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

package/es/index53.mjs

@@ -1,23 +1,30 @@
-import { ICONS_SVG_HTML_ID as s } from "./index51.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;
-}
+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 {
-  o as areFilesValid,
-  a as hasValidFormat,
-  c as hasValidSize,
-  p as iconExists
+  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/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,30 +1,10 @@
-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 || {});
+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 {
-  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
+  c as classNames,
+  n as isScrollAtTheEnd
 };

package/es/index56.mjs

@@ -1,49 +1,30 @@
-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;
+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 {
-  A as renderCharacterCounter,
-  O as renderDescription,
-  b as renderLabel
+  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/index57.mjs

@@ -1,51 +1,10 @@
-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 o(r) {
+  console.warn(`[AUI] Warning - ${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: "*" });
+function n(r) {
+  console.error(`[AUI] Error - ${r}.`);
 }
 export {
-  S as labelWrapper,
-  w as renderAddOn,
-  D as renderHTMLLink,
-  g as renderRequiredAsterisk,
-  x as wrapWithIf
+  n as logError,
+  o as logWarning
 };

package/es/index58.mjs

@@ -1,32 +1,13 @@
-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];
-};
+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 {
-  l as getPosition,
-  V as getPositionValue,
-  y as getSteps,
-  M as getValueFromPosition,
-  p as lineValuesToPosition,
-  d as pagesArray
+  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,19 +1,23 @@
-import { getDefaultExportFromCjs as d } from "./index90.mjs";
-import { __module as r } from "./index91.mjs";
-import "./index92.mjs";
-import { __exports as f } from "./index93.mjs";
-(function(o, t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  });
-  var a = f, l = u(a);
-  function u(e) {
-    return e && e.__esModule ? e : { default: e };
-  }
-  t.default = l.default, o.exports = t.default;
-})(r, r.exports);
-var i = r.exports;
-const n = /* @__PURE__ */ d(i);
+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 {
-  n as default
+  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 "./index52.mjs";
-import { DEFAULT_AVATAR_ICON as p } from "./index51.mjs";
-import { SIZE_MAP as d, DEFAULT_SIZE as f } from "./index55.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 { useRef as u, useEffect as s, useState as i } from "react";
-import { isScrollAtTheEnd as a } from "./index52.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 };
-}
+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 {
-  E as useHorizontalScroll,
-  m as useOutsideClick
+  l as getPosition,
+  V as getPositionValue,
+  y as getSteps,
+  M as getValueFromPosition,
+  p as lineValuesToPosition,
+  d as pagesArray
 };