@ark-ui/react 0.9.0 → 0.10.0-beta.1

package/combobox/combobox-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 { useComboboxContext } from './combobox-context.mjs';
 
 const ComboboxInput = forwardRef((props, ref) => {
@@ -10,5 +10,6 @@ const ComboboxInput = forwardRef((props, ref) => {
   const mergedProps = mergeProps(inputProps, props);
   return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
 });
+ComboboxInput.displayName = "ComboboxInput";
 
 export { ComboboxInput };

package/combobox/combobox-label.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 comboboxContext = require('./combobox-context.cjs');
 
-const ComboboxLabel = forwardRef.forwardRef((props, ref) => {
+const ComboboxLabel = react.forwardRef((props, ref) => {
   const { labelProps } = comboboxContext.useComboboxContext();
-  const mergedProps = react.mergeProps(labelProps, props);
+  const mergedProps = react$1.mergeProps(labelProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
 });
+ComboboxLabel.displayName = "ComboboxLabel";
 
 exports.ComboboxLabel = ComboboxLabel;

package/combobox/combobox-label.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 ComboboxLabelProps = HTMLArkProps<'label'>;
-export declare const ComboboxLabel: ForwardRefExoticComponent<Assign<AsChildComponentProps<"label">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type ComboboxLabelProps = ComponentPropsWithoutRef<typeof ark.label>;
+export declare const ComboboxLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLLabelElement>>;

package/combobox/combobox-label.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 { useComboboxContext } from './combobox-context.mjs';
 
 const ComboboxLabel = forwardRef((props, ref) => {
@@ -10,5 +10,6 @@ const ComboboxLabel = forwardRef((props, ref) => {
   const mergedProps = mergeProps(labelProps, props);
   return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
 });
+ComboboxLabel.displayName = "ComboboxLabel";
 
 export { ComboboxLabel };

package/combobox/combobox-option.cjs

@@ -4,13 +4,13 @@
 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 comboboxContext = require('./combobox-context.cjs');
 
-const ComboboxOption = forwardRef.forwardRef((props, ref) => {
+const ComboboxOption = react.forwardRef((props, ref) => {
   const [optionProps, { children, ...liProps }] = createSplitProps.createSplitProps()(props, [
     "count",
     "disabled",
@@ -19,8 +19,9 @@ const ComboboxOption = forwardRef.forwardRef((props, ref) => {
     "index"
   ]);
   const { getOptionProps } = comboboxContext.useComboboxContext();
-  const mergedProps = react.mergeProps(getOptionProps(optionProps), liProps);
+  const mergedProps = react$1.mergeProps(getOptionProps(optionProps), liProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref, children: children ? children : optionProps.label });
 });
+ComboboxOption.displayName = "ComboboxOption";
 
 exports.ComboboxOption = ComboboxOption;

package/combobox/combobox-option.d.ts

@@ -1,6 +1,14 @@
-import type { ForwardRefExoticComponent } from 'react';
-import type { OptionProps } from '@zag-js/combobox';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { OptionData, OptionProps } from '@zag-js/combobox';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, LiHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
 import { type Assign } from '../types';
-export type ComboboxOptionProps = Assign<HTMLArkProps<'li'>, OptionProps>;
-export declare const ComboboxOption: ForwardRefExoticComponent<Assign<AsChildComponentProps<"li">, OptionProps>>;
+export type ComboboxOptionProps = Assign<ComponentPropsWithoutRef<typeof ark.li>, OptionProps>;
+export declare const ComboboxOption: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | RefObject<HTMLLIElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, "disabled" | "index" | keyof OptionData | "count"> & OptionData & {
+    index?: number | undefined;
+    count?: number | undefined;
+    disabled?: boolean | undefined;
+} & RefAttributes<HTMLLIElement>>;

package/combobox/combobox-option.mjs

@@ -1,9 +1,9 @@
 '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 { useComboboxContext } from './combobox-context.mjs';
 
 const ComboboxOption = forwardRef((props, ref) => {
@@ -18,5 +18,6 @@ const ComboboxOption = forwardRef((props, ref) => {
   const mergedProps = mergeProps(getOptionProps(optionProps), liProps);
   return /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref, children: children ? children : optionProps.label });
 });
+ComboboxOption.displayName = "ComboboxOption";
 
 export { ComboboxOption };

package/combobox/combobox-positioner.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 comboboxContext = require('./combobox-context.cjs');
 
-const ComboboxPositioner = forwardRef.forwardRef((props, ref) => {
-  const { positionerProps } = comboboxContext.useComboboxContext();
-  const mergedProps = react.mergeProps(positionerProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
+const ComboboxPositioner = react.forwardRef(
+  (props, ref) => {
+    const { positionerProps } = comboboxContext.useComboboxContext();
+    const mergedProps = react$1.mergeProps(positionerProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+ComboboxPositioner.displayName = "ComboboxPositioner";
 
 exports.ComboboxPositioner = ComboboxPositioner;

package/combobox/combobox-positioner.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 ComboboxPositionerProps = HTMLArkProps<'div'>;
-export declare const ComboboxPositioner: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type ComboboxPositionerProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const ComboboxPositioner: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLDivElement>>;

package/combobox/combobox-positioner.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 { useComboboxContext } from './combobox-context.mjs';
 
-const ComboboxPositioner = forwardRef((props, ref) => {
-  const { positionerProps } = useComboboxContext();
-  const mergedProps = mergeProps(positionerProps, props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
+const ComboboxPositioner = forwardRef(
+  (props, ref) => {
+    const { positionerProps } = useComboboxContext();
+    const mergedProps = mergeProps(positionerProps, props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+ComboboxPositioner.displayName = "ComboboxPositioner";
 
 export { ComboboxPositioner };

package/combobox/combobox-trigger.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 comboboxContext = require('./combobox-context.cjs');
 
-const ComboboxTrigger = forwardRef.forwardRef((props, ref) => {
+const ComboboxTrigger = react.forwardRef((props, ref) => {
   const { triggerProps } = comboboxContext.useComboboxContext();
-  const mergedProps = react.mergeProps(triggerProps, props);
+  const mergedProps = react$1.mergeProps(triggerProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });
+ComboboxTrigger.displayName = "ComboboxTrigger";
 
 exports.ComboboxTrigger = ComboboxTrigger;

package/combobox/combobox-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 ComboboxTriggerProps = HTMLArkProps<'button'>;
-export declare const ComboboxTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type ComboboxTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
+export declare const ComboboxTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLButtonElement>>;

package/combobox/combobox-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 { useComboboxContext } from './combobox-context.mjs';
 
 const ComboboxTrigger = forwardRef((props, ref) => {
@@ -10,5 +10,6 @@ const ComboboxTrigger = forwardRef((props, ref) => {
   const mergedProps = mergeProps(triggerProps, props);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
+ComboboxTrigger.displayName = "ComboboxTrigger";
 
 export { ComboboxTrigger };

package/combobox/combobox.cjs

@@ -4,15 +4,15 @@
 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 runIfFn = require('../run-if-fn.cjs');
 const comboboxContext = require('./combobox-context.cjs');
 const useCombobox = require('./use-combobox.cjs');
 
-const Combobox = forwardRef.forwardRef((props, ref) => {
+const Combobox = react.forwardRef((props, ref) => {
   const [useComboboxProps, { children, ...divProps }] = createSplitProps.createSplitProps()(
     props,
     [
@@ -52,9 +52,10 @@ const Combobox = forwardRef.forwardRef((props, ref) => {
     ]
   );
   const combobox = useCombobox.useCombobox(useComboboxProps);
-  const mergedProps = react.mergeProps(combobox.rootProps, divProps);
+  const mergedProps = react$1.mergeProps(combobox.rootProps, divProps);
   const view = runIfFn.runIfFn(children, combobox);
   return /* @__PURE__ */ jsxRuntime.jsx(comboboxContext.ComboboxProvider, { value: combobox, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: view }) });
 });
+Combobox.displayName = "Combobox";
 
 exports.Combobox = Combobox;

package/combobox/combobox.d.ts

@@ -1,8 +1,15 @@
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { Context } from '@zag-js/combobox';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, ReactNode, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UseComboboxProps, type UseComboboxReturn } from './use-combobox';
-export type ComboboxProps = Assign<Omit<HTMLArkProps<'div'>, 'children'>, UseComboboxProps> & {
+export type ComboboxProps = Assign<Omit<ComponentPropsWithoutRef<typeof ark.div>, 'children'>, UseComboboxProps> & {
     children?: React.ReactNode | ((props: UseComboboxReturn) => React.ReactNode);
 };
-export declare const Combobox: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, ComboboxProps>>;
+export declare const Combobox: ForwardRefExoticComponent<Omit<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, "children">, "name" | "form" | "id" | "onSelect" | "autoFocus" | "dir" | "placeholder" | "loop" | "disabled" | "onClose" | "readOnly" | "getRootNode" | "ids" | "invalid" | "inputValue" | "selectionData" | "inputBehavior" | "blurOnSelect" | "selectionBehavior" | "selectOnTab" | "selectInputOnFocus" | "focusOnClear" | "openOnClick" | "allowCustomValue" | "ariaHidden" | "isCustomValue" | "positioning" | "onInputChange" | "onHighlight" | "onOpen" | "onInteractOutside" | "translations"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+    children?: ReactNode | ((props: UseComboboxReturn) => React.ReactNode);
+} & RefAttributes<HTMLDivElement>>;

package/combobox/combobox.mjs

@@ -1,9 +1,9 @@
 '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 { runIfFn } from '../run-if-fn.mjs';
 import { ComboboxProvider } from './combobox-context.mjs';
 import { useCombobox } from './use-combobox.mjs';
@@ -52,5 +52,6 @@ const Combobox = forwardRef((props, ref) => {
   const view = runIfFn(children, combobox);
   return /* @__PURE__ */ jsx(ComboboxProvider, { value: combobox, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: view }) });
 });
+Combobox.displayName = "Combobox";
 
 export { Combobox };

package/combobox/use-combobox.cjs

@@ -4,8 +4,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const combobox = require('@zag-js/combobox');
-const react = require('@zag-js/react');
-const React = require('react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -29,10 +29,10 @@ const combobox__namespace = /*#__PURE__*/_interopNamespaceDefault(combobox);
 const useCombobox = (props) => {
   const context = {
     ...props,
-    id: React.useId()
+    id: react.useId()
   };
-  const [state, send] = react.useMachine(combobox__namespace.machine(context), { context });
-  return combobox__namespace.connect(state, send, react.normalizeProps);
+  const [state, send] = react$1.useMachine(combobox__namespace.machine(context), { context });
+  return combobox__namespace.connect(state, send, react$1.normalizeProps);
 };
 
 exports.useCombobox = useCombobox;

package/create-context.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const React = require('react');
+const react = require('react');
 
 function getErrorMessage(hook, provider) {
   return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
@@ -16,10 +16,10 @@ function createContext(options = {}) {
     providerName = "Provider",
     errorMessage
   } = options;
-  const Context = React.createContext(void 0);
+  const Context = react.createContext(void 0);
   Context.displayName = name;
   function useContext() {
-    const context = React.useContext(Context);
+    const context = react.useContext(Context);
     if (!context && strict) {
       const error = new Error(errorMessage ?? getErrorMessage(hookName, providerName));
       error.name = "ContextError";

package/date-picker/date-picker-clear-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 DatePickerClearTrigger = forwardRef.forwardRef((props, ref) => {
-  const { clearTriggerProps } = datePickerContext.useDatePickerContext();
-  const mergedProps = react.mergeProps(clearTriggerProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-});
+const DatePickerClearTrigger = react.forwardRef(
+  (props, ref) => {
+    const { clearTriggerProps } = datePickerContext.useDatePickerContext();
+    const mergedProps = react$1.mergeProps(clearTriggerProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
+DatePickerClearTrigger.displayName = "DatePickerClearTrigger";
 
 exports.DatePickerClearTrigger = DatePickerClearTrigger;

package/date-picker/date-picker-clear-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 DatePickerClearTriggerProps = HTMLArkProps<'button'>;
-export declare const DatePickerClearTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type DatePickerClearTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
+export declare const DatePickerClearTrigger: 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-clear-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 DatePickerClearTrigger = forwardRef((props, ref) => {
-  const { clearTriggerProps } = useDatePickerContext();
-  const mergedProps = mergeProps(clearTriggerProps, props);
-  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-});
+const DatePickerClearTrigger = forwardRef(
+  (props, ref) => {
+    const { clearTriggerProps } = useDatePickerContext();
+    const mergedProps = mergeProps(clearTriggerProps, props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
+DatePickerClearTrigger.displayName = "DatePickerClearTrigger";
 
 export { DatePickerClearTrigger };

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

@@ -4,12 +4,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const datePicker_anatomy = require('./date-picker.anatomy.cjs');
 
-const DatePickerColumnHeader = forwardRef.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { role: "columnheader", ...datePicker_anatomy.parts.columnHeader.attrs, ...props, ref });
-});
+const DatePickerColumnHeader = react.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { role: "columnheader", ...datePicker_anatomy.parts.columnHeader.attrs, ...props, ref });
+  }
+);
+DatePickerColumnHeader.displayName = "DatePickerColumnHeader";
 
 exports.DatePickerColumnHeader = DatePickerColumnHeader;

package/date-picker/date-picker-column-header.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 DatePickerColumnHeaderProps = HTMLArkProps<'div'>;
-export declare const DatePickerColumnHeader: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type DatePickerColumnHeaderProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const DatePickerColumnHeader: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLDivElement>>;

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

@@ -1,11 +1,14 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { parts } from './date-picker.anatomy.mjs';
 
-const DatePickerColumnHeader = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(ark.div, { role: "columnheader", ...parts.columnHeader.attrs, ...props, ref });
-});
+const DatePickerColumnHeader = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(ark.div, { role: "columnheader", ...parts.columnHeader.attrs, ...props, ref });
+  }
+);
+DatePickerColumnHeader.displayName = "DatePickerColumnHeader";
 
 export { DatePickerColumnHeader };

package/date-picker/date-picker-content.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 DatePickerContent = forwardRef.forwardRef((props, ref) => {
-  const { contentProps } = datePickerContext.useDatePickerContext();
-  const mergedProps = react.mergeProps(contentProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
+const DatePickerContent = react.forwardRef(
+  (props, ref) => {
+    const { contentProps } = datePickerContext.useDatePickerContext();
+    const mergedProps = react$1.mergeProps(contentProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+DatePickerContent.displayName = "DatePickerContent";
 
 exports.DatePickerContent = DatePickerContent;

package/date-picker/date-picker-content.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 DatePickerContentProps = HTMLArkProps<'div'>;
-export declare const DatePickerContent: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type DatePickerContentProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const DatePickerContent: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLDivElement>>;

package/date-picker/date-picker-content.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 DatePickerContent = forwardRef((props, ref) => {
-  const { contentProps } = useDatePickerContext();
-  const mergedProps = mergeProps(contentProps, props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
+const DatePickerContent = forwardRef(
+  (props, ref) => {
+    const { contentProps } = useDatePickerContext();
+    const mergedProps = mergeProps(contentProps, props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+DatePickerContent.displayName = "DatePickerContent";
 
 export { DatePickerContent };

package/date-picker/date-picker-control.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 DatePickerControl = forwardRef.forwardRef((props, ref) => {
-  const { controlProps } = datePickerContext.useDatePickerContext();
-  const mergedProps = react.mergeProps(controlProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
+const DatePickerControl = react.forwardRef(
+  (props, ref) => {
+    const { controlProps } = datePickerContext.useDatePickerContext();
+    const mergedProps = react$1.mergeProps(controlProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+DatePickerControl.displayName = "DatePickerControl";
 
 exports.DatePickerControl = DatePickerControl;

package/date-picker/date-picker-control.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 DatePickerControlProps = HTMLArkProps<'div'>;
-export declare const DatePickerControl: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type DatePickerControlProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const DatePickerControl: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLDivElement>>;