@moduix/react 2.6.0 → 2.7.1

package/dist/components/combobox/Combobox.js

@@ -14,11 +14,11 @@ const Combobox_ComboboxRoot = /*#__PURE__*/ forwardRef(function({ className, laz
         portalRef: portalRef,
         children: /*#__PURE__*/ jsx(Combobox.Root, {
             ref: ref,
-            "data-slot": "combobox-root",
             className: clsx(Combobox_module.root, className),
             lazyMount: lazyMount,
             unmountOnExit: unmountOnExit,
-            ...props
+            ...props,
+            "data-slot": "combobox-root"
         })
     });
 });
@@ -28,37 +28,37 @@ const Combobox_ComboboxRootProvider = /*#__PURE__*/ forwardRef(function({ classN
         portalRef: portalRef,
         children: /*#__PURE__*/ jsx(Combobox.RootProvider, {
             ref: ref,
-            "data-slot": "combobox-root-provider",
             className: clsx(Combobox_module.root, className),
             lazyMount: lazyMount,
             unmountOnExit: unmountOnExit,
-            ...props
+            ...props,
+            "data-slot": "combobox-root-provider"
         })
     });
 });
 const Combobox_ComboboxLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.Label, {
         ref: ref,
-        "data-slot": "combobox-label",
         className: clsx(Combobox_module.label, className),
-        ...props
+        ...props,
+        "data-slot": "combobox-label"
     });
 });
 const Combobox_ComboboxControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.Control, {
         ref: ref,
-        "data-slot": "combobox-control",
         className: clsx(Combobox_module.control, className),
-        ...props
+        ...props,
+        "data-slot": "combobox-control"
     });
 });
 const Combobox_ComboboxInput = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.Input, {
         ref: ref,
-        "data-slot": "combobox-input",
         asChild: asChild,
         className: clsx(!asChild && Combobox_module.input, className),
-        ...props
+        ...props,
+        "data-slot": "combobox-input"
     });
 });
 const Combobox_ComboboxClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
@@ -66,11 +66,11 @@ const Combobox_ComboboxClearTrigger = /*#__PURE__*/ forwardRef(function({ asChil
     return /*#__PURE__*/ jsx(Combobox.ClearTrigger, {
         ref: ref,
         asChild: true,
-        "data-slot": "combobox-clear-trigger",
         className: triggerClassName,
         "aria-label": asChild ? ariaLabel : void 0,
         "aria-labelledby": asChild ? ariaLabelledBy : void 0,
         ...props,
+        "data-slot": "combobox-clear-trigger",
         children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
             "aria-label": ariaLabel ?? (null == ariaLabelledBy ? 'Clear selection' : void 0),
             "aria-labelledby": ariaLabelledBy,
@@ -81,9 +81,9 @@ const Combobox_ComboboxClearTrigger = /*#__PURE__*/ forwardRef(function({ asChil
 const Combobox_ComboboxTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.Trigger, {
         ref: ref,
-        "data-slot": "combobox-trigger",
         className: clsx(Combobox_module.trigger, className),
         ...props,
+        "data-slot": "combobox-trigger",
         children: children ?? /*#__PURE__*/ jsx(ChevronUpDownIcon, {})
     });
 });
@@ -91,82 +91,82 @@ const Combobox_ComboboxPositioner = /*#__PURE__*/ forwardRef(function({ classNam
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Combobox.Positioner, {
             ref: ref,
-            "data-slot": "combobox-positioner",
             className: clsx(Combobox_module.positioner, className),
-            ...props
+            ...props,
+            "data-slot": "combobox-positioner"
         })
     });
 });
 const Combobox_ComboboxContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.Content, {
         ref: ref,
-        "data-slot": "combobox-content",
         className: clsx(Combobox_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "combobox-content"
     });
 });
 const Combobox_ComboboxEmpty = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.Empty, {
         ref: ref,
-        "data-slot": "combobox-empty",
         className: clsx(Combobox_module.empty, className),
-        ...props
+        ...props,
+        "data-slot": "combobox-empty"
     });
 });
 const Combobox_ComboboxStatus = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "combobox-status",
         className: clsx(Combobox_module.status, className),
