@moduix/react 2.1.0 → 2.2.4

package/dist/components/container/Container_module.css

@@ -0,0 +1,46 @@
+@layer moduix.components {
+  .root-U4_b43 {
+    --moduix-container-gutter: var(--moduix-container-gutter-md, clamp(var(--moduix-spacing-4), 4vw, var(--moduix-spacing-8)));
+    --moduix-container-max-width: var(--moduix-container-max-width-lg, 72rem);
+    box-sizing: border-box;
+    width: 100%;
+    max-width: calc(var(--moduix-container-max-width) + (var(--moduix-container-gutter) * 2));
+    min-width: 0;
+    padding-inline: var(--moduix-container-gutter);
+    margin-inline: auto;
+    display: block;
+  }
+
+  .root-U4_b43[data-size="xs"] {
+    --moduix-container-max-width: var(--moduix-container-max-width-xs, 40rem);
+  }
+
+  .root-U4_b43[data-size="sm"] {
+    --moduix-container-max-width: var(--moduix-container-max-width-sm, 48rem);
+  }
+
+  .root-U4_b43[data-size="md"] {
+    --moduix-container-max-width: var(--moduix-container-max-width-md, 64rem);
+  }
+
+  .root-U4_b43[data-size="xl"] {
+    --moduix-container-max-width: var(--moduix-container-max-width-xl, 90rem);
+  }
+
+  .root-U4_b43[data-size="full"] {
+    max-width: none;
+  }
+
+  .root-U4_b43[data-gutter="none"] {
+    --moduix-container-gutter: 0;
+  }
+
+  .root-U4_b43[data-gutter="sm"] {
+    --moduix-container-gutter: var(--moduix-container-gutter-sm, clamp(var(--moduix-spacing-3), 3vw, var(--moduix-spacing-6)));
+  }
+
+  .root-U4_b43[data-gutter="lg"] {
+    --moduix-container-gutter: var(--moduix-container-gutter-lg, clamp(var(--moduix-spacing-6), 5vw, 3rem));
+  }
+}
+

package/dist/components/container/index.d.ts

@@ -0,0 +1 @@
+export * from './Container.js';

package/dist/components/container/index.js

@@ -0,0 +1 @@
+export * from "./Container.js";

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

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

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

@@ -1,104 +1,118 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import DateInput_module_default from "./DateInput.module.js";
+"use client";
+import { Fragment, jsx, jsxs } 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 { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { DateInput, useDateInput, useDateInputContext } from "@ark-ui/react/date-input";
-//#region src/components/date-input/DateInput.tsx
-const DateInputRoot = forwardRef(function DateInputRoot({ asChild, children, className, names, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DateInput.Root, {
-		ref,
-		"data-slot": "date-input-root",
-		className: clsx(DateInput_module_default.root, normalizeClassName(className)),
-		asChild,
-		...props,
-		children: withHiddenInputs(children, asChild, names)
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import DateInput_module from "./DateInput.module.js";
+const DateInput_DateInputRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, names, ...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)
+    });
 });
-const DateInputRootProvider = forwardRef(function DateInputRootProvider({ asChild, children, className, names, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DateInput.RootProvider, {
-		ref,
-		"data-slot": "date-input-root-provider",
-		className: clsx(DateInput_module_default.root, normalizeClassName(className)),
-		asChild,
-		...props,
-		children: withHiddenInputs(children, asChild, names)
-	});
+const DateInput_DateInputRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, names, ...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)
+    });
 });
-const DateInputLabel = forwardRef(function DateInputLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DateInput.Label, {
-		ref,
-		"data-slot": "date-input-label",
-		className: clsx(DateInput_module_default.label, normalizeClassName(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)),
+        ...props
+    });
 });
-const DateInputControl = forwardRef(function DateInputControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DateInput.Control, {
-		ref,
-		"data-slot": "date-input-control",
-		className: clsx(DateInput_module_default.control, normalizeClassName(className)),
-		...props
-	});
+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
+    });
 });
-const DateInputSegmentGroup = forwardRef(function DateInputSegmentGroup({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DateInput.SegmentGroup, {
-		ref,
-		"data-slot": "date-input-segment-group",
-		className: clsx(DateInput_module_default.segmentGroup, normalizeClassName(className)),
-		...props
-	});
+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
+    });
 });
-const DateInputSegment = forwardRef(function DateInputSegment({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DateInput.Segment, {
-		ref,
-		"data-slot": "date-input-segment",
-		className: clsx(DateInput_module_default.segment, normalizeClassName(className)),
-		...props
-	});
+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
+    });
 });
