@ark-ui/react 5.38.2 → 5.39.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. package/dist/components/anatomy.cjs +7 -0
  2. package/dist/components/anatomy.d.cts +1 -0
  3. package/dist/components/anatomy.d.ts +1 -0
  4. package/dist/components/anatomy.js +2 -1
  5. package/dist/components/collapsible/split-collapsible-props.d.cts +1 -1
  6. package/dist/components/collapsible/split-collapsible-props.d.ts +1 -1
  7. package/dist/components/factory.cjs +9 -1
  8. package/dist/components/factory.js +9 -1
  9. package/dist/components/field/use-field.cjs +1 -1
  10. package/dist/components/field/use-field.js +2 -2
  11. package/dist/components/fieldset/use-fieldset.js +1 -1
  12. package/dist/components/index.cjs +38 -0
  13. package/dist/components/index.d.cts +1 -0
  14. package/dist/components/index.d.ts +1 -0
  15. package/dist/components/index.js +15 -1
  16. package/dist/components/presence/split-presence-props.cjs +1 -0
  17. package/dist/components/presence/split-presence-props.d.cts +1 -1
  18. package/dist/components/presence/split-presence-props.d.ts +1 -1
  19. package/dist/components/presence/split-presence-props.js +1 -0
  20. package/dist/components/presence/use-presence.cjs +1 -0
  21. package/dist/components/presence/use-presence.js +1 -0
  22. package/dist/components/toc/index.cjs +39 -0
  23. package/dist/components/toc/index.d.cts +15 -0
  24. package/dist/components/toc/index.d.ts +15 -0
  25. package/dist/components/toc/index.js +15 -0
  26. package/dist/components/toc/toc-content.cjs +13 -0
  27. package/dist/components/toc/toc-content.d.cts +7 -0
  28. package/dist/components/toc/toc-content.d.ts +7 -0
  29. package/dist/components/toc/toc-content.js +13 -0
  30. package/dist/components/toc/toc-context.cjs +5 -0
  31. package/dist/components/toc/toc-context.d.cts +6 -0
  32. package/dist/components/toc/toc-context.d.ts +6 -0
  33. package/dist/components/toc/toc-context.js +5 -0
  34. package/dist/components/toc/toc-indicator.cjs +17 -0
  35. package/dist/components/toc/toc-indicator.d.cts +7 -0
  36. package/dist/components/toc/toc-indicator.d.ts +7 -0
  37. package/dist/components/toc/toc-indicator.js +17 -0
  38. package/dist/components/toc/toc-item.cjs +24 -0
  39. package/dist/components/toc/toc-item.d.cts +8 -0
  40. package/dist/components/toc/toc-item.d.ts +8 -0
  41. package/dist/components/toc/toc-item.js +24 -0
  42. package/dist/components/toc/toc-link.cjs +19 -0
  43. package/dist/components/toc/toc-link.d.cts +7 -0
  44. package/dist/components/toc/toc-link.d.ts +7 -0
  45. package/dist/components/toc/toc-link.js +19 -0
  46. package/dist/components/toc/toc-list.cjs +17 -0
  47. package/dist/components/toc/toc-list.d.cts +7 -0
  48. package/dist/components/toc/toc-list.d.ts +7 -0
  49. package/dist/components/toc/toc-list.js +17 -0
  50. package/dist/components/toc/toc-nav.cjs +19 -0
  51. package/dist/components/toc/toc-nav.d.cts +8 -0
  52. package/dist/components/toc/toc-nav.d.ts +8 -0
  53. package/dist/components/toc/toc-nav.js +19 -0
  54. package/dist/components/toc/toc-root-provider.cjs +20 -0
  55. package/dist/components/toc/toc-root-provider.d.cts +13 -0
  56. package/dist/components/toc/toc-root-provider.d.ts +13 -0
  57. package/dist/components/toc/toc-root-provider.js +20 -0
  58. package/dist/components/toc/toc-root.cjs +36 -0
  59. package/dist/components/toc/toc-root.d.cts +9 -0
  60. package/dist/components/toc/toc-root.d.ts +9 -0
  61. package/dist/components/toc/toc-root.js +36 -0
  62. package/dist/components/toc/toc-title.cjs +17 -0
  63. package/dist/components/toc/toc-title.d.cts +7 -0
  64. package/dist/components/toc/toc-title.d.ts +7 -0
  65. package/dist/components/toc/toc-title.js +17 -0
  66. package/dist/components/toc/toc.anatomy.d.cts +1 -0
  67. package/dist/components/toc/toc.anatomy.d.ts +1 -0
  68. package/dist/components/toc/toc.anatomy.js +2 -0
  69. package/dist/components/toc/toc.cjs +41 -0
  70. package/dist/components/toc/toc.d.cts +11 -0
  71. package/dist/components/toc/toc.d.ts +11 -0
  72. package/dist/components/toc/toc.js +26 -0
  73. package/dist/components/toc/use-toc-context.cjs +9 -0
  74. package/dist/components/toc/use-toc-context.d.cts +5 -0
  75. package/dist/components/toc/use-toc-context.d.ts +5 -0
  76. package/dist/components/toc/use-toc-context.js +9 -0
  77. package/dist/components/toc/use-toc-item-props-context.cjs +9 -0
  78. package/dist/components/toc/use-toc-item-props-context.d.cts +5 -0
  79. package/dist/components/toc/use-toc-item-props-context.d.ts +5 -0
  80. package/dist/components/toc/use-toc-item-props-context.js +9 -0
  81. package/dist/components/toc/use-toc.cjs +24 -0
  82. package/dist/components/toc/use-toc.d.cts +8 -0
  83. package/dist/components/toc/use-toc.d.ts +8 -0
  84. package/dist/components/toc/use-toc.js +22 -0
  85. package/dist/index.cjs +106 -0
  86. package/dist/index.js +26 -1
  87. package/dist/providers/hotkeys/index.cjs +56 -0
  88. package/dist/providers/hotkeys/index.d.cts +11 -0
  89. package/dist/providers/hotkeys/index.d.ts +11 -0
  90. package/dist/providers/hotkeys/index.js +11 -0
  91. package/dist/providers/hotkeys/use-format-hotkey.cjs +14 -0
  92. package/dist/providers/hotkeys/use-format-hotkey.d.cts +3 -0
  93. package/dist/providers/hotkeys/use-format-hotkey.d.ts +3 -0
  94. package/dist/providers/hotkeys/use-format-hotkey.js +14 -0
  95. package/dist/providers/hotkeys/use-hotkey-recorder.cjs +58 -0
  96. package/dist/providers/hotkeys/use-hotkey-recorder.d.cts +30 -0
  97. package/dist/providers/hotkeys/use-hotkey-recorder.d.ts +30 -0
  98. package/dist/providers/hotkeys/use-hotkey-recorder.js +58 -0
  99. package/dist/providers/hotkeys/use-hotkey-registrations.cjs +12 -0
  100. package/dist/providers/hotkeys/use-hotkey-registrations.d.cts +3 -0
  101. package/dist/providers/hotkeys/use-hotkey-registrations.d.ts +3 -0
  102. package/dist/providers/hotkeys/use-hotkey-registrations.js +12 -0
  103. package/dist/providers/hotkeys/use-hotkey-store.cjs +23 -0
  104. package/dist/providers/hotkeys/use-hotkey-store.d.cts +12 -0
  105. package/dist/providers/hotkeys/use-hotkey-store.d.ts +12 -0
  106. package/dist/providers/hotkeys/use-hotkey-store.js +23 -0
  107. package/dist/providers/hotkeys/use-hotkey.cjs +12 -0
  108. package/dist/providers/hotkeys/use-hotkey.d.cts +4 -0
  109. package/dist/providers/hotkeys/use-hotkey.d.ts +4 -0
  110. package/dist/providers/hotkeys/use-hotkey.js +12 -0
  111. package/dist/providers/hotkeys/use-hotkeys.cjs +69 -0
  112. package/dist/providers/hotkeys/use-hotkeys.d.cts +21 -0
  113. package/dist/providers/hotkeys/use-hotkeys.d.ts +21 -0
  114. package/dist/providers/hotkeys/use-hotkeys.js +69 -0
  115. package/dist/providers/hotkeys/use-is-key-pressed.cjs +13 -0
  116. package/dist/providers/hotkeys/use-is-key-pressed.d.cts +8 -0
  117. package/dist/providers/hotkeys/use-is-key-pressed.d.ts +8 -0
  118. package/dist/providers/hotkeys/use-is-key-pressed.js +13 -0
  119. package/dist/providers/hotkeys/use-platform.cjs +18 -0
  120. package/dist/providers/hotkeys/use-platform.d.cts +2 -0
  121. package/dist/providers/hotkeys/use-platform.d.ts +2 -0
  122. package/dist/providers/hotkeys/use-platform.js +18 -0
  123. package/dist/providers/hotkeys/use-pressed-keys.cjs +12 -0
  124. package/dist/providers/hotkeys/use-pressed-keys.d.cts +2 -0
  125. package/dist/providers/hotkeys/use-pressed-keys.d.ts +2 -0
  126. package/dist/providers/hotkeys/use-pressed-keys.js +12 -0
  127. package/dist/providers/hotkeys/use-store-snapshot.cjs +23 -0
  128. package/dist/providers/hotkeys/use-store-snapshot.d.cts +2 -0
  129. package/dist/providers/hotkeys/use-store-snapshot.d.ts +2 -0
  130. package/dist/providers/hotkeys/use-store-snapshot.js +23 -0
  131. package/dist/providers/index.cjs +55 -0
  132. package/dist/providers/index.d.cts +1 -0
  133. package/dist/providers/index.d.ts +1 -0
  134. package/dist/providers/index.js +11 -1
  135. package/dist/utils/attr.d.cts +1 -0
  136. package/dist/utils/attr.d.ts +1 -0
  137. package/dist/utils/attr.js +2 -0
  138. package/dist/utils/index.cjs +13 -0
  139. package/dist/utils/index.d.cts +1 -0
  140. package/dist/utils/index.d.ts +1 -0
  141. package/dist/utils/index.js +2 -1
  142. package/package.json +71 -68
