@moduix/solid 1.0.0 → 1.1.0

package/dist/components/combobox/Combobox.js

@@ -29,7 +29,6 @@ const Combobox_ComboboxRoot = function(props) {
                 get asChild () {
                     return local.asChild;
                 },
-                "data-slot": "combobox-root",
                 get ["class"] () {
                     return clsx(Combobox_module.root, local.class);
                 },
@@ -40,6 +39,7 @@ const Combobox_ComboboxRoot = function(props) {
                     return local.unmountOnExit ?? true;
                 }
             }, others, {
+                "data-slot": "combobox-root",
                 get children () {
                     return local.children;
                 }
@@ -69,7 +69,6 @@ const Combobox_ComboboxRootProvider = function(props) {
                 get asChild () {
                     return local.asChild;
                 },
-                "data-slot": "combobox-root-provider",
                 get ["class"] () {
                     return clsx(Combobox_module.root, local.class);
                 },
@@ -80,6 +79,7 @@ const Combobox_ComboboxRootProvider = function(props) {
                     return local.unmountOnExit ?? true;
                 }
             }, others, {
+                "data-slot": "combobox-root-provider",
                 get children () {
                     return local.children;
                 }
@@ -92,22 +92,24 @@ function ComboboxLabel(props) {
         'class'
     ]);
     return createComponent(Combobox.Label, mergeProps({
-        "data-slot": "combobox-label",
         get ["class"] () {
             return clsx(Combobox_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "combobox-label"
+    }));
 }
 function ComboboxControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Combobox.Control, mergeProps({
-        "data-slot": "combobox-control",
         get ["class"] () {
             return clsx(Combobox_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "combobox-control"
+    }));
 }
 function ComboboxInput(props) {
     const [local, others] = splitProps(props, [
@@ -118,11 +120,12 @@ function ComboboxInput(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "combobox-input",
         get ["class"] () {
             return clsx(!local.asChild && Combobox_module.input, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "combobox-input"
+    }));
 }
 function ComboboxClearTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -144,9 +147,9 @@ function ComboboxClearTrigger(props) {
         get ["aria-labelledby"] () {
             return local['aria-labelledby'];
         },
-        "data-slot": "combobox-clear-trigger",
         class: triggerClass
     }, others, {
+        "data-slot": "combobox-clear-trigger",
         get children () {
             return local.children;
         }
@@ -166,9 +169,10 @@ function ComboboxClearTrigger(props) {
                 }
             }));
         },
-        "data-slot": "combobox-clear-trigger",
         class: triggerClass
-    }, others));
+    }, others, {
+        "data-slot": "combobox-clear-trigger"
+    }));
 }
 function ComboboxTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -177,11 +181,11 @@ function ComboboxTrigger(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Combobox.Trigger, mergeProps({
-        "data-slot": "combobox-trigger",
         get ["class"] () {
             return clsx(Combobox_module.trigger, local.class);
         }
     }, others, {
+        "data-slot": "combobox-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(ChevronUpDownIcon, {});
         }
@@ -194,11 +198,12 @@ function ComboboxPositioner(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(Combobox.Positioner, mergeProps({
-                "data-slot": "combobox-positioner",
                 get ["class"] () {
                     return clsx(Combobox_module.positioner, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "combobox-positioner"
+            }));
         }
     });
 }
@@ -207,88 +212,96 @@ function ComboboxContent(props) {
         'class'
     ]);
     return createComponent(Combobox.Content, mergeProps({
-        "data-slot": "combobox-content",
         get ["class"] () {
             return clsx(Combobox_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "combobox-content"
+    }));
 }
 function ComboboxEmpty(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Combobox.Empty, mergeProps({
-        "data-slot": "combobox-empty",
         get ["class"] () {
             return clsx(Combobox_module.empty, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "combobox-empty"
+    }));
 }
 function ComboboxStatus(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.div, mergeProps({
-        "data-slot": "combobox-status",
         get ["class"] () {
             return clsx(Combobox_module.status, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "combobox-status"
+    }));
 }
 function ComboboxList(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Combobox.List, mergeProps({
-        "data-slot": "combobox-list",
         get ["class"] () {
             return clsx(Combobox_module.list, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "combobox-list"
+    }));
 }
 function ComboboxItemGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Combobox.ItemGroup, mergeProps({
-        "data-slot": "combobox-item-group",
         get ["class"] () {
             return clsx(Combobox_module.itemGroup, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "combobox-item-group"
+    }));
 }
 function ComboboxItemGroupLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Combobox.ItemGroupLabel, mergeProps({
-        "data-slot": "combobox-item-group-label",
         get ["class"] () {
             return clsx(Combobox_module.itemGroupLabel, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "combobox-item-group-label"
+    }));
 }
 function ComboboxItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Combobox.Item, mergeProps({
-        "data-slot": "combobox-item",
         get ["class"] () {
             return clsx(Combobox_module.item, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "combobox-item"
+    }));
 }
 function ComboboxItemText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Combobox.ItemText, mergeProps({
-        "data-slot": "combobox-item-text",
         get ["class"] () {
             return clsx(Combobox_module.itemText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "combobox-item-text"
+    }));
 }
 function ComboboxItemIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -297,11 +310,11 @@ function ComboboxItemIndicator(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Combobox.ItemIndicator, mergeProps({
-        "data-slot": "combobox-item-indicator",
         get ["class"] () {
             return clsx(Combobox_module.itemIndicator, local.class);
         }
     }, others, {
+        "data-slot": "combobox-item-indicator",
         get children () {
             return resolvedChildren() ?? createComponent(CheckIcon, {});
         }

package/dist/components/combobox/Combobox.jsx

@@ -17,7 +17,7 @@ const Combobox_ComboboxRoot = function(props) {
         'unmountOnExit'
     ]);
     return <OverlayPortalProvider portalled={local.portalled} portalRef={local.portalRef}>
-      <Combobox.Root asChild={local.asChild} data-slot="combobox-root" class={clsx(Combobox_module.root, local.class)} lazyMount={local.lazyMount ?? true} unmountOnExit={local.unmountOnExit ?? true} {...others}>
+      <Combobox.Root asChild={local.asChild} class={clsx(Combobox_module.root, local.class)} lazyMount={local.lazyMount ?? true} unmountOnExit={local.unmountOnExit ?? true} {...others} data-slot="combobox-root">
         {local.children}
       </Combobox.Root>
     </OverlayPortalProvider>;
@@ -33,7 +33,7 @@ const Combobox_ComboboxRootProvider = function(props) {
         'unmountOnExit'
     ]);
     return <OverlayPortalProvider portalled={local.portalled} portalRef={local.portalRef}>
-      <Combobox.RootProvider asChild={local.asChild} data-slot="combobox-root-provider" class={clsx(Combobox_module.root, local.class)} lazyMount={local.lazyMount ?? true} unmountOnExit={local.unmountOnExit ?? true} {...others}>
+      <Combobox.RootProvider asChild={local.asChild} class={clsx(Combobox_module.root, local.class)} lazyMount={local.lazyMount ?? true} unmountOnExit={local.unmountOnExit ?? true} {...others} data-slot="combobox-root-provider">
         {local.children}
       </Combobox.RootProvider>
     </OverlayPortalProvider>;
@@ -42,20 +42,20 @@ function ComboboxLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Combobox.Label data-slot="combobox-label" class={clsx(Combobox_module.label, local.class)} {...others}/>;
+    return <Combobox.Label class={clsx(Combobox_module.label, local.class)} {...others} data-slot="combobox-label"/>;
 }
 function ComboboxControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Combobox.Control data-slot="combobox-control" class={clsx(Combobox_module.control, local.class)} {...others}/>;
+    return <Combobox.Control class={clsx(Combobox_module.control, local.class)} {...others} data-slot="combobox-control"/>;
 }
 function ComboboxInput(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <Combobox.Input asChild={local.asChild} data-slot="combobox-input" class={clsx(!local.asChild && Combobox_module.input, local.class)} {...others}/>;
+    return <Combobox.Input asChild={local.asChild} class={clsx(!local.asChild && Combobox_module.input, local.class)} {...others} data-slot="combobox-input"/>;
 }
 function ComboboxClearTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -67,7 +67,7 @@ function ComboboxClearTrigger(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     const triggerClass = clsx(Combobox_module.clearTrigger, local.class);
-    if (local.asChild) return <Combobox.ClearTrigger asChild={local.asChild} aria-label={local['aria-label']} aria-labelledby={local['aria-labelledby']} data-slot="combobox-clear-trigger" class={triggerClass} {...others}>
+    if (local.asChild) return <Combobox.ClearTrigger asChild={local.asChild} aria-label={local['aria-label']} aria-labelledby={local['aria-labelledby']} class={triggerClass} {...others} data-slot="combobox-clear-trigger">
         {local.children}
       </Combobox.ClearTrigger>;
     return <Combobox.ClearTrigger asChild={(triggerProps)=>{
@@ -75,7 +75,7 @@ function ComboboxClearTrigger(props) {
         return <CloseButton.Root {...resolvedProps} aria-label={local['aria-label'] ?? (null == local['aria-labelledby'] ? 'Clear selection' : void 0)} aria-labelledby={local['aria-labelledby']}>
             {resolvedChildren()}
           </CloseButton.Root>;
-    }} data-slot="combobox-clear-trigger" class={triggerClass} {...others}/>;
+    }} class={triggerClass} {...others} data-slot="combobox-clear-trigger"/>;
 }
 function ComboboxTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -83,7 +83,7 @@ function ComboboxTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Combobox.Trigger data-slot="combobox-trigger" class={clsx(Combobox_module.trigger, local.class)} {...others}>
+    return <Combobox.Trigger class={clsx(Combobox_module.trigger, local.class)} {...others} data-slot="combobox-trigger">
       {resolvedChildren() ?? <ChevronUpDownIcon/>}
     </Combobox.Trigger>;
 }
@@ -92,56 +92,56 @@ function ComboboxPositioner(props) {
         'class'
     ]);
     return <OverlayPortal>
