@ark-ui/react 0.14.0 → 0.15.0-beta.0

package/combobox/use-combobox.cjs

@@ -6,6 +6,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const combobox = require('@zag-js/combobox');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+const createSplitProps = require('../create-split-props.cjs');
+require('../environment/index.cjs');
+const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -27,11 +30,29 @@ function _interopNamespaceDefault(e) {
 const combobox__namespace = /*#__PURE__*/_interopNamespaceDefault(combobox);
 
 const useCombobox = (props) => {
+  const getRootNode = environmentContext.useEnvironmentContext();
+  const [collectionOptions, rest] = createSplitProps.createSplitProps()(props, [
+    "isItemDisabled",
+    "itemToValue",
+    "itemToString",
+    "items"
+  ]);
+  const collection = combobox__namespace.collection(collectionOptions);
+  const initialContext = {
+    id: react.useId(),
+    getRootNode,
+    collection,
+    ...rest,
+    value: props.defaultValue
+  };
   const context = {
-    ...props,
-    id: react.useId()
+    ...initialContext,
+    collection,
+    value: props.value
   };
-  const [state, send] = react$1.useMachine(combobox__namespace.machine(context), { context });
+  const [state, send] = react$1.useMachine(combobox__namespace.machine(initialContext), {
+    context
+  });
   return combobox__namespace.connect(state, send, react$1.normalizeProps);
 };
 

package/combobox/use-combobox.d.ts

@@ -1,5 +1,9 @@
+import type { CollectionOptions } from '@zag-js/combobox';
 import * as combobox from '@zag-js/combobox';
-import { type Optional } from '../types';
-export type UseComboboxProps = Optional<combobox.Context, 'id'>;
-export type UseComboboxReturn = combobox.Api;
-export declare const useCombobox: (props: UseComboboxProps) => UseComboboxReturn;
+import { type PropTypes } from '@zag-js/react';
+import { type CollectionItem, type Optional } from '../types';
+export interface UseComboboxProps<T extends CollectionItem> extends CollectionOptions<T>, Omit<Optional<combobox.Context<T>, 'id'>, 'collection'> {
+    defaultValue?: combobox.Context<T>['value'];
+}
+export type UseComboboxReturn<T extends CollectionItem> = combobox.Api<PropTypes, T>;
+export declare const useCombobox: <T extends CollectionItem>(props: UseComboboxProps<T>) => UseComboboxReturn<T>;

package/combobox/use-combobox.mjs

@@ -2,13 +2,34 @@
 import * as combobox from '@zag-js/combobox';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
+import { createSplitProps } from '../create-split-props.mjs';
+import '../environment/index.mjs';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useCombobox = (props) => {
+  const getRootNode = useEnvironmentContext();
+  const [collectionOptions, rest] = createSplitProps()(props, [
+    "isItemDisabled",
+    "itemToValue",
+    "itemToString",
+    "items"
+  ]);
+  const collection = combobox.collection(collectionOptions);
+  const initialContext = {
+    id: useId(),
+    getRootNode,
+    collection,
+    ...rest,
+    value: props.defaultValue
+  };
   const context = {
-    ...props,
-    id: useId()
+    ...initialContext,
+    collection,
+    value: props.value
   };
-  const [state, send] = useMachine(combobox.machine(context), { context });
+  const [state, send] = useMachine(combobox.machine(initialContext), {
+    context
+  });
   return combobox.connect(state, send, normalizeProps);
 };
 

package/create-context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export interface CreateContextOptions<T> {
+interface CreateContextOptions<T> {
     strict?: boolean;
     hookName?: string;
     providerName?: string;
@@ -7,5 +7,6 @@ export interface CreateContextOptions<T> {
     name?: string;
     defaultValue?: T;
 }
-export type CreateContextReturn<T> = [React.Provider<T>, () => T, React.Context<T>];
+type CreateContextReturn<T> = [React.Provider<T>, () => T, React.Context<T>];
 export declare function createContext<T>(options?: CreateContextOptions<T>): CreateContextReturn<T>;
+export {};

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

@@ -1,8 +1,7 @@
-import { 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;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type DatePickerClearTriggerProps = HTMLArkProps<'button'>;
+export declare const DatePickerClearTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLButtonElement>>;
+} & RefAttributes<HTMLButtonElement>>;

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

@@ -1,8 +1,7 @@
-import { 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;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type DatePickerColumnHeaderProps = HTMLArkProps<'div'>;
+export declare const DatePickerColumnHeader: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLDivElement>>;
+} & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,7 @@
-import { 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;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type DatePickerContentProps = HTMLArkProps<'div'>;
+export declare const DatePickerContent: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLDivElement>>;
+} & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,7 @@
-import { 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;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type DatePickerControlProps = HTMLArkProps<'div'>;
+export declare const DatePickerControl: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLDivElement>>;
+} & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,7 @@
-import { 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;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type DatePickerDayCellTriggerProps = HTMLArkProps<'button'>;
+export declare const DatePickerDayCellTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLButtonElement>>;
+} & RefAttributes<HTMLButtonElement>>;

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

@@ -1,10 +1,7 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
 import type { DayCellProps } from '@zag-js/date-picker';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
+import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-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>>;
+export type DatePickerDayCellProps = Assign<HTMLArkProps<'div'>, DayCellProps>;
+export declare const DatePickerDayCell: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, keyof DayCellProps> & DayCellProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,7 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
 import type { GridProps } from '@zag-js/date-picker';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
+import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-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>>;
+export type DatePickerGridProps = Assign<HTMLArkProps<'div'>, GridProps>;
+export declare const DatePickerGrid: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, keyof GridProps> & GridProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,7 @@
-import { 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;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type DatePickerInputProps = HTMLArkProps<'input'>;
+export declare const DatePickerInput: ForwardRefExoticComponent<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLInputElement>>;
+} & RefAttributes<HTMLInputElement>>;

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

@@ -1,8 +1,7 @@
-import { 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;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type DatePickerMonthCellTriggerProps = HTMLArkProps<'button'>;
+export declare const DatePickerMonthCellTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLButtonElement>>;
+} & RefAttributes<HTMLButtonElement>>;

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

@@ -1,10 +1,7 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
 import type { CellProps } from '@zag-js/date-picker';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
+import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-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>>;
+export type DatePickerMonthCellProps = Assign<HTMLArkProps<'div'>, CellProps>;
+export declare const DatePickerMonthCell: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, keyof CellProps> & CellProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,7 @@
-import { 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;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, SelectHTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type DatePickerMonthSelectProps = HTMLArkProps<'select'>;
+export declare const DatePickerMonthSelect: ForwardRefExoticComponent<Omit<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLSelectElement>>;
+} & RefAttributes<HTMLSelectElement>>;

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

@@ -1,8 +1,7 @@
-import { 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;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type DatePickerNextTriggerProps = HTMLArkProps<'button'>;
+export declare const DatePickerNextTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLButtonElement>>;
+} & RefAttributes<HTMLButtonElement>>;

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

@@ -1,8 +1,7 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
-export type DatePickerPositionerProps = ComponentPropsWithoutRef<typeof ark.div>;
-export declare const DatePickerPositioner: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type DatePickerPositionerProps = HTMLArkProps<'div'>;
+export declare const DatePickerPositioner: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLDivElement>>;
+} & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,7 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
 import type { ViewProps } from '@zag-js/date-picker';
-import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
+import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-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>>;
+export type DatePickerPrevTriggerProps = Assign<HTMLArkProps<'button'>, ViewProps>;
+export declare const DatePickerPrevTrigger: ForwardRefExoticComponent<Omit<HTMLArkProps<"button">, "view"> & ViewProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,8 +1,7 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
-export type DatePickerRowGroupProps = ComponentPropsWithoutRef<typeof ark.div>;
-export declare const DatePickerRowGroup: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type DatePickerRowGroupProps = HTMLArkProps<'div'>;
+export declare const DatePickerRowGroup: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLDivElement>>;
+} & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,7 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
-export type DatePickerRowHeaderProps = ComponentPropsWithoutRef<typeof ark.div>;
-export declare const DatePickerRowHeader: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type DatePickerRowHeaderProps = HTMLArkProps<'div'>;
+export declare const DatePickerRowHeader: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLDivElement>>;
+} & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,7 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
-export type DatePickerRowProps = ComponentPropsWithoutRef<typeof ark.div>;
-export declare const DatePickerRow: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type DatePickerRowProps = HTMLArkProps<'div'>;
+export declare const DatePickerRow: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLDivElement>>;
+} & RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,10 +1,7 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
 import type { ViewProps } from '@zag-js/date-picker';
