@a-ui/react 7.13.0-beta.4 → 7.13.0-beta.6

package/es/index55.mjs

@@ -1,411 +1,30 @@
-import ce, { useState as w, useRef as $, useEffect as u, useContext as St, useCallback as At, useImperativeHandle as Et, createContext as kt, useLayoutEffect as Ot } from "react";
-import { autoUpdate as Tt, arrow as xt, computePosition as ut, offset as Lt, flip as Ct, shift as Rt } from "./index90.mjs";
-import lt from "./index91.mjs";
-/*
-* React Tooltip
-* {@link https://github.com/ReactTooltip/react-tooltip}
-* @copyright ReactTooltip Team
-* @license MIT
-*/
-const Nt = "react-tooltip-core-styles", zt = "react-tooltip-base-styles", dt = { core: !1, base: !1 };
-function pt({ css: l, id: n = zt, type: v = "base", ref: c }) {
-  var m, h;
-  if (!l || typeof document > "u" || dt[v] || v === "core" && typeof process < "u" && (!((m = process == null ? void 0 : process.env) === null || m === void 0) && m.REACT_TOOLTIP_DISABLE_CORE_STYLES) || v !== "base" && typeof process < "u" && (!((h = process == null ? void 0 : process.env) === null || h === void 0) && h.REACT_TOOLTIP_DISABLE_BASE_STYLES)) return;
-  v === "core" && (n = Nt), c || (c = {});
-  const { insertAt: C } = c;
-  if (document.getElementById(n)) return;
-  const b = document.head || document.getElementsByTagName("head")[0], _ = document.createElement("style");
-  _.id = n, _.type = "text/css", C === "top" && b.firstChild ? b.insertBefore(_, b.firstChild) : b.appendChild(_), _.styleSheet ? _.styleSheet.cssText = l : _.appendChild(document.createTextNode(l)), dt[v] = !0;
-}
-const ft = async ({ elementReference: l = null, tooltipReference: n = null, tooltipArrowReference: v = null, place: c = "top", offset: m = 10, strategy: h = "absolute", middlewares: C = [Lt(Number(m)), Ct({ fallbackAxisSideDirection: "start" }), Rt({ padding: 5 })], border: b, arrowSize: _ = 8 }) => {
-  if (!l) return { tooltipStyles: {}, tooltipArrowStyles: {}, place: c };
-  if (n === null) return { tooltipStyles: {}, tooltipArrowStyles: {}, place: c };
-  const q = C;
-  return v ? (q.push(xt({ element: v, padding: 5 })), ut(l, n, { placement: c, strategy: h, middleware: q }).then(({ x: K, y: j, placement: J, middlewareData: G }) => {
-    var I, x;
-    const Z = { left: `${K}px`, top: `${j}px`, border: b }, { x: M, y: U } = (I = G.arrow) !== null && I !== void 0 ? I : { x: 0, y: 0 }, W = (x = { top: "bottom", right: "left", bottom: "top", left: "right" }[J.split("-")[0]]) !== null && x !== void 0 ? x : "bottom", Y = b && { borderBottom: b, borderRight: b };
-    let ue = 0;
-    if (b) {
-      const ee = `${b}`.match(/(\d+)px/);
-      ue = ee?.[1] ? Number(ee[1]) : 1;
-    }
-    return { tooltipStyles: Z, tooltipArrowStyles: { left: M != null ? `${M}px` : "", top: U != null ? `${U}px` : "", right: "", bottom: "", ...Y, [W]: `-${_ / 2 + ue}px` }, place: J };
-  })) : ut(l, n, { placement: "bottom", strategy: h, middleware: q }).then(({ x: K, y: j, placement: J }) => ({ tooltipStyles: { left: `${K}px`, top: `${j}px` }, tooltipArrowStyles: {}, place: J }));
-}, vt = (l, n) => !("CSS" in window && "supports" in window.CSS) || window.CSS.supports(l, n), mt = (l, n, v) => {
-  let c = null;
-  const m = function(...h) {
-    const C = () => {
-      c = null;
-    };
-    !c && (l.apply(this, h), c = setTimeout(C, n));
-  };
-  return m.cancel = () => {
-    c && (clearTimeout(c), c = null);
-  }, m;
-}, yt = (l) => l !== null && !Array.isArray(l) && typeof l == "object", rt = (l, n) => {
-  if (l === n) return !0;
-  if (Array.isArray(l) && Array.isArray(n)) return l.length === n.length && l.every((m, h) => rt(m, n[h]));
-  if (Array.isArray(l) !== Array.isArray(n)) return !1;
-  if (!yt(l) || !yt(n)) return l === n;
-  const v = Object.keys(l), c = Object.keys(n);
-  return v.length === c.length && v.every((m) => rt(l[m], n[m]));
-}, $t = (l) => {
-  if (!(l instanceof HTMLElement || l instanceof SVGElement)) return !1;
-  const n = getComputedStyle(l);
-  return ["overflow", "overflow-x", "overflow-y"].some((v) => {
-    const c = n.getPropertyValue(v);
-    return c === "auto" || c === "scroll";
-  });
-}, wt = (l) => {
-  if (!l) return null;
-  let n = l.parentElement;
-  for (; n; ) {
-    if ($t(n)) return n;
-    n = n.parentElement;
-  }
-  return document.scrollingElement || document.documentElement;
-}, jt = typeof window < "u" ? Ot : u, z = (l) => {
-  l.current && (clearTimeout(l.current), l.current = null);
-}, It = "DEFAULT_TOOLTIP_ID", Bt = { anchorRefs: /* @__PURE__ */ new Set(), activeAnchor: { current: null }, attach: () => {
-}, detach: () => {
-}, setActiveAnchor: () => {
-} }, Dt = kt({ getTooltipData: () => Bt });
-function ht(l = It) {
-  return St(Dt).getTooltipData(l);
-}
-var Te = { tooltip: "core-styles-module_tooltip__3vRRp", fixed: "core-styles-module_fixed__pcSol", arrow: "core-styles-module_arrow__cvMwQ", noArrow: "core-styles-module_noArrow__xock6", clickable: "core-styles-module_clickable__ZuTTB", show: "core-styles-module_show__Nt9eE", closing: "core-styles-module_closing__sGnxF" }, ot = { tooltip: "styles-module_tooltip__mnnfp", arrow: "styles-module_arrow__K0L3T", dark: "styles-module_dark__xNqje", light: "styles-module_light__Z6W-X", success: "styles-module_success__A2AKt", warning: "styles-module_warning__SCK0X", error: "styles-module_error__JvumD", info: "styles-module_info__BWdHW" };
-const qt = ({ forwardRef: l, id: n, className: v, classNameArrow: c, variant: m = "dark", anchorId: h, anchorSelect: C, place: b = "top", offset: _ = 10, events: q = ["hover"], openOnClick: K = !1, positionStrategy: j = "absolute", middlewares: J, wrapper: G, delayShow: I = 0, delayHide: x = 0, float: Z = !1, hidden: M = !1, noArrow: U = !1, clickable: W = !1, closeOnEsc: Y = !1, closeOnScroll: ue = !1, closeOnResize: ee = !1, openEvents: R, closeEvents: de, globalCloseEvents: xe, imperativeModeOnly: Ge, style: Me, position: We, afterShow: He, afterHide: H, disableTooltip: pe, content: Le, contentWrapperRef: te, isOpen: B, defaultIsOpen: fe = !1, setIsOpen: oe, previousActiveAnchor: Ce, activeAnchor: d, setActiveAnchor: ve, border: Pe, opacity: Xe, arrowColor: Je, arrowSize: me = 8, role: Ze = "tooltip" }) => {
-  var le;
-  const k = $(null), ye = $(null), D = $(null), re = $(null), we = $(null), [ne, Ue] = w({ tooltipStyles: {}, tooltipArrowStyles: {}, place: b }), [O, Re] = w(!1), [he, F] = w(!1), [f, be] = w(null), Ve = $(!1), _e = $(null), { anchorRefs: Ye, setActiveAnchor: Ne } = ht(n), ze = $(!1), [Q, $e] = w([]), se = $(!1), ge = K || q.includes("click"), Fe = ge || R?.click || R?.dblclick || R?.mousedown, je = R ? { ...R } : { mouseover: !0, focus: !0, mouseenter: !1, click: !1, dblclick: !1, mousedown: !1 };
-  !R && ge && Object.assign(je, { mouseenter: !1, focus: !1, mouseover: !1, click: !0 });
-  const ae = de ? { ...de } : { mouseout: !0, blur: !0, mouseleave: !1, click: !1, dblclick: !1, mouseup: !1 };
-  !de && ge && Object.assign(ae, { mouseleave: !1, blur: !1, mouseout: !1 });
-  const S = xe ? { ...xe } : { escape: Y || !1, scroll: ue || !1, resize: ee || !1, clickOutsideAnchor: Fe || !1 };
-  Ge && (Object.assign(je, { mouseover: !1, focus: !1, mouseenter: !1, click: !1, dblclick: !1, mousedown: !1 }), Object.assign(ae, { mouseout: !1, blur: !1, mouseleave: !1, click: !1, dblclick: !1, mouseup: !1 }), Object.assign(S, { escape: !1, scroll: !1, resize: !1, clickOutsideAnchor: !1 })), jt(() => (se.current = !0, () => {
-    se.current = !1;
-  }), []);
-  const T = (e) => {
-    se.current && (e && F(!0), setTimeout(() => {
-      se.current && (oe?.(e), B === void 0 && Re(e));
-    }, 10));
-  };
-  u(() => {
-    if (n) {
-      if (O) {
-        o(Ce);
-        const t = e(d), i = [.../* @__PURE__ */ new Set([...t, n])].filter(Boolean).join(" ");
-        d?.setAttribute("aria-describedby", i);
-      } else o(d);
-      return () => {
-        o(d), o(Ce);
-      };
-    }
-    function e(t) {
-      var i;
-      return ((i = t?.getAttribute("aria-describedby")) === null || i === void 0 ? void 0 : i.split(" ")) || [];
-    }
-    function o(t) {
-      const i = e(t).filter((g) => g !== n);
-      i.length ? t?.setAttribute("aria-describedby", i.join(" ")) : t?.removeAttribute("aria-describedby");
-    }
-  }, [d, O, n, Ce]), u(() => {
-    if (B === void 0) return () => null;
-    B && F(!0);
-    const e = setTimeout(() => {
-      Re(B);
-    }, 10);
-    return () => {
-      clearTimeout(e);
-    };
-  }, [B]), u(() => {
-    if (O !== Ve.current) if (z(we), Ve.current = O, O) He?.();
-    else {
-      const e = ((o) => {
-        const t = o.match(/^([\d.]+)(ms|s)$/);
-        if (!t) return 0;
-        const [, i, g] = t;
-        return Number(i) * (g === "ms" ? 1 : 1e3);
-      })(getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay"));
-      we.current = setTimeout(() => {
-        F(!1), be(null), H?.();
-      }, e + 25);
-    }
-  }, [O]);
-  const Ie = (e) => {
-    Ue((o) => rt(o, e) ? o : e);
-  }, Be = (e = I) => {
-    z(D), he ? T(!0) : D.current = setTimeout(() => {
-      T(!0);
-    }, e);
-  }, Se = (e = x) => {
-    z(re), re.current = setTimeout(() => {
-      ze.current || T(!1);
-    }, e);
-  }, De = (e) => {
-    var o;
-    if (!e) return;
-    const t = (o = e.currentTarget) !== null && o !== void 0 ? o : e.target;
-    if (!t?.isConnected) return ve(null), void Ne({ current: null });
-    I ? Be() : T(!0), ve(t), Ne({ current: t }), z(re);
-  }, Ae = () => {
-    W ? Se(x || 100) : x ? Se() : T(!1), z(D);
-  }, Ee = ({ x: e, y: o }) => {
-    var t;
-    const i = { getBoundingClientRect: () => ({ x: e, y: o, width: 0, height: 0, top: o, left: e, right: e, bottom: o }) };
-    ft({ place: (t = f?.place) !== null && t !== void 0 ? t : b, offset: _, elementReference: i, tooltipReference: k.current, tooltipArrowReference: ye.current, strategy: j, middlewares: J, border: Pe, arrowSize: me }).then((g) => {
-      Ie(g);
-    });
-  }, ke = (e) => {
-    if (!e) return;
-    const o = e, t = { x: o.clientX, y: o.clientY };
-    Ee(t), _e.current = t;
-  }, qe = (e) => {
-    var o;
-    if (!O) return;
-    const t = e.target;
-    t.isConnected && (!((o = k.current) === null || o === void 0) && o.contains(t) || [document.querySelector(`[id='${h}']`), ...Q].some((i) => i?.contains(t)) || (T(!1), z(D)));
-  }, Qe = mt(De, 50), y = mt(Ae, 50), A = (e) => {
-    y.cancel(), Qe(e);
-  }, r = () => {
-    Qe.cancel(), y();
-  }, s = At(() => {
-    var e, o;
-    const t = (e = f?.position) !== null && e !== void 0 ? e : We;
-    t ? Ee(t) : Z ? _e.current && Ee(_e.current) : d?.isConnected && ft({ place: (o = f?.place) !== null && o !== void 0 ? o : b, offset: _, elementReference: d, tooltipReference: k.current, tooltipArrowReference: ye.current, strategy: j, middlewares: J, border: Pe, arrowSize: me }).then((i) => {
-      se.current && Ie(i);
-    });
-  }, [O, d, Le, Me, b, f?.place, _, j, We, f?.position, Z, me]);
-  u(() => {
-    var e, o;
-    const t = new Set(Ye);
-    Q.forEach((a) => {
-      pe?.(a) || t.add({ current: a });
-    });
-    const i = document.querySelector(`[id='${h}']`);
-    i && !pe?.(i) && t.add({ current: i });
-    const g = () => {
-      T(!1);
-    }, P = wt(d), X = wt(k.current);
-    S.scroll && (window.addEventListener("scroll", g), P?.addEventListener("scroll", g), X?.addEventListener("scroll", g));
-    let E = null;
-    S.resize ? window.addEventListener("resize", g) : d && k.current && (E = Tt(d, k.current, s, { ancestorResize: !0, elementResize: !0, layoutShift: !0 }));
-    const N = (a) => {
-      a.key === "Escape" && T(!1);
-    };
-    S.escape && window.addEventListener("keydown", N), S.clickOutsideAnchor && window.addEventListener("click", qe);
-    const p = [], Oe = (a) => !!(a?.target && d?.contains(a.target)), bt = (a) => {
-      O && Oe(a) || De(a);
-    }, _t = (a) => {
-      O && Oe(a) && Ae();
-    }, nt = ["mouseover", "mouseout", "mouseenter", "mouseleave", "focus", "blur"], st = ["click", "dblclick", "mousedown", "mouseup"];
-    Object.entries(je).forEach(([a, V]) => {
-      V && (nt.includes(a) ? p.push({ event: a, listener: A }) : st.includes(a) && p.push({ event: a, listener: bt }));
-    }), Object.entries(ae).forEach(([a, V]) => {
-      V && (nt.includes(a) ? p.push({ event: a, listener: r }) : st.includes(a) && p.push({ event: a, listener: _t }));
-    }), Z && p.push({ event: "pointermove", listener: ke });
-    const at = () => {
-      ze.current = !0;
-    }, it = () => {
-      ze.current = !1, Ae();
-    }, ct = W && (ae.mouseout || ae.mouseleave);
-    return ct && ((e = k.current) === null || e === void 0 || e.addEventListener("mouseover", at), (o = k.current) === null || o === void 0 || o.addEventListener("mouseout", it)), p.forEach(({ event: a, listener: V }) => {
-      t.forEach((et) => {
-        var Ke;
-        (Ke = et.current) === null || Ke === void 0 || Ke.addEventListener(a, V);
-      });
-    }), () => {
-      var a, V;
-      S.scroll && (window.removeEventListener("scroll", g), P?.removeEventListener("scroll", g), X?.removeEventListener("scroll", g)), S.resize ? window.removeEventListener("resize", g) : E?.(), S.clickOutsideAnchor && window.removeEventListener("click", qe), S.escape && window.removeEventListener("keydown", N), ct && ((a = k.current) === null || a === void 0 || a.removeEventListener("mouseover", at), (V = k.current) === null || V === void 0 || V.removeEventListener("mouseout", it)), p.forEach(({ event: et, listener: Ke }) => {
-        t.forEach((gt) => {
-          var tt;
-          (tt = gt.current) === null || tt === void 0 || tt.removeEventListener(et, Ke);
-        });
-      });
-    };
-  }, [d, s, he, Ye, Q, R, de, xe, ge, I, x]), u(() => {
-    var e, o;
-    let t = (o = (e = f?.anchorSelect) !== null && e !== void 0 ? e : C) !== null && o !== void 0 ? o : "";
-    !t && n && (t = `[data-tooltip-id='${n.replace(/'/g, "\\'")}']`);
-    const i = new MutationObserver((g) => {
-      const P = [], X = [];
-      g.forEach((E) => {
-        if (E.type === "attributes" && E.attributeName === "data-tooltip-id" && (E.target.getAttribute("data-tooltip-id") === n ? P.push(E.target) : E.oldValue === n && X.push(E.target)), E.type === "childList") {
-          if (d) {
-            const N = [...E.removedNodes].filter((p) => p.nodeType === 1);
-            if (t) try {
-              X.push(...N.filter((p) => p.matches(t))), X.push(...N.flatMap((p) => [...p.querySelectorAll(t)]));
-            } catch {
-            }
-            N.some((p) => {
-              var Oe;
-              return !!(!((Oe = p?.contains) === null || Oe === void 0) && Oe.call(p, d)) && (F(!1), T(!1), ve(null), z(D), z(re), !0);
-            });
-          }
-          if (t) try {
-            const N = [...E.addedNodes].filter((p) => p.nodeType === 1);
-            P.push(...N.filter((p) => p.matches(t))), P.push(...N.flatMap((p) => [...p.querySelectorAll(t)]));
-          } catch {
-          }
-        }
-      }), (P.length || X.length) && $e((E) => [...E.filter((N) => !X.includes(N)), ...P]);
-    });
-    return i.observe(document.body, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["data-tooltip-id"], attributeOldValue: !0 }), () => {
-      i.disconnect();
-    };
-  }, [n, C, f?.anchorSelect, d]), u(() => {
-    s();
-  }, [s]), u(() => {
-    if (!te?.current) return () => null;
-    const e = new ResizeObserver(() => {
-      setTimeout(() => s());
-    });
-    return e.observe(te.current), () => {
-      e.disconnect();
-    };
-  }, [Le, te?.current]), u(() => {
-    var e;
-    const o = document.querySelector(`[id='${h}']`), t = [...Q, o];
-    d && t.includes(d) || ve((e = Q[0]) !== null && e !== void 0 ? e : o);
-  }, [h, Q, d]), u(() => (fe && T(!0), () => {
-    z(D), z(re);
-  }), []), u(() => {
-    var e;
-    let o = (e = f?.anchorSelect) !== null && e !== void 0 ? e : C;
-    if (!o && n && (o = `[data-tooltip-id='${n.replace(/'/g, "\\'")}']`), o) try {
-      const t = Array.from(document.querySelectorAll(o));
-      $e(t);
-    } catch {
-      $e([]);
-    }
-  }, [n, C, f?.anchorSelect]), u(() => {
-    D.current && (z(D), Be(I));
-  }, [I]);
-  const L = (le = f?.content) !== null && le !== void 0 ? le : Le, ie = O && Object.keys(ne.tooltipStyles).length > 0;
-  return Et(l, () => ({ open: (e) => {
-    if (e?.anchorSelect) try {
-      document.querySelector(e.anchorSelect);
-    } catch {
-      return void console.warn(`[react-tooltip] "${e.anchorSelect}" is not a valid CSS selector`);
-    }
-    be(e ?? null), e?.delay ? Be(e.delay) : T(!0);
-  }, close: (e) => {
-    e?.delay ? Se(e.delay) : T(!1);
-  }, activeAnchor: d, place: ne.place, isOpen: !!(he && !M && L && ie) })), he && !M && L ? ce.createElement(G, { id: n, role: Ze, className: lt("react-tooltip", Te.tooltip, ot.tooltip, ot[m], v, `react-tooltip__place-${ne.place}`, Te[ie ? "show" : "closing"], ie ? "react-tooltip__show" : "react-tooltip__closing", j === "fixed" && Te.fixed, W && Te.clickable), onTransitionEnd: (e) => {
-    z(we), O || e.propertyName !== "opacity" || (F(!1), be(null), H?.());
-  }, style: { ...Me, ...ne.tooltipStyles, opacity: Xe !== void 0 && ie ? Xe : void 0 }, ref: k }, L, ce.createElement(G, { className: lt("react-tooltip-arrow", Te.arrow, ot.arrow, c, U && Te.noArrow), style: { ...ne.tooltipArrowStyles, background: Je ? `linear-gradient(to right bottom, transparent 50%, ${Je} 50%)` : void 0, "--rt-arrow-size": `${me}px` }, ref: ye })) : null;
-}, Kt = ({ content: l }) => ce.createElement("span", { dangerouslySetInnerHTML: { __html: l } }), Pt = ce.forwardRef(({ id: l, anchorId: n, anchorSelect: v, content: c, html: m, render: h, className: C, classNameArrow: b, variant: _ = "dark", place: q = "top", offset: K = 10, wrapper: j = "div", children: J = null, events: G = ["hover"], openOnClick: I = !1, positionStrategy: x = "absolute", middlewares: Z, delayShow: M = 0, delayHide: U = 0, float: W = !1, hidden: Y = !1, noArrow: ue = !1, clickable: ee = !1, closeOnEsc: R = !1, closeOnScroll: de = !1, closeOnResize: xe = !1, openEvents: Ge, closeEvents: Me, globalCloseEvents: We, imperativeModeOnly: He = !1, style: H, position: pe, isOpen: Le, defaultIsOpen: te = !1, disableStyleInjection: B = !1, border: fe, opacity: oe, arrowColor: Ce, arrowSize: d, setIsOpen: ve, afterShow: Pe, afterHide: Xe, disableTooltip: Je, role: me = "tooltip" }, Ze) => {
-  const [le, k] = w(c), [ye, D] = w(m), [re, we] = w(q), [ne, Ue] = w(_), [O, Re] = w(K), [he, F] = w(M), [f, be] = w(U), [Ve, _e] = w(W), [Ye, Ne] = w(Y), [ze, Q] = w(j), [$e, se] = w(G), [ge, Fe] = w(x), [je, ae] = w(null), [S, T] = w(null), Ie = $(null), Be = $(B), { anchorRefs: Se, activeAnchor: De } = ht(l), Ae = (y) => y?.getAttributeNames().reduce((A, r) => {
-    var s;
-    return r.startsWith("data-tooltip-") && (A[r.replace(/^data-tooltip-/, "")] = (s = y?.getAttribute(r)) !== null && s !== void 0 ? s : null), A;
-  }, {}), Ee = (y) => {
-    const A = { place: (r) => {
-      var s;
-      we((s = r) !== null && s !== void 0 ? s : q);
-    }, content: (r) => {
-      k(r ?? c);
-    }, html: (r) => {
-      D(r ?? m);
-    }, variant: (r) => {
-      var s;
-      Ue((s = r) !== null && s !== void 0 ? s : _);
-    }, offset: (r) => {
-      Re(r === null ? K : Number(r));
-    }, wrapper: (r) => {
-      var s;
-      Q((s = r) !== null && s !== void 0 ? s : j);
-    }, events: (r) => {
-      const s = r?.split(" ");
-      se(s ?? G);
-    }, "position-strategy": (r) => {
-      var s;
-      Fe((s = r) !== null && s !== void 0 ? s : x);
-    }, "delay-show": (r) => {
-      F(r === null ? M : Number(r));
-    }, "delay-hide": (r) => {
-      be(r === null ? U : Number(r));
-    }, float: (r) => {
-      _e(r === null ? W : r === "true");
-    }, hidden: (r) => {
-      Ne(r === null ? Y : r === "true");
-    }, "class-name": (r) => {
-      ae(r);
-    } };
-    Object.values(A).forEach((r) => r(null)), Object.entries(y).forEach(([r, s]) => {
-      var L;
-      (L = A[r]) === null || L === void 0 || L.call(A, s);
-    });
-  };
-  u(() => {
-    k(c);
-  }, [c]), u(() => {
-    D(m);
-  }, [m]), u(() => {
-    we(q);
-  }, [q]), u(() => {
-    Ue(_);
-  }, [_]), u(() => {
-    Re(K);
-  }, [K]), u(() => {
-    F(M);
-  }, [M]), u(() => {
-    be(U);
-  }, [U]), u(() => {
-    _e(W);
-  }, [W]), u(() => {
-    Ne(Y);
-  }, [Y]), u(() => {
-    Fe(x);
-  }, [x]), u(() => {
-    Be.current !== B && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
-  }, [B]), u(() => {
-    typeof window < "u" && window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles", { detail: { disableCore: B === "core", disableBase: B } }));
-  }, []), u(() => {
-    var y;
-    const A = new Set(Se);
-    let r = v;
-    if (!r && l && (r = `[data-tooltip-id='${l.replace(/'/g, "\\'")}']`), r) try {
-      document.querySelectorAll(r).forEach((o) => {
-        A.add({ current: o });
-      });
-    } catch {
-      console.warn(`[react-tooltip] "${r}" is not a valid CSS selector`);
-    }
-    const s = document.querySelector(`[id='${n}']`);
-    if (s && A.add({ current: s }), !A.size) return () => null;
-    const L = (y = S ?? s) !== null && y !== void 0 ? y : De.current, ie = new MutationObserver((o) => {
-      o.forEach((t) => {
-        var i;
-        if (!L || t.type !== "attributes" || !(!((i = t.attributeName) === null || i === void 0) && i.startsWith("data-tooltip-"))) return;
-        const g = Ae(L);
-        Ee(g);
-      });
-    }), e = { attributes: !0, childList: !1, subtree: !1 };
-    if (L) {
-      const o = Ae(L);
-      Ee(o), ie.observe(L, e);
-    }
-    return () => {
-      ie.disconnect();
-    };
-  }, [Se, De, S, n, v]), u(() => {
-    H?.border && console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."), fe && !vt("border", `${fe}`) && console.warn(`[react-tooltip] "${fe}" is not a valid \`border\`.`), H?.opacity && console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."), oe && !vt("opacity", `${oe}`) && console.warn(`[react-tooltip] "${oe}" is not a valid \`opacity\`.`);
-  }, []);
-  let ke = J;
-  const qe = $(null);
-  if (h) {
-    const y = h({ content: S?.getAttribute("data-tooltip-content") || le || null, activeAnchor: S });
-    ke = y ? ce.createElement("div", { ref: qe, className: "react-tooltip-content-wrapper" }, y) : null;
-  } else le && (ke = le);
-  ye && (ke = ce.createElement(Kt, { content: ye }));
-  const Qe = { forwardRef: Ze, id: l, anchorId: n, anchorSelect: v, className: lt(C, je), classNameArrow: b, content: ke, contentWrapperRef: qe, place: re, variant: ne, offset: O, wrapper: ze, events: $e, openOnClick: I, positionStrategy: ge, middlewares: Z, delayShow: he, delayHide: f, float: Ve, hidden: Ye, noArrow: ue, clickable: ee, closeOnEsc: R, closeOnScroll: de, closeOnResize: xe, openEvents: Ge, closeEvents: Me, globalCloseEvents: We, imperativeModeOnly: He, style: H, position: pe, isOpen: Le, defaultIsOpen: te, border: fe, opacity: oe, arrowColor: Ce, arrowSize: d, setIsOpen: ve, afterShow: Pe, afterHide: Xe, disableTooltip: Je, activeAnchor: S, previousActiveAnchor: Ie.current, setActiveAnchor: (y) => {
-    T((A) => (y?.isSameNode(A) || (Ie.current = A), y));
-  }, role: me };
-  return ce.createElement(qt, { ...Qe });
-});
-typeof window < "u" && window.addEventListener("react-tooltip-inject-styles", (l) => {
-  l.detail.disableCore || pt({ css: ":root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}", type: "core" }), l.detail.disableBase || pt({ css: `
-.styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:var(--rt-arrow-size);height:var(--rt-arrow-size)}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`, type: "base" });
-});
+var a = /* @__PURE__ */ ((r) => (r.HIGH = "high", r.MEDIUM = "medium", r.LOW = "low", r))(a || {});
+const t = "high", e = {
+  medium: "outlined",
+  low: "transparent"
+};
+var n = /* @__PURE__ */ ((r) => (r.XS = "extra-small", r.S = "small", r.MD = "medium", r.L = "large", r))(n || {});
+const c = "medium", u = {
+  "extra-small": "xs",
+  small: "s",
+  medium: "md",
+  large: "l"
+};
+var l = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.NEUTRAL = "neutral", r.DANGER = "danger", r.SUCCESS = "success", r.WARNING = "warning", r))(l || {});
+const E = {
+  success: "check-1",
+  warning: "alert-circle",
+  danger: "alert-triangle"
+};
+var s = /* @__PURE__ */ ((r) => (r.SUCCESS = "success", r.ERROR = "error", r))(s || {});
 export {
-  Pt as Tooltip
+  t as DEFAULT_EMPHASIS,
+  c as DEFAULT_SIZE,
+  e as EMPHASIS_MAP,
+  a as Emphasis,
+  u as SIZE_MAP,
+  n as Size,
+  s as State,
+  E as THEME_ICON_MAP,
+  l as Theme
 };

