@hanzo/docs-base-ui 16.5.0 → 16.7.5

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,13 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+export { __exportAll };

package/dist/components/accordion.d.ts

@@ -1,6 +1,6 @@
 import { Accordion as Accordion$1, AccordionItem } from "./ui/accordion.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/accordion.d.ts
 declare function Accordions({
@@ -20,5 +20,4 @@ declare function Accordion({
   value?: string;
 }): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Accordion, Accordions };
-//# sourceMappingURL=accordion.d.ts.map
+export { Accordion, Accordions };

package/dist/components/accordion.js

@@ -1,14 +1,12 @@
-'use client';
-
+"use client";
+import { cn } from "../utils/cn.js";
+import { useCopyButton } from "../utils/use-copy-button.js";
 import { buttonVariants } from "./ui/button.js";
+import { mergeRefs } from "../utils/merge-refs.js";
 import { Accordion as Accordion$1, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger } from "./ui/accordion.js";
-import { cn } from "@hanzo/docs-ui/cn";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Check, Link } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
-import { useCopyButton } from "@hanzo/docs-ui/hooks/use-copy-button";
-import { mergeRefs } from "@hanzo/docs-ui/merge-refs";
-
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, LinkIcon } from "lucide-react";
 //#region src/components/accordion.tsx
 function Accordions({ ref, className, defaultValue, ...props }) {
 	const rootRef = useRef(null);
@@ -20,8 +18,8 @@ function Accordions({ ref, className, defaultValue, ...props }) {
 		if (!element || id.length === 0) return;
 		const selected = document.getElementById(id);
 		if (!selected || !element.contains(selected)) return;
-		const value$1 = selected.getAttribute("data-accordion-value");
-		if (value$1) setValue((prev) => [value$1, ...prev]);
+		const value = selected.getAttribute("data-accordion-value");
+		if (value) setValue((prev) => [value, ...prev]);
 	}, []);
 	return /* @__PURE__ */ jsx(Accordion$1, {
 		ref: composedRef,
@@ -62,10 +60,8 @@ function CopyButton({ id }) {
 			className: "text-fd-muted-foreground me-2"
 		})),
 		onClick,
-		children: checked ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Link, { className: "size-3.5" })
+		children: checked ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(LinkIcon, { className: "size-3.5" })
 	});
 }
-
 //#endregion
 export { Accordion, Accordions };
-//# sourceMappingURL=accordion.js.map

package/dist/components/banner.d.ts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime84 from "react/jsx-runtime";
 import { HTMLAttributes } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/banner.d.ts
 type BannerVariant = 'rainbow' | 'normal';
@@ -29,7 +29,6 @@ declare function Banner({
    * @defaultValue true
    */
   changeLayout?: boolean;
-}): react_jsx_runtime84.JSX.Element | null;
+}): react_jsx_runtime0.JSX.Element | null;
 //#endregion
-export { Banner };
-//# sourceMappingURL=banner.d.ts.map
+export { Banner };

package/dist/components/banner.js

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
+import { cn } from "../utils/cn.js";
 import { buttonVariants } from "./ui/button.js";
-import { cn } from "@hanzo/docs-ui/cn";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { X } from "lucide-react";
 import { useEffect, useState } from "react";
