OPtimized components

docs/demo_forms.md

@@ -88,8 +88,9 @@ mount(
 
 ```js
 const text = $('');
+const pass = $('');
 
-mount(
+mount([
   Input({
     type: 'text',
     label: 'Username',
@@ -97,6 +98,13 @@ mount(
     value: text,
     left: Icon('icon-[lucide--user]')
   }),
+  Input({
+    type: 'password',
+    label: 'Password',
+    float: true,
+    value: pass,
+    left: Icon('icon-[lucide--lock]')
+  })],
   '#demo-input'
 );
 ```
@@ -168,14 +176,14 @@ mount(
 <div id="demo-swap"></div>
 
 ```js
-const swapOn = $(false);
+const isActive = $(false)
 
 mount(
-  Swap({
-    value: swapOn,
-    on: span({ class: 'text-success' }, 'ON'),
-    off: span({ class: 'text-error' }, 'OFF'),
-  }),
+  Swap({ class: 'text-base' }, [
+    SwapToggle({ value: isActive, class: 'swap-rotate' }),
+    SwapOn({}, span({ class: 'icon-[lucide--moon]' })),
+    SwapOff({}, span({ class: 'icon-[lucide--sun]' }))
+  ]),
   '#demo-swap'
-);
+)
 ```