@versini/ui-panel 1.3.9 → 1.3.11

package/dist/index.js

@@ -1,22 +1,22 @@
-import { jsx as n, jsxs as x, Fragment as $ } from "react/jsx-runtime";
+import { jsx as n, jsxs as x, Fragment as V } from "react/jsx-runtime";
 import i from "clsx";
 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";
+import C, { useId as z, useRef as D, useEffect as W } from "react";
+import { useFloating as G, useClick as Y, useDismiss as X, 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.9
+  @versini/ui-panel v1.3.11
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.3.9",
-    buildTime: "01/13/2025 07:45 PM EST",
+    version: "1.3.11",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "button", T = "link", ee = ({
+const P = "av-messagebox", O = "av-panel", $ = "av-button", _ = "icon", U = "button", M = "link", ee = ({
   type: e,
   size: t,
   labelRight: r,
@@ -25,8 +25,8 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
 }) => {
   const l = "max-h-8 py-0 px-2", s = "max-h-9 h-8 px-3", d = "max-h-12 py-2 px-4";
   switch (e) {
-    case z:
-    case T:
+    case U:
+    case M:
       return i({
         [l]: t === "small",
         [s]: t === "medium",
@@ -53,10 +53,10 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
 }) => {
   const o = "text-sm font-medium", l = "text-base font-medium", s = "text-lg font-medium";
   switch (e) {
-    case z:
-    case T:
+    case U:
+    case M:
       return i({
-        "text-center": e === T,
+        "text-center": e === M,
         [o]: t === "small",
         [l]: t === "medium",
         [s]: t === "large"
@@ -237,7 +237,19 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), U = ({
+}), se = ({
+  mode: e,
+  raw: t,
+  iconClassName: r
+}) => t ? "" : i(
+  {
+    "text-copy-accent-dark": e === "light" || e === "alt-system",
+    "text-copy-light": e === "dark" || e === "system",
+    "dark:text-copy-light": e === "alt-system",
+    "dark:text-copy-accent-dark": e === "system"
+  },
+  r
+), A = ({
   type: e,
   className: t,
   raw: r,
@@ -254,8 +266,8 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
   noTruncate: u,
   align: v,
   radius: p
-}) => (c || (c = "primary"), r ? i(O, t) : i(
-  O,
+}) => (c || (c = "primary"), r ? i($, t) : i(
+  $,
   te({
     mode: a,
     variant: c,
@@ -281,24 +293,24 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
     "disabled:cursor-not-allowed disabled:opacity-50": l
   },
   t
-)), se = (e, t, r) => {
+)), ce = (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);
-}, L = M.forwardRef((e, t) => {
+}, L = C.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...o } = e;
   return /* @__PURE__ */ n(
     "button",
     {
       ref: t,
       onClick: (l) => {
-        se(l, a, r);
+        ce(l, a, r);
       },
       ...o
     }
   );
 });
 L.displayName = "BaseButton";
-const A = M.forwardRef(
+const F = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -318,9 +330,10 @@ const A = M.forwardRef(
     align: p = "center",
     radius: y = "large",
     variant: I = "primary",
-    ...E
-  }, B) => {
-    const S = U({
+    iconClassName: E,
+    ...B
+  }, S) => {
+    const R = A({
       type: _,
       mode: r,
       focusMode: a,
@@ -336,45 +349,40 @@ const A = M.forwardRef(
       align: p,
       radius: y,
       variant: I
-    }), R = i({
-      "text-copy-accent-dark": (r === "light" || r === "alt-system") && !d,
-      "text-copy-light": (r === "dark" || r === "system") && !d,
-      "dark:text-copy-light": r === "alt-system" && !d,
-      "dark:text-copy-accent-dark": r === "system" && !d
-    });
+    }), T = se({ mode: r, raw: d, iconClassName: E });
     return /* @__PURE__ */ x(
       L,
       {
-        ref: B,
-        className: S,
+        ref: S,
+        className: R,
         disabled: t,
         type: s,
         "aria-label": g || b,
-        ...E,
+        ...B,
         children: [
           u && /* @__PURE__ */ n("span", { className: "pr-2", children: u }),
-          /* @__PURE__ */ n("div", { className: R, children: e }),
+          /* @__PURE__ */ n("div", { className: T, children: e }),
           c && /* @__PURE__ */ n("span", { className: "pl-2", children: c })
         ]
       }
     );
   }
 );
-A.displayName = "ButtonIcon";
+F.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.0.9
+  @versini/ui-button v4.1.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.9",
-    buildTime: "01/13/2025 07:45 PM EST",
+    version: "4.1.0",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ce = M.forwardRef(
+const ge = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -396,7 +404,7 @@ const ce = M.forwardRef(
     radius: I = "large",
     ...E
   }, B) => {
-    const S = U({
+    const S = A({
       type: _,
       mode: r,
       focusMode: a,
@@ -416,7 +424,7 @@ const ce = M.forwardRef(
       "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(
+    }), T = y ? i(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -433,7 +441,7 @@ const ce = M.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ n("div", { className: j, children: /* @__PURE__ */ x(
+    return /* @__PURE__ */ n("div", { className: T, children: /* @__PURE__ */ x(
       L,
       {
         ref: B,
@@ -451,8 +459,8 @@ const ce = M.forwardRef(
     ) });
   }
 );
-ce.displayName = "ButtonSort";
-const ge = ({
+ge.displayName = "ButtonSort";
+const me = ({
   children: e,
   fill: t,
   viewBox: r,
@@ -464,7 +472,7 @@ const ge = ({
   ...h
 }) => {
   const g = i(l, a);
-  return /* @__PURE__ */ x($, { children: [
+  return /* @__PURE__ */ x(V, { children: [
     /* @__PURE__ */ n(
       "svg",
       {
@@ -483,26 +491,26 @@ const ge = ({
   ] });
 };
 /*!
-  @versini/ui-svgicon v4.0.3
+  @versini/ui-svgicon v4.0.4
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.0.3",
-    buildTime: "01/13/2025 07:45 PM EST",
+    version: "4.0.4",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const me = ({
+const he = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...o
 }) => /* @__PURE__ */ n(
-  ge,
+  me,
   {
     defaultViewBox: "0 0 384 512",
     size: "size-5",
@@ -514,20 +522,20 @@ const me = ({
   }
 );
 /*!
-  @versini/ui-icons v4.4.2
+  @versini/ui-icons v4.4.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.4.2",
-    buildTime: "01/13/2025 07:45 PM EST",
+    version: "4.4.3",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const F = m.createContext(null);
-function he({
+const j = m.createContext(null);
+function ue({
   initialOpen: e = !1,
   open: t,
   onOpenChange: r
@@ -535,9 +543,9 @@ function he({
   const [a, o] = m.useState(e), [l, s] = m.useState(), [d, h] = m.useState(), g = t ?? a, b = r ?? o, f = G({
     open: g,
     onOpenChange: b
-  }), c = f.context, u = X(c, {
+  }), c = f.context, u = Y(c, {
     enabled: t == null
-  }), v = Y(c, {
+  }), v = X(c, {
     outsidePress: !1,
     outsidePressEvent: "mousedown"
   }), p = q(c), y = H([u, v, p]);
@@ -556,19 +564,19 @@ function he({
   );
 }
 const N = () => {
-  const e = m.useContext(F);
+  const e = m.useContext(j);
   if (e == null)
     throw new Error("Modal components must be wrapped in <Modal />");
   return e;
 };
-function ue({
+function be({
   children: e,
   ...t
 }) {
-  const r = he(t);
-  return /* @__PURE__ */ n(F.Provider, { value: r, children: e });
+  const r = ue(t);
+  return /* @__PURE__ */ n(j.Provider, { value: r, children: e });
 }
-const be = m.forwardRef(function(e, t) {
+const fe = m.forwardRef(function(e, t) {
   const { context: r, ...a } = N(), o = J([a.refs.setFloating, t]);
   if (!r.open)
     return null;
@@ -586,13 +594,13 @@ const be = m.forwardRef(function(e, t) {
       children: s.children
     }
   ) }) }) });
-}), fe = m.forwardRef(function({ children: e, ...t }, r) {
-  const { setLabelId: a } = N(), o = V();
-  return m.useLayoutEffect(() => (a(o), () => a(void 0)), [o, a]), /* @__PURE__ */ n("h1", { ...t, ref: r, id: o, children: e });
 }), ve = m.forwardRef(function({ children: e, ...t }, r) {
-  const { setDescriptionId: a } = N(), o = V();
+  const { setLabelId: a } = N(), o = z();
+  return m.useLayoutEffect(() => (a(o), () => a(void 0)), [o, a]), /* @__PURE__ */ n("h1", { ...t, ref: r, id: o, children: e });
+}), pe = m.forwardRef(function({ children: e, ...t }, r) {
+  const { setDescriptionId: a } = N(), o = z();
   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) {
+}), ye = m.forwardRef(function(e, t) {
   const { setOpen: r } = N(), { trigger: a, className: o, ...l } = e, s = m.useCallback(() => r(!1), [r]);
   return /* @__PURE__ */ n("div", { className: o, children: m.cloneElement(a, {
     ref: t,
@@ -601,28 +609,28 @@ const be = m.forwardRef(function(e, t) {
   }) });
 });
 /*!
-  @versini/ui-modal v1.2.3
+  @versini/ui-modal v1.2.5
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
-    version: "1.2.3",
-    buildTime: "01/13/2025 07:45 PM EST",
+    version: "1.2.5",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const k = "panel", w = "messagebox", ye = ({
+const k = "panel", w = "messagebox", ke = ({
   className: e,
   kind: t,
   borderMode: r
 }) => ({
   main: i("prose prose-lighter flex flex-col bg-surface-medium", {
-    [`${P} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === k,
-    [`${P} w-full sm:w-[95%] md:max-w-2xl`]: t === k && !e,
-    [`${C} rounded-lg border-2`]: t === w,
-    [`${C} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === w && !e,
+    [`${O} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === k,
+    [`${O} w-full sm:w-[95%] md:max-w-2xl`]: t === k && !e,
+    [`${P} rounded-lg border-2`]: t === w,
+    [`${P} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === w && !e,
     [`${e}`]: !!e,
     "sm:border-border-dark": r === "dark" && t === k,
     "sm:border-border-accent": r === "light" && t === k,
@@ -633,7 +641,7 @@ const k = "panel", w = "messagebox", ye = ({
   footer: "flex flex-grow flex-col sm:p-4 p-2",
   header: "sm:p-4 mb-0 p-2",
   close: "sm:p-4 p-2"
-}), Ne = ({
+}), Ie = ({
   open: e,
   onOpenChange: t,
   title: r,
@@ -643,35 +651,35 @@ const k = "panel", w = "messagebox", ye = ({
   kind: s = k,
   className: d
 }) => {
-  const h = D(""), g = ye({ className: d, kind: s, borderMode: l });
+  const h = D(""), g = ke({ className: d, kind: s, 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: [
+  }), [r, e]), /* @__PURE__ */ n(V, { children: e && /* @__PURE__ */ n(be, { open: e, onOpenChange: t, children: /* @__PURE__ */ x(fe, { className: g.main, children: [
     /* @__PURE__ */ x("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ n(
-        pe,
+        ye,
         {
           className: g.close,
           trigger: /* @__PURE__ */ n(
-            A,
+            F,
             {
               mode: "dark",
               focusMode: "light",
               noBorder: !0,
               label: "Close",
-              children: /* @__PURE__ */ n(me, {})
+              children: /* @__PURE__ */ n(he, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ n(fe, { className: g.header, children: r })
+      /* @__PURE__ */ n(ve, { className: g.header, children: r })
     ] }),
-    /* @__PURE__ */ n(ve, { className: g.content, children: a }),
+    /* @__PURE__ */ n(pe, { className: g.content, children: a }),
     o && /* @__PURE__ */ n("div", { className: g.footer, children: o })
   ] }) }) });
 };
 export {
-  C as MESSAGEBOX_CLASSNAME,
-  P as PANEL_CLASSNAME,
-  Ne as Panel
+  P as MESSAGEBOX_CLASSNAME,
+  O as PANEL_CLASSNAME,
+  Ie as Panel
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-panel",
-	"version": "1.3.9",
+	"version": "1.3.11",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -38,15 +38,15 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"dependencies": {
-		"@tailwindcss/typography": "0.5.15",
-		"@versini/ui-button": "4.0.9",
-		"@versini/ui-icons": "4.4.2",
-		"@versini/ui-modal": "1.2.3",
+		"@tailwindcss/typography": "0.5.16",
+		"@versini/ui-button": "4.1.0",
+		"@versini/ui-icons": "4.4.3",
+		"@versini/ui-modal": "1.2.5",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "62e5ad9aef3842ebba9e968c0cde595e6fd81544"
+	"gitHead": "2be4fd5fe7dd74804533efdedcc6cfa4023a739a"
 }