@moduix/solid 1.0.0 → 1.1.0

package/dist/components/tags-input/TagsInput.js

@@ -15,11 +15,11 @@ function TagsInputRoot(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "tags-input-root",
         get ["class"] () {
             return clsx(TagsInput_module.root, local.class);
         }
     }, others, {
+        "data-slot": "tags-input-root",
         get children () {
             return local.children;
         }
@@ -35,11 +35,11 @@ function TagsInputRootProvider(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "tags-input-root-provider",
         get ["class"] () {
             return clsx(TagsInput_module.root, local.class);
         }
     }, others, {
+        "data-slot": "tags-input-root-provider",
         get children () {
             return local.children;
         }
@@ -50,55 +50,60 @@ function TagsInputLabel(props) {
         'class'
     ]);
     return createComponent(TagsInput.Label, mergeProps({
-        "data-slot": "tags-input-label",
         get ["class"] () {
             return clsx(TagsInput_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tags-input-label"
+    }));
 }
 function TagsInputControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(TagsInput.Control, mergeProps({
-        "data-slot": "tags-input-control",
         get ["class"] () {
             return clsx(TagsInput_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tags-input-control"
+    }));
 }
 function TagsInputItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(TagsInput.Item, mergeProps({
-        "data-slot": "tags-input-item",
         get ["class"] () {
             return clsx(TagsInput_module.item, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tags-input-item"
+    }));
 }
 function TagsInputItemPreview(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(TagsInput.ItemPreview, mergeProps({
-        "data-slot": "tags-input-item-preview",
         get ["class"] () {
             return clsx(TagsInput_module.itemPreview, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tags-input-item-preview"
+    }));
 }
 function TagsInputItemText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(TagsInput.ItemText, mergeProps({
-        "data-slot": "tags-input-item-text",
         get ["class"] () {
             return clsx(TagsInput_module.itemText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tags-input-item-text"
+    }));
 }
 function TagsInputItemDeleteTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -107,11 +112,11 @@ function TagsInputItemDeleteTrigger(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(TagsInput.ItemDeleteTrigger, mergeProps({
-        "data-slot": "tags-input-item-delete-trigger",
         get ["class"] () {
             return clsx(TagsInput_module.itemDeleteTrigger, local.class);
         }
     }, others, {
+        "data-slot": "tags-input-item-delete-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(CloseIcon, {});
         }
@@ -122,22 +127,24 @@ function TagsInputItemInput(props) {
         'class'
     ]);
     return createComponent(TagsInput.ItemInput, mergeProps({
-        "data-slot": "tags-input-item-input",
         get ["class"] () {
             return clsx(TagsInput_module.itemInput, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tags-input-item-input"
+    }));
 }
 function TagsInputInput(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(TagsInput.Input, mergeProps({
-        "data-slot": "tags-input-input",
         get ["class"] () {
             return clsx(TagsInput_module.input, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tags-input-input"
+    }));
 }
 function TagsInputClearTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -155,7 +162,6 @@ function TagsInputClearTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "tags-input-clear-trigger",
         get ["class"] () {
             return triggerClassName();
         },
@@ -166,6 +172,7 @@ function TagsInputClearTrigger(props) {
             return local['aria-labelledby'];
         }
     }, others, {
+        "data-slot": "tags-input-clear-trigger",
         get children () {
             return local.children;
         }
@@ -185,11 +192,12 @@ function TagsInputClearTrigger(props) {
                     return resolvedChildren();
                 }
             })),
-        "data-slot": "tags-input-clear-trigger",
         get ["class"] () {
             return triggerClassName();
         }
-    }, others));
+    }, others, {
+        "data-slot": "tags-input-clear-trigger"
+    }));
 }
 const TagsInputContext = TagsInput.Context;
 function TagsInputItems() {

package/dist/components/tags-input/TagsInput.jsx

@@ -10,7 +10,7 @@ function TagsInputRoot(props) {
         'children',
         'class'
     ]);
-    return <TagsInput.Root asChild={local.asChild} data-slot="tags-input-root" class={clsx(TagsInput_module.root, local.class)} {...others}>
+    return <TagsInput.Root asChild={local.asChild} class={clsx(TagsInput_module.root, local.class)} {...others} data-slot="tags-input-root">
       {local.children}
     </TagsInput.Root>;
 }
@@ -20,7 +20,7 @@ function TagsInputRootProvider(props) {
         'children',
         'class'
     ]);
