@mintlify/components 1.0.4 → 1.0.6

package/dist/components/callout/callout.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as w } from "react/jsx-runtime";
 import I from "../../_virtual/index.js";
 import { Classes as v } from "../../constants/selectors.js";
-import { DangerIcon as $, CheckIcon as A, TipIcon as T, NoteIcon as _, WarningIcon as D, InfoIcon as L } from "../../icons/index.js";
+import { DangerIcon as $, CheckIcon as A, TipIcon as _, NoteIcon as T, WarningIcon as D, InfoIcon as L } from "../../icons/index.js";
 import { cn as x } from "../../utils/cn.js";
 import { Icon as W } from "../icon/icon.js";
 const j = {
@@ -18,13 +18,13 @@ const j = {
     childrenClassName: "text-yellow-800 dark:text-yellow-300"
   },
   note: {
-    icon: _,
+    icon: T,
     defaultAriaLabel: "Note",
     className: "border border-blue-200 bg-blue-50 dark:border-blue-900 dark:bg-blue-600/20",
     childrenClassName: "text-blue-800 dark:text-blue-300"
   },
   tip: {
-    icon: T,
+    icon: _,
     defaultAriaLabel: "Tip",
     className: 'border border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-600/20 **:data-[component-part="callout-icon"]:mt-px',
     childrenClassName: "text-green-800 dark:text-green-300"
@@ -109,7 +109,7 @@ const j = {
           "div",
           {
             className: x(
-              "prose dark:prose-invert w-full min-w-0 text-sm [&_a]:border-current [&_a]:text-current! [&_code]:text-current! [&_kbd]:bg-stone-100 [&_kbd]:text-current! dark:[&_kbd]:bg-stone-800",
+              "prose dark:prose-invert w-full min-w-0 text-sm [&_a]:border-current [&_a]:text-current! [&_code]:text-current! [&_kbd]:bg-stone-100 [&_kbd]:text-current! dark:[&_kbd]:bg-stone-800 [&_strong]:text-current!",
               d
             ),
             "data-component-part": "callout-content",

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

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAMA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,QAAQ,EACd,MAAM,oBAAoB,CAAC;AAG5B,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,IAAI,GAAI,kIAaX,SAAS,mDAwHX,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAMA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,QAAQ,EAEb,KAAK,QAAQ,EACd,MAAM,oBAAoB,CAAC;AAG5B,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,IAAI,GAAI,kIAaX,SAAS,mDAyHX,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/icon/icon.js

@@ -2,12 +2,12 @@ import { jsx as n } from "react/jsx-runtime";
 import { MINTLIFY_ICONS_CDN_URL as C } from "../../constants/index.js";
 import { Classes as N } from "../../constants/selectors.js";
 import { cn as i } from "../../utils/cn.js";
-import { getIconUrl as y, ICON_TYPES as M } from "../../utils/icon-utils.js";
-import { isAbsoluteUrl as $ } from "../../utils/is-absolute-url.js";
-const w = ({
+import { getIconUrl as y, ICON_TYPES as M, isBrandsIcon as $ } from "../../utils/icon-utils.js";
+import { isAbsoluteUrl as v } from "../../utils/is-absolute-url.js";
+const x = ({
   icon: t,
   iconType: a,
-  color: s,
+  color: e,
   colorLight: g,
   colorDark: p,
   size: k,
@@ -22,22 +22,22 @@ const w = ({
     ...!I && { width: k || 16, height: k || 16 },
     display: "inline-block",
     verticalAlign: "middle"
-  }, e = g && p, r = e ? {
+  }, s = g && p, r = s ? {
     ...b,
     "--color-light": g,
     "--color-dark": p
   } : b, o = i(
     N.Icon,
     "inline",
-    !(s || e || l) && "bg-primary dark:bg-primary-light",
-    e && "bg-(--color-light) dark:bg-(--color-dark)",
+    !(e || s || l) && "bg-primary dark:bg-primary-light",
+    s && "bg-(--color-light) dark:bg-(--color-dark)",
     f
   ), W = h === "pdf", m = y(t.toLowerCase(), a, d);
   if (a && !M.includes(a))
     return console.log(
       `Invalid iconType ${a} expected a string equal to one of: brands, duotone, light, regular, sharp-solid, solid, thin`
     ), null;
-  if (typeof t == "string" && ($(t) || t.startsWith("/"))) {
+  if (typeof t == "string" && (v(t) || t.startsWith("/"))) {
     if (t.startsWith(C) || t.startsWith("https://mintlify.b-cdn.net"))
       return /* @__PURE__ */ n(
         "svg",
@@ -52,7 +52,7 @@ const w = ({
             maskRepeat: "no-repeat",
             maskPosition: "center",
             maskSize: "100%",
-            ...!e && { backgroundColor: "currentColor" },
+            ...!s && { backgroundColor: "currentColor" },
             ...r
           }
         }
@@ -78,7 +78,7 @@ const w = ({
         alt: t,
         className: i(
           o,
-          !(s || l || e) && "bg-stone-800 dark:bg-stone-100"
+          !(e || l || s) && "bg-stone-800 dark:bg-stone-100"
         ),
         "data-component-part": "icon-image",
         src: m,
@@ -93,7 +93,7 @@ const w = ({
     {
       className: i(
         o,
-        !(s || l || e) && "bg-stone-800 dark:bg-stone-100"
+        !(e || l || s) && "bg-stone-800 dark:bg-stone-100"
       ),
       "data-component-part": "icon-svg",
       style: {
@@ -103,13 +103,13 @@ const w = ({
         maskImage: `url(${m})`,
         maskRepeat: "no-repeat",
         maskPosition: "center",
-        maskSize: d === "lucide" ? "100%" : void 0,
-        backgroundColor: s,
+        maskSize: d === "lucide" && !$(t) ? "100%" : void 0,
+        backgroundColor: e,
         ...r
       }
     }
   );
 };
 export {
-  w as Icon
+  x as Icon
 };

package/dist/components/property/index.d.ts

@@ -1,3 +1,5 @@
+export type { ParamHeadProps } from './param-head';
+export { ParamHead } from './param-head';
 export type { PropertyProps } from './property';
 export { Property } from './property';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/property/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/property/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/property/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/property/param-head.d.ts

@@ -1,5 +1,5 @@
 import { PropertyProps } from './property';
 type ParamHeadProps = Omit<PropertyProps, "children">;
 declare const ParamHead: ({ name, type, location, required, deprecated, default: defaultValue, id, pre, post, onMount, navigateToHeaderAriaLabel, defaultLabel, requiredLabel, deprecatedLabel, }: ParamHeadProps) => import("react/jsx-runtime").JSX.Element | null;
-export { ParamHead };
+export { ParamHead, type ParamHeadProps };
 //# sourceMappingURL=param-head.d.ts.map

package/dist/components/property/param-head.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"param-head.d.ts","sourceRoot":"","sources":["../../../src/components/property/param-head.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,KAAK,cAAc,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;AAEtD,QAAA,MAAM,SAAS,GAAI,yKAehB,cAAc,mDA4HhB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"param-head.d.ts","sourceRoot":"","sources":["../../../src/components/property/param-head.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,KAAK,cAAc,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;AAEtD,QAAA,MAAM,SAAS,GAAI,yKAehB,cAAc,mDA4HhB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/search/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAI9D,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACjE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,YAAY;mBAJD,OAAO;mBACP,MAAM;qDAsDtB,CAAC;AAIF,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/search/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAI9D,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACjE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,YAAY;mBAJD,OAAO;mBACP,MAAM;qDAwDtB,CAAC;AAIF,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/search/button.js

@@ -1,9 +1,9 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { forwardRef as x } from "react";
-import { cn as l } from "../../utils/cn.js";
-import { useSearch as p } from "./provider.js";
+import { cn as p } from "../../utils/cn.js";
+import { useSearch as l } from "./provider.js";
 import u from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/search.js";
-const b = x(
+const h = x(
   ({
     showShortcut: o = !0,
     shortcutText: s = "⌘K",
@@ -12,20 +12,22 @@ const b = x(
     onClick: e,
     ...d
   }, i) => {
-    const t = p(), m = (c) => {
+    const t = l(), m = (c) => {
       t == null || t.open(), e == null || e(c);
     };
     return /* @__PURE__ */ f(
       "button",
       {
-        className: l(
+        className: p(
           "flex w-full items-center gap-2 px-3 py-2 text-left text-sm",
-          "bg-white dark:bg-stone-900",
-          "border border-stone-200 dark:border-stone-700",
+          "bg-transparent",
+          "border border-stone-200 dark:border-white/10",
           "rounded-xl",
-          "hover:bg-stone-50 dark:hover:bg-stone-800",
-          "focus:outline-none focus:ring-2 focus:ring-stone-400 dark:focus:ring-stone-600",
+          "text-stone-500",
+          "hover:border-stone-300 dark:hover:border-white/20",
+          "focus:outline-none focus:ring-0 focus:ring-offset-0",
           "transition-colors",
+          "cursor-pointer",
           n
         ),
         onClick: m,
@@ -36,18 +38,18 @@ const b = x(
           /* @__PURE__ */ r(
             u,
             {
-              className: "shrink-0 text-stone-400 dark:text-stone-500",
+              className: "shrink-0 text-stone-800 dark:text-stone-500",
               size: 16
             }
           ),
           /* @__PURE__ */ r("span", { className: "flex-1 text-stone-500 dark:text-stone-400", children: a || "Search..." }),
-          o && /* @__PURE__ */ r("kbd", { className: "hidden items-center gap-0.5 rounded border border-stone-200 bg-stone-100 px-1.5 py-0.5 font-medium font-sans text-stone-500 text-xs sm:inline-flex dark:border-stone-700 dark:bg-stone-800 dark:text-stone-400", children: s })
+          o && /* @__PURE__ */ r("kbd", { className: "hidden items-center gap-0.5 rounded px-1.5 py-0.5 font-medium font-sans text-stone-500 text-xs sm:inline-flex dark:text-stone-400", children: s })
         ]
       }
     );
   }
 );
-b.displayName = "SearchButton";
+h.displayName = "SearchButton";
 export {
-  b as SearchButton
+  h as SearchButton
 };

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

@@ -4,6 +4,7 @@ type SearchResult = {
     header: string;
     content: string;
     link: string;
+    icon?: ReactNode;
     metadata?: {
         breadcrumbs?: string[];
         [key: string]: unknown;
@@ -22,14 +23,16 @@ type SearchProps = {
     emptyState?: ReactNode;
     loadingState?: ReactNode;
     position?: "top" | "center";
+    paddingTop?: string;
 };
 type SearchHitProps = {
     isActive: boolean;
     header: string;
     description: string;
+    icon?: ReactNode;
     metadata?: SearchResult["metadata"];
 };
-declare const SearchHit: ({ isActive, header, description, metadata, }: SearchHitProps) => import("react/jsx-runtime").JSX.Element;
+declare const SearchHit: ({ isActive, header, description, icon, metadata, }: SearchHitProps) => import("react/jsx-runtime").JSX.Element;
 declare const Search: import('react').ForwardRefExoticComponent<SearchProps & import('react').RefAttributes<HTMLInputElement>>;
 export type { SearchResult, SearchProps };
 export { Search, SearchHit };

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

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/search/search.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAGf,KAAK,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE;QACT,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;QACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KACxB,CAAC;CACH,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CACrC,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,8CAKhB,cAAc,4CA6BhB,CAAC;AAEF,QAAA,MAAM,MAAM,0GAyRX,CAAC;AAIF,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/search/search.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAGL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAGf,KAAK,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE;QACT,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;QACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KACxB,CAAC;CACH,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CACrC,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,oDAMhB,cAAc,4CAuChB,CAAC;AAEF,QAAA,MAAM,MAAM,0GA6RX,CAAC;AAIF,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/search/search.js

@@ -1,127 +1,134 @@
-import { jsxs as n, jsx as t, Fragment as g } from "react/jsx-runtime";
-import { forwardRef as q, useState as N, useRef as G, useImperativeHandle as M, useEffect as O, useCallback as x, useMemo as b, Fragment as f } from "react";
-import { cn as d } from "../../utils/cn.js";
-import { Combobox as P, ComboboxInput as X, ComboboxOptions as B, ComboboxOption as T } from "../../node_modules/.pnpm/@headlessui_react@2.2.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@headlessui/react/dist/components/combobox/combobox.js";
-import J from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/search.js";
-import U from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/loader-circle.js";
-import V from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/search-x.js";
-import { Transition as W, TransitionChild as C } from "../../node_modules/.pnpm/@headlessui_react@2.2.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@headlessui/react/dist/components/transition/transition.js";
-import { Dialog as Y, DialogPanel as Z } from "../../node_modules/.pnpm/@headlessui_react@2.2.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@headlessui/react/dist/components/dialog/dialog.js";
-const F = ({
-  isActive: m,
+import { jsxs as s, jsx as t, Fragment as g } from "react/jsx-runtime";
+import { forwardRef as G, useState as T, useRef as M, useImperativeHandle as O, useEffect as P, useCallback as p, useMemo as b, Fragment as x } from "react";
+import { cn as m } from "../../utils/cn.js";
+import { Combobox as X, ComboboxInput as B, ComboboxOptions as J, ComboboxOption as C } from "../../node_modules/.pnpm/@headlessui_react@2.2.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@headlessui/react/dist/components/combobox/combobox.js";
+import U from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/search.js";
+import V from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/loader-circle.js";
+import W from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/search-x.js";
+import { Transition as Y, TransitionChild as F } from "../../node_modules/.pnpm/@headlessui_react@2.2.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@headlessui/react/dist/components/transition/transition.js";
+import { Dialog as Z, DialogPanel as _ } from "../../node_modules/.pnpm/@headlessui_react@2.2.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@headlessui/react/dist/components/dialog/dialog.js";
+import L from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+const j = ({
+  isActive: d,
   header: r,
-  description: c,
-  metadata: o
-}) => /* @__PURE__ */ n(
+  description: i,
+  icon: o,
+  metadata: n
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: d(
-      "flex w-full cursor-pointer flex-col gap-1 rounded-md px-2.5 py-2 transition-colors",
-      m && "bg-stone-100 dark:bg-white/5"
+    className: m(
+      "flex w-full cursor-pointer items-start gap-2 rounded-xl border border-transparent bg-transparent px-3 py-2 text-stone-500 transition-colors focus:ring-0 focus:ring-offset-0",
+      d && "bg-stone-100 dark:bg-white/5"
     ),
     children: [
-      (o == null ? void 0 : o.breadcrumbs) && o.breadcrumbs.length > 0 && /* @__PURE__ */ t("div", { className: "flex items-center gap-1 truncate text-stone-500 text-xs dark:text-stone-400", children: o.breadcrumbs.map((s, h) => (
-        // biome-ignore lint/suspicious/noArrayIndexKey: Breadcrumbs are positional and may contain duplicates
-        /* @__PURE__ */ n(f, { children: [
-          h > 0 && /* @__PURE__ */ t("span", { className: "text-stone-400", children: " > " }),
-          /* @__PURE__ */ t("span", { className: "truncate", children: s })
-        ] }, h)
-      )) }),
-      /* @__PURE__ */ t("div", { className: "truncate font-medium text-sm text-stone-900 dark:text-white", children: r }),
-      c && /* @__PURE__ */ t("div", { className: "line-clamp-2 text-sm text-stone-600 dark:text-stone-400", children: c })
+      o && /* @__PURE__ */ t("div", { className: "shrink-0 self-center text-stone-700 dark:text-stone-300", children: o }),
+      /* @__PURE__ */ s("div", { className: "flex flex-1 flex-col gap-1", children: [
+        (n == null ? void 0 : n.breadcrumbs) && n.breadcrumbs.length > 0 && /* @__PURE__ */ t("div", { className: "flex items-center gap-1 truncate text-stone-500 text-xs dark:text-stone-400", children: n.breadcrumbs.map((f, c) => (
+          // biome-ignore lint/suspicious/noArrayIndexKey: Breadcrumbs are positional and may contain duplicates
+          /* @__PURE__ */ s(x, { children: [
+            c > 0 && /* @__PURE__ */ t("span", { className: "text-stone-400", children: " > " }),
+            /* @__PURE__ */ t("span", { className: "truncate", children: f })
+          ] }, c)
+        )) }),
+        /* @__PURE__ */ t("div", { className: "truncate font-medium text-sm text-stone-900 dark:text-white", children: r }),
+        i && /* @__PURE__ */ t("div", { className: "line-clamp-2 text-sm text-stone-600 dark:text-stone-400", children: i })
+      ] }),
+      d && /* @__PURE__ */ t(L, { className: "size-5 shrink-0 self-center text-stone-400 dark:text-stone-500" })
     ]
   }
-), _ = q(
+), ee = G(
   ({
-    onSearch: m,
+    onSearch: d,
     results: r,
-    isOpen: c,
+    isOpen: i,
     onClose: o,
-    isLoading: s = !1,
-    placeholder: h = "Search...",
-    recentSearches: l = [],
-    onSelectResult: p,
-    className: j,
-    emptyState: z,
-    loadingState: S,
-    position: D = "top"
-  }, E) => {
-    const [a, y] = N(""), [v, k] = N(!1), w = G(null);
-    M(E, () => w.current), O(() => {
-      c || (y(""), k(!1));
-    }, [c]);
-    const K = x(
+    isLoading: n = !1,
+    placeholder: f = "Search...",
+    recentSearches: c = [],
+    onSelectResult: h,
+    className: z,
+    emptyState: S,
+    loadingState: D,
+    position: y = "top",
+    paddingTop: E = "64px"
+  }, K) => {
+    const [a, k] = T(""), [v, N] = T(!1), w = M(null);
+    O(K, () => w.current), P(() => {
+      i || (k(""), N(!1));
+    }, [i]);
+    const R = p(
       (e) => {
-        y(e), m(e);
+        k(e), d(e);
       },
-      [m]
-    ), u = x(
+      [d]
+    ), u = p(
       (e) => {
-        e && (p == null || p(e, a), o());
+        e && (h == null || h(e, a), o());
       },
-      [p, a, o]
-    ), H = x(
+      [h, a, o]
+    ), H = p(
       (e) => {
         if (e.key === "Escape") {
           e.preventDefault(), o();
           return;
         }
-        if (e.key === "Tab" && (r.length > 0 || l.length > 0) && (e.preventDefault(), e.currentTarget.setSelectionRange(
+        if (e.key === "Tab" && (r.length > 0 || c.length > 0) && (e.preventDefault(), e.currentTarget.setSelectionRange(
           e.currentTarget.value.length,
           e.currentTarget.value.length
-        )), e.key === "Enter" && (e.metaKey || e.ctrlKey) && a && r.length > 0 && !s) {
-          const i = r[0];
-          i && u(i);
+        )), e.key === "Enter" && (e.metaKey || e.ctrlKey) && a && r.length > 0 && !n) {
+          const l = r[0];
+          l && u(l);
         }
       },
-      [r, l, u, o, a, s]
-    ), I = x((e) => {
-      k(e.currentTarget.scrollTop > 0);
-    }, []), R = b(
-      () => !a && l.length > 0 && r.length === 0,
-      [a, l.length, r.length]
-    ), A = b(
-      () => a && r.length > 0 && !s,
-      [a, r.length, s]
-    ), Q = b(
-      () => a && !s && r.length === 0,
-      [a, s, r.length]
-    ), $ = /* @__PURE__ */ n(
-      P,
+      [r, c, u, o, a, n]
+    ), I = p((e) => {
+      N(e.currentTarget.scrollTop > 0);
+    }, []), Q = b(
+      () => !a && c.length > 0 && r.length === 0,
+      [a, c.length, r.length]
+    ), $ = b(
+      () => a && r.length > 0 && !n,
+      [a, r.length, n]
+    ), q = b(
+      () => a && !n && r.length === 0,
+      [a, n, r.length]
+    ), A = /* @__PURE__ */ s(
+      X,
       {
         onChange: (e) => {
           e && u(e);
         },
         value: null,
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ s(
             "div",
             {
-              className: d(
+              className: m(
                 "relative z-10 h-14 border-transparent border-b p-1.5 transition",
                 v && "border-stone-200 dark:border-white/10"
               ),
               children: [
                 /* @__PURE__ */ t(
-                  X,
+                  B,
                   {
                     autoComplete: "off",
                     autoFocus: !0,
-                    className: d(
-                      "peer h-full w-full rounded-md bg-white pr-14 pl-11 text-stone-950 tracking-tight shadow-sm outline-none ring ring-black/5 transition placeholder:text-stone-400 focus:ring-black/90 dark:bg-stone-900 dark:text-white dark:focus:ring-white placeholder:dark:text-white/50",
+                    className: m(
+                      "peer h-full w-full rounded-xl bg-white pr-14 pl-11 text-stone-950 tracking-tight shadow-sm outline-none ring ring-black/5 transition placeholder:text-stone-400 focus:ring-black/90 dark:bg-stone-900 dark:text-white dark:focus:ring-white placeholder:dark:text-white/50",
                       "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none",
                       !v && a && "shadow-lg"
                     ),
-                    onChange: (e) => K(e.target.value),
+                    onChange: (e) => R(e.target.value),
                     onKeyDown: H,
-                    placeholder: h,
+                    placeholder: f,
                     ref: w,
                     type: "search",
                     value: a
                   }
                 ),
                 /* @__PURE__ */ t(
-                  J,
+                  U,
                   {
                     className: "absolute top-1/2 left-5 -translate-y-1/2 text-stone-950 opacity-50 peer-focus:opacity-100 dark:text-white",
                     size: 18
@@ -131,26 +138,27 @@ const F = ({
               ]
             }
           ),
-          /* @__PURE__ */ n(
-            B,
+          /* @__PURE__ */ s(
+            J,
             {
               className: "mx-1.5 max-h-[calc(100vh-10rem)] overflow-y-auto",
               onScroll: I,
               static: !0,
               children: [
-                R && /* @__PURE__ */ n(g, { children: [
+                Q && /* @__PURE__ */ s(g, { children: [
                   /* @__PURE__ */ t("div", { className: "flex items-center justify-between px-2.5 py-2", children: /* @__PURE__ */ t("span", { className: "truncate text-sm text-stone-500", children: "Recent searches" }) }),
-                  l.map((e) => /* @__PURE__ */ t(
-                    T,
+                  c.map((e) => /* @__PURE__ */ t(
+                    C,
                     {
-                      className: "last:mb-1.5",
+                      className: "last:mb-2",
                       value: e,
-                      children: ({ focus: i }) => /* @__PURE__ */ t(
-                        F,
+                      children: ({ focus: l }) => /* @__PURE__ */ t(
+                        j,
                         {
                           description: e.content,
                           header: e.header,
-                          isActive: i,
+                          icon: e.icon,
+                          isActive: l,
                           metadata: e.metadata
                         }
                       )
@@ -158,37 +166,38 @@ const F = ({
                     e.id
                   ))
                 ] }),
-                A && r.map((e) => /* @__PURE__ */ t(
-                  T,
+                $ && r.map((e) => /* @__PURE__ */ t(
+                  C,
                   {
-                    className: "last:mb-1.5",
+                    className: "last:mb-2",
                     value: e,
-                    children: ({ focus: i }) => /* @__PURE__ */ t(
-                      F,
+                    children: ({ focus: l }) => /* @__PURE__ */ t(
+                      j,
                       {
                         description: e.content,
                         header: e.header,
-                        isActive: i,
+                        icon: e.icon,
+                        isActive: l,
                         metadata: e.metadata
                       }
                     )
                   },
                   e.id
                 )),
-                s && a && /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center gap-3 px-2.5 py-12", children: S || /* @__PURE__ */ n(g, { children: [
-                  /* @__PURE__ */ t(U, { className: "size-6 animate-spin text-stone-400 dark:text-stone-500" }),
-                  /* @__PURE__ */ n("div", { className: "text-center", children: [
+                n && a && /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center gap-3 px-2.5 py-12", children: D || /* @__PURE__ */ s(g, { children: [
+                  /* @__PURE__ */ t(V, { className: "size-6 animate-spin text-stone-400 dark:text-stone-500" }),
+                  /* @__PURE__ */ s("div", { className: "text-center", children: [
                     /* @__PURE__ */ t("p", { className: "font-medium text-sm text-stone-700 dark:text-stone-300", children: "Searching..." }),
-                    /* @__PURE__ */ n("p", { className: "mt-1 text-stone-500 text-xs dark:text-stone-400", children: [
+                    /* @__PURE__ */ s("p", { className: "mt-1 text-stone-500 text-xs dark:text-stone-400", children: [
                       'Finding results for "',
                       a,
                       '"'
                     ] })
                   ] })
                 ] }) }),
-                Q && /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center gap-3 px-2.5 py-12", children: z || /* @__PURE__ */ n(g, { children: [
-                  /* @__PURE__ */ t(V, { className: "size-6 text-stone-300 dark:text-stone-600" }),
-                  /* @__PURE__ */ n("div", { className: "text-center", children: [
+                q && /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center gap-3 px-2.5 py-12", children: S || /* @__PURE__ */ s(g, { children: [
+                  /* @__PURE__ */ t(W, { className: "size-6 text-stone-300 dark:text-stone-600" }),
+                  /* @__PURE__ */ s("div", { className: "text-center", children: [
                     /* @__PURE__ */ t("p", { className: "font-medium text-sm text-stone-700 dark:text-stone-300", children: "No results found" }),
                     /* @__PURE__ */ t("p", { className: "mt-1 text-stone-500 text-xs dark:text-stone-400", children: "Try searching with different keywords" })
                   ] })
@@ -199,17 +208,17 @@ const F = ({
         ]
       }
     );
-    return /* @__PURE__ */ t(W, { appear: !0, as: f, show: c, children: /* @__PURE__ */ n(
-      Y,
+    return /* @__PURE__ */ t(Y, { appear: !0, as: x, show: i, children: /* @__PURE__ */ s(
+      Z,
       {
         as: "div",
-        className: d("relative z-50", j),
+        className: m("relative z-50", z),
         onClose: o,
         children: [
           /* @__PURE__ */ t(
-            C,
+            F,
             {
-              as: f,
+              as: x,
               enter: "ease-out duration-100",
               enterFrom: "opacity-0",
               enterTo: "opacity-100",
@@ -222,21 +231,22 @@ const F = ({
           /* @__PURE__ */ t(
             "div",
             {
-              className: d(
+              className: m(
                 "fixed inset-0 z-10 flex justify-center p-4",
-                D === "top" ? "items-start pt-16" : "items-center"
+                y === "top" ? "items-start" : "items-center"
               ),
+              style: y === "top" ? { paddingTop: E } : void 0,
               children: /* @__PURE__ */ t(
-                C,
+                F,
                 {
-                  as: f,
+                  as: x,
                   enter: "ease-out duration-100",
                   enterFrom: "opacity-0 scale-95",
                   enterTo: "opacity-100 scale-100",
                   leave: "ease-in duration-50",
                   leaveFrom: "opacity-100 scale-100",
                   leaveTo: "opacity-0 scale-95",
-                  children: /* @__PURE__ */ t(Z, { className: "flex w-full max-w-[640px] flex-col overflow-hidden rounded-xl border border-stone-200 bg-white shadow-2xl dark:border-white/10 dark:bg-stone-900", children: $ })
+                  children: /* @__PURE__ */ t(_, { className: "flex w-full max-w-[640px] flex-col overflow-hidden rounded-2xl border border-stone-200 bg-white shadow-2xl dark:border-white/10 dark:bg-stone-900", children: A })
                 }
               )
             }
@@ -246,8 +256,8 @@ const F = ({
     ) });
   }
 );
-_.displayName = "Search";
+ee.displayName = "Search";
 export {
-  _ as Search,
-  F as SearchHit
+  ee as Search,
+  j as SearchHit
 };