@a-ui/react 7.13.0-beta.7 → 7.13.0-beta.8

package/es/index48.mjs

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as p, jsx as o } from "react/jsx-runtime";
 import { cloneElement as m } from "react";
-import { Tooltip as s } from "./index79.mjs";
+import { Tooltip as s } from "./index51.mjs";
 /* empty css         */
 /* empty css         */
 function x({ anchor: i, anchorId: t = "aui-tooltip", location: e = "bottom", text: r = "", qa: l }) {

package/es/index49.mjs

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as l } from "react/jsx-runtime";
 import F from "react";
-import { classNames as U } from "./index51.mjs";
-import { areFilesValid as u } from "./index78.mjs";
+import { classNames as U } from "./index55.mjs";
+import { areFilesValid as u } from "./index59.mjs";
 import { UploadFile as V } from "./index50.mjs";
 function q({
   acceptedFormat: t = "*",

package/es/index50.mjs

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { hasValidFormat as p, hasValidSize as h } from "./index78.mjs";
+import { hasValidFormat as p, hasValidSize as h } from "./index59.mjs";
 import { Icon as u } from "./index24.mjs";
 import { Button as _ } from "./index10.mjs";
 function z({

package/es/index51.mjs

@@ -1,10 +1,411 @@
-function c(l) {
-  return Object.keys(l).filter((i) => !!l[i]).join(" ");
+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;
 }
-function n(l) {
-  return l.clientWidth >= l.scrollWidth || l.clientWidth + l.scrollLeft >= l.scrollWidth;
+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" });
+});
 export {
-  c as classNames,
-  n as isScrollAtTheEnd
+  Pt as Tooltip
 };

package/es/index52.mjs

@@ -1,51 +1,13 @@
-import { jsx as n, jsxs as o } from "react/jsx-runtime";
-import { cloneElement as f } from "react";
-import { Size as l } from "./index53.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",
-    {
-      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
-      ]
-    }
-  );
-}
-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: "*" });
-}
+import { nlBE as s } from "./index89.mjs";
+const e = "https://cdn.antwerpen.be/core_branding_scss/7.2.0/assets/images/ai.svg", t = "ai-svg", E = "single-neutral", c = "u-screen-reader-only", o = "ascending", _ = "descending", r = "dd/MM/yyyy", A = "Europe/Brussels", S = s;
 export {
-  S as labelWrapper,
-  w as renderAddOn,
-  D as renderHTMLLink,
-  g as renderRequiredAsterisk,
-  x as wrapWithIf
+  E as DEFAULT_AVATAR_ICON,
+  r as DEFAULT_DATE_FORMAT,
+  S as DEFAULT_LOCALE,
+  t as ICONS_SVG_HTML_ID,
+  e as ICONS_URL,
+  c as SCREEN_READER_CLASS,
+  o as SORT_ASCENDING,
+  _ as SORT_DESCENDING,
+  A as TIMEZONE
 };

package/es/index54.mjs

@@ -1,10 +1,51 @@
-function o(r) {
-  console.warn(`[AUI] Warning - ${r}.`);
+import { jsx as n, jsxs as o } from "react/jsx-runtime";
+import { cloneElement as f } from "react";
+import { Size as l } from "./index56.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 n(r) {
-  console.error(`[AUI] Error - ${r}.`);
+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",
+    {
+      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
+      ]
+    }
+  );
+}
+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 {
-  n as logError,
-  o as logWarning
+  S as labelWrapper,
+  w as renderAddOn,
+  D as renderHTMLLink,
+  g as renderRequiredAsterisk,
+  x as wrapWithIf
 };

package/es/index55.mjs

@@ -1,49 +1,10 @@
-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 "./index52.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;
-};
+function c(l) {
+  return Object.keys(l).filter((i) => !!l[i]).join(" ");
+}
+function n(l) {
+  return l.clientWidth >= l.scrollWidth || l.clientWidth + l.scrollLeft >= l.scrollWidth;
+}
 export {
-  A as renderCharacterCounter,
-  O as renderDescription,
-  b as renderLabel
+  c as classNames,
+  n as isScrollAtTheEnd
 };

package/es/index56.mjs

@@ -0,0 +1,30 @@
+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 {
+  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
+};