@hanzo/docs-base-ui 16.5.3 → 16.7.5

package/dist/components/ui/navigation-menu.d.ts

@@ -1,16 +1,30 @@
-import * as React from "react";
-import { NavigationMenu } from "@base-ui/react/navigation-menu";
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
 import * as _base_ui_react0 from "@base-ui/react";
 
 //#region src/components/ui/navigation-menu.d.ts
-type NavigationMenuContentProps = NavigationMenu.Content.Props;
-type NavigationMenuTriggerProps = NavigationMenu.Trigger.Props;
-declare const NavigationMenuRoot: React.ForwardRefExoticComponent<Omit<_base_ui_react0.NavigationMenuRootProps, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<_base_ui_react0.NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.NavigationMenuTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.NavigationMenuContentProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<_base_ui_react0.NavigationMenuLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+type NavigationMenuContentProps = NavigationMenu$1.Content.Props;
+type NavigationMenuTriggerProps = NavigationMenu$1.Trigger.Props;
+declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<_base_ui_react0.NavigationMenuRootProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<_base_ui_react0.NavigationMenuListProps, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+declare function NavigationMenuItem({
+  className,
+  children,
+  ...props
+}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Item>): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuTrigger({
+  children,
+  ...props
+}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuContent({
+  className,
+  ...props
+}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Content>): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuLink({
+  children,
+  ...props
+}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Link>): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuViewport(props: NavigationMenu$1.Positioner.Props): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { NavigationMenuContent, NavigationMenuContentProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuTriggerProps };
-//# sourceMappingURL=navigation-menu.d.ts.map
+export { NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport };

package/dist/components/ui/navigation-menu.js

@@ -1,34 +1,56 @@
-'use client';
-
+"use client";
 import { cn } from "../../utils/cn.js";
-import * as React from "react";
+import "react";
 import { jsx } from "react/jsx-runtime";
-import { NavigationMenu } from "@base-ui/react/navigation-menu";
-
+import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
 //#region src/components/ui/navigation-menu.tsx
-const NavigationMenuRoot = NavigationMenu.Root;
-const NavigationMenuList = NavigationMenu.List;
-const NavigationMenuItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenu.Item, {
-	ref,
-	className: (s) => cn("list-none", typeof className === "function" ? className(s) : className),
-	...props,
-	children
-}));
-NavigationMenuItem.displayName = NavigationMenu.Item.displayName;
-const NavigationMenuTrigger = React.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenu.Trigger, {
-	ref,
-	...props,
-	children
-}));
-NavigationMenuTrigger.displayName = NavigationMenu.Trigger.displayName;
-const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenu.Content, {
-	ref,
-	className: (s) => cn("size-full p-4", "transition-[opacity,transform,translate] duration-(--duration) ease-(--easing)", "data-[starting-style]:opacity-0 data-[ending-style]:opacity-0", "data-[starting-style]:data-[activation-direction=left]:-translate-x-1/2", "data-[starting-style]:data-[activation-direction=right]:translate-x-1/2", "data-[ending-style]:data-[activation-direction=left]:translate-x-1/2", "data-[ending-style]:data-[activation-direction=right]:-translate-x-1/2", typeof className === "function" ? className(s) : className),
-	...props
-}));
-NavigationMenuContent.displayName = NavigationMenu.Content.displayName;
-const NavigationMenuLink = NavigationMenu.Link;
-
+const NavigationMenu = NavigationMenu$1.Root;
+const NavigationMenuList = NavigationMenu$1.List;
+function NavigationMenuItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Item, {
+		className: (s) => cn("list-none", typeof className === "function" ? className(s) : className),
+		...props,
+		children
+	});
+}
+function NavigationMenuTrigger({ children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Trigger, {
+		...props,
+		children
+	});
+}
+function NavigationMenuContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
+		className: (s) => cn("size-full p-3", "transition-[opacity,transform,translate] duration-(--duration) ease-(--easing)", "data-starting-style:opacity-0 data-ending-style:opacity-0", "data-starting-style:data-[activation-direction=left]:-translate-x-1/2", "data-starting-style:data-[activation-direction=right]:translate-x-1/2", "data-ending-style:data-[activation-direction=left]:translate-x-1/2", "data-ending-style:data-[activation-direction=right]:-translate-x-1/2", typeof className === "function" ? className(s) : className),
+		...props
+	});
+}
+function NavigationMenuLink({ children, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Link, {
+		...props,
+		children
+	});
+}
+function NavigationMenuViewport(props) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Portal, { children: /* @__PURE__ */ jsx(NavigationMenu$1.Positioner, {
+		collisionPadding: {
+			top: 5,
+			bottom: 5,
+			left: 20,
+			right: 20
+		},
+		...props,
+		className: (s) => cn("box-border h-(--positioner-height) w-(--anchor-width) max-w-(--available-width) duration-(--duration) ease-(--easing) before:absolute before:content-[''] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0 data-[side=bottom]:before:h-2.5 data-[side=left]:before:top-0 data-[side=left]:before:right-[-10px] data-[side=left]:before:bottom-0 data-[side=left]:before:w-2.5 data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:left-[-10px] data-[side=right]:before:w-2.5 data-[side=top]:before:right-0 data-[side=top]:before:bottom-[-10px] data-[side=top]:before:left-0 data-[side=top]:before:h-2.5", typeof props.className === "function" ? props.className(s) : props.className),
+		style: {
+			["--duration"]: "0.35s",
+			["--easing"]: "cubic-bezier(0.22, 1, 0.36, 1)",
+			...props.style
+		},
+		children: /* @__PURE__ */ jsx(NavigationMenu$1.Popup, {
+			className: "data-[ending-style]:easing-[ease] relative border h-(--popup-height) origin-(--transform-origin) rounded-xl bg-fd-popover/80 text-fd-popover-foreground backdrop-blur-md shadow-lg transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0 w-(--popup-width)",
+			children: /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, { className: "relative size-full overflow-hidden" })
+		})
+	}) });
+}
 //#endregion
