@ark-ui/react 5.38.1 → 5.39.0

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/tags-input/tags-input-clear-trigger.tsx
 var TagsInputClearTrigger = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useTagsInputContext().getClearTriggerProps(), props);
+	const tagsInput = useTagsInputContext();
+	const mergedProps = mergeProps(tagsInput.getClearTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/tags-input/tags-input-control.tsx
 var TagsInputControl = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tags_input_context.useTagsInputContext().getControlProps(), props);
+	const tagsInput = require_use_tags_input_context.useTagsInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(tagsInput.getControlProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/tags-input/tags-input-control.tsx
 var TagsInputControl = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useTagsInputContext().getControlProps(), props);
+	const tagsInput = useTagsInputContext();
+	const mergedProps = mergeProps(tagsInput.getControlProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

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

@@ -7,7 +7,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/tags-input/tags-input-hidden-input.tsx
 var TagsInputHiddenInput = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tags_input_context.useTagsInputContext().getHiddenInputProps(), props);
+	const tagsInput = require_use_tags_input_context.useTagsInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(tagsInput.getHiddenInputProps(), props);
 	const field = require_use_field_context.useFieldContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.input, {
 		"aria-describedby": field?.ariaDescribedby,

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

@@ -7,7 +7,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/tags-input/tags-input-hidden-input.tsx
 var TagsInputHiddenInput = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useTagsInputContext().getHiddenInputProps(), props);
