@la-batcave/ui 3.5.0 → 4.0.0

package/dist/Dialog.js

@@ -6,12 +6,12 @@ import { X as J } from "lucide-react";
 import { c as h } from "./_shared/utils-eGXXUFl7.js";
 import { Button as M } from "./Button.js";
 import { EasyForm as Q } from "./EasyForm.js";
-const P = X, re = G, ae = z, U = V, I = d.forwardRef(({ className: n, ...e }, o) => /* @__PURE__ */ t(
+const P = X, oe = G, ae = z, U = V, I = d.forwardRef(({ className: n, ...e }, r) => /* @__PURE__ */ t(
   K,
   {
-    ref: o,
+    ref: r,
     className: h(
-      "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",
       n
@@ -20,7 +20,7 @@ const P = X, re = G, ae = z, U = V, I = d.forwardRef(({ className: n, ...e }, o)
   }
 ));
 I.displayName = "DialogOverlay";
-const N = d.forwardRef(({ className: n, children: e, hideClose: o, ...i }, a) => /* @__PURE__ */ f(U, { children: [
+const N = d.forwardRef(({ className: n, children: e, hideClose: r, ...i }, a) => /* @__PURE__ */ f(U, { children: [
   /* @__PURE__ */ t(I, {}),
   /* @__PURE__ */ t("div", { className: "fixed inset-x-0 top-0 z-50 h-[100dvh] flex items-center justify-center overflow-y-auto p-4 pointer-events-none", children: /* @__PURE__ */ f(
     q,
@@ -29,7 +29,7 @@ const N = d.forwardRef(({ className: n, children: e, hideClose: o, ...i }, a) =>
       className: h(
         "relative pointer-events-auto my-auto",
         "w-[90%] max-w-[480px] max-h-[85dvh]",
-        "blurred-bg bg-card/90 backdrop-blur-lg border border-border rounded-xl shadow-lg",
+        "blurred-bg bg-card/90 backdrop-blur-lg border border-border rounded-4xl shadow-xl ring-1 ring-foreground/5 dark:ring-foreground/10",
         "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",
         "focus:outline-none",
@@ -39,7 +39,7 @@ const N = d.forwardRef(({ className: n, children: e, hideClose: o, ...i }, a) =>
       ...i,
       children: [
         e,
-        !o && /* @__PURE__ */ t(z, { 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__ */ t(J, { size: 18 }) })
+        !r && /* @__PURE__ */ t(z, { 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__ */ t(J, { size: 18 }) })
       ]
     }
   ) })
@@ -54,7 +54,7 @@ function E({ className: n, ...e }) {
     }
   );
 }
-function S({ className: n, ...e }) {
+function k({ className: n, ...e }) {
   return /* @__PURE__ */ t(
     "div",
     {
@@ -66,25 +66,25 @@ function S({ className: n, ...e }) {
     }
   );
 }
-const O = d.forwardRef(({ className: n, ...e }, o) => /* @__PURE__ */ t(
+const O = d.forwardRef(({ className: n, ...e }, r) => /* @__PURE__ */ t(
   H,
   {
-    ref: o,
+    ref: r,
     className: h("text-base font-semibold text-foreground", n),
     ...e
   }
 ));
 O.displayName = "DialogTitle";
-const R = d.forwardRef(({ className: n, ...e }, o) => /* @__PURE__ */ t(
+const R = d.forwardRef(({ className: n, ...e }, r) => /* @__PURE__ */ t(
   L,
   {
-    ref: o,
+    ref: r,
     className: h("text-sm text-muted-foreground", n),
     ...e
   }
 ));
 R.displayName = "DialogDescription";
-function j({ className: n, ...e }) {
+function S({ className: n, ...e }) {
   return /* @__PURE__ */ t(
     "div",
     {
@@ -93,21 +93,21 @@ function j({ className: n, ...e }) {
     }
   );
 }
-function v(n, e, o, i, a) {
+function v(n, e, r, i, a) {
   return d.isValidElement(n) ? d.cloneElement(n, {
-    onClick: o,
+    onClick: r,
     loading: i,
     disabled: a
-  }) : /* @__PURE__ */ t(M, { variant: e, onClick: o, loading: i, disabled: a, children: n });
+  }) : /* @__PURE__ */ t(M, { variant: e, onClick: r, loading: i, disabled: a, children: n });
 }
 function A(n) {
   return new Promise((e) => {
-    const o = document.createElement("div");
-    document.body.appendChild(o), import("react-dom/client").then(({ createRoot: i }) => {
-      const a = i(o);
+    const r = document.createElement("div");
+    document.body.appendChild(r), import("react-dom/client").then(({ createRoot: i }) => {
+      const a = i(r);
       a.render(
         n((c) => {
-          a.unmount(), o.remove(), e(c);
+          a.unmount(), r.remove(), e(c);
         })
       );
     });
@@ -116,7 +116,7 @@ function A(n) {
 function W({
   title: n,
   description: e,
-  message: o,
+  message: r,
   button: i = "OK",
   onDone: a
 }) {
@@ -130,8 +130,8 @@ function W({
       /* @__PURE__ */ t(O, { children: n }),
       e && /* @__PURE__ */ t(R, { children: e })
     ] }),
-    o && /* @__PURE__ */ t(j, { children: o }),
-    /* @__PURE__ */ t(S, { children: v(i, "primary", u, !1, !1) })
+    r && /* @__PURE__ */ t(S, { children: r }),
+    /* @__PURE__ */ t(k, { children: v(i, "primary", u, !1, !1) })
   ] }) });
 }
 function ie(n) {
@@ -140,7 +140,7 @@ function ie(n) {
 function Y({
   title: n,
   description: e,
-  message: o,
+  message: r,
   confirmButton: i = "Confirmer",
   cancelButton: a = "Annuler",
   closable: c = !0,
@@ -148,27 +148,27 @@ function Y({
   onCancel: u,
   onDone: D
 }) {
-  const [b, T] = d.useState(!0), [p, y] = d.useState(null), s = p !== null, m = (r) => {
-    T(!1), setTimeout(() => D(r), 200);
-  }, x = async () => {
+  const [b, T] = d.useState(!0), [p, x] = d.useState(null), s = p !== null, m = (o) => {
+    T(!1), setTimeout(() => D(o), 200);
+  }, y = async () => {
     if (!s)
       if (g) {
-        y("confirm");
+        x("confirm");
         try {
           await g(), m(!0);
         } catch {
-          y(null);
+          x(null);
         }
       } else
         m(!0);
   }, C = async () => {
     if (!s)
       if (u) {
-        y("cancel");
+        x("cancel");
         try {
           await u(), m(!1);
         } catch {
-          y(null);
+          x(null);
         }
       } else
         m(!1);
@@ -177,31 +177,31 @@ function Y({
     P,
     {
       open: b,
-      onOpenChange: (r) => {
-        !r && !s && c && C();
+      onOpenChange: (o) => {
+        !o && !s && c && C();
       },
       children: /* @__PURE__ */ f(
         N,
         {
           hideClose: !c || s,
-          onEscapeKeyDown: (r) => {
-            (!c || s) && r.preventDefault();
+          onEscapeKeyDown: (o) => {
+            (!c || s) && o.preventDefault();
           },
-          onPointerDownOutside: (r) => {
-            (!c || s) && r.preventDefault();
+          onPointerDownOutside: (o) => {
+            (!c || s) && o.preventDefault();
           },
-          onInteractOutside: (r) => {
-            (!c || s) && r.preventDefault();
+          onInteractOutside: (o) => {
+            (!c || s) && o.preventDefault();
           },
           children: [
             /* @__PURE__ */ f(E, { children: [
               /* @__PURE__ */ t(O, { children: n }),
               e && /* @__PURE__ */ t(R, { children: e })
             ] }),
-            o && /* @__PURE__ */ t(j, { children: o }),
-            /* @__PURE__ */ f(S, { children: [
+            r && /* @__PURE__ */ t(S, { children: r }),
+            /* @__PURE__ */ f(k, { children: [
               v(a, "secondary", C, p === "cancel", p === "confirm"),
-              v(i, "primary", x, p === "confirm", p === "cancel")
+              v(i, "primary", y, p === "confirm", p === "cancel")
             ] })
           ]
         }
@@ -215,7 +215,7 @@ function le(n) {
 function Z({
   title: n,
   description: e,
-  message: o,
+  message: r,
   fields: i,
   defaultValues: a,
   confirmButton: c = "Confirmer",
@@ -225,10 +225,10 @@ function Z({
   onCancel: b,
   onDone: T
 }) {
-  const [p, y] = d.useState(!0), [s, m] = d.useState(null), x = d.useRef(null), C = d.useRef(null), r = s !== null, w = (l) => {
-    y(!1), setTimeout(() => T(l), 200);
+  const [p, x] = d.useState(!0), [s, m] = d.useState(null), y = d.useRef(null), C = d.useRef(null), o = s !== null, w = (l) => {
+    x(!1), setTimeout(() => T(l), 200);
   }, B = async (l) => {
-    if (!r)
+    if (!o)
       if (C.current = l, D) {
         m("confirm");
         try {
@@ -239,9 +239,9 @@ function Z({
       } else
         w(l);
   }, F = () => {
-    r || x.current && x.current.requestSubmit();
-  }, k = async () => {
-    if (!r)
+    o || y.current && y.current.requestSubmit();
+  }, j = async () => {
+    if (!o)
       if (b) {
         m("cancel");
         try {
@@ -257,20 +257,20 @@ function Z({
     {
       open: p,
       onOpenChange: (l) => {
-        !l && !r && u && k();
+        !l && !o && u && j();
       },
       children: /* @__PURE__ */ f(
         N,
         {
-          hideClose: !u || r,
+          hideClose: !u || o,
           onEscapeKeyDown: (l) => {
-            (!u || r) && l.preventDefault();
+            (!u || o) && l.preventDefault();
           },
           onPointerDownOutside: (l) => {
-            (!u || r) && l.preventDefault();
+            (!u || o) && l.preventDefault();
           },
           onInteractOutside: (l) => {
-            (!u || r) && l.preventDefault();
+            (!u || o) && l.preventDefault();
           },
           className: "max-h-[85dvh] flex flex-col",
           children: [
@@ -278,20 +278,20 @@ function Z({
               /* @__PURE__ */ t(O, { children: n }),
               e && /* @__PURE__ */ t(R, { children: e })
             ] }),
-            /* @__PURE__ */ f(j, { className: "overflow-y-auto flex flex-col gap-4", children: [
-              o && /* @__PURE__ */ t("div", { children: o }),
+            /* @__PURE__ */ f(S, { className: "overflow-y-auto flex flex-col gap-4", children: [
+              r && /* @__PURE__ */ t("div", { children: r }),
               /* @__PURE__ */ t(
                 Q,
                 {
-                  ref: x,
+                  ref: y,
                   fields: i,
                   defaultValues: a,
                   onSubmit: B
                 }
               )
             ] }),
-            /* @__PURE__ */ f(S, { children: [
-              v(g, "secondary", k, s === "cancel", s === "confirm"),
+            /* @__PURE__ */ f(k, { children: [
+              v(g, "secondary", j, s === "cancel", s === "confirm"),
               v(c, "primary", F, s === "confirm", s === "cancel")
             ] })
           ]
@@ -302,16 +302,16 @@ function Z({
 }
 function ce(n) {
   return new Promise((e) => {
-    const o = document.createElement("div");
-    document.body.appendChild(o), import("react-dom/client").then(({ createRoot: i }) => {
-      const a = i(o);
+    const r = document.createElement("div");
+    document.body.appendChild(r), import("react-dom/client").then(({ createRoot: i }) => {
+      const a = i(r);
       a.render(
         /* @__PURE__ */ t(
           Z,
           {
             ...n,
             onDone: (c) => {
-              a.unmount(), o.remove(), e(c);
+              a.unmount(), r.remove(), e(c);
             }
           }
         )
@@ -321,16 +321,16 @@ function ce(n) {
 }
 export {
   P as Dialog,
-  j as DialogBody,
+  S as DialogBody,
   ae as DialogClose,
   N as DialogContent,
   R as DialogDescription,
-  S as DialogFooter,
+  k as DialogFooter,
   E as DialogHeader,
   I as DialogOverlay,
   U as DialogPortal,
   O as DialogTitle,
-  re as DialogTrigger,
+  oe as DialogTrigger,
   ie as alertDialog,
   le as confirmDialog,
   ce as promptDialog

package/dist/Drawer.js

@@ -1049,7 +1049,7 @@ const pn = Q.Trigger, wn = Q.Close, on = Q.Portal, ae = mt.forwardRef(({ classNa
   Q.Overlay,
   {
     ref: e,
-    className: ot("fixed inset-0 z-50 bg-black/50", t),
+    className: ot("fixed inset-0 z-50 bg-black/30", t),
     ...n
   }
 ));

package/dist/Dropdown.js

@@ -68,14 +68,14 @@ var h = "DropdownMenuTrigger", R = d.forwardRef(
   }
 );
 R.displayName = h;
-var Z = "DropdownMenuPortal", N = (e) => {
+var Z = "DropdownMenuPortal", x = (e) => {
   const { __scopeDropdownMenu: r, ...o } = e, n = s(r);
   return /* @__PURE__ */ t(k, { ...n, ...o });
 };
-N.displayName = Z;
-var x = "DropdownMenuContent", I = d.forwardRef(
+x.displayName = Z;
+var N = "DropdownMenuContent", I = d.forwardRef(
   (e, r) => {
-    const { __scopeDropdownMenu: o, ...n } = e, a = _(x, o), u = s(o), i = d.useRef(!1);
+    const { __scopeDropdownMenu: o, ...n } = e, a = _(N, o), u = s(o), i = d.useRef(!1);
     return /* @__PURE__ */ t(
       L,
       {
@@ -103,7 +103,7 @@ var x = "DropdownMenuContent", I = d.forwardRef(
     );
   }
 );
-I.displayName = x;
+I.displayName = N;
 var ee = "DropdownMenuGroup", y = d.forwardRef(
   (e, r) => {
     const { __scopeDropdownMenu: o, ...n } = e, a = s(o);
@@ -182,14 +182,14 @@ var Me = "DropdownMenuSubContent", ge = d.forwardRef((e, r) => {
   );
 });
 ge.displayName = Me;
-var De = b, ve = R, _e = N, be = I, he = y, Re = S, Ne = C, xe = A;
+var De = b, ve = R, _e = x, be = I, he = y, Re = S, xe = C, Ne = A;
 const Le = De, $e = ve, Ke = he, Ie = d.forwardRef(({ className: e, sideOffset: r = 4, container: o, ...n }, a) => /* @__PURE__ */ t(_e, { container: o, children: /* @__PURE__ */ t(
   be,
   {
     ref: a,
     sideOffset: r,
     className: f(
-      "z-50 bg-card border border-border rounded-lg shadow-lg p-1 min-w-[180px]",
+      "z-50 bg-card border border-border rounded-3xl shadow-lg p-1 min-w-[180px]",
       "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",
@@ -200,11 +200,11 @@ const Le = De, $e = ve, Ke = he, Ie = d.forwardRef(({ className: e, sideOffset:
 ) }));
 Ie.displayName = "DropdownMenuContent";
 const ye = d.forwardRef(({ className: e, inset: r, ...o }, n) => /* @__PURE__ */ t(
-  Ne,
+  xe,
   {
     ref: n,
     className: f(
-      "flex items-center gap-2 px-3 py-2 text-sm rounded-md cursor-pointer outline-none",
+      "flex items-center gap-2 px-3 py-2 text-sm rounded-2xl cursor-pointer outline-none",
       "text-foreground hover:bg-muted focus:bg-muted",
       "data-[disabled]:opacity-50 data-[disabled]:pointer-events-none",
       r && "pl-8",
@@ -215,7 +215,7 @@ const ye = d.forwardRef(({ className: e, inset: r, ...o }, n) => /* @__PURE__ */
 ));
 ye.displayName = "DropdownMenuItem";
 const Se = d.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  xe,
+  Ne,
   {
     ref: o,
     className: f("mx-1 my-1 h-px bg-border", e),

package/dist/HoverCard.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
 import * as n from "react";
-import { P as T, c as l, a as k, u as F } from "./_shared/index-CXeb1OMI.js";
+import { P as H, c as l, a as k, u as F } from "./_shared/index-CXeb1OMI.js";
 import { u as I } from "./_shared/index-DLcqcWxM.js";
-import { C as U, c as x, R as $, A as W, a as z } from "./_shared/index-uu9PT5Nu.js";
+import { C as U, c as T, R as $, A as W, a as z } from "./_shared/index-uu9PT5Nu.js";
 import { P as B, D as G } from "./_shared/index-B03TCNO5.js";
 import { P as K } from "./_shared/index-V-Ajw7Ac.js";
 import { c as j } from "./_shared/utils-eGXXUFl7.js";
-var E, S = "HoverCard", [O] = k(S, [
-  x
-]), b = x(), [V, g] = O(S), y = (e) => {
+var x, S = "HoverCard", [O] = k(S, [
+  T
+]), b = T(), [V, g] = O(S), y = (e) => {
   const {
     __scopeHoverCard: o,
     children: t,
@@ -65,17 +65,17 @@ var N = "HoverCardTrigger", _ = n.forwardRef(
   }
 );
 _.displayName = N;
-var H = "HoverCardPortal", [q, J] = O(H, {
+var E = "HoverCardPortal", [q, J] = O(E, {
   forceMount: void 0
 }), D = (e) => {
-  const { __scopeHoverCard: o, forceMount: t, children: s, container: a } = e, c = g(H, o);
-  return /* @__PURE__ */ i(q, { scope: o, forceMount: t, children: /* @__PURE__ */ i(T, { present: t || c.open, children: /* @__PURE__ */ i(B, { asChild: !0, container: a, children: s }) }) });
+  const { __scopeHoverCard: o, forceMount: t, children: s, container: a } = e, c = g(E, o);
+  return /* @__PURE__ */ i(q, { scope: o, forceMount: t, children: /* @__PURE__ */ i(H, { present: t || c.open, children: /* @__PURE__ */ i(B, { asChild: !0, container: a, children: s }) }) });
 };
-D.displayName = H;
+D.displayName = E;
 var R = "HoverCardContent", A = n.forwardRef(
   (e, o) => {
     const t = J(R, e.__scopeHoverCard), { forceMount: s = t.forceMount, ...a } = e, c = g(R, e.__scopeHoverCard);
-    return /* @__PURE__ */ i(T, { present: s || c.open, children: /* @__PURE__ */ i(
+    return /* @__PURE__ */ i(H, { present: s || c.open, children: /* @__PURE__ */ i(
       Q,
       {
         "data-state": c.open ? "open" : "closed",
@@ -100,8 +100,8 @@ var Q = n.forwardRef((e, o) => {
   return n.useEffect(() => {
     if (p) {
       const r = document.body;
-      return E = r.style.userSelect || r.style.webkitUserSelect, r.style.userSelect = "none", r.style.webkitUserSelect = "none", () => {
-        r.style.userSelect = E, r.style.webkitUserSelect = E;
+      return x = r.style.userSelect || r.style.webkitUserSelect, r.style.userSelect = "none", r.style.webkitUserSelect = "none", () => {
+        r.style.userSelect = x, r.style.webkitUserSelect = x;
       };
     }
   }, [p]), n.useEffect(() => {
@@ -178,7 +178,7 @@ const pe = ee, fe = re, ne = n.forwardRef(({ className: e, align: o = "center",
     align: o,
     sideOffset: t,
     className: j(
-      "z-50 bg-card border border-border rounded-lg shadow-lg p-4 w-64",
+      "z-50 bg-card border border-border rounded-3xl shadow-lg p-4 w-64",
       "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",