Rebuild all components

docs/components/autocomplete.md

@@ -149,15 +149,20 @@ const DynamicDemo = () => {
   };
   
   return Div({ class: 'flex flex-col gap-4 w-full' }, [
-    Select({
-      items: [
-        { value: 'all', label: 'All items' },
-        { value: 'fruits', label: 'Fruits' },
-        { value: 'vegetables', label: 'Vegetables' }
-      ],
-      value: filterType,
-      onchange: (e) => filterType(e.target.value)
-    }),
+    Select({ 
+      class: 'select-bordered w-full',
+      value: filterType, 
+      onchange: (e) => filterType(e.target.value) 
+    }, [
+      Options({
+        items: [
+          { value: 'all', label: 'All items' },
+          { value: 'fruits', label: 'Fruits' },
+          { value: 'vegetables', label: 'Vegetables' }
+        ]
+      })
+    ]),
+    
     Autocomplete({
       items: () => allItems[filterType()],
       value: selected,
@@ -165,6 +170,7 @@ const DynamicDemo = () => {
     })
   ]);
 };
+
 Mount(DynamicDemo, '#demo-dynamic');
 ```