-export { NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger };
-//# sourceMappingURL=navigation-menu.js.map
+export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport };

package/dist/components/ui/popover.d.ts

@@ -1,12 +1,17 @@
-import * as React from "react";
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 import * as _base_ui_react0 from "@base-ui/react";
 
 //#region src/components/ui/popover.d.ts
 declare const Popover: typeof Popover$1.Root;
 declare const PopoverTrigger: Popover$1.Trigger;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.PopoverPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & Pick<_base_ui_react0.PopoverPositionerProps, "sideOffset" | "align"> & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverClose: React.ForwardRefExoticComponent<Omit<_base_ui_react0.PopoverCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function PopoverContent({
+  className,
+  align,
+  sideOffset,
+  ...props
+}: React$1.ComponentPropsWithRef<typeof Popover$1.Popup> & Pick<Popover$1.Positioner.Props, 'sideOffset' | 'align'>): react_jsx_runtime0.JSX.Element;
+declare const PopoverClose: React$1.ForwardRefExoticComponent<Omit<_base_ui_react0.PopoverCloseProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 //#endregion
-export { Popover, PopoverClose, PopoverContent, PopoverTrigger };
-//# sourceMappingURL=popover.d.ts.map
+export { Popover, PopoverClose, PopoverContent, PopoverTrigger };

package/dist/components/ui/popover.js

@@ -1,27 +1,23 @@
-'use client';
-
+"use client";
 import { cn } from "../../utils/cn.js";
-import * as React from "react";
+import "react";
 import { jsx } from "react/jsx-runtime";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
-
 //#region src/components/ui/popover.tsx
 const Popover = Popover$1.Root;
 const PopoverTrigger = Popover$1.Trigger;
-const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
-	align,
-	side: "bottom",
-	sideOffset,
-	className: "z-50",
-	children: /* @__PURE__ */ jsx(Popover$1.Popup, {
-		ref,
-		className: (s) => cn("z-50 origin-(--transform-origin) overflow-y-auto max-h-(--available-height) min-w-[240px] max-w-[98vw] rounded-xl border bg-fd-popover/60 backdrop-blur-lg p-2 text-sm text-fd-popover-foreground shadow-lg focus-visible:outline-none data-[closed]:animate-fd-popover-out data-[open]:animate-fd-popover-in", typeof className === "function" ? className(s) : className),
-		...props
-	})
-}) }));
-PopoverContent.displayName = Popover$1.Popup.displayName;
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
+		align,
+		side: "bottom",
+		sideOffset,
+		className: "z-50",
+		children: /* @__PURE__ */ jsx(Popover$1.Popup, {
+			className: (s) => cn("z-50 origin-(--transform-origin) overflow-y-auto max-h-(--available-height) min-w-[240px] max-w-[98vw] rounded-xl border bg-fd-popover/60 backdrop-blur-lg p-2 text-sm text-fd-popover-foreground shadow-lg focus-visible:outline-none data-[closed]:animate-fd-popover-out data-[open]:animate-fd-popover-in", typeof className === "function" ? className(s) : className),
+			...props
+		})
+	}) });
+}
 const PopoverClose = Popover$1.Close;