-    return <TagsInput.RootProvider asChild={local.asChild} data-slot="tags-input-root-provider" class={clsx(TagsInput_module.root, local.class)} {...others}>
+    return <TagsInput.RootProvider asChild={local.asChild} class={clsx(TagsInput_module.root, local.class)} {...others} data-slot="tags-input-root-provider">
       {local.children}
     </TagsInput.RootProvider>;
 }
@@ -28,31 +28,31 @@ function TagsInputLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <TagsInput.Label data-slot="tags-input-label" class={clsx(TagsInput_module.label, local.class)} {...others}/>;
+    return <TagsInput.Label class={clsx(TagsInput_module.label, local.class)} {...others} data-slot="tags-input-label"/>;
 }
 function TagsInputControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <TagsInput.Control data-slot="tags-input-control" class={clsx(TagsInput_module.control, local.class)} {...others}/>;
+    return <TagsInput.Control class={clsx(TagsInput_module.control, local.class)} {...others} data-slot="tags-input-control"/>;
 }
 function TagsInputItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <TagsInput.Item data-slot="tags-input-item" class={clsx(TagsInput_module.item, local.class)} {...others}/>;
+    return <TagsInput.Item class={clsx(TagsInput_module.item, local.class)} {...others} data-slot="tags-input-item"/>;
 }
 function TagsInputItemPreview(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <TagsInput.ItemPreview data-slot="tags-input-item-preview" class={clsx(TagsInput_module.itemPreview, local.class)} {...others}/>;
+    return <TagsInput.ItemPreview class={clsx(TagsInput_module.itemPreview, local.class)} {...others} data-slot="tags-input-item-preview"/>;
 }
 function TagsInputItemText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <TagsInput.ItemText data-slot="tags-input-item-text" class={clsx(TagsInput_module.itemText, local.class)} {...others}/>;
+    return <TagsInput.ItemText class={clsx(TagsInput_module.itemText, local.class)} {...others} data-slot="tags-input-item-text"/>;
 }
 function TagsInputItemDeleteTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -60,7 +60,7 @@ function TagsInputItemDeleteTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <TagsInput.ItemDeleteTrigger data-slot="tags-input-item-delete-trigger" class={clsx(TagsInput_module.itemDeleteTrigger, local.class)} {...others}>
+    return <TagsInput.ItemDeleteTrigger class={clsx(TagsInput_module.itemDeleteTrigger, local.class)} {...others} data-slot="tags-input-item-delete-trigger">
       {resolvedChildren() ?? <CloseIcon/>}
     </TagsInput.ItemDeleteTrigger>;
 }
