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

package/es/index57.mjs

@@ -1,4 +1,10 @@
-var r = /* @__PURE__ */ ((S) => (S.DAYS = "d", S.MONTHS = "m", S.YEARS = "y", S))(r || {});
+function o(r) {
+  console.warn(`[AUI] Warning - ${r}.`);
+}
+function n(r) {
+  console.error(`[AUI] Error - ${r}.`);
+}
 export {
-  r as CalendarView
+  n as logError,
+  o as logWarning
 };

package/es/index58.mjs

@@ -1,76 +1,13 @@
-import { jsx as r, jsxs as M } from "react/jsx-runtime";
-import { DayButton as b } from "./index95.mjs";
-import { titleize as l } from "./index62.mjs";
-import { useState as B } from "react";
-import { isBetween as N } from "./index63.mjs";
-import { eachDayOfInterval as $ } from "./index96.mjs";
-import { endOfWeek as u } from "./index97.mjs";
-import { startOfWeek as d } from "./index98.mjs";
-import { format as k } from "./index74.mjs";
-import { startOfMonth as j } from "./index99.mjs";
-import { endOfMonth as V } from "./index100.mjs";
-import { isValid as s } from "./index72.mjs";
-import { isAfter as E } from "./index94.mjs";
-import { addWeeks as z } from "./index101.mjs";
-import { addDays as A } from "./index102.mjs";
-function Z({
-  value: w,
-  onChange: y,
-  activeMonth: m,
-  activeYear: a,
-  ariaLabelCurrentDay: D,
-  locale: n,
-  unavailableFrom: O,
-  unavailableTo: S,
-  highlight: _,
-  unavailable: g,
-  hoverStart: f
-}) {
-  const [c, p] = B(null), W = (t) => {
-    const o = [];
-    let e = d(t, { locale: n });
-    const i = u(t, { locale: n });
-    for (; s(e) && !E(e, i); ) {
-      let h = !1;
-      const I = new Date(a, m);
-      f && c && (h = N(e, f, c.toISOString())), o.push(
-        /* @__PURE__ */ r(
-          b,
-          {
-            ariaLabelCurrentDay: D,
-            unavailableFrom: O,
-            unavailableTo: S,
-            unavailable: g,
-            date: e,
-            hoverStyle: h,
-            highlight: _,
-            value: w,
-            monthYear: I,
-            onChange: y,
-            onMouseEnter: p,
-            onMouseLeave: () => p(null)
-          },
-          `day_${s(e) ? e.toISOString() : "invalid"}`
-        )
-      ), e = A(e, 1);
-    }
-    return /* @__PURE__ */ r("tr", { children: o }, `aui-calendar-week-${e.toISOString()}`);
-  }, v = () => {
-    const t = [], o = new Date(a, m);
-    let e = d(j(o), { locale: n });
-    const i = V(o);
-    for (; s(e) && !E(e, i); )
-      t.push(W(e)), e = z(e, 1);
-    return t;
-  }, x = $({
-    start: d(/* @__PURE__ */ new Date(), { locale: n }),
-    end: u(/* @__PURE__ */ new Date(), { locale: n })
-  });
-  return /* @__PURE__ */ r("div", { className: "m-datepicker__grid", children: /* @__PURE__ */ M("table", { children: [
-    /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { className: "m-datepicker__grid-head", children: x.map((t) => /* @__PURE__ */ r("th", { scope: "col", children: /* @__PURE__ */ r("span", { title: l(k(t, "EEEE", { locale: n })), children: l(k(t, "EEEEEE", { locale: n })) }) }, `aui-calendar-weekday-${t}`)) }) }),
-    /* @__PURE__ */ r("tbody", { className: "m-datepicker__grid-body", children: v() })
-  ] }) });
-}
+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 {
-  Z as DaysView
+  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/index59.mjs

@@ -1,13 +1,23 @@
-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;
+import { ICONS_SVG_HTML_ID as s } from "./index58.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;
+}
 export {
-  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
+  o as areFilesValid,
+  a as hasValidFormat,
+  c as hasValidSize,
+  p as iconExists
 };