-        ...props
+        ...props,
+        "data-slot": "combobox-status"
     });
 });
 const Combobox_ComboboxList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.List, {
         ref: ref,
-        "data-slot": "combobox-list",
         className: clsx(Combobox_module.list, className),
-        ...props
+        ...props,
+        "data-slot": "combobox-list"
     });
 });
 const Combobox_ComboboxItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.ItemGroup, {
         ref: ref,
-        "data-slot": "combobox-item-group",
         className: clsx(Combobox_module.itemGroup, className),
-        ...props
+        ...props,
+        "data-slot": "combobox-item-group"
     });
 });
 const Combobox_ComboboxItemGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.ItemGroupLabel, {
         ref: ref,
-        "data-slot": "combobox-item-group-label",
         className: clsx(Combobox_module.itemGroupLabel, className),
-        ...props
+        ...props,
+        "data-slot": "combobox-item-group-label"
     });
 });
 const Combobox_ComboboxItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.Item, {
         ref: ref,
-        "data-slot": "combobox-item",
         className: clsx(Combobox_module.item, className),
-        ...props
+        ...props,
+        "data-slot": "combobox-item"
     });
 });
 const Combobox_ComboboxItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.ItemText, {
         ref: ref,
-        "data-slot": "combobox-item-text",
         className: clsx(Combobox_module.itemText, className),
-        ...props
+        ...props,
+        "data-slot": "combobox-item-text"
     });
 });
 const Combobox_ComboboxItemIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.ItemIndicator, {
         ref: ref,
-        "data-slot": "combobox-item-indicator",
         className: clsx(Combobox_module.itemIndicator, className),
         ...props,
+        "data-slot": "combobox-item-indicator",
         children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
     });
 });

package/dist/components/command-palette/CommandPalette.js

@@ -3,7 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@ark-ui/react/combobox";
 import { Dialog, useDialog, useDialogContext } from "@ark-ui/react/dialog";
 import { ark } from "@ark-ui/react/factory";
-import { isHotKey } from "@zag-js/hotkeys";
+import { isHotKey } from "@ark-ui/react/hotkeys";
 import { clsx } from "clsx";
 import { forwardRef, useEffect } from "react";
 import { CheckIcon, CloseIcon } from "../../internal/icons/ui/index.js";
@@ -62,18 +62,18 @@ const CommandPalette_CommandPaletteTrigger = /*#__PURE__*/ forwardRef(function({
     return /*#__PURE__*/ jsx(Dialog.Trigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "command-palette-trigger",
         className: clsx(!asChild && CommandPalette_module.trigger, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-trigger"
     });
 });
 const CommandPalette_CommandPaletteBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Dialog.Backdrop, {
             ref: ref,
-            "data-slot": "command-palette-backdrop",
             className: clsx(CommandPalette_module.backdrop, className),
-            ...props
+            ...props,
+            "data-slot": "command-palette-backdrop"
         })
     });
 });