@@ -68,13 +68,13 @@ function TagsInputItemInput(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <TagsInput.ItemInput data-slot="tags-input-item-input" class={clsx(TagsInput_module.itemInput, local.class)} {...others}/>;
+    return <TagsInput.ItemInput class={clsx(TagsInput_module.itemInput, local.class)} {...others} data-slot="tags-input-item-input"/>;
 }
 function TagsInputInput(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <TagsInput.Input data-slot="tags-input-input" class={clsx(TagsInput_module.input, local.class)} {...others}/>;
+    return <TagsInput.Input class={clsx(TagsInput_module.input, local.class)} {...others} data-slot="tags-input-input"/>;
 }
 function TagsInputClearTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -88,12 +88,12 @@ function TagsInputClearTrigger(props) {
     const resolvedChildren = children(()=>local.children);
     const triggerClassName = ()=>clsx(TagsInput_module.clearTrigger, local.class);
     const clearTriggerLabel = ()=>tagsInput().getClearTriggerProps()['aria-label'];
-    if (local.asChild) return <TagsInput.ClearTrigger asChild={local.asChild} data-slot="tags-input-clear-trigger" class={triggerClassName()} aria-label={local['aria-label']} aria-labelledby={local['aria-labelledby']} {...others}>
+    if (local.asChild) return <TagsInput.ClearTrigger asChild={local.asChild} class={triggerClassName()} aria-label={local['aria-label']} aria-labelledby={local['aria-labelledby']} {...others} data-slot="tags-input-clear-trigger">
         {local.children}
       </TagsInput.ClearTrigger>;
     return <TagsInput.ClearTrigger asChild={(triggerProps)=><CloseButton.Root {...triggerProps()} aria-label={local['aria-label'] ?? clearTriggerLabel()} aria-labelledby={local['aria-labelledby']} data-part="clear-trigger" data-scope="tags-input" data-slot="tags-input-clear-trigger">
           {resolvedChildren()}
-        </CloseButton.Root>} data-slot="tags-input-clear-trigger" class={triggerClassName()} {...others}/>;
+        </CloseButton.Root>} class={triggerClassName()} {...others} data-slot="tags-input-clear-trigger"/>;
 }
 const TagsInputContext = TagsInput.Context;
 function TagsInputItems() {

package/dist/components/timer/Timer.js

@@ -8,77 +8,84 @@ function TimerRoot(props) {
         'class'
     ]);
     return createComponent(Timer.Root, mergeProps({
-        "data-slot": "timer-root",
         get ["class"] () {
             return clsx(Timer_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "timer-root"
+    }));
 }
 function TimerRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Timer.RootProvider, mergeProps({
-        "data-slot": "timer-root-provider",
         get ["class"] () {
             return clsx(Timer_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "timer-root-provider"
+    }));
 }
 function TimerArea(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Timer.Area, mergeProps({
-        "data-slot": "timer-area",
         get ["class"] () {
             return clsx(Timer_module.area, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "timer-area"
+    }));
 }
 function TimerItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Timer.Item, mergeProps({
-        "data-slot": "timer-item",
         get ["class"] () {
             return clsx(Timer_module.item, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "timer-item"
+    }));
 }
 function TimerSeparator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Timer.Separator, mergeProps({
-        "data-slot": "timer-separator",
         get ["class"] () {
             return clsx(Timer_module.separator, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "timer-separator"
+    }));
 }
 function TimerControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Timer.Control, mergeProps({
-        "data-slot": "timer-control",
         get ["class"] () {
             return clsx(Timer_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "timer-control"
+    }));
 }
 function TimerActionTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Timer.ActionTrigger, mergeProps({
-        "data-slot": "timer-action-trigger",
         get ["class"] () {
             return clsx(Timer_module.actionTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "timer-action-trigger"
+    }));
 }
 const defaultTimerSegmentTypes = [
     'hours',

package/dist/components/timer/Timer.jsx

@@ -6,43 +6,43 @@ function TimerRoot(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Timer.Root data-slot="timer-root" class={clsx(Timer_module.root, local.class)} {...others}/>;
+    return <Timer.Root class={clsx(Timer_module.root, local.class)} {...others} data-slot="timer-root"/>;
 }
 function TimerRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Timer.RootProvider data-slot="timer-root-provider" class={clsx(Timer_module.root, local.class)} {...others}/>;
+    return <Timer.RootProvider class={clsx(Timer_module.root, local.class)} {...others} data-slot="timer-root-provider"/>;
 }
 function TimerArea(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Timer.Area data-slot="timer-area" class={clsx(Timer_module.area, local.class)} {...others}/>;
+    return <Timer.Area class={clsx(Timer_module.area, local.class)} {...others} data-slot="timer-area"/>;
 }
 function TimerItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Timer.Item data-slot="timer-item" class={clsx(Timer_module.item, local.class)} {...others}/>;
+    return <Timer.Item class={clsx(Timer_module.item, local.class)} {...others} data-slot="timer-item"/>;
 }
 function TimerSeparator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Timer.Separator data-slot="timer-separator" class={clsx(Timer_module.separator, local.class)} {...others}/>;
+    return <Timer.Separator class={clsx(Timer_module.separator, local.class)} {...others} data-slot="timer-separator"/>;
 }
 function TimerControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Timer.Control data-slot="timer-control" class={clsx(Timer_module.control, local.class)} {...others}/>;