package/es/index6.mjs

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-import { classNames as A } from "./index51.mjs";
-import { DEFAULT_AVATAR_ICON as p } from "./index59.mjs";
-import { SIZE_MAP as d, DEFAULT_SIZE as f } from "./index53.mjs";
+import { classNames as A } from "./index55.mjs";
+import { DEFAULT_AVATAR_ICON as p } from "./index58.mjs";
+import { SIZE_MAP as d, DEFAULT_SIZE as f } from "./index56.mjs";
 import { Icon as u } from "./index24.mjs";
 const _ = (a) => /* @__PURE__ */ t("span", { className: "a-avatar__letter", children: a }), E = (a, r) => /* @__PURE__ */ t("img", { src: `${a}`, alt: `${r}` }), I = (a, r) => /* @__PURE__ */ t("span", { className: "a-avatar__icon", "aria-label": r, role: "img", children: /* @__PURE__ */ t(u, { name: a }) });
 function g({

package/es/index60.mjs

@@ -1,31 +1,32 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { classNames as h } from "./index51.mjs";
-import { titleize as f } from "./index62.mjs";
-import { DEFAULT_LOCALE as u } from "./index59.mjs";
-import { getMonth as c } from "./index65.mjs";
-import { getYear as m } from "./index64.mjs";
-import { format as M } from "./index74.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 /* @__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;
-  })() }) }) });
-}
+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 {
-  L as MonthsView
+  l as getPosition,
+  V as getPositionValue,
+  y as getSteps,
+  M as getValueFromPosition,
+  p as lineValuesToPosition,
+  d as pagesArray
 };

package/es/index61.mjs

@@ -1,38 +1,16 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { classNames as l } from "./index51.mjs";
-import { getYear as c } from "./index64.mjs";
-import { format as a } from "./index74.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")
+import { jsx as f } from "react/jsx-runtime";
+function a({ start: p, end: x, range: d, min: e, getPositionFromValue: r }) {
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: "a-range-slider__bar",
+      style: {
+        left: d ? r(p) + "px" : "",
+        width: d && x ? r(x + e - p) + "px" : r(p) + "px"
       }
-    ) });
-  };
-  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 {
-  D as YearsView
+  a as RangeSliderBar
 };

package/es/index62.mjs

@@ -1,6 +1,61 @@
-function t(e) {
-  return e.charAt(0).toUpperCase() + e.slice(1);
+import { jsx as L } from "react/jsx-runtime";
+import { getPositionValue as R } from "./index60.mjs";
+import i from "react";
+function x({
+  value: a,
+  min: n,
+  max: r,
+  sliderMin: d,
+  sliderMax: p,
+  step: l,
+  direction: f,
+  sliderPos: s,
+  onUpdate: o,
+  getPositionFromValue: h,
+  ariaLabel: y
+}) {
+  const [w, D] = i.useState(0), E = i.useRef(null);
+  i.useEffect(() => {
+    s && D(s);
+  }, [f, s]);
+  const m = (e) => {
+    e.stopPropagation(), e.preventDefault();
+  }, g = () => {
+    document.addEventListener("mousemove", u), document.addEventListener("mouseup", c);
+  }, u = (e) => {
+    e.type === "mousemove" ? m(e) : e.stopPropagation();
+    const t = v(e);
+    return o && o(t);
+  }, c = (e) => {
+    document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", c);
+    const t = v(e);
+    return o && o(t);
+  }, v = (e) => R(e, w, l, n, r, d, p, f), k = (e) => {
+    let t = a;
+    e.key === "ArrowUp" || e.key === "ArrowRight" ? (e.preventDefault(), t += l) : e.key === "ArrowDown" || e.key === "ArrowLeft" ? (e.preventDefault(), t -= l) : e.key === "End" ? (e.preventDefault(), t = r) : e.key === "Home" && (e.preventDefault(), t = n), t >= n && t <= r && o(t);
+  };
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      className: "a-range-slider__handle",
+      tabIndex: 0,
+      style: {
+        left: h(a) + "px"
+      },
+      onMouseDown: g,
+      onTouchEnd: m,
+      onTouchMove: u,
+      onKeyDown: k,
+      role: "slider",
+      "aria-orientation": "horizontal",
+      "aria-valuemax": r,
+      "aria-valuemin": n,
+      "aria-valuenow": a,
+      "aria-label": y,
+      ref: E
+    }
+  );
 }
 export {
-  t as titleize
+  x as RangeSliderHandle
 };

