@hanzo/docs-base-ui 16.4.2 → 16.4.8

package/README.md

@@ -1,5 +1,5 @@
-# Fumadocs UI
+# @hanzo/docs-base-ui
 
-The React.js docs framework.
+The React.js docs framework base UI components.
 
-[Read Documentation](https://fumadocs.dev/docs/ui)
+[Read Documentation](https://hanzo-docs.dev/docs/ui)

package/css/aspen.css

@@ -0,0 +1 @@
+@import '../../ui/css/colors/aspen.css';

package/css/black.css

@@ -1 +1 @@
-@import '@hanzo/docs-ui/css/colors/black.css';
+@import '../../ui/css/colors/black.css';

package/css/catppuccin.css

@@ -1 +1 @@
-@import '@hanzo/docs-ui/css/colors/catppuccin.css';
+@import '../../ui/css/colors/catppuccin.css';

package/css/dusk.css

@@ -1 +1 @@
-@import '@hanzo/docs-ui/css/colors/dusk.css';
+@import '../../ui/css/colors/dusk.css';

package/css/emerald.css

@@ -0,0 +1 @@
+@import '../../ui/css/colors/emerald.css';

package/css/neutral.css

@@ -1 +1 @@
-@import '@hanzo/docs-ui/css/colors/neutral.css';
+@import '../../ui/css/colors/neutral.css';

package/css/ocean.css

@@ -1 +1 @@
-@import '@hanzo/docs-ui/css/colors/ocean.css';
+@import '../../ui/css/colors/ocean.css';

package/css/preset.css

@@ -1,4 +1,4 @@
-@import '@hanzo/docs-ui/css/base.css';
+@import '../../ui/css/base.css';
 
 /* TODO: remove them on next major */
 @import './layouts/docs.css';

package/css/purple.css

@@ -1 +1 @@
-@import '@hanzo/docs-ui/css/colors/purple.css';
+@import '../../ui/css/colors/purple.css';

package/css/ruby.css

@@ -0,0 +1 @@
+@import '../../ui/css/colors/ruby.css';

package/css/shadcn.css

@@ -1 +1 @@
-@import '@hanzo/docs-ui/css/colors/shadcn.css';
+@import '../../ui/css/colors/shadcn.css';

package/css/solar.css

@@ -1 +1 @@
-@import '@hanzo/docs-ui/css/colors/solar.css';
+@import '../../ui/css/colors/solar.css';

package/css/vitepress.css

@@ -1 +1 @@
-@import '@hanzo/docs-ui/css/colors/vitepress.css';
+@import '../../ui/css/colors/vitepress.css';

package/dist/components/accordion.d.ts

@@ -1,5 +1,5 @@
 import { Accordion as Accordion$1, AccordionItem } from "./ui/accordion.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime113 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/accordion.d.ts
@@ -8,7 +8,7 @@ declare function Accordions({
   className,
   defaultValue,
   ...props
-}: ComponentProps<typeof Accordion$1>): react_jsx_runtime11.JSX.Element;
+}: ComponentProps<typeof Accordion$1>): react_jsx_runtime113.JSX.Element;
 declare function Accordion({
   title,
   id,
@@ -18,7 +18,7 @@ declare function Accordion({
 }: Omit<ComponentProps<typeof AccordionItem>, 'value' | 'title'> & {
   title: string | ReactNode;
   value?: string;
-}): react_jsx_runtime11.JSX.Element;
+}): react_jsx_runtime113.JSX.Element;
 //#endregion
 export { Accordion, Accordions };
 //# sourceMappingURL=accordion.d.ts.map

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,mBAAA,CAAA,GAAA,CAAA;iBAiCd,SAAA;;;;;;GAMb,KAAK,sBAAsB;kBACZ;EA7CF,KAAA,CAAA,EAAA,MAAU;CACxB,CAAA,EA8CD,mBAAA,CAAA,GAAA,CAAA,OA9CC"}
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/components/accordion.tsx"],"sourcesContent":[],"mappings":";;;;;iBAgBgB,UAAA;;;;;GAKb,sBAAsB,eAAK,oBAAA,CAAA,GAAA,CAAA;iBAiCd,SAAA;;;;;;GAMb,KAAK,sBAAsB;kBACZ;EA7CF,KAAA,CAAA,EAAA,MAAU;CACxB,CAAA,EA8CD,oBAAA,CAAA,GAAA,CAAA,OA9CC"}

package/dist/components/banner.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
 import { HTMLAttributes } from "react";
 
 //#region src/components/banner.d.ts
@@ -24,12 +24,12 @@ declare function Banner({
    */
   rainbowColors?: string[];
   /**
-   * Change Fumadocs layout styles
+   * Change Hanzo Docs layout styles
    *
    * @defaultValue true
    */
   changeLayout?: boolean;
-}): react_jsx_runtime13.JSX.Element | null;
+}): react_jsx_runtime84.JSX.Element | null;
 //#endregion
 export { Banner };
 //# sourceMappingURL=banner.d.ts.map

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 Fumadocs 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 '@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"}

package/dist/components/callout.d.ts

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

package/dist/components/card.d.ts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime82 from "react/jsx-runtime";
 import { HTMLAttributes, ReactNode } from "react";
 
 //#region src/components/card.d.ts
-declare function Cards(props: HTMLAttributes<HTMLDivElement>): react_jsx_runtime14.JSX.Element;
+declare function Cards(props: HTMLAttributes<HTMLDivElement>): react_jsx_runtime82.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_runtime14.JSX.Element;
+}: CardProps): react_jsx_runtime82.JSX.Element;
 //#endregion
 export { Card, CardProps, Cards };
 //# sourceMappingURL=card.d.ts.map