@@ -0,0 +1,24 @@
1
+ const require_create_split_props = require("../../utils/create-split-props.cjs");
2
+ const require_factory = require("../factory.cjs");
3
+ const require_use_toc_context = require("./use-toc-context.cjs");
4
+ const require_use_toc_item_props_context = require("./use-toc-item-props-context.cjs");
5
+ let react = require("react");
6
+ let _zag_js_react = require("@zag-js/react");
7
+ let react_jsx_runtime = require("react/jsx-runtime");
8
+ //#region src/components/toc/toc-item.tsx
9
+ var splitItemProps = require_create_split_props.createSplitProps();
10
+ var TocItem = (0, react.forwardRef)((props, ref) => {
11
+ const [itemProps, localProps] = splitItemProps(props, ["item"]);
12
+ const toc = require_use_toc_context.useTocContext();
13
+ const mergedProps = (0, _zag_js_react.mergeProps)(toc.getItemProps(itemProps), localProps);
14
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_toc_item_props_context.TocItemPropsProvider, {
15
+ value: itemProps,
16
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.li, {
17
+ ...mergedProps,
18
+ ref
19
+ })
20
+ });
21
+ });
22
+ TocItem.displayName = "TocItem";
23
+ //#endregion
24
+ exports.TocItem = TocItem;
@@ -0,0 +1,8 @@
1
+ import { ItemProps } from '@zag-js/toc';
2
+ import { HTMLProps, PolymorphicProps } from '../factory';
3
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
4
+ export interface TocItemBaseProps extends ItemProps, PolymorphicProps {
5
+ }
6
+ export interface TocItemProps extends HTMLProps<'li'>, TocItemBaseProps {
7
+ }
8
+ export declare const TocItem: ForwardRefExoticComponent<TocItemProps & RefAttributes<HTMLLIElement>>;
@@ -0,0 +1,8 @@
1
+ import { ItemProps } from '@zag-js/toc';
2
+ import { HTMLProps, PolymorphicProps } from '../factory';
3
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
4
+ export interface TocItemBaseProps extends ItemProps, PolymorphicProps {
5
+ }
6
+ export interface TocItemProps extends HTMLProps<'li'>, TocItemBaseProps {
7
+ }
8
+ export declare const TocItem: ForwardRefExoticComponent<TocItemProps & RefAttributes<HTMLLIElement>>;
@@ -0,0 +1,24 @@
1
+ import { createSplitProps } from "../../utils/create-split-props.js";
2
+ import { ark } from "../factory.js";
3
+ import { useTocContext } from "./use-toc-context.js";
4
+ import { TocItemPropsProvider } from "./use-toc-item-props-context.js";
5
+ import { forwardRef } from "react";
6
+ import { mergeProps } from "@zag-js/react";
7
+ import { jsx } from "react/jsx-runtime";
8
+ //#region src/components/toc/toc-item.tsx
9
+ var splitItemProps = createSplitProps();
10
+ var TocItem = forwardRef((props, ref) => {
11
+ const [itemProps, localProps] = splitItemProps(props, ["item"]);
12
+ const toc = useTocContext();
13
+ const mergedProps = mergeProps(toc.getItemProps(itemProps), localProps);
14
+ return /* @__PURE__ */ jsx(TocItemPropsProvider, {
15
+ value: itemProps,
16
+ children: /* @__PURE__ */ jsx(ark.li, {
17
+ ...mergedProps,
18
+ ref
19
+ })
20
+ });
21
+ });
22
+ TocItem.displayName = "TocItem";
23
+ //#endregion
24
+ export { TocItem };
@@ -0,0 +1,19 @@
1
+ const require_factory = require("../factory.cjs");
2
+ const require_use_toc_context = require("./use-toc-context.cjs");
3
+ const require_use_toc_item_props_context = require("./use-toc-item-props-context.cjs");
4
+ let react = require("react");
5
+ let _zag_js_react = require("@zag-js/react");
6
+ let react_jsx_runtime = require("react/jsx-runtime");
7
+ //#region src/components/toc/toc-link.tsx
8
+ var TocLink = (0, react.forwardRef)((props, ref) => {
9
+ const toc = require_use_toc_context.useTocContext();
10
+ const itemProps = require_use_toc_item_props_context.useTocItemPropsContext();
11
+ const mergedProps = (0, _zag_js_react.mergeProps)(toc.getLinkProps(itemProps), props);
12
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.a, {
13
+ ...mergedProps,
14
+ ref
15
+ });
16
+ });
17
+ TocLink.displayName = "TocLink";
18
+ //#endregion
19
+ exports.TocLink = TocLink;
@@ -0,0 +1,7 @@
1
+ import { HTMLProps, PolymorphicProps } from '../factory';
2
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
+ export interface TocLinkBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface TocLinkProps extends HTMLProps<'a'>, TocLinkBaseProps {
6
+ }
7
+ export declare const TocLink: ForwardRefExoticComponent<TocLinkProps & RefAttributes<HTMLAnchorElement>>;
@@ -0,0 +1,7 @@
1
+ import { HTMLProps, PolymorphicProps } from '../factory';
2
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
+ export interface TocLinkBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface TocLinkProps extends HTMLProps<'a'>, TocLinkBaseProps {
6
+ }
7
+ export declare const TocLink: ForwardRefExoticComponent<TocLinkProps & RefAttributes<HTMLAnchorElement>>;
@@ -0,0 +1,19 @@
1
+ import { ark } from "../factory.js";
2
+ import { useTocContext } from "./use-toc-context.js";
3
+ import { useTocItemPropsContext } from "./use-toc-item-props-context.js";
4
+ import { forwardRef } from "react";
5
+ import { mergeProps } from "@zag-js/react";
6
+ import { jsx } from "react/jsx-runtime";
7
+ //#region src/components/toc/toc-link.tsx
8
+ var TocLink = forwardRef((props, ref) => {
9
+ const toc = useTocContext();
10
+ const itemProps = useTocItemPropsContext();
11
+ const mergedProps = mergeProps(toc.getLinkProps(itemProps), props);
12
+ return /* @__PURE__ */ jsx(ark.a, {
13
+ ...mergedProps,
14
+ ref
15
+ });
16
+ });
17
+ TocLink.displayName = "TocLink";
18
+ //#endregion
19
+ export { TocLink };
@@ -0,0 +1,17 @@
1
+ const require_factory = require("../factory.cjs");
2
+ const require_use_toc_context = require("./use-toc-context.cjs");
3
+ let react = require("react");
4
+ let _zag_js_react = require("@zag-js/react");
5
+ let react_jsx_runtime = require("react/jsx-runtime");
6
+ //#region src/components/toc/toc-list.tsx
7
+ var TocList = (0, react.forwardRef)((props, ref) => {
8
+ const toc = require_use_toc_context.useTocContext();
9
+ const mergedProps = (0, _zag_js_react.mergeProps)(toc.getListProps(), props);
10
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.ul, {
11
+ ...mergedProps,
12
+ ref
13
+ });
14
+ });
15
+ TocList.displayName = "TocList";
16
+ //#endregion
17
+ exports.TocList = TocList;
@@ -0,0 +1,7 @@
1
+ import { HTMLProps, PolymorphicProps } from '../factory';
2
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
+ export interface TocListBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface TocListProps extends HTMLProps<'ul'>, TocListBaseProps {
6
+ }
7
+ export declare const TocList: ForwardRefExoticComponent<TocListProps & RefAttributes<HTMLUListElement>>;
@@ -0,0 +1,7 @@
1
+ import { HTMLProps, PolymorphicProps } from '../factory';
2
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
+ export interface TocListBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface TocListProps extends HTMLProps<'ul'>, TocListBaseProps {
6
+ }
7
+ export declare const TocList: ForwardRefExoticComponent<TocListProps & RefAttributes<HTMLUListElement>>;
@@ -0,0 +1,17 @@
1
+ import { ark } from "../factory.js";
2
+ import { useTocContext } from "./use-toc-context.js";
3
+ import { forwardRef } from "react";
4
+ import { mergeProps } from "@zag-js/react";
5
+ import { jsx } from "react/jsx-runtime";
6
+ //#region src/components/toc/toc-list.tsx
7
+ var TocList = forwardRef((props, ref) => {
8
+ const toc = useTocContext();
9
+ const mergedProps = mergeProps(toc.getListProps(), props);
10
+ return /* @__PURE__ */ jsx(ark.ul, {
11
+ ...mergedProps,
12
+ ref
13
+ });
14
+ });
15
+ TocList.displayName = "TocList";
16
+ //#endregion
17
+ export { TocList };
@@ -0,0 +1,19 @@
1
+ const require_factory = require("../factory.cjs");
2
+ const require_use_toc_context = require("./use-toc-context.cjs");
3
+ let react = require("react");
4
+ let _zag_js_react = require("@zag-js/react");
5
+ let react_jsx_runtime = require("react/jsx-runtime");
6
+ //#region src/components/toc/toc-nav.tsx
7
+ var TocNav = (0, react.forwardRef)((props, ref) => {
8
+ const { placement, ...rest } = props;
9
+ const toc = require_use_toc_context.useTocContext();
10
+ const mergedProps = (0, _zag_js_react.mergeProps)(toc.getRootProps(), rest);
11
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.nav, {
12
+ ...mergedProps,
13
+ "data-placement": placement,
14
+ ref
15
+ });
16
+ });
17
+ TocNav.displayName = "TocNav";
18
+ //#endregion
19
+ exports.TocNav = TocNav;
@@ -0,0 +1,8 @@
1
+ import { HTMLProps, PolymorphicProps } from '../factory';
2
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
+ export interface TocNavBaseProps extends PolymorphicProps {
4
+ placement?: 'left' | 'right';
5
+ }
6
+ export interface TocNavProps extends HTMLProps<'nav'>, TocNavBaseProps {
7
+ }
8
+ export declare const TocNav: ForwardRefExoticComponent<TocNavProps & RefAttributes<HTMLElement>>;
@@ -0,0 +1,8 @@
1
+ import { HTMLProps, PolymorphicProps } from '../factory';
2
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
+ export interface TocNavBaseProps extends PolymorphicProps {
4
+ placement?: 'left' | 'right';
5
+ }
6
+ export interface TocNavProps extends HTMLProps<'nav'>, TocNavBaseProps {
7
+ }
8
+ export declare const TocNav: ForwardRefExoticComponent<TocNavProps & RefAttributes<HTMLElement>>;
@@ -0,0 +1,19 @@
1
+ import { ark } from "../factory.js";
2
+ import { useTocContext } from "./use-toc-context.js";
3
+ import { forwardRef } from "react";
4
+ import { mergeProps } from "@zag-js/react";
5
+ import { jsx } from "react/jsx-runtime";
6
+ //#region src/components/toc/toc-nav.tsx
7
+ var TocNav = forwardRef((props, ref) => {
8
+ const { placement, ...rest } = props;
9
+ const toc = useTocContext();
10
+ const mergedProps = mergeProps(toc.getRootProps(), rest);
11
+ return /* @__PURE__ */ jsx(ark.nav, {
12
+ ...mergedProps,
13
+ "data-placement": placement,
14
+ ref
15
+ });
16
+ });
17
+ TocNav.displayName = "TocNav";
18
+ //#endregion
19
+ export { TocNav };
@@ -0,0 +1,20 @@
1
+ const require_create_split_props = require("../../utils/create-split-props.cjs");
2
+ const require_factory = require("../factory.cjs");
3
+ const require_use_toc_context = require("./use-toc-context.cjs");
4
+ let react = require("react");
5
+ let react_jsx_runtime = require("react/jsx-runtime");
6
+ //#region src/components/toc/toc-root-provider.tsx
7
+ var splitRootProviderProps = require_create_split_props.createSplitProps();
8
+ var TocRootProvider = (0, react.forwardRef)((props, ref) => {
9
+ const [{ value: toc }, localProps] = splitRootProviderProps(props, ["value"]);
10
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_toc_context.TocProvider, {
11
+ value: toc,
12
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
13
+ ...localProps,
14
+ ref
15
+ })
16
+ });
17
+ });
18
+ TocRootProvider.displayName = "TocRootProvider";
19
+ //#endregion
20
+ exports.TocRootProvider = TocRootProvider;
@@ -0,0 +1,13 @@
1
+ import { Assign } from '../../types';
2
+ import { HTMLProps, PolymorphicProps } from '../factory';
3
+ import { UseTocReturn } from './use-toc';
4
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
5
+ interface RootProviderProps {
6
+ value: UseTocReturn;
7
+ }
8
+ export interface TocRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
9
+ }
10
+ export interface TocRootProviderProps extends Assign<HTMLProps<'div'>, TocRootProviderBaseProps> {
11
+ }
12
+ export declare const TocRootProvider: ForwardRefExoticComponent<TocRootProviderProps & RefAttributes<HTMLDivElement>>;
13
+ export {};
@@ -0,0 +1,13 @@
1
+ import { Assign } from '../../types';
2
+ import { HTMLProps, PolymorphicProps } from '../factory';
3
+ import { UseTocReturn } from './use-toc';
4
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
5
+ interface RootProviderProps {
6
+ value: UseTocReturn;
7
+ }
8
+ export interface TocRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
9
+ }
10
+ export interface TocRootProviderProps extends Assign<HTMLProps<'div'>, TocRootProviderBaseProps> {
11
+ }
12
+ export declare const TocRootProvider: ForwardRefExoticComponent<TocRootProviderProps & RefAttributes<HTMLDivElement>>;
13
+ export {};
@@ -0,0 +1,20 @@
1
+ import { createSplitProps } from "../../utils/create-split-props.js";
2
+ import { ark } from "../factory.js";
3
+ import { TocProvider } from "./use-toc-context.js";
4
+ import { forwardRef } from "react";
5
+ import { jsx } from "react/jsx-runtime";
6
+ //#region src/components/toc/toc-root-provider.tsx
7
+ var splitRootProviderProps = createSplitProps();
8
+ var TocRootProvider = forwardRef((props, ref) => {
9
+ const [{ value: toc }, localProps] = splitRootProviderProps(props, ["value"]);
10
+ return /* @__PURE__ */ jsx(TocProvider, {
11
+ value: toc,
12
+ children: /* @__PURE__ */ jsx(ark.div, {
13
+ ...localProps,
14
+ ref
15
+ })
16
+ });
17
+ });
18
+ TocRootProvider.displayName = "TocRootProvider";
19
+ //#endregion
20
+ export { TocRootProvider };
@@ -0,0 +1,36 @@
1
+ const require_create_split_props = require("../../utils/create-split-props.cjs");
2
+ const require_factory = require("../factory.cjs");
3
+ const require_use_toc_context = require("./use-toc-context.cjs");
4
+ const require_use_toc = require("./use-toc.cjs");
5
+ let react = require("react");
6
+ let _zag_js_react = require("@zag-js/react");
7
+ let react_jsx_runtime = require("react/jsx-runtime");
8
+ //#region src/components/toc/toc-root.tsx
9
+ var splitRootProps = require_create_split_props.createSplitProps();
10
+ var TocRoot = (0, react.forwardRef)((props, ref) => {
11
+ const [useTocProps, localProps] = splitRootProps(props, [
12
+ "activeIds",
13
+ "autoScroll",
14
+ "defaultActiveIds",
15
+ "scrollEl",
16
+ "id",
17
+ "ids",
18
+ "items",
19
+ "onActiveChange",
20
+ "rootMargin",
21
+ "scrollBehavior",
22
+ "threshold"
23
+ ]);
24
+ const toc = require_use_toc.useToc(useTocProps);
25
+ const mergedProps = (0, _zag_js_react.mergeProps)(toc.getRootProps(), localProps);
26
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_toc_context.TocProvider, {
27
+ value: toc,
28
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
29
+ ...mergedProps,
30
+ ref
31
+ })
32
+ });
33
+ });
34
+ TocRoot.displayName = "TocRoot";
35
+ //#endregion
36
+ exports.TocRoot = TocRoot;
@@ -0,0 +1,9 @@
1
+ import { Assign } from '../../types';
2
+ import { HTMLProps, PolymorphicProps } from '../factory';
3
+ import { UseTocProps } from './use-toc';
4
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
5
+ export interface TocRootBaseProps extends UseTocProps, PolymorphicProps {
6
+ }
7
+ export interface TocRootProps extends Assign<HTMLProps<'div'>, TocRootBaseProps> {
8
+ }
9
+ export declare const TocRoot: ForwardRefExoticComponent<TocRootProps & RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,9 @@
1
+ import { Assign } from '../../types';
2
+ import { HTMLProps, PolymorphicProps } from '../factory';
3
+ import { UseTocProps } from './use-toc';
4
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
5
+ export interface TocRootBaseProps extends UseTocProps, PolymorphicProps {
6
+ }
7
+ export interface TocRootProps extends Assign<HTMLProps<'div'>, TocRootBaseProps> {
8
+ }
9
+ export declare const TocRoot: ForwardRefExoticComponent<TocRootProps & RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,36 @@
1
+ import { createSplitProps } from "../../utils/create-split-props.js";
2
+ import { ark } from "../factory.js";
3
+ import { TocProvider } from "./use-toc-context.js";
4
+ import { useToc } from "./use-toc.js";
5
+ import { forwardRef } from "react";
6
+ import { mergeProps } from "@zag-js/react";
7
+ import { jsx } from "react/jsx-runtime";
8
+ //#region src/components/toc/toc-root.tsx
9
+ var splitRootProps = createSplitProps();
10
+ var TocRoot = forwardRef((props, ref) => {
11
+ const [useTocProps, localProps] = splitRootProps(props, [
12
+ "activeIds",
13
+ "autoScroll",
14
+ "defaultActiveIds",
15
+ "scrollEl",
16
+ "id",
17
+ "ids",
18
+ "items",
19
+ "onActiveChange",
20
+ "rootMargin",
21
+ "scrollBehavior",
22
+ "threshold"
23
+ ]);
24
+ const toc = useToc(useTocProps);
25
+ const mergedProps = mergeProps(toc.getRootProps(), localProps);
26
+ return /* @__PURE__ */ jsx(TocProvider, {
27
+ value: toc,
28
+ children: /* @__PURE__ */ jsx(ark.div, {
29
+ ...mergedProps,
30
+ ref
31
+ })
32
+ });
33
+ });
34
+ TocRoot.displayName = "TocRoot";
35
+ //#endregion
36
+ export { TocRoot };
@@ -0,0 +1,17 @@
1
+ const require_factory = require("../factory.cjs");
2
+ const require_use_toc_context = require("./use-toc-context.cjs");
3
+ let react = require("react");
4
+ let _zag_js_react = require("@zag-js/react");
5
+ let react_jsx_runtime = require("react/jsx-runtime");
6
+ //#region src/components/toc/toc-title.tsx
7
+ var TocTitle = (0, react.forwardRef)((props, ref) => {
8
+ const toc = require_use_toc_context.useTocContext();
9
+ const mergedProps = (0, _zag_js_react.mergeProps)(toc.getTitleProps(), props);
10
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.h2, {
11
+ ...mergedProps,
12
+ ref
13
+ });
14
+ });
15
+ TocTitle.displayName = "TocTitle";
16
+ //#endregion
17
+ exports.TocTitle = TocTitle;
@@ -0,0 +1,7 @@
1
+ import { HTMLProps, PolymorphicProps } from '../factory';
2
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
+ export interface TocTitleBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface TocTitleProps extends HTMLProps<'h2'>, TocTitleBaseProps {
6
+ }
7
+ export declare const TocTitle: ForwardRefExoticComponent<TocTitleProps & RefAttributes<HTMLHeadingElement>>;
@@ -0,0 +1,7 @@
1
+ import { HTMLProps, PolymorphicProps } from '../factory';
2
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
+ export interface TocTitleBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface TocTitleProps extends HTMLProps<'h2'>, TocTitleBaseProps {
6
+ }
7
+ export declare const TocTitle: ForwardRefExoticComponent<TocTitleProps & RefAttributes<HTMLHeadingElement>>;
@@ -0,0 +1,17 @@
1
+ import { ark } from "../factory.js";
2
+ import { useTocContext } from "./use-toc-context.js";
3
+ import { forwardRef } from "react";
4
+ import { mergeProps } from "@zag-js/react";
5
+ import { jsx } from "react/jsx-runtime";
6
+ //#region src/components/toc/toc-title.tsx
7
+ var TocTitle = forwardRef((props, ref) => {
8
+ const toc = useTocContext();
9
+ const mergedProps = mergeProps(toc.getTitleProps(), props);
10
+ return /* @__PURE__ */ jsx(ark.h2, {
11
+ ...mergedProps,
12
+ ref
13
+ });
14
+ });
15
+ TocTitle.displayName = "TocTitle";
16
+ //#endregion
17
+ export { TocTitle };
@@ -0,0 +1 @@
1
+ export { anatomy as tocAnatomy } from '@zag-js/toc';
@@ -0,0 +1 @@
1
+ export { anatomy as tocAnatomy } from '@zag-js/toc';
@@ -0,0 +1,2 @@
1
+ import { anatomy as tocAnatomy } from "@zag-js/toc";
2
+ export { tocAnatomy };
@@ -0,0 +1,41 @@
1
+ const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
2
+ const require_toc_content = require("./toc-content.cjs");
3
+ const require_toc_context = require("./toc-context.cjs");
4
+ const require_toc_indicator = require("./toc-indicator.cjs");
5
+ const require_toc_item = require("./toc-item.cjs");
6
+ const require_toc_link = require("./toc-link.cjs");
7
+ const require_toc_list = require("./toc-list.cjs");
8
+ const require_toc_nav = require("./toc-nav.cjs");
9
+ const require_toc_root = require("./toc-root.cjs");
10
+ const require_toc_root_provider = require("./toc-root-provider.cjs");
11
+ const require_toc_title = require("./toc-title.cjs");
12
+ //#region src/components/toc/toc.ts
13
+ var toc_exports = /* @__PURE__ */ require_runtime.__exportAll({
14
+ Content: () => require_toc_content.TocContent,
15
+ Context: () => require_toc_context.TocContext,
16
+ Indicator: () => require_toc_indicator.TocIndicator,
17
+ Item: () => require_toc_item.TocItem,
18
+ Link: () => require_toc_link.TocLink,
19
+ List: () => require_toc_list.TocList,
20
+ Nav: () => require_toc_nav.TocNav,
21
+ Root: () => require_toc_root.TocRoot,
22
+ RootProvider: () => require_toc_root_provider.TocRootProvider,
23
+ Title: () => require_toc_title.TocTitle
24
+ });
25
+ //#endregion
26
+ exports.Content = require_toc_content.TocContent;
27
+ exports.Context = require_toc_context.TocContext;
28
+ exports.Indicator = require_toc_indicator.TocIndicator;
29
+ exports.Item = require_toc_item.TocItem;
30
+ exports.Link = require_toc_link.TocLink;
31
+ exports.List = require_toc_list.TocList;
32
+ exports.Nav = require_toc_nav.TocNav;
33
+ exports.Root = require_toc_root.TocRoot;
34
+ exports.RootProvider = require_toc_root_provider.TocRootProvider;
35
+ exports.Title = require_toc_title.TocTitle;
36
+ Object.defineProperty(exports, "toc_exports", {
37
+ enumerable: true,
38
+ get: function() {
39
+ return toc_exports;
40
+ }
41
+ });
@@ -0,0 +1,11 @@
1
+ export type { ActiveChangeDetails as TocActiveChangeDetails, TocItem as TocItemData } from '@zag-js/toc';
2
+ export { TocContent as Content, type TocContentBaseProps as ContentBaseProps, type TocContentProps as ContentProps, } from './toc-content';
3
+ export { TocContext as Context, type TocContextProps as ContextProps } from './toc-context';
4
+ export { TocIndicator as Indicator, type TocIndicatorBaseProps as IndicatorBaseProps, type TocIndicatorProps as IndicatorProps, } from './toc-indicator';
5
+ export { TocItem as Item, type TocItemBaseProps as ItemBaseProps, type TocItemProps as ItemProps } from './toc-item';
6
+ export { TocLink as Link, type TocLinkBaseProps as LinkBaseProps, type TocLinkProps as LinkProps } from './toc-link';
7
+ export { TocList as List, type TocListBaseProps as ListBaseProps, type TocListProps as ListProps } from './toc-list';
8
+ export { TocNav as Nav, type TocNavBaseProps as NavBaseProps, type TocNavProps as NavProps } from './toc-nav';
9
+ export { TocRoot as Root, type TocRootBaseProps as RootBaseProps, type TocRootProps as RootProps } from './toc-root';
10
+ export { TocRootProvider as RootProvider, type TocRootProviderBaseProps as RootProviderBaseProps, type TocRootProviderProps as RootProviderProps, } from './toc-root-provider';
11
+ export { TocTitle as Title, type TocTitleBaseProps as TitleBaseProps, type TocTitleProps as TitleProps, } from './toc-title';
@@ -0,0 +1,11 @@
1
+ export type { ActiveChangeDetails as TocActiveChangeDetails, TocItem as TocItemData } from '@zag-js/toc';
2
+ export { TocContent as Content, type TocContentBaseProps as ContentBaseProps, type TocContentProps as ContentProps, } from './toc-content';
3
+ export { TocContext as Context, type TocContextProps as ContextProps } from './toc-context';
4
+ export { TocIndicator as Indicator, type TocIndicatorBaseProps as IndicatorBaseProps, type TocIndicatorProps as IndicatorProps, } from './toc-indicator';
5
+ export { TocItem as Item, type TocItemBaseProps as ItemBaseProps, type TocItemProps as ItemProps } from './toc-item';
6
+ export { TocLink as Link, type TocLinkBaseProps as LinkBaseProps, type TocLinkProps as LinkProps } from './toc-link';
7
+ export { TocList as List, type TocListBaseProps as ListBaseProps, type TocListProps as ListProps } from './toc-list';
8
+ export { TocNav as Nav, type TocNavBaseProps as NavBaseProps, type TocNavProps as NavProps } from './toc-nav';
9
+ export { TocRoot as Root, type TocRootBaseProps as RootBaseProps, type TocRootProps as RootProps } from './toc-root';
10
+ export { TocRootProvider as RootProvider, type TocRootProviderBaseProps as RootProviderBaseProps, type TocRootProviderProps as RootProviderProps, } from './toc-root-provider';
11
+ export { TocTitle as Title, type TocTitleBaseProps as TitleBaseProps, type TocTitleProps as TitleProps, } from './toc-title';
@@ -0,0 +1,26 @@
1
+ import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
2
+ import { TocContent } from "./toc-content.js";
3
+ import { TocContext } from "./toc-context.js";
4
+ import { TocIndicator } from "./toc-indicator.js";
5
+ import { TocItem } from "./toc-item.js";
6
+ import { TocLink } from "./toc-link.js";
7
+ import { TocList } from "./toc-list.js";
8
+ import { TocNav } from "./toc-nav.js";
9
+ import { TocRoot } from "./toc-root.js";
10
+ import { TocRootProvider } from "./toc-root-provider.js";
11
+ import { TocTitle } from "./toc-title.js";
12
+ //#region src/components/toc/toc.ts
13
+ var toc_exports = /* @__PURE__ */ __exportAll({
14
+ Content: () => TocContent,
15
+ Context: () => TocContext,
16
+ Indicator: () => TocIndicator,
17
+ Item: () => TocItem,
18
+ Link: () => TocLink,
19
+ List: () => TocList,
20
+ Nav: () => TocNav,
21
+ Root: () => TocRoot,
22
+ RootProvider: () => TocRootProvider,
23
+ Title: () => TocTitle
24
+ });
25
+ //#endregion
26
+ 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 };
@@ -0,0 +1,9 @@
1
+ //#region src/components/toc/use-toc-context.ts
2
+ var [TocProvider, useTocContext] = require("../../utils/create-context.cjs").createContext({
3
+ name: "TocContext",
4
+ hookName: "useTocContext",
5
+ providerName: "<TocProvider />"
6
+ });
7
+ //#endregion
8
+ exports.TocProvider = TocProvider;
9
+ exports.useTocContext = useTocContext;
@@ -0,0 +1,5 @@
1
+ import { UseTocReturn } from './use-toc';
2
+ import { Provider } from 'react';
3
+ export interface UseTocContext extends UseTocReturn {
4
+ }
5
+ export declare const TocProvider: Provider<UseTocContext>, useTocContext: () => UseTocContext;
@@ -0,0 +1,5 @@
1
+ import { UseTocReturn } from './use-toc';
2
+ import { Provider } from 'react';
3
+ export interface UseTocContext extends UseTocReturn {
4
+ }
5
+ export declare const TocProvider: Provider<UseTocContext>, useTocContext: () => UseTocContext;
@@ -0,0 +1,9 @@
1
+ import { createContext } from "../../utils/create-context.js";
2
+ //#region src/components/toc/use-toc-context.ts
3
+ var [TocProvider, useTocContext] = createContext({
4
+ name: "TocContext",
5
+ hookName: "useTocContext",
6
+ providerName: "<TocProvider />"
7
+ });
8
+ //#endregion
9
+ export { TocProvider, useTocContext };
@@ -0,0 +1,9 @@
1
+ //#region src/components/toc/use-toc-item-props-context.ts
2
+ var [TocItemPropsProvider, useTocItemPropsContext] = require("../../utils/create-context.cjs").createContext({
3
+ name: "TocItemPropsContext",
4
+ hookName: "useTocItemPropsContext",
5
+ providerName: "<TocItemPropsProvider />"
6
+ });
7
+ //#endregion
8
+ exports.TocItemPropsProvider = TocItemPropsProvider;
9
+ exports.useTocItemPropsContext = useTocItemPropsContext;
@@ -0,0 +1,5 @@
1
+ import { ItemProps } from '@zag-js/toc';
2
+ import { Provider } from 'react';
3
+ export interface UseTocItemPropsContext extends ItemProps {
4
+ }
5
+ export declare const TocItemPropsProvider: Provider<UseTocItemPropsContext>, useTocItemPropsContext: () => UseTocItemPropsContext;
@@ -0,0 +1,5 @@
1
+ import { ItemProps } from '@zag-js/toc';
2
+ import { Provider } from 'react';
3
+ export interface UseTocItemPropsContext extends ItemProps {
4
+ }
5
+ export declare const TocItemPropsProvider: Provider<UseTocItemPropsContext>, useTocItemPropsContext: () => UseTocItemPropsContext;