@hanzo/docs-base-ui 16.5.0 → 16.5.3

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,18 @@
+//#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({

package/dist/components/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/components/accordion.tsx"],"sourcesContent":[],"mappings":";;;;;iBAgBgB,UAAA;;;;;GAKb,sBAAsB,eAAK,kBAAA,CAAA,GAAA,CAAA;iBAiCd,SAAA;;;;;;GAMb,KAAK,sBAAsB;kBACZ;EA7CF,KAAA,CAAA,EAAA,MAAU;CACxB,CAAA,EA8CD,kBAAA,CAAA,GAAA,CAAA,OA9CC"}
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/components/accordion.tsx"],"mappings":";;;;;iBAgBgB,UAAA,CAAA;EACd,GAAA;EACA,SAAA;EACA,YAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,WAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAiCd,SAAA,CAAA;EACd,KAAA;EACA,EAAA;EACA,KAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,IAAA,CAAK,cAAA,QAAsB,aAAA;EAC5B,KAAA,WAAgB,SAAA;EAChB,KAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/accordion.js

@@ -1,13 +1,13 @@
 '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 { useEffect, useRef, useState } from "react";
 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";
 
 //#region src/components/accordion.tsx
 function Accordions({ ref, className, defaultValue, ...props }) {
@@ -20,8 +20,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,

package/dist/components/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["value","Root","LinkIcon"],"sources":["../../src/components/accordion.tsx"],"sourcesContent":["'use client';\n\nimport { Check, Link as LinkIcon } from 'lucide-react';\nimport { ComponentProps, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport { useCopyButton } from '@hanzo/docs-ui/hooks/use-copy-button';\nimport { buttonVariants } from '@/components/ui/button';\nimport { mergeRefs } from '@hanzo/docs-ui/merge-refs';\nimport {\n  Accordion as Root,\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  AccordionTrigger,\n} from '@/components/ui/accordion';\n\nexport function Accordions({\n  ref,\n  className,\n  defaultValue,\n  ...props\n}: ComponentProps<typeof Root>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const composedRef = mergeRefs(ref, rootRef);\n  const [value, setValue] = useState<string[]>(defaultValue ?? []);\n\n  useEffect(() => {\n    const id = window.location.hash.substring(1);\n    const element = rootRef.current;\n    if (!element || id.length === 0) return;\n\n    const selected = document.getElementById(id);\n    if (!selected || !element.contains(selected)) return;\n    const value = selected.getAttribute('data-accordion-value');\n\n    if (value) setValue((prev) => [value, ...prev]);\n  }, []);\n\n  return (\n    <Root\n      ref={composedRef}\n      value={value}\n      onValueChange={setValue}\n      className={(s) =>\n        cn(\n          'divide-y divide-fd-border overflow-hidden rounded-lg border bg-fd-card',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n      {...props}\n    />\n  );\n}\n\nexport function Accordion({\n  title,\n  id,\n  value = String(title),\n  children,\n  ...props\n}: Omit<ComponentProps<typeof AccordionItem>, 'value' | 'title'> & {\n  title: string | ReactNode;\n  value?: string;\n}) {\n  return (\n    <AccordionItem value={value} {...props}>\n      <AccordionHeader id={id} data-accordion-value={value}>\n        <AccordionTrigger>{title}</AccordionTrigger>\n        {id ? <CopyButton id={id} /> : null}\n      </AccordionHeader>\n      <AccordionContent hiddenUntilFound>\n        <div className=\"px-4 pb-2 text-[0.9375rem] prose-no-margin [&[hidden]:not([hidden='until-found'])]:hidden\">\n          {children}\n        </div>\n      </AccordionContent>\n    </AccordionItem>\n  );\n}\n\nfunction CopyButton({ id }: { id: string }) {\n  const [checked, onClick] = useCopyButton(() => {\n    const url = new URL(window.location.href);\n    url.hash = id;\n\n    return navigator.clipboard.writeText(url.toString());\n  });\n\n  return (\n    <button\n      type=\"button\"\n      aria-label=\"Copy Link\"\n      className={cn(\n        buttonVariants({\n          color: 'ghost',\n          className: 'text-fd-muted-foreground me-2',\n        }),\n      )}\n      onClick={onClick}\n    >\n      {checked ? <Check className=\"size-3.5\" /> : <LinkIcon className=\"size-3.5\" />}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAgBA,SAAgB,WAAW,EACzB,KACA,WACA,cACA,GAAG,SAC2B;CAC9B,MAAM,UAAU,OAAuB,KAAK;CAC5C,MAAM,cAAc,UAAU,KAAK,QAAQ;CAC3C,MAAM,CAAC,OAAO,YAAY,SAAmB,gBAAgB,EAAE,CAAC;AAEhE,iBAAgB;EACd,MAAM,KAAK,OAAO,SAAS,KAAK,UAAU,EAAE;EAC5C,MAAM,UAAU,QAAQ;AACxB,MAAI,CAAC,WAAW,GAAG,WAAW,EAAG;EAEjC,MAAM,WAAW,SAAS,eAAe,GAAG;AAC5C,MAAI,CAAC,YAAY,CAAC,QAAQ,SAAS,SAAS,CAAE;EAC9C,MAAMA,UAAQ,SAAS,aAAa,uBAAuB;AAE3D,MAAIA,QAAO,WAAU,SAAS,CAACA,SAAO,GAAG,KAAK,CAAC;IAC9C,EAAE,CAAC;AAEN,QACE,oBAACC;EACC,KAAK;EACE;EACP,eAAe;EACf,YAAY,MACV,GACE,0EACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEH,GAAI;GACJ;;AAIN,SAAgB,UAAU,EACxB,OACA,IACA,QAAQ,OAAO,MAAM,EACrB,UACA,GAAG,SAIF;AACD,QACE,qBAAC;EAAqB;EAAO,GAAI;aAC/B,qBAAC;GAAoB;GAAI,wBAAsB;cAC7C,oBAAC,8BAAkB,QAAyB,EAC3C,KAAK,oBAAC,cAAe,KAAM,GAAG;IACf,EAClB,oBAAC;GAAiB;aAChB,oBAAC;IAAI,WAAU;IACZ;KACG;IACW;GACL;;AAIpB,SAAS,WAAW,EAAE,MAAsB;CAC1C,MAAM,CAAC,SAAS,WAAW,oBAAoB;EAC7C,MAAM,MAAM,IAAI,IAAI,OAAO,SAAS,KAAK;AACzC,MAAI,OAAO;AAEX,SAAO,UAAU,UAAU,UAAU,IAAI,UAAU,CAAC;GACpD;AAEF,QACE,oBAAC;EACC,MAAK;EACL,cAAW;EACX,WAAW,GACT,eAAe;GACb,OAAO;GACP,WAAW;GACZ,CAAC,CACH;EACQ;YAER,UAAU,oBAAC,SAAM,WAAU,aAAa,GAAG,oBAACC,QAAS,WAAU,aAAa;GACtE"}
+{"version":3,"file":"accordion.js","names":["Root","LinkIcon"],"sources":["../../src/components/accordion.tsx"],"sourcesContent":["'use client';\n\nimport { Check, Link as LinkIcon } from 'lucide-react';\nimport { ComponentProps, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { cn } from '@/utils/cn';\nimport { useCopyButton } from '@/utils/use-copy-button';\nimport { buttonVariants } from '@/components/ui/button';\nimport { mergeRefs } from '@/utils/merge-refs';\nimport {\n  Accordion as Root,\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  AccordionTrigger,\n} from '@/components/ui/accordion';\n\nexport function Accordions({\n  ref,\n  className,\n  defaultValue,\n  ...props\n}: ComponentProps<typeof Root>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const composedRef = mergeRefs(ref, rootRef);\n  const [value, setValue] = useState<string[]>(defaultValue ?? []);\n\n  useEffect(() => {\n    const id = window.location.hash.substring(1);\n    const element = rootRef.current;\n    if (!element || id.length === 0) return;\n\n    const selected = document.getElementById(id);\n    if (!selected || !element.contains(selected)) return;\n    const value = selected.getAttribute('data-accordion-value');\n\n    if (value) setValue((prev) => [value, ...prev]);\n  }, []);\n\n  return (\n    <Root\n      ref={composedRef}\n      value={value}\n      onValueChange={setValue}\n      className={(s) =>\n        cn(\n          'divide-y divide-fd-border overflow-hidden rounded-lg border bg-fd-card',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n      {...props}\n    />\n  );\n}\n\nexport function Accordion({\n  title,\n  id,\n  value = String(title),\n  children,\n  ...props\n}: Omit<ComponentProps<typeof AccordionItem>, 'value' | 'title'> & {\n  title: string | ReactNode;\n  value?: string;\n}) {\n  return (\n    <AccordionItem value={value} {...props}>\n      <AccordionHeader id={id} data-accordion-value={value}>\n        <AccordionTrigger>{title}</AccordionTrigger>\n        {id ? <CopyButton id={id} /> : null}\n      </AccordionHeader>\n      <AccordionContent hiddenUntilFound>\n        <div className=\"px-4 pb-2 text-[0.9375rem] prose-no-margin [&[hidden]:not([hidden='until-found'])]:hidden\">\n          {children}\n        </div>\n      </AccordionContent>\n    </AccordionItem>\n  );\n}\n\nfunction CopyButton({ id }: { id: string }) {\n  const [checked, onClick] = useCopyButton(() => {\n    const url = new URL(window.location.href);\n    url.hash = id;\n\n    return navigator.clipboard.writeText(url.toString());\n  });\n\n  return (\n    <button\n      type=\"button\"\n      aria-label=\"Copy Link\"\n      className={cn(\n        buttonVariants({\n          color: 'ghost',\n          className: 'text-fd-muted-foreground me-2',\n        }),\n      )}\n      onClick={onClick}\n    >\n      {checked ? <Check className=\"size-3.5\" /> : <LinkIcon className=\"size-3.5\" />}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAgBA,SAAgB,WAAW,EACzB,KACA,WACA,cACA,GAAG,SAC2B;CAC9B,MAAM,UAAU,OAAuB,KAAK;CAC5C,MAAM,cAAc,UAAU,KAAK,QAAQ;CAC3C,MAAM,CAAC,OAAO,YAAY,SAAmB,gBAAgB,EAAE,CAAC;AAEhE,iBAAgB;EACd,MAAM,KAAK,OAAO,SAAS,KAAK,UAAU,EAAE;EAC5C,MAAM,UAAU,QAAQ;AACxB,MAAI,CAAC,WAAW,GAAG,WAAW,EAAG;EAEjC,MAAM,WAAW,SAAS,eAAe,GAAG;AAC5C,MAAI,CAAC,YAAY,CAAC,QAAQ,SAAS,SAAS,CAAE;EAC9C,MAAM,QAAQ,SAAS,aAAa,uBAAuB;AAE3D,MAAI,MAAO,WAAU,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;IAC9C,EAAE,CAAC;AAEN,QACE,oBAACA;EACC,KAAK;EACE;EACP,eAAe;EACf,YAAY,MACV,GACE,0EACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEH,GAAI;GACJ;;AAIN,SAAgB,UAAU,EACxB,OACA,IACA,QAAQ,OAAO,MAAM,EACrB,UACA,GAAG,SAIF;AACD,QACE,qBAAC;EAAqB;EAAO,GAAI;aAC/B,qBAAC;GAAoB;GAAI,wBAAsB;cAC7C,oBAAC,8BAAkB,QAAyB,EAC3C,KAAK,oBAAC,cAAe,KAAM,GAAG;IACf,EAClB,oBAAC;GAAiB;aAChB,oBAAC;IAAI,WAAU;IACZ;KACG;IACW;GACL;;AAIpB,SAAS,WAAW,EAAE,MAAsB;CAC1C,MAAM,CAAC,SAAS,WAAW,oBAAoB;EAC7C,MAAM,MAAM,IAAI,IAAI,OAAO,SAAS,KAAK;AACzC,MAAI,OAAO;AAEX,SAAO,UAAU,UAAU,UAAU,IAAI,UAAU,CAAC;GACpD;AAEF,QACE,oBAAC;EACC,MAAK;EACL,cAAW;EACX,WAAW,GACT,eAAe;GACb,OAAO;GACP,WAAW;GACZ,CAAC,CACH;EACQ;YAER,UAAU,oBAAC,SAAM,WAAU,aAAa,GAAG,oBAACC,QAAS,WAAU,aAAa;GACtE"}

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,7 @@ 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

package/dist/components/banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"banner.d.ts","names":[],"sources":["../../src/components/banner.tsx"],"sourcesContent":[],"mappings":";;;;KAOK,aAAA;iBAEW,MAAA;;;;;;;GAYb,eAAe;;AAnB+C;AAOjE;EACE,MAAA,CAAA,EAAA,MAAA;EACA;;;EAGA,OAAA,CAAA,EAgBU,aAhBV;EAOgB;;;EAsBjB,aAAA,CAAA,EAAA,MAAA,EAAA;EAAA;;;;;;IAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"banner.d.ts","names":[],"sources":["../../src/components/banner.tsx"],"mappings":";;;;KAOK,aAAA;AAAA,iBAEW,MAAA,CAAA;EACd,EAAA;EACA,OAAA;EACA,YAAA;EACA,MAAA;EACA,aAAA;EAAA,GAMG;AAAA,GACF,cAAA,CAAe,cAAA;;AAnB+C;;EAuB/D,MAAA;EAlBgB;;AAElB;EAqBE,OAAA,GAAU,aAAA;;;;EAKV,aAAA;EAtBA;;;;;EA6BA,YAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/banner.js

@@ -1,10 +1,10 @@
 '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 = [
@@ -49,7 +49,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,

package/dist/components/banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.js","names":[],"sources":["../../src/components/banner.tsx"],"sourcesContent":["'use client';\n\nimport { type HTMLAttributes, useEffect, useState } from 'react';\nimport { X } from 'lucide-react';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport { buttonVariants } from '@/components/ui/button';\n\ntype BannerVariant = 'rainbow' | 'normal';\n\nexport function Banner({\n  id,\n  variant = 'normal',\n  changeLayout = true,\n  height = '3rem',\n  rainbowColors = [\n    'rgba(0,149,255,0.56)',\n    'rgba(231,77,255,0.77)',\n    'rgba(255,0,0,0.73)',\n    'rgba(131,255,166,0.66)',\n  ],\n  ...props\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * @defaultValue 3rem\n   */\n  height?: string;\n\n  /**\n   * @defaultValue 'normal'\n   */\n  variant?: BannerVariant;\n\n  /**\n   * For rainbow variant only, customise the colors\n   */\n  rainbowColors?: string[];\n\n  /**\n   * Change Hanzo Docs layout styles\n   *\n   * @defaultValue true\n   */\n  changeLayout?: boolean;\n}) {\n  const [open, setOpen] = useState(true);\n  const globalKey = id ? `nd-banner-${id}` : null;\n\n  useEffect(() => {\n    if (globalKey) setOpen(localStorage.getItem(globalKey) !== 'true');\n  }, [globalKey]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      id={id}\n      {...props}\n      className={cn(\n        'sticky top-0 z-40 flex flex-row items-center justify-center px-4 text-center text-sm font-medium',\n        variant === 'normal' && 'bg-fd-secondary',\n        variant === 'rainbow' && 'bg-fd-background',\n        !open && 'hidden',\n        props.className,\n      )}\n      style={{\n        height,\n      }}\n    >\n      {changeLayout && open ? (\n        <style>\n          {globalKey\n            ? `:root:not(.${globalKey}) { --fd-banner-height: ${height}; }`\n            : `:root { --fd-banner-height: ${height}; }`}\n        </style>\n      ) : null}\n      {globalKey ? <style>{`.${globalKey} #${id} { display: none; }`}</style> : null}\n      {globalKey ? (\n        <script\n          dangerouslySetInnerHTML={{\n            __html: `if (localStorage.getItem('${globalKey}') === 'true') document.documentElement.classList.add('${globalKey}');`,\n          }}\n        />\n      ) : null}\n\n      {variant === 'rainbow'\n        ? flow({\n            colors: rainbowColors,\n          })\n        : null}\n      {props.children}\n      {id ? (\n        <button\n          type=\"button\"\n          aria-label=\"Close Banner\"\n          onClick={() => {\n            setOpen(false);\n            if (globalKey) localStorage.setItem(globalKey, 'true');\n          }}\n          className={cn(\n            buttonVariants({\n              color: 'ghost',\n              className: 'absolute end-2 top-1/2 -translate-y-1/2 text-fd-muted-foreground/50',\n              size: 'icon-sm',\n            }),\n          )}\n        >\n          <X />\n        </button>\n      ) : null}\n    </div>\n  );\n}\n\nconst maskImage =\n  'linear-gradient(to bottom,white,transparent), radial-gradient(circle at top center, white, transparent)';\n\nfunction flow({ colors }: { colors: string[] }) {\n  return (\n    <>\n      <div\n        className=\"absolute inset-0 z-[-1]\"\n        style={\n          {\n            maskImage,\n            maskComposite: 'intersect',\n            animation: 'fd-moving-banner 20s linear infinite',\n            backgroundImage: `repeating-linear-gradient(70deg, ${[...colors, colors[0]].map((color, i) => `${color} ${(i * 50) / colors.length}%`).join(', ')})`,\n            backgroundSize: '200% 100%',\n            filter: 'saturate(2)',\n          } as object\n        }\n      />\n      <style>\n        {`@keyframes fd-moving-banner {\n            from { background-position: 0% 0;  }\n            to { background-position: 100% 0;  }\n         }`}\n      </style>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,OAAO,EACrB,IACA,UAAU,UACV,eAAe,MACf,SAAS,QACT,gBAAgB;CACd;CACA;CACA;CACA;CACD,EACD,GAAG,SAuBF;CACD,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,YAAY,KAAK,aAAa,OAAO;AAE3C,iBAAgB;AACd,MAAI,UAAW,SAAQ,aAAa,QAAQ,UAAU,KAAK,OAAO;IACjE,CAAC,UAAU,CAAC;AAEf,KAAI,CAAC,KAAM,QAAO;AAElB,QACE,qBAAC;EACK;EACJ,GAAI;EACJ,WAAW,GACT,oGACA,YAAY,YAAY,mBACxB,YAAY,aAAa,oBACzB,CAAC,QAAQ,UACT,MAAM,UACP;EACD,OAAO,EACL,QACD;;GAEA,gBAAgB,OACf,oBAAC,qBACE,YACG,cAAc,UAAU,0BAA0B,OAAO,OACzD,+BAA+B,OAAO,OACpC,GACN;GACH,YAAY,oBAAC,qBAAO,IAAI,UAAU,IAAI,GAAG,uBAA6B,GAAG;GACzE,YACC,oBAAC,YACC,yBAAyB,EACvB,QAAQ,6BAA6B,UAAU,yDAAyD,UAAU,MACnH,GACD,GACA;GAEH,YAAY,YACT,KAAK,EACH,QAAQ,eACT,CAAC,GACF;GACH,MAAM;GACN,KACC,oBAAC;IACC,MAAK;IACL,cAAW;IACX,eAAe;AACb,aAAQ,MAAM;AACd,SAAI,UAAW,cAAa,QAAQ,WAAW,OAAO;;IAExD,WAAW,GACT,eAAe;KACb,OAAO;KACP,WAAW;KACX,MAAM;KACP,CAAC,CACH;cAED,oBAAC,MAAI;KACE,GACP;;GACA;;AAIV,MAAM,YACJ;AAEF,SAAS,KAAK,EAAE,UAAgC;AAC9C,QACE,4CACE,oBAAC;EACC,WAAU;EACV,OACE;GACE;GACA,eAAe;GACf,WAAW;GACX,iBAAiB,oCAAoC,CAAC,GAAG,QAAQ,OAAO,GAAG,CAAC,KAAK,OAAO,MAAM,GAAG,MAAM,GAAI,IAAI,KAAM,OAAO,OAAO,GAAG,CAAC,KAAK,KAAK,CAAC;GAClJ,gBAAgB;GAChB,QAAQ;GACT;GAEH,EACF,oBAAC,qBACE;;;cAIK,IACP"}
+{"version":3,"file":"banner.js","names":[],"sources":["../../src/components/banner.tsx"],"sourcesContent":["'use client';\n\nimport { type HTMLAttributes, useEffect, useState } from 'react';\nimport { X } from 'lucide-react';\nimport { cn } from '@/utils/cn';\nimport { buttonVariants } from '@/components/ui/button';\n\ntype BannerVariant = 'rainbow' | 'normal';\n\nexport function Banner({\n  id,\n  variant = 'normal',\n  changeLayout = true,\n  height = '3rem',\n  rainbowColors = [\n    'rgba(0,149,255,0.56)',\n    'rgba(231,77,255,0.77)',\n    'rgba(255,0,0,0.73)',\n    'rgba(131,255,166,0.66)',\n  ],\n  ...props\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * @defaultValue 3rem\n   */\n  height?: string;\n\n  /**\n   * @defaultValue 'normal'\n   */\n  variant?: BannerVariant;\n\n  /**\n   * For rainbow variant only, customise the colors\n   */\n  rainbowColors?: string[];\n\n  /**\n   * Change Hanzo Docs layout styles\n   *\n   * @defaultValue true\n   */\n  changeLayout?: boolean;\n}) {\n  const [open, setOpen] = useState(true);\n  const globalKey = id ? `nd-banner-${id}` : null;\n\n  useEffect(() => {\n    if (globalKey) setOpen(localStorage.getItem(globalKey) !== 'true');\n  }, [globalKey]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      id={id}\n      {...props}\n      className={cn(\n        'sticky top-0 z-40 flex flex-row items-center justify-center px-4 text-center text-sm font-medium',\n        variant === 'normal' && 'bg-fd-secondary',\n        variant === 'rainbow' && 'bg-fd-background',\n        !open && 'hidden',\n        props.className,\n      )}\n      style={{\n        height,\n      }}\n    >\n      {changeLayout && open ? (\n        <style>\n          {globalKey\n            ? `:root:not(.${globalKey}) { --fd-banner-height: ${height}; }`\n            : `:root { --fd-banner-height: ${height}; }`}\n        </style>\n      ) : null}\n      {globalKey ? <style>{`.${globalKey} #${id} { display: none; }`}</style> : null}\n      {globalKey ? (\n        <script\n          dangerouslySetInnerHTML={{\n            __html: `if (localStorage.getItem('${globalKey}') === 'true') document.documentElement.classList.add('${globalKey}');`,\n          }}\n        />\n      ) : null}\n\n      {variant === 'rainbow'\n        ? flow({\n            colors: rainbowColors,\n          })\n        : null}\n      {props.children}\n      {id ? (\n        <button\n          type=\"button\"\n          aria-label=\"Close Banner\"\n          onClick={() => {\n            setOpen(false);\n            if (globalKey) localStorage.setItem(globalKey, 'true');\n          }}\n          className={cn(\n            buttonVariants({\n              color: 'ghost',\n              className: 'absolute end-2 top-1/2 -translate-y-1/2 text-fd-muted-foreground/50',\n              size: 'icon-sm',\n            }),\n          )}\n        >\n          <X />\n        </button>\n      ) : null}\n    </div>\n  );\n}\n\nconst maskImage =\n  'linear-gradient(to bottom,white,transparent), radial-gradient(circle at top center, white, transparent)';\n\nfunction flow({ colors }: { colors: string[] }) {\n  return (\n    <>\n      <div\n        className=\"absolute inset-0 z-[-1]\"\n        style={\n          {\n            maskImage,\n            maskComposite: 'intersect',\n            animation: 'fd-moving-banner 20s linear infinite',\n            backgroundImage: `repeating-linear-gradient(70deg, ${[...colors, colors[0]].map((color, i) => `${color} ${(i * 50) / colors.length}%`).join(', ')})`,\n            backgroundSize: '200% 100%',\n            filter: 'saturate(2)',\n          } as object\n        }\n      />\n      <style>\n        {`@keyframes fd-moving-banner {\n            from { background-position: 0% 0;  }\n            to { background-position: 100% 0;  }\n         }`}\n      </style>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,OAAO,EACrB,IACA,UAAU,UACV,eAAe,MACf,SAAS,QACT,gBAAgB;CACd;CACA;CACA;CACA;CACD,EACD,GAAG,SAuBF;CACD,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,YAAY,KAAK,aAAa,OAAO;AAE3C,iBAAgB;AACd,MAAI,UAAW,SAAQ,aAAa,QAAQ,UAAU,KAAK,OAAO;IACjE,CAAC,UAAU,CAAC;AAEf,KAAI,CAAC,KAAM,QAAO;AAElB,QACE,qBAAC;EACK;EACJ,GAAI;EACJ,WAAW,GACT,oGACA,YAAY,YAAY,mBACxB,YAAY,aAAa,oBACzB,CAAC,QAAQ,UACT,MAAM,UACP;EACD,OAAO,EACL,QACD;;GAEA,gBAAgB,OACf,oBAAC,qBACE,YACG,cAAc,UAAU,0BAA0B,OAAO,OACzD,+BAA+B,OAAO,OACpC,GACN;GACH,YAAY,oBAAC,qBAAO,IAAI,UAAU,IAAI,GAAG,uBAA6B,GAAG;GACzE,YACC,oBAAC,YACC,yBAAyB,EACvB,QAAQ,6BAA6B,UAAU,yDAAyD,UAAU,MACnH,GACD,GACA;GAEH,YAAY,YACT,KAAK,EACH,QAAQ,eACT,CAAC,GACF;GACH,MAAM;GACN,KACC,oBAAC;IACC,MAAK;IACL,cAAW;IACX,eAAe;AACb,aAAQ,MAAM;AACd,SAAI,UAAW,cAAa,QAAQ,WAAW,OAAO;;IAExD,WAAW,GACT,eAAe;KACb,OAAO;KACP,WAAW;KACX,MAAM;KACP,CAAC,CACH;cAED,oBAAC,MAAI;KACE,GACP;;GACA;;AAIV,MAAM,YACJ;AAEF,SAAS,KAAK,EAAE,UAAgC;AAC9C,QACE,8CACE,oBAAC;EACC,WAAU;EACV,OACE;GACE;GACA,eAAe;GACf,WAAW;GACX,iBAAiB,oCAAoC,CAAC,GAAG,QAAQ,OAAO,GAAG,CAAC,KAAK,OAAO,MAAM,GAAG,MAAM,GAAI,IAAI,KAAM,OAAO,OAAO,GAAG,CAAC,KAAK,KAAK,CAAC;GAClJ,gBAAgB;GAChB,QAAQ;GACT;GAEH,EACF,oBAAC,qBACE;;;cAIK,IACP"}

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,17 @@ 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

package/dist/components/callout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"callout.d.ts","names":[],"sources":["../../src/components/callout.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,WAAA;iBAII,OAAA;;;;AAJO;UAQV;AARb,CAAA,GAQ2B,IARf,CAQoB,qBART,EAAA,OAAA,CAAA,CAAA,EAQwC,mBAAA,CAAA,GAAA,CAAA,OARxC;AAIP,UAaC,qBAAA,SAA8B,cAbxB,CAAA,KAAA,CAAA,CAAA;EACrB;;;EAG8B,IAAA,CAAA,EAavB,WAbuB;EAAL;;;EASV,IAAA,CAAA,EASR,SATQ;;AASR,iBASO,gBAAA,CATP;EAAA,IAAA,EAUD,SAVC;EAAA,IAAA;EAAA,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAgBN,qBAhBM,CAAA,EAgBe,mBAAA,CAAA,GAAA,CAAA,OAhBf;AATsC,iBA0D/B,YAAA,CA1D+B;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0DiB,cA1DjB,CAAA,GAAA,CAAA,CAAA,EA0DoC,mBAAA,CAAA,GAAA,CAAA,OA1DpC;AAAc,iBAkE7C,kBAAA,CAlE6C;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkES,cAlET,CAAA,GAAA,CAAA,CAAA,EAkE4B,mBAAA,CAAA,GAAA,CAAA,OAlE5B"}
+{"version":3,"file":"callout.d.ts","names":[],"sources":["../../src/components/callout.tsx"],"mappings":";;;;KAIY,WAAA;AAAA,iBAII,OAAA,CAAA;EACd,QAAA;EACA,KAAA;EAAA,GACG;AAAA;EACA,KAAA,GAAQ,SAAA;AAAA,IAAc,IAAA,CAAK,qBAAA,aAA+B,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAS9C,qBAAA,SAA8B,cAAA;;;;EAI7C,IAAA,GAAO,WAAA;EAjBc;;;EAsBrB,IAAA,GAAO,SAAA;AAAA;AAAA,iBASO,gBAAA,CAAA;EACd,IAAA,EAAM,SAAA;EACN,IAAA;EACA,QAAA;EACA,SAAA;EACA,KAAA;EAAA,GACG;AAAA,GACF,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAiCR,YAAA,CAAA;EAAe,QAAA;EAAU,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,QAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAQnE,kBAAA,CAAA;EAAqB,QAAA;EAAU,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,QAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/callout.js

@@ -1,4 +1,4 @@
-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";
 

package/dist/components/callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"callout.js","names":[],"sources":["../../src/components/callout.tsx"],"sourcesContent":["import { CircleCheck, CircleX, Info, Lightbulb, TriangleAlert } from 'lucide-react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\n\nexport type CalloutType = 'info' | 'warn' | 'error' | 'success' | 'warning' | 'idea';\n\nconst iconClass = 'size-5 -me-0.5 fill-(--callout-color) text-fd-card';\n\nexport function Callout({\n  children,\n  title,\n  ...props\n}: { title?: ReactNode } & Omit<CalloutContainerProps, 'title'>) {\n  return (\n    <CalloutContainer {...props}>\n      {title && <CalloutTitle>{title}</CalloutTitle>}\n      <CalloutDescription>{children}</CalloutDescription>\n    </CalloutContainer>\n  );\n}\n\nexport interface CalloutContainerProps extends ComponentProps<'div'> {\n  /**\n   * @defaultValue info\n   */\n  type?: CalloutType;\n\n  /**\n   * Force an icon\n   */\n  icon?: ReactNode;\n}\n\nfunction resolveAlias(type: CalloutType) {\n  if (type === 'warn') return 'warning';\n  if ((type as unknown) === 'tip') return 'info';\n  return type;\n}\n\nexport function CalloutContainer({\n  type: inputType = 'info',\n  icon,\n  children,\n  className,\n  style,\n  ...props\n}: CalloutContainerProps) {\n  const type = resolveAlias(inputType);\n\n  return (\n    <div\n      className={cn(\n        'flex gap-2 my-4 rounded-xl border bg-fd-card p-3 ps-1 text-sm text-fd-card-foreground shadow-md',\n        className,\n      )}\n      style={\n        {\n          '--callout-color': `var(--color-fd-${type}, var(--color-fd-muted))`,\n          ...style,\n        } as object\n      }\n      {...props}\n    >\n      <div role=\"none\" className=\"w-0.5 bg-(--callout-color)/50 rounded-sm\" />\n      {icon ??\n        {\n          info: <Info className={iconClass} />,\n          warning: <TriangleAlert className={iconClass} />,\n          error: <CircleX className={iconClass} />,\n          success: <CircleCheck className={iconClass} />,\n          idea: (\n            <Lightbulb className=\"size-5 -me-0.5 fill-(--callout-color) text-(--callout-color)\" />\n          ),\n        }[type]}\n      <div className=\"flex flex-col gap-2 min-w-0 flex-1\">{children}</div>\n    </div>\n  );\n}\n\nexport function CalloutTitle({ children, className, ...props }: ComponentProps<'p'>) {\n  return (\n    <p className={cn('font-medium my-0!', className)} {...props}>\n      {children}\n    </p>\n  );\n}\n\nexport function CalloutDescription({ children, className, ...props }: ComponentProps<'p'>) {\n  return (\n    <div\n      className={cn('text-fd-muted-foreground prose-no-margin empty:hidden', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,MAAM,YAAY;AAElB,SAAgB,QAAQ,EACtB,UACA,OACA,GAAG,SAC4D;AAC/D,QACE,qBAAC;EAAiB,GAAI;aACnB,SAAS,oBAAC,0BAAc,QAAqB,EAC9C,oBAAC,sBAAoB,WAA8B;GAClC;;AAgBvB,SAAS,aAAa,MAAmB;AACvC,KAAI,SAAS,OAAQ,QAAO;AAC5B,KAAK,SAAqB,MAAO,QAAO;AACxC,QAAO;;AAGT,SAAgB,iBAAiB,EAC/B,MAAM,YAAY,QAClB,MACA,UACA,WACA,OACA,GAAG,SACqB;CACxB,MAAM,OAAO,aAAa,UAAU;AAEpC,QACE,qBAAC;EACC,WAAW,GACT,mGACA,UACD;EACD,OACE;GACE,mBAAmB,kBAAkB,KAAK;GAC1C,GAAG;GACJ;EAEH,GAAI;;GAEJ,oBAAC;IAAI,MAAK;IAAO,WAAU;KAA6C;GACvE,QACC;IACE,MAAM,oBAAC,QAAK,WAAW,YAAa;IACpC,SAAS,oBAAC,iBAAc,WAAW,YAAa;IAChD,OAAO,oBAAC,WAAQ,WAAW,YAAa;IACxC,SAAS,oBAAC,eAAY,WAAW,YAAa;IAC9C,MACE,oBAAC,aAAU,WAAU,iEAAiE;IAEzF,CAAC;GACJ,oBAAC;IAAI,WAAU;IAAsC;KAAe;;GAChE;;AAIV,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA8B;AACnF,QACE,oBAAC;EAAE,WAAW,GAAG,qBAAqB,UAAU;EAAE,GAAI;EACnD;GACC;;AAIR,SAAgB,mBAAmB,EAAE,UAAU,WAAW,GAAG,SAA8B;AACzF,QACE,oBAAC;EACC,WAAW,GAAG,yDAAyD,UAAU;EACjF,GAAI;EAEH;GACG"}
+{"version":3,"file":"callout.js","names":[],"sources":["../../src/components/callout.tsx"],"sourcesContent":["import { CircleCheck, CircleX, Info, Lightbulb, TriangleAlert } from 'lucide-react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { cn } from '@/utils/cn';\n\nexport type CalloutType = 'info' | 'warn' | 'error' | 'success' | 'warning' | 'idea';\n\nconst iconClass = 'size-5 -me-0.5 fill-(--callout-color) text-fd-card';\n\nexport function Callout({\n  children,\n  title,\n  ...props\n}: { title?: ReactNode } & Omit<CalloutContainerProps, 'title'>) {\n  return (\n    <CalloutContainer {...props}>\n      {title && <CalloutTitle>{title}</CalloutTitle>}\n      <CalloutDescription>{children}</CalloutDescription>\n    </CalloutContainer>\n  );\n}\n\nexport interface CalloutContainerProps extends ComponentProps<'div'> {\n  /**\n   * @defaultValue info\n   */\n  type?: CalloutType;\n\n  /**\n   * Force an icon\n   */\n  icon?: ReactNode;\n}\n\nfunction resolveAlias(type: CalloutType) {\n  if (type === 'warn') return 'warning';\n  if ((type as unknown) === 'tip') return 'info';\n  return type;\n}\n\nexport function CalloutContainer({\n  type: inputType = 'info',\n  icon,\n  children,\n  className,\n  style,\n  ...props\n}: CalloutContainerProps) {\n  const type = resolveAlias(inputType);\n\n  return (\n    <div\n      className={cn(\n        'flex gap-2 my-4 rounded-xl border bg-fd-card p-3 ps-1 text-sm text-fd-card-foreground shadow-md',\n        className,\n      )}\n      style={\n        {\n          '--callout-color': `var(--color-fd-${type}, var(--color-fd-muted))`,\n          ...style,\n        } as object\n      }\n      {...props}\n    >\n      <div role=\"none\" className=\"w-0.5 bg-(--callout-color)/50 rounded-sm\" />\n      {icon ??\n        {\n          info: <Info className={iconClass} />,\n          warning: <TriangleAlert className={iconClass} />,\n          error: <CircleX className={iconClass} />,\n          success: <CircleCheck className={iconClass} />,\n          idea: (\n            <Lightbulb className=\"size-5 -me-0.5 fill-(--callout-color) text-(--callout-color)\" />\n          ),\n        }[type]}\n      <div className=\"flex flex-col gap-2 min-w-0 flex-1\">{children}</div>\n    </div>\n  );\n}\n\nexport function CalloutTitle({ children, className, ...props }: ComponentProps<'p'>) {\n  return (\n    <p className={cn('font-medium my-0!', className)} {...props}>\n      {children}\n    </p>\n  );\n}\n\nexport function CalloutDescription({ children, className, ...props }: ComponentProps<'p'>) {\n  return (\n    <div\n      className={cn('text-fd-muted-foreground prose-no-margin empty:hidden', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,MAAM,YAAY;AAElB,SAAgB,QAAQ,EACtB,UACA,OACA,GAAG,SAC4D;AAC/D,QACE,qBAAC;EAAiB,GAAI;aACnB,SAAS,oBAAC,0BAAc,QAAqB,EAC9C,oBAAC,sBAAoB,WAA8B;GAClC;;AAgBvB,SAAS,aAAa,MAAmB;AACvC,KAAI,SAAS,OAAQ,QAAO;AAC5B,KAAK,SAAqB,MAAO,QAAO;AACxC,QAAO;;AAGT,SAAgB,iBAAiB,EAC/B,MAAM,YAAY,QAClB,MACA,UACA,WACA,OACA,GAAG,SACqB;CACxB,MAAM,OAAO,aAAa,UAAU;AAEpC,QACE,qBAAC;EACC,WAAW,GACT,mGACA,UACD;EACD,OACE;GACE,mBAAmB,kBAAkB,KAAK;GAC1C,GAAG;GACJ;EAEH,GAAI;;GAEJ,oBAAC;IAAI,MAAK;IAAO,WAAU;KAA6C;GACvE,QACC;IACE,MAAM,oBAAC,QAAK,WAAW,YAAa;IACpC,SAAS,oBAAC,iBAAc,WAAW,YAAa;IAChD,OAAO,oBAAC,WAAQ,WAAW,YAAa;IACxC,SAAS,oBAAC,eAAY,WAAW,YAAa;IAC9C,MACE,oBAAC,aAAU,WAAU,iEAAiE;IAEzF,CAAC;GACJ,oBAAC;IAAI,WAAU;IAAsC;KAAe;;GAChE;;AAIV,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA8B;AACnF,QACE,oBAAC;EAAE,WAAW,GAAG,qBAAqB,UAAU;EAAE,GAAI;EACnD;GACC;;AAIR,SAAgB,mBAAmB,EAAE,UAAU,WAAW,GAAG,SAA8B;AACzF,QACE,oBAAC;EACC,WAAW,GAAG,yDAAyD,UAAU;EACjF,GAAI;EAEH;GACG"}

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,7 @@ 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

package/dist/components/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/components/card.tsx"],"sourcesContent":[],"mappings":";;;;iBAIgB,KAAA,QAAa,eAAe,kBAAe,mBAAA,CAAA,GAAA,CAAA;KAQ/C,SAAA,GAAY,KAAK,eAAe;SACnC;EATO,KAAA,EAUP,SAVY;EAAuB,WAAA,CAAA,EAW5B,SAX4B;EAAf,IAAA,CAAA,EAAA,MAAA;EAA8B,QAAA,CAAA,EAAA,OAAA;CAAA;AAQ/C,iBASI,IAAA,CATK;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EASwC,SATxC,CAAA,EASiD,mBAAA,CAAA,GAAA,CAAA,OATjD"}
+{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/components/card.tsx"],"mappings":";;;;iBAIgB,KAAA,CAAM,KAAA,EAAO,cAAA,CAAe,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAQ/C,SAAA,GAAY,IAAA,CAAK,cAAA,CAAe,WAAA;EAC1C,IAAA,GAAO,SAAA;EACP,KAAA,EAAO,SAAA;EACP,WAAA,GAAc,SAAA;EAEd,IAAA;EACA,QAAA;AAAA;AAAA,iBAGc,IAAA,CAAA;EAAO,IAAA;EAAM,KAAA;EAAO,WAAA;EAAA,GAAgB;AAAA,GAAS,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/card.js

@@ -1,6 +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) {

package/dist/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":[],"sources":["../../src/components/card.tsx"],"sourcesContent":["import Link from '@hanzo/docs-core/link';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\n\nexport function Cards(props: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div {...props} className={cn('grid grid-cols-2 gap-3 @container', props.className)}>\n      {props.children}\n    </div>\n  );\n}\n\nexport type CardProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {\n  icon?: ReactNode;\n  title: ReactNode;\n  description?: ReactNode;\n\n  href?: string;\n  external?: boolean;\n};\n\nexport function Card({ icon, title, description, ...props }: CardProps) {\n  const E = props.href ? Link : 'div';\n\n  return (\n    <E\n      {...props}\n      data-card\n      className={cn(\n        'block rounded-xl border bg-fd-card p-4 text-fd-card-foreground transition-colors @max-lg:col-span-full',\n        props.href && 'hover:bg-fd-accent/80',\n        props.className,\n      )}\n    >\n      {icon ? (\n        <div className=\"not-prose mb-2 w-fit shadow-md rounded-lg border bg-fd-muted p-1.5 text-fd-muted-foreground [&_svg]:size-4\">\n          {icon}\n        </div>\n      ) : null}\n      <h3 className=\"not-prose mb-1 text-sm font-medium\">{title}</h3>\n      {description ? <p className=\"my-0! text-sm text-fd-muted-foreground\">{description}</p> : null}\n      <div className=\"text-sm text-fd-muted-foreground prose-no-margin empty:hidden\">\n        {props.children}\n      </div>\n    </E>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,MAAM,OAAuC;AAC3D,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,qCAAqC,MAAM,UAAU;YAChF,MAAM;GACH;;AAaV,SAAgB,KAAK,EAAE,MAAM,OAAO,aAAa,GAAG,SAAoB;AAGtE,QACE,qBAHQ,MAAM,OAAO,OAAO;EAI1B,GAAI;EACJ;EACA,WAAW,GACT,0GACA,MAAM,QAAQ,yBACd,MAAM,UACP;;GAEA,OACC,oBAAC;IAAI,WAAU;cACZ;KACG,GACJ;GACJ,oBAAC;IAAG,WAAU;cAAsC;KAAW;GAC9D,cAAc,oBAAC;IAAE,WAAU;cAA0C;KAAgB,GAAG;GACzF,oBAAC;IAAI,WAAU;cACZ,MAAM;KACH;;GACJ"}
+{"version":3,"file":"card.js","names":[],"sources":["../../src/components/card.tsx"],"sourcesContent":["import Link from '@hanzo/docs-core/link';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { cn } from '@/utils/cn';\n\nexport function Cards(props: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div {...props} className={cn('grid grid-cols-2 gap-3 @container', props.className)}>\n      {props.children}\n    </div>\n  );\n}\n\nexport type CardProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {\n  icon?: ReactNode;\n  title: ReactNode;\n  description?: ReactNode;\n\n  href?: string;\n  external?: boolean;\n};\n\nexport function Card({ icon, title, description, ...props }: CardProps) {\n  const E = props.href ? Link : 'div';\n\n  return (\n    <E\n      {...props}\n      data-card\n      className={cn(\n        'block rounded-xl border bg-fd-card p-4 text-fd-card-foreground transition-colors @max-lg:col-span-full',\n        props.href && 'hover:bg-fd-accent/80',\n        props.className,\n      )}\n    >\n      {icon ? (\n        <div className=\"not-prose mb-2 w-fit shadow-md rounded-lg border bg-fd-muted p-1.5 text-fd-muted-foreground [&_svg]:size-4\">\n          {icon}\n        </div>\n      ) : null}\n      <h3 className=\"not-prose mb-1 text-sm font-medium\">{title}</h3>\n      {description ? <p className=\"my-0! text-sm text-fd-muted-foreground\">{description}</p> : null}\n      <div className=\"text-sm text-fd-muted-foreground prose-no-margin empty:hidden\">\n        {props.children}\n      </div>\n    </E>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,MAAM,OAAuC;AAC3D,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,qCAAqC,MAAM,UAAU;YAChF,MAAM;GACH;;AAaV,SAAgB,KAAK,EAAE,MAAM,OAAO,aAAa,GAAG,SAAoB;AAGtE,QACE,qBAHQ,MAAM,OAAO,OAAO;EAI1B,GAAI;EACJ;EACA,WAAW,GACT,0GACA,MAAM,QAAQ,yBACd,MAAM,UACP;;GAEA,OACC,oBAAC;IAAI,WAAU;cACZ;KACG,GACJ;GACJ,oBAAC;IAAG,WAAU;cAAsC;KAAW;GAC9D,cAAc,oBAAC;IAAE,WAAU;cAA0C;KAAgB,GAAG;GACzF,oBAAC;IAAI,WAAU;cACZ,MAAM;KACH;;GACJ"}

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,22 @@ 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

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

@@ -1 +1 @@
-{"version":3,"file":"codeblock.d.ts","names":[],"sources":["../../src/components/codeblock.tsx"],"sourcesContent":[],"mappings":";;;;;UAkBiB,cAAA,SAAuB;;;AAAxC;;;EAsBkB,IAAA,CAAA,EAhBT,SAgBS;EAYmC;;;;AAQrD;EAQgB,SAAA,CAAA,EAAS,OAAA;EACvB;;;;;EAKA,cAAA,CAAA,EAAA,OAAA;EACA,aAAA,CAAA,EAnCgB,cAmChB,CAnC+B,WAmC/B,CAAA;EACA;;;EAEe,mBAAA,CAAA,EAAA,OAAA;EA4GD;;;EAAkE,yBAAA,CAAA,EAAA,MAAA;EAAtB,OAAA,CAAA,EAAA,CAAA,KAAA,EAAA;IAA2B,SAAA,CAAA,EAAA,MAAA;IAAA,QAAA,CAAA,EAtIlC,SAsIkC;EA+BvE,CAAA,EAAA,GArKqD,SAqKrD;;AAAiE,iBA7JjE,GAAA,CA6JiE,KAAA,EA7JtD,cA6JsD,CAAA,KAAA,CAAA,CAAA,EA7JjC,mBAAA,CAAA,GAAA,CAAA,OA6JiC;AAAtB,iBArJ3C,SAAA,CAqJ2C;EAAA,GAAA;EAAA,KAAA;EAAA,SAAA;EAAA,cAAA;EAAA,IAAA;EAAA,aAAA;EAAA,QAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA3IxD,cA2IwD,CAAA,EA3I1C,mBAAA,CAAA,GAAA,CAAA,OA2I0C;AAA+B,iBA/B1E,aAAA,CA+B0E;EAAA,GAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA/B9B,cA+B8B,CAAA,OA/BR,IA+BQ,CAAA,CAAA,EA/BH,mBAAA,CAAA,GAAA,CAAA,OA+BG;AAAA,iBAA1E,iBAAA,CAA0E;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAA/B,cAA+B,CAAA,OAAT,QAAS,CAAA,CAAA,EAAA,mBAAA,CAAA,GAAA,CAAA,OAAA;AAgB1E,iBAAA,oBAAA,CAAoB;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAIjC,cAJiC,CAAA,OAIX,WAJW,CAAA,CAAA,EAIC,mBAAA,CAAA,GAAA,CAAA,OAJD;AAClC,iBAqBc,YAAA,CArBd,KAAA,EAqBkC,cArBlC,CAAA,OAqBwD,WArBxD,CAAA,CAAA,EAqBoE,mBAAA,CAAA,GAAA,CAAA,OArBpE"}
+{"version":3,"file":"codeblock.d.ts","names":[],"sources":["../../src/components/codeblock.tsx"],"mappings":";;;;;UAkBiB,cAAA,SAAuB,cAAA;;;AAAxC;;;EAME,IAAA,GAAO,SAAA;EAgBwB;;;;;EAT/B,SAAA;EAboD;;;;;EAoBpD,cAAA;EAEA,aAAA,GAAgB,cAAA,CAAe,WAAA;EAAf;;;EAKhB,mBAAA;EAOA;;;EAFA,yBAAA;EAEA,OAAA,IAAW,KAAA;IAAS,SAAA;IAAoB,QAAA,GAAW,SAAA;EAAA,MAAgB,SAAA;AAAA;AAAA,iBAQrD,GAAA,CAAI,KAAA,EAAO,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAQhC,SAAA,CAAA;EACd,GAAA;EACA,KAAA;EACA,SAAA;EACA,cAAA;EACA,IAAA;EACA,aAAA;EACA,QAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA4GD,aAAA,CAAA;EAAgB,GAAA;EAAK,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,QAAsB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA+BvE,iBAAA,CAAA;EAAoB,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,QAAsB,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgB1E,oBAAA,CAAA;EACd,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAkBrB,YAAA,CAAa,KAAA,EAAO,cAAA,QAAsB,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/codeblock.js

@@ -1,13 +1,13 @@
 '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);
@@ -18,9 +18,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);

package/dist/components/codeblock.js.map

@@ -1 +1 @@
-{"version":3,"file":"codeblock.js","names":["props"],"sources":["../../src/components/codeblock.tsx"],"sourcesContent":["'use client';\nimport { Check, Clipboard } from 'lucide-react';\nimport {\n  type ComponentProps,\n  createContext,\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n  use,\n  useMemo,\n  useRef,\n} from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport { useCopyButton } from '@hanzo/docs-ui/hooks/use-copy-button';\nimport { buttonVariants } from '@/components/ui/button';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';\nimport { mergeRefs } from '@hanzo/docs-ui/merge-refs';\n\nexport interface CodeBlockProps extends ComponentProps<'figure'> {\n  /**\n   * Icon of code block\n   *\n   * When passed as a string, it assumes the value is the HTML of icon\n   */\n  icon?: ReactNode;\n\n  /**\n   * Allow to copy code with copy button\n   *\n   * @defaultValue true\n   */\n  allowCopy?: boolean;\n\n  /**\n   * Keep original background color generated by Shiki or Rehype Code\n   *\n   * @defaultValue false\n   */\n  keepBackground?: boolean;\n\n  viewportProps?: HTMLAttributes<HTMLElement>;\n\n  /**\n   * show line numbers\n   */\n  'data-line-numbers'?: boolean;\n\n  /**\n   * @defaultValue 1\n   */\n  'data-line-numbers-start'?: number;\n\n  Actions?: (props: { className?: string; children?: ReactNode }) => ReactNode;\n}\n\nconst TabsContext = createContext<{\n  containerRef: RefObject<HTMLDivElement | null>;\n  nested: boolean;\n} | null>(null);\n\nexport function Pre(props: ComponentProps<'pre'>) {\n  return (\n    <pre {...props} className={cn('min-w-full w-max *:flex *:flex-col', props.className)}>\n      {props.children}\n    </pre>\n  );\n}\n\nexport function CodeBlock({\n  ref,\n  title,\n  allowCopy = true,\n  keepBackground = false,\n  icon,\n  viewportProps = {},\n  children,\n  Actions = (props) => <div {...props} className={cn('empty:hidden', props.className)} />,\n  ...props\n}: CodeBlockProps) {\n  const inTab = use(TabsContext) !== null;\n  const areaRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <figure\n      ref={ref}\n      dir=\"ltr\"\n      {...props}\n      tabIndex={-1}\n      className={cn(\n        inTab ? 'bg-fd-secondary -mx-px -mb-px last:rounded-b-xl' : 'my-4 bg-fd-card rounded-xl',\n        keepBackground && 'bg-(--shiki-light-bg) dark:bg-(--shiki-dark-bg)',\n\n        'shiki relative border shadow-sm not-prose overflow-hidden text-sm',\n        props.className,\n      )}\n    >\n      {title ? (\n        <div className=\"flex text-fd-muted-foreground items-center gap-2 h-9.5 border-b px-4\">\n          {typeof icon === 'string' ? (\n            <div\n              className=\"[&_svg]:size-3.5\"\n              dangerouslySetInnerHTML={{\n                __html: icon,\n              }}\n            />\n          ) : (\n            icon\n          )}\n          <figcaption className=\"flex-1 truncate\">{title}</figcaption>\n          {Actions({\n            className: '-me-2',\n            children: allowCopy && <CopyButton containerRef={areaRef} />,\n          })}\n        </div>\n      ) : (\n        Actions({\n          className:\n            'absolute top-2 right-2 z-2 backdrop-blur-lg rounded-lg text-fd-muted-foreground',\n          children: allowCopy && <CopyButton containerRef={areaRef} />,\n        })\n      )}\n      <div\n        ref={areaRef}\n        {...viewportProps}\n        role=\"region\"\n        tabIndex={0}\n        className={cn(\n          'text-[0.8125rem] py-3.5 overflow-auto max-h-[600px] fd-scroll-container focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-fd-ring',\n          viewportProps.className,\n        )}\n        style={\n          {\n            // space for toolbar\n            '--padding-right': !title ? 'calc(var(--spacing) * 8)' : undefined,\n            counterSet: props['data-line-numbers']\n              ? `line ${Number(props['data-line-numbers-start'] ?? 1) - 1}`\n              : undefined,\n            ...viewportProps.style,\n          } as object\n        }\n      >\n        {children}\n      </div>\n    </figure>\n  );\n}\n\nfunction CopyButton({\n  className,\n  containerRef,\n  ...props\n}: ComponentProps<'button'> & {\n  containerRef: RefObject<HTMLElement | null>;\n}) {\n  const [checked, onClick] = useCopyButton(() => {\n    const pre = containerRef.current?.getElementsByTagName('pre').item(0);\n    if (!pre) return;\n\n    const clone = pre.cloneNode(true) as HTMLElement;\n    clone.querySelectorAll('.nd-copy-ignore').forEach((node) => {\n      node.replaceWith('\\n');\n    });\n\n    void navigator.clipboard.writeText(clone.textContent ?? '');\n  });\n\n  return (\n    <button\n      type=\"button\"\n      data-checked={checked || undefined}\n      className={cn(\n        buttonVariants({\n          className: 'hover:text-fd-accent-foreground data-checked:text-fd-accent-foreground',\n          size: 'icon-xs',\n        }),\n        className,\n      )}\n      aria-label={checked ? 'Copied Text' : 'Copy Text'}\n      onClick={onClick}\n      {...props}\n    >\n      {checked ? <Check /> : <Clipboard />}\n    </button>\n  );\n}\n\nexport function CodeBlockTabs({ ref, className, ...props }: ComponentProps<typeof Tabs>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const nested = use(TabsContext) !== null;\n\n  return (\n    <Tabs\n      ref={mergeRefs(containerRef, ref)}\n      {...props}\n      className={(s) =>\n        cn(\n          'bg-fd-card rounded-xl border',\n          !nested && 'my-4',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n    >\n      <TabsContext\n        value={useMemo(\n          () => ({\n            containerRef,\n            nested,\n          }),\n          [nested],\n        )}\n      >\n        {props.children}\n      </TabsContext>\n    </Tabs>\n  );\n}\n\nexport function CodeBlockTabsList({ className, ...props }: ComponentProps<typeof TabsList>) {\n  return (\n    <TabsList\n      {...props}\n      className={(s) =>\n        cn(\n          'flex flex-row px-2 overflow-x-auto text-fd-muted-foreground',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n    >\n      {props.children}\n    </TabsList>\n  );\n}\n\nexport function CodeBlockTabsTrigger({\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof TabsTrigger>) {\n  return (\n    <TabsTrigger\n      {...props}\n      className={(s) =>\n        cn(\n          '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',\n          s.active ? 'text-fd-primary' : 'hover:text-fd-accent-foreground',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n    >\n      <div className=\"absolute inset-x-2 bottom-0 h-px group-data-[active]:bg-fd-primary\" />\n      {children}\n    </TabsTrigger>\n  );\n}\n\nexport function CodeBlockTab(props: ComponentProps<typeof TabsContent>) {\n  return <TabsContent {...props} />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"codeblock.js","names":[],"sources":["../../src/components/codeblock.tsx"],"sourcesContent":["'use client';\nimport { Check, Clipboard } from 'lucide-react';\nimport {\n  type ComponentProps,\n  createContext,\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n  use,\n  useMemo,\n  useRef,\n} from 'react';\nimport { cn } from '@/utils/cn';\nimport { useCopyButton } from '@/utils/use-copy-button';\nimport { buttonVariants } from '@/components/ui/button';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';\nimport { mergeRefs } from '@/utils/merge-refs';\n\nexport interface CodeBlockProps extends ComponentProps<'figure'> {\n  /**\n   * Icon of code block\n   *\n   * When passed as a string, it assumes the value is the HTML of icon\n   */\n  icon?: ReactNode;\n\n  /**\n   * Allow to copy code with copy button\n   *\n   * @defaultValue true\n   */\n  allowCopy?: boolean;\n\n  /**\n   * Keep original background color generated by Shiki or Rehype Code\n   *\n   * @defaultValue false\n   */\n  keepBackground?: boolean;\n\n  viewportProps?: HTMLAttributes<HTMLElement>;\n\n  /**\n   * show line numbers\n   */\n  'data-line-numbers'?: boolean;\n\n  /**\n   * @defaultValue 1\n   */\n  'data-line-numbers-start'?: number;\n\n  Actions?: (props: { className?: string; children?: ReactNode }) => ReactNode;\n}\n\nconst TabsContext = createContext<{\n  containerRef: RefObject<HTMLDivElement | null>;\n  nested: boolean;\n} | null>(null);\n\nexport function Pre(props: ComponentProps<'pre'>) {\n  return (\n    <pre {...props} className={cn('min-w-full w-max *:flex *:flex-col', props.className)}>\n      {props.children}\n    </pre>\n  );\n}\n\nexport function CodeBlock({\n  ref,\n  title,\n  allowCopy = true,\n  keepBackground = false,\n  icon,\n  viewportProps = {},\n  children,\n  Actions = (props) => <div {...props} className={cn('empty:hidden', props.className)} />,\n  ...props\n}: CodeBlockProps) {\n  const inTab = use(TabsContext) !== null;\n  const areaRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <figure\n      ref={ref}\n      dir=\"ltr\"\n      {...props}\n      tabIndex={-1}\n      className={cn(\n        inTab ? 'bg-fd-secondary -mx-px -mb-px last:rounded-b-xl' : 'my-4 bg-fd-card rounded-xl',\n        keepBackground && 'bg-(--shiki-light-bg) dark:bg-(--shiki-dark-bg)',\n\n        'shiki relative border shadow-sm not-prose overflow-hidden text-sm',\n        props.className,\n      )}\n    >\n      {title ? (\n        <div className=\"flex text-fd-muted-foreground items-center gap-2 h-9.5 border-b px-4\">\n          {typeof icon === 'string' ? (\n            <div\n              className=\"[&_svg]:size-3.5\"\n              dangerouslySetInnerHTML={{\n                __html: icon,\n              }}\n            />\n          ) : (\n            icon\n          )}\n          <figcaption className=\"flex-1 truncate\">{title}</figcaption>\n          {Actions({\n            className: '-me-2',\n            children: allowCopy && <CopyButton containerRef={areaRef} />,\n          })}\n        </div>\n      ) : (\n        Actions({\n          className:\n            'absolute top-2 right-2 z-2 backdrop-blur-lg rounded-lg text-fd-muted-foreground',\n          children: allowCopy && <CopyButton containerRef={areaRef} />,\n        })\n      )}\n      <div\n        ref={areaRef}\n        {...viewportProps}\n        role=\"region\"\n        tabIndex={0}\n        className={cn(\n          'text-[0.8125rem] py-3.5 overflow-auto max-h-[600px] fd-scroll-container focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-fd-ring',\n          viewportProps.className,\n        )}\n        style={\n          {\n            // space for toolbar\n            '--padding-right': !title ? 'calc(var(--spacing) * 8)' : undefined,\n            counterSet: props['data-line-numbers']\n              ? `line ${Number(props['data-line-numbers-start'] ?? 1) - 1}`\n              : undefined,\n            ...viewportProps.style,\n          } as object\n        }\n      >\n        {children}\n      </div>\n    </figure>\n  );\n}\n\nfunction CopyButton({\n  className,\n  containerRef,\n  ...props\n}: ComponentProps<'button'> & {\n  containerRef: RefObject<HTMLElement | null>;\n}) {\n  const [checked, onClick] = useCopyButton(() => {\n    const pre = containerRef.current?.getElementsByTagName('pre').item(0);\n    if (!pre) return;\n\n    const clone = pre.cloneNode(true) as HTMLElement;\n    clone.querySelectorAll('.nd-copy-ignore').forEach((node) => {\n      node.replaceWith('\\n');\n    });\n\n    void navigator.clipboard.writeText(clone.textContent ?? '');\n  });\n\n  return (\n    <button\n      type=\"button\"\n      data-checked={checked || undefined}\n      className={cn(\n        buttonVariants({\n          className: 'hover:text-fd-accent-foreground data-checked:text-fd-accent-foreground',\n          size: 'icon-xs',\n        }),\n        className,\n      )}\n      aria-label={checked ? 'Copied Text' : 'Copy Text'}\n      onClick={onClick}\n      {...props}\n    >\n      {checked ? <Check /> : <Clipboard />}\n    </button>\n  );\n}\n\nexport function CodeBlockTabs({ ref, className, ...props }: ComponentProps<typeof Tabs>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const nested = use(TabsContext) !== null;\n\n  return (\n    <Tabs\n      ref={mergeRefs(containerRef, ref)}\n      {...props}\n      className={(s) =>\n        cn(\n          'bg-fd-card rounded-xl border',\n          !nested && 'my-4',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n    >\n      <TabsContext\n        value={useMemo(\n          () => ({\n            containerRef,\n            nested,\n          }),\n          [nested],\n        )}\n      >\n        {props.children}\n      </TabsContext>\n    </Tabs>\n  );\n}\n\nexport function CodeBlockTabsList({ className, ...props }: ComponentProps<typeof TabsList>) {\n  return (\n    <TabsList\n      {...props}\n      className={(s) =>\n        cn(\n          'flex flex-row px-2 overflow-x-auto text-fd-muted-foreground',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n    >\n      {props.children}\n    </TabsList>\n  );\n}\n\nexport function CodeBlockTabsTrigger({\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof TabsTrigger>) {\n  return (\n    <TabsTrigger\n      {...props}\n      className={(s) =>\n        cn(\n          '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',\n          s.active ? 'text-fd-primary' : 'hover:text-fd-accent-foreground',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n    >\n      <div className=\"absolute inset-x-2 bottom-0 h-px group-data-[active]:bg-fd-primary\" />\n      {children}\n    </TabsTrigger>\n  );\n}\n\nexport function CodeBlockTab(props: ComponentProps<typeof TabsContent>) {\n  return <TabsContent {...props} />;\n}\n"],"mappings":"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"}

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

@@ -1,16 +1,16 @@
-import { search_d_exports } from "../../contexts/search.js";
+import { SearchLink, SharedProps, TagItem } from "../../contexts/search.js";
 import "./search.js";
-import * as react_jsx_runtime76 from "react/jsx-runtime";
 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 +33,7 @@ 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

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

@@ -1 +1 @@
-{"version":3,"file":"search-algolia.d.ts","names":[],"sources":["../../../src/components/dialog/search-algolia.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAuBiB,wBAAA,SAAiC,gBAAA,CAAA;iBACjC;UACP,gBAAA,CAAA;EAFO,MAAA,CAAA,EAIN,SAJM;EACA,UAAA,CAAA,EAAA,MAAA;EACP,IAAA,CAAA,EAKD,gBAAA,CAAA,OALC,EAAA;EAEC;;;;AAkBV;EAGC,WAAA,CAAA,EAAA,OAAA;EACA;;;;;EAKA,UAAA,CAAA,EAAA,OAAA;;AAEyB,iBATH,mBAAA,CASG;EAAA,aAAA;EAAA,IAAA;EAAA,UAAA;EAAA,WAAA;EAAA,UAAA;EAAA,KAAA;EAAA,MAAA;EAAA,GAAA;AAAA,CAAA,EAAxB,wBAAwB,CAAA,EAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"search-algolia.d.ts","names":[],"sources":["../../../src/components/dialog/search-algolia.tsx"],"mappings":";;;;;;;UAuBiB,wBAAA,SAAiC,WAAA;EAChD,aAAA,EAAe,cAAA;EACf,KAAA,GAAQ,UAAA;EAER,MAAA,GAAS,SAAA;EAET,UAAA;EACA,IAAA,GAAO,OAAA;EANQ;;;;;EAaf,WAAA;EAd2D;;;;;EAqB3D,UAAA;AAAA;AAAA,iBAGsB,mBAAA,CAAA;EACtB,aAAA;EACA,IAAA;EACA,UAAA;EACA,WAAA;EACA,UAAA;EACA,KAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,wBAAA,GAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,16 +1,16 @@
 'use client';
 
-import { i18n_exports } from "../../contexts/i18n.js";
+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 +46,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] })
 		]
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"search-algolia.js","names":["tag"],"sources":["../../../src/components/dialog/search-algolia.tsx"],"sourcesContent":["'use client';\n\nimport { type AlgoliaOptions, useDocsSearch } from '@hanzo/docs-core/search/client';\nimport { type ReactNode, useMemo, useState } from 'react';\nimport { useOnChange } from '@hanzo/docs-core/utils/use-on-change';\nimport {\n  SearchDialog,\n  SearchDialogClose,\n  SearchDialogContent,\n  SearchDialogFooter,\n  SearchDialogHeader,\n  SearchDialogIcon,\n  SearchDialogInput,\n  SearchDialogList,\n  SearchDialogOverlay,\n  type SharedProps,\n  TagsList,\n  TagsListItem,\n} from './search';\nimport type { SortedResult } from '@hanzo/docs-core/search';\nimport type { SearchLink, TagItem } from '@/contexts/search';\nimport { useI18n } from '@/contexts/i18n';\n\nexport interface AlgoliaSearchDialogProps extends SharedProps {\n  searchOptions: AlgoliaOptions;\n  links?: SearchLink[];\n\n  footer?: ReactNode;\n\n  defaultTag?: string;\n  tags?: TagItem[];\n\n  /**\n   * Add the \"Powered by Algolia\" label, this is useful for free tier users\n   *\n   * @defaultValue false\n   */\n  showAlgolia?: boolean;\n\n  /**\n   * Allow to clear tag filters\n   *\n   * @defaultValue false\n   */\n  allowClear?: boolean;\n}\n\nexport default function AlgoliaSearchDialog({\n  searchOptions,\n  tags = [],\n  defaultTag,\n  showAlgolia = false,\n  allowClear = false,\n  links = [],\n  footer,\n  ...props\n}: AlgoliaSearchDialogProps) {\n  const [tag, setTag] = useState(defaultTag);\n  const { locale } = useI18n();\n  const { search, setSearch, query } = useDocsSearch({\n    type: 'algolia',\n    tag,\n    locale,\n    ...searchOptions,\n  });\n  const defaultItems = useMemo<SortedResult[] | null>(() => {\n    if (links.length === 0) return null;\n    return links.map(([name, link]) => ({\n      type: 'page',\n      id: name,\n      content: name,\n      url: link,\n    }));\n  }, [links]);\n\n  useOnChange(defaultTag, (v) => {\n    setTag(v);\n  });\n\n  const label = showAlgolia && <AlgoliaTitle />;\n\n  return (\n    <SearchDialog search={search} onSearchChange={setSearch} isLoading={query.isLoading} {...props}>\n      <SearchDialogOverlay />\n      <SearchDialogContent>\n        <SearchDialogHeader>\n          <SearchDialogIcon />\n          <SearchDialogInput />\n          <SearchDialogClose />\n        </SearchDialogHeader>\n        <SearchDialogList items={query.data !== 'empty' ? query.data : defaultItems} />\n      </SearchDialogContent>\n      <SearchDialogFooter>\n        {tags.length > 0 ? (\n          <TagsList tag={tag} onTagChange={setTag} allowClear={allowClear}>\n            {tags.map((tag) => (\n              <TagsListItem key={tag.value} value={tag.value}>\n                {tag.name}\n              </TagsListItem>\n            ))}\n            {label}\n          </TagsList>\n        ) : (\n          label\n        )}\n        {footer}\n      </SearchDialogFooter>\n    </SearchDialog>\n  );\n}\n\nfunction AlgoliaTitle() {\n  return (\n    <a\n      href=\"https://algolia.com\"\n      rel=\"noreferrer noopener\"\n      className=\"ms-auto text-xs text-fd-muted-foreground\"\n    >\n      Search powered by Algolia\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;AA+CA,SAAwB,oBAAoB,EAC1C,eACA,OAAO,EAAE,EACT,YACA,cAAc,OACd,aAAa,OACb,QAAQ,EAAE,EACV,QACA,GAAG,SACwB;CAC3B,MAAM,CAAC,KAAK,UAAU,SAAS,WAAW;CAC1C,MAAM,EAAE,sCAAoB;CAC5B,MAAM,EAAE,QAAQ,WAAW,UAAU,cAAc;EACjD,MAAM;EACN;EACA;EACA,GAAG;EACJ,CAAC;CACF,MAAM,eAAe,cAAqC;AACxD,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SAAO,MAAM,KAAK,CAAC,MAAM,WAAW;GAClC,MAAM;GACN,IAAI;GACJ,SAAS;GACT,KAAK;GACN,EAAE;IACF,CAAC,MAAM,CAAC;AAEX,aAAY,aAAa,MAAM;AAC7B,SAAO,EAAE;GACT;CAEF,MAAM,QAAQ,eAAe,oBAAC,iBAAe;AAE7C,QACE,qBAAC;EAAqB;EAAQ,gBAAgB;EAAW,WAAW,MAAM;EAAW,GAAI;;GACvF,oBAAC,wBAAsB;GACvB,qBAAC,kCACC,qBAAC;IACC,oBAAC,qBAAmB;IACpB,oBAAC,sBAAoB;IACrB,oBAAC,sBAAoB;OACF,EACrB,oBAAC,oBAAiB,OAAO,MAAM,SAAS,UAAU,MAAM,OAAO,eAAgB,IAC3D;GACtB,qBAAC,iCACE,KAAK,SAAS,IACb,qBAAC;IAAc;IAAK,aAAa;IAAoB;eAClD,KAAK,KAAK,UACT,oBAAC;KAA6B,OAAOA,MAAI;eACtCA,MAAI;OADYA,MAAI,MAER,CACf,EACD;KACQ,GAEX,OAED,UACkB;;GACR;;AAInB,SAAS,eAAe;AACtB,QACE,oBAAC;EACC,MAAK;EACL,KAAI;EACJ,WAAU;YACX;GAEG"}
+{"version":3,"file":"search-algolia.js","names":[],"sources":["../../../src/components/dialog/search-algolia.tsx"],"sourcesContent":["'use client';\n\nimport { type AlgoliaOptions, useDocsSearch } from '@hanzo/docs-core/search/client';\nimport { type ReactNode, useMemo, useState } from 'react';\nimport { useOnChange } from '@hanzo/docs-core/utils/use-on-change';\nimport {\n  SearchDialog,\n  SearchDialogClose,\n  SearchDialogContent,\n  SearchDialogFooter,\n  SearchDialogHeader,\n  SearchDialogIcon,\n  SearchDialogInput,\n  SearchDialogList,\n  SearchDialogOverlay,\n  type SharedProps,\n  TagsList,\n  TagsListItem,\n} from './search';\nimport type { SortedResult } from '@hanzo/docs-core/search';\nimport type { SearchLink, TagItem } from '@/contexts/search';\nimport { useI18n } from '@/contexts/i18n';\n\nexport interface AlgoliaSearchDialogProps extends SharedProps {\n  searchOptions: AlgoliaOptions;\n  links?: SearchLink[];\n\n  footer?: ReactNode;\n\n  defaultTag?: string;\n  tags?: TagItem[];\n\n  /**\n   * Add the \"Powered by Algolia\" label, this is useful for free tier users\n   *\n   * @defaultValue false\n   */\n  showAlgolia?: boolean;\n\n  /**\n   * Allow to clear tag filters\n   *\n   * @defaultValue false\n   */\n  allowClear?: boolean;\n}\n\nexport default function AlgoliaSearchDialog({\n  searchOptions,\n  tags = [],\n  defaultTag,\n  showAlgolia = false,\n  allowClear = false,\n  links = [],\n  footer,\n  ...props\n}: AlgoliaSearchDialogProps) {\n  const [tag, setTag] = useState(defaultTag);\n  const { locale } = useI18n();\n  const { search, setSearch, query } = useDocsSearch({\n    type: 'algolia',\n    tag,\n    locale,\n    ...searchOptions,\n  });\n  const defaultItems = useMemo<SortedResult[] | null>(() => {\n    if (links.length === 0) return null;\n    return links.map(([name, link]) => ({\n      type: 'page',\n      id: name,\n      content: name,\n      url: link,\n    }));\n  }, [links]);\n\n  useOnChange(defaultTag, (v) => {\n    setTag(v);\n  });\n\n  const label = showAlgolia && <AlgoliaTitle />;\n\n  return (\n    <SearchDialog search={search} onSearchChange={setSearch} isLoading={query.isLoading} {...props}>\n      <SearchDialogOverlay />\n      <SearchDialogContent>\n        <SearchDialogHeader>\n          <SearchDialogIcon />\n          <SearchDialogInput />\n          <SearchDialogClose />\n        </SearchDialogHeader>\n        <SearchDialogList items={query.data !== 'empty' ? query.data : defaultItems} />\n      </SearchDialogContent>\n      <SearchDialogFooter>\n        {tags.length > 0 ? (\n          <TagsList tag={tag} onTagChange={setTag} allowClear={allowClear}>\n            {tags.map((tag) => (\n              <TagsListItem key={tag.value} value={tag.value}>\n                {tag.name}\n              </TagsListItem>\n            ))}\n            {label}\n          </TagsList>\n        ) : (\n          label\n        )}\n        {footer}\n      </SearchDialogFooter>\n    </SearchDialog>\n  );\n}\n\nfunction AlgoliaTitle() {\n  return (\n    <a\n      href=\"https://algolia.com\"\n      rel=\"noreferrer noopener\"\n      className=\"ms-auto text-xs text-fd-muted-foreground\"\n    >\n      Search powered by Algolia\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;AA+CA,SAAwB,oBAAoB,EAC1C,eACA,OAAO,EAAE,EACT,YACA,cAAc,OACd,aAAa,OACb,QAAQ,EAAE,EACV,QACA,GAAG,SACwB;CAC3B,MAAM,CAAC,KAAK,UAAU,SAAS,WAAW;CAC1C,MAAM,EAAE,WAAW,SAAS;CAC5B,MAAM,EAAE,QAAQ,WAAW,UAAU,cAAc;EACjD,MAAM;EACN;EACA;EACA,GAAG;EACJ,CAAC;CACF,MAAM,eAAe,cAAqC;AACxD,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SAAO,MAAM,KAAK,CAAC,MAAM,WAAW;GAClC,MAAM;GACN,IAAI;GACJ,SAAS;GACT,KAAK;GACN,EAAE;IACF,CAAC,MAAM,CAAC;AAEX,aAAY,aAAa,MAAM;AAC7B,SAAO,EAAE;GACT;CAEF,MAAM,QAAQ,eAAe,oBAAC,iBAAe;AAE7C,QACE,qBAAC;EAAqB;EAAQ,gBAAgB;EAAW,WAAW,MAAM;EAAW,GAAI;;GACvF,oBAAC,wBAAsB;GACvB,qBAAC,kCACC,qBAAC;IACC,oBAAC,qBAAmB;IACpB,oBAAC,sBAAoB;IACrB,oBAAC,sBAAoB;OACF,EACrB,oBAAC,oBAAiB,OAAO,MAAM,SAAS,UAAU,MAAM,OAAO,eAAgB,IAC3D;GACtB,qBAAC,iCACE,KAAK,SAAS,IACb,qBAAC;IAAc;IAAK,aAAa;IAAoB;eAClD,KAAK,KAAK,QACT,oBAAC;KAA6B,OAAO,IAAI;eACtC,IAAI;OADY,IAAI,MAER,CACf,EACD;KACQ,GAEX,OAED,UACkB;;GACR;;AAInB,SAAS,eAAe;AACtB,QACE,oBAAC;EACC,MAAK;EACL,KAAI;EACJ,WAAU;YACX;GAEG"}

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

@@ -1,17 +1,17 @@
-import { search_d_exports } from "../../contexts/search.js";
+import { SearchLink, SharedProps, TagItem } from "../../contexts/search.js";
 import "./search.js";
-import * as react_jsx_runtime136 from "react/jsx-runtime";
 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 +38,7 @@ 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

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

@@ -1 +1 @@
-{"version":3,"file":"search-default.d.ts","names":[],"sources":["../../../src/components/dialog/search-default.tsx"],"sourcesContent":[],"mappings":";;;;;;UAuBiB,wBAAA,SAAiC,gBAAA,CAAA;UACxC,gBAAA,CAAA;;AADV;;EASS,IAAA,CAAA,EAAA,OAAA,GAAA,QAAA;EAYE,UAAA,CAAA,EAAA,MAAA;EArBuC,IAAA,CAAA,EASzC,gBAAA,CAAA,OATyC,EAAA;EAAW;AA6B5D;;EAIC,GAAA,CAAA,EAAA,MAAA;EACA;;;EAGA,OAAA,CAAA,EAAA,MAAA;EACA,MAAA,CAAA,EAjBS,SAiBT;EACA;;;;;;;iBARsB,mBAAA;;;;;;;;;;GAUrB,2BAAwB,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"search-default.d.ts","names":[],"sources":["../../../src/components/dialog/search-default.tsx"],"mappings":";;;;;;UAuBiB,wBAAA,SAAiC,WAAA;EAChD,KAAA,GAAQ,UAAA;;AADV;;EAME,IAAA;EAEA,UAAA;EACA,IAAA,GAAO,OAAA;EAYE;;;EAPT,GAAA;EAdgD;;;EAmBhD,OAAA;EAEA,MAAA,GAAS,SAAA;EAZT;;;;;EAmBA,UAAA;AAAA;AAAA,iBAGsB,mBAAA,CAAA;EACtB,UAAA;EACA,IAAA;EACA,GAAA;EACA,OAAA;EACA,IAAA;EACA,UAAA;EACA,KAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,wBAAA,GAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,15 +1,15 @@
 'use client';
 
-import { i18n_exports } from "../../contexts/i18n.js";
+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,10 +52,10 @@ 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] })
 		]
 	});