package/es/index56.mjs

@@ -1,23 +1,49 @@
-import { ICONS_SVG_HTML_ID as s } from "./index52.mjs";
-const r = 1048576;
-function a(i, e = "") {
-  return e.split(",").map((t) => t.trim()).flatMap((t) => t.split(".")).some(
-    (t) => !t || t === "*" || t === i.type || t.includes("*") && !!t.split("/")?.[0] && i.type.startsWith(t.split("/")?.[0])
-  );
-}
-function c(i, e) {
-  return !e || i.size <= e * r;
-}
-function o(i, e, n) {
-  return i.map((t) => ({ validFormat: a(t, e), validSize: c(t, n) }));
-}
-function p(i) {
-  const e = document.getElementById(s);
-  return e ? !!e.querySelector(`symbol#ai-${i}`) : !1;
-}
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { State as i, THEME_ICON_MAP as a, Theme as p } from "./index55.mjs";
+import { classNames as d } from "./index52.mjs";
+import { renderRequiredAsterisk as f } from "./index57.mjs";
+import { Icon as u } from "./index24.mjs";
+const b = ({ label: s, id: l, required: e, inline: n, className: r = "", noMargin: t = !1 }) => {
+  const o = d({
+    "a-input__label": !t,
+    "a-input__label--inline": !!n,
+    [r]: !!r
+  });
+  return s ? /* @__PURE__ */ m("label", { className: o, htmlFor: l, children: [
+    s,
+    e && f()
+  ] }) : null;
+}, O = ({ id: s, description: l, state: e }) => {
+  const n = d({
+    "a-input__description": !0,
+    "is-error": e === i.ERROR,
+    "is-success": e === i.SUCCESS
+  });
+  return l ? /* @__PURE__ */ m("small", { id: `${s}--description`, className: n, children: [
+    e === i.SUCCESS && /* @__PURE__ */ c(u, { name: a[p.SUCCESS] }),
+    e === i.ERROR && /* @__PURE__ */ c(u, { name: a[p.DANGER] }),
+    l
+  ] }) : null;
+}, A = ({
+  id: s,
+  charCountText: l,
+  charCounter: e,
+  characterCount: n,
+  maxLength: r
+}) => {
+  const t = r ? r - n : 0, o = r && t <= 0, S = r ? l?.replace("%max%", r.toString()).replace("%count%", n.toString()).replace("%left%", t.toString()) : l?.replace("%count%", n.toString());
+  return e ? /* @__PURE__ */ c(
+    "small",
+    {
+      "aria-live": "polite",
+      id: `${s}--counter`,
+      className: `a-input__description u-text-left${o ? " u-text-danger" : ""}`,
+      children: S
+    }
+  ) : null;
+};
 export {
-  o as areFilesValid,
-  a as hasValidFormat,
-  c as hasValidSize,
-  p as iconExists
+  A as renderCharacterCounter,
+  O as renderDescription,
+  b as renderLabel
 };

