@ark-ui/react 2.2.3 → 3.0.0-1

package/dist/components/date-picker/date-picker-table-head.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useDatePickerContext } from './use-date-picker-context.js';
+import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.js';
+
+const DatePickerTableHead = forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext();
+    const tableProps = useDatePickerTablePropsContext();
+    const mergedProps = mergeProps(datePicker.getTableHeadProps(tableProps), props);
+    return /* @__PURE__ */ jsx(ark.thead, { ...mergedProps, ref });
+  }
+);
+DatePickerTableHead.displayName = "DatePickerTableHead";
+
+export { DatePickerTableHead };

package/dist/components/date-picker/date-picker-table-header.cjs

@@ -0,0 +1,23 @@
+'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 factory = require('../factory.cjs');
+const useDatePickerContext = require('./use-date-picker-context.cjs');
+const useDatePickerTablePropsContext = require('./use-date-picker-table-props-context.cjs');
+
+const DatePickerTableHeader = react.forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext.useDatePickerContext();
+    const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
+    const mergedProps = react$1.mergeProps(datePicker.getTableHeaderProps(tableProps), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.th, { ...mergedProps, ref });
+  }
+);
+DatePickerTableHeader.displayName = "DatePickerTableHeader";
+
+exports.DatePickerTableHeader = DatePickerTableHeader;

package/dist/components/date-picker/date-picker-table-header.d.cts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerTableHeaderProps extends HTMLArkProps<'th'> {
+}
+export declare const DatePickerTableHeader: ForwardRefExoticComponent<DatePickerTableHeaderProps & RefAttributes<HTMLTableCellElement>>;

package/dist/components/date-picker/date-picker-table-header.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerTableHeaderProps extends HTMLArkProps<'th'> {
+}
+export declare const DatePickerTableHeader: ForwardRefExoticComponent<DatePickerTableHeaderProps & RefAttributes<HTMLTableCellElement>>;

package/dist/components/date-picker/date-picker-table-header.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useDatePickerContext } from './use-date-picker-context.js';
+import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.js';
+
+const DatePickerTableHeader = forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext();
+    const tableProps = useDatePickerTablePropsContext();
+    const mergedProps = mergeProps(datePicker.getTableHeaderProps(tableProps), props);
+    return /* @__PURE__ */ jsx(ark.th, { ...mergedProps, ref });
+  }
+);
+DatePickerTableHeader.displayName = "DatePickerTableHeader";
+
+export { DatePickerTableHeader };

package/dist/components/date-picker/date-picker-table-row.cjs

@@ -0,0 +1,23 @@
+'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 factory = require('../factory.cjs');
+const useDatePickerContext = require('./use-date-picker-context.cjs');
+const useDatePickerTablePropsContext = require('./use-date-picker-table-props-context.cjs');
+
+const DatePickerTableRow = react.forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext.useDatePickerContext();
+    const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
+    const mergedProps = react$1.mergeProps(datePicker.getTableRowProps(tableProps), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.tr, { ...mergedProps, ref });
+  }
+);
+DatePickerTableRow.displayName = "DatePickerTableRow";
+
+exports.DatePickerTableRow = DatePickerTableRow;

package/dist/components/date-picker/date-picker-table-row.d.cts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerTableRowProps extends HTMLArkProps<'tr'> {
+}
+export declare const DatePickerTableRow: ForwardRefExoticComponent<DatePickerTableRowProps & RefAttributes<HTMLTableRowElement>>;

package/dist/components/date-picker/date-picker-table-row.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerTableRowProps extends HTMLArkProps<'tr'> {
+}
+export declare const DatePickerTableRow: ForwardRefExoticComponent<DatePickerTableRowProps & RefAttributes<HTMLTableRowElement>>;

package/dist/components/date-picker/date-picker-table-row.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useDatePickerContext } from './use-date-picker-context.js';
+import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.js';
+
+const DatePickerTableRow = forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext();
+    const tableProps = useDatePickerTablePropsContext();
+    const mergedProps = mergeProps(datePicker.getTableRowProps(tableProps), props);
+    return /* @__PURE__ */ jsx(ark.tr, { ...mergedProps, ref });
+  }
+);
+DatePickerTableRow.displayName = "DatePickerTableRow";
+
+export { DatePickerTableRow };

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

@@ -0,0 +1,27 @@
+'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('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useDatePickerContext = require('./use-date-picker-context.cjs');
+const useDatePickerTablePropsContext = require('./use-date-picker-table-props-context.cjs');
+const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
+
+const DatePickerTable = react.forwardRef((props, ref) => {
+  const [{ columns }, localProps] = createSplitProps.createSplitProps()(props, [
+    "columns"
+  ]);
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
+  const tableProps = { columns, id: react.useId(), ...viewProps };
+  const mergedProps = react$1.mergeProps(datePicker.getTableProps(tableProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useDatePickerTablePropsContext.DatePickerTablePropsProvider, { value: tableProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.table, { ...mergedProps, ref }) });
+});
+DatePickerTable.displayName = "DatePickerTable";
+
+exports.DatePickerTable = DatePickerTable;

