@la-batcave/ui 3.1.2

package/dist/LogViewer.d.ts

@@ -0,0 +1,57 @@
+import * as React from "react";
+/** Available log severity levels. */
+export type LogLevel = "info" | "warn" | "error" | "debug";
+export interface LogLineProps {
+    /** Severity level controlling the badge color. @default "info" */
+    level?: LogLevel;
+    /** Timestamp string displayed after the level badge. */
+    time?: string;
+    /** Log message content. */
+    children?: React.ReactNode;
+    /** Additional CSS classes. */
+    className?: string;
+}
+export interface LogEntry {
+    /** Severity level. @default "info" */
+    level?: LogLevel;
+    /** Timestamp string. */
+    time?: string;
+    /** Log message. */
+    message: string;
+}
+export interface LogViewerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Array of log entries to display. */
+    logs: LogEntry[];
+    /** Maximum height before scrolling. @default "400px" */
+    maxHeight?: string | number;
+    /** Show filter badges by log level. @default true */
+    filterable?: boolean;
+    /** Auto-scroll to the bottom when new logs are added. @default true */
+    autoScroll?: boolean;
+    /** Title displayed in the header. */
+    title?: string;
+}
+/**
+ * Single log entry line with a colored level badge, optional timestamp,
+ * and a copy button on hover.
+ *
+ * @example
+ * <LogLine level="error" time="12:34:56">Connection refused</LogLine>
+ */
+declare function LogLine({ level, time, children, className }: LogLineProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Log viewer with level filtering, auto-scroll, and Card styling.
+ *
+ * @example
+ * <LogViewer
+ *   title="Server Logs"
+ *   logs={[
+ *     { level: 'info', time: '22:52:50', message: 'Server started' },
+ *     { level: 'error', time: '22:56:01', message: 'Connection timeout' },
+ *   ]}
+ *   filterable
+ *   autoScroll
+ * />
+ */
+declare function LogViewer({ logs, maxHeight, filterable, autoScroll, title, className, ...props }: LogViewerProps): import("react/jsx-runtime").JSX.Element;
+export { LogLine, LogViewer };

package/dist/LogViewer.js

@@ -0,0 +1,120 @@
+"use client";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import * as u from "react";
+import { useState as v } from "react";
+import { c as f } from "./_shared/utils-eGXXUFl7.js";
+import { Check as w, Copy as y } from "lucide-react";
+const N = {
+  info: "bg-info/15 text-info",
+  warn: "bg-warning/15 text-warning",
+  error: "bg-destructive/15 text-destructive",
+  debug: "bg-muted text-muted-foreground"
+};
+function C({ level: t = "info", time: n, children: s, className: l }) {
+  const [a, d] = u.useState(!1), b = () => {
+    const o = [t.toUpperCase(), n, typeof s == "string" ? s : ""].filter(Boolean).join(" ");
+    navigator.clipboard.writeText(o), d(!0), setTimeout(() => d(!1), 1500);
+  };
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: f(
+        "group relative flex items-baseline gap-3 px-3 py-1.5 font-mono text-xs transition-colors hover:bg-primary/8",
+        l
+      ),
+      children: [
+        /* @__PURE__ */ r(
+          "span",
+          {
+            className: f(
+              "inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-bold uppercase shrink-0",
+              N[t]
+            ),
+            children: t.toUpperCase()
+          }
+        ),
+        n && /* @__PURE__ */ r("span", { className: "text-muted-foreground shrink-0", children: n }),
+        /* @__PURE__ */ r("span", { className: "text-foreground flex-1", children: s }),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: b,
+            className: "opacity-0 group-hover:opacity-100 shrink-0 p-0.5 rounded text-muted-foreground hover:text-foreground transition-opacity cursor-pointer bg-transparent border-none",
+            children: a ? /* @__PURE__ */ r(w, { size: 12, className: "text-success" }) : /* @__PURE__ */ r(y, { size: 12 })
+          }
+        )
+      ]
+    }
+  );
+}
+function B({
+  logs: t,
+  maxHeight: n = "400px",
+  filterable: s = !0,
+  autoScroll: l = !0,
+  title: a,
+  className: d,
+  ...b
+}) {
+  const [o, g] = v("all"), c = u.useRef(null), x = u.useMemo(() => {
+    const e = { all: t.length, info: 0, warn: 0, error: 0, debug: 0 };
+    for (const i of t)
+      e[i.level || "info"]++;
+    return e;
+  }, [t]), m = o === "all" ? t : t.filter((e) => (e.level || "info") === o);
+  u.useEffect(() => {
+    l && c.current && (c.current.scrollTop = c.current.scrollHeight);
+  }, [t, l, o]);
+  const h = [
+    { key: "all", label: "ALL" },
+    { key: "info", label: "INFO" },
+    { key: "warn", label: "WARN" },
+    { key: "error", label: "ERROR" },
+    { key: "debug", label: "DEBUG" }
+  ];
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: f(
+        "rounded-xl border border-border bg-card overflow-hidden",
+        d
+      ),
+      ...b,
+      children: [
+        (a || s) && /* @__PURE__ */ p("div", { className: "flex items-center justify-between gap-3 px-4 py-3 border-b border-border", children: [
+          a && /* @__PURE__ */ r("span", { className: "text-sm font-medium text-foreground", children: a }),
+          s && /* @__PURE__ */ r("div", { className: "flex gap-1.5 flex-wrap", children: h.map(({ key: e, label: i }) => /* @__PURE__ */ p(
+            "button",
+            {
+              type: "button",
+              onClick: () => g(e),
+              className: f(
+                "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-semibold uppercase tracking-wide transition-all cursor-pointer border",
+                e === "all" ? "text-primary" + (o === e ? " bg-primary/15 border-primary/30" : " border-transparent hover:bg-primary/10") : e === "info" ? "text-info" + (o === e ? " bg-info/15 border-info/30" : " border-transparent hover:bg-info/10") : e === "warn" ? "text-warning" + (o === e ? " bg-warning/15 border-warning/30" : " border-transparent hover:bg-warning/10") : e === "error" ? "text-destructive" + (o === e ? " bg-destructive/15 border-destructive/30" : " border-transparent hover:bg-destructive/10") : "text-muted-foreground" + (o === e ? " bg-muted border-border" : " border-transparent hover:bg-muted")
+              ),
+              children: [
+                i,
+                /* @__PURE__ */ r("span", { className: "font-mono", children: x[e] })
+              ]
+            },
+            e
+          )) })
+        ] }),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            ref: c,
+            className: "overflow-y-auto bg-muted/30",
+            style: { maxHeight: typeof n == "number" ? `${n}px` : n },
+            children: m.length === 0 ? /* @__PURE__ */ r("div", { className: "px-4 py-8 text-center text-sm text-muted-foreground", children: "Aucun log" }) : m.map((e, i) => /* @__PURE__ */ r(C, { level: e.level, time: e.time, children: e.message }, i))
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  C as LogLine,
+  B as LogViewer
+};

package/dist/Menubar.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+export interface MenubarProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root> {
+}
+declare const Menubar: React.ForwardRefExoticComponent<MenubarProps & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarMenu: {
+    (props: MenubarPrimitive.MenubarMenuProps & {
+        __scopeMenubar?: import("@radix-ui/react-context").Scope;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface MenubarTriggerProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger> {
+}
+declare const MenubarTrigger: React.ForwardRefExoticComponent<MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface MenubarContentProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content> {
+}
+declare const MenubarContent: React.ForwardRefExoticComponent<MenubarContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> {
+    /** When true, applies destructive (red) styling. @default false */
+    inset?: boolean;
+}
+declare const MenubarItem: React.ForwardRefExoticComponent<MenubarItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface MenubarSeparatorProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator> {
+}
+declare const MenubarSeparator: React.ForwardRefExoticComponent<MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export interface MenubarLabelProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> {
+    /** Add left indent to align with items that have icons. @default false */
+    inset?: boolean;
+}
+declare const MenubarLabel: React.ForwardRefExoticComponent<MenubarLabelProps & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarGroup, };

package/dist/Menubar.js

@@ -0,0 +1,398 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import * as s from "react";
+import { u as W, R as X, I as Y, c as O, a as q } from "./_shared/index-C0gNQvxa.js";
+import { u as J, c as v, a as Q } from "./_shared/index-CXeb1OMI.js";
+import { u as Z } from "./_shared/index-DLcqcWxM.js";
+import { u as y } from "./_shared/index-BC7vfx-u.js";
+import { A as ee, P as re, C as ae, I as ne, S as oe, L as te, c as se, G as ue, R as ie, a as ce, b as de, d as le, e as pe, f as be, g as me, h as fe } from "./_shared/index-CukUn3R0.js";
+import { P as G } from "./_shared/index-V-Ajw7Ac.js";
+import { c as R } from "./_shared/utils-eGXXUFl7.js";
+var _ = "Menubar", [I, ge, Me] = q(_), [D] = Q(_, [
+  Me,
+  O
+]), d = se(), k = O(), [ve, S] = D(_), K = s.forwardRef(
+  (e, a) => {
+    const {
+      __scopeMenubar: r,
+      value: n,
+      onValueChange: o,
+      defaultValue: h,
+      loop: p = !0,
+      dir: c,
+      ...i
+    } = e, b = W(c), u = k(r), [f, m] = J({
+      prop: n,
+      onChange: o,
+      defaultProp: h ?? "",
+      caller: _
+    }), [g, l] = s.useState(null);
+    return /* @__PURE__ */ t(
+      ve,
+      {
+        scope: r,
+        value: f,
+        onMenuOpen: s.useCallback(
+          (M) => {
+            m(M), l(M);
+          },
+          [m]
+        ),
+        onMenuClose: s.useCallback(() => m(""), [m]),
+        onMenuToggle: s.useCallback(
+          (M) => {
+            m((P) => P ? "" : M), l(M);
+          },
+          [m]
+        ),
+        dir: b,
+        loop: p,
+        children: /* @__PURE__ */ t(I.Provider, { scope: r, children: /* @__PURE__ */ t(I.Slot, { scope: r, children: /* @__PURE__ */ t(
+          X,
+          {
+            asChild: !0,
+            ...u,
+            orientation: "horizontal",
+            loop: p,
+            dir: b,
+            currentTabStopId: g,
+            onCurrentTabStopIdChange: l,
+            children: /* @__PURE__ */ t(G.div, { role: "menubar", ...i, ref: a })
+          }
+        ) }) })
+      }
+    );
+  }
+);
+K.displayName = _;
+var A = "MenubarMenu", [he, F] = D(A), L = (e) => {
+  const { __scopeMenubar: a, value: r, ...n } = e, o = y(), h = r || o || "LEGACY_REACT_AUTO_VALUE", p = S(A, a), c = d(a), i = s.useRef(null), b = s.useRef(!1), u = p.value === h;
+  return s.useEffect(() => {
+    u || (b.current = !1);
+  }, [u]), /* @__PURE__ */ t(
+    he,
+    {
+      scope: a,
+      value: h,
+      triggerId: y(),
+      triggerRef: i,
+      contentId: y(),
+      wasKeyboardTriggerOpenRef: b,
+      children: /* @__PURE__ */ t(
+        ie,
+        {
+          ...c,
+          open: u,
+          onOpenChange: (f) => {
+            f || p.onMenuClose();
+          },
+          modal: !1,
+          dir: p.dir,
+          ...n
+        }
+      )
+    }
+  );
+};
+L.displayName = A;
+var N = "MenubarTrigger", $ = s.forwardRef(
+  (e, a) => {
+    const { __scopeMenubar: r, disabled: n = !1, ...o } = e, h = k(r), p = d(r), c = S(N, r), i = F(N, r), b = s.useRef(null), u = Z(a, b, i.triggerRef), [f, m] = s.useState(!1), g = c.value === i.value;
+    return /* @__PURE__ */ t(I.ItemSlot, { scope: r, value: i.value, disabled: n, children: /* @__PURE__ */ t(
+      Y,
+      {
+        asChild: !0,
+        ...h,
+        focusable: !n,
+        tabStopId: i.value,
+        children: /* @__PURE__ */ t(ee, { asChild: !0, ...p, children: /* @__PURE__ */ t(
+          G.button,
+          {
+            type: "button",
+            role: "menuitem",
+            id: i.triggerId,
+            "aria-haspopup": "menu",
+            "aria-expanded": g,
+            "aria-controls": g ? i.contentId : void 0,
+            "data-highlighted": f ? "" : void 0,
+            "data-state": g ? "open" : "closed",
+            "data-disabled": n ? "" : void 0,
+            disabled: n,
+            ...o,
+            ref: u,
+            onPointerDown: v(e.onPointerDown, (l) => {
+              !n && l.button === 0 && l.ctrlKey === !1 && (c.onMenuOpen(i.value), g || l.preventDefault());
+            }),
+            onPointerEnter: v(e.onPointerEnter, () => {
+              c.value && !g && (c.onMenuOpen(i.value), b.current?.focus());
+            }),
+            onKeyDown: v(e.onKeyDown, (l) => {
+              n || (["Enter", " "].includes(l.key) && c.onMenuToggle(i.value), l.key === "ArrowDown" && c.onMenuOpen(i.value), ["Enter", " ", "ArrowDown"].includes(l.key) && (i.wasKeyboardTriggerOpenRef.current = !0, l.preventDefault()));
+            }),
+            onFocus: v(e.onFocus, () => m(!0)),
+            onBlur: v(e.onBlur, () => m(!1))
+          }
+        ) })
+      }
+    ) });
+  }
+);
+$.displayName = N;
+var xe = "MenubarPortal", B = (e) => {
+  const { __scopeMenubar: a, ...r } = e, n = d(a);
+  return /* @__PURE__ */ t(re, { ...n, ...r });
+};
+B.displayName = xe;
+var C = "MenubarContent", U = s.forwardRef(
+  (e, a) => {
+    const { __scopeMenubar: r, align: n = "start", ...o } = e, h = d(r), p = S(C, r), c = F(C, r), i = ge(r), b = s.useRef(!1);
+    return /* @__PURE__ */ t(
+      ae,
+      {
+        id: c.contentId,
+        "aria-labelledby": c.triggerId,
+        "data-radix-menubar-content": "",
+        ...h,
+        ...o,
+        ref: a,
+        align: n,
+        onCloseAutoFocus: v(e.onCloseAutoFocus, (u) => {
+          !p.value && !b.current && c.triggerRef.current?.focus(), b.current = !1, u.preventDefault();
+        }),
+        onFocusOutside: v(e.onFocusOutside, (u) => {
+          const f = u.target;
+          i().some((g) => g.ref.current?.contains(f)) && u.preventDefault();
+        }),
+        onInteractOutside: v(e.onInteractOutside, () => {
+          b.current = !0;
+        }),
+        onEntryFocus: (u) => {
+          c.wasKeyboardTriggerOpenRef.current || u.preventDefault();
+        },
+        onKeyDown: v(
+          e.onKeyDown,
+          (u) => {
+            if (["ArrowRight", "ArrowLeft"].includes(u.key)) {
+              const f = u.target, m = f.hasAttribute("data-radix-menubar-subtrigger"), g = f.closest("[data-radix-menubar-content]") !== u.currentTarget, M = (p.dir === "rtl" ? "ArrowRight" : "ArrowLeft") === u.key;
+              if (!M && m || g && M) return;
+              let x = i().filter((w) => !w.disabled).map((w) => w.value);
+              M && x.reverse();
+              const E = x.indexOf(c.value);
+              x = p.loop ? Le(x, E + 1) : x.slice(E + 1);
+              const [T] = x;
+              T && p.onMenuOpen(T);
+            }
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        style: {
+          ...e.style,
+          "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+U.displayName = C;
+var Re = "MenubarGroup", V = s.forwardRef(
+  (e, a) => {
+    const { __scopeMenubar: r, ...n } = e, o = d(r);
+    return /* @__PURE__ */ t(ue, { ...o, ...n, ref: a });
+  }
+);
+V.displayName = Re;
+var _e = "MenubarLabel", z = s.forwardRef(
+  (e, a) => {
+    const { __scopeMenubar: r, ...n } = e, o = d(r);
+    return /* @__PURE__ */ t(te, { ...o, ...n, ref: a });
+  }
+);
+z.displayName = _e;
+var we = "MenubarItem", H = s.forwardRef(
+  (e, a) => {
+    const { __scopeMenubar: r, ...n } = e, o = d(r);
+    return /* @__PURE__ */ t(ne, { ...o, ...n, ref: a });
+  }
+);
+H.displayName = we;
+var ye = "MenubarCheckboxItem", Ie = s.forwardRef(
+  (e, a) => {
+    const { __scopeMenubar: r, ...n } = e, o = d(r);
+    return /* @__PURE__ */ t(ce, { ...o, ...n, ref: a });
+  }
+);
+Ie.displayName = ye;
+var Ne = "MenubarRadioGroup", Ce = s.forwardRef(
+  (e, a) => {
+    const { __scopeMenubar: r, ...n } = e, o = d(r);
+    return /* @__PURE__ */ t(de, { ...o, ...n, ref: a });
+  }
+);
+Ce.displayName = Ne;
+var Se = "MenubarRadioItem", Ae = s.forwardRef(
+  (e, a) => {
+    const { __scopeMenubar: r, ...n } = e, o = d(r);
+    return /* @__PURE__ */ t(le, { ...o, ...n, ref: a });
+  }
+);
+Ae.displayName = Se;
+var Pe = "MenubarItemIndicator", Ee = s.forwardRef((e, a) => {
+  const { __scopeMenubar: r, ...n } = e, o = d(r);
+  return /* @__PURE__ */ t(pe, { ...o, ...n, ref: a });
+});
+Ee.displayName = Pe;
+var Te = "MenubarSeparator", j = s.forwardRef(
+  (e, a) => {
+    const { __scopeMenubar: r, ...n } = e, o = d(r);
+    return /* @__PURE__ */ t(oe, { ...o, ...n, ref: a });
+  }
+);
+j.displayName = Te;
+var Oe = "MenubarArrow", Ge = s.forwardRef(
+  (e, a) => {
+    const { __scopeMenubar: r, ...n } = e, o = d(r);
+    return /* @__PURE__ */ t(be, { ...o, ...n, ref: a });
+  }
+);
+Ge.displayName = Oe;
+var De = "MenubarSubTrigger", ke = s.forwardRef(
+  (e, a) => {
+    const { __scopeMenubar: r, ...n } = e, o = d(r);
+    return /* @__PURE__ */ t(
+      me,
+      {
+        "data-radix-menubar-subtrigger": "",
+        ...o,
+        ...n,
+        ref: a
+      }
+    );
+  }
+);
+ke.displayName = De;
+var Ke = "MenubarSubContent", Fe = s.forwardRef(
+  (e, a) => {
+    const { __scopeMenubar: r, ...n } = e, o = d(r);
+    return /* @__PURE__ */ t(
+      fe,
+      {
+        ...o,
+        "data-radix-menubar-content": "",
+        ...n,
+        ref: a,
+        style: {
+          ...e.style,
+          "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+Fe.displayName = Ke;
+function Le(e, a) {
+  return e.map((r, n) => e[(a + n) % e.length]);
+}
+var $e = K, Be = L, Ue = $, Ve = B, ze = U, He = V, je = z, We = H, Xe = j;
+const Ye = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  $e,
+  {
+    ref: r,
+    className: R(
+      "flex items-center gap-1 border border-border rounded-lg bg-card p-1",
+      e
+    ),
+    ...a
+  }
+));
+Ye.displayName = "Menubar";
+const dr = Be, qe = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  Ue,
+  {
+    ref: r,
+    className: R(
+      "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-md text-foreground cursor-pointer select-none outline-none transition-colors",
+      "hover:bg-muted hover:text-foreground",
+      "data-[state=open]:bg-muted data-[state=open]:text-foreground",
+      "focus-visible:ring-2 focus-visible:ring-ring",
+      e
+    ),
+    ...a
+  }
+));
+qe.displayName = "MenubarTrigger";
+const Je = s.forwardRef(({ className: e, sideOffset: a = 8, alignOffset: r = -4, ...n }, o) => /* @__PURE__ */ t(Ve, { children: /* @__PURE__ */ t(
+  ze,
+  {
+    ref: o,
+    sideOffset: a,
+    alignOffset: r,
+    className: R(
+      "z-50 min-w-[180px] overflow-hidden rounded-lg border border-border bg-card/95 backdrop-blur-md p-1 shadow-lg",
+      "animate-in fade-in-0 zoom-in-95",
+      "data-[side=bottom]:slide-in-from-top-2",
+      "data-[side=top]:slide-in-from-bottom-2",
+      "data-[side=left]:slide-in-from-right-2",
+      "data-[side=right]:slide-in-from-left-2",
+      e
+    ),
+    ...n
+  }
+) }));
+Je.displayName = "MenubarContent";
+const Qe = s.forwardRef(({ className: e, inset: a, ...r }, n) => /* @__PURE__ */ t(
+  We,
+  {
+    ref: n,
+    className: R(
+      "relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-foreground cursor-pointer select-none outline-none transition-colors",
+      "data-[highlighted]:bg-primary/10 data-[highlighted]:text-foreground",
+      "data-[disabled]:opacity-50 data-[disabled]:pointer-events-none",
+      "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
+      a && "pl-8",
+      e
+    ),
+    ...r
+  }
+));
+Qe.displayName = "MenubarItem";
+const Ze = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  Xe,
+  {
+    ref: r,
+    className: R("-mx-1 my-1 h-px bg-border", e),
+    ...a
+  }
+));
+Ze.displayName = "MenubarSeparator";
+const er = s.forwardRef(({ className: e, inset: a, ...r }, n) => /* @__PURE__ */ t(
+  je,
+  {
+    ref: n,
+    className: R(
+      "px-2 py-1.5 text-xs font-semibold uppercase tracking-wider text-muted-foreground",
+      a && "pl-8",
+      e
+    ),
+    ...r
+  }
+));
+er.displayName = "MenubarLabel";
+const lr = He;
+export {
+  Ye as Menubar,
+  Je as MenubarContent,
+  lr as MenubarGroup,
+  Qe as MenubarItem,
+  er as MenubarLabel,
+  dr as MenubarMenu,
+  Ze as MenubarSeparator,
+  qe as MenubarTrigger
+};

package/dist/Navbar.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+export interface NavbarProps extends React.HTMLAttributes<HTMLElement> {
+    /** Application name displayed in the left branding area. */
+    appName?: React.ReactNode;
+    /** Colored suffix appended to the app name (rendered in primary color). */
+    appSuffix?: React.ReactNode;
+    /** Action elements (buttons, icons) rendered on the right side. */
+    actions?: React.ReactNode;
+}
+/**
+ * Sticky top navigation bar with glassmorphism styling. Children are centered
+ * absolutely for navigation links; actions are right-aligned.
+ *
+ * @example
+ * <Navbar appName="BATCAVE" appSuffix="UI" actions={<Button size="sm">Login</Button>}>
+ *   <NavPills items={navItems} active={page} onChange={setPage} />
+ * </Navbar>
+ */
+declare function Navbar({ appName, appSuffix, children, actions, className, ...props }: NavbarProps): import("react/jsx-runtime").JSX.Element;
+export { Navbar };

package/dist/Navbar.js

@@ -0,0 +1,31 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { c as i } from "./_shared/utils-eGXXUFl7.js";
+function o({ appName: t, appSuffix: l, children: a, actions: s, className: d, ...n }) {
+  return /* @__PURE__ */ r(
+    "header",
+    {
+      className: i(
+        "fixed top-0 z-40 w-full h-14 px-6",
+        "flex items-center justify-between",
+        "bg-card/85 backdrop-blur-xl border-b border-border",
+        d
+      ),
+      ...n,
+      children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-3 shrink-0", children: [
+          /* @__PURE__ */ e("div", { className: "w-7 h-7 rounded-full bg-primary" }),
+          /* @__PURE__ */ r("span", { className: "text-sm font-bold uppercase tracking-wider text-foreground", children: [
+            t,
+            " ",
+            /* @__PURE__ */ e("span", { className: "font-medium text-primary", children: l })
+          ] })
+        ] }),
+        a && /* @__PURE__ */ e("nav", { className: "hidden md:block absolute left-1/2 -translate-x-1/2", children: a }),
+        s && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 shrink-0", children: s })
+      ]
+    }
+  );
+}
+export {
+  o as Navbar
+};