@rafal.lemieszewski/tide-ui 0.85.1 → 0.87.0

package/dist/es/components/product/app-frame.js

@@ -1,19 +1,20 @@
-import { jsxs as l, jsx as e, Fragment as J } from "react/jsx-runtime";
+import { jsxs as l, jsx as e, Fragment as X } from "react/jsx-runtime";
 import * as u from "react";
-import { SidebarProvider as ee, SidebarInset as re, Sidebar as le, SidebarHeader as ie, SidebarGroup as R, SidebarGroupContent as U, SidebarMenu as j, SidebarMenuItem as O, SidebarMenuButton as x, SidebarGroupLabel as Q, SidebarMenuSub as X, SidebarMenuSubItem as q, SidebarMenuSubButton as Y, SidebarFooter as te, SidebarRail as ne, useSidebar as ae, SidebarTrigger as oe } from "../fundamental/sidebar.js";
-import { Button as se } from "../fundamental/button.js";
+import { SidebarProvider as ie, SidebarInset as te, Sidebar as ne, SidebarHeader as ae, SidebarGroup as R, SidebarGroupContent as U, SidebarMenu as j, SidebarMenuItem as O, SidebarMenuButton as x, SidebarGroupLabel as q, SidebarMenuSub as Y, SidebarMenuSubItem as _, SidebarMenuSubButton as ee, SidebarFooter as oe, SidebarRail as se, useSidebar as ce, SidebarTrigger as de } from "../fundamental/sidebar.js";
+import { Button as pe } from "../fundamental/button.js";
 import { Icon as s } from "../fundamental/icon.js";
+import { Search as Z, ChevronRight as re, ChevronDown as he, Check as K, RotateCcw as ue } from "lucide-react";
 import { Avatar as z, AvatarImage as A, AvatarFallback as M } from "../fundamental/avatar.js";
-import { Separator as W } from "../fundamental/separator.js";
+import { Separator as $ } from "../fundamental/separator.js";
 import { Kbd as E } from "../fundamental/kbd.js";
