@moduix/react 1.1.0

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

@@ -0,0 +1,83 @@
+import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import DateInput_module_default from "./DateInput.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { DateInput } from "@ark-ui/react/date-input";
+//#region src/components/date-input/DateInput.tsx
+const DateInputRoot = forwardRef(function DateInputRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(DateInput.Root, {
+		ref,
+		"data-slot": "date-input-root",
+		className: clsx(DateInput_module_default.root, normalizeClassName(className)),
+		...props
+	});
+});
+const DateInputRootProvider = forwardRef(function DateInputRootProvider({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(DateInput.RootProvider, {
+		ref,
+		"data-slot": "date-input-root-provider",
+		className: clsx(DateInput_module_default.root, normalizeClassName(className)),
+		...props
+	});
+});
+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 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 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 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 DateInputHiddenInput = forwardRef(function DateInputHiddenInput(props, ref) {
+	return /* @__PURE__ */ jsx(DateInput.HiddenInput, {
+		ref,
+		"data-slot": "date-input-hidden-input",
+		...props
+	});
+});
+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
+	});
+}
+const DateInput$1 = Object.assign(DateInputRoot, {
+	Root: DateInputRoot,
+	RootProvider: DateInputRootProvider,
+	Label: DateInputLabel,
+	Control: DateInputControl,
+	SegmentGroup: DateInputSegmentGroup,
+	Segment: DateInputSegment,
+	HiddenInput: DateInputHiddenInput,
+	Separator: DateInputSeparator
+});
+//#endregion
+export { DateInput$1 as DateInput };

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

@@ -0,0 +1,12 @@
+import './DateInput.css';
+//#region src/components/date-input/DateInput.module.css
+var DateInput_module_default = {
+	"control": "B0AkVa_control",
+	"label": "B0AkVa_label",
+	"root": "B0AkVa_root",
+	"segment": "B0AkVa_segment",
+	"segmentGroup": "B0AkVa_segmentGroup",
+	"separator": "B0AkVa_separator"
+};
+//#endregion
+export { DateInput_module_default as default };

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

@@ -0,0 +1,2 @@
+import { DateInput } from "./DateInput.js";
+export { DateInput };

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

