@moduix/react 2.6.0 → 2.7.1

package/dist/components/tabs/Tabs.js

@@ -8,11 +8,11 @@ const Tabs_TabsRoot = /*#__PURE__*/ forwardRef(function({ className, orientation
     const resolvedVariant = 'vertical' === orientation ? 'default' : variant;
     return /*#__PURE__*/ jsx(Tabs.Root, {
         ref: ref,
-        "data-slot": "tabs-root",
         "data-variant": resolvedVariant,
         className: clsx(Tabs_module.root, className),
         orientation: orientation,
-        ...props
+        ...props,
+        "data-slot": "tabs-root"
     });
 });
 const Tabs_TabsRootProvider = /*#__PURE__*/ forwardRef(function({ className, value, variant = 'default', ...props }, ref) {
@@ -20,43 +20,43 @@ const Tabs_TabsRootProvider = /*#__PURE__*/ forwardRef(function({ className, val
     const resolvedVariant = 'vertical' === orientation ? 'default' : variant;
     return /*#__PURE__*/ jsx(Tabs.RootProvider, {
         ref: ref,
-        "data-slot": "tabs-root-provider",
         "data-variant": resolvedVariant,
         className: clsx(Tabs_module.root, className),
         value: value,
-        ...props
+        ...props,
+        "data-slot": "tabs-root-provider"
     });
 });
 const Tabs_TabsList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tabs.List, {
         ref: ref,
-        "data-slot": "tabs-list",
         className: clsx(Tabs_module.list, className),
-        ...props
+        ...props,
+        "data-slot": "tabs-list"
     });
 });
 const Tabs_TabsTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tabs.Trigger, {
         ref: ref,
-        "data-slot": "tabs-trigger",
         className: clsx(Tabs_module.trigger, className),
-        ...props
+        ...props,
+        "data-slot": "tabs-trigger"
     });
 });
 const Tabs_TabsIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tabs.Indicator, {
         ref: ref,
-        "data-slot": "tabs-indicator",
         className: clsx(Tabs_module.indicator, className),
-        ...props
+        ...props,
+        "data-slot": "tabs-indicator"
     });
 });
 const Tabs_TabsContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tabs.Content, {
         ref: ref,
-        "data-slot": "tabs-content",
         className: clsx(Tabs_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "tabs-content"
     });
 });
 const Tabs_Tabs = Object.assign(Tabs_TabsRoot, {

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

@@ -8,82 +8,82 @@ import TagsInput_module from "./TagsInput.module.js";
 const TagsInput_TagsInputRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.Root, {
         ref: ref,
-        "data-slot": "tags-input-root",
         className: clsx(TagsInput_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-root"
     });
 });
 const TagsInput_TagsInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.RootProvider, {
         ref: ref,
-        "data-slot": "tags-input-root-provider",
         className: clsx(TagsInput_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-root-provider"
     });
 });
 const TagsInput_TagsInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.Label, {
         ref: ref,
-        "data-slot": "tags-input-label",
         className: clsx(TagsInput_module.label, className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-label"
     });
 });
 const TagsInput_TagsInputControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.Control, {
         ref: ref,
-        "data-slot": "tags-input-control",
         className: clsx(TagsInput_module.control, className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-control"
     });
 });
 const TagsInput_TagsInputItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.Item, {
         ref: ref,
-        "data-slot": "tags-input-item",
         className: clsx(TagsInput_module.item, className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-item"
     });
 });
 const TagsInput_TagsInputItemPreview = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.ItemPreview, {
         ref: ref,
-        "data-slot": "tags-input-item-preview",
         className: clsx(TagsInput_module.itemPreview, className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-item-preview"
     });
 });
 const TagsInput_TagsInputItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.ItemText, {
         ref: ref,
-        "data-slot": "tags-input-item-text",
         className: clsx(TagsInput_module.itemText, className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-item-text"
     });
 });
 const TagsInput_TagsInputItemDeleteTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.ItemDeleteTrigger, {
         ref: ref,
-        "data-slot": "tags-input-item-delete-trigger",
         className: clsx(TagsInput_module.itemDeleteTrigger, className),
         ...props,
+        "data-slot": "tags-input-item-delete-trigger",
         children: children ?? /*#__PURE__*/ jsx(CloseIcon, {})
     });
 });
 const TagsInput_TagsInputItemInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.ItemInput, {
         ref: ref,
-        "data-slot": "tags-input-item-input",
         className: clsx(TagsInput_module.itemInput, className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-item-input"
     });
 });
 const TagsInput_TagsInputInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.Input, {
         ref: ref,
-        "data-slot": "tags-input-input",
         className: clsx(TagsInput_module.input, className),
-        ...props
+        ...props,
+        "data-slot": "tags-input-input"
     });
 });
 const TagsInput_TagsInputClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