package/dist/components/date-picker/date-picker-table.d.cts

@@ -0,0 +1,8 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+import { Assign } from '../../types';
+import { TableProps } from '@zag-js/date-picker';
+
+export interface DatePickerTableProps extends Assign<HTMLArkProps<'table'>, Pick<TableProps, 'columns'>> {
+}
+export declare const DatePickerTable: ForwardRefExoticComponent<DatePickerTableProps & RefAttributes<HTMLTableElement>>;

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

@@ -0,0 +1,8 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+import { Assign } from '../../types';
+import { TableProps } from '@zag-js/date-picker';
+
+export interface DatePickerTableProps extends Assign<HTMLArkProps<'table'>, Pick<TableProps, 'columns'>> {
+}
+export declare const DatePickerTable: ForwardRefExoticComponent<DatePickerTableProps & RefAttributes<HTMLTableElement>>;

package/dist/components/date-picker/date-picker-table.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef, useId } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useDatePickerContext } from './use-date-picker-context.js';
+import { DatePickerTablePropsProvider } from './use-date-picker-table-props-context.js';
+import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js';
+
+const DatePickerTable = forwardRef((props, ref) => {
+  const [{ columns }, localProps] = createSplitProps()(props, [
+    "columns"
+  ]);
+  const datePicker = useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext();
+  const tableProps = { columns, id: useId(), ...viewProps };
+  const mergedProps = mergeProps(datePicker.getTableProps(tableProps), localProps);
+  return /* @__PURE__ */ jsx(DatePickerTablePropsProvider, { value: tableProps, children: /* @__PURE__ */ jsx(ark.table, { ...mergedProps, ref }) });
+});
+DatePickerTable.displayName = "DatePickerTable";
+
+export { DatePickerTable };

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