package/es/index63.mjs

@@ -1,37 +1,49 @@
-import "./index90.mjs";
-import { tz as f } from "./index91.mjs";
-import { TIMEZONE as m } from "./index59.mjs";
-import { format as s } from "./index74.mjs";
-import { isBefore as a } from "./index92.mjs";
-import { isSameDay as o } from "./index93.mjs";
-import { isAfter as u } from "./index94.mjs";
-function S(t, e, r, n) {
-  return r && (a(t, new Date(r)) || o(t, new Date(r))) || e && (u(t, new Date(e)) || o(t, new Date(e))) || !!n?.find((i) => o(t, new Date(i)));
-}
-function h(t, e, r) {
-  return u(t, new Date(e)) && a(t, new Date(r));
-}
-function O(t, e) {
-  try {
-    return s(new Date(t), e);
-  } catch {
-    return t;
-  }
-}
-function g(t, e, r, n = "") {
-  try {
-    return s(t, e, { locale: r });
-  } catch {
-    return n;
-  }
-}
-function y(t, e, r) {
-  return f(m)(new Date(Date.UTC(t, e, r, 0, 0, 0))).toISOString();
-}
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { State as i, THEME_ICON_MAP as a, Theme as p } from "./index56.mjs";
+import { classNames as d } from "./index55.mjs";
+import { renderRequiredAsterisk as f } from "./index54.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 formatIfValid,
-  g as formatWithFallback,
-  h as isBetween,
-  S as isInRange,
-  y as toUtcMidnightInBrussels
+  A as renderCharacterCounter,
+  O as renderDescription,
+  b as renderLabel
 };

package/es/index64.mjs

@@ -1,7 +1,61 @@
-import { toDate as r } from "./index105.mjs";
-function n(t, e) {
-  return r(t, e?.in).getFullYear();
+import { jsx as L } from "react/jsx-runtime";
+import { getPositionValue as R } from "./index62.mjs";
+import i from "react";
+function x({
+  value: a,
+  min: n,
+  max: r,
+  sliderMin: d,
+  sliderMax: p,
+  step: l,
+  direction: f,
+  sliderPos: s,
+  onUpdate: o,
+  getPositionFromValue: h,
+  ariaLabel: y
+}) {
+  const [w, D] = i.useState(0), E = i.useRef(null);
+  i.useEffect(() => {
+    s && D(s);
+  }, [f, s]);
+  const m = (e) => {
+    e.stopPropagation(), e.preventDefault();
+  }, g = () => {
+    document.addEventListener("mousemove", u), document.addEventListener("mouseup", c);
+  }, u = (e) => {
+    e.type === "mousemove" ? m(e) : e.stopPropagation();
+    const t = v(e);
+    return o && o(t);
+  }, c = (e) => {
+    document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", c);
+    const t = v(e);
+    return o && o(t);
+  }, v = (e) => R(e, w, l, n, r, d, p, f), k = (e) => {
+    let t = a;
+    e.key === "ArrowUp" || e.key === "ArrowRight" ? (e.preventDefault(), t += l) : e.key === "ArrowDown" || e.key === "ArrowLeft" ? (e.preventDefault(), t -= l) : e.key === "End" ? (e.preventDefault(), t = r) : e.key === "Home" && (e.preventDefault(), t = n), t >= n && t <= r && o(t);
+  };
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      className: "a-range-slider__handle",
+      tabIndex: 0,
+      style: {
+        left: h(a) + "px"
+      },
+      onMouseDown: g,
+      onTouchEnd: m,
+      onTouchMove: u,
+      onKeyDown: k,
+      role: "slider",
+      "aria-orientation": "horizontal",
+      "aria-valuemax": r,
+      "aria-valuemin": n,
+      "aria-valuenow": a,
+      "aria-label": y,
+      ref: E
+    }
+  );
 }
 export {
-  n as getYear
+  x as RangeSliderHandle
 };

