@moduix/solid 1.0.0 → 1.1.0

package/dist/components/listbox/Listbox.jsx

@@ -9,32 +9,32 @@ const Listbox_ListboxRoot = function(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Listbox.Root data-slot="listbox-root" class={clsx(Listbox_module.root, local.class)} {...others}/>;
+    return <Listbox.Root class={clsx(Listbox_module.root, local.class)} {...others} data-slot="listbox-root"/>;
 };
 const Listbox_ListboxRootProvider = function(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Listbox.RootProvider data-slot="listbox-root-provider" class={clsx(Listbox_module.root, local.class)} {...others}/>;
+    return <Listbox.RootProvider class={clsx(Listbox_module.root, local.class)} {...others} data-slot="listbox-root-provider"/>;
 };
 function ListboxLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Listbox.Label data-slot="listbox-label" class={clsx(Listbox_module.label, local.class)} {...others}/>;
+    return <Listbox.Label class={clsx(Listbox_module.label, local.class)} {...others} data-slot="listbox-label"/>;
 }
 function ListboxInput(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Listbox.Input data-slot="listbox-input" class={clsx(Listbox_module.input, local.class)} {...others}/>;
+    return <Listbox.Input class={clsx(Listbox_module.input, local.class)} {...others} data-slot="listbox-input"/>;
 }
 function ListboxFilter(props) {
     const [local, others] = splitProps(props, [
         'children',
         'class'
     ]);
-    return <div data-slot="listbox-filter" class={clsx(Listbox_module.filter, local.class)} {...others}>
+    return <div class={clsx(Listbox_module.filter, local.class)} {...others} data-slot="listbox-filter">
       <SearchIcon data-slot="listbox-filter-icon" class={Listbox_module.filterIcon}/>
       {local.children}
     </div>;
@@ -47,7 +47,7 @@ function ListboxClearTrigger(props) {
         'type'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <CloseButton.Root data-slot="listbox-clear-trigger" class={clsx(Listbox_module.clearTrigger, local.class)} type={local.type ?? 'button'} aria-label={local['aria-label'] ?? 'Clear search'} {...others}>
+    return <CloseButton.Root class={clsx(Listbox_module.clearTrigger, local.class)} type={local.type ?? 'button'} aria-label={local['aria-label'] ?? 'Clear search'} {...others} data-slot="listbox-clear-trigger">
       {resolvedChildren()}
     </CloseButton.Root>;
 }
@@ -55,37 +55,37 @@ function ListboxContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Listbox.Content data-slot="listbox-content" class={clsx(Listbox_module.content, local.class)} {...others}/>;
+    return <Listbox.Content class={clsx(Listbox_module.content, local.class)} {...others} data-slot="listbox-content"/>;
 }
 function ListboxEmpty(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Listbox.Empty data-slot="listbox-empty" class={clsx(Listbox_module.empty, local.class)} {...others}/>;
+    return <Listbox.Empty class={clsx(Listbox_module.empty, local.class)} {...others} data-slot="listbox-empty"/>;
 }
 function ListboxItemGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Listbox.ItemGroup data-slot="listbox-item-group" class={clsx(Listbox_module.itemGroup, local.class)} {...others}/>;
+    return <Listbox.ItemGroup class={clsx(Listbox_module.itemGroup, local.class)} {...others} data-slot="listbox-item-group"/>;
 }
 function ListboxItemGroupLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Listbox.ItemGroupLabel data-slot="listbox-item-group-label" class={clsx(Listbox_module.itemGroupLabel, local.class)} {...others}/>;
+    return <Listbox.ItemGroupLabel class={clsx(Listbox_module.itemGroupLabel, local.class)} {...others} data-slot="listbox-item-group-label"/>;
 }
 function ListboxItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Listbox.Item data-slot="listbox-item" class={clsx(Listbox_module.item, local.class)} {...others}/>;
+    return <Listbox.Item class={clsx(Listbox_module.item, local.class)} {...others} data-slot="listbox-item"/>;
 }
 function ListboxItemText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Listbox.ItemText data-slot="listbox-item-text" class={clsx(Listbox_module.itemText, local.class)} {...others}/>;
+    return <Listbox.ItemText class={clsx(Listbox_module.itemText, local.class)} {...others} data-slot="listbox-item-text"/>;
 }
 function ListboxItemIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -93,7 +93,7 @@ function ListboxItemIndicator(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Listbox.ItemIndicator data-slot="listbox-item-indicator" class={clsx(Listbox_module.itemIndicator, local.class)} {...others}>
+    return <Listbox.ItemIndicator class={clsx(Listbox_module.itemIndicator, local.class)} {...others} data-slot="listbox-item-indicator">
       {resolvedChildren() ?? <CheckIcon/>}
     </Listbox.ItemIndicator>;
 }