@@ -0,0 +1,420 @@
+@layer ui.components {
+  @keyframes Nbvdda_date-picker-content-open {
+    from {
+      opacity: var(--date-picker-content-closed-opacity, 0);
+      transform: scale(var(--date-picker-content-closed-scale, var(--scale-popup)));
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  @keyframes Nbvdda_date-picker-content-closed {
+    from {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    to {
+      opacity: var(--date-picker-content-closed-opacity, 0);
+      transform: scale(var(--date-picker-content-closed-scale, var(--scale-popup)));
+    }
+  }
+
+  .Nbvdda_root {
+    box-sizing: border-box;
+    width: var(--date-picker-width, 18.75rem);
+    max-width: var(--date-picker-max-width, 100%);
+    align-items: flex-start;
+    gap: var(--date-picker-root-gap, var(--spacing-1));
+    color: var(--date-picker-color, var(--color-foreground));
+    flex-direction: column;
+    display: inline-flex;
+
+    &:is([data-disabled], [data-readonly]) {
+      opacity: var(--date-picker-disabled-opacity, var(--opacity-disabled));
+    }
+  }
+
+  .Nbvdda_label {
+    color: var(--date-picker-label-color, var(--date-picker-color, var(--color-foreground)));
+    font-size: var(--date-picker-label-font-size, var(--text-sm));
+    font-weight: var(--date-picker-label-font-weight, var(--weight-medium));
+    line-height: var(--date-picker-label-line-height, var(--line-height-text-sm));
+    user-select: none;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .Nbvdda_control {
+    align-items: center;
+    gap: var(--date-picker-input-gap, var(--spacing-2));
+    width: 100%;
+    min-width: 0;
+    color: var(--date-picker-color, var(--color-foreground));
+    display: flex;
+    position: relative;
+  }
+
+  .Nbvdda_input {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: min(var(--date-picker-input-min-width, 7.5rem), 100%);
+    height: var(--date-picker-control-height, var(--size-lg));
+    border: var(--date-picker-border-width, var(--border-width-sm)) solid
+      var(--date-picker-border-color, var(--color-border));
+    border-radius: var(--date-picker-radius, var(--radius-md));
+    padding-block: var(--date-picker-input-padding-y, .5rem);
+    padding-inline: var(--date-picker-input-padding-x-start, .875rem)
+      var(--date-picker-input-padding-x-end, 4.25rem);
+    background-color: var(--date-picker-bg, var(--color-background));
+    color: inherit;
+    font: inherit;
+    font-size: var(--date-picker-font-size, var(--text-md));
+    line-height: var(--date-picker-line-height, var(--line-height-text-md));
+    outline: var(--date-picker-focus-ring-width, var(--border-width-sm)) solid transparent;
+    outline-offset: calc(var(--date-picker-focus-ring-width, var(--border-width-sm)) * -1);
+    transition: background-color var(--date-picker-transition, var(--transition-default)),
+      border-color var(--date-picker-transition, var(--transition-default)),
+      color var(--date-picker-transition, var(--transition-default)),
+      outline-color var(--date-picker-transition, var(--transition-default)),
+      opacity var(--date-picker-transition, var(--transition-default));
+    flex: 1 1 0;
+    margin: 0;
+
+    &::placeholder {
+      color: var(--date-picker-placeholder-color, var(--color-muted-foreground));
+      opacity: 1;
+    }
+
+    &:focus, .Nbvdda_control[data-focus] & {
+      border-color: var(--date-picker-focus-ring-color, var(--color-ring));
+      outline-color: var(--date-picker-focus-ring-color, var(--color-ring));
+    }
+
+    &:is([data-invalid], [aria-invalid="true"]), .Nbvdda_control[data-invalid] & {
+      border-color: var(--date-picker-invalid-color, var(--color-destructive));
+      outline-color: var(--date-picker-invalid-color, var(--color-destructive));
+    }
+
+    &:is([disabled], [data-disabled], [readonly], [data-readonly]) {
+      cursor: default;
+    }
+
+    .Nbvdda_control:not([data-disabled], [data-readonly]) & {
+      @media (hover: hover) {
+        &:hover {
+          background-color: var(--date-picker-bg-hover, var(--color-accent));
+        }
+      }
+    }
+  }
+
+  .Nbvdda_control:has(.Nbvdda_input + .Nbvdda_input) .Nbvdda_input {
+    min-width: min(var(--date-picker-range-input-min-width, 7.5rem), 100%);
+    padding-inline-end: var(--date-picker-input-padding-x-start, .875rem);
+  }
+
+  .Nbvdda_control:has(.Nbvdda_input + .Nbvdda_input) .Nbvdda_input:last-of-type {
+    padding-inline-end: var(--date-picker-input-padding-x-end, 4.25rem);
+  }
+
+  .Nbvdda_trigger, .Nbvdda_navTrigger, .Nbvdda_viewTrigger, .Nbvdda_clearTrigger, .Nbvdda_presetTrigger {
+    box-sizing: border-box;
+    border-radius: var(--date-picker-action-radius, var(--radius-sm));
+    background: var(--date-picker-action-bg, transparent);
+    color: var(--date-picker-icon-color, var(--color-muted-foreground));
+    font: inherit;
+    outline: var(--date-picker-action-focus-ring-width, var(--border-width-sm)) solid transparent;
+    outline-offset: var(--date-picker-action-focus-ring-offset, 0);
+    cursor: pointer;
+    transition: background-color var(--date-picker-transition, var(--transition-default)),
+      color var(--date-picker-transition, var(--transition-default)),
+      outline-color var(--date-picker-transition, var(--transition-default)),
+      opacity var(--date-picker-transition, var(--transition-default));
+    border: 0;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    padding: 0;
+    line-height: 0;
+    display: inline-flex;
+
+    & > svg {
+      width: var(--date-picker-icon-size, 1rem);
+      height: var(--date-picker-icon-size, 1rem);
+      display: block;
+    }
+
+    &:is(:focus-visible, [data-focus]) {
+      outline-color: var(--date-picker-focus-ring-color, var(--color-ring));
+    }
+
+    &:is([disabled], [data-disabled]) {
+      cursor: default;
+      opacity: var(--date-picker-disabled-opacity, var(--opacity-disabled));
+    }
+
+    &[hidden] {
+      display: none;
+    }
+
+    &:not(:is([disabled], [data-disabled])) {
+      @media (hover: hover) {
+        &:hover {
+          background-color: var(--date-picker-action-bg-hover, var(--color-muted));
+          color: var(--date-picker-action-color-hover, var(--color-foreground));
+        }
+      }
+    }
+  }
+
+  .Nbvdda_trigger, .Nbvdda_clearTrigger {
+    width: var(--date-picker-action-size, 1.5rem);
+    height: var(--date-picker-action-size, 1.5rem);
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .Nbvdda_trigger {
+    right: var(--date-picker-trigger-offset-right, .5rem);
+  }
+
+  .Nbvdda_clearTrigger {
+    right: calc(var(--date-picker-trigger-offset-right, .5rem) + var(--date-picker-action-size, 1.5rem) +
+        var(--date-picker-action-gap, .125rem));
+  }
+
+  .Nbvdda_positioner {
+    z-index: var(--z-index);
+    outline: 0;
+  }
+
+  .Nbvdda_content {
+    box-sizing: border-box;
+    z-index: calc(var(--z-popup) + var(--layer-index, 0));
+    width: min(var(--date-picker-content-width, 18.75rem), var(--available-width));
+    min-width: min(var(--date-picker-content-min-width, 18.75rem), var(--available-width));
+    max-width: min(var(--date-picker-content-max-width, calc(100vw - 2rem)),
+      var(--available-width));
+    max-height: min(var(--date-picker-content-max-height, 32rem), var(--available-height));
+    border: var(--date-picker-content-border-width, var(--border-width-sm)) solid
+      var(--date-picker-content-border-color, var(--color-border));
+    border-radius: var(--date-picker-content-radius, var(--radius-md));
+    padding: var(--date-picker-content-padding, var(--spacing-3));
+    background-color: var(--date-picker-content-bg, var(--color-popover));
+    box-shadow: var(--date-picker-content-shadow, var(--shadow-lg));
+    color: var(--date-picker-content-color, var(--color-popover-foreground));
+    transform-origin: var(--transform-origin);
+    overscroll-behavior: contain;
+    outline: 0;
+    overflow: auto;
+
+    &[data-state="open"] {
+      animation: Nbvdda_date-picker-content-open var(--date-picker-transition, var(--transition-default));
+    }
+
+    &[data-state="closed"] {
+      animation: Nbvdda_date-picker-content-closed var(--date-picker-transition, var(--transition-default));
+      pointer-events: none;
+    }
+  }
+
+  .Nbvdda_root[data-inline] .Nbvdda_content {
+    min-width: var(--date-picker-inline-content-min-width, 18rem);
+    max-height: none;
+    box-shadow: var(--date-picker-inline-content-shadow, none);
+  }
+
+  .Nbvdda_view {
+    gap: var(--date-picker-view-gap, var(--spacing-3));
+    display: grid;
+  }
+
+  .Nbvdda_viewControl {
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--date-picker-view-control-gap, var(--spacing-2));
+    min-width: 0;
+    display: flex;
+  }
+
+  .Nbvdda_navTrigger {
+    width: var(--date-picker-nav-trigger-size, 2rem);
+    height: var(--date-picker-nav-trigger-size, 2rem);
+  }
+
+  .Nbvdda_viewTrigger {
+    min-width: 0;
+    min-height: var(--date-picker-view-trigger-height, 2rem);
+    gap: var(--date-picker-view-trigger-gap, var(--spacing-2));
+    padding-inline: var(--date-picker-view-trigger-padding-x, var(--spacing-2));
+    color: var(--date-picker-view-trigger-color, var(--color-foreground));
+    font-size: var(--date-picker-view-trigger-font-size, var(--text-sm));
+    font-weight: var(--date-picker-view-trigger-font-weight, var(--weight-medium));
+    line-height: var(--date-picker-view-trigger-line-height, var(--line-height-text-sm));
+    flex: 1;
+  }
+
+  .Nbvdda_rangeText, .Nbvdda_valueText {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .Nbvdda_table {
+    border-collapse: separate;
+    width: 100%;
+    border-spacing: var(--date-picker-table-cell-gap, .125rem);
+    table-layout: fixed;
+  }
+
+  .Nbvdda_tableHeader, .Nbvdda_weekNumberCell {
+    width: var(--date-picker-table-cell-size, 2.25rem);
+    height: var(--date-picker-table-header-height, 1.75rem);
+    color: var(--date-picker-table-header-color, var(--color-muted-foreground));
+    font-size: var(--date-picker-table-header-font-size, var(--text-xs));
+    font-weight: var(--date-picker-table-header-font-weight, var(--weight-medium));
+    line-height: var(--date-picker-table-header-line-height, var(--line-height-text-xs));
+    text-align: center;
+  }
+
+  .Nbvdda_tableCell {
+    width: var(--date-picker-table-cell-size, 2.25rem);
+    height: var(--date-picker-table-cell-size, 2.25rem);
+    text-align: center;
+    padding: 0;
+  }
+
+  .Nbvdda_weekNumberCell {
+    color: var(--date-picker-week-number-color, var(--color-muted-foreground));
+    font-variant-numeric: tabular-nums;
+  }
+
+  .Nbvdda_tableCellTrigger {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: var(--date-picker-table-cell-size, 2.25rem);
+    height: var(--date-picker-table-cell-size, 2.25rem);
+    border: var(--date-picker-table-cell-border-width, 0) solid
+      var(--date-picker-table-cell-border-color, transparent);
+    border-radius: var(--date-picker-table-cell-radius, var(--radius-sm));
+    background: var(--date-picker-table-cell-bg, transparent);
+    color: var(--date-picker-table-cell-color, var(--date-picker-content-color, var(--color-foreground)));
+    font: inherit;
+    font-size: var(--date-picker-table-cell-font-size, var(--text-sm));
+    line-height: var(--date-picker-table-cell-line-height, var(--line-height-text-sm));
+    outline: var(--date-picker-table-cell-focus-ring-width, var(--border-width-sm)) solid
+      transparent;
+    outline-offset: calc(var(--date-picker-table-cell-focus-ring-width, var(--border-width-sm)) * -1);
+    cursor: pointer;
+    transition: background-color var(--date-picker-transition, var(--transition-default)),
+      border-color var(--date-picker-transition, var(--transition-default)),
+      color var(--date-picker-transition, var(--transition-default)),
+      outline-color var(--date-picker-transition, var(--transition-default)),
+      opacity var(--date-picker-transition, var(--transition-default));
+    justify-content: center;
+    align-items: center;
+    padding: 0;
+    display: inline-flex;
+
+    &:is(:focus-visible, [data-focus]) {
+      outline-color: var(--date-picker-table-cell-focus-ring-color, var(--color-ring));
+    }
+
+    &[data-today] {
+      border-color: var(--date-picker-table-cell-today-border-color, var(--color-ring));
+      color: var(--date-picker-table-cell-today-color, var(--date-picker-table-cell-color, var(--color-foreground)));
+    }
+
+    &:is([data-in-range], [data-in-hover-range]) {
+      background-color: var(--date-picker-table-cell-range-bg, var(--color-muted));
+      color: var(--date-picker-table-cell-range-color, var(--color-foreground));
+    }
+
+    &[data-selected] {
+      background-color: var(--date-picker-table-cell-selected-bg, var(--color-primary));
+      color: var(--date-picker-table-cell-selected-color, var(--color-primary-foreground));
+    }
+
+    &:is([data-outside-range], [data-unavailable]) {
+      color: var(--date-picker-table-cell-muted-color, var(--color-muted-foreground));
+    }
+
+    &:is([data-disabled], [disabled]) {
+      cursor: default;
+      opacity: var(--date-picker-disabled-opacity, var(--opacity-disabled));
+    }
+
+    &:not(:is([data-disabled], [disabled], [data-selected])) {
+      @media (hover: hover) {
+        &:hover {
+          background-color: var(--date-picker-table-cell-bg-hover, var(--color-accent));
+          color: var(--date-picker-table-cell-color-hover, var(--color-accent-foreground));
+        }
+      }
+    }
+  }
+
+  .Nbvdda_select {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 0;
+    min-height: var(--date-picker-select-height, 2rem);
+    border: var(--date-picker-select-border-width, var(--border-width-sm)) solid
+      var(--date-picker-select-border-color, var(--color-border));
+    border-radius: var(--date-picker-select-radius, var(--radius-sm));
+    padding-block: var(--date-picker-select-padding-y, .25rem);
+    padding-inline: var(--date-picker-select-padding-x, var(--spacing-2));
+    background-color: var(--date-picker-select-bg, var(--color-background));
+    color: var(--date-picker-select-color, var(--color-foreground));
+    font: inherit;
+    font-size: var(--date-picker-select-font-size, var(--text-sm));
+    line-height: var(--date-picker-select-line-height, var(--line-height-text-sm));
+    outline: var(--date-picker-select-focus-ring-width, var(--border-width-sm)) solid transparent;
+    outline-offset: calc(var(--date-picker-select-focus-ring-width, var(--border-width-sm)) * -1);
+    cursor: pointer;
+    transition: background-color var(--date-picker-transition, var(--transition-default)),
+      border-color var(--date-picker-transition, var(--transition-default)),
+      outline-color var(--date-picker-transition, var(--transition-default));
+    flex: 1 1 0;
+
+    &:focus {
+      border-color: var(--date-picker-focus-ring-color, var(--color-ring));
+      outline-color: var(--date-picker-focus-ring-color, var(--color-ring));
+    }
+
+    @media (hover: hover) {
+      &:hover {
+        background-color: var(--date-picker-select-bg-hover, var(--color-accent));
+      }
+    }
+  }
+
+  .Nbvdda_presetTrigger {
+    min-height: var(--date-picker-preset-trigger-height, 2rem);
+    padding-inline: var(--date-picker-preset-trigger-padding-x, var(--spacing-2));
+    background-color: var(--date-picker-preset-trigger-bg, var(--color-muted));
+    color: var(--date-picker-preset-trigger-color, var(--color-foreground));
+    font-size: var(--date-picker-preset-trigger-font-size, var(--text-sm));
+    line-height: var(--date-picker-preset-trigger-line-height, var(--line-height-text-sm));
+
+    &:not(:is([disabled], [data-disabled], [data-selected])) {
+      @media (hover: hover) {
+        &:hover {
+          background-color: var(--date-picker-preset-trigger-bg-hover, var(--color-accent));
+        }
+      }
+    }
+
+    &[data-selected] {
+      background-color: var(--date-picker-preset-trigger-selected-bg, var(--color-primary));
+      color: var(--date-picker-preset-trigger-selected-color, var(--color-primary-foreground));
+    }
+  }
+}

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

@@ -0,0 +1,39 @@
+import { OverlayPortalProps } from "../../lib/moduix/overlayPortal.js";
+import { ComponentProps } from "react";
+import { DatePicker } 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;
+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>>;
+  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>>;
+  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>>;
+  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>>;
+};
+//#endregion
+export { DatePicker$1 as DatePicker, type DatePickerRootProps, type DatePickerRootProviderProps };