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

package/es/index61.mjs

@@ -1,62 +1,411 @@
-import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import { classNames as o } from "./index51.mjs";
-import { wrapWithIf as f } from "./index59.mjs";
-import { Checkbox as g } from "./index14.mjs";
-import { Button as k } from "./index10.mjs";
-function N({
-  actions: s,
-  columns: m,
-  small: d,
-  tableId: i,
-  selectable: l,
-  onSelect: r,
-  selected: u = [],
-  rows: p
-}) {
-  const h = o({
-    "is-clickable": !!l
-  }), c = (e, t) => {
-    const n = e.target;
-    return n?.classList.contains("a-button") || n.parentElement?.parentElement?.classList.contains("a-button") || n?.tagName === "A" && n?.getAttribute("href") || n.parentElement?.parentElement?.tagName === "A" && n.parentElement?.parentElement?.getAttribute("href") ? !1 : (e.preventDefault(), e.stopPropagation(), l && r && r(t.id));
+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 /* @__PURE__ */ a("tbody", { children: p.map((e) => /* @__PURE__ */ b("tr", { onClick: (t) => c(t, e), className: h, children: [
-    l ? /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(
-      g,
-      {
-        name: `aui-table-checkbox-${i}-${e.id}`,
-        id: `aui-table-checkbox-row-${i}-${e.id}`,
-        checked: (u || []).includes(e.id),
-        onChange: (t) => c(t, e),
-        label: e.checkboxLabel,
-        showLabel: !1
-      }
-    ) }) : null,
-    m.map((t) => {
-      const n = o({
-        "u-text-right": !!t.alignRight,
-        "u-text-bold": t.dataType === "primary",
-        small: t.dataType === "secondary",
-        "is-condensed": !!d
-      });
-      return /* @__PURE__ */ a("td", { className: n, children: t.transformFunction ? t.transformFunction(e[t?.value] || null) : e[t?.value] || null }, t?.value);
-    }),
-    f(
-      s?.buttons?.map((t) => /* @__PURE__ */ a(
-        k,
-        {
-          onClick: (n) => t?.onActionClick && t?.onActionClick(n, e.id),
-          ...t,
-          id: `aui-table-action-${i}-${t?.id}-${e.id}`,
-          size: t?.size || "small",
-          children: t?.label || t?.children
-        },
-        `aui-table-action-${i}-${t?.id}-${e.id}`
-      )) || null,
-      /* @__PURE__ */ a("td", {}),
-      !!s?.buttons?.length
-    )
-  ] }, e?.id)) });
+  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 {
-  N as TableBody
+  Pt as Tooltip
 };

package/es/index62.mjs

@@ -1,31 +1,31 @@
-import { useRef as u, useEffect as s, useState as i } from "react";
-import { isScrollAtTheEnd as a } from "./index51.mjs";
-function E() {
-  const [l, r] = i(!0), [n, o] = i(!0), t = u(null), c = (e) => {
-    r(e.scrollLeft <= 0), o(a(e));
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { classNames as h } from "./index51.mjs";
+import { titleize as f } from "./index64.mjs";
+import { DEFAULT_LOCALE as u } from "./index58.mjs";
+import { getMonth as c } from "./index67.mjs";
+import { getYear as m } from "./index66.mjs";
+import { format as M } from "./index75.mjs";
+function L({ onChange: d, value: o, activeYear: n, locale: l = u }) {
+  const s = (e) => {
+    const r = !!(o && e === c(o) && n === m(o)), a = h({
+      "is-current": e === c(/* @__PURE__ */ new Date()) && n === m(/* @__PURE__ */ new Date()),
+      "is-selected": r
+    }), i = new Date(n, e);
+    return /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("button", { type: "button", className: a, onClick: () => d(i), children: f(M(i, "MMMM", { locale: l })) }) });
   };
-  return s(() => {
-    const e = t.current;
-    e && c(e);
-  }, [t]), s(() => {
-    function e() {
-      t.current && c(t.current);
-    }
-    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-  }, []), [t, (e) => {
-    const d = e.target;
-    c(d);
-  }, l, n];
-}
-function m(l) {
-  const r = u(null), n = (o) => {
-    r?.current?.contains(o?.target) || l(o?.target);
-  };
-  return s(() => (window.addEventListener("click", n), () => {
-    window.removeEventListener("click", n);
-  })), { elementRef: r };
+  return /* @__PURE__ */ t("div", { className: "m-datepicker__list", children: /* @__PURE__ */ t("table", { children: /* @__PURE__ */ t("tbody", { className: "m-datepicker__list-body", children: (() => {
+    let e = 0;
+    const r = [];
+    for (; e < 12; )
+      r.push(
+        /* @__PURE__ */ p("tr", { children: [
+          s(e),
+          s(e + 1)
+        ] }, `aui-calendar-month-pair-${e}`)
+      ), e += 2;
+    return r;
+  })() }) }) });
 }
 export {
-  E as useHorizontalScroll,
-  m as useOutsideClick
+  L as MonthsView
 };

package/es/index63.mjs

@@ -1,23 +1,38 @@
-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 { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { classNames as l } from "./index51.mjs";
+import { getYear as c } from "./index66.mjs";
+import { format as a } from "./index75.mjs";
+import { getDate as p } from "./index103.mjs";
+function D({ yearsRowsStart: s, value: t, activeMonth: o, onChange: d }) {
+  const i = (e) => {
+    const n = l({
+      "is-current": e === c(/* @__PURE__ */ new Date()),
+      "is-selected": !!(t && e === c(new Date(t)))
+    });
+    return /* @__PURE__ */ r("td", { children: /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: n,
+        onClick: () => d(new Date(e, o, t ? p(t) : 1)),
+        children: a(new Date(e, o), "yyyy")
+      }
+    ) });
+  };
+  return /* @__PURE__ */ r("div", { className: "m-datepicker__list", children: /* @__PURE__ */ r("table", { children: /* @__PURE__ */ r("tbody", { className: "m-datepicker__list-body", children: (() => {
+    let e = 0;
+    const n = [];
+    for (; e < 16; )
+      n.push(
+        /* @__PURE__ */ m("tr", { children: [
+          i(s + e),
+          i(s + e + 1),
+          i(s + e + 2)
+        ] }, `aui-calendar-years-${e}`)
+      ), e += 3;
+    return n;
+  })() }) }) });
 }
 export {
-  o as areFilesValid,
-  a as hasValidFormat,
-  c as hasValidSize,
-  p as iconExists
+  D as YearsView
 };

package/es/index64.mjs

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as d } from "./index92.mjs";
-import { __module as r } from "./index97.mjs";
-import "./index98.mjs";
-import { __exports as f } from "./index99.mjs";
+import { __module as r } from "./index93.mjs";
+import "./index94.mjs";
+import { __exports as f } from "./index95.mjs";
 (function(o, t) {
   Object.defineProperty(t, "__esModule", {
     value: !0