@ark-ui/react 1.3.0 → 2.0.1

package/combobox/index.mjs

@@ -1,33 +1,16 @@
-'use client';
-import { Combobox as Combobox$1 } from './combobox.mjs';
-import { ComboboxClearTrigger } from './combobox-clear-trigger.mjs';
-import { ComboboxContent } from './combobox-content.mjs';
+export { ComboboxClearTrigger } from './combobox-clear-trigger.mjs';
+export { ComboboxContent } from './combobox-content.mjs';
 export { useComboboxContext } from './combobox-context.mjs';
-import { ComboboxControl } from './combobox-control.mjs';
-import { ComboboxInput } from './combobox-input.mjs';
-import { ComboboxItem } from './combobox-item.mjs';
-import { ComboboxItemGroup } from './combobox-item-group.mjs';
-import { ComboboxItemGroupLabel } from './combobox-item-group-label.mjs';
-import { ComboboxItemIndicator } from './combobox-item-indicator.mjs';
-import { ComboboxItemText } from './combobox-item-text.mjs';
-import { ComboboxLabel } from './combobox-label.mjs';
-import { ComboboxPositioner } from './combobox-positioner.mjs';
-import { ComboboxTrigger } from './combobox-trigger.mjs';
-
-const Combobox = Object.assign(Combobox$1, {
-  Root: Combobox$1,
-  ClearTrigger: ComboboxClearTrigger,
-  Content: ComboboxContent,
-  Control: ComboboxControl,
-  Input: ComboboxInput,
-  Item: ComboboxItem,
-  ItemGroup: ComboboxItemGroup,
-  ItemGroupLabel: ComboboxItemGroupLabel,
-  ItemIndicator: ComboboxItemIndicator,
-  ItemText: ComboboxItemText,
-  Label: ComboboxLabel,
-  Positioner: ComboboxPositioner,
-  Trigger: ComboboxTrigger
-});
-
-export { Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxTrigger };
+export { ComboboxControl } from './combobox-control.mjs';
+export { ComboboxInput } from './combobox-input.mjs';
+export { ComboboxItem } from './combobox-item.mjs';
+export { ComboboxItemGroup } from './combobox-item-group.mjs';
+export { ComboboxItemGroupLabel } from './combobox-item-group-label.mjs';
+export { ComboboxItemIndicator } from './combobox-item-indicator.mjs';
+export { ComboboxItemText } from './combobox-item-text.mjs';
+export { ComboboxLabel } from './combobox-label.mjs';
+export { ComboboxPositioner } from './combobox-positioner.mjs';
+export { ComboboxRoot } from './combobox-root.mjs';
+export { ComboboxTrigger } from './combobox-trigger.mjs';
+import * as combobox from './combobox.mjs';
+export { combobox as Combobox };

package/combobox/use-combobox.cjs

