@versini/ui-panel 2.0.2 → 2.0.3

package/dist/index.js

@@ -1,16 +1,16 @@
-import { jsx as c, jsxs as C, Fragment as X } from "react/jsx-runtime";
+import { jsx as c, jsxs as S, Fragment as X } from "react/jsx-runtime";
 import * as b from "react";
 import V, { useRef as _, useLayoutEffect as F, useMemo as q, useState as Z, useEffect as R, useCallback as le, useId as H } from "react";
 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 v2.0.2
+  @versini/ui-panel v2.0.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "2.0.2",
-    buildTime: "03/19/2025 03:54 PM EDT",
+    version: "2.0.3",
+    buildTime: "03/19/2025 06:10 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -256,11 +256,11 @@ const U = "av-messagebox", j = "av-panel", Y = "av-button", B = "icon", J = "but
     "dark:text-copy-accent-dark": e === "system"
   },
   r
-), Se = ({
+), Ce = ({
   animated: e
 }) => i({
   "transition-opacity duration-300 ease-in": e
-}), Ce = ({
+}), Se = ({
   type: e,
   className: t,
   raw: r,
@@ -399,7 +399,7 @@ const Le = {
     animated: k = !1,
     ...te
   }, ae) => {
-    const oe = Ce({
+    const oe = Se({
       type: B,
       mode: r,
       focusMode: a,
@@ -416,10 +416,10 @@ const Le = {
       radius: y,
       variant: ee,
       animated: k
-    }), 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]);
+    }), ne = Ee({ mode: r, raw: d, iconClassName: re }), D = Ce({ animated: k }), [p, T] = O(), [x, L] = O(), [E, $] = 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(() => {
+      E && E.current && k && (A.current = $.width + Ae[g] + (s ? 0 : Oe));
+    }, [$, E, g, s, k]), F(() => {
       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`));
     }, [
       T,
@@ -430,7 +430,7 @@ const Le = {
       x,
       g,
       k
-    ]), /* @__PURE__ */ C(
+    ]), /* @__PURE__ */ S(
       K,
       {
         ref: ie,
@@ -445,7 +445,7 @@ const Le = {
             {
               label: h,
               labelRef: x,
-              labelClass: $,
+              labelClass: D,
               labelInnerClass: "pr-2"
             }
           ),
@@ -455,7 +455,7 @@ const Le = {
             {
               label: u,
               labelRef: p,
-              labelClass: $,
+              labelClass: D,
               labelInnerClass: "pl-2"
             }
           )
@@ -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 v6.0.2
+  @versini/ui-button v6.0.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "6.0.2",
-    buildTime: "03/19/2025 03:54 PM EDT",
+    version: "6.0.3",
+    buildTime: "03/19/2025 06:10 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -534,7 +534,7 @@ const Ve = ({
   ...s
 }) => {
   const m = i(o, a);
-  return /* @__PURE__ */ c(X, { children: /* @__PURE__ */ C(
+  return /* @__PURE__ */ c(X, { children: /* @__PURE__ */ S(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -553,13 +553,13 @@ const Ve = ({
   ) });
 };
 /*!
-  @versini/ui-svgicon v4.1.1
+  @versini/ui-svgicon v4.2.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.1.1",
-    buildTime: "02/27/2025 03:46 PM EST",
+    version: "4.2.0",
+    buildTime: "03/19/2025 05:27 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -590,20 +590,20 @@ const ze = ({
   }
 );
 /*!
-  @versini/ui-icons v4.8.1
+  @versini/ui-icons v4.8.2
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.8.1",
-    buildTime: "02/27/2025 03:46 PM EST",
+    version: "4.8.2",
+    buildTime: "03/19/2025 05:27 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
 const Q = b.createContext(null);
-function $e({
+function De({
   initialOpen: e = !1,
   open: t,
   onOpenChange: r
@@ -637,11 +637,11 @@ const M = () => {
     throw new Error("Modal components must be wrapped in <Modal />");
   return e;
 };
-function De({
+function $e({
   children: e,
   ...t
 }) {
-  const r = $e(t);
+  const r = De(t);
   return /* @__PURE__ */ c(Q.Provider, { value: r, children: e });
 }
 const Fe = b.forwardRef(function(e, t) {
@@ -683,13 +683,13 @@ const Fe = b.forwardRef(function(e, t) {
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
     version: "2.0.0",
-    buildTime: "03/19/2025 03:54 PM EDT",
+    buildTime: "03/19/2025 06:10 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const N = "panel", S = "messagebox", Ge = ({
+const N = "panel", C = "messagebox", Ge = ({
   className: e,
   kind: t,
   borderMode: r,
@@ -699,13 +699,13 @@ const N = "panel", S = "messagebox", Ge = ({
     "duration-200 ease-out": a,
     [`${j} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === N,
     [`${j} w-full sm:w-[95%] md:max-w-2xl`]: t === N && !e,
-    [`${U} rounded-lg border-2`]: t === S,
-    [`${U} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === S && !e,
+    [`${U} rounded-lg border-2`]: t === C,
+    [`${U} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === C && !e,
     [`${e}`]: !!e,
     "sm:border-border-dark": r === "dark" && t === N,
     "sm:border-border-accent": r === "light" && t === N,
-    "border-border-dark": r === "dark" && t === S,
-    "border-border-accent": r === "light" && t === S
+    "border-border-dark": r === "dark" && t === C,
+    "border-border-accent": r === "light" && t === C
   }),
   content: "flex flex-col py-2 sm:py-4 sm:px-4 px-2 overflow-y-auto",
   footer: "flex grow flex-col sm:p-4 p-2",
@@ -751,8 +751,8 @@ const N = "panel", S = "messagebox", Ge = ({
       }, 100);
       return () => clearTimeout(v);
     }
-  }, [e, s, m]), /* @__PURE__ */ c(X, { children: e && /* @__PURE__ */ c(De, { open: e, onOpenChange: t, children: /* @__PURE__ */ C(Fe, { className: h.main, style: g, children: [
-    /* @__PURE__ */ C("div", { className: "flex flex-row-reverse items-center justify-between", children: [
+  }, [e, s, m]), /* @__PURE__ */ c(X, { children: e && /* @__PURE__ */ c($e, { open: e, onOpenChange: t, children: /* @__PURE__ */ S(Fe, { className: h.main, style: g, children: [
+    /* @__PURE__ */ S("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ c(
         Ye,
         {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-panel",
-	"version": "2.0.2",
+	"version": "2.0.3",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -40,8 +40,8 @@
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-button": "6.0.2",
-		"@versini/ui-icons": "4.8.1",
+		"@versini/ui-button": "6.0.3",
+		"@versini/ui-icons": "4.8.2",
 		"@versini/ui-modal": "2.0.0",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.0.14"
@@ -49,5 +49,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "d49d5de3e0b587456da5a6da691396873e9ffe2d"
+	"gitHead": "b49e510e164843553df3b3dd194c17b7e122e986"
 }