@hanzo/docs-base-ui 16.4.2

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

@@ -0,0 +1,94 @@
+import { BreadcrumbProps, FooterProps, PageBreadcrumb, PageLastUpdate } from "./client.js";
+import * as react_jsx_runtime98 from "react/jsx-runtime";
+import { ComponentProps, ReactNode } from "react";
+import { AnchorProviderProps, TOCItemType } from "@hanzo/docs-core/toc";
+
+//#region src/layouts/docs/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_runtime98.JSX.Element;
+/**
+ * Add typography styles
+ */
+declare function DocsBody({
+  children,
+  className,
+  ...props
+}: ComponentProps<'div'>): react_jsx_runtime98.JSX.Element;
+declare function DocsDescription({
+  children,
+  className,
+  ...props
+}: ComponentProps<'p'>): react_jsx_runtime98.JSX.Element | null;
+declare function DocsTitle({
+  children,
+  className,
+  ...props
+}: ComponentProps<'h1'>): react_jsx_runtime98.JSX.Element;
+//#endregion
+export { DocsBody, DocsDescription, DocsPage, DocsPageProps, DocsTitle, EditOnGitHub, PageBreadcrumb, PageLastUpdate };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/layouts/docs/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,mBAAA,CAAA,GAAA,CAAA,OAoCxB;;;;AAAuD,iBARtE,QAAA,CAQsE;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAR1B,cAQ0B,CAAA,KAAA,CAAA,CAAA,EARL,mBAAA,CAAA,GAAA,CAAA,OAQK;AAAA,iBAAtE,eAAA,CAAsE;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAAnB,cAAmB,CAAA,GAAA,CAAA,CAAA,EAAA,mBAAA,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,mBAAA,CAAA,GAAA,CAAA,OAAxD"}

