@moduix/react 2.5.0 → 2.6.0

package/dist/components/container/Container.js

@@ -2,7 +2,6 @@ import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Container_module from "./Container.module.js";
 const Container_ContainerRoot = /*#__PURE__*/ forwardRef(function({ size = 'lg', gutter = 'md', className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
@@ -13,7 +12,7 @@ const Container_ContainerRoot = /*#__PURE__*/ forwardRef(function({ size = 'lg',
         "data-slot": "container-root",
         "data-size": size,
         "data-gutter": gutter,
-        className: clsx(Container_module.root, normalizeClassName(className))
+        className: clsx(Container_module.root, className)
     });
 });
 const Container = Object.assign(Container_ContainerRoot, {

package/dist/components/date-input/DateInput.d.ts

@@ -1,19 +1,17 @@
 import { DateInput as DateInputPrimitive, type DateInputDateValue, useDateInput, useDateInputContext } from '@ark-ui/react/date-input';
-import type { ComponentProps, ReactNode } from 'react';
-type DateInputFormProps = {
-    names?: readonly [string, string];
-};
+import type { ComponentProps } from 'react';
 declare function DateInputSeparator({ className, 'aria-hidden': ariaHidden, role, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
-declare const DateInput: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement> & DateInputFormProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-    Root: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement> & DateInputFormProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    RootProvider: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement> & DateInputFormProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DateInput: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    HiddenInput: import("react").ForwardRefExoticComponent<DateInputPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Label: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
     Control: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     SegmentGroup: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.SegmentGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Segment: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.SegmentProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-    Segments: import("react").ForwardRefExoticComponent<Omit<Omit<DateInputPrimitive.SegmentGroupProps & import("react").RefAttributes<HTMLDivElement>, "children" | "asChild">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Segments: import("react").ForwardRefExoticComponent<Omit<Omit<DateInputPrimitive.SegmentGroupProps & import("react").RefAttributes<HTMLDivElement>, "asChild" | "children">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Separator: typeof DateInputSeparator;
-    Context: (props: DateInputPrimitive.ContextProps) => ReactNode;
+    Context: (props: DateInputPrimitive.ContextProps) => import("react").ReactNode;
     SegmentContext: (props: DateInputPrimitive.SegmentContextProps) => import("react").JSX.Element[];
 };
 export { DateInput, type DateInputDateValue, useDateInput, useDateInputContext };

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

@@ -1,35 +1,30 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { DateInput, useDateInput, useDateInputContext } from "@ark-ui/react/date-input";
 import { clsx } from "clsx";
-import { Children, cloneElement, forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { forwardRef } from "react";
 import DateInput_module from "./DateInput.module.js";
-const DateInput_DateInputRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, names, ...props }, ref) {
+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, normalizeClassName(className)),
-        asChild: asChild,
-        ...props,
-        children: withHiddenInputs(children, asChild, names)
+        className: clsx(DateInput_module.root, className),
+        ...props
     });
 });
-const DateInput_DateInputRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, names, ...props }, ref) {
+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, normalizeClassName(className)),
-        asChild: asChild,
-        ...props,
-        children: withHiddenInputs(children, asChild, names)
+        className: clsx(DateInput_module.root, className),
+        ...props
     });
 });
 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, normalizeClassName(className)),
+        className: clsx(DateInput_module.label, className),
         ...props
     });
 });
@@ -37,7 +32,7 @@ const DateInput_DateInputControl = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(DateInput.Control, {
         ref: ref,
         "data-slot": "date-input-control",
-        className: clsx(DateInput_module.control, normalizeClassName(className)),
+        className: clsx(DateInput_module.control, className),
         ...props
     });
 });
@@ -45,7 +40,7 @@ const DateInput_DateInputSegmentGroup = /*#__PURE__*/ forwardRef(function({ clas
     return /*#__PURE__*/ jsx(DateInput.SegmentGroup, {
         ref: ref,
         "data-slot": "date-input-segment-group",
-        className: clsx(DateInput_module.segmentGroup, normalizeClassName(className)),
+        className: clsx(DateInput_module.segmentGroup, className),
         ...props
     });
 });
@@ -53,7 +48,7 @@ const DateInput_DateInputSegment = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(DateInput.Segment, {
         ref: ref,
         "data-slot": "date-input-segment",
-        className: clsx(DateInput_module.segment, normalizeClassName(className)),
+        className: clsx(DateInput_module.segment, className),
         ...props
     });
 });