-      <Combobox.Positioner data-slot="combobox-positioner" class={clsx(Combobox_module.positioner, local.class)} {...others}/>
+      <Combobox.Positioner class={clsx(Combobox_module.positioner, local.class)} {...others} data-slot="combobox-positioner"/>
     </OverlayPortal>;
 }
 function ComboboxContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Combobox.Content data-slot="combobox-content" class={clsx(Combobox_module.content, local.class)} {...others}/>;
+    return <Combobox.Content class={clsx(Combobox_module.content, local.class)} {...others} data-slot="combobox-content"/>;
 }
 function ComboboxEmpty(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Combobox.Empty data-slot="combobox-empty" class={clsx(Combobox_module.empty, local.class)} {...others}/>;
+    return <Combobox.Empty class={clsx(Combobox_module.empty, local.class)} {...others} data-slot="combobox-empty"/>;
 }
 function ComboboxStatus(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-slot="combobox-status" class={clsx(Combobox_module.status, local.class)} {...others}/>;
+    return <ark.div class={clsx(Combobox_module.status, local.class)} {...others} data-slot="combobox-status"/>;
 }
 function ComboboxList(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Combobox.List data-slot="combobox-list" class={clsx(Combobox_module.list, local.class)} {...others}/>;
+    return <Combobox.List class={clsx(Combobox_module.list, local.class)} {...others} data-slot="combobox-list"/>;
 }
 function ComboboxItemGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Combobox.ItemGroup data-slot="combobox-item-group" class={clsx(Combobox_module.itemGroup, local.class)} {...others}/>;
