@ark-ui/solid 0.4.0 → 0.6.0

package/dist/date-picker/date-picker-next-trigger.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';
+
+const DatePickerNextTrigger = props => {
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(datePicker().getNextTriggerProps({
+    view: datePicker().view
+  }), props);
+  return createComponent(ark.button, mergedProps);
+};
+
+export { DatePickerNextTrigger };

package/dist/date-picker/date-picker-prev-trigger.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 DatePickerPrevTrigger = props => {
+  const datePicker = datePickerContext.useDatePickerContext();
+  const mergedProps = solid.mergeProps(datePicker().getPrevTriggerProps({
+    view: datePicker().view
+  }), props);
+  return web.createComponent(factory.ark.button, mergedProps);
+};
+
+exports.DatePickerPrevTrigger = DatePickerPrevTrigger;

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

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

package/dist/date-picker/date-picker-prev-trigger.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';
+
+const DatePickerPrevTrigger = props => {
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(datePicker().getPrevTriggerProps({
+    view: datePicker().view
+  }), props);
+  return createComponent(ark.button, mergedProps);
+};
+
+export { DatePickerPrevTrigger };

package/dist/date-picker/date-picker-row-group.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const factory = require('../factory.cjs');
+const datePicker_anatomy = require('./date-picker.anatomy.cjs');
+
+const DatePickerRowGroup = props => web.createComponent(factory.ark.div, web.mergeProps({
+  role: "rowgroup"
+}, () => datePicker_anatomy.parts.rowGroup.attrs, props));
+
+exports.DatePickerRowGroup = DatePickerRowGroup;

package/dist/date-picker/date-picker-row-group.d.ts

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

package/dist/date-picker/date-picker-row-group.mjs

@@ -0,0 +1,9 @@
+import { createComponent, mergeProps } from 'solid-js/web';
+import { ark } from '../factory.mjs';
+import { parts } from './date-picker.anatomy.mjs';
+
+const DatePickerRowGroup = props => createComponent(ark.div, mergeProps({
+  role: "rowgroup"
+}, () => parts.rowGroup.attrs, props));
+
+export { DatePickerRowGroup };

package/dist/date-picker/date-picker-row-header.cjs

@@ -0,0 +1,22 @@
+'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 DatePickerRowHeader = props => {
+  const datePicker = datePickerContext.useDatePickerContext();
+  const mergedProps = solid.mergeProps(() => datePicker().getHeaderProps({
+    view: 'day'
+  }), props);
+  return web.createComponent(factory.ark.div, web.mergeProps({
+    role: "row"
+  }, mergedProps, {
+    "aria-hidden": false
+  }));
+};
+
+exports.DatePickerRowHeader = DatePickerRowHeader;

package/dist/date-picker/date-picker-row-header.d.ts

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

package/dist/date-picker/date-picker-row-header.mjs

@@ -0,0 +1,18 @@
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerRowHeader = props => {
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(() => datePicker().getHeaderProps({
+    view: 'day'
+  }), props);
+  return createComponent(ark.div, mergeProps$1({
+    role: "row"
+  }, mergedProps, {
+    "aria-hidden": false
+  }));
+};
+
+export { DatePickerRowHeader };

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const factory = require('../factory.cjs');
+const datePicker_anatomy = require('./date-picker.anatomy.cjs');
+
+const DatePickerRow = props => web.createComponent(factory.ark.div, web.mergeProps({
+  role: "row"
+}, () => datePicker_anatomy.parts.row.attrs, props));
+
+exports.DatePickerRow = DatePickerRow;

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

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

package/dist/date-picker/date-picker-row.mjs

@@ -0,0 +1,9 @@
+import { createComponent, mergeProps } from 'solid-js/web';
+import { ark } from '../factory.mjs';
+import { parts } from './date-picker.anatomy.mjs';
+
+const DatePickerRow = props => createComponent(ark.div, mergeProps({
+  role: "row"
+}, () => parts.row.attrs, props));
+
+export { DatePickerRow };

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

@@ -0,0 +1,16 @@
+'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 DatePickerTrigger = props => {
+  const datePicker = datePickerContext.useDatePickerContext();
+  const mergedProps = solid.mergeProps(() => datePicker().triggerProps, props);
+  return web.createComponent(factory.ark.button, mergedProps);
+};
+
+exports.DatePickerTrigger = DatePickerTrigger;

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

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

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

@@ -0,0 +1,12 @@
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerTrigger = props => {
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(() => datePicker().triggerProps, props);
+  return createComponent(ark.button, mergedProps);
+};
+
+export { DatePickerTrigger };

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

@@ -0,0 +1,20 @@
+'use strict';
+
+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 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);
+  return web.createComponent(factory.ark.button, mergedProps);
+};
+
+exports.DatePickerViewTrigger = DatePickerViewTrigger;

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

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

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

@@ -0,0 +1,16 @@
+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';
+
+const DatePickerViewTrigger = props => {
+  const [viewProps, localProps] = createSplitProps()(props, ['view']);
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(() => datePicker().getViewTriggerProps({
+    view: viewProps.view ?? datePicker().view
+  }), localProps);
+  return createComponent(ark.button, mergedProps);
+};
+
+export { DatePickerViewTrigger };

