@rafal.lemieszewski/tide-ui 0.87.0 → 0.87.2

package/dist/es/components/fundamental/icon.js

@@ -1,8 +1,8 @@
-import { jsx as o, jsxs as x } from "react/jsx-runtime";
-import f from "react";
-import { cn as a } from "../../lib/utils.js";
-import { X as m, TriangleAlert as C, Trash2 as u, Star as p, Search as b, RotateCcw as k, PlusCircle as g, Pencil as y, PanelLeft as z, MoreHorizontal as A, Loader2 as L, ListFilter as I, Info as N, Filter as R, ExternalLink as T, CircleHelp as S, CircleCheck as D, CircleAlert as P, Circle as U, ChevronUp as W, ChevronRight as j, ChevronLeft as B, ChevronDown as F, Check as H, Bookmark as _, ArrowUpToLine as E, ArrowRightToLine as M, ArrowRight as X, ArrowLeftToLine as Y, ArrowLeft as $, ArrowDownWideNarrow as q, ArrowDownToLine as G, ArrowDownNarrowWide as J, AlertCircle as K } from "lucide-react";
-const O = {
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import u from "react";
+import { cn as s } from "../../lib/utils.js";
+import { X as f, User as m, TrendingUp as C, TriangleAlert as b, Trash2 as g, Star as k, ShieldCheck as y, Ship as A, Settings as z, Search as L, ScrollText as S, RotateCcw as T, PlusCircle as I, Pencil as N, PanelLeft as R, MoreHorizontal as U, LogOut as D, Loader2 as P, ListFilter as j, LayoutDashboard as B, Info as H, House as W, GripVertical as $, Globe as F, Filter as G, ExternalLink as _, Container as E, CircleHelp as M, CircleCheck as O, CircleAlert as V, Circle as X, ChevronUp as q, ChevronRight as J, ChevronLeft as K, ChevronDown as Q, Check as Y, Bookmark as Z, Bell as rr, ArrowUpToLine as er, ArrowRightToLine as or, ArrowRight as tr, ArrowLeftToLine as ir, ArrowLeft as nr, ArrowDownWideNarrow as cr, ArrowDownToLine as lr, ArrowDownNarrowWide as ar, Anchor as sr, AlertCircle as dr } from "lucide-react";
+const hr = {
   primary: "text-[var(--color-icon-primary)]",
   secondary: "text-[var(--color-icon-secondary)]",
   tertiary: "text-[var(--color-icon-tertiary)]",
@@ -19,7 +19,7 @@ const O = {
   "on-action": "text-[var(--color-icon-on-action)]",
   inverse: "text-[var(--color-icon-inverse)]",
   violet: "text-[var(--violet-500)]"
-}, Q = {
+}, vr = {
   s: "w-[var(--size-3xs)] h-[var(--size-3xs)]",
   // 12px
   m: "w-[var(--size-2xs)] h-[var(--size-2xs)]",
@@ -28,83 +28,102 @@ const O = {
   // 20px
   xl: "w-[var(--size-s)] h-[var(--size-s)]"
   // 24px
-}, v = {
-  "alert-circle": K,
-  "arrow-down-narrow-wide": J,
-  "arrow-down-to-line": G,
-  "arrow-down-wide-narrow": q,
-  "arrow-left": $,
-  "arrow-left-to-line": Y,
-  "arrow-right": X,
-  "arrow-right-to-line": M,
-  "arrow-up-to-line": E,
-  bookmark: _,
-  check: H,
-  "chevron-down": F,
-  "chevron-left": B,
-  "chevron-right": j,
-  "chevron-up": W,
-  circle: U,
-  "circle-alert": P,
-  "circle-check": D,
-  "circle-help": S,
-  "external-link": T,
-  filter: R,
-  info: N,
-  "list-filter": I,
-  "loader-2": L,
-  "more-horizontal": A,
-  "panel-left": z,
-  pencil: y,
-  "plus-circle": g,
-  "rotate-ccw": k,
-  search: b,
-  star: p,
-  "trash-2": u,
-  "triangle-alert": C,
-  x: m
-}, V = /* @__PURE__ */ f.forwardRef(
+}, w = {
+  "alert-circle": dr,
+  anchor: sr,
+  "arrow-down-narrow-wide": ar,
+  "arrow-down-to-line": lr,
+  "arrow-down-wide-narrow": cr,
+  "arrow-left": nr,
+  "arrow-left-to-line": ir,
+  "arrow-right": tr,
+  "arrow-right-to-line": or,
+  "arrow-up-to-line": er,
+  bell: rr,
+  bookmark: Z,
+  check: Y,
+  "chevron-down": Q,
+  "chevron-left": K,
+  "chevron-right": J,
+  "chevron-up": q,
+  circle: X,
+  "circle-alert": V,
+  "circle-check": O,
+  "circle-help": M,
+  container: E,
+  "external-link": _,
+  filter: G,
+  globe: F,
+  "grip-vertical": $,
+  house: W,
+  info: H,
+  "layout-dashboard": B,
+  "list-filter": j,
+  "loader-2": P,
+  "log-out": D,
+  "more-horizontal": U,
+  "panel-left": R,
+  pencil: N,
+  "plus-circle": I,
+  "rotate-ccw": T,
+  "scroll-text": S,
+  search: L,
+  settings: z,
+  ship: A,
+  "shield-check": y,
+  star: k,
+  "trash-2": g,
+  "triangle-alert": b,
+  "trending-up": C,
+  user: m,
+  x: f
+}, wr = /* @__PURE__ */ u.forwardRef(
   ({
     name: r,
-    size: w = "m",
-    color: s,
-    className: t,
-    "aria-label": e,
-    ...i
-  }, d) => {
-    const n = s ? O[s] : "text-current", c = Q[w], l = e ? { "aria-label": e, role: "img" } : { "aria-hidden": !0 };
+    size: x = "m",
+    color: d,
+    className: i,
+    "aria-label": t,
+    ...n
+  }, h) => {
+    const c = d ? hr[d] : "text-current", l = vr[x], a = t ? { "aria-label": t, role: "img" } : { "aria-hidden": !0 };
     if (typeof r != "string")
       return /* @__PURE__ */ o(
         r,
         {
-          className: a("shrink-0", c, n, t),
-          ...l,
-          ...i
+          className: s("shrink-0", l, c, i),
+          ...a,
+          ...n
         }
       );
-    if (r in v) {
-      const h = v[r];
+    if (r in w) {
+      const e = w[r];
       return /* @__PURE__ */ o(
-        h,
+        e,
         {
-          ref: d,
-          className: a("shrink-0", c, n, t),
-          ...l,
-          ...i
+          ref: h,
+          className: s("shrink-0", l, c, i),
+          ...a,
+          ...n
         }
       );
     }
-    return console.warn(`Icon "${r}" not found in the static icon map. Use a component reference instead: <Icon name={YourIcon} />`), /* @__PURE__ */ x(
+    const v = r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
+    return console.warn(
+      `[Icon] "${r}" is not in the tide-ui icon set — a ? placeholder is shown instead. To render a Lucide icon, import it directly and pass the component reference (this avoids bundling all of lucide-react):
+  import { ${v} } from 'lucide-react'
+  <Icon name={${v}} />`
+    ), /* @__PURE__ */ p(
       "svg",
       {
-        ref: d,
+        ref: h,
         viewBox: "0 0 24 24",
         fill: "none",
-        className: a("shrink-0", c, n, t),
-        ...l,
-        ...i,
+        className: s("shrink-0", l, c, i),
+        ...a,
+        ...n,
         children: [
-          e && /* @__PURE__ */ o("title", { children: e }),
+          t && /* @__PURE__ */ o("title", { children: t }),
           /* @__PURE__ */ o(
             "rect",
             {
@@ -133,9 +152,9 @@ const O = {
     );
   }
 );
-V.displayName = "Icon";
+wr.displayName = "Icon";
 export {
-  V as Icon,
-  O as iconColors,
-  Q as iconSizes
+  wr as Icon,
+  hr as iconColors,
+  vr as iconSizes
 };

package/dist/es/components/fundamental/sheet.js

@@ -4,9 +4,10 @@ import * as a from "@radix-ui/react-dialog";
 import { cva as g } from "class-variance-authority";
 import { cn as l } from "../../lib/utils.js";
 import { Button as S } from "./button.js";
-const c = i.createContext({ overlay: !1 }), w = ({ modal: t, overlay: e = !1, ...r }) => /* @__PURE__ */ o(c.Provider, { value: { overlay: e }, children: /* @__PURE__ */ o(a.Root, { modal: t ?? e, ...r }) });
-w.displayName = "Sheet";
-const V = a.Trigger, B = a.Close, C = a.Portal, m = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
+import { X as w } from "lucide-react";
+const c = i.createContext({ overlay: !1 }), C = ({ modal: t, overlay: e = !1, ...r }) => /* @__PURE__ */ o(c.Provider, { value: { overlay: e }, children: /* @__PURE__ */ o(a.Root, { modal: t ?? e, ...r }) });
+C.displayName = "Sheet";
+const I = a.Trigger, X = a.Close, D = a.Portal, m = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
   a.Overlay,
   {
     className: l(
@@ -18,7 +19,7 @@ const V = a.Trigger, B = a.Close, C = a.Portal, m = /* @__PURE__ */ i.forwardRef
   }
 ));
 m.displayName = a.Overlay.displayName;
-const D = g(
+const O = g(
   "fixed z-50 gap-[var(--space-l)] bg-[var(--color-surface-primary)] p-[var(--space-3xl)] shadow-xl transition ease-in-out overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
@@ -33,15 +34,15 @@ const D = g(
       side: "right"
     }
   }
-), O = /* @__PURE__ */ i.forwardRef(({ side: t = "right", className: e, children: r, showClose: p = !0, dismissible: d = !0, overlay: f, onPointerDownOutside: v, onInteractOutside: u, onFocusOutside: h, ...y }, x) => {
+), P = /* @__PURE__ */ i.forwardRef(({ side: t = "right", className: e, children: r, showClose: p = !0, dismissible: d = !0, overlay: f, onPointerDownOutside: v, onInteractOutside: u, onFocusOutside: h, ...y }, x) => {
   const b = i.useContext(c), N = f ?? b.overlay;
-  return /* @__PURE__ */ n(C, { children: [
+  return /* @__PURE__ */ n(D, { children: [
     N && /* @__PURE__ */ o(m, {}),
     /* @__PURE__ */ n(
       a.Content,
       {
         ref: x,
-        className: l(D({ side: t }), e),
+        className: l(O({ side: t }), e),
         ...y,
         onPointerDownOutside: (s) => {
           d || s.preventDefault(), v?.(s);
@@ -59,7 +60,7 @@ const D = g(
             {
               variant: "default",
               size: "m",
-              icon: "x",
+              icon: w,
               iconPosition: "only",
               className: "absolute right-[var(--space-l)] top-[var(--space-l)]",
               children: /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
@@ -70,8 +71,8 @@ const D = g(
     )
   ] });
 });
-O.displayName = a.Content.displayName;
-const P = ({
+P.displayName = a.Content.displayName;
+const R = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(
@@ -84,8 +85,8 @@ const P = ({
     ...e
   }
 );
-P.displayName = "SheetHeader";
-const R = ({
+R.displayName = "SheetHeader";
+const T = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(
@@ -98,8 +99,8 @@ const R = ({
     ...e
   }
 );
-R.displayName = "SheetFooter";
-const T = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
+T.displayName = "SheetFooter";
+const j = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
   a.Title,
   {
     ref: r,
@@ -110,8 +111,8 @@ const T = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, r) => /* @__PURE
     ...e
   }
 ));
-T.displayName = a.Title.displayName;
-const j = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
+j.displayName = a.Title.displayName;
+const z = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
   a.Description,
   {
     ref: r,
@@ -119,16 +120,16 @@ const j = /* @__PURE__ */ i.forwardRef(({ className: t, ...e }, r) => /* @__PURE
     ...e
   }
 ));
-j.displayName = a.Description.displayName;
+z.displayName = a.Description.displayName;
 export {
-  w as Sheet,
-  B as SheetClose,
-  O as SheetContent,
-  j as SheetDescription,
-  R as SheetFooter,
-  P as SheetHeader,
+  C as Sheet,
+  X as SheetClose,
+  P as SheetContent,
+  z as SheetDescription,
+  T as SheetFooter,
+  R as SheetHeader,
   m as SheetOverlay,
-  C as SheetPortal,
-  T as SheetTitle,
-  V as SheetTrigger
+  D as SheetPortal,
+  j as SheetTitle,
+  I as SheetTrigger
 };

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

@@ -3,18 +3,18 @@ import * as u from "react";
 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 { Bell as he, CircleHelp as ue, Globe as me, Container as fe, Anchor as be, Ship as ge, TrendingUp as ve, ScrollText as xe, ShieldCheck as ye, House as Ce, LayoutDashboard as we, Search as Z, ChevronRight as re, ChevronDown as ke, Check as K, User as Ne, Settings as Se, LogOut as ze, RotateCcw as Ae } from "lucide-react";
 import { Avatar as z, AvatarImage as A, AvatarFallback as M } from "../fundamental/avatar.js";
 import { Separator as $ } from "../fundamental/separator.js";
 import { Kbd as E } from "../fundamental/kbd.js";
 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 = {
+import { TooltipProvider as Me, Tooltip as C, TooltipTrigger as w, TooltipContent as k } from "../fundamental/tooltip.js";
+import { CommandDialog as Ve, CommandInput as Le, CommandList as He, CommandEmpty as Te, CommandGroup as D, CommandItem as V } from "../fundamental/command.js";
+const Ee = {
   name: "John Doe",
   email: "john@example.com",
   avatarUrl: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=32&h=32&fit=crop&crop=face"
-}, ye = [
+}, Re = [
   {
     name: "Acme Corp",
     role: "Admin",
@@ -27,17 +27,17 @@ const xe = {
     plan: "Pro",
     avatarUrl: "https://useful-toucan-91.convex.cloud/api/storage/5e36a31d-3f0a-4bb0-95db-f5b1c8e8af93"
   }
-], Ce = {
+], Ue = {
   main: [
     {
       title: "Home",
-      icon: "house",
+      icon: Ce,
       url: "/home",
       isActive: !1
     },
     {
       title: "Boards",
-      icon: "layout-dashboard",
+      icon: we,
       url: "/boards",
       isActive: !1
     }
@@ -45,21 +45,21 @@ const xe = {
   operations: [
     {
       title: "Voyage economics",
-      icon: "ship",
+      icon: ge,
       url: "/freight-planner",
       isActive: !1,
       items: []
     },
     {
       title: "Trade desk",
-      icon: "trending-up",
+      icon: ve,
       url: "/trade-desk",
       isActive: !1,
       items: []
     },
     {
       title: "Agreements",
-      icon: "scroll-text",
+      icon: xe,
       url: "/agreements",
       isActive: !0,
       items: [
@@ -82,7 +82,7 @@ const xe = {
     },
     {
       title: "Compliance",
-      icon: "shield-check",
+      icon: ye,
       url: "/compliance",
       isActive: !1,
       items: []
@@ -91,7 +91,7 @@ const xe = {
   intelligence: [
     {
       title: "Global market",
-      icon: "globe",
+      icon: me,
       url: "/global-market",
       isActive: !1,
       items: [
@@ -102,7 +102,7 @@ const xe = {
     },
     {
       title: "Assets",
-      icon: "container",
+      icon: fe,
       url: "/assets",
       isActive: !1,
       items: [
@@ -114,7 +114,7 @@ const xe = {
     },
     {
       title: "Fixtures",
-      icon: "anchor",
+      icon: be,
       url: "/fixtures",
       isActive: !1
     }
@@ -122,13 +122,13 @@ const xe = {
   support: [
     {
       title: "Notifications",
-      icon: "bell",
+      icon: he,
       url: "/notifications",
       isActive: !1
     },
     {
       title: "Help & support",
-      icon: "circle-help",
+      icon: ue,
       url: "/help-support",
       isActive: !1
     }
@@ -148,7 +148,7 @@ function le(o) {
     }
   }), n;
 }
-function we({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMode: p, onNavigationModeChange: h }) {
+function je({ 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(
     () => le(o)
   ), [d, g] = u.useState(m[0]), J = (r) => {
@@ -171,7 +171,7 @@ function we({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
     return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
   }, []), u.useEffect(() => {
     a(le(o));
-  }, [o]), /* @__PURE__ */ l(me, { delayDuration: 100, children: [
+  }, [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",
@@ -448,7 +448,7 @@ function we({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
                     d.name
                   ] })
                 ] }),
-                /* @__PURE__ */ e(s, { name: he, size: "m", className: "opacity-50" })
+                /* @__PURE__ */ e(s, { name: ke, 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: [
@@ -535,7 +535,7 @@ function we({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
               /* @__PURE__ */ e(
                 y,
                 {
-                  icon: "user",
+                  icon: Ne,
                   className: "cursor-pointer",
                   onSelect: () => {
                     t && t("/user/profile");
@@ -546,7 +546,7 @@ function we({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
               /* @__PURE__ */ e(
                 y,
                 {
-                  icon: "settings",
+                  icon: Se,
                   className: "cursor-pointer",
                   onSelect: () => {
                     t && t("/organization/settings");
@@ -558,7 +558,7 @@ function we({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
               /* @__PURE__ */ e(
                 y,
                 {
-                  icon: "log-out",
+                  icon: ze,
                   destructive: !0,
                   className: "cursor-pointer",
                   onSelect: () => {
@@ -573,9 +573,9 @@ function we({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
       ] }) }) }),
       /* @__PURE__ */ e(se, {})
     ] }),
-    /* @__PURE__ */ l(fe, { open: f, onOpenChange: c, children: [
+    /* @__PURE__ */ l(Ve, { open: f, onOpenChange: c, children: [
       /* @__PURE__ */ e(
-        be,
+        Le,
         {
           placeholder: "Type a command or search...",
           value: v,
@@ -583,11 +583,11 @@ function we({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
           clearable: !1
         }
       ),
-      /* @__PURE__ */ l(ge, { children: [
-        /* @__PURE__ */ e(ve, { children: "No results found." }),
+      /* @__PURE__ */ l(He, { children: [
+        /* @__PURE__ */ e(Te, { children: "No results found." }),
         /* @__PURE__ */ l(D, { heading: "Quick actions", children: [
           /* @__PURE__ */ l(V, { onSelect: () => console.log("Reload"), children: [
-            /* @__PURE__ */ e(s, { name: ue, size: "s", className: "mr-2" }),
+            /* @__PURE__ */ e(s, { name: Ae, 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",
@@ -632,7 +632,7 @@ function we({ navigationData: o, user: n, teams: m, onNavigate: t, navigationMod
     ] })
   ] });
 }
-function ke({
+function Oe({
   navigationData: o,
   user: n,
   activeTeam: m,
@@ -914,7 +914,7 @@ function ke({
     )
   ] });
 }
-function Ne() {
+function De() {
   const { state: o, toggleSidebar: n } = ce(), m = o === "collapsed";
   return u.useEffect(() => {
     const t = (p) => {
@@ -929,10 +929,10 @@ function Ne() {
     ] }) })
   ] });
 }
-function je({
-  navigationData: o = Ce,
-  user: n = xe,
-  teams: m = ye,
+function Xe({
+  navigationData: o = Ue,
+  user: n = Ee,
+  teams: m = Re,
   defaultSidebarOpen: t = !0,
   headerContent: p,
   headerTabs: h,
@@ -943,7 +943,7 @@ function je({
   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(
-      ke,
+      Oe,
       {
         navigationData: o,
         user: n,
@@ -956,7 +956,7 @@ function je({
     /* @__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(ie, { defaultOpen: t, children: [
     /* @__PURE__ */ e(
-      we,
+      je,
       {
         navigationData: o,
         user: n,
@@ -968,7 +968,7 @@ function je({
     ),
     /* @__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(Ne, {}),
+        /* @__PURE__ */ e(De, {}),
         /* @__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: [
@@ -982,5 +982,5 @@ function je({
   ] }) });
 }
 export {
-  je as AppFrame
+  Xe as AppFrame
 };