@ark-ui/react 5.39.1 → 5.39.3

package/dist/components/image-cropper/index.d.cts

@@ -1,4 +1,5 @@
 export type { CropChangeDetails as ImageCropperCropChangeDetails, FlipChangeDetails as ImageCropperFlipChangeDetails, FlipState as ImageCropperFlipState, HandlePosition as ImageCropperHandlePosition, RotationChangeDetails as ImageCropperRotationChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, } from '@zag-js/image-cropper';
+export type { Rect as ImageCropperRect } from '@zag-js/types';
 export { ImageCropperContext, type ImageCropperContextProps } from './image-cropper-context.js';
 export { ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps } from './image-cropper-grid.js';
 export { ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandleProps, } from './image-cropper-handle.js';

package/dist/components/image-cropper/index.d.ts

@@ -1,4 +1,5 @@
 export type { CropChangeDetails as ImageCropperCropChangeDetails, FlipChangeDetails as ImageCropperFlipChangeDetails, FlipState as ImageCropperFlipState, HandlePosition as ImageCropperHandlePosition, RotationChangeDetails as ImageCropperRotationChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, } from '@zag-js/image-cropper';
+export type { Rect as ImageCropperRect } from '@zag-js/types';
 export { ImageCropperContext, type ImageCropperContextProps } from './image-cropper-context.js';
 export { ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps } from './image-cropper-grid.js';
 export { ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandleProps, } from './image-cropper-handle.js';

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

@@ -17,4 +17,4 @@ export interface JsonTreeViewNodeProps extends JsonTreeViewNodeBaseProps {
     node: JsonNode;
     indexPath: number[];
 }
-export declare function JsonTreeViewNode(props: JsonTreeViewNodeProps): import("react").JSX.Element;
+export declare function JsonTreeViewNode(props: JsonTreeViewNodeProps): import('react').JSX.Element;

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

@@ -17,4 +17,4 @@ export interface JsonTreeViewNodeProps extends JsonTreeViewNodeBaseProps {
     node: JsonNode;
     indexPath: number[];
 }
-export declare function JsonTreeViewNode(props: JsonTreeViewNodeProps): import("react").JSX.Element;
+export declare function JsonTreeViewNode(props: JsonTreeViewNodeProps): import('react').JSX.Element;

package/dist/components/listbox/listbox-item-text.cjs