@@ -0,0 +1,21 @@
+'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 factory = require('../factory.cjs');
+const useDatePickerContext = require('./use-date-picker-context.cjs');
+
+const DatePickerTrigger = react.forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext.useDatePickerContext();
+    const mergedProps = react$1.mergeProps(datePicker.triggerProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
+DatePickerTrigger.displayName = "DatePickerTrigger";
+
+exports.DatePickerTrigger = DatePickerTrigger;

package/dist/components/date-picker/date-picker-trigger.d.cts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const DatePickerTrigger: ForwardRefExoticComponent<DatePickerTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const DatePickerTrigger: ForwardRefExoticComponent<DatePickerTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/date-picker/date-picker-trigger.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useDatePickerContext } from './use-date-picker-context.js';
+
+const DatePickerTrigger = forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext();
+    const mergedProps = mergeProps(datePicker.triggerProps, props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
+DatePickerTrigger.displayName = "DatePickerTrigger";
+
+export { DatePickerTrigger };

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

@@ -0,0 +1,23 @@
+'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 factory = require('../factory.cjs');
+const useDatePickerContext = require('./use-date-picker-context.cjs');
+const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
+
+const DatePickerViewControl = react.forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext.useDatePickerContext();
+    const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
+    const mergedProps = react$1.mergeProps(datePicker.getViewControlProps(viewProps), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+DatePickerViewControl.displayName = "DatePickerViewControl";
+
+exports.DatePickerViewControl = DatePickerViewControl;

package/dist/components/date-picker/date-picker-view-control.d.cts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerViewControlProps extends HTMLArkProps<'div'> {
+}
+export declare const DatePickerViewControl: ForwardRefExoticComponent<DatePickerViewControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerViewControlProps extends HTMLArkProps<'div'> {
+}
+export declare const DatePickerViewControl: ForwardRefExoticComponent<DatePickerViewControlProps & RefAttributes<HTMLDivElement>>;

package/dist/components/date-picker/date-picker-view-control.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useDatePickerContext } from './use-date-picker-context.js';
+import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js';
+
+const DatePickerViewControl = forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext();
+    const viewProps = useDatePickerViewPropsContext();
+    const mergedProps = mergeProps(datePicker.getViewControlProps(viewProps), props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+DatePickerViewControl.displayName = "DatePickerViewControl";
+
+export { DatePickerViewControl };

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

@@ -0,0 +1,23 @@
+'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 factory = require('../factory.cjs');
+const useDatePickerContext = require('./use-date-picker-context.cjs');
+const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
+
+const DatePickerViewTrigger = react.forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext.useDatePickerContext();
+    const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
+    const mergedProps = react$1.mergeProps(datePicker.getViewTriggerProps(viewProps), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
+DatePickerViewTrigger.displayName = "DatePickerViewTrigger";
+
+exports.DatePickerViewTrigger = DatePickerViewTrigger;

package/dist/components/date-picker/date-picker-view-trigger.d.cts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerViewTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const DatePickerViewTrigger: ForwardRefExoticComponent<DatePickerViewTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerViewTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const DatePickerViewTrigger: ForwardRefExoticComponent<DatePickerViewTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/date-picker/date-picker-view-trigger.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useDatePickerContext } from './use-date-picker-context.js';
+import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js';
+
+const DatePickerViewTrigger = forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext();
+    const viewProps = useDatePickerViewPropsContext();
+    const mergedProps = mergeProps(datePicker.getViewTriggerProps(viewProps), props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
+DatePickerViewTrigger.displayName = "DatePickerViewTrigger";
+
+export { DatePickerViewTrigger };

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

@@ -0,0 +1,29 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const anatomy = require('@ark-ui/anatomy');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useDatePickerContext = require('./use-date-picker-context.cjs');
+const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
+
+const DatePickerView = react.forwardRef((props, ref) => {
+  const [viewProps, localProps] = createSplitProps.createSplitProps()(props, ["view"]);
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(useDatePickerViewPropsContext.DatePickerViewPropsProvider, { value: viewProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+    factory.ark.div,
+    {
+      hidden: datePicker.view !== viewProps.view,
+      ...anatomy.datePickerAnatomy.build().view.attrs,
+      ...localProps,
+      ref
+    }
+  ) });
+});
+DatePickerView.displayName = "DatePickerView";
+
+exports.DatePickerView = DatePickerView;

package/dist/components/date-picker/date-picker-view.d.cts

@@ -0,0 +1,8 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+import { Assign } from '../../types';
+import { ViewProps } from '@zag-js/date-picker';
+
+export interface DatePickerViewProps extends Assign<HTMLArkProps<'div'>, Required<ViewProps>> {
+}
+export declare const DatePickerView: ForwardRefExoticComponent<DatePickerViewProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+import { Assign } from '../../types';
+import { ViewProps } from '@zag-js/date-picker';
+
+export interface DatePickerViewProps extends Assign<HTMLArkProps<'div'>, Required<ViewProps>> {
+}
+export declare const DatePickerView: ForwardRefExoticComponent<DatePickerViewProps & RefAttributes<HTMLDivElement>>;

package/dist/components/date-picker/date-picker-view.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { datePickerAnatomy } from '@ark-ui/anatomy';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useDatePickerContext } from './use-date-picker-context.js';
+import { DatePickerViewPropsProvider } from './use-date-picker-view-props-context.js';
+
+const DatePickerView = forwardRef((props, ref) => {
+  const [viewProps, localProps] = createSplitProps()(props, ["view"]);
+  const datePicker = useDatePickerContext();
+  return /* @__PURE__ */ jsx(DatePickerViewPropsProvider, { value: viewProps, children: /* @__PURE__ */ jsx(
+    ark.div,
+    {
+      hidden: datePicker.view !== viewProps.view,
+      ...datePickerAnatomy.build().view.attrs,
+      ...localProps,
+      ref
+    }
+  ) });
+});
+DatePickerView.displayName = "DatePickerView";
+
+export { DatePickerView };

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

@@ -0,0 +1,28 @@
+'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 factory = require('../factory.cjs');
+const useDatePickerContext = require('./use-date-picker-context.cjs');
+
+const DatePickerYearSelect = react.forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext.useDatePickerContext();
+    const mergedProps = react$1.mergeProps(datePicker.yearSelectProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.select, { ...mergedProps, ref, children: getYearsRange({ from: 1e3, to: 4e3 }).map((year, i) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: year, children: year }, i)) });
+  }
+);
+DatePickerYearSelect.displayName = "DatePickerYearSelect";
+function getYearsRange(range) {
+  const years = [];
+  for (let year = range.from; year <= range.to; year += 1) {
+    years.push(year);
+  }
+  return years;
+}
+
+exports.DatePickerYearSelect = DatePickerYearSelect;

package/dist/components/date-picker/date-picker-year-select.d.cts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerYearSelectProps extends HTMLArkProps<'select'> {
+}
+export declare const DatePickerYearSelect: ForwardRefExoticComponent<DatePickerYearSelectProps & RefAttributes<HTMLSelectElement>>;

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

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerYearSelectProps extends HTMLArkProps<'select'> {
+}
+export declare const DatePickerYearSelect: ForwardRefExoticComponent<DatePickerYearSelectProps & RefAttributes<HTMLSelectElement>>;