-
 //#endregion
 export { Popover, PopoverClose, PopoverContent, PopoverTrigger };
-//# sourceMappingURL=popover.js.map

package/dist/components/ui/scroll-area.d.ts

@@ -1,12 +1,22 @@
-import * as React from "react";
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
-import * as _base_ui_react0 from "@base-ui/react";
 
 //#region src/components/ui/scroll-area.d.ts
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.ScrollAreaRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollViewport: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.ScrollAreaViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.ScrollAreaScrollbarProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ScrollArea({
+  children,
+  ...props
+}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Root>): react_jsx_runtime0.JSX.Element;
+declare function ScrollViewport({
+  className,
+  children,
+  ...props
+}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Viewport>): react_jsx_runtime0.JSX.Element;
+declare function ScrollBar({
+  className,
+  orientation,
+  ...props
+}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Scrollbar>): react_jsx_runtime0.JSX.Element;
 type ScrollAreaProps = ScrollArea$1.Root.Props;
 //#endregion
-export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollViewport };
-//# sourceMappingURL=scroll-area.d.ts.map
+export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollViewport };

package/dist/components/ui/scroll-area.js

@@ -1,36 +1,32 @@
 import { cn } from "../../utils/cn.js";
-import * as React from "react";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
-
 //#region src/components/ui/scroll-area.tsx
-const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ScrollArea$1.Root, {
-	ref,
-	className: (s) => cn("overflow-hidden", typeof className === "function" ? className(s) : className),
-	...props,
-	children: [
-		children,
-		/* @__PURE__ */ jsx(ScrollArea$1.Corner, {}),
-		/* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" })
-	]
-}));
-ScrollArea.displayName = ScrollArea$1.Root.displayName;
-const ScrollViewport = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
-	ref,
-	className: (s) => cn("size-full rounded-[inherit]", typeof className === "function" ? className(s) : className),
-	...props,
-	children
-}));
-ScrollViewport.displayName = ScrollArea$1.Viewport.displayName;
-const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(ScrollArea$1.Scrollbar, {
-	ref,
-	orientation,
-	className: (s) => cn("flex select-none transition-opacity", !s.hovering && "opacity-0", orientation === "vertical" && "h-full w-1.5", orientation === "horizontal" && "h-1.5 flex-col", typeof className === "function" ? className(s) : className),
-	...props,
-	children: /* @__PURE__ */ jsx(ScrollArea$1.Thumb, { className: "relative flex-1 rounded-full bg-fd-border" })
-}));
-ScrollBar.displayName = ScrollArea$1.Scrollbar.displayName;
-
+function ScrollArea({ children, ...props }) {
+	return /* @__PURE__ */ jsxs(ScrollArea$1.Root, {
+		...props,
+		children: [
+			children,
+			/* @__PURE__ */ jsx(ScrollArea$1.Corner, {}),
+			/* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" })
+		]
+	});
+}
+function ScrollViewport({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
+		className: (s) => cn("size-full rounded-[inherit]", typeof className === "function" ? className(s) : className),
+		...props,
+		children
+	});
+}
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx(ScrollArea$1.Scrollbar, {
+		orientation,
+		className: (s) => cn("flex select-none transition-opacity", !s.hovering && "opacity-0", orientation === "vertical" && "h-full w-1.5", orientation === "horizontal" && "h-1.5 flex-col", typeof className === "function" ? className(s) : className),
+		...props,
+		children: /* @__PURE__ */ jsx(ScrollArea$1.Thumb, { className: "relative flex-1 rounded-full bg-fd-border" })
+	});
+}
 //#endregion
 export { ScrollArea, ScrollBar, ScrollViewport };
-//# sourceMappingURL=scroll-area.js.map

package/dist/components/ui/tabs.d.ts

@@ -37,5 +37,4 @@ declare function TabsContent({
   ...props
 }: ComponentProps<typeof Tabs$1.Panel>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Tabs, TabsContent, TabsList, TabsProps, TabsTrigger };
-//# sourceMappingURL=tabs.d.ts.map
+export { Tabs, TabsContent, TabsList, TabsProps, TabsTrigger };

package/dist/components/ui/tabs.js

@@ -1,10 +1,8 @@
-'use client';
-
+"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 { Tabs as Tabs$1 } from "@base-ui/react/tabs";
-
 //#region src/components/ui/tabs.tsx
 const listeners = /* @__PURE__ */ new Map();
 const TabsContext = createContext(null);
@@ -75,7 +73,5 @@ function TabsContent({ value, ...props }) {
 		children: props.children
 	});
 }
