@moduix/react 2.5.1 → 2.7.0

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

@@ -1,60 +1,55 @@
 "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,
+        className: clsx(DateInput_module.root, className),
         ...props,
-        children: withHiddenInputs(children, asChild, names)
+        "data-slot": "date-input-root"
     });
 });
-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,
+        className: clsx(DateInput_module.root, className),
         ...props,
-        children: withHiddenInputs(children, asChild, names)
+        "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, normalizeClassName(className)),
-        ...props
+        className: clsx(DateInput_module.label, className),
+        ...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, normalizeClassName(className)),
-        ...props
+        className: clsx(DateInput_module.control, className),
+        ...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, normalizeClassName(className)),
-        ...props
+        className: clsx(DateInput_module.segmentGroup, className),
+        ...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, normalizeClassName(className)),
-        ...props
+        className: clsx(DateInput_module.segment, className),
+        ...props,
+        "data-slot": "date-input-segment"
     });
 });
 const DateInput_DateInputSegments = /*#__PURE__*/ forwardRef(function(props, ref) {
@@ -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)),
-        ...props
+        className: clsx(DateInput_module.separator, className),
+        ...props,
+        "data-slot": "date-input-separator"
     });
 }
 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";
@@ -18,15 +17,15 @@ const DatePicker_DatePickerRoot = /*#__PURE__*/ forwardRef(function({ className,
         portalRef: portalRef,
         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,
             readOnly: readOnly ?? field?.readOnly,
             required: required ?? field?.required,
             unmountOnExit: unmountOnExit,
-            ...props
+            ...props,
+            "data-slot": "date-picker-root"
         })
     });
 });
@@ -36,28 +35,28 @@ const DatePicker_DatePickerRootProvider = /*#__PURE__*/ forwardRef(function({ cl
         portalRef: portalRef,
         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
+            ...props,
+            "data-slot": "date-picker-root-provider"
         })
     });
 });
 const DatePicker_DatePickerLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.Label, {
         ref: ref,
-        "data-slot": "date-picker-label",
-        className: clsx(DatePicker_module.label, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.label, className),
+        ...props,
+        "data-slot": "date-picker-label"
     });
 });
 const DatePicker_DatePickerControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.Control, {
         ref: ref,
-        "data-slot": "date-picker-control",
-        className: clsx(DatePicker_module.control, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.control, className),
+        ...props,
+        "data-slot": "date-picker-control"
     });
 });
 const DatePicker_DatePickerField = /*#__PURE__*/ forwardRef(function({ clearLabel, clearTriggerProps, inputProps, placeholder, triggerLabel, triggerProps, ...props }, ref) {
@@ -124,44 +123,36 @@ const DatePicker_DatePickerRangeField = /*#__PURE__*/ forwardRef(function({ clea
 const DatePicker_DatePickerInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.Input, {
         ref: ref,
-        "data-slot": "date-picker-input",
-        className: clsx(DatePicker_module.input, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.input, className),
+        ...props,
+        "data-slot": "date-picker-input"
     });
 });
 const DatePicker_DatePickerTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.Trigger, {
         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,
+        "data-slot": "date-picker-trigger",
         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
             },
@@ -176,71 +167,71 @@ const DatePicker_DatePickerPositioner = /*#__PURE__*/ forwardRef(function({ clas
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(DatePicker.Positioner, {
             ref: ref,
-            "data-slot": "date-picker-positioner",
-            className: clsx(DatePicker_module.positioner, normalizeClassName(className)),
-            ...props
+            className: clsx(DatePicker_module.positioner, className),
+            ...props,
+            "data-slot": "date-picker-positioner"
         })
     });
 });
 const DatePicker_DatePickerContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.Content, {
         ref: ref,
-        "data-slot": "date-picker-content",
-        className: clsx(DatePicker_module.content, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.content, className),
+        ...props,
+        "data-slot": "date-picker-content"
     });
 });
 const DatePicker_DatePickerView = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.View, {
         ref: ref,
-        "data-slot": "date-picker-view",
-        className: clsx(DatePicker_module.view, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.view, className),
+        ...props,
+        "data-slot": "date-picker-view"
     });
 });
 const DatePicker_DatePickerViewControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.ViewControl, {
         ref: ref,
-        "data-slot": "date-picker-view-control",
-        className: clsx(DatePicker_module.viewControl, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.viewControl, className),
+        ...props,
+        "data-slot": "date-picker-view-control"
     });
 });
 const DatePicker_DatePickerPrevTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.PrevTrigger, {
         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,
+        "data-slot": "date-picker-prev-trigger",
         children: children ?? /*#__PURE__*/ jsx(ChevronLeftIcon, {})
     });
 });
 const DatePicker_DatePickerNextTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.NextTrigger, {
         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,
+        "data-slot": "date-picker-next-trigger",
         children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {})
     });
 });
 const DatePicker_DatePickerRangeText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.RangeText, {
         ref: ref,
-        "data-slot": "date-picker-range-text",
-        className: clsx(DatePicker_module.rangeText, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.rangeText, className),
+        ...props,
+        "data-slot": "date-picker-range-text"
     });
 });
 const DatePicker_DatePickerViewTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.ViewTrigger, {
         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,
+        "data-slot": "date-picker-view-trigger",
         children: children ?? /*#__PURE__*/ jsxs(Fragment, {
             children: [
                 /*#__PURE__*/ jsx(DatePicker_DatePickerRangeText, {}),
@@ -252,73 +243,73 @@ const DatePicker_DatePickerViewTrigger = /*#__PURE__*/ forwardRef(function({ asC
 const DatePicker_DatePickerTable = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.Table, {
         ref: ref,
-        "data-slot": "date-picker-table",
-        className: clsx(DatePicker_module.table, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.table, className),
+        ...props,
+        "data-slot": "date-picker-table"
     });
 });
 const DatePicker_DatePickerTableHead = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.TableHead, {
         ref: ref,
-        "data-slot": "date-picker-table-head",
-        className: normalizeClassName(className),
-        ...props
+        className: className,
+        ...props,
+        "data-slot": "date-picker-table-head"
     });
 });
 const DatePicker_DatePickerTableBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.TableBody, {
         ref: ref,
-        "data-slot": "date-picker-table-body",
-        className: normalizeClassName(className),
-        ...props
+        className: className,
+        ...props,
+        "data-slot": "date-picker-table-body"
     });
 });
 const DatePicker_DatePickerTableRow = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.TableRow, {
         ref: ref,
-        "data-slot": "date-picker-table-row",
-        className: normalizeClassName(className),
-        ...props
+        className: className,
+        ...props,
+        "data-slot": "date-picker-table-row"
     });
 });
 const DatePicker_DatePickerTableHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.TableHeader, {
         ref: ref,
-        "data-slot": "date-picker-table-header",
-        className: clsx(DatePicker_module.tableHeader, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.tableHeader, className),
+        ...props,
+        "data-slot": "date-picker-table-header"
     });
 });
 const DatePicker_DatePickerWeekNumberHeaderCell = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     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)),
