@mintlify/components 1.0.3 → 1.0.5

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/index.d.ts

@@ -12,6 +12,7 @@ export * from './icon';
 export * from './mermaid';
 export * from './panel';
 export * from './property';
+export * from './search';
 export * from './steps';
 export * from './tabs';
 export * from './tile';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}

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

@@ -0,0 +1,12 @@
+import { ButtonHTMLAttributes } from 'react';
+type SearchButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    showShortcut?: boolean;
+    shortcutText?: string;
+};
+declare const SearchButton: import('react').ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+    showShortcut?: boolean;
+    shortcutText?: string;
+} & import('react').RefAttributes<HTMLButtonElement>>;
+export type { SearchButtonProps };
+export { SearchButton };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +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;qDAwDtB,CAAC;AAIF,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/search/button.js

@@ -0,0 +1,55 @@
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+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 h = x(
+  ({
+    showShortcut: o = !0,
+    shortcutText: s = "⌘K",
+    className: n,
+    children: a,
+    onClick: e,
+    ...d
+  }, i) => {
+    const t = l(), m = (c) => {
+      t == null || t.open(), e == null || e(c);
+    };
+    return /* @__PURE__ */ f(
+      "button",
+      {
+        className: p(
+          "flex w-full items-center gap-2 px-3 py-2 text-left text-sm",
+          "bg-transparent",
+          "border border-stone-200 dark:border-white/10",
+          "rounded-xl",
+          "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,
+        ref: i,
+        type: "button",
+        ...d,
+        children: [
+          /* @__PURE__ */ r(
+            u,
+            {
+              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 px-1.5 py-0.5 font-medium font-sans text-stone-500 text-xs sm:inline-flex dark:text-stone-400", children: s })
+        ]
+      }
+    );
+  }
+);
+h.displayName = "SearchButton";
+export {
+  h as SearchButton
+};

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

@@ -0,0 +1,7 @@
+export type { SearchButtonProps } from './button';
+export { SearchButton } from './button';
+export type { SearchContextValue, SearchProviderProps, } from './provider';
+export { SearchProvider, useSearch } from './provider';
+export type { SearchProps, SearchResult } from './search';
+export { Search } from './search';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,YAAY,EACV,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { SearchProps } from './search';
+type SearchContextValue = {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+type SearchProviderProps = {
+    children: ReactNode;
+    shortcutKey?: string;
+    requireModifier?: boolean;
+    searchProps: Omit<SearchProps, "isOpen" | "onClose">;
+};
+declare const SearchProvider: ({ children, shortcutKey, requireModifier, searchProps, }: SearchProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const useSearch: () => SearchContextValue | null;
+export type { SearchContextValue, SearchProviderProps };
+export { SearchProvider, useSearch };
+//# sourceMappingURL=provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/components/search/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAIF,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;CACtD,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,0DAKrB,mBAAmB,4CA2CrB,CAAC;AAEF,QAAA,MAAM,SAAS,iCAEd,CAAC;AAEF,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/search/provider.js

@@ -0,0 +1,32 @@
+import { jsxs as g, jsx as C } from "react/jsx-runtime";
+import { useState as p, useCallback as a, useEffect as E, createContext as v, useContext as h } from "react";
+import { Search as k } from "./search.js";
+const u = v(null), b = ({
+  children: f,
+  shortcutKey: o = "k",
+  requireModifier: i = !0,
+  searchProps: m
+}) => {
+  const [c, r] = p(!1), w = a(() => r(!0), []), l = a(() => r(!1), []), n = a(() => r((t) => !t), []);
+  return E(() => {
+    const t = (e) => {
+      const d = e.metaKey || e.ctrlKey;
+      if (i ? d && e.key.toLowerCase() === o.toLowerCase() : e.key.toLowerCase() === o.toLowerCase()) {
+        if (!d) {
+          const s = e.target;
+          if (s.tagName === "INPUT" || s.tagName === "TEXTAREA" || s.isContentEditable)
+            return;
+        }
+        e.preventDefault(), n();
+      }
+    };
+    return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+  }, [o, i, n]), /* @__PURE__ */ g(u.Provider, { value: { isOpen: c, open: w, close: l, toggle: n }, children: [
+    f,
+    /* @__PURE__ */ C(k, { ...m, isOpen: c, onClose: l })
+  ] });
+}, P = () => h(u);
+export {
+  b as SearchProvider,
+  P as useSearch
+};

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

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+type SearchResult = {
+    id: string;
+    header: string;
+    content: string;
+    link: string;
+    icon?: ReactNode;
+    metadata?: {
+        breadcrumbs?: string[];
+        [key: string]: unknown;
+    };
+};
+type SearchProps = {
+    onSearch: (query: string) => void;
+    results: SearchResult[];
+    isOpen: boolean;
+    onClose: () => void;
+    isLoading?: boolean;
+    placeholder?: string;
+    recentSearches?: SearchResult[];
+    onSelectResult?: (result: SearchResult, query: string) => void;
+    className?: string;
+    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, 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 };
+//# sourceMappingURL=search.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,263 @@
+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: i,
+  icon: o,
+  metadata: n
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    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 && /* @__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" })
+    ]
+  }
+), ee = G(
+  ({
+    onSearch: d,
+    results: r,
+    isOpen: i,
+    onClose: o,
+    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) => {
+        k(e), d(e);
+      },
+      [d]
+    ), u = p(
+      (e) => {
+        e && (h == null || h(e, a), o());
+      },
+      [h, a, o]
+    ), H = p(
+      (e) => {
+        if (e.key === "Escape") {
+          e.preventDefault(), o();
+          return;
+        }
+        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 && !n) {
+          const l = r[0];
+          l && u(l);
+        }
+      },
+      [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__ */ s(
+            "div",
+            {
+              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(
+                  B,
+                  {
+                    autoComplete: "off",
+                    autoFocus: !0,
+                    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) => R(e.target.value),
+                    onKeyDown: H,
+                    placeholder: f,
+                    ref: w,
+                    type: "search",
+                    value: a
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  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
+                  }
+                ),
+                a && /* @__PURE__ */ t("div", { className: "absolute top-1/2 right-6 flex -translate-y-1/2 items-center justify-center gap-1 rounded-md bg-stone-950/5 px-1.5 py-1.5 font-medium text-xs text-zinc-950/70 leading-[9px] dark:bg-white/5 dark:text-white/70", children: "ESC" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ s(
+            J,
+            {
+              className: "mx-1.5 max-h-[calc(100vh-10rem)] overflow-y-auto",
+              onScroll: I,
+              static: !0,
+              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" }) }),
+                  c.map((e) => /* @__PURE__ */ t(
+                    C,
+                    {
+                      className: "last:mb-2",
+                      value: e,
+                      children: ({ focus: l }) => /* @__PURE__ */ t(
+                        j,
+                        {
+                          description: e.content,
+                          header: e.header,
+                          icon: e.icon,
+                          isActive: l,
+                          metadata: e.metadata
+                        }
+                      )
+                    },
+                    e.id
+                  ))
+                ] }),
+                $ && r.map((e) => /* @__PURE__ */ t(
+                  C,
+                  {
+                    className: "last:mb-2",
+                    value: e,
+                    children: ({ focus: l }) => /* @__PURE__ */ t(
+                      j,
+                      {
+                        description: e.content,
+                        header: e.header,
+                        icon: e.icon,
+                        isActive: l,
+                        metadata: e.metadata
+                      }
+                    )
+                  },
+                  e.id
+                )),
+                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__ */ 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: 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" })
+                  ] })
+                ] }) })
+              ]
+            }
+          )
+        ]
+      }
+    );
+    return /* @__PURE__ */ t(Y, { appear: !0, as: x, show: i, children: /* @__PURE__ */ s(
+      Z,
+      {
+        as: "div",
+        className: m("relative z-50", z),
+        onClose: o,
+        children: [
+          /* @__PURE__ */ t(
+            F,
+            {
+              as: x,
+              enter: "ease-out duration-100",
+              enterFrom: "opacity-0",
+              enterTo: "opacity-100",
+              leave: "ease-in duration-50",
+              leaveFrom: "opacity-100",
+              leaveTo: "opacity-0",
+              children: /* @__PURE__ */ t("div", { className: "fixed inset-0 bg-black/20 backdrop-blur-sm transition-opacity dark:bg-black/40" })
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: m(
+                "fixed inset-0 z-10 flex justify-center p-4",
+                y === "top" ? "items-start" : "items-center"
+              ),
+              style: y === "top" ? { paddingTop: E } : void 0,
+              children: /* @__PURE__ */ t(
+                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(_, { 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 })
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+ee.displayName = "Search";
+export {
+  ee as Search,
+  j as SearchHit
+};