@versini/ui-panel 1.4.0 → 1.4.1

package/dist/index.js

@@ -1,33 +1,33 @@
 import { jsx as c, jsxs as S, Fragment as X } from "react/jsx-runtime";
 import * as h from "react";
-import A, { useRef as p, useLayoutEffect as F, useMemo as q, useState as Y, useEffect as R, useCallback as ie, useId as Z } from "react";
+import V, { useRef as p, useLayoutEffect as F, useMemo as q, useState as Y, useEffect as R, useCallback as ie, useId as Z } from "react";
 import i from "clsx";
 import { useFloating as le, useClick as ce, useDismiss as se, useRole as de, useInteractions as ue, useMergeRefs as me, FloatingPortal as ge, FloatingOverlay as he, FloatingFocusManager as be } from "@floating-ui/react";
 /*!
-  @versini/ui-panel v1.4.0
+  @versini/ui-panel v1.4.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.4.0",
-    buildTime: "03/10/2025 01:16 PM EDT",
+    version: "1.4.1",
+    buildTime: "03/10/2025 02:04 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const D = "av-messagebox", j = "av-panel", G = "av-button", T = "icon", H = "button", $ = "link", fe = ({
+const D = "av-messagebox", j = "av-panel", G = "av-button", T = "icon", H = "button", A = "link", fe = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
-  align: o,
-  animated: n
+  align: n,
+  animated: o
 }) => {
   const l = "max-h-8 py-0 px-2", d = "max-h-9 h-8 px-3", u = "max-h-12 py-2 px-4";
   switch (e) {
     case H:
-    case $:
+    case A:
       return i({
         [l]: t === "small",
         [d]: t === "medium",
@@ -35,21 +35,21 @@ const D = "av-messagebox", j = "av-panel", G = "av-button", T = "icon", H = "but
       });
     case T:
       return i("flex items-center", {
-        "justify-center": o === "center",
-        "justify-start": o === "left",
-        "justify-end": o === "right",
-        "h-6 w-6 p-0": t === "small" && !n && !(r || a),
-        "h-6 px-2": t === "small" && !n && (r || a),
-        "h-8 w-8 p-1": t === "medium" && !n && !(r || a),
-        "h-8 px-3": t === "medium" && !n && (r || a),
-        "h-12 w-12 p-2": t === "large" && !n && !(r || a),
-        "h-12 px-4": t === "large" && !n && (r || a),
-        "h-6 py-0": t === "small" && n && !(r || a),
-        "h-6": t === "small" && n && (r || a),
-        "h-8 py-1": t === "medium" && n && !(r || a),
-        "h-8": t === "medium" && n && (r || a),
-        "h-12 py-2": t === "large" && n && !(r || a),
-        "h-12": t === "large" && n && (r || a)
+        "justify-center": n === "center",
+        "justify-start": n === "left",
+        "justify-end": n === "right",
+        "h-6 w-6 p-0": t === "small" && !o && !(r || a),
+        "h-6 px-2": t === "small" && !o && (r || a),
+        "h-8 w-8 p-1": t === "medium" && !o && !(r || a),
+        "h-8 px-3": t === "medium" && !o && (r || a),
+        "h-12 w-12 p-2": t === "large" && !o && !(r || a),
+        "h-12 px-4": t === "large" && !o && (r || a),
+        "h-6 py-0": t === "small" && o && !(r || a),
+        "h-6": t === "small" && o && (r || a),
+        "h-8 py-1": t === "medium" && o && !(r || a),
+        "h-8": t === "medium" && o && (r || a),
+        "h-12 py-2": t === "large" && o && !(r || a),
+        "h-12": t === "large" && o && (r || a)
       });
   }
 }, ve = ({
@@ -58,20 +58,20 @@ const D = "av-messagebox", j = "av-panel", G = "av-button", T = "icon", H = "but
   labelRight: r,
   labelLeft: a
 }) => {
-  const o = "text-sm font-medium", n = "text-base font-medium", l = "text-lg font-medium";
+  const n = "text-sm font-medium", o = "text-base font-medium", l = "text-lg font-medium";
   switch (e) {
     case H:
-    case $:
+    case A:
       return i({
-        "text-center": e === $,
-        [o]: t === "small",
-        [n]: t === "medium",
+        "text-center": e === A,
+        [n]: t === "small",
+        [o]: t === "medium",
         [l]: t === "large"
       });
     case T:
       return i({
-        [o]: t === "small" && (r || a),
-        [n]: t === "medium" && (r || a),
+        [n]: t === "small" && (r || a),
+        [o]: t === "medium" && (r || a),
         [l]: t === "large" && (r || a)
       });
   }
@@ -265,8 +265,8 @@ const D = "av-messagebox", j = "av-panel", G = "av-button", T = "icon", H = "but
   className: t,
   raw: r,
   mode: a,
-  focusMode: o,
-  disabled: n,
+  focusMode: n,
+  disabled: o,
   fullWidth: l,
   size: d,
   noBorder: u,
@@ -298,12 +298,12 @@ const D = "av-messagebox", j = "av-panel", G = "av-button", T = "icon", H = "but
   }),
   ve({ type: e, size: d, labelRight: g, labelLeft: b }),
   _e({ mode: a, variant: s, noBorder: u }),
-  Ie({ focusMode: o }),
-  xe({ mode: a, variant: s, disabled: n }),
-  we({ mode: a, variant: s, disabled: n }),
+  Ie({ focusMode: n }),
+  xe({ mode: a, variant: s, disabled: o }),
+  we({ mode: a, variant: s, disabled: o }),
   {
     "w-full": l,
-    "disabled:cursor-not-allowed disabled:opacity-50": n
+    "disabled:cursor-not-allowed disabled:opacity-50": o
   },
   i({
     "transition-[width] duration-300 ease-in-out": e === T && v
@@ -312,16 +312,16 @@ const D = "av-messagebox", j = "av-panel", G = "av-button", T = "icon", H = "but
 )), Se = (e, t, r) => {
   var a;
   !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
-}, J = A.forwardRef((e, t) => {
-  const { onClick: r, noInternalClick: a = !1, ...o } = e;
+}, J = V.forwardRef((e, t) => {
+  const { onClick: r, noInternalClick: a = !1, ...n } = e;
   return /* @__PURE__ */ c(
     "button",
     {
       ref: t,
-      onClick: (n) => {
-        Se(n, a, r);
+      onClick: (o) => {
+        Se(o, a, r);
       },
-      ...o
+      ...n
     }
   );
 });
