@ark-ui/react 5.38.1 → 5.39.0

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

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

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

@@ -0,0 +1,24 @@
+import { createSplitProps } from "../../utils/create-split-props.js";
+import { ark } from "../factory.js";
+import { useTocContext } from "./use-toc-context.js";
+import { TocItemPropsProvider } from "./use-toc-item-props-context.js";
+import { forwardRef } from "react";
+import { mergeProps } from "@zag-js/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/toc/toc-item.tsx
+var splitItemProps = createSplitProps();
+var TocItem = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["item"]);
+	const toc = useTocContext();
+	const mergedProps = mergeProps(toc.getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ jsx(TocItemPropsProvider, {
+		value: itemProps,
+		children: /* @__PURE__ */ jsx(ark.li, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+TocItem.displayName = "TocItem";
+//#endregion
+export { TocItem };

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

@@ -0,0 +1,19 @@
+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-link.tsx
+var TocLink = (0, react.forwardRef)((props, ref) => {
+	const toc = require_use_toc_context.useTocContext();
+	const itemProps = require_use_toc_item_props_context.useTocItemPropsContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(toc.getLinkProps(itemProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.a, {
+		...mergedProps,
+		ref
+	});
+});
+TocLink.displayName = "TocLink";
+//#endregion
+exports.TocLink = TocLink;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TocLinkBaseProps extends PolymorphicProps {
+}
+export interface TocLinkProps extends HTMLProps<'a'>, TocLinkBaseProps {
+}
+export declare const TocLink: ForwardRefExoticComponent<TocLinkProps & RefAttributes<HTMLAnchorElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TocLinkBaseProps extends PolymorphicProps {
+}
+export interface TocLinkProps extends HTMLProps<'a'>, TocLinkBaseProps {
+}
+export declare const TocLink: ForwardRefExoticComponent<TocLinkProps & RefAttributes<HTMLAnchorElement>>;

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

@@ -0,0 +1,19 @@
+import { ark } from "../factory.js";
+import { useTocContext } from "./use-toc-context.js";
+import { useTocItemPropsContext } from "./use-toc-item-props-context.js";
+import { forwardRef } from "react";
+import { mergeProps } from "@zag-js/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/toc/toc-link.tsx
+var TocLink = forwardRef((props, ref) => {
+	const toc = useTocContext();
+	const itemProps = useTocItemPropsContext();
+	const mergedProps = mergeProps(toc.getLinkProps(itemProps), props);
+	return /* @__PURE__ */ jsx(ark.a, {
+		...mergedProps,
+		ref
+	});
+});
+TocLink.displayName = "TocLink";
+//#endregion
+export { TocLink };

package/dist/components/toc/toc-list.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-list.tsx
+var TocList = (0, react.forwardRef)((props, ref) => {
+	const toc = require_use_toc_context.useTocContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(toc.getListProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.ul, {
+		...mergedProps,
+		ref
+	});
+});
+TocList.displayName = "TocList";
+//#endregion
+exports.TocList = TocList;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TocListBaseProps extends PolymorphicProps {
+}
+export interface TocListProps extends HTMLProps<'ul'>, TocListBaseProps {
+}
+export declare const TocList: ForwardRefExoticComponent<TocListProps & RefAttributes<HTMLUListElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TocListBaseProps extends PolymorphicProps {
+}
+export interface TocListProps extends HTMLProps<'ul'>, TocListBaseProps {
+}
+export declare const TocList: ForwardRefExoticComponent<TocListProps & RefAttributes<HTMLUListElement>>;

package/dist/components/toc/toc-list.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-list.tsx
+var TocList = forwardRef((props, ref) => {
+	const toc = useTocContext();
+	const mergedProps = mergeProps(toc.getListProps(), props);
+	return /* @__PURE__ */ jsx(ark.ul, {
+		...mergedProps,
+		ref
+	});
+});
+TocList.displayName = "TocList";
+//#endregion
+export { TocList };

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

@@ -0,0 +1,19 @@
+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-nav.tsx
+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);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.nav, {
+		...mergedProps,
+		"data-placement": placement,
+		ref
+	});
+});
+TocNav.displayName = "TocNav";
+//#endregion
+exports.TocNav = TocNav;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TocNavBaseProps extends PolymorphicProps {
+    placement?: 'left' | 'right';
+}
+export interface TocNavProps extends HTMLProps<'nav'>, TocNavBaseProps {
+}
+export declare const TocNav: ForwardRefExoticComponent<TocNavProps & RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TocNavBaseProps extends PolymorphicProps {
+    placement?: 'left' | 'right';
+}
+export interface TocNavProps extends HTMLProps<'nav'>, TocNavBaseProps {
+}
+export declare const TocNav: ForwardRefExoticComponent<TocNavProps & RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,19 @@
+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-nav.tsx
+var TocNav = forwardRef((props, ref) => {
+	const { placement, ...rest } = props;
+	const toc = useTocContext();
+	const mergedProps = mergeProps(toc.getRootProps(), rest);
+	return /* @__PURE__ */ jsx(ark.nav, {
+		...mergedProps,
+		"data-placement": placement,
+		ref
+	});
+});
+TocNav.displayName = "TocNav";
+//#endregion
+export { TocNav };

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

@@ -0,0 +1,20 @@
+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 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"]);
+	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,
+			ref
+		})
+	});
+});
+TocRootProvider.displayName = "TocRootProvider";
+//#endregion
+exports.TocRootProvider = TocRootProvider;

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

