levannta-ui 1.0.3 → 1.0.4

package/README.md

@@ -126,6 +126,10 @@ import { HomeIcon } from 'levannta-ui/icons';
 
 // Botón de solo icono redondo
 <Button iconOnly={<HomeIcon />} pill aria-label="Home" />
+
+// Botón con ancho personalizado
+<Button width="200px">Ancho fijo</Button>
+<Button width="100%">Ancho completo</Button>
 ```
 
 #### Props
@@ -143,6 +147,7 @@ import { HomeIcon } from 'levannta-ui/icons';
 | iconLeftJustified | ReactNode | - | - | Icono para mostrar a la izquierda con mayor espacio respecto al texto |
 | iconRightJustified | ReactNode | - | - | Icono para mostrar a la derecha con mayor espacio respecto al texto |
 | iconOnly | ReactNode | - | - | Icono para mostrar como botón de solo icono (sin texto) |
+| width | string \| number | - | - | Ancho personalizado (ej: '200px', '100%', 300) |
 
 ## Desarrollo
 

package/dist/components/ui/Button.d.ts

@@ -20,6 +20,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     iconLeftJustified?: ReactNode;
     iconRightJustified?: ReactNode;
     iconOnly?: ReactNode;
+    width?: string | number;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { Button, buttonVariants };

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import ke, { forwardRef as br } from "react";
-var te = { exports: {} }, W = {};
+var te = { exports: {} }, L = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,22 +12,22 @@ var te = { exports: {} }, W = {};
 var Ce;
 function pr() {
   if (Ce)
-    return W;
+    return L;
   Ce = 1;
   var l = ke, f = Symbol.for("react.element"), i = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, T = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, O = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function j(E, v, b) {
-    var d, y = {}, h = null, S = null;
+  function w(E, v, b) {
+    var d, m = {}, h = null, S = null;
     b !== void 0 && (h = "" + b), v.key !== void 0 && (h = "" + v.key), v.ref !== void 0 && (S = v.ref);
     for (d in v)
-      c.call(v, d) && !O.hasOwnProperty(d) && (y[d] = v[d]);
+      c.call(v, d) && !O.hasOwnProperty(d) && (m[d] = v[d]);
     if (E && E.defaultProps)
       for (d in v = E.defaultProps, v)
-        y[d] === void 0 && (y[d] = v[d]);
-    return { $$typeof: f, type: E, key: h, ref: S, props: y, _owner: T.current };
+        m[d] === void 0 && (m[d] = v[d]);
+    return { $$typeof: f, type: E, key: h, ref: S, props: m, _owner: T.current };
   }
-  return W.Fragment = i, W.jsx = j, W.jsxs = j, W;
+  return L.Fragment = i, L.jsx = w, L.jsxs = w, L;
 }
-var Y = {};
+var U = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -38,16 +38,16 @@ var Y = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Se;
-function mr() {
+function yr() {
   return Se || (Se = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = ke, f = Symbol.for("react.element"), i = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), j = Symbol.for("react.provider"), E = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), L = Symbol.iterator, U = "@@iterator";
-    function F(e) {
+    var l = ke, f = Symbol.for("react.element"), i = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), w = Symbol.for("react.provider"), E = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), A = Symbol.iterator, N = "@@iterator";
+    function P(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = L && e[L] || e[U];
+      var r = A && e[A] || e[N];
       return typeof r == "function" ? r : null;
     }
-    var k = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var D = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function g(e) {
       {
         for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
@@ -57,7 +57,7 @@ function mr() {
     }
     function Ne(e, r, t) {
       {
-        var n = k.ReactDebugCurrentFrame, u = n.getStackAddendum();
+        var n = D.ReactDebugCurrentFrame, u = n.getStackAddendum();
         u !== "" && (r += "%s", t = t.concat([u]));
         var s = t.map(function(o) {
           return String(o);
@@ -68,7 +68,7 @@ function mr() {
     var De = !1, Fe = !1, Ie = !1, Ve = !1, $e = !1, ne;
     ne = Symbol.for("react.module.reference");
     function We(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === c || e === O || $e || e === T || e === b || e === d || Ve || e === S || De || Fe || Ie || typeof e == "object" && e !== null && (e.$$typeof === h || e.$$typeof === y || e.$$typeof === j || e.$$typeof === E || e.$$typeof === v || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === c || e === O || $e || e === T || e === b || e === d || Ve || e === S || De || Fe || Ie || typeof e == "object" && e !== null && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === w || e.$$typeof === E || e.$$typeof === v || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -110,12 +110,12 @@ function mr() {
           case E:
             var r = e;
             return ae(r) + ".Consumer";
-          case j:
+          case w:
             var t = e;
             return ae(t._context) + ".Provider";
           case v:
             return Ye(e, e.render, "ForwardRef");
-          case y:
+          case m:
             var n = e.displayName || null;
             return n !== null ? n : C(e.type) || "Memo";
           case h: {
@@ -129,13 +129,13 @@ function mr() {
         }
       return null;
     }
-    var P = Object.assign, I = 0, oe, ie, ue, le, se, ce, fe;
+    var x = Object.assign, $ = 0, oe, ie, ue, le, se, ce, fe;
     function de() {
     }
     de.__reactDisabledLog = !0;
     function Le() {
       {
-        if (I === 0) {
+        if ($ === 0) {
           oe = console.log, ie = console.info, ue = console.warn, le = console.error, se = console.group, ce = console.groupCollapsed, fe = console.groupEnd;
           var e = {
             configurable: !0,
@@ -153,45 +153,45 @@ function mr() {
             groupEnd: e
           });
         }
-        I++;
+        $++;
       }
     }
     function Ue() {
       {
-        if (I--, I === 0) {
+        if ($--, $ === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: P({}, e, {
+            log: x({}, e, {
               value: oe
             }),
-            info: P({}, e, {
+            info: x({}, e, {
               value: ie
             }),
-            warn: P({}, e, {
+            warn: x({}, e, {
               value: ue
             }),
-            error: P({}, e, {
+            error: x({}, e, {
               value: le
             }),
-            group: P({}, e, {
+            group: x({}, e, {
               value: se
             }),
-            groupCollapsed: P({}, e, {
+            groupCollapsed: x({}, e, {
               value: ce
             }),
-            groupEnd: P({}, e, {
+            groupEnd: x({}, e, {
               value: fe
             })
           });
         }
-        I < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        $ < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var K = k.ReactCurrentDispatcher, q;
+    var K = D.ReactCurrentDispatcher, q;
     function M(e, r, t) {
       {
         if (q === void 0)
@@ -260,26 +260,26 @@ function mr() {
         if (R && n && typeof R.stack == "string") {
           for (var a = R.stack.split(`
 `), _ = n.stack.split(`
