@ark-ui/react 5.22.0 → 5.23.0

package/dist/components/combobox/combobox-root-provider.d.cts

@@ -1,4 +1,5 @@
 import { JSX, RefAttributes } from 'react';
+import { Assign } from '../../types';
 import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
@@ -10,6 +11,6 @@ export interface ComboboxRootProviderBaseProps<T extends CollectionItem> extends
 }
 export interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLProps<'div'>, ComboboxRootProviderBaseProps<T> {
 }
-export type ComboboxComponent = <T extends CollectionItem>(props: ComboboxRootProviderProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const ComboboxRootProvider: ComboboxComponent;
+export type ComboboxRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProviderProps<T>, P> & RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const ComboboxRootProvider: ComboboxRootProviderComponent;
 export {};

package/dist/components/combobox/combobox-root-provider.d.ts

@@ -1,4 +1,5 @@
 import { JSX, RefAttributes } from 'react';
+import { Assign } from '../../types';
 import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
@@ -10,6 +11,6 @@ export interface ComboboxRootProviderBaseProps<T extends CollectionItem> extends
 }
 export interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLProps<'div'>, ComboboxRootProviderBaseProps<T> {
 }
-export type ComboboxComponent = <T extends CollectionItem>(props: ComboboxRootProviderProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const ComboboxRootProvider: ComboboxComponent;
+export type ComboboxRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProviderProps<T>, P> & RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const ComboboxRootProvider: ComboboxRootProviderComponent;
 export {};

package/dist/components/combobox/combobox-root.d.cts

@@ -8,5 +8,5 @@ export interface ComboboxRootBaseProps<T extends CollectionItem> extends UseComb
 }
 export interface ComboboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, ComboboxRootBaseProps<T>> {
 }
-export type ComboboxComponent = <T extends CollectionItem>(props: ComboboxRootProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const ComboboxRoot: ComboboxComponent;
+export type ComboboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProps<T>, P> & RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const ComboboxRoot: ComboboxRootComponent;

package/dist/components/combobox/combobox-root.d.ts

@@ -8,5 +8,5 @@ export interface ComboboxRootBaseProps<T extends CollectionItem> extends UseComb
 }
 export interface ComboboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, ComboboxRootBaseProps<T>> {
 }
-export type ComboboxComponent = <T extends CollectionItem>(props: ComboboxRootProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const ComboboxRoot: ComboboxComponent;
+export type ComboboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProps<T>, P> & RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const ComboboxRoot: ComboboxRootComponent;

package/dist/components/combobox/combobox.d.cts

@@ -15,6 +15,6 @@ export { ComboboxItemText as ItemText, type ComboboxItemTextBaseProps as ItemTex
 export { ComboboxLabel as Label, type ComboboxLabelBaseProps as LabelBaseProps, type ComboboxLabelProps as LabelProps, } from './combobox-label';
 export { ComboboxList as List, type ComboboxListBaseProps as ListBaseProps, type ComboboxListProps as ListProps, } from './combobox-list';
 export { ComboboxPositioner as Positioner, type ComboboxPositionerBaseProps as PositionerBaseProps, type ComboboxPositionerProps as PositionerProps, } from './combobox-positioner';
-export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, } from './combobox-root';
-export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider';
+export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, type ComboboxRootComponent as RootComponent, } from './combobox-root';
+export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderComponent as RootProviderComponent, } from './combobox-root-provider';
 export { ComboboxTrigger as Trigger, type ComboboxTriggerBaseProps as TriggerBaseProps, type ComboboxTriggerProps as TriggerProps, } from './combobox-trigger';

package/dist/components/combobox/combobox.d.ts

@@ -15,6 +15,6 @@ export { ComboboxItemText as ItemText, type ComboboxItemTextBaseProps as ItemTex
 export { ComboboxLabel as Label, type ComboboxLabelBaseProps as LabelBaseProps, type ComboboxLabelProps as LabelProps, } from './combobox-label';
 export { ComboboxList as List, type ComboboxListBaseProps as ListBaseProps, type ComboboxListProps as ListProps, } from './combobox-list';
 export { ComboboxPositioner as Positioner, type ComboboxPositionerBaseProps as PositionerBaseProps, type ComboboxPositionerProps as PositionerProps, } from './combobox-positioner';
-export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, } from './combobox-root';
-export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider';
+export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, type ComboboxRootComponent as RootComponent, } from './combobox-root';
+export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderComponent as RootProviderComponent, } from './combobox-root-provider';
 export { ComboboxTrigger as Trigger, type ComboboxTriggerBaseProps as TriggerBaseProps, type ComboboxTriggerProps as TriggerProps, } from './combobox-trigger';