-
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
 //#region src/components/banner.tsx
 function Banner({ id, variant = "normal", changeLayout = true, height = "3rem", rainbowColors = [
 	"rgba(0,149,255,0.56)",
@@ -49,7 +47,7 @@ function Banner({ id, variant = "normal", changeLayout = true, height = "3rem",
 }
 const maskImage = "linear-gradient(to bottom,white,transparent), radial-gradient(circle at top center, white, transparent)";
 function flow({ colors }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 		className: "absolute inset-0 z-[-1]",
 		style: {
 			maskImage,
@@ -64,7 +62,5 @@ function flow({ colors }) {
             to { background-position: 100% 0;  }
          }` })] });
 }
-
 //#endregion
 export { Banner };
-//# sourceMappingURL=banner.js.map

package/dist/components/callout.d.ts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/callout.d.ts
 type CalloutType = 'info' | 'warn' | 'error' | 'success' | 'warning' | 'idea';
@@ -9,7 +9,7 @@ declare function Callout({
   ...props
 }: {
   title?: ReactNode;
-} & Omit<CalloutContainerProps, 'title'>): react_jsx_runtime11.JSX.Element;
+} & Omit<CalloutContainerProps, 'title'>): react_jsx_runtime0.JSX.Element;
 interface CalloutContainerProps extends ComponentProps<'div'> {
   /**
    * @defaultValue info
@@ -27,17 +27,16 @@ declare function CalloutContainer({
   className,
   style,
   ...props
-}: CalloutContainerProps): react_jsx_runtime11.JSX.Element;
+}: CalloutContainerProps): react_jsx_runtime0.JSX.Element;
 declare function CalloutTitle({
   children,
   className,
   ...props
-}: ComponentProps<'p'>): react_jsx_runtime11.JSX.Element;
+}: ComponentProps<'p'>): react_jsx_runtime0.JSX.Element;
 declare function CalloutDescription({
   children,
   className,
   ...props
-}: ComponentProps<'p'>): react_jsx_runtime11.JSX.Element;
+}: ComponentProps<'p'>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Callout, CalloutContainer, CalloutContainerProps, CalloutDescription, CalloutTitle, CalloutType };
-//# sourceMappingURL=callout.d.ts.map
+export { Callout, CalloutContainer, CalloutContainerProps, CalloutDescription, CalloutTitle, CalloutType };

package/dist/components/callout.js

@@ -1,7 +1,6 @@
-import { cn } from "@hanzo/docs-ui/cn";
+import { cn } from "../utils/cn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CircleCheck, CircleX, Info, Lightbulb, TriangleAlert } from "lucide-react";
-
 //#region src/components/callout.tsx
 const iconClass = "size-5 -me-0.5 fill-(--callout-color) text-fd-card";
 function Callout({ children, title, ...props }) {
@@ -57,7 +56,5 @@ function CalloutDescription({ children, className, ...props }) {
 		children
 	});
 }
-
 //#endregion
 export { Callout, CalloutContainer, CalloutDescription, CalloutTitle };
-//# sourceMappingURL=callout.js.map

package/dist/components/card.d.ts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime25 from "react/jsx-runtime";
 import { HTMLAttributes, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/card.d.ts
-declare function Cards(props: HTMLAttributes<HTMLDivElement>): react_jsx_runtime25.JSX.Element;
+declare function Cards(props: HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element;
 type CardProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {
   icon?: ReactNode;
   title: ReactNode;
@@ -15,7 +15,6 @@ declare function Card({
   title,
   description,
   ...props
-}: CardProps): react_jsx_runtime25.JSX.Element;
+}: CardProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Card, CardProps, Cards };
-//# sourceMappingURL=card.d.ts.map
+export { Card, CardProps, Cards };

package/dist/components/card.js

@@ -1,7 +1,6 @@
-import Link from "@hanzo/docs-core/link";
-import { cn } from "@hanzo/docs-ui/cn";
+import { cn } from "../utils/cn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-
+import Link from "@hanzo/docs-core/link";
 //#region src/components/card.tsx
 function Cards(props) {
 	return /* @__PURE__ */ jsx("div", {
@@ -35,7 +34,5 @@ function Card({ icon, title, description, ...props }) {
 		]
 	});
 }
-
 //#endregion
 export { Card, Cards };
-//# sourceMappingURL=card.js.map

package/dist/components/codeblock.d.ts

@@ -1,6 +1,6 @@
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
 import { ComponentProps, HTMLAttributes, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/codeblock.d.ts
 interface CodeBlockProps extends ComponentProps<'figure'> {
@@ -36,7 +36,7 @@ interface CodeBlockProps extends ComponentProps<'figure'> {
     children?: ReactNode;
   }) => ReactNode;
 }
-declare function Pre(props: ComponentProps<'pre'>): react_jsx_runtime38.JSX.Element;
+declare function Pre(props: ComponentProps<'pre'>): react_jsx_runtime0.JSX.Element;
 declare function CodeBlock({
   ref,
   title,
@@ -47,22 +47,21 @@ declare function CodeBlock({
   children,
   Actions,
   ...props
-}: CodeBlockProps): react_jsx_runtime38.JSX.Element;
+}: CodeBlockProps): react_jsx_runtime0.JSX.Element;
 declare function CodeBlockTabs({
   ref,
   className,
   ...props
-}: ComponentProps<typeof Tabs>): react_jsx_runtime38.JSX.Element;
+}: ComponentProps<typeof Tabs>): react_jsx_runtime0.JSX.Element;
 declare function CodeBlockTabsList({
   className,
   ...props
-}: ComponentProps<typeof TabsList>): react_jsx_runtime38.JSX.Element;
+}: ComponentProps<typeof TabsList>): react_jsx_runtime0.JSX.Element;
 declare function CodeBlockTabsTrigger({
   children,
   className,
   ...props
-}: ComponentProps<typeof TabsTrigger>): react_jsx_runtime38.JSX.Element;
-declare function CodeBlockTab(props: ComponentProps<typeof TabsContent>): react_jsx_runtime38.JSX.Element;
+}: ComponentProps<typeof TabsTrigger>): react_jsx_runtime0.JSX.Element;
+declare function CodeBlockTab(props: ComponentProps<typeof TabsContent>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { CodeBlock, CodeBlockProps, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre };
-//# sourceMappingURL=codeblock.d.ts.map
+export { CodeBlock, CodeBlockProps, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre };

package/dist/components/codeblock.js

@@ -1,14 +1,12 @@
-'use client';
-
+"use client";
+import { cn } from "../utils/cn.js";
+import { useCopyButton } from "../utils/use-copy-button.js";
 import { buttonVariants } from "./ui/button.js";
+import { mergeRefs } from "../utils/merge-refs.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
-import { cn } from "@hanzo/docs-ui/cn";
+import { createContext, use, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, Clipboard } from "lucide-react";
-import { createContext, use, useMemo, useRef } from "react";
-import { useCopyButton } from "@hanzo/docs-ui/hooks/use-copy-button";
-import { mergeRefs } from "@hanzo/docs-ui/merge-refs";
-
 //#region src/components/codeblock.tsx
 const TabsContext = createContext(null);
 function Pre(props) {
@@ -18,9 +16,9 @@ function Pre(props) {
 		children: props.children
 	});
 }
-function CodeBlock({ ref, title, allowCopy = true, keepBackground = false, icon, viewportProps = {}, children, Actions = (props$1) => /* @__PURE__ */ jsx("div", {
-	...props$1,
-	className: cn("empty:hidden", props$1.className)
+function CodeBlock({ ref, title, allowCopy = true, keepBackground = false, icon, viewportProps = {}, children, Actions = (props) => /* @__PURE__ */ jsx("div", {
+	...props,
+	className: cn("empty:hidden", props.className)
 }), ...props }) {
 	const inTab = use(TabsContext) !== null;
 	const areaRef = useRef(null);
@@ -114,13 +112,11 @@ function CodeBlockTabsTrigger({ children, className, ...props }) {
 	return /* @__PURE__ */ jsxs(TabsTrigger, {
 		...props,
 		className: (s) => cn("relative group inline-flex text-sm font-medium text-nowrap items-center transition-colors gap-2 px-2 py-1.5 [&_svg]:size-3.5", s.active ? "text-fd-primary" : "hover:text-fd-accent-foreground", typeof className === "function" ? className(s) : className),
-		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-x-2 bottom-0 h-px group-data-[active]:bg-fd-primary" }), children]
+		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-x-2 bottom-0 h-px group-data-active:bg-fd-primary" }), children]
 	});
 }
 function CodeBlockTab(props) {
 	return /* @__PURE__ */ jsx(TabsContent, { ...props });
 }
-
 //#endregion
 export { CodeBlock, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre };
-//# sourceMappingURL=codeblock.js.map

package/dist/components/codeblock.rsc.d.ts

@@ -0,0 +1,21 @@
+import { CodeBlockProps } from "./codeblock.js";
+import * as react from "react";
+import { HighlightOptions } from "@hanzo/docs-core/highlight";
+
+//#region src/components/codeblock.rsc.d.ts
+type ServerCodeBlockProps = HighlightOptions & {
+  code: string;
+  /**
+   * Extra props for the underlying `<CodeBlock />` component.
+   *
+   * Ignored if you defined your own `pre` component in `components`.
+   */
+  codeblock?: CodeBlockProps;
+};
+declare function ServerCodeBlock({
+  code,
+  codeblock,
+  ...options
+}: ServerCodeBlockProps): Promise<react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | (string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined)>;
+//#endregion
+export { ServerCodeBlock, ServerCodeBlockProps };

package/dist/components/codeblock.rsc.js

@@ -0,0 +1,22 @@
+import { cn } from "../utils/cn.js";
+import { CodeBlock, Pre } from "./codeblock.js";
+import { jsx } from "react/jsx-runtime";
+import { highlight } from "@hanzo/docs-core/highlight";
+//#region src/components/codeblock.rsc.tsx
+async function ServerCodeBlock({ code, codeblock, ...options }) {
+	return await highlight(code, {
+		defaultColor: false,
+		...options,
+		components: {
+			pre: (props) => /* @__PURE__ */ jsx(CodeBlock, {
+				...props,
+				...codeblock,
+				className: cn("my-0", props.className, codeblock?.className),
+				children: /* @__PURE__ */ jsx(Pre, { children: props.children })
+			}),
+			...options.components
+		}
+	});
+}
+//#endregion
+export { ServerCodeBlock };

package/dist/components/dialog/search-algolia.d.ts

@@ -1,16 +1,15 @@
-import { search_d_exports } from "../../contexts/search.js";
-import "./search.js";
-import * as react_jsx_runtime76 from "react/jsx-runtime";
+import { SearchLink, SharedProps, TagItem } from "../../contexts/search.js";
 import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { AlgoliaOptions } from "@hanzo/docs-core/search/client";
 
 //#region src/components/dialog/search-algolia.d.ts
-interface AlgoliaSearchDialogProps extends search_d_exports.SharedProps {
+interface AlgoliaSearchDialogProps extends SharedProps {
   searchOptions: AlgoliaOptions;
-  links?: search_d_exports.SearchLink[];
+  links?: SearchLink[];
   footer?: ReactNode;
   defaultTag?: string;
-  tags?: search_d_exports.TagItem[];
+  tags?: TagItem[];
   /**
    * Add the "Powered by Algolia" label, this is useful for free tier users
    *
@@ -33,7 +32,6 @@ declare function AlgoliaSearchDialog({
   links,
   footer,
   ...props
-}: AlgoliaSearchDialogProps): react_jsx_runtime76.JSX.Element;
+}: AlgoliaSearchDialogProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { AlgoliaSearchDialogProps, AlgoliaSearchDialog as default };
-//# sourceMappingURL=search-algolia.d.ts.map
+export { AlgoliaSearchDialogProps, AlgoliaSearchDialog as default };

package/dist/components/dialog/search-algolia.js

@@ -1,16 +1,14 @@
-'use client';
-
-import { i18n_exports } from "../../contexts/i18n.js";
+"use client";
+import { useI18n } from "../../contexts/i18n.js";
 import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogOverlay, TagsList, TagsListItem } from "./search.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useOnChange } from "@hanzo/docs-core/utils/use-on-change";
 import { useDocsSearch } from "@hanzo/docs-core/search/client";
-
 //#region src/components/dialog/search-algolia.tsx
 function AlgoliaSearchDialog({ searchOptions, tags = [], defaultTag, showAlgolia = false, allowClear = false, links = [], footer, ...props }) {
 	const [tag, setTag] = useState(defaultTag);
-	const { locale } = (0, i18n_exports.useI18n)();
+	const { locale } = useI18n();
 	const { search, setSearch, query } = useDocsSearch({
 		type: "algolia",
 		tag,
@@ -46,10 +44,10 @@ function AlgoliaSearchDialog({ searchOptions, tags = [], defaultTag, showAlgolia
 				tag,
 				onTagChange: setTag,
 				allowClear,
-				children: [tags.map((tag$1) => /* @__PURE__ */ jsx(TagsListItem, {
-					value: tag$1.value,
-					children: tag$1.name
-				}, tag$1.value)), label]
+				children: [tags.map((tag) => /* @__PURE__ */ jsx(TagsListItem, {
+					value: tag.value,
+					children: tag.name
+				}, tag.value)), label]
 			}) : label, footer] })
 		]
 	});
@@ -62,7 +60,5 @@ function AlgoliaTitle() {
 		children: "Search powered by Algolia"
 	});
 }
-
 //#endregion
 export { AlgoliaSearchDialog as default };
-//# sourceMappingURL=search-algolia.js.map

package/dist/components/dialog/search-default.d.ts

@@ -1,17 +1,16 @@
-import { search_d_exports } from "../../contexts/search.js";
-import "./search.js";
-import * as react_jsx_runtime136 from "react/jsx-runtime";
+import { SearchLink, SharedProps, TagItem } from "../../contexts/search.js";
 import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/dialog/search-default.d.ts
-interface DefaultSearchDialogProps extends search_d_exports.SharedProps {
-  links?: search_d_exports.SearchLink[];
+interface DefaultSearchDialogProps extends SharedProps {
+  links?: SearchLink[];
   /**
    * @defaultValue 'fetch'
    */
   type?: 'fetch' | 'static';
   defaultTag?: string;
-  tags?: search_d_exports.TagItem[];
+  tags?: TagItem[];
   /**
    * Search API URL
    */
@@ -38,7 +37,6 @@ declare function DefaultSearchDialog({
   links,
   footer,
   ...props
-}: DefaultSearchDialogProps): react_jsx_runtime136.JSX.Element;
+}: DefaultSearchDialogProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { DefaultSearchDialogProps, DefaultSearchDialog as default };
-//# sourceMappingURL=search-default.d.ts.map
+export { DefaultSearchDialogProps, DefaultSearchDialog as default };

package/dist/components/dialog/search-default.js

@@ -1,15 +1,13 @@
-'use client';
-
-import { i18n_exports } from "../../contexts/i18n.js";
+"use client";
+import { useI18n } from "../../contexts/i18n.js";
 import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogOverlay, TagsList, TagsListItem } from "./search.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useOnChange } from "@hanzo/docs-core/utils/use-on-change";
 import { useDocsSearch } from "@hanzo/docs-core/search/client";
-
 //#region src/components/dialog/search-default.tsx
 function DefaultSearchDialog({ defaultTag, tags = [], api, delayMs, type = "fetch", allowClear = false, links = [], footer, ...props }) {
-	const { locale } = (0, i18n_exports.useI18n)();
+	const { locale } = useI18n();
 	const [tag, setTag] = useState(defaultTag);
 	const { search, setSearch, query } = useDocsSearch(type === "fetch" ? {
 		type: "fetch",
@@ -52,15 +50,13 @@ function DefaultSearchDialog({ defaultTag, tags = [], api, delayMs, type = "fetc
 				tag,
 				onTagChange: setTag,
 				allowClear,
-				children: tags.map((tag$1) => /* @__PURE__ */ jsx(TagsListItem, {
-					value: tag$1.value,
-					children: tag$1.name
-				}, tag$1.value))
+				children: tags.map((tag) => /* @__PURE__ */ jsx(TagsListItem, {
+					value: tag.value,
+					children: tag.name
+				}, tag.value))
 			}), footer] })
 		]
 	});
 }
-
 //#endregion
 export { DefaultSearchDialog as default };
-//# sourceMappingURL=search-default.js.map

package/dist/components/dialog/search-orama.d.ts

@@ -1,18 +1,17 @@
-import { search_d_exports } from "../../contexts/search.js";
-import "./search.js";
-import * as react_jsx_runtime83 from "react/jsx-runtime";
+import { SearchLink, SharedProps, TagItem } from "../../contexts/search.js";
 import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { OramaCloudOptions } from "@hanzo/docs-core/search/client";
 
 //#region src/components/dialog/search-orama.d.ts
-interface OramaSearchDialogProps extends search_d_exports.SharedProps {
-  links?: search_d_exports.SearchLink[];
+interface OramaSearchDialogProps extends SharedProps {
+  links?: SearchLink[];
   client: OramaCloudOptions['client'];
   searchOptions?: OramaCloudOptions['params'];
   index?: OramaCloudOptions['index'];
   footer?: ReactNode;
   defaultTag?: string;
-  tags?: search_d_exports.TagItem[];
+  tags?: TagItem[];
   /**
    * Add the "Powered by Orama" label
    *
@@ -40,7 +39,6 @@ declare function OramaSearchDialog({
   footer,
   links,
   ...props
-}: OramaSearchDialogProps): react_jsx_runtime83.JSX.Element;
+}: OramaSearchDialogProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { OramaSearchDialogProps, OramaSearchDialog as default };
-//# sourceMappingURL=search-orama.d.ts.map
+export { OramaSearchDialogProps, OramaSearchDialog as default };

package/dist/components/dialog/search-orama.js

@@ -1,18 +1,16 @@
-'use client';
-
-import { i18n_exports } from "../../contexts/i18n.js";
+"use client";
+import { useI18n } from "../../contexts/i18n.js";
 import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogOverlay, TagsList, TagsListItem } from "./search.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useOnChange } from "@hanzo/docs-core/utils/use-on-change";
 import { useDocsSearch } from "@hanzo/docs-core/search/client";
-
 //#region src/components/dialog/search-orama.tsx
 /**
 * Orama Cloud integration
 */
 function OramaSearchDialog({ client, searchOptions, tags = [], defaultTag, showOrama = true, allowClear = false, index, footer, links = [], ...props }) {
-	const { locale } = (0, i18n_exports.useI18n)();
+	const { locale } = useI18n();
 	const [tag, setTag] = useState(defaultTag);
 	const { search, setSearch, query } = useDocsSearch({
 		type: "orama-cloud",
@@ -51,10 +49,10 @@ function OramaSearchDialog({ client, searchOptions, tags = [], defaultTag, showO
 				tag,
 				onTagChange: setTag,
 				allowClear,
-				children: [tags.map((tag$1) => /* @__PURE__ */ jsx(TagsListItem, {
-					value: tag$1.value,
-					children: tag$1.name
-				}, tag$1.value)), label]
+				children: [tags.map((tag) => /* @__PURE__ */ jsx(TagsListItem, {
+					value: tag.value,
+					children: tag.name
+				}, tag.value)), label]
 			}) : label, footer] })
 		] })]
 	});
@@ -67,7 +65,5 @@ function Label() {
 		children: "Search powered by Orama"
 	});
 }
-
 //#endregion
 export { OramaSearchDialog as default };
-//# sourceMappingURL=search-orama.js.map