@@ -68,44 +63,19 @@ const DateInput_DateInputSegments = /*#__PURE__*/ forwardRef(function(props, ref
         })
     });
 });
-function withHiddenInputs(children, asChild, names) {
-    const hiddenInputs = /*#__PURE__*/ jsx(DateInputFormInputs, {
-        names: names
-    });
-    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            children,
-            hiddenInputs
-        ]
-    });
-    const child = Children.only(children);
-    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInputs);
-}
-function DateInputFormInputs({ names }) {
-    const dateInput = useDateInputContext();
-    const inputCount = Math.max(dateInput.displayValues.length, 1);
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: Array.from({
-            length: inputCount
-        }, (_, index)=>/*#__PURE__*/ jsx(DateInput.HiddenInput, {
-                index: index,
-                name: names?.[index],
-                "data-slot": "date-input-hidden-input"
-            }, index))
-    });
-}
 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, normalizeClassName(className)),
+        className: clsx(DateInput_module.separator, className),
         ...props
     });
 }
 const DateInput_DateInput = Object.assign(DateInput_DateInputRoot, {
     Root: DateInput_DateInputRoot,
     RootProvider: DateInput_DateInputRootProvider,
+    HiddenInput: DateInput.HiddenInput,
     Label: DateInput_DateInputLabel,
     Control: DateInput_DateInputControl,
     SegmentGroup: DateInput_DateInputSegmentGroup,

package/dist/components/date-input/DateInput_module.css

@@ -94,7 +94,6 @@
 
   .segment-AyTFWd[data-type="literal"] {
     min-width: auto;
-    box-shadow: none;
     color: var(--moduix-date-input-separator-color, var(--moduix-color-muted-foreground));
     pointer-events: none;
     background: none;

package/dist/components/date-picker/DatePicker.d.ts

@@ -1,7 +1,7 @@
 import { useDatePicker, useDatePickerContext, type UseDatePickerReturn } from '@ark-ui/react/date-picker';
 import { DatePicker as DatePickerPrimitive } from '@ark-ui/react/date-picker';
 import type { ComponentProps } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
 type DatePickerRootProps = ComponentProps<typeof DatePickerPrimitive.Root> & OverlayPortalProps;
 type DatePickerRootProviderProps = ComponentProps<typeof DatePickerPrimitive.RootProvider> & OverlayPortalProps;
 type DatePickerFieldProps = ComponentProps<typeof DatePickerPrimitive.Control> & {

package/dist/components/date-picker/DatePicker.js

@@ -6,7 +6,6 @@ import { useFieldsetContext } from "@ark-ui/react/fieldset";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { CalendarIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
 import { CloseButton } from "../close-button/index.js";
 import DatePicker_module from "./DatePicker.module.js";
@@ -19,7 +18,7 @@ const DatePicker_DatePickerRoot = /*#__PURE__*/ forwardRef(function({ className,
         children: /*#__PURE__*/ jsx(DatePicker.Root, {
             ref: ref,
             "data-slot": "date-picker-root",
-            className: clsx(DatePicker_module.root, normalizeClassName(className)),
+            className: clsx(DatePicker_module.root, className),
             disabled: disabled ?? field?.disabled ?? fieldset?.disabled,
             invalid: invalid ?? field?.invalid ?? fieldset?.invalid,
             lazyMount: lazyMount,
@@ -37,7 +36,7 @@ const DatePicker_DatePickerRootProvider = /*#__PURE__*/ forwardRef(function({ cl
         children: /*#__PURE__*/ jsx(DatePicker.RootProvider, {
             ref: ref,
             "data-slot": "date-picker-root-provider",
-            className: clsx(DatePicker_module.root, normalizeClassName(className)),
+            className: clsx(DatePicker_module.root, className),
             lazyMount: lazyMount,
             unmountOnExit: unmountOnExit,
             ...props
@@ -48,7 +47,7 @@ const DatePicker_DatePickerLabel = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(DatePicker.Label, {
         ref: ref,
         "data-slot": "date-picker-label",
-        className: clsx(DatePicker_module.label, normalizeClassName(className)),
+        className: clsx(DatePicker_module.label, className),
         ...props
     });
 });
@@ -56,7 +55,7 @@ const DatePicker_DatePickerControl = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(DatePicker.Control, {
         ref: ref,
         "data-slot": "date-picker-control",
-        className: clsx(DatePicker_module.control, normalizeClassName(className)),
+        className: clsx(DatePicker_module.control, className),
         ...props
     });
 });
@@ -125,7 +124,7 @@ const DatePicker_DatePickerInput = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(DatePicker.Input, {
         ref: ref,
         "data-slot": "date-picker-input",
-        className: clsx(DatePicker_module.input, normalizeClassName(className)),
+        className: clsx(DatePicker_module.input, className),
         ...props
     });
 });
@@ -134,34 +133,26 @@ const DatePicker_DatePickerTrigger = /*#__PURE__*/ forwardRef(function({ asChild
         ref: ref,
         "data-slot": "date-picker-trigger",
         asChild: asChild,
-        className: clsx(!asChild && DatePicker_module.trigger, normalizeClassName(className)),
+        className: clsx(!asChild && DatePicker_module.trigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(CalendarIcon, {})
     });
 });
 const DatePicker_DatePickerClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
-    const triggerClassName = clsx(DatePicker_module.clearTrigger, normalizeClassName(className));
-    if (asChild) return /*#__PURE__*/ jsx(DatePicker.ClearTrigger, {
+    const triggerClassName = clsx(DatePicker_module.clearTrigger, className);
+    return /*#__PURE__*/ jsx(DatePicker.ClearTrigger, {
         ref: ref,
         asChild: true,
         "data-slot": "date-picker-clear-trigger",
         className: triggerClassName,
-        ...void 0 === ariaLabel ? {} : {
+        ...asChild && void 0 !== ariaLabel ? {
             'aria-label': ariaLabel
-        },
-        ...void 0 === ariaLabelledBy ? {} : {
+        } : {},
+        ...asChild && void 0 !== ariaLabelledBy ? {
             'aria-labelledby': ariaLabelledBy
-        },
-        ...props,
-        children: children
-    });
-    return /*#__PURE__*/ jsx(DatePicker.ClearTrigger, {
-        ref: ref,
-        asChild: true,
-        "data-slot": "date-picker-clear-trigger",
-        className: triggerClassName,
+        } : {},
         ...props,
-        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+        children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
             ...void 0 === ariaLabel ? {} : {
                 'aria-label': ariaLabel
             },
@@ -177,7 +168,7 @@ const DatePicker_DatePickerPositioner = /*#__PURE__*/ forwardRef(function({ clas
         children: /*#__PURE__*/ jsx(DatePicker.Positioner, {
             ref: ref,
             "data-slot": "date-picker-positioner",
-            className: clsx(DatePicker_module.positioner, normalizeClassName(className)),
+            className: clsx(DatePicker_module.positioner, className),
             ...props
         })
     });
@@ -186,7 +177,7 @@ const DatePicker_DatePickerContent = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(DatePicker.Content, {
         ref: ref,
         "data-slot": "date-picker-content",
-        className: clsx(DatePicker_module.content, normalizeClassName(className)),
+        className: clsx(DatePicker_module.content, className),
         ...props
     });
 });
@@ -194,7 +185,7 @@ const DatePicker_DatePickerView = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(DatePicker.View, {
         ref: ref,
         "data-slot": "date-picker-view",
-        className: clsx(DatePicker_module.view, normalizeClassName(className)),
+        className: clsx(DatePicker_module.view, className),
         ...props
     });
 });
@@ -202,7 +193,7 @@ const DatePicker_DatePickerViewControl = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(DatePicker.ViewControl, {
         ref: ref,
         "data-slot": "date-picker-view-control",
-        className: clsx(DatePicker_module.viewControl, normalizeClassName(className)),
+        className: clsx(DatePicker_module.viewControl, className),
         ...props
     });
 });
@@ -211,7 +202,7 @@ const DatePicker_DatePickerPrevTrigger = /*#__PURE__*/ forwardRef(function({ asC
         ref: ref,
         "data-slot": "date-picker-prev-trigger",
         asChild: asChild,
-        className: clsx(!asChild && DatePicker_module.navTrigger, normalizeClassName(className)),
+        className: clsx(!asChild && DatePicker_module.navTrigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(ChevronLeftIcon, {})
     });
@@ -221,7 +212,7 @@ const DatePicker_DatePickerNextTrigger = /*#__PURE__*/ forwardRef(function({ asC
         ref: ref,
         "data-slot": "date-picker-next-trigger",
         asChild: asChild,
-        className: clsx(!asChild && DatePicker_module.navTrigger, normalizeClassName(className)),
+        className: clsx(!asChild && DatePicker_module.navTrigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {})
     });
@@ -230,7 +221,7 @@ const DatePicker_DatePickerRangeText = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(DatePicker.RangeText, {
         ref: ref,
         "data-slot": "date-picker-range-text",
-        className: clsx(DatePicker_module.rangeText, normalizeClassName(className)),
+        className: clsx(DatePicker_module.rangeText, className),
         ...props
     });
 });
@@ -239,7 +230,7 @@ const DatePicker_DatePickerViewTrigger = /*#__PURE__*/ forwardRef(function({ asC
         ref: ref,
         "data-slot": "date-picker-view-trigger",
         asChild: asChild,
-        className: clsx(!asChild && DatePicker_module.viewTrigger, normalizeClassName(className)),
+        className: clsx(!asChild && DatePicker_module.viewTrigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsxs(Fragment, {
             children: [
@@ -253,7 +244,7 @@ const DatePicker_DatePickerTable = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(DatePicker.Table, {
         ref: ref,
         "data-slot": "date-picker-table",
-        className: clsx(DatePicker_module.table, normalizeClassName(className)),
+        className: clsx(DatePicker_module.table, className),
         ...props
     });
 });
@@ -261,7 +252,7 @@ const DatePicker_DatePickerTableHead = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(DatePicker.TableHead, {
         ref: ref,
         "data-slot": "date-picker-table-head",
-        className: normalizeClassName(className),
+        className: className,
         ...props
     });
 });
@@ -269,7 +260,7 @@ const DatePicker_DatePickerTableBody = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(DatePicker.TableBody, {
         ref: ref,
         "data-slot": "date-picker-table-body",
-        className: normalizeClassName(className),
+        className: className,
         ...props
     });
 });
@@ -277,7 +268,7 @@ const DatePicker_DatePickerTableRow = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(DatePicker.TableRow, {
         ref: ref,
         "data-slot": "date-picker-table-row",
-        className: normalizeClassName(className),
+        className: className,
         ...props
     });
 });
@@ -285,7 +276,7 @@ const DatePicker_DatePickerTableHeader = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(DatePicker.TableHeader, {
         ref: ref,
         "data-slot": "date-picker-table-header",
-        className: clsx(DatePicker_module.tableHeader, normalizeClassName(className)),
+        className: clsx(DatePicker_module.tableHeader, className),
         ...props
     });
 });
@@ -293,7 +284,7 @@ const DatePicker_DatePickerWeekNumberHeaderCell = /*#__PURE__*/ forwardRef(funct
     return /*#__PURE__*/ jsx(DatePicker.WeekNumberHeaderCell, {
         ref: ref,
         "data-slot": "date-picker-week-number-header-cell",
-        className: clsx(DatePicker_module.tableHeader, DatePicker_module.weekNumberCell, normalizeClassName(className)),
+        className: clsx(DatePicker_module.tableHeader, DatePicker_module.weekNumberCell, className),
         ...props
     });
 });
@@ -301,7 +292,7 @@ const DatePicker_DatePickerWeekNumberCell = /*#__PURE__*/ forwardRef(function({
     return /*#__PURE__*/ jsx(DatePicker.WeekNumberCell, {
         ref: ref,
         "data-slot": "date-picker-week-number-cell",
-        className: clsx(DatePicker_module.weekNumberCell, normalizeClassName(className)),
+        className: clsx(DatePicker_module.weekNumberCell, className),
         ...props
     });
 });
@@ -309,7 +300,7 @@ const DatePicker_DatePickerTableCell = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(DatePicker.TableCell, {
         ref: ref,
         "data-slot": "date-picker-table-cell",
-        className: clsx(DatePicker_module.tableCell, normalizeClassName(className)),
+        className: clsx(DatePicker_module.tableCell, className),
         ...props
     });
 });
@@ -317,7 +308,7 @@ const DatePicker_DatePickerTableCellTrigger = /*#__PURE__*/ forwardRef(function(
     return /*#__PURE__*/ jsx(DatePicker.TableCellTrigger, {
         ref: ref,
         "data-slot": "date-picker-table-cell-trigger",
-        className: clsx(DatePicker_module.tableCellTrigger, normalizeClassName(className)),
+        className: clsx(DatePicker_module.tableCellTrigger, className),
         ...props
     });
 });
@@ -374,7 +365,7 @@ const DatePicker_DatePickerMonthSelect = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(DatePicker.MonthSelect, {
         ref: ref,
         "data-slot": "date-picker-month-select",
-        className: clsx(DatePicker_module.select, normalizeClassName(className)),
+        className: clsx(DatePicker_module.select, className),
         ...props
     });
 });
@@ -382,7 +373,7 @@ const DatePicker_DatePickerYearSelect = /*#__PURE__*/ forwardRef(function({ clas
     return /*#__PURE__*/ jsx(DatePicker.YearSelect, {
         ref: ref,
         "data-slot": "date-picker-year-select",
-        className: clsx(DatePicker_module.select, normalizeClassName(className)),
+        className: clsx(DatePicker_module.select, className),
         ...props
     });
 });
@@ -391,7 +382,7 @@ const DatePicker_DatePickerPresetTrigger = /*#__PURE__*/ forwardRef(function({ a
         ref: ref,
         "data-slot": "date-picker-preset-trigger",
         asChild: asChild,
-        className: clsx(!asChild && DatePicker_module.presetTrigger, normalizeClassName(className)),
+        className: clsx(!asChild && DatePicker_module.presetTrigger, className),
         ...props
     });
 });
@@ -399,7 +390,7 @@ const DatePicker_DatePickerValueText = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(DatePicker.ValueText, {
         ref: ref,
         "data-slot": "date-picker-value-text",
-        className: clsx(DatePicker_module.valueText, normalizeClassName(className)),
+        className: clsx(DatePicker_module.valueText, className),
         ...props
     });
 });

