@moduix/solid 1.0.0 → 1.1.0

package/dist/components/checkbox/Checkbox.jsx

@@ -10,7 +10,7 @@ function CheckboxRoot(props) {
         'class',
         'size'
     ]);
-    return <Checkbox.Root asChild={local.asChild} data-slot="checkbox-root" data-size={local.size ?? 'md'} class={clsx(Checkbox_module.root, local.class)} {...others}>
+    return <Checkbox.Root asChild={local.asChild} class={clsx(Checkbox_module.root, local.class)} {...others} data-size={local.size ?? 'md'} data-slot="checkbox-root">
       {local.children}
     </Checkbox.Root>;
 }
@@ -21,7 +21,7 @@ function CheckboxRootProvider(props) {
         'class',
         'size'
     ]);
-    return <Checkbox.RootProvider asChild={local.asChild} data-slot="checkbox-root-provider" data-size={local.size ?? 'md'} class={clsx(Checkbox_module.root, local.class)} {...others}>
+    return <Checkbox.RootProvider asChild={local.asChild} class={clsx(Checkbox_module.root, local.class)} {...others} data-size={local.size ?? 'md'} data-slot="checkbox-root-provider">
       {local.children}
     </Checkbox.RootProvider>;
 }
@@ -33,7 +33,7 @@ function CheckboxIndicator(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     const slot = ()=>local.indeterminate ? 'checkbox-indicator-indeterminate-icon' : 'checkbox-indicator-checked-icon';
-    return <Checkbox.Indicator data-slot="checkbox-indicator" class={clsx(Checkbox_module.indicator, local.class)} indeterminate={local.indeterminate} {...others}>
+    return <Checkbox.Indicator class={clsx(Checkbox_module.indicator, local.class)} indeterminate={local.indeterminate} {...others} data-slot="checkbox-indicator">
       {resolvedChildren() ?? <span aria-hidden="true" data-slot={slot()} class={Checkbox_module.icon}>
           {local.indeterminate ? <IndeterminateIcon/> : <CheckIcon/>}
         </span>}
@@ -45,7 +45,7 @@ function CheckboxControl(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Checkbox.Control data-slot="checkbox-control" class={clsx(Checkbox_module.control, local.class)} {...others}>
+    return <Checkbox.Control class={clsx(Checkbox_module.control, local.class)} {...others} data-slot="checkbox-control">
       {resolvedChildren() ?? <>
           <CheckboxIndicator/>
           <CheckboxIndicator indeterminate/>
@@ -56,13 +56,13 @@ function CheckboxLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Checkbox.Label data-slot="checkbox-label" class={clsx(Checkbox_module.label, local.class)} {...others}/>;
+    return <Checkbox.Label class={clsx(Checkbox_module.label, local.class)} {...others} data-slot="checkbox-label"/>;
 }
 function CheckboxGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Checkbox.Group data-slot="checkbox-group" class={clsx(Checkbox_module.group, local.class)} {...others}/>;
+    return <Checkbox.Group class={clsx(Checkbox_module.group, local.class)} {...others} data-slot="checkbox-group"/>;
 }
 const Checkbox_Checkbox = Object.assign(CheckboxRoot, {
     Root: CheckboxRoot,

package/dist/components/clipboard/Clipboard.js

@@ -10,66 +10,72 @@ function ClipboardRoot(props) {
         'class'
     ]);
     return createComponent(Clipboard.Root, mergeProps({
-        "data-slot": "clipboard-root",
         get ["class"] () {
             return clsx(Clipboard_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "clipboard-root"
+    }));
 }
 function ClipboardRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Clipboard.RootProvider, mergeProps({
-        "data-slot": "clipboard-root-provider",
         get ["class"] () {
             return clsx(Clipboard_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "clipboard-root-provider"
+    }));
 }
 function ClipboardLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Clipboard.Label, mergeProps({
-        "data-slot": "clipboard-label",
         get ["class"] () {
             return clsx(Clipboard_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "clipboard-label"
+    }));
 }
 function ClipboardControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Clipboard.Control, mergeProps({
-        "data-slot": "clipboard-control",
         get ["class"] () {
             return clsx(Clipboard_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "clipboard-control"
+    }));
 }
 function ClipboardInput(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Clipboard.Input, mergeProps({
-        "data-slot": "clipboard-input",
         get ["class"] () {
             return clsx(Clipboard_module.input, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "clipboard-input"
+    }));
 }
 function ClipboardTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Clipboard.Trigger, mergeProps({
-        "data-slot": "clipboard-trigger",
         get ["class"] () {
             return clsx(Clipboard_module.trigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "clipboard-trigger"
+    }));
 }
 function ClipboardIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -79,7 +85,6 @@ function ClipboardIndicator(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Clipboard.Indicator, mergeProps({
-        "data-slot": "clipboard-indicator",
         get ["class"] () {
             return clsx(Clipboard_module.indicator, local.class);
         },
@@ -92,6 +97,7 @@ function ClipboardIndicator(props) {
             })();
         }
     }, others, {
+        "data-slot": "clipboard-indicator",
         get children () {
             return resolvedChildren() ?? (()=>{
                 var _el$2 = _tmpl$2();
@@ -107,24 +113,29 @@ function ClipboardValueText(props) {
         'class'
     ]);
     return createComponent(Clipboard.ValueText, mergeProps({
-        "data-slot": "clipboard-value-text",
         get ["class"] () {
             return clsx(Clipboard_module.valueText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "clipboard-value-text"
+    }));
 }
 function ClipboardCopyText(props) {
     const [local, others] = splitProps(props, [
         'children',
+        'class',
         'copied'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return createComponent(ClipboardIndicator, mergeProps({
-        "data-slot": "clipboard-copy-text",
+    return createComponent(Clipboard.Indicator, mergeProps({
+        get ["class"] () {
+            return clsx(Clipboard_module.indicator, local.class);
+        },
         get copied () {
             return memo(()=>void 0 === local.copied)() ? 'Copied' : local.copied;
         }
     }, others, {
+        "data-slot": "clipboard-copy-text",
         get children () {
             return memo(()=>void 0 === resolvedChildren())() ? 'Copy' : resolvedChildren();
         }

package/dist/components/clipboard/Clipboard.jsx

@@ -7,37 +7,37 @@ function ClipboardRoot(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Clipboard.Root data-slot="clipboard-root" class={clsx(Clipboard_module.root, local.class)} {...others}/>;
+    return <Clipboard.Root class={clsx(Clipboard_module.root, local.class)} {...others} data-slot="clipboard-root"/>;
 }
 function ClipboardRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Clipboard.RootProvider data-slot="clipboard-root-provider" class={clsx(Clipboard_module.root, local.class)} {...others}/>;
+    return <Clipboard.RootProvider class={clsx(Clipboard_module.root, local.class)} {...others} data-slot="clipboard-root-provider"/>;
 }
 function ClipboardLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Clipboard.Label data-slot="clipboard-label" class={clsx(Clipboard_module.label, local.class)} {...others}/>;
+    return <Clipboard.Label class={clsx(Clipboard_module.label, local.class)} {...others} data-slot="clipboard-label"/>;
 }
 function ClipboardControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Clipboard.Control data-slot="clipboard-control" class={clsx(Clipboard_module.control, local.class)} {...others}/>;
+    return <Clipboard.Control class={clsx(Clipboard_module.control, local.class)} {...others} data-slot="clipboard-control"/>;
 }
 function ClipboardInput(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Clipboard.Input data-slot="clipboard-input" class={clsx(Clipboard_module.input, local.class)} {...others}/>;
+    return <Clipboard.Input class={clsx(Clipboard_module.input, local.class)} {...others} data-slot="clipboard-input"/>;
 }
 function ClipboardTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Clipboard.Trigger data-slot="clipboard-trigger" class={clsx(Clipboard_module.trigger, local.class)} {...others}/>;
+    return <Clipboard.Trigger class={clsx(Clipboard_module.trigger, local.class)} {...others} data-slot="clipboard-trigger"/>;
 }
 function ClipboardIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -46,9 +46,9 @@ function ClipboardIndicator(props) {
         'copied'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Clipboard.Indicator data-slot="clipboard-indicator" class={clsx(Clipboard_module.indicator, local.class)} copied={local.copied ?? <span aria-hidden="true" data-slot="clipboard-indicator-copied-icon" class={Clipboard_module.icon}>
+    return <Clipboard.Indicator class={clsx(Clipboard_module.indicator, local.class)} copied={local.copied ?? <span aria-hidden="true" data-slot="clipboard-indicator-copied-icon" class={Clipboard_module.icon}>
             <CheckIcon/>
-          </span>} {...others}>
+          </span>} {...others} data-slot="clipboard-indicator">
       {resolvedChildren() ?? <span aria-hidden="true" data-slot="clipboard-indicator-idle-icon" class={Clipboard_module.icon}>
           <CopyIcon/>
         </span>}
@@ -58,17 +58,18 @@ function ClipboardValueText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Clipboard.ValueText data-slot="clipboard-value-text" class={clsx(Clipboard_module.valueText, local.class)} {...others}/>;
+    return <Clipboard.ValueText class={clsx(Clipboard_module.valueText, local.class)} {...others} data-slot="clipboard-value-text"/>;
 }
 function ClipboardCopyText(props) {
     const [local, others] = splitProps(props, [
         'children',
+        'class',
         'copied'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <ClipboardIndicator data-slot="clipboard-copy-text" copied={void 0 === local.copied ? 'Copied' : local.copied} {...others}>
+    return <Clipboard.Indicator class={clsx(Clipboard_module.indicator, local.class)} copied={void 0 === local.copied ? 'Copied' : local.copied} {...others} data-slot="clipboard-copy-text">
       {void 0 === resolvedChildren() ? 'Copy' : resolvedChildren()}
-    </ClipboardIndicator>;
+    </Clipboard.Indicator>;
 }
 const Clipboard_Clipboard = Object.assign(ClipboardRoot, {
     Root: ClipboardRoot,

package/dist/components/collapsible/Collapsible.js

@@ -10,22 +10,24 @@ function CollapsibleRoot(props) {
         'class'
     ]);
     return createComponent(Collapsible.Root, mergeProps({
-        "data-slot": "collapsible-root",
         get ["class"] () {
             return clsx(Collapsible_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "collapsible-root"
+    }));
 }
 function CollapsibleRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Collapsible.RootProvider, mergeProps({
-        "data-slot": "collapsible-root-provider",
         get ["class"] () {
             return clsx(Collapsible_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "collapsible-root-provider"
+    }));
 }
 function CollapsibleTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -36,11 +38,12 @@ function CollapsibleTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "collapsible-trigger",
         get ["class"] () {
             return clsx(!local.asChild && Collapsible_module.trigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "collapsible-trigger"
+    }));
 }
 function CollapsibleIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -49,11 +52,11 @@ function CollapsibleIndicator(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Collapsible.Indicator, mergeProps({
-        "data-slot": "collapsible-indicator",
         get ["class"] () {
             return clsx(Collapsible_module.indicator, local.class);
         }
     }, others, {
+        "data-slot": "collapsible-indicator",
         get children () {
             return resolvedChildren() ?? createComponent(ChevronDownIcon, {});
         }
@@ -64,22 +67,24 @@ function CollapsibleContent(props) {
         'class'
     ]);
     return createComponent(Collapsible.Content, mergeProps({
-        "data-slot": "collapsible-content",
         get ["class"] () {
             return clsx(Collapsible_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "collapsible-content"
+    }));
 }
 function CollapsibleBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.div, mergeProps({
-        "data-slot": "collapsible-body",
         get ["class"] () {
             return clsx(Collapsible_module.body, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "collapsible-body"
+    }));
 }
 const Collapsible_Collapsible = Object.assign(CollapsibleRoot, {
     Root: CollapsibleRoot,

package/dist/components/collapsible/Collapsible.jsx

@@ -8,20 +8,20 @@ function CollapsibleRoot(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Collapsible.Root data-slot="collapsible-root" class={clsx(Collapsible_module.root, local.class)} {...others}/>;
+    return <Collapsible.Root class={clsx(Collapsible_module.root, local.class)} {...others} data-slot="collapsible-root"/>;
 }
 function CollapsibleRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Collapsible.RootProvider data-slot="collapsible-root-provider" class={clsx(Collapsible_module.root, local.class)} {...others}/>;
+    return <Collapsible.RootProvider class={clsx(Collapsible_module.root, local.class)} {...others} data-slot="collapsible-root-provider"/>;
 }
 function CollapsibleTrigger(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <Collapsible.Trigger asChild={local.asChild} data-slot="collapsible-trigger" class={clsx(!local.asChild && Collapsible_module.trigger, local.class)} {...others}/>;
+    return <Collapsible.Trigger asChild={local.asChild} class={clsx(!local.asChild && Collapsible_module.trigger, local.class)} {...others} data-slot="collapsible-trigger"/>;
 }
 function CollapsibleIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -29,7 +29,7 @@ function CollapsibleIndicator(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Collapsible.Indicator data-slot="collapsible-indicator" class={clsx(Collapsible_module.indicator, local.class)} {...others}>
+    return <Collapsible.Indicator class={clsx(Collapsible_module.indicator, local.class)} {...others} data-slot="collapsible-indicator">
       {resolvedChildren() ?? <ChevronDownIcon/>}
     </Collapsible.Indicator>;
 }
@@ -37,13 +37,13 @@ function CollapsibleContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Collapsible.Content data-slot="collapsible-content" class={clsx(Collapsible_module.content, local.class)} {...others}/>;
+    return <Collapsible.Content class={clsx(Collapsible_module.content, local.class)} {...others} data-slot="collapsible-content"/>;
 }
 function CollapsibleBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-slot="collapsible-body" class={clsx(Collapsible_module.body, local.class)} {...others}/>;
+    return <ark.div class={clsx(Collapsible_module.body, local.class)} {...others} data-slot="collapsible-body"/>;
 }
 const Collapsible_Collapsible = Object.assign(CollapsibleRoot, {
     Root: CollapsibleRoot,