welcome-ui 0.0.0-dev.1759252708223 → 0.0.0-dev.1759821506923

package/dist/Breadcrumb.js

@@ -1,48 +1,47 @@
 "use client";
-import { jsxs as te, jsx as z } from "react/jsx-runtime";
-import { forwardRef as re, Children as pe, cloneElement as be, useRef as A, useState as V, useCallback as X, useMemo as ge, useEffect as q } from "react";
-import "./Icon-CvQNL_iy.js";
-import { R as me } from "./index-BYbxYLuX.js";
-import { c as ne } from "./classNames-qiokGROM.js";
-import { createGlobalStyle as xe, css as ie } from "@xstyled/styled-components";
-import "react-dom";
-var b = [], we = function() {
+import { jsxs as te, jsx as R } from "react/jsx-runtime";
+import { forwardRef as re, Children as pe, cloneElement as be, useRef as M, useState as H, useCallback as V, useMemo as ge, useEffect as X } from "react";
+import "./Icon-BisRi8B3.js";
+import { R as me } from "./index-Dcq5gh3E.js";
+import { c as ne } from "./index-PAaZGbyz.js";
+import { t as xe } from "./throttle-BDBzFeFj.js";
+var b = [], ze = function() {
   return b.some(function(e) {
     return e.activeTargets.length > 0;
   });
-}, ze = function() {
+}, Re = function() {
   return b.some(function(e) {
     return e.skippedTargets.length > 0;
   });
-}, $ = "ResizeObserver loop completed with undelivered notifications.", Re = function() {
+}, $ = "ResizeObserver loop completed with undelivered notifications.", we = function() {
   var e;
   typeof ErrorEvent == "function" ? e = new ErrorEvent("error", {
     message: $
   }) : (e = document.createEvent("Event"), e.initEvent("error", !1, !1), e.message = $), 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 g = function(e) {
   return Object.freeze(e);
-}, ye = /* @__PURE__ */ function() {
+}, Oe = /* @__PURE__ */ function() {
   function e(t, r) {
     this.inlineSize = t, this.blockSize = r, g(this);
   }
   return e;
-}(), oe = function() {
+}(), ie = function() {
   function e(t, r, n, i) {
     return this.x = t, this.y = r, this.width = n, this.height = i, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, g(this);
   }
   return e.prototype.toJSON = function() {
-    var t = this, r = t.x, n = t.y, i = t.top, o = t.right, s = t.bottom, v = t.left, c = t.width, l = t.height;
-    return { x: r, y: n, top: i, right: o, bottom: s, left: v, width: c, height: l };
+    var t = this, r = t.x, n = t.y, i = t.top, o = t.right, s = t.bottom, l = t.left, c = t.width, v = t.height;
+    return { x: r, y: n, top: i, right: o, bottom: s, left: l, width: c, height: v };
   }, e.fromRect = function(t) {
     return new e(t.x, t.y, t.width, t.height);
   }, e;
 }(), P = function(e) {
   return e instanceof SVGElement && "getBBox" in e;
-}, se = function(e) {
+}, oe = function(e) {
   if (P(e)) {
     var t = e.getBBox(), r = t.width, n = t.height;
     return !r && !n;
@@ -55,7 +54,7 @@ var g = 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);
-}, Oe = function(e) {
+}, Ee = function(e) {
   switch (e.tagName) {
     case "INPUT":
       if (e.type !== "image")
@@ -70,45 +69,45 @@ var g = function(e) {
       return !0;
   }
   return !1;
-}, O = typeof window < "u" ? window : {}, S = /* @__PURE__ */ new WeakMap(), U = /auto|scroll/, Ee = /^tb|vertical/, Te = /msie|trident/i.test(O.navigator && O.navigator.userAgent), d = function(e) {
+}, E = typeof window < "u" ? window : {}, S = /* @__PURE__ */ new WeakMap(), U = /auto|scroll/, ye = /^tb|vertical/, Te = /msie|trident/i.test(E.navigator && E.navigator.userAgent), d = function(e) {
   return parseFloat(e || "0");
-}, w = function(e, t, r) {
-  return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new ye((r ? t : e) || 0, (r ? e : t) || 0);
+}, z = function(e, t, r) {
+  return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new Oe((r ? t : e) || 0, (r ? e : t) || 0);
 }, Y = g({
-  devicePixelContentBoxSize: w(),
-  borderBoxSize: w(),
-  contentBoxSize: w(),
-  contentRect: new oe(0, 0, 0, 0)
-}), ae = function(e, t) {
+  devicePixelContentBoxSize: z(),
+  borderBoxSize: z(),
+  contentBoxSize: z(),
+  contentRect: new ie(0, 0, 0, 0)
+}), se = function(e, t) {
   if (t === void 0 && (t = !1), S.has(e) && !t)
     return S.get(e);
-  if (se(e))
+  if (oe(e))
     return S.set(e, Y), Y;
-  var r = getComputedStyle(e), n = P(e) && e.ownerSVGElement && e.getBBox(), i = !Te && r.boxSizing === "border-box", o = Ee.test(r.writingMode || ""), s = !n && U.test(r.overflowY || ""), v = !n && U.test(r.overflowX || ""), c = n ? 0 : d(r.paddingTop), l = n ? 0 : d(r.paddingRight), h = n ? 0 : d(r.paddingBottom), f = n ? 0 : d(r.paddingLeft), R = n ? 0 : d(r.borderTopWidth), a = n ? 0 : d(r.borderRightWidth), u = n ? 0 : d(r.borderBottomWidth), m = n ? 0 : d(r.borderLeftWidth), p = f + l, x = c + h, y = m + a, D = R + u, G = v ? e.offsetHeight - D - e.clientHeight : 0, F = s ? e.offsetWidth - y - e.clientWidth : 0, ve = i ? p + y : 0, de = i ? x + D : 0, T = n ? n.width : d(r.width) - ve - F, B = n ? n.height : d(r.height) - de - G, fe = T + p + F + y, he = B + x + G + D, H = g({
-    devicePixelContentBoxSize: w(Math.round(T * devicePixelRatio), Math.round(B * devicePixelRatio), o),
-    borderBoxSize: w(fe, he, o),
-    contentBoxSize: w(T, B, o),
-    contentRect: new oe(f, c, T, B)
+  var r = getComputedStyle(e), n = P(e) && e.ownerSVGElement && e.getBBox(), i = !Te && r.boxSizing === "border-box", o = ye.test(r.writingMode || ""), s = !n && U.test(r.overflowY || ""), l = !n && U.test(r.overflowX || ""), c = n ? 0 : d(r.paddingTop), v = n ? 0 : d(r.paddingRight), h = n ? 0 : d(r.paddingBottom), f = n ? 0 : d(r.paddingLeft), w = n ? 0 : d(r.borderTopWidth), a = n ? 0 : d(r.borderRightWidth), u = n ? 0 : d(r.borderBottomWidth), m = n ? 0 : d(r.borderLeftWidth), p = f + v, x = c + h, O = m + a, D = w + u, q = l ? e.offsetHeight - D - e.clientHeight : 0, G = s ? e.offsetWidth - O - e.clientWidth : 0, le = i ? p + O : 0, de = i ? x + D : 0, T = n ? n.width : d(r.width) - le - G, B = n ? n.height : d(r.height) - de - q, fe = T + p + G + O, he = B + x + q + D, F = g({
+    devicePixelContentBoxSize: z(Math.round(T * devicePixelRatio), Math.round(B * devicePixelRatio), o),
+    borderBoxSize: z(fe, he, o),
+    contentBoxSize: z(T, B, o),
+    contentRect: new ie(f, c, T, B)
   });
-  return S.set(e, H), H;
-}, ce = function(e, t, r) {
-  var n = ae(e, r), i = n.borderBoxSize, o = n.contentBoxSize, s = n.devicePixelContentBoxSize;
+  return S.set(e, F), F;
+}, ae = function(e, t, r) {
+  var n = se(e, r), i = n.borderBoxSize, o = n.contentBoxSize, s = n.devicePixelContentBoxSize;
   switch (t) {
-    case E.DEVICE_PIXEL_CONTENT_BOX:
+    case y.DEVICE_PIXEL_CONTENT_BOX:
       return s;
-    case E.BORDER_BOX:
+    case y.BORDER_BOX:
       return i;
     default:
       return o;
   }
 }, Be = /* @__PURE__ */ function() {
   function e(t) {
-    var r = ae(t);
+    var r = se(t);
     this.target = t, this.contentRect = r.contentRect, this.borderBoxSize = g([r.borderBoxSize]), this.contentBoxSize = g([r.contentBoxSize]), this.devicePixelContentBoxSize = g([r.devicePixelContentBoxSize]);
   }
   return e;
-}(), le = function(e) {
-  if (se(e))
+}(), ce = function(e) {
+  if (oe(e))
     return 1 / 0;
   for (var t = 0, r = e.parentNode; r; )
     t += 1, r = r.parentNode;
@@ -117,12 +116,12 @@ var g = function(e) {
   var e = 1 / 0, t = [];
   b.forEach(function(s) {
     if (s.activeTargets.length !== 0) {
-      var v = [];
-      s.activeTargets.forEach(function(l) {
-        var h = new Be(l.target), f = le(l.target);
-        v.push(h), l.lastReportedSize = ce(l.target, l.observedBox), f < e && (e = f);
+      var l = [];
+      s.activeTargets.forEach(function(v) {
+        var h = new Be(v.target), f = ce(v.target);
+        l.push(h), v.lastReportedSize = ae(v.target, v.observedBox), f < e && (e = f);
       }), t.push(function() {
-        s.callback.call(s.observer, v, s.observer);
+        s.callback.call(s.observer, l, s.observer);
       }), s.activeTargets.splice(0, s.activeTargets.length);
     }
   });
@@ -134,35 +133,35 @@ var g = function(e) {
 }, j = function(e) {
   b.forEach(function(r) {
     r.activeTargets.splice(0, r.activeTargets.length), r.skippedTargets.splice(0, r.skippedTargets.length), r.observationTargets.forEach(function(i) {
-      i.isActive() && (le(i.target) > e ? r.activeTargets.push(i) : r.skippedTargets.push(i));
+      i.isActive() && (ce(i.target) > e ? r.activeTargets.push(i) : r.skippedTargets.push(i));
     });
   });
 }, _e = function() {
   var e = 0;
-  for (j(e); we(); )
+  for (j(e); ze(); )
     e = Se(), j(e);
-  return ze() && Re(), e > 0;
-}, I, ue = [], Ce = function() {
-  return ue.splice(0).forEach(function(e) {
+  return Re() && we(), e > 0;
+}, A, ve = [], Ce = function() {
+  return ve.splice(0).forEach(function(e) {
     return e();
   });
 }, Ne = function(e) {
-  if (!I) {
+  if (!A) {
     var t = 0, r = document.createTextNode(""), n = { characterData: !0 };
     new MutationObserver(function() {
       return Ce();
-    }).observe(r, n), I = function() {
+    }).observe(r, n), A = function() {
       r.textContent = "".concat(t ? t-- : t++);
     };
   }
-  ue.push(e), I();
+  ve.push(e), A();
 }, ke = function(e) {
   Ne(function() {
     requestAnimationFrame(e);
   });
 }, N = 0, De = function() {
   return !!N;
-}, Ae = 250, Ie = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, K = [
+}, Me = 250, Ae = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, K = [
   "resize",
   "load",
   "transitionend",
@@ -179,7 +178,7 @@ var g = function(e) {
   "focus"
 ], Q = function(e) {
   return e === void 0 && (e = 0), Date.now() + e;
-}, M = !1, Me = function() {
+}, I = !1, Ie = function() {
   function e() {
     var t = this;
     this.stopped = !0, this.listener = function() {
@@ -188,15 +187,15 @@ var g = function(e) {
   }
   return e.prototype.run = function(t) {
     var r = this;
-    if (t === void 0 && (t = Ae), !M) {
-      M = !0;
+    if (t === void 0 && (t = Me), !I) {
+      I = !0;
       var n = Q(t);
       ke(function() {
         var i = !1;
         try {
           i = _e();
         } finally {
-          if (M = !1, t = n - Q(), !De())
+          if (I = !1, t = n - Q(), !De())
             return;
           i ? r.run(1e3) : t > 0 ? r.run(t) : r.start();
         }
@@ -206,33 +205,33 @@ var g = function(e) {
     this.stop(), this.run();
   }, e.prototype.observe = function() {
     var t = this, r = function() {
-      return t.observer && t.observer.observe(document.body, Ie);
+      return t.observer && t.observer.observe(document.body, Ae);
     };
-    document.body ? r() : O.addEventListener("DOMContentLoaded", r);
+    document.body ? r() : E.addEventListener("DOMContentLoaded", r);
   }, e.prototype.start = function() {
     var t = this;
     this.stopped && (this.stopped = !1, this.observer = new MutationObserver(this.listener), this.observe(), K.forEach(function(r) {
-      return O.addEventListener(r, t.listener, !0);
+      return E.addEventListener(r, t.listener, !0);
     }));
   }, e.prototype.stop = function() {
     var t = this;
     this.stopped || (this.observer && this.observer.disconnect(), K.forEach(function(r) {
-      return O.removeEventListener(r, t.listener, !0);
+      return E.removeEventListener(r, t.listener, !0);
     }), this.stopped = !0);
   }, e;
-}(), W = new Me(), Z = function(e) {
+}(), W = new Ie(), Z = function(e) {
   !N && e > 0 && W.start(), N += e, !N && W.stop();
 }, Le = function(e) {
-  return !P(e) && !Oe(e) && getComputedStyle(e).display === "inline";
+  return !P(e) && !Ee(e) && getComputedStyle(e).display === "inline";
 }, We = 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);
+    var t = ae(this.target, this.observedBox, !0);
     return Le(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
   }, e;
 }(), Pe = /* @__PURE__ */ function() {
@@ -263,7 +262,7 @@ var g = function(e) {
       return r.unobserve(t, i.target);
     }), n.activeTargets.splice(0, n.activeTargets.length);
   }, e;
-}(), Ge = function() {
+}(), qe = function() {
   function e(t) {
     if (arguments.length === 0)
       throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
@@ -289,86 +288,64 @@ var g = function(e) {
     return "function ResizeObserver () { [polyfill code] }";
   }, e;
 }();
-const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "data-wui-hidefocusrings";
-xe(
-  () => ie`
-    [${He}] *:focus {
-      outline: none;
-    }
-  `
-);
-ie`
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-const Ve = (e, t, r = !0) => {
-  let n = null, i = null;
-  return (...o) => {
-    const s = () => {
-      e(...i), n = null;
-    };
-    i = o, n || (r && s(), n = setTimeout(s, t));
-  };
-}, Xe = "_root_eoy6t_2", qe = "_list_eoy6t_13", $e = {
-  root: Xe,
-  list: qe,
-  "start-gradient": "_start-gradient_eoy6t_23",
-  "end-gradient": "_end-gradient_eoy6t_27"
-}, Je = "_root_1ai63_2", Ue = "_item_1ai63_7", Ye = "_separator_1ai63_24", je = {
-  root: Je,
-  item: Ue,
-  separator: Ye
-}, L = ne(je), Ke = re(
+const Ge = (e, t, r) => Math.min(Math.max(e, t), r), Fe = "_root_9vqpr_2", He = "_list_9vqpr_14", ue = {
+  root: Fe,
+  list: He,
+  "start-gradient": "_start-gradient_9vqpr_24",
+  "end-gradient": "_end-gradient_9vqpr_28",
+  "item-wrapper": "_item-wrapper_9vqpr_39",
+  "item-content": "_item-content_9vqpr_44",
+  "item-separator": "_item-separator_9vqpr_58"
+}, L = ne(ue), Ve = re(
   ({ children: e, "data-testid": t, isActive: r, separator: n, ...i }, o) => {
     const s = i.href || i.to;
-    return /* @__PURE__ */ te("li", { "aria-label": "breadcrumb", className: L("root"), "data-testid": t, children: [
-      n ? /* @__PURE__ */ z("span", { className: L("separator"), role: "presentation", children: n }) : null,
-      /* @__PURE__ */ z(
+    return /* @__PURE__ */ te("li", { "aria-label": "breadcrumb", className: L("item-wrapper"), "data-testid": t, children: [
+      n ? /* @__PURE__ */ R("span", { className: L("item-separator"), role: "presentation", children: n }) : null,
+      /* @__PURE__ */ R(
         "a",
         {
           "aria-current": r ? "page" : void 0,
           "aria-disabled": !s,
           ...i,
-          className: L("item", i.className),
+          className: L("item-content", i.className),
           ref: o,
           children: e
         }
       )
     ] });
   }
-), k = ne($e), Qe = re(
-  ({ children: e, lastChildNotClickable: t = !0, separator: r = /* @__PURE__ */ z(me, { size: "xs" }), ...n }, i) => {
-    const o = pe.toArray(e).filter(Boolean), s = o.length, v = o.map((R, a) => {
+), k = ne(ue), Xe = re(
+  ({ children: e, lastChildNotClickable: t = !0, separator: r = /* @__PURE__ */ R(me, { size: "xs" }), ...n }, i) => {
+    const o = pe.toArray(e).filter(Boolean), s = o.length, l = o.map((w, a) => {
       const u = s === 1 || s === a + 1;
-      return be(R, {
+      return be(w, {
         isActive: u && t,
         key: `breadcrumb-${a}`,
         separator: u ? void 0 : r,
-        ...R.props
+        ...w.props
       });
-    }), { endGradient: c, listRef: l, onListScroll: h, startGradient: f } = Ze();
+    }), { endGradient: c, listRef: v, onListScroll: h, startGradient: f } = $e();
     return /* @__PURE__ */ te("nav", { ref: i, ...n, className: k("root", n.className), children: [
       f,
-      /* @__PURE__ */ z("ol", { className: k("list"), dir: "rtl", onScroll: h, ref: l, children: v.reverse() }),
+      /* @__PURE__ */ R("ol", { className: k("list"), dir: "rtl", onScroll: h, ref: v, children: l.reverse() }),
       c
     ] });
   }
-), at = Object.assign(Qe, {
-  Item: Ke
-}), Ze = () => {
-  const e = A(null), t = A(), r = A(), [n, i] = V(!1), [o, s] = V(0), v = (a, u) => {
+), Ze = Object.assign(Xe, {
+  Item: Ve
+}), $e = () => {
+  const e = M(null), t = M(), r = M(), [n, i] = H(!1), [o, s] = H(0), l = (a, u) => {
     a && (a.style.transform = `scale3d(${u}, 1, 1)`);
-  }, c = X((a) => {
+  }, c = V((a) => {
     const u = 1 - a;
-    v(t.current, u), v(r.current, a);
-  }, []), l = X(() => {
+    l(t.current, u), l(r.current, a);
+  }, []), v = V(() => {
     const {
       current: { offsetWidth: a, scrollLeft: u, scrollWidth: m }
-    } = e, p = m - a, y = Fe(Math.abs(u - o), 0, p) / p;
-    c(y);
+    } = e, p = m - a, O = Ge(Math.abs(u - o), 0, p) / p;
+    c(O);
   }, [o, c]), h = ge(
-    () => Ve(
+    () => xe(
       (a) => {
         const [
           {
@@ -385,28 +362,28 @@ const Ve = (e, t, r = !0) => {
     ),
     [o]
   );
-  q(() => {
-    const a = new Ge(h);
+  X(() => {
+    const a = new qe(h);
     return a.observe(e.current), () => a.disconnect();
-  }, []), q(() => {
+  }, []), X(() => {
     t.current && r.current && c(0);
   }, [n, c]);
-  const f = n ? /* @__PURE__ */ z(
+  const f = n ? /* @__PURE__ */ R(
     "span",
     {
       className: k("start-gradient", "bg-linear-to-r  from-neutral-10 to-transparent"),
       ref: t
     }
   ) : null;
-  return { endGradient: n ? /* @__PURE__ */ z(
+  return { endGradient: n ? /* @__PURE__ */ R(
     "span",
     {
       className: k("end-gradient", "bg-linear-to-l from-neutral-10 to-transparent"),
       ref: r
     }
-  ) : null, listRef: e, onListScroll: l, startGradient: f };
+  ) : null, listRef: e, onListScroll: v, startGradient: f };
 };
 export {
-  at as Breadcrumb,
-  Qe as BreadcrumbComponent
+  Ze as Breadcrumb,
+  Xe as BreadcrumbComponent
 };

package/dist/Button.css

@@ -1 +1 @@
-@layer components{._root_sj9n9_2{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-style:solid;border-width:var(--border-width-sm);transition-property:all;transition-duration:var(--duration-medium);outline:transparent solid var(--border-width-md);font-weight:var(--font-weight-bold);aspect-ratio:var(--aspectRatio, auto);height:var(--height);padding-inline:var(--paddingInline);border-radius:var(--borderRadius);font-size:var(--fontSize);color:var(--color, var(--color-neutral-90));background-color:var(--backgroundColor);border-color:var(--borderColor);line-height:var(--lineHeight)}._root_sj9n9_2[data-focus-visible],._root_sj9n9_2:focus-visible{outline-color:var(--outlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_sj9n9_2:hover{background-color:var(--backgroundColorHover);border-color:var(--borderColorHover)}}._root_sj9n9_2:active{background-color:var(--backgroundColorActive);border-color:var(--borderColorActive)}._root_sj9n9_2:disabled,._root_sj9n9_2[aria-disabled]{background-color:var(--backgroundColorDisabled);border-color:var(--borderColorDisabled);color:var(--colorDisabled);cursor:var(--cursorDisabled)}._root_sj9n9_2:has(i.wui-icon-font),._root_sj9n9_2:has(svg){padding-inline:var(--paddingInlineHasIcon)}._root_sj9n9_2 i.wui-icon-font,._root_sj9n9_2 svg{font-weight:initial}._root_sj9n9_2 i.wui-icon-font:only-child,._root_sj9n9_2 svg:only-child{width:var(--iconOnlySize);height:var(--iconOnlySize);font-size:var(--iconOnlySize)}._root_sj9n9_2 i.wui-icon-font:not(:only-child),._root_sj9n9_2 svg:not(:only-child){width:var(--iconDefaultSize);height:var(--iconDefaultSize);font-size:var(--iconDefaultSize)}._root_sj9n9_2 i.wui-icon-font:first-child:not(:only-child),._root_sj9n9_2 svg:first-child:not(:only-child){margin-inline-end:var(--spacing-xs)}._root_sj9n9_2 i.wui-icon-font:last-child:not(:only-child),._root_sj9n9_2 svg:last-child:not(:only-child){margin-inline-start:var(--spacing-xs)}._shape-default_sj9n9_77{--borderRadius: var(--radius-md)}._shape-circle_sj9n9_80{--borderRadius: var(--radius-circle)}._shape-square_sj9n9_83{--borderRadius: var(--radius-md)}._shape-circle_sj9n9_80._size-lg_sj9n9_86,._shape-circle_sj9n9_80._size-md_sj9n9_86,._shape-circle_sj9n9_80._size-sm_sj9n9_86,._shape-circle_sj9n9_80._size-xs_sj9n9_86,._shape-square_sj9n9_83._size-lg_sj9n9_86,._shape-square_sj9n9_83._size-md_sj9n9_86,._shape-square_sj9n9_83._size-sm_sj9n9_86,._shape-square_sj9n9_83._size-xs_sj9n9_86{--aspectRatio: 1;--paddingInline: 0;--paddingInlineHasIcon: 0}._shape-circle_sj9n9_80._size-lg_sj9n9_86,._shape-square_sj9n9_83._size-lg_sj9n9_86{--fontSize: var(--font-size-xl)}._shape-circle_sj9n9_80._size-md_sj9n9_86,._shape-square_sj9n9_83._size-md_sj9n9_86,._shape-circle_sj9n9_80._size-sm_sj9n9_86,._shape-square_sj9n9_83._size-sm_sj9n9_86,._shape-circle_sj9n9_80._size-xs_sj9n9_86,._shape-square_sj9n9_83._size-xs_sj9n9_86{--fontSize: var(--font-size-md)}._size-xs_sj9n9_86{--fontSize: var(--font-size-xs);--height: var(--height-elements-sm);--paddingInline: var(--spacing-sm);--paddingInlineHasIcon: var(--spacing-sm);--iconDefaultSize: .75rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-xs)}._size-sm_sj9n9_86{--fontSize: var(--font-size-xs);--height: var(--height-elements-md);--paddingInline: var(--spacing-sm);--paddingInlineHasIcon: var(--spacing-md);--iconDefaultSize: 1rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-xs)}._size-md_sj9n9_86{--fontSize: var(--font-size-sm);--height: var(--height-elements-lg);--paddingInline: var(--spacing-xl);--paddingInlineHasIcon: var(--spacing-md);--iconDefaultSize: 1rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-sm)}._size-lg_sj9n9_86{--fontSize: var(--font-size-sm);--height: var(--height-elements-xl);--paddingInline: var(--spacing-xl);--paddingInlineHasIcon: var(--spacing-lg);--iconDefaultSize: 1rem;--iconOnlySize: 1.5rem;--lineHeight: var(--line-height-sm)}._variant-disabled_sj9n9_139{--backgroundColorDisabled: var(--color-beige-40);--borderColorDisabled: var(--color-beige-40);--colorDisabled: var(--color-beige-70);--cursorDisabled: not-allowed;--outlineColorFocus: var(--color-beige-10)}._variant-ghost_sj9n9_146{--backgroundColorActive: color-mix(in oklab, var(--color-neutral-90) 40%, transparent);--backgroundColorHover: color-mix(in oklab, var(--color-neutral-90) 10%, transparent);--borderColor: transparent;--borderColorActive: transparent;--borderColorHover: transparent;--outlineColorFocus: color-mix(in oklab, var(--color-neutral-90) 10%, transparent)}._variant-ghost-ai_sj9n9_154{--backgroundColorActive: var(--color-violet-30);--backgroundColorHover: var(--color-violet-10);--borderColor: transparent;--borderColorActive: var(--color-violet-30);--borderColorHover: var(--color-violet-10);--color: var(--color-violet-70);--outlineColorFocus: var(--color-violet-50)}._variant-ghost-danger_sj9n9_163{--backgroundColorActive: var(--color-red-20);--backgroundColorHover: var(--color-red-10);--borderColor: transparent;--borderColorActive: var(--color-red-20);--borderColorHover: var(--color-red-10);--color: var(--color-red-80);--outlineColorFocus: var(--color-red-40)}._variant-primary_sj9n9_172{--backgroundColor: var(--color-brand-40);--backgroundColorActive: var(--color-brand-10);--backgroundColorHover: var(--color-brand-30);--borderColor: var(--color-brand-40);--borderColorActive: var(--color-brand-10);--borderColorHover: var(--color-brand-30);--outlineColorFocus: var(--color-brand-20)}._variant-primary-ai_sj9n9_181{--backgroundColor: var(--color-violet-70);--backgroundColorActive: var(--color-violet-40);--backgroundColorHover: var(--color-violet-60);--borderColor: var(--color-violet-70);--borderColorActive: var(--color-violet-40);--borderColorHover: var(--color-violet-60);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-violet-50)}._variant-primary-danger_sj9n9_191{--backgroundColor: var(--color-red-70);--backgroundColorActive: var(--color-red-50);--backgroundColorHover: var(--color-red-60);--borderColor: var(--color-red-70);--borderColorActive: var(--color-red-50);--borderColorHover: var(--color-red-60);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-red-40)}._variant-secondary_sj9n9_201{--backgroundColor: var(--color-neutral-90);--backgroundColorActive: var(--color-neutral-50);--backgroundColorHover: var(--color-neutral-70);--borderColor: var(--color-neutral-90);--borderColorActive: var(--color-neutral-50);--borderColorHover: var(--color-neutral-70);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-neutral-40)}._variant-tertiary_sj9n9_211{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: color-mix(in oklab, var(--color-neutral-90) 40%, transparent);--backgroundColorHover: color-mix(in oklab, var(--color-neutral-90) 10%, transparent);--borderColor: var(--color-neutral-90);--outlineColorFocus: var(--color-neutral-40)}._variant-tertiary-ai_sj9n9_218{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: var(--color-violet-30);--backgroundColorHover: var(--color-violet-10);--borderColor: var(--color-violet-70);--color: var(--color-violet-70);--outlineColorFocus: var(--color-violet-50)}._variant-tertiary-danger_sj9n9_226{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: var(--color-red-20);--backgroundColorHover: var(--color-red-10);--borderColor: var(--color-red-80);--color: var(--color-red-80);--outlineColorFocus: var(--color-red-40)}._loader_sj9n9_234{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0}._loader-children_sj9n9_244{opacity:0}}
+@layer components{._root_1q8jk_2{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-style:solid;border-width:var(--border-width-sm);transition-property:all;transition-duration:var(--duration-medium);outline:transparent solid var(--border-width-md);font-weight:var(--font-weight-bold);aspect-ratio:var(--aspectRatio, auto);height:var(--height);padding-inline:var(--paddingInline);border-radius:var(--borderRadius);font-size:var(--fontSize);color:var(--color, var(--color-neutral-90));background-color:var(--backgroundColor);border-color:var(--borderColor);line-height:var(--lineHeight)}._root_1q8jk_2[data-focus-visible],._root_1q8jk_2:focus-visible{outline-color:var(--outlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_1q8jk_2:hover{background-color:var(--backgroundColorHover);border-color:var(--borderColorHover)}}._root_1q8jk_2:active{background-color:var(--backgroundColorActive);border-color:var(--borderColorActive)}._root_1q8jk_2:disabled,._root_1q8jk_2[aria-disabled]{background-color:var(--backgroundColorDisabled);border-color:var(--borderColorDisabled);color:var(--colorDisabled);cursor:var(--cursorDisabled)}._root_1q8jk_2:has(i.wui-icon-font),._root_1q8jk_2:has(svg){padding-inline:var(--paddingInlineHasIcon)}._root_1q8jk_2 i.wui-icon-font,._root_1q8jk_2 svg{font-weight:initial}._root_1q8jk_2 i.wui-icon-font:only-child,._root_1q8jk_2 svg:only-child{width:var(--iconOnlySize);height:var(--iconOnlySize);font-size:var(--iconOnlySize)}._root_1q8jk_2 i.wui-icon-font:not(:only-child),._root_1q8jk_2 svg:not(:only-child){width:var(--iconDefaultSize);height:var(--iconDefaultSize);font-size:var(--iconDefaultSize)}._root_1q8jk_2 i.wui-icon-font:first-child:not(:only-child),._root_1q8jk_2 svg:first-child:not(:only-child){margin-inline-end:var(--spacing-xs)}._root_1q8jk_2 i.wui-icon-font:last-child:not(:only-child),._root_1q8jk_2 svg:last-child:not(:only-child){margin-inline-start:var(--spacing-xs)}._shape-default_1q8jk_77{--borderRadius: var(--radius-md)}._shape-circle_1q8jk_80{--borderRadius: var(--radius-circle)}._shape-square_1q8jk_84{--borderRadius: var(--radius-md)}._shape-circle_1q8jk_80._size-lg_1q8jk_87,._shape-circle_1q8jk_80._size-md_1q8jk_87,._shape-circle_1q8jk_80._size-sm_1q8jk_87,._shape-circle_1q8jk_80._size-xs_1q8jk_87,._shape-square_1q8jk_84._size-lg_1q8jk_87,._shape-square_1q8jk_84._size-md_1q8jk_87,._shape-square_1q8jk_84._size-sm_1q8jk_87,._shape-square_1q8jk_84._size-xs_1q8jk_87{--aspectRatio: 1;--paddingInline: 0;--paddingInlineHasIcon: 0}._shape-circle_1q8jk_80._size-lg_1q8jk_87,._shape-square_1q8jk_84._size-lg_1q8jk_87{--fontSize: var(--font-size-xl)}._shape-circle_1q8jk_80._size-md_1q8jk_87,._shape-square_1q8jk_84._size-md_1q8jk_87,._shape-circle_1q8jk_80._size-sm_1q8jk_87,._shape-square_1q8jk_84._size-sm_1q8jk_87,._shape-circle_1q8jk_80._size-xs_1q8jk_87,._shape-square_1q8jk_84._size-xs_1q8jk_87{--fontSize: var(--font-size-md)}._size-xs_1q8jk_87{--fontSize: var(--font-size-xs);--height: var(--height-elements-sm);--paddingInline: var(--spacing-sm);--paddingInlineHasIcon: var(--spacing-sm);--iconDefaultSize: .75rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-xs)}._size-sm_1q8jk_87{--fontSize: var(--font-size-xs);--height: var(--height-elements-md);--paddingInline: var(--spacing-sm);--paddingInlineHasIcon: var(--spacing-md);--iconDefaultSize: 1rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-xs)}._size-md_1q8jk_87{--fontSize: var(--font-size-sm);--height: var(--height-elements-lg);--paddingInline: var(--spacing-xl);--paddingInlineHasIcon: var(--spacing-md);--iconDefaultSize: 1rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-sm)}._size-lg_1q8jk_87{--fontSize: var(--font-size-sm);--height: var(--height-elements-xl);--paddingInline: var(--spacing-xl);--paddingInlineHasIcon: var(--spacing-lg);--iconDefaultSize: 1rem;--iconOnlySize: 1.5rem;--lineHeight: var(--line-height-sm)}._variant-disabled_1q8jk_140{--backgroundColorDisabled: var(--color-beige-40);--borderColorDisabled: var(--color-beige-40);--colorDisabled: var(--color-beige-70);--cursorDisabled: not-allowed;--outlineColorFocus: var(--color-beige-10)}._variant-ghost_1q8jk_147{--backgroundColorActive: color-mix(in oklab, var(--color-neutral-90) 40%, transparent);--backgroundColorHover: color-mix(in oklab, var(--color-neutral-90) 10%, transparent);--borderColor: transparent;--borderColorActive: transparent;--borderColorHover: transparent;--outlineColorFocus: color-mix(in oklab, var(--color-neutral-90) 10%, transparent)}._variant-ghost-ai_1q8jk_155{--backgroundColorActive: var(--color-violet-30);--backgroundColorHover: var(--color-violet-10);--borderColor: transparent;--borderColorActive: var(--color-violet-30);--borderColorHover: var(--color-violet-10);--color: var(--color-violet-70);--outlineColorFocus: var(--color-violet-50)}._variant-ghost-danger_1q8jk_164{--backgroundColorActive: var(--color-red-20);--backgroundColorHover: var(--color-red-10);--borderColor: transparent;--borderColorActive: var(--color-red-20);--borderColorHover: var(--color-red-10);--color: var(--color-red-80);--outlineColorFocus: var(--color-red-40)}._variant-primary_1q8jk_173{--backgroundColor: var(--color-brand-40);--backgroundColorActive: var(--color-brand-10);--backgroundColorHover: var(--color-brand-30);--borderColor: var(--color-brand-40);--borderColorActive: var(--color-brand-10);--borderColorHover: var(--color-brand-30);--outlineColorFocus: var(--color-brand-20)}._variant-primary-ai_1q8jk_182{--backgroundColor: var(--color-violet-70);--backgroundColorActive: var(--color-violet-40);--backgroundColorHover: var(--color-violet-60);--borderColor: var(--color-violet-70);--borderColorActive: var(--color-violet-40);--borderColorHover: var(--color-violet-60);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-violet-50)}._variant-primary-danger_1q8jk_192{--backgroundColor: var(--color-red-70);--backgroundColorActive: var(--color-red-50);--backgroundColorHover: var(--color-red-60);--borderColor: var(--color-red-70);--borderColorActive: var(--color-red-50);--borderColorHover: var(--color-red-60);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-red-40)}._variant-secondary_1q8jk_202{--backgroundColor: var(--color-neutral-90);--backgroundColorActive: var(--color-neutral-50);--backgroundColorHover: var(--color-neutral-70);--borderColor: var(--color-neutral-90);--borderColorActive: var(--color-neutral-50);--borderColorHover: var(--color-neutral-70);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-neutral-40)}._variant-tertiary_1q8jk_212{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: color-mix(in oklab, var(--color-neutral-90) 40%, transparent);--backgroundColorHover: color-mix(in oklab, var(--color-neutral-90) 10%, transparent);--borderColor: var(--color-neutral-90);--outlineColorFocus: var(--color-neutral-40)}._variant-tertiary-ai_1q8jk_219{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: var(--color-violet-30);--backgroundColorHover: var(--color-violet-10);--borderColor: var(--color-violet-70);--color: var(--color-violet-70);--outlineColorFocus: var(--color-violet-50)}._variant-tertiary-danger_1q8jk_227{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: var(--color-red-20);--backgroundColorHover: var(--color-red-10);--borderColor: var(--color-red-80);--color: var(--color-red-80);--outlineColorFocus: var(--color-red-40)}._loader_1q8jk_235{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0}._loader-children_1q8jk_245{opacity:0}}

package/dist/Button.js

@@ -1,69 +1,70 @@
 "use client";
-import { jsxs as l, jsx as a, Fragment as z } from "react/jsx-runtime";
-import { B as b } from "./X5NMLKT6-C7-nsL44.js";
-import { useButtonGroup as x } from "./ButtonGroup.js";
-import { Loader as B } from "./Loader.js";
-import { c as N } from "./classNames-qiokGROM.js";
-import { f as $ } from "./forwardRefWithAs-8eP3ZN15.js";
-const q = "_root_sj9n9_2", D = "_shape_sj9n9_74", S = "_loader_sj9n9_234", w = {
-  root: q,
-  shape: D,
-  "shape-default": "_shape-default_sj9n9_77",
-  "shape-circle": "_shape-circle_sj9n9_80",
-  "shape-square": "_shape-square_sj9n9_83",
-  "size-lg": "_size-lg_sj9n9_86",
-  "size-md": "_size-md_sj9n9_86",
-  "size-sm": "_size-sm_sj9n9_86",
-  "size-xs": "_size-xs_sj9n9_86",
-  "variant-disabled": "_variant-disabled_sj9n9_139",
-  "variant-ghost": "_variant-ghost_sj9n9_146",
-  "variant-ghost-ai": "_variant-ghost-ai_sj9n9_154",
-  "variant-ghost-danger": "_variant-ghost-danger_sj9n9_163",
-  "variant-primary": "_variant-primary_sj9n9_172",
-  "variant-primary-ai": "_variant-primary-ai_sj9n9_181",
-  "variant-primary-danger": "_variant-primary-danger_sj9n9_191",
-  "variant-secondary": "_variant-secondary_sj9n9_201",
-  "variant-tertiary": "_variant-tertiary_sj9n9_211",
-  "variant-tertiary-ai": "_variant-tertiary-ai_sj9n9_218",
-  "variant-tertiary-danger": "_variant-tertiary-danger_sj9n9_226",
-  loader: S,
-  "loader-children": "_loader-children_sj9n9_244"
-}, s = N(w), W = $(
+import { jsxs as l, jsx as a, Fragment as g } from "react/jsx-runtime";
+import { B as f } from "./X5NMLKT6-PeY306ft.js";
+import { useButtonGroup as z } from "./ButtonGroup.js";
+import { Loader as b } from "./Loader.js";
+import { c as x } from "./index-PAaZGbyz.js";
+import { f as B } from "./forwardRefWithAs-8eP3ZN15.js";
+import "react";
+const N = "_root_1q8jk_2", $ = "_shape_1q8jk_74", D = "_loader_1q8jk_235", S = {
+  root: N,
+  shape: $,
+  "shape-default": "_shape-default_1q8jk_77",
+  "shape-circle": "_shape-circle_1q8jk_80",
+  "shape-square": "_shape-square_1q8jk_84",
+  "size-lg": "_size-lg_1q8jk_87",
+  "size-md": "_size-md_1q8jk_87",
+  "size-sm": "_size-sm_1q8jk_87",
+  "size-xs": "_size-xs_1q8jk_87",
+  "variant-disabled": "_variant-disabled_1q8jk_140",
+  "variant-ghost": "_variant-ghost_1q8jk_147",
+  "variant-ghost-ai": "_variant-ghost-ai_1q8jk_155",
+  "variant-ghost-danger": "_variant-ghost-danger_1q8jk_164",
+  "variant-primary": "_variant-primary_1q8jk_173",
+  "variant-primary-ai": "_variant-primary-ai_1q8jk_182",
+  "variant-primary-danger": "_variant-primary-danger_1q8jk_192",
+  "variant-secondary": "_variant-secondary_1q8jk_202",
+  "variant-tertiary": "_variant-tertiary_1q8jk_212",
+  "variant-tertiary-ai": "_variant-tertiary-ai_1q8jk_219",
+  "variant-tertiary-danger": "_variant-tertiary-danger_1q8jk_227",
+  loader: D,
+  "loader-children": "_loader-children_1q8jk_245"
+}, t = x(S), W = B(
   ({
     accessibleWhenDisabled: m = !0,
-    as: t,
-    children: e,
+    as: e,
+    children: i,
     className: c = "",
-    disabled: v = !1,
+    disabled: p = !1,
     isLoading: r = !1,
-    shape: n = "default",
-    size: p = "md",
+    shape: s = "default",
+    size: v = "md",
     variant: j = "primary",
-    ...h
-  }, u) => {
-    const { disabled: y, size: g, variant: f } = x(), i = y || v || r, _ = i && "disabled" || f || j, o = g || p, d = t || "button";
+    ...q
+  }, k) => {
+    const { disabled: h, size: u, variant: y } = z(), _ = h || p || r, n = _ && "disabled" || y || j, o = u || v, d = e || "button";
     return /* @__PURE__ */ l(
-      b,
+      f,
       {
         ...d === "button" ? { type: "button" } : {},
-        ...h,
+        ...q,
         accessibleWhenDisabled: m,
-        className: s(
+        className: t(
           "root",
-          _ && `variant-${_}`,
-          n && `shape-${n}`,
+          n && `variant-${n}`,
+          s && `shape-${s}`,
           o && `size-${o}`,
           c
         ),
-        disabled: i,
-        ref: u,
-        render: t ? /* @__PURE__ */ a(d, {}) : void 0,
+        disabled: _,
+        ref: k,
+        render: e ? /* @__PURE__ */ a(d, {}) : void 0,
         children: [
-          r ? /* @__PURE__ */ l(z, { children: [
-            /* @__PURE__ */ a("div", { className: s("loader"), children: /* @__PURE__ */ a(B, { size: "xs" }) }),
-            /* @__PURE__ */ a("div", { className: s("loader-children"), children: e })
+          r ? /* @__PURE__ */ l(g, { children: [
+            /* @__PURE__ */ a("div", { className: t("loader"), children: /* @__PURE__ */ a(b, { size: "xs" }) }),
+            /* @__PURE__ */ a("div", { className: t("loader-children"), children: i })
           ] }) : null,
-          !r && e
+          !r && i
         ]
       }
     );

package/dist/ButtonGroup.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
 import { createContext as f, useMemo as i, useContext as l } from "react";
-import { c as x } from "./classNames-qiokGROM.js";
+import { c as x } from "./index-PAaZGbyz.js";
 import { f as G } from "./forwardRefWithAs-8eP3ZN15.js";
 const d = "_root_kot0y_2", y = {
   root: d

package/dist/Card.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import { c as d } from "./classNames-qiokGROM.js";
+import { c as d } from "./index-PAaZGbyz.js";
 const a = "_root_10ds1_2", m = "_body_10ds1_13", e = {
   root: a,
   body: m
 }, i = d(e), l = n(
-  ({ children: o, className: r, ...s }, c) => /* @__PURE__ */ t("div", { className: i("body", r), ref: c, ...s, children: o })
-), y = n(({ src: o, ...r }, s) => /* @__PURE__ */ t("div", { ref: s, ...r, children: /* @__PURE__ */ t("img", { src: o }) })), _ = d(e), b = n(
-  ({ children: o, className: r, ...s }, c) => /* @__PURE__ */ t("div", { className: _("root", r), ref: c, ...s, children: o })
+  ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ c("div", { className: i("body", r), ref: t, ...s, children: o })
+), y = n(({ alt: o, src: r, ...s }, t) => /* @__PURE__ */ c("div", { ref: t, ...s, children: /* @__PURE__ */ c("img", { alt: o, src: r }) })), _ = d(e), b = n(
+  ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ c("div", { className: _("root", r), ref: t, ...s, children: o })
 ), v = Object.assign(b, {
   Body: l,
   Cover: y

package/dist/Checkbox.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _ } from "react/jsx-runtime";
-import { C as d } from "./ASMQKSDT-GE79MhKX.js";
+import { C as d } from "./ASMQKSDT-SH1qSiMi.js";
 import { forwardRef as u } from "react";
 import { useField as l } from "./Field.js";
-import { c as v } from "./classNames-qiokGROM.js";
+import { c as v } from "./index-PAaZGbyz.js";
 const g = "_root_xf7ux_2", p = "_indeterminate_xf7ux_85", h = {
   root: g,
   "variant-danger": "_variant-danger_xf7ux_67",