@ark-ui/react 0.8.0-beta.0 → 0.8.0

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

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+const datePickerDayCellContext = require('./date-picker-day-cell-context.cjs');
+
+const DatePickerDayCellTrigger = forwardRef.forwardRef((props, ref) => {
+  const { getDayCellTriggerProps } = datePickerContext.useDatePickerContext();
+  const cellProps = datePickerDayCellContext.useDatePickerDayCellContext();
+  const mergedProps = react.mergeProps(getDayCellTriggerProps(cellProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+
+exports.DatePickerDayCellTrigger = DatePickerDayCellTrigger;

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

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type DatePickerDayCellTriggerProps = HTMLArkProps<'button'>;
+export declare const DatePickerDayCellTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;

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

@@ -0,0 +1,16 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+import { useDatePickerDayCellContext } from './date-picker-day-cell-context.mjs';
+
+const DatePickerDayCellTrigger = forwardRef((props, ref) => {
+  const { getDayCellTriggerProps } = useDatePickerContext();
+  const cellProps = useDatePickerDayCellContext();
+  const mergedProps = mergeProps(getDayCellTriggerProps(cellProps), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+
+export { DatePickerDayCellTrigger };

package/date-picker/date-picker-day-cell.cjs

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+const datePickerDayCellContext = require('./date-picker-day-cell-context.cjs');
+
+const DatePickerDayCell = forwardRef.forwardRef((props, ref) => {
+  const { getDayCellProps } = datePickerContext.useDatePickerContext();
+  const [cellProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "value",
+    "disabled",
+    "offset"
+  ]);
+  const mergedProps = react.mergeProps(getDayCellProps(cellProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(datePickerDayCellContext.DatePickerDayCellProvider, { value: cellProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+
+exports.DatePickerDayCell = DatePickerDayCell;

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

@@ -0,0 +1,6 @@
+import type { ForwardRefExoticComponent } from 'react';
+import type { DayCellProps } from '@zag-js/date-picker';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export type DatePickerDayCellProps = Assign<HTMLArkProps<'div'>, DayCellProps>;
+export declare const DatePickerDayCell: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, DayCellProps>>;

package/date-picker/date-picker-day-cell.mjs

@@ -0,0 +1,21 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+import { DatePickerDayCellProvider } from './date-picker-day-cell-context.mjs';
+
+const DatePickerDayCell = forwardRef((props, ref) => {
+  const { getDayCellProps } = useDatePickerContext();
+  const [cellProps, localProps] = createSplitProps()(props, [
+    "value",
+    "disabled",
+    "offset"
+  ]);
+  const mergedProps = mergeProps(getDayCellProps(cellProps), localProps);
+  return /* @__PURE__ */ jsx(DatePickerDayCellProvider, { value: cellProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+
+export { DatePickerDayCell };

package/date-picker/date-picker-grid.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const React = require('react');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerGrid = forwardRef.forwardRef((props, ref) => {
+  const [gridProps, localProps] = createSplitProps.createSplitProps()(props, ["view", "columns", "id"]);
+  const { getGridProps, view } = datePickerContext.useDatePickerContext();
+  const mergedProps = react.mergeProps(getGridProps({ view, id: React.useId(), ...gridProps }), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+
+exports.DatePickerGrid = DatePickerGrid;

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

@@ -0,0 +1,6 @@
+import type { ForwardRefExoticComponent } from 'react';
+import type { GridProps } from '@zag-js/date-picker';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export type DatePickerGridProps = Assign<HTMLArkProps<'div'>, GridProps>;
+export declare const DatePickerGrid: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, GridProps>>;

package/date-picker/date-picker-grid.mjs

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { useId } from 'react';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerGrid = forwardRef((props, ref) => {
+  const [gridProps, localProps] = createSplitProps()(props, ["view", "columns", "id"]);
+  const { getGridProps, view } = useDatePickerContext();
+  const mergedProps = mergeProps(getGridProps({ view, id: useId(), ...gridProps }), localProps);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+
+export { DatePickerGrid };

package/date-picker/date-picker-input.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerInput = forwardRef.forwardRef((props, ref) => {
+  const { inputProps } = datePickerContext.useDatePickerContext();
+  const mergedProps = react.mergeProps(inputProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
+});
+
+exports.DatePickerInput = DatePickerInput;

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

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type DatePickerInputProps = HTMLArkProps<'input'>;
+export declare const DatePickerInput: ForwardRefExoticComponent<Assign<AsChildComponentProps<"input">, Record<never, never>>>;

package/date-picker/date-picker-input.mjs

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerInput = forwardRef((props, ref) => {
+  const { inputProps } = useDatePickerContext();
+  const mergedProps = mergeProps(inputProps, props);
+  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
+});
+
+export { DatePickerInput };

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

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const datePickerCellContext = require('./date-picker-cell-context.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerMonthCellTrigger = forwardRef.forwardRef((props, ref) => {
+  const { getMonthCellTriggerProps } = datePickerContext.useDatePickerContext();
+  const cellProps = datePickerCellContext.useDatePickerCellContext();
+  const mergedProps = react.mergeProps(getMonthCellTriggerProps(cellProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+
+exports.DatePickerMonthCellTrigger = DatePickerMonthCellTrigger;

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

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type DatePickerMonthCellTriggerProps = HTMLArkProps<'button'>;
+export declare const DatePickerMonthCellTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;

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

@@ -0,0 +1,16 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useDatePickerCellContext } from './date-picker-cell-context.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerMonthCellTrigger = forwardRef((props, ref) => {
+  const { getMonthCellTriggerProps } = useDatePickerContext();
+  const cellProps = useDatePickerCellContext();
+  const mergedProps = mergeProps(getMonthCellTriggerProps(cellProps), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+
+export { DatePickerMonthCellTrigger };

package/date-picker/date-picker-month-cell.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const datePickerCellContext = require('./date-picker-cell-context.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerMonthCell = forwardRef.forwardRef((props, ref) => {
+  const { getMonthCellProps } = datePickerContext.useDatePickerContext();
+  const [cellProps, localProps] = createSplitProps.createSplitProps()(props, ["value", "disabled"]);
+  const mergedProps = react.mergeProps(getMonthCellProps(cellProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(datePickerCellContext.DatePickerCellProvider, { value: cellProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+
+exports.DatePickerMonthCell = DatePickerMonthCell;

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

@@ -0,0 +1,6 @@
+import type { ForwardRefExoticComponent } from 'react';
+import type { CellProps } from '@zag-js/date-picker';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export type DatePickerMonthCellProps = Assign<HTMLArkProps<'div'>, CellProps>;
+export declare const DatePickerMonthCell: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, CellProps>>;

package/date-picker/date-picker-month-cell.mjs

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { DatePickerCellProvider } from './date-picker-cell-context.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerMonthCell = forwardRef((props, ref) => {
+  const { getMonthCellProps } = useDatePickerContext();
+  const [cellProps, localProps] = createSplitProps()(props, ["value", "disabled"]);
+  const mergedProps = mergeProps(getMonthCellProps(cellProps), localProps);
+  return /* @__PURE__ */ jsx(DatePickerCellProvider, { value: cellProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+
+export { DatePickerMonthCell };

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

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerMonthSelect = forwardRef.forwardRef(
+  (props, ref) => {
+    const { monthSelectProps, getMonths } = datePickerContext.useDatePickerContext();
+    const mergedProps = react.mergeProps(monthSelectProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.select, { ...mergedProps, ref, children: getMonths().map((month, i) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: month.value, children: month.label }, i)) });
+  }
+);
+
+exports.DatePickerMonthSelect = DatePickerMonthSelect;

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

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type DatePickerMonthSelectProps = HTMLArkProps<'select'>;
+export declare const DatePickerMonthSelect: ForwardRefExoticComponent<Assign<AsChildComponentProps<"select">, DatePickerMonthSelectProps>>;

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

@@ -0,0 +1,16 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerMonthSelect = forwardRef(
+  (props, ref) => {
+    const { monthSelectProps, getMonths } = useDatePickerContext();
+    const mergedProps = mergeProps(monthSelectProps, props);
+    return /* @__PURE__ */ jsx(ark.select, { ...mergedProps, ref, children: getMonths().map((month, i) => /* @__PURE__ */ jsx("option", { value: month.value, children: month.label }, i)) });
+  }
+);
+
+export { DatePickerMonthSelect };

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

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerNextTrigger = forwardRef.forwardRef((props, ref) => {
+  const { getNextTriggerProps, view } = datePickerContext.useDatePickerContext();
+  const mergedProps = react.mergeProps(getNextTriggerProps({ view }), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+
+exports.DatePickerNextTrigger = DatePickerNextTrigger;

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

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type DatePickerNextTriggerProps = HTMLArkProps<'button'>;
+export declare const DatePickerNextTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;

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

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerNextTrigger = forwardRef((props, ref) => {
+  const { getNextTriggerProps, view } = useDatePickerContext();
+  const mergedProps = mergeProps(getNextTriggerProps({ view }), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+
+export { DatePickerNextTrigger };

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

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerPrevTrigger = forwardRef.forwardRef((props, ref) => {
+  const { getPrevTriggerProps, view } = datePickerContext.useDatePickerContext();
+  const mergedProps = react.mergeProps(getPrevTriggerProps({ view }), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+
+exports.DatePickerPrevTrigger = DatePickerPrevTrigger;

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

@@ -0,0 +1,6 @@
+import type { ForwardRefExoticComponent } from 'react';
+import type { ViewProps } from '@zag-js/date-picker';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export type DatePickerPrevTriggerProps = Assign<HTMLArkProps<'button'>, ViewProps>;
+export declare const DatePickerPrevTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;

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

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerPrevTrigger = forwardRef((props, ref) => {
+  const { getPrevTriggerProps, view } = useDatePickerContext();
+  const mergedProps = mergeProps(getPrevTriggerProps({ view }), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+
+export { DatePickerPrevTrigger };

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

@@ -0,0 +1,13 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const datePicker_anatomy = require('./date-picker.anatomy.cjs');
+
+const DatePickerRowGroup = forwardRef.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { role: "rowgroup", ...datePicker_anatomy.parts.rowGroup.attrs, ...props, ref }));
+
+exports.DatePickerRowGroup = DatePickerRowGroup;

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

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type DatePickerRowGroupProps = HTMLArkProps<'div'>;
+export declare const DatePickerRowGroup: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;

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

@@ -0,0 +1,9 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { parts } from './date-picker.anatomy.mjs';
+
+const DatePickerRowGroup = forwardRef((props, ref) => /* @__PURE__ */ jsx(ark.div, { role: "rowgroup", ...parts.rowGroup.attrs, ...props, ref }));
+
+export { DatePickerRowGroup };

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

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerRowHeader = forwardRef.forwardRef((props, ref) => {
+  const { getHeaderProps } = datePickerContext.useDatePickerContext();
+  const mergedProps = react.mergeProps(getHeaderProps({ view: "day" }), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { role: "row", ...mergedProps, "aria-hidden": false, ref });
+});
+
+exports.DatePickerRowHeader = DatePickerRowHeader;

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

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type DatePickerRowHeaderProps = HTMLArkProps<'div'>;
+export declare const DatePickerRowHeader: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;

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

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerRowHeader = forwardRef((props, ref) => {
+  const { getHeaderProps } = useDatePickerContext();
+  const mergedProps = mergeProps(getHeaderProps({ view: "day" }), props);
+  return /* @__PURE__ */ jsx(ark.div, { role: "row", ...mergedProps, "aria-hidden": false, ref });
+});
+
+export { DatePickerRowHeader };

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

@@ -0,0 +1,13 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const datePicker_anatomy = require('./date-picker.anatomy.cjs');
+
+const DatePickerRow = forwardRef.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { role: "row", ...datePicker_anatomy.parts.row.attrs, ...props, ref }));
+
+exports.DatePickerRow = DatePickerRow;

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

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type DatePickerRowProps = HTMLArkProps<'div'>;
+export declare const DatePickerRow: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;

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

@@ -0,0 +1,9 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { parts } from './date-picker.anatomy.mjs';
+
+const DatePickerRow = forwardRef((props, ref) => /* @__PURE__ */ jsx(ark.div, { role: "row", ...parts.row.attrs, ...props, ref }));
+
+export { DatePickerRow };

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

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerTrigger = forwardRef.forwardRef((props, ref) => {
+  const { triggerProps } = datePickerContext.useDatePickerContext();
+  const mergedProps = react.mergeProps(triggerProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+
+exports.DatePickerTrigger = DatePickerTrigger;

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

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type DatePickerTriggerProps = HTMLArkProps<'button'>;
+export declare const DatePickerTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;

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

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

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

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerViewTrigger = forwardRef.forwardRef((props, ref) => {
+  const [viewProps, localProps] = createSplitProps.createSplitProps()(props, ["view"]);
+  const { getViewTriggerProps, view } = datePickerContext.useDatePickerContext();
+  const mergedProps = react.mergeProps(getViewTriggerProps({ view: viewProps.view ?? view }), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+
+exports.DatePickerViewTrigger = DatePickerViewTrigger;

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

@@ -0,0 +1,6 @@
+import type { ForwardRefExoticComponent } from 'react';
+import type { ViewProps } from '@zag-js/date-picker';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export type DatePickerViewTriggerProps = Assign<HTMLArkProps<'button'>, ViewProps>;
+export declare const DatePickerViewTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, ViewProps>>;

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

@@ -0,0 +1,16 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerViewTrigger = forwardRef((props, ref) => {
+  const [viewProps, localProps] = createSplitProps()(props, ["view"]);
+  const { getViewTriggerProps, view } = useDatePickerContext();
+  const mergedProps = mergeProps(getViewTriggerProps({ view: viewProps.view ?? view }), localProps);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+
+export { DatePickerViewTrigger };