-`), p = a.length - 1, m = _.length - 1; p >= 1 && m >= 0 && a[p] !== _[m]; )
-            m--;
-          for (; p >= 1 && m >= 0; p--, m--)
-            if (a[p] !== _[m]) {
-              if (p !== 1 || m !== 1)
+`), p = a.length - 1, y = _.length - 1; p >= 1 && y >= 0 && a[p] !== _[y]; )
+            y--;
+          for (; p >= 1 && y >= 0; p--, y--)
+            if (a[p] !== _[y]) {
+              if (p !== 1 || y !== 1)
                 do
-                  if (p--, m--, m < 0 || a[p] !== _[m]) {
-                    var w = `
+                  if (p--, y--, y < 0 || a[p] !== _[y]) {
+                    var j = `
 ` + a[p].replace(" at new ", " at ");
-                    return e.displayName && w.includes("<anonymous>") && (w = w.replace("<anonymous>", e.displayName)), typeof e == "function" && B.set(e, w), w;
+                    return e.displayName && j.includes("<anonymous>") && (j = j.replace("<anonymous>", e.displayName)), typeof e == "function" && B.set(e, j), j;
                   }
-                while (p >= 1 && m >= 0);
+                while (p >= 1 && y >= 0);
               break;
             }
         }
       } finally {
         G = !1, K.current = s, Ue(), Error.prepareStackTrace = u;
       }
-      var N = e ? e.displayName || e.name : "", x = N ? M(N) : "";
-      return typeof e == "function" && B.set(e, x), x;
+      var I = e ? e.displayName || e.name : "", k = I ? M(I) : "";
+      return typeof e == "function" && B.set(e, k), k;
     }
     function Be(e, r, t) {
       return ve(e, !1);
@@ -305,7 +305,7 @@ function mr() {
         switch (e.$$typeof) {
           case v:
             return Be(e.render);
-          case y:
+          case m:
             return z(e.type, r, t);
           case h: {
             var n = e, u = n._payload, s = n._init;
@@ -317,7 +317,7 @@ function mr() {
         }
       return "";
     }
-    var V = Object.prototype.hasOwnProperty, be = {}, pe = k.ReactDebugCurrentFrame;
+    var W = Object.prototype.hasOwnProperty, be = {}, pe = D.ReactDebugCurrentFrame;
     function J(e) {
       if (e) {
         var r = e._owner, t = z(e.type, e._source, r ? r.type : null);
@@ -327,7 +327,7 @@ function mr() {
     }
     function Je(e, r, t, n, u) {
       {
-        var s = Function.call.bind(V);
+        var s = Function.call.bind(W);
         for (var o in e)
           if (s(e, o)) {
             var a = void 0;
@@ -356,19 +356,19 @@ function mr() {
     }
     function Ge(e) {
       try {
-        return me(e), !1;
+        return ye(e), !1;
       } catch {
         return !0;
       }
     }
-    function me(e) {
+    function ye(e) {
       return "" + e;
     }
-    function ye(e) {
+    function me(e) {
       if (Ge(e))
-        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qe(e)), me(e);
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qe(e)), ye(e);
     }
-    var $ = k.ReactCurrentOwner, Xe = {
+    var Y = D.ReactCurrentOwner, Xe = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -376,7 +376,7 @@ function mr() {
     }, he, ge, H;
     H = {};
     function He(e) {
-      if (V.call(e, "ref")) {
+      if (W.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
@@ -384,7 +384,7 @@ function mr() {
       return e.ref !== void 0;
     }
     function Ze(e) {
-      if (V.call(e, "key")) {
+      if (W.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
@@ -392,9 +392,9 @@ function mr() {
       return e.key !== void 0;
     }
     function Qe(e, r) {
-      if (typeof e.ref == "string" && $.current && r && $.current.stateNode !== r) {
-        var t = C($.current.type);
-        H[t] || (g('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', C($.current.type), e.ref), H[t] = !0);
+      if (typeof e.ref == "string" && Y.current && r && Y.current.stateNode !== r) {
+        var t = C(Y.current.type);
+        H[t] || (g('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', C(Y.current.type), e.ref), H[t] = !0);
       }
     }
     function er(e, r) {
@@ -451,23 +451,23 @@ function mr() {
     function nr(e, r, t, n, u) {
       {
         var s, o = {}, a = null, _ = null;
-        t !== void 0 && (ye(t), a = "" + t), Ze(r) && (ye(r.key), a = "" + r.key), He(r) && (_ = r.ref, Qe(r, u));
+        t !== void 0 && (me(t), a = "" + t), Ze(r) && (me(r.key), a = "" + r.key), He(r) && (_ = r.ref, Qe(r, u));
         for (s in r)
-          V.call(r, s) && !Xe.hasOwnProperty(s) && (o[s] = r[s]);
+          W.call(r, s) && !Xe.hasOwnProperty(s) && (o[s] = r[s]);
         if (e && e.defaultProps) {
           var p = e.defaultProps;
           for (s in p)
             o[s] === void 0 && (o[s] = p[s]);
         }
         if (a || _) {
-          var m = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && er(o, m), _ && rr(o, m);
+          var y = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          a && er(o, y), _ && rr(o, y);
         }
-        return tr(e, a, _, u, n, $.current, o);
+        return tr(e, a, _, u, n, Y.current, o);
       }
     }
-    var Z = k.ReactCurrentOwner, _e = k.ReactDebugCurrentFrame;
-    function A(e) {
+    var Z = D.ReactCurrentOwner, _e = D.ReactDebugCurrentFrame;
+    function F(e) {
       if (e) {
         var r = e._owner, t = z(e.type, e._source, r ? r.type : null);
         _e.setExtraStackFrame(t);
@@ -525,7 +525,7 @@ Check the top-level render call using <` + t + ">.");
           return;
         Re[t] = !0;
         var n = "";
-        e && e._owner && e._owner !== Z.current && (n = " It was passed a child from " + C(e._owner.type) + "."), A(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), A(null);
+        e && e._owner && e._owner !== Z.current && (n = " It was passed a child from " + C(e._owner.type) + "."), F(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), F(null);
       }
     }
     function Oe(e, r) {
@@ -540,7 +540,7 @@ Check the top-level render call using <` + t + ">.");
         else if (ee(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var u = F(e);
+          var u = P(e);
           if (typeof u == "function" && u !== e.entries)
             for (var s = u.call(e), o; !(o = s.next()).done; )
               ee(o.value) && Te(o.value, r);
@@ -557,7 +557,7 @@ Check the top-level render call using <` + t + ">.");
           t = r.propTypes;
         else if (typeof r == "object" && (r.$$typeof === v || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === y))