package/es/index57.mjs

@@ -1,49 +1,51 @@
-import { jsxs as m, jsx as c } from "react/jsx-runtime";
-import { State as i, THEME_ICON_MAP as a, Theme as p } from "./index53.mjs";
-import { classNames as d } from "./index51.mjs";
-import { renderRequiredAsterisk as f } from "./index55.mjs";
-import { Icon as u } from "./index24.mjs";
-const b = ({ label: s, id: l, required: e, inline: n, className: r = "", noMargin: t = !1 }) => {
-  const o = d({
-    "a-input__label": !t,
-    "a-input__label--inline": !!n,
-    [r]: !!r
-  });
-  return s ? /* @__PURE__ */ m("label", { className: o, htmlFor: l, children: [
-    s,
-    e && f()
-  ] }) : null;
-}, O = ({ id: s, description: l, state: e }) => {
-  const n = d({
-    "a-input__description": !0,
-    "is-error": e === i.ERROR,
-    "is-success": e === i.SUCCESS
-  });
-  return l ? /* @__PURE__ */ m("small", { id: `${s}--description`, className: n, children: [
-    e === i.SUCCESS && /* @__PURE__ */ c(u, { name: a[p.SUCCESS] }),
-    e === i.ERROR && /* @__PURE__ */ c(u, { name: a[p.DANGER] }),
-    l
-  ] }) : null;
-}, A = ({
-  id: s,
-  charCountText: l,
-  charCounter: e,
-  characterCount: n,
-  maxLength: r
-}) => {
-  const t = r ? r - n : 0, o = r && t <= 0, S = r ? l?.replace("%max%", r.toString()).replace("%count%", n.toString()).replace("%left%", t.toString()) : l?.replace("%count%", n.toString());
-  return e ? /* @__PURE__ */ c(
-    "small",
+import { jsx as n, jsxs as o } from "react/jsx-runtime";
+import { cloneElement as f } from "react";
+import { Size as l } from "./index55.mjs";
+import { Spinner as c } from "./index39.mjs";
+import { Avatar as s } from "./index6.mjs";
+import { Icon as i } from "./index24.mjs";
+function x(e, r, t) {
+  return t ? f(r, { children: e }) : e;
+}
+function D(e, r, t) {
+  return !e?.href && !e?.onClick ? e?.label || "" : e?.href ? /* @__PURE__ */ o("a", { href: e.href, target: e.target || "_self", ...t, children: [
+    e.label || "",
+    r ? /* @__PURE__ */ n(i, { name: r }) : null
+  ] }) : /* @__PURE__ */ o(
+    "a",
     {
-      "aria-live": "polite",
-      id: `${s}--counter`,
-      className: `a-input__description u-text-left${o ? " u-text-danger" : ""}`,
-      children: S
+      style: { cursor: "pointer" },
+      onClick: (a) => (a.preventDefault(), e.onClick && e.onClick(a)),
+      onKeyDown: (a) => {
+        if (a.key === "Enter")
+          return a.preventDefault(), e.onClick && e.onClick(a);
+      },
+      role: "button",
+      tabIndex: 0,
+      ...t,
+      children: [
+        e.label || "",
+        r ? /* @__PURE__ */ n(i, { name: r }) : null
+      ]
     }
-  ) : null;
-};
+  );
+}
+function S(e, r, t, u) {
+  return r ? /* @__PURE__ */ o("div", { className: "a-input", children: [
+    /* @__PURE__ */ n("label", { className: "a-input__label", id: u, htmlFor: t, children: r }),
+    e
+  ] }) : e;
+}
+function w(e, r) {
+  return e?.type === "spinner" ? /* @__PURE__ */ n(c, { ariaHidden: !0, size: r === l.S ? l.XS : l.S }) : e?.type === "avatar" ? /* @__PURE__ */ n(s, { ...e?.avatarProps, size: r }) : e?.type === "icon" ? /* @__PURE__ */ n(i, { ...e?.iconProps }) : null;
+}
+function g() {
+  return /* @__PURE__ */ n("span", { className: "u-text-danger", "aria-hidden": "true", children: "*" });
+}
 export {
-  A as renderCharacterCounter,
-  O as renderDescription,
-  b as renderLabel
+  S as labelWrapper,
+  w as renderAddOn,
+  D as renderHTMLLink,
+  g as renderRequiredAsterisk,
+  x as wrapWithIf
 };