+    return <Timer.Control class={clsx(Timer_module.control, local.class)} {...others} data-slot="timer-control"/>;
 }
 function TimerActionTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Timer.ActionTrigger data-slot="timer-action-trigger" class={clsx(Timer_module.actionTrigger, local.class)} {...others}/>;
+    return <Timer.ActionTrigger class={clsx(Timer_module.actionTrigger, local.class)} {...others} data-slot="timer-action-trigger"/>;
 }
 const defaultTimerSegmentTypes = [
     'hours',

package/dist/components/toast/Toast.js

@@ -24,11 +24,11 @@ function Toast_Toaster(props) {
             return createComponent(OverlayPortal, {
                 get children () {
                     return createComponent(Toaster, mergeProps({
-                        "data-slot": "toast-toaster",
                         get ["class"] () {
                             return clsx(Toast_module.toaster, local.class);
                         }
                     }, others, {
+                        "data-slot": "toast-toaster",
                         get children () {
                             return local.children ?? ((toast)=>createComponent(DefaultToast, {
                                     toast: toast
@@ -63,11 +63,12 @@ function ToastRoot(props) {
         'class'
     ]);
     return createComponent(Toast.Root, mergeProps({
-        "data-slot": "toast-root",
         get ["class"] () {
             return clsx(Toast_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "toast-root"
+    }));
 }
 function ToastTitle(props) {
     const [local, others] = splitProps(props, [
@@ -77,11 +78,11 @@ function ToastTitle(props) {
     const resolvedChildren = children(()=>local.children);
     const toast = useToastContext();
     return createComponent(Toast.Title, mergeProps({
-        "data-slot": "toast-title",
         get ["class"] () {
             return clsx(Toast_module.title, local.class);
         }
     }, others, {
+        "data-slot": "toast-title",
         get children () {
             return memo(()=>void 0 === resolvedChildren())() ? toast().title : resolvedChildren();
         }
@@ -95,11 +96,11 @@ function ToastDescription(props) {
     const resolvedChildren = children(()=>local.children);
     const toast = useToastContext();
     return createComponent(Toast.Description, mergeProps({
-        "data-slot": "toast-description",
         get ["class"] () {
             return clsx(Toast_module.description, local.class);
         }
     }, others, {
+        "data-slot": "toast-description",
         get children () {
             return memo(()=>void 0 === resolvedChildren())() ? toast().description : resolvedChildren();
         }
@@ -115,11 +116,11 @@ function ToastActionTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "toast-action-trigger",
         get ["class"] () {
             return clsx(!local.asChild && Toast_module.actionTrigger, local.class);
         }
     }, others, {
+        "data-slot": "toast-action-trigger",
         get children () {
             return local.children;
         }
@@ -139,7 +140,6 @@ function ToastCloseTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "toast-close-trigger",
         "aria-label": ariaLabel,
         get ["aria-labelledby"] () {
             return local['aria-labelledby'];
@@ -148,6 +148,7 @@ function ToastCloseTrigger(props) {
             return local.class;
         }
     }, others, {
+        "data-slot": "toast-close-trigger",
         get children () {
             return local.children;
         }
@@ -166,12 +167,13 @@ function ToastCloseTrigger(props) {
                     return resolvedChildren();
                 }
             })),
-        "data-slot": "toast-close-trigger",
         "aria-label": ariaLabel,
         get ["aria-labelledby"] () {
             return local['aria-labelledby'];
         }
-    }, others));
+    }, others, {
+        "data-slot": "toast-close-trigger"
+    }));
 }
 const Toast_Toast = Object.assign(ToastRoot, {
     Root: ToastRoot,

package/dist/components/toast/Toast.jsx

@@ -14,7 +14,7 @@ function Toast_Toaster(props) {
     ]);
     return <OverlayPortalProvider portalled={local.portalled ?? true} portalRef={local.portalRef}>
       <OverlayPortal>
-        <Toaster data-slot="toast-toaster" class={clsx(Toast_module.toaster, local.class)} {...others} children={local.children ?? ((toast)=><DefaultToast toast={toast}/>)}/>
+        <Toaster class={clsx(Toast_module.toaster, local.class)} {...others} data-slot="toast-toaster" children={local.children ?? ((toast)=><DefaultToast toast={toast}/>)}/>
       </OverlayPortal>
     </OverlayPortalProvider>;
 }
@@ -32,7 +32,7 @@ function ToastRoot(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Toast.Root data-slot="toast-root" class={clsx(Toast_module.root, local.class)} {...others}/>;
+    return <Toast.Root class={clsx(Toast_module.root, local.class)} {...others} data-slot="toast-root"/>;
 }
 function ToastTitle(props) {
     const [local, others] = splitProps(props, [
@@ -41,7 +41,7 @@ function ToastTitle(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     const toast = useToastContext();
-    return <Toast.Title data-slot="toast-title" class={clsx(Toast_module.title, local.class)} {...others}>
+    return <Toast.Title class={clsx(Toast_module.title, local.class)} {...others} data-slot="toast-title">
       {void 0 === resolvedChildren() ? toast().title : resolvedChildren()}
     </Toast.Title>;
 }
@@ -52,7 +52,7 @@ function ToastDescription(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     const toast = useToastContext();
-    return <Toast.Description data-slot="toast-description" class={clsx(Toast_module.description, local.class)} {...others}>
+    return <Toast.Description class={clsx(Toast_module.description, local.class)} {...others} data-slot="toast-description">
       {void 0 === resolvedChildren() ? toast().description : resolvedChildren()}
     </Toast.Description>;
 }
@@ -62,7 +62,7 @@ function ToastActionTrigger(props) {
         'children',
         'class'
     ]);
-    return <Toast.ActionTrigger asChild={local.asChild} data-slot="toast-action-trigger" class={clsx(!local.asChild && Toast_module.actionTrigger, local.class)} {...others}>
+    return <Toast.ActionTrigger asChild={local.asChild} class={clsx(!local.asChild && Toast_module.actionTrigger, local.class)} {...others} data-slot="toast-action-trigger">
       {local.children}
     </Toast.ActionTrigger>;
 }
@@ -76,12 +76,12 @@ function ToastCloseTrigger(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     const ariaLabel = void 0 === local['aria-label'] ? DEFAULT_CLOSE_TRIGGER_LABEL : local['aria-label'];
-    if (local.asChild) return <Toast.CloseTrigger asChild={local.asChild} data-slot="toast-close-trigger" aria-label={ariaLabel} aria-labelledby={local['aria-labelledby']} class={local.class} {...others}>
+    if (local.asChild) return <Toast.CloseTrigger asChild={local.asChild} aria-label={ariaLabel} aria-labelledby={local['aria-labelledby']} class={local.class} {...others} data-slot="toast-close-trigger">
         {local.children}
       </Toast.CloseTrigger>;
     return <Toast.CloseTrigger asChild={(triggerProps)=><CloseButton.Root {...triggerProps()} data-slot="toast-close-trigger" aria-label={ariaLabel} aria-labelledby={local['aria-labelledby']} class={clsx(Toast_module.closeTrigger, local.class)}>
           {resolvedChildren()}
-        </CloseButton.Root>} data-slot="toast-close-trigger" aria-label={ariaLabel} aria-labelledby={local['aria-labelledby']} {...others}/>;
+        </CloseButton.Root>} aria-label={ariaLabel} aria-labelledby={local['aria-labelledby']} {...others} data-slot="toast-close-trigger"/>;
 }
 const Toast_Toast = Object.assign(ToastRoot, {
     Root: ToastRoot,