@@ -351,15 +351,15 @@ const Be = {
   right: 0
 };
 function P(e) {
-  const t = Re(), r = p(0), a = p(null), [o, n] = Y(Be), l = q(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+  const t = Re(), r = p(0), a = p(null), [n, o] = Y(Be), l = q(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
     const u = d[0];
     u && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
-      a.current && t() && n(u.contentRect);
+      a.current && t() && o(u.contentRect);
     }));
   }), [t]);
   return R(() => (a.current && (l == null || l.observe(a.current, e)), () => {
     l == null || l.disconnect(), r.current && cancelAnimationFrame(r.current);
-  }), [l, e]), [a, o];
+  }), [l, e]), [a, n];
 }
 const Me = {
   small: 24,
@@ -375,14 +375,14 @@ const Me = {
   // px-3 x 2
   large: 16 * 2
   // px-4 x 2
-}, Oe = 2, V = A.forwardRef(
+}, Oe = 2, z = V.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: o = !1,
-    className: n,
+    fullWidth: n = !1,
+    className: o,
     type: l = "button",
     raw: d = !1,
     noBorder: u = !1,
@@ -403,10 +403,10 @@ const Me = {
       type: T,
       mode: r,
       focusMode: a,
-      fullWidth: o,
+      fullWidth: n,
       disabled: t,
       raw: d,
-      className: n,
+      className: o,
       noBorder: u,
       size: m,
       labelRight: s,
@@ -416,7 +416,7 @@ const Me = {
       radius: v,
       variant: Q,
       animated: k
-    }), ne = Ne({ mode: r, raw: d, iconClassName: ee }), z = Ee({ animated: k }), [y, M] = P(), [x, L] = P(), [E, U] = P(), O = p(0), w = p(null), oe = Te([te, w]);
+    }), oe = Ne({ mode: r, raw: d, iconClassName: ee }), $ = Ee({ animated: k }), [y, M] = P(), [x, L] = P(), [E, U] = P(), O = p(0), w = p(null), ne = Te([te, w]);
     return F(() => {
       E && E.current && k && (O.current = U.width + Le[m] + (u ? 0 : Oe));
     }, [U, E, m, u, k]), F(() => {
@@ -433,7 +433,7 @@ const Me = {
     ]), /* @__PURE__ */ S(
       J,
       {
-        ref: oe,
+        ref: ne,
         className: ae,
         disabled: t,
         type: l,
@@ -445,17 +445,17 @@ const Me = {
             {
               label: f,
               labelRef: x,
-              labelClass: z,
+              labelClass: $,
               labelInnerClass: "pr-2"
             }
           ),
-          /* @__PURE__ */ c("span", { ref: E, className: ne, children: e }),
+          /* @__PURE__ */ c("span", { ref: E, className: oe, children: e }),
           /* @__PURE__ */ c(
             W,
             {
               label: s,
               labelRef: y,
-              labelClass: z,
+              labelClass: $,
               labelInnerClass: "pl-2"
             }
           )
@@ -469,28 +469,28 @@ const Me = {
   label: r,
   labelInnerClass: a
 }) => /* @__PURE__ */ c("span", { ref: e, className: t, children: r && /* @__PURE__ */ c("span", { className: a, children: r }) });
-V.displayName = "ButtonIcon";
+z.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.2.10
+  @versini/ui-button v4.2.11
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.2.10",
-    buildTime: "03/10/2025 01:16 PM EDT",
+    version: "4.2.11",
+    buildTime: "03/10/2025 02:04 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Pe = A.forwardRef(
+const Pe = V.forwardRef(
   ({
     children: e,
     mode: t = "system",
     className: r,
     active: a = !1,
-    ...o
-  }, n) => {
+    ...n
+  }, o) => {
     const l = a ? i(
       "relative",
       "focus-within:static",
@@ -509,77 +509,77 @@ const Pe = A.forwardRef(
       }
     ) : "";
     return /* @__PURE__ */ c("div", { className: l, children: /* @__PURE__ */ c(
-      V,
+      z,
       {
         className: i("justify-center", r),
-        ref: n,
+        ref: o,
         mode: t,
         radius: "small",
-        ...o,
+        ...n,
         children: e
       }
     ) });
   }
 );
 Pe.displayName = "ButtonSort";
-const $e = ({
+const Ae = ({
   children: e,
   fill: t,
   viewBox: r,
   className: a,
-  defaultViewBox: o,
-  size: n,
+  defaultViewBox: n,
+  size: o,
   title: l,
   semantic: d = !1,
   ...u
 }) => {
-  const g = i(n, a);
-  return /* @__PURE__ */ S(X, { children: [
-    /* @__PURE__ */ c(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        className: g,
-        viewBox: r || o,
-        fill: t || "currentColor",
-        role: "img",
-        "aria-hidden": !d,
-        focusable: !1,
-        ...u,
-        children: e
-      }
-    ),
-    l && d && /* @__PURE__ */ c("span", { className: "sr-only", children: l })
-  ] });
+  const g = i(o, a);
+  return /* @__PURE__ */ c(X, { children: /* @__PURE__ */ S(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: g,
+      viewBox: r || n,
+      fill: t || "currentColor",
+      role: "img",
+      "aria-hidden": !d,
+      focusable: !1,
+      ...u,
+      children: [
+        l && d && /* @__PURE__ */ c("title", { children: l }),
+        e
+      ]
+    }
+  ) });
 };
 /*!
-  @versini/ui-svgicon v4.0.7
+  @versini/ui-svgicon v4.1.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.0.7",
-    buildTime: "01/20/2025 01:49 PM EST",
+    version: "4.1.1",
+    buildTime: "02/27/2025 03:46 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ae = ({
+const Ve = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
-  ...o
+  ...n
 }) => /* @__PURE__ */ c(
-  $e,
+  Ae,
   {
     defaultViewBox: "0 0 384 512",
     size: "size-5",
     viewBox: t,
     className: e,
     title: r || "Close",
-    ...o,
+    ...n,
     children: /* @__PURE__ */ c(
       "path",
       {
@@ -590,25 +590,25 @@ const Ae = ({
   }
 );
 /*!
-  @versini/ui-icons v4.6.1
+  @versini/ui-icons v4.8.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.6.1",
-    buildTime: "01/21/2025 01:33 PM EST",
+    version: "4.8.1",
+    buildTime: "02/27/2025 03:46 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
 const K = h.createContext(null);
-function Ve({
+function ze({
   initialOpen: e = !1,
   open: t,
   onOpenChange: r
 } = {}) {
-  const [a, o] = h.useState(e), [n, l] = h.useState(), [d, u] = h.useState(), g = t ?? a, b = r ?? o, m = le({
+  const [a, n] = h.useState(e), [o, l] = h.useState(), [d, u] = h.useState(), g = t ?? a, b = r ?? n, m = le({
     open: g,
     onOpenChange: b
   }), s = m.context, f = ce(s, {
@@ -623,12 +623,12 @@ function Ve({
       setOpen: b,
       ...v,
       ...m,
-      labelId: n,
+      labelId: o,
       descriptionId: d,
       setLabelId: l,
       setDescriptionId: u
     }),
-    [g, b, v, m, n, d]
+    [g, b, v, m, o, d]
   );
 }
 const B = () => {
@@ -637,25 +637,25 @@ const B = () => {
     throw new Error("Modal components must be wrapped in <Modal />");
   return e;
 };
-function ze({
+function $e({
   children: e,
   ...t
 }) {
-  const r = Ve(t);
+  const r = ze(t);
   return /* @__PURE__ */ c(K.Provider, { value: r, children: e });
 }
 const Ue = h.forwardRef(function(e, t) {
-  const { context: r, ...a } = B(), o = me([a.refs.setFloating, t]);
+  const { context: r, ...a } = B(), n = me([a.refs.setFloating, t]);
   if (!r.open)
     return null;
-  const { overlayBackground: n, ...l } = e, d = i("grid place-items-center", {
-    [`${n}`]: n,
-    "bg-black sm:bg-black/[.8]": !n
+  const { overlayBackground: o, ...l } = e, d = i("grid place-items-center", {
+    [`${o}`]: o,
+    "bg-black sm:bg-black/[.8]": !o
   });
   return /* @__PURE__ */ c(ge, { children: /* @__PURE__ */ c(he, { className: d, lockScroll: !0, children: /* @__PURE__ */ c(be, { context: r, children: /* @__PURE__ */ c(
     "div",
     {
-      ref: o,
+      ref: n,
       "aria-labelledby": a.labelId,
       "aria-describedby": a.descriptionId,
       ...a.getFloatingProps(l),
@@ -663,27 +663,27 @@ const Ue = h.forwardRef(function(e, t) {
     }
   ) }) }) });
 }), Fe = h.forwardRef(function({ children: e, ...t }, r) {
-  const { setLabelId: a } = B(), o = Z();
-  return h.useLayoutEffect(() => (a(o), () => a(void 0)), [o, a]), /* @__PURE__ */ c("h1", { ...t, ref: r, id: o, children: e });
+  const { setLabelId: a } = B(), n = Z();
+  return h.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ c("h1", { ...t, ref: r, id: n, children: e });
 }), De = h.forwardRef(function({ children: e, ...t }, r) {
-  const { setDescriptionId: a } = B(), o = Z();
-  return h.useLayoutEffect(() => (a(o), () => a(void 0)), [o, a]), /* @__PURE__ */ c("div", { ...t, ref: r, id: o, children: e });
+  const { setDescriptionId: a } = B(), n = Z();
+  return h.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ c("div", { ...t, ref: r, id: n, children: e });
 }), je = h.forwardRef(function(e, t) {
-  const { setOpen: r } = B(), { trigger: a, className: o, ...n } = e, l = h.useCallback(() => r(!1), [r]);
-  return /* @__PURE__ */ c("div", { className: o, children: h.cloneElement(a, {
+  const { setOpen: r } = B(), { trigger: a, className: n, ...o } = e, l = h.useCallback(() => r(!1), [r]);
+  return /* @__PURE__ */ c("div", { className: n, children: h.cloneElement(a, {
     ref: t,
     onClick: l,
-    ...n
+    ...o
   }) });
 });
 /*!
-  @versini/ui-modal v1.2.11
+  @versini/ui-modal v1.2.12
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
-    version: "1.2.11",
-    buildTime: "03/10/2025 01:16 PM EDT",
+    version: "1.2.12",
+    buildTime: "03/10/2025 02:04 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -719,8 +719,8 @@ const N = "panel", C = "messagebox", Ge = ({
   onOpenChange: t,
   title: r,
   children: a,
-  footer: o,
-  borderMode: n = "light",
+  footer: n,
+  borderMode: o = "light",
   kind: l = N,
   className: d,
   animation: u = !1
@@ -728,7 +728,7 @@ const N = "panel", C = "messagebox", Ge = ({
   const g = p(""), b = p({ opacity: 0 }), [, m] = Y(!1), s = Ge({
     className: d,
     kind: l,
-    borderMode: n,
+    borderMode: o,
     animation: u
   });
   return R(() => (e && (g.current = document.title, document.title = `${r} | ${g.current}`), () => {
@@ -745,7 +745,7 @@ const N = "panel", C = "messagebox", Ge = ({
       }, 100);
       return () => clearTimeout(f);
     }
-  }, [e, u]), /* @__PURE__ */ c(X, { children: e && /* @__PURE__ */ c(ze, { open: e, onOpenChange: t, children: /* @__PURE__ */ S(
+  }, [e, u]), /* @__PURE__ */ c(X, { children: e && /* @__PURE__ */ c($e, { open: e, onOpenChange: t, children: /* @__PURE__ */ S(
     Ue,
     {
       className: s.main,
@@ -757,13 +757,13 @@ const N = "panel", C = "messagebox", Ge = ({
             {
               className: s.close,
               trigger: /* @__PURE__ */ c(
-                V,
+                z,
                 {
                   mode: "dark",
                   focusMode: "light",
                   noBorder: !0,
                   label: "Close",
-                  children: /* @__PURE__ */ c(Ae, {})
+                  children: /* @__PURE__ */ c(Ve, {})
                 }
               )
             }
@@ -771,7 +771,7 @@ const N = "panel", C = "messagebox", Ge = ({
           /* @__PURE__ */ c(Fe, { className: s.header, children: r })
         ] }),
         /* @__PURE__ */ c(De, { className: s.content, children: a }),
-        o && /* @__PURE__ */ c("div", { className: s.footer, children: o })
+        n && /* @__PURE__ */ c("div", { className: s.footer, children: n })
       ]
     }
   ) }) });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-panel",
-	"version": "1.4.0",
+	"version": "1.4.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -40,14 +40,14 @@
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-button": "4.2.10",
-		"@versini/ui-icons": "*",
-		"@versini/ui-modal": "1.2.11",
+		"@versini/ui-button": "4.2.11",
+		"@versini/ui-icons": "4.8.1",
+		"@versini/ui-modal": "1.2.12",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "9419055faaa8a0640e2d65f49026ac621238b6a5"
+	"gitHead": "fc7e720b770c5ee2e8537eabf9b2f458dba07696"
 }