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

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

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

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

@@ -4,17 +4,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('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 DatePickerDayCellTrigger = react.forwardRef((props, ref) => {
   const { getDayCellTriggerProps } = datePickerContext.useDatePickerContext();
   const cellProps = datePickerDayCellContext.useDatePickerDayCellContext();
-  const mergedProps = react.mergeProps(getDayCellTriggerProps(cellProps), props);
+  const mergedProps = react$1.mergeProps(getDayCellTriggerProps(cellProps), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });
+DatePickerDayCellTrigger.displayName = "DatePickerDayCellTrigger";
 
 exports.DatePickerDayCellTrigger = DatePickerDayCellTrigger;

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

@@ -1,5 +1,8 @@
-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>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type DatePickerDayCellTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
+export declare const DatePickerDayCellTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLButtonElement>>;

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

@@ -1,8 +1,8 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from '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';
 
@@ -12,5 +12,6 @@ const DatePickerDayCellTrigger = forwardRef((props, ref) => {
   const mergedProps = mergeProps(getDayCellTriggerProps(cellProps), props);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
+DatePickerDayCellTrigger.displayName = "DatePickerDayCellTrigger";
 
 export { DatePickerDayCellTrigger };

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

@@ -4,22 +4,25 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = 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 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 }) });
-});
+const DatePickerDayCell = react.forwardRef(
+  (props, ref) => {
+    const { getDayCellProps } = datePickerContext.useDatePickerContext();
+    const [cellProps, localProps] = createSplitProps.createSplitProps()(props, [
+      "value",
+      "disabled",
+      "offset"
+    ]);
+    const mergedProps = react$1.mergeProps(getDayCellProps(cellProps), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(datePickerDayCellContext.DatePickerDayCellProvider, { value: cellProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+DatePickerDayCell.displayName = "DatePickerDayCell";
 
 exports.DatePickerDayCell = DatePickerDayCell;

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

@@ -1,6 +1,10 @@
-import type { ForwardRefExoticComponent } from 'react';
 import type { DayCellProps } from '@zag-js/date-picker';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
 import type { Assign } from '../types';
-export type DatePickerDayCellProps = Assign<HTMLArkProps<'div'>, DayCellProps>;
-export declare const DatePickerDayCell: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, DayCellProps>>;
+export type DatePickerDayCellProps = Assign<ComponentPropsWithoutRef<typeof ark.div>, DayCellProps>;
+export declare const DatePickerDayCell: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, keyof DayCellProps> & DayCellProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,21 +1,24 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
-import { 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 }) });
-});
+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 }) });
+  }
+);
+DatePickerDayCell.displayName = "DatePickerDayCell";
 
 export { DatePickerDayCell };

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

@@ -4,18 +4,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
-const React = require('react');
+const react$1 = 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 DatePickerGrid = react.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);
+  const mergedProps = react$1.mergeProps(getGridProps({ view, id: react.useId(), ...gridProps }), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
+DatePickerGrid.displayName = "DatePickerGrid";
 
 exports.DatePickerGrid = DatePickerGrid;

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

@@ -1,6 +1,10 @@
-import type { ForwardRefExoticComponent } from 'react';
 import type { GridProps } from '@zag-js/date-picker';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
 import type { Assign } from '../types';
-export type DatePickerGridProps = Assign<HTMLArkProps<'div'>, GridProps>;
-export declare const DatePickerGrid: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, GridProps>>;
+export type DatePickerGridProps = Assign<ComponentPropsWithoutRef<typeof ark.div>, GridProps>;
+export declare const DatePickerGrid: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, keyof GridProps> & GridProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,9 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
-import { useId } from 'react';
+import { forwardRef, 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) => {
@@ -13,5 +12,6 @@ const DatePickerGrid = forwardRef((props, ref) => {
   const mergedProps = mergeProps(getGridProps({ view, id: useId(), ...gridProps }), localProps);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
+DatePickerGrid.displayName = "DatePickerGrid";
 
 export { DatePickerGrid };

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

@@ -4,15 +4,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('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 DatePickerInput = react.forwardRef((props, ref) => {
   const { inputProps } = datePickerContext.useDatePickerContext();
-  const mergedProps = react.mergeProps(inputProps, props);
+  const mergedProps = react$1.mergeProps(inputProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
 });
+DatePickerInput.displayName = "DatePickerInput";
 
 exports.DatePickerInput = DatePickerInput;

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

@@ -1,5 +1,8 @@
-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>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type DatePickerInputProps = ComponentPropsWithoutRef<typeof ark.input>;
+export declare const DatePickerInput: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLInputElement>>;

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

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

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

@@ -4,17 +4,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('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 DatePickerMonthCellTrigger = react.forwardRef((props, ref) => {
   const { getMonthCellTriggerProps } = datePickerContext.useDatePickerContext();
   const cellProps = datePickerCellContext.useDatePickerCellContext();
-  const mergedProps = react.mergeProps(getMonthCellTriggerProps(cellProps), props);
+  const mergedProps = react$1.mergeProps(getMonthCellTriggerProps(cellProps), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });
+DatePickerMonthCellTrigger.displayName = "DatePickerMonthCellTrigger";
 
 exports.DatePickerMonthCellTrigger = DatePickerMonthCellTrigger;

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

@@ -1,5 +1,8 @@
-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>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type DatePickerMonthCellTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
+export declare const DatePickerMonthCellTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLButtonElement>>;

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

@@ -1,8 +1,8 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from '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';
 
@@ -12,5 +12,6 @@ const DatePickerMonthCellTrigger = forwardRef((props, ref) => {
   const mergedProps = mergeProps(getMonthCellTriggerProps(cellProps), props);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
+DatePickerMonthCellTrigger.displayName = "DatePickerMonthCellTrigger";
 
 export { DatePickerMonthCellTrigger };

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

@@ -4,18 +4,21 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = 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 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 }) });
-});
+const DatePickerMonthCell = react.forwardRef(
+  (props, ref) => {
+    const { getMonthCellProps } = datePickerContext.useDatePickerContext();
+    const [cellProps, localProps] = createSplitProps.createSplitProps()(props, ["value", "disabled"]);
+    const mergedProps = react$1.mergeProps(getMonthCellProps(cellProps), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(datePickerCellContext.DatePickerCellProvider, { value: cellProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+DatePickerMonthCell.displayName = "DatePickerMonthCell";
 
 exports.DatePickerMonthCell = DatePickerMonthCell;

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

@@ -1,6 +1,10 @@
-import type { ForwardRefExoticComponent } from 'react';
 import type { CellProps } from '@zag-js/date-picker';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
 import type { Assign } from '../types';
-export type DatePickerMonthCellProps = Assign<HTMLArkProps<'div'>, CellProps>;
-export declare const DatePickerMonthCell: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, CellProps>>;
+export type DatePickerMonthCellProps = Assign<ComponentPropsWithoutRef<typeof ark.div>, CellProps>;
+export declare const DatePickerMonthCell: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, keyof CellProps> & CellProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,17 +1,20 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
-import { 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 }) });
-});
+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 }) });
+  }
+);
+DatePickerMonthCell.displayName = "DatePickerMonthCell";
 
 export { DatePickerMonthCell };

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

