@versini/ui-panel 1.4.2 → 1.4.4

package/dist/index.js

@@ -4,19 +4,19 @@ import V, { useRef as _, useLayoutEffect as F, useMemo as q, useState as Z, useE
 import i from "clsx";
 import { useFloating as ce, useClick as se, useDismiss as de, useRole as ue, useInteractions as me, useMergeRefs as ge, FloatingPortal as he, FloatingOverlay as be, FloatingFocusManager as fe } from "@floating-ui/react";
 /*!
-  @versini/ui-panel v1.4.2
+  @versini/ui-panel v1.4.4
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.4.2",
-    buildTime: "03/12/2025 01:46 PM EDT",
+    version: "1.4.4",
+    buildTime: "03/14/2025 05:17 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const U = "av-messagebox", j = "av-panel", Y = "av-button", T = "icon", J = "button", P = "link", ve = ({
+const U = "av-messagebox", j = "av-panel", Y = "av-button", B = "icon", J = "button", P = "link", ve = ({
   type: e,
   size: t,
   labelRight: r,
@@ -33,7 +33,7 @@ const U = "av-messagebox", j = "av-panel", Y = "av-button", T = "icon", J = "but
         [d]: t === "medium",
         [s]: t === "large"
       });
-    case T:
+    case B:
       return i("flex items-center", {
         "justify-center": n === "center",
         "justify-start": n === "left",
@@ -68,7 +68,7 @@ const U = "av-messagebox", j = "av-panel", Y = "av-button", T = "icon", J = "but
         [o]: t === "medium",
         [l]: t === "large"
       });
-    case T:
+    case B:
       return i({
         [n]: t === "small" && (r || a),
         [o]: t === "medium" && (r || a),
@@ -78,14 +78,14 @@ const U = "av-messagebox", j = "av-panel", Y = "av-button", T = "icon", J = "but
 }, pe = ({
   mode: e,
   noBackground: t,
-  noTruncate: r,
+  truncate: r,
   variant: a
 }) => {
   if (t)
     return "not-prose";
   if (a === "primary")
     return i("not-prose", {
-      truncate: !r,
+      truncate: r,
       "text-copy-light": e === "dark" || e === "system",
       "text-copy-lighter": e === "light" || e === "alt-system",
       "dark:text-copy-lighter": e === "system",
@@ -93,7 +93,7 @@ const U = "av-messagebox", j = "av-panel", Y = "av-button", T = "icon", J = "but
     });
   if (a === "secondary")
     return i("not-prose", {
-      truncate: !r,
+      truncate: r,
       "text-copy-light": e === "light" || e === "system",
       "text-copy-lighter": e === "dark" || e === "alt-system",
       "dark:text-copy-lighter": e === "alt-system",
@@ -101,7 +101,7 @@ const U = "av-messagebox", j = "av-panel", Y = "av-button", T = "icon", J = "but
     });
   if (a === "danger")
     return i("not-prose", {
-      truncate: !r,
+      truncate: r,
       "text-copy-light": e === "dark" || e === "system",
       "text-copy-lighter": e === "light" || e === "alt-system",
       "dark:text-copy-lighter": e === "system",
@@ -109,7 +109,7 @@ const U = "av-messagebox", j = "av-panel", Y = "av-button", T = "icon", J = "but
     });
   if (a === "selected")
     return i("not-prose text-copy-lighter", {
-      truncate: !r
+      truncate: r
     });
 }, ke = ({
   mode: e,
@@ -274,7 +274,7 @@ const U = "av-messagebox", j = "av-panel", Y = "av-button", T = "icon", J = "but
   labelLeft: f,
   noBackground: g,
   variant: u,
-  noTruncate: h,
+  truncate: h,
   align: v,
   radius: I,
   animated: y
@@ -284,7 +284,7 @@ const U = "av-messagebox", j = "av-panel", Y = "av-button", T = "icon", J = "but
     mode: a,
     variant: u,
     noBackground: g,
-    noTruncate: h
+    truncate: h
   }),
   ke({ mode: a, noBackground: g, variant: u }),
   xe({ radius: I }),
@@ -306,7 +306,7 @@ const U = "av-messagebox", j = "av-panel", Y = "av-button", T = "icon", J = "but
     "disabled:cursor-not-allowed disabled:opacity-50": o
   },
   i({
-    "transition-[width] duration-300 ease-in-out": e === T && y
+    "transition-[width] duration-300 ease-in-out": e === B && y
   }),
   t
 )), Re = (e, t, r) => {
@@ -326,13 +326,13 @@ const U = "av-messagebox", j = "av-panel", Y = "av-button", T = "icon", J = "but
   );
 });
 K.displayName = "BaseButton";
-function Te() {
+function Be() {
   const e = _(!1);
   return R(() => (e.current = !0, () => {
     e.current = !1;
   }), []), le(() => e.current, []);
 }
-function Be(e) {
+function Me(e) {
   return q(() => e.every((t) => t == null) ? () => {
   } : (t) => {
     e.forEach((r) => {
@@ -340,7 +340,7 @@ function Be(e) {
     });
   }, e);
 }
-const Me = {
+const Te = {
   x: 0,
   y: 0,
   width: 0,
@@ -351,7 +351,7 @@ const Me = {
   right: 0
 };
 function O(e) {
-  const t = Te(), r = _(0), a = _(null), [n, o] = Z(Me), l = q(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+  const t = Be(), r = _(0), a = _(null), [n, o] = Z(Te), l = q(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
     const s = d[0];
     s && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
       a.current && t() && o(s.contentRect);
@@ -400,7 +400,7 @@ const Le = {
     ...te
   }, ae) => {
     const oe = Ce({
-      type: T,
+      type: B,
       mode: r,
       focusMode: a,
       fullWidth: n,
@@ -416,13 +416,13 @@ const Le = {
       radius: y,
       variant: ee,
       animated: k
-    }), ne = Ee({ mode: r, raw: d, iconClassName: re }), $ = Se({ animated: k }), [p, M] = O(), [x, L] = O(), [E, D] = O(), A = _(0), w = _(null), ie = Be([ae, w]);
+    }), ne = Ee({ mode: r, raw: d, iconClassName: re }), $ = Se({ animated: k }), [p, T] = O(), [x, L] = O(), [E, D] = O(), A = _(0), w = _(null), ie = Me([ae, w]);
     return F(() => {
       E && E.current && k && (A.current = D.width + Ae[g] + (s ? 0 : Oe));
     }, [D, E, g, s, k]), F(() => {
-      w && w.current && k && (u && p && M.width > 0 ? (p.current && (p.current.style.opacity = "100"), w.current.style.width = `${M.width + A.current}px`) : h && L.width > 0 ? (x.current && (x.current.style.opacity = "100"), w.current.style.width = `${L.width + A.current}px`) : (p.current && (p.current.style.opacity = "0"), x.current && (x.current.style.opacity = "0"), w.current.style.width = `${Le[g]}px`));
+      w && w.current && k && (u && p && T.width > 0 ? (p.current && (p.current.style.opacity = "100"), w.current.style.width = `${T.width + A.current}px`) : h && L.width > 0 ? (x.current && (x.current.style.opacity = "100"), w.current.style.width = `${L.width + A.current}px`) : (p.current && (p.current.style.opacity = "0"), x.current && (x.current.style.opacity = "0"), w.current.style.width = `${Le[g]}px`));
     }, [
-      M,
+      T,
       u,
       p,
       L,
@@ -471,13 +471,13 @@ const Le = {
 }) => /* @__PURE__ */ c("span", { ref: e, className: t, children: r && /* @__PURE__ */ c("span", { className: a, children: r }) });
 z.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.2.11
+  @versini/ui-button v5.0.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.2.11",
-    buildTime: "03/12/2025 01:46 PM EDT",
+    version: "5.0.1",
+    buildTime: "03/14/2025 05:17 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -631,7 +631,7 @@ function $e({
     [m, f, y, g, o, d]
   );
 }