@@ -0,0 +1,13 @@
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseTocReturn } from './use-toc';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProviderProps {
+    value: UseTocReturn;
+}
+export interface TocRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface TocRootProviderProps extends Assign<HTMLProps<'div'>, TocRootProviderBaseProps> {
+}
+export declare const TocRootProvider: ForwardRefExoticComponent<TocRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,13 @@
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseTocReturn } from './use-toc';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProviderProps {
+    value: UseTocReturn;
+}
+export interface TocRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface TocRootProviderProps extends Assign<HTMLProps<'div'>, TocRootProviderBaseProps> {
+}
+export declare const TocRootProvider: ForwardRefExoticComponent<TocRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,20 @@
+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 { 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"]);
+	return /* @__PURE__ */ jsx(TocProvider, {
+		value: toc,
+		children: /* @__PURE__ */ jsx(ark.div, {
+			...localProps,
+			ref
+		})
+	});
+});
+TocRootProvider.displayName = "TocRootProvider";
+//#endregion
+export { TocRootProvider };

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

@@ -0,0 +1,36 @@
+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 = require("./use-toc.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.tsx
+var splitRootProps = require_create_split_props.createSplitProps();
+var TocRoot = (0, react.forwardRef)((props, ref) => {
+	const [useTocProps, localProps] = splitRootProps(props, [
+		"activeIds",
+		"autoScroll",
+		"defaultActiveIds",
+		"scrollEl",
+		"id",
+		"ids",
+		"items",
+		"onActiveChange",
+		"rootMargin",
+		"scrollBehavior",
+		"threshold"
+	]);
+	const toc = require_use_toc.useToc(useTocProps);
+	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, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+TocRoot.displayName = "TocRoot";
+//#endregion
+exports.TocRoot = TocRoot;

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

@@ -0,0 +1,9 @@
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseTocProps } from './use-toc';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TocRootBaseProps extends UseTocProps, PolymorphicProps {
+}
+export interface TocRootProps extends Assign<HTMLProps<'div'>, TocRootBaseProps> {
+}
+export declare const TocRoot: ForwardRefExoticComponent<TocRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,9 @@
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseTocProps } from './use-toc';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TocRootBaseProps extends UseTocProps, PolymorphicProps {
+}
+export interface TocRootProps extends Assign<HTMLProps<'div'>, TocRootBaseProps> {
+}
+export declare const TocRoot: ForwardRefExoticComponent<TocRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,36 @@
+import { createSplitProps } from "../../utils/create-split-props.js";
+import { ark } from "../factory.js";
+import { TocProvider } from "./use-toc-context.js";
+import { useToc } from "./use-toc.js";
+import { forwardRef } from "react";
+import { mergeProps } from "@zag-js/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/toc/toc-root.tsx
+var splitRootProps = createSplitProps();
+var TocRoot = forwardRef((props, ref) => {
+	const [useTocProps, localProps] = splitRootProps(props, [
+		"activeIds",
+		"autoScroll",
+		"defaultActiveIds",
+		"scrollEl",
+		"id",
+		"ids",
+		"items",
+		"onActiveChange",
+		"rootMargin",
+		"scrollBehavior",
+		"threshold"
+	]);
+	const toc = useToc(useTocProps);
+	const mergedProps = mergeProps(toc.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(TocProvider, {
+		value: toc,
+		children: /* @__PURE__ */ jsx(ark.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+TocRoot.displayName = "TocRoot";
+//#endregion
+export { TocRoot };

package/dist/components/toc/toc-title.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-title.tsx
+var TocTitle = (0, react.forwardRef)((props, ref) => {
+	const toc = require_use_toc_context.useTocContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(toc.getTitleProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.h2, {
+		...mergedProps,
+		ref
+	});
+});
+TocTitle.displayName = "TocTitle";
+//#endregion
+exports.TocTitle = TocTitle;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TocTitleBaseProps extends PolymorphicProps {
+}
+export interface TocTitleProps extends HTMLProps<'h2'>, TocTitleBaseProps {
+}
+export declare const TocTitle: ForwardRefExoticComponent<TocTitleProps & RefAttributes<HTMLHeadingElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TocTitleBaseProps extends PolymorphicProps {
+}
+export interface TocTitleProps extends HTMLProps<'h2'>, TocTitleBaseProps {
+}
+export declare const TocTitle: ForwardRefExoticComponent<TocTitleProps & RefAttributes<HTMLHeadingElement>>;

package/dist/components/toc/toc-title.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-title.tsx
+var TocTitle = forwardRef((props, ref) => {
+	const toc = useTocContext();
+	const mergedProps = mergeProps(toc.getTitleProps(), props);
+	return /* @__PURE__ */ jsx(ark.h2, {
+		...mergedProps,
+		ref
+	});
+});
+TocTitle.displayName = "TocTitle";
+//#endregion
+export { TocTitle };

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

@@ -0,0 +1 @@
+export { anatomy as tocAnatomy } from '@zag-js/toc';

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

@@ -0,0 +1 @@
+export { anatomy as tocAnatomy } from '@zag-js/toc';

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

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

package/dist/components/toc/toc.cjs

@@ -0,0 +1,41 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_toc_content = require("./toc-content.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_toc_root = require("./toc-root.cjs");
+const require_toc_root_provider = require("./toc-root-provider.cjs");
+const require_toc_title = require("./toc-title.cjs");
+//#region src/components/toc/toc.ts
+var toc_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Content: () => require_toc_content.TocContent,
+	Context: () => require_toc_context.TocContext,
+	Indicator: () => require_toc_indicator.TocIndicator,
+	Item: () => require_toc_item.TocItem,
+	Link: () => require_toc_link.TocLink,
+	List: () => require_toc_list.TocList,
+	Nav: () => require_toc_nav.TocNav,
+	Root: () => require_toc_root.TocRoot,
+	RootProvider: () => require_toc_root_provider.TocRootProvider,
+	Title: () => require_toc_title.TocTitle
+});
+//#endregion
+exports.Content = require_toc_content.TocContent;
+exports.Context = require_toc_context.TocContext;
+exports.Indicator = require_toc_indicator.TocIndicator;
+exports.Item = require_toc_item.TocItem;
+exports.Link = require_toc_link.TocLink;
+exports.List = require_toc_list.TocList;
+exports.Nav = require_toc_nav.TocNav;
+exports.Root = require_toc_root.TocRoot;
+exports.RootProvider = require_toc_root_provider.TocRootProvider;
+exports.Title = require_toc_title.TocTitle;
+Object.defineProperty(exports, "toc_exports", {
+	enumerable: true,
+	get: function() {
+		return toc_exports;
+	}
+});

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

@@ -0,0 +1,11 @@
+export type { ActiveChangeDetails as TocActiveChangeDetails, TocItem as TocItemData } from '@zag-js/toc';
+export { TocContent as Content, type TocContentBaseProps as ContentBaseProps, type TocContentProps as ContentProps, } from './toc-content';
+export { TocContext as Context, type TocContextProps as ContextProps } from './toc-context';
+export { TocIndicator as Indicator, type TocIndicatorBaseProps as IndicatorBaseProps, type TocIndicatorProps as IndicatorProps, } from './toc-indicator';
+export { TocItem as Item, type TocItemBaseProps as ItemBaseProps, type TocItemProps as ItemProps } from './toc-item';
+export { TocLink as Link, type TocLinkBaseProps as LinkBaseProps, type TocLinkProps as LinkProps } from './toc-link';
+export { TocList as List, type TocListBaseProps as ListBaseProps, type TocListProps as ListProps } from './toc-list';
+export { TocNav as Nav, type TocNavBaseProps as NavBaseProps, type TocNavProps as NavProps } from './toc-nav';
+export { TocRoot as Root, type TocRootBaseProps as RootBaseProps, type TocRootProps as RootProps } from './toc-root';
+export { TocRootProvider as RootProvider, type TocRootProviderBaseProps as RootProviderBaseProps, type TocRootProviderProps as RootProviderProps, } from './toc-root-provider';
+export { TocTitle as Title, type TocTitleBaseProps as TitleBaseProps, type TocTitleProps as TitleProps, } from './toc-title';

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

@@ -0,0 +1,11 @@
+export type { ActiveChangeDetails as TocActiveChangeDetails, TocItem as TocItemData } from '@zag-js/toc';
+export { TocContent as Content, type TocContentBaseProps as ContentBaseProps, type TocContentProps as ContentProps, } from './toc-content';
+export { TocContext as Context, type TocContextProps as ContextProps } from './toc-context';
+export { TocIndicator as Indicator, type TocIndicatorBaseProps as IndicatorBaseProps, type TocIndicatorProps as IndicatorProps, } from './toc-indicator';
+export { TocItem as Item, type TocItemBaseProps as ItemBaseProps, type TocItemProps as ItemProps } from './toc-item';
+export { TocLink as Link, type TocLinkBaseProps as LinkBaseProps, type TocLinkProps as LinkProps } from './toc-link';
+export { TocList as List, type TocListBaseProps as ListBaseProps, type TocListProps as ListProps } from './toc-list';
+export { TocNav as Nav, type TocNavBaseProps as NavBaseProps, type TocNavProps as NavProps } from './toc-nav';
+export { TocRoot as Root, type TocRootBaseProps as RootBaseProps, type TocRootProps as RootProps } from './toc-root';
+export { TocRootProvider as RootProvider, type TocRootProviderBaseProps as RootProviderBaseProps, type TocRootProviderProps as RootProviderProps, } from './toc-root-provider';
+export { TocTitle as Title, type TocTitleBaseProps as TitleBaseProps, type TocTitleProps as TitleProps, } from './toc-title';

package/dist/components/toc/toc.js

@@ -0,0 +1,26 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { TocContent } from "./toc-content.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 { TocRoot } from "./toc-root.js";
+import { TocRootProvider } from "./toc-root-provider.js";
+import { TocTitle } from "./toc-title.js";
+//#region src/components/toc/toc.ts
+var toc_exports = /* @__PURE__ */ __exportAll({
+	Content: () => TocContent,
+	Context: () => TocContext,
+	Indicator: () => TocIndicator,
+	Item: () => TocItem,
+	Link: () => TocLink,
+	List: () => TocList,
+	Nav: () => TocNav,
+	Root: () => TocRoot,
+	RootProvider: () => TocRootProvider,
+	Title: () => TocTitle
+});
+//#endregion
+export { TocContent as Content, TocContext as Context, TocIndicator as Indicator, TocItem as Item, TocLink as Link, TocList as List, TocNav as Nav, TocRoot as Root, TocRootProvider as RootProvider, TocTitle as Title, toc_exports };

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

@@ -0,0 +1,9 @@
+//#region src/components/toc/use-toc-context.ts
+var [TocProvider, useTocContext] = require("../../utils/create-context.cjs").createContext({
+	name: "TocContext",
+	hookName: "useTocContext",
+	providerName: "<TocProvider />"
+});
+//#endregion
+exports.TocProvider = TocProvider;
+exports.useTocContext = useTocContext;

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

@@ -0,0 +1,5 @@
+import { UseTocReturn } from './use-toc';
+import { Provider } from 'react';
+export interface UseTocContext extends UseTocReturn {
+}
+export declare const TocProvider: Provider<UseTocContext>, useTocContext: () => UseTocContext;

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

@@ -0,0 +1,5 @@
+import { UseTocReturn } from './use-toc';
+import { Provider } from 'react';
+export interface UseTocContext extends UseTocReturn {
+}
+export declare const TocProvider: Provider<UseTocContext>, useTocContext: () => UseTocContext;

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

@@ -0,0 +1,9 @@
+import { createContext } from "../../utils/create-context.js";
+//#region src/components/toc/use-toc-context.ts
+var [TocProvider, useTocContext] = createContext({
+	name: "TocContext",
+	hookName: "useTocContext",
+	providerName: "<TocProvider />"
+});
+//#endregion
+export { TocProvider, useTocContext };

package/dist/components/toc/use-toc-item-props-context.cjs

@@ -0,0 +1,9 @@
+//#region src/components/toc/use-toc-item-props-context.ts
+var [TocItemPropsProvider, useTocItemPropsContext] = require("../../utils/create-context.cjs").createContext({
+	name: "TocItemPropsContext",
+	hookName: "useTocItemPropsContext",
+	providerName: "<TocItemPropsProvider />"
+});
+//#endregion
+exports.TocItemPropsProvider = TocItemPropsProvider;
+exports.useTocItemPropsContext = useTocItemPropsContext;

package/dist/components/toc/use-toc-item-props-context.d.cts

@@ -0,0 +1,5 @@
+import { ItemProps } from '@zag-js/toc';
+import { Provider } from 'react';
+export interface UseTocItemPropsContext extends ItemProps {
+}
+export declare const TocItemPropsProvider: Provider<UseTocItemPropsContext>, useTocItemPropsContext: () => UseTocItemPropsContext;

package/dist/components/toc/use-toc-item-props-context.d.ts

@@ -0,0 +1,5 @@
+import { ItemProps } from '@zag-js/toc';
+import { Provider } from 'react';
+export interface UseTocItemPropsContext extends ItemProps {
+}
+export declare const TocItemPropsProvider: Provider<UseTocItemPropsContext>, useTocItemPropsContext: () => UseTocItemPropsContext;

package/dist/components/toc/use-toc-item-props-context.js

@@ -0,0 +1,9 @@
+import { createContext } from "../../utils/create-context.js";
+//#region src/components/toc/use-toc-item-props-context.ts
+var [TocItemPropsProvider, useTocItemPropsContext] = createContext({
+	name: "TocItemPropsContext",
+	hookName: "useTocItemPropsContext",
+	providerName: "<TocItemPropsProvider />"
+});
+//#endregion
+export { TocItemPropsProvider, useTocItemPropsContext };

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

@@ -0,0 +1,24 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_use_environment_context = require("../../providers/environment/use-environment-context.cjs");
+const require_use_locale_context = require("../../providers/locale/use-locale-context.cjs");
+let _zag_js_toc = require("@zag-js/toc");
+_zag_js_toc = require_runtime.__toESM(_zag_js_toc, 1);
+let react = require("react");
+let _zag_js_react = require("@zag-js/react");
+//#region src/components/toc/use-toc.ts
+var useToc = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_use_environment_context.useEnvironmentContext();
+	const { dir } = require_use_locale_context.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		items: [],
+		...props
+	};
+	const service = (0, _zag_js_react.useMachine)(_zag_js_toc.machine, machineProps);
+	return _zag_js_toc.connect(service, _zag_js_react.normalizeProps);
+};
+//#endregion
+exports.useToc = useToc;