@versini/ui-panel 2.2.2 → 2.2.3

package/dist/components/Panel/Panel.js

@@ -1,8 +1,8 @@
 import { jsx as s, jsxs as L, Fragment as K } from "react/jsx-runtime";
 import * as h from "react";
-import F, { useRef as N, useLayoutEffect as H, useEffect as B, useState as Q, useMemo as Z, useCallback as me, useId as ee } from "react";
+import F, { useRef as N, useLayoutEffect as H, useEffect as B, useState as Q, useMemo as Z, useCallback as ue, useId as ee } from "react";
 import n from "clsx";
-import { useFloating as ue, useClick as ge, useDismiss as he, useRole as fe, useInteractions as be, useMergeRefs as ye, FloatingPortal as ve, FloatingOverlay as pe, FloatingFocusManager as ke } from "@floating-ui/react";
+import { useFloating as me, useClick as ge, useDismiss as he, useRole as fe, useInteractions as be, useMergeRefs as ye, FloatingPortal as ve, FloatingOverlay as pe, FloatingFocusManager as ke } from "@floating-ui/react";
 const q = "av-messagebox", R = "av-panel", X = "av-button", V = "icon", te = "button", D = "link", xe = ({
   type: e,
   size: r,
@@ -290,21 +290,21 @@ const q = "av-messagebox", R = "av-panel", X = "av-button", V = "icon", te = "bu
   noBorder: c,
   labelRight: g,
   labelLeft: y,
-  noBackground: m,
-  variant: u,
+  noBackground: u,
+  variant: m,
   truncate: f,
   align: b,
   radius: w,
   animated: I
-}) => (u || (u = "primary"), t ? n(X, r) : n(
+}) => (m || (m = "primary"), t ? n(X, r) : n(
   X,
   Ie({
     mode: a,
-    variant: u,
-    noBackground: m,
+    variant: m,
+    noBackground: u,
     truncate: f
   }),
-  _e({ mode: a, noBackground: m, variant: u }),
+  _e({ mode: a, noBackground: u, variant: m }),
   Ne({ radius: w }),
   xe({
     type: e,
@@ -315,10 +315,10 @@ const q = "av-messagebox", R = "av-panel", X = "av-button", V = "icon", te = "bu
     animated: I
   }),
   we({ type: e, size: d, labelRight: g, labelLeft: y }),
-  Be({ mode: a, variant: u, noBorder: c }),
+  Be({ mode: a, variant: m, noBorder: c }),
   Se({ focusMode: i }),
-  Ee({ mode: a, variant: u, disabled: o }),
-  Ce({ mode: a, variant: u, disabled: o }),
+  Ee({ mode: a, variant: m, disabled: o }),
+  Ce({ mode: a, variant: m, disabled: o }),
   {
     "w-full": l,
     "disabled:cursor-not-allowed disabled:opacity-50": o
@@ -347,7 +347,7 @@ function $e() {
   const e = N(!1);
   return B(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), me(() => e.current, []);
+  }), []), ue(() => e.current, []);
 }
 function Oe(e) {
   return Z(() => e.every((r) => r == null) ? () => {
@@ -405,8 +405,8 @@ const M = {
     noBorder: c = !1,
     "aria-label": g,
     label: y,
-    size: m = "medium",
-    labelRight: u,
+    size: u = "medium",
+    labelRight: m,
     labelLeft: f,
     noBackground: b = !1,
     align: w = "center",
@@ -425,8 +425,8 @@ const M = {
       raw: d,
       className: o,
       noBorder: c,
-      size: m,
-      labelRight: u,
+      size: u,
+      labelRight: m,
       labelLeft: f,
       noBackground: b,
       align: w,
@@ -435,22 +435,22 @@ const M = {
       animated: k
     }), le = Re({ mode: t, raw: d, iconClassName: ie, variant: j }), G = Me({ animated: k }), ce = "flex items-center justify-center relative w-full h-full overflow-hidden", [v, O] = z(), [p, A] = z(), [S, Y] = z(), P = N(0), x = N(null), E = N(null), de = Oe([ne, x]);
     return H(() => {
-      S && S.current && k && (P.current = Y.width + Pe[m] + (c ? 0 : ze), x.current && !x.current.style.width && (x.current.style.width = `${M[m]}px`));
-    }, [Y, S, m, c, k]), H(() => {
+      S && S.current && k && (P.current = Y.width + Pe[u] + (c ? 0 : ze), x.current && !x.current.style.width && (x.current.style.width = `${M[u]}px`));
+    }, [Y, S, u, c, k]), H(() => {
       if (x && x.current && k) {
-        let C = M[m];
-        u && v && O.width > 0 ? C = O.width + P.current : f && p && A.width > 0 && (C = A.width + P.current), E.current && clearTimeout(E.current), C !== parseInt(x.current.style.width || "0", 10) && (v.current && (v.current.style.opacity = "0"), p.current && (p.current.style.opacity = "0"), x.current.style.width = `${C}px`, C > M[m] && (E.current = setTimeout(() => {
-          v.current && u && (v.current.style.opacity = "1"), p.current && f && (p.current.style.opacity = "1"), E.current = null;
-        }, De * 0.8))), C === M[m] && (v.current && (v.current.style.opacity = "0"), p.current && (p.current.style.opacity = "0"));
+        let C = M[u];
+        m && v && O.width > 0 ? C = O.width + P.current : f && p && A.width > 0 && (C = A.width + P.current), E.current && clearTimeout(E.current), C !== parseInt(x.current.style.width || "0", 10) && (v.current && (v.current.style.opacity = "0"), p.current && (p.current.style.opacity = "0"), x.current.style.width = `${C}px`, C > M[u] && (E.current = setTimeout(() => {
+          v.current && m && (v.current.style.opacity = "1"), p.current && f && (p.current.style.opacity = "1"), E.current = null;
+        }, De * 0.8))), C === M[u] && (v.current && (v.current.style.opacity = "0"), p.current && (p.current.style.opacity = "0"));
       }
     }, [
       O,
-      u,
+      m,
       v,
       A,
       f,
       p,
-      m,
+      u,
       k
     ]), B(() => () => {
       E.current && clearTimeout(E.current);
@@ -478,7 +478,7 @@ const M = {
           /* @__PURE__ */ s(
             W,
             {
-              label: u,
+              label: m,
               labelRef: v,
               labelClass: G,
               labelInnerClass: "pl-2",
@@ -512,7 +512,7 @@ U.displayName = "ButtonIcon";
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
     version: "7.0.0",
-    buildTime: "08/07/2025 04:11 PM EDT",
+    buildTime: "08/07/2025 07:27 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -643,27 +643,27 @@ function je({
   open: r,
   onOpenChange: t
 } = {}) {
-  const [a, i] = h.useState(e), [o, l] = h.useState(), [d, c] = h.useState(), g = r ?? a, y = t ?? i, m = ue({
+  const [a, i] = h.useState(e), [o, l] = h.useState(), [d, c] = h.useState(), g = r ?? a, y = t ?? i, u = me({
     open: g,
     onOpenChange: y
-  }), u = m.context, f = ge(u, {
+  }), m = u.context, f = ge(m, {
     enabled: r == null
-  }), b = he(u, {
+  }), b = he(m, {
     outsidePress: !1,
     outsidePressEvent: "mousedown"
-  }), w = fe(u), I = be([f, b, w]);
+  }), w = fe(m), I = be([f, b, w]);
   return h.useMemo(
     () => ({
       open: g,
       setOpen: y,
       ...I,
-      ...m,
+      ...u,
       labelId: o,
       descriptionId: d,
       setLabelId: l,
       setDescriptionId: c
     }),
-    [g, y, I, m, o, d]
+    [g, y, I, u, o, d]
   );
 }
 const $ = () => {
@@ -718,7 +718,7 @@ const Ye = h.forwardRef(function(e, r) {
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
     version: "2.0.6",
-    buildTime: "08/07/2025 04:12 PM EDT",
+    buildTime: "08/07/2025 07:27 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -731,7 +731,7 @@ const _ = "panel", T = "messagebox", We = ({
   animation: a,
   maxWidth: i = "medium"
 }) => ({
-  main: n("prose prose-lighter flex flex-col bg-surface-medium", {
+  main: n("prose prose-lighter flex flex-col bg-surface-dark", {
     "duration-200 ease-out": a,
     [`${R} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: r === _,
     [`${R} w-full sm:w-[95%] md:max-w-2xl`]: r === _ && !e && i === "small",
@@ -762,7 +762,7 @@ const _ = "panel", T = "messagebox", We = ({
   animationType: g = Je,
   maxWidth: y = "medium"
 }) => {
-  const m = N(""), [u, f] = Q(
+  const u = N(""), [m, f] = Q(
     c ? g === J ? { opacity: 0 } : {
       transform: "translateY(-100vh)"
     } : {}
@@ -773,8 +773,8 @@ const _ = "panel", T = "messagebox", We = ({
     animation: c,
     maxWidth: y
   });
-  return B(() => (e && (m.current = document.title, document.title = `${t} | ${m.current}`), () => {
-    e && (document.title = m.current);
+  return B(() => (e && (u.current = document.title, document.title = `${t} | ${u.current}`), () => {
+    e && (document.title = u.current);
   }), [t, e]), B(() => {
     if (c && e) {
       f(
@@ -791,7 +791,7 @@ const _ = "panel", T = "messagebox", We = ({
       }, 100);
       return () => clearTimeout(w);
     }
-  }, [e, c, g]), /* @__PURE__ */ s(K, { children: e && /* @__PURE__ */ s(Ge, { open: e, onOpenChange: r, children: /* @__PURE__ */ L(Ye, { className: b.main, style: u, children: [
+  }, [e, c, g]), /* @__PURE__ */ s(K, { children: e && /* @__PURE__ */ s(Ge, { open: e, onOpenChange: r, children: /* @__PURE__ */ L(Ye, { className: b.main, style: m, children: [
     /* @__PURE__ */ L("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ s(
         Xe,
@@ -804,7 +804,7 @@ const _ = "panel", T = "messagebox", We = ({
               focusMode: "light",
               noBorder: !0,
               label: "Close",
-              children: /* @__PURE__ */ s(Ue, {})
+              children: /* @__PURE__ */ s(Ue, { monotone: !0 })
             }
           )
         }

package/dist/index.js

@@ -1,12 +1,12 @@
 import { MESSAGEBOX_CLASSNAME as o, PANEL_CLASSNAME as E, Panel as n } from "./components/Panel/Panel.js";
 /*!
-  @versini/ui-panel v2.2.2
+  @versini/ui-panel v2.2.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "2.2.2",
-    buildTime: "08/07/2025 04:12 PM EDT",
+    version: "2.2.3",
+    buildTime: "08/07/2025 07:27 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-panel",
-	"version": "2.2.2",
+	"version": "2.2.3",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -53,5 +53,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "42daab1fb88c366495abbc1db78a9987de05e59b"
+	"gitHead": "d9a7003730703bed7eb3240a1db79b2d4e5dd7aa"
 }