welcome-ui 8.1.0 → 8.2.0-alpha.0

package/dist/Breadcrumb.mjs

@@ -1,63 +1,65 @@
 "use client";
-import { j as g } from "./jsx-runtime-B7I4PJ0H.mjs";
-import ge, { useRef as P, useState as j, Children as me, cloneElement as xe, useCallback as q, useMemo as we, useEffect as J } from "react";
+import { j as b } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { useRef as P, useState as X, Children as ge, cloneElement as me, useCallback as j, useMemo as xe, useEffect as q } from "react";
 import "./Icon.mjs";
-import { R as ze } from "./index-CYmF7qCH.mjs";
-import { forwardRef as ie } from "./System.mjs";
-import { t as Oe } from "./throttle-CW18pWlW.mjs";
-import { Box as Re } from "./Box.mjs";
-import y, { th as O, css as oe } from "@xstyled/styled-components";
-import { h as ye } from "./hex-to-rgba-DU_XzKIK.mjs";
-var w = [], Ee = function() {
-  return w.some(function(e) {
+import { R as we } from "./index-CYmF7qCH.mjs";
+import { forwardRef as ne } from "./System.mjs";
+import { t as ze } from "./throttle-BDBzFeFj.mjs";
+import { Box as Oe } from "./Box.mjs";
+import y, { th as O, css as ie } from "@xstyled/styled-components";
+import { h as Re } from "./hex-to-rgba-BIDK-3ab.mjs";
+import "./overflow-ellipsis-DGV5Kgt-.mjs";
+import "./index-BhcLigYU.mjs";
+var x = [], ye = function() {
+  return x.some(function(e) {
     return e.activeTargets.length > 0;
   });
-}, Be = function() {
-  return w.some(function(e) {
+}, Ee = function() {
+  return x.some(function(e) {
     return e.skippedTargets.length > 0;
   });
-}, U = "ResizeObserver loop completed with undelivered notifications.", Te = function() {
+}, J = "ResizeObserver loop completed with undelivered notifications.", Be = function() {
   var e;
   typeof ErrorEvent == "function" ? e = new ErrorEvent("error", {
-    message: U
-  }) : (e = document.createEvent("Event"), e.initEvent("error", !1, !1), e.message = U), window.dispatchEvent(e);
+    message: J
+  }) : (e = document.createEvent("Event"), e.initEvent("error", !1, !1), e.message = J), window.dispatchEvent(e);
 }, k;
 (function(e) {
   e.BORDER_BOX = "border-box", e.CONTENT_BOX = "content-box", e.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
 })(k || (k = {}));
-var z = function(e) {
+var w = function(e) {
   return Object.freeze(e);
-}, Se = /* @__PURE__ */ function() {
+}, Te = /* @__PURE__ */ function() {
   function e(t, r) {
-    this.inlineSize = t, this.blockSize = r, z(this);
+    this.inlineSize = t, this.blockSize = r, w(this);
   }
   return e;
-}(), se = function() {
+}(), oe = 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, z(this);
+    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, w(this);
   }
   return e.prototype.toJSON = function() {
-    var t = this, r = t.x, n = t.y, i = t.top, a = t.right, o = t.bottom, l = t.left, v = t.width, c = t.height;
-    return { x: r, y: n, top: i, right: a, bottom: o, left: l, width: v, height: c };
+    var t = this, r = t.x, n = t.y, i = t.top, s = t.right, o = t.bottom, v = t.left, l = t.width, c = t.height;
+    return { x: r, y: n, top: i, right: s, bottom: o, left: v, width: l, height: c };
   }, e.fromRect = function(t) {
     return new e(t.x, t.y, t.width, t.height);
   }, e;
-}(), V = function(e) {
+}(), G = function(e) {
   return e instanceof SVGElement && "getBBox" in e;
-}, ae = function(e) {
-  if (V(e)) {
+}, se = function(e) {
+  if (G(e)) {
     var t = e.getBBox(), r = t.width, n = t.height;
     return !r && !n;
   }
-  var i = e, a = i.offsetWidth, o = i.offsetHeight;
-  return !(a || o || e.getClientRects().length);
-}, Y = function(e) {
+  var i = e, s = i.offsetWidth, o = i.offsetHeight;
+  return !(s || o || e.getClientRects().length);
+}, U = function(e) {
   var t;
   if (e instanceof Element)
     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);
-}, Ce = function(e) {
+}, Se = function(e) {
   switch (e.tagName) {
     case "INPUT":
       if (e.type !== "image")
@@ -72,59 +74,59 @@ var z = function(e) {
       return !0;
   }
   return !1;
-}, C = typeof window < "u" ? window : {}, M = /* @__PURE__ */ new WeakMap(), K = /auto|scroll/, ke = /^tb|vertical/, De = /msie|trident/i.test(C.navigator && C.navigator.userAgent), f = function(e) {
+}, C = typeof window < "u" ? window : {}, I = /* @__PURE__ */ new WeakMap(), Y = /auto|scroll/, Ce = /^tb|vertical/, ke = /msie|trident/i.test(C.navigator && C.navigator.userAgent), f = function(e) {
   return parseFloat(e || "0");
 }, R = function(e, t, r) {
-  return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new Se((r ? t : e) || 0, (r ? e : t) || 0);
-}, Q = z({
+  return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new Te((r ? t : e) || 0, (r ? e : t) || 0);
+}, K = w({
   devicePixelContentBoxSize: R(),
   borderBoxSize: R(),
   contentBoxSize: R(),
-  contentRect: new se(0, 0, 0, 0)
-}), ce = function(e, t) {
-  if (t === void 0 && (t = !1), M.has(e) && !t)
-    return M.get(e);
-  if (ae(e))
-    return M.set(e, Q), Q;
-  var r = getComputedStyle(e), n = V(e) && e.ownerSVGElement && e.getBBox(), i = !De && r.boxSizing === "border-box", a = ke.test(r.writingMode || ""), o = !n && K.test(r.overflowY || ""), l = !n && K.test(r.overflowX || ""), v = n ? 0 : f(r.paddingTop), c = n ? 0 : f(r.paddingRight), E = n ? 0 : f(r.paddingBottom), d = n ? 0 : f(r.paddingLeft), W = n ? 0 : f(r.borderTopWidth), D = n ? 0 : f(r.borderRightWidth), I = n ? 0 : f(r.borderBottomWidth), $ = n ? 0 : f(r.borderLeftWidth), B = d + c, m = v + E, T = $ + D, S = W + I, s = l ? e.offsetHeight - S - e.clientHeight : 0, u = o ? e.offsetWidth - T - e.clientWidth : 0, p = i ? B + T : 0, x = i ? m + S : 0, h = n ? n.width : f(r.width) - p - u, b = n ? n.height : f(r.height) - x - s, _ = h + B + u + T, be = b + m + s + S, X = z({
-    devicePixelContentBoxSize: R(Math.round(h * devicePixelRatio), Math.round(b * devicePixelRatio), a),
-    borderBoxSize: R(_, be, a),
-    contentBoxSize: R(h, b, a),
-    contentRect: new se(d, v, h, b)
+  contentRect: new oe(0, 0, 0, 0)
+}), ae = function(e, t) {
+  if (t === void 0 && (t = !1), I.has(e) && !t)
+    return I.get(e);
+  if (se(e))
+    return I.set(e, K), K;
+  var r = getComputedStyle(e), n = G(e) && e.ownerSVGElement && e.getBBox(), i = !ke && r.boxSizing === "border-box", s = Ce.test(r.writingMode || ""), o = !n && Y.test(r.overflowY || ""), v = !n && Y.test(r.overflowX || ""), l = n ? 0 : f(r.paddingTop), c = n ? 0 : f(r.paddingRight), E = n ? 0 : f(r.paddingBottom), d = n ? 0 : f(r.paddingLeft), W = n ? 0 : f(r.borderTopWidth), D = n ? 0 : f(r.borderRightWidth), A = n ? 0 : f(r.borderBottomWidth), $ = n ? 0 : f(r.borderLeftWidth), B = d + c, g = l + E, T = $ + D, S = W + A, a = v ? e.offsetHeight - S - e.clientHeight : 0, u = o ? e.offsetWidth - T - e.clientWidth : 0, h = i ? B + T : 0, m = i ? g + S : 0, p = n ? n.width : f(r.width) - h - u, z = n ? n.height : f(r.height) - m - a, pe = p + B + u + T, be = z + g + a + S, V = w({
+    devicePixelContentBoxSize: R(Math.round(p * devicePixelRatio), Math.round(z * devicePixelRatio), s),
+    borderBoxSize: R(pe, be, s),
+    contentBoxSize: R(p, z, s),
+    contentRect: new oe(d, l, p, z)
   });
-  return M.set(e, X), X;
-}, ue = function(e, t, r) {
-  var n = ce(e, r), i = n.borderBoxSize, a = n.contentBoxSize, o = n.devicePixelContentBoxSize;
+  return I.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 k.DEVICE_PIXEL_CONTENT_BOX:
       return o;
     case k.BORDER_BOX:
       return i;
     default:
-      return a;
+      return s;
   }
-}, Ie = /* @__PURE__ */ function() {
+}, De = /* @__PURE__ */ function() {
   function e(t) {
-    var r = ce(t);
-    this.target = t, this.contentRect = r.contentRect, this.borderBoxSize = z([r.borderBoxSize]), this.contentBoxSize = z([r.contentBoxSize]), this.devicePixelContentBoxSize = z([r.devicePixelContentBoxSize]);
+    var r = ae(t);
+    this.target = t, this.contentRect = r.contentRect, this.borderBoxSize = w([r.borderBoxSize]), this.contentBoxSize = w([r.contentBoxSize]), this.devicePixelContentBoxSize = w([r.devicePixelContentBoxSize]);
   }
   return e;
-}(), le = function(e) {
-  if (ae(e))
+}(), ue = function(e) {
+  if (se(e))
     return 1 / 0;
   for (var t = 0, r = e.parentNode; r; )
     t += 1, r = r.parentNode;
   return t;
-}, Me = function() {
+}, Ae = function() {
   var e = 1 / 0, t = [];
-  w.forEach(function(o) {
+  x.forEach(function(o) {
     if (o.activeTargets.length !== 0) {
-      var l = [];
+      var v = [];
       o.activeTargets.forEach(function(c) {
-        var E = new Ie(c.target), d = le(c.target);
-        l.push(E), c.lastReportedSize = ue(c.target, c.observedBox), d < e && (e = d);
+        var E = new De(c.target), d = ue(c.target);
+        v.push(E), c.lastReportedSize = ce(c.target, c.observedBox), d < e && (e = d);
       }), t.push(function() {
-        o.callback.call(o.observer, l, o.observer);
+        o.callback.call(o.observer, v, o.observer);
       }), o.activeTargets.splice(0, o.activeTargets.length);
     }
   });
@@ -133,38 +135,38 @@ var z = function(e) {
     i();
   }
   return e;
-}, Z = function(e) {
-  w.forEach(function(r) {
+}, Q = function(e) {
+  x.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() && (ue(i.target) > e ? r.activeTargets.push(i) : r.skippedTargets.push(i));
     });
   });
-}, Ae = function() {
+}, Ie = function() {
   var e = 0;
-  for (Z(e); Ee(); )
-    e = Me(), Z(e);
-  return Be() && Te(), e > 0;
-}, F, ve = [], Le = function() {
+  for (Q(e); ye(); )
+    e = Ae(), Q(e);
+  return Ee() && Be(), e > 0;
+}, _, ve = [], Me = function() {
   return ve.splice(0).forEach(function(e) {
     return e();
   });
-}, Ne = function(e) {
-  if (!F) {
+}, Le = function(e) {
+  if (!_) {
     var t = 0, r = document.createTextNode(""), n = { characterData: !0 };
     new MutationObserver(function() {
-      return Le();
-    }).observe(r, n), F = function() {
+      return Me();
+    }).observe(r, n), _ = function() {
       r.textContent = "".concat(t ? t-- : t++);
     };
   }
-  ve.push(e), F();
-}, We = function(e) {
-  Ne(function() {
+  ve.push(e), _();
+}, Ne = function(e) {
+  Le(function() {
     requestAnimationFrame(e);
   });
-}, N = 0, $e = function() {
+}, N = 0, We = function() {
   return !!N;
-}, _e = 250, Pe = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, ee = [
+}, $e = 250, Pe = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, Z = [
   "resize",
   "load",
   "transitionend",
@@ -179,9 +181,9 @@ var z = function(e) {
   "mouseout",
   "blur",
   "focus"
-], te = function(e) {
+], ee = function(e) {
   return e === void 0 && (e = 0), Date.now() + e;
-}, H = !1, Fe = function() {
+}, F = !1, _e = function() {
   function e() {
     var t = this;
     this.stopped = !0, this.listener = function() {
@@ -190,15 +192,15 @@ var z = function(e) {
   }
   return e.prototype.run = function(t) {
     var r = this;
-    if (t === void 0 && (t = _e), !H) {
-      H = !0;
-      var n = te(t);
-      We(function() {
+    if (t === void 0 && (t = $e), !F) {
+      F = !0;
+      var n = ee(t);
+      Ne(function() {
         var i = !1;
         try {
-          i = Ae();
+          i = Ie();
         } finally {
-          if (H = !1, t = n - te(), !$e())
+          if (F = !1, t = n - ee(), !We())
             return;
           i ? r.run(1e3) : t > 0 ? r.run(t) : r.start();
         }
@@ -213,20 +215,20 @@ var z = function(e) {
     document.body ? r() : C.addEventListener("DOMContentLoaded", r);
   }, e.prototype.start = function() {
     var t = this;
-    this.stopped && (this.stopped = !1, this.observer = new MutationObserver(this.listener), this.observe(), ee.forEach(function(r) {
+    this.stopped && (this.stopped = !1, this.observer = new MutationObserver(this.listener), this.observe(), Z.forEach(function(r) {
       return C.addEventListener(r, t.listener, !0);
     }));
   }, e.prototype.stop = function() {
     var t = this;
-    this.stopped || (this.observer && this.observer.disconnect(), ee.forEach(function(r) {
+    this.stopped || (this.observer && this.observer.disconnect(), Z.forEach(function(r) {
       return C.removeEventListener(r, t.listener, !0);
     }), this.stopped = !0);
   }, e;
-}(), G = new Fe(), re = function(e) {
-  !N && e > 0 && G.start(), N += e, !N && G.stop();
-}, He = function(e) {
-  return !V(e) && !Ce(e) && getComputedStyle(e).display === "inline";
-}, Ge = function() {
+}(), H = new _e(), te = function(e) {
+  !N && e > 0 && H.start(), N += e, !N && H.stop();
+}, Fe = function(e) {
+  return !G(e) && !Se(e) && getComputedStyle(e).display === "inline";
+}, He = function() {
   function e(t, r) {
     this.target = t, this.observedBox = r || k.CONTENT_BOX, this.lastReportedSize = {
       inlineSize: 0,
@@ -234,15 +236,15 @@ var z = function(e) {
     };
   }
   return e.prototype.isActive = function() {
-    var t = ue(this.target, this.observedBox, !0);
-    return He(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
+    var t = ce(this.target, this.observedBox, !0);
+    return Fe(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
   }, e;
-}(), Ve = /* @__PURE__ */ function() {
+}(), Ge = /* @__PURE__ */ function() {
   function e(t, r) {
     this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = t, this.callback = r;
   }
   return e;
-}(), A = /* @__PURE__ */ new WeakMap(), ne = function(e, t) {
+}(), M = /* @__PURE__ */ new WeakMap(), re = function(e, t) {
   for (var r = 0; r < e.length; r += 1)
     if (e[r].target === t)
       return r;
@@ -251,21 +253,21 @@ var z = function(e) {
   function e() {
   }
   return e.connect = function(t, r) {
-    var n = new Ve(t, r);
-    A.set(t, n);
+    var n = new Ge(t, r);
+    M.set(t, n);
   }, e.observe = function(t, r, n) {
-    var i = A.get(t), a = i.observationTargets.length === 0;
-    ne(i.observationTargets, r) < 0 && (a && w.push(i), i.observationTargets.push(new Ge(r, n && n.box)), re(1), G.schedule());
+    var i = M.get(t), s = i.observationTargets.length === 0;
+    re(i.observationTargets, r) < 0 && (s && x.push(i), i.observationTargets.push(new He(r, n && n.box)), te(1), H.schedule());
   }, e.unobserve = function(t, r) {
-    var n = A.get(t), i = ne(n.observationTargets, r), a = n.observationTargets.length === 1;
-    i >= 0 && (a && w.splice(w.indexOf(n), 1), n.observationTargets.splice(i, 1), re(-1));
+    var n = M.get(t), i = re(n.observationTargets, r), s = n.observationTargets.length === 1;
+    i >= 0 && (s && x.splice(x.indexOf(n), 1), n.observationTargets.splice(i, 1), te(-1));
   }, e.disconnect = function(t) {
-    var r = this, n = A.get(t);
+    var r = this, n = M.get(t);
     n.observationTargets.slice().forEach(function(i) {
       return r.unobserve(t, i.target);
     }), n.activeTargets.splice(0, n.activeTargets.length);
   }, e;
-}(), Xe = function() {
+}(), Ve = function() {
   function e(t) {
     if (arguments.length === 0)
       throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
@@ -276,13 +278,13 @@ var z = function(e) {
   return e.prototype.observe = function(t, r) {
     if (arguments.length === 0)
       throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (!Y(t))
+    if (!U(t))
       throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
     L.observe(this, t, r);
   }, e.prototype.unobserve = function(t) {
     if (arguments.length === 0)
       throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (!Y(t))
+    if (!U(t))
       throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
     L.unobserve(this, t);
   }, e.prototype.disconnect = function() {
@@ -291,7 +293,7 @@ var z = function(e) {
     return "function ResizeObserver () { [polyfill code] }";
   }, e;
 }();
-const je = (e, t, r) => Math.min(Math.max(e, t), r), qe = y.aBox`
+const Xe = (e, t, r) => Math.min(Math.max(e, t), r), je = y.aBox`
   ${O("breadcrumbs.item.default")};
   align-items: center;
   transition: medium;
@@ -309,15 +311,15 @@ const je = (e, t, r) => Math.min(Math.max(e, t), r), qe = y.aBox`
     pointer-events: none;
     cursor: default;
   }
-`, Je = y.spanBox`
+`, qe = y.spanBox`
   ${O("breadcrumbs.separator")};
   display: flex;
   align-items: center;
-`, Ue = ie(
-  ({ children: e, dataTestId: t, isActive: r, separator: n, ...i }, a) => {
+`, Je = ne(
+  ({ children: e, dataTestId: t, isActive: r, separator: n, ...i }, s) => {
     const o = i.href || i.to;
-    return /* @__PURE__ */ g.jsxs(
-      Re,
+    return /* @__PURE__ */ b.jsxs(
+      Oe,
       {
         "aria-label": "breadcrumb",
         as: "li",
@@ -326,14 +328,14 @@ const je = (e, t, r) => Math.min(Math.max(e, t), r), qe = y.aBox`
         flex: "0 0 auto",
         lineHeight: "normal",
         children: [
-          n ? /* @__PURE__ */ g.jsx(Je, { role: "presentation", children: n }) : null,
-          /* @__PURE__ */ g.jsx(
-            qe,
+          n ? /* @__PURE__ */ b.jsx(qe, { role: "presentation", children: n }) : null,
+          /* @__PURE__ */ b.jsx(
+            je,
             {
               "aria-current": r ? "page" : void 0,
               "aria-disabled": !o,
               ...i,
-              ref: a,
+              ref: s,
               children: e
             }
           )
@@ -341,32 +343,32 @@ const je = (e, t, r) => Math.min(Math.max(e, t), r), qe = y.aBox`
       }
     );
   }
-), de = y.spanBox(
-  ({ gradientBackground: e, theme: t }) => oe`
+), le = y.spanBox(
+  ({ gradientBackground: e, theme: t }) => ie`
     left: 0;
-    background-image: ${he(t, e)};
+    background-image: ${fe(t, e)};
     transform-origin: left;
   `
-), fe = y.spanBox(
-  ({ gradientBackground: e, theme: t }) => oe`
+), de = y.spanBox(
+  ({ gradientBackground: e, theme: t }) => ie`
     right: 0;
-    background-image: ${he(t, e, "left")};
+    background-image: ${fe(t, e, "left")};
     transform-origin: right;
   `
-), Ye = y.divBox`
+), Ue = y.divBox`
   ${O("breadcrumbs.list")};
   height: 100%;
   position: relative;
   overflow-x: hidden;
 
-  ${de},
-  ${fe} {
+  ${le},
+  ${de} {
     position: absolute;
     bottom: 0;
     top: 0;
     width: 30;
   }
-`, Ke = y.olBox`
+`, Ye = y.olBox`
   display: inline-flex;
   align-items: center;
   max-width: 100%;
@@ -376,72 +378,72 @@ const je = (e, t, r) => Math.min(Math.max(e, t), r), qe = y.aBox`
   padding: 0;
   list-style: none;
   white-space: nowrap;
-`, he = (e, t, r = "right") => {
-  const n = O(`colors.${t}`)({ theme: e }), i = ye(n, 0);
+`, fe = (e, t, r = "right") => {
+  const n = O(`colors.${t}`)({ theme: e }), i = Re(n, 0);
   return `linear-gradient(to ${r}, ${n}, ${i} 100%)`;
-}, pe = ie(
+}, he = ne(
   ({
     children: e,
     gradientBackground: t = "neutral-10",
     lastChildNotClickable: r = !0,
-    separator: n = /* @__PURE__ */ g.jsx(ze, { size: "xs" }),
+    separator: n = /* @__PURE__ */ b.jsx(we, { size: "xs" }),
     ...i
-  }, a) => {
-    const o = P(null), l = P(null), v = P(null), [c, E] = j(!1), [d, W] = j(0), D = me.toArray(e).filter(Boolean), I = D.length, $ = D.map((s, u) => {
-      const p = I === 1 || I === u + 1, x = p && r;
-      return ge.isValidElement(s) ? xe(s, {
-        isActive: x,
+  }, s) => {
+    const o = P(null), v = P(), l = P(), [c, E] = X(!1), [d, W] = X(0), D = ge.toArray(e).filter(Boolean), A = D.length, $ = D.map((a, u) => {
+      const h = A === 1 || A === u + 1;
+      return me(a, {
+        isActive: h && r,
         key: `breadcrumb-${u}`,
-        separator: p ? void 0 : n,
-        ...s.props
-      }) : s;
+        separator: h ? void 0 : n,
+        ...a.props
+      });
     });
-    function B(s, u) {
-      s && (s.style.transform = `scale3d(${u}, 1, 1)`);
+    function B(a, u) {
+      a && (a.style.transform = `scale3d(${u}, 1, 1)`);
     }
-    const m = q((s) => {
-      const u = 1 - s;
-      B(l.current, u), B(v.current, s);
-    }, []), T = q(() => {
-      const { current: s } = o;
-      if (!s) return;
-      const { offsetWidth: u, scrollLeft: p, scrollWidth: x } = s, h = x - u, _ = je(Math.abs(p - d), 0, h) / h;
-      m(_);
-    }, [d, m]), S = we(
-      () => Oe(
-        (...s) => {
-          const u = s[0], [
+    const g = j((a) => {
+      const u = 1 - a;
+      B(v.current, u), B(l.current, a);
+    }, []), T = j(() => {
+      const {
+        current: { offsetWidth: a, scrollLeft: u, scrollWidth: h }
+      } = o, m = h - a, z = Xe(Math.abs(u - d), 0, m) / m;
+      g(z);
+    }, [d, g]), S = xe(
+      () => ze(
+        (a) => {
+          const [
             {
               // Is offsetWidth really needed ?
               // eslint-disable-next-line @typescript-eslint/ban-ts-comment
               // @ts-ignore
-              target: { offsetWidth: p, scrollLeft: x, scrollWidth: h }
+              target: { offsetWidth: u, scrollLeft: h, scrollWidth: m }
             }
-          ] = u, b = h - p;
-          d || W(x === 0 ? 0 : b), E(b > 0);
+          ] = a, p = m - u;
+          d || W(h === 0 ? 0 : p), E(p > 0);
         },
         300,
         !1
       ),
       [d]
     );
-    return J(() => {
-      const s = new Xe(S);
-      return o.current && s.observe(o.current), () => s.disconnect();
-    }, []), J(() => {
-      l.current && v.current && m(0);
-    }, [c, m]), /* @__PURE__ */ g.jsxs(Ye, { as: "nav", ref: a, ...i, children: [
-      c ? /* @__PURE__ */ g.jsx(de, { gradientBackground: t, ref: l }) : null,
-      /* @__PURE__ */ g.jsx(Ke, { dir: "rtl", onScroll: T, ref: o, children: $.reverse() }),
-      c ? /* @__PURE__ */ g.jsx(fe, { gradientBackground: t, ref: v }) : null
+    return q(() => {
+      const a = new Ve(S);
+      return a.observe(o.current), () => a.disconnect();
+    }, []), q(() => {
+      v.current && l.current && g(0);
+    }, [c, g]), /* @__PURE__ */ b.jsxs(Ue, { as: "nav", ref: s, ...i, children: [
+      c ? /* @__PURE__ */ b.jsx(le, { gradientBackground: t, ref: v }) : null,
+      /* @__PURE__ */ b.jsx(Ye, { dir: "rtl", onScroll: T, ref: o, children: $.reverse() }),
+      c ? /* @__PURE__ */ b.jsx(de, { gradientBackground: t, ref: l }) : null
     ] });
   }
 );
-pe.displayName = "Breadcrumb";
-const at = Object.assign(pe, {
-  Item: Ue
+he.displayName = "Breadcrumb";
+const ct = Object.assign(he, {
+  Item: Je
 });
 export {
-  at as Breadcrumb,
-  pe as BreadcrumbComponent
+  ct as Breadcrumb,
+  he as BreadcrumbComponent
 };

package/dist/ButtonGroup.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { j as p } from "./jsx-runtime-B7I4PJ0H.mjs";
-import d, { Children as m, cloneElement as u } from "react";
-import { forwardRef as f } from "./System.mjs";
-import b from "@xstyled/styled-components";
-const x = b.divBox`
+import { j as l } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { Children as d, cloneElement as m } from "react";
+import { forwardRef as u } from "./System.mjs";
+import f from "@xstyled/styled-components";
+const b = f.divBox`
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
@@ -32,19 +32,19 @@ const x = b.divBox`
       }
     }
   }
-`, B = f(
-  ({ children: t, dataTestId: o, disabled: e, size: i, variant: s }, a) => {
-    function n(l) {
-      return m.toArray(l).filter(Boolean).map((r) => d.isValidElement(r) ? u(r, {
+`, y = u(
+  ({ children: t, dataTestId: o, disabled: i, size: e, variant: s }, a) => {
+    function n(p) {
+      return d.toArray(p).filter(Boolean).map((r) => m(r, {
         ...r.props,
-        disabled: e || r.props.disabled,
-        size: i || r.props.size,
+        disabled: i || r.props.disabled,
+        size: e || r.props.size,
         variant: s || r.props.variant
-      }) : r);
+      }));
     }
-    return /* @__PURE__ */ p.jsx(x, { "data-testid": o, ref: a, children: n(t) });
+    return /* @__PURE__ */ l.jsx(b, { "data-testid": o, ref: a, children: n(t) });
   }
 );
 export {
-  B as ButtonGroup
+  y as ButtonGroup
 };

package/dist/Checkbox.mjs

@@ -1,6 +1,6 @@
 import "./jsx-runtime-B7I4PJ0H.mjs";
 import "./System.mjs";
-import { a as t } from "./index-5HBq1O6Z.mjs";
+import { a as t } from "./index-62h-enZF.mjs";
 export {
   t as Checkbox
 };