package/dist/components/combobox/index.d.cts

@@ -15,8 +15,8 @@ export { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemText
 export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label';
 export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list';
 export { ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner';
-export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps } from './combobox-root';
-export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, } from './combobox-root-provider';
+export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, type ComboboxRootComponent, } from './combobox-root';
+export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, } from './combobox-root-provider';
 export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps } from './combobox-trigger';
 export { comboboxAnatomy } from './combobox.anatomy';
 export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox';

package/dist/components/combobox/index.d.ts

@@ -15,8 +15,8 @@ export { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemText
 export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label';
 export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list';
 export { ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner';
-export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps } from './combobox-root';
-export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, } from './combobox-root-provider';
+export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, type ComboboxRootComponent, } from './combobox-root';
+export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, } from './combobox-root-provider';
 export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps } from './combobox-trigger';
 export { comboboxAnatomy } from './combobox.anatomy';
 export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox';

package/dist/components/field/use-field.cjs

@@ -62,9 +62,10 @@ const useField = (props = {}) => {
       "data-disabled": domQuery.dataAttr(disabled),
       "data-invalid": domQuery.dataAttr(invalid),
       "data-readonly": domQuery.dataAttr(readOnly),
+      "data-required": domQuery.dataAttr(required),
       htmlFor: id
     }),
