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

package/es/index27.mjs

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as x } from "react/jsx-runtime";
-import { classNames as C } from "./index52.mjs";
+import { classNames as C } from "./index51.mjs";
 import { Icon as m } from "./index24.mjs";
 function v({
   name: i,

package/es/index28.mjs

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { classNames as v } from "./index52.mjs";
+import { classNames as v } from "./index51.mjs";
 import { Avatar as _ } from "./index6.mjs";
 import { Icon as d } from "./index24.mjs";
 function j({ avatar: n, name: m, link: a, active: c, user: t, iconRight: l, id: i, onClick: r, qa: o }) {

package/es/index3.mjs

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
 import _ from "react";
-import { classNames as u } from "./index52.mjs";
+import { classNames as u } from "./index51.mjs";
 function h({ id: a = "", header: r = "", children: n, open: t, onToggle: e, qa: i }) {
   const [c, m] = _.useState(!!t), o = t === !0 || t === !1 ? t : c, d = u({
     "m-accordion__tab": !0

package/es/index30.mjs

@@ -1,66 +1,68 @@
 import { jsxs as r, Fragment as x, jsx as l } from "react/jsx-runtime";
-import A, { cloneElement as S } from "react";
-import F from "./index64.mjs";
-import { SIZE_MAP as I, DEFAULT_SIZE as P } from "./index55.mjs";
-import { classNames as f } from "./index52.mjs";
-import { Button as t } from "./index10.mjs";
-function Z({
-  appRootId: v,
-  ariaCloseLabel: _ = "Sluiten",
-  cancelButton: o,
-  children: u,
+import t, { cloneElement as F } from "react";
+import P from "./index82.mjs";
+import { SIZE_MAP as j, DEFAULT_SIZE as q } from "./index53.mjs";
+import { classNames as _ } from "./index51.mjs";
+import { Button as u } from "./index10.mjs";
+function D({
+  appRootId: p,
+  ariaCloseLabel: b = "Sluiten",
+  cancelButton: s,
+  children: h,
   closeButton: d = !0,
-  confirmButton: s,
-  onAfterOpen: b,
-  onClose: y,
-  open: m,
-  qa: O,
-  shouldCloseOnOverlayClick: k = !0,
-  size: p = "",
+  confirmButton: m,
+  onAfterOpen: E,
+  onClose: O,
+  open: o,
+  qa: k,
+  shouldCloseOnOverlayClick: y = !0,
+  size: C = "",
   title: e = { label: "" },
-  trigger: h
+  trigger: N
 }) {
-  const [E, n] = A.useState(!!m), g = m === !1 || m === !0 ? m : E, M = e?.tag || "h6", i = (a, c) => c && typeof c == "function" ? Promise.resolve(c(a)).then(() => n(!1)) : n(!1), C = (a) => i(a, y), N = typeof document < "u" ? document.getElementById(v) ?? void 0 : void 0;
-  return /* @__PURE__ */ r(x, { children: [
-    h ? S(h, { onClick: () => n(!0) }) : null,
+  const [g, n] = t.useState(!!o), [f, A] = t.useState(void 0), M = o === !1 || o === !0 ? o : g, S = e?.tag || "h6", i = (a, c) => c && typeof c == "function" ? Promise.resolve(c(a)).then(() => n(!1)) : n(!1), v = (a) => i(a, O);
+  return t.useEffect(() => {
+    A(document.getElementById(p) ?? void 0);
+  }, [p]), /* @__PURE__ */ r(x, { children: [
+    N ? F(N, { onClick: () => n(!0) }) : null,
     /* @__PURE__ */ l(
-      F,
+      P,
       {
-        appElement: N,
+        appElement: f,
         bodyOpenClassName: null,
         htmlOpenClassName: null,
-        className: f({ "m-modal": !0, [`m-modal--${I[p || P]}`]: !!p }),
-        isOpen: g,
-        onRequestClose: C,
+        className: _({ "m-modal": !0, [`m-modal--${j[C || q]}`]: !!C }),
+        isOpen: M,
+        onRequestClose: v,
         role: "dialog",
         "aria-modal": "true",
-        overlayClassName: f({
+        overlayClassName: _({
           "m-overlay": !0,
           "is-active": !0
         }),
-        "data-qa": O,
-        ariaHideApp: !!N,
-        onAfterOpen: b,
-        shouldCloseOnOverlayClick: o || s || d ? k : !0,
+        "data-qa": k,
+        ariaHideApp: !!f,
+        onAfterOpen: E,
+        shouldCloseOnOverlayClick: s || m || d ? y : !0,
         children: /* @__PURE__ */ r("div", { className: "m-modal__content", children: [
           (e && e?.label || d) && /* @__PURE__ */ r("div", { className: "m-modal__header u-margin-bottom-xs", children: [
-            e && e?.label && /* @__PURE__ */ l(M, { className: e.className, id: e.id, children: e.label }),
+            e && e?.label && /* @__PURE__ */ l(S, { className: e.className, id: e.id, children: e.label }),
             d && /* @__PURE__ */ l(
-              t,
+              u,
               {
                 className: "m-modal__close",
                 theme: "neutral",
                 addOn: { type: "icon", iconProps: { name: "ai-close" } },
-                ariaLabel: _,
+                ariaLabel: b,
                 emphasis: "low",
-                onClick: C
+                onClick: v
               }
             )
           ] }),
-          u && /* @__PURE__ */ l("div", { className: "u-margin-bottom", children: u }),
-          s || o ? /* @__PURE__ */ r("div", { className: "m-modal__footer", children: [
-            s ? /* @__PURE__ */ l(t, { ...s, onClick: (a) => i(a, s.onClick) }) : null,
-            o ? /* @__PURE__ */ l(t, { ...o, onClick: (a) => i(a, o.onClick) }) : null
+          h && /* @__PURE__ */ l("div", { className: "u-margin-bottom", children: h }),
+          m || s ? /* @__PURE__ */ r("div", { className: "m-modal__footer", children: [
+            m ? /* @__PURE__ */ l(u, { ...m, onClick: (a) => i(a, m.onClick) }) : null,
+            s ? /* @__PURE__ */ l(u, { ...s, onClick: (a) => i(a, s.onClick) }) : null
           ] }) : null
         ] })
       }
@@ -68,5 +70,5 @@ function Z({
   ] });
 }
 export {
-  Z as Modal
+  D as Modal
 };

package/es/index31.mjs

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
-import { classNames as e } from "./index52.mjs";
-import { useHorizontalScroll as S } from "./index60.mjs";
+import { classNames as e } from "./index51.mjs";
+import { useHorizontalScroll as S } from "./index70.mjs";
 function z({
   items: t = [],
   border: n,

package/es/index32.mjs

@@ -1,7 +1,7 @@
 import { jsx as f } from "react/jsx-runtime";
 import F from "react";
-import { classNames as b } from "./index52.mjs";
-import { SIZE_MAP as y, DEFAULT_SIZE as w } from "./index55.mjs";
+import { classNames as b } from "./index51.mjs";
+import { SIZE_MAP as y, DEFAULT_SIZE as w } from "./index53.mjs";
 function B({ qa: I, size: l, pages: i, activePage: s, onPageChange: u }) {
   const [n, c] = F.useState(0), x = (t) => c(t), A = (t) => () => u && u(t), E = (t) => {
     const r = t.key === "ArrowLeft", o = t.key === "ArrowRight";

package/es/index33.mjs

@@ -1,8 +1,8 @@
 import { jsx as i, jsxs as h } from "react/jsx-runtime";
-import { classNames as c } from "./index52.mjs";
+import { classNames as c } from "./index51.mjs";
 import { useState as M, useEffect as k } from "react";
-import { SIZE_MAP as A, DEFAULT_SIZE as I } from "./index55.mjs";
-import { pagesArray as S } from "./index58.mjs";
+import { SIZE_MAP as A, DEFAULT_SIZE as I } from "./index53.mjs";
+import { pagesArray as S } from "./index83.mjs";
 import { Icon as _ } from "./index24.mjs";
 const T = (a, e, s, l) => /* @__PURE__ */ h("li", { className: "m-pagination__label", children: [
   /* @__PURE__ */ h("span", { className: "u-screen-reader-only", children: [

package/es/index34.mjs

@@ -1,5 +1,5 @@
 import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import { classNames as p } from "./index52.mjs";
+import { classNames as p } from "./index51.mjs";
 function _({
   label: r,
   labelId: s = "aui-progress-label",

package/es/index36.mjs

@@ -1,8 +1,8 @@
 import { jsxs as a } from "react/jsx-runtime";
 import { Children as u, cloneElement as f } from "react";
-import { classNames as h } from "./index52.mjs";
-import { renderDescription as g } from "./index56.mjs";
-import { renderRequiredAsterisk as N } from "./index57.mjs";
+import { classNames as h } from "./index51.mjs";
+import { renderDescription as g } from "./index55.mjs";
+import { renderRequiredAsterisk as N } from "./index52.mjs";
 function b({ label: n, name: o, children: m = [], value: r, qa: p, onChange: t, description: i, state: l, required: s = !1 }) {
   const c = (e) => t && t(e.target?.value), d = h({
     "a-input": !0

package/es/index37.mjs

@@ -1,8 +1,8 @@
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import c from "react";
-import { getSteps as F, lineValuesToPosition as I, getPositionValue as R } from "./index58.mjs";
-import { RangeSliderBar as W } from "./index87.mjs";
-import { RangeSliderHandle as L } from "./index88.mjs";
+import { getSteps as F, lineValuesToPosition as I, getPositionValue as R } from "./index83.mjs";
+import { RangeSliderBar as W } from "./index84.mjs";
+import { RangeSliderHandle as L } from "./index85.mjs";
 import { Icon as k } from "./index24.mjs";
 function X({
   label: w,

package/es/index38.mjs

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { classNames as p } from "./index52.mjs";
-import { SIZE_MAP as I, DEFAULT_SIZE as N } from "./index55.mjs";
-import { renderLabel as S, renderDescription as $ } from "./index56.mjs";
+import { classNames as p } from "./index51.mjs";
+import { SIZE_MAP as I, DEFAULT_SIZE as N } from "./index53.mjs";
+import { renderLabel as S, renderDescription as $ } from "./index55.mjs";
 import { Icon as g } from "./index24.mjs";
 function L({
   description: u,

package/es/index39.mjs

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { classNames as e } from "./index52.mjs";
-import { SCREEN_READER_CLASS as m } from "./index51.mjs";
-import { SIZE_MAP as d, DEFAULT_SIZE as _ } from "./index55.mjs";
+import { classNames as e } from "./index51.mjs";
+import { SCREEN_READER_CLASS as m } from "./index59.mjs";
+import { SIZE_MAP as d, DEFAULT_SIZE as _ } from "./index53.mjs";
 function A({ label: n = "Wordt geladen...", showText: a, size: r, vertical: i, ariaHidden: l, qa: t }) {
   const c = e({
     "a-spinner": !0,

package/es/index4.mjs

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { classNames as s } from "./index52.mjs";
-import { THEME_ICON_MAP as h } from "./index55.mjs";
+import { classNames as s } from "./index51.mjs";
+import { THEME_ICON_MAP as h } from "./index53.mjs";
 import { Icon as u } from "./index24.mjs";
 import { Button as m } from "./index10.mjs";
 const x = (l, e) => {

package/es/index40.mjs

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as r, Fragment as h } from "react/jsx-runtime";
-import { classNames as u } from "./index52.mjs";
-import { wrapWithIf as f } from "./index57.mjs";
+import { classNames as u } from "./index51.mjs";
+import { wrapWithIf as f } from "./index52.mjs";
 function _({
   steps: s = [],
   onStepClick: c,

package/es/index41.mjs

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as a, Fragment as n } from "react/jsx-runtime";
 import { useState as p } from "react";
-import { labelWrapper as x } from "./index57.mjs";
+import { labelWrapper as x } from "./index52.mjs";
 function C({
   ariaLabel: o,
   checked: e,

package/es/index42.mjs

@@ -1,8 +1,8 @@
 import { jsx as a, jsxs as q } from "react/jsx-runtime";
-import { classNames as m } from "./index52.mjs";
-import { TableHeader as y } from "./index85.mjs";
-import { TableBody as z } from "./index86.mjs";
-import { useHorizontalScroll as B } from "./index60.mjs";
+import { classNames as m } from "./index51.mjs";
+import { TableHeader as y } from "./index87.mjs";
+import { TableBody as z } from "./index88.mjs";
+import { useHorizontalScroll as B } from "./index70.mjs";
 function A({
   id: r = "aui-table",
   caption: e,

package/es/index43.mjs

@@ -1,6 +1,6 @@
 import { jsxs as P, Fragment as g, jsx as s } from "react/jsx-runtime";
 import j, { createElement as k } from "react";
-import { classNames as x } from "./index52.mjs";
+import { classNames as x } from "./index51.mjs";
 import { Icon as m } from "./index24.mjs";
 function q({
   label: d,

package/es/index44.mjs

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { Children as m } from "react";
-import { classNames as o } from "./index52.mjs";
-import { wrapWithIf as e } from "./index57.mjs";
+import { classNames as o } from "./index51.mjs";
+import { wrapWithIf as e } from "./index52.mjs";
 function f({ children: r = [], qa: a }) {
   const s = o({
     "o-tag-list": !0

package/es/index45.mjs

@@ -1,8 +1,8 @@
 import { jsxs as I, jsx as l } from "react/jsx-runtime";
-import { classNames as m } from "./index52.mjs";
-import { State as Z, SIZE_MAP as F, DEFAULT_SIZE as M } from "./index55.mjs";
+import { classNames as m } from "./index51.mjs";
+import { State as Z, SIZE_MAP as F, DEFAULT_SIZE as M } from "./index53.mjs";
 import { useState as O } from "react";
-import { renderLabel as P, renderDescription as U, renderCharacterCounter as k } from "./index56.mjs";
+import { renderLabel as P, renderDescription as U, renderCharacterCounter as k } from "./index55.mjs";
 function J({
   charCounter: n,
   charCountText: o,

package/es/index46.mjs

@@ -1,7 +1,7 @@
 import { jsxs as x, jsx as r } from "react/jsx-runtime";
-import { classNames as N } from "./index52.mjs";
-import { SIZE_MAP as K, DEFAULT_SIZE as Q } from "./index55.mjs";
-import { renderLabel as V, renderDescription as W, renderCharacterCounter as X } from "./index56.mjs";
+import { classNames as N } from "./index51.mjs";
+import { SIZE_MAP as K, DEFAULT_SIZE as Q } from "./index53.mjs";
+import { renderLabel as V, renderDescription as W, renderCharacterCounter as X } from "./index55.mjs";
 import { forwardRef as Y, useState as d } from "react";
 /* empty css         */
 import { Spinner as O } from "./index39.mjs";

package/es/index47.mjs

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { SIZE_MAP as _, DEFAULT_SIZE as d } from "./index55.mjs";
-import { classNames as f } from "./index52.mjs";
+import { SIZE_MAP as _, DEFAULT_SIZE as d } from "./index53.mjs";
+import { classNames as f } from "./index51.mjs";
 import { Icon as N } from "./index24.mjs";
 function v({
   checked: r = !1,

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 "./index61.mjs";
+import { Tooltip as s } from "./index79.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 "./index52.mjs";
-import { areFilesValid as u } from "./index53.mjs";
+import { classNames as U } from "./index51.mjs";
+import { areFilesValid as u } from "./index78.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 "./index53.mjs";
+import { hasValidFormat as p, hasValidSize as h } from "./index78.mjs";
 import { Icon as u } from "./index24.mjs";
 import { Button as _ } from "./index10.mjs";
 function z({

package/es/index51.mjs

@@ -1,13 +1,10 @@
-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;
+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 {
-  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
+  c as classNames,
+  n as isScrollAtTheEnd
 };

package/es/index52.mjs

@@ -1,10 +1,51 @@
-function c(l) {
-  return Object.keys(l).filter((i) => !!l[i]).join(" ");
+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 n(l) {
-  return l.clientWidth >= l.scrollWidth || l.clientWidth + l.scrollLeft >= l.scrollWidth;
+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 {
-  c as classNames,
-  n as isScrollAtTheEnd
+  S as labelWrapper,
+  w as renderAddOn,
+  D as renderHTMLLink,
+  g as renderRequiredAsterisk,
+  x as wrapWithIf
 };

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/index55.mjs

@@ -1,30 +1,49 @@
-var a = /* @__PURE__ */ ((r) => (r.HIGH = "high", r.MEDIUM = "medium", r.LOW = "low", r))(a || {});
-const t = "high", e = {
-  medium: "outlined",
-  low: "transparent"
+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;
 };
-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
+  A as renderCharacterCounter,
+  O as renderDescription,
+  b as renderLabel
 };

package/es/index57.mjs

@@ -1,51 +1,4 @@
-import { jsx as n, jsxs as o } from "react/jsx-runtime";
-import { cloneElement as f } from "react";
-import { Size as l } from "./index55.mjs";
-import { Spinner as c } from "./index39.mjs";
-import { Avatar as s } from "./index6.mjs";
-import { Icon as i } from "./index24.mjs";
-function x(e, r, t) {
-  return t ? f(r, { children: e }) : e;
-}
-function D(e, r, t) {
-  return !e?.href && !e?.onClick ? e?.label || "" : e?.href ? /* @__PURE__ */ o("a", { href: e.href, target: e.target || "_self", ...t, children: [
-    e.label || "",
-    r ? /* @__PURE__ */ n(i, { name: r }) : null
-  ] }) : /* @__PURE__ */ o(
-    "a",
-    {
-      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: "*" });
-}
+var r = /* @__PURE__ */ ((S) => (S.DAYS = "d", S.MONTHS = "m", S.YEARS = "y", S))(r || {});
 export {
-  S as labelWrapper,
-  w as renderAddOn,
-  D as renderHTMLLink,
-  g as renderRequiredAsterisk,
-  x as wrapWithIf
+  r as CalendarView
 };