@ark-ui/react 5.39.2 → 5.40.0

package/dist/components/rating-group/rating-group-item.js

@@ -1,6 +1,7 @@
 "use client";
 import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { useFieldContext } from "../field/use-field-context.js";
 import { useRatingGroupContext } from "./use-rating-group-context.js";
 import { RatingGroupItemProvider } from "./use-rating-group-item-context.js";
 import { forwardRef } from "react";
@@ -13,9 +14,11 @@ var RatingGroupItem = forwardRef((props, ref) => {
 	const ratingGroup = useRatingGroupContext();
 	const mergedProps = mergeProps(ratingGroup.getItemProps(itemProps), localProps);
 	const itemState = ratingGroup.getItemState(itemProps);
+	const field = useFieldContext();
 	return /* @__PURE__ */ jsx(RatingGroupItemProvider, {
 		value: itemState,
 		children: /* @__PURE__ */ jsx(ark.span, {
+			"aria-describedby": field?.ariaDescribedby,
 			...mergedProps,
 			ref
 		})

package/dist/components/rating-group/rating-group.anatomy.js

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as ratingGroupAnatomy } from "@zag-js/rating-group";
-export { ratingGroupAnatomy };
+export { anatomy as ratingGroupAnatomy } from "@zag-js/rating-group";

package/dist/components/scroll-area/scroll-area.anatomy.js

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as scrollAreaAnatomy } from "@zag-js/scroll-area";
-export { scrollAreaAnatomy };
+export { anatomy as scrollAreaAnatomy } from "@zag-js/scroll-area";

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

@@ -1,5 +1,6 @@
 "use client";
 const require_factory = require("../factory.cjs");
+const require_use_field_context = require("../field/use-field-context.cjs");
 const require_use_select_context = require("./use-select-context.cjs");
 let react = require("react");
 let _zag_js_react = require("@zag-js/react");
@@ -8,7 +9,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var SelectTrigger = (0, react.forwardRef)((props, ref) => {
 	const select = require_use_select_context.useSelectContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(select.getTriggerProps(), props);
+	const field = require_use_field_context.useFieldContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
+		"aria-describedby": field?.ariaDescribedby,
 		...mergedProps,
 		ref
 	});

package/dist/components/select/select-trigger.js

@@ -1,5 +1,6 @@
 "use client";
 import { ark } from "../factory.js";
+import { useFieldContext } from "../field/use-field-context.js";
 import { useSelectContext } from "./use-select-context.js";
 import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
@@ -8,7 +9,9 @@ import { jsx } from "react/jsx-runtime";
 var SelectTrigger = forwardRef((props, ref) => {
 	const select = useSelectContext();
 	const mergedProps = mergeProps(select.getTriggerProps(), props);
+	const field = useFieldContext();
 	return /* @__PURE__ */ jsx(ark.button, {
+		"aria-describedby": field?.ariaDescribedby,
 		...mergedProps,
 		ref
 	});

package/dist/components/select/select.anatomy.js

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as selectAnatomy } from "@zag-js/select";
-export { selectAnatomy };
+export { anatomy as selectAnatomy } from "@zag-js/select";

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/signature-pad/signature-pad-control.cjs

@@ -1,5 +1,6 @@
 "use client";
 const require_factory = require("../factory.cjs");
+const require_use_field_context = require("../field/use-field-context.cjs");
 const require_use_signature_pad_context = require("./use-signature-pad-context.cjs");
 let react = require("react");
 let _zag_js_react = require("@zag-js/react");
@@ -8,7 +9,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var SignaturePadControl = (0, react.forwardRef)((props, ref) => {
 	const signaturePad = require_use_signature_pad_context.useSignaturePadContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(signaturePad.getControlProps(), props);
+	const field = require_use_field_context.useFieldContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+		"aria-describedby": field?.ariaDescribedby,
 		...mergedProps,
 		ref
 	});

package/dist/components/signature-pad/signature-pad-control.js

@@ -1,5 +1,6 @@
 "use client";
 import { ark } from "../factory.js";
+import { useFieldContext } from "../field/use-field-context.js";
 import { useSignaturePadContext } from "./use-signature-pad-context.js";
 import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
@@ -8,7 +9,9 @@ import { jsx } from "react/jsx-runtime";
 var SignaturePadControl = forwardRef((props, ref) => {
 	const signaturePad = useSignaturePadContext();
 	const mergedProps = mergeProps(signaturePad.getControlProps(), props);
+	const field = useFieldContext();
 	return /* @__PURE__ */ jsx(ark.div, {
+		"aria-describedby": field?.ariaDescribedby,
 		...mergedProps,
 		ref
 	});

package/dist/components/signature-pad/signature-pad.anatomy.js

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as signaturePadAnatomy } from "@zag-js/signature-pad";
-export { signaturePadAnatomy };
+export { anatomy as signaturePadAnatomy } from "@zag-js/signature-pad";

package/dist/components/slider/slider.anatomy.js

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as sliderAnatomy } from "@zag-js/slider";
-export { sliderAnatomy };
+export { anatomy as sliderAnatomy } from "@zag-js/slider";

package/dist/components/splitter/splitter.anatomy.js

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as splitterAnatomy } from "@zag-js/splitter";
-export { splitterAnatomy };
+export { anatomy as splitterAnatomy } from "@zag-js/splitter";

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

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as stepsAnatomy } from "@zag-js/steps";
-export { stepsAnatomy };
+export { anatomy as stepsAnatomy } from "@zag-js/steps";

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/switch/switch.anatomy.js

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as switchAnatomy } from "@zag-js/switch";
-export { switchAnatomy };
+export { anatomy as switchAnatomy } from "@zag-js/switch";