package/dist/date-picker/date-picker-year-cell-trigger.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 datePickerCellContext = require('./date-picker-cell-context.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerYearCellTrigger = props => {
+  const datePicker = datePickerContext.useDatePickerContext();
+  const cellProps = datePickerCellContext.useDatePickerCellContext();
+  const mergedProps = solid.mergeProps(() => datePicker().getYearCellTriggerProps(cellProps), props);
+  return web.createComponent(factory.ark.button, mergedProps);
+};
+
+exports.DatePickerYearCellTrigger = DatePickerYearCellTrigger;

package/dist/date-picker/date-picker-year-cell-trigger.d.ts

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

package/dist/date-picker/date-picker-year-cell-trigger.mjs

@@ -0,0 +1,14 @@
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory.mjs';
+import { useDatePickerCellContext } from './date-picker-cell-context.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerYearCellTrigger = props => {
+  const datePicker = useDatePickerContext();
+  const cellProps = useDatePickerCellContext();
+  const mergedProps = mergeProps(() => datePicker().getYearCellTriggerProps(cellProps), props);
+  return createComponent(ark.button, mergedProps);
+};
+
+export { DatePickerYearCellTrigger };

package/dist/date-picker/date-picker-year-cell.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+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 datePickerCellContext = require('./date-picker-cell-context.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerYearCell = props => {
+  const datePicker = datePickerContext.useDatePickerContext();
+  const [cellProps, localProps] = createSplitProps.createSplitProps()(props, ['value', 'disabled']);
+  const mergedProps = solid.mergeProps(() => datePicker().getYearCellProps(cellProps), localProps);
+  return web.createComponent(datePickerCellContext.DatePickerCellProvider, {
+    value: cellProps,
+    get children() {
+      return web.createComponent(factory.ark.div, mergedProps);
+    }
+  });
+};
+
+exports.DatePickerYearCell = DatePickerYearCell;

package/dist/date-picker/date-picker-year-cell.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'solid-js';
+import type { CellProps } from '@zag-js/date-picker';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export type DatePickerYearCellProps = Assign<HTMLArkProps<'div'>, CellProps>;
+export declare const DatePickerYearCell: (props: DatePickerYearCellProps) => JSX.Element;

package/dist/date-picker/date-picker-year-cell.mjs

@@ -0,0 +1,20 @@
+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 { DatePickerCellProvider } from './date-picker-cell-context.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerYearCell = props => {
+  const datePicker = useDatePickerContext();
+  const [cellProps, localProps] = createSplitProps()(props, ['value', 'disabled']);
+  const mergedProps = mergeProps(() => datePicker().getYearCellProps(cellProps), localProps);
+  return createComponent(DatePickerCellProvider, {
+    value: cellProps,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+export { DatePickerYearCell };

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

@@ -0,0 +1,43 @@
+'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 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);
+  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$;
+        })()
+      });
+    }
+  }));
+};
+function getYearsRange(range) {
+  const years = [];
+  for (let year = range.from; year <= range.to; year += 1) {
+    years.push(year);
+  }
+  return years;
+}
+
+exports.DatePickerYearSelect = DatePickerYearSelect;
+exports.getYearsRange = getYearsRange;

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

@@ -0,0 +1,9 @@
+import type { 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 declare function getYearsRange(range: YearsRange): number[];

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

@@ -0,0 +1,38 @@
+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);
+  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$;
+        })()
+      });
+    }
+  }));
+};
+function getYearsRange(range) {
+  const years = [];
+  for (let year = range.from; year <= range.to; year += 1) {
+    years.push(year);
+  }
+  return years;
+}
+
+export { DatePickerYearSelect, getYearsRange };

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const datePicker = require('@zag-js/date-picker');
+
+const datePickerAnatomy = datePicker.anatomy.extendWith("row", "rowGroup", "columnHeader");
+const parts = datePickerAnatomy.build();
+
+exports.datePickerAnatomy = datePickerAnatomy;
+exports.parts = parts;

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

@@ -0,0 +1,3 @@
+import type { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy/dist/create-anatomy';
+export declare const datePickerAnatomy: AnatomyInstance<"header" | "input" | "label" | "content" | "grid" | "row" | "nextTrigger" | "control" | "trigger" | "viewTrigger" | "cellTrigger" | "prevTrigger" | "clearTrigger" | "monthSelect" | "yearSelect" | "rowGroup" | "columnHeader">;
+export declare const parts: Record<"header" | "input" | "label" | "content" | "grid" | "row" | "nextTrigger" | "control" | "trigger" | "viewTrigger" | "cellTrigger" | "prevTrigger" | "clearTrigger" | "monthSelect" | "yearSelect" | "rowGroup" | "columnHeader", AnatomyPart>;

package/dist/date-picker/date-picker.anatomy.mjs

@@ -0,0 +1,6 @@
+import { anatomy } from '@zag-js/date-picker';
+
+const datePickerAnatomy = anatomy.extendWith("row", "rowGroup", "columnHeader");
+const parts = datePickerAnatomy.build();
+
+export { datePickerAnatomy, parts };

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

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const createSplitProps = require('../create-split-props.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', 'readOnly', 'selectionMode', 'startOfWeek', 'timeZone', 'value', 'view']);
+  const api = useDatePicker.useDatePicker(useDatePickerProps);
+  const getChildren = () => runIfFn.runIfFn(localProps.children, api);
+  return web.createComponent(datePickerContext.DatePickerProvider, {
+    value: api,
+    get children() {
+      return getChildren();
+    }
+  });
+};
+
+exports.DatePicker = DatePicker;

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

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