-const DateInputSegments = forwardRef(function DateInputSegments(props, ref) {
-	return /* @__PURE__ */ jsx(DateInputSegmentGroup, {
-		ref,
-		...props,
-		children: /* @__PURE__ */ jsx(DateInput.SegmentContext, { children: (segment) => /* @__PURE__ */ jsx(DateInputSegment, { segment }) })
-	});
+const DateInput_DateInputSegments = /*#__PURE__*/ forwardRef(function(props, ref) {
+    return /*#__PURE__*/ jsx(DateInput_DateInputSegmentGroup, {
+        ref: ref,
+        ...props,
+        children: /*#__PURE__*/ jsx(DateInput.SegmentContext, {
+            children: (segment)=>/*#__PURE__*/ jsx(DateInput_DateInputSegment, {
+                    segment: segment
+                })
+        })
+    });
 });
 function withHiddenInputs(children, asChild, names) {
-	const hiddenInputs = /* @__PURE__ */ jsx(DateInputFormInputs, { names });
-	if (!asChild) return /* @__PURE__ */ jsxs(Fragment$1, { children: [children, hiddenInputs] });
-	const child = Children.only(children);
-	return cloneElement(child, {}, child.props.children, hiddenInputs);
+    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, names?.length ?? 0, 1);
-	return /* @__PURE__ */ jsx(Fragment$1, { children: Array.from({ length: inputCount }, (_, index) => /* @__PURE__ */ jsx(DateInput.HiddenInput, {
-		index,
-		name: names?.[index],
-		"data-slot": "date-input-hidden-input"
-	}, index)) });
+    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,
-		className: clsx(DateInput_module_default.separator, normalizeClassName(className)),
-		...props
-	});
+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
+    });
 }