package/dist/layouts/docs/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 { PageBreadcrumb, PageFooter, PageLastUpdate, PageTOCPopover, PageTOCPopoverContent, PageTOCPopoverTrigger } from "./client.js";
+import { default_exports } from "../../../components/toc/default.js";
+import { clerk_exports } from "../../../components/toc/clerk.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/docs/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 w-full max-w-[900px] mx-auto [grid-area:main] px-4 py-6 gap-4 md:px-6 md:pt-8 xl:px-8 xl:pt-14", full ? "max-w-[1200px]" : "xl:layout:[--fd-toc-width:268px]"),
+			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-1) h-[calc(var(--fd-docs-height)-var(--fd-docs-row-1))] flex flex-col [grid-area:toc] w-(--fd-toc-width) pt-12 pe-4 pb-2 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/docs/page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["children","TOCProvider","TOCScrollArea","TocClerk","TocDefault","I18nLabel"],"sources":["../../../../src/layouts/docs/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 w-full max-w-[900px] mx-auto [grid-area:main] px-4 py-6 gap-4 md:px-6 md:pt-8 xl:px-8 xl:pt-14',\n          full ? 'max-w-[1200px]' : 'xl:layout:[--fd-toc-width:268px]',\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-1) h-[calc(var(--fd-docs-height)-var(--fd-docs-row-1))] flex flex-col [grid-area:toc] w-(--fd-toc-width) pt-12 pe-4 pb-2 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,gHACA,OAAO,mBAAmB,mCAC3B;;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/docs/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_runtime127 from "react/jsx-runtime";
+import * as react16 from "react";
+import { ComponentProps } from "react";
+import * as _hanzo_docs_ui_link_item0 from "@hanzo/docs-ui/link-item";
+
+//#region src/layouts/docs/sidebar.d.ts
+declare function Sidebar(props: ComponentProps<typeof SidebarProvider>): react_jsx_runtime127.JSX.Element;
+declare function SidebarFolder(props: ComponentProps<typeof SidebarFolder$1>): react_jsx_runtime127.JSX.Element;
+declare function SidebarCollapseTrigger(props: ComponentProps<typeof SidebarCollapseTrigger$1>): react_jsx_runtime127.JSX.Element;
+declare function SidebarViewport(props: ComponentProps<typeof SidebarViewport$1>): react_jsx_runtime127.JSX.Element;
+declare function SidebarTrigger(props: ComponentProps<typeof SidebarTrigger$1>): react_jsx_runtime127.JSX.Element;
+declare function SidebarContent({
+  ref: refProp,
+  className,
+  children,
+  ...props
+}: ComponentProps<'aside'>): react_jsx_runtime127.JSX.Element;
+declare function SidebarDrawer({
+  children,
+  className,
+  ...props
+}: ComponentProps<typeof SidebarDrawerContent>): react_jsx_runtime127.JSX.Element;
+declare function SidebarSeparator({
+  className,
+  style,
+  children,
+  ...props
+}: ComponentProps<'p'>): react_jsx_runtime127.JSX.Element;
+declare function SidebarItem({
+  className,
+  style,
+  children,
+  ...props
+}: ComponentProps<typeof SidebarItem$1>): react_jsx_runtime127.JSX.Element;
+declare function SidebarFolderTrigger({
+  className,
+  style,
+  ...props
+}: ComponentProps<typeof SidebarFolderTrigger$1>): react_jsx_runtime127.JSX.Element;
+declare function SidebarFolderLink({
+  className,
+  style,
+  ...props
+}: ComponentProps<typeof SidebarFolderLink$1>): react_jsx_runtime127.JSX.Element;
+declare function SidebarFolderContent({
+  className,
+  children,
+  ...props
+}: ComponentProps<typeof SidebarFolderContent$1>): react_jsx_runtime127.JSX.Element;
+declare const SidebarPageTree: (components: Partial<SidebarPageTreeComponents>) => react_jsx_runtime127.JSX.Element;
+declare const SidebarLinkItem: ({
+  item,
+  ...props
+}: react16.HTMLAttributes<HTMLElement> & {
+  item: Exclude<_hanzo_docs_ui_link_item0.LinkItemType, {
+    type: "icon";
+  }>;
+}) => react_jsx_runtime127.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/docs/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","names":[],"sources":["../../../src/layouts/docs/sidebar.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBAgCgB,OAAA,QAAe,sBAAsB,mBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAI1D,aAAA,QAAqB,sBAAsB,mBAAmB,oBAAA,CAAA,GAAA,CAAA;iBAI9D,sBAAA,QAA8B,sBAAsB,4BAA4B,oBAAA,CAAA,GAAA,CAAA;iBAIhF,eAAA,QAAuB,sBAAsB,qBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAIlE,cAAA,QAAsB,sBAAsB,oBAAoB,oBAAA,CAAA,GAAA,CAAA;iBAIhE,cAAA;OACT;;;;GAIJ,0BAAuB,oBAAA,CAAA,GAAA,CAAA;AAzBV,iBAuFA,aAAA,CAvFO;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2FpB,cA3FoB,CAAA,OA2FE,oBA3FF,CAAA,CAAA,EA2F4B,oBAAA,CAAA,GAAA,CAAA,OA3F5B;AAA8B,iBA4GrC,gBAAA,CA5GqC;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA4GsB,cA5GtB,CAAA,GAAA,CAAA,CAAA,EA4GyC,oBAAA,CAAA,GAAA,CAAA,OA5GzC;AAAtB,iBA6Hf,WAAA,CA7He;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAkI5B,cAlI4B,CAAA,OAkIN,aAlIM,CAAA,CAAA,EAkIW,oBAAA,CAAA,GAAA,CAAA,OAlIX;AAA2C,iBAmJ1D,oBAAA,CAnJ0D;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAuJvE,cAvJuE,CAAA,OAuJjD,sBAvJiD,CAAA,CAAA,EAuJvB,oBAAA,CAAA,GAAA,CAAA,OAvJuB;AAAA,iBA8K1D,iBAAA,CA9K0D;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAkLvE,cAlLuE,CAAA,OAkLjD,mBAlLiD,CAAA,CAAA,EAkL1B,oBAAA,CAAA,GAAA,CAAA,OAlL0B;AAI1D,iBA+LA,oBAAA,CA/La;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAmM1B,cAnM0B,CAAA,OAmMJ,sBAnMI,CAAA,CAAA,EAmMsB,oBAAA,CAAA,GAAA,CAAA,OAnMtB;AAA8B,cAuN9C,eAvN8C,EAAA,CAAA,UAAA,EAuN/B,OAvN+B,CA8NzD,yBAAA,CA9NyD,EAAA,GAuN/B,oBAAA,CAAA,GAAA,CAAA,OAvN+B;AAAtB,cAgOxB,eAhOwB,EAAA,CAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAgOT,OAAA,CAAA,cAhOS,CAgOT,WAhOS,CAAA,GAAA;EAAyC,IAAA,SAAA,CAgOlD,yBAAA,CAAA,YAAA,EAhOkD;IAAA,IAAA,EAAA,MAAA;EAI9D,CAAA,CAAA;CAAoD,EAAA,mCAAA"}

package/dist/layouts/docs/sidebar.js

@@ -0,0 +1,162 @@
+'use client';
+
+import { buttonVariants } from "../../components/ui/button.js";
+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 { createLinkItemRenderer } from "../../components/sidebar/link-item.js";
+import { createPageTreeRenderer } from "../../components/sidebar/page-tree.js";
+import { SearchToggle } from "../shared/search-toggle.js";
+import { cn } from "@hanzo/docs-ui/cn";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Sidebar as Sidebar$1 } from "lucide-react";
+import { useRef } from "react";
+import { cva } from "class-variance-authority";
+import { mergeRefs } from "@hanzo/docs-ui/merge-refs";
+
+//#region src/layouts/docs/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 ref = useRef(null);
+	return /* @__PURE__ */ jsx(SidebarContent$1, { children: ({ collapsed, hovered, ref: asideRef, ...rest }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		"data-sidebar-placeholder": "",
+		className: "sticky top-(--fd-docs-row-1) z-20 [grid-area:sidebar] pointer-events-none *:pointer-events-auto h-[calc(var(--fd-docs-height)-var(--fd-docs-row-1))] md:layout:[--fd-sidebar-width:268px] max-md:hidden",
+		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 bg-fd-card text-sm border-e duration-250 *:w-(--fd-sidebar-width)", collapsed && ["inset-y-2 rounded-xl 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
+		})]
+	}), /* @__PURE__ */ jsxs("div", {
+		"data-sidebar-panel": "",
+		className: cn("fixed flex top-[calc(--spacing(4)+var(--fd-docs-row-3))] start-4 shadow-lg transition-opacity rounded-xl p-0.5 border bg-fd-muted text-fd-muted-foreground z-10", (!collapsed || hovered) && "pointer-events-none opacity-0"),
+		children: [/* @__PURE__ */ jsx(SidebarCollapseTrigger$1, {
+			className: cn(buttonVariants({
+				color: "ghost",
+				size: "icon-sm",
+				className: "rounded-lg"
+			})),
+			children: /* @__PURE__ */ jsx(Sidebar$1, {})
+		}), /* @__PURE__ */ jsx(SearchToggle, {
+			className: "rounded-lg",
+			hideIfDisabled: true
+		})]
+	})] }) });
+}
+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: (s) => cn(itemVariants({ variant: collapsible ? "button" : null }), "w-full", typeof className === "function" ? className(s) : 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: (s) => cn("relative", depth === 1 && "before:content-[''] before:absolute before:w-px before:inset-y-1 before:bg-fd-border before:start-2.5", typeof className === "function" ? className(s) : 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/docs/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","names":["Base.SidebarProvider","Base.SidebarFolder","Base.SidebarCollapseTrigger","Base.SidebarViewport","Base.SidebarTrigger","Base.SidebarContent","SidebarIcon","Base.SidebarDrawerOverlay","Base.SidebarDrawerContent","Base.useFolderDepth","Base.SidebarSeparator","Base.SidebarItem","Base.useFolder","Base.SidebarFolderTrigger","Base.SidebarFolderLink","Base.SidebarFolderContent"],"sources":["../../../src/layouts/docs/sidebar.tsx"],"sourcesContent":["'use client';\nimport * as Base from '@/components/sidebar/base';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport { type ComponentProps, useRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { createPageTreeRenderer } from '@/components/sidebar/page-tree';\nimport { createLinkItemRenderer } from '@/components/sidebar/link-item';\nimport { buttonVariants } from '@/components/ui/button';\nimport { SearchToggle } from '@/layouts/shared/search-toggle';\nimport { Sidebar as SidebarIcon } from 'lucide-react';\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 ref = useRef<HTMLElement>(null);\n\n  return (\n    <Base.SidebarContent>\n      {({ collapsed, hovered, ref: asideRef, ...rest }) => (\n        <>\n          <div\n            data-sidebar-placeholder=\"\"\n            className=\"sticky top-(--fd-docs-row-1) z-20 [grid-area:sidebar] pointer-events-none *:pointer-events-auto h-[calc(var(--fd-docs-height)-var(--fd-docs-row-1))] md:layout:[--fd-sidebar-width:268px] max-md:hidden\"\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 bg-fd-card text-sm border-e duration-250 *:w-(--fd-sidebar-width)',\n                collapsed && [\n                  'inset-y-2 rounded-xl 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          <div\n            data-sidebar-panel=\"\"\n            className={cn(\n              'fixed flex top-[calc(--spacing(4)+var(--fd-docs-row-3))] start-4 shadow-lg transition-opacity rounded-xl p-0.5 border bg-fd-muted text-fd-muted-foreground z-10',\n              (!collapsed || hovered) && 'pointer-events-none opacity-0',\n            )}\n          >\n            <Base.SidebarCollapseTrigger\n              className={cn(\n                buttonVariants({\n                  color: 'ghost',\n                  size: 'icon-sm',\n                  className: 'rounded-lg',\n                }),\n              )}\n            >\n              <SidebarIcon />\n            </Base.SidebarCollapseTrigger>\n            <SearchToggle className=\"rounded-lg\" hideIfDisabled />\n          </div>\n        </>\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={(s) =>\n        cn(\n          itemVariants({ variant: collapsible ? 'button' : null }),\n          'w-full',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\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={(s) =>\n        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          typeof className === 'function' ? className(s) : className,\n        )\n      }\n      {...props}\n    >\n      {children}\n    </Base.SidebarFolderContent>\n  );\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/home/client.d.ts

@@ -0,0 +1,19 @@
+import { HomeLayoutProps } from "./index.js";
+import * as react_jsx_runtime126 from "react/jsx-runtime";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/layouts/home/client.d.ts
+declare const navItemVariants: (props?: ({
+  variant?: "button" | "main" | "icon" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Header({
+  nav,
+  i18n,
+  links,
+  githubUrl,
+  themeSwitch,
+  searchToggle
+}: HomeLayoutProps): react_jsx_runtime126.JSX.Element;
+//#endregion
+export { Header, navItemVariants };
+//# sourceMappingURL=client.d.ts.map

package/dist/layouts/home/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/layouts/home/client.tsx"],"sourcesContent":[],"mappings":";;;;;cA4Ca;;IAiBX,+BAAA,CAAA;iBAEc,MAAA;;;;;;;GAOb,kBAAe,oBAAA,CAAA,GAAA,CAAA"}