package/es/index65.mjs

@@ -1,7 +1,64 @@
-import { toDate as n } from "./index105.mjs";
-function r(t, o) {
-  return n(t, o?.in).getMonth();
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import { SORT_ASCENDING as u, SORT_DESCENDING as d } from "./index58.mjs";
+import { classNames as m } from "./index55.mjs";
+import { wrapWithIf as C } from "./index54.mjs";
+import { Checkbox as S } from "./index14.mjs";
+function w({
+  columns: c,
+  selectable: p,
+  selected: a = [],
+  rows: _ = [],
+  onSelectAll: g,
+  sort: s,
+  small: f,
+  sortDirection: n,
+  tableId: r,
+  onSortClick: o,
+  actions: i
+}) {
+  const b = a.length && a.sort().join(",") === _.map((e) => e.id).sort().join(",");
+  return /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ v("tr", { children: [
+    p ? /* @__PURE__ */ t("th", { children: /* @__PURE__ */ t(
+      S,
+      {
+        name: `aui-table-checkbox-${r}-all`,
+        id: `aui-table-checkbox-${r}-all`,
+        checked: !!b,
+        indeterminate: !!a.length && !b,
+        onChange: g,
+        label: "selecteren",
+        showLabel: !1
+      }
+    ) }) : null,
+    c.map((e) => {
+      const x = m({
+        "u-text-right": !!e.alignRight,
+        "is-collapsed": !!e.sortable,
+        "is-condensed": !!f
+      }), l = s === e?.value && n === u, h = s === e?.value && n === d, N = m({
+        "a-table__sort-button": !0,
+        "a-table__sort-button--unsorted": s !== e?.value,
+        "a-table__sort-button--sorted-asc": l,
+        "a-table__sort-button--sorted-desc": h
+      });
+      return /* @__PURE__ */ t(
+        "th",
+        {
+          className: x,
+          ...e.sortable && (l || h) && { "aria-sort": l ? u : d },
+          ...e.sortable && { "aria-live": "polite" },
+          children: C(
+            e?.label,
+            /* @__PURE__ */ t("button", { onClick: (j) => o && o(e.value), className: N }),
+            !!e?.sortable
+          )
+        },
+        e?.value
+      );
+    }),
+    i?.buttons?.length ? /* @__PURE__ */ t("th", { children: i?.label }) : null
+  ] }) });
 }
 export {
-  r as getMonth
+  w as TableHeader
 };

package/es/index66.mjs

@@ -1,7 +1,62 @@
-import { addYears as t } from "./index67.mjs";
-function n(r, a, o) {
-  return t(r, -1, o);
+import { jsx as a, jsxs as b } from "react/jsx-runtime";
+import { classNames as o } from "./index55.mjs";
+import { wrapWithIf as f } from "./index54.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));
+  };
+  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)) });
 }
 export {
-  n as subYears
+  N as TableBody
 };

package/es/index67.mjs

@@ -1,7 +1,31 @@
-import { addMonths as d } from "./index69.mjs";
-function a(r, o, t) {
-  return d(r, o * 12, t);
+import { useRef as u, useEffect as s, useState as i } from "react";
+import { isScrollAtTheEnd as a } from "./index55.mjs";
+function E() {
+  const [l, r] = i(!0), [n, o] = i(!0), t = u(null), c = (e) => {
+    r(e.scrollLeft <= 0), o(a(e));
+  };
+  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 };
 }
 export {
-  a as addYears
+  E as useHorizontalScroll,
+  m as useOutsideClick
 };