package/dist/components/tabs/tabs.anatomy.js

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as tabsAnatomy } from "@zag-js/tabs";
-export { tabsAnatomy };
+export { anatomy as tabsAnatomy } from "@zag-js/tabs";

package/dist/components/tags-input/tags-input-input.cjs

@@ -1,5 +1,6 @@
 "use client";
 const require_factory = require("../factory.cjs");
+const require_use_field_context = require("../field/use-field-context.cjs");
 const require_use_tags_input_context = require("./use-tags-input-context.cjs");
 let react = require("react");
 let _zag_js_react = require("@zag-js/react");
@@ -8,7 +9,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var TagsInputInput = (0, react.forwardRef)((props, ref) => {
 	const tagsInput = require_use_tags_input_context.useTagsInputContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(tagsInput.getInputProps(), props);
+	const field = require_use_field_context.useFieldContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.input, {
+		"aria-describedby": field?.ariaDescribedby,
 		...mergedProps,
 		ref
 	});

package/dist/components/tags-input/tags-input-input.js

@@ -1,5 +1,6 @@
 "use client";
 import { ark } from "../factory.js";
+import { useFieldContext } from "../field/use-field-context.js";
 import { useTagsInputContext } from "./use-tags-input-context.js";
 import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
@@ -8,7 +9,9 @@ import { jsx } from "react/jsx-runtime";
 var TagsInputInput = forwardRef((props, ref) => {
 	const tagsInput = useTagsInputContext();
 	const mergedProps = mergeProps(tagsInput.getInputProps(), props);
+	const field = useFieldContext();
 	return /* @__PURE__ */ jsx(ark.input, {
+		"aria-describedby": field?.ariaDescribedby,
 		...mergedProps,
 		ref
 	});

package/dist/components/tags-input/tags-input.anatomy.js

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as tagsInputAnatomy } from "@zag-js/tags-input";
-export { tagsInputAnatomy };
+export { anatomy as tagsInputAnatomy } from "@zag-js/tags-input";

package/dist/components/timer/timer.anatomy.js

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as timerAnatomy } from "@zag-js/timer";
-export { timerAnatomy };
+export { anatomy as timerAnatomy } from "@zag-js/timer";

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

@@ -1,20 +1,28 @@
 "use client";
+const require_factory = require("../factory.cjs");
 const require_use_toast_context = require("./use-toast-context.cjs");
 let react = require("react");
 let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/toast/toast-root.tsx
 var ToastRoot = (0, react.forwardRef)((props, ref) => {
+	const { asChild, children, ...localProps } = props;
 	const toast = require_use_toast_context.useToastContext();
-	const mergedProps = (0, _zag_js_react.mergeProps)(toast.getRootProps(), props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	const mergedProps = (0, _zag_js_react.mergeProps)(toast.getRootProps(), localProps);
+	const withGhosts = (content) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { ...toast.getGhostBeforeProps() }),
+		content,
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { ...toast.getGhostAfterProps() })
+	] });
+	const asChildContent = () => {
+		if (!(0, react.isValidElement)(children)) return children;
+		return (0, react.cloneElement)(children, void 0, withGhosts(children.props.children));
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
+		asChild,
 		ref,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { ...toast.getGhostBeforeProps() }),