-
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };
-//# sourceMappingURL=tabs.js.map

package/dist/contexts/i18n.d.ts

@@ -14,14 +14,17 @@ interface Translations {
   chooseTheme: string;
   editOnGithub: string;
 }
+type TranslationsOption = {
+  [key: string]: string | TranslationsOption;
+};
 interface LocaleItem {
   name: string;
   locale: string;
 }
 interface I18nContextType {
+  text: Translations & TranslationsOption;
   locale?: string;
   onChange?: (v: string) => void;
-  text: Translations;
   locales?: LocaleItem[];
 }
 declare const defaultTranslations: Translations;
@@ -33,7 +36,7 @@ interface I18nProviderProps {
   /**
    * Current locale
    */
-  locale: string;
+  locale?: string;
   /**
    * Handle changes to the locale, redirect user when not specified.
    */
@@ -41,7 +44,7 @@ interface I18nProviderProps {
   /**
    * Translations of current locale
    */
-  translations?: Partial<Translations>;
+  translations?: TranslationsOption;
   /**
    * Available languages
    */
@@ -56,5 +59,4 @@ declare function I18nProvider({
   translations
 }: I18nProviderProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { I18nLabel, I18nProvider, I18nProviderProps, LocaleItem, Translations, defaultTranslations, useI18n };
-//# sourceMappingURL=i18n.d.ts.map
+export { I18nLabel, I18nProvider, I18nProviderProps, Translations, TranslationsOption, defaultTranslations, useI18n };

package/dist/contexts/i18n.js

@@ -1,9 +1,7 @@
-'use client';
-
+"use client";
 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
 const defaultTranslations = {
 	search: "Search",
@@ -17,10 +15,9 @@ const defaultTranslations = {
 	chooseTheme: "Theme",
 	editOnGithub: "Edit on GitHub"
 };
-const I18nContext = createContext({ text: defaultTranslations });
+const I18nContext = createContext({ text: { ...defaultTranslations } });
 function I18nLabel(props) {
-	const { text } = useI18n();
-	return text[props.label];
+	return useI18n().text[props.label];
 }
 function useI18n() {
 	return useContext(I18nContext);
@@ -54,7 +51,5 @@ function I18nProvider({ locales = [], locale, onLocaleChange, children, translat
 		children
 	});
 }
-
 //#endregion
 export { I18nLabel, I18nProvider, defaultTranslations, useI18n };
-//# sourceMappingURL=i18n.js.map

package/dist/contexts/search.d.ts

@@ -49,6 +49,7 @@ interface SearchProviderProps {
 }
 interface SearchContextType {
   enabled: boolean;
+  open: boolean;
   hotKey: HotKey[];
   setOpenSearch: (value: boolean) => void;
 }
@@ -70,5 +71,4 @@ declare function SearchOnly({
   children: ReactNode;
 }): ReactNode;
 //#endregion
-export { SearchLink, SearchOnly, SearchProvider, SearchProviderProps, SharedProps, TagItem, useSearchContext };
-//# sourceMappingURL=search.d.ts.map
+export { SearchLink, SearchOnly, SearchProvider, SearchProviderProps, SharedProps, TagItem, useSearchContext };

package/dist/contexts/search.js

@@ -1,11 +1,10 @@
-'use client';
-
+"use client";
 import { Suspense, createContext, use, useEffect, useEffectEvent, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/contexts/search.tsx
 const SearchContext = createContext({
 	enabled: false,
+	open: false,
 	hotKey: [],
 	setOpenSearch: () => void 0
 });
@@ -42,9 +41,10 @@ function SearchProvider({ SearchDialog, children, preload = true, options, hotKe
 	return /* @__PURE__ */ jsxs(SearchContext, {
 		value: useMemo(() => ({
 			enabled: true,
+			open: isOpen ?? false,
 			hotKey,
 			setOpenSearch: setIsOpen
-		}), [hotKey]),
+		}), [isOpen, hotKey]),
 		children: [isOpen !== void 0 && /* @__PURE__ */ jsx(Suspense, {
 			fallback: null,
 			children: /* @__PURE__ */ jsx(SearchDialog, {
@@ -62,7 +62,5 @@ function SearchProvider({ SearchDialog, children, preload = true, options, hotKe
 function SearchOnly({ children }) {
 	if (useSearchContext().enabled) return children;
 }
-
 //#endregion
 export { SearchOnly, SearchProvider, useSearchContext };
-//# sourceMappingURL=search.js.map

package/dist/contexts/tree.d.ts

@@ -18,5 +18,4 @@ declare function TreeContextProvider({
 declare function useTreePath(): PageTree.Node[];
 declare function useTreeContext(): TreeContextType;
 //#endregion
-export { TreeContextProvider, useTreeContext, useTreePath };
-//# sourceMappingURL=tree.d.ts.map
+export { TreeContextProvider, useTreeContext, useTreePath };

package/dist/contexts/tree.js

@@ -1,10 +1,8 @@
-'use client';
-
+"use client";
 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
 const TreeContext = createContext(null);
 const PathContext = createContext([]);
@@ -36,7 +34,5 @@ function useTreeContext() {
 	if (!ctx) throw new Error("You must wrap this component under <DocsLayout />");
 	return ctx;
 }
-
 //#endregion
 export { TreeContextProvider, useTreeContext, useTreePath };
-//# sourceMappingURL=tree.js.map

package/dist/i18n.d.ts

@@ -2,13 +2,20 @@ import { I18nProviderProps, Translations, defaultTranslations } from "./contexts
 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;
-};
+interface I18nUIConfig<Languages extends string> extends I18nConfig<Languages> {
+  /**
+   * get i18n config for Fumadocs UI `<RootProvider i18n={config} />`.
+   */
+  provider: (locale?: Languages | (string & {})) => I18nProviderProps;
+}
+type TranslationsConfig<Languages extends string> = { [K in Languages]?: Partial<Translations> & {
+  displayName?: string;
+} };
+declare function defineI18nUI<Languages extends string>(config: I18nConfig<Languages>, options?: {
+  /**
+   * @deprecated you can directly define the translations in outer scope (the parent object of `translations`)
+   */
+  translations: TranslationsConfig<Languages>;
+} | TranslationsConfig<Languages>): I18nUIConfig<Languages>;
 //#endregion
-export { type I18nProviderProps, type Translations, defaultTranslations, defineI18nUI };
-//# sourceMappingURL=i18n.d.ts.map
+export { type I18nProviderProps, I18nUIConfig, type Translations, defaultTranslations, defineI18nUI };

package/dist/i18n.js

@@ -1,20 +1,20 @@
 import { defaultTranslations } from "./contexts/i18n.js";
-
 //#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) => ({
+function defineI18nUI(config, options = {}) {
+	const translations = "translations" in options ? options.translations : options;
+	return {
+		...config,
+		provider(locale = config.defaultLanguage) {
+			return {
 				locale,
-				name: translations[locale]?.displayName ?? 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/layouts/docs/client.d.ts

@@ -1,32 +1,33 @@
-import { SidebarTab } from "../../components/sidebar/tabs/index.js";
-import * as react from "react";
-import { ComponentProps, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
+import { BaseSlots, BaseSlotsProps } from "../shared/client.js";
+import { LayoutTab, LinkItemType } from "../shared/index.js";
+import { SidebarProps, SidebarProviderProps } from "./slots/sidebar.js";
+import { DocsLayoutProps } from "./index.js";
+import { ComponentProps, FC } from "react";
 //#region src/layouts/docs/client.d.ts
-declare const LayoutContext: react.Context<{
+interface DocsSlots extends BaseSlots {
+  container: FC<ComponentProps<'div'>>;
+  header: FC<ComponentProps<'header'>>;
+  sidebar: {
+    provider: FC<SidebarProviderProps>;
+    root: FC<SidebarProps>;
+    trigger: FC<ComponentProps<'button'>>;
+    useSidebar: () => {
+      collapsed: boolean;
+      open: boolean;
+      setOpen: (v: boolean) => void;
+    };
+  };
+}
+interface SlotsProps extends BaseSlotsProps<DocsLayoutProps> {
+  tabs: LayoutTab[];
+  tabMode: NonNullable<DocsLayoutProps['tabMode']>;
+}
+declare function useDocsLayout(): {
+  props: SlotsProps;
   isNavTransparent: boolean;
-} | null>;
-declare function LayoutContextProvider({
-  navTransparentMode,
-  children
-}: {
-  navTransparentMode?: 'always' | 'top' | 'none';
-  children: ReactNode;
-}): 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_runtime0.JSX.Element;
-declare function LayoutTabs({
-  options,
-  ...props
-}: ComponentProps<'div'> & {
-  options: SidebarTab[];
-}): react_jsx_runtime0.JSX.Element;
+  navItems: LinkItemType[];
+  menuItems: LinkItemType[];
+  slots: DocsSlots;
+};
 //#endregion
-export { LayoutBody, LayoutContext, LayoutContextProvider, LayoutHeader, LayoutTabs };
-//# sourceMappingURL=client.d.ts.map
+export { DocsSlots, useDocsLayout };