@versini/ui-button 1.0.0 → 1.0.2

package/dist/chunks/BaseButton.BFKIL4GO.js

@@ -0,0 +1,22 @@
+import { jsx as a } from "react/jsx-runtime";
+import i from "react";
+const u = (t, r, n) => {
+  var o;
+  !r && (!document.activeElement || document.activeElement !== t.currentTarget) && typeof ((o = t == null ? void 0 : t.currentTarget) == null ? void 0 : o.focus) == "function" && t.currentTarget.focus(), typeof n == "function" && n(t);
+}, f = i.forwardRef((t, r) => {
+  const { onClick: n, noInternalClick: o = !1, ...e } = t;
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      ref: r,
+      onClick: (c) => {
+        u(c, o, n);
+      },
+      ...e
+    }
+  );
+});
+f.displayName = "BaseButton";
+export {
+  f as BaseButton_private
+};

package/dist/chunks/{utilities.CSwQTOog.js → utilities.u8fHoETw.js}

@@ -1,5 +1,5 @@
 import a from "clsx";
-const p = (t) => {
+const s = "av-button", p = (t) => {
   let e = "";
   if (typeof t == "number" || typeof t == "string")
     e = "m-" + t;
@@ -8,7 +8,7 @@ const p = (t) => {
     (t == null ? void 0 : t.t) !== void 0 && r.push(`mt-${t.t}`), (t == null ? void 0 : t.r) !== void 0 && r.push(`mr-${t.r}`), (t == null ? void 0 : t.b) !== void 0 && r.push(`mb-${t.b}`), (t == null ? void 0 : t.l) !== void 0 && r.push(`ml-${t.l}`), e = r.join(" ");
   }
   return e;
-}, s = "av-button", f = "icon", x = "button", m = "link", C = ({
+}, f = "icon", x = "button", m = "link", C = ({
   type: t,
   size: e,
   labelRight: r,
@@ -196,6 +196,7 @@ const p = (t) => {
   }
 ));
 export {
+  s as BUTTON_CLASSNAME,
   x as TYPE_BUTTON,
   f as TYPE_ICON,
   m as TYPE_LINK,

package/dist/components/Button/Button.js

@@ -1,36 +1,36 @@
 import { jsx as c } from "react/jsx-runtime";
 import N from "react";
-import { BaseButton as T } from "../../chunks/BaseButton.D-AA7SPL.js";
-import { getButtonClasses as x, TYPE_BUTTON as C } from "../../chunks/utilities.CSwQTOog.js";
+import { BaseButton_private as T } from "../../chunks/BaseButton.BFKIL4GO.js";
+import { getButtonClasses as x, TYPE_BUTTON as C } from "../../chunks/utilities.u8fHoETw.js";
 const R = N.forwardRef(
   ({
     children: s,
     disabled: t = !1,
     mode: e = "system",
     focusMode: o = "system",
-    fullWidth: m = !1,
-    className: r,
-    size: a = "medium",
+    fullWidth: r = !1,
+    className: a,
+    size: m = "medium",
     raw: f = !1,
-    noBorder: l = !1,
-    spacing: n,
-    variant: p = "primary",
-    noTruncate: u = !1,
-    ...i
+    noBorder: p = !1,
+    spacing: l,
+    variant: n = "primary",
+    noTruncate: i = !1,
+    ...u
   }, B) => {
     const y = x({
       type: C,
       mode: e,
       focusMode: o,
-      fullWidth: m,
+      fullWidth: r,
       disabled: t,
       raw: f,
-      className: r,
-      size: a,
-      noBorder: l,
-      spacing: n,
-      variant: p,
-      noTruncate: u
+      className: a,
+      size: m,
+      noBorder: p,
+      spacing: l,
+      variant: n,
+      noTruncate: i
     });
     return /* @__PURE__ */ c(
       T,
@@ -38,7 +38,7 @@ const R = N.forwardRef(
         ref: B,
         className: y,
         disabled: t,
-        ...i,
+        ...u,
         children: s
       }
     );

package/dist/components/Button/ButtonIcon.js

@@ -1,16 +1,16 @@
-import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import { jsxs as g, jsx as c } from "react/jsx-runtime";
 import I from "clsx";
 import j from "react";
-import { BaseButton as v } from "../../chunks/BaseButton.D-AA7SPL.js";
-import { getButtonClasses as E, TYPE_ICON as O } from "../../chunks/utilities.CSwQTOog.js";
-const P = j.forwardRef(
+import { BaseButton_private as v } from "../../chunks/BaseButton.BFKIL4GO.js";
+import { getButtonClasses as _, TYPE_ICON as E } from "../../chunks/utilities.u8fHoETw.js";
+const O = j.forwardRef(
   ({
     children: r,
     disabled: o = !1,
     mode: t = "system",
     focusMode: n = "system",
-    fullWidth: l = !1,
-    className: p,
+    fullWidth: p = !1,
+    className: l,
     type: m = "button",
     raw: s = !1,
     noBorder: i = !1,
@@ -18,24 +18,24 @@ const P = j.forwardRef(
     label: f,
     size: x = "medium",
     labelRight: a,
-    labelLeft: c,
+    labelLeft: e,
     spacing: u,
     noBackground: d = !1,
     align: k = "center",
     ...N
   }, h) => {
-    const B = E({
-      type: O,
+    const B = _({
+      type: E,
       mode: t,
       focusMode: n,
-      fullWidth: l,
+      fullWidth: p,
       disabled: o,
       raw: s,
-      className: p,
+      className: l,
       noBorder: i,
       size: x,
       labelRight: a,
-      labelLeft: c,
+      labelLeft: e,
       spacing: u,
       noBackground: d,
       align: k
@@ -55,15 +55,15 @@ const P = j.forwardRef(
         "aria-label": y || f,
         ...N,
         children: [
-          c && /* @__PURE__ */ e("span", { className: "pr-2", children: c }),
-          /* @__PURE__ */ e("div", { className: C, children: r }),
-          a && /* @__PURE__ */ e("span", { className: "pl-2", children: a })
+          e && /* @__PURE__ */ c("span", { className: "pr-2", children: e }),
+          /* @__PURE__ */ c("div", { className: C, children: r }),
+          a && /* @__PURE__ */ c("span", { className: "pl-2", children: a })
         ]
       }
     );
   }
 );
-P.displayName = "ButtonIcon";
+O.displayName = "ButtonIcon";
 export {
-  P as ButtonIcon
+  O 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.CSwQTOog.js";
+import { getButtonClasses as V, TYPE_LINK as C } from "../../chunks/utilities.u8fHoETw.js";
 const L = v.forwardRef(
   ({
     children: r,

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import * as _versini_ui_private_dist_utilities from '@versini/ui-private/dist/utilities';
 import React from 'react';
 
+declare const BUTTON_CLASSNAME = "av-button";
+
 declare const Button: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
     disabled?: boolean;
@@ -55,7 +57,7 @@ declare const ButtonLink: React.ForwardRefExoticComponent<{
     size?: "small" | "medium" | "large";
 } & _versini_ui_private_dist_utilities.SpacingProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
 
-declare const ButtonSort: React.ForwardRefExoticComponent<{
+declare const ButtonSort_private: React.ForwardRefExoticComponent<{
     active?: boolean;
 } & {
     children: React.ReactNode;
@@ -75,4 +77,4 @@ declare const ButtonSort: React.ForwardRefExoticComponent<{
     size?: "small" | "medium" | "large";
 } & _versini_ui_private_dist_utilities.SpacingProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 
-export { Button, ButtonIcon, ButtonLink, ButtonSort as ButtonSort_private };
+export { BUTTON_CLASSNAME, Button, ButtonIcon, ButtonLink, ButtonSort_private };

package/dist/index.js

@@ -1,30 +1,31 @@
-import { Button as D } from "./components/Button/Button.js";
-import { ButtonIcon as q } from "./components/Button/ButtonIcon.js";
-import { ButtonLink as A } from "./components/Button/ButtonLink.js";
-import { jsx as e, jsxs as T } from "react/jsx-runtime";
-import n from "clsx";
-import v from "react";
-import { getButtonClasses as C, TYPE_ICON as S } from "./chunks/utilities.CSwQTOog.js";
-import { BaseButton as E } from "./chunks/BaseButton.D-AA7SPL.js";
+import { getButtonClasses as I, TYPE_ICON as v } from "./chunks/utilities.u8fHoETw.js";
+import { BUTTON_CLASSNAME as V } from "./chunks/utilities.u8fHoETw.js";
+import { Button as Y } from "./components/Button/Button.js";
+import { ButtonIcon as z } from "./components/Button/ButtonIcon.js";
+import { ButtonLink as G } from "./components/Button/ButtonLink.js";
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import c from "clsx";
+import S from "react";
+import { BaseButton_private as E } from "./chunks/BaseButton.BFKIL4GO.js";
 /*!
-  @versini/ui-button v1.0.0
+  @versini/ui-button v1.0.2
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "1.0.0",
-    buildTime: "09/15/2024 07:01 PM EDT",
+    version: "1.0.2",
+    buildTime: "09/16/2024 06:30 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const U = v.forwardRef(
+const U = S.forwardRef(
   ({
     children: o,
     disabled: i = !1,
     mode: t = "system",
-    focusMode: c = "system",
+    focusMode: n = "system",
     fullWidth: l = !1,
     className: f,
     type: p = "button",
@@ -32,36 +33,36 @@ const U = v.forwardRef(
     noBorder: m = !1,
     "aria-label": d,
     label: b,
-    size: u = "medium",
+    size: h = "medium",
     labelRight: a,
     labelLeft: s,
-    spacing: h,
-    noBackground: y = !1,
+    spacing: u,
+    noBackground: _ = !1,
     align: x = "center",
-    active: _ = !1,
+    active: y = !1,
     ...k
-  }, B) => {
-    const N = C({
-      type: S,
+  }, N) => {
+    const B = I({
+      type: v,
       mode: t,
-      focusMode: c,
+      focusMode: n,
       fullWidth: l,
       disabled: i,
       raw: r,
       className: f,
       noBorder: m,
-      size: u,
+      size: h,
       labelRight: a,
       labelLeft: s,
-      spacing: h,
-      noBackground: y,
+      spacing: u,
+      noBackground: _,
       align: x
-    }), g = n({
+    }), g = c({
       "text-copy-accent-dark": t === "light" && !r,
       "text-copy-light": t === "dark" && !r,
       "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !r,
       "text-copy-light dark:text-copy-accent-dark": t === "system" && !r
-    }), I = _ ? n(
+    }), T = y ? c(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -78,11 +79,11 @@ const U = v.forwardRef(
         "after:border-table-light dark:after:border-table-dark": t === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ e("div", { className: I, children: /* @__PURE__ */ T(
+    return /* @__PURE__ */ e("div", { className: T, children: /* @__PURE__ */ C(
       E,
       {
-        ref: B,
-        className: N,
+        ref: N,
+        className: B,
         disabled: i,
         type: p,
         "aria-label": d || b,
@@ -98,8 +99,9 @@ const U = v.forwardRef(
 );
 U.displayName = "ButtonSort";
 export {
-  D as Button,
-  q as ButtonIcon,
-  A as ButtonLink,
+  V as BUTTON_CLASSNAME,
+  Y as Button,
+  z as ButtonIcon,
+  G as ButtonLink,
   U as ButtonSort_private
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-button",
-	"version": "1.0.0",
+	"version": "1.0.2",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -38,17 +38,17 @@
 		"react-dom": "^18.3.1"
 	},
 	"devDependencies": {
-		"@versini/ui-icons": "1.12.0",
-		"@versini/ui-styles": "1.9.6"
+		"@versini/ui-icons": "1.12.1",
+		"@versini/ui-styles": "1.9.7"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.15",
-		"@versini/ui-private": "1.4.8",
+		"@versini/ui-private": "1.4.9",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.11"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "39b8726f31198a8abfb9583d790d6793665c2534"
+	"gitHead": "cdc7c10fb6b8a5bbef5087c0a82a790476d424db"
 }

package/dist/chunks/BaseButton.D-AA7SPL.js

@@ -1,24 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import u from "react";
-const f = (t, r, n) => {
-  var o;
-  !r && (!document.activeElement || document.activeElement !== t.currentTarget) && typeof ((o = t == null ? void 0 : t.currentTarget) == null ? void 0 : o.focus) == "function" && t.currentTarget.focus(), typeof n == "function" && n(t);
-}, i = u.forwardRef(
-  (t, r) => {
-    const { onClick: n, noInternalClick: o = !1, ...e } = t;
-    return /* @__PURE__ */ a(
-      "button",
-      {
-        ref: r,
-        onClick: (c) => {
-          f(c, o, n);
-        },
-        ...e
-      }
-    );
-  }
-);
-i.displayName = "BaseButton";
-export {
-  i as BaseButton
-};