package/dist/components/codeblock.d.ts

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

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

@@ -1,6 +1,6 @@
 import { search_d_exports } from "../../contexts/search.js";
 import "./search.js";
-import * as react_jsx_runtime79 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import { AlgoliaOptions } from "@hanzo/docs-core/search/client";
 
@@ -33,7 +33,7 @@ declare function AlgoliaSearchDialog({
   links,
   footer,
   ...props
-}: AlgoliaSearchDialogProps): react_jsx_runtime79.JSX.Element;
+}: AlgoliaSearchDialogProps): react_jsx_runtime10.JSX.Element;
 //#endregion
 export { AlgoliaSearchDialogProps, AlgoliaSearchDialog as default };
 //# sourceMappingURL=search-algolia.d.ts.map

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

@@ -1,6 +1,6 @@
 import { search_d_exports } from "../../contexts/search.js";
 import "./search.js";
-import * as react_jsx_runtime88 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/dialog/search-default.d.ts
@@ -38,7 +38,7 @@ declare function DefaultSearchDialog({
   links,
   footer,
   ...props
-}: DefaultSearchDialogProps): react_jsx_runtime88.JSX.Element;
+}: DefaultSearchDialogProps): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { DefaultSearchDialogProps, DefaultSearchDialog as default };
 //# sourceMappingURL=search-default.d.ts.map

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

@@ -1,6 +1,6 @@
 import { search_d_exports } from "../../contexts/search.js";
 import "./search.js";
-import * as react_jsx_runtime78 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import { OramaCloudOptions } from "@hanzo/docs-core/search/client";
 
@@ -40,7 +40,7 @@ declare function OramaSearchDialog({
   footer,
   links,
   ...props
-}: OramaSearchDialogProps): react_jsx_runtime78.JSX.Element;
+}: OramaSearchDialogProps): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { OramaSearchDialogProps, OramaSearchDialog as default };
 //# sourceMappingURL=search-orama.d.ts.map

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

@@ -1,5 +1,5 @@
 import { search_d_exports } from "../../contexts/search.js";
-import * as react_jsx_runtime114 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 import { Dialog } from "@base-ui/react/dialog";
 import { HighlightedText, ReactSortedResult } from "@hanzo/docs-core/search";
