@hanzo/docs-radix-ui 16.4.3

package/dist/layouts/notebook/page/index.d.ts

@@ -0,0 +1,94 @@
+import { BreadcrumbProps, FooterProps, PageBreadcrumb, PageLastUpdate } from "./client.js";
+import * as react_jsx_runtime123 from "react/jsx-runtime";
+import { ComponentProps, ReactNode } from "react";
+import { AnchorProviderProps, TOCItemType } from "@hanzo/docs-core/toc";
+
+//#region src/layouts/notebook/page/index.d.ts
+interface BreadcrumbOptions extends BreadcrumbProps {
+  enabled: boolean;
+  component: ReactNode;
+}
+interface FooterOptions extends FooterProps {
+  enabled: boolean;
+  component: ReactNode;
+}
+interface DocsPageProps {
+  toc?: TOCItemType[];
+  tableOfContent?: Partial<TableOfContentOptions>;
+  tableOfContentPopover?: Partial<TableOfContentPopoverOptions>;
+  /**
+   * Extend the page to fill all available space
+   *
+   * @defaultValue false
+   */
+  full?: boolean;
+  /**
+   * Replace or disable breadcrumb
+   */
+  breadcrumb?: Partial<BreadcrumbOptions>;
+  /**
+   * Footer navigation, you can disable it by passing `false`
+   */
+  footer?: Partial<FooterOptions>;
+  children?: ReactNode;
+}
+type TableOfContentOptions = Pick<AnchorProviderProps, 'single'> & {
+  /**
+   * Custom content in TOC container, before the main TOC
+   */
+  header?: ReactNode;
+  /**
+   * Custom content in TOC container, after the main TOC
+   */
+  footer?: ReactNode;
+  enabled: boolean;
+  component: ReactNode;
+  /**
+   * @defaultValue 'normal'
+   */
+  style?: 'normal' | 'clerk';
+};
+type TableOfContentPopoverOptions = Omit<TableOfContentOptions, 'single'>;
+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;
+declare function EditOnGitHub(props: ComponentProps<'a'>): react_jsx_runtime123.JSX.Element;
+/**
+ * Add typography styles
+ */
+declare function DocsBody({
+  children,
+  className,
+  ...props
+}: ComponentProps<'div'>): react_jsx_runtime123.JSX.Element;
+declare function DocsDescription({
+  children,
+  className,
+  ...props
+}: ComponentProps<'p'>): react_jsx_runtime123.JSX.Element | null;
+declare function DocsTitle({
+  children,
+  className,
+  ...props
+}: ComponentProps<'h1'>): react_jsx_runtime123.JSX.Element;
+//#endregion
+export { DocsBody, DocsDescription, DocsPage, DocsPageProps, DocsTitle, EditOnGitHub, PageBreadcrumb, PageLastUpdate };
+//# sourceMappingURL=index.d.ts.map

package/dist/layouts/notebook/page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/layouts/notebook/page/index.tsx"],"sourcesContent":[],"mappings":";;;;;;UAmBU,iBAAA,SAA0B;;aAEvB;AAPgE;AAK1B,UAKzC,aAAA,SAAsB,WAEnB,CAFmB;EAKf,OAAA,EAAA,OAAa;EACtB,SAAA,EAJK,SAIL;;AACW,UAFF,aAAA,CAEE;EACe,GAAA,CAAA,EAF1B,WAE0B,EAAA;EAAR,cAAA,CAAA,EADP,OACO,CADC,qBACD,CAAA;EAYH,qBAAA,CAAA,EAZG,OAYH,CAZW,4BAYX,CAAA;EAAR;;;;;EAUV,IAAA,CAAA,EAAA,OAAA;EAA6B;;;EASvB,UAAA,CAAA,EAnBI,OAmBJ,CAnBY,iBAmBZ,CAAA;EAGE;;AAAS;EAUN,MAAA,CAAA,EA3BL,OA2Ba,CA3BL,aA2BK,CAAA;EACC,QAAA,CAAA,EA1BZ,SA0BY;;KAvBpB,qBAAA,GAAwB,IAwB3B,CAxBgC,mBAwBhC,EAAA,QAAA,CAAA,GAAA;EACA;;;EAM2B,MAAA,CAAA,EA3BlB,SA2BkB;EAAuB;;;EAGjD,MAAA,CAAA,EAzBQ,SAyBR;EAAa,OAAA,EAAA,OAAA;EAAA,SAAA,EAtBH,SAsBG;EA2EA;AA4BhB;;EAAqC,KAAA,CAAA,EAAA,QAAA,GAAA,OAAA;CAAuB;KArHvD,4BAAA,GAA+B,IAqH6C,CArHxC,qBAqHwC,EAAA,QAAA,CAAA;AAAA,iBAnHjE,QAAA,CAmHiE;EAAA,UAAA,EAAA;IAAA,OAAA,EAlHxD,iBAkHwD;IAAA,SAAA,EAlHnB,UAkHmB;IAAA,GAAA;EAAA,CAAA;EAAA,MAAA;EAAA,IAAA;EAAA,qBAAA,EAAA;IAAA,OAAA,EA9GpE,iBA8GoE;IAAA,SAAA,EA7GlE,UA6GkE;IAAA,GAAA;EAAA,CAAA;EAAA,cAAA,EAAA;IAAA,OAAA,EA1GpD,UA0GoD;IAAA,SAAA,EA1G7B,UA0G6B;IAAA,GAAA;EAAA,CAAA;EAAA,GAAA;EAAA;AAAA,CAAA,EAvG9E,aAuG8E,CAAA,EAvGjE,SAuGiE;AAQjE,iBApCA,YAAA,CAoCe,KAAA,EApCK,cAoCL,CAAA,GAAA,CAAA,CAAA,EApCwB,oBAAA,CAAA,GAAA,CAAA,OAoCxB;;;;AAAuD,iBARtE,QAAA,CAQsE;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAR1B,cAQ0B,CAAA,KAAA,CAAA,CAAA,EARL,oBAAA,CAAA,GAAA,CAAA,OAQK;AAAA,iBAAtE,eAAA,CAAsE;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAAnB,cAAmB,CAAA,GAAA,CAAA,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,IAAA;AAWtE,iBAAA,SAAA,CAAS;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAAoC,cAApC,CAAA,IAAA,CAAA,CAAA,EAAwD,oBAAA,CAAA,GAAA,CAAA,OAAxD"}

package/dist/layouts/notebook/page/index.js

