Updated

docs/components/autocomplete.md

@@ -13,7 +13,7 @@ Searchable dropdown with autocomplete functionality, keyboard navigation, and re
 | `class` | `string` | `''` | Additional CSS classes for the container |
 | `items` | `Array<string \| {value: string, label: string}> \| Signal` | `[]` | Items to search from |
 | `value` | `string \| Signal<string>` | `''` | Selected value (reactive) |
-| `onSelect` | `function(item)` | `-` | Called when an option is selected |
+| `onselect` | `function(item)` | `-` | Called when an option is selected |
 | `label` | `string` | `-` | Label text for the input |
 | `placeholder` | `string` | `'Search...'` | Placeholder text |
 
@@ -48,7 +48,7 @@ const BasicDemo = () => {
   return Autocomplete({
     items: fruits,
     value: selected,
-    onSelect: (value) => selected(value)
+    onselect: (value) => selected(value)
   });
 };
 Mount(BasicDemo, '#demo-basic');
@@ -81,7 +81,7 @@ const ObjectsDemo = () => {
     Autocomplete({
       items: countries,
       value: selectedLabel,
-      onSelect: (item) => {
+      onselect: (item) => {
         const selectedItem = typeof item === 'string' 
           ? countries.find(c => c.label === item) 
           : item;
@@ -118,7 +118,7 @@ const ReactiveDemo = () => {
     Autocomplete({
       items: programmingLanguages,
       value: selected,
-      onSelect: (value) => selected(value)
+      onselect: (value) => selected(value)
     }),
     () => selected() ? Div({ class: 'alert alert-info' }, [
       `You selected: ${selected()}`
@@ -161,7 +161,7 @@ const DynamicDemo = () => {
     Autocomplete({
       items: () => allItems[filterType()],
       value: selected,
-      onSelect: (value) => selected(value)
+      onselect: (value) => selected(value)
     })
   ]);
 };

docs/components_old/autocomplete.md

@@ -14,7 +14,7 @@ Searchable dropdown with autocomplete functionality, keyboard navigation, and re
 | `options`    | `Array<string \| {value: string, label: string}>` | `[]`                | Options to search from                           |
 | `value`      | `string \| Signal<string>`                        | `''`                | Selected value                                   |
 | `placeholder`| `string`                                          | `'Search...'`       | Placeholder text                                 |
-| `onSelect`   | `function`                                        | `-`                 | Called when an option is selected                |
+| `onselect`   | `function`                                        | `-`                 | Called when an option is selected                |
 | `class`      | `string`                                          | `''`                | Additional CSS classes (DaisyUI + Tailwind)      |
 
 ## Live Examples
@@ -37,7 +37,7 @@ const BasicDemo = () => {
     label: 'Search fruit',
     options: fruits,
     value: selected,
-    onSelect: (value) => selected(value)
+    onselect: (value) => selected(value)
   });
 };
 Mount(BasicDemo, '#demo-basic');
@@ -71,7 +71,7 @@ const ObjectsDemo = () => {
       label: 'Search country',
       options: countries,
       value: selectedLabel,
-      onSelect: (item) => {
+      onselect: (item) => {
         const selectedItem = typeof item === 'string' 
           ? countries.find(c => c.label === item) 
           : item;
@@ -109,7 +109,7 @@ const ReactiveDemo = () => {
       label: 'Programming language',
       options: programmingLanguages,
       value: selected,
-      onSelect: (value) => selected(value)
+      onselect: (value) => selected(value)
     }),
     () => selected() ? Div({ class: 'alert alert-info' }, [
       `You selected: ${selected()}`
@@ -154,7 +154,7 @@ const DynamicDemo = () => {
       label: 'Search item',
       options: () => allItems[filterType()],
       value: selected,
-      onSelect: (value) => selected(value)
+      onselect: (value) => selected(value)
     })
   ]);
 };
@@ -222,7 +222,7 @@ Mount(VariantsDemo, '#demo-variants');
             label: 'Search fruit',
             options: fruits,
             value: selected,
-            onSelect: (value) => selected(value)
+            onselect: (value) => selected(value)
           });
         };
         Mount(BasicDemo, basicTarget);
@@ -249,7 +249,7 @@ Mount(VariantsDemo, '#demo-variants');
               label: 'Search country',
               options: countries,
               value: selectedLabel,
-              onSelect: (item) => {
+              onselect: (item) => {
                 const selectedItem = typeof item === 'string' 
                   ? countries.find(c => c.label === item) 
                   : item;
@@ -280,7 +280,7 @@ Mount(VariantsDemo, '#demo-variants');
               label: 'Programming language',
               options: programmingLanguages,
               value: selected,
-              onSelect: (value) => selected(value)
+              onselect: (value) => selected(value)
             }),
             () => selected() ? Div({ class: 'alert alert-info' }, [
               `You selected: ${selected()}`
@@ -318,7 +318,7 @@ Mount(VariantsDemo, '#demo-variants');
               label: 'Search item',
               options: () => allItems[filterType()],
               value: selected,
-              onSelect: (value) => selected(value)
+              onselect: (value) => selected(value)
             })
           ]);
         };

docs/quick.md

@@ -222,6 +222,6 @@ Modal({
 | `Alert` | `type` (info/success/warning/error), `soft`, `actions` |
 | `Toast` | `message`, `type`, `duration` |
 | `Datepicker` | `value`, `range`, `label`, `placeholder` |
-| `Autocomplete` | `options`, `value`, `onSelect`, `label` |
+| `Autocomplete` | `options`, `value`, `onselect`, `label` |
 | `Indicator` | `value` (function that returns number/string) |
 | `Tooltip` | `tip`, `ui` (tooltip-top/bottom/left/right) |