@ark-ui/react 5.21.0 → 5.23.0

package/dist/components/listbox/listbox-empty.cjs

@@ -0,0 +1,22 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+const factory = require('../factory.cjs');
+const listbox_anatomy = require('./listbox.anatomy.cjs');
+const useListboxContext = require('./use-listbox-context.cjs');
+
+const parts = listbox_anatomy.listboxAnatomy.build();
+const ListboxEmpty = react.forwardRef((props, ref) => {
+  const listbox = useListboxContext.useListboxContext();
+  if (listbox.collection.size !== 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...parts.empty.attrs, ...props, role: "presentation", ref });
+});
+ListboxEmpty.displayName = "ListboxEmpty";
+
+exports.ListboxEmpty = ListboxEmpty;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ListboxEmptyBaseProps extends PolymorphicProps {
+}
+export interface ListboxEmptyProps extends HTMLProps<'div'>, ListboxEmptyBaseProps {
+}
+export declare const ListboxEmpty: ForwardRefExoticComponent<ListboxEmptyProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ListboxEmptyBaseProps extends PolymorphicProps {
+}
+export interface ListboxEmptyProps extends HTMLProps<'div'>, ListboxEmptyBaseProps {
+}
+export declare const ListboxEmpty: ForwardRefExoticComponent<ListboxEmptyProps & RefAttributes<HTMLDivElement>>;

package/dist/components/listbox/listbox-empty.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { listboxAnatomy } from './listbox.anatomy.js';
+import { useListboxContext } from './use-listbox-context.js';
+
+const parts = listboxAnatomy.build();
+const ListboxEmpty = forwardRef((props, ref) => {
+  const listbox = useListboxContext();
+  if (listbox.collection.size !== 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ark.div, { ...parts.empty.attrs, ...props, role: "presentation", ref });
+});
+ListboxEmpty.displayName = "ListboxEmpty";
+
+export { ListboxEmpty };

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.anatomy.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const listbox = require('@zag-js/listbox');
+
+const listboxAnatomy = listbox.anatomy.extendWith("empty");
+
+exports.listboxAnatomy = listboxAnatomy;

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

@@ -1 +1,2 @@
-export { anatomy as listboxAnatomy } from '@zag-js/listbox';
+import { AnatomyInstance } from '@zag-js/anatomy';
+export declare const listboxAnatomy: AnatomyInstance<"input" | "label" | "content" | "root" | "item" | "valueText" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

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

@@ -1 +1,2 @@
-export { anatomy as listboxAnatomy } from '@zag-js/listbox';
+import { AnatomyInstance } from '@zag-js/anatomy';
+export declare const listboxAnatomy: AnatomyInstance<"input" | "label" | "content" | "root" | "item" | "valueText" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

package/dist/components/listbox/listbox.anatomy.js

@@ -0,0 +1,6 @@
+'use client';
+import { anatomy } from '@zag-js/listbox';
+
+const listboxAnatomy = anatomy.extendWith("empty");
+
+export { listboxAnatomy };

package/dist/components/listbox/listbox.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const listboxContext = require('./listbox-context.cjs');
 const listboxContent = require('./listbox-content.cjs');
+const listboxEmpty = require('./listbox-empty.cjs');
 const listboxInput = require('./listbox-input.cjs');
 const listboxItem = require('./listbox-item.cjs');
 const listboxItemContext = require('./listbox-item-context.cjs');
@@ -20,6 +21,7 @@ const listboxValueText = require('./listbox-value-text.cjs');
 
 exports.Context = listboxContext.ListboxContext;
 exports.Content = listboxContent.ListboxContent;
+exports.Empty = listboxEmpty.ListboxEmpty;
 exports.Input = listboxInput.ListboxInput;
 exports.Item = listboxItem.ListboxItem;
 exports.ItemContext = listboxItemContext.ListboxItemContext;

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

@@ -1,6 +1,7 @@
 export type { HighlightChangeDetails, ScrollToIndexDetails, SelectionDetails, SelectionMode, ValueChangeDetails, } from '@zag-js/listbox';
 export { ListboxContext as Context, type ListboxContextProps as ContextProps } from './listbox-context';
 export { ListboxContent as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content';
+export { ListboxEmpty as Empty, type ListboxEmptyBaseProps as EmptyBaseProps, type ListboxEmptyProps as EmptyProps, } from './listbox-empty';
 export { ListboxInput as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input';
 export { ListboxItem as Item, type ListboxItemBaseProps as ItemBaseProps, type ListboxItemProps as ItemProps, } from './listbox-item';
 export { ListboxItemContext as ItemContext, type ListboxItemContextProps as ItemContextProps, } from './listbox-item-context';
@@ -9,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

@@ -1,6 +1,7 @@
 export type { HighlightChangeDetails, ScrollToIndexDetails, SelectionDetails, SelectionMode, ValueChangeDetails, } from '@zag-js/listbox';
 export { ListboxContext as Context, type ListboxContextProps as ContextProps } from './listbox-context';
 export { ListboxContent as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content';
+export { ListboxEmpty as Empty, type ListboxEmptyBaseProps as EmptyBaseProps, type ListboxEmptyProps as EmptyProps, } from './listbox-empty';
 export { ListboxInput as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input';
 export { ListboxItem as Item, type ListboxItemBaseProps as ItemBaseProps, type ListboxItemProps as ItemProps, } from './listbox-item';
 export { ListboxItemContext as ItemContext, type ListboxItemContextProps as ItemContextProps, } from './listbox-item-context';
@@ -9,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.js

@@ -1,5 +1,6 @@
 export { ListboxContext as Context } from './listbox-context.js';
 export { ListboxContent as Content } from './listbox-content.js';
+export { ListboxEmpty as Empty } from './listbox-empty.js';
 export { ListboxInput as Input } from './listbox-input.js';
 export { ListboxItem as Item } from './listbox-item.js';
 export { ListboxItemContext as ItemContext } from './listbox-item-context.js';

package/dist/components/menu/menu-root.cjs

@@ -36,6 +36,7 @@ const MenuRoot = (props) => {
     "onInteractOutside",
     "onOpenChange",
     "onPointerDownOutside",
+    "onRequestDismiss",
     "onSelect",
     "open",
     "positioning",

package/dist/components/menu/menu-root.js

@@ -32,6 +32,7 @@ const MenuRoot = (props) => {
     "onInteractOutside",
     "onOpenChange",
     "onPointerDownOutside",
+    "onRequestDismiss",
     "onSelect",
     "open",
     "positioning",

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/segment-group/segment-group.anatomy.d.cts

@@ -1,3 +1,3 @@
 import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
-export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemControl" | "itemText">;
-export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemControl" | "itemText", AnatomyPart>;
+export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
+export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", AnatomyPart>;

package/dist/components/segment-group/segment-group.anatomy.d.ts

@@ -1,3 +1,3 @@
 import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
-export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemControl" | "itemText">;
-export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemControl" | "itemText", AnatomyPart>;
+export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
+export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", AnatomyPart>;

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';