package/dist/components/date-picker/DatePicker.module.js

@@ -1,9 +1,9 @@
 import "./DatePicker_module.css";
 const DatePicker_module = {
     root: "root-sgMq4I",
+    input: "input-c9DrcO",
     label: "label-o8_6xd",
     control: "control-pfUmnK",
-    input: "input-c9DrcO",
     trigger: "trigger-sqKYfh",
     navTrigger: "navTrigger-XCWd0K",
     viewTrigger: "viewTrigger-ZeOJgr",

package/dist/components/date-picker/DatePicker_module.css

@@ -38,6 +38,10 @@
     display: inline-flex;
   }
 
+  .root-sgMq4I:has(.input-c9DrcO[data-index="1"]) {
+    width: var(--moduix-date-picker-width, 24rem);
+  }
+
   .root-sgMq4I:is([data-disabled], [data-readonly]) {
     opacity: var(--moduix-date-picker-disabled-opacity, var(--moduix-opacity-disabled));
   }
@@ -111,12 +115,12 @@
     cursor: default;
   }
 
-  .control-pfUmnK:has(.input-c9DrcO + .input-c9DrcO) .input-c9DrcO {
+  .control-pfUmnK:has(.input-c9DrcO[data-index="1"]) .input-c9DrcO {
     min-width: min(var(--moduix-date-picker-range-input-min-width, 7.5rem), 100%);
     padding-inline-end: var(--moduix-date-picker-input-padding-x-start, var(--moduix-spacing-3-5));
   }
 
-  .control-pfUmnK:has(.input-c9DrcO + .input-c9DrcO) .input-c9DrcO:last-of-type {
+  .control-pfUmnK .input-c9DrcO[data-index="1"] {
     padding-inline-end: var(--moduix-date-picker-input-padding-x-end, 4.25rem);
   }
 
@@ -191,7 +195,6 @@
     --moduix-close-button-focus-ring-width: var(--moduix-date-picker-action-focus-ring-width, var(--moduix-border-width-sm));
     --moduix-close-button-focus-ring-color: var(--moduix-date-picker-focus-ring-color, var(--moduix-color-ring));
     --moduix-close-button-focus-ring-offset: var(--moduix-date-picker-action-focus-ring-offset, 0);
-    --moduix-close-button-transition: var(--moduix-date-picker-transition, var(--moduix-transition-default));
     top: 50%;
     position: absolute;
     inset-inline-end: calc(var(--moduix-date-picker-trigger-offset-right, var(--moduix-spacing-2)) +
@@ -246,7 +249,14 @@
     pointer-events: none;
   }
 
-  .root-sgMq4I[data-inline] .content-pUiIqD {
+  @media (prefers-reduced-motion: reduce) {
+    .content-pUiIqD[data-state] {
+      animation-duration: 1ms;
+      animation-delay: 0s;
+    }
+  }
+
+  .content-pUiIqD[data-inline] {
     min-width: var(--moduix-date-picker-inline-content-min-width, 18rem);
     box-shadow: var(--moduix-date-picker-inline-content-shadow, none);
   }

package/dist/components/dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import { Dialog as DialogPrimitive, useDialog, useDialogContext } from '@ark-ui/react/dialog';
 import type { ComponentProps } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
 type DialogRootProps = ComponentProps<typeof DialogPrimitive.Root> & OverlayPortalProps;
 type DialogRootProviderProps = ComponentProps<typeof DialogPrimitive.RootProvider> & OverlayPortalProps;
 declare function DialogRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: DialogRootProps): import("react").JSX.Element;

package/dist/components/dialog/Dialog.js

@@ -4,7 +4,6 @@ import { Dialog, useDialog, useDialogContext } from "@ark-ui/react/dialog";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
 import { CloseButton } from "../close-button/index.js";
 import Dialog_module from "./Dialog.module.js";
@@ -36,7 +35,7 @@ const Dialog_DialogTrigger = /*#__PURE__*/ forwardRef(function({ asChild, classN
         ref: ref,
         asChild: asChild,
         "data-slot": "dialog-trigger",
-        className: clsx(!asChild && Dialog_module.trigger, normalizeClassName(className)),
+        className: clsx(!asChild && Dialog_module.trigger, className),
         ...props
     });
 });
@@ -45,7 +44,7 @@ const Dialog_DialogBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...
         children: /*#__PURE__*/ jsx(Dialog.Backdrop, {
             ref: ref,
             "data-slot": "dialog-backdrop",
-            className: clsx(Dialog_module.backdrop, normalizeClassName(className)),
+            className: clsx(Dialog_module.backdrop, className),
             ...props
         })
     });
