@hanzo/docs-base-ui 16.4.8 → 16.5.3

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

@@ -1 +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-radix-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-radix-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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/layouts/shared/index.tsx"],"sourcesContent":["import { useMemo, type ComponentProps, type ReactNode } from 'react';\nimport type { I18nConfig } from '@hanzo/docs-core/i18n';\nimport type { LinkItemType } from '@/utils/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 function useLinkItems({ githubUrl, links }: Pick<BaseLayoutProps, 'links' | 'githubUrl'>) {\n  return useMemo(() => {\n    const all = resolveLinkItems({ links, githubUrl });\n    const navItems: LinkItemType[] = [];\n    const menuItems: LinkItemType[] = [];\n\n    for (const item of all) {\n      switch (item.on ?? 'all') {\n        case 'menu':\n          menuItems.push(item);\n          break;\n        case 'nav':\n          navItems.push(item);\n          break;\n        default:\n          navItems.push(item);\n          menuItems.push(item);\n      }\n    }\n\n    return { navItems, menuItems, all };\n  }, [links, githubUrl]);\n}\n\nexport type * from '@/utils/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;;AAIX,SAAgB,aAAa,EAAE,WAAW,SAAuD;AAC/F,QAAO,cAAc;EACnB,MAAM,MAAM,iBAAiB;GAAE;GAAO;GAAW,CAAC;EAClD,MAAM,WAA2B,EAAE;EACnC,MAAM,YAA4B,EAAE;AAEpC,OAAK,MAAM,QAAQ,IACjB,SAAQ,KAAK,MAAM,OAAnB;GACE,KAAK;AACH,cAAU,KAAK,KAAK;AACpB;GACF,KAAK;AACH,aAAS,KAAK,KAAK;AACnB;GACF;AACE,aAAS,KAAK,KAAK;AACnB,cAAU,KAAK,KAAK;;AAI1B,SAAO;GAAE;GAAU;GAAW;GAAK;IAClC,CAAC,OAAO,UAAU,CAAC"}

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

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime81 from "react/jsx-runtime";
 import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#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_runtime81.JSX.Element;