package/es/index58.mjs

@@ -1,10 +1,32 @@
-function o(r) {
-  console.warn(`[AUI] Warning - ${r}.`);
-}
-function n(r) {
-  console.error(`[AUI] Error - ${r}.`);
-}
+const f = (t, n) => Array(n - t + 1).fill(0).map((e, o) => o + t), d = (t, n) => {
+  const e = n <= 7 ? 7 : t > 4 && t < n - 3 ? 2 : 4;
+  let o = Math.round(t - e / 2), a = Math.round(t + e / 2);
+  (o - 1 === 1 || a + 1 === n) && (o += 1, a += 1);
+  let s = t > e ? f(Math.min(o, n - e), Math.min(a, n)) : f(1, Math.min(n, e + 1));
+  return s[0] !== 1 && (s = [1, 0].concat(s)), s[s.length - 1] < n && (s = s.concat([0, n])), s;
+}, p = (t, n, e, o) => {
+  const a = e - n, c = (t - n) / a;
+  return Math.round(c * o);
+}, h = (t, n, e) => Math.min(Math.max(t, n), e), l = (t, n) => n ? t - n : t, M = (t, n, e, o, a, s, c) => {
+  const i = h(t, 0, n) / (n || 1);
+  let r = e * Math.round(i * (c - s)) / e + s;
+  return r >= a && (r = a), r <= o && (r = o), r;
+}, V = (t, n, e, o, a, s, c, i) => {
+  const u = "clientX", r = t.type !== "touchmove" ? t[u] : t.touches[0][u], g = l(r, i);
+  return M(g, n, e, o, a, s, c);
+}, y = (t, n, e) => {
+  const o = [];
+  if (e <= 0)
+    return [n];
+  for (let a = t; a < n; a += e)
+    o.push(a);
+  return [...o, n];
+};
 export {
-  n as logError,
-  o as logWarning
+  l as getPosition,
+  V as getPositionValue,
+  y as getSteps,
+  M as getValueFromPosition,
+  p as lineValuesToPosition,
+  d as pagesArray
 };