-const DateInput$1 = Object.assign(DateInputRoot, {
-	Root: DateInputRoot,
-	RootProvider: DateInputRootProvider,
-	Label: DateInputLabel,
-	Control: DateInputControl,
-	SegmentGroup: DateInputSegmentGroup,
-	Segment: DateInputSegment,
-	Segments: DateInputSegments,
-	Separator: DateInputSeparator,
-	Context: DateInput.Context,
-	SegmentContext: DateInput.SegmentContext
+const DateInput_DateInput = Object.assign(DateInput_DateInputRoot, {
+    Root: DateInput_DateInputRoot,
+    RootProvider: DateInput_DateInputRootProvider,
+    Label: DateInput_DateInputLabel,
+    Control: DateInput_DateInputControl,
+    SegmentGroup: DateInput_DateInputSegmentGroup,
+    Segment: DateInput_DateInputSegment,
+    Segments: DateInput_DateInputSegments,
+    Separator: DateInputSeparator,
+    Context: DateInput.Context,
+    SegmentContext: DateInput.SegmentContext
 });
-//#endregion
-export { DateInput$1 as DateInput, useDateInput, useDateInputContext };
+export { DateInput_DateInput as DateInput, useDateInput, useDateInputContext };

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

@@ -1,12 +1,10 @@
-import './DateInput.css';
-//#region src/components/date-input/DateInput.module.css
-var DateInput_module_default = {
-	"control": "X3ODua_control",
-	"label": "X3ODua_label",
-	"root": "X3ODua_root",
-	"segment": "X3ODua_segment",
-	"segmentGroup": "X3ODua_segmentGroup",
-	"separator": "X3ODua_separator"
+import "./DateInput_module.css";
+const DateInput_module = {
+    root: "root-VBGo79",
+    label: "label-Ue9mjP",
+    control: "control-FLNidn",
+    segmentGroup: "segmentGroup-u0LZjm",
+    segment: "segment-AyTFWd",
+    separator: "separator-fhVfZG"
 };
-//#endregion
-export { DateInput_module_default as default };
+export default DateInput_module;

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

@@ -0,0 +1,110 @@
+@layer moduix.components {
+  .root-VBGo79 {
+    align-items: flex-start;
+    gap: var(--moduix-date-input-gap, var(--moduix-spacing-1));
+    width: var(--moduix-date-input-width, 100%);
+    max-width: var(--moduix-date-input-max-width, none);
+    flex-direction: column;
+    display: inline-flex;
+  }
+
+  .root-VBGo79[data-disabled] {
+    opacity: var(--moduix-date-input-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .label-Ue9mjP {
+    color: var(--moduix-date-input-label-color, var(--moduix-color-foreground));
+    font-size: var(--moduix-date-input-label-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-date-input-label-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-date-input-label-line-height, var(--moduix-line-height-text-sm));
+  }
+
+  .control-FLNidn {
+    box-sizing: border-box;
+    width: var(--moduix-date-input-control-width, 100%);
+    min-height: var(--moduix-date-input-control-height, var(--moduix-size-md));
+    border: var(--moduix-date-input-border-width, var(--moduix-border-width-sm))
+      var(--moduix-date-input-border-style, solid)
+      var(--moduix-date-input-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-date-input-radius, var(--moduix-radius-md));
+    padding: var(--moduix-date-input-padding-y, var(--moduix-spacing-1))
+      var(--moduix-date-input-padding-x, var(--moduix-spacing-3));
+    background-color: var(--moduix-date-input-bg, var(--moduix-color-background));
+    color: var(--moduix-date-input-color, var(--moduix-color-foreground));
+    outline: var(--moduix-date-input-focus-ring-width, var(--moduix-date-input-border-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))))
+      solid transparent;
+    outline-offset: var(--moduix-date-input-focus-ring-offset, var(--moduix-focus-ring-inset-offset));
+    transition: border-color var(--moduix-date-input-transition, var(--moduix-transition-default)),
+      outline-color var(--moduix-date-input-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-date-input-transition, var(--moduix-transition-default));
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .control-FLNidn:focus-within, .control-FLNidn[data-focus] {
+    outline-color: var(--moduix-date-input-focus-ring-color, var(--moduix-color-ring));
+  }
+
+  .control-FLNidn[data-invalid] {
+    border-color: var(--moduix-date-input-border-color-invalid, var(--moduix-color-destructive));
+  }
+
+  .control-FLNidn[data-invalid]:focus-within, .control-FLNidn[data-invalid][data-focus] {
+    outline-color: var(--moduix-date-input-border-color-invalid, var(--moduix-color-destructive));
+  }
+
+  .control-FLNidn[data-disabled] {
+    pointer-events: none;
+  }
+
+  .segmentGroup-u0LZjm {
+    align-items: center;
+    gap: var(--moduix-date-input-segment-gap, var(--moduix-border-width-md));
+    font-variant-numeric: tabular-nums;
+    display: inline-flex;
+  }
+
+  .segment-AyTFWd {
+    min-width: var(--moduix-date-input-segment-min-width, 2ch);
+    border-radius: var(--moduix-date-input-segment-radius, var(--moduix-radius-sm));
+    padding: var(--moduix-date-input-segment-padding-y, 0)
+      var(--moduix-date-input-segment-padding-x, var(--moduix-spacing-1));
+    color: var(--moduix-date-input-segment-color, currentColor);
+    font: inherit;
+    line-height: var(--moduix-date-input-segment-line-height, var(--moduix-line-height-text-md));
+    text-align: center;
+    cursor: text;
+    transition: background-color var(--moduix-date-input-transition, var(--moduix-transition-default)),
+      color var(--moduix-date-input-transition, var(--moduix-transition-default));
+    outline: 0;
+  }
+
+  .segment-AyTFWd[data-placeholder-shown] {
+    color: var(--moduix-date-input-placeholder-color, var(--moduix-color-muted-foreground));
+  }
+
+  .segment-AyTFWd:focus-visible {
+    background-color: var(--moduix-date-input-segment-bg-focus, color-mix(in oklab, var(--moduix-color-ring) 18%, transparent));
+    color: var(--moduix-date-input-segment-color-focus, var(--moduix-color-foreground));
+  }
+
+  .segment-AyTFWd:is([data-readonly], [data-disabled]) {
+    cursor: default;
+  }
+
+  .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;
+    padding-inline: 0;
+  }
+
+  .separator-fhVfZG {
+    color: var(--moduix-date-input-separator-color, var(--moduix-color-muted-foreground));
+    -webkit-user-select: none;
+    user-select: none;
+  }
+}
+

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

@@ -1,2 +1 @@
-import { DateInput, DateInputDateValue, useDateInput, useDateInputContext } from "./DateInput.js";
-export { DateInput, type DateInputDateValue, useDateInput, useDateInputContext };
+export * from './DateInput.js';

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

@@ -0,0 +1 @@
+export * from "./DateInput.js";

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

@@ -1,67 +1,66 @@
-import { OverlayPortalProps } from "../../lib/moduix/overlayPortal.js";
-import { ComponentProps } from "react";
-import { DatePicker, UseDatePickerReturn, useDatePicker, useDatePickerContext } from "@ark-ui/react/date-picker";
-
-//#region src/components/date-picker/DatePicker.d.ts
-type DatePickerRootProps = ComponentProps<typeof DatePicker.Root> & OverlayPortalProps;
-type DatePickerRootProviderProps = ComponentProps<typeof DatePicker.RootProvider> & OverlayPortalProps;
-type DatePickerFieldProps = ComponentProps<typeof DatePicker.Control> & {
-  clearLabel?: string;
-  clearTriggerProps?: ComponentProps<typeof DatePicker.ClearTrigger>;
-  inputProps?: ComponentProps<typeof DatePicker.Input>;
-  placeholder?: ComponentProps<typeof DatePicker.Input>['placeholder'];
-  triggerLabel?: string;
-  triggerProps?: ComponentProps<typeof DatePicker.Trigger>;
+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';
+type DatePickerRootProps = ComponentProps<typeof DatePickerPrimitive.Root> & OverlayPortalProps;
+type DatePickerRootProviderProps = ComponentProps<typeof DatePickerPrimitive.RootProvider> & OverlayPortalProps;
+type DatePickerFieldProps = ComponentProps<typeof DatePickerPrimitive.Control> & {
+    clearLabel?: string;
+    clearTriggerProps?: ComponentProps<typeof DatePickerPrimitive.ClearTrigger>;
+    inputProps?: ComponentProps<typeof DatePickerPrimitive.Input>;
+    placeholder?: ComponentProps<typeof DatePickerPrimitive.Input>['placeholder'];
+    triggerLabel?: string;
+    triggerProps?: ComponentProps<typeof DatePickerPrimitive.Trigger>;
 };
-type DatePickerRangeFieldProps = ComponentProps<typeof DatePicker.Control> & {
-  clearLabel?: string;
-  clearTriggerProps?: ComponentProps<typeof DatePicker.ClearTrigger>;
-  endInputProps?: ComponentProps<typeof DatePicker.Input>;
-  endPlaceholder?: ComponentProps<typeof DatePicker.Input>['placeholder'];
-  startInputProps?: ComponentProps<typeof DatePicker.Input>;
-  startPlaceholder?: ComponentProps<typeof DatePicker.Input>['placeholder'];
-  triggerLabel?: string;
-  triggerProps?: ComponentProps<typeof DatePicker.Trigger>;
+type DatePickerRangeFieldProps = ComponentProps<typeof DatePickerPrimitive.Control> & {
+    clearLabel?: string;
+    clearTriggerProps?: ComponentProps<typeof DatePickerPrimitive.ClearTrigger>;
+    endInputProps?: ComponentProps<typeof DatePickerPrimitive.Input>;
+    endPlaceholder?: ComponentProps<typeof DatePickerPrimitive.Input>['placeholder'];
+    startInputProps?: ComponentProps<typeof DatePickerPrimitive.Input>;
+    startPlaceholder?: ComponentProps<typeof DatePickerPrimitive.Input>['placeholder'];
+    triggerLabel?: string;
+    triggerProps?: ComponentProps<typeof DatePickerPrimitive.Trigger>;
 };
 type DatePickerOffset = ReturnType<UseDatePickerReturn['getOffset']>;
-type DatePickerDayTableProps = ComponentProps<typeof DatePicker.Table> & {
-  offset?: DatePickerOffset;
-  showHeader?: boolean;
-  showWeekNumbers?: boolean;
+type DatePickerDayTableProps = ComponentProps<typeof DatePickerPrimitive.Table> & {
+    offset?: DatePickerOffset;
+    showHeader?: boolean;
+    showWeekNumbers?: boolean;
 };
-declare const DatePicker$1: import("react").ForwardRefExoticComponent<Omit<DatePickerRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<DatePickerRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<DatePickerRootProviderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Context: (props: DatePicker.ContextProps) => import("react").ReactNode;
-  Label: import("react").ForwardRefExoticComponent<Omit<DatePicker.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
-  Control: import("react").ForwardRefExoticComponent<Omit<DatePicker.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Field: import("react").ForwardRefExoticComponent<Omit<DatePickerFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RangeField: import("react").ForwardRefExoticComponent<Omit<DatePickerRangeFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Input: import("react").ForwardRefExoticComponent<Omit<DatePicker.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-  Trigger: import("react").ForwardRefExoticComponent<Omit<DatePicker.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  ClearTrigger: import("react").ForwardRefExoticComponent<Omit<DatePicker.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Positioner: import("react").ForwardRefExoticComponent<Omit<DatePicker.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Content: import("react").ForwardRefExoticComponent<Omit<DatePicker.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  View: import("react").ForwardRefExoticComponent<Omit<DatePicker.ViewProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ViewControl: import("react").ForwardRefExoticComponent<Omit<DatePicker.ViewControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  PrevTrigger: import("react").ForwardRefExoticComponent<Omit<DatePicker.PrevTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  NextTrigger: import("react").ForwardRefExoticComponent<Omit<DatePicker.NextTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  ViewTrigger: import("react").ForwardRefExoticComponent<Omit<DatePicker.ViewTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  RangeText: import("react").ForwardRefExoticComponent<Omit<DatePicker.RangeTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ValueText: import("react").ForwardRefExoticComponent<Omit<DatePicker.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  Table: import("react").ForwardRefExoticComponent<Omit<DatePicker.TableProps & import("react").RefAttributes<HTMLTableElement>, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
-  TableHead: import("react").ForwardRefExoticComponent<Omit<DatePicker.TableHeadProps & import("react").RefAttributes<HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
-  TableBody: import("react").ForwardRefExoticComponent<Omit<DatePicker.TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
-  TableRow: import("react").ForwardRefExoticComponent<Omit<DatePicker.TableRowProps & import("react").RefAttributes<HTMLTableRowElement>, "ref"> & import("react").RefAttributes<HTMLTableRowElement>>;
-  TableHeader: import("react").ForwardRefExoticComponent<Omit<DatePicker.TableHeaderProps & import("react").RefAttributes<HTMLTableCellElement>, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
-  TableCell: import("react").ForwardRefExoticComponent<Omit<DatePicker.TableCellProps & import("react").RefAttributes<HTMLTableCellElement>, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
-  TableCellTrigger: import("react").ForwardRefExoticComponent<Omit<DatePicker.TableCellTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  DayTable: import("react").ForwardRefExoticComponent<Omit<DatePickerDayTableProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
-  WeekNumberHeaderCell: import("react").ForwardRefExoticComponent<Omit<DatePicker.WeekNumberHeaderCellProps & import("react").RefAttributes<HTMLTableCellElement>, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
-  WeekNumberCell: import("react").ForwardRefExoticComponent<Omit<DatePicker.WeekNumberCellProps & import("react").RefAttributes<HTMLTableCellElement>, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
-  MonthSelect: import("react").ForwardRefExoticComponent<Omit<DatePicker.MonthSelectProps & import("react").RefAttributes<HTMLSelectElement>, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
-  YearSelect: import("react").ForwardRefExoticComponent<Omit<DatePicker.YearSelectProps & import("react").RefAttributes<HTMLSelectElement>, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
-  PresetTrigger: import("react").ForwardRefExoticComponent<Omit<DatePicker.PresetTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<DatePickerRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<DatePickerRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<DatePickerRootProviderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: DatePickerPrimitive.ContextProps) => import("react").ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Field: import("react").ForwardRefExoticComponent<Omit<DatePickerFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RangeField: import("react").ForwardRefExoticComponent<Omit<DatePickerRangeFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ClearTrigger: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    View: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.ViewProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ViewControl: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.ViewControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    PrevTrigger: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.PrevTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    NextTrigger: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.NextTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ViewTrigger: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.ViewTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    RangeText: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.RangeTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ValueText: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Table: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TableProps & import("react").RefAttributes<HTMLTableElement>, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
+    TableHead: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TableHeadProps & import("react").RefAttributes<HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+    TableBody: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+    TableRow: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TableRowProps & import("react").RefAttributes<HTMLTableRowElement>, "ref"> & import("react").RefAttributes<HTMLTableRowElement>>;
+    TableHeader: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TableHeaderProps & import("react").RefAttributes<HTMLTableCellElement>, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
+    TableCell: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TableCellProps & import("react").RefAttributes<HTMLTableCellElement>, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
+    TableCellTrigger: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TableCellTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    DayTable: import("react").ForwardRefExoticComponent<Omit<DatePickerDayTableProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
+    WeekNumberHeaderCell: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.WeekNumberHeaderCellProps & import("react").RefAttributes<HTMLTableCellElement>, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
+    WeekNumberCell: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.WeekNumberCellProps & import("react").RefAttributes<HTMLTableCellElement>, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
+    MonthSelect: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.MonthSelectProps & import("react").RefAttributes<HTMLSelectElement>, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+    YearSelect: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.YearSelectProps & import("react").RefAttributes<HTMLSelectElement>, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+    PresetTrigger: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.PresetTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 };
-//#endregion
-export { DatePicker$1 as DatePicker, type DatePickerDayTableProps, type DatePickerFieldProps, type DatePickerRangeFieldProps, type DatePickerRootProps, type DatePickerRootProviderProps, useDatePicker, useDatePickerContext };
+export { DatePicker, useDatePicker, useDatePickerContext };
+export type { DatePickerDayTableProps, DatePickerFieldProps, DatePickerRangeFieldProps, DatePickerRootProps, DatePickerRootProviderProps, };