+        r.$$typeof === m))
           t = r.propTypes;
         else
           return;
@@ -577,15 +577,15 @@ Check the top-level render call using <` + t + ">.");
         for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
           var n = r[t];
           if (n !== "children" && n !== "key") {
-            A(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), A(null);
+            F(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), F(null);
             break;
           }
         }
-        e.ref !== null && (A(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), A(null));
+        e.ref !== null && (F(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
       }
     }
-    var we = {};
-    function je(e, r, t, n, u, s) {
+    var je = {};
+    function we(e, r, t, n, u, s) {
       {
         var o = We(e);
         if (!o) {
@@ -596,51 +596,51 @@ Check the top-level render call using <` + t + ">.");
           var p;
           e === null ? p = "null" : X(e) ? p = "array" : e !== void 0 && e.$$typeof === f ? (p = "<" + (C(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : p = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", p, a);
         }
-        var m = nr(e, r, t, u, s);
-        if (m == null)
-          return m;
+        var y = nr(e, r, t, u, s);
+        if (y == null)
+          return y;
         if (o) {
-          var w = r.children;
-          if (w !== void 0)
+          var j = r.children;
+          if (j !== void 0)
             if (n)
-              if (X(w)) {
-                for (var N = 0; N < w.length; N++)
-                  Oe(w[N], e);
-                Object.freeze && Object.freeze(w);
+              if (X(j)) {
+                for (var I = 0; I < j.length; I++)
+                  Oe(j[I], e);
+                Object.freeze && Object.freeze(j);
               } else
                 g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Oe(w, e);
+              Oe(j, e);
         }
-        if (V.call(r, "key")) {
-          var x = C(e), R = Object.keys(r).filter(function(vr) {
+        if (W.call(r, "key")) {
+          var k = C(e), R = Object.keys(r).filter(function(vr) {
             return vr !== "key";
           }), re = R.length > 0 ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!we[x + re]) {
+          if (!je[k + re]) {
             var dr = R.length > 0 ? "{" + R.join(": ..., ") + ": ...}" : "{}";
             g(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, re, x, dr, x), we[x + re] = !0;
+  <%s key={someKey} {...props} />`, re, k, dr, k), je[k + re] = !0;
           }
         }
-        return e === c ? ur(m) : ir(m), m;
+        return e === c ? ur(y) : ir(y), y;
       }
     }
     function lr(e, r, t) {
-      return je(e, r, t, !0);
+      return we(e, r, t, !0);
     }
     function sr(e, r, t) {
-      return je(e, r, t, !1);
+      return we(e, r, t, !1);
     }
     var cr = sr, fr = lr;
-    Y.Fragment = c, Y.jsx = cr, Y.jsxs = fr;
-  }()), Y;
+    U.Fragment = c, U.jsx = cr, U.jsxs = fr;
+  }()), U;
 }
-process.env.NODE_ENV === "production" ? te.exports = pr() : te.exports = mr();
-var D = te.exports;
+process.env.NODE_ENV === "production" ? te.exports = pr() : te.exports = yr();
+var V = te.exports;
 function Ae(l) {
   var f, i, c = "";
   if (typeof l == "string" || typeof l == "number")
@@ -655,42 +655,42 @@ function Ae(l) {
         l[i] && (c && (c += " "), c += i);
   return c;
 }
-function yr() {
+function mr() {
   for (var l, f, i = 0, c = "", T = arguments.length; i < T; i++)
     (l = arguments[i]) && (f = Ae(l)) && (c && (c += " "), c += f);
   return c;
 }
-const Pe = (l) => typeof l == "boolean" ? `${l}` : l === 0 ? "0" : l, xe = yr, hr = (l, f) => (i) => {
+const Pe = (l) => typeof l == "boolean" ? `${l}` : l === 0 ? "0" : l, xe = mr, hr = (l, f) => (i) => {
   var c;
   if ((f == null ? void 0 : f.variants) == null)
     return xe(l, i == null ? void 0 : i.class, i == null ? void 0 : i.className);
-  const { variants: T, defaultVariants: O } = f, j = Object.keys(T).map((b) => {
-    const d = i == null ? void 0 : i[b], y = O == null ? void 0 : O[b];
+  const { variants: T, defaultVariants: O } = f, w = Object.keys(T).map((b) => {
+    const d = i == null ? void 0 : i[b], m = O == null ? void 0 : O[b];
     if (d === null)
       return null;
-    const h = Pe(d) || Pe(y);
+    const h = Pe(d) || Pe(m);
     return T[b][h];
   }), E = i && Object.entries(i).reduce((b, d) => {
-    let [y, h] = d;
-    return h === void 0 || (b[y] = h), b;
+    let [m, h] = d;
+    return h === void 0 || (b[m] = h), b;
   }, {}), v = f == null || (c = f.compoundVariants) === null || c === void 0 ? void 0 : c.reduce((b, d) => {
-    let { class: y, className: h, ...S } = d;
-    return Object.entries(S).every((L) => {
-      let [U, F] = L;
-      return Array.isArray(F) ? F.includes({
+    let { class: m, className: h, ...S } = d;
+    return Object.entries(S).every((A) => {
+      let [N, P] = A;
+      return Array.isArray(P) ? P.includes({
         ...O,
         ...E
-      }[U]) : {
+      }[N]) : {
         ...O,
         ...E
-      }[U] === F;
+      }[N] === P;
     }) ? [
       ...b,
-      y,
+      m,
       h
     ] : b;
   }, []);
-  return xe(l, j, v, i == null ? void 0 : i.class, i == null ? void 0 : i.className);
+  return xe(l, w, v, i == null ? void 0 : i.class, i == null ? void 0 : i.className);
 };
 const gr = hr("button", {
   variants: {
@@ -761,40 +761,49 @@ const gr = hr("button", {
     size: c,
     pill: T,
     active: O,
-    iconLeft: j,
+    iconLeft: w,
     iconRight: E,
     iconLeftJustified: v,
     iconRightJustified: b,
     iconOnly: d,
-    children: y,
-    ...h
-  }, S) => /* @__PURE__ */ D.jsxs(
-    "button",
-    {
-      className: gr({
-        variant: f,
-        color: i,
-        size: c,
-        pill: T,
-        active: O,
-        iconLeft: !!j,
-        iconRight: !!E,
-        iconLeftJustified: !!v,
-        iconRightJustified: !!b,
-        iconOnly: !!d,
-        className: l
-      }),
-      ref: S,
-      ...h,
-      children: [
-        j && /* @__PURE__ */ D.jsx("span", { className: "button-icon-left", children: j }),
-        v && /* @__PURE__ */ D.jsx("span", { className: "button-icon-left", children: v }),
-        d ? /* @__PURE__ */ D.jsx("span", { children: d }) : y,
-        E && /* @__PURE__ */ D.jsx("span", { className: "button-icon-right", children: E }),
-        b && /* @__PURE__ */ D.jsx("span", { className: "button-icon-right", children: b })
-      ]
-    }
-  )
+    width: m,
+    children: h,
+    style: S,
+    ...A
+  }, N) => {
+    const P = {
+      ...S || {},
+      ...m ? { width: m } : {}
+    };
+    return /* @__PURE__ */ V.jsxs(
+      "button",
+      {
+        className: gr({
+          variant: f,
+          color: i,
+          size: c,
+          pill: T,
+          active: O,
+          iconLeft: !!w,
+          iconRight: !!E,
+          iconLeftJustified: !!v,
+          iconRightJustified: !!b,
+          iconOnly: !!d,
+          className: l
+        }),
+        style: P,
+        ref: N,
+        ...A,
+        children: [
+          w && /* @__PURE__ */ V.jsx("span", { className: "button-icon-left", children: w }),
+          v && /* @__PURE__ */ V.jsx("span", { className: "button-icon-left", children: v }),
+          d ? /* @__PURE__ */ V.jsx("span", { children: d }) : h,
+          E && /* @__PURE__ */ V.jsx("span", { className: "button-icon-right", children: E }),
+          b && /* @__PURE__ */ V.jsx("span", { className: "button-icon-right", children: b })
+        ]
+      }
+    );
+  }
 );
 _r.displayName = "Button";
 export {