@senitix/ui 0.4.0 → 0.4.2

package/dist/global-search-Dhv8goH8.js

@@ -0,0 +1,1331 @@
+import { jsx as e, jsxs as d, Fragment as L } from "react/jsx-runtime";
+import * as s from "react";
+import { S as P, c as he, B as z } from "./button-BP_ug5gP.js";
+import { c as i } from "./index-BGUveO6l.js";
+import { a as ge, f as xe, S as ve } from "./sheet-Cyq_eDFW.js";
+import { S as te } from "./skeleton-C_dwS3_6.js";
+import { T as we, a as Ne, b as ye, c as Ce } from "./tooltip-Dee-pNPI.js";
+import { u as Se } from "./use-mobile-C-LMK4T8.js";
+import { u as T } from "./locale-provider-BHGNO4j7.js";
+import { c as G, S as ke } from "./scroll-area-CGNbDUBQ.js";
+import { C as Me } from "./chevron-right-Di90aqSn.js";
+import { E as Re } from "./ellipsis-CKhpjj5H.js";
+import { u as E } from "./use-controllable-state-CEa-Zlq6.js";
+import { I as se, d as de } from "./input-Pfq8fkiV.js";
+import { S as W, D as X, a as Y, b as J, f as oe, g as Q, c as A, k as Be, m as De, l as _e, i as Ee } from "./dropdown-menu-CkCCV_tw.js";
+import { A as Le, a as Te, b as ze } from "./avatar-BlEcWE7T.js";
+import { B as ne } from "./badge-D0C_rP2l.js";
+import { P as Ie } from "./plus-D7DMDKb8.js";
+import { a as Ke, C as Pe, b as Ve, c as Oe, d as je, h as Ae, e as Ge, f as $e, g as qe } from "./command-VraXPLVI.js";
+import { L as le } from "./loader-circle-CBVYGIRp.js";
+import { P as Fe, a as He, b as Ue } from "./popover-CZWAuYUL.js";
+import { T as We } from "./trending-up-ljWtN4pj.js";
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Xe = G("Bell", [
+  ["path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9", key: "1qo2s2" }],
+  ["path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0", key: "qgo35s" }]
+]);
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ye = G("History", [
+  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
+  ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
+]);
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Je = G("Menu", [
+  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
+  ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
+  ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
+]);
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Qe = G("PanelLeft", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }]
+]), Ze = "sidebar:state", ea = 60 * 60 * 24 * 7, aa = "16rem", ra = "18rem", ta = "3rem", na = "b", ie = s.createContext(null);
+function $() {
+  const r = s.useContext(ie);
+  if (!r)
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  return r;
+}
+const sa = s.forwardRef(
+  ({
+    defaultOpen: r = !0,
+    open: a,
+    onOpenChange: t,
+    className: c,
+    style: u,
+    children: p,
+    ...n
+  }, x) => {
+    const f = Se(), [b, N] = s.useState(!1), [l, v] = s.useState(r), S = a ?? l, y = s.useCallback(
+      (o) => {
+        const h = typeof o == "function" ? o(S) : o;
+        t ? t(h) : v(h), document.cookie = `${Ze}=${h}; path=/; max-age=${ea}`;
+      },
+      [t, S]
+    ), k = s.useCallback(() => f ? N((o) => !o) : y((o) => !o), [f, y, N]);
+    s.useEffect(() => {
+      const o = (h) => {
+        h.key === na && (h.metaKey || h.ctrlKey) && (h.preventDefault(), k());
+      };
+      return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
+    }, [k]);
+    const C = S ? "expanded" : "collapsed", M = s.useMemo(
+      () => ({
+        state: C,
+        open: S,
+        setOpen: y,
+        isMobile: f,
+        openMobile: b,
+        setOpenMobile: N,
+        toggleSidebar: k
+      }),
+      [C, S, y, f, b, N, k]
+    );
+    return /* @__PURE__ */ e(ie.Provider, { value: M, children: /* @__PURE__ */ e(Ce, { delayDuration: 0, children: /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          "--sidebar-width": aa,
+          "--sidebar-width-icon": ta,
+          ...u
+        },
+        className: i(
+          "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
+          c
+        ),
+        ref: x,
+        ...n,
+        children: p
+      }
+    ) }) });
+  }
+);
+sa.displayName = "SidebarProvider";
+const da = s.forwardRef(
+  ({
+    side: r = "left",
+    variant: a = "sidebar",
+    collapsible: t = "offcanvas",
+    className: c,
+    children: u,
+    ...p
+  }, n) => {
+    const { isMobile: x, state: f, openMobile: b, setOpenMobile: N } = $();
+    return t === "none" ? /* @__PURE__ */ e(
+      "div",
+      {
+        className: i(
+          "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
+          c
+        ),
+        ref: n,
+        ...p,
+        children: u
+      }
+    ) : x ? /* @__PURE__ */ e(ge, { open: b, onOpenChange: N, ...p, children: /* @__PURE__ */ e(
+      xe,
+      {
+        "data-sidebar": "sidebar",
+        "data-mobile": "true",
+        className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+        style: {
+          "--sidebar-width": ra
+        },
+        side: r,
+        children: /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-col", children: u })
+      }
+    ) }) : /* @__PURE__ */ d(
+      "div",
+      {
+        ref: n,
+        className: "group peer hidden md:block text-sidebar-foreground",
+        "data-state": f,
+        "data-collapsible": f === "collapsed" ? t : "",
+        "data-variant": a,
+        "data-side": r,
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: i(
+                "duration-200 relative h-svh w-[--sidebar-width] bg-transparent transition-[width] ease-linear",
+                "group-data-[collapsible=offcanvas]:w-0",
+                "group-data-[side=right]:rotate-180",
+                a === "floating" || a === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_1rem)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: i(
+                "duration-200 fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] ease-linear md:flex",
+                r === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+                a === "floating" || a === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_1rem_+_2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+                c
+              ),
+              ...p,
+              children: /* @__PURE__ */ e(
+                "div",
+                {
+                  "data-sidebar": "sidebar",
+                  className: i(
+                    "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
+                  ),
+                  children: u
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+da.displayName = "Sidebar";
+const oa = s.forwardRef(({ className: r, onClick: a, ...t }, c) => {
+  const { toggleSidebar: u } = $(), { t: p } = T();
+  return /* @__PURE__ */ d(
+    z,
+    {
+      ref: c,
+      "data-sidebar": "trigger",
+      variant: "ghost",
+      size: "icon",
+      className: i("h-7 w-7", r),
+      onClick: (n) => {
+        a == null || a(n), u();
+      },
+      ...t,
+      children: [
+        /* @__PURE__ */ e(Qe, {}),
+        /* @__PURE__ */ e("span", { className: "sr-only", children: p("navigation.toggleSidebar") })
+      ]
+    }
+  );
+});
+oa.displayName = "SidebarTrigger";
+const la = s.forwardRef(
+  ({ className: r, ...a }, t) => {
+    const { toggleSidebar: c } = $(), { t: u } = T();
+    return /* @__PURE__ */ e(
+      "button",
+      {
+        ref: t,
+        "data-sidebar": "rail",
+        "aria-label": u("navigation.toggleSidebar"),
+        tabIndex: -1,
+        onClick: c,
+        title: u("navigation.toggleSidebar"),
+        className: i(
+          "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
+          "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
+          "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+          "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
+          "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+          "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+          r
+        ),
+        ...a
+      }
+    );
+  }
+);
+la.displayName = "SidebarRail";
+const ia = s.forwardRef(
+  ({ className: r, ...a }, t) => /* @__PURE__ */ e(
+    "main",
+    {
+      ref: t,
+      className: i(
+        "relative flex min-h-svh flex-1 flex-col bg-background",
+        "peer-data-[variant=inset]:min-h-[calc(100svh-1rem)] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
+        r
+      ),
+      ...a
+    }
+  )
+);
+ia.displayName = "SidebarInset";
+const ca = s.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e(
+  "input",
+  {
+    ref: t,
+    "data-sidebar": "input",
+    className: i(
+      "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+      r
+    ),
+    ...a
+  }
+));
+ca.displayName = "SidebarInput";
+const ua = s.forwardRef(
+  ({ className: r, ...a }, t) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "header",
+      className: i("flex flex-col gap-2 p-2", r),
+      ...a
+    }
+  )
+);
+ua.displayName = "SidebarHeader";
+const ma = s.forwardRef(
+  ({ className: r, ...a }, t) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "footer",
+      className: i("flex flex-col gap-2 p-2", r),
+      ...a
+    }
+  )
+);
+ma.displayName = "SidebarFooter";
+const fa = s.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e(
+  ve,
+  {
+    ref: t,
+    "data-sidebar": "separator",
+    className: i("mx-2 w-auto bg-sidebar-border", r),
+    ...a
+  }
+));
+fa.displayName = "SidebarSeparator";
+const pa = s.forwardRef(
+  ({ className: r, ...a }, t) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "content",
+      className: i(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        r
+      ),
+      ...a
+    }
+  )
+);
+pa.displayName = "SidebarContent";
+const ba = s.forwardRef(
+  ({ className: r, ...a }, t) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "group",
+      className: i("relative flex w-full min-w-0 flex-col p-2", r),
+      ...a
+    }
+  )
+);
+ba.displayName = "SidebarGroup";
+const ha = s.forwardRef(({ className: r, asChild: a = !1, ...t }, c) => /* @__PURE__ */ e(
+  a ? P : "div",
+  {
+    ref: c,
+    "data-sidebar": "group-label",
+    className: i(
+      "duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+      "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+      r
+    ),
+    ...t
+  }
+));
+ha.displayName = "SidebarGroupLabel";
+const ga = s.forwardRef(({ className: r, asChild: a = !1, ...t }, c) => /* @__PURE__ */ e(
+  a ? P : "button",
+  {
+    ref: c,
+    "data-sidebar": "group-action",
+    className: i(
+      "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+      "after:absolute after:-inset-2 after:md:hidden",
+      "group-data-[collapsible=icon]:hidden",
+      r
+    ),
+    ...t
+  }
+));
+ga.displayName = "SidebarGroupAction";
+const xa = s.forwardRef(
+  ({ className: r, ...a }, t) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "group-content",
+      className: i("w-full text-sm", r),
+      ...a
+    }
+  )
+);
+xa.displayName = "SidebarGroupContent";
+const va = s.forwardRef(
+  ({ className: r, ...a }, t) => /* @__PURE__ */ e(
+    "ul",
+    {
+      ref: t,
+      "data-sidebar": "menu",
+      className: i("flex w-full min-w-0 flex-col gap-1", r),
+      ...a
+    }
+  )
+);
+va.displayName = "SidebarMenu";
+const wa = s.forwardRef(
+  ({ className: r, ...a }, t) => /* @__PURE__ */ e(
+    "li",
+    {
+      ref: t,
+      "data-sidebar": "menu-item",
+      className: i("group/menu-item relative", r),
+      ...a
+    }
+  )
+);
+wa.displayName = "SidebarMenuItem";
+const Na = he(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), ya = s.forwardRef(
+  ({
+    asChild: r = !1,
+    isActive: a = !1,
+    variant: t = "default",
+    size: c = "default",
+    tooltip: u,
+    className: p,
+    ...n
+  }, x) => {
+    const f = r ? P : "button", { isMobile: b, state: N } = $(), l = /* @__PURE__ */ e(
+      f,
+      {
+        ref: x,
+        "data-sidebar": "menu-button",
+        "data-size": c,
+        "data-active": a,
+        className: i(Na({ variant: t, size: c }), p),
+        ...n
+      }
+    );
+    return u ? (typeof u == "string" && (u = {
+      children: u
+    }), /* @__PURE__ */ d(we, { children: [
+      /* @__PURE__ */ e(Ne, { asChild: !0, children: l }),
+      /* @__PURE__ */ e(
+        ye,
+        {
+          side: "right",
+          align: "center",
+          hidden: N !== "collapsed" || b,
+          ...u
+        }
+      )
+    ] })) : l;
+  }
+);
+ya.displayName = "SidebarMenuButton";
+const Ca = s.forwardRef(({ className: r, asChild: a = !1, showOnHover: t = !1, ...c }, u) => /* @__PURE__ */ e(
+  a ? P : "button",
+  {
+    ref: u,
+    "data-sidebar": "menu-action",
+    className: i(
+      "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
+      "after:absolute after:-inset-2 after:md:hidden",
+      "peer-data-[size=sm]/menu-button:top-1",
+      "peer-data-[size=default]/menu-button:top-1.5",
+      "peer-data-[size=lg]/menu-button:top-2.5",
+      "group-data-[collapsible=icon]:hidden",
+      t && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
+      r
+    ),
+    ...c
+  }
+));
+Ca.displayName = "SidebarMenuAction";
+const Sa = s.forwardRef(
+  ({ className: r, ...a }, t) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "menu-badge",
+      className: i(
+        "absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground select-none pointer-events-none",
+        "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        r
+      ),
+      ...a
+    }
+  )
+);
+Sa.displayName = "SidebarMenuBadge";
+const ka = s.forwardRef(({ className: r, showIcon: a = !1, ...t }, c) => {
+  const u = s.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ref: c,
+      "data-sidebar": "menu-skeleton",
+      className: i("rounded-md h-8 flex gap-2 px-2 items-center", r),
+      ...t,
+      children: [
+        a && /* @__PURE__ */ e(te, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ e(
+          te,
+          {
+            className: "h-4 flex-1 max-w-[--skeleton-width]",
+            "data-sidebar": "menu-skeleton-text",
+            style: {
+              "--skeleton-width": u
+            }
+          }
+        )
+      ]
+    }
+  );
+});
+ka.displayName = "SidebarMenuSkeleton";
+const Ma = s.forwardRef(
+  ({ className: r, ...a }, t) => /* @__PURE__ */ e(
+    "ul",
+    {
+      ref: t,
+      "data-sidebar": "menu-sub",
+      className: i(
+        "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        r
+      ),
+      ...a
+    }
+  )
+);
+Ma.displayName = "SidebarMenuSub";
+const Ra = s.forwardRef(
+  ({ ...r }, a) => /* @__PURE__ */ e("li", { ref: a, ...r })
+);
+Ra.displayName = "SidebarMenuSubItem";
+const Ba = s.forwardRef(({ asChild: r = !1, size: a = "md", isActive: t, className: c, ...u }, p) => /* @__PURE__ */ e(
+  r ? P : "a",
+  {
+    ref: p,
+    "data-sidebar": "menu-sub-button",
+    "data-size": a,
+    "data-active": t,
+    className: i(
+      "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
+      "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+      a === "sm" && "text-xs",
+      a === "md" && "text-sm",
+      "group-data-[collapsible=icon]:hidden",
+      c
+    ),
+    ...u
+  }
+));
+Ba.displayName = "SidebarMenuSubButton";
+const Da = s.forwardRef(({ ...r }, a) => {
+  const { t } = T();
+  return /* @__PURE__ */ e("nav", { ref: a, "aria-label": t("navigation.breadcrumb"), ...r });
+});
+Da.displayName = "Breadcrumb";
+const _a = s.forwardRef(
+  ({ className: r, ...a }, t) => /* @__PURE__ */ e(
+    "ol",
+    {
+      ref: t,
+      className: i(
+        "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+        r
+      ),
+      ...a
+    }
+  )
+);
+_a.displayName = "BreadcrumbList";
+const Ea = s.forwardRef(
+  ({ className: r, ...a }, t) => /* @__PURE__ */ e("li", { ref: t, className: i("inline-flex items-center gap-1.5", r), ...a })
+);
+Ea.displayName = "BreadcrumbItem";
+const La = s.forwardRef(({ asChild: r, className: a, ...t }, c) => /* @__PURE__ */ e(
+  r ? P : "a",
+  {
+    ref: c,
+    className: i("transition-colors hover:text-foreground", a),
+    ...t
+  }
+));
+La.displayName = "BreadcrumbLink";
+const Ta = s.forwardRef(
+  ({ className: r, ...a }, t) => /* @__PURE__ */ e(
+    "span",
+    {
+      ref: t,
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: i("font-normal text-foreground", r),
+      ...a
+    }
+  )
+);
+Ta.displayName = "BreadcrumbPage";
+const za = ({ children: r, className: a, ...t }) => /* @__PURE__ */ e("li", { role: "presentation", "aria-hidden": "true", className: i("[&>svg]:size-3.5", a), ...t, children: r ?? /* @__PURE__ */ e(Me, {}) });
+za.displayName = "BreadcrumbSeparator";
+const Ia = ({ className: r, ...a }) => /* @__PURE__ */ e(Ka, { className: r, ...a });
+Ia.displayName = "BreadcrumbEllipsis";
+function Ka({ className: r, ...a }) {
+  const { t } = T();
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      className: i("flex h-9 w-9 items-center justify-center", r),
+      ...a,
+      children: [
+        /* @__PURE__ */ e(Re, { className: "h-4 w-4" }),
+        /* @__PURE__ */ e("span", { className: "sr-only", children: t("navigation.more") })
+      ]
+    }
+  );
+}
+const Pa = s.forwardRef(
+  ({
+    className: r,
+    logo: a,
+    onMenuClick: t,
+    showSearch: c = !0,
+    searchValue: u,
+    defaultSearchValue: p = "",
+    onSearchValueChange: n,
+    searchPlaceholder: x,
+    onSearch: f,
+    user: b,
+    userMenuItems: N = [],
+    notificationCount: l,
+    onNotificationClick: v,
+    rightContent: S,
+    ...y
+  }, k) => {
+    const { t: C } = T(), [M, o] = E({
+      value: u,
+      defaultValue: p,
+      onChange: n
+    }), h = (w) => {
+      w.preventDefault(), f == null || f(M);
+    };
+    return /* @__PURE__ */ d(
+      "header",
+      {
+        ref: k,
+        className: i(
+          "sticky top-0 z-50 flex h-16 items-center gap-4 border-b bg-background px-4 md:px-6",
+          r
+        ),
+        ...y,
+        children: [
+          t && /* @__PURE__ */ d(z, { variant: "ghost", size: "icon", className: "shrink-0 md:hidden", onClick: t, children: [
+            /* @__PURE__ */ e(Je, { className: "h-5 w-5" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: C("navigation.toggleNavigationMenu") })
+          ] }),
+          a && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: a }),
+          c && /* @__PURE__ */ e("form", { onSubmit: h, className: "flex-1 md:flex-initial", children: /* @__PURE__ */ d("div", { className: "relative", children: [
+            /* @__PURE__ */ e(W, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ e(
+              se,
+              {
+                type: "search",
+                placeholder: x ?? C("table.searchPlaceholder"),
+                className: "w-full pl-8 md:w-[200px] lg:w-[300px]",
+                value: M,
+                onChange: (w) => o(w.target.value)
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ d("div", { className: "ml-auto flex items-center gap-2", children: [
+            S,
+            v && /* @__PURE__ */ d(z, { variant: "ghost", size: "icon", className: "relative", onClick: v, children: [
+              /* @__PURE__ */ e(Xe, { className: "h-5 w-5" }),
+              l !== void 0 && l > 0 && /* @__PURE__ */ e("span", { className: "absolute -right-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-destructive text-xs text-destructive-foreground", children: l > 99 ? "99+" : l }),
+              /* @__PURE__ */ e("span", { className: "sr-only", children: C("navigation.notifications") })
+            ] }),
+            b && /* @__PURE__ */ d(X, { children: [
+              /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(z, { variant: "ghost", className: "relative h-8 w-8 rounded-full", children: /* @__PURE__ */ d(Le, { className: "h-8 w-8", children: [
+                b.avatar && /* @__PURE__ */ e(Te, { src: b.avatar, alt: b.name }),
+                /* @__PURE__ */ e(ze, { children: b.initials || b.name.charAt(0).toUpperCase() })
+              ] }) }) }),
+              /* @__PURE__ */ d(J, { className: "w-56", align: "end", forceMount: !0, children: [
+                /* @__PURE__ */ e(oe, { className: "font-normal", children: /* @__PURE__ */ d("div", { className: "flex flex-col space-y-1", children: [
+                  /* @__PURE__ */ e("p", { className: "text-sm font-medium leading-none", children: b.name }),
+                  /* @__PURE__ */ e("p", { className: "text-xs leading-none text-muted-foreground", children: b.email })
+                ] }) }),
+                N.length > 0 && /* @__PURE__ */ d(L, { children: [
+                  /* @__PURE__ */ e(Q, {}),
+                  N.map((w, B) => /* @__PURE__ */ d(A, { onClick: w.onClick, children: [
+                    w.icon && /* @__PURE__ */ e("span", { className: "mr-2", children: w.icon }),
+                    w.label
+                  ] }, B))
+                ] })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Pa.displayName = "TopNav";
+const Va = s.forwardRef(
+  ({ className: r, items: a, logo: t, rightContent: c, ...u }, p) => {
+    const [n, x] = s.useState(null), f = s.useRef(null), b = (l) => {
+      f.current && clearTimeout(f.current), x(l);
+    }, N = () => {
+      f.current = setTimeout(() => {
+        x(null);
+      }, 150);
+    };
+    return /* @__PURE__ */ e(
+      "nav",
+      {
+        ref: p,
+        className: i("relative z-50 w-full border-b bg-background", r),
+        ...u,
+        children: /* @__PURE__ */ d("div", { className: "mx-auto flex h-16 max-w-7xl items-center justify-between px-4", children: [
+          t && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: t }),
+          /* @__PURE__ */ e("ul", { className: "hidden items-center gap-1 md:flex", children: a.map((l) => /* @__PURE__ */ d(
+            "li",
+            {
+              onMouseEnter: () => l.columns && b(l.label),
+              onMouseLeave: N,
+              children: [
+                l.href && !l.columns ? /* @__PURE__ */ e(
+                  "a",
+                  {
+                    href: l.href,
+                    className: "flex items-center gap-1 rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground",
+                    children: l.label
+                  }
+                ) : /* @__PURE__ */ d(
+                  z,
+                  {
+                    variant: "ghost",
+                    className: i(
+                      "flex items-center gap-1",
+                      n === l.label && "bg-accent text-accent-foreground"
+                    ),
+                    children: [
+                      l.label,
+                      l.columns && /* @__PURE__ */ e(
+                        de,
+                        {
+                          className: i(
+                            "h-4 w-4 transition-transform",
+                            n === l.label && "rotate-180"
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ),
+                l.columns && n === l.label && /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: "absolute left-0 right-0 top-full border-b bg-background shadow-lg",
+                    onMouseEnter: () => b(l.label),
+                    onMouseLeave: N,
+                    children: /* @__PURE__ */ e("div", { className: "mx-auto max-w-7xl p-6", children: /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "grid gap-8",
+                        style: {
+                          gridTemplateColumns: `repeat(${l.columns.length}, minmax(0, 1fr))`
+                        },
+                        children: l.columns.map((v, S) => /* @__PURE__ */ d("div", { children: [
+                          v.title && /* @__PURE__ */ e("h3", { className: "mb-4 text-sm font-semibold text-foreground", children: v.title }),
+                          v.sections.map((y, k) => /* @__PURE__ */ d("div", { className: "mb-4", children: [
+                            y.title && /* @__PURE__ */ e("h4", { className: "mb-2 text-xs font-medium uppercase tracking-wider text-muted-foreground", children: y.title }),
+                            /* @__PURE__ */ e("ul", { className: "space-y-1", children: y.links.map((C, M) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+                              "a",
+                              {
+                                href: C.href,
+                                className: "group flex items-start gap-3 rounded-md p-2 transition-colors hover:bg-accent",
+                                children: [
+                                  C.icon && /* @__PURE__ */ e("span", { className: "mt-0.5 text-muted-foreground group-hover:text-foreground", children: C.icon }),
+                                  /* @__PURE__ */ d("div", { children: [
+                                    /* @__PURE__ */ e("span", { className: "block text-sm font-medium", children: C.label }),
+                                    C.description && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground", children: C.description })
+                                  ] })
+                                ]
+                              }
+                            ) }, M)) })
+                          ] }, k)),
+                          v.featured && /* @__PURE__ */ e("div", { className: "mt-4 rounded-lg bg-muted p-4", children: v.featured })
+                        ] }, S))
+                      }
+                    ) })
+                  }
+                )
+              ]
+            },
+            l.label
+          )) }),
+          c && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: c })
+        ] })
+      }
+    );
+  }
+);
+Va.displayName = "MegaMenu";
+function ce(r, a) {
+  const { t, onItemSelect: c, closeOnSelect: u, setOpen: p } = a;
+  return r.map((n, x) => {
+    if (n.separator)
+      return /* @__PURE__ */ e(Q, {}, `separator-${x}`);
+    if (n.children && n.children.length > 0)
+      return /* @__PURE__ */ d(Be, { children: [
+        /* @__PURE__ */ d(De, { disabled: n.disabled, className: "flex items-center gap-2", children: [
+          n.icon && /* @__PURE__ */ e("span", { className: "h-4 w-4", children: n.icon }),
+          n.labelKey ? t(n.labelKey) : n.label
+        ] }),
+        /* @__PURE__ */ e(_e, { children: ce(n.children, a) })
+      ] }, `${n.label}-${x}`);
+    const f = () => {
+      c == null || c(n), n.onClick && n.onClick(), u && p(!1);
+    };
+    return n.href ? /* @__PURE__ */ e(A, { disabled: n.disabled, asChild: !0, children: /* @__PURE__ */ d("a", { href: n.href, className: "flex items-center gap-2", children: [
+      n.icon && /* @__PURE__ */ e("span", { className: "h-4 w-4", children: n.icon }),
+      n.labelKey ? t(n.labelKey) : n.label
+    ] }) }, `${n.label}-${x}`) : /* @__PURE__ */ d(
+      A,
+      {
+        disabled: n.disabled,
+        onClick: f,
+        className: "flex items-center gap-2",
+        children: [
+          n.icon && /* @__PURE__ */ e("span", { className: "h-4 w-4", children: n.icon }),
+          n.labelKey ? t(n.labelKey) : n.label
+        ]
+      },
+      `${n.label}-${x}`
+    );
+  });
+}
+const Oa = s.forwardRef(
+  ({
+    trigger: r,
+    items: a,
+    align: t = "start",
+    side: c = "bottom",
+    className: u,
+    open: p,
+    defaultOpen: n = !1,
+    onOpenChange: x,
+    closeOnSelect: f = !0,
+    onItemSelect: b
+  }, N) => {
+    const { t: l } = T(), [v, S] = E({
+      value: p,
+      defaultValue: n,
+      onChange: x
+    });
+    return /* @__PURE__ */ d(X, { open: v, onOpenChange: S, children: [
+      /* @__PURE__ */ e(Y, { asChild: !0, children: r }),
+      /* @__PURE__ */ e(J, { ref: N, align: t, side: c, className: i("w-56", u), children: ce(a, { t: l, onItemSelect: b, closeOnSelect: f, setOpen: S }) })
+    ] });
+  }
+);
+Oa.displayName = "MultiLevelDropdown";
+const ja = s.forwardRef(
+  ({
+    className: r,
+    tabs: a,
+    activeTab: t,
+    defaultActiveTab: c,
+    onTabChange: u,
+    variant: p = "default",
+    size: n = "md",
+    fullWidth: x = !1,
+    renderTab: f,
+    ...b
+  }, N) => {
+    var M;
+    const [l, v] = E({
+      value: t,
+      defaultValue: c ?? ((M = a[0]) == null ? void 0 : M.id) ?? "",
+      onChange: u
+    });
+    s.useEffect(() => {
+      t === void 0 && a.length !== 0 && (a.some((o) => o.id === l) || v(a[0].id));
+    }, [t, a, l, v]);
+    const S = (o) => {
+      v(o);
+    }, y = {
+      sm: "text-xs py-1 px-2",
+      md: "text-sm py-2 px-3",
+      lg: "text-base py-3 px-4"
+    }, k = (o) => {
+      const h = "flex items-center gap-2 font-medium transition-colors";
+      switch (p) {
+        case "pills":
+          return i(
+            h,
+            "rounded-full",
+            o ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+          );
+        case "underline":
+          return i(
+            h,
+            "border-b-2 rounded-none",
+            o ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:border-border hover:text-foreground"
+          );
+        case "boxed":
+          return i(
+            h,
+            "rounded-lg border",
+            o ? "border-primary bg-primary/10 text-primary" : "border-transparent text-muted-foreground hover:bg-muted hover:text-foreground"
+          );
+        default:
+          return i(
+            h,
+            "rounded-md",
+            o ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/50 hover:text-foreground"
+          );
+      }
+    }, C = i(
+      "flex items-center gap-1",
+      p === "underline" && "border-b",
+      x && "w-full",
+      r
+    );
+    return /* @__PURE__ */ e("div", { ref: N, className: C, role: "tablist", ...b, children: a.map((o) => {
+      const h = l === o.id;
+      return /* @__PURE__ */ e(
+        "button",
+        {
+          role: "tab",
+          "aria-selected": h,
+          "aria-disabled": o.disabled,
+          disabled: o.disabled,
+          onClick: () => S(o.id),
+          className: i(
+            k(h),
+            y[n],
+            x && "flex-1 justify-center",
+            o.disabled && "cursor-not-allowed opacity-50"
+          ),
+          children: f ? f(o, {
+            isActive: h,
+            defaultNode: /* @__PURE__ */ d(L, { children: [
+              o.icon && /* @__PURE__ */ e("span", { className: "h-4 w-4", children: o.icon }),
+              /* @__PURE__ */ e("span", { children: o.label }),
+              o.badge !== void 0 && /* @__PURE__ */ e(
+                ne,
+                {
+                  variant: h ? "default" : "secondary",
+                  className: "ml-1 h-5 min-w-5 rounded-full px-1.5 text-xs",
+                  children: o.badge
+                }
+              )
+            ] })
+          }) : /* @__PURE__ */ d(L, { children: [
+            o.icon && /* @__PURE__ */ e("span", { className: "h-4 w-4", children: o.icon }),
+            /* @__PURE__ */ e("span", { children: o.label }),
+            o.badge !== void 0 && /* @__PURE__ */ e(
+              ne,
+              {
+                variant: h ? "default" : "secondary",
+                className: "ml-1 h-5 min-w-5 rounded-full px-1.5 text-xs",
+                children: o.badge
+              }
+            )
+          ] })
+        },
+        o.id
+      );
+    }) });
+  }
+);
+ja.displayName = "TabNavigation";
+const Aa = s.forwardRef(
+  ({
+    groups: r,
+    label: a,
+    labelKey: t,
+    variant: c = "default",
+    size: u = "default",
+    className: p,
+    align: n = "end",
+    open: x,
+    defaultOpen: f = !1,
+    onOpenChange: b,
+    closeOnSelect: N = !0,
+    onItemSelect: l,
+    renderItem: v
+  }, S) => {
+    const { t: y } = T(), [k, C] = E({
+      value: x,
+      defaultValue: f,
+      onChange: b
+    }), M = a ?? y(t || "common.create"), o = (w, B) => B ? y(B) : w, h = (w) => {
+      l == null || l(w), w.onClick(), N && C(!1);
+    };
+    return /* @__PURE__ */ d(X, { open: k, onOpenChange: C, children: [
+      /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ d(z, { ref: S, variant: c, size: u, className: i("gap-1", p), children: [
+        /* @__PURE__ */ e(Ie, { className: "h-4 w-4" }),
+        u !== "icon" && /* @__PURE__ */ d(L, { children: [
+          /* @__PURE__ */ e("span", { children: M }),
+          /* @__PURE__ */ e(de, { className: "h-3 w-3 opacity-50" })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ e(J, { align: n, className: "w-64", children: r.map((w, B) => /* @__PURE__ */ d(s.Fragment, { children: [
+        B > 0 && /* @__PURE__ */ e(Q, {}),
+        (w.label || w.labelKey) && /* @__PURE__ */ e(oe, { children: w.labelKey ? y(w.labelKey) : w.label }),
+        /* @__PURE__ */ e(Ee, { children: w.items.map((g) => /* @__PURE__ */ e(
+          A,
+          {
+            onClick: () => h(g),
+            className: "flex items-start gap-3 py-2",
+            children: v ? v(g) : /* @__PURE__ */ d(L, { children: [
+              g.icon && /* @__PURE__ */ e("span", { className: "mt-0.5 flex h-5 w-5 items-center justify-center text-muted-foreground", children: g.icon }),
+              /* @__PURE__ */ d("div", { className: "flex flex-1 flex-col gap-0.5", children: [
+                /* @__PURE__ */ e("span", { className: "font-medium", children: o(g.label, g.labelKey) }),
+                (g.description || g.descriptionKey) && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: o(g.description ?? "", g.descriptionKey) })
+              ] }),
+              g.shortcut && /* @__PURE__ */ e("kbd", { className: "pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100", children: g.shortcut })
+            ] })
+          },
+          g.id
+        )) })
+      ] }, B)) })
+    ] });
+  }
+);
+Aa.displayName = "QuickCreateMenu";
+const Ga = s.forwardRef(
+  ({
+    open: r,
+    onOpenChange: a,
+    groups: t,
+    placeholder: c,
+    emptyMessage: u,
+    loading: p = !1,
+    onSearch: n,
+    searchValue: x,
+    defaultSearchValue: f = "",
+    onSearchValueChange: b,
+    closeOnSelect: N = !0,
+    onActionSelect: l,
+    renderGroupHeading: v,
+    renderAction: S
+  }, y) => {
+    const { t: k } = T(), [C, M] = E({
+      value: x,
+      defaultValue: f,
+      onChange: b
+    }), o = k("navigation.commandPalettePlaceholder"), h = c ?? (o === "navigation.commandPalettePlaceholder" ? "Type a command or search..." : o), w = u ?? k("table.noResults");
+    return s.useEffect(() => {
+      const g = (_) => {
+        _.key === "k" && (_.metaKey || _.ctrlKey) && (_.preventDefault(), a(!r));
+      };
+      return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
+    }, [r, a]), /* @__PURE__ */ e(Ke, { open: r, onOpenChange: a, children: /* @__PURE__ */ d(Pe, { ref: y, className: "rounded-lg border shadow-md", children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center border-b px-3", children: [
+        p ? /* @__PURE__ */ e(le, { className: "mr-2 h-4 w-4 shrink-0 animate-spin opacity-50" }) : /* @__PURE__ */ e(W, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ e(
+          Ve,
+          {
+            placeholder: h,
+            value: C,
+            onValueChange: (g) => {
+              M(g), n == null || n(g);
+            },
+            className: "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ d(Oe, { children: [
+        /* @__PURE__ */ e(je, { children: w }),
+        t.map((g, _) => /* @__PURE__ */ d(s.Fragment, { children: [
+          _ > 0 && /* @__PURE__ */ e(Ae, {}),
+          /* @__PURE__ */ e(Ge, { heading: v ? v(g) : g.headingKey ? k(g.headingKey) : g.heading, children: g.actions.map((R) => /* @__PURE__ */ e(
+            $e,
+            {
+              value: R.id,
+              keywords: R.keywords,
+              onSelect: () => {
+                l == null || l(R), R.onSelect(), N && a(!1);
+              },
+              disabled: R.disabled,
+              className: "flex items-center gap-2",
+              children: S ? S(R) : /* @__PURE__ */ d(L, { children: [
+                R.icon && /* @__PURE__ */ e("span", { className: "flex h-5 w-5 items-center justify-center", children: R.icon }),
+                /* @__PURE__ */ e("span", { children: R.label }),
+                R.shortcut && /* @__PURE__ */ e(qe, { children: R.shortcut })
+              ] })
+            },
+            R.id
+          )) })
+        ] }, g.heading))
+      ] })
+    ] }) });
+  }
+);
+Ga.displayName = "CommandPalette";
+const $a = s.forwardRef(
+  ({
+    className: r,
+    onSearch: a,
+    open: t,
+    defaultOpen: c = !1,
+    onOpenChange: u,
+    query: p,
+    defaultQuery: n = "",
+    onQueryChange: x,
+    results: f,
+    onResultsChange: b,
+    loading: N,
+    onLoadingChange: l,
+    onResultSelect: v,
+    recentSearches: S = [],
+    onRecentSearchClick: y,
+    onClearRecent: k,
+    trendingSearches: C = [],
+    renderResult: M,
+    renderEmptyState: o,
+    renderRecentSearchItem: h,
+    renderTrendingSearchItem: w,
+    placeholder: B,
+    shortcut: g = "⌘K",
+    debounceMs: _ = 300,
+    ...R
+  }, ue) => {
+    const { t: I } = T(), [me, V] = E({
+      value: t,
+      defaultValue: c,
+      onChange: u
+    }), [K, j] = E({
+      value: p,
+      defaultValue: n,
+      onChange: x
+    }), [q, O] = E({
+      value: f,
+      defaultValue: [],
+      onChange: b
+    }), [F, H] = E({
+      value: N,
+      defaultValue: !1,
+      onChange: l
+    }), Z = s.useRef(null), U = s.useRef(null);
+    s.useEffect(() => {
+      const m = (D) => {
+        D.key === "k" && (D.metaKey || D.ctrlKey) && (D.preventDefault(), V(!0), setTimeout(() => {
+          var re;
+          return (re = Z.current) == null ? void 0 : re.focus();
+        }, 0));
+      };
+      return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+    }, [V]);
+    const ee = s.useCallback(
+      async (m) => {
+        if (j(m), U.current && clearTimeout(U.current), !m.trim()) {
+          O([]);
+          return;
+        }
+        U.current = setTimeout(async () => {
+          H(!0);
+          try {
+            const D = await a(m);
+            O(D);
+          } catch {
+            O([]);
+          } finally {
+            H(!1);
+          }
+        }, _);
+      },
+      [j, O, H, a, _]
+    ), fe = (m) => {
+      v == null || v(m), m.onClick && m.onClick(), V(!1), j(""), O([]);
+    }, ae = (m) => {
+      y == null || y(m), j(m), ee(m);
+    }, pe = !K && S.length > 0, be = !K && C.length > 0;
+    return /* @__PURE__ */ e("div", { ref: ue, className: i("relative", r), ...R, children: /* @__PURE__ */ d(Fe, { open: me, onOpenChange: V, children: [
+      /* @__PURE__ */ e(He, { asChild: !0, children: /* @__PURE__ */ d("div", { className: "relative cursor-pointer", onClick: () => V(!0), children: [
+        /* @__PURE__ */ e(W, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ e(
+          se,
+          {
+            ref: Z,
+            type: "text",
+            placeholder: B ?? I("table.searchPlaceholder"),
+            value: K,
+            onChange: (m) => ee(m.target.value),
+            className: "w-full pl-10 pr-16"
+          }
+        ),
+        /* @__PURE__ */ e("kbd", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 rounded border bg-muted px-1.5 py-0.5 text-xs text-muted-foreground", children: g })
+      ] }) }),
+      /* @__PURE__ */ e(
+        Ue,
+        {
+          className: "w-[var(--radix-popover-trigger-width)] p-0",
+          align: "start",
+          onOpenAutoFocus: (m) => m.preventDefault(),
+          children: /* @__PURE__ */ d(ke, { className: "max-h-80", children: [
+            F && /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ e(le, { className: "h-5 w-5 animate-spin text-muted-foreground" }) }),
+            !F && q.length > 0 && /* @__PURE__ */ d("div", { className: "p-2", children: [
+              /* @__PURE__ */ e("p", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground", children: I("navigation.results") }),
+              q.map((m) => /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: () => fe(m),
+                  className: "flex w-full items-center gap-3 rounded-md p-2 text-left transition-colors hover:bg-accent",
+                  children: M ? M(m) : /* @__PURE__ */ d(L, { children: [
+                    m.icon && /* @__PURE__ */ e("span", { className: "flex h-8 w-8 items-center justify-center rounded-md bg-muted", children: m.icon }),
+                    /* @__PURE__ */ d("div", { className: "flex-1 overflow-hidden", children: [
+                      /* @__PURE__ */ e("p", { className: "truncate font-medium", children: m.title }),
+                      m.description && /* @__PURE__ */ e("p", { className: "truncate text-xs text-muted-foreground", children: m.description })
+                    ] }),
+                    m.type && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: m.type })
+                  ] })
+                },
+                m.id
+              ))
+            ] }),
+            !F && K && q.length === 0 && /* @__PURE__ */ e("div", { className: "p-4 text-center text-sm text-muted-foreground", children: o ? o(K) : I("navigation.noResultsFor", { query: K }) }),
+            pe && /* @__PURE__ */ d("div", { className: "p-2", children: [
+              /* @__PURE__ */ d("div", { className: "flex items-center justify-between px-2 py-1.5", children: [
+                /* @__PURE__ */ e("p", { className: "text-xs font-medium text-muted-foreground", children: I("navigation.recent") }),
+                k && /* @__PURE__ */ e(
+                  z,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-auto p-0 text-xs",
+                    onClick: k,
+                    children: I("navigation.clearRecent")
+                  }
+                )
+              ] }),
+              S.map((m, D) => /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: () => ae(m),
+                  className: "flex w-full items-center gap-2 rounded-md p-2 text-left text-sm transition-colors hover:bg-accent",
+                  children: h ? h(m) : /* @__PURE__ */ d(L, { children: [
+                    /* @__PURE__ */ e(Ye, { className: "h-4 w-4 text-muted-foreground" }),
+                    m
+                  ] })
+                },
+                D
+              ))
+            ] }),
+            be && /* @__PURE__ */ d("div", { className: "border-t p-2", children: [
+              /* @__PURE__ */ e("p", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground", children: I("navigation.trending") }),
+              C.map((m, D) => /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: () => ae(m),
+                  className: "flex w-full items-center gap-2 rounded-md p-2 text-left text-sm transition-colors hover:bg-accent",
+                  children: w ? w(m) : /* @__PURE__ */ d(L, { children: [
+                    /* @__PURE__ */ e(We, { className: "h-4 w-4 text-muted-foreground" }),
+                    m
+                  ] })
+                },
+                D
+              ))
+            ] })
+          ] })
+        }
+      )
+    ] }) });
+  }
+);
+$a.displayName = "GlobalSearch";
+export {
+  Ta as A,
+  Da as B,
+  za as C,
+  Ia as D,
+  Oa as E,
+  ja as F,
+  Ga as G,
+  $a as H,
+  Va as M,
+  Aa as Q,
+  da as S,
+  Pa as T,
+  pa as a,
+  ma as b,
+  ba as c,
+  ga as d,
+  xa as e,
+  ha as f,
+  ua as g,
+  ca as h,
+  ia as i,
+  va as j,
+  Ca as k,
+  Sa as l,
+  ya as m,
+  wa as n,
+  ka as o,
+  Ma as p,
+  Ba as q,
+  Ra as r,
+  sa as s,
+  la as t,
+  fa as u,
+  oa as v,
+  $ as w,
+  _a as x,
+  Ea as y,
+  La as z
+};
+//# sourceMappingURL=global-search-Dhv8goH8.js.map