@versini/ui-button 4.0.10 → 4.1.0

package/dist/chunks/{utilities.DduOuV9K.js → utilities.YQH_sQYD.js}

@@ -4,22 +4,22 @@ const u = "av-button", b = "icon", y = "button", d = "link", m = ({
   size: e,
   labelRight: r,
   labelLeft: c,
-  align: i
+  align: s
 }) => {
-  const s = "max-h-8 py-0 px-2", n = "max-h-9 h-8 px-3", g = "max-h-12 py-2 px-4";
+  const i = "max-h-8 py-0 px-2", n = "max-h-9 h-8 px-3", g = "max-h-12 py-2 px-4";
   switch (t) {
     case y:
     case d:
       return a({
-        [s]: e === "small",
+        [i]: e === "small",
         [n]: e === "medium",
         [g]: e === "large"
       });
     case b:
       return a("inline-flex items-center", {
-        "justify-center": i === "center",
-        "justify-start": i === "left",
-        "justify-end": i === "right",
+        "justify-center": s === "center",
+        "justify-start": s === "left",
+        "justify-end": s === "right",
         "h-6 w-6 p-0": e === "small" && !(r || c),
         "h-6 px-2": e === "small" && (r || c),
         "h-8 w-8 p-1": e === "medium" && !(r || c),
@@ -34,20 +34,20 @@ const u = "av-button", b = "icon", y = "button", d = "link", m = ({
   labelRight: r,
   labelLeft: c
 }) => {
-  const i = "text-sm font-medium", s = "text-base font-medium", n = "text-lg font-medium";
+  const s = "text-sm font-medium", i = "text-base font-medium", n = "text-lg font-medium";
   switch (t) {
     case y:
     case d:
       return a({
         "text-center": t === d,
-        [i]: e === "small",
-        [s]: e === "medium",
+        [s]: e === "small",
+        [i]: e === "medium",
         [n]: e === "large"
       });
     case b:
       return a({
-        [i]: e === "small" && (r || c),
-        [s]: e === "medium" && (r || c),
+        [s]: e === "small" && (r || c),
+        [i]: e === "medium" && (r || c),
         [n]: e === "large" && (r || c)
       });
   }
@@ -220,13 +220,25 @@ const u = "av-button", b = "icon", y = "button", d = "link", m = ({
   "focus:outline-focus-light": t === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": t === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": t === "system"
-}), O = ({
+}), I = ({
+  mode: t,
+  raw: e,
+  iconClassName: r
+}) => e ? "" : a(
+  {
+    "text-copy-accent-dark": t === "light" || t === "alt-system",
+    "text-copy-light": t === "dark" || t === "system",
+    "dark:text-copy-light": t === "alt-system",
+    "dark:text-copy-accent-dark": t === "system"
+  },
+  r
+), O = ({
   type: t,
   className: e,
   raw: r,
   mode: c,
-  focusMode: i,
-  disabled: s,
+  focusMode: s,
+  disabled: i,
   fullWidth: n,
   size: g,
   noBorder: v,
@@ -256,12 +268,12 @@ const u = "av-button", b = "icon", y = "button", d = "link", m = ({
   }),
   C({ type: t, size: g, labelRight: l, labelLeft: h }),
   _({ mode: c, variant: o, noBorder: v }),
-  j({ focusMode: i }),
-  E({ mode: c, variant: o, disabled: s }),
-  N({ mode: c, variant: o, disabled: s }),
+  j({ focusMode: s }),
+  E({ mode: c, variant: o, disabled: i }),
+  N({ mode: c, variant: o, disabled: i }),
   {
     "w-full": n,
-    "disabled:cursor-not-allowed disabled:opacity-50": s
+    "disabled:cursor-not-allowed disabled:opacity-50": i
   },
   e
 ));
@@ -270,5 +282,6 @@ export {
   y as TYPE_BUTTON,
   b as TYPE_ICON,
   d as TYPE_LINK,
-  O as getButtonClasses
+  O as getButtonClasses,
+  I as getButtonIconClasses
 };

package/dist/components/Button/Button.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import N from "react";
 import { BaseButton_private as T } from "../../chunks/BaseButton.BFKIL4GO.js";
-import { getButtonClasses as g, TYPE_BUTTON as x } from "../../chunks/utilities.DduOuV9K.js";
+import { getButtonClasses as g, TYPE_BUTTON as x } from "../../chunks/utilities.YQH_sQYD.js";
 const C = N.forwardRef(
   ({
     children: s,

package/dist/components/Button/ButtonCopy.js

@@ -33,13 +33,13 @@ const m = ({
   ] });
 };
 /*!
-  @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/14/2025 10:39 AM EST",
+    version: "4.0.4",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -97,13 +97,13 @@ const N = ({
   }
 );
 /*!
-  @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/14/2025 10:39 AM EST",
+    version: "4.4.3",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/dist/components/Button/ButtonIcon.js

@@ -1,71 +1,66 @@
-import { jsxs as I, jsx as r } from "react/jsx-runtime";
-import j from "clsx";
-import v from "react";
-import { BaseButton_private as _ } from "../../chunks/BaseButton.BFKIL4GO.js";
-import { getButtonClasses as E, TYPE_ICON as O } from "../../chunks/utilities.DduOuV9K.js";
-const P = v.forwardRef(
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import h from "react";
+import { BaseButton_private as E } from "../../chunks/BaseButton.BFKIL4GO.js";
+import { getButtonClasses as O, getButtonIconClasses as P, TYPE_ICON as T } from "../../chunks/utilities.YQH_sQYD.js";
+const Y = h.forwardRef(
   ({
-    children: o,
-    disabled: c = !1,
-    mode: t = "system",
-    focusMode: n = "system",
-    fullWidth: l = !1,
-    className: m,
+    children: n,
+    disabled: e = !1,
+    mode: o = "system",
+    focusMode: m = "system",
+    fullWidth: c = !1,
+    className: l,
     type: p = "button",
-    raw: s = !1,
+    raw: r = !1,
     noBorder: i = !1,
-    "aria-label": y,
-    label: f,
-    size: u = "medium",
-    labelRight: a,
-    labelLeft: e,
-    noBackground: x = !1,
-    align: N = "center",
-    radius: k = "large",
-    variant: B = "primary",
-    ...d
-  }, h) => {
-    const C = E({
-      type: O,
-      mode: t,
-      focusMode: n,
-      fullWidth: l,
-      disabled: c,
-      raw: s,
-      className: m,
+    "aria-label": f,
+    label: u,
+    size: B = "medium",
+    labelRight: s,
+    labelLeft: a,
+    noBackground: N = !1,
+    align: y = "center",
+    radius: C = "large",
+    variant: d = "primary",
+    iconClassName: I,
+    ...x
+  }, j) => {
+    const v = O({
+      type: T,
+      mode: o,
+      focusMode: m,
+      fullWidth: c,
+      disabled: e,
+      raw: r,
+      className: l,
       noBorder: i,
-      size: u,
-      labelRight: a,
-      labelLeft: e,
-      noBackground: x,
-      align: N,
-      radius: k,
-      variant: B
-    }), g = j({
-      "text-copy-accent-dark": (t === "light" || t === "alt-system") && !s,
-      "text-copy-light": (t === "dark" || t === "system") && !s,
-      "dark:text-copy-light": t === "alt-system" && !s,
-      "dark:text-copy-accent-dark": t === "system" && !s
-    });
-    return /* @__PURE__ */ I(
-      _,
+      size: B,
+      labelRight: s,
+      labelLeft: a,
+      noBackground: N,
+      align: y,
+      radius: C,
+      variant: d
+    }), _ = P({ mode: o, raw: r, iconClassName: I });
+    return /* @__PURE__ */ g(
+      E,
       {
-        ref: h,
-        className: C,
-        disabled: c,
+        ref: j,
+        className: v,
+        disabled: e,
         type: p,
-        "aria-label": y || f,
-        ...d,
+        "aria-label": f || u,
+        ...x,
         children: [
-          e && /* @__PURE__ */ r("span", { className: "pr-2", children: e }),
-          /* @__PURE__ */ r("div", { className: g, children: o }),
-          a && /* @__PURE__ */ r("span", { className: "pl-2", children: a })
+          a && /* @__PURE__ */ t("span", { className: "pr-2", children: a }),
+          /* @__PURE__ */ t("div", { className: _, children: n }),
+          s && /* @__PURE__ */ t("span", { className: "pl-2", children: s })
         ]
       }
     );
   }
 );
-P.displayName = "ButtonIcon";
+Y.displayName = "ButtonIcon";
 export {
-  P as ButtonIcon
+  Y as ButtonIcon
 };

package/dist/components/Button/ButtonLink.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import b from "clsx";
 import v from "react";
-import { getButtonClasses as V, TYPE_LINK as C } from "../../chunks/utilities.DduOuV9K.js";
+import { getButtonClasses as V, TYPE_LINK as C } from "../../chunks/utilities.YQH_sQYD.js";
 const L = v.forwardRef(
   ({
     children: r,

package/dist/index.js

@@ -1,5 +1,5 @@
-import { getButtonClasses as I, TYPE_ICON as v } from "./chunks/utilities.DduOuV9K.js";
-import { BUTTON_CLASSNAME as P } from "./chunks/utilities.DduOuV9K.js";
+import { getButtonClasses as I, TYPE_ICON as v } from "./chunks/utilities.YQH_sQYD.js";
+import { BUTTON_CLASSNAME as V } from "./chunks/utilities.YQH_sQYD.js";
 import { Button as q } from "./components/Button/Button.js";
 import { ButtonCopy as D } from "./components/Button/ButtonCopy.js";
 import { ButtonIcon as G } from "./components/Button/ButtonIcon.js";
@@ -9,13 +9,13 @@ import n from "clsx";
 import S from "react";
 import { BaseButton_private as E } from "./chunks/BaseButton.BFKIL4GO.js";
 /*!
-  @versini/ui-button v4.0.10
+  @versini/ui-button v4.1.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.10",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "4.1.0",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -100,7 +100,7 @@ const U = S.forwardRef(
 );
 U.displayName = "ButtonSort";
 export {
-  P as BUTTON_CLASSNAME,
+  V as BUTTON_CLASSNAME,
   q as Button,
   D as ButtonCopy,
   G as ButtonIcon,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-button",
-	"version": "4.0.10",
+	"version": "4.1.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -38,17 +38,17 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@versini/ui-svgicon": "4.0.3",
-		"@versini/ui-types": "4.1.0"
+		"@versini/ui-svgicon": "4.0.4",
+		"@versini/ui-types": "4.2.0"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-icons": "4.4.2",
+		"@versini/ui-icons": "4.4.3",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "4c958ec69e74cca8bba692d7988f47151f39f2b7"
+	"gitHead": "2be4fd5fe7dd74804533efdedcc6cfa4023a739a"
 }