+declare function LanguageToggleText(props: ComponentProps<'span'>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { LanguageSelectProps, LanguageToggle, LanguageToggleText };
 //# sourceMappingURL=language-toggle.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"language-toggle.d.ts","names":[],"sources":["../../../src/layouts/shared/language-toggle.tsx"],"mappings":";;;;KAOY,mBAAA,GAAsB,cAAA;AAAA,iBAElB,cAAA,CAAe,KAAA,EAAO,mBAAA,GAAsB,KAAA,CAAM,YAAA;AAAA,iBA6ClD,kBAAA,CAAmB,KAAA,EAAO,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/layouts/shared/language-toggle.js

@@ -1,14 +1,14 @@
 'use client';
 
+import { useI18n } from "../../contexts/i18n.js";
+import { cn } from "../../utils/cn.js";
 import { buttonVariants } from "../../components/ui/button.js";
-import { i18n_exports } from "../../contexts/i18n.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../../components/ui/popover.js";
-import { cn } from "@hanzo/docs-ui/cn";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/layouts/shared/language-toggle.tsx
 function LanguageToggle(props) {
-	const context = (0, i18n_exports.useI18n)();
+	const context = useI18n();
 	if (!context.locales) throw new Error("Missing `<I18nProvider />`");
 	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
 		"aria-label": context.text.chooseLanguage,
@@ -34,7 +34,7 @@ function LanguageToggle(props) {
 	})] });
 }
 function LanguageToggleText(props) {
-	const context = (0, i18n_exports.useI18n)();
+	const context = useI18n();
 	const text = context.locales?.find((item) => item.locale === context.locale)?.name;
 	return /* @__PURE__ */ jsx("span", {
 		...props,

package/dist/layouts/shared/language-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"language-toggle.js","names":[],"sources":["../../../src/layouts/shared/language-toggle.tsx"],"sourcesContent":["'use client';\nimport type { ComponentProps } from 'react';\nimport { useI18n } from '@/contexts/i18n';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport { buttonVariants } from '@/components/ui/button';\n\nexport type LanguageSelectProps = ComponentProps<'button'>;\n\nexport function LanguageToggle(props: LanguageSelectProps): React.ReactElement {\n  const context = useI18n();\n  if (!context.locales) throw new Error('Missing `<I18nProvider />`');\n\n  return (\n    <Popover>\n      <PopoverTrigger\n        aria-label={context.text.chooseLanguage}\n        {...props}\n        className={cn(\n          buttonVariants({\n            color: 'ghost',\n            className: 'gap-1.5 p-1.5',\n          }),\n          props.className,\n        )}\n      >\n        {props.children}\n      </PopoverTrigger>\n      <PopoverContent className=\"flex flex-col overflow-x-hidden p-0\">\n        <p className=\"mb-1 p-2 text-xs font-medium text-fd-muted-foreground\">\n          {context.text.chooseLanguage}\n        </p>\n        {context.locales.map((item) => (\n          <button\n            key={item.locale}\n            type=\"button\"\n            className={cn(\n              'p-2 text-start text-sm',\n              item.locale === context.locale\n                ? 'bg-fd-primary/10 font-medium text-fd-primary'\n                : 'hover:bg-fd-accent hover:text-fd-accent-foreground',\n            )}\n            onClick={() => {\n              context.onChange?.(item.locale);\n            }}\n          >\n            {item.name}\n          </button>\n        ))}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport function LanguageToggleText(props: ComponentProps<'span'>) {\n  const context = useI18n();\n  const text = context.locales?.find((item) => item.locale === context.locale)?.name;\n\n  return <span {...props}>{text}</span>;\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,eAAe,OAAgD;CAC7E,MAAM,qCAAmB;AACzB,KAAI,CAAC,QAAQ,QAAS,OAAM,IAAI,MAAM,6BAA6B;AAEnE,QACE,qBAAC,sBACC,oBAAC;EACC,cAAY,QAAQ,KAAK;EACzB,GAAI;EACJ,WAAW,GACT,eAAe;GACb,OAAO;GACP,WAAW;GACZ,CAAC,EACF,MAAM,UACP;YAEA,MAAM;GACQ,EACjB,qBAAC;EAAe,WAAU;aACxB,oBAAC;GAAE,WAAU;aACV,QAAQ,KAAK;IACZ,EACH,QAAQ,QAAQ,KAAK,SACpB,oBAAC;GAEC,MAAK;GACL,WAAW,GACT,0BACA,KAAK,WAAW,QAAQ,SACpB,iDACA,qDACL;GACD,eAAe;AACb,YAAQ,WAAW,KAAK,OAAO;;aAGhC,KAAK;KAZD,KAAK,OAaH,CACT;GACa,IACT;;AAId,SAAgB,mBAAmB,OAA+B;CAChE,MAAM,qCAAmB;CACzB,MAAM,OAAO,QAAQ,SAAS,MAAM,SAAS,KAAK,WAAW,QAAQ,OAAO,EAAE;AAE9E,QAAO,oBAAC;EAAK,GAAI;YAAQ;GAAY"}
+{"version":3,"file":"language-toggle.js","names":[],"sources":["../../../src/layouts/shared/language-toggle.tsx"],"sourcesContent":["'use client';\nimport type { ComponentProps } from 'react';\nimport { useI18n } from '@/contexts/i18n';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\nimport { cn } from '@/utils/cn';\nimport { buttonVariants } from '@/components/ui/button';\n\nexport type LanguageSelectProps = ComponentProps<'button'>;\n\nexport function LanguageToggle(props: LanguageSelectProps): React.ReactElement {\n  const context = useI18n();\n  if (!context.locales) throw new Error('Missing `<I18nProvider />`');\n\n  return (\n    <Popover>\n      <PopoverTrigger\n        aria-label={context.text.chooseLanguage}\n        {...props}\n        className={cn(\n          buttonVariants({\n            color: 'ghost',\n            className: 'gap-1.5 p-1.5',\n          }),\n          props.className,\n        )}\n      >\n        {props.children}\n      </PopoverTrigger>\n      <PopoverContent className=\"flex flex-col overflow-x-hidden p-0\">\n        <p className=\"mb-1 p-2 text-xs font-medium text-fd-muted-foreground\">\n          {context.text.chooseLanguage}\n        </p>\n        {context.locales.map((item) => (\n          <button\n            key={item.locale}\n            type=\"button\"\n            className={cn(\n              'p-2 text-start text-sm',\n              item.locale === context.locale\n                ? 'bg-fd-primary/10 font-medium text-fd-primary'\n                : 'hover:bg-fd-accent hover:text-fd-accent-foreground',\n            )}\n            onClick={() => {\n              context.onChange?.(item.locale);\n            }}\n          >\n            {item.name}\n          </button>\n        ))}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport function LanguageToggleText(props: ComponentProps<'span'>) {\n  const context = useI18n();\n  const text = context.locales?.find((item) => item.locale === context.locale)?.name;\n\n  return <span {...props}>{text}</span>;\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,eAAe,OAAgD;CAC7E,MAAM,UAAU,SAAS;AACzB,KAAI,CAAC,QAAQ,QAAS,OAAM,IAAI,MAAM,6BAA6B;AAEnE,QACE,qBAAC,sBACC,oBAAC;EACC,cAAY,QAAQ,KAAK;EACzB,GAAI;EACJ,WAAW,GACT,eAAe;GACb,OAAO;GACP,WAAW;GACZ,CAAC,EACF,MAAM,UACP;YAEA,MAAM;GACQ,EACjB,qBAAC;EAAe,WAAU;aACxB,oBAAC;GAAE,WAAU;aACV,QAAQ,KAAK;IACZ,EACH,QAAQ,QAAQ,KAAK,SACpB,oBAAC;GAEC,MAAK;GACL,WAAW,GACT,0BACA,KAAK,WAAW,QAAQ,SACpB,iDACA,qDACL;GACD,eAAe;AACb,YAAQ,WAAW,KAAK,OAAO;;aAGhC,KAAK;KAZD,KAAK,OAaH,CACT;GACa,IACT;;AAId,SAAgB,mBAAmB,OAA+B;CAChE,MAAM,UAAU,SAAS;CACzB,MAAM,OAAO,QAAQ,SAAS,MAAM,SAAS,KAAK,WAAW,QAAQ,OAAO,EAAE;AAE9E,QAAO,oBAAC;EAAK,GAAI;YAAQ;GAAY"}

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

@@ -1,6 +1,6 @@
 import { ButtonProps } from "../../components/ui/button.js";
-import * as react_jsx_runtime55 from "react/jsx-runtime";
 import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/shared/search-toggle.d.ts
 interface SearchToggleProps extends Omit<ComponentProps<'button'>, 'color'>, ButtonProps {
@@ -11,13 +11,13 @@ declare function SearchToggle({
   size,
   color,
   ...props
-}: SearchToggleProps): react_jsx_runtime55.JSX.Element | null;
+}: SearchToggleProps): react_jsx_runtime0.JSX.Element | null;
 declare function LargeSearchToggle({
   hideIfDisabled,
   ...props
 }: ComponentProps<'button'> & {
   hideIfDisabled?: boolean;
-}): react_jsx_runtime55.JSX.Element | null;
+}): react_jsx_runtime0.JSX.Element | null;
 //#endregion
 export { LargeSearchToggle, SearchToggle };
 //# sourceMappingURL=search-toggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"search-toggle.d.ts","names":[],"sources":["../../../src/layouts/shared/search-toggle.tsx"],"sourcesContent":[],"mappings":";;;;;UAQU,iBAAA,SAA0B,KAAK,oCAAoC;;;AAAnE,iBAIM,YAAA,CAJY;EAAA,cAAA;EAAA,IAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EASzB,iBATyB,CAAA,EASR,mBAAA,CAAA,GAAA,CAAA,OAAA,GATQ,IAAA;AAAa,iBAkCzB,iBAAA,CAlCyB;EAAA,cAAA;EAAA,GAAA;CAAA,EAqCtC,cArCsC,CAAA,QAAA,CAAA,GAAA;EAAL,cAAA,CAAA,EAAA,OAAA;CAAyC,CAAA,EAuC5E,mBAAA,CAAA,GAAA,CAAA,OAAA,GAvC4E,IAAA"}
+{"version":3,"file":"search-toggle.d.ts","names":[],"sources":["../../../src/layouts/shared/search-toggle.tsx"],"mappings":";;;;;UAQU,iBAAA,SAA0B,IAAA,CAAK,cAAA,sBAAoC,WAAA;EAC3E,cAAA;AAAA;AAAA,iBAGc,YAAA,CAAA;EACd,cAAA;EACA,IAAA;EACA,KAAA;EAAA,GACG;AAAA,GACF,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAyBJ,iBAAA,CAAA;EACd,cAAA;EAAA,GACG;AAAA,GACF,cAAA;EACD,cAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/layouts/shared/search-toggle.js

@@ -1,15 +1,15 @@
 'use client';
 
+import { useI18n } from "../../contexts/i18n.js";
+import { cn } from "../../utils/cn.js";
 import { buttonVariants } from "../../components/ui/button.js";
-import { i18n_exports } from "../../contexts/i18n.js";
-import { search_exports } from "../../contexts/search.js";
-import { cn } from "@hanzo/docs-ui/cn";
+import { useSearchContext } from "../../contexts/search.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Search } from "lucide-react";
 
 //#region src/layouts/shared/search-toggle.tsx
 function SearchToggle({ hideIfDisabled, size = "icon-sm", color = "ghost", ...props }) {
-	const { setOpenSearch, enabled } = (0, search_exports.useSearchContext)();
+	const { setOpenSearch, enabled } = useSearchContext();
 	if (hideIfDisabled && !enabled) return null;
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
@@ -26,8 +26,8 @@ function SearchToggle({ hideIfDisabled, size = "icon-sm", color = "ghost", ...pr
 	});
 }
 function LargeSearchToggle({ hideIfDisabled, ...props }) {
-	const { enabled, hotKey, setOpenSearch } = (0, search_exports.useSearchContext)();
-	const { text } = (0, i18n_exports.useI18n)();
+	const { enabled, hotKey, setOpenSearch } = useSearchContext();
+	const { text } = useI18n();
 	if (hideIfDisabled && !enabled) return null;
 	return /* @__PURE__ */ jsxs("button", {
 		type: "button",

package/dist/layouts/shared/search-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-toggle.js","names":[],"sources":["../../../src/layouts/shared/search-toggle.tsx"],"sourcesContent":["'use client';\nimport type { ComponentProps } from 'react';\nimport { Search } from 'lucide-react';\nimport { useSearchContext } from '@/contexts/search';\nimport { useI18n } from '@/contexts/i18n';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport { type ButtonProps, buttonVariants } from '@/components/ui/button';\n\ninterface SearchToggleProps extends Omit<ComponentProps<'button'>, 'color'>, ButtonProps {\n  hideIfDisabled?: boolean;\n}\n\nexport function SearchToggle({\n  hideIfDisabled,\n  size = 'icon-sm',\n  color = 'ghost',\n  ...props\n}: SearchToggleProps) {\n  const { setOpenSearch, enabled } = useSearchContext();\n  if (hideIfDisabled && !enabled) return null;\n\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        buttonVariants({\n          size,\n          color,\n        }),\n        props.className,\n      )}\n      data-search=\"\"\n      aria-label=\"Open Search\"\n      onClick={() => {\n        setOpenSearch(true);\n      }}\n    >\n      <Search />\n    </button>\n  );\n}\n\nexport function LargeSearchToggle({\n  hideIfDisabled,\n  ...props\n}: ComponentProps<'button'> & {\n  hideIfDisabled?: boolean;\n}) {\n  const { enabled, hotKey, setOpenSearch } = useSearchContext();\n  const { text } = useI18n();\n  if (hideIfDisabled && !enabled) return null;\n\n  return (\n    <button\n      type=\"button\"\n      data-search-full=\"\"\n      {...props}\n      className={cn(\n        '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',\n        props.className,\n      )}\n      onClick={() => {\n        setOpenSearch(true);\n      }}\n    >\n      <Search className=\"size-4\" />\n      {text.search}\n      <div className=\"ms-auto inline-flex gap-0.5\">\n        {hotKey.map((k, i) => (\n          <kbd key={i} className=\"rounded-md border bg-fd-background px-1.5\">\n            {k.display}\n          </kbd>\n        ))}\n      </div>\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;AAYA,SAAgB,aAAa,EAC3B,gBACA,OAAO,WACP,QAAQ,SACR,GAAG,SACiB;CACpB,MAAM,EAAE,eAAe,kDAA8B;AACrD,KAAI,kBAAkB,CAAC,QAAS,QAAO;AAEvC,QACE,oBAAC;EACC,MAAK;EACL,WAAW,GACT,eAAe;GACb;GACA;GACD,CAAC,EACF,MAAM,UACP;EACD,eAAY;EACZ,cAAW;EACX,eAAe;AACb,iBAAc,KAAK;;YAGrB,oBAAC,WAAS;GACH;;AAIb,SAAgB,kBAAkB,EAChC,gBACA,GAAG,SAGF;CACD,MAAM,EAAE,SAAS,QAAQ,wDAAoC;CAC7D,MAAM,EAAE,oCAAkB;AAC1B,KAAI,kBAAkB,CAAC,QAAS,QAAO;AAEvC,QACE,qBAAC;EACC,MAAK;EACL,oBAAiB;EACjB,GAAI;EACJ,WAAW,GACT,wLACA,MAAM,UACP;EACD,eAAe;AACb,iBAAc,KAAK;;;GAGrB,oBAAC,UAAO,WAAU,WAAW;GAC5B,KAAK;GACN,oBAAC;IAAI,WAAU;cACZ,OAAO,KAAK,GAAG,MACd,oBAAC;KAAY,WAAU;eACpB,EAAE;OADK,EAEJ,CACN;KACE;;GACC"}
+{"version":3,"file":"search-toggle.js","names":[],"sources":["../../../src/layouts/shared/search-toggle.tsx"],"sourcesContent":["'use client';\nimport type { ComponentProps } from 'react';\nimport { Search } from 'lucide-react';\nimport { useSearchContext } from '@/contexts/search';\nimport { useI18n } from '@/contexts/i18n';\nimport { cn } from '@/utils/cn';\nimport { type ButtonProps, buttonVariants } from '@/components/ui/button';\n\ninterface SearchToggleProps extends Omit<ComponentProps<'button'>, 'color'>, ButtonProps {\n  hideIfDisabled?: boolean;\n}\n\nexport function SearchToggle({\n  hideIfDisabled,\n  size = 'icon-sm',\n  color = 'ghost',\n  ...props\n}: SearchToggleProps) {\n  const { setOpenSearch, enabled } = useSearchContext();\n  if (hideIfDisabled && !enabled) return null;\n\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        buttonVariants({\n          size,\n          color,\n        }),\n        props.className,\n      )}\n      data-search=\"\"\n      aria-label=\"Open Search\"\n      onClick={() => {\n        setOpenSearch(true);\n      }}\n    >\n      <Search />\n    </button>\n  );\n}\n\nexport function LargeSearchToggle({\n  hideIfDisabled,\n  ...props\n}: ComponentProps<'button'> & {\n  hideIfDisabled?: boolean;\n}) {\n  const { enabled, hotKey, setOpenSearch } = useSearchContext();\n  const { text } = useI18n();\n  if (hideIfDisabled && !enabled) return null;\n\n  return (\n    <button\n      type=\"button\"\n      data-search-full=\"\"\n      {...props}\n      className={cn(\n        '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',\n        props.className,\n      )}\n      onClick={() => {\n        setOpenSearch(true);\n      }}\n    >\n      <Search className=\"size-4\" />\n      {text.search}\n      <div className=\"ms-auto inline-flex gap-0.5\">\n        {hotKey.map((k, i) => (\n          <kbd key={i} className=\"rounded-md border bg-fd-background px-1.5\">\n            {k.display}\n          </kbd>\n        ))}\n      </div>\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;AAYA,SAAgB,aAAa,EAC3B,gBACA,OAAO,WACP,QAAQ,SACR,GAAG,SACiB;CACpB,MAAM,EAAE,eAAe,YAAY,kBAAkB;AACrD,KAAI,kBAAkB,CAAC,QAAS,QAAO;AAEvC,QACE,oBAAC;EACC,MAAK;EACL,WAAW,GACT,eAAe;GACb;GACA;GACD,CAAC,EACF,MAAM,UACP;EACD,eAAY;EACZ,cAAW;EACX,eAAe;AACb,iBAAc,KAAK;;YAGrB,oBAAC,WAAS;GACH;;AAIb,SAAgB,kBAAkB,EAChC,gBACA,GAAG,SAGF;CACD,MAAM,EAAE,SAAS,QAAQ,kBAAkB,kBAAkB;CAC7D,MAAM,EAAE,SAAS,SAAS;AAC1B,KAAI,kBAAkB,CAAC,QAAS,QAAO;AAEvC,QACE,qBAAC;EACC,MAAK;EACL,oBAAiB;EACjB,GAAI;EACJ,WAAW,GACT,wLACA,MAAM,UACP;EACD,eAAe;AACb,iBAAc,KAAK;;;GAGrB,oBAAC,UAAO,WAAU,WAAW;GAC5B,KAAK;GACN,oBAAC;IAAI,WAAU;cACZ,OAAO,KAAK,GAAG,MACd,oBAAC;KAAY,WAAU;eACpB,EAAE;OADK,EAEJ,CACN;KACE;;GACC"}

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

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime57 from "react/jsx-runtime";
 import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/shared/theme-toggle.d.ts
 declare function ThemeToggle({
@@ -8,7 +8,7 @@ declare function ThemeToggle({
   ...props
 }: ComponentProps<'div'> & {
   mode?: 'light-dark' | 'light-dark-system';
-}): react_jsx_runtime57.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ThemeToggle };
 //# sourceMappingURL=theme-toggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme-toggle.d.ts","names":[],"sources":["../../../src/layouts/shared/theme-toggle.tsx"],"sourcesContent":[],"mappings":";;;;iBAkBgB,WAAA;;;;GAIb;;IAEF,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"theme-toggle.d.ts","names":[],"sources":["../../../src/layouts/shared/theme-toggle.tsx"],"mappings":";;;;iBAkBgB,WAAA,CAAA;EACd,SAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,cAAA;EACD,IAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/layouts/shared/theme-toggle.js

@@ -1,14 +1,14 @@
 'use client';
 
-import { cn } from "@hanzo/docs-ui/cn";
+import { cn } from "../../utils/cn.js";
+import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Airplay, Moon, Sun } from "lucide-react";
-import { useEffect, useState } from "react";
 import { cva } from "class-variance-authority";
 import { useTheme } from "next-themes";
 
 //#region src/layouts/shared/theme-toggle.tsx
-const itemVariants = cva("size-6.5 rounded-full p-1.5 text-fd-muted-foreground", { variants: { active: {
+const itemVariants = cva("size-6.5 p-1.5 text-fd-muted-foreground", { variants: { active: {
 	true: "bg-fd-accent text-fd-accent-foreground",
 	false: "text-fd-muted-foreground"
 } } });
@@ -23,19 +23,19 @@ function ThemeToggle({ className, mode = "light-dark", ...props }) {
 	useEffect(() => {
 		setMounted(true);
 	}, []);
-	const container = cn("inline-flex items-center rounded-full border p-1", className);
+	const container = cn("inline-flex items-center rounded-full border p-1 *:rounded-full", className);
 	if (mode === "light-dark") {
-		const value$1 = mounted ? resolvedTheme : null;
+		const value = mounted ? resolvedTheme : null;
 		return /* @__PURE__ */ jsx("button", {
 			className: container,
 			"aria-label": `Toggle Theme`,
-			onClick: () => setTheme(value$1 === "light" ? "dark" : "light"),
+			onClick: () => setTheme(value === "light" ? "dark" : "light"),
 			"data-theme-toggle": "",
 			children: full.map(([key, Icon]) => {
 				if (key === "system") return;
 				return /* @__PURE__ */ jsx(Icon, {
 					fill: "currentColor",
-					className: cn(itemVariants({ active: value$1 === key }))
+					className: cn(itemVariants({ active: value === key }))
 				}, key);
 			})
 		});

package/dist/layouts/shared/theme-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-toggle.js","names":["value"],"sources":["../../../src/layouts/shared/theme-toggle.tsx"],"sourcesContent":["'use client';\nimport { cva } from 'class-variance-authority';\nimport { Airplay, Moon, Sun } from 'lucide-react';\nimport { useTheme } from 'next-themes';\nimport { ComponentProps, useEffect, useState } from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\n\nconst itemVariants = cva('size-6.5 rounded-full p-1.5 text-fd-muted-foreground', {\n  variants: {\n    active: {\n      true: 'bg-fd-accent text-fd-accent-foreground',\n      false: 'text-fd-muted-foreground',\n    },\n  },\n});\n\nconst full = [['light', Sun] as const, ['dark', Moon] as const, ['system', Airplay] as const];\n\nexport function ThemeToggle({\n  className,\n  mode = 'light-dark',\n  ...props\n}: ComponentProps<'div'> & {\n  mode?: 'light-dark' | 'light-dark-system';\n}) {\n  const { setTheme, theme, resolvedTheme } = useTheme();\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  const container = cn('inline-flex items-center rounded-full border p-1', className);\n\n  if (mode === 'light-dark') {\n    const value = mounted ? resolvedTheme : null;\n\n    return (\n      <button\n        className={container}\n        aria-label={`Toggle Theme`}\n        onClick={() => setTheme(value === 'light' ? 'dark' : 'light')}\n        data-theme-toggle=\"\"\n      >\n        {full.map(([key, Icon]) => {\n          if (key === 'system') return;\n\n          return (\n            <Icon\n              key={key}\n              fill=\"currentColor\"\n              className={cn(itemVariants({ active: value === key }))}\n            />\n          );\n        })}\n      </button>\n    );\n  }\n\n  const value = mounted ? theme : null;\n\n  return (\n    <div className={container} data-theme-toggle=\"\" {...props}>\n      {full.map(([key, Icon]) => (\n        <button\n          key={key}\n          aria-label={key}\n          className={cn(itemVariants({ active: value === key }))}\n          onClick={() => setTheme(key)}\n        >\n          <Icon className=\"size-full\" fill=\"currentColor\" />\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAOA,MAAM,eAAe,IAAI,wDAAwD,EAC/E,UAAU,EACR,QAAQ;CACN,MAAM;CACN,OAAO;CACR,EACF,EACF,CAAC;AAEF,MAAM,OAAO;CAAC,CAAC,SAAS,IAAI;CAAW,CAAC,QAAQ,KAAK;CAAW,CAAC,UAAU,QAAQ;CAAU;AAE7F,SAAgB,YAAY,EAC1B,WACA,OAAO,cACP,GAAG,SAGF;CACD,MAAM,EAAE,UAAU,OAAO,kBAAkB,UAAU;CACrD,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;AAE7C,iBAAgB;AACd,aAAW,KAAK;IACf,EAAE,CAAC;CAEN,MAAM,YAAY,GAAG,oDAAoD,UAAU;AAEnF,KAAI,SAAS,cAAc;EACzB,MAAMA,UAAQ,UAAU,gBAAgB;AAExC,SACE,oBAAC;GACC,WAAW;GACX,cAAY;GACZ,eAAe,SAASA,YAAU,UAAU,SAAS,QAAQ;GAC7D,qBAAkB;aAEjB,KAAK,KAAK,CAAC,KAAK,UAAU;AACzB,QAAI,QAAQ,SAAU;AAEtB,WACE,oBAAC;KAEC,MAAK;KACL,WAAW,GAAG,aAAa,EAAE,QAAQA,YAAU,KAAK,CAAC,CAAC;OAFjD,IAGL;KAEJ;IACK;;CAIb,MAAM,QAAQ,UAAU,QAAQ;AAEhC,QACE,oBAAC;EAAI,WAAW;EAAW,qBAAkB;EAAG,GAAI;YACjD,KAAK,KAAK,CAAC,KAAK,UACf,oBAAC;GAEC,cAAY;GACZ,WAAW,GAAG,aAAa,EAAE,QAAQ,UAAU,KAAK,CAAC,CAAC;GACtD,eAAe,SAAS,IAAI;aAE5B,oBAAC;IAAK,WAAU;IAAY,MAAK;KAAiB;KAL7C,IAME,CACT;GACE"}
+{"version":3,"file":"theme-toggle.js","names":[],"sources":["../../../src/layouts/shared/theme-toggle.tsx"],"sourcesContent":["'use client';\nimport { cva } from 'class-variance-authority';\nimport { Airplay, Moon, Sun } from 'lucide-react';\nimport { useTheme } from 'next-themes';\nimport { ComponentProps, useEffect, useState } from 'react';\nimport { cn } from '@/utils/cn';\n\nconst itemVariants = cva('size-6.5 p-1.5 text-fd-muted-foreground', {\n  variants: {\n    active: {\n      true: 'bg-fd-accent text-fd-accent-foreground',\n      false: 'text-fd-muted-foreground',\n    },\n  },\n});\n\nconst full = [['light', Sun] as const, ['dark', Moon] as const, ['system', Airplay] as const];\n\nexport function ThemeToggle({\n  className,\n  mode = 'light-dark',\n  ...props\n}: ComponentProps<'div'> & {\n  mode?: 'light-dark' | 'light-dark-system';\n}) {\n  const { setTheme, theme, resolvedTheme } = useTheme();\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  const container = cn(\n    'inline-flex items-center rounded-full border p-1 *:rounded-full',\n    className,\n  );\n\n  if (mode === 'light-dark') {\n    const value = mounted ? resolvedTheme : null;\n\n    return (\n      <button\n        className={container}\n        aria-label={`Toggle Theme`}\n        onClick={() => setTheme(value === 'light' ? 'dark' : 'light')}\n        data-theme-toggle=\"\"\n      >\n        {full.map(([key, Icon]) => {\n          if (key === 'system') return;\n\n          return (\n            <Icon\n              key={key}\n              fill=\"currentColor\"\n              className={cn(itemVariants({ active: value === key }))}\n            />\n          );\n        })}\n      </button>\n    );\n  }\n\n  const value = mounted ? theme : null;\n\n  return (\n    <div className={container} data-theme-toggle=\"\" {...props}>\n      {full.map(([key, Icon]) => (\n        <button\n          key={key}\n          aria-label={key}\n          className={cn(itemVariants({ active: value === key }))}\n          onClick={() => setTheme(key)}\n        >\n          <Icon className=\"size-full\" fill=\"currentColor\" />\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAOA,MAAM,eAAe,IAAI,2CAA2C,EAClE,UAAU,EACR,QAAQ;CACN,MAAM;CACN,OAAO;CACR,EACF,EACF,CAAC;AAEF,MAAM,OAAO;CAAC,CAAC,SAAS,IAAI;CAAW,CAAC,QAAQ,KAAK;CAAW,CAAC,UAAU,QAAQ;CAAU;AAE7F,SAAgB,YAAY,EAC1B,WACA,OAAO,cACP,GAAG,SAGF;CACD,MAAM,EAAE,UAAU,OAAO,kBAAkB,UAAU;CACrD,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;AAE7C,iBAAgB;AACd,aAAW,KAAK;IACf,EAAE,CAAC;CAEN,MAAM,YAAY,GAChB,mEACA,UACD;AAED,KAAI,SAAS,cAAc;EACzB,MAAM,QAAQ,UAAU,gBAAgB;AAExC,SACE,oBAAC;GACC,WAAW;GACX,cAAY;GACZ,eAAe,SAAS,UAAU,UAAU,SAAS,QAAQ;GAC7D,qBAAkB;aAEjB,KAAK,KAAK,CAAC,KAAK,UAAU;AACzB,QAAI,QAAQ,SAAU;AAEtB,WACE,oBAAC;KAEC,MAAK;KACL,WAAW,GAAG,aAAa,EAAE,QAAQ,UAAU,KAAK,CAAC,CAAC;OAFjD,IAGL;KAEJ;IACK;;CAIb,MAAM,QAAQ,UAAU,QAAQ;AAEhC,QACE,oBAAC;EAAI,WAAW;EAAW,qBAAkB;EAAG,GAAI;YACjD,KAAK,KAAK,CAAC,KAAK,UACf,oBAAC;GAEC,cAAY;GACZ,WAAW,GAAG,aAAa,EAAE,QAAQ,UAAU,KAAK,CAAC,CAAC;GACtD,eAAe,SAAS,IAAI;aAE5B,oBAAC;IAAK,WAAU;IAAY,MAAK;KAAiB;KAL7C,IAME,CACT;GACE"}

package/dist/mdx.d.ts

@@ -2,8 +2,8 @@ import { Callout, CalloutContainer, CalloutDescription, CalloutTitle } from "./c
 import { Card, Cards } from "./components/card.js";
 import { CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger } from "./components/codeblock.js";
 import { createRelativeLink as createRelativeLink$1 } from "./mdx.server.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { AnchorHTMLAttributes, FC, HTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/mdx.d.ts
 declare function Image(props: ImgHTMLAttributes<HTMLImageElement> & {

package/dist/mdx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mdx.d.ts","names":[],"sources":["../src/mdx.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBAsBS,KAAA,QACA,kBAAkB;;IAExB,kBAAA,CAAA,GAAA,CAAA;iBAYM,KAAA,QAAa,oBAAoB,oBAAiB,kBAAA,CAAA,GAAA,CAAA;AAjB3B,cAyB1B,oBAvBQ,EAAA;EACa,YAAA,EAAA,mBAAA;EAAlB,aAAA,EAAA,oBAAA;EAEN,iBAAA,EAAA,wBAAA;EAAA,oBAAA,EAAA,2BAAA;EAYM,GAAA,EAAA,CAAA,KAAK,EAaC,cAbD,CAagB,cAbhB,CAAA,EAAA,GAa+B,kBAAA,CAAA,GAAA,CAAA,OAb/B;EAA4B,IAAA,EAAA,WAAA;EAApB,KAAA,EAAA,YAAA;EAAqC,CAAA,EAoB9C,EApB8C,CAoB3C,oBApB2C,CAoBtB,iBApBsB,CAAA,CAAA;EAAA,GAAA,EAAA,YAAA;EAQrD,EAAA,EAAA,CAAA,KAAA,EAcQ,cAWb,CAX4B,kBAW5B,CAAA,EAAA,GAX+C,kBAAA,CAAA,GAAA,CAAA,OAW/C;cAVa,eAAe,wBAAmB,kBAAA,CAAA,GAAA,CAAA;cAClC,eAAe,wBAAmB,kBAAA,CAAA,GAAA,CAAA;cAClC,eAAe,wBAAmB,kBAAA,CAAA,GAAA,CAAA;cAClC,eAAe,wBAAmB,kBAAA,CAAA,GAAA,CAAA;EAblB,EAAA,EAAA,CAAA,KAAA,EAchB,cAdgB,CAcD,kBAdC,CAAA,EAAA,GAckB,kBAAA,CAAA,GAAA,CAAA,OAdlB;EAAf,KAAA,EAAA,YAAA;EAA8B,OAAA,EAAA,cAAA;;;EAOR,kBAAA,EAAA,yBAAA;CAArB;AAAH,cAeA,kBAfA,EAAA,OAiBZ,oBAjBY"}
+{"version":3,"file":"mdx.d.ts","names":[],"sources":["../src/mdx.tsx"],"mappings":";;;;;;;;iBAsBS,KAAA,CACP,KAAA,EAAO,iBAAA,CAAkB,gBAAA;EACvB,KAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAYM,KAAA,CAAM,KAAA,EAAO,mBAAA,CAAoB,gBAAA,IAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAQrD,oBAAA;;;;;eAKS,cAAA,CAAe,cAAA,MAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KAOhC,EAAA,CAAG,oBAAA,CAAqB,iBAAA;;cAEvB,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;cAQnC,kBAAA,SAEZ,oBAAA"}

package/dist/mdx.js

@@ -1,11 +1,11 @@
+import { cn } from "./utils/cn.js";
 import { Card, Cards } from "./components/card.js";
 import { Callout, CalloutContainer, CalloutDescription, CalloutTitle } from "./components/callout.js";
 import { Heading } from "./components/heading.js";
 import { CodeBlock, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre } from "./components/codeblock.js";
-import Link from "@hanzo/docs-core/link";
 import { Image } from "@hanzo/docs-core/framework";
-import { cn } from "@hanzo/docs-ui/cn";
 import { jsx } from "react/jsx-runtime";
+import Link from "@hanzo/docs-core/link";
 
 //#region src/mdx.tsx
 function Image$1(props) {

package/dist/mdx.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdx.js","names":["Image","FrameworkImage"],"sources":["../src/mdx.tsx"],"sourcesContent":["import Link from '@hanzo/docs-core/link';\nimport type {\n  AnchorHTMLAttributes,\n  FC,\n  HTMLAttributes,\n  ImgHTMLAttributes,\n  TableHTMLAttributes,\n} from 'react';\nimport { Image as FrameworkImage } from '@hanzo/docs-core/framework';\nimport { Card, Cards } from '@/components/card';\nimport { Callout, CalloutContainer, CalloutDescription, CalloutTitle } from '@/components/callout';\nimport { Heading } from '@/components/heading';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport {\n  CodeBlock,\n  CodeBlockTab,\n  CodeBlockTabs,\n  CodeBlockTabsList,\n  CodeBlockTabsTrigger,\n  Pre,\n} from '@/components/codeblock';\n\nfunction Image(\n  props: ImgHTMLAttributes<HTMLImageElement> & {\n    sizes?: string;\n  },\n) {\n  return (\n    <FrameworkImage\n      sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px\"\n      {...props}\n      src={props.src as unknown as string}\n      className={cn('rounded-lg', props.className)}\n    />\n  );\n}\n\nfunction Table(props: TableHTMLAttributes<HTMLTableElement>) {\n  return (\n    <div className=\"relative overflow-auto prose-no-margin my-6\">\n      <table {...props} />\n    </div>\n  );\n}\n\nconst defaultMdxComponents = {\n  CodeBlockTab,\n  CodeBlockTabs,\n  CodeBlockTabsList,\n  CodeBlockTabsTrigger,\n  pre: (props: HTMLAttributes<HTMLPreElement>) => (\n    <CodeBlock {...props}>\n      <Pre>{props.children}</Pre>\n    </CodeBlock>\n  ),\n  Card,\n  Cards,\n  a: Link as FC<AnchorHTMLAttributes<HTMLAnchorElement>>,\n  img: Image,\n  h1: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h1\" {...props} />,\n  h2: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h2\" {...props} />,\n  h3: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h3\" {...props} />,\n  h4: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h4\" {...props} />,\n  h5: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h5\" {...props} />,\n  h6: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h6\" {...props} />,\n  table: Table,\n  Callout,\n  CalloutContainer,\n  CalloutTitle,\n  CalloutDescription,\n};\n\nexport const createRelativeLink: typeof import('./mdx.server').createRelativeLink = () => {\n  throw new Error('`createRelativeLink` is only supported in Node.js environment');\n};\n\nexport { defaultMdxComponents as default };\n"],"mappings":";;;;;;;;;;AAsBA,SAASA,QACP,OAGA;AACA,QACE,oBAACC;EACC,OAAM;EACN,GAAI;EACJ,KAAK,MAAM;EACX,WAAW,GAAG,cAAc,MAAM,UAAU;GAC5C;;AAIN,SAAS,MAAM,OAA8C;AAC3D,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC,WAAM,GAAI,QAAS;GAChB;;AAIV,MAAM,uBAAuB;CAC3B;CACA;CACA;CACA;CACA,MAAM,UACJ,oBAAC;EAAU,GAAI;YACb,oBAAC,iBAAK,MAAM,WAAe;GACjB;CAEd;CACA;CACA,GAAG;CACH,KAAKD;CACL,KAAK,UAA8C,oBAAC;EAAQ,IAAG;EAAK,GAAI;GAAS;CACjF,KAAK,UAA8C,oBAAC;EAAQ,IAAG;EAAK,GAAI;GAAS;CACjF,KAAK,UAA8C,oBAAC;EAAQ,IAAG;EAAK,GAAI;GAAS;CACjF,KAAK,UAA8C,oBAAC;EAAQ,IAAG;EAAK,GAAI;GAAS;CACjF,KAAK,UAA8C,oBAAC;EAAQ,IAAG;EAAK,GAAI;GAAS;CACjF,KAAK,UAA8C,oBAAC;EAAQ,IAAG;EAAK,GAAI;GAAS;CACjF,OAAO;CACP;CACA;CACA;CACA;CACD;AAED,MAAa,2BAA6E;AACxF,OAAM,IAAI,MAAM,gEAAgE"}
+{"version":3,"file":"mdx.js","names":["Image","FrameworkImage"],"sources":["../src/mdx.tsx"],"sourcesContent":["import Link from '@hanzo/docs-core/link';\nimport type {\n  AnchorHTMLAttributes,\n  FC,\n  HTMLAttributes,\n  ImgHTMLAttributes,\n  TableHTMLAttributes,\n} from 'react';\nimport { Image as FrameworkImage } from '@hanzo/docs-core/framework';\nimport { Card, Cards } from '@/components/card';\nimport { Callout, CalloutContainer, CalloutDescription, CalloutTitle } from '@/components/callout';\nimport { Heading } from '@/components/heading';\nimport { cn } from '@/utils/cn';\nimport {\n  CodeBlock,\n  CodeBlockTab,\n  CodeBlockTabs,\n  CodeBlockTabsList,\n  CodeBlockTabsTrigger,\n  Pre,\n} from '@/components/codeblock';\n\nfunction Image(\n  props: ImgHTMLAttributes<HTMLImageElement> & {\n    sizes?: string;\n  },\n) {\n  return (\n    <FrameworkImage\n      sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px\"\n      {...props}\n      src={props.src as unknown as string}\n      className={cn('rounded-lg', props.className)}\n    />\n  );\n}\n\nfunction Table(props: TableHTMLAttributes<HTMLTableElement>) {\n  return (\n    <div className=\"relative overflow-auto prose-no-margin my-6\">\n      <table {...props} />\n    </div>\n  );\n}\n\nconst defaultMdxComponents = {\n  CodeBlockTab,\n  CodeBlockTabs,\n  CodeBlockTabsList,\n  CodeBlockTabsTrigger,\n  pre: (props: HTMLAttributes<HTMLPreElement>) => (\n    <CodeBlock {...props}>\n      <Pre>{props.children}</Pre>\n    </CodeBlock>\n  ),\n  Card,\n  Cards,\n  a: Link as FC<AnchorHTMLAttributes<HTMLAnchorElement>>,\n  img: Image,\n  h1: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h1\" {...props} />,\n  h2: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h2\" {...props} />,\n  h3: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h3\" {...props} />,\n  h4: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h4\" {...props} />,\n  h5: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h5\" {...props} />,\n  h6: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h6\" {...props} />,\n  table: Table,\n  Callout,\n  CalloutContainer,\n  CalloutTitle,\n  CalloutDescription,\n};\n\nexport const createRelativeLink: typeof import('./mdx.server').createRelativeLink = () => {\n  throw new Error('`createRelativeLink` is only supported in Node.js environment');\n};\n\nexport { defaultMdxComponents as default };\n"],"mappings":";;;;;;;;;;AAsBA,SAASA,QACP,OAGA;AACA,QACE,oBAACC;EACC,OAAM;EACN,GAAI;EACJ,KAAK,MAAM;EACX,WAAW,GAAG,cAAc,MAAM,UAAU;GAC5C;;AAIN,SAAS,MAAM,OAA8C;AAC3D,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC,WAAM,GAAI,QAAS;GAChB;;AAIV,MAAM,uBAAuB;CAC3B;CACA;CACA;CACA;CACA,MAAM,UACJ,oBAAC;EAAU,GAAI;YACb,oBAAC,iBAAK,MAAM,WAAe;GACjB;CAEd;CACA;CACA,GAAG;CACH,KAAKD;CACL,KAAK,UAA8C,oBAAC;EAAQ,IAAG;EAAK,GAAI;GAAS;CACjF,KAAK,UAA8C,oBAAC;EAAQ,IAAG;EAAK,GAAI;GAAS;CACjF,KAAK,UAA8C,oBAAC;EAAQ,IAAG;EAAK,GAAI;GAAS;CACjF,KAAK,UAA8C,oBAAC;EAAQ,IAAG;EAAK,GAAI;GAAS;CACjF,KAAK,UAA8C,oBAAC;EAAQ,IAAG;EAAK,GAAI;GAAS;CACjF,KAAK,UAA8C,oBAAC;EAAQ,IAAG;EAAK,GAAI;GAAS;CACjF,OAAO;CACP;CACA;CACA;CACA;CACD;AAED,MAAa,2BAA6E;AACxF,OAAM,IAAI,MAAM,gEAAgE"}

package/dist/mdx.server.d.ts

@@ -3,7 +3,6 @@ import { ComponentProps, FC } from "react";
 import { LoaderConfig, LoaderOutput, Page } from "@hanzo/docs-core/source";
 
 //#region src/mdx.server.d.ts
-
 /**
  * Extend the default Link component to resolve relative file paths in `href`.
  *

package/dist/mdx.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mdx.server.d.ts","names":[],"sources":["../src/mdx.server.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAWA;;;;;AAGmB,iBAHH,kBAGG,CAAA,UAH0B,YAG1B,CAAA,CAAA,MAAA,EAFT,YAES,CAFI,CAEJ,CAAA,EAAA,IAAA,EADX,IACW,EAAA,YAAA,CAAA,EAAH,EAAG,CAAA,cAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAChB,EADgB,CACb,cADa,CAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"mdx.server.d.ts","names":[],"sources":["../src/mdx.server.tsx"],"mappings":";;;;;;;AAWA;;;;;iBAAgB,kBAAA,WAA6B,YAAA,CAAA,CAC3C,MAAA,EAAQ,YAAA,CAAa,CAAA,GACrB,IAAA,EAAM,IAAA,EACN,YAAA,GAAc,EAAA,CAAG,cAAA,SAChB,EAAA,CAAG,cAAA"}

package/dist/og.d.ts

@@ -1 +1,23 @@
-export * from "@hanzo/docs-radix-ui/og/next";
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ImageResponse } from "next/og";
+import { ImageResponseOptions } from "next/dist/compiled/@vercel/og/types";
+
+//#region src/og.d.ts
+interface GenerateProps {
+  title: ReactNode;
+  description?: ReactNode;
+  icon?: ReactNode;
+  primaryColor?: string;
+  primaryTextColor?: string;
+  site?: ReactNode;
+}
+declare function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse;
+declare function generate({
+  primaryColor,
+  primaryTextColor,
+  ...props
+}: GenerateProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { generate, generateOGImage };
+//# sourceMappingURL=og.d.ts.map

package/dist/og.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"og.d.ts","names":[],"sources":["../src/og.tsx"],"mappings":";;;;;;UAIU,aAAA;EACR,KAAA,EAAO,SAAA;EACP,WAAA,GAAc,SAAA;EACd,IAAA,GAAO,SAAA;EACP,YAAA;EACA,gBAAA;EACA,IAAA,GAAO,SAAA;AAAA;AAAA,iBAGO,eAAA,CAAgB,OAAA,EAAS,aAAA,GAAgB,oBAAA,GAAuB,aAAA;AAAA,iBAoBhE,QAAA,CAAA;EACd,YAAA;EACA,gBAAA;EAAA,GACG;AAAA,GACF,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/og.js

@@ -1,3 +1,70 @@
-export * from "@hanzo/docs-radix-ui/og/next"
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ImageResponse } from "next/og";
 
-export {  };
+//#region src/og.tsx
+function generateOGImage(options) {
+	const { title, description, icon, site, primaryColor, primaryTextColor, ...rest } = options;
+	return new ImageResponse(generate({
+		title,
+		description,
+		icon,
+		site,
+		primaryTextColor,
+		primaryColor
+	}), {
+		width: 1200,
+		height: 630,
+		...rest
+	});
+}
+function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "rgb(255,150,255)", ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%",
+			height: "100%",
+			color: "white",
+			padding: "4rem",
+			backgroundColor: "#0c0c0c",
+			backgroundImage: `linear-gradient(to top right, ${primaryColor}, transparent)`
+		},
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				style: {
+					display: "flex",
+					flexDirection: "row",
+					alignItems: "center",
+					gap: "16px",
+					marginBottom: "12px",
+					color: primaryTextColor
+				},
+				children: [props.icon, /* @__PURE__ */ jsx("p", {
+					style: {
+						fontSize: "56px",
+						fontWeight: 600
+					},
+					children: props.site
+				})]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				style: {
+					fontWeight: 800,
+					fontSize: "82px"
+				},
+				children: props.title
+			}),
+			/* @__PURE__ */ jsx("p", {
+				style: {
+					fontSize: "52px",
+					color: "rgba(240,240,240,0.8)"
+				},
+				children: props.description
+			})
+		]
+	});
+}
+
+//#endregion
+export { generate, generateOGImage };
+//# sourceMappingURL=og.js.map

package/dist/og.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"og.js","names":[],"sources":["../src/og.tsx"],"sourcesContent":["import { ImageResponse } from 'next/og';\nimport type { ReactNode } from 'react';\nimport type { ImageResponseOptions } from 'next/dist/compiled/@vercel/og/types';\n\ninterface GenerateProps {\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  primaryColor?: string;\n  primaryTextColor?: string;\n  site?: ReactNode;\n}\n\nexport function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse {\n  const { title, description, icon, site, primaryColor, primaryTextColor, ...rest } = options;\n\n  return new ImageResponse(\n    generate({\n      title,\n      description,\n      icon,\n      site,\n      primaryTextColor,\n      primaryColor,\n    }),\n    {\n      width: 1200,\n      height: 630,\n      ...rest,\n    },\n  );\n}\n\nexport function generate({\n  primaryColor = 'rgba(255,150,255,0.3)',\n  primaryTextColor = 'rgb(255,150,255)',\n  ...props\n}: GenerateProps) {\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        width: '100%',\n        height: '100%',\n        color: 'white',\n        padding: '4rem',\n        backgroundColor: '#0c0c0c',\n        backgroundImage: `linear-gradient(to top right, ${primaryColor}, transparent)`,\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'row',\n          alignItems: 'center',\n          gap: '16px',\n          marginBottom: '12px',\n          color: primaryTextColor,\n        }}\n      >\n        {props.icon}\n        <p\n          style={{\n            fontSize: '56px',\n            fontWeight: 600,\n          }}\n        >\n          {props.site}\n        </p>\n      </div>\n\n      <p\n        style={{\n          fontWeight: 800,\n          fontSize: '82px',\n        }}\n      >\n        {props.title}\n      </p>\n      <p\n        style={{\n          fontSize: '52px',\n          color: 'rgba(240,240,240,0.8)',\n        }}\n      >\n        {props.description}\n      </p>\n    </div>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,gBAAgB,SAA8D;CAC5F,MAAM,EAAE,OAAO,aAAa,MAAM,MAAM,cAAc,kBAAkB,GAAG,SAAS;AAEpF,QAAO,IAAI,cACT,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACF;EACE,OAAO;EACP,QAAQ;EACR,GAAG;EACJ,CACF;;AAGH,SAAgB,SAAS,EACvB,eAAe,yBACf,mBAAmB,oBACnB,GAAG,SACa;AAChB,QACE,qBAAC;EACC,OAAO;GACL,SAAS;GACT,eAAe;GACf,OAAO;GACP,QAAQ;GACR,OAAO;GACP,SAAS;GACT,iBAAiB;GACjB,iBAAiB,iCAAiC,aAAa;GAChE;;GAED,qBAAC;IACC,OAAO;KACL,SAAS;KACT,eAAe;KACf,YAAY;KACZ,KAAK;KACL,cAAc;KACd,OAAO;KACR;eAEA,MAAM,MACP,oBAAC;KACC,OAAO;MACL,UAAU;MACV,YAAY;MACb;eAEA,MAAM;MACL;KACA;GAEN,oBAAC;IACC,OAAO;KACL,YAAY;KACZ,UAAU;KACX;cAEA,MAAM;KACL;GACJ,oBAAC;IACC,OAAO;KACL,UAAU;KACV,OAAO;KACR;cAEA,MAAM;KACL;;GACA"}

package/dist/page.d.ts

@@ -1,7 +1,7 @@
 import { PageBreadcrumb, PageLastUpdate } from "./layouts/docs/page/client.js";
 import { DocsBody, DocsDescription, DocsPageProps as DocsPageProps$1, DocsTitle, EditOnGitHub } from "./layouts/docs/page/index.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/page.d.ts
 interface EditOnGitHubOptions extends Omit<ComponentProps<'a'>, 'href' | 'children'> {
@@ -25,13 +25,13 @@ interface DocsPageProps extends DocsPageProps$1 {
 /**
  * For separate MDX page
  */
-declare function withArticle(props: ComponentProps<'main'>): react_jsx_runtime8.JSX.Element;
+declare function withArticle(props: ComponentProps<'main'>): react_jsx_runtime0.JSX.Element;
 declare function DocsPage({
   lastUpdate,
   editOnGithub,
   children,
   ...props
-}: DocsPageProps): react_jsx_runtime8.JSX.Element;
+}: DocsPageProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DocsBody, DocsDescription, DocsPage, DocsPageProps, DocsTitle, EditOnGitHub, PageBreadcrumb, PageLastUpdate, withArticle };
 //# sourceMappingURL=page.d.ts.map

package/dist/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","names":[],"sources":["../src/page.tsx"],"sourcesContent":[],"mappings":";;;;;;UAkBU,mBAAA,SAA4B,KAAK;;;EAAjC;AAiBV;;;;EAAyD,GAAA,CAAA,EAAA,MAAA;EAQzC;AAQhB;;EAAuC,IAAA,EAAA,MAAA;;AAAoC,UAhB1D,aAAA,SAAsB,eAgBoC,CAAA;EAAa,YAAA,CAAA,EAfvE,mBAeuE;EAAA,UAAA,CAAA,EAdzE,IAcyE,GAAA,MAAA,GAAA,MAAA;;;;;iBARxE,WAAA,QAAmB,yBAAsB,kBAAA,CAAA,GAAA,CAAA;iBAQzC,QAAA;;;;;GAA2D,gBAAa,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"page.d.ts","names":[],"sources":["../src/page.tsx"],"mappings":";;;;;;UAkBU,mBAAA,SAA4B,IAAA,CAAK,cAAA;EACzC,KAAA;EACA,IAAA;EAFQ;;;;;EASR,GAAA;EARA;;;EAaA,IAAA;AAAA;AAAA,UAGe,aAAA,SAAsB,eAAA;EACrC,YAAA,GAAe,mBAAA;EACf,UAAA,GAAa,IAAA;AAAA;;;;iBAMC,WAAA,CAAY,KAAA,EAAO,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAQzC,QAAA,CAAA;EAAW,UAAA;EAAY,YAAA;EAAc,QAAA;EAAA,GAAa;AAAA,GAAS,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/page.js

@@ -1,12 +1,12 @@
 'use client';
 
+import { cn } from "./utils/cn.js";
 import { LayoutContext } from "./layouts/docs/client.js";
 import { PageBreadcrumb, PageLastUpdate } from "./layouts/docs/page/client.js";
 import { DocsBody, DocsDescription, DocsTitle, EditOnGitHub, page_exports } from "./layouts/docs/page/index.js";
 import { page_exports as page_exports$1 } from "./layouts/notebook/page/index.js";
-import { cn } from "@hanzo/docs-ui/cn";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { use } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/page.tsx
 /**
@@ -23,12 +23,12 @@ function withArticle(props) {
 	});
 }
 function DocsPage({ lastUpdate, editOnGithub, children, ...props }) {
-	const { DocsPage: DocsPage$1, EditOnGitHub: EditOnGitHub$1, PageLastUpdate: PageLastUpdate$1 } = use(LayoutContext) ? page_exports : page_exports$1;
-	return /* @__PURE__ */ jsxs(DocsPage$1, {
+	const { DocsPage, EditOnGitHub, PageLastUpdate } = use(LayoutContext) ? page_exports : page_exports$1;
+	return /* @__PURE__ */ jsxs(DocsPage, {
 		...props,
 		children: [children, /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-row flex-wrap items-center justify-between gap-4 empty:hidden",
-			children: [editOnGithub && /* @__PURE__ */ jsx(EditOnGitHub$1, { href: `https://github.com/${editOnGithub.owner}/${editOnGithub.repo}/blob/${editOnGithub.sha}/${editOnGithub.path.startsWith("/") ? editOnGithub.path.slice(1) : editOnGithub.path}` }), lastUpdate && /* @__PURE__ */ jsx(PageLastUpdate$1, { date: new Date(lastUpdate) })]
+			children: [editOnGithub && /* @__PURE__ */ jsx(EditOnGitHub, { href: `https://github.com/${editOnGithub.owner}/${editOnGithub.repo}/blob/${editOnGithub.sha}/${editOnGithub.path.startsWith("/") ? editOnGithub.path.slice(1) : editOnGithub.path}` }), lastUpdate && /* @__PURE__ */ jsx(PageLastUpdate, { date: new Date(lastUpdate) })]
 		})]
 	});
 }

package/dist/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","names":["Docs","Notebook","DocsPage","EditOnGitHub","PageLastUpdate"],"sources":["../src/page.tsx"],"sourcesContent":["'use client';\nimport { type ComponentProps, use } from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport * as Docs from './layouts/docs/page';\nimport * as Notebook from './layouts/notebook/page';\nimport { LayoutContext } from './layouts/docs/client';\n\n// TODO: remove this compat layer on v17\n\nexport {\n  DocsDescription,\n  DocsTitle,\n  EditOnGitHub,\n  DocsBody,\n  PageBreadcrumb,\n  PageLastUpdate,\n} from './layouts/docs/page';\n\ninterface EditOnGitHubOptions extends Omit<ComponentProps<'a'>, 'href' | 'children'> {\n  owner: string;\n  repo: string;\n\n  /**\n   * SHA or ref (branch or tag) name.\n   *\n   * @defaultValue main\n   */\n  sha?: string;\n\n  /**\n   * File path in the repo\n   */\n  path: string;\n}\n\nexport interface DocsPageProps extends Docs.DocsPageProps {\n  editOnGithub?: EditOnGitHubOptions;\n  lastUpdate?: Date | string | number;\n}\n\n/**\n * For separate MDX page\n */\nexport function withArticle(props: ComponentProps<'main'>) {\n  return (\n    <main {...props} className={cn('w-full max-w-[1400px] mx-auto px-4 py-12', props.className)}>\n      <article className=\"prose\">{props.children}</article>\n    </main>\n  );\n}\n\nexport function DocsPage({ lastUpdate, editOnGithub, children, ...props }: DocsPageProps) {\n  const docsLayoutCtx = use(LayoutContext);\n  const { DocsPage, EditOnGitHub, PageLastUpdate } = docsLayoutCtx ? Docs : Notebook;\n\n  return (\n    <DocsPage {...props}>\n      {children}\n      <div className=\"flex flex-row flex-wrap items-center justify-between gap-4 empty:hidden\">\n        {editOnGithub && (\n          <EditOnGitHub\n            href={`https://github.com/${editOnGithub.owner}/${editOnGithub.repo}/blob/${editOnGithub.sha}/${editOnGithub.path.startsWith('/') ? editOnGithub.path.slice(1) : editOnGithub.path}`}\n          />\n        )}\n        {lastUpdate && <PageLastUpdate date={new Date(lastUpdate)} />}\n      </div>\n    </DocsPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA2CA,SAAgB,YAAY,OAA+B;AACzD,QACE,oBAAC;EAAK,GAAI;EAAO,WAAW,GAAG,4CAA4C,MAAM,UAAU;YACzF,oBAAC;GAAQ,WAAU;aAAS,MAAM;IAAmB;GAChD;;AAIX,SAAgB,SAAS,EAAE,YAAY,cAAc,UAAU,GAAG,SAAwB;CAExF,MAAM,EAAE,sBAAU,8BAAc,qCADV,IAAI,cAAc,GAC2BA,eAAOC;AAE1E,QACE,qBAACC;EAAS,GAAI;aACX,UACD,qBAAC;GAAI,WAAU;cACZ,gBACC,oBAACC,kBACC,MAAM,sBAAsB,aAAa,MAAM,GAAG,aAAa,KAAK,QAAQ,aAAa,IAAI,GAAG,aAAa,KAAK,WAAW,IAAI,GAAG,aAAa,KAAK,MAAM,EAAE,GAAG,aAAa,SAC9K,EAEH,cAAc,oBAACC,oBAAe,MAAM,IAAI,KAAK,WAAW,GAAI;IACzD;GACG"}
+{"version":3,"file":"page.js","names":["Docs","Notebook"],"sources":["../src/page.tsx"],"sourcesContent":["'use client';\nimport { type ComponentProps, use } from 'react';\nimport { cn } from '@/utils/cn';\nimport * as Docs from './layouts/docs/page';\nimport * as Notebook from './layouts/notebook/page';\nimport { LayoutContext } from './layouts/docs/client';\n\n// TODO: remove this compat layer on v17\n\nexport {\n  DocsDescription,\n  DocsTitle,\n  EditOnGitHub,\n  DocsBody,\n  PageBreadcrumb,\n  PageLastUpdate,\n} from './layouts/docs/page';\n\ninterface EditOnGitHubOptions extends Omit<ComponentProps<'a'>, 'href' | 'children'> {\n  owner: string;\n  repo: string;\n\n  /**\n   * SHA or ref (branch or tag) name.\n   *\n   * @defaultValue main\n   */\n  sha?: string;\n\n  /**\n   * File path in the repo\n   */\n  path: string;\n}\n\nexport interface DocsPageProps extends Docs.DocsPageProps {\n  editOnGithub?: EditOnGitHubOptions;\n  lastUpdate?: Date | string | number;\n}\n\n/**\n * For separate MDX page\n */\nexport function withArticle(props: ComponentProps<'main'>) {\n  return (\n    <main {...props} className={cn('w-full max-w-[1400px] mx-auto px-4 py-12', props.className)}>\n      <article className=\"prose\">{props.children}</article>\n    </main>\n  );\n}\n\nexport function DocsPage({ lastUpdate, editOnGithub, children, ...props }: DocsPageProps) {\n  const docsLayoutCtx = use(LayoutContext);\n  const { DocsPage, EditOnGitHub, PageLastUpdate } = docsLayoutCtx ? Docs : Notebook;\n\n  return (\n    <DocsPage {...props}>\n      {children}\n      <div className=\"flex flex-row flex-wrap items-center justify-between gap-4 empty:hidden\">\n        {editOnGithub && (\n          <EditOnGitHub\n            href={`https://github.com/${editOnGithub.owner}/${editOnGithub.repo}/blob/${editOnGithub.sha}/${editOnGithub.path.startsWith('/') ? editOnGithub.path.slice(1) : editOnGithub.path}`}\n          />\n        )}\n        {lastUpdate && <PageLastUpdate date={new Date(lastUpdate)} />}\n      </div>\n    </DocsPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA2CA,SAAgB,YAAY,OAA+B;AACzD,QACE,oBAAC;EAAK,GAAI;EAAO,WAAW,GAAG,4CAA4C,MAAM,UAAU;YACzF,oBAAC;GAAQ,WAAU;aAAS,MAAM;IAAmB;GAChD;;AAIX,SAAgB,SAAS,EAAE,YAAY,cAAc,UAAU,GAAG,SAAwB;CAExF,MAAM,EAAE,UAAU,cAAc,mBADV,IAAI,cAAc,GAC2BA,eAAOC;AAE1E,QACE,qBAAC;EAAS,GAAI;aACX,UACD,qBAAC;GAAI,WAAU;cACZ,gBACC,oBAAC,gBACC,MAAM,sBAAsB,aAAa,MAAM,GAAG,aAAa,KAAK,QAAQ,aAAa,IAAI,GAAG,aAAa,KAAK,WAAW,IAAI,GAAG,aAAa,KAAK,MAAM,EAAE,GAAG,aAAa,SAC9K,EAEH,cAAc,oBAAC,kBAAe,MAAM,IAAI,KAAK,WAAW,GAAI;IACzD;GACG"}

package/dist/provider/base.d.ts

@@ -1,8 +1,8 @@
+import { SearchProviderProps } from "../contexts/search.js";
 import { DefaultSearchDialogProps } from "../components/dialog/search-default.js";
-import * as react_jsx_runtime101 from "react/jsx-runtime";
+import { I18nProviderProps } from "../contexts/i18n.js";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-import { I18nProviderProps } from "@hanzo/docs-radix-ui/contexts/i18n";
-import { SearchProviderProps } from "@hanzo/docs-radix-ui/contexts/search";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ThemeProvider } from "next-themes";
 
 //#region src/provider/base.d.ts
@@ -44,7 +44,7 @@ declare function RootProvider({
   theme,
   search,
   i18n
-}: RootProviderProps): react_jsx_runtime101.JSX.Element;
+}: RootProviderProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };
 //# sourceMappingURL=base.d.ts.map

package/dist/provider/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","names":[],"sources":["../../src/provider/base.tsx"],"sourcesContent":[],"mappings":";;;;;;;;UASU,aAAA,SAAsB,KAAK;YACzB,QAAQ;;AAH4E;;;;EAEhE,OAAA,CAAA,EAAA,OAAA;;AAWf,UAAA,iBAAA,CAAiB;EASf;;;EAKD,GAAA,CAAA,EAAA,KAAA,GAAA,KAAA;EAAR;;;EAWG,MAAA,CAAA,EAhBF,OAgBE,CAhBM,aAgBN,CAAA;EAAS;AAKtB;;EAEE,KAAA,CAAA,EAlBQ,OAkBR,CAlBgB,wBAkBhB,CAAA,OAlBgD,aAkBhD,CAAA,CAAA,GAAA;IACA;;;;;IAGkB,OAAA,CAAA,EAAA,OAAA;;SAbX,KAAK;aAED;;iBAKG,YAAA;;;;;;GAMb,oBAAiB,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"base.d.ts","names":[],"sources":["../../src/provider/base.tsx"],"mappings":";;;;;;;;UASU,aAAA,SAAsB,IAAA,CAAK,mBAAA;EACnC,OAAA,GAAU,OAAA,CAAQ,wBAAA;;AAHyD;;;;EAU3E,OAAA;AAAA;AAAA,UAGe,iBAAA;EAXmB;;;EAelC,GAAA;EAdA;;;EAmBA,MAAA,GAAS,OAAA,CAAQ,aAAA;EAZV;;AAGT;EAcE,KAAA,GAAQ,OAAA,CAAQ,wBAAA,QAAgC,aAAA;IAdhB;;;;;IAoB9B,OAAA;EAAA;EAGF,IAAA,GAAO,IAAA,CAAK,iBAAA;EAEZ,QAAA,GAAW,SAAA;AAAA;AAAA,iBAKG,YAAA,CAAA;EACd,QAAA;EACA,GAAA;EACA,KAAA;EACA,MAAA;EACA;AAAA,GACC,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/provider/base.js

@@ -1,9 +1,9 @@
 'use client';
 
-import { jsx } from "react/jsx-runtime";
+import { I18nProvider } from "../contexts/i18n.js";
+import { SearchProvider } from "../contexts/search.js";
 import { lazy } from "react";
-import { I18nProvider } from "@hanzo/docs-radix-ui/contexts/i18n";
-import { SearchProvider } from "@hanzo/docs-radix-ui/contexts/search";
+import { jsx } from "react/jsx-runtime";
 import { DirectionProvider } from "@base-ui/react/direction-provider";
 import { ThemeProvider } from "next-themes";
 

package/dist/provider/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","names":[],"sources":["../../src/provider/base.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentPropsWithoutRef, lazy, type ReactNode } from 'react';\nimport { DirectionProvider } from '@base-ui/react/direction-provider';\nimport type { DefaultSearchDialogProps } from '@/components/dialog/search-default';\nimport { ThemeProvider } from 'next-themes';\nimport { I18nProvider, type I18nProviderProps } from '@hanzo/docs-radix-ui/contexts/i18n';\nimport { SearchProvider, type SearchProviderProps } from '@hanzo/docs-radix-ui/contexts/search';\n\ninterface SearchOptions extends Omit<SearchProviderProps, 'children'> {\n  options?: Partial<DefaultSearchDialogProps>;\n\n  /**\n   * Enable search functionality\n   *\n   * @defaultValue `true`\n   */\n  enabled?: boolean;\n}\n\nexport interface RootProviderProps {\n  /**\n   * `dir` option for Base UI\n   */\n  dir?: 'rtl' | 'ltr';\n\n  /**\n   * @remarks `SearchProviderProps`\n   */\n  search?: Partial<SearchOptions>;\n\n  /**\n   * Customise options of `next-themes`\n   */\n  theme?: Partial<ComponentPropsWithoutRef<typeof ThemeProvider>> & {\n    /**\n     * Enable `next-themes`\n     *\n     * @defaultValue true\n     */\n    enabled?: boolean;\n  };\n\n  i18n?: Omit<I18nProviderProps, 'children'>;\n\n  children?: ReactNode;\n}\n\nconst DefaultSearchDialog = lazy(() => import('@/components/dialog/search-default'));\n\nexport function RootProvider({\n  children,\n  dir = 'ltr',\n  theme = {},\n  search,\n  i18n,\n}: RootProviderProps) {\n  let body = children;\n\n  if (search?.enabled !== false)\n    body = (\n      <SearchProvider SearchDialog={DefaultSearchDialog} {...search}>\n        {body}\n      </SearchProvider>\n    );\n\n  if (theme?.enabled !== false)\n    body = (\n      <ThemeProvider\n        attribute=\"class\"\n        defaultTheme=\"system\"\n        enableSystem\n        disableTransitionOnChange\n        {...theme}\n      >\n        {body}\n      </ThemeProvider>\n    );\n\n  if (i18n) {\n    body = <I18nProvider {...i18n}>{body}</I18nProvider>;\n  }\n\n  return <DirectionProvider direction={dir}>{body}</DirectionProvider>;\n}\n"],"mappings":";;;;;;;;;;AAgDA,MAAM,sBAAsB,WAAW,OAAO,0CAAsC;AAEpF,SAAgB,aAAa,EAC3B,UACA,MAAM,OACN,QAAQ,EAAE,EACV,QACA,QACoB;CACpB,IAAI,OAAO;AAEX,KAAI,QAAQ,YAAY,MACtB,QACE,oBAAC;EAAe,cAAc;EAAqB,GAAI;YACpD;GACc;AAGrB,KAAI,OAAO,YAAY,MACrB,QACE,oBAAC;EACC,WAAU;EACV,cAAa;EACb;EACA;EACA,GAAI;YAEH;GACa;AAGpB,KAAI,KACF,QAAO,oBAAC;EAAa,GAAI;YAAO;GAAoB;AAGtD,QAAO,oBAAC;EAAkB,WAAW;YAAM;GAAyB"}
+{"version":3,"file":"base.js","names":[],"sources":["../../src/provider/base.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentPropsWithoutRef, lazy, type ReactNode } from 'react';\nimport { DirectionProvider } from '@base-ui/react/direction-provider';\nimport type { DefaultSearchDialogProps } from '@/components/dialog/search-default';\nimport { ThemeProvider } from 'next-themes';\nimport { I18nProvider, type I18nProviderProps } from '@/contexts/i18n';\nimport { SearchProvider, type SearchProviderProps } from '@/contexts/search';\n\ninterface SearchOptions extends Omit<SearchProviderProps, 'children'> {\n  options?: Partial<DefaultSearchDialogProps>;\n\n  /**\n   * Enable search functionality\n   *\n   * @defaultValue `true`\n   */\n  enabled?: boolean;\n}\n\nexport interface RootProviderProps {\n  /**\n   * `dir` option for Base UI\n   */\n  dir?: 'rtl' | 'ltr';\n\n  /**\n   * @remarks `SearchProviderProps`\n   */\n  search?: Partial<SearchOptions>;\n\n  /**\n   * Customise options of `next-themes`\n   */\n  theme?: Partial<ComponentPropsWithoutRef<typeof ThemeProvider>> & {\n    /**\n     * Enable `next-themes`\n     *\n     * @defaultValue true\n     */\n    enabled?: boolean;\n  };\n\n  i18n?: Omit<I18nProviderProps, 'children'>;\n\n  children?: ReactNode;\n}\n\nconst DefaultSearchDialog = lazy(() => import('@/components/dialog/search-default'));\n\nexport function RootProvider({\n  children,\n  dir = 'ltr',\n  theme = {},\n  search,\n  i18n,\n}: RootProviderProps) {\n  let body = children;\n\n  if (search?.enabled !== false)\n    body = (\n      <SearchProvider SearchDialog={DefaultSearchDialog} {...search}>\n        {body}\n      </SearchProvider>\n    );\n\n  if (theme?.enabled !== false)\n    body = (\n      <ThemeProvider\n        attribute=\"class\"\n        defaultTheme=\"system\"\n        enableSystem\n        disableTransitionOnChange\n        {...theme}\n      >\n        {body}\n      </ThemeProvider>\n    );\n\n  if (i18n) {\n    body = <I18nProvider {...i18n}>{body}</I18nProvider>;\n  }\n\n  return <DirectionProvider direction={dir}>{body}</DirectionProvider>;\n}\n"],"mappings":";;;;;;;;;;AAgDA,MAAM,sBAAsB,WAAW,OAAO,0CAAsC;AAEpF,SAAgB,aAAa,EAC3B,UACA,MAAM,OACN,QAAQ,EAAE,EACV,QACA,QACoB;CACpB,IAAI,OAAO;AAEX,KAAI,QAAQ,YAAY,MACtB,QACE,oBAAC;EAAe,cAAc;EAAqB,GAAI;YACpD;GACc;AAGrB,KAAI,OAAO,YAAY,MACrB,QACE,oBAAC;EACC,WAAU;EACV,cAAa;EACb;EACA;EACA,GAAI;YAEH;GACa;AAGpB,KAAI,KACF,QAAO,oBAAC;EAAa,GAAI;YAAO;GAAoB;AAGtD,QAAO,oBAAC;EAAkB,WAAW;YAAM;GAAyB"}

package/dist/provider/next.d.ts

@@ -1,7 +1,7 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
-import { Framework } from "@hanzo/docs-core/framework";
-import * as react_jsx_runtime106 from "react/jsx-runtime";
 import { ComponentProps } from "react";
+import { Framework } from "@hanzo/docs-core/framework";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/provider/next.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
@@ -16,7 +16,7 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
 declare function RootProvider({
   components,
   ...props
-}: RootProviderProps): react_jsx_runtime106.JSX.Element;
+}: RootProviderProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };
 //# sourceMappingURL=next.d.ts.map

package/dist/provider/next.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"next.d.ts","names":[],"sources":["../../src/provider/next.tsx"],"sourcesContent":[],"mappings":";;;;;;UAMiB,iBAAA,SAA0B,sBAAsB;;;AAAjE;EAAiE,UAAA,CAAA,EAAA;IAKtD,IAAA,CAAA,EAAA,SAAA,CAAA,MAAA,CAAA;IACC,KAAA,CAAA,EAAA,SAAA,CAAA,OAAA,CAAA;EAN+B,CAAA;;AAU3B,iBAAA,YAAA,CAAY;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAA2B,iBAA3B,CAAA,EAA4C,oBAAA,CAAA,GAAA,CAAA,OAA5C"}
+{"version":3,"file":"next.d.ts","names":[],"sources":["../../src/provider/next.tsx"],"mappings":";;;;;;UAMiB,iBAAA,SAA0B,cAAA,QAAsB,cAAA;;;AAAjE;EAIE,UAAA;IACE,IAAA,GAAO,SAAA;IACP,KAAA,GAAQ,SAAA;EAAA;AAAA;AAAA,iBAII,YAAA,CAAA;EAAe,UAAA;EAAA,GAAe;AAAA,GAAS,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}