@@ -55,7 +54,7 @@ const Dialog_DialogPositioner = /*#__PURE__*/ forwardRef(function({ className, .
         children: /*#__PURE__*/ jsx(Dialog.Positioner, {
             ref: ref,
             "data-slot": "dialog-positioner",
-            className: clsx(Dialog_module.positioner, normalizeClassName(className)),
+            className: clsx(Dialog_module.positioner, className),
             ...props
         })
     });
@@ -64,7 +63,7 @@ const Dialog_DialogContent = /*#__PURE__*/ forwardRef(function({ className, ...p
     return /*#__PURE__*/ jsx(Dialog.Content, {
         ref: ref,
         "data-slot": "dialog-content",
-        className: clsx(Dialog_module.content, normalizeClassName(className)),
+        className: clsx(Dialog_module.content, className),
         ...props
     });
 });
@@ -72,7 +71,7 @@ const Dialog_DialogTitle = /*#__PURE__*/ forwardRef(function({ className, ...pro
     return /*#__PURE__*/ jsx(Dialog.Title, {
         ref: ref,
         "data-slot": "dialog-title",
-        className: clsx(Dialog_module.title, normalizeClassName(className)),
+        className: clsx(Dialog_module.title, className),
         ...props
     });
 });
@@ -80,7 +79,7 @@ const Dialog_DialogDescription = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Dialog.Description, {
         ref: ref,
         "data-slot": "dialog-description",
-        className: clsx(Dialog_module.description, normalizeClassName(className)),
+        className: clsx(Dialog_module.description, className),
         ...props
     });
 });