-			props.children,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { ...toast.getGhostAfterProps() })
-		]
+		children: asChild ? asChildContent() : withGhosts(children)
 	});
 });
 ToastRoot.displayName = "ToastRoot";

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

@@ -1,20 +1,28 @@
 "use client";
+import { ark } from "../factory.js";
 import { useToastContext } from "./use-toast-context.js";
-import { forwardRef } from "react";
+import { cloneElement, forwardRef, isValidElement } from "react";
 import { mergeProps } from "@zag-js/react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/toast/toast-root.tsx
 var ToastRoot = forwardRef((props, ref) => {
+	const { asChild, children, ...localProps } = props;
 	const toast = useToastContext();
-	const mergedProps = mergeProps(toast.getRootProps(), props);
-	return /* @__PURE__ */ jsxs("div", {
+	const mergedProps = mergeProps(toast.getRootProps(), localProps);
+	const withGhosts = (content) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx("div", { ...toast.getGhostBeforeProps() }),
+		content,
+		/* @__PURE__ */ jsx("div", { ...toast.getGhostAfterProps() })
+	] });
+	const asChildContent = () => {
+		if (!isValidElement(children)) return children;
+		return cloneElement(children, void 0, withGhosts(children.props.children));
+	};
+	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
+		asChild,
 		ref,
-		children: [
-			/* @__PURE__ */ jsx("div", { ...toast.getGhostBeforeProps() }),
-			props.children,
-			/* @__PURE__ */ jsx("div", { ...toast.getGhostAfterProps() })
-		]
+		children: asChild ? asChildContent() : withGhosts(children)
 	});
 });
 ToastRoot.displayName = "ToastRoot";

package/dist/components/toast/toast.anatomy.js

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as toastAnatomy } from "@zag-js/toast";
-export { toastAnatomy };
+export { anatomy as toastAnatomy } from "@zag-js/toast";

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/toc/toc-nav.cjs