@@ -101,25 +101,25 @@ function ListboxValueText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Listbox.ValueText data-slot="listbox-value-text" class={clsx(Listbox_module.valueText, local.class)} {...others}/>;
+    return <Listbox.ValueText class={clsx(Listbox_module.valueText, local.class)} {...others} data-slot="listbox-value-text"/>;
 }
 function ListboxItemTextContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.span data-slot="listbox-item-text-content" class={clsx(Listbox_module.itemTextContent, local.class)} {...others}/>;
+    return <ark.span class={clsx(Listbox_module.itemTextContent, local.class)} {...others} data-slot="listbox-item-text-content"/>;
 }
 function ListboxItemTextIcon(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.span data-slot="listbox-item-text-icon" class={clsx(Listbox_module.itemTextIcon, local.class)} {...others}/>;
+    return <ark.span class={clsx(Listbox_module.itemTextIcon, local.class)} {...others} data-slot="listbox-item-text-icon"/>;
 }
 function ListboxItemTextLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.span data-slot="listbox-item-text-label" class={clsx(Listbox_module.itemTextLabel, local.class)} {...others}/>;
+    return <ark.span class={clsx(Listbox_module.itemTextLabel, local.class)} {...others} data-slot="listbox-item-text-label"/>;
 }
 const Listbox_Listbox = Object.assign(Listbox_ListboxRoot, {
     Root: Listbox_ListboxRoot,

package/dist/components/marquee/Marquee.js

@@ -8,66 +8,72 @@ function MarqueeRoot(props) {
         'class'
     ]);
     return createComponent(Marquee.Root, mergeProps({
-        "data-slot": "marquee-root",
         get ["class"] () {
             return clsx(Marquee_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "marquee-root"
+    }));
 }
 function MarqueeRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Marquee.RootProvider, mergeProps({
-        "data-slot": "marquee-root-provider",
         get ["class"] () {
             return clsx(Marquee_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "marquee-root-provider"
+    }));
 }
 function MarqueeViewport(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Marquee.Viewport, mergeProps({
-        "data-slot": "marquee-viewport",
         get ["class"] () {
             return clsx(Marquee_module.viewport, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "marquee-viewport"
+    }));
 }
 function MarqueeContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Marquee.Content, mergeProps({
-        "data-slot": "marquee-content",
         get ["class"] () {
             return clsx(Marquee_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "marquee-content"
+    }));
 }
 function MarqueeItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Marquee.Item, mergeProps({
-        "data-slot": "marquee-item",
         get ["class"] () {
             return clsx(Marquee_module.item, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "marquee-item"
+    }));
 }
 function MarqueeEdge(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Marquee.Edge, mergeProps({
-        "data-slot": "marquee-edge",
         get ["class"] () {
             return clsx(Marquee_module.edge, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "marquee-edge"
+    }));
 }
 const Marquee_Marquee = Object.assign(MarqueeRoot, {
     Root: MarqueeRoot,

package/dist/components/marquee/Marquee.jsx

@@ -6,37 +6,37 @@ function MarqueeRoot(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Marquee.Root data-slot="marquee-root" class={clsx(Marquee_module.root, local.class)} {...others}/>;
+    return <Marquee.Root class={clsx(Marquee_module.root, local.class)} {...others} data-slot="marquee-root"/>;
 }
 function MarqueeRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Marquee.RootProvider data-slot="marquee-root-provider" class={clsx(Marquee_module.root, local.class)} {...others}/>;
+    return <Marquee.RootProvider class={clsx(Marquee_module.root, local.class)} {...others} data-slot="marquee-root-provider"/>;
 }
 function MarqueeViewport(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Marquee.Viewport data-slot="marquee-viewport" class={clsx(Marquee_module.viewport, local.class)} {...others}/>;
+    return <Marquee.Viewport class={clsx(Marquee_module.viewport, local.class)} {...others} data-slot="marquee-viewport"/>;
 }
 function MarqueeContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Marquee.Content data-slot="marquee-content" class={clsx(Marquee_module.content, local.class)} {...others}/>;
+    return <Marquee.Content class={clsx(Marquee_module.content, local.class)} {...others} data-slot="marquee-content"/>;
 }
 function MarqueeItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Marquee.Item data-slot="marquee-item" class={clsx(Marquee_module.item, local.class)} {...others}/>;
+    return <Marquee.Item class={clsx(Marquee_module.item, local.class)} {...others} data-slot="marquee-item"/>;
 }
 function MarqueeEdge(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Marquee.Edge data-slot="marquee-edge" class={clsx(Marquee_module.edge, local.class)} {...others}/>;
+    return <Marquee.Edge class={clsx(Marquee_module.edge, local.class)} {...others} data-slot="marquee-edge"/>;
 }
 const Marquee_Marquee = Object.assign(MarqueeRoot, {
     Root: MarqueeRoot,

package/dist/components/menu/Menu.js

@@ -7,7 +7,7 @@ import { children, splitProps } from "solid-js";
 import { CheckIcon, ChevronDownIcon, ChevronRightIcon } from "../../internal/icons/ui/Icons.js";
 import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
 import Menu_module from "./Menu.module.js";
-var _tmpl$ = /*#__PURE__*/ template("<span data-slot=menu-trigger-icon>"), _tmpl$2 = /*#__PURE__*/ template("<span data-slot=menu-trigger-item-icon>");
+var _tmpl$ = /*#__PURE__*/ template("<span>");
 function MenuRoot(props) {
     const [local, others] = splitProps(props, [
         'children',
@@ -80,14 +80,15 @@ function MenuTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "menu-trigger",
         get ["data-focus-visible"] () {
             return focusVisible() ? '' : void 0;
         },
         get ["class"] () {
             return clsx(!local.asChild && Menu_module.trigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-trigger"
+    }));
 }
 function MenuTriggerIcon(props) {
     const [local, others] = splitProps(props, [
@@ -101,7 +102,9 @@ function MenuTriggerIcon(props) {
             get ["class"] () {
                 return clsx(Menu_module.triggerIcon, local.class);
             }
-        }, others), false, true);
+        }, others, {
+            "data-slot": "menu-trigger-icon"
+        }), false, true);
         insert(_el$, ()=>resolvedChildren() ?? createComponent(ChevronDownIcon, {
                 get ["class"] () {
                     return Menu_module.iconSvg;
@@ -117,11 +120,11 @@ function MenuIndicator(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Menu.Indicator, mergeProps({
-        "data-slot": "menu-indicator",
         get ["class"] () {
             return clsx(Menu_module.indicator, local.class);
         }
     }, others, {
+        "data-slot": "menu-indicator",
         get children () {
             return resolvedChildren() ?? createComponent(ChevronDownIcon, {
                 get ["class"] () {
@@ -141,14 +144,15 @@ function MenuContextTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "menu-context-trigger",
         get ["data-focus-visible"] () {
             return focusVisible() ? '' : void 0;
         },
         get ["class"] () {
             return clsx(!local.asChild && Menu_module.contextTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-context-trigger"
+    }));
 }
 function MenuPositioner(props) {
     const [local, others] = splitProps(props, [
@@ -157,11 +161,12 @@ function MenuPositioner(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(Menu.Positioner, mergeProps({
-                "data-slot": "menu-positioner",
                 get ["class"] () {
                     return clsx(Menu_module.positioner, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "menu-positioner"
+            }));
         }
     });
 }
@@ -175,11 +180,11 @@ function MenuContent(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "menu-content",
         get ["class"] () {
             return clsx(Menu_module.content, local.class);
         }
     }, others, {
+        "data-slot": "menu-content",
         get children () {
             return local.children;
         }
@@ -196,11 +201,12 @@ function MenuViewport(props) {
         },
         "data-scope": "menu",
         "data-part": "viewport",
-        "data-slot": "menu-viewport",
         get ["class"] () {
             return clsx(Menu_module.viewport, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-viewport"
+    }));
 }
 function MenuArrow(props) {
     const [local, others] = splitProps(props, [
@@ -209,11 +215,11 @@ function MenuArrow(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Menu.Arrow, mergeProps({
-        "data-slot": "menu-arrow",
         get ["class"] () {
             return clsx(Menu_module.arrow, local.class);
         }
     }, others, {
+        "data-slot": "menu-arrow",
         get children () {
             return resolvedChildren() ?? createComponent(MenuArrowTip, {});
         }
@@ -224,11 +230,12 @@ function MenuArrowTip(props) {
         'class'
     ]);
     return createComponent(Menu.ArrowTip, mergeProps({
-        "data-slot": "menu-arrow-tip",
         get ["class"] () {
             return clsx(Menu_module.arrowTip, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-arrow-tip"
+    }));
 }
 function MenuItem(props) {
     const [local, others] = splitProps(props, [
@@ -236,14 +243,15 @@ function MenuItem(props) {
         'tone'
     ]);
     return createComponent(Menu.Item, mergeProps({
-        "data-slot": "menu-item",
         get ["data-tone"] () {
             return local.tone ?? 'default';
         },
         get ["class"] () {
             return clsx(Menu_module.item, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-item"
+    }));
 }
 function MenuTriggerItem(props) {
     const [local, others] = splitProps(props, [
@@ -251,11 +259,11 @@ function MenuTriggerItem(props) {
         'class'
     ]);
     return createComponent(Menu.TriggerItem, mergeProps({
-        "data-slot": "menu-trigger-item",
         get ["class"] () {
             return clsx(Menu_module.triggerItem, local.class);
         }
     }, others, {
+        "data-slot": "menu-trigger-item",
         get children () {
             return local.children;
         }
@@ -268,12 +276,14 @@ function MenuTriggerItemIcon(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return (()=>{
-        var _el$2 = _tmpl$2();
+        var _el$2 = _tmpl$();
         spread(_el$2, mergeProps({
             get ["class"] () {
                 return clsx(Menu_module.triggerItemIcon, local.class);
             }
-        }, others), false, true);
+        }, others, {
+            "data-slot": "menu-trigger-item-icon"
+        }), false, true);
         insert(_el$2, ()=>resolvedChildren() ?? createComponent(ChevronRightIcon, {
                 get ["class"] () {
                     return Menu_module.iconSvg;
@@ -287,44 +297,48 @@ function MenuSeparator(props) {
         'class'
     ]);
     return createComponent(Menu.Separator, mergeProps({
-        "data-slot": "menu-separator",
         get ["class"] () {
             return clsx(Menu_module.separator, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-separator"
+    }));
 }
 function MenuItemGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Menu.ItemGroup, mergeProps({
-        "data-slot": "menu-item-group",
         get ["class"] () {
             return clsx(Menu_module.itemGroup, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-item-group"
+    }));
 }
 function MenuItemGroupLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Menu.ItemGroupLabel, mergeProps({
-        "data-slot": "menu-item-group-label",
         get ["class"] () {
             return clsx(Menu_module.itemGroupLabel, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-item-group-label"
+    }));
 }
 function MenuRadioItemGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Menu.RadioItemGroup, mergeProps({
-        "data-slot": "menu-radio-item-group",
         get ["class"] () {
             return clsx(Menu_module.radioItemGroup, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-radio-item-group"
+    }));
 }
 function MenuRadioItem(props) {
     const [local, others] = splitProps(props, [
@@ -332,14 +346,15 @@ function MenuRadioItem(props) {
         'indicator'
     ]);
     return createComponent(Menu.RadioItem, mergeProps({
-        "data-slot": "menu-radio-item",
         get ["data-indicator-position"] () {
             return local.indicator ?? 'start';
         },
         get ["class"] () {
             return clsx(Menu_module.radioItem, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-radio-item"
+    }));
 }
 function MenuCheckboxItem(props) {
     const [local, others] = splitProps(props, [
@@ -347,14 +362,15 @@ function MenuCheckboxItem(props) {
         'indicator'
     ]);
     return createComponent(Menu.CheckboxItem, mergeProps({
-        "data-slot": "menu-checkbox-item",
         get ["data-indicator-position"] () {
             return local.indicator ?? 'start';
         },
         get ["class"] () {
             return clsx(Menu_module.checkboxItem, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-checkbox-item"
+    }));
 }
 function MenuItemIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -363,11 +379,11 @@ function MenuItemIndicator(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Menu.ItemIndicator, mergeProps({
-        "data-slot": "menu-item-indicator",
         get ["class"] () {
             return clsx(Menu_module.itemIndicator, local.class);
         }
     }, others, {
+        "data-slot": "menu-item-indicator",
         get children () {
             return resolvedChildren() ?? createComponent(CheckIcon, {
                 get ["class"] () {
@@ -382,55 +398,60 @@ function MenuItemText(props) {
         'class'
     ]);
     return createComponent(Menu.ItemText, mergeProps({
-        "data-slot": "menu-item-text",
         get ["class"] () {
             return clsx(Menu_module.itemText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-item-text"
+    }));
 }
 function MenuItemTextContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.span, mergeProps({
-        "data-slot": "menu-item-text-content",
         get ["class"] () {
             return clsx(Menu_module.itemTextContent, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-item-text-content"
+    }));
 }
 function MenuItemTextIcon(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.span, mergeProps({
-        "data-slot": "menu-item-text-icon",
         get ["class"] () {
             return clsx(Menu_module.itemTextIcon, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-item-text-icon"
+    }));
 }
 function MenuItemTextLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.span, mergeProps({
-        "data-slot": "menu-item-text-label",
         get ["class"] () {
             return clsx(Menu_module.itemTextLabel, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-item-text-label"
+    }));
 }
 function MenuItemShortcut(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.span, mergeProps({
-        "data-slot": "menu-item-shortcut",
         get ["class"] () {
             return clsx(Menu_module.itemShortcut, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "menu-item-shortcut"
+    }));
 }
 const Menu_Menu = Object.assign(MenuRoot, {
     Root: MenuRoot,