@@ -89,7 +88,7 @@ const Dialog_DialogCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, c
         ref: ref,
         asChild: asChild,
         "data-slot": "dialog-close-trigger",
-        className: clsx(!asChild && Dialog_module.closeTrigger, normalizeClassName(className)),
+        className: clsx(!asChild && Dialog_module.closeTrigger, className),
         ...props
     });
 });
@@ -101,7 +100,7 @@ const Dialog_DialogCloseIcon = /*#__PURE__*/ forwardRef(function({ className, ch
             ref: ref,
             "data-slot": "dialog-close-icon",
             "aria-label": ariaLabel,
-            className: clsx(Dialog_module.closeIcon, normalizeClassName(className)),
+            className: clsx(Dialog_module.closeIcon, className),
             children: children
         })
     });
@@ -110,7 +109,7 @@ const Dialog_DialogHeader = /*#__PURE__*/ forwardRef(function({ className, ...pr
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         "data-slot": "dialog-header",
-        className: clsx(Dialog_module.header, normalizeClassName(className)),
+        className: clsx(Dialog_module.header, className),
         ...props
     });
 });
@@ -118,7 +117,7 @@ const Dialog_DialogBody = /*#__PURE__*/ forwardRef(function({ className, ...prop
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         "data-slot": "dialog-body",
-        className: clsx(Dialog_module.body, normalizeClassName(className)),
+        className: clsx(Dialog_module.body, className),
         ...props
     });
 });
