@ark-ui/solid 0.10.1 → 1.0.0-beta.0

package/date-picker/date-picker-table.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const solidJs = require('solid-js');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+const datePickerTableContext = require('./date-picker-table-context.cjs');
+const datePickerViewContext = require('./date-picker-view-context.cjs');
+
+const DatePickerTable = props => {
+  const [{
+    columns
+  }, localProps] = createSplitProps.createSplitProps()(props, ['columns']);
+  const api = datePickerContext.useDatePickerContext();
+  const viewProps = datePickerViewContext.useDatePickerViewContext();
+  const tableProps = {
+    columns,
+    id: solidJs.createUniqueId(),
+    ...viewProps
+  };
+  const mergedProps = solid.mergeProps(() => api().getTableProps(tableProps), localProps);
+  return web.createComponent(datePickerTableContext.DatePickerTableProvider, {
+    value: tableProps,
+    get children() {
+      return web.createComponent(factory.ark.table, mergedProps);
+    }
+  });
+};
+
+exports.DatePickerTable = DatePickerTable;

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

@@ -0,0 +1,7 @@
+import { JSX } from 'solid-js';
+import type { TableProps } from '@zag-js/date-picker';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export interface DatePickerTableProps extends Assign<HTMLArkProps<'table'>, Pick<TableProps, 'columns'>> {
+}
+export declare const DatePickerTable: (props: DatePickerTableProps) => JSX.Element;

package/date-picker/date-picker-table.mjs

@@ -0,0 +1,30 @@
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { createUniqueId } from 'solid-js';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+import { DatePickerTableProvider } from './date-picker-table-context.mjs';
+import { useDatePickerViewContext } from './date-picker-view-context.mjs';
+
+const DatePickerTable = props => {
+  const [{
+    columns
+  }, localProps] = createSplitProps()(props, ['columns']);
+  const api = useDatePickerContext();
+  const viewProps = useDatePickerViewContext();
+  const tableProps = {
+    columns,
+    id: createUniqueId(),
+    ...viewProps
+  };
+  const mergedProps = mergeProps(() => api().getTableProps(tableProps), localProps);
+  return createComponent(DatePickerTableProvider, {
+    value: tableProps,
+    get children() {
+      return createComponent(ark.table, mergedProps);
+    }
+  });
+};
+
+export { DatePickerTable };

package/date-picker/date-picker-trigger.cjs

@@ -8,8 +8,8 @@ const factory = require('../factory.cjs');
 const datePickerContext = require('./date-picker-context.cjs');
 
 const DatePickerTrigger = props => {
-  const datePicker = datePickerContext.useDatePickerContext();
-  const mergedProps = solid.mergeProps(() => datePicker().triggerProps, props);
+  const api = datePickerContext.useDatePickerContext();
+  const mergedProps = solid.mergeProps(() => api().triggerProps, props);
   return web.createComponent(factory.ark.button, mergedProps);
 };
 

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

@@ -1,4 +1,5 @@
 import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
-export type DatePickerTriggerProps = HTMLArkProps<'button'>;
+export interface DatePickerTriggerProps extends HTMLArkProps<'button'> {
+}
 export declare const DatePickerTrigger: (props: DatePickerTriggerProps) => JSX.Element;

package/date-picker/date-picker-trigger.mjs

@@ -4,8 +4,8 @@ import { ark } from '../factory.mjs';
 import { useDatePickerContext } from './date-picker-context.mjs';
 
 const DatePickerTrigger = props => {
-  const datePicker = useDatePickerContext();
-  const mergedProps = mergeProps(() => datePicker().triggerProps, props);
+  const api = useDatePickerContext();
+  const mergedProps = mergeProps(() => api().triggerProps, props);
   return createComponent(ark.button, mergedProps);
 };
 

package/date-picker/date-picker-view-context.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../create-context.cjs');
+
+const [DatePickerViewProvider, useDatePickerViewContext] = createContext.createContext({
+  hookName: "useDatePickerViewContext",
+  providerName: "<DatePickerViewProvider />"
+});
+
+exports.DatePickerViewProvider = DatePickerViewProvider;
+exports.useDatePickerViewContext = useDatePickerViewContext;

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

@@ -0,0 +1,5 @@
+import { ContextProviderComponent } from 'solid-js';
+import type { ViewProps } from '@zag-js/date-picker';
+export interface DatePickerViewContext extends Required<ViewProps> {
+}
+export declare const DatePickerViewProvider: ContextProviderComponent<DatePickerViewContext>, useDatePickerViewContext: () => DatePickerViewContext;