-const B = () => {
+const M = () => {
   const e = b.useContext(Q);
   if (e == null)
     throw new Error("Modal components must be wrapped in <Modal />");
@@ -645,7 +645,7 @@ function De({
   return /* @__PURE__ */ c(Q.Provider, { value: r, children: e });
 }
 const Fe = b.forwardRef(function(e, t) {
-  const { context: r, ...a } = B(), n = ge([a.refs.setFloating, t]);
+  const { context: r, ...a } = M(), n = ge([a.refs.setFloating, t]);
   if (!r.open)
     return null;
   const { overlayBackground: o, ...l } = e, d = i("grid place-items-center", {
@@ -663,13 +663,13 @@ const Fe = b.forwardRef(function(e, t) {
     }
   ) }) }) });
 }), Ue = b.forwardRef(function({ children: e, ...t }, r) {
-  const { setLabelId: a } = B(), n = H();
+  const { setLabelId: a } = M(), n = H();
   return b.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ c("h1", { ...t, ref: r, id: n, children: e });
 }), je = b.forwardRef(function({ children: e, ...t }, r) {
-  const { setDescriptionId: a } = B(), n = H();
+  const { setDescriptionId: a } = M(), n = H();
   return b.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ c("div", { ...t, ref: r, id: n, children: e });
 }), Ye = b.forwardRef(function(e, t) {
-  const { setOpen: r } = B(), { trigger: a, className: n, ...o } = e, l = b.useCallback(() => r(!1), [r]);
+  const { setOpen: r } = M(), { trigger: a, className: n, ...o } = e, l = b.useCallback(() => r(!1), [r]);
   return /* @__PURE__ */ c("div", { className: n, children: b.cloneElement(a, {
     ref: t,
     onClick: l,
@@ -677,13 +677,13 @@ const Fe = b.forwardRef(function(e, t) {
   }) });
 });
 /*!
-  @versini/ui-modal v1.2.12
+  @versini/ui-modal v1.2.13
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
-    version: "1.2.12",
-    buildTime: "03/12/2025 01:46 PM EDT",
+    version: "1.2.13",
+    buildTime: "03/14/2025 05:17 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-panel",
-	"version": "1.4.2",
+	"version": "1.4.4",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -40,14 +40,14 @@
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-button": "4.2.11",
+		"@versini/ui-button": "5.0.1",
 		"@versini/ui-icons": "4.8.1",
-		"@versini/ui-modal": "1.2.12",
+		"@versini/ui-modal": "1.2.13",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "5133170ded96b1273c7b85629f03f328cc4ff6ae"
+	"gitHead": "37955472858096264438083d812d3b12585b0253"
 }