-import { DropdownMenu as Z, DropdownMenuTrigger as K, DropdownMenuContent as P, DropdownMenuLabel as T, DropdownMenuSeparator as H, DropdownMenuItem as y } from "../fundamental/dropdown-menu.js";
-import { TooltipProvider as ce, Tooltip as C, TooltipTrigger as w, TooltipContent as k } from "../fundamental/tooltip.js";
-import { CommandDialog as de, CommandInput as pe, CommandList as he, CommandEmpty as ue, CommandGroup as I, CommandItem as V } from "../fundamental/command.js";
-const me = {
+import { DropdownMenu as P, DropdownMenuTrigger as W, DropdownMenuContent as G, DropdownMenuLabel as T, DropdownMenuSeparator as H, DropdownMenuItem as y } from "../fundamental/dropdown-menu.js";
+import { TooltipProvider as me, Tooltip as C, TooltipTrigger as w, TooltipContent as k } from "../fundamental/tooltip.js";
+import { CommandDialog as fe, CommandInput as be, CommandList as ge, CommandEmpty as ve, CommandGroup as D, CommandItem as V } from "../fundamental/command.js";
+const xe = {
   name: "John Doe",
   email: "john@example.com",
   avatarUrl: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=32&h=32&fit=crop&crop=face"
-}, fe = [
+}, ye = [
   {
     name: "Acme Corp",
     role: "Admin",
@@ -26,7 +27,7 @@ const me = {
     plan: "Pro",
     avatarUrl: "https://useful-toucan-91.convex.cloud/api/storage/5e36a31d-3f0a-4bb0-95db-f5b1c8e8af93"
   }
-], be = {
+], Ce = {
   main: [
     {
       title: "Home",
@@ -132,8 +133,8 @@ const me = {
       isActive: !1
     }
   ]
-}, B = (o) => o.split(" ").filter(Boolean).map((n) => n[0]).join("").slice(0, 2).toUpperCase(), D = (o) => o.split(" ").filter(Boolean).map((n) => n[0]).join("").slice(0, 2).toUpperCase(), F = () => typeof navigator < "u" && /Mac|iPod|iPhone|iPad/.test(navigator.userAgent);
-function _(o) {
+}, B = (o) => o.split(" ").filter(Boolean).map((n) => n[0]).join("").slice(0, 2).toUpperCase(), I = (o) => o.split(" ").filter(Boolean).map((n) => n[0]).join("").slice(0, 2).toUpperCase(), F = () => typeof navigator < "u" && /Mac|iPod|iPhone|iPad/.test(navigator.userAgent);
+function le(o) {
   const n = {};
   return [
     ...o.main || [],
@@ -147,15 +148,15 @@ function _(o) {
     }
   }), n;
 }
-function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMode: p, onNavigationModeChange: h }) {
+function we({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMode: p, onNavigationModeChange: h }) {
   const [f, c] = u.useState(!1), [v, N] = u.useState(""), [b, a] = u.useState(
-    () => _(o)
-  ), [d, g] = u.useState(m[0]), G = (r) => {
+    () => le(o)
+  ), [d, g] = u.useState(m[0]), J = (r) => {
     a((i) => ({
       ...i,
       [r]: !i[r]
     }));
-  }, $ = (r) => r.items && r.items.some((i) => i.isActive), L = (r) => {
+  }, Q = (r) => r.items && r.items.some((i) => i.isActive), L = (r) => {
     if (r.items && r.items.length > 0) {
       const i = r.items.find((S) => S.isActive);
       if (i)
@@ -169,10 +170,10 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
     };
     return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
   }, []), u.useEffect(() => {
-    a(_(o));
-  }, [o]), /* @__PURE__ */ l(ce, { delayDuration: 100, children: [
-    /* @__PURE__ */ l(le, { variant: "sidebar", collapsible: "icon", className: "flex h-full flex-col", children: [
-      /* @__PURE__ */ e(ie, { className: "sticky top-0 z-10 h-12 border-b border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-2 box-border", children: /* @__PURE__ */ e("div", { className: "flex h-[22px] w-7 items-center justify-center", children: /* @__PURE__ */ e(
+    a(le(o));
+  }, [o]), /* @__PURE__ */ l(me, { delayDuration: 100, children: [
+    /* @__PURE__ */ l(ne, { variant: "sidebar", collapsible: "icon", className: "flex h-full flex-col", children: [
+      /* @__PURE__ */ e(ae, { className: "sticky top-0 z-10 h-12 border-b border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-2 box-border", children: /* @__PURE__ */ e("div", { className: "flex h-[22px] w-7 items-center justify-center", children: /* @__PURE__ */ e(
         "svg",
         {
           width: "28",
@@ -196,7 +197,7 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
           "data-sidebar": "content",
           children: [
             /* @__PURE__ */ e("div", { className: "p-[var(--space-m)] pt-[var(--space-s)] group-data-[collapsible=icon]:px-2", children: /* @__PURE__ */ l("div", { className: "relative", children: [
-              /* @__PURE__ */ e("div", { className: "absolute top-1/2 left-2 -translate-y-1/2 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ e(s, { name: "search", size: "m", color: "tertiary" }) }),
+              /* @__PURE__ */ e("div", { className: "absolute top-1/2 left-2 -translate-y-1/2 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ e(s, { name: Z, size: "m", color: "tertiary" }) }),
               /* @__PURE__ */ l("div", { className: "group-data-[collapsible=icon]:hidden", children: [
                 /* @__PURE__ */ e(
                   "button",
@@ -218,7 +219,7 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
                     onClick: () => c(!0),
                     className: "hidden h-8 w-8 cursor-pointer items-center justify-center rounded border border-[var(--color-border-primary-subtle)] bg-transparent transition-all duration-200 group-data-[collapsible=icon]:flex hover:border-[var(--color-border-primary-medium)] hover:!bg-[var(--color-background-neutral-subtlest-hovered)] focus:border-[var(--color-border-brand-bold)] focus:ring-2 focus:ring-[var(--color-border-brand-bold)]/20 focus:ring-offset-0 focus:outline-none active:border-[var(--color-border-primary-medium)]",
                     "aria-label": "Search",
-                    children: /* @__PURE__ */ e(s, { name: "search", size: "m", color: "tertiary" })
+                    children: /* @__PURE__ */ e(s, { name: Z, size: "m", color: "tertiary" })
                   }
                 ) }),
                 /* @__PURE__ */ e(k, { side: "right", className: "hidden group-data-[collapsible=icon]:block", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
@@ -246,22 +247,22 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
               ) }),
               /* @__PURE__ */ e(k, { side: "right", className: "hidden group-data-[collapsible=icon]:block", children: L(r) })
             ] }) }, r.title)) }) }) }),
-            /* @__PURE__ */ e("div", { className: "my-2 hidden justify-center px-2 group-data-[collapsible=icon]:flex", children: /* @__PURE__ */ e(W, { layout: "vertical" }) }),
+            /* @__PURE__ */ e("div", { className: "my-2 hidden justify-center px-2 group-data-[collapsible=icon]:flex", children: /* @__PURE__ */ e($, { layout: "vertical" }) }),
             /* @__PURE__ */ l(R, { className: "mt-1 p-[var(--space-s)]", children: [
-              /* @__PURE__ */ e(Q, { className: "py-1 pb-1.5 group-data-[collapsible=icon]:hidden", children: "Operations" }),
-              /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(j, { children: o.operations.map((r) => /* @__PURE__ */ e(O, { children: r.items && r.items.length > 0 ? /* @__PURE__ */ l(J, { children: [
+              /* @__PURE__ */ e(q, { className: "py-1 pb-1.5 group-data-[collapsible=icon]:hidden", children: "Operations" }),
+              /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(j, { children: o.operations.map((r) => /* @__PURE__ */ e(O, { children: r.items && r.items.length > 0 ? /* @__PURE__ */ l(X, { children: [
                 /* @__PURE__ */ e("div", { className: "group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ l(
                   x,
                   {
                     isActive: r.isActive && !r.items?.length,
-                    onClick: () => G(r.title),
+                    onClick: () => J(r.title),
                     children: [
                       /* @__PURE__ */ e(s, { name: r.icon, size: "s" }),
                       /* @__PURE__ */ e("span", { children: r.title }),
                       /* @__PURE__ */ e(
                         s,
                         {
-                          name: "chevron-right",
+                          name: re,
                           size: "s",
                           className: `ml-auto transition-transform ${b[r.title] ? "rotate-90" : ""}`
                         }
@@ -269,8 +270,8 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
                     ]
                   }
                 ) }),
-                r.items && r.items.length > 0 && b[r.title] && /* @__PURE__ */ e(X, { children: r.items.map((i) => /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
-                  Y,
+                r.items && r.items.length > 0 && b[r.title] && /* @__PURE__ */ e(Y, { children: r.items.map((i) => /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(
+                  ee,
                   {
                     isActive: i.isActive,
                     onClick: (S) => {
@@ -279,19 +280,19 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
                     children: /* @__PURE__ */ e("span", { children: i.title })
                   }
                 ) }, i.title)) }),
-                /* @__PURE__ */ e("div", { className: "hidden group-data-[collapsible=icon]:block", children: /* @__PURE__ */ l(Z, { children: [
+                /* @__PURE__ */ e("div", { className: "hidden group-data-[collapsible=icon]:block", children: /* @__PURE__ */ l(P, { children: [
                   /* @__PURE__ */ l(C, { children: [
-                    /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
                       x,
                       {
-                        isActive: $(r),
+                        isActive: Q(r),
                         className: "w-full justify-center",
                         children: /* @__PURE__ */ e(s, { name: r.icon, size: "s" })
                       }
                     ) }) }),
                     /* @__PURE__ */ e(k, { side: "right", className: "hidden group-data-[collapsible=icon]:block", children: L(r) })
                   ] }),
-                  /* @__PURE__ */ l(P, { side: "right", sideOffset: 8, align: "start", children: [
+                  /* @__PURE__ */ l(G, { side: "right", sideOffset: 8, align: "start", children: [
                     /* @__PURE__ */ e(T, { className: "text-body-medium-sm font-medium", children: r.title }),
                     /* @__PURE__ */ e(H, {}),
                     r.items.map((i) => /* @__PURE__ */ e(
@@ -324,22 +325,22 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
                 /* @__PURE__ */ e(k, { side: "right", className: "hidden group-data-[collapsible=icon]:block", children: L(r) })
               ] }) }, r.title)) }) })
             ] }),
-            /* @__PURE__ */ e("div", { className: "my-2 hidden justify-center px-2 group-data-[collapsible=icon]:flex", children: /* @__PURE__ */ e(W, { layout: "vertical" }) }),
+            /* @__PURE__ */ e("div", { className: "my-2 hidden justify-center px-2 group-data-[collapsible=icon]:flex", children: /* @__PURE__ */ e($, { layout: "vertical" }) }),
             /* @__PURE__ */ l(R, { className: "mt-1 p-[var(--space-s)]", children: [
-              /* @__PURE__ */ e(Q, { className: "py-1 pb-1.5 group-data-[collapsible=icon]:hidden", children: "Intelligence" }),
-              /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(j, { children: o.intelligence.map((r) => /* @__PURE__ */ e(O, { children: r.items && r.items.length > 0 ? /* @__PURE__ */ l(J, { children: [
+              /* @__PURE__ */ e(q, { className: "py-1 pb-1.5 group-data-[collapsible=icon]:hidden", children: "Intelligence" }),
+              /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(j, { children: o.intelligence.map((r) => /* @__PURE__ */ e(O, { children: r.items && r.items.length > 0 ? /* @__PURE__ */ l(X, { children: [
                 /* @__PURE__ */ e("div", { className: "group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ l(
                   x,
                   {
                     isActive: r.isActive && !r.items?.length,
-                    onClick: () => G(r.title),
+                    onClick: () => J(r.title),
                     children: [
                       /* @__PURE__ */ e(s, { name: r.icon, size: "s" }),
                       /* @__PURE__ */ e("span", { children: r.title }),
                       /* @__PURE__ */ e(
                         s,
                         {
-                          name: "chevron-right",
+                          name: re,
                           size: "s",
                           className: `ml-auto transition-transform ${b[r.title] ? "rotate-90" : ""}`
                         }
@@ -347,8 +348,8 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
                     ]
                   }
                 ) }),
-                r.items && r.items.length > 0 && b[r.title] && /* @__PURE__ */ e(X, { children: r.items.map((i) => /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
-                  Y,
+                r.items && r.items.length > 0 && b[r.title] && /* @__PURE__ */ e(Y, { children: r.items.map((i) => /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(
+                  ee,
                   {
                     isActive: i.isActive,
                     onClick: (S) => {
@@ -357,19 +358,19 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
                     children: /* @__PURE__ */ e("span", { children: i.title })
                   }
                 ) }, i.title)) }),
-                /* @__PURE__ */ e("div", { className: "hidden group-data-[collapsible=icon]:block", children: /* @__PURE__ */ l(Z, { children: [
+                /* @__PURE__ */ e("div", { className: "hidden group-data-[collapsible=icon]:block", children: /* @__PURE__ */ l(P, { children: [
                   /* @__PURE__ */ l(C, { children: [
-                    /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
                       x,
                       {
-                        isActive: $(r),
+                        isActive: Q(r),
                         className: "w-full justify-center",
                         children: /* @__PURE__ */ e(s, { name: r.icon, size: "s" })
                       }
                     ) }) }),
                     /* @__PURE__ */ e(k, { side: "right", className: "hidden group-data-[collapsible=icon]:block", children: L(r) })
                   ] }),
-                  /* @__PURE__ */ l(P, { side: "right", sideOffset: 8, align: "start", children: [
+                  /* @__PURE__ */ l(G, { side: "right", sideOffset: 8, align: "start", children: [
                     /* @__PURE__ */ e(T, { className: "text-body-medium-sm font-medium", children: r.title }),
                     /* @__PURE__ */ e(H, {}),
                     r.items.map((i) => /* @__PURE__ */ e(
@@ -421,9 +422,9 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
           ]
         }
       ),
-      /* @__PURE__ */ e(te, { className: "sticky bottom-0 z-10 border-t border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] group-data-[collapsible=icon]:px-2 group-data-[collapsible=icon]:py-2", children: /* @__PURE__ */ e("div", { className: "group/user-menu rounded-m border border-[var(--color-border-primary-subtle)] transition-colors hover:border-[var(--color-border-primary-medium)] group-data-[collapsible=icon]:rounded-none group-data-[collapsible=icon]:border-none", children: /* @__PURE__ */ l(Z, { children: [
-        /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ l(
-          se,
+      /* @__PURE__ */ e(oe, { className: "sticky bottom-0 z-10 border-t border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] group-data-[collapsible=icon]:px-2 group-data-[collapsible=icon]:py-2", children: /* @__PURE__ */ e("div", { className: "group/user-menu rounded-m border border-[var(--color-border-primary-subtle)] transition-colors hover:border-[var(--color-border-primary-medium)] group-data-[collapsible=icon]:rounded-none group-data-[collapsible=icon]:border-none", children: /* @__PURE__ */ l(P, { children: [
+        /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ l(
+          pe,
           {
             variant: "ghost",
             className: "h-auto min-h-[56px] w-full justify-start rounded-m px-3 py-2 hover:!bg-[var(--color-background-neutral-subtlest-hovered)] group-data-[collapsible=icon]:h-8 group-data-[collapsible=icon]:min-h-0 group-data-[collapsible=icon]:w-8 group-data-[collapsible=icon]:p-0",
@@ -436,7 +437,7 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
                   ] }),
                   /* @__PURE__ */ e("div", { className: "absolute -right-1 -bottom-1 rounded-[4px] border-2 border-white p-0", children: /* @__PURE__ */ l(z, { size: "xxs", type: "organization", children: [
                     /* @__PURE__ */ e(A, { src: d.avatarUrl, alt: d.name }),
-                    /* @__PURE__ */ e(M, { size: "xxs", type: "organization", children: D(d.name) })
+                    /* @__PURE__ */ e(M, { size: "xxs", type: "organization", children: I(d.name) })
                   ] }) })
                 ] }),
                 /* @__PURE__ */ l("div", { className: "min-w-0 flex-1 text-left", children: [
@@ -447,7 +448,7 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
                     d.name
                   ] })
                 ] }),
-                /* @__PURE__ */ e(s, { name: "chevron-down", size: "m", className: "opacity-50" })
+                /* @__PURE__ */ e(s, { name: he, size: "m", className: "opacity-50" })
               ] }),
               /* @__PURE__ */ l("div", { className: "relative hidden group-data-[collapsible=icon]:block", children: [
                 /* @__PURE__ */ l(z, { size: "s", type: "user", children: [
@@ -456,14 +457,14 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
                 ] }),
                 /* @__PURE__ */ e("div", { className: "absolute -right-1 -bottom-1 rounded-[2px] border-2 border-white bg-[var(--color-surface-primary)]", children: /* @__PURE__ */ l(z, { size: "xxs", type: "organization", children: [
                   /* @__PURE__ */ e(A, { src: d.avatarUrl, alt: d.name }),
-                  /* @__PURE__ */ e(M, { size: "xxs", type: "organization", children: D(d.name) })
+                  /* @__PURE__ */ e(M, { size: "xxs", type: "organization", children: I(d.name) })
                 ] }) })
               ] })
             ]
           }
         ) }),
         /* @__PURE__ */ l(
-          P,
+          G,
           {
             className: "w-[--radix-dropdown-menu-trigger-width]",
             align: "start",
@@ -490,7 +491,7 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
                   children: [
                     /* @__PURE__ */ l(z, { size: "s", type: "organization", children: [
                       /* @__PURE__ */ e(A, { src: r.avatarUrl, alt: r.name }),
-                      /* @__PURE__ */ e(M, { size: "s", type: "organization", children: D(r.name) })
+                      /* @__PURE__ */ e(M, { size: "s", type: "organization", children: I(r.name) })
                     ] }),
                     /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col text-left", children: [
                       /* @__PURE__ */ e("span", { className: "text-body-medium-sm truncate font-semibold text-[var(--color-text-primary)]", children: r.name }),
@@ -501,7 +502,7 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
                         " plan"
                       ] })
                     ] }),
-                    d.name === r.name && /* @__PURE__ */ e(s, { name: "check", size: "m", className: "text-[var(--color-icon-brand-bold)]" })
+                    d.name === r.name && /* @__PURE__ */ e(s, { name: K, size: "m", className: "text-[var(--color-icon-brand-bold)]" })
                   ]
                 },
                 r.name
@@ -515,7 +516,7 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
                   onSelect: () => h("sidebar"),
                   children: [
                     /* @__PURE__ */ e("span", { className: "flex-1", children: "New sidebar navigation" }),
-                    p === "sidebar" && /* @__PURE__ */ e(s, { name: "check", size: "m", className: "text-[var(--color-icon-brand-bold)]" })
+                    p === "sidebar" && /* @__PURE__ */ e(s, { name: K, size: "m", className: "text-[var(--color-icon-brand-bold)]" })
                   ]
                 }
               ),
@@ -526,7 +527,7 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
                   onSelect: () => h("horizontal"),
                   children: [
                     /* @__PURE__ */ e("span", { className: "flex-1", children: "Old horizontal menu" }),
-                    p === "horizontal" && /* @__PURE__ */ e(s, { name: "check", size: "m", className: "text-[var(--color-icon-brand-bold)]" })
+                    p === "horizontal" && /* @__PURE__ */ e(s, { name: K, size: "m", className: "text-[var(--color-icon-brand-bold)]" })
                   ]
                 }
               ),
@@ -570,11 +571,11 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
           }
         )
       ] }) }) }),
-      /* @__PURE__ */ e(ne, {})
+      /* @__PURE__ */ e(se, {})
     ] }),
-    /* @__PURE__ */ l(de, { open: f, onOpenChange: c, children: [
+    /* @__PURE__ */ l(fe, { open: f, onOpenChange: c, children: [
       /* @__PURE__ */ e(
-        pe,
+        be,
         {
           placeholder: "Type a command or search...",
           value: v,
@@ -582,11 +583,11 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
           clearable: !1
         }
       ),
-      /* @__PURE__ */ l(he, { children: [
-        /* @__PURE__ */ e(ue, { children: "No results found." }),
-        /* @__PURE__ */ l(I, { heading: "Quick actions", children: [
+      /* @__PURE__ */ l(ge, { children: [
+        /* @__PURE__ */ e(ve, { children: "No results found." }),
+        /* @__PURE__ */ l(D, { heading: "Quick actions", children: [
           /* @__PURE__ */ l(V, { onSelect: () => console.log("Reload"), children: [
-            /* @__PURE__ */ e(s, { name: "rotate-ccw", size: "s", className: "mr-2" }),
+            /* @__PURE__ */ e(s, { name: ue, size: "s", className: "mr-2" }),
             /* @__PURE__ */ e("span", { children: "Reload Page" }),
             /* @__PURE__ */ l("span", { className: "text-caption-sm ml-auto text-[var(--color-text-tertiary)]", children: [
               F() ? "⌘" : "Ctrl",
@@ -594,7 +595,7 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
             ] })
           ] }),
           /* @__PURE__ */ l(V, { onSelect: () => c(!1), children: [
-            /* @__PURE__ */ e(s, { name: "search", size: "s", className: "mr-2" }),
+            /* @__PURE__ */ e(s, { name: Z, size: "s", className: "mr-2" }),
             /* @__PURE__ */ e("span", { children: "Search" }),
             /* @__PURE__ */ l("span", { className: "text-caption-sm ml-auto text-[var(--color-text-tertiary)]", children: [
               F() ? "⌘" : "Ctrl",
@@ -602,7 +603,7 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ l(I, { heading: "Navigation", children: [
+        /* @__PURE__ */ l(D, { heading: "Navigation", children: [
           o.main.map((r) => /* @__PURE__ */ l(V, { onSelect: () => c(!1), children: [
             /* @__PURE__ */ e(s, { name: r.icon, size: "s", className: "mr-2" }),
             /* @__PURE__ */ e("span", { children: r.title })
@@ -616,14 +617,14 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
             /* @__PURE__ */ e("span", { children: r.title })
           ] }, r.title))
         ] }),
-        /* @__PURE__ */ e(I, { heading: "Settings", children: o.support.map((r) => /* @__PURE__ */ l(V, { onSelect: () => c(!1), children: [
+        /* @__PURE__ */ e(D, { heading: "Settings", children: o.support.map((r) => /* @__PURE__ */ l(V, { onSelect: () => c(!1), children: [
           /* @__PURE__ */ e(s, { name: r.icon, size: "s", className: "mr-2" }),
           /* @__PURE__ */ e("span", { children: r.title })
         ] }, r.title)) }),
-        /* @__PURE__ */ e(I, { heading: "Switch team", children: m.map((r) => /* @__PURE__ */ l(V, { onSelect: () => c(!1), children: [
+        /* @__PURE__ */ e(D, { heading: "Switch team", children: m.map((r) => /* @__PURE__ */ l(V, { onSelect: () => c(!1), children: [
           /* @__PURE__ */ l(z, { size: "s", className: "mr-2", type: "organization", children: [
             /* @__PURE__ */ e(A, { src: r.avatarUrl, alt: r.name }),
-            /* @__PURE__ */ e(M, { size: "s", type: "organization", children: D(r.name) })
+            /* @__PURE__ */ e(M, { size: "s", type: "organization", children: I(r.name) })
           ] }),
           /* @__PURE__ */ e("span", { children: r.name })
         ] }, r.name)) })
@@ -631,7 +632,7 @@ function ge({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
     ] })
   ] });
 }
-function ve({
+function ke({
   navigationData: o,
   user: n,
   activeTeam: m,
@@ -913,25 +914,25 @@ function ve({
     )
   ] });
 }
-function xe() {
-  const { state: o, toggleSidebar: n } = ae(), m = o === "collapsed";
+function Ne() {
+  const { state: o, toggleSidebar: n } = ce(), m = o === "collapsed";
   return u.useEffect(() => {
     const t = (p) => {
       p.key === "[" && (p.preventDefault(), n());
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
   }, [n]), /* @__PURE__ */ l(C, { delayDuration: 500, children: [
-    /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(oe, { className: "-ml-1" }) }),
+    /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(de, { className: "-ml-1" }) }),
     /* @__PURE__ */ e(k, { side: "bottom", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e("span", { children: m ? "Expand sidebar" : "Collapse sidebar" }),
       /* @__PURE__ */ e(E, { size: "s", variant: "dark", children: "[" })
     ] }) })
   ] });
 }
-function Le({
-  navigationData: o = be,
-  user: n = me,
-  teams: m = fe,
+function je({
+  navigationData: o = Ce,
+  user: n = xe,
+  teams: m = ye,
   defaultSidebarOpen: t = !0,
   headerContent: p,
   headerTabs: h,
@@ -942,7 +943,7 @@ function Le({
   const [N, b] = u.useState("sidebar"), [a] = u.useState(m[0]);
   return N === "horizontal" ? /* @__PURE__ */ l("div", { className: "h-screen overflow-hidden", style: { display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ e(
-      ve,
+      ke,
       {
         navigationData: o,
         user: n,
@@ -953,9 +954,9 @@ function Le({
       }
     ),
     /* @__PURE__ */ e("div", { style: { flex: 1, overflow: "auto", minHeight: 0, backgroundColor: "var(--color-surface-base)" }, children: c })
-  ] }) : /* @__PURE__ */ e("div", { className: "h-screen overflow-hidden", children: /* @__PURE__ */ l(ee, { defaultOpen: t, children: [
+  ] }) : /* @__PURE__ */ e("div", { className: "h-screen overflow-hidden", children: /* @__PURE__ */ l(ie, { defaultOpen: t, children: [
     /* @__PURE__ */ e(
-      ge,
+      we,
       {
         navigationData: o,
         user: n,
@@ -965,10 +966,10 @@ function Le({
         onNavigationModeChange: b
       }
     ),
-    /* @__PURE__ */ l(re, { children: [
+    /* @__PURE__ */ l(te, { children: [
       (p || f || h) && /* @__PURE__ */ l("header", { className: "flex h-12 shrink-0 items-center gap-2 border-b border-[var(--color-border-primary-subtle)] transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12 box-border px-[var(--space-m)]", children: [
-        /* @__PURE__ */ e(xe, {}),
-        /* @__PURE__ */ e(W, { layout: "horizontal", className: "mr-2 h-4" }),
+        /* @__PURE__ */ e(Ne, {}),
+        /* @__PURE__ */ e($, { layout: "horizontal", className: "mr-2 h-4" }),
         /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: p }),
         /* @__PURE__ */ l("div", { className: "flex items-center gap-2 ml-auto shrink-0", children: [
           h && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: h }),
@@ -981,5 +982,5 @@ function Le({
   ] }) });
 }
 export {
-  Le as AppFrame
+  je as AppFrame
 };