+	const tagsInput = useTagsInputContext();
+	const mergedProps = mergeProps(tagsInput.getHiddenInputProps(), props);
 	const field = useFieldContext();
 	return /* @__PURE__ */ jsx(ark.input, {
 		"aria-describedby": field?.ariaDescribedby,

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/tags-input/tags-input-input.tsx
 var TagsInputInput = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tags_input_context.useTagsInputContext().getInputProps(), props);
+	const tagsInput = require_use_tags_input_context.useTagsInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(tagsInput.getInputProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.input, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/tags-input/tags-input-input.tsx
 var TagsInputInput = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useTagsInputContext().getInputProps(), props);
+	const tagsInput = useTagsInputContext();
+	const mergedProps = mergeProps(tagsInput.getInputProps(), props);
 	return /* @__PURE__ */ jsx(ark.input, {
 		...mergedProps,
 		ref

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

@@ -17,10 +17,11 @@ var TagsInputItem = (0, react.forwardRef)((props, ref) => {
 	]);
 	const tagsInput = require_use_tags_input_context.useTagsInputContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(tagsInput.getItemProps(itemProps), localProps);
+	const tagsInputItem = tagsInput.getItemState(itemProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_tags_input_item_props_context.TagsInputItemPropsProvider, {
 		value: itemProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_tags_input_item_context.TagsInputItemProvider, {
-			value: tagsInput.getItemState(itemProps),
+			value: tagsInputItem,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 				...mergedProps,
 				ref

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

@@ -17,10 +17,11 @@ var TagsInputItem = forwardRef((props, ref) => {
 	]);
 	const tagsInput = useTagsInputContext();
 	const mergedProps = mergeProps(tagsInput.getItemProps(itemProps), localProps);
+	const tagsInputItem = tagsInput.getItemState(itemProps);
 	return /* @__PURE__ */ jsx(TagsInputItemPropsProvider, {
 		value: itemProps,
 		children: /* @__PURE__ */ jsx(TagsInputItemProvider, {
-			value: tagsInput.getItemState(itemProps),
+			value: tagsInputItem,
 			children: /* @__PURE__ */ jsx(ark.div, {
 				...mergedProps,
 				ref

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/tags-input/tags-input-label.tsx
 var TagsInputLabel = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tags_input_context.useTagsInputContext().getLabelProps(), props);
+	const tagsInput = require_use_tags_input_context.useTagsInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(tagsInput.getLabelProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.label, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/tags-input/tags-input-label.tsx
 var TagsInputLabel = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useTagsInputContext().getLabelProps(), props);
+	const tagsInput = useTagsInputContext();
+	const mergedProps = mergeProps(tagsInput.getLabelProps(), props);
 	return /* @__PURE__ */ jsx(ark.label, {
 		...mergedProps,
 		ref

package/dist/components/timer/timer-action-trigger.cjs

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitActionTriggerProps = require_create_split_props.createSplitProps();
 var TimerActionTrigger = (0, react.forwardRef)((props, ref) => {
 	const [actionTriggerProps, localProps] = splitActionTriggerProps(props, ["action"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_timer_context.useTimerContext().getActionTriggerProps(actionTriggerProps), localProps);
+	const timer = require_use_timer_context.useTimerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(timer.getActionTriggerProps(actionTriggerProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/timer/timer-action-trigger.js

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitActionTriggerProps = createSplitProps();
 var TimerActionTrigger = forwardRef((props, ref) => {
 	const [actionTriggerProps, localProps] = splitActionTriggerProps(props, ["action"]);
-	const mergedProps = mergeProps(useTimerContext().getActionTriggerProps(actionTriggerProps), localProps);
+	const timer = useTimerContext();
+	const mergedProps = mergeProps(timer.getActionTriggerProps(actionTriggerProps), localProps);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

package/dist/components/timer/timer-area.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/timer/timer-area.tsx
 var TimerArea = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_timer_context.useTimerContext().getAreaProps(), props);
+	const timer = require_use_timer_context.useTimerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(timer.getAreaProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/timer/timer-area.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/timer/timer-area.tsx
 var TimerArea = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useTimerContext().getAreaProps(), props);
+	const timer = useTimerContext();
+	const mergedProps = mergeProps(timer.getAreaProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/timer/timer-control.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/timer/timer-control.tsx
 var TimerControl = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_timer_context.useTimerContext().getControlProps(), props);
+	const timer = require_use_timer_context.useTimerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(timer.getControlProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/timer/timer-control.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/timer/timer-control.tsx
 var TimerControl = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useTimerContext().getControlProps(), props);
+	const timer = useTimerContext();
+	const mergedProps = mergeProps(timer.getControlProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/timer/timer-separator.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/timer/timer-separator.tsx
 var TimerSeparator = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_timer_context.useTimerContext().getSeparatorProps(), props);
+	const timer = require_use_timer_context.useTimerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(timer.getSeparatorProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/timer/timer-separator.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/timer/timer-separator.tsx
 var TimerSeparator = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useTimerContext().getSeparatorProps(), props);
+	const timer = useTimerContext();
+	const mergedProps = mergeProps(timer.getSeparatorProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/toast/toast-action-trigger.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/toast/toast-action-trigger.tsx
 var ToastActionTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_toast_context.useToastContext().getActionTriggerProps(), props);
+	const toast = require_use_toast_context.useToastContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(toast.getActionTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/toast/toast-action-trigger.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/toast/toast-action-trigger.tsx
 var ToastActionTrigger = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useToastContext().getActionTriggerProps(), props);
+	const toast = useToastContext();
+	const mergedProps = mergeProps(toast.getActionTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

package/dist/components/toast/toast-close-trigger.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/toast/toast-close-trigger.tsx
 var ToastCloseTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_toast_context.useToastContext().getCloseTriggerProps(), props);
+	const toast = require_use_toast_context.useToastContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(toast.getCloseTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/toast/toast-close-trigger.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/toast/toast-close-trigger.tsx
 var ToastCloseTrigger = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useToastContext().getCloseTriggerProps(), props);
+	const toast = useToastContext();
+	const mergedProps = mergeProps(toast.getCloseTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/toast/toast-description.tsx
 var ToastDescription = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_toast_context.useToastContext().getDescriptionProps(), props);
+	const toast = require_use_toast_context.useToastContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(toast.getDescriptionProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/toast/toast-description.tsx
 var ToastDescription = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useToastContext().getDescriptionProps(), props);
+	const toast = useToastContext();
+	const mergedProps = mergeProps(toast.getDescriptionProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

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

@@ -6,8 +6,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/toast/toast-root.tsx
 var ToastRoot = (0, react.forwardRef)((props, ref) => {
 	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", {
-		...(0, _zag_js_react.mergeProps)(toast.getRootProps(), props),
+		...mergedProps,
 		ref,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { ...toast.getGhostBeforeProps() }),

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

@@ -6,8 +6,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/toast/toast-root.tsx
 var ToastRoot = forwardRef((props, ref) => {
 	const toast = useToastContext();
+	const mergedProps = mergeProps(toast.getRootProps(), props);
 	return /* @__PURE__ */ jsxs("div", {
-		...mergeProps(toast.getRootProps(), props),
+		...mergedProps,
 		ref,
 		children: [
 			/* @__PURE__ */ jsx("div", { ...toast.getGhostBeforeProps() }),

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/toast/toast-title.tsx
 var ToastTitle = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_toast_context.useToastContext().getTitleProps(), props);
+	const toast = require_use_toast_context.useToastContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(toast.getTitleProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/toast/toast-title.tsx
 var ToastTitle = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useToastContext().getTitleProps(), props);
+	const toast = useToastContext();
+	const mergedProps = mergeProps(toast.getTitleProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/toast/toaster.cjs

@@ -43,8 +43,9 @@ var ToastActor = (props) => {
 		getRootNode: env.getRootNode
 	};
 	const service = (0, _zag_js_react.useMachine)(_zag_js_toast.machine, { ...localProps });
+	const api = _zag_js_toast.connect(service, _zag_js_react.normalizeProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_toast_context.ToastProvider, {
-		value: _zag_js_toast.connect(service, _zag_js_react.normalizeProps),
+		value: api,
 		children: props.children(props.value)
 	});
 };

package/dist/components/toast/toaster.js

@@ -41,8 +41,9 @@ var ToastActor = (props) => {
 		getRootNode: env.getRootNode
 	};
 	const service = useMachine(toast.machine, { ...localProps });
+	const api = toast.connect(service, normalizeProps);
 	return /* @__PURE__ */ jsx(ToastProvider, {
-		value: toast.connect(service, normalizeProps),
+		value: api,
 		children: props.children(props.value)
 	});
 };

package/dist/components/toc/index.cjs

@@ -0,0 +1,39 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_toc_content = require("./toc-content.cjs");
+const require_use_toc_context = require("./use-toc-context.cjs");
+const require_toc_context = require("./toc-context.cjs");
+const require_toc_indicator = require("./toc-indicator.cjs");
+const require_toc_item = require("./toc-item.cjs");
+const require_toc_link = require("./toc-link.cjs");
+const require_toc_list = require("./toc-list.cjs");
+const require_toc_nav = require("./toc-nav.cjs");
+const require_use_toc = require("./use-toc.cjs");
+const require_toc_root = require("./toc-root.cjs");
+const require_toc_root_provider = require("./toc-root-provider.cjs");
+const require_toc_title = require("./toc-title.cjs");
+const require_toc = require("./toc.cjs");
+let _zag_js_toc = require("@zag-js/toc");
+Object.defineProperty(exports, "Toc", {
+	enumerable: true,
+	get: function() {
+		return require_toc.toc_exports;
+	}
+});
+exports.TocContent = require_toc_content.TocContent;
+exports.TocContext = require_toc_context.TocContext;
+exports.TocIndicator = require_toc_indicator.TocIndicator;
+exports.TocItem = require_toc_item.TocItem;
+exports.TocLink = require_toc_link.TocLink;
+exports.TocList = require_toc_list.TocList;
+exports.TocNav = require_toc_nav.TocNav;
+exports.TocRoot = require_toc_root.TocRoot;
+exports.TocRootProvider = require_toc_root_provider.TocRootProvider;
+exports.TocTitle = require_toc_title.TocTitle;
+Object.defineProperty(exports, "tocAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _zag_js_toc.anatomy;
+	}
+});
+exports.useToc = require_use_toc.useToc;
+exports.useTocContext = require_use_toc_context.useTocContext;

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

@@ -0,0 +1,15 @@
+export type { ActiveChangeDetails as TocActiveChangeDetails, TocItem as TocItemData } from '@zag-js/toc';
+export { TocContent, type TocContentBaseProps, type TocContentProps } from './toc-content.js';
+export { TocContext, type TocContextProps } from './toc-context.js';
+export { TocIndicator, type TocIndicatorBaseProps, type TocIndicatorProps } from './toc-indicator.js';
+export { TocItem, type TocItemBaseProps, type TocItemProps } from './toc-item.js';
+export { TocLink, type TocLinkBaseProps, type TocLinkProps } from './toc-link.js';
+export { TocList, type TocListBaseProps, type TocListProps } from './toc-list.js';
+export { TocNav, type TocNavBaseProps, type TocNavProps } from './toc-nav.js';
+export { TocRoot, type TocRootBaseProps, type TocRootProps } from './toc-root.js';
+export { TocRootProvider, type TocRootProviderBaseProps, type TocRootProviderProps } from './toc-root-provider.js';
+export { TocTitle, type TocTitleBaseProps, type TocTitleProps } from './toc-title.js';
+export { tocAnatomy } from './toc.anatomy.js';
+export { useToc, type UseTocProps, type UseTocReturn } from './use-toc.js';
+export { useTocContext, type UseTocContext } from './use-toc-context.js';
+export * as Toc from './toc.js';

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

@@ -0,0 +1,15 @@
+export type { ActiveChangeDetails as TocActiveChangeDetails, TocItem as TocItemData } from '@zag-js/toc';
+export { TocContent, type TocContentBaseProps, type TocContentProps } from './toc-content.js';
+export { TocContext, type TocContextProps } from './toc-context.js';
+export { TocIndicator, type TocIndicatorBaseProps, type TocIndicatorProps } from './toc-indicator.js';
+export { TocItem, type TocItemBaseProps, type TocItemProps } from './toc-item.js';
+export { TocLink, type TocLinkBaseProps, type TocLinkProps } from './toc-link.js';
+export { TocList, type TocListBaseProps, type TocListProps } from './toc-list.js';
+export { TocNav, type TocNavBaseProps, type TocNavProps } from './toc-nav.js';
+export { TocRoot, type TocRootBaseProps, type TocRootProps } from './toc-root.js';
+export { TocRootProvider, type TocRootProviderBaseProps, type TocRootProviderProps } from './toc-root-provider.js';
+export { TocTitle, type TocTitleBaseProps, type TocTitleProps } from './toc-title.js';
+export { tocAnatomy } from './toc.anatomy.js';
+export { useToc, type UseTocProps, type UseTocReturn } from './use-toc.js';
+export { useTocContext, type UseTocContext } from './use-toc-context.js';
+export * as Toc from './toc.js';

package/dist/components/toc/index.js

@@ -0,0 +1,15 @@
+import { tocAnatomy } from "./toc.anatomy.js";
+import { TocContent } from "./toc-content.js";
+import { useTocContext } from "./use-toc-context.js";
+import { TocContext } from "./toc-context.js";
+import { TocIndicator } from "./toc-indicator.js";
+import { TocItem } from "./toc-item.js";
+import { TocLink } from "./toc-link.js";
+import { TocList } from "./toc-list.js";
+import { TocNav } from "./toc-nav.js";
+import { useToc } from "./use-toc.js";
+import { TocRoot } from "./toc-root.js";
+import { TocRootProvider } from "./toc-root-provider.js";
+import { TocTitle } from "./toc-title.js";
+import { toc_exports } from "./toc.js";
+export { toc_exports as Toc, TocContent, TocContext, TocIndicator, TocItem, TocLink, TocList, TocNav, TocRoot, TocRootProvider, TocTitle, tocAnatomy, useToc, useTocContext };

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

@@ -0,0 +1,13 @@
+const require_factory = require("../factory.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/toc/toc-content.tsx
+var TocContent = (0, react.forwardRef)((props, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.article, {
+		...props,
+		ref
+	});
+});
+TocContent.displayName = "TocContent";
+//#endregion
+exports.TocContent = TocContent;

package/dist/components/toc/toc-content.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TocContentBaseProps extends PolymorphicProps {
+}
+export interface TocContentProps extends HTMLProps<'article'>, TocContentBaseProps {
+}
+export declare const TocContent: ForwardRefExoticComponent<TocContentProps & RefAttributes<HTMLElement>>;

package/dist/components/toc/toc-content.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TocContentBaseProps extends PolymorphicProps {
+}
+export interface TocContentProps extends HTMLProps<'article'>, TocContentBaseProps {
+}
+export declare const TocContent: ForwardRefExoticComponent<TocContentProps & RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,13 @@
+import { ark } from "../factory.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/toc/toc-content.tsx
+var TocContent = forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(ark.article, {
+		...props,
+		ref
+	});
+});
+TocContent.displayName = "TocContent";
+//#endregion
+export { TocContent };

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

@@ -0,0 +1,5 @@
+const require_use_toc_context = require("./use-toc-context.cjs");
+//#region src/components/toc/toc-context.tsx
+var TocContext = (props) => props.children(require_use_toc_context.useTocContext());
+//#endregion
+exports.TocContext = TocContext;

package/dist/components/toc/toc-context.d.cts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseTocContext } from './use-toc-context';
+export interface TocContextProps {
+    children: (context: UseTocContext) => ReactNode;
+}
+export declare const TocContext: (props: TocContextProps) => ReactNode;

package/dist/components/toc/toc-context.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseTocContext } from './use-toc-context';
+export interface TocContextProps {
+    children: (context: UseTocContext) => ReactNode;
+}
+export declare const TocContext: (props: TocContextProps) => ReactNode;

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

@@ -0,0 +1,5 @@
+import { useTocContext } from "./use-toc-context.js";
+//#region src/components/toc/toc-context.tsx
+var TocContext = (props) => props.children(useTocContext());
+//#endregion
+export { TocContext };

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

@@ -0,0 +1,17 @@
+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-indicator.tsx
+var TocIndicator = (0, react.forwardRef)((props, ref) => {
+	const toc = require_use_toc_context.useTocContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(toc.getIndicatorProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+		...mergedProps,
+		ref
+	});
+});
+TocIndicator.displayName = "TocIndicator";
+//#endregion
+exports.TocIndicator = TocIndicator;

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { ark } from "../factory.js";
+import { useTocContext } 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-indicator.tsx
+var TocIndicator = forwardRef((props, ref) => {
+	const toc = useTocContext();
+	const mergedProps = mergeProps(toc.getIndicatorProps(), props);
+	return /* @__PURE__ */ jsx(ark.div, {
+		...mergedProps,
+		ref
+	});
+});
+TocIndicator.displayName = "TocIndicator";
+//#endregion
+export { TocIndicator };

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

@@ -0,0 +1,24 @@
+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");
+const require_use_toc_item_props_context = require("./use-toc-item-props-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-item.tsx
+var splitItemProps = require_create_split_props.createSplitProps();
+var TocItem = (0, react.forwardRef)((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["item"]);
+	const toc = require_use_toc_context.useTocContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(toc.getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_toc_item_props_context.TocItemPropsProvider, {
+		value: itemProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.li, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+TocItem.displayName = "TocItem";
+//#endregion
+exports.TocItem = TocItem;

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

@@ -0,0 +1,8 @@
+import { ItemProps } from '@zag-js/toc';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TocItemBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface TocItemProps extends HTMLProps<'li'>, TocItemBaseProps {
+}
+export declare const TocItem: ForwardRefExoticComponent<TocItemProps & RefAttributes<HTMLLIElement>>;