@ark-ui/react 5.14.0 → 5.14.2

package/dist/components/hover-card/hover-card-root.d.ts

@@ -4,6 +4,6 @@ import { UseHoverCardProps } from './use-hover-card';
 export interface HoverCardRootBaseProps extends UseHoverCardProps, UsePresenceProps {
 }
 export interface HoverCardRootProps extends HoverCardRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const HoverCardRoot: (props: HoverCardRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/index.cjs

@@ -281,6 +281,7 @@ const hoverCardTrigger = require('./hover-card/hover-card-trigger.cjs');
 const useHoverCard = require('./hover-card/use-hover-card.cjs');
 const useHoverCardContext = require('./hover-card/use-hover-card-context.cjs');
 const hoverCard$1 = require('./hover-card/hover-card.cjs');
+const listboxContext = require('./listbox/listbox-context.cjs');
 const listboxContent = require('./listbox/listbox-content.cjs');
 const listboxInput = require('./listbox/listbox-input.cjs');
 const listboxItem = require('./listbox/listbox-item.cjs');
@@ -996,6 +997,7 @@ exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
 exports.HoverCard = hoverCard$1;
+exports.ListboxContext = listboxContext.ListboxContext;
 exports.ListboxContent = listboxContent.ListboxContent;
 exports.ListboxInput = listboxInput.ListboxInput;
 exports.ListboxItem = listboxItem.ListboxItem;

package/dist/components/index.js

@@ -295,6 +295,7 @@ export { useHoverCard } from './hover-card/use-hover-card.js';
 export { useHoverCardContext } from './hover-card/use-hover-card-context.js';
 import * as hoverCard from './hover-card/hover-card.js';
 export { hoverCard as HoverCard };
+export { ListboxContext } from './listbox/listbox-context.js';
 export { ListboxContent } from './listbox/listbox-content.js';
 export { ListboxInput } from './listbox/listbox-input.js';
 export { ListboxItem } from './listbox/listbox-item.js';

package/dist/components/listbox/index.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const listCollection = require('../collection/list-collection.cjs');
+const listboxContext = require('./listbox-context.cjs');
 const listboxContent = require('./listbox-content.cjs');
 const listboxInput = require('./listbox-input.cjs');
 const listboxItem = require('./listbox-item.cjs');
@@ -23,6 +24,7 @@ const listbox = require('@zag-js/listbox');
 
 
 exports.createListCollection = listCollection.createListCollection;
+exports.ListboxContext = listboxContext.ListboxContext;
 exports.ListboxContent = listboxContent.ListboxContent;
 exports.ListboxInput = listboxInput.ListboxInput;
 exports.ListboxItem = listboxItem.ListboxItem;

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

@@ -1,5 +1,6 @@
 export type { HighlightChangeDetails as ListboxHighlightChangeDetails, ScrollToIndexDetails as ListboxScrollToIndexDetails, SelectionDetails as ListboxSelectionDetails, SelectionMode as ListboxSelectionMode, ValueChangeDetails as ListboxValueChangeDetails, } from '@zag-js/listbox';
 export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
+export { ListboxContext, type ListboxContextProps } from './listbox-context';
 export { ListboxContent, type ListboxContentBaseProps, type ListboxContentProps } from './listbox-content';
 export { ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input';
 export { ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item';

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

@@ -1,5 +1,6 @@
 export type { HighlightChangeDetails as ListboxHighlightChangeDetails, ScrollToIndexDetails as ListboxScrollToIndexDetails, SelectionDetails as ListboxSelectionDetails, SelectionMode as ListboxSelectionMode, ValueChangeDetails as ListboxValueChangeDetails, } from '@zag-js/listbox';
 export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
+export { ListboxContext, type ListboxContextProps } from './listbox-context';
 export { ListboxContent, type ListboxContentBaseProps, type ListboxContentProps } from './listbox-content';
 export { ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input';
 export { ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item';

package/dist/components/listbox/index.js

@@ -1,4 +1,5 @@
 export { createListCollection } from '../collection/list-collection.js';
+export { ListboxContext } from './listbox-context.js';
 export { ListboxContent } from './listbox-content.js';
 export { ListboxInput } from './listbox-input.js';
 export { ListboxItem } from './listbox-item.js';

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

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useListboxContext = require('./use-listbox-context.cjs');
+
+const ListboxContext = (props) => props.children(useListboxContext.useListboxContext());
+
+exports.ListboxContext = ListboxContext;

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

@@ -0,0 +1,6 @@
+'use client';
+import { useListboxContext } from './use-listbox-context.js';
+
+const ListboxContext = (props) => props.children(useListboxContext());
+
+export { ListboxContext };

package/dist/components/listbox/listbox-value-text.d.cts

@@ -4,7 +4,7 @@ export interface ListboxValueTextBaseProps extends PolymorphicProps {
     /**
      * Text to display when no value is listboxed.
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
 }
 export interface ListboxValueTextProps extends HTMLProps<'span'>, ListboxValueTextBaseProps {
 }

package/dist/components/listbox/listbox-value-text.d.ts

@@ -4,7 +4,7 @@ export interface ListboxValueTextBaseProps extends PolymorphicProps {
     /**
      * Text to display when no value is listboxed.
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
 }
 export interface ListboxValueTextProps extends HTMLProps<'span'>, ListboxValueTextBaseProps {
 }

package/dist/components/listbox/listbox.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const listboxContext = require('./listbox-context.cjs');
 const listboxContent = require('./listbox-content.cjs');
 const listboxInput = require('./listbox-input.cjs');
 const listboxItem = require('./listbox-item.cjs');
@@ -16,6 +17,7 @@ const listboxValueText = require('./listbox-value-text.cjs');
 
 
 
+exports.Context = listboxContext.ListboxContext;
 exports.Content = listboxContent.ListboxContent;
 exports.Input = listboxInput.ListboxInput;
 exports.Item = listboxItem.ListboxItem;

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

@@ -1,4 +1,5 @@
 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 { 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';

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

@@ -1,4 +1,5 @@
 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 { 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';

package/dist/components/listbox/listbox.js

@@ -1,3 +1,4 @@
+export { ListboxContext as Context } from './listbox-context.js';
 export { ListboxContent as Content } from './listbox-content.js';
 export { ListboxInput as Input } from './listbox-input.js';
 export { ListboxItem as Item } from './listbox-item.js';

package/dist/components/menu/menu-item.d.cts

@@ -6,7 +6,7 @@ interface ItemBaseProps extends ItemProps {
     /**
      * The function to call when the item is selected
      */
-    onSelect?: VoidFunction;
+    onSelect?: VoidFunction | undefined;
 }
 export interface MenuItemBaseProps extends ItemBaseProps, PolymorphicProps {
 }

package/dist/components/menu/menu-item.d.ts

@@ -6,7 +6,7 @@ interface ItemBaseProps extends ItemProps {
     /**
      * The function to call when the item is selected
      */
-    onSelect?: VoidFunction;
+    onSelect?: VoidFunction | undefined;
 }
 export interface MenuItemBaseProps extends ItemBaseProps, PolymorphicProps {
 }

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

@@ -7,7 +7,7 @@ interface RootProviderProps {
 export interface MenuRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
 }
 export interface MenuRootProviderProps extends MenuRootProviderBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const MenuRootProvider: (props: MenuRootProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -7,7 +7,7 @@ interface RootProviderProps {
 export interface MenuRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
 }
 export interface MenuRootProviderProps extends MenuRootProviderBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const MenuRootProvider: (props: MenuRootProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,6 +4,6 @@ import { UseMenuProps } from './use-menu';
 export interface MenuRootBaseProps extends UseMenuProps, UsePresenceProps {
 }
 export interface MenuRootProps extends MenuRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const MenuRoot: (props: MenuRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,6 +4,6 @@ import { UseMenuProps } from './use-menu';
 export interface MenuRootBaseProps extends UseMenuProps, UsePresenceProps {
 }
 export interface MenuRootProps extends MenuRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const MenuRoot: (props: MenuRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/menu/use-menu-item-group-context.d.cts

@@ -4,7 +4,7 @@ export interface ValueChangeDetails {
 }
 export interface UseMenuItemGroupContext {
     id: string;
-    value?: string;
-    onValueChange?: (e: ValueChangeDetails) => void;
+    value?: string | undefined;
+    onValueChange?: ((e: ValueChangeDetails) => void) | undefined;
 }
 export declare const MenuItemGroupProvider: Provider<UseMenuItemGroupContext>, useMenuItemGroupContext: () => UseMenuItemGroupContext;

package/dist/components/menu/use-menu-item-group-context.d.ts

@@ -4,7 +4,7 @@ export interface ValueChangeDetails {
 }
 export interface UseMenuItemGroupContext {
     id: string;
-    value?: string;
-    onValueChange?: (e: ValueChangeDetails) => void;
+    value?: string | undefined;
+    onValueChange?: ((e: ValueChangeDetails) => void) | undefined;
 }
 export declare const MenuItemGroupProvider: Provider<UseMenuItemGroupContext>, useMenuItemGroupContext: () => UseMenuItemGroupContext;

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

@@ -7,7 +7,7 @@ interface RootProviderProps {
 export interface PopoverRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
 }
 export interface PopoverRootProviderProps extends PopoverRootProviderBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const PopoverRootProvider: (props: PopoverRootProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -7,7 +7,7 @@ interface RootProviderProps {
 export interface PopoverRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
 }
 export interface PopoverRootProviderProps extends PopoverRootProviderBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const PopoverRootProvider: (props: PopoverRootProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,6 +4,6 @@ import { UsePopoverProps } from './use-popover';
 export interface PopoverRootBaseProps extends UsePopoverProps, UsePresenceProps {
 }
 export interface PopoverRootProps extends PopoverRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const PopoverRoot: (props: PopoverRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,6 +4,6 @@ import { UsePopoverProps } from './use-popover';
 export interface PopoverRootBaseProps extends UsePopoverProps, UsePresenceProps {
 }
 export interface PopoverRootProps extends PopoverRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const PopoverRoot: (props: PopoverRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/portal/portal.d.cts

@@ -1,6 +1,6 @@
 import { PropsWithChildren, RefObject } from 'react';
 export interface PortalProps {
-    disabled?: boolean;
-    container?: RefObject<HTMLElement | null>;
+    disabled?: boolean | undefined;
+    container?: RefObject<HTMLElement | null> | undefined;
 }
 export declare const Portal: (props: PropsWithChildren<PortalProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/portal/portal.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren, RefObject } from 'react';
 export interface PortalProps {
-    disabled?: boolean;
-    container?: RefObject<HTMLElement | null>;
+    disabled?: boolean | undefined;
+    container?: RefObject<HTMLElement | null> | undefined;
 }
 export declare const Portal: (props: PropsWithChildren<PortalProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/presence/use-presence.d.cts

@@ -6,7 +6,7 @@ export interface UsePresenceProps extends Optional<presence.Props, 'present'>, R
      * Whether to allow the initial presence animation.
      * @default false
      */
-    skipAnimationOnMount?: boolean;
+    skipAnimationOnMount?: boolean | undefined;
 }
 export type UsePresenceReturn = ReturnType<typeof usePresence>;
 export declare const usePresence: (props?: UsePresenceProps) => {

package/dist/components/presence/use-presence.d.ts

@@ -6,7 +6,7 @@ export interface UsePresenceProps extends Optional<presence.Props, 'present'>, R
      * Whether to allow the initial presence animation.
      * @default false
      */
-    skipAnimationOnMount?: boolean;
+    skipAnimationOnMount?: boolean | undefined;
 }
 export type UsePresenceReturn = ReturnType<typeof usePresence>;
 export declare const usePresence: (props?: UsePresenceProps) => {

package/dist/components/select/select-value-text.d.cts

@@ -4,7 +4,7 @@ export interface SelectValueTextBaseProps extends PolymorphicProps {
     /**
      * Text to display when no value is selected.
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
 }
 export interface SelectValueTextProps extends HTMLProps<'span'>, SelectValueTextBaseProps {
 }

package/dist/components/select/select-value-text.d.ts

@@ -4,7 +4,7 @@ export interface SelectValueTextBaseProps extends PolymorphicProps {
     /**
      * Text to display when no value is selected.
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
 }
 export interface SelectValueTextProps extends HTMLProps<'span'>, SelectValueTextBaseProps {
 }

package/dist/components/toggle/toggle-indicator.d.cts

@@ -4,7 +4,7 @@ export interface ToggleIndicatorBaseProps {
     /**
      * The fallback content to render when the toggle is not pressed.
      */
-    fallback?: React.ReactNode;
+    fallback?: React.ReactNode | undefined;
 }
 export interface ToggleIndicatorProps extends HTMLArkProps<'div'>, ToggleIndicatorBaseProps {
 }

package/dist/components/toggle/toggle-indicator.d.ts

@@ -4,7 +4,7 @@ export interface ToggleIndicatorBaseProps {
     /**
      * The fallback content to render when the toggle is not pressed.
      */
-    fallback?: React.ReactNode;
+    fallback?: React.ReactNode | undefined;
 }
 export interface ToggleIndicatorProps extends HTMLArkProps<'div'>, ToggleIndicatorBaseProps {
 }

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

@@ -7,7 +7,7 @@ interface RootProviderProps {
 export interface TooltipRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
 }
 export interface TooltipRootProviderProps extends TooltipRootProviderBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const TooltipRootProvider: (props: TooltipRootProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -7,7 +7,7 @@ interface RootProviderProps {
 export interface TooltipRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
 }
 export interface TooltipRootProviderProps extends TooltipRootProviderBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const TooltipRootProvider: (props: TooltipRootProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,6 +4,6 @@ import { UseTooltipProps } from './use-tooltip';
 export interface TooltipRootBaseProps extends UseTooltipProps, UsePresenceProps {
 }
 export interface TooltipRootProps extends TooltipRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const TooltipRoot: (props: TooltipRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,6 +4,6 @@ import { UseTooltipProps } from './use-tooltip';
 export interface TooltipRootBaseProps extends UseTooltipProps, UsePresenceProps {
 }
 export interface TooltipRootProps extends TooltipRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const TooltipRoot: (props: TooltipRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -5,6 +5,6 @@ export interface TourRootBaseProps extends UsePresenceProps {
     tour: UseTourReturn;
 }
 export interface TourRootProps extends TourRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const TourRoot: (props: TourRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -5,6 +5,6 @@ export interface TourRootBaseProps extends UsePresenceProps {
     tour: UseTourReturn;
 }
 export interface TourRootProps extends TourRootBaseProps {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 }
 export declare const TourRoot: (props: TourRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, NodeState as TreeViewNodeState, NodeProps as TreeViewNodeProps, } from '@zag-js/tree-view';
 export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
 export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch';
 export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';

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

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, NodeState as TreeViewNodeState, NodeProps as TreeViewNodeProps, } from '@zag-js/tree-view';
 export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
 export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch';
 export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';

package/dist/components/tree-view/tree-view-label.cjs

@@ -12,7 +12,7 @@ const useTreeViewContext = require('./use-tree-view-context.cjs');
 const TreeViewLabel = react.forwardRef((props, ref) => {
   const treeView = useTreeViewContext.useTreeViewContext();
   const mergedProps = react$1.mergeProps(treeView.getLabelProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.h3, { ...mergedProps, ref });
 });
 TreeViewLabel.displayName = "TreeViewLabel";
 

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

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface TreeViewLabelBaseProps extends PolymorphicProps {
 }
-export interface TreeViewLabelProps extends HTMLProps<'label'>, TreeViewLabelBaseProps {
+export interface TreeViewLabelProps extends HTMLProps<'h3'>, TreeViewLabelBaseProps {
 }
-export declare const TreeViewLabel: ForwardRefExoticComponent<TreeViewLabelProps & RefAttributes<HTMLLabelElement>>;
+export declare const TreeViewLabel: ForwardRefExoticComponent<TreeViewLabelProps & RefAttributes<HTMLHeadingElement>>;

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

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface TreeViewLabelBaseProps extends PolymorphicProps {
 }
-export interface TreeViewLabelProps extends HTMLProps<'label'>, TreeViewLabelBaseProps {
+export interface TreeViewLabelProps extends HTMLProps<'h3'>, TreeViewLabelBaseProps {
 }
-export declare const TreeViewLabel: ForwardRefExoticComponent<TreeViewLabelProps & RefAttributes<HTMLLabelElement>>;
+export declare const TreeViewLabel: ForwardRefExoticComponent<TreeViewLabelProps & RefAttributes<HTMLHeadingElement>>;

package/dist/components/tree-view/tree-view-label.js

@@ -8,7 +8,7 @@ import { useTreeViewContext } from './use-tree-view-context.js';
 const TreeViewLabel = forwardRef((props, ref) => {
   const treeView = useTreeViewContext();
   const mergedProps = mergeProps(treeView.getLabelProps(), props);
-  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
+  return /* @__PURE__ */ jsx(ark.h3, { ...mergedProps, ref });
 });
 TreeViewLabel.displayName = "TreeViewLabel";
 

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

@@ -3,6 +3,6 @@ export interface TreeViewNodeProviderBaseProps<T> extends NodeProps {
     node: T;
 }
 export interface TreeViewNodeProviderProps<T> extends TreeViewNodeProviderBaseProps<T> {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }
 export declare function TreeViewNodeProvider<T>(props: TreeViewNodeProviderProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -3,6 +3,6 @@ export interface TreeViewNodeProviderBaseProps<T> extends NodeProps {
     node: T;
 }
 export interface TreeViewNodeProviderProps<T> extends TreeViewNodeProviderBaseProps<T> {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }
 export declare function TreeViewNodeProvider<T>(props: TreeViewNodeProviderProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, LoadChildrenDetails, LoadChildrenCompleteDetails, } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, LoadChildrenDetails, LoadChildrenCompleteDetails, NodeState, NodeProps, } from '@zag-js/tree-view';
 export { TreeViewBranch as Branch, type TreeViewBranchBaseProps as BranchBaseProps, type TreeViewBranchProps as BranchProps, } from './tree-view-branch';
 export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content';
 export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control';

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

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, LoadChildrenDetails, LoadChildrenCompleteDetails, } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, LoadChildrenDetails, LoadChildrenCompleteDetails, NodeState, NodeProps, } from '@zag-js/tree-view';
 export { TreeViewBranch as Branch, type TreeViewBranchBaseProps as BranchBaseProps, type TreeViewBranchProps as BranchProps, } from './tree-view-branch';
 export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content';
 export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control';

package/dist/index.cjs

@@ -281,6 +281,7 @@ const hoverCardTrigger = require('./components/hover-card/hover-card-trigger.cjs
 const useHoverCard = require('./components/hover-card/use-hover-card.cjs');
 const useHoverCardContext = require('./components/hover-card/use-hover-card-context.cjs');
 const hoverCard$1 = require('./components/hover-card/hover-card.cjs');
+const listboxContext = require('./components/listbox/listbox-context.cjs');
 const listboxContent = require('./components/listbox/listbox-content.cjs');
 const listboxInput = require('./components/listbox/listbox-input.cjs');
 const listboxItem = require('./components/listbox/listbox-item.cjs');
@@ -1001,6 +1002,7 @@ exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
 exports.HoverCard = hoverCard$1;
+exports.ListboxContext = listboxContext.ListboxContext;
 exports.ListboxContent = listboxContent.ListboxContent;
 exports.ListboxInput = listboxInput.ListboxInput;
 exports.ListboxItem = listboxItem.ListboxItem;

package/dist/index.js

@@ -295,6 +295,7 @@ export { useHoverCard } from './components/hover-card/use-hover-card.js';
 export { useHoverCardContext } from './components/hover-card/use-hover-card-context.js';
 import * as hoverCard from './components/hover-card/hover-card.js';
 export { hoverCard as HoverCard };
+export { ListboxContext } from './components/listbox/listbox-context.js';
 export { ListboxContent } from './components/listbox/listbox-content.js';
 export { ListboxInput } from './components/listbox/listbox-input.js';
 export { ListboxItem } from './components/listbox/listbox-item.js';

package/dist/providers/environment/environment-provider.d.cts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { RootNode } from './use-environment-context';
 export interface EnvironmentProviderProps {
-    children?: ReactNode;
-    value?: RootNode | (() => RootNode);
+    children?: ReactNode | undefined;
+    value?: RootNode | (() => RootNode) | undefined;
 }
 export declare const EnvironmentProvider: (props: EnvironmentProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/providers/environment/environment-provider.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { RootNode } from './use-environment-context';
 export interface EnvironmentProviderProps {
-    children?: ReactNode;
-    value?: RootNode | (() => RootNode);
+    children?: ReactNode | undefined;
+    value?: RootNode | (() => RootNode) | undefined;
 }
 export declare const EnvironmentProvider: (props: EnvironmentProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/utils/create-context.d.cts

@@ -1,10 +1,10 @@
 interface CreateContextOptions<T> {
-    strict?: boolean;
-    hookName?: string;
-    providerName?: string;
-    errorMessage?: string;
-    name?: string;
-    defaultValue?: T;
+    strict?: boolean | undefined;
+    hookName?: string | undefined;
+    providerName?: string | undefined;
+    errorMessage?: string | undefined;
+    name?: string | undefined;
+    defaultValue?: T | undefined;
 }
 type CreateContextReturn<T> = [React.Provider<T>, () => T, React.Context<T>];
 export declare function createContext<T>(options?: CreateContextOptions<T>): CreateContextReturn<T>;

package/dist/utils/create-context.d.ts

@@ -1,10 +1,10 @@
 interface CreateContextOptions<T> {
-    strict?: boolean;
-    hookName?: string;
-    providerName?: string;
-    errorMessage?: string;
-    name?: string;
-    defaultValue?: T;
+    strict?: boolean | undefined;
+    hookName?: string | undefined;
+    providerName?: string | undefined;
+    errorMessage?: string | undefined;
+    name?: string | undefined;
+    defaultValue?: T | undefined;
 }
 type CreateContextReturn<T> = [React.Provider<T>, () => T, React.Context<T>];
 export declare function createContext<T>(options?: CreateContextOptions<T>): CreateContextReturn<T>;

package/dist/utils/render-strategy.d.cts

@@ -4,12 +4,12 @@ export interface RenderStrategyProps {
      * Whether to enable lazy mounting
      * @default false
      */
-    lazyMount?: boolean;
+    lazyMount?: boolean | undefined;
     /**
      * Whether to unmount on exit.
      * @default false
      */
-    unmountOnExit?: boolean;
+    unmountOnExit?: boolean | undefined;
 }
 export declare const RenderStrategyPropsProvider: Provider<RenderStrategyProps>, useRenderStrategyPropsContext: () => RenderStrategyProps;
 export declare const splitRenderStrategyProps: <T extends RenderStrategyProps>(props: T) => [RenderStrategyProps, Omit<T, "lazyMount" | "unmountOnExit">];