@@ -126,7 +125,7 @@ const Dialog_DialogFooter = /*#__PURE__*/ forwardRef(function({ className, ...pr
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         "data-slot": "dialog-footer",
-        className: clsx(Dialog_module.footer, normalizeClassName(className)),
+        className: clsx(Dialog_module.footer, className),
         ...props
     });
 });

package/dist/components/drawer/Drawer.d.ts

@@ -1,12 +1,15 @@
 import { Drawer as DrawerPrimitive, useDrawer, useDrawerContext, useDrawerStackContext } from '@ark-ui/react/drawer';
 import type { ComponentProps } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
-type DrawerRootProps = ComponentProps<typeof DrawerPrimitive.Root> & OverlayPortalProps;
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+type DrawerVariant = 'island';
+type DrawerRootProps = ComponentProps<typeof DrawerPrimitive.Root> & OverlayPortalProps & {
+    variant?: DrawerVariant;
+};
 type DrawerRootProviderProps = ComponentProps<typeof DrawerPrimitive.RootProvider> & OverlayPortalProps;
 type DrawerContentProps = ComponentProps<typeof DrawerPrimitive.Content> & {
     variant?: 'island';
 };
-declare function DrawerRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: DrawerRootProps): import("react").JSX.Element;
+declare function DrawerRoot({ lazyMount, portalled, portalRef, unmountOnExit, variant, swipeDirection, snapPoints, defaultSnapPoint, ...props }: DrawerRootProps): import("react").JSX.Element;
 declare function DrawerRootProvider({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: DrawerRootProviderProps): import("react").JSX.Element;
 declare const Drawer: typeof DrawerRoot & {
     Root: typeof DrawerRoot;