welcome-ui 1.0.0-beta.3 → 1.0.0-beta.4

package/dist/field-styles-CeV7pnOp.mjs

@@ -0,0 +1,86 @@
+"use client";
+import { css as a, th as d } from "@xstyled/styled-components";
+const o = {
+  xs: "xs",
+  sm: "sm",
+  md: "sm",
+  lg: "sm"
+}, f = ({
+  iconPlacement: e,
+  isClearable: i,
+  size: l,
+  transparent: $,
+  variant: s
+}) => {
+  const t = o[l];
+  return a`
+    ${d("defaultFields.default")};
+    ${s && d(`defaultFields.variants.${s}`)};
+    width: 100%;
+    transition: medium;
+    appearance: none;
+    ${l && d(`defaultFields.sizes.${l}`)};
+
+    ${/* left icon or both */
+  (e === "left" || e === "both") && a`
+        padding-left: calc(
+          ${d(`defaultFields.sizes.${l}.paddingLeft`)} + ${d(`icons.${t}`)} +
+            ${d("space.sm")}
+        );
+      `};
+
+    ${/* is clearable or right icon */
+  (i || e === "right" || e === "both") && a`
+        padding-right: calc(
+          ${d(`defaultFields.sizes.${l}.paddingLeft`)} + ${d(`icons.${t}`)} +
+            ${d("space.sm")}
+        );
+      `};
+
+    ${/* is clearable and got a right/both icon */
+  i && (e === "right" || e === "both") && a`
+        padding-right: calc(
+          ${d(`defaultFields.sizes.${l}.paddingLeft`)} + ${d(`icons.${t}`)} +
+            ${d(`icons.${t}`)} + ${d("space.sm")} + ${d("space.sm")}
+        );
+      `};
+
+    &:hover {
+      ${!s && d("defaultFields.hover.default")};
+    }
+
+    ${!s && $ && a`
+      border-color: transparent;
+      background-color: transparent;
+
+      &:hover {
+        ${d("defaultFields.hover.transparency")};
+      }
+    `}
+
+    &::placeholder {
+      ${d("defaultFields.placeholder")};
+    }
+
+    &:focus {
+      ${!s && d("defaultFields.focused.default")};
+      ${s === "danger" && d("defaultFields.focused.danger")};
+      ${s === "warning" && d("defaultFields.focused.warning")};
+      ${s === "success" && d("defaultFields.focused.success")};
+    }
+
+    &[disabled] {
+      ${d("defaultFields.disabled")};
+    }
+
+    &:invalid,
+    &:-moz-submit-invalid,
+    &:-moz-ui-invalid {
+      box-shadow: none;
+    }
+  `;
+};
+export {
+  o as F,
+  f as d
+};

package/dist/field-styles-D_gf6ypV.js

@@ -0,0 +1,63 @@
+"use client";"use strict";const s=require("@xstyled/styled-components"),h={xs:"xs",sm:"sm",md:"sm",lg:"sm"},$=({iconPlacement:e,isClearable:i,size:t,transparent:a,variant:d})=>{const l=h[t];return s.css`
+    ${s.th("defaultFields.default")};
+    ${d&&s.th(`defaultFields.variants.${d}`)};
+    width: 100%;
+    transition: medium;
+    appearance: none;
+    ${t&&s.th(`defaultFields.sizes.${t}`)};
+
+    ${(e==="left"||e==="both")&&s.css`
+        padding-left: calc(
+          ${s.th(`defaultFields.sizes.${t}.paddingLeft`)} + ${s.th(`icons.${l}`)} +
+            ${s.th("space.sm")}
+        );
+      `};
+
+    ${(i||e==="right"||e==="both")&&s.css`
+        padding-right: calc(
+          ${s.th(`defaultFields.sizes.${t}.paddingLeft`)} + ${s.th(`icons.${l}`)} +
+            ${s.th("space.sm")}
+        );
+      `};
+
+    ${i&&(e==="right"||e==="both")&&s.css`
+        padding-right: calc(
+          ${s.th(`defaultFields.sizes.${t}.paddingLeft`)} + ${s.th(`icons.${l}`)} +
+            ${s.th(`icons.${l}`)} + ${s.th("space.sm")} + ${s.th("space.sm")}
+        );
+      `};
+
+    &:hover {
+      ${!d&&s.th("defaultFields.hover.default")};
+    }
+
+    ${!d&&a&&s.css`
+      border-color: transparent;
+      background-color: transparent;
+
+      &:hover {
+        ${s.th("defaultFields.hover.transparency")};
+      }
+    `}
+
+    &::placeholder {
+      ${s.th("defaultFields.placeholder")};
+    }
+
+    &:focus {
+      ${!d&&s.th("defaultFields.focused.default")};
+      ${d==="danger"&&s.th("defaultFields.focused.danger")};
+      ${d==="warning"&&s.th("defaultFields.focused.warning")};
+      ${d==="success"&&s.th("defaultFields.focused.success")};
+    }
+
+    &[disabled] {
+      ${s.th("defaultFields.disabled")};
+    }
+
+    &:invalid,
+    &:-moz-submit-invalid,
+    &:-moz-ui-invalid {
+      box-shadow: none;
+    }
+  `};exports.FIELD_ICON_SIZE=h;exports.defaultFieldStyles=$;

package/dist/get-max-width-height-CDLBnp_J.js

@@ -0,0 +1 @@
+"use client";"use strict";const a=(t,e=t)=>{const s=parseInt(t,10),n=parseInt(e,10);return s-n>=0?t:e};exports.getMax=a;

package/dist/get-max-width-height-DoUro2T7.mjs

@@ -0,0 +1,8 @@
+"use client";
+const c = (e, t = e) => {
+  const n = parseInt(e, 10), s = parseInt(t, 10);
+  return n - s >= 0 ? e : t;
+};
+export {
+  c as g
+};

package/dist/hide-focus-rings-root-BNyva1yb.mjs

@@ -0,0 +1,14 @@
+"use client";
+import "react";
+import { createGlobalStyle as t, css as e } from "@xstyled/styled-components";
+const o = "data-wui-hidefocusrings";
+t(
+  () => e`
+    [${o}] *:focus {
+      outline: none;
+    }
+  `
+);
+export {
+  o as h
+};

package/dist/hide-focus-rings-root-DGU4Klq5.js

@@ -0,0 +1,5 @@
+"use client";"use strict";require("react");const e=require("@xstyled/styled-components"),t="data-wui-hidefocusrings";e.createGlobalStyle(()=>e.css`
+    [${t}] *:focus {
+      outline: none;
+    }
+  `);exports.hideFocusRingsDataAttribute=t;

package/dist/index-1C9Z0d5Q.mjs

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