@@ -81,18 +81,18 @@ const CommandPalette_CommandPalettePositioner = /*#__PURE__*/ forwardRef(functio
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Dialog.Positioner, {
             ref: ref,
-            "data-slot": "command-palette-positioner",
             className: clsx(CommandPalette_module.positioner, className),
-            ...props
+            ...props,
+            "data-slot": "command-palette-positioner"
         })
     });
 });
 const CommandPalette_CommandPaletteContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.Content, {
         ref: ref,
-        "data-slot": "command-palette-content",
         className: clsx(CommandPalette_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-content"
     });
 });
 const CommandPalette_CommandPalettePanel = /*#__PURE__*/ forwardRef(function({ children, ...props }, ref) {
@@ -114,33 +114,33 @@ const CommandPalette_CommandPalettePanel = /*#__PURE__*/ forwardRef(function({ c
 const CommandPalette_CommandPaletteTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.Title, {
         ref: ref,
-        "data-slot": "command-palette-title",
         className: clsx(CommandPalette_module.title, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-title"
     });
 });
 const CommandPalette_CommandPaletteDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.Description, {
         ref: ref,
-        "data-slot": "command-palette-description",
         className: clsx(CommandPalette_module.description, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-description"
     });
 });
 const CommandPalette_CommandPaletteHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "command-palette-header",
         className: clsx(CommandPalette_module.header, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-header"
     });
 });
 const CommandPalette_CommandPaletteBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "command-palette-body",
         className: clsx(CommandPalette_module.body, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-body"
     });
 });
 const CommandPalette_CommandPaletteCombobox = /*#__PURE__*/ forwardRef(function({ className, open = true, inputBehavior = 'autohighlight', selectionBehavior = 'preserve', closeOnSelect = true, disableLayer = true, onSelect, ...props }, ref) {
@@ -151,7 +151,6 @@ const CommandPalette_CommandPaletteCombobox = /*#__PURE__*/ forwardRef(function(
     };
     return /*#__PURE__*/ jsx(Combobox.Root, {
         ref: ref,
-        "data-slot": "command-palette-combobox",
         className: clsx(CommandPalette_module.combobox, className),
         open: open,
         inputBehavior: inputBehavior,
@@ -159,23 +158,24 @@ const CommandPalette_CommandPaletteCombobox = /*#__PURE__*/ forwardRef(function(
         closeOnSelect: closeOnSelect,
         disableLayer: disableLayer,
         onSelect: handleSelect,
-        ...props
+        ...props,
+        "data-slot": "command-palette-combobox"
     });
 });
 const CommandPalette_CommandPaletteControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.Control, {
         ref: ref,
-        "data-slot": "command-palette-control",
         className: clsx(CommandPalette_module.control, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-control"
     });
 });
 const CommandPalette_CommandPaletteInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.Input, {
         ref: ref,
-        "data-slot": "command-palette-input",
         className: clsx(CommandPalette_module.input, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-input"
     });
 });
 const CommandPalette_CommandPaletteSearch = /*#__PURE__*/ forwardRef(function({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
@@ -220,9 +220,9 @@ const CommandPalette_CommandPaletteClearTrigger = /*#__PURE__*/ forwardRef(funct
 const CommandPalette_CommandPaletteList = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.Content, {
         ref: ref,
-        "data-slot": "command-palette-list",
         className: clsx(CommandPalette_module.list, className),
         ...props,
+        "data-slot": "command-palette-list",
         children: /*#__PURE__*/ jsx(ScrollArea, {
             "data-slot": "command-palette-scroll-area",
             className: CommandPalette_module.scrollArea,
@@ -241,106 +241,106 @@ const CommandPalette_CommandPaletteList = /*#__PURE__*/ forwardRef(function({ cl
 const CommandPalette_CommandPaletteEmpty = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.Empty, {
         ref: ref,
-        "data-slot": "command-palette-empty",
         className: clsx(CommandPalette_module.empty, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-empty"
     });
 });
 const CommandPalette_CommandPaletteItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.ItemGroup, {
         ref: ref,
-        "data-slot": "command-palette-item-group",
         className: clsx(CommandPalette_module.itemGroup, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-item-group"
     });
 });
 const CommandPalette_CommandPaletteItemGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.ItemGroupLabel, {
         ref: ref,
-        "data-slot": "command-palette-item-group-label",
         className: clsx(CommandPalette_module.itemGroupLabel, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-item-group-label"
     });
 });
 const CommandPalette_CommandPaletteItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.Item, {
         ref: ref,
-        "data-slot": "command-palette-item",
         className: clsx(CommandPalette_module.item, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-item"
     });
 });
 const CommandPalette_CommandPaletteItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.ItemText, {
         ref: ref,
-        "data-slot": "command-palette-item-text",
         className: clsx(CommandPalette_module.itemText, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-item-text"
     });
 });
 const CommandPalette_CommandPaletteItemIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Combobox.ItemIndicator, {
         ref: ref,
-        "data-slot": "command-palette-item-indicator",
         className: clsx(CommandPalette_module.itemIndicator, className),
         ...props,
+        "data-slot": "command-palette-item-indicator",
         children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
     });
 });
 const CommandPalette_CommandPaletteItemIcon = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
