@la-batcave/ui 3.5.1 → 4.0.0

package/dist/LogViewer.js

@@ -77,7 +77,7 @@ function B({
     "div",
     {
       className: f(
-        "rounded-xl border border-border bg-card overflow-hidden",
+        "rounded-2xl border border-border bg-card overflow-hidden",
         d
       ),
       ...b,

package/dist/Menubar.js

@@ -5,7 +5,7 @@ import { u as W, R as X, I as Y, c as O, a as q } from "./_shared/index-C0gNQvxa
 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 { 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 fe, h as me } 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(_, [
@@ -21,7 +21,7 @@ var _ = "Menubar", [I, ge, Me] = q(_), [D] = Q(_, [
       loop: p = !0,
       dir: c,
       ...i
-    } = e, b = W(c), u = k(r), [f, m] = J({
+    } = e, b = W(c), u = k(r), [m, f] = J({
       prop: n,
       onChange: o,
       defaultProp: h ?? "",
@@ -31,19 +31,19 @@ var _ = "Menubar", [I, ge, Me] = q(_), [D] = Q(_, [
       ve,
       {
         scope: r,
-        value: f,
+        value: m,
         onMenuOpen: s.useCallback(
           (M) => {
-            m(M), l(M);
+            f(M), l(M);
           },
-          [m]
+          [f]
         ),
-        onMenuClose: s.useCallback(() => m(""), [m]),
+        onMenuClose: s.useCallback(() => f(""), [f]),
         onMenuToggle: s.useCallback(
           (M) => {
-            m((P) => P ? "" : M), l(M);
+            f((P) => P ? "" : M), l(M);
           },
-          [m]
+          [f]
         ),
         dir: b,
         loop: p,
@@ -83,8 +83,8 @@ var A = "MenubarMenu", [he, F] = D(A), L = (e) => {
         {
           ...c,
           open: u,
-          onOpenChange: (f) => {
-            f || p.onMenuClose();
+          onOpenChange: (m) => {
+            m || p.onMenuClose();
           },
           modal: !1,
           dir: p.dir,
@@ -97,7 +97,7 @@ var A = "MenubarMenu", [he, F] = D(A), L = (e) => {
 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;
+    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), [m, f] = s.useState(!1), g = c.value === i.value;
     return /* @__PURE__ */ t(I.ItemSlot, { scope: r, value: i.value, disabled: n, children: /* @__PURE__ */ t(
       Y,
       {
@@ -114,7 +114,7 @@ var N = "MenubarTrigger", $ = s.forwardRef(
             "aria-haspopup": "menu",
             "aria-expanded": g,
             "aria-controls": g ? i.contentId : void 0,
-            "data-highlighted": f ? "" : void 0,
+            "data-highlighted": m ? "" : void 0,
             "data-state": g ? "open" : "closed",
             "data-disabled": n ? "" : void 0,
             disabled: n,
@@ -129,8 +129,8 @@ var N = "MenubarTrigger", $ = s.forwardRef(
             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))
+            onFocus: v(e.onFocus, () => f(!0)),
+            onBlur: v(e.onBlur, () => f(!1))
           }
         ) })
       }
@@ -160,8 +160,8 @@ var C = "MenubarContent", U = s.forwardRef(
           !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();
+          const m = u.target;
+          i().some((g) => g.ref.current?.contains(m)) && u.preventDefault();
         }),
         onInteractOutside: v(e.onInteractOutside, () => {
           b.current = !0;
@@ -173,8 +173,8 @@ var C = "MenubarContent", U = s.forwardRef(
           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;
+              const m = u.target, f = m.hasAttribute("data-radix-menubar-subtrigger"), g = m.closest("[data-radix-menubar-content]") !== u.currentTarget, M = (p.dir === "rtl" ? "ArrowRight" : "ArrowLeft") === u.key;
+              if (!M && f || g && M) return;
               let x = i().filter((w) => !w.disabled).map((w) => w.value);
               M && x.reverse();
               const E = x.indexOf(c.value);
@@ -263,7 +263,7 @@ var De = "MenubarSubTrigger", ke = s.forwardRef(
   (e, a) => {
     const { __scopeMenubar: r, ...n } = e, o = d(r);
     return /* @__PURE__ */ t(
-      me,
+      fe,
       {
         "data-radix-menubar-subtrigger": "",
         ...o,
@@ -278,7 +278,7 @@ var Ke = "MenubarSubContent", Fe = s.forwardRef(
   (e, a) => {
     const { __scopeMenubar: r, ...n } = e, o = d(r);
     return /* @__PURE__ */ t(
-      fe,
+      me,
       {
         ...o,
         "data-radix-menubar-content": "",
@@ -306,7 +306,7 @@ const Ye = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
   {
     ref: r,
     className: R(
-      "flex items-center gap-1 border border-border rounded-lg bg-card p-1",
+      "flex items-center gap-1 border border-border rounded-3xl bg-card p-1",
       e
     ),
     ...a
@@ -318,10 +318,10 @@ const dr = Be, qe = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */
   {
     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",
+      "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-2xl 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",
+      "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30",
       e
     ),
     ...a
@@ -335,7 +335,7 @@ const Je = s.forwardRef(({ className: e, sideOffset: a = 8, alignOffset: r = -4,
     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",
+      "z-50 min-w-[180px] overflow-hidden rounded-3xl 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",
@@ -352,7 +352,7 @@ const Qe = s.forwardRef(({ className: e, inset: a, ...r }, n) => /* @__PURE__ */
   {
     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",
+      "relative flex items-center gap-2 rounded-2xl 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",

package/dist/Pagination.js

@@ -1,8 +1,8 @@
 import { jsx as n, jsxs as s } from "react/jsx-runtime";
 import * as o from "react";
-import { ChevronLeft as m, ChevronRight as d, MoreHorizontal as f } from "lucide-react";
+import { ChevronLeft as c, ChevronRight as d, MoreHorizontal as p } from "lucide-react";
 import { c as r } from "./_shared/utils-eGXXUFl7.js";
-function v({ className: a, ...e }) {
+function P({ className: a, ...e }) {
   return /* @__PURE__ */ n(
     "nav",
     {
@@ -13,7 +13,7 @@ function v({ className: a, ...e }) {
     }
   );
 }
-const g = o.forwardRef(({ className: a, ...e }, i) => /* @__PURE__ */ n(
+const f = o.forwardRef(({ className: a, ...e }, i) => /* @__PURE__ */ n(
   "ul",
   {
     ref: i,
@@ -21,25 +21,25 @@ const g = o.forwardRef(({ className: a, ...e }, i) => /* @__PURE__ */ n(
     ...e
   }
 ));
-g.displayName = "PaginationContent";
-const p = o.forwardRef(
+f.displayName = "PaginationContent";
+const g = o.forwardRef(
   ({ className: a, ...e }, i) => /* @__PURE__ */ n("li", { ref: i, className: r("", a), ...e })
 );
-p.displayName = "PaginationItem";
+g.displayName = "PaginationItem";
 const u = {
   sm: "h-7 min-w-7 text-xs",
   md: "h-9 min-w-9 text-sm",
   lg: "h-11 min-w-11 text-base"
 }, l = o.forwardRef(
-  ({ className: a, isActive: e = !1, size: i = "md", ...t }, c) => /* @__PURE__ */ n(
+  ({ className: a, isActive: e = !1, size: i = "md", ...t }, m) => /* @__PURE__ */ n(
     "button",
     {
-      ref: c,
+      ref: m,
       type: "button",
       "aria-current": e ? "page" : void 0,
       className: r(
-        "inline-flex items-center justify-center rounded-md font-medium transition-colors cursor-pointer select-none",
-        "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        "inline-flex items-center justify-center rounded-xl font-medium transition-colors cursor-pointer select-none",
+        "outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30",
         "disabled:opacity-40 disabled:cursor-not-allowed disabled:pointer-events-none",
         u[i],
         e ? "bg-primary/15 text-primary border border-primary/20" : "bg-transparent text-muted-foreground border border-transparent hover:bg-secondary/50 hover:text-foreground",
@@ -58,7 +58,7 @@ const x = o.forwardRef(({ className: a, label: e, ...i }, t) => /* @__PURE__ */
     className: r("gap-1 px-2.5", a),
     ...i,
     children: [
-      /* @__PURE__ */ n(m, { className: "size-4" }),
+      /* @__PURE__ */ n(c, { className: "size-4" }),
       e && /* @__PURE__ */ n("span", { children: e })
     ]
   }
@@ -78,7 +78,7 @@ const b = o.forwardRef(({ className: a, label: e, ...i }, t) => /* @__PURE__ */
   }
 ));
 b.displayName = "PaginationNext";
-function P({ className: a, ...e }) {
+function v({ className: a, ...e }) {
   return /* @__PURE__ */ s(
     "span",
     {
@@ -89,17 +89,17 @@ function P({ className: a, ...e }) {
       ),
       ...e,
       children: [
-        /* @__PURE__ */ n(f, { className: "size-4" }),
+        /* @__PURE__ */ n(p, { className: "size-4" }),
         /* @__PURE__ */ n("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
 }
 export {
-  v as Pagination,
-  g as PaginationContent,
-  P as PaginationEllipsis,
-  p as PaginationItem,
+  P as Pagination,
+  f as PaginationContent,
+  v as PaginationEllipsis,
+  g as PaginationItem,
   l as PaginationLink,
   b as PaginationNext,
   x as PaginationPrevious

package/dist/Popover.js

@@ -3,14 +3,14 @@ import { jsx as o } from "react/jsx-runtime";
 import * as d from "react";
 import { P as c, C as i, R as p, a as m, T as l } from "./_shared/index-C3aZemLI.js";
 import { c as f } from "./_shared/utils-eGXXUFl7.js";
-const v = p, b = l, R = m, g = d.forwardRef(({ className: e, align: t = "center", sideOffset: a = 4, container: r, ...s }, n) => /* @__PURE__ */ o(c, { container: r, children: /* @__PURE__ */ o(
+const v = p, b = l, R = m, P = d.forwardRef(({ className: e, align: t = "center", sideOffset: a = 4, container: r, ...s }, n) => /* @__PURE__ */ o(c, { container: r, children: /* @__PURE__ */ o(
   i,
   {
     ref: n,
     align: t,
     sideOffset: a,
     className: f(
-      "z-50 bg-card border border-border rounded-lg shadow-lg p-4",
+      "z-50 bg-card border border-border rounded-3xl shadow-lg p-4",
       "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
       "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
       "outline-none",
@@ -19,10 +19,10 @@ const v = p, b = l, R = m, g = d.forwardRef(({ className: e, align: t = "center"
     ...s
   }
 ) }));
-g.displayName = "PopoverContent";
+P.displayName = "PopoverContent";
 export {
   v as Popover,
   R as PopoverClose,
-  g as PopoverContent,
+  P as PopoverContent,
   b as PopoverTrigger
 };

package/dist/Resizable.js

@@ -1518,7 +1518,7 @@ const ct = ({
   In,
   {
     className: rn(
-      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
       n
     ),
     ...t,

package/dist/Sheet.d.ts

@@ -9,7 +9,7 @@ export interface SheetOverlayProps extends React.ComponentPropsWithoutRef<typeof
 }
 declare const SheetOverlay: React.ForwardRefExoticComponent<SheetOverlayProps & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }

package/dist/Sheet.js

@@ -1,21 +1,21 @@
 "use client";
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
 import * as r from "react";
-import { O as f, P as m, C as p, a as n, T as u, D as h, R as b, b as g } from "./_shared/index-DlSuDb9N.js";
+import { O as f, P as m, C as p, a as n, T as u, D as b, R as h, b as g } from "./_shared/index-DlSuDb9N.js";
 import { c as x } from "./_shared/index-uPOYJZpG.js";
 import { X as S } from "lucide-react";
 import { c as s } from "./_shared/utils-eGXXUFl7.js";
-const k = b, z = g, P = n, y = m, d = r.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
+const k = h, z = g, P = n, y = m, d = r.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   f,
   {
     ref: a,
     className: s(
-      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
+      "fixed inset-0 z-50 bg-black/30 backdrop-blur-sm",
       "data-[state=open]:animate-in data-[state=open]:fade-in-0",
       "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-      t
+      e
     ),
-    ...e
+    ...t
   }
 ));
 d.displayName = "SheetOverlay";
@@ -34,58 +34,58 @@ const v = x(
       side: "right"
     }
   }
-), N = r.forwardRef(({ side: t = "right", className: e, children: a, ...l }, c) => /* @__PURE__ */ i(y, { children: [
+), N = r.forwardRef(({ side: e = "right", className: t, children: a, ...l }, c) => /* @__PURE__ */ i(y, { children: [
   /* @__PURE__ */ o(d, {}),
   /* @__PURE__ */ i(
     p,
     {
       ref: c,
-      className: s(v({ side: t }), e),
+      className: s(v({ side: e }), t),
       ...l,
       children: [
         a,
-        /* @__PURE__ */ o(n, { className: "absolute right-4 top-4 w-7 h-7 rounded-md flex items-center justify-center text-muted-foreground hover:text-foreground hover:bg-secondary transition-colors cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ring", children: /* @__PURE__ */ o(S, { size: 18 }) })
+        /* @__PURE__ */ o(n, { className: "absolute right-4 top-4 w-7 h-7 rounded-xl flex items-center justify-center text-muted-foreground hover:text-foreground hover:bg-secondary transition-colors cursor-pointer outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30", children: /* @__PURE__ */ o(S, { size: 18 }) })
       ]
     }
   )
 ] }));
 N.displayName = "SheetContent";
-function V({ className: t, ...e }) {
+function V({ className: e, ...t }) {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: s("flex flex-col gap-0.5 px-5 pt-5", t),
-      ...e
+      className: s("flex flex-col gap-0.5 px-5 pt-5", e),
+      ...t
     }
   );
 }
-function F({ className: t, ...e }) {
+function F({ className: e, ...t }) {
   return /* @__PURE__ */ o(
     "div",
     {
       className: s(
         "flex items-center justify-end gap-2 py-4 px-5 mt-auto border-t border-border",
-        t
+        e
       ),
-      ...e
+      ...t
     }
   );
 }
-const w = r.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
+const w = r.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   u,
   {
     ref: a,
-    className: s("text-base font-semibold text-foreground", t),
-    ...e
+    className: s("text-base font-semibold text-foreground", e),
+    ...t
   }
 ));
 w.displayName = "SheetTitle";
-const R = r.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
-  h,
+const R = r.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  b,
   {
     ref: a,
-    className: s("text-sm text-muted-foreground", t),
-    ...e
+    className: s("text-sm text-muted-foreground", e),
+    ...t
   }
 ));
 R.displayName = "SheetDescription";

package/dist/Sidebar.d.ts

@@ -114,4 +114,42 @@ export interface EasySidebarProps extends Omit<React.HTMLAttributes<HTMLElement>
     navbarHeight?: number;
 }
 declare function EasySidebar({ items, header, footer, renderLink, onNavigate, navbarHeight, className, ...props }: EasySidebarProps): import("react/jsx-runtime").JSX.Element;
-export { SidebarLayout, SidebarTrigger, Sidebar, SidebarInset, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarSeparator, SidebarItem, EasySidebar, useSidebar, };
+export interface IconSidebarItemDef {
+    /** Unique key for this item. */
+    key: string;
+    /** Icon component (required). */
+    icon: React.ComponentType<{
+        size?: number;
+        className?: string;
+    }>;
+    /** Tooltip label shown on hover. */
+    label?: string;
+    /** Whether this item is currently active. */
+    active?: boolean;
+}
+export interface IconSidebarProps extends React.HTMLAttributes<HTMLElement> {
+    /** Array of icon items. */
+    items: IconSidebarItemDef[];
+    /** Callback when an item is clicked. Receives the item key. */
+    onNavigate?: (key: string) => void;
+    /** Header content rendered above the icons (e.g. app logo). */
+    header?: React.ReactNode;
+    /** Footer content rendered below the icons. */
+    footer?: React.ReactNode;
+}
+/**
+ * Narrow icon-only sidebar. Fixed width, no expand/collapse.
+ * Each item shows only an icon with an optional tooltip on hover.
+ *
+ * @example
+ * <IconSidebar
+ *   items={[
+ *     { key: "home", icon: Home, label: "Home", active: true },
+ *     { key: "search", icon: Search, label: "Search" },
+ *     { key: "settings", icon: Settings, label: "Settings" },
+ *   ]}
+ *   onNavigate={setPage}
+ * />
+ */
+declare function IconSidebar({ items, onNavigate, header, footer, className, ...props }: IconSidebarProps): import("react/jsx-runtime").JSX.Element;
+export { SidebarLayout, SidebarTrigger, Sidebar, SidebarInset, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarSeparator, SidebarItem, EasySidebar, IconSidebar, useSidebar, };