package/dist/date-picker/date-picker.mjs

@@ -0,0 +1,19 @@
+import { createComponent } from 'solid-js/web';
+import { createSplitProps } from '../create-split-props.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', 'readOnly', 'selectionMode', 'startOfWeek', 'timeZone', 'value', 'view']);
+  const api = useDatePicker(useDatePickerProps);
+  const getChildren = () => runIfFn(localProps.children, api);
+  return createComponent(DatePickerProvider, {
+    value: api,
+    get children() {
+      return getChildren();
+    }
+  });
+};
+
+export { DatePicker };

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

@@ -0,0 +1,23 @@
+export { DatePicker, type DatePickerProps } from './date-picker';
+export { DatePickerClearTrigger, type DatePickerClearTriggerProps, } from './date-picker-clear-trigger';
+export { DatePickerColumnHeader, type DatePickerColumnHeaderProps, } from './date-picker-column-header';
+export { DatePickerContent, type DatePickerContentProps } from './date-picker-content';
+export { DatePickerControl, type DatePickerControlProps } from './date-picker-control';
+export { DatePickerDayCell, type DatePickerDayCellProps } from './date-picker-day-cell';
+export { DatePickerDayCellTrigger, type DatePickerDayCellTriggerProps, } from './date-picker-day-cell-trigger';
+export { DatePickerGrid, type DatePickerGridProps } from './date-picker-grid';
+export { DatePickerInput, type DatePickerInputProps } from './date-picker-input';
+export { DatePickerMonthCell, type DatePickerMonthCellProps } from './date-picker-month-cell';
+export { DatePickerMonthCellTrigger, type DatePickerMonthCellTriggerProps, } from './date-picker-month-cell-trigger';
+export { DatePickerMonthSelect, type DatePickerMonthSelectProps } from './date-picker-month-select';
+export { DatePickerNextTrigger, type DatePickerNextTriggerProps } from './date-picker-next-trigger';
+export { DatePickerPrevTrigger, type DatePickerPrevTriggerProps } from './date-picker-prev-trigger';
+export { DatePickerRow, type DatePickerRowProps } from './date-picker-row';
+export { DatePickerRowGroup, type DatePickerRowGroupProps } from './date-picker-row-group';
+export { DatePickerRowHeader, type DatePickerRowHeaderProps } from './date-picker-row-header';
+export { DatePickerTrigger, type DatePickerTriggerProps } from './date-picker-trigger';
+export { DatePickerViewTrigger, type DatePickerViewTriggerProps } from './date-picker-view-trigger';
+export { DatePickerYearCell, type DatePickerYearCellProps } from './date-picker-year-cell';
+export { DatePickerYearCellTrigger, type DatePickerYearCellTriggerProps, } from './date-picker-year-cell-trigger';
+export { DatePickerYearSelect, type DatePickerYearSelectProps } from './date-picker-year-select';
+export { datePickerAnatomy } from './date-picker.anatomy';

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

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const datePicker = require('@zag-js/date-picker');
+const solid = require('@zag-js/solid');
+const solidJs = require('solid-js');
+const environmentContext = require('../environment/environment-context.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const datePicker__namespace = /*#__PURE__*/_interopNamespaceDefault(datePicker);
+
+const useDatePicker = props => {
+  const getRootNode = environmentContext.useEnvironmentContext();
+  const context = solid.mergeProps({
+    id: solidJs.createUniqueId(),
+    getRootNode
+  }, props);
+  const [state, send] = solid.useMachine(datePicker__namespace.machine(context), {
+    context
+  });
+  return solidJs.createMemo(() => datePicker__namespace.connect(state, send, solid.normalizeProps));
+};
+
+exports.useDatePicker = useDatePicker;

package/dist/date-picker/use-date-picker.mjs

@@ -0,0 +1,18 @@
+import * as datePicker from '@zag-js/date-picker';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
+import { createUniqueId, createMemo } from 'solid-js';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
+
+const useDatePicker = props => {
+  const getRootNode = useEnvironmentContext();
+  const context = mergeProps({
+    id: createUniqueId(),
+    getRootNode
+  }, props);
+  const [state, send] = useMachine(datePicker.machine(context), {
+    context
+  });
+  return createMemo(() => datePicker.connect(state, send, normalizeProps));
+};
+
+export { useDatePicker };