package/date-picker/date-picker-view-context.mjs

@@ -0,0 +1,8 @@
+import { createContext } from '../create-context.mjs';
+
+const [DatePickerViewProvider, useDatePickerViewContext] = createContext({
+  hookName: "useDatePickerViewContext",
+  providerName: "<DatePickerViewProvider />"
+});
+
+export { DatePickerViewProvider, useDatePickerViewContext };

package/date-picker/date-picker-view-control.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const factory = require('../factory.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+const datePickerViewContext = require('./date-picker-view-context.cjs');
+
+const DatePickerViewControl = props => {
+  const api = datePickerContext.useDatePickerContext();
+  const viewProps = datePickerViewContext.useDatePickerViewContext();
+  const mergedProps = solid.mergeProps(() => api().getViewControlProps(viewProps), props);
+  return web.createComponent(factory.ark.div, mergedProps);
+};
+
+exports.DatePickerViewControl = DatePickerViewControl;

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

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+export interface DatePickerViewControlProps extends HTMLArkProps<'div'> {
+}
+export declare const DatePickerViewControl: (props: DatePickerViewControlProps) => JSX.Element;

package/date-picker/date-picker-view-control.mjs

@@ -0,0 +1,14 @@
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+import { useDatePickerViewContext } from './date-picker-view-context.mjs';
+
+const DatePickerViewControl = props => {
+  const api = useDatePickerContext();
+  const viewProps = useDatePickerViewContext();
+  const mergedProps = mergeProps(() => api().getViewControlProps(viewProps), props);
+  return createComponent(ark.div, mergedProps);
+};
+
+export { DatePickerViewControl };

package/date-picker/date-picker-view-trigger.cjs

@@ -4,16 +4,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const web = require('solid-js/web');
 const solid = require('@zag-js/solid');
-const createSplitProps = require('../create-split-props.cjs');
 const factory = require('../factory.cjs');
 const datePickerContext = require('./date-picker-context.cjs');
+const datePickerViewContext = require('./date-picker-view-context.cjs');
 
 const DatePickerViewTrigger = props => {
-  const [viewProps, localProps] = createSplitProps.createSplitProps()(props, ['view']);
-  const datePicker = datePickerContext.useDatePickerContext();
-  const mergedProps = solid.mergeProps(() => datePicker().getViewTriggerProps({
-    view: viewProps.view ?? datePicker().view
-  }), localProps);
+  const api = datePickerContext.useDatePickerContext();
+  const viewProps = datePickerViewContext.useDatePickerViewContext();
+  const mergedProps = solid.mergeProps(() => api().getViewTriggerProps(viewProps), props);
   return web.createComponent(factory.ark.button, mergedProps);
 };
 

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

@@ -1,6 +1,5 @@
 import { JSX } from 'solid-js';
-import type { ViewProps } from '@zag-js/date-picker';
 import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-export type DatePickerViewTriggerProps = Assign<HTMLArkProps<'button'>, ViewProps>;
+export interface DatePickerViewTriggerProps extends HTMLArkProps<'button'> {
+}
 export declare const DatePickerViewTrigger: (props: DatePickerViewTriggerProps) => JSX.Element;

package/date-picker/date-picker-view-trigger.mjs

@@ -1,15 +1,13 @@
 import { createComponent } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
 import { useDatePickerContext } from './date-picker-context.mjs';
+import { useDatePickerViewContext } from './date-picker-view-context.mjs';
 
 const DatePickerViewTrigger = props => {
-  const [viewProps, localProps] = createSplitProps()(props, ['view']);
-  const datePicker = useDatePickerContext();
-  const mergedProps = mergeProps(() => datePicker().getViewTriggerProps({
-    view: viewProps.view ?? datePicker().view
-  }), localProps);
+  const api = useDatePickerContext();
+  const viewProps = useDatePickerViewContext();
+  const mergedProps = mergeProps(() => api().getViewTriggerProps(viewProps), props);
   return createComponent(ark.button, mergedProps);
 };
 

package/date-picker/date-picker-view.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const runIfFn = require('../run-if-fn.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+const datePickerViewContext = require('./date-picker-view-context.cjs');
+
+const DatePickerView = props => {
+  const [viewProps, localProps] = createSplitProps.createSplitProps()(props, ['view']);
+  const api = datePickerContext.useDatePickerContext();
+  const getChildren = () => runIfFn.runIfFn(localProps.children, api);
+  return web.createComponent(datePickerViewContext.DatePickerViewProvider, {
+    value: viewProps,
+    get children() {
+      return web.createComponent(factory.ark.div, web.mergeProps(localProps, {
+        get hidden() {
+          return api().view !== viewProps.view;
+        },
+        get children() {
+          return getChildren();
+        }
+      }));
+    }
+  });
+};
+
+exports.DatePickerView = DatePickerView;

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

@@ -0,0 +1,9 @@
+import type { ViewProps } from '@zag-js/date-picker';
+import { type JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import type { UseDatePickerReturn } from './use-date-picker';
+export type DatePickerViewProps = Assign<HTMLArkProps<'div'>, Required<ViewProps> & {
+    children?: JSX.Element | ((state: UseDatePickerReturn) => JSX.Element);
+}>;
+export declare const DatePickerView: (props: DatePickerViewProps) => JSX.Element;

package/date-picker/date-picker-view.mjs

@@ -0,0 +1,27 @@
+import { createComponent, mergeProps } from 'solid-js/web';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+import { DatePickerViewProvider } from './date-picker-view-context.mjs';
+
+const DatePickerView = props => {
+  const [viewProps, localProps] = createSplitProps()(props, ['view']);
+  const api = useDatePickerContext();
+  const getChildren = () => runIfFn(localProps.children, api);
+  return createComponent(DatePickerViewProvider, {
+    value: viewProps,
+    get children() {
+      return createComponent(ark.div, mergeProps(localProps, {
+        get hidden() {
+          return api().view !== viewProps.view;
+        },
+        get children() {
+          return getChildren();
+        }
+      }));
+    }
+  });
+};
+
+export { DatePickerView };

package/date-picker/date-picker-year-select.cjs

@@ -4,30 +4,24 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const web = require('solid-js/web');
 const solid = require('@zag-js/solid');
-const solidJs = require('solid-js');
 const factory = require('../factory.cjs');
 const datePickerContext = require('./date-picker-context.cjs');
 
 const _tmpl$ = /*#__PURE__*/web.template(`<option>`);
 const DatePickerYearSelect = props => {
-  const datePicker = datePickerContext.useDatePickerContext();
-  const mergedProps = solid.mergeProps(() => datePicker().yearSelectProps, props);
+  const api = datePickerContext.useDatePickerContext();
+  const mergedProps = solid.mergeProps(() => api().yearSelectProps, props);
   return web.createComponent(factory.ark.select, web.mergeProps(mergedProps, {
     get children() {
-      return web.createComponent(solidJs.For, {
-        get each() {
-          return getYearsRange({
-            from: 1_000,
-            to: 4_000
-          });
-        },
-        children: year => (() => {
-          const _el$ = _tmpl$();
-          _el$.value = year;
-          web.insert(_el$, year);
-          return _el$;
-        })()
-      });
+      return getYearsRange({
+        from: 1_000,
+        to: 4_000
+      }).map(year => (() => {
+        const _el$ = _tmpl$();
+        _el$.value = year;
+        web.insert(_el$, year);
+        return _el$;
+      })());
     }
   }));
 };
@@ -40,4 +34,3 @@ function getYearsRange(range) {
 }
 
 exports.DatePickerYearSelect = DatePickerYearSelect;
-exports.getYearsRange = getYearsRange;

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

@@ -1,9 +1,5 @@
 import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
-export type DatePickerYearSelectProps = HTMLArkProps<'select'>;
-export declare const DatePickerYearSelect: (props: DatePickerYearSelectProps) => JSX.Element;
-export interface YearsRange {
-    from: number;
-    to: number;
+export interface DatePickerYearSelectProps extends HTMLArkProps<'select'> {
 }
-export declare function getYearsRange(range: YearsRange): number[];
+export declare const DatePickerYearSelect: (props: DatePickerYearSelectProps) => JSX.Element;

package/date-picker/date-picker-year-select.mjs

@@ -1,29 +1,23 @@
 import { createComponent, mergeProps as mergeProps$1, insert, template } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
-import { For } from 'solid-js';
 import { ark } from '../factory.mjs';
 import { useDatePickerContext } from './date-picker-context.mjs';
 
 const _tmpl$ = /*#__PURE__*/template(`<option>`);
 const DatePickerYearSelect = props => {
-  const datePicker = useDatePickerContext();
-  const mergedProps = mergeProps(() => datePicker().yearSelectProps, props);
+  const api = useDatePickerContext();
+  const mergedProps = mergeProps(() => api().yearSelectProps, props);
   return createComponent(ark.select, mergeProps$1(mergedProps, {
     get children() {
-      return createComponent(For, {
-        get each() {
-          return getYearsRange({
-            from: 1_000,
-            to: 4_000
-          });
-        },
-        children: year => (() => {
-          const _el$ = _tmpl$();
-          _el$.value = year;
-          insert(_el$, year);
-          return _el$;
-        })()
-      });
+      return getYearsRange({
+        from: 1_000,
+        to: 4_000
+      }).map(year => (() => {
+        const _el$ = _tmpl$();
+        _el$.value = year;
+        insert(_el$, year);
+        return _el$;
+      })());
     }
   }));
 };
@@ -35,4 +29,4 @@ function getYearsRange(range) {
   return years;
 }
 
-export { DatePickerYearSelect, getYearsRange };
+export { DatePickerYearSelect };

package/date-picker/date-picker.cjs

@@ -3,19 +3,26 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
 const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
 const runIfFn = require('../run-if-fn.cjs');
 const datePickerContext = require('./date-picker-context.cjs');
 const useDatePicker = require('./use-date-picker.cjs');
 
 const DatePicker = props => {
-  const [useDatePickerProps, localProps] = createSplitProps.createSplitProps()(props, ['dir', 'disabled', 'fixedWeeks', 'focusedValue', 'format', 'getRootNode', 'id', 'ids', 'inline', 'isDateUnavailable', 'isDateUnavailable', 'locale', 'max', 'messages', 'min', 'modal', 'name', 'numOfMonths', 'onChange', 'onFocusChange', 'onViewChange', 'parse', 'positioning', 'readOnly', 'selectionMode', 'startOfWeek', 'timeZone', 'value', 'view']);
-  const api = useDatePicker.useDatePicker(useDatePickerProps);
+  const [datePickerProps, localProps] = createSplitProps.createSplitProps()(props, ['dir', 'disabled', 'fixedWeeks', 'focusedValue', 'format', 'getRootNode', 'id', 'ids', 'inline', 'isDateUnavailable', 'isDateUnavailable', 'locale', 'max', 'messages', 'min', 'modal', 'name', 'numOfMonths', 'onFocusChange', 'onOpenChange', 'onValueChange', 'onViewChange', 'open', 'parse', 'positioning', 'readOnly', 'selectionMode', 'startOfWeek', 'timeZone', 'value', 'view']);
+  const api = useDatePicker.useDatePicker(datePickerProps);
+  const mergedProps = solid.mergeProps(() => api().rootProps, localProps);
   const getChildren = () => runIfFn.runIfFn(localProps.children, api);
   return web.createComponent(datePickerContext.DatePickerProvider, {
     value: api,
     get children() {
-      return getChildren();
+      return web.createComponent(factory.ark.div, web.mergeProps(mergedProps, {
+        get children() {
+          return getChildren();
+        }
+      }));
     }
   });
 };

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

@@ -1,6 +1,8 @@
 import { type JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
 import { type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker';
-export type DatePickerProps = UseDatePickerProps & {
+export type DatePickerProps = Assign<HTMLArkProps<'div'>, UseDatePickerProps & {
     children?: JSX.Element | ((state: UseDatePickerReturn) => JSX.Element);
-};
+}>;
 export declare const DatePicker: (props: DatePickerProps) => JSX.Element;

package/date-picker/date-picker.mjs

@@ -1,17 +1,24 @@
-import { createComponent } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
 import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
 import { runIfFn } from '../run-if-fn.mjs';
 import { DatePickerProvider } from './date-picker-context.mjs';
 import { useDatePicker } from './use-date-picker.mjs';
 
 const DatePicker = props => {
-  const [useDatePickerProps, localProps] = createSplitProps()(props, ['dir', 'disabled', 'fixedWeeks', 'focusedValue', 'format', 'getRootNode', 'id', 'ids', 'inline', 'isDateUnavailable', 'isDateUnavailable', 'locale', 'max', 'messages', 'min', 'modal', 'name', 'numOfMonths', 'onChange', 'onFocusChange', 'onViewChange', 'parse', 'positioning', 'readOnly', 'selectionMode', 'startOfWeek', 'timeZone', 'value', 'view']);
-  const api = useDatePicker(useDatePickerProps);
+  const [datePickerProps, localProps] = createSplitProps()(props, ['dir', 'disabled', 'fixedWeeks', 'focusedValue', 'format', 'getRootNode', 'id', 'ids', 'inline', 'isDateUnavailable', 'isDateUnavailable', 'locale', 'max', 'messages', 'min', 'modal', 'name', 'numOfMonths', 'onFocusChange', 'onOpenChange', 'onValueChange', 'onViewChange', 'open', 'parse', 'positioning', 'readOnly', 'selectionMode', 'startOfWeek', 'timeZone', 'value', 'view']);
+  const api = useDatePicker(datePickerProps);
+  const mergedProps = mergeProps(() => api().rootProps, localProps);
   const getChildren = () => runIfFn(localProps.children, api);
   return createComponent(DatePickerProvider, {
     value: api,
     get children() {
-      return getChildren();
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        get children() {
+          return getChildren();
+        }
+      }));
     }
   });
 };

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

@@ -5,5 +5,3 @@ type DatePickerType = typeof DatePicker;
 declare const meta: Meta<DatePickerType>;
 export default meta;
 export declare const Basic: () => JSX.Element;
-export declare const RangeWithSingleGrid: () => JSX.Element;
-export declare const RangeWithTwoGrids: () => JSX.Element;

package/date-picker/index.cjs

@@ -3,83 +3,83 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const datePicker = require('./date-picker.cjs');
-const datePickerCellContext = require('./date-picker-cell-context.cjs');
 const datePickerClearTrigger = require('./date-picker-clear-trigger.cjs');
-const datePickerColumnHeader = require('./date-picker-column-header.cjs');
 const datePickerContent = require('./date-picker-content.cjs');
 const datePickerContext = require('./date-picker-context.cjs');
 const datePickerControl = require('./date-picker-control.cjs');
-const datePickerDayCell = require('./date-picker-day-cell.cjs');
-const datePickerDayCellContext = require('./date-picker-day-cell-context.cjs');
-const datePickerDayCellTrigger = require('./date-picker-day-cell-trigger.cjs');
-const datePickerGrid = require('./date-picker-grid.cjs');
 const datePickerInput = require('./date-picker-input.cjs');
-const datePickerMonthCell = require('./date-picker-month-cell.cjs');
-const datePickerMonthCellTrigger = require('./date-picker-month-cell-trigger.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 datePickerRow = require('./date-picker-row.cjs');
-const datePickerRowGroup = require('./date-picker-row-group.cjs');
-const datePickerRowHeader = require('./date-picker-row-header.cjs');
+const datePickerRangeText = require('./date-picker-range-text.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 datePickerTableCellContext = require('./date-picker-table-cell-context.cjs');
+const datePickerTableCellTrigger = require('./date-picker-table-cell-trigger.cjs');
+const datePickerTableContext = require('./date-picker-table-context.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 datePickerViewContext = require('./date-picker-view-context.cjs');
+const datePickerViewControl = require('./date-picker-view-control.cjs');
 const datePickerViewTrigger = require('./date-picker-view-trigger.cjs');
-const datePickerYearCell = require('./date-picker-year-cell.cjs');
-const datePickerYearCellTrigger = require('./date-picker-year-cell-trigger.cjs');
 const datePickerYearSelect = require('./date-picker-year-select.cjs');
-const datePicker_anatomy = require('./date-picker.anatomy.cjs');
 
 const DatePicker = Object.assign(datePicker.DatePicker, {
   Root: datePicker.DatePicker,
   ClearTrigger: datePickerClearTrigger.DatePickerClearTrigger,
-  ColumnHeader: datePickerColumnHeader.DatePickerColumnHeader,
   Content: datePickerContent.DatePickerContent,
   Control: datePickerControl.DatePickerControl,
-  DayCell: datePickerDayCell.DatePickerDayCell,
-  DayCellTrigger: datePickerDayCellTrigger.DatePickerDayCellTrigger,
-  Grid: datePickerGrid.DatePickerGrid,
   Input: datePickerInput.DatePickerInput,
-  MonthCell: datePickerMonthCell.DatePickerMonthCell,
-  MonthCellTrigger: datePickerMonthCellTrigger.DatePickerMonthCellTrigger,
+  Label: datePickerLabel.DatePickerLabel,
   MonthSelect: datePickerMonthSelect.DatePickerMonthSelect,
   NextTrigger: datePickerNextTrigger.DatePickerNextTrigger,
   Positioner: datePickerPositioner.DatePickerPositioner,
   PrevTrigger: datePickerPrevTrigger.DatePickerPrevTrigger,
-  Row: datePickerRow.DatePickerRow,
-  RowGroup: datePickerRowGroup.DatePickerRowGroup,
-  RowHeader: datePickerRowHeader.DatePickerRowHeader,
+  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,
-  YearCell: datePickerYearCell.DatePickerYearCell,
-  YearCellTrigger: datePickerYearCellTrigger.DatePickerYearCellTrigger,
   YearSelect: datePickerYearSelect.DatePickerYearSelect
 });
 
-exports.useDatePickerCellContext = datePickerCellContext.useDatePickerCellContext;
 exports.DatePickerClearTrigger = datePickerClearTrigger.DatePickerClearTrigger;
-exports.DatePickerColumnHeader = datePickerColumnHeader.DatePickerColumnHeader;
 exports.DatePickerContent = datePickerContent.DatePickerContent;
 exports.useDatePickerContext = datePickerContext.useDatePickerContext;
 exports.DatePickerControl = datePickerControl.DatePickerControl;
-exports.DatePickerDayCell = datePickerDayCell.DatePickerDayCell;
-exports.useDatePickerDayCellContext = datePickerDayCellContext.useDatePickerDayCellContext;
-exports.DatePickerDayCellTrigger = datePickerDayCellTrigger.DatePickerDayCellTrigger;
-exports.DatePickerGrid = datePickerGrid.DatePickerGrid;
 exports.DatePickerInput = datePickerInput.DatePickerInput;
-exports.DatePickerMonthCell = datePickerMonthCell.DatePickerMonthCell;
-exports.DatePickerMonthCellTrigger = datePickerMonthCellTrigger.DatePickerMonthCellTrigger;
+exports.DatePickerLabel = datePickerLabel.DatePickerLabel;
 exports.DatePickerMonthSelect = datePickerMonthSelect.DatePickerMonthSelect;
 exports.DatePickerNextTrigger = datePickerNextTrigger.DatePickerNextTrigger;
 exports.DatePickerPositioner = datePickerPositioner.DatePickerPositioner;
 exports.DatePickerPrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
-exports.DatePickerRow = datePickerRow.DatePickerRow;
-exports.DatePickerRowGroup = datePickerRowGroup.DatePickerRowGroup;
-exports.DatePickerRowHeader = datePickerRowHeader.DatePickerRowHeader;
+exports.DatePickerRangeText = datePickerRangeText.DatePickerRangeText;
+exports.DatePickerTable = datePickerTable.DatePickerTable;
+exports.DatePickerTableBody = datePickerTableBody.DatePickerTableBody;
+exports.DatePickerTableCell = datePickerTableCell.DatePickerTableCell;
+exports.useDatePickerTableCellContext = datePickerTableCellContext.useDatePickerTableCellContext;
+exports.DatePickerTableCellTrigger = datePickerTableCellTrigger.DatePickerTableCellTrigger;
+exports.useDatePickerTableContext = datePickerTableContext.useDatePickerTableContext;
+exports.DatePickerTableHead = datePickerTableHead.DatePickerTableHead;
+exports.DatePickerTableHeader = datePickerTableHeader.DatePickerTableHeader;
+exports.DatePickerTableRow = datePickerTableRow.DatePickerTableRow;
 exports.DatePickerTrigger = datePickerTrigger.DatePickerTrigger;
+exports.DatePickerView = datePickerView.DatePickerView;
+exports.useDatePickerViewContext = datePickerViewContext.useDatePickerViewContext;
+exports.DatePickerViewControl = datePickerViewControl.DatePickerViewControl;
 exports.DatePickerViewTrigger = datePickerViewTrigger.DatePickerViewTrigger;
-exports.DatePickerYearCell = datePickerYearCell.DatePickerYearCell;
-exports.DatePickerYearCellTrigger = datePickerYearCellTrigger.DatePickerYearCellTrigger;
 exports.DatePickerYearSelect = datePickerYearSelect.DatePickerYearSelect;
-exports.datePickerAnatomy = datePicker_anatomy.datePickerAnatomy;
 exports.DatePicker = DatePicker;