@@ -92,11 +92,11 @@ const TagsInput_TagsInputClearTrigger = /*#__PURE__*/ forwardRef(function({ asCh
     return /*#__PURE__*/ jsx(TagsInput.ClearTrigger, {
         ref: ref,
         asChild: true,
-        "data-slot": "tags-input-clear-trigger",
         className: triggerClassName,
         "aria-label": asChild ? ariaLabel : void 0,
         "aria-labelledby": asChild ? ariaLabelledBy : void 0,
         ...props,
+        "data-slot": "tags-input-clear-trigger",
         children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
             "aria-label": ariaLabel ?? clearTriggerLabel,
             "aria-labelledby": ariaLabelledBy,

package/dist/components/timer/Timer.js

@@ -7,57 +7,57 @@ import Timer_module from "./Timer.module.js";
 const Timer_TimerRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.Root, {
         ref: ref,
-        "data-slot": "timer-root",
         className: clsx(Timer_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "timer-root"
     });
 });
 const Timer_TimerRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.RootProvider, {
         ref: ref,
-        "data-slot": "timer-root-provider",
         className: clsx(Timer_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "timer-root-provider"
     });
 });
 const Timer_TimerArea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.Area, {
         ref: ref,
-        "data-slot": "timer-area",
         className: clsx(Timer_module.area, className),
-        ...props
+        ...props,
+        "data-slot": "timer-area"
     });
 });
 const Timer_TimerItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.Item, {
         ref: ref,
-        "data-slot": "timer-item",
         className: clsx(Timer_module.item, className),
-        ...props
+        ...props,
+        "data-slot": "timer-item"
     });
 });
 const Timer_TimerSeparator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.Separator, {
         ref: ref,
-        "data-slot": "timer-separator",
         className: clsx(Timer_module.separator, className),
-        ...props
+        ...props,
+        "data-slot": "timer-separator"
     });
 });
 const Timer_TimerControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.Control, {
         ref: ref,
-        "data-slot": "timer-control",
         className: clsx(Timer_module.control, className),
-        ...props
+        ...props,
+        "data-slot": "timer-control"
     });
 });
 const Timer_TimerActionTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.ActionTrigger, {
         ref: ref,
-        "data-slot": "timer-action-trigger",
         className: clsx(Timer_module.actionTrigger, className),
-        ...props
+        ...props,
+        "data-slot": "timer-action-trigger"
     });
 });
 const defaultTimerSegmentTypes = [

package/dist/components/toast/Toast.js

@@ -13,9 +13,9 @@ const Toast_Toaster = /*#__PURE__*/ forwardRef(function({ className, portalled =
         container: portalRef,
         children: /*#__PURE__*/ jsx(toast_Toaster, {
             ref: ref,
-            "data-slot": "toast-toaster",
             className: clsx(Toast_module.toaster, className),
             ...props,
+            "data-slot": "toast-toaster",
             children: props.children ?? ((toast)=>/*#__PURE__*/ jsx(DefaultToast, {
                     toast: toast
                 }))
@@ -37,18 +37,18 @@ function DefaultToast({ toast }) {
 const Toast_ToastRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toast.Root, {
         ref: ref,
-        "data-slot": "toast-root",
         className: clsx(Toast_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "toast-root"
     });
 });
 const Toast_ToastTitle = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     const toast = useToastContext();
     return /*#__PURE__*/ jsx(Toast.Title, {
         ref: ref,
-        "data-slot": "toast-title",
         className: clsx(Toast_module.title, className),
         ...props,
+        "data-slot": "toast-title",
         children: void 0 === children ? toast.title : children
     });
 });
@@ -56,9 +56,9 @@ const Toast_ToastDescription = /*#__PURE__*/ forwardRef(function({ className, ch
     const toast = useToastContext();
     return /*#__PURE__*/ jsx(Toast.Description, {
         ref: ref,
-        "data-slot": "toast-description",
         className: clsx(Toast_module.description, className),
         ...props,
+        "data-slot": "toast-description",
         children: void 0 === children ? toast.description : children
     });
 });
@@ -66,9 +66,9 @@ const Toast_ToastActionTrigger = /*#__PURE__*/ forwardRef(function({ asChild, cl
     return /*#__PURE__*/ jsx(Toast.ActionTrigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "toast-action-trigger",
         className: clsx(!asChild && Toast_module.actionTrigger, className),
         ...props,
+        "data-slot": "toast-action-trigger",
         children: children
     });
 });
@@ -76,20 +76,20 @@ const Toast_ToastCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, cla
     if (asChild) return /*#__PURE__*/ jsx(Toast.CloseTrigger, {
         ref: ref,
         asChild: true,
-        "data-slot": "toast-close-trigger",
         "aria-label": ariaLabel,
         className: className,
         ...props,
+        "data-slot": "toast-close-trigger",
         children: children
     });
     return /*#__PURE__*/ jsx(Toast.CloseTrigger, {
         asChild: true,
         children: /*#__PURE__*/ jsx(CloseButton.Root, {
             ref: ref,
-            "data-slot": "toast-close-trigger",
             "aria-label": ariaLabel,
             className: clsx(Toast_module.closeTrigger, className),
             ...props,
+            "data-slot": "toast-close-trigger",
             children: children
         })
     });

package/dist/components/toc/Toc.js

@@ -18,78 +18,78 @@ const Toc_TocRoot = /*#__PURE__*/ forwardRef(function({ autoScroll = false, clas
     return /*#__PURE__*/ jsx(Toc.Root, {
         ref: ref,
         autoScroll: autoScroll,
-        "data-slot": "toc-root",
         className: clsx(Toc_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "toc-root"
     });
 });
 const Toc_TocRootProvider = /*#__PURE__*/ forwardRef(function({ className, style, value, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.RootProvider, {
         ref: ref,
         value: value,
-        "data-slot": "toc-root-provider",
         className: clsx(Toc_module.root, className),
         style: {
             ...value.getRootProps().style,
             ...style
         },
-        ...props
+        ...props,
+        "data-slot": "toc-root-provider"
     });
 });
 const Toc_TocContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Content, {
         ref: ref,
-        "data-slot": "toc-content",
         className: clsx(Toc_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "toc-content"
     });
 });
 const Toc_TocNav = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Nav, {
         ref: ref,
-        "data-slot": "toc-nav",
         className: clsx(Toc_module.nav, className),
-        ...props
+        ...props,
+        "data-slot": "toc-nav"
     });
 });
 const Toc_TocTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Title, {
         ref: ref,
-        "data-slot": "toc-title",
         className: clsx(Toc_module.title, className),
-        ...props
+        ...props,
+        "data-slot": "toc-title"
     });
 });
 const Toc_TocList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.List, {
         ref: ref,
-        "data-slot": "toc-list",
         className: clsx(Toc_module.list, className),
-        ...props
+        ...props,
+        "data-slot": "toc-list"
     });
 });
 const Toc_TocItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Item, {
         ref: ref,
-        "data-slot": "toc-item",
         className: clsx(Toc_module.item, className),
-        ...props
+        ...props,
+        "data-slot": "toc-item"
     });
 });
 const Toc_TocLink = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Link, {
         ref: ref,
-        "data-slot": "toc-link",
         className: clsx(Toc_module.link, className),
-        ...props
+        ...props,
+        "data-slot": "toc-link"
     });
 });
 const Toc_TocIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Indicator, {
         ref: ref,
-        "data-slot": "toc-indicator",
         className: clsx(Toc_module.indicator, className),
-        ...props
+        ...props,
+        "data-slot": "toc-indicator"
     });
 });
 const Toc_TocRail = /*#__PURE__*/ forwardRef(function({ className, depth, nextDepth = depth, previousDepth = depth, style, ...props }, ref) {
@@ -101,7 +101,6 @@ const Toc_TocRail = /*#__PURE__*/ forwardRef(function({ className, depth, nextDe
     return /*#__PURE__*/ jsxs("svg", {
         ref: ref,
         "aria-hidden": "true",
-        "data-slot": "toc-rail",
         className: clsx(Toc_module.rail, className),
         style: {
             width,
@@ -109,6 +108,7 @@ const Toc_TocRail = /*#__PURE__*/ forwardRef(function({ className, depth, nextDe
             ...style
         },
         ...props,
+        "data-slot": "toc-rail",
         children: [
             hasTurn && /*#__PURE__*/ jsx("path", {
                 d: `M ${previousLineOffset + 0.5} 0 C ${previousLineOffset + 0.5} 8 ${lineOffset + 0.5} 4 ${lineOffset + 0.5} ${2 * railBridge}`,

package/dist/components/toggle/Toggle.js

@@ -7,19 +7,19 @@ import Toggle_module from "./Toggle.module.js";
 const Toggle_ToggleRoot = /*#__PURE__*/ forwardRef(function({ className, variant = 'default', size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Toggle.Root, {
         ref: ref,
-        "data-slot": "toggle-root",
         "data-variant": variant,
         "data-size": size,
         className: clsx(Toggle_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "toggle-root"
     });
 });
 const Toggle_ToggleIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toggle.Indicator, {
         ref: ref,
-        "data-slot": "toggle-indicator",
         className: clsx(Toggle_module.indicator, className),
-        ...props
+        ...props,
+        "data-slot": "toggle-indicator"
     });
 });
 const Toggle_Toggle = Object.assign(Toggle_ToggleRoot, {

package/dist/components/tooltip/Tooltip.js

@@ -30,10 +30,10 @@ function TooltipRootProvider({ lazyMount = true, portalled, portalRef, unmountOn
 const Tooltip_TooltipTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tooltip.Trigger, {
         ref: ref,
-        "data-slot": "tooltip-trigger",
         asChild: asChild,
         className: clsx(!asChild && Tooltip_module.trigger, className),
-        ...props
+        ...props,
+        "data-slot": "tooltip-trigger"
     });
 });
 const Tooltip_TooltipDisabledTrigger = /*#__PURE__*/ forwardRef(function({ className, tabIndex = 0, ...props }, ref) {
@@ -41,10 +41,10 @@ const Tooltip_TooltipDisabledTrigger = /*#__PURE__*/ forwardRef(function({ class
         asChild: true,
         children: /*#__PURE__*/ jsx("span", {
             ref: ref,
-            "data-slot": "tooltip-disabled-trigger",
             tabIndex: tabIndex,
             className: clsx(Tooltip_module.disabledTrigger, className),
-            ...props
+            ...props,
+            "data-slot": "tooltip-disabled-trigger"
         })
     });
 });
@@ -52,18 +52,18 @@ const Tooltip_TooltipPositioner = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Tooltip.Positioner, {
             ref: ref,
-            "data-slot": "tooltip-positioner",
             className: clsx(Tooltip_module.positioner, className),
-            ...props
+            ...props,
+            "data-slot": "tooltip-positioner"
         })
     });
 });
 const Tooltip_TooltipContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tooltip.Content, {
         ref: ref,
-        "data-slot": "tooltip-content",
         className: clsx(Tooltip_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "tooltip-content"
     });
 });
 const Tooltip_TooltipBody = /*#__PURE__*/ forwardRef(function(props, ref) {
@@ -77,18 +77,18 @@ const Tooltip_TooltipBody = /*#__PURE__*/ forwardRef(function(props, ref) {
 const Tooltip_TooltipArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tooltip.Arrow, {
         ref: ref,
-        "data-slot": "tooltip-arrow",
         className: clsx(Tooltip_module.arrow, className),
         ...props,
+        "data-slot": "tooltip-arrow",
         children: children ?? /*#__PURE__*/ jsx(Tooltip_TooltipArrowTip, {})
     });
 });
 const Tooltip_TooltipArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tooltip.ArrowTip, {
         ref: ref,
-        "data-slot": "tooltip-arrow-tip",
         className: clsx(Tooltip_module.arrowTip, className),
-        ...props
+        ...props,
+        "data-slot": "tooltip-arrow-tip"
     });
 });
 const Tooltip_Tooltip = Object.assign(TooltipRoot, {