welcome-ui 0.0.0-dev.1763389246174 → 0.0.0-dev.1763736449682

package/dist/Breadcrumb.js

@@ -1,30 +1,30 @@
 "use client";
 import './Breadcrumb.css';
-import { jsxs as I, jsx as w } from "react/jsx-runtime";
-import { forwardRef as re, Children as be, cloneElement as ge, useRef as M, useState as X, useCallback as q, useMemo as me, useEffect as $ } from "react";
+import { jsxs as A, jsx as w } from "react/jsx-runtime";
+import { forwardRef as re, Children as me, cloneElement as ze, useRef as M, useState as X, useCallback as q, useMemo as xe, useEffect as $ } from "react";
 import { Icon as ne } from "./Icon.js";
 import { c as ie } from "./index-PAaZGbyz.js";
-import { t as ze } from "./throttle-BDBzFeFj.js";
-var g = [], xe = function() {
+import { t as we } from "./throttle-BDBzFeFj.js";
+var g = [], Oe = function() {
   return g.some(function(e) {
     return e.activeTargets.length > 0;
   });
-}, we = function() {
+}, Re = function() {
   return g.some(function(e) {
     return e.skippedTargets.length > 0;
   });
-}, J = "ResizeObserver loop completed with undelivered notifications.", Oe = function() {
+}, J = "ResizeObserver loop completed with undelivered notifications.", ye = function() {
   var e;
   typeof ErrorEvent == "function" ? e = new ErrorEvent("error", {
     message: J
   }) : (e = document.createEvent("Event"), e.initEvent("error", !1, !1), e.message = J), window.dispatchEvent(e);
-}, E;
+}, y;
 (function(e) {
   e.BORDER_BOX = "border-box", e.CONTENT_BOX = "content-box", e.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
-})(E || (E = {}));
+})(y || (y = {}));
 var m = function(e) {
   return Object.freeze(e);
-}, Re = /* @__PURE__ */ function() {
+}, Ee = /* @__PURE__ */ function() {
   function e(t, r) {
     this.inlineSize = t, this.blockSize = r, m(this);
   }
@@ -54,7 +54,7 @@ var m = function(e) {
     return !0;
   var r = (t = e == null ? void 0 : e.ownerDocument) === null || t === void 0 ? void 0 : t.defaultView;
   return !!(r && e instanceof r.Element);
-}, Ee = function(e) {
+}, Be = function(e) {
   switch (e.tagName) {
     case "INPUT":
       if (e.type !== "image")
@@ -69,10 +69,10 @@ var m = function(e) {
       return !0;
   }
   return !1;
-}, R = typeof window < "u" ? window : {}, S = /* @__PURE__ */ new WeakMap(), Y = /auto|scroll/, ye = /^tb|vertical/, Te = /msie|trident/i.test(R.navigator && R.navigator.userAgent), f = function(e) {
+}, R = typeof window < "u" ? window : {}, S = /* @__PURE__ */ new WeakMap(), Y = /auto|scroll/, Te = /^tb|vertical/, Se = /msie|trident/i.test(R.navigator && R.navigator.userAgent), f = function(e) {
   return parseFloat(e || "0");
 }, x = function(e, t, r) {
-  return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new Re((r ? t : e) || 0, (r ? e : t) || 0);
+  return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new Ee((r ? t : e) || 0, (r ? e : t) || 0);
 }, j = m({
   devicePixelContentBoxSize: x(),
   borderBoxSize: x(),
@@ -83,24 +83,24 @@ var m = function(e) {
     return S.get(e);
   if (se(e))
     return S.set(e, j), j;
-  var r = getComputedStyle(e), n = G(e) && e.ownerSVGElement && e.getBBox(), i = !Te && r.boxSizing === "border-box", s = ye.test(r.writingMode || ""), o = !n && Y.test(r.overflowY || ""), u = !n && Y.test(r.overflowX || ""), l = n ? 0 : f(r.paddingTop), c = n ? 0 : f(r.paddingRight), v = n ? 0 : f(r.paddingBottom), h = n ? 0 : f(r.paddingLeft), y = n ? 0 : f(r.borderTopWidth), a = n ? 0 : f(r.borderRightWidth), d = n ? 0 : f(r.borderBottomWidth), p = n ? 0 : f(r.borderLeftWidth), b = h + c, z = l + v, O = p + a, D = y + d, F = u ? e.offsetHeight - D - e.clientHeight : 0, H = o ? e.offsetWidth - O - e.clientWidth : 0, de = i ? b + O : 0, fe = i ? z + D : 0, T = n ? n.width : f(r.width) - de - H, B = n ? n.height : f(r.height) - fe - F, he = T + b + H + O, pe = B + z + F + D, V = m({
-    devicePixelContentBoxSize: x(Math.round(T * devicePixelRatio), Math.round(B * devicePixelRatio), s),
-    borderBoxSize: x(he, pe, s),
-    contentBoxSize: x(T, B, s),
-    contentRect: new oe(h, l, T, B)
+  var r = getComputedStyle(e), n = G(e) && e.ownerSVGElement && e.getBBox(), i = !Se && r.boxSizing === "border-box", s = Te.test(r.writingMode || ""), o = !n && Y.test(r.overflowY || ""), u = !n && Y.test(r.overflowX || ""), l = n ? 0 : f(r.paddingTop), c = n ? 0 : f(r.paddingRight), v = n ? 0 : f(r.paddingBottom), h = n ? 0 : f(r.paddingLeft), E = n ? 0 : f(r.borderTopWidth), a = n ? 0 : f(r.borderRightWidth), d = n ? 0 : f(r.borderBottomWidth), p = n ? 0 : f(r.borderLeftWidth), b = h + c, z = l + v, O = p + a, D = E + d, F = u ? e.offsetHeight - D - e.clientHeight : 0, H = o ? e.offsetWidth - O - e.clientWidth : 0, he = i ? b + O : 0, pe = i ? z + D : 0, B = n ? n.width : f(r.width) - he - H, T = n ? n.height : f(r.height) - pe - F, be = B + b + H + O, ge = T + z + F + D, V = m({
+    devicePixelContentBoxSize: x(Math.round(B * devicePixelRatio), Math.round(T * devicePixelRatio), s),
+    borderBoxSize: x(be, ge, s),
+    contentBoxSize: x(B, T, s),
+    contentRect: new oe(h, l, B, T)
   });
   return S.set(e, V), V;
 }, ce = function(e, t, r) {
   var n = ae(e, r), i = n.borderBoxSize, s = n.contentBoxSize, o = n.devicePixelContentBoxSize;
   switch (t) {
-    case E.DEVICE_PIXEL_CONTENT_BOX:
+    case y.DEVICE_PIXEL_CONTENT_BOX:
       return o;
-    case E.BORDER_BOX:
+    case y.BORDER_BOX:
       return i;
     default:
       return s;
   }
-}, Be = /* @__PURE__ */ function() {
+}, _e = /* @__PURE__ */ function() {
   function e(t) {
     var r = ae(t);
     this.target = t, this.contentRect = r.contentRect, this.borderBoxSize = m([r.borderBoxSize]), this.contentBoxSize = m([r.contentBoxSize]), this.devicePixelContentBoxSize = m([r.devicePixelContentBoxSize]);
@@ -112,13 +112,13 @@ var m = function(e) {
   for (var t = 0, r = e.parentNode; r; )
     t += 1, r = r.parentNode;
   return t;
-}, Se = function() {
+}, Ce = function() {
   var e = 1 / 0, t = [];
   g.forEach(function(o) {
     if (o.activeTargets.length !== 0) {
       var u = [];
       o.activeTargets.forEach(function(c) {
-        var v = new Be(c.target), h = le(c.target);
+        var v = new _e(c.target), h = le(c.target);
         u.push(v), c.lastReportedSize = ce(c.target, c.observedBox), h < e && (e = h);
       }), t.push(function() {
         o.callback.call(o.observer, u, o.observer);
@@ -136,32 +136,32 @@ var m = function(e) {
       i.isActive() && (le(i.target) > e ? r.activeTargets.push(i) : r.skippedTargets.push(i));
     });
   });
-}, _e = function() {
+}, Ne = function() {
   var e = 0;
-  for (K(e); xe(); )
-    e = Se(), K(e);
-  return we() && Oe(), e > 0;
-}, L, ue = [], Ce = function() {
+  for (K(e); Oe(); )
+    e = Ce(), K(e);
+  return Re() && ye(), e > 0;
+}, L, ue = [], ke = function() {
   return ue.splice(0).forEach(function(e) {
     return e();
   });
-}, Ne = function(e) {
+}, De = function(e) {
   if (!L) {
     var t = 0, r = document.createTextNode(""), n = { characterData: !0 };
     new MutationObserver(function() {
-      return Ce();
+      return ke();
     }).observe(r, n), L = function() {
       r.textContent = "".concat(t ? t-- : t++);
     };
   }
   ue.push(e), L();
-}, ke = function(e) {
-  Ne(function() {
+}, Me = function(e) {
+  De(function() {
     requestAnimationFrame(e);
   });
-}, N = 0, De = function() {
+}, N = 0, Le = function() {
   return !!N;
-}, Me = 250, Le = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, Q = [
+}, Ie = 250, We = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, Q = [
   "resize",
   "load",
   "transitionend",
@@ -178,7 +178,7 @@ var m = function(e) {
   "focus"
 ], Z = function(e) {
   return e === void 0 && (e = 0), Date.now() + e;
-}, W = !1, We = function() {
+}, I = !1, Ae = function() {
   function e() {
     var t = this;
     this.stopped = !0, this.listener = function() {
@@ -187,15 +187,15 @@ var m = function(e) {
   }
   return e.prototype.run = function(t) {
     var r = this;
-    if (t === void 0 && (t = Me), !W) {
-      W = !0;
+    if (t === void 0 && (t = Ie), !I) {
+      I = !0;
       var n = Z(t);
-      ke(function() {
+      Me(function() {
         var i = !1;
         try {
-          i = _e();
+          i = Ne();
         } finally {
-          if (W = !1, t = n - Z(), !De())
+          if (I = !1, t = n - Z(), !Le())
             return;
           i ? r.run(1e3) : t > 0 ? r.run(t) : r.start();
         }
@@ -205,7 +205,7 @@ var m = function(e) {
     this.stop(), this.run();
   }, e.prototype.observe = function() {
     var t = this, r = function() {
-      return t.observer && t.observer.observe(document.body, Le);
+      return t.observer && t.observer.observe(document.body, We);
     };
     document.body ? r() : R.addEventListener("DOMContentLoaded", r);
   }, e.prototype.start = function() {
@@ -219,22 +219,22 @@ var m = function(e) {
       return R.removeEventListener(r, t.listener, !0);
     }), this.stopped = !0);
   }, e;
-}(), P = new We(), ee = function(e) {
+}(), P = new Ae(), ee = function(e) {
   !N && e > 0 && P.start(), N += e, !N && P.stop();
-}, Ae = function(e) {
-  return !G(e) && !Ee(e) && getComputedStyle(e).display === "inline";
-}, Ie = function() {
+}, Pe = function(e) {
+  return !G(e) && !Be(e) && getComputedStyle(e).display === "inline";
+}, Ge = function() {
   function e(t, r) {
-    this.target = t, this.observedBox = r || E.CONTENT_BOX, this.lastReportedSize = {
+    this.target = t, this.observedBox = r || y.CONTENT_BOX, this.lastReportedSize = {
       inlineSize: 0,
       blockSize: 0
     };
   }
   return e.prototype.isActive = function() {
     var t = ce(this.target, this.observedBox, !0);
-    return Ae(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
+    return Pe(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
   }, e;
-}(), Pe = /* @__PURE__ */ function() {
+}(), Fe = /* @__PURE__ */ function() {
   function e(t, r) {
     this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = t, this.callback = r;
   }
@@ -248,11 +248,11 @@ var m = function(e) {
   function e() {
   }
   return e.connect = function(t, r) {
-    var n = new Pe(t, r);
+    var n = new Fe(t, r);
     _.set(t, n);
   }, e.observe = function(t, r, n) {
     var i = _.get(t), s = i.observationTargets.length === 0;
-    te(i.observationTargets, r) < 0 && (s && g.push(i), i.observationTargets.push(new Ie(r, n && n.box)), ee(1), P.schedule());
+    te(i.observationTargets, r) < 0 && (s && g.push(i), i.observationTargets.push(new Ge(r, n && n.box)), ee(1), P.schedule());
   }, e.unobserve = function(t, r) {
     var n = _.get(t), i = te(n.observationTargets, r), s = n.observationTargets.length === 1;
     i >= 0 && (s && g.splice(g.indexOf(n), 1), n.observationTargets.splice(i, 1), ee(-1));
@@ -262,7 +262,7 @@ var m = function(e) {
       return r.unobserve(t, i.target);
     }), n.activeTargets.splice(0, n.activeTargets.length);
   }, e;
-}(), Ge = function() {
+}(), He = function() {
   function e(t) {
     if (arguments.length === 0)
       throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
@@ -288,15 +288,15 @@ var m = function(e) {
     return "function ResizeObserver () { [polyfill code] }";
   }, e;
 }();
-const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_1oz46_2", Ve = "_list_1oz46_14", ve = {
-  root: He,
-  list: Ve,
+const Ve = (e, t, r) => Math.min(Math.max(e, t), r), Xe = "_root_1oz46_2", qe = "_list_1oz46_14", ve = {
+  root: Xe,
+  list: qe,
   "start-gradient": "_start-gradient_1oz46_25",
   "end-gradient": "_end-gradient_1oz46_29",
   "item-wrapper": "_item-wrapper_1oz46_40",
   "item-content": "_item-content_1oz46_45",
   "item-separator": "_item-separator_1oz46_65"
-}, A = ie(ve), Xe = re(
+}, W = ie(ve), de = re(
   ({
     children: e,
     collapsed: t,
@@ -308,15 +308,15 @@ const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_1oz46_2", Ve =
   }, u) => {
     const l = o.href || o.to, c = !!(t && !i);
     let v;
-    return c ? v = "ellipsis-h" : n === !0 ? v = i ? "folder-open" : "folder" : n && (v = n), /* @__PURE__ */ I("li", { "aria-label": "breadcrumb", className: A("item-wrapper"), "data-testid": r, children: [
-      s ? /* @__PURE__ */ w("span", { className: A("item-separator"), role: "presentation", children: s }) : null,
-      /* @__PURE__ */ I(
+    return c ? v = "ellipsis-h" : n === !0 ? v = i ? "folder-open" : "folder" : n && (v = n), /* @__PURE__ */ A("li", { "aria-label": "breadcrumb", className: W("item-wrapper"), "data-testid": r, children: [
+      s ? /* @__PURE__ */ w("span", { className: W("item-separator"), role: "presentation", children: s }) : null,
+      /* @__PURE__ */ A(
         "a",
         {
           "aria-current": i ? "page" : void 0,
           "aria-disabled": !l,
           ...o,
-          className: A("item-content", o.className),
+          className: W("item-content", o.className),
           ref: u,
           children: [
             v ? /* @__PURE__ */ w(ne, { name: v, size: "md" }) : null,
@@ -326,7 +326,9 @@ const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_1oz46_2", Ve =
       )
     ] });
   }
-), k = ie(ve), qe = re(
+);
+de.displayName = "Breadcrumb.Item";
+const k = ie(ve), fe = re(
   ({
     children: e,
     icon: t,
@@ -334,24 +336,26 @@ const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_1oz46_2", Ve =
     separator: n = /* @__PURE__ */ w(ne, { name: "angle-right-b", size: "md" }),
     ...i
   }, s) => {
-    const o = be.toArray(e).filter(Boolean), u = o.length, l = o.map((a, d) => {
+    const o = me.toArray(e).filter(Boolean), u = o.length, l = o.map((a, d) => {
       const p = u === 1 || u === d + 1;
-      return ge(a, {
+      return ze(a, {
         icon: t,
         isActive: p && r,
         key: `breadcrumb-${d}`,
         separator: p ? void 0 : n,
         ...a.props
       });
-    }), { endGradient: c, listRef: v, onListScroll: h, startGradient: y } = $e();
-    return /* @__PURE__ */ I("nav", { ref: s, ...i, className: k("root", i.className), children: [
-      y,
+    }), { endGradient: c, listRef: v, onListScroll: h, startGradient: E } = $e();
+    return /* @__PURE__ */ A("nav", { ref: s, ...i, className: k("root", i.className), children: [
+      E,
       /* @__PURE__ */ w("ol", { className: k("list"), dir: "rtl", onScroll: h, ref: v, children: l.reverse() }),
       c
     ] });
   }
-), Qe = Object.assign(qe, {
-  Item: Xe
+);
+fe.displayName = "Breadcrumb";
+const Qe = Object.assign(fe, {
+  Item: de
 }), $e = () => {
   const e = M(null), t = M(), r = M(), [n, i] = X(!1), [s, o] = X(0), u = (a, d) => {
     a && (a.style.transform = `scale3d(${d}, 1, 1)`);
@@ -361,10 +365,10 @@ const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_1oz46_2", Ve =
   }, []), c = q(() => {
     const {
       current: { offsetWidth: a, scrollLeft: d, scrollWidth: p }
-    } = e, b = p - a, O = Fe(Math.abs(d - s), 0, b) / b;
+    } = e, b = p - a, O = Ve(Math.abs(d - s), 0, b) / b;
     l(O);
-  }, [s, l]), v = me(
-    () => ze(
+  }, [s, l]), v = xe(
+    () => we(
       (a) => {
         const [
           {
@@ -382,7 +386,7 @@ const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_1oz46_2", Ve =
     [s]
   );
   $(() => {
-    const a = new Ge(v);
+    const a = new He(v);
     return a.observe(e.current), () => a.disconnect();
   }, []), $(() => {
     t.current && r.current && l(0);
@@ -404,5 +408,5 @@ const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_1oz46_2", Ve =
 };
 export {
   Qe as Breadcrumb,
-  qe as BreadcrumbComponent
+  fe as BreadcrumbComponent
 };

package/dist/Button.css

@@ -1 +1 @@
-@property --gradient-angle{syntax: "<angle>"; initial-value: -60deg; inherits: true;}@keyframes _rotate-gradient_9gw1k_1{to{--gradient-angle: 300deg}}@layer components{._root_9gw1k_12{position:relative;display:inline-flex;align-items:center;justify-content:center;border-style:solid;cursor:pointer;border-radius:var(--border-radius-md);transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:ease-in-out;outline:transparent solid var(--border-width-md);font-weight:var(--font-weight-semi-bold);font-family:var(--font-family-body);line-height:var(--font-line-height-xs);height:var(--buttonHeight);padding-inline:var(--buttonPaddingInline);font-size:var(--buttonFontSize);color:var(--buttonColor, var(--color-neutral-90));background:var(--buttonBackground);border-width:var(--buttonBorderWidth, 0);border-color:var(--buttonBorderColor, transparent);box-shadow:var(--buttonBoxShadow, none);gap:var(--buttonGap)}._root_9gw1k_12[data-focus-visible],._root_9gw1k_12:focus-visible{outline-width:var(--components-dimensions-button-border-width-focused);outline-color:var(--buttonOutlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_9gw1k_12:hover:not(:disabled):not([aria-disabled]){box-shadow:var(--elevation-20);--buttonBackground: var(--buttonBackgroundHover);--buttonBorderColor: var(--buttonBorderColorHover, transparent);--buttonColor: var(--buttonColorHover)}}._root_9gw1k_12:active:not(:disabled):not([aria-disabled]){--buttonBackground: var(--buttonBackgroundActive);--buttonBorderColor: var(--buttonBorderColorActive, transparent);--buttonColor: var(--buttonColorPressed)}._root_9gw1k_12:disabled,._root_9gw1k_12[aria-disabled]{--buttonBorderColor: var(--buttonBorderColorDisabled, transparent);--buttonColor: var(--buttonColorDisabled);--buttonBackground: var(--buttonBackgroundDisabled);cursor:not-allowed}._root_9gw1k_12 i.wui-icon-font,._root_9gw1k_12 svg{font-weight:initial;width:var(--buttonIconSize);height:var(--buttonIconSize);font-size:var(--buttonIconSize)}._root_9gw1k_12:has(svg:only-child),._root_9gw1k_12:has(i._wui-icon-font_9gw1k_64:only-child){padding-inline:var(--buttonPaddingInlineIconOnly, var(--buttonPaddingInline))}._size-sm_9gw1k_74{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--components-dimensions-button-size-max-height-sm);--buttonPaddingInline: var(--spacing-sm);--buttonPaddingInlineIconOnly: var(--spacing-xs);--buttonIconSize: var(--components-dimensions-button-size-icon-sm);--buttonGap: var(--components-dimensions-button-gap-content-sm)}._size-md_9gw1k_82{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--components-dimensions-button-size-max-height-md);--buttonPaddingInline: var(--spacing-md);--buttonPaddingInlineIconOnly: var(--spacing-sm);--buttonIconSize: var(--components-dimensions-button-size-icon-md);--buttonGap: var(--components-dimensions-button-gap-content-md)}._size-lg_9gw1k_90{--buttonFontSize: var(--font-size-16);--buttonHeight: var(--components-dimensions-button-size-max-height-lg);--buttonPaddingInline: var(--spacing-lg);--buttonPaddingInlineIconOnly: var(--spacing-md);--buttonIconSize: var(--components-dimensions-button-size-icon-lg);--buttonGap: var(--components-dimensions-button-gap-content-lg)}._variant-primary_9gw1k_98{--buttonBackground: var(--components-colors-button-color-background-primary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-main-pressed );--buttonBackgroundHover: var(--components-colors-button-color-background-primary-main-hover);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused);--buttonColorDisabled: var(--components-colors-button-color-text-primary-main-disabled);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-main-disabled) 2.5px, var(--components-colors-button-color-background-primary-main-disabled) 5.25px) padding-box}._variant-primary-neutral_9gw1k_108{--buttonBackground: var(--components-colors-button-color-background-primary-neutral-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-neutral-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-primary-neutral-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-neutral-disabled) 2.5px, var(--components-colors-button-color-background-primary-neutral-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-primary-neutral-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-neutral-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-neutral-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-neutral-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-primary-ai_9gw1k_123{--buttonBackground: linear-gradient(var(--components-colors-button-color-background-primary-ai-default) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundActive: linear-gradient(var(--components-colors-button-color-background-primary-ai-pressed) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundHover: linear-gradient(var(--components-colors-button-color-background-primary-ai-hover) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-ai-disabled) 2.5px, var(--components-colors-button-color-background-primary-ai-disabled) 5.25px) padding-box, linear-gradient( 107.75deg, var(--color-neutral-30) 0%, var(--color-neutral-50) 20%, var(--color-neutral-40) 40%, var(--color-neutral-50) 60%, var(--color-neutral-60) 80%, var(--color-neutral-50) 100% ) border-box;--buttonBorderWidth: var(--components-dimensions-button-border-width-ai);--buttonColor: var(--components-colors-button-color-text-primary-ai-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-ai-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-ai-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-ai-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused);animation:_rotate-gradient_9gw1k_1 3s linear infinite paused}@media (hover: hover) and (pointer: fine){._variant-primary-ai_9gw1k_123:hover:not(:disabled):not([aria-disabled]){animation-play-state:running}}._variant-primary-ai_9gw1k_123:focus-visible{animation-play-state:running}._variant-primary-danger_9gw1k_155{--buttonBackground: var(--components-colors-button-color-background-primary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-primary-danger-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-danger-disabled) 2.5px, var(--components-colors-button-color-background-primary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-primary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-danger-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-secondary_9gw1k_171{--buttonBackground: var(--components-colors-button-color-background-secondary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-secondary-main-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-secondary-main-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-secondary-main-disabled) 2.5px, var(--components-colors-button-color-background-secondary-main-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-secondary-main-default);--buttonColorDisabled: var(--components-colors-button-color-text-secondary-main-disabled);--buttonColorHover: var(--components-colors-button-color-text-secondary-main-hover);--buttonColorPressed: var(--components-colors-button-color-text-secondary-main-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonBorderColor: var(--components-colors-button-color-border-secondary-main-default);--buttonBorderColorHover: var(--components-colors-button-color-border-secondary-main-hover);--buttonBorderColorActive: var( --components-colors-button-color-border-secondary-main-pressed );--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-secondary-danger_9gw1k_192{--buttonBackground: var(--components-colors-button-color-background-secondary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-secondary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-secondary-danger-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-secondary-danger-disabled) 2.5px, var(--components-colors-button-color-background-secondary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-secondary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-secondary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-secondary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-secondary-danger-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonBorderColor: var(--components-colors-button-color-border-secondary-danger-default);--buttonBorderColorHover: var(--components-colors-button-color-border-secondary-danger-hover);--buttonBorderColorActive: var( --components-colors-button-color-border-secondary-danger-pressed );--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-tertiary_9gw1k_213{--buttonBackground: var(--components-colors-button-color-background-tertiary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-tertiary-main-pressed );--buttonBackgroundHover: var(--components-colors-button-color-background-tertiary-main-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-tertiary-main-disabled) 2.5px, var(--components-colors-button-color-background-tertiary-main-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-tertiary-main-default);--buttonColorDisabled: var(--components-colors-button-color-text-tertiary-main-disabled);--buttonColorHover: var(--components-colors-button-color-text-tertiary-main-hover);--buttonColorPressed: var(--components-colors-button-color-text-tertiary-main-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-tertiary-danger_9gw1k_226{--buttonBackground: var(--components-colors-button-color-background-tertiary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-tertiary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-tertiary-danger-hover );--buttonBackgroundDisabled: var( --components-colors-button-color-background-tertiary-danger-disabled );--buttonColor: var(--components-colors-button-color-text-tertiary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-tertiary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-tertiary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-tertiary-danger-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._loader_9gw1k_243{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0}._loader-children_9gw1k_253{opacity:0}}
+@property --gradient-angle{syntax: "<angle>"; initial-value: -60deg; inherits: true;}@keyframes _rotate-gradient_1ervh_1{to{--gradient-angle: 300deg}}@layer components{._root_1ervh_12{position:relative;display:inline-flex;align-items:center;justify-content:center;border-style:solid;cursor:pointer;border-radius:var(--border-radius-md);transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:ease-in-out;outline:transparent solid var(--border-width-md);font-weight:var(--font-weight-semi-bold);font-family:var(--font-family-body);line-height:var(--font-line-height-xs);height:var(--buttonHeight);padding-inline:var(--buttonPaddingInline);font-size:var(--buttonFontSize);color:var(--buttonColor, var(--color-neutral-90));background:var(--buttonBackground);border-width:var(--buttonBorderWidth, 0);border-color:var(--buttonBorderColor, transparent);box-shadow:var(--buttonBoxShadow, none);gap:var(--buttonGap)}._root_1ervh_12[data-focus-visible],._root_1ervh_12:focus-visible{outline-width:var(--components-dimensions-button-border-width-focused);outline-color:var(--buttonOutlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_1ervh_12:hover:not(:disabled):not([aria-disabled]){box-shadow:var(--elevation-20);--buttonBackground: var(--buttonBackgroundHover);--buttonBorderColor: var(--buttonBorderColorHover, transparent);--buttonColor: var(--buttonColorHover)}}._root_1ervh_12:active:not(:disabled):not([aria-disabled]){--buttonBackground: var(--buttonBackgroundActive);--buttonBorderColor: var(--buttonBorderColorActive, transparent);--buttonColor: var(--buttonColorPressed)}._root_1ervh_12:disabled,._root_1ervh_12[aria-disabled]{--buttonBorderColor: var(--buttonBorderColorDisabled, transparent);--buttonColor: var(--buttonColorDisabled);--buttonBackground: var(--buttonBackgroundDisabled);cursor:not-allowed}._root_1ervh_12 i.wui-icon-font,._root_1ervh_12 svg{font-weight:initial;width:var(--buttonIconSize);height:var(--buttonIconSize);font-size:var(--buttonIconSize)}._root_1ervh_12:has(svg:only-child),._root_1ervh_12:has(i._wui-icon-font_1ervh_64:only-child){width:var(--buttonHeight);--buttonPaddingInline: 0}._size-sm_1ervh_75{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--components-dimensions-button-size-max-height-sm);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-sm);--buttonIconSize: var(--components-dimensions-button-size-icon-sm);--buttonGap: var(--components-dimensions-button-gap-content-sm)}._size-md_1ervh_82{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--components-dimensions-button-size-max-height-md);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-md);--buttonIconSize: var(--components-dimensions-button-size-icon-md);--buttonGap: var(--components-dimensions-button-gap-content-md)}._size-lg_1ervh_89{--buttonFontSize: var(--font-size-16);--buttonHeight: var(--components-dimensions-button-size-max-height-lg);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-lg);--buttonIconSize: var(--components-dimensions-button-size-icon-lg);--buttonGap: var(--components-dimensions-button-gap-content-lg)}._variant-primary_1ervh_96{--buttonBackground: var(--components-colors-button-color-background-primary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-main-pressed );--buttonBackgroundHover: var(--components-colors-button-color-background-primary-main-hover);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused);--buttonColorDisabled: var(--components-colors-button-color-text-primary-main-disabled);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-main-disabled) 2.5px, var(--components-colors-button-color-background-primary-main-disabled) 5.25px) padding-box}._variant-primary-neutral_1ervh_106{--buttonBackground: var(--components-colors-button-color-background-primary-neutral-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-neutral-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-primary-neutral-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-neutral-disabled) 2.5px, var(--components-colors-button-color-background-primary-neutral-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-primary-neutral-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-neutral-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-neutral-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-neutral-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-primary-ai_1ervh_121{--buttonBackground: linear-gradient(var(--components-colors-button-color-background-primary-ai-default) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundActive: linear-gradient(var(--components-colors-button-color-background-primary-ai-pressed) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundHover: linear-gradient(var(--components-colors-button-color-background-primary-ai-hover) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-ai-disabled) 2.5px, var(--components-colors-button-color-background-primary-ai-disabled) 5.25px) padding-box, linear-gradient( 107.75deg, var(--color-neutral-30) 0%, var(--color-neutral-50) 20%, var(--color-neutral-40) 40%, var(--color-neutral-50) 60%, var(--color-neutral-60) 80%, var(--color-neutral-50) 100% ) border-box;--buttonBorderWidth: var(--components-dimensions-button-border-width-ai);--buttonColor: var(--components-colors-button-color-text-primary-ai-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-ai-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-ai-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-ai-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused);animation:_rotate-gradient_1ervh_1 3s linear infinite paused}@media (hover: hover) and (pointer: fine){._variant-primary-ai_1ervh_121:hover:not(:disabled):not([aria-disabled]){animation-play-state:running}}._variant-primary-ai_1ervh_121:focus-visible{animation-play-state:running}._variant-primary-danger_1ervh_153{--buttonBackground: var(--components-colors-button-color-background-primary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-primary-danger-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-danger-disabled) 2.5px, var(--components-colors-button-color-background-primary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-primary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-danger-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-secondary_1ervh_169{--buttonBackground: var(--components-colors-button-color-background-secondary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-secondary-main-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-secondary-main-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-secondary-main-disabled) 2.5px, var(--components-colors-button-color-background-secondary-main-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-secondary-main-default);--buttonColorDisabled: var(--components-colors-button-color-text-secondary-main-disabled);--buttonColorHover: var(--components-colors-button-color-text-secondary-main-hover);--buttonColorPressed: var(--components-colors-button-color-text-secondary-main-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonBorderColor: var(--components-colors-button-color-border-secondary-main-default);--buttonBorderColorHover: var(--components-colors-button-color-border-secondary-main-hover);--buttonBorderColorActive: var( --components-colors-button-color-border-secondary-main-pressed );--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-secondary-danger_1ervh_190{--buttonBackground: var(--components-colors-button-color-background-secondary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-secondary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-secondary-danger-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-secondary-danger-disabled) 2.5px, var(--components-colors-button-color-background-secondary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-secondary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-secondary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-secondary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-secondary-danger-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonBorderColor: var(--components-colors-button-color-border-secondary-danger-default);--buttonBorderColorHover: var(--components-colors-button-color-border-secondary-danger-hover);--buttonBorderColorActive: var( --components-colors-button-color-border-secondary-danger-pressed );--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-tertiary_1ervh_211{--buttonBackground: var(--components-colors-button-color-background-tertiary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-tertiary-main-pressed );--buttonBackgroundHover: var(--components-colors-button-color-background-tertiary-main-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-tertiary-main-disabled) 2.5px, var(--components-colors-button-color-background-tertiary-main-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-tertiary-main-default);--buttonColorDisabled: var(--components-colors-button-color-text-tertiary-main-disabled);--buttonColorHover: var(--components-colors-button-color-text-tertiary-main-hover);--buttonColorPressed: var(--components-colors-button-color-text-tertiary-main-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-tertiary-danger_1ervh_224{--buttonBackground: var(--components-colors-button-color-background-tertiary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-tertiary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-tertiary-danger-hover );--buttonBackgroundDisabled: var( --components-colors-button-color-background-tertiary-danger-disabled );--buttonColor: var(--components-colors-button-color-text-tertiary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-tertiary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-tertiary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-tertiary-danger-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._loader_1ervh_241{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0}._loader-children_1ervh_251{opacity:0}}

package/dist/Button.js

@@ -1,63 +1,64 @@
 "use client";
 import './Button.css';
-import { jsxs as o, jsx as r, Fragment as f } from "react/jsx-runtime";
-import { B as z } from "./XCKGTAUF-CahZE721.js";
-import { useButtonGroup as b } from "./ButtonGroup.js";
-import { Loader as h } from "./Loader.js";
-import { c as x } from "./index-PAaZGbyz.js";
-import { f as B } from "./forwardRefWithAs-8eP3ZN15.js";
+import { jsxs as o, jsx as r, Fragment as z } from "react/jsx-runtime";
+import { B as b } from "./XCKGTAUF-CJwwVibW.js";
+import { useButtonGroup as x } from "./ButtonGroup.js";
+import { Loader as B } from "./Loader.js";
+import { c as N } from "./index-PAaZGbyz.js";
+import { f as w } from "./forwardRefWithAs-8eP3ZN15.js";
 import "react";
-const N = "_root_9gw1k_12", $ = "_loader_9gw1k_243", j = {
-  root: N,
-  "wui-icon-font": "_wui-icon-font_9gw1k_64",
-  "size-sm": "_size-sm_9gw1k_74",
-  "size-md": "_size-md_9gw1k_82",
-  "size-lg": "_size-lg_9gw1k_90",
-  "variant-primary": "_variant-primary_9gw1k_98",
-  "variant-primary-neutral": "_variant-primary-neutral_9gw1k_108",
-  "variant-primary-ai": "_variant-primary-ai_9gw1k_123",
-  "rotate-gradient": "_rotate-gradient_9gw1k_1",
-  "variant-primary-danger": "_variant-primary-danger_9gw1k_155",
-  "variant-secondary": "_variant-secondary_9gw1k_171",
-  "variant-secondary-danger": "_variant-secondary-danger_9gw1k_192",
-  "variant-tertiary": "_variant-tertiary_9gw1k_213",
-  "variant-tertiary-danger": "_variant-tertiary-danger_9gw1k_226",
-  loader: $,
-  "loader-children": "_loader-children_9gw1k_253"
-}, t = x(j), V = B(
+const $ = "_root_1ervh_12", j = "_loader_1ervh_241", D = {
+  root: $,
+  "wui-icon-font": "_wui-icon-font_1ervh_64",
+  "size-sm": "_size-sm_1ervh_75",
+  "size-md": "_size-md_1ervh_82",
+  "size-lg": "_size-lg_1ervh_89",
+  "variant-primary": "_variant-primary_1ervh_96",
+  "variant-primary-neutral": "_variant-primary-neutral_1ervh_106",
+  "variant-primary-ai": "_variant-primary-ai_1ervh_121",
+  "rotate-gradient": "_rotate-gradient_1ervh_1",
+  "variant-primary-danger": "_variant-primary-danger_1ervh_153",
+  "variant-secondary": "_variant-secondary_1ervh_169",
+  "variant-secondary-danger": "_variant-secondary-danger_1ervh_190",
+  "variant-tertiary": "_variant-tertiary_1ervh_211",
+  "variant-tertiary-danger": "_variant-tertiary-danger_1ervh_224",
+  loader: j,
+  "loader-children": "_loader-children_1ervh_251"
+}, e = N(D), S = w(
   ({
     accessibleWhenDisabled: s = !0,
-    as: i,
-    children: e,
+    as: t,
+    children: i,
     className: _ = "",
-    disabled: d = !1,
+    disabled: v = !1,
     isLoading: a = !1,
-    size: l = "lg",
-    variant: m = "primary",
-    ...g
+    size: d = "lg",
+    variant: l = "primary",
+    ...m
   }, c) => {
-    const { disabled: v, size: p, variant: u } = b(), w = v || d || a, y = u || m, k = p || l, n = i || "button";
+    const { disabled: p, size: h, variant: u } = x(), y = p || v || a, f = u || l, g = h || d, n = t || "button";
     return /* @__PURE__ */ o(
-      z,
+      b,
       {
         ...n === "button" ? { type: "button" } : {},
-        ...g,
+        ...m,
         accessibleWhenDisabled: s,
-        className: t("root", `variant-${y}`, `size-${k}`, _),
-        disabled: w,
+        className: e("root", `variant-${f}`, `size-${g}`, _),
+        disabled: y,
         ref: c,
-        render: i ? /* @__PURE__ */ r(n, {}) : void 0,
+        render: t ? /* @__PURE__ */ r(n, {}) : void 0,
         children: [
-          a ? /* @__PURE__ */ o(f, { children: [
-            /* @__PURE__ */ r("div", { className: t("loader"), children: /* @__PURE__ */ r(h, { size: "xs" }) }),
-            /* @__PURE__ */ r("div", { className: t("loader-children"), children: e })
+          a ? /* @__PURE__ */ o(z, { children: [
+            /* @__PURE__ */ r("div", { className: e("loader"), children: /* @__PURE__ */ r(B, { size: "xs" }) }),
+            /* @__PURE__ */ r("div", { className: e("loader-children"), children: i })
           ] }) : null,
-          !a && e
+          !a && i
         ]
       }
     );
   }
 );
+S.displayName = "Button";
 export {
-  V as Button
+  S as Button
 };

package/dist/ButtonGroup.js

@@ -7,10 +7,10 @@ import { f as G } from "./forwardRefWithAs-8eP3ZN15.js";
 const d = "_root_kot0y_2", y = {
   root: d
 }, B = x(y), s = f({});
-function N() {
+function j() {
   return l(s);
 }
-const j = G(
+const C = G(
   ({
     as: n = "div",
     children: u,
@@ -24,8 +24,9 @@ const j = G(
     return /* @__PURE__ */ e(s.Provider, { value: p, children: /* @__PURE__ */ e(n, { ...m, className: B("root", c), ref: a, children: u }) });
   }
 );
+C.displayName = "ButtonGroup";
 export {
-  j as ButtonGroup,
+  C as ButtonGroup,
   s as ButtonGroupContext,
-  N as useButtonGroup
+  j as useButtonGroup
 };

package/dist/Card.css

@@ -1 +1 @@
-@layer components{._root_zwvv3_2{border-radius:var(--border-radius-sm);background-size:cover;background-position:center;background-color:var(--components-colors-card-color-background-default);border-color:var(--color-background-neutral-subtlest);border-style:solid;border-width:var(--border-width-xs);overflow:hidden}._body_zwvv3_13{padding:var(--components-dimensions-card-action-dismiss-padding-block-start-lg)}}
+@layer components{._root_8fygh_2{font-family:var(--font-family-body);letter-spacing:var(--font-letter-spacing-none);font-weight:var(--font-weight-regular);border-radius:var(--components-dimensions-card-border-radius);background-size:cover;background-position:center;background-color:var(--components-colors-card-color-background-default);border-color:var(--borderColorCard, var(--components-colors-card-color-border-default));border-style:solid;border-width:var(--border-width-xs);outline:transparent solid var(--border-width-md);box-shadow:var(--boxShadowCard, var(--elevation-10));overflow:hidden;position:relative;transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:ease-in-out}._root_8fygh_2:hover:not([aria-disabled]):not(:disabled){--borderColorCard: var(--components-colors-card-color-border-hover);--boxShadowCard: var(--elevation-20);--colorIconHeader: var(--components-colors-card-color-icon-hover)}._root_8fygh_2[aria-disabled],._root_8fygh_2:disabled{--colorCard: var(--components-colors-button-color-text-tertiary-main-disabled);--colorIconHeader: var(--colorCard)}._header_8fygh_33{font-family:var(--font-family-title);letter-spacing:var(--font-letter-spacing-xs);font-weight:var(--font-weight-bold);font-size:var(--fontSizeHeader);line-height:var(--fontLineHeightHeader);color:var(--colorCard, var(--components-colors-card-header-color-text-default));padding:var(--paddingBlock) var(--paddingInline) 0;display:flex;flex-direction:row;align-items:center;gap:var(--components-dimensions-card-gap-title)}._header_8fygh_33:has(._close_8fygh_46){padding-right:calc(var(--sizeIconHeader) + var(--paddingInlineClose))}._header_8fygh_33 i.wui-icon-font,._header_8fygh_33 svg{flex-shrink:0;color:var(--colorIconHeader, var(--components-colors-card-header-color-icon-default));font-weight:initial;font-size:var(--sizeIconHeader);width:var(--sizeIconHeader);height:var(--sizeIconHeader);transition:color var(--duration-medium) ease-in-out}._header_8fygh_33 ._close_8fygh_46{position:absolute;right:var(--paddingInlineClose);top:var(--paddingBlockClose);height:auto;padding-inline:0!important}._header_8fygh_33 ._close_8fygh_46>svg{color:var(--components-colors-card-action-dismiss-icon-default)}._header_8fygh_33 ._close_8fygh_46:hover:not([aria-disabled]):not(:disabled)>svg{color:var(--components-colors-card-action-dismiss-icon-hover)}._body_8fygh_74{font-size:var(--fontSizeBody);line-height:var(--fontLineHeightBody);color:var(--colorCard, var(--components-colors-card-body-color-text-default));padding:var(--paddingBlock) var(--paddingInline);display:flex;flex-direction:column;gap:var(--gapBody)}._body_8fygh_74 ._metadata_8fygh_83{font-size:var(--fontSizeMetadata);line-height:var(--fontLineHeightMetadata);color:var(--colorCard, var(--components-colors-card-body-meta-color-text-default))}._footer_8fygh_91{font-size:var(--fontSizeBody);line-height:var(--fontLineHeightBody);color:var(--colorCard, var(--components-colors-card-body-color-text-default));padding:0 var(--paddingBlock) var(--paddingInline);display:flex;flex-direction:row;align-items:center;gap:var(--components-dimensions-card-gap-actions)}._size-sm_8fygh_104{--paddingBlock: var(--components-dimensions-card-padding-block-sm);--paddingInline: var(--components-dimensions-card-padding-inline-sm);--sizeIconHeader: var(--components-dimensions-card-action-dismiss-size-icon-sm);--fontSizeHeader: var(--font-size-lg);--fontLineHeightHeader: var(--font-line-height-xs);--paddingBlockClose: var(--components-dimensions-card-action-dismiss-padding-block-start-sm);--paddingInlineClose: var(--components-dimensions-card-action-dismiss-padding-inline-end-sm);--gapBody: var(--components-dimensions-card-gap-content-sm);--fontSizeBody: var(--font-size-sm);--fontLineHeightBody: var(--font-line-height-md);--fontSizeMetadata: var(--font-size-xs);--fontLineHeightMetadata: var(--font-line-height-sm)}._size-md_8fygh_118{--paddingBlock: var(--components-dimensions-card-padding-block-md);--paddingInline: var(--components-dimensions-card-padding-inline-md);--sizeIconHeader: var(--components-dimensions-card-action-dismiss-size-icon-md);--fontSizeHeader: var(--font-size-2xl);--fontLineHeightHeader: var(--font-line-height-xs);--paddingBlockClose: var(--components-dimensions-card-action-dismiss-padding-block-start-md);--paddingInlineClose: var(--components-dimensions-card-action-dismiss-padding-inline-end-md);--gapBody: var(--components-dimensions-card-gap-content-md);--fontSizeBody: var(--font-size-md);--fontLineHeightBody: var(--font-line-height-lg);--fontSizeMetadata: var(--font-size-sm);--fontLineHeightMetadata: var(--font-line-height-md)}._size-lg_8fygh_132{--paddingBlock: var(--components-dimensions-card-padding-block-lg);--paddingInline: var(--components-dimensions-card-padding-inline-lg);--sizeIconHeader: var(--components-dimensions-card-action-dismiss-size-icon-lg);--fontSizeHeader: var(--font-size-2xl);--fontLineHeightHeader: var(--font-line-height-xs);--paddingBlockClose: var(--components-dimensions-card-action-dismiss-padding-block-start-lg);--paddingInlineClose: var(--components-dimensions-card-action-dismiss-padding-inline-end-lg);--gapBody: var(--components-dimensions-card-gap-content-lg);--fontSizeBody: var(--font-size-lg);--fontLineHeightBody: var(--font-line-height-lg);--fontSizeMetadata: var(--font-size-md);--fontLineHeightMetadata: var(--font-line-height-lg)}}