@versini/ui-panel 1.3.2 → 1.3.4

package/dist/index.js

@@ -4,13 +4,13 @@ import * as m from "react";
 import M, { useId as V, useRef as D, useEffect as W } from "react";
 import { useFloating as G, useClick as X, useDismiss as Y, useRole as q, useInteractions as H, useMergeRefs as J, FloatingPortal as K, FloatingOverlay as Q, FloatingFocusManager as Z } from "@floating-ui/react";
 /*!
-  @versini/ui-panel v1.3.2
+  @versini/ui-panel v1.3.4
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.3.2",
-    buildTime: "01/04/2025 01:33 PM EST",
+    version: "1.3.4",
+    buildTime: "01/06/2025 08:01 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -23,14 +23,14 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
   labelLeft: a,
   align: o
 }) => {
-  const d = "max-h-8 py-0 px-2", c = "max-h-9 py-1 px-3", l = "max-h-12 py-2 px-4";
+  const l = "max-h-8 py-0 px-2", c = "max-h-9 py-1 px-3", d = "max-h-12 py-2 px-4";
   switch (e) {
     case z:
     case T:
       return i({
-        [d]: t === "small",
+        [l]: t === "small",
         [c]: t === "medium",
-        [l]: t === "large"
+        [d]: t === "large"
       });
     case _:
       return i("inline-flex items-center", {
@@ -51,20 +51,20 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
   labelRight: r,
   labelLeft: a
 }) => {
-  const o = "text-sm font-medium", d = "text-base font-medium", c = "text-lg font-medium";
+  const o = "text-sm font-medium", l = "text-base font-medium", c = "text-lg font-medium";
   switch (e) {
     case z:
     case T:
       return i({
         "text-center": e === T,
         [o]: t === "small",
-        [d]: t === "medium",
+        [l]: t === "medium",
         [c]: t === "large"
       });
     case _:
       return i({
         [o]: t === "small" && (r || a),
-        [d]: t === "medium" && (r || a),
+        [l]: t === "medium" && (r || a),
         [c]: t === "large" && (r || a)
       });
   }
@@ -200,7 +200,7 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
     });
   if (r === "selected")
     return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, de = ({
+}, le = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -230,7 +230,7 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
     });
   if (r === "selected")
     return "border border-border-selected-dark";
-}, le = ({
+}, de = ({
   focusMode: e
 }) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
@@ -243,9 +243,9 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
   raw: r,
   mode: a,
   focusMode: o,
-  disabled: d,
+  disabled: l,
   fullWidth: c,
-  size: l,
+  size: d,
   noBorder: h,
   labelRight: g,
   labelLeft: b,
@@ -266,19 +266,19 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
   oe({ radius: p }),
   ee({
     type: e,
-    size: l,
+    size: d,
     labelRight: g,
     labelLeft: b,
     align: v
   }),
-  re({ type: e, size: l, labelRight: g, labelLeft: b }),
-  de({ mode: a, variant: s, noBorder: h }),
-  le({ focusMode: o }),
-  ie({ mode: a, variant: s, disabled: d }),
-  ne({ mode: a, variant: s, disabled: d }),
+  re({ type: e, size: d, labelRight: g, labelLeft: b }),
+  le({ mode: a, variant: s, noBorder: h }),
+  de({ focusMode: o }),
+  ie({ mode: a, variant: s, disabled: l }),
+  ne({ mode: a, variant: s, disabled: l }),
   {
     "w-full": c,
-    "disabled:cursor-not-allowed disabled:opacity-50": d
+    "disabled:cursor-not-allowed disabled:opacity-50": l
   },
   t
 )), ce = (e, t, r) => {
@@ -290,8 +290,8 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
     "button",
     {
       ref: t,
-      onClick: (d) => {
-        ce(d, a, r);
+      onClick: (l) => {
+        ce(l, a, r);
       },
       ...o
     }
@@ -305,9 +305,9 @@ const A = M.forwardRef(
     mode: r = "system",
     focusMode: a = "system",
     fullWidth: o = !1,
-    className: d,
+    className: l,
     type: c = "button",
-    raw: l = !1,
+    raw: d = !1,
     noBorder: h = !1,
     "aria-label": g,
     label: b,
@@ -326,8 +326,8 @@ const A = M.forwardRef(
       focusMode: a,
       fullWidth: o,
       disabled: t,
-      raw: l,
-      className: d,
+      raw: d,
+      className: l,
       noBorder: h,
       size: f,
       labelRight: s,
@@ -337,10 +337,10 @@ const A = M.forwardRef(
       radius: y,
       variant: I
     }), R = i({
-      "text-copy-accent-dark": r === "light" && !l,
-      "text-copy-light": r === "dark" && !l,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !l,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !l
+      "text-copy-accent-dark": r === "light" && !d,
+      "text-copy-light": r === "dark" && !d,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
     });
     return /* @__PURE__ */ x(
       L,
@@ -362,13 +362,13 @@ const A = M.forwardRef(
 );
 A.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.0.2
+  @versini/ui-button v4.0.4
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.2",
-    buildTime: "01/04/2025 01:33 PM EST",
+    version: "4.0.4",
+    buildTime: "01/06/2025 08:01 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -381,9 +381,9 @@ const se = M.forwardRef(
     mode: r = "system",
     focusMode: a = "system",
     fullWidth: o = !1,
-    className: d,
+    className: l,
     type: c = "button",
-    raw: l = !1,
+    raw: d = !1,
     noBorder: h = !1,
     "aria-label": g,
     label: b,
@@ -402,8 +402,8 @@ const se = M.forwardRef(
       focusMode: a,
       fullWidth: o,
       disabled: t,
-      raw: l,
-      className: d,
+      raw: d,
+      className: l,
       noBorder: h,
       size: f,
       labelRight: s,
@@ -412,10 +412,10 @@ const se = M.forwardRef(
       align: p,
       radius: I
     }), R = i({
-      "text-copy-accent-dark": r === "light" && !l,
-      "text-copy-light": r === "dark" && !l,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !l,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !l
+      "text-copy-accent-dark": r === "light" && !d,
+      "text-copy-light": r === "dark" && !d,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
     }), j = y ? i(
       "relative",
       "focus-within:static",
@@ -458,12 +458,12 @@ const ge = ({
   viewBox: r,
   className: a,
   defaultViewBox: o,
-  size: d,
+  size: l,
   title: c,
-  semantic: l = !1,
+  semantic: d = !1,
   ...h
 }) => {
-  const g = i(d, a);
+  const g = i(l, a);
   return /* @__PURE__ */ x($, { children: [
     /* @__PURE__ */ n(
       "svg",
@@ -473,23 +473,23 @@ const ge = ({
         viewBox: r || o,
         fill: t || "currentColor",
         role: "img",
-        "aria-hidden": !l,
+        "aria-hidden": !d,
         focusable: !1,
         ...h,
         children: e
       }
     ),
-    c && l && /* @__PURE__ */ n("span", { className: "sr-only", children: c })
+    c && d && /* @__PURE__ */ n("span", { className: "sr-only", children: c })
   ] });
 };
 /*!
-  @versini/ui-svgicon v4.0.0
+  @versini/ui-svgicon v4.0.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.0.0",
-    buildTime: "01/04/2025 01:33 PM EST",
+    version: "4.0.1",
+    buildTime: "01/06/2025 08:00 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -510,17 +510,17 @@ const me = ({
     className: e,
     title: r || "Close",
     ...o,
-    children: /* @__PURE__ */ n("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z" })
+    children: /* @__PURE__ */ n("path", { d: "M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z" })
   }
 );
 /*!
-  @versini/ui-icons v4.1.0
+  @versini/ui-icons v4.2.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.1.0",
-    buildTime: "01/04/2025 01:33 PM EST",
+    version: "4.2.1",
+    buildTime: "01/06/2025 08:00 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -532,7 +532,7 @@ function he({
   open: t,
   onOpenChange: r
 } = {}) {
-  const [a, o] = m.useState(e), [d, c] = m.useState(), [l, h] = m.useState(), g = t ?? a, b = r ?? o, f = G({
+  const [a, o] = m.useState(e), [l, c] = m.useState(), [d, h] = m.useState(), g = t ?? a, b = r ?? o, f = G({
     open: g,
     onOpenChange: b
   }), s = f.context, u = X(s, {
@@ -547,12 +547,12 @@ function he({
       setOpen: b,
       ...y,
       ...f,
-      labelId: d,
-      descriptionId: l,
+      labelId: l,
+      descriptionId: d,
       setLabelId: c,
       setDescriptionId: h
     }),
-    [g, b, y, f, d, l]
+    [g, b, y, f, l, d]
   );
 }
 const N = () => {
@@ -572,11 +572,11 @@ const be = m.forwardRef(function(e, t) {
   const { context: r, ...a } = N(), o = J([a.refs.setFloating, t]);
   if (!r.open)
     return null;
-  const { overlayBackground: d, ...c } = e, l = i("grid place-items-center", {
-    [`${d}`]: d,
-    "bg-black sm:bg-black/[.8]": !d
+  const { overlayBackground: l, ...c } = e, d = i("grid place-items-center", {
+    [`${l}`]: l,
+    "bg-black sm:bg-black/[.8]": !l
   });
-  return /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(Q, { className: l, lockScroll: !0, children: /* @__PURE__ */ n(Z, { context: r, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(Q, { className: d, lockScroll: !0, children: /* @__PURE__ */ n(Z, { context: r, children: /* @__PURE__ */ n(
     "div",
     {
       ref: o,
@@ -593,21 +593,21 @@ const be = m.forwardRef(function(e, t) {
   const { setDescriptionId: a } = N(), o = V();
   return m.useLayoutEffect(() => (a(o), () => a(void 0)), [o, a]), /* @__PURE__ */ n("div", { ...t, ref: r, id: o, children: e });
 }), pe = m.forwardRef(function(e, t) {
-  const { setOpen: r } = N(), { trigger: a, className: o, ...d } = e, c = m.useCallback(() => r(!1), [r]);
+  const { setOpen: r } = N(), { trigger: a, className: o, ...l } = e, c = m.useCallback(() => r(!1), [r]);
   return /* @__PURE__ */ n("div", { className: o, children: m.cloneElement(a, {
     ref: t,
     onClick: c,
-    ...d
+    ...l
   }) });
 });
 /*!
-  @versini/ui-modal v1.2.0
+  @versini/ui-modal v1.2.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
-    version: "1.2.0",
-    buildTime: "01/04/2025 01:33 PM EST",
+    version: "1.2.1",
+    buildTime: "01/06/2025 08:00 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -639,11 +639,11 @@ const k = "panel", w = "messagebox", ye = ({
   title: r,
   children: a,
   footer: o,
-  borderMode: d = "light",
+  borderMode: l = "light",
   kind: c = k,
-  className: l
+  className: d
 }) => {
-  const h = D(""), g = ye({ className: l, kind: c, borderMode: d });
+  const h = D(""), g = ye({ className: d, kind: c, borderMode: l });
   return W(() => (e && (h.current = document.title, document.title = `${r} | ${h.current}`), () => {
     e && (document.title = h.current);
   }), [r, e]), /* @__PURE__ */ n($, { children: e && /* @__PURE__ */ n(ue, { open: e, onOpenChange: t, children: /* @__PURE__ */ x(be, { className: g.main, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-panel",
-	"version": "1.3.2",
+	"version": "1.3.4",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -39,14 +39,14 @@
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.15",
-		"@versini/ui-button": "4.0.2",
-		"@versini/ui-icons": "4.1.0",
-		"@versini/ui-modal": "1.2.0",
+		"@versini/ui-button": "4.0.4",
+		"@versini/ui-icons": "4.2.1",
+		"@versini/ui-modal": "1.2.1",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "bf6b0d285a70c47a5efc225f32756b95cb963a49"
+	"gitHead": "0769d7ea2b70f5ea7b50f587faf90a079d33f9b9"
 }