-    [disabled, invalid, readOnly, id, labelId]
+    [disabled, invalid, readOnly, required, id, labelId]
   );
   const getControlProps = react.useMemo(
     () => () => ({

package/dist/components/field/use-field.js

@@ -58,9 +58,10 @@ const useField = (props = {}) => {
       "data-disabled": dataAttr(disabled),
       "data-invalid": dataAttr(invalid),
       "data-readonly": dataAttr(readOnly),
+      "data-required": dataAttr(required),
       htmlFor: id
     }),
-    [disabled, invalid, readOnly, id, labelId]
+    [disabled, invalid, readOnly, required, id, labelId]
   );
   const getControlProps = useMemo(
     () => () => ({

package/dist/components/listbox/index.d.cts

@@ -11,8 +11,8 @@ export { ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type Listbo
 export { ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator';
 export { ListboxItemText, type ListboxItemTextBaseProps, type ListboxItemTextProps } from './listbox-item-text';
 export { ListboxLabel, type ListboxLabelBaseProps, type ListboxLabelProps } from './listbox-label';
-export { ListboxRoot, type ListboxRootBaseProps, type ListboxRootProps } from './listbox-root';
-export { ListboxRootProvider, type ListboxRootProviderBaseProps, type ListboxRootProviderProps, } from './listbox-root-provider';
+export { ListboxRoot, type ListboxRootBaseProps, type ListboxRootProps, type ListboxRootComponent, } from './listbox-root';
+export { ListboxRootProvider, type ListboxRootProviderBaseProps, type ListboxRootProviderProps, type ListboxRootProviderComponent, } from './listbox-root-provider';
 export { ListboxValueText, type ListboxValueTextBaseProps, type ListboxValueTextProps } from './listbox-value-text';
 export { listboxAnatomy } from './listbox.anatomy';
 export { useListbox, type UseListboxProps, type UseListboxReturn } from './use-listbox';

package/dist/components/listbox/index.d.ts

@@ -11,8 +11,8 @@ export { ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type Listbo
 export { ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator';
 export { ListboxItemText, type ListboxItemTextBaseProps, type ListboxItemTextProps } from './listbox-item-text';
 export { ListboxLabel, type ListboxLabelBaseProps, type ListboxLabelProps } from './listbox-label';
-export { ListboxRoot, type ListboxRootBaseProps, type ListboxRootProps } from './listbox-root';
-export { ListboxRootProvider, type ListboxRootProviderBaseProps, type ListboxRootProviderProps, } from './listbox-root-provider';
+export { ListboxRoot, type ListboxRootBaseProps, type ListboxRootProps, type ListboxRootComponent, } from './listbox-root';
+export { ListboxRootProvider, type ListboxRootProviderBaseProps, type ListboxRootProviderProps, type ListboxRootProviderComponent, } from './listbox-root-provider';
 export { ListboxValueText, type ListboxValueTextBaseProps, type ListboxValueTextProps } from './listbox-value-text';
 export { listboxAnatomy } from './listbox.anatomy';
 export { useListbox, type UseListboxProps, type UseListboxReturn } from './use-listbox';

package/dist/components/listbox/listbox-root-provider.d.cts

@@ -1,4 +1,5 @@
 import { JSX } from 'react';
+import { Assign } from '../../types';
 import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseListboxReturn } from './use-listbox';
@@ -9,6 +10,6 @@ export interface ListboxRootProviderBaseProps<T extends CollectionItem> extends
 }
 export interface ListboxRootProviderProps<T extends CollectionItem> extends HTMLProps<'div'>, ListboxRootProviderBaseProps<T> {
 }
-export type ListboxComponent = <T extends CollectionItem>(props: ListboxRootProviderProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const ListboxRootProvider: ListboxComponent;
+export type ListboxRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<ListboxRootProviderProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const ListboxRootProvider: ListboxRootProviderComponent;
 export {};

package/dist/components/listbox/listbox-root-provider.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'react';
+import { Assign } from '../../types';
 import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseListboxReturn } from './use-listbox';
@@ -9,6 +10,6 @@ export interface ListboxRootProviderBaseProps<T extends CollectionItem> extends
 }
 export interface ListboxRootProviderProps<T extends CollectionItem> extends HTMLProps<'div'>, ListboxRootProviderBaseProps<T> {
 }
-export type ListboxComponent = <T extends CollectionItem>(props: ListboxRootProviderProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const ListboxRootProvider: ListboxComponent;
+export type ListboxRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<ListboxRootProviderProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const ListboxRootProvider: ListboxRootProviderComponent;
 export {};

package/dist/components/listbox/listbox-root.d.cts

@@ -7,5 +7,5 @@ export interface ListboxRootBaseProps<T extends CollectionItem> extends UseListb
 }
 export interface ListboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, ListboxRootBaseProps<T>> {
 }
-export type ListboxComponent = <T extends CollectionItem>(props: ListboxRootProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const ListboxRoot: ListboxComponent;
+export type ListboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ListboxRootProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const ListboxRoot: ListboxRootComponent;

package/dist/components/listbox/listbox-root.d.ts

@@ -7,5 +7,5 @@ export interface ListboxRootBaseProps<T extends CollectionItem> extends UseListb
 }
 export interface ListboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, ListboxRootBaseProps<T>> {
 }
-export type ListboxComponent = <T extends CollectionItem>(props: ListboxRootProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const ListboxRoot: ListboxComponent;
+export type ListboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ListboxRootProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const ListboxRoot: ListboxRootComponent;

package/dist/components/listbox/listbox.d.cts

@@ -10,6 +10,6 @@ export { ListboxItemGroupLabel as ItemGroupLabel, type ListboxItemGroupLabelBase
 export { ListboxItemIndicator as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator';
 export { ListboxItemText as ItemText, type ListboxItemTextBaseProps as ItemTextBaseProps, type ListboxItemTextProps as ItemTextProps, } from './listbox-item-text';
 export { ListboxLabel as Label, type ListboxLabelBaseProps as LabelBaseProps, type ListboxLabelProps as LabelProps, } from './listbox-label';
-export { ListboxRoot as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootProps as RootProps, } from './listbox-root';
-export { ListboxRootProvider as RootProvider, type ListboxRootProviderBaseProps as RootProviderBaseProps, type ListboxRootProviderProps as RootProviderProps, } from './listbox-root-provider';
+export { ListboxRoot as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootProps as RootProps, type ListboxRootComponent as RootComponent, } from './listbox-root';
+export { ListboxRootProvider as RootProvider, type ListboxRootProviderBaseProps as RootProviderBaseProps, type ListboxRootProviderProps as RootProviderProps, type ListboxRootProviderComponent as RootProviderComponent, } from './listbox-root-provider';
 export { ListboxValueText as ValueText, type ListboxValueTextBaseProps as ValueTextBaseProps, type ListboxValueTextProps as ValueTextProps, } from './listbox-value-text';

package/dist/components/listbox/listbox.d.ts

@@ -10,6 +10,6 @@ export { ListboxItemGroupLabel as ItemGroupLabel, type ListboxItemGroupLabelBase
 export { ListboxItemIndicator as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator';
 export { ListboxItemText as ItemText, type ListboxItemTextBaseProps as ItemTextBaseProps, type ListboxItemTextProps as ItemTextProps, } from './listbox-item-text';
 export { ListboxLabel as Label, type ListboxLabelBaseProps as LabelBaseProps, type ListboxLabelProps as LabelProps, } from './listbox-label';
-export { ListboxRoot as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootProps as RootProps, } from './listbox-root';
-export { ListboxRootProvider as RootProvider, type ListboxRootProviderBaseProps as RootProviderBaseProps, type ListboxRootProviderProps as RootProviderProps, } from './listbox-root-provider';
+export { ListboxRoot as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootProps as RootProps, type ListboxRootComponent as RootComponent, } from './listbox-root';
+export { ListboxRootProvider as RootProvider, type ListboxRootProviderBaseProps as RootProviderBaseProps, type ListboxRootProviderProps as RootProviderProps, type ListboxRootProviderComponent as RootProviderComponent, } from './listbox-root-provider';
 export { ListboxValueText as ValueText, type ListboxValueTextBaseProps as ValueTextBaseProps, type ListboxValueTextProps as ValueTextProps, } from './listbox-value-text';

package/dist/components/menu/menu-trigger-item.cjs

@@ -8,11 +8,12 @@ const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
 const useMenuTriggerItemContext = require('./use-menu-trigger-item-context.cjs');
+const useMenuOptionItemPropsContext = require('./use-menu-option-item-props-context.cjs');
 
 const MenuTriggerItem = react.forwardRef((props, ref) => {
   const getTriggerItemProps = useMenuTriggerItemContext.useMenuTriggerItemContext();
   const mergedProps = react$1.mergeProps(getTriggerItemProps?.() ?? {}, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  return /* @__PURE__ */ jsxRuntime.jsx(useMenuOptionItemPropsContext.MenuItemPropsProvider, { value: { value: mergedProps["data-value"] }, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });
 MenuTriggerItem.displayName = "MenuTriggerItem";
 

package/dist/components/menu/menu-trigger-item.js

@@ -4,11 +4,12 @@ import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useMenuTriggerItemContext } from './use-menu-trigger-item-context.js';
+import { MenuItemPropsProvider } from './use-menu-option-item-props-context.js';
 
 const MenuTriggerItem = forwardRef((props, ref) => {
   const getTriggerItemProps = useMenuTriggerItemContext();
   const mergedProps = mergeProps(getTriggerItemProps?.() ?? {}, props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  return /* @__PURE__ */ jsx(MenuItemPropsProvider, { value: { value: mergedProps["data-value"] }, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
 MenuTriggerItem.displayName = "MenuTriggerItem";
 

package/dist/components/select/index.d.cts

@@ -15,8 +15,8 @@ export { SelectItemText, type SelectItemTextBaseProps, type SelectItemTextProps
 export { SelectLabel, type SelectLabelBaseProps, type SelectLabelProps } from './select-label';
 export { SelectList, type SelectListBaseProps, type SelectListProps } from './select-list';
 export { SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps } from './select-positioner';
-export { SelectRoot, type SelectRootBaseProps, type SelectRootProps } from './select-root';
-export { SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderProps, } from './select-root-provider';
+export { SelectRoot, type SelectRootBaseProps, type SelectRootProps, type SelectRootComponent } from './select-root';
+export { SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderProps, type SelectRootProviderComponent, } from './select-root-provider';
 export { SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps } from './select-trigger';
 export { SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps } from './select-value-text';
 export { selectAnatomy } from './select.anatomy';

package/dist/components/select/index.d.ts

@@ -15,8 +15,8 @@ export { SelectItemText, type SelectItemTextBaseProps, type SelectItemTextProps
 export { SelectLabel, type SelectLabelBaseProps, type SelectLabelProps } from './select-label';
 export { SelectList, type SelectListBaseProps, type SelectListProps } from './select-list';
 export { SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps } from './select-positioner';
-export { SelectRoot, type SelectRootBaseProps, type SelectRootProps } from './select-root';
-export { SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderProps, } from './select-root-provider';
+export { SelectRoot, type SelectRootBaseProps, type SelectRootProps, type SelectRootComponent } from './select-root';
+export { SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderProps, type SelectRootProviderComponent, } from './select-root-provider';
 export { SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps } from './select-trigger';
 export { SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps } from './select-value-text';
 export { selectAnatomy } from './select.anatomy';

package/dist/components/select/select-root-provider.d.cts

@@ -1,4 +1,5 @@
 import { JSX } from 'react';
+import { Assign } from '../../types';
 import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
@@ -10,6 +11,6 @@ export interface SelectRootProviderBaseProps<T extends CollectionItem> extends R
 }
 export interface SelectRootProviderProps<T extends CollectionItem> extends HTMLProps<'div'>, SelectRootProviderBaseProps<T> {
 }
-export type SelectComponent = <T extends CollectionItem>(props: SelectRootProviderProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const SelectRootProvider: SelectComponent;
+export type SelectRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProviderProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const SelectRootProvider: SelectRootProviderComponent;
 export {};

package/dist/components/select/select-root-provider.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'react';
+import { Assign } from '../../types';
 import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
@@ -10,6 +11,6 @@ export interface SelectRootProviderBaseProps<T extends CollectionItem> extends R
 }
 export interface SelectRootProviderProps<T extends CollectionItem> extends HTMLProps<'div'>, SelectRootProviderBaseProps<T> {
 }
-export type SelectComponent = <T extends CollectionItem>(props: SelectRootProviderProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const SelectRootProvider: SelectComponent;
+export type SelectRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProviderProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const SelectRootProvider: SelectRootProviderComponent;
 export {};

package/dist/components/select/select-root.d.cts

@@ -8,5 +8,5 @@ export interface SelectRootBaseProps<T extends CollectionItem> extends UseSelect
 }
 export interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, SelectRootBaseProps<T>> {
 }
-export type SelectComponent = <T extends CollectionItem>(props: SelectRootProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const SelectRoot: SelectComponent;
+export type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const SelectRoot: SelectRootComponent;

package/dist/components/select/select-root.d.ts

@@ -8,5 +8,5 @@ export interface SelectRootBaseProps<T extends CollectionItem> extends UseSelect
 }
 export interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, SelectRootBaseProps<T>> {
 }
-export type SelectComponent = <T extends CollectionItem>(props: SelectRootProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const SelectRoot: SelectComponent;
+export type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const SelectRoot: SelectRootComponent;

package/dist/components/select/select.d.cts

@@ -15,7 +15,7 @@ export { SelectItemText as ItemText, type SelectItemTextBaseProps as ItemTextBas
 export { SelectLabel as Label, type SelectLabelBaseProps as LabelBaseProps, type SelectLabelProps as LabelProps, } from './select-label';
 export { SelectList as List, type SelectListBaseProps as ListBaseProps, type SelectListProps as ListProps, } from './select-list';
 export { SelectPositioner as Positioner, type SelectPositionerBaseProps as PositionerBaseProps, type SelectPositionerProps as PositionerProps, } from './select-positioner';
-export { SelectRoot as Root, type SelectRootBaseProps as RootBaseProps, type SelectRootProps as RootProps, } from './select-root';
-export { SelectRootProvider as RootProvider, type SelectRootProviderBaseProps as RootProviderBaseProps, type SelectRootProviderProps as RootProviderProps, } from './select-root-provider';
+export { SelectRoot as Root, type SelectRootBaseProps as RootBaseProps, type SelectRootProps as RootProps, type SelectRootComponent as RootComponent, } from './select-root';
+export { SelectRootProvider as RootProvider, type SelectRootProviderBaseProps as RootProviderBaseProps, type SelectRootProviderProps as RootProviderProps, type SelectRootProviderComponent as RootProviderComponent, } from './select-root-provider';
 export { SelectTrigger as Trigger, type SelectTriggerBaseProps as TriggerBaseProps, type SelectTriggerProps as TriggerProps, } from './select-trigger';
 export { SelectValueText as ValueText, type SelectValueTextBaseProps as ValueTextBaseProps, type SelectValueTextProps as ValueTextProps, } from './select-value-text';

package/dist/components/select/select.d.ts

@@ -15,7 +15,7 @@ export { SelectItemText as ItemText, type SelectItemTextBaseProps as ItemTextBas
 export { SelectLabel as Label, type SelectLabelBaseProps as LabelBaseProps, type SelectLabelProps as LabelProps, } from './select-label';
 export { SelectList as List, type SelectListBaseProps as ListBaseProps, type SelectListProps as ListProps, } from './select-list';
 export { SelectPositioner as Positioner, type SelectPositionerBaseProps as PositionerBaseProps, type SelectPositionerProps as PositionerProps, } from './select-positioner';
-export { SelectRoot as Root, type SelectRootBaseProps as RootBaseProps, type SelectRootProps as RootProps, } from './select-root';
-export { SelectRootProvider as RootProvider, type SelectRootProviderBaseProps as RootProviderBaseProps, type SelectRootProviderProps as RootProviderProps, } from './select-root-provider';
+export { SelectRoot as Root, type SelectRootBaseProps as RootBaseProps, type SelectRootProps as RootProps, type SelectRootComponent as RootComponent, } from './select-root';
+export { SelectRootProvider as RootProvider, type SelectRootProviderBaseProps as RootProviderBaseProps, type SelectRootProviderProps as RootProviderProps, type SelectRootProviderComponent as RootProviderComponent, } from './select-root-provider';
 export { SelectTrigger as Trigger, type SelectTriggerBaseProps as TriggerBaseProps, type SelectTriggerProps as TriggerProps, } from './select-trigger';
 export { SelectValueText as ValueText, type SelectValueTextBaseProps as ValueTextBaseProps, type SelectValueTextProps as ValueTextProps, } from './select-value-text';

package/dist/components/tree-view/index.d.cts

@@ -14,8 +14,8 @@ export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemText
 export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label';
 export { TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context';
 export { TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider';
-export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootProps } from './tree-view-root';
-export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider';
+export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootComponent, type TreeViewRootProps, } from './tree-view-root';
+export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderComponent, type TreeViewRootProviderProps, } from './tree-view-root-provider';
 export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree';
 export { TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, } from './tree-view-node-checkbox';
 export { TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator';

package/dist/components/tree-view/index.d.ts

@@ -14,8 +14,8 @@ export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemText
 export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label';
 export { TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context';
 export { TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider';
-export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootProps } from './tree-view-root';
-export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider';
+export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootComponent, type TreeViewRootProps, } from './tree-view-root';
+export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderComponent, type TreeViewRootProviderProps, } from './tree-view-root-provider';
 export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree';
 export { TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, } from './tree-view-node-checkbox';
 export { TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator';

package/dist/components/tree-view/tree-view-root-provider.d.cts

@@ -1,4 +1,5 @@
 import { JSX } from 'react';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils/render-strategy';
 import { TreeNode } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
@@ -10,6 +11,6 @@ export interface TreeViewRootProviderBaseProps<T extends TreeNode> extends RootP
 }
 export interface TreeViewRootProviderProps<T extends TreeNode> extends HTMLProps<'div'>, TreeViewRootProviderBaseProps<T> {
 }
-export type TreeViewComponent = <T extends TreeNode>(props: TreeViewRootProviderProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const TreeViewRootProvider: TreeViewComponent;
+export type TreeViewRootProviderComponent<P = {}> = <T extends TreeNode>(props: Assign<TreeViewRootProviderProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const TreeViewRootProvider: TreeViewRootProviderComponent;
 export {};

package/dist/components/tree-view/tree-view-root-provider.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'react';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils/render-strategy';
 import { TreeNode } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
@@ -10,6 +11,6 @@ export interface TreeViewRootProviderBaseProps<T extends TreeNode> extends RootP
 }
 export interface TreeViewRootProviderProps<T extends TreeNode> extends HTMLProps<'div'>, TreeViewRootProviderBaseProps<T> {
 }
-export type TreeViewComponent = <T extends TreeNode>(props: TreeViewRootProviderProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const TreeViewRootProvider: TreeViewComponent;
+export type TreeViewRootProviderComponent<P = {}> = <T extends TreeNode>(props: Assign<TreeViewRootProviderProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const TreeViewRootProvider: TreeViewRootProviderComponent;
 export {};

package/dist/components/tree-view/tree-view-root.d.cts

@@ -1,4 +1,5 @@
 import { JSX } from 'react';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils/render-strategy';
 import { TreeNode } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
@@ -7,5 +8,5 @@ export interface TreeViewRootBaseProps<T extends TreeNode> extends UseTreeViewPr
 }
 export interface TreeViewRootProps<T extends TreeNode> extends HTMLProps<'div'>, TreeViewRootBaseProps<T> {
 }
-export type TreeViewComponent = <T extends TreeNode>(props: TreeViewRootProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const TreeViewRoot: TreeViewComponent;
+export type TreeViewRootComponent<P = {}> = <T extends TreeNode>(props: Assign<TreeViewRootProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const TreeViewRoot: TreeViewRootComponent;

package/dist/components/tree-view/tree-view-root.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'react';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils/render-strategy';
 import { TreeNode } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
@@ -7,5 +8,5 @@ export interface TreeViewRootBaseProps<T extends TreeNode> extends UseTreeViewPr
 }
 export interface TreeViewRootProps<T extends TreeNode> extends HTMLProps<'div'>, TreeViewRootBaseProps<T> {
 }
-export type TreeViewComponent = <T extends TreeNode>(props: TreeViewRootProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const TreeViewRoot: TreeViewComponent;
+export type TreeViewRootComponent<P = {}> = <T extends TreeNode>(props: Assign<TreeViewRootProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const TreeViewRoot: TreeViewRootComponent;

package/dist/components/tree-view/tree-view.d.cts

@@ -13,8 +13,8 @@ export { TreeViewItemText as ItemText, type TreeViewItemTextBaseProps as ItemTex
 export { TreeViewLabel as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, } from './tree-view-label';
 export { TreeViewNodeContext as NodeContext, type TreeViewNodeContextProps as NodeContextProps, } from './tree-view-node-context';
 export { TreeViewNodeProvider as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider';
-export { TreeViewRoot as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootProps as RootProps, } from './tree-view-root';
-export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider';
+export { TreeViewRoot as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootProps as RootProps, } from './tree-view-root';
+export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderComponent as RootProviderComponent, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider';
 export { TreeViewTree as Tree, type TreeViewTreeBaseProps as TreeBaseProps, type TreeViewTreeProps as TreeProps, } from './tree-view-tree';
 export { TreeViewNodeCheckbox as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox';
 export { TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator';

package/dist/components/tree-view/tree-view.d.ts

@@ -13,8 +13,8 @@ export { TreeViewItemText as ItemText, type TreeViewItemTextBaseProps as ItemTex
 export { TreeViewLabel as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, } from './tree-view-label';
 export { TreeViewNodeContext as NodeContext, type TreeViewNodeContextProps as NodeContextProps, } from './tree-view-node-context';
 export { TreeViewNodeProvider as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider';
-export { TreeViewRoot as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootProps as RootProps, } from './tree-view-root';
-export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider';
+export { TreeViewRoot as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootProps as RootProps, } from './tree-view-root';
+export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderComponent as RootProviderComponent, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider';
 export { TreeViewTree as Tree, type TreeViewTreeBaseProps as TreeBaseProps, type TreeViewTreeProps as TreeProps, } from './tree-view-tree';
 export { TreeViewNodeCheckbox as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox';
 export { TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.22.0",
+  "version": "5.23.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",