@@ -7,9 +7,8 @@ const combobox = require('@zag-js/combobox');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const createSplitProps = require('../create-split-props.cjs');
-require('../environment/index.cjs');
-const useEvent = require('../use-event.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
+const useEvent = require('../use-event.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });

package/combobox/use-combobox.mjs

@@ -3,9 +3,8 @@ import * as combobox from '@zag-js/combobox';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { useMemo, useId } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
-import '../environment/index.mjs';
-import { useEvent } from '../use-event.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
+import { useEvent } from '../use-event.mjs';
 
 const useCombobox = (props) => {
   const [collectionOptions, comboboxProps] = createSplitProps()(props, [

package/date-picker/date-picker-content.cjs

@@ -7,9 +7,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
-require('../presence/index.cjs');
-const datePickerContext = require('./date-picker-context.cjs');
 const presenceContext = require('../presence/presence-context.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
 
 const DatePickerContent = react.forwardRef(
   (props, ref) => {

package/date-picker/date-picker-content.mjs

@@ -3,9 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import '../presence/index.mjs';
-import { useDatePickerContext } from './date-picker-context.mjs';
 import { usePresenceContext } from '../presence/presence-context.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
 
 const DatePickerContent = forwardRef(
   (props, ref) => {

package/date-picker/date-picker-positioner.cjs

@@ -7,9 +7,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
-require('../presence/index.cjs');
-const datePickerContext = require('./date-picker-context.cjs');
 const presenceContext = require('../presence/presence-context.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
 
 const DatePickerPositioner = react.forwardRef(
   (props, ref) => {

package/date-picker/date-picker-positioner.mjs

@@ -3,9 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import '../presence/index.mjs';
-import { useDatePickerContext } from './date-picker-context.mjs';
 import { usePresenceContext } from '../presence/presence-context.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
 
 const DatePickerPositioner = forwardRef(
   (props, ref) => {

package/date-picker/date-picker-root.cjs

@@ -0,0 +1,65 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const presenceContext = require('../presence/presence-context.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const runIfFn = require('../run-if-fn.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+const useDatePicker = require('./use-date-picker.cjs');
+
+const DatePickerRoot = react.forwardRef((props, ref) => {
+  const [presenceProps, datePickerProps] = splitPresenceProps.splitPresenceProps(props);
+  const [useDatePickerProps, { children, ...localProps }] = createSplitProps.createSplitProps()(
+    datePickerProps,
+    [
+      "closeOnSelect",
+      "defaultValue",
+      "dir",
+      "disabled",
+      "fixedWeeks",
+      "focusedValue",
+      "format",
+      "getRootNode",
+      "id",
+      "ids",
+      "isDateUnavailable",
+      "isDateUnavailable",
+      "locale",
+      "max",
+      "min",
+      "modal",
+      "name",
+      "numOfMonths",
+      "onFocusChange",
+      "onOpenChange",
+      "onValueChange",
+      "onViewChange",
+      "open",
+      "parse",
+      "positioning",
+      "readOnly",
+      "selectionMode",
+      "startOfWeek",
+      "timeZone",
+      "translations",
+      "value",
+      "view"
+    ]
+  );
+  const api = useDatePicker.useDatePicker(useDatePickerProps);
+  const presenceApi = usePresence.usePresence(react$1.mergeProps({ present: api.isOpen }, presenceProps));
+  const view = runIfFn.runIfFn(children, api);
+  const mergedProps = react$1.mergeProps(api.rootProps, localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(datePickerContext.DatePickerProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(presenceContext.PresenceProvider, { value: presenceApi, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: view }) }) });
+});
+DatePickerRoot.displayName = "DatePickerRoot";
+
+exports.DatePickerRoot = DatePickerRoot;

package/date-picker/date-picker-root.d.ts

@@ -0,0 +1,10 @@
+import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
+import { type HTMLArkProps } from '../factory';
+import { type UsePresenceProps } from '../presence';
+import { type Assign } from '../types';
+import { type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker';
+export interface DatePickerRootProps extends Assign<Assign<HTMLArkProps<'div'>, {
+    children?: ReactNode | ((api: UseDatePickerReturn) => ReactNode);
+}>, UseDatePickerProps>, UsePresenceProps {
+}
+export declare const DatePickerRoot: ForwardRefExoticComponent<DatePickerRootProps & RefAttributes<HTMLDivElement>>;

package/date-picker/date-picker-root.mjs

@@ -0,0 +1,61 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { PresenceProvider } from '../presence/presence-context.mjs';
+import { splitPresenceProps } from '../presence/split-presence-props.mjs';
+import { usePresence } from '../presence/use-presence.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
+import { DatePickerProvider } from './date-picker-context.mjs';
+import { useDatePicker } from './use-date-picker.mjs';
+
+const DatePickerRoot = forwardRef((props, ref) => {
+  const [presenceProps, datePickerProps] = splitPresenceProps(props);
+  const [useDatePickerProps, { children, ...localProps }] = createSplitProps()(
+    datePickerProps,
+    [
+      "closeOnSelect",
+      "defaultValue",
+      "dir",
+      "disabled",
+      "fixedWeeks",
+      "focusedValue",
+      "format",
+      "getRootNode",
+      "id",
+      "ids",
+      "isDateUnavailable",
+      "isDateUnavailable",
+      "locale",
+      "max",
+      "min",
+      "modal",
+      "name",
+      "numOfMonths",
+      "onFocusChange",
+      "onOpenChange",
+      "onValueChange",
+      "onViewChange",
+      "open",
+      "parse",
+      "positioning",
+      "readOnly",
+      "selectionMode",
+      "startOfWeek",
+      "timeZone",
+      "translations",
+      "value",
+      "view"
+    ]
+  );
+  const api = useDatePicker(useDatePickerProps);
+  const presenceApi = usePresence(mergeProps({ present: api.isOpen }, presenceProps));
+  const view = runIfFn(children, api);
+  const mergedProps = mergeProps(api.rootProps, localProps);
+  return /* @__PURE__ */ jsx(DatePickerProvider, { value: api, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presenceApi, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: view }) }) });
+});
+DatePickerRoot.displayName = "DatePickerRoot";
+
+export { DatePickerRoot };

package/date-picker/date-picker.cjs

@@ -1,66 +1,53 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-require('../presence/index.cjs');
-const runIfFn = require('../run-if-fn.cjs');
-const datePickerContext = require('./date-picker-context.cjs');
-const useDatePicker = require('./use-date-picker.cjs');
-const splitPresenceProps = require('../presence/split-presence-props.cjs');
-const usePresence = require('../presence/use-presence.cjs');
-const presenceContext = require('../presence/presence-context.cjs');
+const datePickerClearTrigger = require('./date-picker-clear-trigger.cjs');
+const datePickerContent = require('./date-picker-content.cjs');
+const datePickerControl = require('./date-picker-control.cjs');
+const datePickerInput = require('./date-picker-input.cjs');
+const datePickerLabel = require('./date-picker-label.cjs');
+const datePickerMonthSelect = require('./date-picker-month-select.cjs');
+const datePickerNextTrigger = require('./date-picker-next-trigger.cjs');
+const datePickerPositioner = require('./date-picker-positioner.cjs');
+const datePickerPrevTrigger = require('./date-picker-prev-trigger.cjs');
+const datePickerRangeText = require('./date-picker-range-text.cjs');
+const datePickerRoot = require('./date-picker-root.cjs');
+const datePickerTable = require('./date-picker-table.cjs');
+const datePickerTableBody = require('./date-picker-table-body.cjs');
+const datePickerTableCell = require('./date-picker-table-cell.cjs');
+const datePickerTableCellTrigger = require('./date-picker-table-cell-trigger.cjs');
+const datePickerTableHead = require('./date-picker-table-head.cjs');
+const datePickerTableHeader = require('./date-picker-table-header.cjs');
+const datePickerTableRow = require('./date-picker-table-row.cjs');
+const datePickerTrigger = require('./date-picker-trigger.cjs');
+const datePickerView = require('./date-picker-view.cjs');
+const datePickerViewControl = require('./date-picker-view-control.cjs');
+const datePickerViewTrigger = require('./date-picker-view-trigger.cjs');
+const datePickerYearSelect = require('./date-picker-year-select.cjs');
 
-const DatePicker = react.forwardRef((props, ref) => {
-  const [presenceProps, datePickerProps] = splitPresenceProps.splitPresenceProps(props);
-  const [useDatePickerProps, { children, ...localProps }] = createSplitProps.createSplitProps()(
-    datePickerProps,
-    [
-      "closeOnSelect",
-      "defaultValue",
-      "dir",
-      "disabled",
-      "fixedWeeks",
-      "focusedValue",
-      "format",
-      "getRootNode",
-      "id",
-      "ids",
-      "isDateUnavailable",
-      "isDateUnavailable",
-      "locale",
-      "max",
-      "min",
-      "modal",
-      "name",
-      "numOfMonths",
-      "onFocusChange",
-      "onOpenChange",
-      "onValueChange",
-      "onViewChange",
-      "open",
-      "parse",
-      "positioning",
-      "readOnly",
-      "selectionMode",
-      "startOfWeek",
-      "timeZone",
-      "translations",
-      "value",
-      "view"
-    ]
-  );
-  const api = useDatePicker.useDatePicker(useDatePickerProps);
-  const presenceApi = usePresence.usePresence(react$1.mergeProps({ present: api.isOpen }, presenceProps));
-  const view = runIfFn.runIfFn(children, api);
-  const mergedProps = react$1.mergeProps(api.rootProps, localProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(datePickerContext.DatePickerProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(presenceContext.PresenceProvider, { value: presenceApi, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: view }) }) });
-});
-DatePicker.displayName = "DatePicker";
 
-exports.DatePicker = DatePicker;
+
+exports.ClearTrigger = datePickerClearTrigger.DatePickerClearTrigger;
+exports.Content = datePickerContent.DatePickerContent;
+exports.Control = datePickerControl.DatePickerControl;
+exports.Input = datePickerInput.DatePickerInput;
+exports.Label = datePickerLabel.DatePickerLabel;
+exports.MonthSelect = datePickerMonthSelect.DatePickerMonthSelect;
+exports.NextTrigger = datePickerNextTrigger.DatePickerNextTrigger;
+exports.Positioner = datePickerPositioner.DatePickerPositioner;
+exports.PrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
+exports.RangeText = datePickerRangeText.DatePickerRangeText;
+exports.Root = datePickerRoot.DatePickerRoot;
+exports.Table = datePickerTable.DatePickerTable;
+exports.TableBody = datePickerTableBody.DatePickerTableBody;
+exports.TableCell = datePickerTableCell.DatePickerTableCell;
+exports.TableCellTrigger = datePickerTableCellTrigger.DatePickerTableCellTrigger;
+exports.TableHead = datePickerTableHead.DatePickerTableHead;
+exports.TableHeader = datePickerTableHeader.DatePickerTableHeader;
+exports.TableRow = datePickerTableRow.DatePickerTableRow;
+exports.Trigger = datePickerTrigger.DatePickerTrigger;
+exports.View = datePickerView.DatePickerView;
+exports.ViewControl = datePickerViewControl.DatePickerViewControl;
+exports.ViewTrigger = datePickerViewTrigger.DatePickerViewTrigger;
+exports.YearSelect = datePickerYearSelect.DatePickerYearSelect;

package/date-picker/date-picker.d.ts

@@ -1,10 +1,24 @@
-import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
-import { type HTMLArkProps } from '../factory';
-import { type UsePresenceProps } from '../presence';
-import { type Assign } from '../types';
-import { type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker';
-export interface DatePickerProps extends Assign<Assign<HTMLArkProps<'div'>, {
-    children?: ReactNode | ((api: UseDatePickerReturn) => ReactNode);
-}>, UseDatePickerProps>, UsePresenceProps {
-}
-export declare const DatePicker: ForwardRefExoticComponent<DatePickerProps & RefAttributes<HTMLDivElement>>;
+import { DatePickerClearTrigger as ClearTrigger } from './date-picker-clear-trigger';
+import { DatePickerContent as Content } from './date-picker-content';
+import { DatePickerControl as Control } from './date-picker-control';
+import { DatePickerInput as Input } from './date-picker-input';
+import { DatePickerLabel as Label } from './date-picker-label';
+import { DatePickerMonthSelect as MonthSelect } from './date-picker-month-select';
+import { DatePickerNextTrigger as NextTrigger } from './date-picker-next-trigger';
+import { DatePickerPositioner as Positioner } from './date-picker-positioner';
+import { DatePickerPrevTrigger as PrevTrigger } from './date-picker-prev-trigger';
+import { DatePickerRangeText as RangeText } from './date-picker-range-text';
+import { DatePickerRoot as Root } from './date-picker-root';
+import { DatePickerTable as Table } from './date-picker-table';
+import { DatePickerTableBody as TableBody } from './date-picker-table-body';
+import { DatePickerTableCell as TableCell } from './date-picker-table-cell';
+import { DatePickerTableCellTrigger as TableCellTrigger } from './date-picker-table-cell-trigger';
+import { DatePickerTableHead as TableHead } from './date-picker-table-head';
+import { DatePickerTableHeader as TableHeader } from './date-picker-table-header';
+import { DatePickerTableRow as TableRow } from './date-picker-table-row';
+import { DatePickerTrigger as Trigger } from './date-picker-trigger';
+import { DatePickerView as View } from './date-picker-view';
+import { DatePickerViewControl as ViewControl } from './date-picker-view-control';
+import { DatePickerViewTrigger as ViewTrigger } from './date-picker-view-trigger';
+import { DatePickerYearSelect as YearSelect } from './date-picker-year-select';
+export { ClearTrigger, Content, Control, Input, Label, MonthSelect, NextTrigger, Positioner, PrevTrigger, RangeText, Root, Table, TableBody, TableCell, TableCellTrigger, TableHead, TableHeader, TableRow, Trigger, View, ViewControl, ViewTrigger, YearSelect, };

package/date-picker/date-picker.mjs

@@ -1,62 +1,23 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import '../presence/index.mjs';
-import { runIfFn } from '../run-if-fn.mjs';
-import { DatePickerProvider } from './date-picker-context.mjs';
-import { useDatePicker } from './use-date-picker.mjs';
-import { splitPresenceProps } from '../presence/split-presence-props.mjs';
-import { usePresence } from '../presence/use-presence.mjs';
-import { PresenceProvider } from '../presence/presence-context.mjs';
-
-const DatePicker = forwardRef((props, ref) => {
-  const [presenceProps, datePickerProps] = splitPresenceProps(props);
-  const [useDatePickerProps, { children, ...localProps }] = createSplitProps()(
-    datePickerProps,
-    [
-      "closeOnSelect",
-      "defaultValue",
-      "dir",
-      "disabled",
-      "fixedWeeks",
-      "focusedValue",
-      "format",
-      "getRootNode",
-      "id",
-      "ids",
-      "isDateUnavailable",
-      "isDateUnavailable",
-      "locale",
-      "max",
-      "min",
-      "modal",
-      "name",
-      "numOfMonths",
-      "onFocusChange",
-      "onOpenChange",
-      "onValueChange",
-      "onViewChange",
-      "open",
-      "parse",
-      "positioning",
-      "readOnly",
-      "selectionMode",
-      "startOfWeek",
-      "timeZone",
-      "translations",
-      "value",
-      "view"
-    ]
-  );
-  const api = useDatePicker(useDatePickerProps);
-  const presenceApi = usePresence(mergeProps({ present: api.isOpen }, presenceProps));
-  const view = runIfFn(children, api);
-  const mergedProps = mergeProps(api.rootProps, localProps);
-  return /* @__PURE__ */ jsx(DatePickerProvider, { value: api, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presenceApi, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: view }) }) });
-});
-DatePicker.displayName = "DatePicker";
-
-export { DatePicker };
+export { DatePickerClearTrigger as ClearTrigger } from './date-picker-clear-trigger.mjs';
+export { DatePickerContent as Content } from './date-picker-content.mjs';
+export { DatePickerControl as Control } from './date-picker-control.mjs';
+export { DatePickerInput as Input } from './date-picker-input.mjs';
+export { DatePickerLabel as Label } from './date-picker-label.mjs';
+export { DatePickerMonthSelect as MonthSelect } from './date-picker-month-select.mjs';
+export { DatePickerNextTrigger as NextTrigger } from './date-picker-next-trigger.mjs';
+export { DatePickerPositioner as Positioner } from './date-picker-positioner.mjs';
+export { DatePickerPrevTrigger as PrevTrigger } from './date-picker-prev-trigger.mjs';
+export { DatePickerRangeText as RangeText } from './date-picker-range-text.mjs';
+export { DatePickerRoot as Root } from './date-picker-root.mjs';
+export { DatePickerTable as Table } from './date-picker-table.mjs';
+export { DatePickerTableBody as TableBody } from './date-picker-table-body.mjs';
+export { DatePickerTableCell as TableCell } from './date-picker-table-cell.mjs';
+export { DatePickerTableCellTrigger as TableCellTrigger } from './date-picker-table-cell-trigger.mjs';
+export { DatePickerTableHead as TableHead } from './date-picker-table-head.mjs';
+export { DatePickerTableHeader as TableHeader } from './date-picker-table-header.mjs';
+export { DatePickerTableRow as TableRow } from './date-picker-table-row.mjs';
+export { DatePickerTrigger as Trigger } from './date-picker-trigger.mjs';
+export { DatePickerView as View } from './date-picker-view.mjs';
+export { DatePickerViewControl as ViewControl } from './date-picker-view-control.mjs';
+export { DatePickerViewTrigger as ViewTrigger } from './date-picker-view-trigger.mjs';
+export { DatePickerYearSelect as YearSelect } from './date-picker-year-select.mjs';

package/date-picker/index.cjs

@@ -1,9 +1,7 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const datePicker = require('./date-picker.cjs');
 const datePickerClearTrigger = require('./date-picker-clear-trigger.cjs');
 const datePickerContent = require('./date-picker-content.cjs');
 const datePickerContext = require('./date-picker-context.cjs');
@@ -15,6 +13,7 @@ const datePickerNextTrigger = require('./date-picker-next-trigger.cjs');
 const datePickerPositioner = require('./date-picker-positioner.cjs');
 const datePickerPrevTrigger = require('./date-picker-prev-trigger.cjs');
 const datePickerRangeText = require('./date-picker-range-text.cjs');
+const datePickerRoot = require('./date-picker-root.cjs');
 const datePickerTable = require('./date-picker-table.cjs');
 const datePickerTableBody = require('./date-picker-table-body.cjs');
 const datePickerTableCell = require('./date-picker-table-cell.cjs');
@@ -30,32 +29,9 @@ const datePickerViewContext = require('./date-picker-view-context.cjs');
 const datePickerViewControl = require('./date-picker-view-control.cjs');
 const datePickerViewTrigger = require('./date-picker-view-trigger.cjs');
 const datePickerYearSelect = require('./date-picker-year-select.cjs');
+const datePicker = require('./date-picker.cjs');
+
 
-const DatePicker = Object.assign(datePicker.DatePicker, {
-  Root: datePicker.DatePicker,
-  ClearTrigger: datePickerClearTrigger.DatePickerClearTrigger,
-  Content: datePickerContent.DatePickerContent,
-  Control: datePickerControl.DatePickerControl,
-  Input: datePickerInput.DatePickerInput,
-  Label: datePickerLabel.DatePickerLabel,
-  MonthSelect: datePickerMonthSelect.DatePickerMonthSelect,
-  NextTrigger: datePickerNextTrigger.DatePickerNextTrigger,
-  Positioner: datePickerPositioner.DatePickerPositioner,
-  PrevTrigger: datePickerPrevTrigger.DatePickerPrevTrigger,
-  RangeText: datePickerRangeText.DatePickerRangeText,
-  Table: datePickerTable.DatePickerTable,
-  TableBody: datePickerTableBody.DatePickerTableBody,
-  TableCell: datePickerTableCell.DatePickerTableCell,
-  TableCellTrigger: datePickerTableCellTrigger.DatePickerTableCellTrigger,
-  TableHead: datePickerTableHead.DatePickerTableHead,
-  TableHeader: datePickerTableHeader.DatePickerTableHeader,
-  TableRow: datePickerTableRow.DatePickerTableRow,
-  Trigger: datePickerTrigger.DatePickerTrigger,
-  View: datePickerView.DatePickerView,
-  ViewControl: datePickerViewControl.DatePickerViewControl,
-  ViewTrigger: datePickerViewTrigger.DatePickerViewTrigger,
-  YearSelect: datePickerYearSelect.DatePickerYearSelect
-});
 
 exports.DatePickerClearTrigger = datePickerClearTrigger.DatePickerClearTrigger;
 exports.DatePickerContent = datePickerContent.DatePickerContent;
@@ -68,6 +44,7 @@ exports.DatePickerNextTrigger = datePickerNextTrigger.DatePickerNextTrigger;
 exports.DatePickerPositioner = datePickerPositioner.DatePickerPositioner;
 exports.DatePickerPrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
 exports.DatePickerRangeText = datePickerRangeText.DatePickerRangeText;
+exports.DatePickerRoot = datePickerRoot.DatePickerRoot;
 exports.DatePickerTable = datePickerTable.DatePickerTable;
 exports.DatePickerTableBody = datePickerTableBody.DatePickerTableBody;
 exports.DatePickerTableCell = datePickerTableCell.DatePickerTableCell;
@@ -83,4 +60,4 @@ exports.useDatePickerViewContext = datePickerViewContext.useDatePickerViewContex
 exports.DatePickerViewControl = datePickerViewControl.DatePickerViewControl;
 exports.DatePickerViewTrigger = datePickerViewTrigger.DatePickerViewTrigger;
 exports.DatePickerYearSelect = datePickerYearSelect.DatePickerYearSelect;
-exports.DatePicker = DatePicker;
+exports.DatePicker = datePicker;

package/date-picker/index.d.ts

@@ -1,7 +1,4 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails } from '@zag-js/date-picker';
-import { type DatePickerProps } from './date-picker';
 import { DatePickerClearTrigger, type DatePickerClearTriggerProps } from './date-picker-clear-trigger';
 import { DatePickerContent, type DatePickerContentProps } from './date-picker-content';
 import { useDatePickerContext, type DatePickerContext } from './date-picker-context';
@@ -13,6 +10,7 @@ import { DatePickerNextTrigger, type DatePickerNextTriggerProps } from './date-p
 import { DatePickerPositioner, type DatePickerPositionerProps } from './date-picker-positioner';
 import { DatePickerPrevTrigger, type DatePickerPrevTriggerProps } from './date-picker-prev-trigger';
 import { DatePickerRangeText, type DatePickerRangeTextProps } from './date-picker-range-text';
+import { DatePickerRoot, type DatePickerRootProps } from './date-picker-root';
 import { DatePickerTable, type DatePickerTableProps } from './date-picker-table';
 import { DatePickerTableBody, type DatePickerTableBodyProps } from './date-picker-table-body';
 import { DatePickerTableCell, type DatePickerTableCellProps } from './date-picker-table-cell';
@@ -28,30 +26,6 @@ import { useDatePickerViewContext, type DatePickerViewContext } from './date-pic
 import { DatePickerViewControl, type DatePickerViewControlProps } from './date-picker-view-control';
 import { DatePickerViewTrigger, type DatePickerViewTriggerProps } from './date-picker-view-trigger';
 import { DatePickerYearSelect, type DatePickerYearSelectProps } from './date-picker-year-select';
-declare const DatePicker: ForwardRefExoticComponent<DatePickerProps & RefAttributes<HTMLDivElement>> & {
-    Root: ForwardRefExoticComponent<DatePickerProps & RefAttributes<HTMLDivElement>>;
-    ClearTrigger: ForwardRefExoticComponent<DatePickerClearTriggerProps & RefAttributes<HTMLButtonElement>>;
-    Content: ForwardRefExoticComponent<DatePickerContentProps & RefAttributes<HTMLDivElement>>;
-    Control: ForwardRefExoticComponent<DatePickerControlProps & RefAttributes<HTMLDivElement>>;
-    Input: ForwardRefExoticComponent<DatePickerInputProps & RefAttributes<HTMLInputElement>>;
-    Label: ForwardRefExoticComponent<DatePickerLabelProps & RefAttributes<HTMLLabelElement>>;
-    MonthSelect: ForwardRefExoticComponent<DatePickerMonthSelectProps & RefAttributes<HTMLSelectElement>>;
-    NextTrigger: ForwardRefExoticComponent<DatePickerNextTriggerProps & RefAttributes<HTMLButtonElement>>;
-    Positioner: ForwardRefExoticComponent<DatePickerPositionerProps & RefAttributes<HTMLDivElement>>;
-    PrevTrigger: ForwardRefExoticComponent<DatePickerPrevTriggerProps & RefAttributes<HTMLButtonElement>>;
-    RangeText: ForwardRefExoticComponent<DatePickerRangeTextProps & RefAttributes<HTMLDivElement>>;
-    Table: ForwardRefExoticComponent<DatePickerTableProps & RefAttributes<HTMLTableElement>>;
-    TableBody: ForwardRefExoticComponent<DatePickerTableBodyProps & RefAttributes<HTMLTableSectionElement>>;
-    TableCell: ForwardRefExoticComponent<DatePickerTableCellProps & RefAttributes<HTMLTableCellElement>>;
-    TableCellTrigger: ForwardRefExoticComponent<DatePickerTableCellTriggerProps & RefAttributes<HTMLButtonElement>>;
-    TableHead: ForwardRefExoticComponent<DatePickerTableHeadProps & RefAttributes<HTMLTableSectionElement>>;
-    TableHeader: ForwardRefExoticComponent<DatePickerTableHeaderProps & RefAttributes<HTMLTableCellElement>>;
-    TableRow: ForwardRefExoticComponent<DatePickerTableRowProps & RefAttributes<HTMLTableRowElement>>;
-    Trigger: ForwardRefExoticComponent<DatePickerTriggerProps & RefAttributes<HTMLButtonElement>>;
-    View: ForwardRefExoticComponent<DatePickerViewProps & RefAttributes<HTMLDivElement>>;
-    ViewControl: ForwardRefExoticComponent<DatePickerViewControlProps & RefAttributes<HTMLDivElement>>;
-    ViewTrigger: ForwardRefExoticComponent<DatePickerViewTriggerProps & RefAttributes<HTMLButtonElement>>;
-    YearSelect: ForwardRefExoticComponent<DatePickerYearSelectProps & RefAttributes<HTMLSelectElement>>;
-};
-export { DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, useDatePickerContext, useDatePickerTableCellContext, useDatePickerTableContext, useDatePickerViewContext, };
-export type { DatePickerClearTriggerProps, DatePickerContentProps, DatePickerContext, DatePickerControlProps, DatePickerFocusChangeDetails, DatePickerInputProps, DatePickerLabelProps, DatePickerMonthSelectProps, DatePickerNextTriggerProps, DatePickerOpenChangeDetails, DatePickerPositionerProps, DatePickerPrevTriggerProps, DatePickerProps, DatePickerRangeTextProps, DatePickerTableBodyProps, DatePickerTableCellContext, DatePickerTableCellProps, DatePickerTableCellTriggerProps, DatePickerTableContext, DatePickerTableHeadProps, DatePickerTableHeaderProps, DatePickerTableProps, DatePickerTableRowProps, DatePickerTriggerProps, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerViewContext, DatePickerViewControlProps, DatePickerViewProps, DatePickerViewTriggerProps, DatePickerYearSelectProps, };
+export * as DatePicker from './date-picker';
+export { DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, useDatePickerContext, useDatePickerTableCellContext, useDatePickerTableContext, useDatePickerViewContext, };
+export type { DatePickerClearTriggerProps, DatePickerContentProps, DatePickerContext, DatePickerControlProps, DatePickerFocusChangeDetails, DatePickerInputProps, DatePickerLabelProps, DatePickerMonthSelectProps, DatePickerNextTriggerProps, DatePickerOpenChangeDetails, DatePickerPositionerProps, DatePickerPrevTriggerProps, DatePickerRangeTextProps, DatePickerRootProps, DatePickerTableBodyProps, DatePickerTableCellContext, DatePickerTableCellProps, DatePickerTableCellTriggerProps, DatePickerTableContext, DatePickerTableHeadProps, DatePickerTableHeaderProps, DatePickerTableProps, DatePickerTableRowProps, DatePickerTriggerProps, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerViewContext, DatePickerViewControlProps, DatePickerViewProps, DatePickerViewTriggerProps, DatePickerYearSelectProps, };