@@ -10,7 +10,7 @@ var ListboxItemText = (0, react.forwardRef)((props, ref) => {
 	const listbox = require_use_listbox_context.useListboxContext();
 	const itemProps = require_use_listbox_item_props_context.useListboxItemPropsContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(listbox.getItemTextProps(itemProps), props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.span, {
 		...mergedProps,
 		ref
 	});

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

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface ListboxItemTextBaseProps extends PolymorphicProps {
 }
-export interface ListboxItemTextProps extends HTMLProps<'div'>, ListboxItemTextBaseProps {
+export interface ListboxItemTextProps extends HTMLProps<'span'>, ListboxItemTextBaseProps {
 }
-export declare const ListboxItemText: ForwardRefExoticComponent<ListboxItemTextProps & RefAttributes<HTMLDivElement>>;
+export declare const ListboxItemText: ForwardRefExoticComponent<ListboxItemTextProps & RefAttributes<HTMLSpanElement>>;

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

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface ListboxItemTextBaseProps extends PolymorphicProps {
 }
-export interface ListboxItemTextProps extends HTMLProps<'div'>, ListboxItemTextBaseProps {
+export interface ListboxItemTextProps extends HTMLProps<'span'>, ListboxItemTextBaseProps {
 }
-export declare const ListboxItemText: ForwardRefExoticComponent<ListboxItemTextProps & RefAttributes<HTMLDivElement>>;
+export declare const ListboxItemText: ForwardRefExoticComponent<ListboxItemTextProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/listbox/listbox-item-text.js

@@ -10,7 +10,7 @@ var ListboxItemText = forwardRef((props, ref) => {
 	const listbox = useListboxContext();
 	const itemProps = useListboxItemPropsContext();
 	const mergedProps = mergeProps(listbox.getItemTextProps(itemProps), props);
-	return /* @__PURE__ */ jsx(ark.div, {
+	return /* @__PURE__ */ jsx(ark.span, {
 		...mergedProps,
 		ref
 	});

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

@@ -9,5 +9,5 @@ export interface MenuRootProviderBaseProps extends RootProviderProps, UsePresenc
 export interface MenuRootProviderProps extends MenuRootProviderBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const MenuRootProvider: (props: MenuRootProviderProps) => import("react").JSX.Element;
+export declare const MenuRootProvider: (props: MenuRootProviderProps) => import('react').JSX.Element;
 export {};

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

@@ -9,5 +9,5 @@ export interface MenuRootProviderBaseProps extends RootProviderProps, UsePresenc
 export interface MenuRootProviderProps extends MenuRootProviderBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const MenuRootProvider: (props: MenuRootProviderProps) => import("react").JSX.Element;
+export declare const MenuRootProvider: (props: MenuRootProviderProps) => import('react').JSX.Element;
 export {};

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

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

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

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

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

@@ -9,5 +9,5 @@ export interface PopoverRootProviderBaseProps extends RootProviderProps, UsePres
 export interface PopoverRootProviderProps extends PopoverRootProviderBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const PopoverRootProvider: (props: PopoverRootProviderProps) => import("react").JSX.Element;
+export declare const PopoverRootProvider: (props: PopoverRootProviderProps) => import('react').JSX.Element;
 export {};

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

@@ -9,5 +9,5 @@ export interface PopoverRootProviderBaseProps extends RootProviderProps, UsePres
 export interface PopoverRootProviderProps extends PopoverRootProviderBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const PopoverRootProvider: (props: PopoverRootProviderProps) => import("react").JSX.Element;
+export declare const PopoverRootProvider: (props: PopoverRootProviderProps) => import('react').JSX.Element;
 export {};

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

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

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

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

package/dist/components/popover/popover-title.cjs

@@ -8,7 +8,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var PopoverTitle = (0, react.forwardRef)((props, ref) => {
 	const popover = require_use_popover_context.usePopoverContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(popover.getTitleProps(), props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.h2, {
 		...mergedProps,
 		ref
 	});

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

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface PopoverTitleBaseProps extends PolymorphicProps {
 }
-export interface PopoverTitleProps extends HTMLProps<'div'>, PopoverTitleBaseProps {
+export interface PopoverTitleProps extends HTMLProps<'h2'>, PopoverTitleBaseProps {
 }
-export declare const PopoverTitle: ForwardRefExoticComponent<PopoverTitleProps & RefAttributes<HTMLDivElement>>;
+export declare const PopoverTitle: ForwardRefExoticComponent<PopoverTitleProps & RefAttributes<HTMLHeadingElement>>;

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

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface PopoverTitleBaseProps extends PolymorphicProps {
 }
-export interface PopoverTitleProps extends HTMLProps<'div'>, PopoverTitleBaseProps {
+export interface PopoverTitleProps extends HTMLProps<'h2'>, PopoverTitleBaseProps {
 }
-export declare const PopoverTitle: ForwardRefExoticComponent<PopoverTitleProps & RefAttributes<HTMLDivElement>>;
+export declare const PopoverTitle: ForwardRefExoticComponent<PopoverTitleProps & RefAttributes<HTMLHeadingElement>>;

package/dist/components/popover/popover-title.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 var PopoverTitle = forwardRef((props, ref) => {
 	const popover = usePopoverContext();
 	const mergedProps = mergeProps(popover.getTitleProps(), props);
-	return /* @__PURE__ */ jsx(ark.div, {
+	return /* @__PURE__ */ jsx(ark.h2, {
 		...mergedProps,
 		ref
 	});

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

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

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

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

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

@@ -4,4 +4,4 @@ export interface PresenceGateProps {
     presence: Pick<UsePresenceReturn, 'unmounted' | 'present' | 'hideMode'>;
     children?: ReactNode | undefined;
 }
-export declare const PresenceGate: (props: PresenceGateProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+export declare const PresenceGate: (props: PresenceGateProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import('react').JSX.Element | null | undefined;

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

@@ -4,4 +4,4 @@ export interface PresenceGateProps {
     presence: Pick<UsePresenceReturn, 'unmounted' | 'present' | 'hideMode'>;
     children?: ReactNode | undefined;
 }
-export declare const PresenceGate: (props: PresenceGateProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+export declare const PresenceGate: (props: PresenceGateProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import('react').JSX.Element | null | undefined;

package/dist/components/progress/examples/circular/basic.d.cts

@@ -1 +1 @@
-export declare const Basic: () => import("react").JSX.Element;
+export declare const Basic: () => import('react').JSX.Element;

package/dist/components/progress/examples/circular/basic.d.ts

@@ -1 +1 @@
-export declare const Basic: () => import("react").JSX.Element;
+export declare const Basic: () => import('react').JSX.Element;

package/dist/components/progress/examples/circular/controlled.d.cts

@@ -1 +1 @@
-export declare const Controlled: () => import("react").JSX.Element;
+export declare const Controlled: () => import('react').JSX.Element;

package/dist/components/progress/examples/circular/controlled.d.ts

@@ -1 +1 @@
-export declare const Controlled: () => import("react").JSX.Element;
+export declare const Controlled: () => import('react').JSX.Element;

package/dist/components/progress/examples/circular/indeterminate.d.cts

@@ -1 +1 @@
-export declare const Indeterminate: () => import("react").JSX.Element;
+export declare const Indeterminate: () => import('react').JSX.Element;

package/dist/components/progress/examples/circular/indeterminate.d.ts

@@ -1 +1 @@
-export declare const Indeterminate: () => import("react").JSX.Element;
+export declare const Indeterminate: () => import('react').JSX.Element;

package/dist/components/progress/examples/circular/initial-value.d.cts

@@ -1 +1 @@
-export declare const InitialValue: () => import("react").JSX.Element;
+export declare const InitialValue: () => import('react').JSX.Element;

package/dist/components/progress/examples/circular/initial-value.d.ts

@@ -1 +1 @@
-export declare const InitialValue: () => import("react").JSX.Element;
+export declare const InitialValue: () => import('react').JSX.Element;

package/dist/components/progress/examples/circular/min-max.d.cts

@@ -1 +1 @@
-export declare const MinMax: () => import("react").JSX.Element;
+export declare const MinMax: () => import('react').JSX.Element;

package/dist/components/progress/examples/circular/min-max.d.ts

@@ -1 +1 @@
-export declare const MinMax: () => import("react").JSX.Element;
+export declare const MinMax: () => import('react').JSX.Element;

package/dist/components/progress/examples/circular/root-provider.d.cts

@@ -1 +1 @@
-export declare const RootProvider: () => import("react").JSX.Element;
+export declare const RootProvider: () => import('react').JSX.Element;

package/dist/components/progress/examples/circular/root-provider.d.ts

@@ -1 +1 @@
-export declare const RootProvider: () => import("react").JSX.Element;
+export declare const RootProvider: () => import('react').JSX.Element;

package/dist/components/progress/examples/circular/with-label.d.cts

@@ -1 +1 @@
-export declare const WithLabel: () => import("react").JSX.Element;
+export declare const WithLabel: () => import('react').JSX.Element;

package/dist/components/progress/examples/circular/with-label.d.ts

@@ -1 +1 @@
-export declare const WithLabel: () => import("react").JSX.Element;
+export declare const WithLabel: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/basic.d.cts

@@ -1 +1 @@
-export declare const Basic: () => import("react").JSX.Element;
+export declare const Basic: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/basic.d.ts

@@ -1 +1 @@
-export declare const Basic: () => import("react").JSX.Element;
+export declare const Basic: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/controlled.d.cts

@@ -1 +1 @@
-export declare const Controlled: () => import("react").JSX.Element;
+export declare const Controlled: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/controlled.d.ts

@@ -1 +1 @@
-export declare const Controlled: () => import("react").JSX.Element;
+export declare const Controlled: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/indeterminate.d.cts

@@ -1 +1 @@
-export declare const Indeterminate: () => import("react").JSX.Element;
+export declare const Indeterminate: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/indeterminate.d.ts

@@ -1 +1 @@
-export declare const Indeterminate: () => import("react").JSX.Element;
+export declare const Indeterminate: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/initial-value.d.cts

@@ -1 +1 @@
-export declare const InitialValue: () => import("react").JSX.Element;
+export declare const InitialValue: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/initial-value.d.ts

@@ -1 +1 @@
-export declare const InitialValue: () => import("react").JSX.Element;
+export declare const InitialValue: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/min-max.d.cts

@@ -1 +1 @@
-export declare const MinMax: () => import("react").JSX.Element;
+export declare const MinMax: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/min-max.d.ts

@@ -1 +1 @@
-export declare const MinMax: () => import("react").JSX.Element;
+export declare const MinMax: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/root-provider.d.cts

@@ -1 +1 @@
-export declare const RootProvider: () => import("react").JSX.Element;
+export declare const RootProvider: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/root-provider.d.ts

@@ -1 +1 @@
-export declare const RootProvider: () => import("react").JSX.Element;
+export declare const RootProvider: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/value-text.d.cts

@@ -1 +1 @@
-export declare const ValueText: () => import("react").JSX.Element;
+export declare const ValueText: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/value-text.d.ts

@@ -1 +1 @@
-export declare const ValueText: () => import("react").JSX.Element;
+export declare const ValueText: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/vertical.d.cts

@@ -1 +1 @@
-export declare const Vertical: () => import("react").JSX.Element;
+export declare const Vertical: () => import('react').JSX.Element;

package/dist/components/progress/examples/linear/vertical.d.ts

@@ -1 +1 @@
-export declare const Vertical: () => import("react").JSX.Element;
+export declare const Vertical: () => import('react').JSX.Element;

package/dist/components/qr-code/index.d.cts

@@ -1,4 +1,4 @@
-export type { QrCodeGenerateOptions, QrCodeGenerateResult } from '@zag-js/qr-code';
+export type { QrCodeGenerateOptions, QrCodeGenerateResult, ValueChangeDetails as QrCodeValueChangeDetails, } from '@zag-js/qr-code';
 export { QrCodeContext, type QrCodeContextProps } from './qr-code-context.js';
 export { QrCodeDownloadTrigger, type QrCodeDownloadTriggerBaseProps, type QrCodeDownloadTriggerProps, } from './qr-code-download-trigger.js';
 export { QrCodeFrame, type QrCodeFrameBaseProps, type QrCodeFrameProps } from './qr-code-frame.js';

package/dist/components/qr-code/index.d.ts

@@ -1,4 +1,4 @@
-export type { QrCodeGenerateOptions, QrCodeGenerateResult } from '@zag-js/qr-code';
+export type { QrCodeGenerateOptions, QrCodeGenerateResult, ValueChangeDetails as QrCodeValueChangeDetails, } from '@zag-js/qr-code';
 export { QrCodeContext, type QrCodeContextProps } from './qr-code-context.js';
 export { QrCodeDownloadTrigger, type QrCodeDownloadTriggerBaseProps, type QrCodeDownloadTriggerProps, } from './qr-code-download-trigger.js';
 export { QrCodeFrame, type QrCodeFrameBaseProps, type QrCodeFrameProps } from './qr-code-frame.js';

package/dist/components/qr-code/qr-code.d.cts

@@ -1,4 +1,4 @@
-export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult } from '@zag-js/qr-code';
+export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult, ValueChangeDetails, } from '@zag-js/qr-code';
 export { QrCodeContext as Context, type QrCodeContextProps as ContextProps } from './qr-code-context.js';
 export { QrCodeDownloadTrigger as DownloadTrigger, type QrCodeDownloadTriggerBaseProps as DownloadTriggerBaseProps, type QrCodeDownloadTriggerProps as DownloadTriggerProps, } from './qr-code-download-trigger.js';
 export { QrCodeFrame as Frame, type QrCodeFrameBaseProps as FrameBaseProps, type QrCodeFrameProps as FrameProps, } from './qr-code-frame.js';

package/dist/components/qr-code/qr-code.d.ts

@@ -1,4 +1,4 @@
-export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult } from '@zag-js/qr-code';
+export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult, ValueChangeDetails, } from '@zag-js/qr-code';
 export { QrCodeContext as Context, type QrCodeContextProps as ContextProps } from './qr-code-context.js';
 export { QrCodeDownloadTrigger as DownloadTrigger, type QrCodeDownloadTriggerBaseProps as DownloadTriggerBaseProps, type QrCodeDownloadTriggerProps as DownloadTriggerProps, } from './qr-code-download-trigger.js';
 export { QrCodeFrame as Frame, type QrCodeFrameBaseProps as FrameBaseProps, type QrCodeFrameProps as FrameProps, } from './qr-code-frame.js';

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

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent as SelectFocusOutsideEvent, HighlightChangeDetails as SelectHighlightChangeDetails, InteractOutsideEvent as SelectInteractOutsideEvent, OpenChangeDetails as SelectOpenChangeDetails, PointerDownOutsideEvent as SelectPointerDownOutsideEvent, ValueChangeDetails as SelectValueChangeDetails, } from '@zag-js/select';
+export type { FocusOutsideEvent as SelectFocusOutsideEvent, HighlightChangeDetails as SelectHighlightChangeDetails, InteractOutsideEvent as SelectInteractOutsideEvent, IntlTranslations as SelectIntlTranslations, OpenChangeDetails as SelectOpenChangeDetails, PointerDownOutsideEvent as SelectPointerDownOutsideEvent, PositioningOptions as SelectPositioningOptions, ScrollToIndexDetails as SelectScrollToIndexDetails, SelectionDetails as SelectSelectionDetails, ValueChangeDetails as SelectValueChangeDetails, } from '@zag-js/select';
 export { createListCollection, type CollectionItem, type ListCollection, useListCollection, type UseListCollectionProps, } from '../collection/index.js';
 export { SelectClearTrigger, type SelectClearTriggerBaseProps, type SelectClearTriggerProps, } from './select-clear-trigger.js';
 export { SelectContent, type SelectContentBaseProps, type SelectContentProps } from './select-content.js';

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

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent as SelectFocusOutsideEvent, HighlightChangeDetails as SelectHighlightChangeDetails, InteractOutsideEvent as SelectInteractOutsideEvent, OpenChangeDetails as SelectOpenChangeDetails, PointerDownOutsideEvent as SelectPointerDownOutsideEvent, ValueChangeDetails as SelectValueChangeDetails, } from '@zag-js/select';
+export type { FocusOutsideEvent as SelectFocusOutsideEvent, HighlightChangeDetails as SelectHighlightChangeDetails, InteractOutsideEvent as SelectInteractOutsideEvent, IntlTranslations as SelectIntlTranslations, OpenChangeDetails as SelectOpenChangeDetails, PointerDownOutsideEvent as SelectPointerDownOutsideEvent, PositioningOptions as SelectPositioningOptions, ScrollToIndexDetails as SelectScrollToIndexDetails, SelectionDetails as SelectSelectionDetails, ValueChangeDetails as SelectValueChangeDetails, } from '@zag-js/select';
 export { createListCollection, type CollectionItem, type ListCollection, useListCollection, type UseListCollectionProps, } from '../collection/index.js';
 export { SelectClearTrigger, type SelectClearTriggerBaseProps, type SelectClearTriggerProps, } from './select-clear-trigger.js';
 export { SelectContent, type SelectContentBaseProps, type SelectContentProps } from './select-content.js';

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

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, ValueChangeDetails, } from '@zag-js/select';
+export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, IntlTranslations, OpenChangeDetails, PointerDownOutsideEvent, PositioningOptions, ScrollToIndexDetails, SelectionDetails, ValueChangeDetails, } from '@zag-js/select';
 export type { CollectionItem, ListCollection } from '../collection/index.js';
 export { SelectClearTrigger as ClearTrigger, type SelectClearTriggerBaseProps as ClearTriggerBaseProps, type SelectClearTriggerProps as ClearTriggerProps, } from './select-clear-trigger.js';
 export { SelectContent as Content, type SelectContentBaseProps as ContentBaseProps, type SelectContentProps as ContentProps, } from './select-content.js';

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

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, ValueChangeDetails, } from '@zag-js/select';
+export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, IntlTranslations, OpenChangeDetails, PointerDownOutsideEvent, PositioningOptions, ScrollToIndexDetails, SelectionDetails, ValueChangeDetails, } from '@zag-js/select';
 export type { CollectionItem, ListCollection } from '../collection/index.js';
 export { SelectClearTrigger as ClearTrigger, type SelectClearTriggerBaseProps as ClearTriggerBaseProps, type SelectClearTriggerProps as ClearTriggerProps, } from './select-clear-trigger.js';
 export { SelectContent as Content, type SelectContentBaseProps as ContentBaseProps, type SelectContentProps as ContentProps, } from './select-content.js';

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

@@ -1,4 +1,4 @@
-export type { StepChangeDetails } from '@zag-js/steps';
+export type { StepChangeDetails, StepInvalidDetails } from '@zag-js/steps';
 export { StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, } from './steps-completed-content.js';
 export { StepsContent, type StepsContentBaseProps, type StepsContentProps } from './steps-content.js';
 export { StepsContext, type StepsContextProps } from './steps-context.js';

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

@@ -1,4 +1,4 @@
-export type { StepChangeDetails } from '@zag-js/steps';
+export type { StepChangeDetails, StepInvalidDetails } from '@zag-js/steps';
 export { StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, } from './steps-completed-content.js';
 export { StepsContent, type StepsContentBaseProps, type StepsContentProps } from './steps-content.js';
 export { StepsContext, type StepsContextProps } from './steps-context.js';

package/dist/components/steps/steps.d.cts

@@ -1,4 +1,4 @@
-export type { StepChangeDetails as ChangeDetails } from '@zag-js/steps';
+export type { StepChangeDetails as ChangeDetails, StepInvalidDetails as InvalidDetails } from '@zag-js/steps';
 export { StepsCompletedContent as CompletedContent, type StepsCompletedContentBaseProps as CompletedContentBaseProps, type StepsCompletedContentProps as CompletedContentProps, } from './steps-completed-content.js';
 export { StepsContent as Content, type StepsContentBaseProps as ContentBaseProps, type StepsContentProps as ContentProps, } from './steps-content.js';
 export { StepsContext as Context, type StepsContextProps as ContextProps } from './steps-context.js';

package/dist/components/steps/steps.d.ts

@@ -1,4 +1,4 @@
-export type { StepChangeDetails as ChangeDetails } from '@zag-js/steps';
+export type { StepChangeDetails as ChangeDetails, StepInvalidDetails as InvalidDetails } from '@zag-js/steps';
 export { StepsCompletedContent as CompletedContent, type StepsCompletedContentBaseProps as CompletedContentBaseProps, type StepsCompletedContentProps as CompletedContentProps, } from './steps-completed-content.js';
 export { StepsContent as Content, type StepsContentBaseProps as ContentBaseProps, type StepsContentProps as ContentProps, } from './steps-content.js';
 export { StepsContext as Context, type StepsContextProps as ContextProps } from './steps-context.js';

package/dist/components/toast/toaster.cjs

@@ -11,17 +11,17 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/toast/toaster.tsx
 var Toaster = (0, react.forwardRef)((props, ref) => {
-	const { toaster, children, ...localProps } = props;
+	const { toaster, children, label, dir, getRootNode, ...localProps } = props;
 	const locale = require_use_locale_context.useLocaleContext();
 	const env = require_use_environment_context.useEnvironmentContext();
 	const service = (0, _zag_js_react.useMachine)(_zag_js_toast.group.machine, {
 		store: toaster,
 		id: (0, react.useId)(),
-		dir: locale?.dir,
-		getRootNode: env?.getRootNode
+		dir: dir ?? locale?.dir,
+		getRootNode: getRootNode ?? env?.getRootNode
 	});
 	const api = _zag_js_toast.group.connect(service, _zag_js_react.normalizeProps);
-	const mergedProps = (0, _zag_js_react.mergeProps)(api.getGroupProps(), localProps);
+	const mergedProps = (0, _zag_js_react.mergeProps)(api.getGroupProps({ label }), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref,

package/dist/components/toast/toaster.d.cts

@@ -7,6 +7,11 @@ export type ToastOptions = toast.Options<ReactNode>;
 export interface ToasterBaseProps extends PolymorphicProps, Omit<toast.GroupProps, 'store' | 'id'> {
     toaster: CreateToasterReturn<any>;
     children: (toast: ToastOptions) => ReactNode;
+    /**
+     * The human-readable label for the toast region.
+     * @default "Notifications"
+     */
+    label?: string | undefined;
 }
 export interface ToasterProps extends Assign<HTMLProps<'div'>, ToasterBaseProps> {
 }

package/dist/components/toast/toaster.d.ts

@@ -7,6 +7,11 @@ export type ToastOptions = toast.Options<ReactNode>;
 export interface ToasterBaseProps extends PolymorphicProps, Omit<toast.GroupProps, 'store' | 'id'> {
     toaster: CreateToasterReturn<any>;
     children: (toast: ToastOptions) => ReactNode;
+    /**
+     * The human-readable label for the toast region.
+     * @default "Notifications"
+     */
+    label?: string | undefined;
 }
 export interface ToasterProps extends Assign<HTMLProps<'div'>, ToasterBaseProps> {
 }

package/dist/components/toast/toaster.js

@@ -9,17 +9,17 @@ import { mergeProps, normalizeProps, useMachine } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/toast/toaster.tsx
 var Toaster = forwardRef((props, ref) => {
-	const { toaster, children, ...localProps } = props;
+	const { toaster, children, label, dir, getRootNode, ...localProps } = props;
 	const locale = useLocaleContext();
 	const env = useEnvironmentContext();
 	const service = useMachine(toast.group.machine, {
 		store: toaster,
 		id: useId(),
-		dir: locale?.dir,
-		getRootNode: env?.getRootNode
+		dir: dir ?? locale?.dir,
+		getRootNode: getRootNode ?? env?.getRootNode
 	});
 	const api = toast.group.connect(service, normalizeProps);
-	const mergedProps = mergeProps(api.getGroupProps(), localProps);
+	const mergedProps = mergeProps(api.getGroupProps({ label }), localProps);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref,

package/dist/components/toggle/toggle-indicator.cjs

@@ -9,7 +9,7 @@ var ToggleIndicator = (0, react.forwardRef)((props, ref) => {
 	const { children, fallback, ...restProps } = props;
 	const toggle = require_use_toggle_context.useToggleContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(toggle.getIndicatorProps(), restProps);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.span, {
 		...mergedProps,
 		ref,
 		children: toggle.pressed ? children : fallback

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

@@ -6,6 +6,6 @@ export interface ToggleIndicatorBaseProps {
      */
     fallback?: React.ReactNode | undefined;
 }
-export interface ToggleIndicatorProps extends HTMLArkProps<'div'>, ToggleIndicatorBaseProps {
+export interface ToggleIndicatorProps extends HTMLArkProps<'span'>, ToggleIndicatorBaseProps {
 }
-export declare const ToggleIndicator: ForwardRefExoticComponent<ToggleIndicatorProps & RefAttributes<HTMLDivElement>>;
+export declare const ToggleIndicator: ForwardRefExoticComponent<ToggleIndicatorProps & RefAttributes<HTMLSpanElement>>;

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

@@ -6,6 +6,6 @@ export interface ToggleIndicatorBaseProps {
      */
     fallback?: React.ReactNode | undefined;
 }
-export interface ToggleIndicatorProps extends HTMLArkProps<'div'>, ToggleIndicatorBaseProps {
+export interface ToggleIndicatorProps extends HTMLArkProps<'span'>, ToggleIndicatorBaseProps {
 }
-export declare const ToggleIndicator: ForwardRefExoticComponent<ToggleIndicatorProps & RefAttributes<HTMLDivElement>>;
+export declare const ToggleIndicator: ForwardRefExoticComponent<ToggleIndicatorProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/toggle/toggle-indicator.js

@@ -9,7 +9,7 @@ var ToggleIndicator = forwardRef((props, ref) => {
 	const { children, fallback, ...restProps } = props;
 	const toggle = useToggleContext();
 	const mergedProps = mergeProps(toggle.getIndicatorProps(), restProps);
-	return /* @__PURE__ */ jsx(ark.div, {
+	return /* @__PURE__ */ jsx(ark.span, {
 		...mergedProps,
 		ref,
 		children: toggle.pressed ? children : fallback

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

@@ -9,5 +9,5 @@ export interface TooltipRootProviderBaseProps extends RootProviderProps, UsePres
 export interface TooltipRootProviderProps extends TooltipRootProviderBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const TooltipRootProvider: (props: TooltipRootProviderProps) => import("react").JSX.Element;
+export declare const TooltipRootProvider: (props: TooltipRootProviderProps) => import('react').JSX.Element;
 export {};

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

@@ -9,5 +9,5 @@ export interface TooltipRootProviderBaseProps extends RootProviderProps, UsePres
 export interface TooltipRootProviderProps extends TooltipRootProviderBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const TooltipRootProvider: (props: TooltipRootProviderProps) => import("react").JSX.Element;
+export declare const TooltipRootProvider: (props: TooltipRootProviderProps) => import('react').JSX.Element;
 export {};

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

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

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

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