-        "data-slot": "command-palette-item-icon",
         className: clsx(CommandPalette_module.itemIcon, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-item-icon"
     });
 });
 const CommandPalette_CommandPaletteItemLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
-        "data-slot": "command-palette-item-label",
         className: clsx(CommandPalette_module.itemLabel, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-item-label"
     });
 });
 const CommandPalette_CommandPaletteItemDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
-        "data-slot": "command-palette-item-description",
         className: clsx(CommandPalette_module.itemDescription, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-item-description"
     });
 });
 const CommandPalette_CommandPaletteItemMeta = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
-        "data-slot": "command-palette-item-meta",
         className: clsx(CommandPalette_module.itemMeta, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-item-meta"
     });
 });
 const CommandPalette_CommandPaletteSeparator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         role: "separator",
-        "data-slot": "command-palette-separator",
         className: clsx(CommandPalette_module.separator, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-separator"
     });
 });
 const CommandPalette_CommandPaletteFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "command-palette-footer",
         className: clsx(CommandPalette_module.footer, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-footer"
     });
 });
 function CommandPaletteKbd({ className, ...props }) {
     return /*#__PURE__*/ jsx(Kbd.Root, {
-        "data-slot": "command-palette-kbd",
         className: clsx(CommandPalette_module.kbd, className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-kbd"
     });
 }
 const CommandPalette = Object.assign(CommandPaletteRoot, {

package/dist/components/container/Container_module.css

@@ -32,7 +32,7 @@
   }
 
   .root-U4_b43[data-gutter="none"] {
-    --_container-gutter: 0;
+    --_container-gutter: 0px;
   }
 
   .root-U4_b43[data-gutter="sm"] {

package/dist/components/date-input/DateInput.js

@@ -7,49 +7,49 @@ import DateInput_module from "./DateInput.module.js";
 const DateInput_DateInputRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DateInput.Root, {
         ref: ref,
-        "data-slot": "date-input-root",
         className: clsx(DateInput_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "date-input-root"
     });
 });
 const DateInput_DateInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DateInput.RootProvider, {
         ref: ref,
-        "data-slot": "date-input-root-provider",
         className: clsx(DateInput_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "date-input-root-provider"
     });
 });
 const DateInput_DateInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DateInput.Label, {
         ref: ref,
-        "data-slot": "date-input-label",
         className: clsx(DateInput_module.label, className),
-        ...props
+        ...props,
+        "data-slot": "date-input-label"
     });
 });
 const DateInput_DateInputControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DateInput.Control, {
         ref: ref,
-        "data-slot": "date-input-control",
         className: clsx(DateInput_module.control, className),
-        ...props
+        ...props,
+        "data-slot": "date-input-control"
     });
 });
 const DateInput_DateInputSegmentGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DateInput.SegmentGroup, {
         ref: ref,
-        "data-slot": "date-input-segment-group",
         className: clsx(DateInput_module.segmentGroup, className),
-        ...props
+        ...props,
+        "data-slot": "date-input-segment-group"
     });
 });
 const DateInput_DateInputSegment = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DateInput.Segment, {
         ref: ref,
-        "data-slot": "date-input-segment",
         className: clsx(DateInput_module.segment, className),
-        ...props
+        ...props,
+        "data-slot": "date-input-segment"
     });
 });
 const DateInput_DateInputSegments = /*#__PURE__*/ forwardRef(function(props, ref) {
@@ -65,11 +65,11 @@ const DateInput_DateInputSegments = /*#__PURE__*/ forwardRef(function(props, ref
 });
 function DateInputSeparator({ className, 'aria-hidden': ariaHidden = true, role = 'presentation', ...props }) {
     return /*#__PURE__*/ jsx("span", {
-        "data-slot": "date-input-separator",
         "aria-hidden": ariaHidden,
         role: role,
         className: clsx(DateInput_module.separator, className),
-        ...props
+        ...props,
+        "data-slot": "date-input-separator"
     });
 }
 const DateInput_DateInput = Object.assign(DateInput_DateInputRoot, {