-import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
+import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-export type DatePickerViewTriggerProps = Assign<ComponentPropsWithoutRef<typeof ark.button>, ViewProps>;
-export declare const DatePickerViewTrigger: 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>>;
+export type DatePickerViewTriggerProps = Assign<HTMLArkProps<'button'>, ViewProps>;
+export declare const DatePickerViewTrigger: ForwardRefExoticComponent<Omit<HTMLArkProps<"button">, "view"> & ViewProps & RefAttributes<HTMLButtonElement>>;

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

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

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

@@ -1,10 +1,7 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
 import type { CellProps } from '@zag-js/date-picker';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
+import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-export type DatePickerYearCellProps = Assign<ComponentPropsWithoutRef<typeof ark.div>, CellProps>;
-export declare const DatePickerYearCell: 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>>;
+export type DatePickerYearCellProps = Assign<HTMLArkProps<'div'>, CellProps>;
+export declare const DatePickerYearCell: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, keyof CellProps> & CellProps & RefAttributes<HTMLDivElement>>;

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

@@ -26,4 +26,3 @@ function getYearsRange(range) {
 }
 
 exports.DatePickerYearSelect = DatePickerYearSelect;
-exports.getYearsRange = getYearsRange;

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

@@ -1,13 +1,7 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, SelectHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
-export type DatePickerYearSelectProps = ComponentPropsWithoutRef<typeof ark.select>;
-export declare const DatePickerYearSelect: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & {
-    ref?: ((instance: HTMLSelectElement | null) => void) | RefObject<HTMLSelectElement> | null | undefined;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, SelectHTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type DatePickerYearSelectProps = HTMLArkProps<'select'>;
+export declare const DatePickerYearSelect: ForwardRefExoticComponent<Omit<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLSelectElement>>;
-export interface YearsRange {
-    from: number;
-    to: number;
-}
-export declare function getYearsRange(range: YearsRange): number[];
+} & RefAttributes<HTMLSelectElement>>;

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

@@ -21,4 +21,4 @@ function getYearsRange(range) {
   return years;
 }
 
-export { DatePickerYearSelect, getYearsRange };
+export { DatePickerYearSelect };