@@ -0,0 +1,104 @@
+import { __exportAll } from "../../../_virtual/rolldown_runtime.js";
+import { buttonVariants } from "../../../components/ui/button.js";
+import { i18n_exports } from "../../../contexts/i18n.js";
+import { toc_exports } from "../../../components/toc/index.js";
+import { default_exports } from "../../../components/toc/default.js";
+import { clerk_exports } from "../../../components/toc/clerk.js";
+import { PageBreadcrumb, PageFooter, PageLastUpdate, PageTOCPopover, PageTOCPopoverContent, PageTOCPopoverTrigger } from "./client.js";
+import { cn } from "@hanzo/docs-ui/cn";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Edit, Text } from "lucide-react";
+
+//#region src/layouts/notebook/page/index.tsx
+var page_exports = /* @__PURE__ */ __exportAll({
+	DocsBody: () => DocsBody,
+	DocsDescription: () => DocsDescription,
+	DocsPage: () => DocsPage,
+	DocsTitle: () => DocsTitle,
+	EditOnGitHub: () => EditOnGitHub,
+	PageBreadcrumb: () => PageBreadcrumb,
+	PageLastUpdate: () => PageLastUpdate
+});
+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 }) {
+	tocEnabled ??= !full && (toc.length > 0 || tocOptions.footer !== void 0 || tocOptions.header !== void 0);
+	tocPopoverEnabled ??= toc.length > 0 || tocPopoverOptions.header !== void 0 || tocPopoverOptions.footer !== void 0;
+	let wrapper = (children$1) => children$1;
+	if (tocEnabled || tocPopoverEnabled) wrapper = (children$1) => /* @__PURE__ */ jsx(toc_exports.TOCProvider, {
+		single: tocOptions.single,
+		toc,
+		children: children$1
+	});
+	return wrapper(/* @__PURE__ */ jsxs(Fragment, { children: [
+		tocPopoverEnabled && (tocPopover ?? /* @__PURE__ */ jsxs(PageTOCPopover, { children: [/* @__PURE__ */ jsx(PageTOCPopoverTrigger, {}), /* @__PURE__ */ jsxs(PageTOCPopoverContent, { children: [
+			tocPopoverOptions.header,
+			/* @__PURE__ */ jsx(toc_exports.TOCScrollArea, { children: tocPopoverOptions.style === "clerk" ? /* @__PURE__ */ jsx(clerk_exports.TOCItems, {}) : /* @__PURE__ */ jsx(default_exports.TOCItems, {}) }),
+			tocPopoverOptions.footer
+		] })] })),
+		/* @__PURE__ */ 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 && (breadcrumb ?? /* @__PURE__ */ jsx(PageBreadcrumb, { ...breadcrumbProps })),
+				children,
+				footer.enabled !== false && (footer.component ?? /* @__PURE__ */ jsx(PageFooter, { items: footer.items }))
+			]
+		}),
+		tocEnabled && (tocReplace ?? /* @__PURE__ */ 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,
+				/* @__PURE__ */ jsxs("h3", {
+					id: "toc-title",
+					className: "inline-flex items-center gap-1.5 text-sm text-fd-muted-foreground",
+					children: [/* @__PURE__ */ jsx(Text, { className: "size-4" }), /* @__PURE__ */ jsx(i18n_exports.I18nLabel, { label: "toc" })]
+				}),
+				/* @__PURE__ */ jsx(toc_exports.TOCScrollArea, { children: tocOptions.style === "clerk" ? /* @__PURE__ */ jsx(clerk_exports.TOCItems, {}) : /* @__PURE__ */ jsx(default_exports.TOCItems, {}) }),
+				tocOptions.footer
+			]
+		}))
+	] }));
+}
+function EditOnGitHub(props) {
+	return /* @__PURE__ */ jsx("a", {
+		target: "_blank",
+		rel: "noreferrer noopener",
+		...props,
+		className: cn(buttonVariants({
+			color: "secondary",
+			size: "sm",
+			className: "gap-1.5 not-prose"
+		}), props.className),
+		children: props.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Edit, { className: "size-3.5" }), /* @__PURE__ */ jsx(i18n_exports.I18nLabel, { label: "editOnGithub" })] })
+	});
+}
+/**
+* Add typography styles
+*/
+function DocsBody({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("prose flex-1", className),
+		children
+	});
+}
+function DocsDescription({ children, className, ...props }) {
+	if (children === void 0) return null;
+	return /* @__PURE__ */ jsx("p", {
+		...props,
+		className: cn("mb-8 text-lg text-fd-muted-foreground", className),
+		children
+	});
+}
+function DocsTitle({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("h1", {
+		...props,
+		className: cn("text-[1.75em] font-semibold", className),
+		children
+	});
+}
+
+//#endregion
+export { DocsBody, DocsDescription, DocsPage, DocsTitle, EditOnGitHub, PageBreadcrumb, PageLastUpdate, page_exports };
+//# sourceMappingURL=index.js.map

package/dist/layouts/notebook/page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["children","TOCProvider","TOCScrollArea","TocClerk","TocDefault","I18nLabel"],"sources":["../../../../src/layouts/notebook/page/index.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport { buttonVariants } from '@/components/ui/button';\nimport { Edit, Text } from 'lucide-react';\nimport { I18nLabel } from '@/contexts/i18n';\nimport {\n  type BreadcrumbProps,\n  type FooterProps,\n  PageBreadcrumb,\n  PageFooter,\n  PageTOCPopover,\n  PageTOCPopoverContent,\n  PageTOCPopoverTrigger,\n} from './client';\nimport type { AnchorProviderProps, TOCItemType } from '@hanzo/docs-core/toc';\nimport * as TocDefault from '@/components/toc/default';\nimport * as TocClerk from '@/components/toc/clerk';\nimport { TOCProvider, TOCScrollArea } from '@/components/toc';\n\ninterface BreadcrumbOptions extends BreadcrumbProps {\n  enabled: boolean;\n  component: ReactNode;\n}\n\ninterface FooterOptions extends FooterProps {\n  enabled: boolean;\n  component: ReactNode;\n}\n\nexport interface DocsPageProps {\n  toc?: TOCItemType[];\n  tableOfContent?: Partial<TableOfContentOptions>;\n  tableOfContentPopover?: Partial<TableOfContentPopoverOptions>;\n\n  /**\n   * Extend the page to fill all available space\n   *\n   * @defaultValue false\n   */\n  full?: boolean;\n\n  /**\n   * Replace or disable breadcrumb\n   */\n  breadcrumb?: Partial<BreadcrumbOptions>;\n\n  /**\n   * Footer navigation, you can disable it by passing `false`\n   */\n  footer?: Partial<FooterOptions>;\n\n  children?: ReactNode;\n}\n\ntype TableOfContentOptions = Pick<AnchorProviderProps, 'single'> & {\n  /**\n   * Custom content in TOC container, before the main TOC\n   */\n  header?: ReactNode;\n\n  /**\n   * Custom content in TOC container, after the main TOC\n   */\n  footer?: ReactNode;\n\n  enabled: boolean;\n  component: ReactNode;\n\n  /**\n   * @defaultValue 'normal'\n   */\n  style?: 'normal' | 'clerk';\n};\n\ntype TableOfContentPopoverOptions = Omit<TableOfContentOptions, 'single'>;\n\nexport function DocsPage({\n  breadcrumb: { enabled: breadcrumbEnabled = true, component: breadcrumb, ...breadcrumbProps } = {},\n  footer = {},\n  full = false,\n  tableOfContentPopover: {\n    enabled: tocPopoverEnabled,\n    component: tocPopover,\n    ...tocPopoverOptions\n  } = {},\n  tableOfContent: { enabled: tocEnabled, component: tocReplace, ...tocOptions } = {},\n  toc = [],\n  children,\n}: DocsPageProps) {\n  // disable TOC on full mode, you can still enable it with `enabled` option.\n  tocEnabled ??=\n    !full && (toc.length > 0 || tocOptions.footer !== undefined || tocOptions.header !== undefined);\n\n  tocPopoverEnabled ??=\n    toc.length > 0 ||\n    tocPopoverOptions.header !== undefined ||\n    tocPopoverOptions.footer !== undefined;\n\n  let wrapper = (children: ReactNode) => children;\n\n  if (tocEnabled || tocPopoverEnabled) {\n    wrapper = (children) => (\n      <TOCProvider single={tocOptions.single} toc={toc}>\n        {children}\n      </TOCProvider>\n    );\n  }\n\n  return wrapper(\n    <>\n      {tocPopoverEnabled &&\n        (tocPopover ?? (\n          <PageTOCPopover>\n            <PageTOCPopoverTrigger />\n            <PageTOCPopoverContent>\n              {tocPopoverOptions.header}\n              <TOCScrollArea>\n                {tocPopoverOptions.style === 'clerk' ? (\n                  <TocClerk.TOCItems />\n                ) : (\n                  <TocDefault.TOCItems />\n                )}\n              </TOCScrollArea>\n              {tocPopoverOptions.footer}\n            </PageTOCPopoverContent>\n          </PageTOCPopover>\n        ))}\n      <article\n        id=\"nd-page\"\n        data-full={full}\n        className={cn(\n          '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]',\n          full && '*:max-w-[1285px]',\n        )}\n      >\n        {breadcrumbEnabled && (breadcrumb ?? <PageBreadcrumb {...breadcrumbProps} />)}\n        {children}\n        {footer.enabled !== false && (footer.component ?? <PageFooter items={footer.items} />)}\n      </article>\n      {tocEnabled &&\n        (tocReplace ?? (\n          <div\n            id=\"nd-toc\"\n            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\"\n          >\n            {tocOptions.header}\n            <h3\n              id=\"toc-title\"\n              className=\"inline-flex items-center gap-1.5 text-sm text-fd-muted-foreground\"\n            >\n              <Text className=\"size-4\" />\n              <I18nLabel label=\"toc\" />\n            </h3>\n            <TOCScrollArea>\n              {tocOptions.style === 'clerk' ? <TocClerk.TOCItems /> : <TocDefault.TOCItems />}\n            </TOCScrollArea>\n            {tocOptions.footer}\n          </div>\n        ))}\n    </>,\n  );\n}\n\nexport function EditOnGitHub(props: ComponentProps<'a'>) {\n  return (\n    <a\n      target=\"_blank\"\n      rel=\"noreferrer noopener\"\n      {...props}\n      className={cn(\n        buttonVariants({\n          color: 'secondary',\n          size: 'sm',\n          className: 'gap-1.5 not-prose',\n        }),\n        props.className,\n      )}\n    >\n      {props.children ?? (\n        <>\n          <Edit className=\"size-3.5\" />\n          <I18nLabel label=\"editOnGithub\" />\n        </>\n      )}\n    </a>\n  );\n}\n\n/**\n * Add typography styles\n */\nexport function DocsBody({ children, className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div {...props} className={cn('prose flex-1', className)}>\n      {children}\n    </div>\n  );\n}\n\nexport function DocsDescription({ children, className, ...props }: ComponentProps<'p'>) {\n  // Don't render if no description provided\n  if (children === undefined) return null;\n\n  return (\n    <p {...props} className={cn('mb-8 text-lg text-fd-muted-foreground', className)}>\n      {children}\n    </p>\n  );\n}\n\nexport function DocsTitle({ children, className, ...props }: ComponentProps<'h1'>) {\n  return (\n    <h1 {...props} className={cn('text-[1.75em] font-semibold', className)}>\n      {children}\n    </h1>\n  );\n}\n\nexport { PageLastUpdate, PageBreadcrumb } from './client';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4EA,SAAgB,SAAS,EACvB,YAAY,EAAE,SAAS,oBAAoB,MAAM,WAAW,YAAY,GAAG,oBAAoB,EAAE,EACjG,SAAS,EAAE,EACX,OAAO,OACP,uBAAuB,EACrB,SAAS,mBACT,WAAW,YACX,GAAG,sBACD,EAAE,EACN,gBAAgB,EAAE,SAAS,YAAY,WAAW,YAAY,GAAG,eAAe,EAAE,EAClF,MAAM,EAAE,EACR,YACgB;AAEhB,gBACE,CAAC,SAAS,IAAI,SAAS,KAAK,WAAW,WAAW,UAAa,WAAW,WAAW;AAEvF,uBACE,IAAI,SAAS,KACb,kBAAkB,WAAW,UAC7B,kBAAkB,WAAW;CAE/B,IAAI,WAAW,eAAwBA;AAEvC,KAAI,cAAc,kBAChB,YAAW,eACT,oBAACC;EAAY,QAAQ,WAAW;EAAa;YAC1CD;GACW;AAIlB,QAAO,QACL;EACG,sBACE,cACC,qBAAC,6BACC,oBAAC,0BAAwB,EACzB,qBAAC;GACE,kBAAkB;GACnB,oBAACE,uCACE,kBAAkB,UAAU,UAC3B,oBAACC,cAAS,aAAW,GAErB,oBAACC,gBAAW,aAAW,GAEX;GACf,kBAAkB;MACG,IACT;EAErB,qBAAC;GACC,IAAG;GACH,aAAW;GACX,WAAW,GACT,mGACA,QAAQ,mBACT;;IAEA,sBAAsB,cAAc,oBAAC,kBAAe,GAAI,kBAAmB;IAC3E;IACA,OAAO,YAAY,UAAU,OAAO,aAAa,oBAAC,cAAW,OAAO,OAAO,QAAS;;IAC7E;EACT,eACE,cACC,qBAAC;GACC,IAAG;GACH,WAAU;;IAET,WAAW;IACZ,qBAAC;KACC,IAAG;KACH,WAAU;gBAEV,oBAAC,QAAK,WAAU,WAAW,EAC3B,oBAACC,0BAAU,OAAM,QAAQ;MACtB;IACL,oBAACH,uCACE,WAAW,UAAU,UAAU,oBAACC,cAAS,aAAW,GAAG,oBAACC,gBAAW,aAAW,GACjE;IACf,WAAW;;IACR;KAET,CACJ;;AAGH,SAAgB,aAAa,OAA4B;AACvD,QACE,oBAAC;EACC,QAAO;EACP,KAAI;EACJ,GAAI;EACJ,WAAW,GACT,eAAe;GACb,OAAO;GACP,MAAM;GACN,WAAW;GACZ,CAAC,EACF,MAAM,UACP;YAEA,MAAM,YACL,4CACE,oBAAC,QAAK,WAAU,aAAa,EAC7B,oBAACC,0BAAU,OAAM,iBAAiB,IACjC;GAEH;;;;;AAOR,SAAgB,SAAS,EAAE,UAAU,WAAW,GAAG,SAAgC;AACjF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,gBAAgB,UAAU;EACrD;GACG;;AAIV,SAAgB,gBAAgB,EAAE,UAAU,WAAW,GAAG,SAA8B;AAEtF,KAAI,aAAa,OAAW,QAAO;AAEnC,QACE,oBAAC;EAAE,GAAI;EAAO,WAAW,GAAG,yCAAyC,UAAU;EAC5E;GACC;;AAIR,SAAgB,UAAU,EAAE,UAAU,WAAW,GAAG,SAA+B;AACjF,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,+BAA+B,UAAU;EACnE;GACE"}

package/dist/layouts/notebook/sidebar.d.ts

@@ -0,0 +1,63 @@
+import { SidebarCollapseTrigger as SidebarCollapseTrigger$1, SidebarDrawerContent, SidebarFolder as SidebarFolder$1, SidebarFolderContent as SidebarFolderContent$1, SidebarFolderLink as SidebarFolderLink$1, SidebarFolderTrigger as SidebarFolderTrigger$1, SidebarItem as SidebarItem$1, SidebarProvider, SidebarTrigger as SidebarTrigger$1, SidebarViewport as SidebarViewport$1 } from "../../components/sidebar/base.js";
+import { SidebarPageTreeComponents } from "../../components/sidebar/page-tree.js";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
+import * as react12 from "react";
+import { ComponentProps } from "react";
+import * as _hanzo_docs_ui_link_item0 from "@hanzo/docs-ui/link-item";
+
+//#region src/layouts/notebook/sidebar.d.ts
+declare function Sidebar(props: ComponentProps<typeof SidebarProvider>): react_jsx_runtime59.JSX.Element;
+declare function SidebarFolder(props: ComponentProps<typeof SidebarFolder$1>): react_jsx_runtime59.JSX.Element;
+declare function SidebarCollapseTrigger(props: ComponentProps<typeof SidebarCollapseTrigger$1>): react_jsx_runtime59.JSX.Element;
+declare function SidebarViewport(props: ComponentProps<typeof SidebarViewport$1>): react_jsx_runtime59.JSX.Element;
+declare function SidebarTrigger(props: ComponentProps<typeof SidebarTrigger$1>): react_jsx_runtime59.JSX.Element;
+declare function SidebarContent({
+  ref: refProp,
+  className,
+  children,
+  ...props
+}: ComponentProps<'aside'>): react_jsx_runtime59.JSX.Element;
+declare function SidebarDrawer({
+  children,
+  className,
+  ...props
+}: ComponentProps<typeof SidebarDrawerContent>): react_jsx_runtime59.JSX.Element;
+declare function SidebarSeparator({
+  className,
+  style,
+  children,
+  ...props
+}: ComponentProps<'p'>): react_jsx_runtime59.JSX.Element;
+declare function SidebarItem({
+  className,
+  style,
+  children,
+  ...props
+}: ComponentProps<typeof SidebarItem$1>): react_jsx_runtime59.JSX.Element;
+declare function SidebarFolderTrigger({
+  className,
+  style,
+  ...props
+}: ComponentProps<typeof SidebarFolderTrigger$1>): react_jsx_runtime59.JSX.Element;
+declare function SidebarFolderLink({
+  className,
+  style,
+  ...props
+}: ComponentProps<typeof SidebarFolderLink$1>): react_jsx_runtime59.JSX.Element;
+declare function SidebarFolderContent({
+  className,
+  children,
+  ...props
+}: ComponentProps<typeof SidebarFolderContent$1>): react_jsx_runtime59.JSX.Element;
+declare const SidebarPageTree: (components: Partial<SidebarPageTreeComponents>) => react_jsx_runtime59.JSX.Element;
+declare const SidebarLinkItem: ({
+  item,
+  ...props
+}: react12.HTMLAttributes<HTMLElement> & {
+  item: Exclude<_hanzo_docs_ui_link_item0.LinkItemType, {
+    type: "icon";
+  }>;
+}) => react_jsx_runtime59.JSX.Element;
+//#endregion
+export { Sidebar, SidebarCollapseTrigger, SidebarContent, SidebarDrawer, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarLinkItem, SidebarPageTree, SidebarSeparator, SidebarTrigger, SidebarViewport };
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/layouts/notebook/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","names":[],"sources":["../../../src/layouts/notebook/sidebar.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBA8BgB,OAAA,QAAe,sBAAsB,mBAAqB,mBAAA,CAAA,GAAA,CAAA;iBAI1D,aAAA,QAAqB,sBAAsB,mBAAmB,mBAAA,CAAA,GAAA,CAAA;iBAI9D,sBAAA,QAA8B,sBAAsB,4BAA4B,mBAAA,CAAA,GAAA,CAAA;iBAIhF,eAAA,QAAuB,sBAAsB,qBAAqB,mBAAA,CAAA,GAAA,CAAA;iBAIlE,cAAA,QAAsB,sBAAsB,oBAAoB,mBAAA,CAAA,GAAA,CAAA;iBAIhE,cAAA;OACT;;;;GAIJ,0BAAuB,mBAAA,CAAA,GAAA,CAAA;AAzBV,iBAwEA,aAAA,CAxEO;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4EpB,cA5EoB,CAAA,OA4EE,oBA5EF,CAAA,CAAA,EA4E4B,mBAAA,CAAA,GAAA,CAAA,OA5E5B;AAA8B,iBA6FrC,gBAAA,CA7FqC;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA6FsB,cA7FtB,CAAA,GAAA,CAAA,CAAA,EA6FyC,mBAAA,CAAA,GAAA,CAAA,OA7FzC;AAAtB,iBA8Gf,WAAA,CA9Ge;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAmH5B,cAnH4B,CAAA,OAmHN,aAnHM,CAAA,CAAA,EAmHW,mBAAA,CAAA,GAAA,CAAA,OAnHX;AAA2C,iBAoI1D,oBAAA,CApI0D;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAwIvE,cAxIuE,CAAA,OAwIjD,sBAxIiD,CAAA,CAAA,EAwIvB,mBAAA,CAAA,GAAA,CAAA,OAxIuB;AAAA,iBAyJ1D,iBAAA,CAzJ0D;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EA6JvE,cA7JuE,CAAA,OA6JjD,mBA7JiD,CAAA,CAAA,EA6J1B,mBAAA,CAAA,GAAA,CAAA,OA7J0B;AAI1D,iBA0KA,oBAAA,CA1Ka;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA8K1B,cA9K0B,CAAA,OA8KJ,sBA9KI,CAAA,CAAA,EA8KsB,mBAAA,CAAA,GAAA,CAAA,OA9KtB;AAA8B,cA+L9C,eA/L8C,EAAA,CAAA,UAAA,EA+L/B,OA/L+B,CAsMzD,yBAAA,CAtMyD,EAAA,GA+L/B,mBAAA,CAAA,GAAA,CAAA,OA/L+B;AAAtB,cAwMxB,eAxMwB,EAAA,CAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAwMT,OAAA,CAAA,cAxMS,CAwMT,WAxMS,CAAA,GAAA;EAAyC,IAAA,SAAA,CAwMlD,yBAAA,CAAA,YAAA,EAxMkD;IAAA,IAAA,EAAA,MAAA;EAI9D,CAAA,CAAA;CAAoD,EAAA,kCAAA"}

package/dist/layouts/notebook/sidebar.js

@@ -0,0 +1,147 @@
+'use client';
+
+import { SidebarCollapseTrigger as SidebarCollapseTrigger$1, SidebarContent as SidebarContent$1, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder as SidebarFolder$1, SidebarFolderContent as SidebarFolderContent$1, SidebarFolderLink as SidebarFolderLink$1, SidebarFolderTrigger as SidebarFolderTrigger$1, SidebarItem as SidebarItem$1, SidebarProvider, SidebarSeparator as SidebarSeparator$1, SidebarTrigger as SidebarTrigger$1, SidebarViewport as SidebarViewport$1, useFolder, useFolderDepth } from "../../components/sidebar/base.js";
+import { LayoutContext } from "./client.js";
+import { createLinkItemRenderer } from "../../components/sidebar/link-item.js";
+import { createPageTreeRenderer } from "../../components/sidebar/page-tree.js";
+import { cn } from "@hanzo/docs-ui/cn";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { use, useRef } from "react";
+import { cva } from "class-variance-authority";
+import { mergeRefs } from "@hanzo/docs-ui/merge-refs";
+
+//#region src/layouts/notebook/sidebar.tsx
+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", { variants: {
+	variant: {
+		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",
+		button: "transition-colors hover:bg-fd-accent/50 hover:text-fd-accent-foreground/80 hover:transition-none"
+	},
+	highlight: { 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" }
+} });
+function getItemOffset(depth) {
+	return `calc(${2 + 3 * depth} * var(--spacing))`;
+}
+function Sidebar(props) {
+	return /* @__PURE__ */ jsx(SidebarProvider, { ...props });
+}
+function SidebarFolder(props) {
+	return /* @__PURE__ */ jsx(SidebarFolder$1, { ...props });
+}
+function SidebarCollapseTrigger(props) {
+	return /* @__PURE__ */ jsx(SidebarCollapseTrigger$1, { ...props });
+}
+function SidebarViewport(props) {
+	return /* @__PURE__ */ jsx(SidebarViewport$1, { ...props });
+}
+function SidebarTrigger(props) {
+	return /* @__PURE__ */ jsx(SidebarTrigger$1, { ...props });
+}
+function SidebarContent({ ref: refProp, className, children, ...props }) {
+	const { navMode } = use(LayoutContext);
+	const ref = useRef(null);
+	return /* @__PURE__ */ jsx(SidebarContent$1, { children: ({ collapsed, hovered, ref: asideRef, ...rest }) => /* @__PURE__ */ 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" ? "top-(--fd-docs-row-1) h-[calc(var(--fd-docs-height)-var(--fd-docs-row-1))]" : "top-(--fd-docs-row-2) h-[calc(var(--fd-docs-height)-var(--fd-docs-row-2))]"),
+		children: [collapsed && /* @__PURE__ */ jsx("div", {
+			className: "absolute start-0 inset-y-0 w-4",
+			...rest
+		}), /* @__PURE__ */ 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 && ["inset-y-2 rounded-xl bg-fd-card transition-transform border w-(--fd-sidebar-width)", hovered ? "shadow-lg translate-x-2 rtl:-translate-x-2" : "-translate-x-(--fd-sidebar-width) rtl:translate-x-full"], ref.current && ref.current.getAttribute("data-collapsed") === "true" !== collapsed && "transition-[width,inset-block,translate,background-color]", className),
+			...props,
+			...rest,
+			children
+		})]
+	}) });
+}
+function SidebarDrawer({ children, className, ...props }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SidebarDrawerOverlay, { className: "fixed z-40 inset-0 backdrop-blur-xs data-[state=open]:animate-fd-fade-in data-[state=closed]:animate-fd-fade-out" }), /* @__PURE__ */ jsx(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
+	})] });
+}
+function SidebarSeparator({ className, style, children, ...props }) {
+	const depth = useFolderDepth();
+	return /* @__PURE__ */ jsx(SidebarSeparator$1, {
+		className: cn("[&_svg]:size-4 [&_svg]:shrink-0", className),
+		style: {
+			paddingInlineStart: getItemOffset(depth),
+			...style
+		},
+		...props,
+		children
+	});
+}
+function SidebarItem({ className, style, children, ...props }) {
+	const depth = useFolderDepth();
+	return /* @__PURE__ */ jsx(SidebarItem$1, {
+		className: cn(itemVariants({
+			variant: "link",
+			highlight: depth >= 1
+		}), className),
+		style: {
+			paddingInlineStart: getItemOffset(depth),
+			...style
+		},
+		...props,
+		children
+	});
+}
+function SidebarFolderTrigger({ className, style, ...props }) {
+	const { depth, collapsible } = useFolder();
+	return /* @__PURE__ */ jsx(SidebarFolderTrigger$1, {
+		className: cn(itemVariants({ variant: collapsible ? "button" : null }), "w-full", className),
+		style: {
+			paddingInlineStart: getItemOffset(depth - 1),
+			...style
+		},
+		...props,
+		children: props.children
+	});
+}
+function SidebarFolderLink({ className, style, ...props }) {
+	const depth = useFolderDepth();
+	return /* @__PURE__ */ jsx(SidebarFolderLink$1, {
+		className: cn(itemVariants({
+			variant: "link",
+			highlight: depth > 1
+		}), "w-full", className),
+		style: {
+			paddingInlineStart: getItemOffset(depth - 1),
+			...style
+		},
+		...props,
+		children: props.children
+	});
+}
+function SidebarFolderContent({ className, children, ...props }) {
+	const depth = useFolderDepth();
+	return /* @__PURE__ */ jsx(SidebarFolderContent$1, {
+		className: cn("relative", depth === 1 && "before:content-[''] before:absolute before:w-px before:inset-y-1 before:bg-fd-border before:start-2.5", className),
+		...props,
+		children
+	});
+}
+const SidebarPageTree = createPageTreeRenderer({
+	SidebarFolder,
+	SidebarFolderContent,
+	SidebarFolderLink,
+	SidebarFolderTrigger,
+	SidebarItem,
+	SidebarSeparator
+});
+const SidebarLinkItem = createLinkItemRenderer({
+	SidebarFolder,
+	SidebarFolderContent,
+	SidebarFolderLink,
+	SidebarFolderTrigger,
+	SidebarItem
+});
+
+//#endregion
+export { Sidebar, SidebarCollapseTrigger, SidebarContent, SidebarDrawer, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarLinkItem, SidebarPageTree, SidebarSeparator, SidebarTrigger, SidebarViewport };
+//# sourceMappingURL=sidebar.js.map