+    return <Combobox.ItemGroup class={clsx(Combobox_module.itemGroup, local.class)} {...others} data-slot="combobox-item-group"/>;
 }
 function ComboboxItemGroupLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Combobox.ItemGroupLabel data-slot="combobox-item-group-label" class={clsx(Combobox_module.itemGroupLabel, local.class)} {...others}/>;
+    return <Combobox.ItemGroupLabel class={clsx(Combobox_module.itemGroupLabel, local.class)} {...others} data-slot="combobox-item-group-label"/>;
 }
 function ComboboxItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Combobox.Item data-slot="combobox-item" class={clsx(Combobox_module.item, local.class)} {...others}/>;
+    return <Combobox.Item class={clsx(Combobox_module.item, local.class)} {...others} data-slot="combobox-item"/>;
 }
 function ComboboxItemText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Combobox.ItemText data-slot="combobox-item-text" class={clsx(Combobox_module.itemText, local.class)} {...others}/>;
+    return <Combobox.ItemText class={clsx(Combobox_module.itemText, local.class)} {...others} data-slot="combobox-item-text"/>;
 }
 function ComboboxItemIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -149,7 +149,7 @@ function ComboboxItemIndicator(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Combobox.ItemIndicator data-slot="combobox-item-indicator" class={clsx(Combobox_module.itemIndicator, local.class)} {...others}>
+    return <Combobox.ItemIndicator class={clsx(Combobox_module.itemIndicator, local.class)} {...others} data-slot="combobox-item-indicator">
       {resolvedChildren() ?? <CheckIcon/>}
     </Combobox.ItemIndicator>;
 }