@hanzo/radix 16.3.1

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 (216) hide show
  1. package/README.md +5 -0
  2. package/css/black.css +1 -0
  3. package/css/catppuccin.css +1 -0
  4. package/css/dusk.css +1 -0
  5. package/css/layouts/docs.css +1 -0
  6. package/css/layouts/home.css +1 -0
  7. package/css/layouts/notebook.css +1 -0
  8. package/css/neutral.css +1 -0
  9. package/css/ocean.css +1 -0
  10. package/css/preset.css +91 -0
  11. package/css/purple.css +1 -0
  12. package/css/shadcn.css +1 -0
  13. package/css/solar.css +1 -0
  14. package/css/style.css +9 -0
  15. package/css/vitepress.css +1 -0
  16. package/dist/components/accordion.d.ts +8 -0
  17. package/dist/components/accordion.d.ts.map +1 -0
  18. package/dist/components/accordion.js +43 -0
  19. package/dist/components/banner.d.ts +24 -0
  20. package/dist/components/banner.d.ts.map +1 -0
  21. package/dist/components/banner.js +54 -0
  22. package/dist/components/callout.d.ts +19 -0
  23. package/dist/components/callout.d.ts.map +1 -0
  24. package/dist/components/callout.js +34 -0
  25. package/dist/components/card.d.ts +11 -0
  26. package/dist/components/card.d.ts.map +1 -0
  27. package/dist/components/card.js +10 -0
  28. package/dist/components/codeblock.d.ts +42 -0
  29. package/dist/components/codeblock.d.ts.map +1 -0
  30. package/dist/components/codeblock.js +68 -0
  31. package/dist/components/dialog/search-algolia.d.ts +25 -0
  32. package/dist/components/dialog/search-algolia.d.ts.map +1 -0
  33. package/dist/components/dialog/search-algolia.js +35 -0
  34. package/dist/components/dialog/search-default.d.ts +29 -0
  35. package/dist/components/dialog/search-default.d.ts.map +1 -0
  36. package/dist/components/dialog/search-default.js +40 -0
  37. package/dist/components/dialog/search-orama.d.ts +30 -0
  38. package/dist/components/dialog/search-orama.d.ts.map +1 -0
  39. package/dist/components/dialog/search-orama.js +40 -0
  40. package/dist/components/dialog/search.d.ts +72 -0
  41. package/dist/components/dialog/search.d.ts.map +1 -0
  42. package/dist/components/dialog/search.js +192 -0
  43. package/dist/components/dynamic-codeblock.d.ts +21 -0
  44. package/dist/components/dynamic-codeblock.d.ts.map +1 -0
  45. package/dist/components/dynamic-codeblock.js +33 -0
  46. package/dist/components/files.d.ts +19 -0
  47. package/dist/components/files.d.ts.map +1 -0
  48. package/dist/components/files.js +18 -0
  49. package/dist/components/github-info.d.ts +8 -0
  50. package/dist/components/github-info.d.ts.map +1 -0
  51. package/dist/components/github-info.js +53 -0
  52. package/dist/components/heading.d.ts +8 -0
  53. package/dist/components/heading.d.ts.map +1 -0
  54. package/dist/components/heading.js +9 -0
  55. package/dist/components/image-zoom.css +77 -0
  56. package/dist/components/image-zoom.d.ts +16 -0
  57. package/dist/components/image-zoom.d.ts.map +1 -0
  58. package/dist/components/image-zoom.js +23 -0
  59. package/dist/components/inline-toc.d.ts +8 -0
  60. package/dist/components/inline-toc.d.ts.map +1 -0
  61. package/dist/components/inline-toc.js +10 -0
  62. package/dist/components/sidebar/base.d.ts +72 -0
  63. package/dist/components/sidebar/base.d.ts.map +1 -0
  64. package/dist/components/sidebar/base.js +186 -0
  65. package/dist/components/sidebar/link-item.d.ts +11 -0
  66. package/dist/components/sidebar/link-item.d.ts.map +1 -0
  67. package/dist/components/sidebar/link-item.js +13 -0
  68. package/dist/components/sidebar/page-tree.d.ts +19 -0
  69. package/dist/components/sidebar/page-tree.d.ts.map +1 -0
  70. package/dist/components/sidebar/page-tree.js +34 -0
  71. package/dist/components/sidebar/tabs/dropdown.d.ts +11 -0
  72. package/dist/components/sidebar/tabs/dropdown.d.ts.map +1 -0
  73. package/dist/components/sidebar/tabs/dropdown.js +34 -0
  74. package/dist/components/sidebar/tabs/index.d.ts +21 -0
  75. package/dist/components/sidebar/tabs/index.d.ts.map +1 -0
  76. package/dist/components/sidebar/tabs/index.js +49 -0
  77. package/dist/components/steps.d.ts +8 -0
  78. package/dist/components/steps.d.ts.map +1 -0
  79. package/dist/components/steps.js +7 -0
  80. package/dist/components/tabs.d.ts +31 -0
  81. package/dist/components/tabs.d.ts.map +1 -0
  82. package/dist/components/tabs.js +64 -0
  83. package/dist/components/toc/clerk.d.ts +2 -0
  84. package/dist/components/toc/clerk.d.ts.map +1 -0
  85. package/dist/components/toc/clerk.js +1 -0
  86. package/dist/components/toc/default.d.ts +2 -0
  87. package/dist/components/toc/default.d.ts.map +1 -0
  88. package/dist/components/toc/default.js +1 -0
  89. package/dist/components/toc/index.d.ts +2 -0
  90. package/dist/components/toc/index.d.ts.map +1 -0
  91. package/dist/components/toc/index.js +1 -0
  92. package/dist/components/type-table.d.ts +32 -0
  93. package/dist/components/type-table.d.ts.map +1 -0
  94. package/dist/components/type-table.js +28 -0
  95. package/dist/components/ui/accordion.d.ts +8 -0
  96. package/dist/components/ui/accordion.d.ts.map +1 -0
  97. package/dist/components/ui/accordion.js +20 -0
  98. package/dist/components/ui/button.d.ts +8 -0
  99. package/dist/components/ui/button.d.ts.map +1 -0
  100. package/dist/components/ui/button.js +20 -0
  101. package/dist/components/ui/collapsible.d.ts +9 -0
  102. package/dist/components/ui/collapsible.d.ts.map +1 -0
  103. package/dist/components/ui/collapsible.js +17 -0
  104. package/dist/components/ui/navigation-menu.d.ts +13 -0
  105. package/dist/components/ui/navigation-menu.d.ts.map +1 -0
  106. package/dist/components/ui/navigation-menu.js +17 -0
  107. package/dist/components/ui/popover.d.ts +8 -0
  108. package/dist/components/ui/popover.d.ts.map +1 -0
  109. package/dist/components/ui/popover.js +11 -0
  110. package/dist/components/ui/scroll-area.d.ts +8 -0
  111. package/dist/components/ui/scroll-area.d.ts.map +1 -0
  112. package/dist/components/ui/scroll-area.js +11 -0
  113. package/dist/components/ui/tabs.d.ts +21 -0
  114. package/dist/components/ui/tabs.d.ts.map +1 -0
  115. package/dist/components/ui/tabs.js +79 -0
  116. package/dist/contexts/i18n.d.ts +2 -0
  117. package/dist/contexts/i18n.d.ts.map +1 -0
  118. package/dist/contexts/i18n.js +2 -0
  119. package/dist/contexts/search.d.ts +2 -0
  120. package/dist/contexts/search.d.ts.map +1 -0
  121. package/dist/contexts/search.js +2 -0
  122. package/dist/contexts/tree.d.ts +2 -0
  123. package/dist/contexts/tree.d.ts.map +1 -0
  124. package/dist/contexts/tree.js +2 -0
  125. package/dist/i18n.d.ts +2 -0
  126. package/dist/i18n.d.ts.map +1 -0
  127. package/dist/i18n.js +1 -0
  128. package/dist/layouts/docs/client.d.ts +15 -0
  129. package/dist/layouts/docs/client.d.ts.map +1 -0
  130. package/dist/layouts/docs/client.js +41 -0
  131. package/dist/layouts/docs/index.d.ts +36 -0
  132. package/dist/layouts/docs/index.d.ts.map +1 -0
  133. package/dist/layouts/docs/index.js +69 -0
  134. package/dist/layouts/docs/page/client.d.ts +24 -0
  135. package/dist/layouts/docs/page/client.d.ts.map +1 -0
  136. package/dist/layouts/docs/page/client.js +119 -0
  137. package/dist/layouts/docs/page/index.d.ts +58 -0
  138. package/dist/layouts/docs/page/index.d.ts.map +1 -0
  139. package/dist/layouts/docs/page/index.js +51 -0
  140. package/dist/layouts/docs/sidebar.d.ts +17 -0
  141. package/dist/layouts/docs/sidebar.d.ts.map +1 -0
  142. package/dist/layouts/docs/sidebar.js +94 -0
  143. package/dist/layouts/home/client.d.ts +6 -0
  144. package/dist/layouts/home/client.d.ts.map +1 -0
  145. package/dist/layouts/home/client.js +113 -0
  146. package/dist/layouts/home/index.d.ts +12 -0
  147. package/dist/layouts/home/index.d.ts.map +1 -0
  148. package/dist/layouts/home/index.js +8 -0
  149. package/dist/layouts/home/navbar.d.ts +7 -0
  150. package/dist/layouts/home/navbar.d.ts.map +1 -0
  151. package/dist/layouts/home/navbar.js +16 -0
  152. package/dist/layouts/notebook/client.d.ts +23 -0
  153. package/dist/layouts/notebook/client.d.ts.map +1 -0
  154. package/dist/layouts/notebook/client.js +104 -0
  155. package/dist/layouts/notebook/index.d.ts +34 -0
  156. package/dist/layouts/notebook/index.d.ts.map +1 -0
  157. package/dist/layouts/notebook/index.js +92 -0
  158. package/dist/layouts/notebook/page/client.d.ts +24 -0
  159. package/dist/layouts/notebook/page/client.d.ts.map +1 -0
  160. package/dist/layouts/notebook/page/client.js +119 -0
  161. package/dist/layouts/notebook/page/index.d.ts +58 -0
  162. package/dist/layouts/notebook/page/index.d.ts.map +1 -0
  163. package/dist/layouts/notebook/page/index.js +51 -0
  164. package/dist/layouts/notebook/sidebar.d.ts +17 -0
  165. package/dist/layouts/notebook/sidebar.d.ts.map +1 -0
  166. package/dist/layouts/notebook/sidebar.js +91 -0
  167. package/dist/layouts/shared/index.d.ts +57 -0
  168. package/dist/layouts/shared/index.d.ts.map +1 -0
  169. package/dist/layouts/shared/index.js +23 -0
  170. package/dist/layouts/shared/language-toggle.d.ts +5 -0
  171. package/dist/layouts/shared/language-toggle.d.ts.map +1 -0
  172. package/dist/layouts/shared/language-toggle.js +24 -0
  173. package/dist/layouts/shared/search-toggle.d.ts +11 -0
  174. package/dist/layouts/shared/search-toggle.d.ts.map +1 -0
  175. package/dist/layouts/shared/search-toggle.js +27 -0
  176. package/dist/layouts/shared/theme-toggle.d.ts +5 -0
  177. package/dist/layouts/shared/theme-toggle.d.ts.map +1 -0
  178. package/dist/layouts/shared/theme-toggle.js +38 -0
  179. package/dist/mdx.d.ts +33 -0
  180. package/dist/mdx.d.ts.map +1 -0
  181. package/dist/mdx.js +40 -0
  182. package/dist/mdx.server.d.ts +13 -0
  183. package/dist/mdx.server.d.ts.map +1 -0
  184. package/dist/mdx.server.js +15 -0
  185. package/dist/og.d.ts +2 -0
  186. package/dist/og.d.ts.map +1 -0
  187. package/dist/og.js +1 -0
  188. package/dist/page.d.ts +27 -0
  189. package/dist/page.d.ts.map +1 -0
  190. package/dist/page.js +22 -0
  191. package/dist/provider/base.d.ts +40 -0
  192. package/dist/provider/base.d.ts.map +1 -0
  193. package/dist/provider/base.js +19 -0
  194. package/dist/provider/next.d.ts +14 -0
  195. package/dist/provider/next.d.ts.map +1 -0
  196. package/dist/provider/next.js +7 -0
  197. package/dist/provider/react-router.d.ts +14 -0
  198. package/dist/provider/react-router.d.ts.map +1 -0
  199. package/dist/provider/react-router.js +7 -0
  200. package/dist/provider/tanstack.d.ts +14 -0
  201. package/dist/provider/tanstack.d.ts.map +1 -0
  202. package/dist/provider/tanstack.js +7 -0
  203. package/dist/provider/waku.d.ts +14 -0
  204. package/dist/provider/waku.d.ts.map +1 -0
  205. package/dist/provider/waku.js +7 -0
  206. package/dist/style.css +3246 -0
  207. package/dist/utils/use-copy-button.d.ts +2 -0
  208. package/dist/utils/use-copy-button.d.ts.map +1 -0
  209. package/dist/utils/use-copy-button.js +1 -0
  210. package/dist/utils/use-footer-items.d.ts +2 -0
  211. package/dist/utils/use-footer-items.d.ts.map +1 -0
  212. package/dist/utils/use-footer-items.js +1 -0
  213. package/dist/utils/use-is-scroll-top.d.ts +2 -0
  214. package/dist/utils/use-is-scroll-top.d.ts.map +1 -0
  215. package/dist/utils/use-is-scroll-top.js +1 -0
  216. package/package.json +155 -0