@@ -4,17 +4,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const datePickerContext = require('./date-picker-context.cjs');
 
-const DatePickerMonthSelect = forwardRef.forwardRef(
+const DatePickerMonthSelect = react.forwardRef(
   (props, ref) => {
     const { monthSelectProps, getMonths } = datePickerContext.useDatePickerContext();
-    const mergedProps = react.mergeProps(monthSelectProps, props);
+    const mergedProps = react$1.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)) });
   }
 );
+DatePickerMonthSelect.displayName = "DatePickerMonthSelect";
 
 exports.DatePickerMonthSelect = DatePickerMonthSelect;

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

@@ -1,5 +1,8 @@
-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>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, SelectHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type DatePickerMonthSelectProps = ComponentPropsWithoutRef<typeof ark.select>;
+export declare const DatePickerMonthSelect: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & {
+    ref?: ((instance: HTMLSelectElement | null) => void) | RefObject<HTMLSelectElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLSelectElement>>;

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

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

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

@@ -4,15 +4,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('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 });
-});
+const DatePickerNextTrigger = react.forwardRef(
+  (props, ref) => {
+    const { getNextTriggerProps, view } = datePickerContext.useDatePickerContext();
+    const mergedProps = react$1.mergeProps(getNextTriggerProps({ view }), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
+DatePickerNextTrigger.displayName = "DatePickerNextTrigger";
 
 exports.DatePickerNextTrigger = DatePickerNextTrigger;

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

@@ -1,5 +1,8 @@
-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>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type DatePickerNextTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
+export declare const DatePickerNextTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLButtonElement>>;

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

@@ -1,14 +1,17 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from '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 });
-});
+const DatePickerNextTrigger = forwardRef(
+  (props, ref) => {
+    const { getNextTriggerProps, view } = useDatePickerContext();
+    const mergedProps = mergeProps(getNextTriggerProps({ view }), props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
+DatePickerNextTrigger.displayName = "DatePickerNextTrigger";
 
 export { DatePickerNextTrigger };

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

@@ -4,15 +4,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('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 });
-});
+const DatePickerPrevTrigger = react.forwardRef(
+  (props, ref) => {
+    const { getPrevTriggerProps, view } = datePickerContext.useDatePickerContext();
+    const mergedProps = react$1.mergeProps(getPrevTriggerProps({ view }), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
+DatePickerPrevTrigger.displayName = "DatePickerPrevTrigger";
 
 exports.DatePickerPrevTrigger = DatePickerPrevTrigger;

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

@@ -1,6 +1,10 @@
-import type { ForwardRefExoticComponent } from 'react';
 import type { ViewProps } from '@zag-js/date-picker';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } 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>>>;
+export type DatePickerPrevTriggerProps = Assign<ComponentPropsWithoutRef<typeof ark.button>, ViewProps>;
+export declare const DatePickerPrevTrigger: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, "view"> & ViewProps & RefAttributes<HTMLButtonElement>>;