@hanzo/docs-base-ui 16.4.8 → 16.5.3

package/dist/components/ui/tabs.js

@@ -1,9 +1,9 @@
 'use client';
 
+import { mergeRefs } from "../../utils/merge-refs.js";
+import { createContext, use, useEffectEvent, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { createContext, use, useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
-import { mergeRefs } from "@hanzo/docs-ui/merge-refs";
 
 //#region src/components/ui/tabs.tsx
 const listeners = /* @__PURE__ */ new Map();
@@ -18,7 +18,7 @@ const TabsTrigger = Tabs$1.Tab;
 function Tabs({ ref, groupId, persist = false, updateAnchor = false, defaultValue, value: _value, onValueChange: _onValueChange, ...props }) {
 	const tabsRef = useRef(null);
 	const valueToIdMap = useMemo(() => /* @__PURE__ */ new Map(), []);
-	const [value, setValue] = _value === void 0 ? useState(defaultValue) : [_value, useCallback((v) => _onValueChange?.(v), [_onValueChange])];
+	const [value, setValue] = _value === void 0 ? useState(defaultValue) : [_value, useEffectEvent((v) => _onValueChange?.(v))];
 	useLayoutEffect(() => {
 		if (!groupId) return;
 		let previous = sessionStorage.getItem(groupId);
@@ -38,8 +38,8 @@ function Tabs({ ref, groupId, persist = false, updateAnchor = false, defaultValu
 	useLayoutEffect(() => {
 		const hash = window.location.hash.slice(1);
 		if (!hash) return;
-		for (const [value$1, id] of valueToIdMap.entries()) if (id === hash) {
-			setValue(value$1);
+		for (const [value, id] of valueToIdMap.entries()) if (id === hash) {
+			setValue(value);
 			tabsRef.current?.scrollIntoView();
 			break;
 		}

package/dist/components/ui/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["Primitive","value"],"sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ComponentProps,\n  createContext,\n  use,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Tabs as Primitive } from '@base-ui/react/tabs';\nimport { mergeRefs } from '@hanzo/docs-ui/merge-refs';\n\ntype ChangeListener = (v: string) => void;\nconst listeners = new Map<string, Set<ChangeListener>>();\n\nexport interface TabsProps extends ComponentProps<typeof Primitive.Root> {\n  /**\n   * Identifier for Sharing value of tabs\n   */\n  groupId?: string;\n\n  /**\n   * Enable persistent\n   */\n  persist?: boolean;\n\n  /**\n   * If true, updates the URL hash based on the tab's id\n   */\n  updateAnchor?: boolean;\n\n  onValueChange?: (value: string) => void;\n}\n\nconst TabsContext = createContext<{\n  valueToIdMap: Map<string, string>;\n} | null>(null);\n\nfunction useTabContext() {\n  const ctx = use(TabsContext);\n  if (!ctx) throw new Error('You must wrap your component in <Tabs>');\n  return ctx;\n}\n\nexport const TabsList = Primitive.List;\n\nexport const TabsTrigger = Primitive.Tab;\n\nexport function Tabs({\n  ref,\n  groupId,\n  persist = false,\n  updateAnchor = false,\n  defaultValue,\n  value: _value,\n  onValueChange: _onValueChange,\n  ...props\n}: TabsProps) {\n  const tabsRef = useRef<HTMLDivElement>(null);\n  const valueToIdMap = useMemo(() => new Map<string, string>(), []);\n  const [value, setValue] =\n    _value === undefined\n      ? // eslint-disable-next-line react-hooks/rules-of-hooks -- not supposed to change controlled/uncontrolled\n        useState(defaultValue)\n      : // eslint-disable-next-line react-hooks/rules-of-hooks -- not supposed to change controlled/uncontrolled\n        [_value, useCallback((v: string) => _onValueChange?.(v), [_onValueChange])];\n\n  useLayoutEffect(() => {\n    if (!groupId) return;\n    let previous = sessionStorage.getItem(groupId);\n    if (persist) previous ??= localStorage.getItem(groupId);\n    if (previous) setValue(previous);\n\n    const groupListeners = listeners.get(groupId) ?? new Set();\n    groupListeners.add(setValue);\n    listeners.set(groupId, groupListeners);\n    return () => {\n      groupListeners.delete(setValue);\n    };\n  }, [groupId, persist, setValue]);\n\n  useLayoutEffect(() => {\n    const hash = window.location.hash.slice(1);\n    if (!hash) return;\n\n    for (const [value, id] of valueToIdMap.entries()) {\n      if (id === hash) {\n        setValue(value);\n        tabsRef.current?.scrollIntoView();\n        break;\n      }\n    }\n  }, [setValue, valueToIdMap]);\n\n  return (\n    <Primitive.Root\n      ref={mergeRefs(ref, tabsRef)}\n      value={value}\n      onValueChange={(v: string) => {\n        if (updateAnchor) {\n          const id = valueToIdMap.get(v);\n\n          if (id) {\n            window.history.replaceState(null, '', `#${id}`);\n          }\n        }\n\n        if (groupId) {\n          const groupListeners = listeners.get(groupId);\n          if (groupListeners) {\n            for (const listener of groupListeners) listener(v);\n          }\n\n          sessionStorage.setItem(groupId, v);\n          if (persist) localStorage.setItem(groupId, v);\n        } else {\n          setValue(v);\n        }\n      }}\n      {...props}\n    >\n      <TabsContext value={useMemo(() => ({ valueToIdMap }), [valueToIdMap])}>\n        {props.children}\n      </TabsContext>\n    </Primitive.Root>\n  );\n}\n\nexport function TabsContent({ value, ...props }: ComponentProps<typeof Primitive.Panel>) {\n  const { valueToIdMap } = useTabContext();\n\n  if (props.id) {\n    valueToIdMap.set(value, props.id);\n  }\n\n  return (\n    <Primitive.Panel value={value} {...props}>\n      {props.children}\n    </Primitive.Panel>\n  );\n}\n"],"mappings":";;;;;;;;AAgBA,MAAM,4BAAY,IAAI,KAAkC;AAqBxD,MAAM,cAAc,cAEV,KAAK;AAEf,SAAS,gBAAgB;CACvB,MAAM,MAAM,IAAI,YAAY;AAC5B,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,yCAAyC;AACnE,QAAO;;AAGT,MAAa,WAAWA,OAAU;AAElC,MAAa,cAAcA,OAAU;AAErC,SAAgB,KAAK,EACnB,KACA,SACA,UAAU,OACV,eAAe,OACf,cACA,OAAO,QACP,eAAe,gBACf,GAAG,SACS;CACZ,MAAM,UAAU,OAAuB,KAAK;CAC5C,MAAM,eAAe,8BAAc,IAAI,KAAqB,EAAE,EAAE,CAAC;CACjE,MAAM,CAAC,OAAO,YACZ,WAAW,SAEP,SAAS,aAAa,GAEtB,CAAC,QAAQ,aAAa,MAAc,iBAAiB,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC;AAEjF,uBAAsB;AACpB,MAAI,CAAC,QAAS;EACd,IAAI,WAAW,eAAe,QAAQ,QAAQ;AAC9C,MAAI,QAAS,cAAa,aAAa,QAAQ,QAAQ;AACvD,MAAI,SAAU,UAAS,SAAS;EAEhC,MAAM,iBAAiB,UAAU,IAAI,QAAQ,oBAAI,IAAI,KAAK;AAC1D,iBAAe,IAAI,SAAS;AAC5B,YAAU,IAAI,SAAS,eAAe;AACtC,eAAa;AACX,kBAAe,OAAO,SAAS;;IAEhC;EAAC;EAAS;EAAS;EAAS,CAAC;AAEhC,uBAAsB;EACpB,MAAM,OAAO,OAAO,SAAS,KAAK,MAAM,EAAE;AAC1C,MAAI,CAAC,KAAM;AAEX,OAAK,MAAM,CAACC,SAAO,OAAO,aAAa,SAAS,CAC9C,KAAI,OAAO,MAAM;AACf,YAASA,QAAM;AACf,WAAQ,SAAS,gBAAgB;AACjC;;IAGH,CAAC,UAAU,aAAa,CAAC;AAE5B,QACE,oBAACD,OAAU;EACT,KAAK,UAAU,KAAK,QAAQ;EACrB;EACP,gBAAgB,MAAc;AAC5B,OAAI,cAAc;IAChB,MAAM,KAAK,aAAa,IAAI,EAAE;AAE9B,QAAI,GACF,QAAO,QAAQ,aAAa,MAAM,IAAI,IAAI,KAAK;;AAInD,OAAI,SAAS;IACX,MAAM,iBAAiB,UAAU,IAAI,QAAQ;AAC7C,QAAI,eACF,MAAK,MAAM,YAAY,eAAgB,UAAS,EAAE;AAGpD,mBAAe,QAAQ,SAAS,EAAE;AAClC,QAAI,QAAS,cAAa,QAAQ,SAAS,EAAE;SAE7C,UAAS,EAAE;;EAGf,GAAI;YAEJ,oBAAC;GAAY,OAAO,eAAe,EAAE,cAAc,GAAG,CAAC,aAAa,CAAC;aAClE,MAAM;IACK;GACC;;AAIrB,SAAgB,YAAY,EAAE,OAAO,GAAG,SAAiD;CACvF,MAAM,EAAE,iBAAiB,eAAe;AAExC,KAAI,MAAM,GACR,cAAa,IAAI,OAAO,MAAM,GAAG;AAGnC,QACE,oBAACA,OAAU;EAAa;EAAO,GAAI;YAChC,MAAM;GACS"}
+{"version":3,"file":"tabs.js","names":["Primitive"],"sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ComponentProps,\n  createContext,\n  use,\n  useEffectEvent,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Tabs as Primitive } from '@base-ui/react/tabs';\nimport { mergeRefs } from '@/utils/merge-refs';\n\ntype ChangeListener = (v: string) => void;\nconst listeners = new Map<string, Set<ChangeListener>>();\n\nexport interface TabsProps extends ComponentProps<typeof Primitive.Root> {\n  /**\n   * Identifier for Sharing value of tabs\n   */\n  groupId?: string;\n\n  /**\n   * Enable persistent\n   */\n  persist?: boolean;\n\n  /**\n   * If true, updates the URL hash based on the tab's id\n   */\n  updateAnchor?: boolean;\n\n  onValueChange?: (value: string) => void;\n}\n\nconst TabsContext = createContext<{\n  valueToIdMap: Map<string, string>;\n} | null>(null);\n\nfunction useTabContext() {\n  const ctx = use(TabsContext);\n  if (!ctx) throw new Error('You must wrap your component in <Tabs>');\n  return ctx;\n}\n\nexport const TabsList = Primitive.List;\n\nexport const TabsTrigger = Primitive.Tab;\n\nexport function Tabs({\n  ref,\n  groupId,\n  persist = false,\n  updateAnchor = false,\n  defaultValue,\n  value: _value,\n  onValueChange: _onValueChange,\n  ...props\n}: TabsProps) {\n  const tabsRef = useRef<HTMLDivElement>(null);\n  const valueToIdMap = useMemo(() => new Map<string, string>(), []);\n  const [value, setValue] =\n    _value === undefined\n      ? // eslint-disable-next-line react-hooks/rules-of-hooks -- not supposed to change controlled/uncontrolled\n        useState(defaultValue)\n      : // eslint-disable-next-line react-hooks/rules-of-hooks -- not supposed to change controlled/uncontrolled\n        [_value, useEffectEvent((v: string) => _onValueChange?.(v))];\n\n  useLayoutEffect(() => {\n    if (!groupId) return;\n    let previous = sessionStorage.getItem(groupId);\n    if (persist) previous ??= localStorage.getItem(groupId);\n    if (previous) setValue(previous);\n\n    const groupListeners = listeners.get(groupId) ?? new Set();\n    groupListeners.add(setValue);\n    listeners.set(groupId, groupListeners);\n    return () => {\n      groupListeners.delete(setValue);\n    };\n  }, [groupId, persist, setValue]);\n\n  useLayoutEffect(() => {\n    const hash = window.location.hash.slice(1);\n    if (!hash) return;\n\n    for (const [value, id] of valueToIdMap.entries()) {\n      if (id === hash) {\n        setValue(value);\n        tabsRef.current?.scrollIntoView();\n        break;\n      }\n    }\n  }, [setValue, valueToIdMap]);\n\n  return (\n    <Primitive.Root\n      ref={mergeRefs(ref, tabsRef)}\n      value={value}\n      onValueChange={(v: string) => {\n        if (updateAnchor) {\n          const id = valueToIdMap.get(v);\n\n          if (id) {\n            window.history.replaceState(null, '', `#${id}`);\n          }\n        }\n\n        if (groupId) {\n          const groupListeners = listeners.get(groupId);\n          if (groupListeners) {\n            for (const listener of groupListeners) listener(v);\n          }\n\n          sessionStorage.setItem(groupId, v);\n          if (persist) localStorage.setItem(groupId, v);\n        } else {\n          setValue(v);\n        }\n      }}\n      {...props}\n    >\n      <TabsContext value={useMemo(() => ({ valueToIdMap }), [valueToIdMap])}>\n        {props.children}\n      </TabsContext>\n    </Primitive.Root>\n  );\n}\n\nexport function TabsContent({ value, ...props }: ComponentProps<typeof Primitive.Panel>) {\n  const { valueToIdMap } = useTabContext();\n\n  if (props.id) {\n    valueToIdMap.set(value, props.id);\n  }\n\n  return (\n    <Primitive.Panel value={value} {...props}>\n      {props.children}\n    </Primitive.Panel>\n  );\n}\n"],"mappings":";;;;;;;;AAgBA,MAAM,4BAAY,IAAI,KAAkC;AAqBxD,MAAM,cAAc,cAEV,KAAK;AAEf,SAAS,gBAAgB;CACvB,MAAM,MAAM,IAAI,YAAY;AAC5B,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,yCAAyC;AACnE,QAAO;;AAGT,MAAa,WAAWA,OAAU;AAElC,MAAa,cAAcA,OAAU;AAErC,SAAgB,KAAK,EACnB,KACA,SACA,UAAU,OACV,eAAe,OACf,cACA,OAAO,QACP,eAAe,gBACf,GAAG,SACS;CACZ,MAAM,UAAU,OAAuB,KAAK;CAC5C,MAAM,eAAe,8BAAc,IAAI,KAAqB,EAAE,EAAE,CAAC;CACjE,MAAM,CAAC,OAAO,YACZ,WAAW,SAEP,SAAS,aAAa,GAEtB,CAAC,QAAQ,gBAAgB,MAAc,iBAAiB,EAAE,CAAC,CAAC;AAElE,uBAAsB;AACpB,MAAI,CAAC,QAAS;EACd,IAAI,WAAW,eAAe,QAAQ,QAAQ;AAC9C,MAAI,QAAS,cAAa,aAAa,QAAQ,QAAQ;AACvD,MAAI,SAAU,UAAS,SAAS;EAEhC,MAAM,iBAAiB,UAAU,IAAI,QAAQ,oBAAI,IAAI,KAAK;AAC1D,iBAAe,IAAI,SAAS;AAC5B,YAAU,IAAI,SAAS,eAAe;AACtC,eAAa;AACX,kBAAe,OAAO,SAAS;;IAEhC;EAAC;EAAS;EAAS;EAAS,CAAC;AAEhC,uBAAsB;EACpB,MAAM,OAAO,OAAO,SAAS,KAAK,MAAM,EAAE;AAC1C,MAAI,CAAC,KAAM;AAEX,OAAK,MAAM,CAAC,OAAO,OAAO,aAAa,SAAS,CAC9C,KAAI,OAAO,MAAM;AACf,YAAS,MAAM;AACf,WAAQ,SAAS,gBAAgB;AACjC;;IAGH,CAAC,UAAU,aAAa,CAAC;AAE5B,QACE,oBAACA,OAAU;EACT,KAAK,UAAU,KAAK,QAAQ;EACrB;EACP,gBAAgB,MAAc;AAC5B,OAAI,cAAc;IAChB,MAAM,KAAK,aAAa,IAAI,EAAE;AAE9B,QAAI,GACF,QAAO,QAAQ,aAAa,MAAM,IAAI,IAAI,KAAK;;AAInD,OAAI,SAAS;IACX,MAAM,iBAAiB,UAAU,IAAI,QAAQ;AAC7C,QAAI,eACF,MAAK,MAAM,YAAY,eAAgB,UAAS,EAAE;AAGpD,mBAAe,QAAQ,SAAS,EAAE;AAClC,QAAI,QAAS,cAAa,QAAQ,SAAS,EAAE;SAE7C,UAAS,EAAE;;EAGf,GAAI;YAEJ,oBAAC;GAAY,OAAO,eAAe,EAAE,cAAc,GAAG,CAAC,aAAa,CAAC;aAClE,MAAM;IACK;GACC;;AAIrB,SAAgB,YAAY,EAAE,OAAO,GAAG,SAAiD;CACvF,MAAM,EAAE,iBAAiB,eAAe;AAExC,KAAI,MAAM,GACR,cAAa,IAAI,OAAO,MAAM,GAAG;AAGnC,QACE,oBAACA,OAAU;EAAa;EAAO,GAAI;YAChC,MAAM;GACS"}

package/dist/contexts/i18n.d.ts

@@ -1 +1,60 @@
-export * from "@hanzo/docs-radix-ui/contexts/i18n";
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/contexts/i18n.d.ts
+interface Translations {
+  search: string;
+  searchNoResult: string;
+  toc: string;
+  tocNoHeadings: string;
+  lastUpdate: string;
+  chooseLanguage: string;
+  nextPage: string;
+  previousPage: string;
+  chooseTheme: string;
+  editOnGithub: string;
+}
+interface LocaleItem {
+  name: string;
+  locale: string;
+}
+interface I18nContextType {
+  locale?: string;
+  onChange?: (v: string) => void;
+  text: Translations;
+  locales?: LocaleItem[];
+}
+declare const defaultTranslations: Translations;
+declare function I18nLabel(props: {
+  label: keyof Translations;
+}): string;
+declare function useI18n(): I18nContextType;
+interface I18nProviderProps {
+  /**
+   * Current locale
+   */
+  locale: string;
+  /**
+   * Handle changes to the locale, redirect user when not specified.
+   */
+  onLocaleChange?: (v: string) => void;
+  /**
+   * Translations of current locale
+   */
+  translations?: Partial<Translations>;
+  /**
+   * Available languages
+   */
+  locales?: LocaleItem[];
+  children?: ReactNode;
+}
+declare function I18nProvider({
+  locales,
+  locale,
+  onLocaleChange,
+  children,
+  translations
+}: I18nProviderProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { I18nLabel, I18nProvider, I18nProviderProps, LocaleItem, Translations, defaultTranslations, useI18n };
+//# sourceMappingURL=i18n.d.ts.map

package/dist/contexts/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","names":[],"sources":["../../src/contexts/i18n.tsx"],"mappings":";;;;UAIiB,YAAA;EACf,MAAA;EACA,cAAA;EAEA,GAAA;EACA,aAAA;EAEA,UAAA;EACA,cAAA;EACA,QAAA;EACA,YAAA;EACA,WAAA;EACA,YAAA;AAAA;AAAA,UAGe,UAAA;EACf,IAAA;EACA,MAAA;AAAA;AAAA,UAGQ,eAAA;EACR,MAAA;EACA,QAAA,IAAY,CAAA;EACZ,IAAA,EAAM,YAAA;EACN,OAAA,GAAU,UAAA;AAAA;AAAA,cAGC,mBAAA,EAAqB,YAAA;AAAA,iBAiBlB,SAAA,CAAU,KAAA;EAAS,KAAA,QAAa,YAAA;AAAA;AAAA,iBAMhC,OAAA,CAAA,GAAW,eAAA;AAAA,UAIV,iBAAA;EAjCf;;;EAqCA,MAAA;EAnCM;;;EAwCN,cAAA,IAAkB,CAAA;EAvCE;AAGtB;;EAyCE,YAAA,GAAe,OAAA,CAAQ,YAAA;EAzCS;;AAiBlC;EA6BE,OAAA,GAAU,UAAA;EAEV,QAAA,GAAW,SAAA;AAAA;AAAA,iBAGG,YAAA,CAAA;EACd,OAAA;EACA,MAAA;EACA,cAAA;EACA,QAAA;EACA;AAAA,GACC,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/contexts/i18n.js

@@ -1,12 +1,60 @@
-import { __reExport } from "../_virtual/rolldown_runtime.js";
+'use client';
 
-export * from "@hanzo/docs-radix-ui/contexts/i18n"
+import { createContext, useContext, useMemo, useRef } from "react";
+import { usePathname, useRouter } from "@hanzo/docs-core/framework";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/contexts/i18n.tsx
-var i18n_exports = {};
-import * as import__hanzo_docs_radix_ui_contexts_i18n from "@hanzo/docs-radix-ui/contexts/i18n";
-__reExport(i18n_exports, import__hanzo_docs_radix_ui_contexts_i18n);
+const defaultTranslations = {
+	search: "Search",
+	searchNoResult: "No results found",
+	toc: "On this page",
+	tocNoHeadings: "No Headings",
+	lastUpdate: "Last updated on",
+	chooseLanguage: "Choose a language",
+	nextPage: "Next Page",
+	previousPage: "Previous Page",
+	chooseTheme: "Theme",
+	editOnGithub: "Edit on GitHub"
+};
+const I18nContext = createContext({ text: defaultTranslations });
+function I18nLabel(props) {
+	const { text } = useI18n();
+	return text[props.label];
+}
+function useI18n() {
+	return useContext(I18nContext);
+}
+function I18nProvider({ locales = [], locale, onLocaleChange, children, translations }) {
+	const router = useRouter();
+	const pathname = usePathname();
+	const onChange = (value) => {
+		if (onLocaleChange) return onLocaleChange(value);
+		const segments = pathname.split("/").filter((v) => v.length > 0);
+		if (segments[0] !== locale) segments.unshift(value);
+		else segments[0] = value;
+		router.push(`/${segments.join("/")}`);
+	};
+	const onChangeRef = useRef(onChange);
+	onChangeRef.current = onChange;
+	return /* @__PURE__ */ jsx(I18nContext, {
+		value: useMemo(() => ({
+			locale,
+			locales,
+			text: {
+				...defaultTranslations,
+				...translations
+			},
+			onChange: (v) => onChangeRef.current(v)
+		}), [
+			locale,
+			locales,
+			translations
+		]),
+		children
+	});
+}
 
 //#endregion
-export { i18n_exports };
+export { I18nLabel, I18nProvider, defaultTranslations, useI18n };
 //# sourceMappingURL=i18n.js.map

package/dist/contexts/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","names":[],"sources":["../../src/contexts/i18n.tsx"],"sourcesContent":["export * from '@hanzo/docs-radix-ui/contexts/i18n';\n"],"mappings":""}
+{"version":3,"file":"i18n.js","names":[],"sources":["../../src/contexts/i18n.tsx"],"sourcesContent":["'use client';\nimport { createContext, type ReactNode, useContext, useMemo, useRef } from 'react';\nimport { usePathname, useRouter } from '@hanzo/docs-core/framework';\n\nexport interface Translations {\n  search: string;\n  searchNoResult: string;\n\n  toc: string;\n  tocNoHeadings: string;\n\n  lastUpdate: string;\n  chooseLanguage: string;\n  nextPage: string;\n  previousPage: string;\n  chooseTheme: string;\n  editOnGithub: string;\n}\n\nexport interface LocaleItem {\n  name: string;\n  locale: string;\n}\n\ninterface I18nContextType {\n  locale?: string;\n  onChange?: (v: string) => void;\n  text: Translations;\n  locales?: LocaleItem[];\n}\n\nexport const defaultTranslations: Translations = {\n  search: 'Search',\n  searchNoResult: 'No results found',\n  toc: 'On this page',\n  tocNoHeadings: 'No Headings',\n  lastUpdate: 'Last updated on',\n  chooseLanguage: 'Choose a language',\n  nextPage: 'Next Page',\n  previousPage: 'Previous Page',\n  chooseTheme: 'Theme',\n  editOnGithub: 'Edit on GitHub',\n};\n\nconst I18nContext = createContext<I18nContextType>({\n  text: defaultTranslations,\n});\n\nexport function I18nLabel(props: { label: keyof Translations }): string {\n  const { text } = useI18n();\n\n  return text[props.label];\n}\n\nexport function useI18n(): I18nContextType {\n  return useContext(I18nContext);\n}\n\nexport interface I18nProviderProps {\n  /**\n   * Current locale\n   */\n  locale: string;\n\n  /**\n   * Handle changes to the locale, redirect user when not specified.\n   */\n  onLocaleChange?: (v: string) => void;\n\n  /**\n   * Translations of current locale\n   */\n  translations?: Partial<Translations>;\n\n  /**\n   * Available languages\n   */\n  locales?: LocaleItem[];\n\n  children?: ReactNode;\n}\n\nexport function I18nProvider({\n  locales = [],\n  locale,\n  onLocaleChange,\n  children,\n  translations,\n}: I18nProviderProps) {\n  const router = useRouter();\n  const pathname = usePathname();\n  const onChange = (value: string) => {\n    if (onLocaleChange) {\n      return onLocaleChange(value);\n    }\n    const segments = pathname.split('/').filter((v) => v.length > 0);\n\n    // If locale prefix hidden\n    if (segments[0] !== locale) {\n      segments.unshift(value);\n    } else {\n      segments[0] = value;\n    }\n\n    router.push(`/${segments.join('/')}`);\n  };\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  return (\n    <I18nContext\n      value={useMemo(\n        () => ({\n          locale,\n          locales,\n          text: {\n            ...defaultTranslations,\n            ...translations,\n          },\n          onChange: (v) => onChangeRef.current(v),\n        }),\n        [locale, locales, translations],\n      )}\n    >\n      {children}\n    </I18nContext>\n  );\n}\n"],"mappings":";;;;;;;AA+BA,MAAa,sBAAoC;CAC/C,QAAQ;CACR,gBAAgB;CAChB,KAAK;CACL,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,UAAU;CACV,cAAc;CACd,aAAa;CACb,cAAc;CACf;AAED,MAAM,cAAc,cAA+B,EACjD,MAAM,qBACP,CAAC;AAEF,SAAgB,UAAU,OAA8C;CACtE,MAAM,EAAE,SAAS,SAAS;AAE1B,QAAO,KAAK,MAAM;;AAGpB,SAAgB,UAA2B;AACzC,QAAO,WAAW,YAAY;;AA2BhC,SAAgB,aAAa,EAC3B,UAAU,EAAE,EACZ,QACA,gBACA,UACA,gBACoB;CACpB,MAAM,SAAS,WAAW;CAC1B,MAAM,WAAW,aAAa;CAC9B,MAAM,YAAY,UAAkB;AAClC,MAAI,eACF,QAAO,eAAe,MAAM;EAE9B,MAAM,WAAW,SAAS,MAAM,IAAI,CAAC,QAAQ,MAAM,EAAE,SAAS,EAAE;AAGhE,MAAI,SAAS,OAAO,OAClB,UAAS,QAAQ,MAAM;MAEvB,UAAS,KAAK;AAGhB,SAAO,KAAK,IAAI,SAAS,KAAK,IAAI,GAAG;;CAEvC,MAAM,cAAc,OAAO,SAAS;AACpC,aAAY,UAAU;AAEtB,QACE,oBAAC;EACC,OAAO,eACE;GACL;GACA;GACA,MAAM;IACJ,GAAG;IACH,GAAG;IACJ;GACD,WAAW,MAAM,YAAY,QAAQ,EAAE;GACxC,GACD;GAAC;GAAQ;GAAS;GAAa,CAChC;EAEA;GACW"}

package/dist/contexts/search.d.ts

@@ -1,8 +1,74 @@
-export * from "@hanzo/docs-radix-ui/contexts/search";
+import { ComponentType, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/contexts/search.d.ts
-
-import * as import__hanzo_docs_radix_ui_contexts_search from "@hanzo/docs-radix-ui/contexts/search";
+interface HotKey {
+  display: ReactNode;
+  /**
+   * Key code or a function determining whether the key is pressed.
+   */
+  key: string | ((e: KeyboardEvent) => boolean);
+}
+interface SharedProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+type SearchLink = [name: string, href: string];
+interface TagItem {
+  name: string;
+  value: string;
+}
+interface SearchProviderProps {
+  /**
+   * Preload search dialog before opening it
+   *
+   * @defaultValue `true`
+   */
+  preload?: boolean;
+  /**
+   * Custom links to be displayed if search is empty
+   */
+  links?: SearchLink[];
+  /**
+   * Hotkeys for triggering search dialog
+   *
+   * @defaultValue Meta/Ctrl + K
+   */
+  hotKey?: HotKey[];
+  /**
+   * Replace default search dialog, allowing you to use other solutions such as Algolia Search
+   *
+   * It receives the `open` and `onOpenChange` prop, can be lazy loaded with `next/dynamic`
+   */
+  SearchDialog: ComponentType<SharedProps>;
+  /**
+   * Additional props to the dialog
+   */
+  options?: Partial<SharedProps & Record<string, unknown>>;
+  children?: ReactNode;
+}
+interface SearchContextType {
+  enabled: boolean;
+  hotKey: HotKey[];
+  setOpenSearch: (value: boolean) => void;
+}
+declare function useSearchContext(): SearchContextType;
+declare function SearchProvider({
+  SearchDialog,
+  children,
+  preload,
+  options,
+  hotKey,
+  links
+}: SearchProviderProps): react_jsx_runtime0.JSX.Element;
+/**
+ * Show children only when search is enabled via React Context
+ */
+declare function SearchOnly({
+  children
+}: {
+  children: ReactNode;
+}): ReactNode;
 //#endregion
-export { import__hanzo_docs_radix_ui_contexts_search as search_d_exports };
+export { SearchLink, SearchOnly, SearchProvider, SearchProviderProps, SharedProps, TagItem, useSearchContext };
 //# sourceMappingURL=search.d.ts.map

package/dist/contexts/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","names":[],"sources":["../../src/contexts/search.tsx"],"sourcesContent":[],"mappings":""}
+{"version":3,"file":"search.d.ts","names":[],"sources":["../../src/contexts/search.tsx"],"mappings":";;;;UAaU,MAAA;EACR,OAAA,EAAS,SAAA;;AAHI;;EAQb,GAAA,aAAgB,CAAA,EAAG,aAAA;AAAA;AAAA,UAGJ,WAAA;EACf,IAAA;EACA,YAAA,GAAe,IAAA;AAAA;AAAA,KAGL,UAAA,IAAc,IAAA,UAAc,IAAA;AAAA,UAEvB,OAAA;EACf,IAAA;EACA,KAAA;AAAA;AAAA,UAGe,mBAAA;EAZW;;;;;EAkB1B,OAAA;EAbU;;;EAkBV,KAAA,GAAQ,UAAA;EAlBkC;AAE5C;;;;EAuBE,MAAA,GAAS,MAAA;EAlBM;;;;;EAyBf,YAAA,EAAc,aAAA,CAAc,WAAA;EAAd;;;EAKd,OAAA,GAAU,OAAA,CAAQ,WAAA,GAAc,MAAA;EAEhC,QAAA,GAAW,SAAA;AAAA;AAAA,UAGH,iBAAA;EACR,OAAA;EACA,MAAA,EAAQ,MAAA;EACR,aAAA,GAAgB,KAAA;AAAA;AAAA,iBASF,gBAAA,CAAA,GAAoB,iBAAA;AAAA,iBAgBpB,cAAA,CAAA;EACd,YAAA;EACA,QAAA;EACA,OAAA;EACA,OAAA;EACA,MAAA;EAUA;AAAA,GACC,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBA+CN,UAAA,CAAA;EAAa;AAAA;EAAc,QAAA,EAAU,SAAA;AAAA,IAAW,SAAA"}

package/dist/contexts/search.js

@@ -1,12 +1,68 @@
-import { __reExport } from "../_virtual/rolldown_runtime.js";
+'use client';
 
-export * from "@hanzo/docs-radix-ui/contexts/search"
+import { Suspense, createContext, use, useEffect, useEffectEvent, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/contexts/search.tsx
-var search_exports = {};
-import * as import__hanzo_docs_radix_ui_contexts_search from "@hanzo/docs-radix-ui/contexts/search";
-__reExport(search_exports, import__hanzo_docs_radix_ui_contexts_search);
+const SearchContext = createContext({
+	enabled: false,
+	hotKey: [],
+	setOpenSearch: () => void 0
+});
+function useSearchContext() {
+	return use(SearchContext);
+}
+function MetaOrControl() {
+	const [key, setKey] = useState("⌘");
+	useEffect(() => {
+		if (window.navigator.userAgent.includes("Windows")) setKey("Ctrl");
+	}, []);
+	return key;
+}
+function SearchProvider({ SearchDialog, children, preload = true, options, hotKey = [{
+	key: (e) => e.metaKey || e.ctrlKey,
+	display: /* @__PURE__ */ jsx(MetaOrControl, {})
+}, {
+	key: "k",
+	display: "K"
+}], links }) {
+	const [isOpen, setIsOpen] = useState(preload ? false : void 0);
+	const onKeyDown = useEffectEvent((e) => {
+		if (hotKey.every((v) => typeof v.key === "string" ? e.key === v.key : v.key(e))) {
+			setIsOpen((open) => !open);
+			e.preventDefault();
+		}
+	});
+	useEffect(() => {
+		window.addEventListener("keydown", onKeyDown);
+		return () => {
+			window.removeEventListener("keydown", onKeyDown);
+		};
+	}, [hotKey]);
+	return /* @__PURE__ */ jsxs(SearchContext, {
+		value: useMemo(() => ({
+			enabled: true,
+			hotKey,
+			setOpenSearch: setIsOpen
+		}), [hotKey]),
+		children: [isOpen !== void 0 && /* @__PURE__ */ jsx(Suspense, {
+			fallback: null,
+			children: /* @__PURE__ */ jsx(SearchDialog, {
+				open: isOpen,
+				onOpenChange: setIsOpen,
+				links,
+				...options
+			})
+		}), children]
+	});
+}
+/**
+* Show children only when search is enabled via React Context
+*/
+function SearchOnly({ children }) {
+	if (useSearchContext().enabled) return children;
+}
 
 //#endregion
-export { search_exports };
+export { SearchOnly, SearchProvider, useSearchContext };
 //# sourceMappingURL=search.js.map

package/dist/contexts/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","names":[],"sources":["../../src/contexts/search.tsx"],"sourcesContent":["export * from '@hanzo/docs-radix-ui/contexts/search';\n"],"mappings":""}
+{"version":3,"file":"search.js","names":[],"sources":["../../src/contexts/search.tsx"],"sourcesContent":["'use client';\nimport {\n  type ComponentType,\n  createContext,\n  type ReactNode,\n  Suspense,\n  use,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useState,\n} from 'react';\n\ninterface HotKey {\n  display: ReactNode;\n\n  /**\n   * Key code or a function determining whether the key is pressed.\n   */\n  key: string | ((e: KeyboardEvent) => boolean);\n}\n\nexport interface SharedProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport type SearchLink = [name: string, href: string];\n\nexport interface TagItem {\n  name: string;\n  value: string;\n}\n\nexport interface SearchProviderProps {\n  /**\n   * Preload search dialog before opening it\n   *\n   * @defaultValue `true`\n   */\n  preload?: boolean;\n\n  /**\n   * Custom links to be displayed if search is empty\n   */\n  links?: SearchLink[];\n\n  /**\n   * Hotkeys for triggering search dialog\n   *\n   * @defaultValue Meta/Ctrl + K\n   */\n  hotKey?: HotKey[];\n\n  /**\n   * Replace default search dialog, allowing you to use other solutions such as Algolia Search\n   *\n   * It receives the `open` and `onOpenChange` prop, can be lazy loaded with `next/dynamic`\n   */\n  SearchDialog: ComponentType<SharedProps>;\n\n  /**\n   * Additional props to the dialog\n   */\n  options?: Partial<SharedProps & Record<string, unknown>>;\n\n  children?: ReactNode;\n}\n\ninterface SearchContextType {\n  enabled: boolean;\n  hotKey: HotKey[];\n  setOpenSearch: (value: boolean) => void;\n}\n\nconst SearchContext = createContext<SearchContextType>({\n  enabled: false,\n  hotKey: [],\n  setOpenSearch: () => undefined,\n});\n\nexport function useSearchContext(): SearchContextType {\n  return use(SearchContext);\n}\n\nfunction MetaOrControl() {\n  const [key, setKey] = useState('⌘');\n\n  useEffect(() => {\n    const isWindows = window.navigator.userAgent.includes('Windows');\n\n    if (isWindows) setKey('Ctrl');\n  }, []);\n\n  return key;\n}\n\nexport function SearchProvider({\n  SearchDialog,\n  children,\n  preload = true,\n  options,\n  hotKey = [\n    {\n      key: (e) => e.metaKey || e.ctrlKey,\n      display: <MetaOrControl />,\n    },\n    {\n      key: 'k',\n      display: 'K',\n    },\n  ],\n  links,\n}: SearchProviderProps) {\n  const [isOpen, setIsOpen] = useState(preload ? false : undefined);\n  const onKeyDown = useEffectEvent((e: KeyboardEvent) => {\n    if (hotKey.every((v) => (typeof v.key === 'string' ? e.key === v.key : v.key(e)))) {\n      setIsOpen((open) => !open);\n      e.preventDefault();\n    }\n  });\n\n  useEffect(() => {\n    window.addEventListener('keydown', onKeyDown);\n    return () => {\n      window.removeEventListener('keydown', onKeyDown);\n    };\n  }, [hotKey]);\n\n  return (\n    <SearchContext\n      value={useMemo(\n        () => ({\n          enabled: true,\n          hotKey,\n          setOpenSearch: setIsOpen,\n        }),\n        [hotKey],\n      )}\n    >\n      {isOpen !== undefined && (\n        <Suspense fallback={null}>\n          <SearchDialog\n            open={isOpen}\n            onOpenChange={setIsOpen}\n            // @ts-expect-error -- insert prop for official UIs\n            links={links}\n            {...options}\n          />\n        </Suspense>\n      )}\n\n      {children}\n    </SearchContext>\n  );\n}\n\n/**\n * Show children only when search is enabled via React Context\n */\nexport function SearchOnly({ children }: { children: ReactNode }) {\n  const search = useSearchContext();\n\n  if (search.enabled) return children;\n}\n"],"mappings":";;;;;;AA2EA,MAAM,gBAAgB,cAAiC;CACrD,SAAS;CACT,QAAQ,EAAE;CACV,qBAAqB;CACtB,CAAC;AAEF,SAAgB,mBAAsC;AACpD,QAAO,IAAI,cAAc;;AAG3B,SAAS,gBAAgB;CACvB,MAAM,CAAC,KAAK,UAAU,SAAS,IAAI;AAEnC,iBAAgB;AAGd,MAFkB,OAAO,UAAU,UAAU,SAAS,UAAU,CAEjD,QAAO,OAAO;IAC5B,EAAE,CAAC;AAEN,QAAO;;AAGT,SAAgB,eAAe,EAC7B,cACA,UACA,UAAU,MACV,SACA,SAAS,CACP;CACE,MAAM,MAAM,EAAE,WAAW,EAAE;CAC3B,SAAS,oBAAC,kBAAgB;CAC3B,EACD;CACE,KAAK;CACL,SAAS;CACV,CACF,EACD,SACsB;CACtB,MAAM,CAAC,QAAQ,aAAa,SAAS,UAAU,QAAQ,OAAU;CACjE,MAAM,YAAY,gBAAgB,MAAqB;AACrD,MAAI,OAAO,OAAO,MAAO,OAAO,EAAE,QAAQ,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAE,EAAE;AACjF,cAAW,SAAS,CAAC,KAAK;AAC1B,KAAE,gBAAgB;;GAEpB;AAEF,iBAAgB;AACd,SAAO,iBAAiB,WAAW,UAAU;AAC7C,eAAa;AACX,UAAO,oBAAoB,WAAW,UAAU;;IAEjD,CAAC,OAAO,CAAC;AAEZ,QACE,qBAAC;EACC,OAAO,eACE;GACL,SAAS;GACT;GACA,eAAe;GAChB,GACD,CAAC,OAAO,CACT;aAEA,WAAW,UACV,oBAAC;GAAS,UAAU;aAClB,oBAAC;IACC,MAAM;IACN,cAAc;IAEP;IACP,GAAI;KACJ;IACO,EAGZ;GACa;;;;;AAOpB,SAAgB,WAAW,EAAE,YAAqC;AAGhE,KAFe,kBAAkB,CAEtB,QAAS,QAAO"}

package/dist/contexts/tree.d.ts

@@ -1 +1,22 @@
-export * from "@hanzo/docs-radix-ui/contexts/tree";
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as PageTree from "@hanzo/docs-core/page-tree";
+
+//#region src/contexts/tree.d.ts
+type MakeRequired<O, K extends keyof O> = Omit<O, K> & Pick<Required<O>, K>;
+interface TreeContextType {
+  root: MakeRequired<PageTree.Root | PageTree.Folder, '$id'>;
+  full: PageTree.Root;
+}
+declare function TreeContextProvider({
+  tree: rawTree,
+  children
+}: {
+  tree: PageTree.Root;
+  children: ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+declare function useTreePath(): PageTree.Node[];
+declare function useTreeContext(): TreeContextType;
+//#endregion
+export { TreeContextProvider, useTreeContext, useTreePath };
+//# sourceMappingURL=tree.d.ts.map

package/dist/contexts/tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","names":[],"sources":["../../src/contexts/tree.tsx"],"mappings":";;;;;KAMK,YAAA,oBAAgC,CAAA,IAAK,IAAA,CAAK,CAAA,EAAG,CAAA,IAAK,IAAA,CAAK,QAAA,CAAS,CAAA,GAAI,CAAA;AAAA,UAE/D,eAAA;EACR,IAAA,EAAM,YAAA,CAAa,QAAA,CAAS,IAAA,GAAO,QAAA,CAAS,MAAA;EAC5C,IAAA,EAAM,QAAA,CAAS,IAAA;AAAA;AAAA,iBAMD,mBAAA,CAAA;EACd,IAAA,EAAM,OAAA;EACN;AAAA;EAEA,IAAA,EAAM,QAAA,CAAS,IAAA;EACf,QAAA,EAAU,SAAA;AAAA,IACX,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA0Be,WAAA,CAAA,GAAe,QAAA,CAAS,IAAA;AAAA,iBAIxB,cAAA,CAAA,GAAkB,eAAA"}

package/dist/contexts/tree.js

@@ -1,12 +1,42 @@
-import { __reExport } from "../_virtual/rolldown_runtime.js";
+'use client';
 
-export * from "@hanzo/docs-radix-ui/contexts/tree"
+import { createContext, use, useMemo, useRef } from "react";
+import { usePathname } from "@hanzo/docs-core/framework";
+import { jsx } from "react/jsx-runtime";
+import { searchPath } from "@hanzo/docs-core/breadcrumb";
 
 //#region src/contexts/tree.tsx
-var tree_exports = {};
-import * as import__hanzo_docs_radix_ui_contexts_tree from "@hanzo/docs-radix-ui/contexts/tree";
-__reExport(tree_exports, import__hanzo_docs_radix_ui_contexts_tree);
+const TreeContext = createContext(null);
+const PathContext = createContext([]);
+function TreeContextProvider({ tree: rawTree, children }) {
+	const nextIdRef = useRef(0);
+	const pathname = usePathname();
+	const tree = useMemo(() => rawTree, [rawTree.$id ?? rawTree]);
+	const path = useMemo(() => {
+		return searchPath(tree.children, pathname) ?? (tree.fallback ? searchPath(tree.fallback.children, pathname) : null) ?? [];
+	}, [tree, pathname]);
+	const root = path.findLast((item) => item.type === "folder" && item.root) ?? tree;
+	root.$id ??= String(nextIdRef.current++);
+	return /* @__PURE__ */ jsx(TreeContext, {
+		value: useMemo(() => ({
+			root,
+			full: tree
+		}), [root, tree]),
+		children: /* @__PURE__ */ jsx(PathContext, {
+			value: path,
+			children
+		})
+	});
+}
+function useTreePath() {
+	return use(PathContext);
+}
+function useTreeContext() {
+	const ctx = use(TreeContext);
+	if (!ctx) throw new Error("You must wrap this component under <DocsLayout />");
+	return ctx;
+}
 
 //#endregion
-export { tree_exports };
+export { TreeContextProvider, useTreeContext, useTreePath };
 //# sourceMappingURL=tree.js.map

package/dist/contexts/tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.js","names":[],"sources":["../../src/contexts/tree.tsx"],"sourcesContent":["export * from '@hanzo/docs-radix-ui/contexts/tree';\n"],"mappings":""}
+{"version":3,"file":"tree.js","names":[],"sources":["../../src/contexts/tree.tsx"],"sourcesContent":["'use client';\nimport type * as PageTree from '@hanzo/docs-core/page-tree';\nimport { usePathname } from '@hanzo/docs-core/framework';\nimport { type ReactNode, useMemo, useRef, createContext, use } from 'react';\nimport { searchPath } from '@hanzo/docs-core/breadcrumb';\n\ntype MakeRequired<O, K extends keyof O> = Omit<O, K> & Pick<Required<O>, K>;\n\ninterface TreeContextType {\n  root: MakeRequired<PageTree.Root | PageTree.Folder, '$id'>;\n  full: PageTree.Root;\n}\n\nconst TreeContext = createContext<TreeContextType | null>(null);\nconst PathContext = createContext<PageTree.Node[]>([]);\n\nexport function TreeContextProvider({\n  tree: rawTree,\n  children,\n}: {\n  tree: PageTree.Root;\n  children: ReactNode;\n}) {\n  const nextIdRef = useRef(0);\n  const pathname = usePathname();\n\n  // I found that object-typed props passed from a RSC will be re-constructed, hence breaking all hooks' dependencies\n  // using the id here to make sure this never happens\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const tree = useMemo(() => rawTree, [rawTree.$id ?? rawTree]);\n  const path = useMemo(() => {\n    return (\n      searchPath(tree.children, pathname) ??\n      (tree.fallback ? searchPath(tree.fallback.children, pathname) : null) ??\n      []\n    );\n  }, [tree, pathname]);\n\n  const root = path.findLast((item) => item.type === 'folder' && item.root) ?? tree;\n  root.$id ??= String(nextIdRef.current++);\n\n  return (\n    <TreeContext value={useMemo(() => ({ root, full: tree }) as TreeContextType, [root, tree])}>\n      <PathContext value={path}>{children}</PathContext>\n    </TreeContext>\n  );\n}\n\nexport function useTreePath(): PageTree.Node[] {\n  return use(PathContext);\n}\n\nexport function useTreeContext(): TreeContextType {\n  const ctx = use(TreeContext);\n\n  if (!ctx) throw new Error('You must wrap this component under <DocsLayout />');\n  return ctx;\n}\n"],"mappings":";;;;;;;;AAaA,MAAM,cAAc,cAAsC,KAAK;AAC/D,MAAM,cAAc,cAA+B,EAAE,CAAC;AAEtD,SAAgB,oBAAoB,EAClC,MAAM,SACN,YAIC;CACD,MAAM,YAAY,OAAO,EAAE;CAC3B,MAAM,WAAW,aAAa;CAK9B,MAAM,OAAO,cAAc,SAAS,CAAC,QAAQ,OAAO,QAAQ,CAAC;CAC7D,MAAM,OAAO,cAAc;AACzB,SACE,WAAW,KAAK,UAAU,SAAS,KAClC,KAAK,WAAW,WAAW,KAAK,SAAS,UAAU,SAAS,GAAG,SAChE,EAAE;IAEH,CAAC,MAAM,SAAS,CAAC;CAEpB,MAAM,OAAO,KAAK,UAAU,SAAS,KAAK,SAAS,YAAY,KAAK,KAAK,IAAI;AAC7E,MAAK,QAAQ,OAAO,UAAU,UAAU;AAExC,QACE,oBAAC;EAAY,OAAO,eAAe;GAAE;GAAM,MAAM;GAAM,GAAsB,CAAC,MAAM,KAAK,CAAC;YACxF,oBAAC;GAAY,OAAO;GAAO;IAAuB;GACtC;;AAIlB,SAAgB,cAA+B;AAC7C,QAAO,IAAI,YAAY;;AAGzB,SAAgB,iBAAkC;CAChD,MAAM,MAAM,IAAI,YAAY;AAE5B,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,oDAAoD;AAC9E,QAAO"}

package/dist/i18n.d.ts

@@ -1 +1,14 @@
-export * from "@hanzo/docs-radix-ui/i18n";
+import { I18nProviderProps, Translations, defaultTranslations } from "./contexts/i18n.js";
+import { I18nConfig } from "@hanzo/docs-core/i18n";
+
+//#region src/i18n.d.ts
+declare function defineI18nUI<Languages extends string>(config: I18nConfig<Languages>, options: {
+  translations: { [K in Languages]?: Partial<Translations> & {
+    displayName?: string;
+  } };
+}): {
+  provider(locale?: string): I18nProviderProps;
+};
+//#endregion
+export { type I18nProviderProps, type Translations, defaultTranslations, defineI18nUI };
+//# sourceMappingURL=i18n.d.ts.map

package/dist/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","names":[],"sources":["../src/i18n.tsx"],"mappings":";;;;iBAMgB,YAAA,0BAAA,CACd,MAAA,EAAQ,UAAA,CAAW,SAAA,GACnB,OAAA;EACE,YAAA,UACQ,SAAA,IAAa,OAAA,CAAQ,YAAA;IAAkB,WAAA;EAAA;AAAA;6BAOI,iBAAA;AAAA"}

package/dist/i18n.js

@@ -1,3 +1,20 @@
-export * from "@hanzo/docs-radix-ui/i18n"
+import { defaultTranslations } from "./contexts/i18n.js";
 
-export {  };
+//#region src/i18n.tsx
+function defineI18nUI(config, options) {
+	const { translations } = options;
+	return { provider(locale = config.defaultLanguage) {
+		return {
+			locale,
+			translations: translations[locale],
+			locales: config.languages.map((locale) => ({
+				locale,
+				name: translations[locale]?.displayName ?? locale
+			}))
+		};
+	} };
+}
+
+//#endregion
+export { defaultTranslations, defineI18nUI };
+//# sourceMappingURL=i18n.js.map

package/dist/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":[],"sources":["../src/i18n.tsx"],"sourcesContent":["import type { I18nProviderProps, Translations } from '@/contexts/i18n';\nimport type { I18nConfig } from '@hanzo/docs-core/i18n';\n\nexport type { I18nProviderProps, Translations };\nexport { defaultTranslations } from './contexts/i18n';\n\nexport function defineI18nUI<Languages extends string>(\n  config: I18nConfig<Languages>,\n  options: {\n    translations: {\n      [K in Languages]?: Partial<Translations> & { displayName?: string };\n    };\n  },\n) {\n  const { translations } = options;\n\n  return {\n    provider(locale: string = config.defaultLanguage): I18nProviderProps {\n      return {\n        locale,\n        translations: translations[locale as Languages],\n        locales: config.languages.map((locale) => ({\n          locale,\n          name: translations[locale]?.displayName ?? locale,\n        })),\n      };\n    },\n  };\n}\n"],"mappings":";;;AAMA,SAAgB,aACd,QACA,SAKA;CACA,MAAM,EAAE,iBAAiB;AAEzB,QAAO,EACL,SAAS,SAAiB,OAAO,iBAAoC;AACnE,SAAO;GACL;GACA,cAAc,aAAa;GAC3B,SAAS,OAAO,UAAU,KAAK,YAAY;IACzC;IACA,MAAM,aAAa,SAAS,eAAe;IAC5C,EAAE;GACJ;IAEJ"}

package/dist/layouts/docs/client.d.ts

@@ -1,10 +1,10 @@
 import { SidebarTab } from "../../components/sidebar/tabs/index.js";
-import * as react_jsx_runtime136 from "react/jsx-runtime";
-import * as react17 from "react";
+import * as react from "react";
 import { ComponentProps, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/docs/client.d.ts
-declare const LayoutContext: react17.Context<{
+declare const LayoutContext: react.Context<{
   isNavTransparent: boolean;
 } | null>;
 declare function LayoutContextProvider({
@@ -13,20 +13,20 @@ declare function LayoutContextProvider({
 }: {
   navTransparentMode?: 'always' | 'top' | 'none';
   children: ReactNode;
-}): react_jsx_runtime136.JSX.Element;
-declare function LayoutHeader(props: ComponentProps<'header'>): react_jsx_runtime136.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
+declare function LayoutHeader(props: ComponentProps<'header'>): react_jsx_runtime0.JSX.Element;
 declare function LayoutBody({
   className,
   style,
   children,
   ...props
-}: ComponentProps<'div'>): react_jsx_runtime136.JSX.Element;
+}: ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare function LayoutTabs({
   options,
   ...props
 }: ComponentProps<'div'> & {
   options: SidebarTab[];
-}): react_jsx_runtime136.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { LayoutBody, LayoutContext, LayoutContextProvider, LayoutHeader, LayoutTabs };
 //# sourceMappingURL=client.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/layouts/docs/client.tsx"],"sourcesContent":[],"mappings":";;;;;;cAWa,eAEE,OAAA,CAFW;;;iBAIV,qBAAA;;;;EAJH,kBAEE,CAAA,EAAA,QAAA,GAAA,KAFW,GAAA,MAAA;EAIV,QAAA,EAKJ,SALI;CACd,CAAA,EAKD,oBAAA,CAAA,GAAA,CAAA,OALC;AACA,iBAsBc,YAAA,CAtBd,KAAA,EAsBkC,cAtBlC,CAAA,QAAA,CAAA,CAAA,EAsB0D,oBAAA,CAAA,GAAA,CAAA,OAtB1D;AAGU,iBA6BI,UAAA,CA7BJ;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA6ByD,cA7BzD,CAAA,KAAA,CAAA,CAAA,EA6B8E,oBAAA,CAAA,GAAA,CAAA,OA7B9E;AACX,iBA0De,UAAA,CA1Df;EAAA,OAAA;EAAA,GAAA;AAkBD,CAlBC,EA6DE,cA7DF,CAAA,KAAA,CAAA,GAAA;EAAA,OAAA,EA8DU,UA9DV,EAAA;AAkBD,CAAA,CAAA,EA6CC,oBAAA,CAAA,GAAA,CAAA,OA7CmC"}
+{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/layouts/docs/client.tsx"],"mappings":";;;;;;cAWa,aAAA,EAEE,KAAA,CAFW,OAAA;EAAA,gBAAA;AAAA;AAAA,iBAIV,qBAAA,CAAA;EACd,kBAAA;EACA;AAAA;EAEA,kBAAA;EACA,QAAA,EAAU,SAAA;AAAA,IACX,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAkBe,YAAA,CAAa,KAAA,EAAO,cAAA,aAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU5C,UAAA,CAAA;EAAa,SAAA;EAAW,KAAA;EAAO,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA8B1E,UAAA,CAAA;EACd,OAAA;EAAA,GACG;AAAA,GACF,cAAA;EACD,OAAA,EAAS,UAAA;AAAA,IACV,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/layouts/docs/client.js

@@ -1,13 +1,13 @@
 'use client';
 
+import { cn } from "../../utils/cn.js";
 import { useSidebar } from "../../components/sidebar/base.js";
 import { isTabActive } from "../../components/sidebar/tabs/dropdown.js";
-import Link from "@hanzo/docs-core/link";
+import { useIsScrollTop } from "../../utils/use-is-scroll-top.js";
+import { createContext, use, useMemo } from "react";
 import { usePathname } from "@hanzo/docs-core/framework";
-import { cn } from "@hanzo/docs-ui/cn";
 import { jsx } from "react/jsx-runtime";
-import { createContext, use, useMemo } from "react";
-import { useIsScrollTop } from "@hanzo/docs-radix-ui/hooks/use-is-scroll-top";
+import Link from "@hanzo/docs-core/link";
 
 //#region src/layouts/docs/client.tsx
 const LayoutContext = createContext(null);

package/dist/layouts/docs/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","names":[],"sources":["../../../src/layouts/docs/client.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentProps, createContext, type ReactNode, use, useMemo } from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport { useSidebar } from '@/components/sidebar/base';\nimport { usePathname } from '@hanzo/docs-core/framework';\nimport { isTabActive } from '@/components/sidebar/tabs/dropdown';\nimport Link from '@hanzo/docs-core/link';\nimport type { SidebarTab } from '@/components/sidebar/tabs';\nimport { useIsScrollTop } from '@hanzo/docs-radix-ui/hooks/use-is-scroll-top';\n\nexport const LayoutContext = createContext<{\n  isNavTransparent: boolean;\n} | null>(null);\n\nexport function LayoutContextProvider({\n  navTransparentMode = 'none',\n  children,\n}: {\n  navTransparentMode?: 'always' | 'top' | 'none';\n  children: ReactNode;\n}) {\n  const isTop = useIsScrollTop({ enabled: navTransparentMode === 'top' }) ?? true;\n  const isNavTransparent = navTransparentMode === 'top' ? isTop : navTransparentMode === 'always';\n\n  return (\n    <LayoutContext\n      value={useMemo(\n        () => ({\n          isNavTransparent,\n        }),\n        [isNavTransparent],\n      )}\n    >\n      {children}\n    </LayoutContext>\n  );\n}\n\nexport function LayoutHeader(props: ComponentProps<'header'>) {\n  const { isNavTransparent } = use(LayoutContext)!;\n\n  return (\n    <header data-transparent={isNavTransparent} {...props}>\n      {props.children}\n    </header>\n  );\n}\n\nexport function LayoutBody({ className, style, children, ...props }: ComponentProps<'div'>) {\n  const { collapsed } = useSidebar();\n\n  return (\n    <div\n      id=\"nd-docs-layout\"\n      className={cn(\n        'grid transition-[grid-template-columns] overflow-x-clip min-h-(--fd-docs-height) auto-cols-auto auto-rows-auto [--fd-docs-height:100dvh] [--fd-header-height:0px] [--fd-toc-popover-height:0px] [--fd-sidebar-width:0px] [--fd-toc-width:0px]',\n        className,\n      )}\n      data-sidebar-collapsed={collapsed}\n      style={\n        {\n          gridTemplate: `\"sidebar header toc\"\n        \"sidebar toc-popover toc\"\n        \"sidebar main toc\" 1fr / minmax(var(--fd-sidebar-col), 1fr) minmax(0, calc(var(--fd-layout-width,97rem) - var(--fd-sidebar-width) - var(--fd-toc-width))) minmax(min-content, 1fr)`,\n          '--fd-docs-row-1': 'var(--fd-banner-height, 0px)',\n          '--fd-docs-row-2': 'calc(var(--fd-docs-row-1) + var(--fd-header-height))',\n          '--fd-docs-row-3': 'calc(var(--fd-docs-row-2) + var(--fd-toc-popover-height))',\n          '--fd-sidebar-col': collapsed ? '0px' : 'var(--fd-sidebar-width)',\n          ...style,\n        } as object\n      }\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function LayoutTabs({\n  options,\n  ...props\n}: ComponentProps<'div'> & {\n  options: SidebarTab[];\n}) {\n  const pathname = usePathname();\n  const selected = useMemo(() => {\n    return options.findLast((option) => isTabActive(option, pathname));\n  }, [options, pathname]);\n\n  return (\n    <div\n      {...props}\n      className={cn(\n        'flex flex-row items-end gap-6 overflow-auto [grid-area:main]',\n        props.className,\n      )}\n    >\n      {options.map((option, i) => (\n        <Link\n          key={i}\n          href={option.url}\n          className={cn(\n            'inline-flex border-b-2 border-transparent transition-colors items-center pb-1.5 font-medium gap-2 text-fd-muted-foreground text-sm text-nowrap hover:text-fd-accent-foreground',\n            option.unlisted && selected !== option && 'hidden',\n            selected === option && 'border-fd-primary text-fd-primary',\n          )}\n        >\n          {option.title}\n        </Link>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,gBAAgB,cAEnB,KAAK;AAEf,SAAgB,sBAAsB,EACpC,qBAAqB,QACrB,YAIC;CACD,MAAM,QAAQ,eAAe,EAAE,SAAS,uBAAuB,OAAO,CAAC,IAAI;CAC3E,MAAM,mBAAmB,uBAAuB,QAAQ,QAAQ,uBAAuB;AAEvF,QACE,oBAAC;EACC,OAAO,eACE,EACL,kBACD,GACD,CAAC,iBAAiB,CACnB;EAEA;GACa;;AAIpB,SAAgB,aAAa,OAAiC;CAC5D,MAAM,EAAE,qBAAqB,IAAI,cAAc;AAE/C,QACE,oBAAC;EAAO,oBAAkB;EAAkB,GAAI;YAC7C,MAAM;GACA;;AAIb,SAAgB,WAAW,EAAE,WAAW,OAAO,UAAU,GAAG,SAAgC;CAC1F,MAAM,EAAE,cAAc,YAAY;AAElC,QACE,oBAAC;EACC,IAAG;EACH,WAAW,GACT,iPACA,UACD;EACD,0BAAwB;EACxB,OACE;GACE,cAAc;;;GAGd,mBAAmB;GACnB,mBAAmB;GACnB,mBAAmB;GACnB,oBAAoB,YAAY,QAAQ;GACxC,GAAG;GACJ;EAEH,GAAI;EAEH;GACG;;AAIV,SAAgB,WAAW,EACzB,SACA,GAAG,SAGF;CACD,MAAM,WAAW,aAAa;CAC9B,MAAM,WAAW,cAAc;AAC7B,SAAO,QAAQ,UAAU,WAAW,YAAY,QAAQ,SAAS,CAAC;IACjE,CAAC,SAAS,SAAS,CAAC;AAEvB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,gEACA,MAAM,UACP;YAEA,QAAQ,KAAK,QAAQ,MACpB,oBAAC;GAEC,MAAM,OAAO;GACb,WAAW,GACT,kLACA,OAAO,YAAY,aAAa,UAAU,UAC1C,aAAa,UAAU,oCACxB;aAEA,OAAO;KARH,EASA,CACP;GACE"}
+{"version":3,"file":"client.js","names":[],"sources":["../../../src/layouts/docs/client.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentProps, createContext, type ReactNode, use, useMemo } from 'react';\nimport { cn } from '@/utils/cn';\nimport { useSidebar } from '@/components/sidebar/base';\nimport { usePathname } from '@hanzo/docs-core/framework';\nimport { isTabActive } from '@/components/sidebar/tabs/dropdown';\nimport Link from '@hanzo/docs-core/link';\nimport type { SidebarTab } from '@/components/sidebar/tabs';\nimport { useIsScrollTop } from '@/utils/use-is-scroll-top';\n\nexport const LayoutContext = createContext<{\n  isNavTransparent: boolean;\n} | null>(null);\n\nexport function LayoutContextProvider({\n  navTransparentMode = 'none',\n  children,\n}: {\n  navTransparentMode?: 'always' | 'top' | 'none';\n  children: ReactNode;\n}) {\n  const isTop = useIsScrollTop({ enabled: navTransparentMode === 'top' }) ?? true;\n  const isNavTransparent = navTransparentMode === 'top' ? isTop : navTransparentMode === 'always';\n\n  return (\n    <LayoutContext\n      value={useMemo(\n        () => ({\n          isNavTransparent,\n        }),\n        [isNavTransparent],\n      )}\n    >\n      {children}\n    </LayoutContext>\n  );\n}\n\nexport function LayoutHeader(props: ComponentProps<'header'>) {\n  const { isNavTransparent } = use(LayoutContext)!;\n\n  return (\n    <header data-transparent={isNavTransparent} {...props}>\n      {props.children}\n    </header>\n  );\n}\n\nexport function LayoutBody({ className, style, children, ...props }: ComponentProps<'div'>) {\n  const { collapsed } = useSidebar();\n\n  return (\n    <div\n      id=\"nd-docs-layout\"\n      className={cn(\n        'grid transition-[grid-template-columns] overflow-x-clip min-h-(--fd-docs-height) auto-cols-auto auto-rows-auto [--fd-docs-height:100dvh] [--fd-header-height:0px] [--fd-toc-popover-height:0px] [--fd-sidebar-width:0px] [--fd-toc-width:0px]',\n        className,\n      )}\n      data-sidebar-collapsed={collapsed}\n      style={\n        {\n          gridTemplate: `\"sidebar header toc\"\n        \"sidebar toc-popover toc\"\n        \"sidebar main toc\" 1fr / minmax(var(--fd-sidebar-col), 1fr) minmax(0, calc(var(--fd-layout-width,97rem) - var(--fd-sidebar-width) - var(--fd-toc-width))) minmax(min-content, 1fr)`,\n          '--fd-docs-row-1': 'var(--fd-banner-height, 0px)',\n          '--fd-docs-row-2': 'calc(var(--fd-docs-row-1) + var(--fd-header-height))',\n          '--fd-docs-row-3': 'calc(var(--fd-docs-row-2) + var(--fd-toc-popover-height))',\n          '--fd-sidebar-col': collapsed ? '0px' : 'var(--fd-sidebar-width)',\n          ...style,\n        } as object\n      }\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function LayoutTabs({\n  options,\n  ...props\n}: ComponentProps<'div'> & {\n  options: SidebarTab[];\n}) {\n  const pathname = usePathname();\n  const selected = useMemo(() => {\n    return options.findLast((option) => isTabActive(option, pathname));\n  }, [options, pathname]);\n\n  return (\n    <div\n      {...props}\n      className={cn(\n        'flex flex-row items-end gap-6 overflow-auto [grid-area:main]',\n        props.className,\n      )}\n    >\n      {options.map((option, i) => (\n        <Link\n          key={i}\n          href={option.url}\n          className={cn(\n            'inline-flex border-b-2 border-transparent transition-colors items-center pb-1.5 font-medium gap-2 text-fd-muted-foreground text-sm text-nowrap hover:text-fd-accent-foreground',\n            option.unlisted && selected !== option && 'hidden',\n            selected === option && 'border-fd-primary text-fd-primary',\n          )}\n        >\n          {option.title}\n        </Link>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,gBAAgB,cAEnB,KAAK;AAEf,SAAgB,sBAAsB,EACpC,qBAAqB,QACrB,YAIC;CACD,MAAM,QAAQ,eAAe,EAAE,SAAS,uBAAuB,OAAO,CAAC,IAAI;CAC3E,MAAM,mBAAmB,uBAAuB,QAAQ,QAAQ,uBAAuB;AAEvF,QACE,oBAAC;EACC,OAAO,eACE,EACL,kBACD,GACD,CAAC,iBAAiB,CACnB;EAEA;GACa;;AAIpB,SAAgB,aAAa,OAAiC;CAC5D,MAAM,EAAE,qBAAqB,IAAI,cAAc;AAE/C,QACE,oBAAC;EAAO,oBAAkB;EAAkB,GAAI;YAC7C,MAAM;GACA;;AAIb,SAAgB,WAAW,EAAE,WAAW,OAAO,UAAU,GAAG,SAAgC;CAC1F,MAAM,EAAE,cAAc,YAAY;AAElC,QACE,oBAAC;EACC,IAAG;EACH,WAAW,GACT,iPACA,UACD;EACD,0BAAwB;EACxB,OACE;GACE,cAAc;;;GAGd,mBAAmB;GACnB,mBAAmB;GACnB,mBAAmB;GACnB,oBAAoB,YAAY,QAAQ;GACxC,GAAG;GACJ;EAEH,GAAI;EAEH;GACG;;AAIV,SAAgB,WAAW,EACzB,SACA,GAAG,SAGF;CACD,MAAM,WAAW,aAAa;CAC9B,MAAM,WAAW,cAAc;AAC7B,SAAO,QAAQ,UAAU,WAAW,YAAY,QAAQ,SAAS,CAAC;IACjE,CAAC,SAAS,SAAS,CAAC;AAEvB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,gEACA,MAAM,UACP;YAEA,QAAQ,KAAK,QAAQ,MACpB,oBAAC;GAEC,MAAM,OAAO;GACb,WAAW,GACT,kLACA,OAAO,YAAY,aAAa,UAAU,UAC1C,aAAa,UAAU,oCACxB;aAEA,OAAO;KARH,EASA,CACP;GACE"}

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

@@ -1,10 +1,10 @@
 import { SidebarPageTreeComponents } from "../../components/sidebar/page-tree.js";
 import { GetSidebarTabsOptions } from "../../components/sidebar/tabs/index.js";
 import { SidebarTabWithProps } from "../../components/sidebar/tabs/dropdown.js";
-import { Sidebar } from "./sidebar.js";
 import { BaseLayoutProps } from "../shared/index.js";
-import * as react_jsx_runtime129 from "react/jsx-runtime";
+import { Sidebar } from "./sidebar.js";
 import { ComponentProps, HTMLAttributes, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as PageTree from "@hanzo/docs-core/page-tree";
 
 //#region src/layouts/docs/index.d.ts
@@ -53,7 +53,7 @@ declare function DocsLayout({
   children,
   tree,
   ...props
-}: DocsLayoutProps): react_jsx_runtime129.JSX.Element;
+}: DocsLayoutProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DocsLayout, DocsLayoutProps };
 //# sourceMappingURL=index.d.ts.map