package/dist/components/date-picker/date-picker-year-select.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useDatePickerContext } from './use-date-picker-context.js';
+
+const DatePickerYearSelect = forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext();
+    const mergedProps = mergeProps(datePicker.yearSelectProps, props);
+    return /* @__PURE__ */ jsx(ark.select, { ...mergedProps, ref, children: getYearsRange({ from: 1e3, to: 4e3 }).map((year, i) => /* @__PURE__ */ jsx("option", { value: year, children: year }, i)) });
+  }
+);
+DatePickerYearSelect.displayName = "DatePickerYearSelect";
+function getYearsRange(range) {
+  const years = [];
+  for (let year = range.from; year <= range.to; year += 1) {
+    years.push(year);
+  }
+  return years;
+}
+
+export { DatePickerYearSelect };

package/dist/components/date-picker/date-picker.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const datePickerClearTrigger = require('./date-picker-clear-trigger.cjs');
+const datePickerContent = require('./date-picker-content.cjs');
+const datePickerContext = require('./date-picker-context.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 datePickerPresetTrigger = require('./date-picker-preset-trigger.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');
+
+
+
+exports.ClearTrigger = datePickerClearTrigger.DatePickerClearTrigger;
+exports.Content = datePickerContent.DatePickerContent;
+exports.Context = datePickerContext.DatePickerContext;
+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.PresetTrigger = datePickerPresetTrigger.DatePickerPresetTrigger;
+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/dist/components/date-picker/date-picker.d.cts

@@ -0,0 +1,26 @@
+export type { FocusChangeDetails, OpenChangeDetails, ValueChangeDetails, ViewChangeDetails, } from '@zag-js/date-picker';
+export { DatePickerClearTrigger as ClearTrigger, type DatePickerClearTriggerProps as ClearTriggerProps, } from './date-picker-clear-trigger';
+export { DatePickerContent as Content, type DatePickerContentProps as ContentProps, } from './date-picker-content';
+export { DatePickerContext as Context, type DatePickerContextProps as ContextProps, } from './date-picker-context';
+export { DatePickerControl as Control, type DatePickerControlProps as ControlProps, } from './date-picker-control';
+export { DatePickerInput as Input, type DatePickerInputProps as InputProps, } from './date-picker-input';
+export { DatePickerLabel as Label, type DatePickerLabelProps as LabelProps, } from './date-picker-label';
+export { DatePickerMonthSelect as MonthSelect, type DatePickerMonthSelectProps as MonthSelectProps, } from './date-picker-month-select';
+export { DatePickerNextTrigger as NextTrigger, type DatePickerNextTriggerProps as NextTriggerProps, } from './date-picker-next-trigger';
+export { DatePickerPositioner as Positioner, type DatePickerPositionerProps as PositionerProps, } from './date-picker-positioner';
+export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerProps as PresetTriggerProps, } from './date-picker-preset-trigger';
+export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerProps as PrevTriggerProps, } from './date-picker-prev-trigger';
+export { DatePickerRangeText as RangeText, type DatePickerRangeTextProps as RangeTextProps, } from './date-picker-range-text';
+export { DatePickerRoot as Root, type DatePickerRootProps as RootProps } from './date-picker-root';
+export { DatePickerTable as Table, type DatePickerTableProps as TableProps, } from './date-picker-table';
+export { DatePickerTableBody as TableBody, type DatePickerTableBodyProps as TableBodyProps, } from './date-picker-table-body';
+export { DatePickerTableCell as TableCell, type DatePickerTableCellProps as TableCellProps, } from './date-picker-table-cell';
+export { DatePickerTableCellTrigger as TableCellTrigger, type DatePickerTableCellTriggerProps as TableCellTriggerProps, } from './date-picker-table-cell-trigger';
+export { DatePickerTableHead as TableHead, type DatePickerTableHeadProps as TableHeadProps, } from './date-picker-table-head';
+export { DatePickerTableHeader as TableHeader, type DatePickerTableHeaderProps as TableHeaderProps, } from './date-picker-table-header';
+export { DatePickerTableRow as TableRow, type DatePickerTableRowProps as TableRowProps, } from './date-picker-table-row';
+export { DatePickerTrigger as Trigger, type DatePickerTriggerProps as TriggerProps, } from './date-picker-trigger';
+export { DatePickerView as View, type DatePickerViewProps as ViewProps } from './date-picker-view';
+export { DatePickerViewControl as ViewControl, type DatePickerViewControlProps as ViewControlProps, } from './date-picker-view-control';
+export { DatePickerViewTrigger as ViewTrigger, type DatePickerViewTriggerProps as ViewTriggerProps, } from './date-picker-view-trigger';
+export { DatePickerYearSelect as YearSelect, type DatePickerYearSelectProps as YearSelectProps, } from './date-picker-year-select';