package/dist/layouts/notebook/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","names":["Base.SidebarProvider","Base.SidebarFolder","Base.SidebarCollapseTrigger","Base.SidebarViewport","Base.SidebarTrigger","Base.SidebarContent","Base.SidebarDrawerOverlay","Base.SidebarDrawerContent","Base.useFolderDepth","Base.SidebarSeparator","Base.SidebarItem","Base.useFolder","Base.SidebarFolderTrigger","Base.SidebarFolderLink","Base.SidebarFolderContent"],"sources":["../../../src/layouts/notebook/sidebar.tsx"],"sourcesContent":["'use client';\nimport * as Base from '@/components/sidebar/base';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport { type ComponentProps, use, useRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { LayoutContext } from './client';\nimport { createPageTreeRenderer } from '@/components/sidebar/page-tree';\nimport { createLinkItemRenderer } from '@/components/sidebar/link-item';\nimport { mergeRefs } from '@hanzo/docs-ui/merge-refs';\n\nconst itemVariants = cva(\n  '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',\n  {\n    variants: {\n      variant: {\n        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',\n        button:\n          'transition-colors hover:bg-fd-accent/50 hover:text-fd-accent-foreground/80 hover:transition-none',\n      },\n      highlight: {\n        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\",\n      },\n    },\n  },\n);\n\nfunction getItemOffset(depth: number) {\n  return `calc(${2 + 3 * depth} * var(--spacing))`;\n}\n\nexport function Sidebar(props: ComponentProps<typeof Base.SidebarProvider>) {\n  return <Base.SidebarProvider {...props} />;\n}\n\nexport function SidebarFolder(props: ComponentProps<typeof Base.SidebarFolder>) {\n  return <Base.SidebarFolder {...props} />;\n}\n\nexport function SidebarCollapseTrigger(props: ComponentProps<typeof Base.SidebarCollapseTrigger>) {\n  return <Base.SidebarCollapseTrigger {...props} />;\n}\n\nexport function SidebarViewport(props: ComponentProps<typeof Base.SidebarViewport>) {\n  return <Base.SidebarViewport {...props} />;\n}\n\nexport function SidebarTrigger(props: ComponentProps<typeof Base.SidebarTrigger>) {\n  return <Base.SidebarTrigger {...props} />;\n}\n\nexport function SidebarContent({\n  ref: refProp,\n  className,\n  children,\n  ...props\n}: ComponentProps<'aside'>) {\n  const { navMode } = use(LayoutContext)!;\n  const ref = useRef<HTMLElement>(null);\n\n  return (\n    <Base.SidebarContent>\n      {({ collapsed, hovered, ref: asideRef, ...rest }) => (\n        <div\n          data-sidebar-placeholder=\"\"\n          className={cn(\n            'sticky z-20 [grid-area:sidebar] pointer-events-none *:pointer-events-auto md:layout:[--fd-sidebar-width:268px] max-md:hidden',\n            navMode === 'auto'\n              ? 'top-(--fd-docs-row-1) h-[calc(var(--fd-docs-height)-var(--fd-docs-row-1))]'\n              : 'top-(--fd-docs-row-2) h-[calc(var(--fd-docs-height)-var(--fd-docs-row-2))]',\n          )}\n        >\n          {collapsed && <div className=\"absolute start-0 inset-y-0 w-4\" {...rest} />}\n          <aside\n            id=\"nd-sidebar\"\n            ref={mergeRefs(ref, refProp, asideRef)}\n            data-collapsed={collapsed}\n            data-hovered={collapsed && hovered}\n            className={cn(\n              'absolute flex flex-col w-full start-0 inset-y-0 items-end text-sm duration-250 *:w-(--fd-sidebar-width)',\n              navMode === 'auto' && 'bg-fd-card border-e',\n              collapsed && [\n                'inset-y-2 rounded-xl bg-fd-card transition-transform border w-(--fd-sidebar-width)',\n                hovered\n                  ? 'shadow-lg translate-x-2 rtl:-translate-x-2'\n                  : '-translate-x-(--fd-sidebar-width) rtl:translate-x-full',\n              ],\n              ref.current &&\n                (ref.current.getAttribute('data-collapsed') === 'true') !== collapsed &&\n                'transition-[width,inset-block,translate,background-color]',\n              className,\n            )}\n            {...props}\n            {...rest}\n          >\n            {children}\n          </aside>\n        </div>\n      )}\n    </Base.SidebarContent>\n  );\n}\n\nexport function SidebarDrawer({\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof Base.SidebarDrawerContent>) {\n  return (\n    <>\n      <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\" />\n      <Base.SidebarDrawerContent\n        className={cn(\n          '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',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </Base.SidebarDrawerContent>\n    </>\n  );\n}\n\nexport function SidebarSeparator({ className, style, children, ...props }: ComponentProps<'p'>) {\n  const depth = Base.useFolderDepth();\n\n  return (\n    <Base.SidebarSeparator\n      className={cn('[&_svg]:size-4 [&_svg]:shrink-0', className)}\n      style={{\n        paddingInlineStart: getItemOffset(depth),\n        ...style,\n      }}\n      {...props}\n    >\n      {children}\n    </Base.SidebarSeparator>\n  );\n}\n\nexport function SidebarItem({\n  className,\n  style,\n  children,\n  ...props\n}: ComponentProps<typeof Base.SidebarItem>) {\n  const depth = Base.useFolderDepth();\n\n  return (\n    <Base.SidebarItem\n      className={cn(itemVariants({ variant: 'link', highlight: depth >= 1 }), className)}\n      style={{\n        paddingInlineStart: getItemOffset(depth),\n        ...style,\n      }}\n      {...props}\n    >\n      {children}\n    </Base.SidebarItem>\n  );\n}\n\nexport function SidebarFolderTrigger({\n  className,\n  style,\n  ...props\n}: ComponentProps<typeof Base.SidebarFolderTrigger>) {\n  const { depth, collapsible } = Base.useFolder()!;\n\n  return (\n    <Base.SidebarFolderTrigger\n      className={cn(itemVariants({ variant: collapsible ? 'button' : null }), 'w-full', className)}\n      style={{\n        paddingInlineStart: getItemOffset(depth - 1),\n        ...style,\n      }}\n      {...props}\n    >\n      {props.children}\n    </Base.SidebarFolderTrigger>\n  );\n}\n\nexport function SidebarFolderLink({\n  className,\n  style,\n  ...props\n}: ComponentProps<typeof Base.SidebarFolderLink>) {\n  const depth = Base.useFolderDepth();\n\n  return (\n    <Base.SidebarFolderLink\n      className={cn(itemVariants({ variant: 'link', highlight: depth > 1 }), 'w-full', className)}\n      style={{\n        paddingInlineStart: getItemOffset(depth - 1),\n        ...style,\n      }}\n      {...props}\n    >\n      {props.children}\n    </Base.SidebarFolderLink>\n  );\n}\n\nexport function SidebarFolderContent({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof Base.SidebarFolderContent>) {\n  const depth = Base.useFolderDepth();\n\n  return (\n    <Base.SidebarFolderContent\n      className={cn(\n        'relative',\n        depth === 1 &&\n          \"before:content-[''] before:absolute before:w-px before:inset-y-1 before:bg-fd-border before:start-2.5\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Base.SidebarFolderContent>\n  );\n}\nexport const SidebarPageTree = createPageTreeRenderer({\n  SidebarFolder,\n  SidebarFolderContent,\n  SidebarFolderLink,\n  SidebarFolderTrigger,\n  SidebarItem,\n  SidebarSeparator,\n});\n\nexport const SidebarLinkItem = createLinkItemRenderer({\n  SidebarFolder,\n  SidebarFolderContent,\n  SidebarFolderLink,\n  SidebarFolderTrigger,\n  SidebarItem,\n});\n"],"mappings":"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"}

package/dist/layouts/shared/index.d.ts

@@ -0,0 +1,69 @@
+import * as react_jsx_runtime87 from "react/jsx-runtime";
+import * as react17 from "react";
+import { ComponentProps, ReactNode } from "react";
+import { LinkItemType } from "@hanzo/docs-ui/link-item";
+import { I18nConfig } from "@hanzo/docs-core/i18n";
+export * from "@hanzo/docs-ui/link-item";
+
+//#region src/layouts/shared/index.d.ts
+interface NavOptions {
+  enabled: boolean;
+  component: ReactNode;
+  title?: ReactNode | ((props: ComponentProps<'a'>) => ReactNode);
+  /**
+   * Redirect url of title
+   * @defaultValue '/'
+   */
+  url?: string;
+  /**
+   * Use transparent background
+   *
+   * @defaultValue none
+   */
+  transparentMode?: 'always' | 'top' | 'none';
+  children?: ReactNode;
+}
+interface BaseLayoutProps {
+  themeSwitch?: {
+    enabled?: boolean;
+    component?: ReactNode;
+    mode?: 'light-dark' | 'light-dark-system';
+  };
+  searchToggle?: Partial<{
+    enabled: boolean;
+    components: Partial<{
+      sm: ReactNode;
+      lg: ReactNode;
+    }>;
+  }>;
+  /**
+   * I18n options
+   *
+   * @defaultValue false
+   */
+  i18n?: boolean | I18nConfig;
+  /**
+   * GitHub url
+   */
+  githubUrl?: string;
+  links?: LinkItemType[];
+  /**
+   * Replace or disable navbar
+   */
+  nav?: Partial<NavOptions>;
+  children?: ReactNode;
+}
+/**
+ * Get link items with shortcuts
+ */
+declare function resolveLinkItems({
+  links,
+  githubUrl
+}: Pick<BaseLayoutProps, 'links' | 'githubUrl'>): LinkItemType[];
+declare function renderTitleNav({
+  title,
+  url
+}: Partial<NavOptions>, props: ComponentProps<'a'>): string | number | bigint | boolean | react_jsx_runtime87.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react17.ReactPortal | react17.ReactElement<unknown, string | react17.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+//#endregion
+export { BaseLayoutProps, NavOptions, renderTitleNav, resolveLinkItems };
+//# sourceMappingURL=index.d.ts.map

package/dist/layouts/shared/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/layouts/shared/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;UAKiB,UAAA;;aAEJ;UAEH,qBAAqB,wBAAwB;;;AAJvD;;EAIU,GAAA,CAAA,EAAA,MAAA;EAAqB;;;;AAkB/B;EAGgB,eAAA,CAAA,EAAA,QAAA,GAAA,KAAA,GAAA,MAAA;EAON,QAAA,CAAA,EAbG,SAaH;;AADM,UATC,eAAA,CASD;EAFC,WAAA,CAAA,EAAA;IAaE,OAAA,CAAA,EAAA,OAAA;IAOT,SAAA,CAAA,EAxBM,SAwBN;IAIM,IAAA,CAAA,EAAA,YAAA,GAAA,mBAAA;EAAR,CAAA;EAEK,YAAA,CAAA,EA1BI,OA0BJ,CAAA;IAAS,OAAA,EAAA,OAAA;IAMN,UAAA,EA9BA,OA8BgB,CAAA;MAC9B,EAAA,EA9BQ,SA8BR;MACA,EAAA,EA9BQ,SA8BR;IACM,CAAA,CAAA;EAAL,CAAA,CAAA;EAA+C;;AAoBlD;;;EACgC,IAAA,CAAA,EAAA,OAAA,GA3Cb,UA2Ca;EAAR;;;EACI,SAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EArClB,YAqCkB,EAAA;EAAA;;;EAAA,GAAA,CAAA,EAjCpB,OAiCoB,CAjCZ,UAiCY,CAAA;EAAA,QAAA,CAAA,EA/Bf,SA+Be;;;;;iBAzBZ,gBAAA;;;GAGb,KAAK,0CAA0C;iBAoBlC,cAAA;;;GACQ,QAAQ,oBACvB,2DAAmB,mBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,SAAA,aAAA,6CAAA,OAAA,CAAA,WAAA,GAAA,OAAA,CAAA,+BAAA,OAAA,CAAA,8BAAA,SAAA"}

package/dist/layouts/shared/index.js

@@ -0,0 +1,39 @@
+import Link from "@hanzo/docs-core/link";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/layouts/shared/index.tsx
+/**
+* Get link items with shortcuts
+*/
+function resolveLinkItems({ links = [], githubUrl }) {
+	const result = [...links];
+	if (githubUrl) result.push({
+		type: "icon",
+		url: githubUrl,
+		text: "Github",
+		label: "GitHub",
+		icon: /* @__PURE__ */ jsx("svg", {
+			role: "img",
+			viewBox: "0 0 24 24",
+			fill: "currentColor",
+			children: /* @__PURE__ */ 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" })
+		}),
+		external: true
+	});
+	return result;
+}
+function renderTitleNav({ title, url = "/" }, props) {
+	if (typeof title === "function") return title({
+		href: url,
+		...props
+	});
+	return /* @__PURE__ */ jsx(Link, {
+		href: url,
+		...props,
+		children: title
+	});
+}
+
+//#endregion
+export { renderTitleNav, resolveLinkItems };
+//# sourceMappingURL=index.js.map

package/dist/layouts/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/layouts/shared/index.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport type { I18nConfig } from '@hanzo/docs-core/i18n';\nimport type { LinkItemType } from '@hanzo/docs-ui/link-item';\nimport Link from '@hanzo/docs-core/link';\n\nexport interface NavOptions {\n  enabled: boolean;\n  component: ReactNode;\n\n  title?: ReactNode | ((props: ComponentProps<'a'>) => ReactNode);\n\n  /**\n   * Redirect url of title\n   * @defaultValue '/'\n   */\n  url?: string;\n\n  /**\n   * Use transparent background\n   *\n   * @defaultValue none\n   */\n  transparentMode?: 'always' | 'top' | 'none';\n\n  children?: ReactNode;\n}\n\nexport interface BaseLayoutProps {\n  themeSwitch?: {\n    enabled?: boolean;\n    component?: ReactNode;\n    mode?: 'light-dark' | 'light-dark-system';\n  };\n\n  searchToggle?: Partial<{\n    enabled: boolean;\n    components: Partial<{\n      sm: ReactNode;\n      lg: ReactNode;\n    }>;\n  }>;\n\n  /**\n   * I18n options\n   *\n   * @defaultValue false\n   */\n  i18n?: boolean | I18nConfig;\n\n  /**\n   * GitHub url\n   */\n  githubUrl?: string;\n\n  links?: LinkItemType[];\n  /**\n   * Replace or disable navbar\n   */\n  nav?: Partial<NavOptions>;\n\n  children?: ReactNode;\n}\n\n/**\n * Get link items with shortcuts\n */\nexport function resolveLinkItems({\n  links = [],\n  githubUrl,\n}: Pick<BaseLayoutProps, 'links' | 'githubUrl'>): LinkItemType[] {\n  const result = [...links];\n\n  if (githubUrl)\n    result.push({\n      type: 'icon',\n      url: githubUrl,\n      text: 'Github',\n      label: 'GitHub',\n      icon: (\n        <svg role=\"img\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <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\" />\n        </svg>\n      ),\n      external: true,\n    });\n\n  return result;\n}\n\nexport function renderTitleNav(\n  { title, url = '/' }: Partial<NavOptions>,\n  props: ComponentProps<'a'>,\n) {\n  if (typeof title === 'function') return title({ href: url, ...props });\n  return (\n    <Link href={url} {...props}>\n      {title}\n    </Link>\n  );\n}\n\nexport type * from '@hanzo/docs-ui/link-item';\n"],"mappings":";;;;;;;AAkEA,SAAgB,iBAAiB,EAC/B,QAAQ,EAAE,EACV,aAC+D;CAC/D,MAAM,SAAS,CAAC,GAAG,MAAM;AAEzB,KAAI,UACF,QAAO,KAAK;EACV,MAAM;EACN,KAAK;EACL,MAAM;EACN,OAAO;EACP,MACE,oBAAC;GAAI,MAAK;GAAM,SAAQ;GAAY,MAAK;aACvC,oBAAC,UAAK,GAAE,6sBAA6sB;IACjtB;EAER,UAAU;EACX,CAAC;AAEJ,QAAO;;AAGT,SAAgB,eACd,EAAE,OAAO,MAAM,OACf,OACA;AACA,KAAI,OAAO,UAAU,WAAY,QAAO,MAAM;EAAE,MAAM;EAAK,GAAG;EAAO,CAAC;AACtE,QACE,oBAAC;EAAK,MAAM;EAAK,GAAI;YAClB;GACI"}

package/dist/layouts/shared/language-toggle.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime91 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/layouts/shared/language-toggle.d.ts
+type LanguageSelectProps = ComponentProps<'button'>;
+declare function LanguageToggle(props: LanguageSelectProps): React.ReactElement;
+declare function LanguageToggleText(props: ComponentProps<'span'>): react_jsx_runtime91.JSX.Element;
+//#endregion
+export { LanguageSelectProps, LanguageToggle, LanguageToggleText };
+//# sourceMappingURL=language-toggle.d.ts.map

package/dist/layouts/shared/language-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-toggle.d.ts","names":[],"sources":["../../../src/layouts/shared/language-toggle.tsx"],"sourcesContent":[],"mappings":";;;;KAOY,mBAAA,GAAsB;iBAElB,cAAA,QAAsB,sBAAsB,KAAA,CAAM;iBA6ClD,kBAAA,QAA0B,yBAAsB,mBAAA,CAAA,GAAA,CAAA"}