@@ -28,24 +28,24 @@ declare function SearchDialog({
   isLoading,
   onSelect: onSelectProp,
   children
-}: SearchDialogProps): react_jsx_runtime114.JSX.Element;
-declare function SearchDialogHeader(props: ComponentProps<'div'>): react_jsx_runtime114.JSX.Element;
-declare function SearchDialogInput(props: ComponentProps<'input'>): react_jsx_runtime114.JSX.Element;
+}: SearchDialogProps): react_jsx_runtime20.JSX.Element;
+declare function SearchDialogHeader(props: ComponentProps<'div'>): react_jsx_runtime20.JSX.Element;
+declare function SearchDialogInput(props: ComponentProps<'input'>): react_jsx_runtime20.JSX.Element;
 declare function SearchDialogClose({
   children,
   className,
   ...props
-}: ComponentProps<'button'>): react_jsx_runtime114.JSX.Element;
-declare function SearchDialogFooter(props: ComponentProps<'div'>): react_jsx_runtime114.JSX.Element;
+}: ComponentProps<'button'>): react_jsx_runtime20.JSX.Element;
+declare function SearchDialogFooter(props: ComponentProps<'div'>): react_jsx_runtime20.JSX.Element;
 declare function SearchDialogOverlay({
   className,
   ...props
-}: ComponentProps<typeof Dialog.Backdrop>): react_jsx_runtime114.JSX.Element;
+}: ComponentProps<typeof Dialog.Backdrop>): react_jsx_runtime20.JSX.Element;
 declare function SearchDialogContent({
   children,
   className,
   ...props
-}: ComponentProps<typeof Dialog.Popup>): react_jsx_runtime114.JSX.Element;
+}: ComponentProps<typeof Dialog.Popup>): react_jsx_runtime20.JSX.Element;
 declare function SearchDialogList({
   items,
   Empty,
@@ -64,7 +64,7 @@ declare function SearchDialogList({
     item: SearchItemType;
     onClick: () => void;
   }) => ReactNode;
-}): react_jsx_runtime114.JSX.Element;
+}): react_jsx_runtime20.JSX.Element;
 declare function SearchDialogListItem({
   item,
   className,
@@ -74,8 +74,8 @@ declare function SearchDialogListItem({
 }: ComponentProps<'button'> & {
   renderHighlights?: typeof renderHighlights;
   item: SearchItemType;
-}): react_jsx_runtime114.JSX.Element;
-declare function SearchDialogIcon(props: ComponentProps<'svg'>): react_jsx_runtime114.JSX.Element;
+}): react_jsx_runtime20.JSX.Element;
+declare function SearchDialogIcon(props: ComponentProps<'svg'>): react_jsx_runtime20.JSX.Element;
 interface TagsListProps extends ComponentProps<'div'> {
   tag?: string;
   onTagChange: (tag: string | undefined) => void;
@@ -86,14 +86,14 @@ declare function TagsList({
   onTagChange,
   allowClear,
   ...props
-}: TagsListProps): react_jsx_runtime114.JSX.Element;
+}: TagsListProps): react_jsx_runtime20.JSX.Element;
 declare function TagsListItem({
   value,
   className,
   ...props
 }: ComponentProps<'button'> & {
   value: string;
-}): react_jsx_runtime114.JSX.Element;
+}): react_jsx_runtime20.JSX.Element;
 declare function renderHighlights(highlights: HighlightedText<ReactNode>[]): ReactNode;
 declare function useSearch(): {
   open: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","names":[],"sources":["../../../src/components/dialog/search.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"search.d.ts","names":[],"sources":["../../../src/components/dialog/search.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/components/dialog/search.js

@@ -6,7 +6,7 @@ import { useRouter } from "@hanzo/docs-core/framework";
 import { cn } from "@hanzo/docs-ui/cn";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, Hash, Search } from "lucide-react";
-import { Fragment as Fragment$1, createContext, use, useCallback, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, createContext, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { cva } from "class-variance-authority";
 import { useOnChange } from "@hanzo/docs-core/utils/use-on-change";
 import scrollIntoView from "scroll-into-view-if-needed";
@@ -18,13 +18,17 @@ const ListContext = createContext(null);
 const TagsListContext = createContext(null);
 function SearchDialog({ open, onOpenChange, search, onSearchChange, isLoading = false, onSelect: onSelectProp, children }) {
 	const router = useRouter();
-	const onSelect = useEffectEvent((item) => {
+	const onSelect = useCallback((item) => {
 		if (item.type === "action") item.onSelect();
 		else if (item.external) window.open(item.url, "_blank")?.focus();
 		else router.push(item.url);
 		onOpenChange(false);
 		onSelectProp?.(item);
-	});
+	}, [
+		router,
+		onOpenChange,
+		onSelectProp
+	]);
 	return /* @__PURE__ */ jsx(Dialog.Root, {
 		open,
 		onOpenChange,
@@ -109,7 +113,7 @@ function SearchDialogList({ items = null, Empty = () => /* @__PURE__ */ jsx("div
 	const ref = useRef(null);
 	const { onSelect } = useSearch();
 	const [active, setActive] = useState(() => items && items.length > 0 ? items[0].id : null);
-	const onKey = useEffectEvent((e) => {
+	const onKey = useCallback((e) => {
 		if (!items || e.isComposing) return;
 		if (e.key === "ArrowDown" || e.key == "ArrowUp") {
 			let idx = items.findIndex((item) => item.id === active);
@@ -124,7 +128,11 @@ function SearchDialogList({ items = null, Empty = () => /* @__PURE__ */ jsx("div
 			if (selected) onSelect(selected);
 			e.preventDefault();
 		}
-	});
+	}, [
+		items,
+		active,
+		onSelect
+	]);
 	useEffect(() => {
 		const element = ref.current;
 		if (!element) return;
@@ -139,7 +147,7 @@ function SearchDialogList({ items = null, Empty = () => /* @__PURE__ */ jsx("div
 			observer.disconnect();
 			window.removeEventListener("keydown", onKey);
 		};
-	}, []);
+	}, [onKey]);
 	useOnChange(items, () => {
 		if (items && items.length > 0) setActive(items[0].id);
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"search.js","names":["I18nLabel","props","viewport","Fragment","item","SearchIcon"],"sources":["../../../src/components/dialog/search.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronRight, Hash, Search as SearchIcon } from 'lucide-react';\nimport {\n  type ComponentProps,\n  createContext,\n  Fragment,\n  type ReactNode,\n  use,\n  useCallback,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { I18nLabel, useI18n } from '@/contexts/i18n';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport { Dialog } from '@base-ui/react/dialog';\nimport type { HighlightedText, ReactSortedResult as BaseResultType } from '@hanzo/docs-core/search';\nimport { cva } from 'class-variance-authority';\nimport { useRouter } from '@hanzo/docs-core/framework';\nimport type { SharedProps } from '@/contexts/search';\nimport { useOnChange } from '@hanzo/docs-core/utils/use-on-change';\nimport scrollIntoView from 'scroll-into-view-if-needed';\nimport { buttonVariants } from '@/components/ui/button';\n\nexport type SearchItemType =\n  | (BaseResultType & {\n      external?: boolean;\n    })\n  | {\n      id: string;\n      type: 'action';\n      node: ReactNode;\n      onSelect: () => void;\n    };\n\n// needed for backward compatible since some previous guides referenced it\nexport type { SharedProps };\n\nexport interface SearchDialogProps extends SharedProps {\n  search: string;\n  onSearchChange: (v: string) => void;\n  onSelect?: (item: SearchItemType) => void;\n  isLoading?: boolean;\n\n  children: ReactNode;\n}\n\nconst Context = createContext<{\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  search: string;\n  onSearchChange: (v: string) => void;\n  onSelect: (item: SearchItemType) => void;\n  isLoading: boolean;\n} | null>(null);\n\nconst ListContext = createContext<{\n  active: string | null;\n  setActive: (v: string | null) => void;\n} | null>(null);\n\nconst TagsListContext = createContext<{\n  value?: string;\n  onValueChange: (value: string | undefined) => void;\n  allowClear: boolean;\n} | null>(null);\n\nexport function SearchDialog({\n  open,\n  onOpenChange,\n  search,\n  onSearchChange,\n  isLoading = false,\n  onSelect: onSelectProp,\n  children,\n}: SearchDialogProps) {\n  const router = useRouter();\n  const onSelect = useEffectEvent((item: SearchItemType) => {\n    if (item.type === 'action') {\n      item.onSelect();\n    } else if (item.external) {\n      window.open(item.url, '_blank')?.focus();\n    } else {\n      router.push(item.url);\n    }\n\n    onOpenChange(false);\n    onSelectProp?.(item);\n  });\n\n  return (\n    <Dialog.Root open={open} onOpenChange={onOpenChange}>\n      <Context.Provider\n        value={useMemo(\n          () => ({\n            open,\n            onOpenChange,\n            search,\n            onSearchChange,\n            // eslint-disable-next-line react-hooks/rules-of-hooks -- used in child components\n            onSelect,\n            isLoading,\n          }),\n          [isLoading, onOpenChange, onSearchChange, open, search],\n        )}\n      >\n        {children}\n      </Context.Provider>\n    </Dialog.Root>\n  );\n}\n\nexport function SearchDialogHeader(props: ComponentProps<'div'>) {\n  return <div {...props} className={cn('flex flex-row items-center gap-2 p-3', props.className)} />;\n}\n\nexport function SearchDialogInput(props: ComponentProps<'input'>) {\n  const { text } = useI18n();\n  const { search, onSearchChange } = useSearch();\n\n  return (\n    <input\n      {...props}\n      value={search}\n      onChange={(e) => onSearchChange(e.target.value)}\n      placeholder={text.search}\n      className=\"w-0 flex-1 bg-transparent text-lg placeholder:text-fd-muted-foreground focus-visible:outline-none\"\n    />\n  );\n}\n\nexport function SearchDialogClose({\n  children = 'ESC',\n  className,\n  ...props\n}: ComponentProps<'button'>) {\n  const { onOpenChange } = useSearch();\n\n  return (\n    <button\n      type=\"button\"\n      onClick={() => onOpenChange(false)}\n      className={cn(\n        buttonVariants({\n          color: 'outline',\n          size: 'sm',\n          className: 'font-mono text-fd-muted-foreground',\n        }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function SearchDialogFooter(props: ComponentProps<'div'>) {\n  return <div {...props} className={cn('bg-fd-secondary/50 p-3 empty:hidden', props.className)} />;\n}\n\nexport function SearchDialogOverlay({\n  className,\n  ...props\n}: ComponentProps<typeof Dialog.Backdrop>) {\n  return (\n    <Dialog.Backdrop\n      {...props}\n      className={(s) =>\n        cn(\n          'fixed inset-0 z-50 backdrop-blur-xs bg-fd-overlay data-[open]:animate-fd-fade-in data-[closed]:animate-fd-fade-out',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n    />\n  );\n}\n\nexport function SearchDialogContent({\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof Dialog.Popup>) {\n  const { text } = useI18n();\n\n  return (\n    <Dialog.Portal>\n      <Dialog.Popup\n        aria-describedby={undefined}\n        {...props}\n        className={(s) =>\n          cn(\n            'fixed left-1/2 top-4 md:top-[calc(50%-250px)] z-50 w-[calc(100%-1rem)] max-w-screen-sm -translate-x-1/2 rounded-xl border bg-fd-popover text-fd-popover-foreground shadow-2xl shadow-black/50 overflow-hidden data-[closed]:animate-fd-dialog-out data-[open]:animate-fd-dialog-in',\n            '*:border-b *:has-[+:last-child[data-empty=true]]:border-b-0 *:data-[empty=true]:border-b-0 *:last:border-b-0',\n            typeof className === 'function' ? className(s) : className,\n          )\n        }\n      >\n        <Dialog.Title className=\"hidden\">{text.search}</Dialog.Title>\n        {children}\n      </Dialog.Popup>\n    </Dialog.Portal>\n  );\n}\n\nexport function SearchDialogList({\n  items = null,\n  Empty = () => (\n    <div className=\"py-12 text-center text-sm text-fd-muted-foreground\">\n      <I18nLabel label=\"searchNoResult\" />\n    </div>\n  ),\n  Item = (props) => <SearchDialogListItem {...props} />,\n  ...props\n}: Omit<ComponentProps<'div'>, 'children'> & {\n  items: SearchItemType[] | null | undefined;\n  /**\n   * Renderer for empty list UI\n   */\n  Empty?: () => ReactNode;\n  /**\n   * Renderer for items\n   */\n  Item?: (props: { item: SearchItemType; onClick: () => void }) => ReactNode;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const { onSelect } = useSearch();\n  const [active, setActive] = useState<string | null>(() =>\n    items && items.length > 0 ? items[0].id : null,\n  );\n\n  const onKey = useEffectEvent((e: KeyboardEvent) => {\n    if (!items || e.isComposing) return;\n\n    if (e.key === 'ArrowDown' || e.key == 'ArrowUp') {\n      let idx = items.findIndex((item) => item.id === active);\n      if (idx === -1) idx = 0;\n      else if (e.key === 'ArrowDown') idx++;\n      else idx--;\n\n      setActive(items.at(idx % items.length)?.id ?? null);\n      e.preventDefault();\n    }\n\n    if (e.key === 'Enter') {\n      const selected = items.find((item) => item.id === active);\n\n      if (selected) onSelect(selected);\n      e.preventDefault();\n    }\n  });\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    const observer = new ResizeObserver(() => {\n      const viewport = element.firstElementChild!;\n\n      element.style.setProperty('--fd-animated-height', `${viewport.clientHeight}px`);\n    });\n\n    const viewport = element.firstElementChild;\n    if (viewport) observer.observe(viewport);\n\n    window.addEventListener('keydown', onKey);\n    return () => {\n      observer.disconnect();\n      window.removeEventListener('keydown', onKey);\n    };\n  }, []);\n\n  useOnChange(items, () => {\n    if (items && items.length > 0) {\n      setActive(items[0].id);\n    }\n  });\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      data-empty={items === null}\n      className={cn(\n        'overflow-hidden h-(--fd-animated-height) transition-[height]',\n        props.className,\n      )}\n    >\n      <div\n        className={cn('w-full flex flex-col overflow-y-auto max-h-[460px] p-1', !items && 'hidden')}\n      >\n        <ListContext.Provider\n          value={useMemo(\n            () => ({\n              active,\n              setActive,\n            }),\n            [active],\n          )}\n        >\n          {items?.length === 0 && Empty()}\n\n          {items?.map((item) => (\n            <Fragment key={item.id}>{Item({ item, onClick: () => onSelect(item) })}</Fragment>\n          ))}\n        </ListContext.Provider>\n      </div>\n    </div>\n  );\n}\n\nexport function SearchDialogListItem({\n  item,\n  className,\n  children,\n  renderHighlights: render = renderHighlights,\n  ...props\n}: ComponentProps<'button'> & {\n  renderHighlights?: typeof renderHighlights;\n  item: SearchItemType;\n}) {\n  const { active: activeId, setActive } = useSearchList();\n  const active = item.id === activeId;\n\n  if (item.type === 'action') {\n    children ??= item.node;\n  } else {\n    children ??= (\n      <>\n        <div className=\"inline-flex items-center text-fd-muted-foreground text-xs empty:hidden\">\n          {item.breadcrumbs?.map((item, i) => (\n            <Fragment key={i}>\n              {i > 0 && <ChevronRight className=\"size-4 rtl:rotate-180\" />}\n              {item}\n            </Fragment>\n          ))}\n        </div>\n\n        {item.type !== 'page' && (\n          <div role=\"none\" className=\"absolute start-3 inset-y-0 w-px bg-fd-border\" />\n        )}\n        <p\n          className={cn(\n            'min-w-0 truncate',\n            item.type !== 'page' && 'ps-4',\n            item.type === 'page' || item.type === 'heading'\n              ? 'font-medium'\n              : 'text-fd-popover-foreground/80',\n          )}\n        >\n          {item.type === 'heading' && (\n            <Hash className=\"inline me-1 size-4 text-fd-muted-foreground\" />\n          )}\n          {item.contentWithHighlights ? render(item.contentWithHighlights) : item.content}\n        </p>\n      </>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      ref={useCallback(\n        (element: HTMLButtonElement | null) => {\n          if (active && element) {\n            scrollIntoView(element, {\n              scrollMode: 'if-needed',\n              block: 'nearest',\n              boundary: element.parentElement,\n            });\n          }\n        },\n        [active],\n      )}\n      aria-selected={active}\n      className={cn(\n        'relative select-none px-2.5 py-2 text-start text-sm rounded-lg',\n        active && 'bg-fd-accent text-fd-accent-foreground',\n        className,\n      )}\n      onPointerMove={() => setActive(item.id)}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function SearchDialogIcon(props: ComponentProps<'svg'>) {\n  const { isLoading } = useSearch();\n\n  return (\n    <SearchIcon\n      {...props}\n      className={cn(\n        'size-5 text-fd-muted-foreground',\n        isLoading && 'animate-pulse duration-400',\n        props.className,\n      )}\n    />\n  );\n}\n\nexport interface TagsListProps extends ComponentProps<'div'> {\n  tag?: string;\n  onTagChange: (tag: string | undefined) => void;\n  allowClear?: boolean;\n}\n\nconst itemVariants = cva(\n  'rounded-md border px-2 py-0.5 text-xs font-medium text-fd-muted-foreground transition-colors',\n  {\n    variants: {\n      active: {\n        true: 'bg-fd-accent text-fd-accent-foreground',\n      },\n    },\n  },\n);\n\nexport function TagsList({ tag, onTagChange, allowClear = false, ...props }: TagsListProps) {\n  return (\n    <div {...props} className={cn('flex items-center gap-1 flex-wrap', props.className)}>\n      <TagsListContext.Provider\n        value={useMemo(\n          () => ({\n            value: tag,\n            onValueChange: onTagChange,\n            allowClear,\n          }),\n          [allowClear, onTagChange, tag],\n        )}\n      >\n        {props.children}\n      </TagsListContext.Provider>\n    </div>\n  );\n}\n\nexport function TagsListItem({\n  value,\n  className,\n  ...props\n}: ComponentProps<'button'> & {\n  value: string;\n}) {\n  const { onValueChange, value: selectedValue, allowClear } = useTagsList();\n  const selected = value === selectedValue;\n\n  return (\n    <button\n      type=\"button\"\n      data-active={selected}\n      className={cn(itemVariants({ active: selected, className }))}\n      onClick={() => {\n        onValueChange(selected && allowClear ? undefined : value);\n      }}\n      tabIndex={-1}\n      {...props}\n    >\n      {props.children}\n    </button>\n  );\n}\n\nfunction renderHighlights(highlights: HighlightedText<ReactNode>[]): ReactNode {\n  return highlights.map((node, i) => {\n    if (node.styles?.highlight) {\n      return (\n        <span key={i} className=\"text-fd-primary underline\">\n          {node.content}\n        </span>\n      );\n    }\n\n    return <Fragment key={i}>{node.content}</Fragment>;\n  });\n}\n\nexport function useSearch() {\n  const ctx = use(Context);\n  if (!ctx) throw new Error('Missing <SearchDialog />');\n  return ctx;\n}\n\nexport function useTagsList() {\n  const ctx = use(TagsListContext);\n  if (!ctx) throw new Error('Missing <TagsList />');\n  return ctx;\n}\n\nexport function useSearchList() {\n  const ctx = use(ListContext);\n  if (!ctx) throw new Error('Missing <SearchDialogList />');\n  return ctx;\n}\n"],"mappings":"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"}
+{"version":3,"file":"search.js","names":["I18nLabel","props","viewport","Fragment","item","SearchIcon"],"sources":["../../../src/components/dialog/search.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronRight, Hash, Search as SearchIcon } from 'lucide-react';\nimport {\n  type ComponentProps,\n  createContext,\n  Fragment,\n  type ReactNode,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { I18nLabel, useI18n } from '@/contexts/i18n';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport { Dialog } from '@base-ui/react/dialog';\nimport type { HighlightedText, ReactSortedResult as BaseResultType } from '@hanzo/docs-core/search';\nimport { cva } from 'class-variance-authority';\nimport { useRouter } from '@hanzo/docs-core/framework';\nimport type { SharedProps } from '@/contexts/search';\nimport { useOnChange } from '@hanzo/docs-core/utils/use-on-change';\nimport scrollIntoView from 'scroll-into-view-if-needed';\nimport { buttonVariants } from '@/components/ui/button';\n\nexport type SearchItemType =\n  | (BaseResultType & {\n      external?: boolean;\n    })\n  | {\n      id: string;\n      type: 'action';\n      node: ReactNode;\n      onSelect: () => void;\n    };\n\n// needed for backward compatible since some previous guides referenced it\nexport type { SharedProps };\n\nexport interface SearchDialogProps extends SharedProps {\n  search: string;\n  onSearchChange: (v: string) => void;\n  onSelect?: (item: SearchItemType) => void;\n  isLoading?: boolean;\n\n  children: ReactNode;\n}\n\nconst Context = createContext<{\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  search: string;\n  onSearchChange: (v: string) => void;\n  onSelect: (item: SearchItemType) => void;\n  isLoading: boolean;\n} | null>(null);\n\nconst ListContext = createContext<{\n  active: string | null;\n  setActive: (v: string | null) => void;\n} | null>(null);\n\nconst TagsListContext = createContext<{\n  value?: string;\n  onValueChange: (value: string | undefined) => void;\n  allowClear: boolean;\n} | null>(null);\n\nexport function SearchDialog({\n  open,\n  onOpenChange,\n  search,\n  onSearchChange,\n  isLoading = false,\n  onSelect: onSelectProp,\n  children,\n}: SearchDialogProps) {\n  const router = useRouter();\n  const onSelect = useCallback((item: SearchItemType) => {\n    if (item.type === 'action') {\n      item.onSelect();\n    } else if (item.external) {\n      window.open(item.url, '_blank')?.focus();\n    } else {\n      router.push(item.url);\n    }\n\n    onOpenChange(false);\n    onSelectProp?.(item);\n  }, [router, onOpenChange, onSelectProp]);\n\n  return (\n    <Dialog.Root open={open} onOpenChange={onOpenChange}>\n      <Context.Provider\n        value={useMemo(\n          () => ({\n            open,\n            onOpenChange,\n            search,\n            onSearchChange,\n            // eslint-disable-next-line react-hooks/rules-of-hooks -- used in child components\n            onSelect,\n            isLoading,\n          }),\n          [isLoading, onOpenChange, onSearchChange, open, search],\n        )}\n      >\n        {children}\n      </Context.Provider>\n    </Dialog.Root>\n  );\n}\n\nexport function SearchDialogHeader(props: ComponentProps<'div'>) {\n  return <div {...props} className={cn('flex flex-row items-center gap-2 p-3', props.className)} />;\n}\n\nexport function SearchDialogInput(props: ComponentProps<'input'>) {\n  const { text } = useI18n();\n  const { search, onSearchChange } = useSearch();\n\n  return (\n    <input\n      {...props}\n      value={search}\n      onChange={(e) => onSearchChange(e.target.value)}\n      placeholder={text.search}\n      className=\"w-0 flex-1 bg-transparent text-lg placeholder:text-fd-muted-foreground focus-visible:outline-none\"\n    />\n  );\n}\n\nexport function SearchDialogClose({\n  children = 'ESC',\n  className,\n  ...props\n}: ComponentProps<'button'>) {\n  const { onOpenChange } = useSearch();\n\n  return (\n    <button\n      type=\"button\"\n      onClick={() => onOpenChange(false)}\n      className={cn(\n        buttonVariants({\n          color: 'outline',\n          size: 'sm',\n          className: 'font-mono text-fd-muted-foreground',\n        }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function SearchDialogFooter(props: ComponentProps<'div'>) {\n  return <div {...props} className={cn('bg-fd-secondary/50 p-3 empty:hidden', props.className)} />;\n}\n\nexport function SearchDialogOverlay({\n  className,\n  ...props\n}: ComponentProps<typeof Dialog.Backdrop>) {\n  return (\n    <Dialog.Backdrop\n      {...props}\n      className={(s) =>\n        cn(\n          'fixed inset-0 z-50 backdrop-blur-xs bg-fd-overlay data-[open]:animate-fd-fade-in data-[closed]:animate-fd-fade-out',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n    />\n  );\n}\n\nexport function SearchDialogContent({\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof Dialog.Popup>) {\n  const { text } = useI18n();\n\n  return (\n    <Dialog.Portal>\n      <Dialog.Popup\n        aria-describedby={undefined}\n        {...props}\n        className={(s) =>\n          cn(\n            'fixed left-1/2 top-4 md:top-[calc(50%-250px)] z-50 w-[calc(100%-1rem)] max-w-screen-sm -translate-x-1/2 rounded-xl border bg-fd-popover text-fd-popover-foreground shadow-2xl shadow-black/50 overflow-hidden data-[closed]:animate-fd-dialog-out data-[open]:animate-fd-dialog-in',\n            '*:border-b *:has-[+:last-child[data-empty=true]]:border-b-0 *:data-[empty=true]:border-b-0 *:last:border-b-0',\n            typeof className === 'function' ? className(s) : className,\n          )\n        }\n      >\n        <Dialog.Title className=\"hidden\">{text.search}</Dialog.Title>\n        {children}\n      </Dialog.Popup>\n    </Dialog.Portal>\n  );\n}\n\nexport function SearchDialogList({\n  items = null,\n  Empty = () => (\n    <div className=\"py-12 text-center text-sm text-fd-muted-foreground\">\n      <I18nLabel label=\"searchNoResult\" />\n    </div>\n  ),\n  Item = (props) => <SearchDialogListItem {...props} />,\n  ...props\n}: Omit<ComponentProps<'div'>, 'children'> & {\n  items: SearchItemType[] | null | undefined;\n  /**\n   * Renderer for empty list UI\n   */\n  Empty?: () => ReactNode;\n  /**\n   * Renderer for items\n   */\n  Item?: (props: { item: SearchItemType; onClick: () => void }) => ReactNode;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const { onSelect } = useSearch();\n  const [active, setActive] = useState<string | null>(() =>\n    items && items.length > 0 ? items[0].id : null,\n  );\n\n  const onKey = useCallback((e: KeyboardEvent) => {\n    if (!items || e.isComposing) return;\n\n    if (e.key === 'ArrowDown' || e.key == 'ArrowUp') {\n      let idx = items.findIndex((item) => item.id === active);\n      if (idx === -1) idx = 0;\n      else if (e.key === 'ArrowDown') idx++;\n      else idx--;\n\n      setActive(items.at(idx % items.length)?.id ?? null);\n      e.preventDefault();\n    }\n\n    if (e.key === 'Enter') {\n      const selected = items.find((item) => item.id === active);\n\n      if (selected) onSelect(selected);\n      e.preventDefault();\n    }\n  }, [items, active, onSelect]);\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    const observer = new ResizeObserver(() => {\n      const viewport = element.firstElementChild!;\n\n      element.style.setProperty('--fd-animated-height', `${viewport.clientHeight}px`);\n    });\n\n    const viewport = element.firstElementChild;\n    if (viewport) observer.observe(viewport);\n\n    window.addEventListener('keydown', onKey);\n    return () => {\n      observer.disconnect();\n      window.removeEventListener('keydown', onKey);\n    };\n  }, [onKey]);\n\n  useOnChange(items, () => {\n    if (items && items.length > 0) {\n      setActive(items[0].id);\n    }\n  });\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      data-empty={items === null}\n      className={cn(\n        'overflow-hidden h-(--fd-animated-height) transition-[height]',\n        props.className,\n      )}\n    >\n      <div\n        className={cn('w-full flex flex-col overflow-y-auto max-h-[460px] p-1', !items && 'hidden')}\n      >\n        <ListContext.Provider\n          value={useMemo(\n            () => ({\n              active,\n              setActive,\n            }),\n            [active],\n          )}\n        >\n          {items?.length === 0 && Empty()}\n\n          {items?.map((item) => (\n            <Fragment key={item.id}>{Item({ item, onClick: () => onSelect(item) })}</Fragment>\n          ))}\n        </ListContext.Provider>\n      </div>\n    </div>\n  );\n}\n\nexport function SearchDialogListItem({\n  item,\n  className,\n  children,\n  renderHighlights: render = renderHighlights,\n  ...props\n}: ComponentProps<'button'> & {\n  renderHighlights?: typeof renderHighlights;\n  item: SearchItemType;\n}) {\n  const { active: activeId, setActive } = useSearchList();\n  const active = item.id === activeId;\n\n  if (item.type === 'action') {\n    children ??= item.node;\n  } else {\n    children ??= (\n      <>\n        <div className=\"inline-flex items-center text-fd-muted-foreground text-xs empty:hidden\">\n          {item.breadcrumbs?.map((item, i) => (\n            <Fragment key={i}>\n              {i > 0 && <ChevronRight className=\"size-4 rtl:rotate-180\" />}\n              {item}\n            </Fragment>\n          ))}\n        </div>\n\n        {item.type !== 'page' && (\n          <div role=\"none\" className=\"absolute start-3 inset-y-0 w-px bg-fd-border\" />\n        )}\n        <p\n          className={cn(\n            'min-w-0 truncate',\n            item.type !== 'page' && 'ps-4',\n            item.type === 'page' || item.type === 'heading'\n              ? 'font-medium'\n              : 'text-fd-popover-foreground/80',\n          )}\n        >\n          {item.type === 'heading' && (\n            <Hash className=\"inline me-1 size-4 text-fd-muted-foreground\" />\n          )}\n          {item.contentWithHighlights ? render(item.contentWithHighlights) : item.content}\n        </p>\n      </>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      ref={useCallback(\n        (element: HTMLButtonElement | null) => {\n          if (active && element) {\n            scrollIntoView(element, {\n              scrollMode: 'if-needed',\n              block: 'nearest',\n              boundary: element.parentElement,\n            });\n          }\n        },\n        [active],\n      )}\n      aria-selected={active}\n      className={cn(\n        'relative select-none px-2.5 py-2 text-start text-sm rounded-lg',\n        active && 'bg-fd-accent text-fd-accent-foreground',\n        className,\n      )}\n      onPointerMove={() => setActive(item.id)}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function SearchDialogIcon(props: ComponentProps<'svg'>) {\n  const { isLoading } = useSearch();\n\n  return (\n    <SearchIcon\n      {...props}\n      className={cn(\n        'size-5 text-fd-muted-foreground',\n        isLoading && 'animate-pulse duration-400',\n        props.className,\n      )}\n    />\n  );\n}\n\nexport interface TagsListProps extends ComponentProps<'div'> {\n  tag?: string;\n  onTagChange: (tag: string | undefined) => void;\n  allowClear?: boolean;\n}\n\nconst itemVariants = cva(\n  'rounded-md border px-2 py-0.5 text-xs font-medium text-fd-muted-foreground transition-colors',\n  {\n    variants: {\n      active: {\n        true: 'bg-fd-accent text-fd-accent-foreground',\n      },\n    },\n  },\n);\n\nexport function TagsList({ tag, onTagChange, allowClear = false, ...props }: TagsListProps) {\n  return (\n    <div {...props} className={cn('flex items-center gap-1 flex-wrap', props.className)}>\n      <TagsListContext.Provider\n        value={useMemo(\n          () => ({\n            value: tag,\n            onValueChange: onTagChange,\n            allowClear,\n          }),\n          [allowClear, onTagChange, tag],\n        )}\n      >\n        {props.children}\n      </TagsListContext.Provider>\n    </div>\n  );\n}\n\nexport function TagsListItem({\n  value,\n  className,\n  ...props\n}: ComponentProps<'button'> & {\n  value: string;\n}) {\n  const { onValueChange, value: selectedValue, allowClear } = useTagsList();\n  const selected = value === selectedValue;\n\n  return (\n    <button\n      type=\"button\"\n      data-active={selected}\n      className={cn(itemVariants({ active: selected, className }))}\n      onClick={() => {\n        onValueChange(selected && allowClear ? undefined : value);\n      }}\n      tabIndex={-1}\n      {...props}\n    >\n      {props.children}\n    </button>\n  );\n}\n\nfunction renderHighlights(highlights: HighlightedText<ReactNode>[]): ReactNode {\n  return highlights.map((node, i) => {\n    if (node.styles?.highlight) {\n      return (\n        <span key={i} className=\"text-fd-primary underline\">\n          {node.content}\n        </span>\n      );\n    }\n\n    return <Fragment key={i}>{node.content}</Fragment>;\n  });\n}\n\nexport function useSearch() {\n  const ctx = use(Context);\n  if (!ctx) throw new Error('Missing <SearchDialog />');\n  return ctx;\n}\n\nexport function useTagsList() {\n  const ctx = use(TagsListContext);\n  if (!ctx) throw new Error('Missing <TagsList />');\n  return ctx;\n}\n\nexport function useSearchList() {\n  const ctx = use(ListContext);\n  if (!ctx) throw new Error('Missing <SearchDialogList />');\n  return ctx;\n}\n"],"mappings":"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"}

package/dist/components/dynamic-codeblock.d.ts

@@ -1,5 +1,5 @@
 import { CodeBlockProps } from "./codeblock.js";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime95 from "react/jsx-runtime";
 import { HighlightOptionsCommon, HighlightOptionsThemes } from "@hanzo/docs-core/highlight";
 
 //#region src/components/dynamic-codeblock.d.ts
@@ -26,7 +26,7 @@ declare function DynamicCodeBlock({
   codeblock,
   options,
   wrapInSuspense
-}: DynamicCodeblockProps): react_jsx_runtime10.JSX.Element;
+}: DynamicCodeblockProps): react_jsx_runtime95.JSX.Element;
 //#endregion
 export { DynamicCodeBlock, DynamicCodeblockProps };
 //# sourceMappingURL=dynamic-codeblock.d.ts.map

package/dist/components/github-info.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
 import { AnchorHTMLAttributes } from "react";
 
 //#region src/components/github-info.d.ts
@@ -13,7 +13,7 @@ declare function GithubInfo({
   repo: string;
   token?: string;
   baseUrl?: string;
-}): Promise<react_jsx_runtime22.JSX.Element>;
+}): Promise<react_jsx_runtime97.JSX.Element>;
 //#endregion
 export { GithubInfo };
 //# sourceMappingURL=github-info.d.ts.map

package/dist/components/image-zoom.d.ts

@@ -1,5 +1,5 @@
 import { ImageProps } from "@hanzo/docs-core/framework";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime96 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 import { UncontrolledProps } from "react-medium-image-zoom";
 
@@ -19,7 +19,7 @@ declare function ImageZoom({
   children,
   rmiz,
   ...props
-}: ImageZoomProps): react_jsx_runtime20.JSX.Element;
+}: ImageZoomProps): react_jsx_runtime96.JSX.Element;
 //#endregion
 export { ImageZoom, ImageZoomProps };
 //# sourceMappingURL=image-zoom.d.ts.map

package/dist/components/inline-toc.d.ts

@@ -1,5 +1,5 @@
 import { Collapsible } from "./ui/collapsible.js";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime98 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 import { TOCItemType } from "@hanzo/docs-core/toc";
 
@@ -11,7 +11,7 @@ declare function InlineTOC({
   items,
   className,
   ...props
-}: InlineTocProps): react_jsx_runtime21.JSX.Element;
+}: InlineTocProps): react_jsx_runtime98.JSX.Element;
 //#endregion
 export { InlineTOC, InlineTocProps };
 //# sourceMappingURL=inline-toc.d.ts.map