@@ -0,0 +1,58 @@
1
+ import type { ComponentProps, ReactNode } from 'react';
2
+ import { type BreadcrumbProps, type FooterProps } from './client.js';
3
+ import type { AnchorProviderProps, TOCItemType } from '@hanzo/docs/toc';
4
+ interface BreadcrumbOptions extends BreadcrumbProps {
5
+ enabled: boolean;
6
+ component: ReactNode;
7
+ }
8
+ interface FooterOptions extends FooterProps {
9
+ enabled: boolean;
10
+ component: ReactNode;
11
+ }
12
+ export interface DocsPageProps {
13
+ toc?: TOCItemType[];
14
+ tableOfContent?: Partial<TableOfContentOptions>;
15
+ tableOfContentPopover?: Partial<TableOfContentPopoverOptions>;
16
+ /**
17
+ * Extend the page to fill all available space
18
+ *
19
+ * @defaultValue false
20
+ */
21
+ full?: boolean;
22
+ /**
23
+ * Replace or disable breadcrumb
24
+ */
25
+ breadcrumb?: Partial<BreadcrumbOptions>;
26
+ /**
27
+ * Footer navigation, you can disable it by passing `false`
28
+ */
29
+ footer?: Partial<FooterOptions>;
30
+ children?: ReactNode;
31
+ }
32
+ type TableOfContentOptions = Pick<AnchorProviderProps, 'single'> & {
33
+ /**
34
+ * Custom content in TOC container, before the main TOC
35
+ */
36
+ header?: ReactNode;
37
+ /**
38
+ * Custom content in TOC container, after the main TOC
39
+ */
40
+ footer?: ReactNode;
41
+ enabled: boolean;
42
+ component: ReactNode;
43
+ /**
44
+ * @defaultValue 'normal'
45
+ */
46
+ style?: 'normal' | 'clerk';
47
+ };
48
+ type TableOfContentPopoverOptions = Omit<TableOfContentOptions, 'single'>;
49
+ export declare function DocsPage({ breadcrumb: { enabled: breadcrumbEnabled, component: breadcrumb, ...breadcrumbProps }, footer, full, tableOfContentPopover: { enabled: tocPopoverEnabled, component: tocPopover, ...tocPopoverOptions }, tableOfContent: { enabled: tocEnabled, component: tocReplace, ...tocOptions }, toc, children, }: DocsPageProps): ReactNode;
50
+ export declare function EditOnGitHub(props: ComponentProps<'a'>): import("react/jsx-runtime").JSX.Element;
51
+ /**
52
+ * Add typography styles
53
+ */
54
+ export declare function DocsBody({ children, className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
55
+ export declare function DocsDescription({ children, className, ...props }: ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element | null;
56
+ export declare function DocsTitle({ children, className, ...props }: ComponentProps<'h1'>): import("react/jsx-runtime").JSX.Element;
57
+ export { PageLastUpdate, PageBreadcrumb } from './client.js';
58
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/notebook/page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAMjB,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKxE,UAAU,iBAAkB,SAAQ,eAAe;IACjD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,aAAc,SAAQ,WAAW;IACzC,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,GAAG,CAAC,EAAE,WAAW,EAAE,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAChD,qBAAqB,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAE9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAExC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAEhC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,KAAK,qBAAqB,GAAG,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,GAAG;IACjE;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC5B,CAAC;AAEF,KAAK,4BAA4B,GAAG,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAC;AAE1E,wBAAgB,QAAQ,CAAC,EACvB,UAAU,EAAE,EACV,OAAO,EAAE,iBAAwB,EACjC,SAAS,EAAE,UAAU,EACrB,GAAG,eAAe,EACd,EACN,MAAW,EACX,IAAY,EACZ,qBAAqB,EAAE,EACrB,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,UAAU,EACrB,GAAG,iBAAiB,EAChB,EACN,cAAc,EAAE,EACd,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,UAAU,EACrB,GAAG,UAAU,EACT,EACN,GAAQ,EACR,QAAQ,GACT,EAAE,aAAa,aAkFf;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,2CAuBtD;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAMvB;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,GAAG,CAAC,kDAYrB;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,IAAI,CAAC,2CAMtB;AAED,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1,51 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { cn } from '@hanzo/ui/cn';
3
+ import { buttonVariants } from '../../../components/ui/button.js';
4
+ import { Edit, Text } from '@hanzo/ui/icons';
5
+ import { I18nLabel } from '../../../contexts/i18n.js';
6
+ import { PageBreadcrumb, PageFooter, PageTOCPopover, PageTOCPopoverContent, PageTOCPopoverTrigger, } from './client.js';
7
+ import * as TocDefault from '../../../components/toc/default.js';
8
+ import * as TocClerk from '../../../components/toc/clerk.js';
9
+ import { TOCProvider, TOCScrollArea } from '../../../components/toc/index.js';
10
+ export function DocsPage({ breadcrumb: { enabled: breadcrumbEnabled = true, component: breadcrumb, ...breadcrumbProps } = {}, footer = {}, full = false, tableOfContentPopover: { enabled: tocPopoverEnabled, component: tocPopover, ...tocPopoverOptions } = {}, tableOfContent: { enabled: tocEnabled, component: tocReplace, ...tocOptions } = {}, toc = [], children, }) {
11
+ // disable TOC on full mode, you can still enable it with `enabled` option.
12
+ tocEnabled ?? (tocEnabled = !full &&
13
+ (toc.length > 0 ||
14
+ tocOptions.footer !== undefined ||
15
+ tocOptions.header !== undefined));
16
+ tocPopoverEnabled ?? (tocPopoverEnabled = toc.length > 0 ||
17
+ tocPopoverOptions.header !== undefined ||
18
+ tocPopoverOptions.footer !== undefined);
19
+ let wrapper = (children) => children;
20
+ if (tocEnabled || tocPopoverEnabled) {
21
+ wrapper = (children) => (_jsx(TOCProvider, { single: tocOptions.single, toc: toc, children: children }));
22
+ }
23
+ return wrapper(_jsxs(_Fragment, { children: [tocPopoverEnabled &&
24
+ (tocPopover ?? (_jsxs(PageTOCPopover, { children: [_jsx(PageTOCPopoverTrigger, {}), _jsxs(PageTOCPopoverContent, { children: [tocPopoverOptions.header, _jsx(TOCScrollArea, { children: tocPopoverOptions.style === 'clerk' ? (_jsx(TocClerk.TOCItems, {})) : (_jsx(TocDefault.TOCItems, {})) }), tocPopoverOptions.footer] })] }))), _jsxs("article", { id: "nd-page", "data-full": full, className: cn('flex flex-col [grid-area:main] px-4 py-6 gap-4 md:px-6 md:pt-8 xl:px-8 xl:pt-14 *:max-w-[900px]', full && '*:max-w-[1285px]'), children: [breadcrumbEnabled &&
25
+ (breadcrumb ?? _jsx(PageBreadcrumb, { ...breadcrumbProps })), children, footer.enabled !== false &&
26
+ (footer.component ?? _jsx(PageFooter, { items: footer.items }))] }), tocEnabled &&
27
+ (tocReplace ?? (_jsxs("div", { id: "nd-toc", className: "sticky top-(--fd-docs-row-3) [grid-area:toc] h-[calc(var(--fd-docs-height)-var(--fd-docs-row-3))] flex flex-col w-(--fd-toc-width) pt-12 pe-4 pb-2 xl:layout:[--fd-toc-width:268px] max-xl:hidden", children: [tocOptions.header, _jsxs("h3", { id: "toc-title", className: "inline-flex items-center gap-1.5 text-sm text-fd-muted-foreground", children: [_jsx(Text, { className: "size-4" }), _jsx(I18nLabel, { label: "toc" })] }), _jsx(TOCScrollArea, { children: tocOptions.style === 'clerk' ? (_jsx(TocClerk.TOCItems, {})) : (_jsx(TocDefault.TOCItems, {})) }), tocOptions.footer] })))] }));
28
+ }
29
+ export function EditOnGitHub(props) {
30
+ return (_jsx("a", { target: "_blank", rel: "noreferrer noopener", ...props, className: cn(buttonVariants({
31
+ color: 'secondary',
32
+ size: 'sm',
33
+ className: 'gap-1.5 not-prose',
34
+ }), props.className), children: props.children ?? (_jsxs(_Fragment, { children: [_jsx(Edit, { className: "size-3.5" }), _jsx(I18nLabel, { label: "editOnGithub" })] })) }));
35
+ }
36
+ /**
37
+ * Add typography styles
38
+ */
39
+ export function DocsBody({ children, className, ...props }) {
40
+ return (_jsx("div", { ...props, className: cn('prose flex-1', className), children: children }));
41
+ }
42
+ export function DocsDescription({ children, className, ...props }) {
43
+ // Don't render if no description provided
44
+ if (children === undefined)
45
+ return null;
46
+ return (_jsx("p", { ...props, className: cn('mb-8 text-lg text-fd-muted-foreground', className), children: children }));
47
+ }
48
+ export function DocsTitle({ children, className, ...props }) {
49
+ return (_jsx("h1", { ...props, className: cn('text-[1.75em] font-semibold', className), children: children }));
50
+ }
51
+ export { PageLastUpdate, PageBreadcrumb } from './client.js';
@@ -0,0 +1,17 @@
1
+ import * as Base from '../../components/sidebar/base.js';
2
+ import { type ComponentProps } from 'react';
3
+ export declare const Sidebar: typeof Base.SidebarProvider, SidebarFolder: typeof Base.SidebarFolder, SidebarCollapseTrigger: typeof Base.SidebarCollapseTrigger, SidebarViewport: typeof Base.SidebarViewport, SidebarTrigger: typeof Base.SidebarTrigger;
4
+ export declare function SidebarContent({ ref: refProp, className, children, ...props }: ComponentProps<'aside'>): import("react/jsx-runtime").JSX.Element;
5
+ export declare function SidebarDrawer({ children, className, ...props }: ComponentProps<typeof Base.SidebarDrawerContent>): import("react/jsx-runtime").JSX.Element;
6
+ export declare function SidebarSeparator({ className, style, children, ...props }: ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
7
+ export declare function SidebarItem({ className, style, children, ...props }: ComponentProps<typeof Base.SidebarItem>): import("react/jsx-runtime").JSX.Element;
8
+ export declare function SidebarFolderTrigger({ className, style, ...props }: ComponentProps<typeof Base.SidebarFolderTrigger>): import("react/jsx-runtime").JSX.Element;
9
+ export declare function SidebarFolderLink({ className, style, ...props }: ComponentProps<typeof Base.SidebarFolderLink>): import("react/jsx-runtime").JSX.Element;
10
+ export declare function SidebarFolderContent({ className, children, ...props }: ComponentProps<typeof Base.SidebarFolderContent>): import("react/jsx-runtime").JSX.Element;
11
+ export declare const SidebarPageTree: (components: Partial<import("../../components/sidebar/page-tree.js").SidebarPageTreeComponents>) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const SidebarLinkItem: ({ item, ...props }: import("react").HTMLAttributes<HTMLElement> & {
13
+ item: Exclude<import("@hanzo/ui/link-item").LinkItemType, {
14
+ type: "icon";
15
+ }>;
16
+ }) => import("react/jsx-runtime").JSX.Element;
17
+ //# sourceMappingURL=sidebar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/layouts/notebook/sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,IAAI,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAE,KAAK,cAAc,EAAe,MAAM,OAAO,CAAC;AA2BzD,eAAO,MACY,OAAO,+BACxB,aAAa,6BACb,sBAAsB,sCACtB,eAAe,+BACf,cAAc,4BACR,CAAC;AAET,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EAAE,OAAO,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,CAAC,2CAgDzB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,oBAAoB,CAAC,2CAelD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,GAAG,CAAC,2CAerB;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,2CAkBzC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,oBAAoB,CAAC,2CAmBlD;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,iBAAiB,CAAC,2CAmB/C;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,oBAAoB,CAAC,2CAgBlD;AACD,eAAO,MAAM,eAAe,sIAO1B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;6CAM1B,CAAC"}
@@ -0,0 +1,91 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import * as Base from '../../components/sidebar/base.js';
4
+ import { cn } from '@hanzo/ui/cn';
5
+ import { use, useRef } from 'react';
6
+ import { cva } from 'class-variance-authority';
7
+ import { LayoutContext } from './client.js';
8
+ import { createPageTreeRenderer } from '../../components/sidebar/page-tree.js';
9
+ import { createLinkItemRenderer } from '../../components/sidebar/link-item.js';
10
+ import { mergeRefs } from '@hanzo/ui/merge-refs';
11
+ const itemVariants = cva('relative flex flex-row items-center gap-2 rounded-lg p-2 text-start text-fd-muted-foreground wrap-anywhere [&_svg]:size-4 [&_svg]:shrink-0', {
12
+ variants: {
13
+ variant: {
14
+ link: 'transition-colors hover:bg-fd-accent/50 hover:text-fd-accent-foreground/80 hover:transition-none data-[active=true]:bg-fd-primary/10 data-[active=true]:text-fd-primary data-[active=true]:hover:transition-colors',
15
+ button: 'transition-colors hover:bg-fd-accent/50 hover:text-fd-accent-foreground/80 hover:transition-none',
16
+ },
17
+ highlight: {
18
+ true: "data-[active=true]:before:content-[''] data-[active=true]:before:bg-fd-primary data-[active=true]:before:absolute data-[active=true]:before:w-px data-[active=true]:before:inset-y-2.5 data-[active=true]:before:start-2.5",
19
+ },
20
+ },
21
+ });
22
+ function getItemOffset(depth) {
23
+ return `calc(${2 + 3 * depth} * var(--spacing))`;
24
+ }
25
+ export const { SidebarProvider: Sidebar, SidebarFolder, SidebarCollapseTrigger, SidebarViewport, SidebarTrigger, } = Base;
26
+ export function SidebarContent({ ref: refProp, className, children, ...props }) {
27
+ const { navMode } = use(LayoutContext);
28
+ const ref = useRef(null);
29
+ return (_jsx(Base.SidebarContent, { children: ({ collapsed, hovered, ref: asideRef, ...rest }) => (_jsxs("div", { "data-sidebar-placeholder": "", className: cn('sticky z-20 [grid-area:sidebar] pointer-events-none *:pointer-events-auto md:layout:[--fd-sidebar-width:268px] max-md:hidden', navMode === 'auto'
30
+ ? 'top-(--fd-docs-row-1) h-[calc(var(--fd-docs-height)-var(--fd-docs-row-1))]'
31
+ : 'top-(--fd-docs-row-2) h-[calc(var(--fd-docs-height)-var(--fd-docs-row-2))]'), children: [collapsed && (_jsx("div", { className: "absolute start-0 inset-y-0 w-4", ...rest })), _jsx("aside", { id: "nd-sidebar", ref: mergeRefs(ref, refProp, asideRef), "data-collapsed": collapsed, "data-hovered": collapsed && hovered, className: cn('absolute flex flex-col w-full start-0 inset-y-0 items-end text-sm duration-250 *:w-(--fd-sidebar-width)', navMode === 'auto' && 'bg-fd-card border-e', collapsed && [
32
+ 'inset-y-2 rounded-xl bg-fd-card transition-transform border w-(--fd-sidebar-width)',
33
+ hovered
34
+ ? 'shadow-lg translate-x-2 rtl:-translate-x-2'
35
+ : '-translate-x-(--fd-sidebar-width) rtl:translate-x-full',
36
+ ], ref.current &&
37
+ (ref.current.getAttribute('data-collapsed') === 'true') !==
38
+ collapsed &&
39
+ 'transition-[width,inset-block,translate,background-color]', className), ...props, ...rest, children: children })] })) }));
40
+ }
41
+ export function SidebarDrawer({ children, className, ...props }) {
42
+ return (_jsxs(_Fragment, { children: [_jsx(Base.SidebarDrawerOverlay, { className: "fixed z-40 inset-0 backdrop-blur-xs data-[state=open]:animate-fd-fade-in data-[state=closed]:animate-fd-fade-out" }), _jsx(Base.SidebarDrawerContent, { className: cn('fixed text-[0.9375rem] flex flex-col shadow-lg border-s end-0 inset-y-0 w-[85%] max-w-[380px] z-40 bg-fd-background data-[state=open]:animate-fd-sidebar-in data-[state=closed]:animate-fd-sidebar-out', className), ...props, children: children })] }));
43
+ }
44
+ export function SidebarSeparator({ className, style, children, ...props }) {
45
+ const depth = Base.useFolderDepth();
46
+ return (_jsx(Base.SidebarSeparator, { className: cn('[&_svg]:size-4 [&_svg]:shrink-0', className), style: {
47
+ paddingInlineStart: getItemOffset(depth),
48
+ ...style,
49
+ }, ...props, children: children }));
50
+ }
51
+ export function SidebarItem({ className, style, children, ...props }) {
52
+ const depth = Base.useFolderDepth();
53
+ return (_jsx(Base.SidebarItem, { className: cn(itemVariants({ variant: 'link', highlight: depth >= 1 }), className), style: {
54
+ paddingInlineStart: getItemOffset(depth),
55
+ ...style,
56
+ }, ...props, children: children }));
57
+ }
58
+ export function SidebarFolderTrigger({ className, style, ...props }) {
59
+ const { depth, collapsible } = Base.useFolder();
60
+ return (_jsx(Base.SidebarFolderTrigger, { className: cn(itemVariants({ variant: collapsible ? 'button' : null }), 'w-full', className), style: {
61
+ paddingInlineStart: getItemOffset(depth - 1),
62
+ ...style,
63
+ }, ...props, children: props.children }));
64
+ }
65
+ export function SidebarFolderLink({ className, style, ...props }) {
66
+ const depth = Base.useFolderDepth();
67
+ return (_jsx(Base.SidebarFolderLink, { className: cn(itemVariants({ variant: 'link', highlight: depth > 1 }), 'w-full', className), style: {
68
+ paddingInlineStart: getItemOffset(depth - 1),
69
+ ...style,
70
+ }, ...props, children: props.children }));
71
+ }
72
+ export function SidebarFolderContent({ className, children, ...props }) {
73
+ const depth = Base.useFolderDepth();
74
+ return (_jsx(Base.SidebarFolderContent, { className: cn('relative', depth === 1 &&
75
+ "before:content-[''] before:absolute before:w-px before:inset-y-1 before:bg-fd-border before:start-2.5", className), ...props, children: children }));
76
+ }
77
+ export const SidebarPageTree = createPageTreeRenderer({
78
+ SidebarFolder,
79
+ SidebarFolderContent,
80
+ SidebarFolderLink,
81
+ SidebarFolderTrigger,
82
+ SidebarItem,
83
+ SidebarSeparator,
84
+ });
85
+ export const SidebarLinkItem = createLinkItemRenderer({
86
+ SidebarFolder,
87
+ SidebarFolderContent,
88
+ SidebarFolderLink,
89
+ SidebarFolderTrigger,
90
+ SidebarItem,
91
+ });
@@ -0,0 +1,57 @@
1
+ import type { ComponentProps, ReactNode } from 'react';
2
+ import type { I18nConfig } from '@hanzo/docs/i18n';
3
+ import type { LinkItemType } from '@hanzo/ui/link-item';
4
+ export interface NavOptions {
5
+ enabled: boolean;
6
+ component: ReactNode;
7
+ title?: ReactNode | ((props: ComponentProps<'a'>) => ReactNode);
8
+ /**
9
+ * Redirect url of title
10
+ * @defaultValue '/'
11
+ */
12
+ url?: string;
13
+ /**
14
+ * Use transparent background
15
+ *
16
+ * @defaultValue none
17
+ */
18
+ transparentMode?: 'always' | 'top' | 'none';
19
+ children?: ReactNode;
20
+ }
21
+ export interface BaseLayoutProps {
22
+ themeSwitch?: {
23
+ enabled?: boolean;
24
+ component?: ReactNode;
25
+ mode?: 'light-dark' | 'light-dark-system';
26
+ };
27
+ searchToggle?: Partial<{
28
+ enabled: boolean;
29
+ components: Partial<{
30
+ sm: ReactNode;
31
+ lg: ReactNode;
32
+ }>;
33
+ }>;
34
+ /**
35
+ * I18n options
36
+ *
37
+ * @defaultValue false
38
+ */
39
+ i18n?: boolean | I18nConfig;
40
+ /**
41
+ * GitHub url
42
+ */
43
+ githubUrl?: string;
44
+ links?: LinkItemType[];
45
+ /**
46
+ * Replace or disable navbar
47
+ */
48
+ nav?: Partial<NavOptions>;
49
+ children?: ReactNode;
50
+ }
51
+ /**
52
+ * Get link items with shortcuts
53
+ */
54
+ export declare function resolveLinkItems({ links, githubUrl, }: Pick<BaseLayoutProps, 'links' | 'githubUrl'>): LinkItemType[];
55
+ export declare function renderTitleNav({ title, url }: Partial<NavOptions>, props: ComponentProps<'a'>): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
56
+ export type * from '@hanzo/ui/link-item';
57
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/shared/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IAErB,KAAK,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,CAAC;IAEhE;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IAE5C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,IAAI,CAAC,EAAE,YAAY,GAAG,mBAAmB,CAAC;KAC3C,CAAC;IAEF,YAAY,CAAC,EAAE,OAAO,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,OAAO,CAAC;YAClB,EAAE,EAAE,SAAS,CAAC;YACd,EAAE,EAAE,SAAS,CAAC;SACf,CAAC,CAAC;KACJ,CAAC,CAAC;IAEH;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAE1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAU,EACV,SAAS,GACV,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,CAAC,GAAG,YAAY,EAAE,CAkB/D;AAED,wBAAgB,cAAc,CAC5B,EAAE,KAAK,EAAE,GAAS,EAAE,EAAE,OAAO,CAAC,UAAU,CAAC,EACzC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,2UAQ3B;AAED,mBAAmB,qBAAqB,CAAC"}
@@ -0,0 +1,23 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import Link from '@hanzo/docs/link';
3
+ /**
4
+ * Get link items with shortcuts
5
+ */
6
+ export function resolveLinkItems({ links = [], githubUrl, }) {
7
+ const result = [...links];
8
+ if (githubUrl)
9
+ result.push({
10
+ type: 'icon',
11
+ url: githubUrl,
12
+ text: 'Github',
13
+ label: 'GitHub',
14
+ icon: (_jsx("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) })),
15
+ external: true,
16
+ });
17
+ return result;
18
+ }
19
+ export function renderTitleNav({ title, url = '/' }, props) {
20
+ if (typeof title === 'function')
21
+ return title({ href: url, ...props });
22
+ return (_jsx(Link, { href: url, ...props, children: title }));
23
+ }
@@ -0,0 +1,5 @@
1
+ import type { ComponentProps } from 'react';
2
+ export type LanguageSelectProps = ComponentProps<'button'>;
3
+ export declare function LanguageToggle(props: LanguageSelectProps): React.ReactElement;
4
+ export declare function LanguageToggleText(props: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
5
+ //# sourceMappingURL=language-toggle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"language-toggle.d.ts","sourceRoot":"","sources":["../../../src/layouts/shared/language-toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAU5C,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE3D,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CA2C7E;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,2CAO/D"}
@@ -0,0 +1,24 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { useI18n } from '../../contexts/i18n.js';
4
+ import { Popover, PopoverContent, PopoverTrigger, } from '../../components/ui/popover.js';
5
+ import { cn } from '@hanzo/ui/cn';
6
+ import { buttonVariants } from '../../components/ui/button.js';
7
+ export function LanguageToggle(props) {
8
+ const context = useI18n();
9
+ if (!context.locales)
10
+ throw new Error('Missing `<I18nProvider />`');
11
+ return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { "aria-label": context.text.chooseLanguage, ...props, className: cn(buttonVariants({
12
+ color: 'ghost',
13
+ className: 'gap-1.5 p-1.5',
14
+ }), props.className), children: props.children }), _jsxs(PopoverContent, { className: "flex flex-col overflow-x-hidden p-0", children: [_jsx("p", { className: "mb-1 p-2 text-xs font-medium text-fd-muted-foreground", children: context.text.chooseLanguage }), context.locales.map((item) => (_jsx("button", { type: "button", className: cn('p-2 text-start text-sm', item.locale === context.locale
15
+ ? 'bg-fd-primary/10 font-medium text-fd-primary'
16
+ : 'hover:bg-fd-accent hover:text-fd-accent-foreground'), onClick: () => {
17
+ context.onChange?.(item.locale);
18
+ }, children: item.name }, item.locale)))] })] }));
19
+ }
20
+ export function LanguageToggleText(props) {
21
+ const context = useI18n();
22
+ const text = context.locales?.find((item) => item.locale === context.locale)?.name;
23
+ return _jsx("span", { ...props, children: text });
24
+ }
@@ -0,0 +1,11 @@
1
+ import type { ComponentProps } from 'react';
2
+ import { type ButtonProps } from '../../components/ui/button.js';
3
+ interface SearchToggleProps extends Omit<ComponentProps<'button'>, 'color'>, ButtonProps {
4
+ hideIfDisabled?: boolean;
5
+ }
6
+ export declare function SearchToggle({ hideIfDisabled, size, color, ...props }: SearchToggleProps): import("react/jsx-runtime").JSX.Element | null;
7
+ export declare function LargeSearchToggle({ hideIfDisabled, ...props }: ComponentProps<'button'> & {
8
+ hideIfDisabled?: boolean;
9
+ }): import("react/jsx-runtime").JSX.Element | null;
10
+ export {};
11
+ //# sourceMappingURL=search-toggle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search-toggle.d.ts","sourceRoot":"","sources":["../../../src/layouts/shared/search-toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,wBAAwB,CAAC;AAE1E,UAAU,iBACR,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,WAAW;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,cAAc,EACd,IAAgB,EAChB,KAAe,EACf,GAAG,KAAK,EACT,EAAE,iBAAiB,kDAuBnB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,cAAc,EACd,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,kDA6BA"}
@@ -0,0 +1,27 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { Search } from '@hanzo/ui/icons';
4
+ import { useSearchContext } from '../../contexts/search.js';
5
+ import { useI18n } from '../../contexts/i18n.js';
6
+ import { cn } from '@hanzo/ui/cn';
7
+ import { buttonVariants } from '../../components/ui/button.js';
8
+ export function SearchToggle({ hideIfDisabled, size = 'icon-sm', color = 'ghost', ...props }) {
9
+ const { setOpenSearch, enabled } = useSearchContext();
10
+ if (hideIfDisabled && !enabled)
11
+ return null;
12
+ return (_jsx("button", { type: "button", className: cn(buttonVariants({
13
+ size,
14
+ color,
15
+ }), props.className), "data-search": "", "aria-label": "Open Search", onClick: () => {
16
+ setOpenSearch(true);
17
+ }, children: _jsx(Search, {}) }));
18
+ }
19
+ export function LargeSearchToggle({ hideIfDisabled, ...props }) {
20
+ const { enabled, hotKey, setOpenSearch } = useSearchContext();
21
+ const { text } = useI18n();
22
+ if (hideIfDisabled && !enabled)
23
+ return null;
24
+ return (_jsxs("button", { type: "button", "data-search-full": "", ...props, className: cn('inline-flex items-center gap-2 rounded-lg border bg-fd-secondary/50 p-1.5 ps-2 text-sm text-fd-muted-foreground transition-colors hover:bg-fd-accent hover:text-fd-accent-foreground', props.className), onClick: () => {
25
+ setOpenSearch(true);
26
+ }, children: [_jsx(Search, { className: "size-4" }), text.search, _jsx("div", { className: "ms-auto inline-flex gap-0.5", children: hotKey.map((k, i) => (_jsx("kbd", { className: "rounded-md border bg-fd-background px-1.5", children: k.display }, i))) })] }));
27
+ }
@@ -0,0 +1,5 @@
1
+ import { ComponentProps } from 'react';
2
+ export declare function ThemeToggle({ className, mode, ...props }: ComponentProps<'div'> & {
3
+ mode?: 'light-dark' | 'light-dark-system';
4
+ }): import("react/jsx-runtime").JSX.Element;
5
+ //# sourceMappingURL=theme-toggle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../src/layouts/shared/theme-toggle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAqB5D,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,IAAmB,EACnB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IACzB,IAAI,CAAC,EAAE,YAAY,GAAG,mBAAmB,CAAC;CAC3C,2CAsDA"}
@@ -0,0 +1,38 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { cva } from 'class-variance-authority';
4
+ import { Airplay, Moon, Sun } from '@hanzo/ui/icons';
5
+ import { useTheme } from 'next-themes';
6
+ import { useEffect, useState } from 'react';
7
+ import { cn } from '@hanzo/ui/cn';
8
+ const itemVariants = cva('size-6.5 rounded-full p-1.5 text-fd-muted-foreground', {
9
+ variants: {
10
+ active: {
11
+ true: 'bg-fd-accent text-fd-accent-foreground',
12
+ false: 'text-fd-muted-foreground',
13
+ },
14
+ },
15
+ });
16
+ const full = [
17
+ ['light', Sun],
18
+ ['dark', Moon],
19
+ ['system', Airplay],
20
+ ];
21
+ export function ThemeToggle({ className, mode = 'light-dark', ...props }) {
22
+ const { setTheme, theme, resolvedTheme } = useTheme();
23
+ const [mounted, setMounted] = useState(false);
24
+ useEffect(() => {
25
+ setMounted(true);
26
+ }, []);
27
+ const container = cn('inline-flex items-center rounded-full border p-1', className);
28
+ if (mode === 'light-dark') {
29
+ const value = mounted ? resolvedTheme : null;
30
+ return (_jsx("button", { className: container, "aria-label": `Toggle Theme`, onClick: () => setTheme(value === 'light' ? 'dark' : 'light'), "data-theme-toggle": "", children: full.map(([key, Icon]) => {
31
+ if (key === 'system')
32
+ return;
33
+ return (_jsx(Icon, { fill: "currentColor", className: cn(itemVariants({ active: value === key })) }, key));
34
+ }) }));
35
+ }
36
+ const value = mounted ? theme : null;
37
+ return (_jsx("div", { className: container, "data-theme-toggle": "", ...props, children: full.map(([key, Icon]) => (_jsx("button", { "aria-label": key, className: cn(itemVariants({ active: value === key })), onClick: () => setTheme(key), children: _jsx(Icon, { className: "size-full", fill: "currentColor" }) }, key))) }));
38
+ }
package/dist/mdx.d.ts ADDED
@@ -0,0 +1,33 @@
1
+ import type { AnchorHTMLAttributes, FC, HTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from 'react';
2
+ import { Card, Cards } from './components/card.js';
3
+ import { Callout, CalloutContainer, CalloutDescription, CalloutTitle } from './components/callout.js';
4
+ import { CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger } from './components/codeblock.js';
5
+ declare function Image(props: ImgHTMLAttributes<HTMLImageElement> & {
6
+ sizes?: string;
7
+ }): import("react/jsx-runtime").JSX.Element;
8
+ declare function Table(props: TableHTMLAttributes<HTMLTableElement>): import("react/jsx-runtime").JSX.Element;
9
+ declare const defaultMdxComponents: {
10
+ CodeBlockTab: typeof CodeBlockTab;
11
+ CodeBlockTabs: typeof CodeBlockTabs;
12
+ CodeBlockTabsList: typeof CodeBlockTabsList;
13
+ CodeBlockTabsTrigger: typeof CodeBlockTabsTrigger;
14
+ pre: (props: HTMLAttributes<HTMLPreElement>) => import("react/jsx-runtime").JSX.Element;
15
+ Card: typeof Card;
16
+ Cards: typeof Cards;
17
+ a: FC<AnchorHTMLAttributes<HTMLAnchorElement>>;
18
+ img: typeof Image;
19
+ h1: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
20
+ h2: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
21
+ h3: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
22
+ h4: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
23
+ h5: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
24
+ h6: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
25
+ table: typeof Table;
26
+ Callout: typeof Callout;
27
+ CalloutContainer: typeof CalloutContainer;
28
+ CalloutTitle: typeof CalloutTitle;
29
+ CalloutDescription: typeof CalloutDescription;
30
+ };
31
+ export declare const createRelativeLink: typeof import('./mdx.server.js').createRelativeLink;
32
+ export { defaultMdxComponents as default };
33
+ //# sourceMappingURL=mdx.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mdx.d.ts","sourceRoot":"","sources":["../src/mdx.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,EAAE,EACF,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACL,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACb,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAEL,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EAErB,MAAM,wBAAwB,CAAC;AAEhC,iBAAS,KAAK,CACZ,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,GAAG;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,2CAUF;AAED,iBAAS,KAAK,CAAC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,2CAM1D;AAED,QAAA,MAAM,oBAAoB;;;;;iBAKX,cAAc,CAAC,cAAc,CAAC;;;OAOhC,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;;gBAE1C,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;;;;;;CAQ/C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,cAAc,cAAc,EAAE,kBAK5D,CAAC;AAEJ,OAAO,EAAE,oBAAoB,IAAI,OAAO,EAAE,CAAC"}
package/dist/mdx.js ADDED
@@ -0,0 +1,40 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import Link from '@hanzo/docs/link';
3
+ import { Image as FrameworkImage } from '@hanzo/docs/framework';
4
+ import { Card, Cards } from './components/card.js';
5
+ import { Callout, CalloutContainer, CalloutDescription, CalloutTitle, } from './components/callout.js';
6
+ import { Heading } from './components/heading.js';
7
+ import { cn } from '@hanzo/ui/cn';
8
+ import { CodeBlock, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre, } from './components/codeblock.js';
9
+ function Image(props) {
10
+ return (_jsx(FrameworkImage, { sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px", ...props, src: props.src, className: cn('rounded-lg', props.className) }));
11
+ }
12
+ function Table(props) {
13
+ return (_jsx("div", { className: "relative overflow-auto prose-no-margin my-6", children: _jsx("table", { ...props }) }));
14
+ }
15
+ const defaultMdxComponents = {
16
+ CodeBlockTab,
17
+ CodeBlockTabs,
18
+ CodeBlockTabsList,
19
+ CodeBlockTabsTrigger,
20
+ pre: (props) => (_jsx(CodeBlock, { ...props, children: _jsx(Pre, { children: props.children }) })),
21
+ Card,
22
+ Cards,
23
+ a: Link,
24
+ img: Image,
25
+ h1: (props) => (_jsx(Heading, { as: "h1", ...props })),
26
+ h2: (props) => (_jsx(Heading, { as: "h2", ...props })),
27
+ h3: (props) => (_jsx(Heading, { as: "h3", ...props })),
28
+ h4: (props) => (_jsx(Heading, { as: "h4", ...props })),
29
+ h5: (props) => (_jsx(Heading, { as: "h5", ...props })),
30
+ h6: (props) => (_jsx(Heading, { as: "h6", ...props })),
31
+ table: Table,
32
+ Callout,
33
+ CalloutContainer,
34
+ CalloutTitle,
35
+ CalloutDescription,
36
+ };
37
+ export const createRelativeLink = () => {
38
+ throw new Error('`createRelativeLink` is only supported in Node.js environment');
39
+ };
40
+ export { defaultMdxComponents as default };
@@ -0,0 +1,13 @@
1
+ import type { LoaderConfig, LoaderOutput, Page } from '@hanzo/docs/source';
2
+ import type { ComponentProps, FC } from 'react';
3
+ import defaultMdxComponents from './mdx.js';
4
+ /**
5
+ * Extend the default Link component to resolve relative file paths in `href`.
6
+ *
7
+ * @param page the current page
8
+ * @param source the source object
9
+ * @param OverrideLink The component to override from
10
+ */
11
+ export declare function createRelativeLink<C extends LoaderConfig>(source: LoaderOutput<C>, page: Page, OverrideLink?: FC<ComponentProps<'a'>>): FC<ComponentProps<'a'>>;
12
+ export { defaultMdxComponents as default };
13
+ //# sourceMappingURL=mdx.server.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mdx.server.d.ts","sourceRoot":"","sources":["../src/mdx.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,oBAAoB,MAAM,OAAO,CAAC;AAEzC;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,YAAY,EACvD,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EACvB,IAAI,EAAE,IAAI,EACV,YAAY,GAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,CAA0B,GAC7D,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CASzB;AAED,OAAO,EAAE,oBAAoB,IAAI,OAAO,EAAE,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import defaultMdxComponents from './mdx.js';
3
+ /**
4
+ * Extend the default Link component to resolve relative file paths in `href`.
5
+ *
6
+ * @param page the current page
7
+ * @param source the source object
8
+ * @param OverrideLink The component to override from
9
+ */
10
+ export function createRelativeLink(source, page, OverrideLink = defaultMdxComponents.a) {
11
+ return async function RelativeLink({ href, ...props }) {
12
+ return (_jsx(OverrideLink, { href: href ? source.resolveHref(href, page) : href, ...props }));
13
+ };
14
+ }
15
+ export { defaultMdxComponents as default };
package/dist/og.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from '@hanzo/ui/og/next';
2
+ //# sourceMappingURL=og.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"og.d.ts","sourceRoot":"","sources":["../src/og.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
package/dist/og.js ADDED
@@ -0,0 +1 @@
1
+ export * from '@hanzo/ui/og/next';
package/dist/page.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ import { type ComponentProps } from 'react';
2
+ import * as Docs from './layouts/docs/page/index.js';
3
+ export { DocsDescription, DocsTitle, EditOnGitHub, DocsBody, PageBreadcrumb, PageLastUpdate, } from './layouts/docs/page/index.js';
4
+ interface EditOnGitHubOptions extends Omit<ComponentProps<'a'>, 'href' | 'children'> {
5
+ owner: string;
6
+ repo: string;
7
+ /**
8
+ * SHA or ref (branch or tag) name.
9
+ *
10
+ * @defaultValue main
11
+ */
12
+ sha?: string;
13
+ /**
14
+ * File path in the repo
15
+ */
16
+ path: string;
17
+ }
18
+ export interface DocsPageProps extends Docs.DocsPageProps {
19
+ editOnGithub?: EditOnGitHubOptions;
20
+ lastUpdate?: Date | string | number;
21
+ }
22
+ /**
23
+ * For separate MDX page
24
+ */
25
+ export declare function withArticle(props: ComponentProps<'main'>): import("react/jsx-runtime").JSX.Element;
26
+ export declare function DocsPage({ lastUpdate, editOnGithub, children, ...props }: DocsPageProps): import("react/jsx-runtime").JSX.Element;
27
+ //# sourceMappingURL=page.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../src/page.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,IAAI,MAAM,qBAAqB,CAAC;AAM5C,OAAO,EACL,eAAe,EACf,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,cAAc,GACf,MAAM,qBAAqB,CAAC;AAE7B,UAAU,mBAAoB,SAAQ,IAAI,CACxC,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,UAAU,CACpB;IACC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,aAAa;IACvD,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,UAAU,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,2CAYxD;AAED,wBAAgB,QAAQ,CAAC,EACvB,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CAmBf"}