-        ...props
+        className: clsx(DatePicker_module.tableHeader, DatePicker_module.weekNumberCell, className),
+        ...props,
+        "data-slot": "date-picker-week-number-header-cell"
     });
 });
 const DatePicker_DatePickerWeekNumberCell = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.WeekNumberCell, {
         ref: ref,
-        "data-slot": "date-picker-week-number-cell",
-        className: clsx(DatePicker_module.weekNumberCell, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.weekNumberCell, className),
+        ...props,
+        "data-slot": "date-picker-week-number-cell"
     });
 });
 const DatePicker_DatePickerTableCell = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.TableCell, {
         ref: ref,
-        "data-slot": "date-picker-table-cell",
-        className: clsx(DatePicker_module.tableCell, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.tableCell, className),
+        ...props,
+        "data-slot": "date-picker-table-cell"
     });
 });
 const DatePicker_DatePickerTableCellTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.TableCellTrigger, {
         ref: ref,
-        "data-slot": "date-picker-table-cell-trigger",
-        className: clsx(DatePicker_module.tableCellTrigger, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.tableCellTrigger, className),
+        ...props,
+        "data-slot": "date-picker-table-cell-trigger"
     });
 });
 const DatePicker_DatePickerDayTable = /*#__PURE__*/ forwardRef(function({ offset, showHeader = true, showWeekNumbers = false, ...props }, ref) {
@@ -373,34 +364,34 @@ const DatePicker_DatePickerDayTable = /*#__PURE__*/ forwardRef(function({ offset
 const DatePicker_DatePickerMonthSelect = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.MonthSelect, {
         ref: ref,
-        "data-slot": "date-picker-month-select",
-        className: clsx(DatePicker_module.select, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.select, className),
+        ...props,
+        "data-slot": "date-picker-month-select"
     });
 });
 const DatePicker_DatePickerYearSelect = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.YearSelect, {
         ref: ref,
-        "data-slot": "date-picker-year-select",
-        className: clsx(DatePicker_module.select, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.select, className),
+        ...props,
+        "data-slot": "date-picker-year-select"
     });
 });
 const DatePicker_DatePickerPresetTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.PresetTrigger, {
         ref: ref,
-        "data-slot": "date-picker-preset-trigger",
         asChild: asChild,
-        className: clsx(!asChild && DatePicker_module.presetTrigger, normalizeClassName(className)),
-        ...props
+        className: clsx(!asChild && DatePicker_module.presetTrigger, className),
+        ...props,
+        "data-slot": "date-picker-preset-trigger"
     });
 });
 const DatePicker_DatePickerValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(DatePicker.ValueText, {
         ref: ref,
-        "data-slot": "date-picker-value-text",
-        className: clsx(DatePicker_module.valueText, normalizeClassName(className)),
-        ...props
+        className: clsx(DatePicker_module.valueText, className),
+        ...props,
+        "data-slot": "date-picker-value-text"
     });
 });
 const DatePicker_DatePicker = Object.assign(DatePicker_DatePickerRoot, {

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));
   }
@@ -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)) +
@@ -253,7 +256,7 @@
     }
   }
 
-  .root-sgMq4I[data-inline] .content-pUiIqD {
+  .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;