@moduix/react-tailwind 1.0.0 → 1.1.0

package/dist/components/combobox/Combobox.js

@@ -13,11 +13,11 @@ const Combobox_ComboboxRoot = /*#__PURE__*/ forwardRef(function({ className, laz
         portalRef: portalRef,
         children: /*#__PURE__*/ jsx(Combobox.Root, {
             ref: ref,
-            "data-slot": "combobox-root",
             className: cn('box-border flex w-64 max-w-full min-w-0 flex-col gap-1.5 text-foreground', className),
             lazyMount: lazyMount,
             unmountOnExit: unmountOnExit,
-            ...props
+            ...props,
+            "data-slot": "combobox-root"
         })
     });
 });
@@ -27,37 +27,37 @@ const Combobox_ComboboxRootProvider = /*#__PURE__*/ forwardRef(function({ classN
         portalRef: portalRef,
         children: /*#__PURE__*/ jsx(Combobox.RootProvider, {
             ref: ref,
-            "data-slot": "combobox-root-provider",
             className: cn('box-border flex w-64 max-w-full min-w-0 flex-col gap-1.5 text-foreground', 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: cn('inline-flex items-center text-sm font-medium text-foreground select-none data-disabled:opacity-50', 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: cn('group/combobox-control relative flex w-full min-w-0 items-center rounded-md border border-border bg-background text-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,border-color,outline-color] duration-200 ease-in-out data-disabled:opacity-50 data-focus:border-ring data-focus:outline-ring data-invalid:border-destructive data-invalid:outline-destructive data-[state=open]:border-ring data-[state=open]:outline-ring motion-reduce:transition-none', 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: cn(!asChild && 'm-0 box-border h-control-md w-full min-w-0 rounded-[inherit] border-0 bg-transparent px-3.5 text-inherit outline-0 [font:inherit] group-has-[>[data-slot=combobox-clear-trigger]]/combobox-control:pe-[4.375rem] group-has-[>[data-slot=combobox-trigger]]/combobox-control:pe-11 group-has-[>[data-slot=combobox-clear-trigger]]/combobox-control:group-has-[>[data-slot=combobox-trigger]]/combobox-control:pe-[4.375rem] placeholder:text-muted-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "combobox-input"
     });
 });
 const Combobox_ComboboxClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
@@ -65,11 +65,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,
@@ -80,9 +80,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: cn('absolute end-2 top-1/2 m-0 box-border inline-flex size-control-xs shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-sm border-0 bg-transparent p-0 [line-height:0] text-muted-foreground transition-[background-color,color,opacity] duration-200 ease-in-out focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-ring disabled:cursor-default data-disabled:cursor-default motion-reduce:transition-none [&>svg]:block [&>svg]:size-4 [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:bg-muted [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:text-foreground', className),
         ...props,
+        "data-slot": "combobox-trigger",
         children: children ?? /*#__PURE__*/ jsx(ChevronUpDownIcon, {})
     });
 });
@@ -90,82 +90,82 @@ const Combobox_ComboboxPositioner = /*#__PURE__*/ forwardRef(function({ classNam
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Combobox.Positioner, {
             ref: ref,
-            "data-slot": "combobox-positioner",
             className: cn('z-[var(--z-index)] outline-0', 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: cn('z-[calc(60+var(--layer-index,0))] box-border flex max-h-[min(24rem,var(--available-height))] max-w-[var(--available-width)] min-w-[var(--reference-width)] origin-[var(--transform-origin)] scroll-py-1 flex-col overflow-auto overscroll-contain rounded-md border border-border bg-popover py-1 text-popover-foreground shadow-lg outline-0 data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:[animation-delay:0ms] motion-reduce:[animation-duration:1ms]', 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: cn('px-4 py-1 text-sm text-muted-foreground', 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: cn('px-4 py-1 text-sm text-muted-foreground', 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: cn('flex min-h-0 flex-col outline-0 data-empty:hidden', 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: cn('flex flex-col [&+&]:mt-2', 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: cn('sticky -top-1 z-1 bg-popover px-2.5 py-1 text-xs font-normal text-muted-foreground', 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: cn('relative mx-1 box-border flex min-h-control-sm w-[calc(100%-0.5rem)] cursor-default items-center justify-between gap-2 rounded-sm border-0 bg-transparent px-3 py-1 text-sm text-popover-foreground outline-0 select-none data-disabled:pointer-events-none data-disabled:text-muted-foreground data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[state=checked]:text-popover-foreground', 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: cn('min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap', 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: cn('inline-flex size-3 shrink-0 items-center justify-center [&>svg]:size-full', className),
         ...props,
+        "data-slot": "combobox-item-indicator",
         children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
     });
 });

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

@@ -60,18 +60,18 @@ const CommandPalette_CommandPaletteTrigger = /*#__PURE__*/ forwardRef(function({
     return /*#__PURE__*/ jsx(Dialog.Trigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "command-palette-trigger",
         className: cn(!asChild && 'inline-flex min-h-control-md cursor-pointer items-center justify-center gap-2 rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground transition-[background-color,border-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring [@media(hover:hover)]:hover:bg-accent', 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: cn('fixed inset-0 z-[calc(40+var(--layer-index,0))] bg-overlay backdrop-blur-[4px] data-[state=closed]:animate-[moduix-fade-out_200ms_ease-in-out_forwards] data-[state=open]:animate-[moduix-fade-in_200ms_ease-in-out] motion-reduce:animate-none', className),
-            ...props
+            ...props,
+            "data-slot": "command-palette-backdrop"
         })
     });
 });
@@ -79,18 +79,18 @@ const CommandPalette_CommandPalettePositioner = /*#__PURE__*/ forwardRef(functio
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Dialog.Positioner, {
             ref: ref,
-            "data-slot": "command-palette-positioner",
             className: cn('fixed inset-0 z-[calc(50+var(--layer-index,0))] grid items-start justify-items-center overflow-hidden overscroll-contain px-4 pt-[10dvh] pb-4', 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: cn('flex max-h-[min(34rem,calc(100dvh-5rem))] w-[min(37.5rem,calc(100vw-2rem))] origin-top flex-col overflow-hidden rounded-lg border border-border/84 bg-popover bg-linear-to-b from-white/4 to-transparent text-popover-foreground shadow-lg outline-0 data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none', className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-content"
     });
 });
 const CommandPalette_CommandPalettePanel = /*#__PURE__*/ forwardRef(function({ children, ...props }, ref) {
@@ -112,33 +112,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: cn('text-md leading-6 font-semibold text-popover-foreground', 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: cn('text-sm leading-5 text-muted-foreground', 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: cn('grid gap-1 px-4 pt-4', 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: cn('flex min-h-0 flex-1 flex-col', 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) {
@@ -149,7 +149,6 @@ const CommandPalette_CommandPaletteCombobox = /*#__PURE__*/ forwardRef(function(
     };
     return /*#__PURE__*/ jsx(Combobox.Root, {
         ref: ref,
-        "data-slot": "command-palette-combobox",
         className: cn('flex min-h-0 flex-1 flex-col overflow-hidden', className),
         open: open,
         inputBehavior: inputBehavior,
@@ -157,23 +156,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: cn('relative mx-3 mt-3 flex min-h-control-md flex-none items-center gap-2 rounded-md border border-border bg-background px-3 py-1 text-foreground transition-[background-color,border-color] duration-200 ease-in-out has-[[aria-invalid=true]]:border-destructive has-[[data-invalid]]:border-destructive', 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: cn('h-auto w-full min-w-0 flex-1 bg-transparent text-sm leading-5 text-inherit outline-0 placeholder:text-muted-foreground data-invalid:text-destructive', className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-input"
     });
 });
 const CommandPalette_CommandPaletteSearch = /*#__PURE__*/ forwardRef(function({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
@@ -218,9 +218,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: cn('group/list flex min-h-0 flex-1 overflow-hidden outline-0', className),
         ...props,
+        "data-slot": "command-palette-list",
         children: /*#__PURE__*/ jsx(ScrollArea, {
             "data-slot": "command-palette-scroll-area",
             className: "h-auto min-h-0 flex-1",
@@ -239,106 +239,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: cn('[&:not(:empty)]:px-4 [&:not(:empty)]:py-3 [&:not(:empty)]:text-sm [&:not(:empty)]:leading-5 [&:not(:empty)]:text-muted-foreground', 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: cn('grid gap-1 [&:not(:last-child)]:pb-2', 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: cn('sticky top-0 z-1 block bg-popover px-3 py-1 text-xs leading-4 font-normal text-muted-foreground', 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: cn('relative z-0 grid min-h-control-sm cursor-default grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-3 rounded-md px-3 py-1 text-sm leading-5 text-popover-foreground outline-0 select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-foreground data-[state=checked]:text-foreground', 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: cn('grid min-w-0 gap-1', 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: cn('inline-flex size-8 items-center justify-center justify-self-end rounded-md border border-transparent bg-transparent text-muted-foreground [&>svg]:size-4 [&>svg]:shrink-0', 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: cn('inline-flex size-8 items-center justify-center rounded-md border border-border bg-muted text-muted-foreground [&>svg]:size-4 [&>svg]:shrink-0', 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: cn('min-w-0 overflow-hidden font-medium text-ellipsis whitespace-nowrap', 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: cn('min-w-0 overflow-hidden text-xs leading-4 text-ellipsis whitespace-nowrap text-muted-foreground', 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: cn('justify-self-end text-xs leading-4 whitespace-nowrap text-muted-foreground', 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: cn('mx-2 my-2 h-px bg-border', 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: cn('flex flex-none items-center justify-between gap-3 border-t border-border px-4 py-2 text-xs leading-4 text-muted-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-footer"
     });
 });
 function CommandPaletteKbd({ className, ...props }) {
     return /*#__PURE__*/ jsx(Kbd.Root, {
-        "data-slot": "command-palette-kbd",
         className: cn('min-h-5 min-w-5 rounded-sm px-1 text-xs leading-4 text-muted-foreground', className),
-        ...props
+        ...props,
+        "data-slot": "command-palette-kbd"
     });
 }
 const CommandPalette = Object.assign(CommandPaletteRoot, {

package/dist/components/container/Container.js

@@ -24,7 +24,7 @@ const containerVariants = cva('w-full min-w-0 mx-auto', {
         {
             size: 'xs',
             gutter: 'none',
-            class: 'max-w-none'
+            class: 'max-w-[40rem]'
         },
         {
             size: 'xs',
@@ -39,7 +39,7 @@ const containerVariants = cva('w-full min-w-0 mx-auto', {
         {
             size: 'sm',
             gutter: 'none',
-            class: 'max-w-none'
+            class: 'max-w-[48rem]'
         },
         {
             size: 'sm',
@@ -54,7 +54,7 @@ const containerVariants = cva('w-full min-w-0 mx-auto', {
         {
             size: 'md',
             gutter: 'none',
-            class: 'max-w-none'
+            class: 'max-w-[64rem]'
         },
         {
             size: 'md',
@@ -69,7 +69,7 @@ const containerVariants = cva('w-full min-w-0 mx-auto', {
         {
             size: 'lg',
             gutter: 'none',
-            class: 'max-w-none'
+            class: 'max-w-[72rem]'
         },
         {
             size: 'lg',
@@ -84,7 +84,7 @@ const containerVariants = cva('w-full min-w-0 mx-auto', {
         {
             size: 'xl',
             gutter: 'none',
-            class: 'max-w-none'
+            class: 'max-w-[90rem]'
         },
         {
             size: 'xl',

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

@@ -6,49 +6,49 @@ import { cn } from "../../internal/cn.js";
 const DateInput_DateInputRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DateInput.Root, {
         ref: ref,
-        "data-slot": "date-input-root",
         className: cn('inline-flex w-full max-w-none flex-col items-start gap-1 data-disabled:opacity-50', 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: cn('inline-flex w-full max-w-none flex-col items-start gap-1 data-disabled:opacity-50', 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: cn('text-sm leading-5 font-medium text-foreground', 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: cn('box-border inline-flex min-h-control-md w-full items-center rounded-md border border-border bg-background px-3 py-1 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,opacity] duration-200 ease-in-out focus-within:outline-ring data-disabled:pointer-events-none data-focus:outline-ring data-invalid:border-destructive data-invalid:focus-within:outline-destructive data-invalid:data-focus:outline-destructive motion-reduce:transition-none', 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: cn('inline-flex items-center gap-0.5 tabular-nums', 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: cn('min-w-[2ch] cursor-text rounded-sm px-1 py-0 text-center leading-6 text-current outline-0 transition-colors duration-200 ease-in-out [font:inherit] focus-visible:bg-ring/18 focus-visible:text-foreground data-disabled:cursor-default data-placeholder-shown:text-muted-foreground data-readonly:cursor-default data-[type=literal]:pointer-events-none data-[type=literal]:min-w-auto data-[type=literal]:bg-transparent data-[type=literal]:px-0 data-[type=literal]:text-muted-foreground motion-reduce:transition-none', className),
-        ...props
+        ...props,
+        "data-slot": "date-input-segment"
     });
 });
 const DateInput_DateInputSegments = /*#__PURE__*/ forwardRef(function(props, ref) {
@@ -64,11 +64,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: cn('text-muted-foreground select-none', className),
-        ...props
+        ...props,
+        "data-slot": "date-input-separator"
     });
 }
 const DateInput_DateInput = Object.assign(DateInput_DateInputRoot, {