@@ -7,7 +7,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var TocNav = (0, react.forwardRef)((props, ref) => {
 	const { placement, ...rest } = props;
 	const toc = require_use_toc_context.useTocContext();
-	const mergedProps = (0, _zag_js_react.mergeProps)(toc.getRootProps(), rest);
+	const mergedProps = (0, _zag_js_react.mergeProps)(toc.getNavProps(), rest);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.nav, {
 		...mergedProps,
 		"data-placement": placement,

package/dist/components/toc/toc-nav.js

@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
 var TocNav = forwardRef((props, ref) => {
 	const { placement, ...rest } = props;
 	const toc = useTocContext();
-	const mergedProps = mergeProps(toc.getRootProps(), rest);
+	const mergedProps = mergeProps(toc.getNavProps(), rest);
 	return /* @__PURE__ */ jsx(ark.nav, {
 		...mergedProps,
 		"data-placement": placement,

package/dist/components/toc/toc-root-provider.cjs

@@ -2,15 +2,17 @@ const require_create_split_props = require("../../utils/create-split-props.cjs")
 const require_factory = require("../factory.cjs");
 const require_use_toc_context = require("./use-toc-context.cjs");
 let react = require("react");
+let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/toc/toc-root-provider.tsx
 var splitRootProviderProps = require_create_split_props.createSplitProps();
 var TocRootProvider = (0, react.forwardRef)((props, ref) => {
 	const [{ value: toc }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, _zag_js_react.mergeProps)(toc.getRootProps(), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_toc_context.TocProvider, {
 		value: toc,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
-			...localProps,
+			...mergedProps,
 			ref
 		})
 	});

package/dist/components/toc/toc-root-provider.js

@@ -2,15 +2,17 @@ import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
 import { TocProvider } from "./use-toc-context.js";
 import { forwardRef } from "react";
+import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/toc/toc-root-provider.tsx
 var splitRootProviderProps = createSplitProps();
 var TocRootProvider = forwardRef((props, ref) => {
 	const [{ value: toc }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(toc.getRootProps(), localProps);
 	return /* @__PURE__ */ jsx(TocProvider, {
 		value: toc,
 		children: /* @__PURE__ */ jsx(ark.div, {
-			...localProps,
+			...mergedProps,
 			ref
 		})
 	});

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

@@ -16,6 +16,7 @@ var TocRoot = (0, react.forwardRef)((props, ref) => {
 		"id",
 		"ids",
 		"items",
+		"multiple",
 		"onActiveChange",
 		"rootMargin",
 		"scrollBehavior",

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

@@ -16,6 +16,7 @@ var TocRoot = forwardRef((props, ref) => {
 		"id",
 		"ids",
 		"items",
+		"multiple",
 		"onActiveChange",
 		"rootMargin",
 		"scrollBehavior",

package/dist/components/toc/toc.anatomy.js

@@ -1,2 +1 @@
-import { anatomy as tocAnatomy } from "@zag-js/toc";
-export { tocAnatomy };
+export { anatomy as tocAnatomy } from "@zag-js/toc";

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/toggle-group/toggle-group.anatomy.js

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as toggleGroupAnatomy } from "@zag-js/toggle-group";
-export { toggleGroupAnatomy };
+export { anatomy as toggleGroupAnatomy } from "@zag-js/toggle-group";

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;

package/dist/components/tooltip/tooltip.anatomy.js

@@ -1,3 +1,2 @@
 "use client";
-import { anatomy as tooltipAnatomy } from "@zag-js/tooltip";
-export { tooltipAnatomy };
+export { anatomy as tooltipAnatomy } from "@zag-js/tooltip";

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

@@ -1,6 +1,6 @@
 export { waitForElement, waitForElementValue, waitForPromise, type WaitOptions } from '@zag-js/tour';
 export { waitForEvent, type WaitForEventOptions } from './wait-for-event.js';
-export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, StepEffectArgs as TourStepEffectArgs, } from '@zag-js/tour';
+export type { ElementIds as TourElementIds, FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, IntlTranslations as TourIntlTranslations, Point as TourPoint, PointerDownOutsideEvent as TourPointerDownOutsideEvent, ProgressTextDetails as TourProgressTextDetails, ScrollToTargetDetails as TourScrollToTargetDetails, StatusChangeDetails as TourStatusChangeDetails, StepAction as TourStepAction, StepActionFn as TourStepActionFn, StepActionMap as TourStepActionMap, StepActionType as TourStepActionType, StepBaseDetails as TourStepBaseDetails, StepChangeDetails as TourStepChangeDetails, StepDetails as TourStepDetails, StepEffectArgs as TourStepEffectArgs, StepEffectCleanup as TourStepEffectCleanup, StepPlacement as TourStepPlacement, StepsChangeDetails as TourStepsChangeDetails, StepStatus as TourStepStatus, StepType as TourStepType, } from '@zag-js/tour';
 export { TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps, } from './tour-action-trigger.js';
 export { TourActions, type TourActionsProps } from './tour-actions.js';
 export { TourArrow, type TourArrowBaseProps, type TourArrowProps } from './tour-arrow.js';

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

@@ -1,6 +1,6 @@
 export { waitForElement, waitForElementValue, waitForPromise, type WaitOptions } from '@zag-js/tour';
 export { waitForEvent, type WaitForEventOptions } from './wait-for-event.js';
-export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, StepEffectArgs as TourStepEffectArgs, } from '@zag-js/tour';
+export type { ElementIds as TourElementIds, FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, IntlTranslations as TourIntlTranslations, Point as TourPoint, PointerDownOutsideEvent as TourPointerDownOutsideEvent, ProgressTextDetails as TourProgressTextDetails, ScrollToTargetDetails as TourScrollToTargetDetails, StatusChangeDetails as TourStatusChangeDetails, StepAction as TourStepAction, StepActionFn as TourStepActionFn, StepActionMap as TourStepActionMap, StepActionType as TourStepActionType, StepBaseDetails as TourStepBaseDetails, StepChangeDetails as TourStepChangeDetails, StepDetails as TourStepDetails, StepEffectArgs as TourStepEffectArgs, StepEffectCleanup as TourStepEffectCleanup, StepPlacement as TourStepPlacement, StepsChangeDetails as TourStepsChangeDetails, StepStatus as TourStepStatus, StepType as TourStepType, } from '@zag-js/tour';
 export { TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps, } from './tour-action-trigger.js';
 export { TourActions, type TourActionsProps } from './tour-actions.js';
 export { TourArrow, type TourArrowBaseProps, type TourArrowProps } from './tour-arrow.js';

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

@@ -7,4 +7,4 @@ export interface TourRootBaseProps extends UsePresenceProps {
 export interface TourRootProps extends TourRootBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const TourRoot: (props: TourRootProps) => import("react").JSX.Element;
+export declare const TourRoot: (props: TourRootProps) => import('react').JSX.Element;