@a-ui/react 7.13.0-beta.0 → 7.13.0-beta.1

package/index228.mjs

@@ -0,0 +1,109 @@
+import { buildMatchFn as a } from "./index231.mjs";
+import { buildMatchPatternFn as i } from "./index232.mjs";
+const e = /^(\d+)e?/i, r = /\d+/i, n = {
+  narrow: /^([vn]\.? ?C\.?)/,
+  abbreviated: /^([vn]\. ?Chr\.?)/,
+  wide: /^((voor|na) Christus)/
+}, d = {
+  any: [/^v/, /^n/]
+}, s = {
+  narrow: /^[1234]/i,
+  abbreviated: /^K[1234]/i,
+  wide: /^[1234]e kwartaal/i
+}, o = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, m = {
+  narrow: /^[jfmasond]/i,
+  abbreviated: /^(jan.|feb.|mrt.|apr.|mei|jun.|jul.|aug.|sep.|okt.|nov.|dec.)/i,
+  wide: /^(januari|februari|maart|april|mei|juni|juli|augustus|september|oktober|november|december)/i
+}, h = {
+  narrow: [
+    /^j/i,
+    /^f/i,
+    /^m/i,
+    /^a/i,
+    /^m/i,
+    /^j/i,
+    /^j/i,
+    /^a/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ],
+  any: [
+    /^jan/i,
+    /^feb/i,
+    /^m(r|a)/i,
+    /^apr/i,
+    /^mei/i,
+    /^jun/i,
+    /^jul/i,
+    /^aug/i,
+    /^sep/i,
+    /^okt/i,
+    /^nov/i,
+    /^dec/i
+  ]
+}, c = {
+  narrow: /^[zmdwv]/i,
+  short: /^(zo|ma|di|wo|do|vr|za)/i,
+  abbreviated: /^(zon|maa|din|woe|don|vri|zat)/i,
+  wide: /^(zondag|maandag|dinsdag|woensdag|donderdag|vrijdag|zaterdag)/i
+}, u = {
+  narrow: [/^z/i, /^m/i, /^d/i, /^w/i, /^d/i, /^v/i, /^z/i],
+  any: [/^zo/i, /^ma/i, /^di/i, /^wo/i, /^do/i, /^vr/i, /^za/i]
+}, P = {
+  any: /^(am|pm|middernacht|het middaguur|'s (ochtends|middags|avonds|nachts))/i
+}, l = {
+  any: {
+    am: /^am/i,
+    pm: /^pm/i,
+    midnight: /^middernacht/i,
+    noon: /^het middaguur/i,
+    morning: /ochtend/i,
+    afternoon: /middag/i,
+    evening: /avond/i,
+    night: /nacht/i
+  }
+}, v = {
+  ordinalNumber: i({
+    matchPattern: e,
+    parsePattern: r,
+    valueCallback: (t) => parseInt(t, 10)
+  }),
+  era: a({
+    matchPatterns: n,
+    defaultMatchWidth: "wide",
+    parsePatterns: d,
+    defaultParseWidth: "any"
+  }),
+  quarter: a({
+    matchPatterns: s,
+    defaultMatchWidth: "wide",
+    parsePatterns: o,
+    defaultParseWidth: "any",
+    valueCallback: (t) => t + 1
+  }),
+  month: a({
+    matchPatterns: m,
+    defaultMatchWidth: "wide",
+    parsePatterns: h,
+    defaultParseWidth: "any"
+  }),
+  day: a({
+    matchPatterns: c,
+    defaultMatchWidth: "wide",
+    parsePatterns: u,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: a({
+    matchPatterns: P,
+    defaultMatchWidth: "any",
+    parsePatterns: l,
+    defaultParseWidth: "any"
+  })
+};
+export {
+  v as match
+};

package/index229.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(t){return(o={})=>{const n=o.width?String(o.width):t.defaultWidth;return t.formats[n]||t.formats[t.defaultWidth]}}exports.buildFormatLongFn=r;

package/index229.mjs

@@ -0,0 +1,9 @@
+function r(t) {
+  return (d = {}) => {
+    const n = d.width ? String(d.width) : t.defaultWidth;
+    return t.formats[n] || t.formats[t.defaultWidth];
+  };
+}
+export {
+  r as buildFormatLongFn
+};

package/index23.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),d=require("./index20.js"),s=require("./index10.js");function u({logoHref:r="/",logoAlt:n="Naar de startpagina",menuItems:o=[],logoSrc:l="https://cdn.antwerpen.be/core_branding_scss/7.2.0/assets/images/a-logo.svg",skipToMainLabel:i="Ga naar inhoud",qa:c}){return a.jsx("header",{className:"o-header","data-qa":c,children:a.jsxs("div",{className:"o-header__content-wrapper",children:[a.jsxs("div",{className:"o-header__content",children:[a.jsx("a",{href:"#main",className:"a-button a-button--text a-button--neutral o-header__button-skip",children:i}),a.jsx("a",{href:r,className:"o-header__logo",children:a.jsx("img",{src:l,alt:n})})]}),a.jsx("div",{className:"o-header__menu-items",children:(o||[]).map(e=>e.flyout?a.jsx(d.Flyout,{...e.flyout,trigger:t.createElement(s.Button,{...e,key:e.id,emphasis:"low",theme:"neutral",className:"o-header__button"},e.label)},e.id):t.createElement(s.Button,{...e,key:e.id,emphasis:"low",theme:"neutral",className:"o-header__button"},e.label))})]})})}exports.Header=u;

package/index23.mjs

@@ -0,0 +1,32 @@
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import { createElement as r } from "react";
+import { Flyout as c } from "./index20.mjs";
+import { Button as o } from "./index10.mjs";
+function b({
+  logoHref: s = "/",
+  logoAlt: n = "Naar de startpagina",
+  menuItems: l = [],
+  logoSrc: i = "https://cdn.antwerpen.be/core_branding_scss/7.2.0/assets/images/a-logo.svg",
+  skipToMainLabel: d = "Ga naar inhoud",
+  qa: h
+}) {
+  return /* @__PURE__ */ a("header", { className: "o-header", "data-qa": h, children: /* @__PURE__ */ t("div", { className: "o-header__content-wrapper", children: [
+    /* @__PURE__ */ t("div", { className: "o-header__content", children: [
+      /* @__PURE__ */ a("a", { href: "#main", className: "a-button a-button--text a-button--neutral o-header__button-skip", children: d }),
+      /* @__PURE__ */ a("a", { href: s, className: "o-header__logo", children: /* @__PURE__ */ a("img", { src: i, alt: n }) })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "o-header__menu-items", children: (l || []).map(
+      (e) => e.flyout ? /* @__PURE__ */ a(
+        c,
+        {
+          ...e.flyout,
+          trigger: /* @__PURE__ */ r(o, { ...e, key: e.id, emphasis: "low", theme: "neutral", className: "o-header__button" }, e.label)
+        },
+        e.id
+      ) : /* @__PURE__ */ r(o, { ...e, key: e.id, emphasis: "low", theme: "neutral", className: "o-header__button" }, e.label)
+    ) })
+  ] }) });
+}
+export {
+  b as Header
+};

package/index230.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function c(t){return(d,e)=>{const u=e?.context?String(e.context):"standalone";let l;if(u==="formatting"&&t.formattingValues){const i=t.defaultFormattingWidth||t.defaultWidth,n=e?.width?String(e.width):i;l=t.formattingValues[n]||t.formattingValues[i]}else{const i=t.defaultWidth,n=e?.width?String(e.width):t.defaultWidth;l=t.values[n]||t.values[i]}const a=t.argumentCallback?t.argumentCallback(d):d;return l[a]}}exports.buildLocalizeFn=c;

package/index230.mjs

@@ -0,0 +1,18 @@
+function c(t) {
+  return (l, e) => {
+    const u = e?.context ? String(e.context) : "standalone";
+    let d;
+    if (u === "formatting" && t.formattingValues) {
+      const n = t.defaultFormattingWidth || t.defaultWidth, i = e?.width ? String(e.width) : n;
+      d = t.formattingValues[i] || t.formattingValues[n];
+    } else {
+      const n = t.defaultWidth, i = e?.width ? String(e.width) : t.defaultWidth;
+      d = t.values[i] || t.values[n];
+    }
+    const a = t.argumentCallback ? t.argumentCallback(l) : l;
+    return d[a];
+  };
+}
+export {
+  c as buildLocalizeFn
+};

package/index231.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function f(t){return(n,e={})=>{const l=e.width,h=l&&t.matchPatterns[l]||t.matchPatterns[t.defaultMatchWidth],i=n.match(h);if(!i)return null;const r=i[0],c=l&&t.parsePatterns[l]||t.parsePatterns[t.defaultParseWidth],d=Array.isArray(c)?y(c,u=>u.test(r)):o(c,u=>u.test(r));let a;a=t.valueCallback?t.valueCallback(d):d,a=e.valueCallback?e.valueCallback(a):a;const s=n.slice(r.length);return{value:a,rest:s}}}function o(t,n){for(const e in t)if(Object.prototype.hasOwnProperty.call(t,e)&&n(t[e]))return e}function y(t,n){for(let e=0;e<t.length;e++)if(n(t[e]))return e}exports.buildMatchFn=f;

package/index231.mjs

@@ -0,0 +1,31 @@
+function P(t) {
+  return (n, e = {}) => {
+    const l = e.width, h = l && t.matchPatterns[l] || t.matchPatterns[t.defaultMatchWidth], i = n.match(h);
+    if (!i)
+      return null;
+    const r = i[0], c = l && t.parsePatterns[l] || t.parsePatterns[t.defaultParseWidth], d = Array.isArray(c) ? o(c, (u) => u.test(r)) : (
+      // [TODO] -- I challenge you to fix the type
+      s(c, (u) => u.test(r))
+    );
+    let a;
+    a = t.valueCallback ? t.valueCallback(d) : d, a = e.valueCallback ? (
+      // [TODO] -- I challenge you to fix the type
+      e.valueCallback(a)
+    ) : a;
+    const f = n.slice(r.length);
+    return { value: a, rest: f };
+  };
+}
+function s(t, n) {
+  for (const e in t)
+    if (Object.prototype.hasOwnProperty.call(t, e) && n(t[e]))
+      return e;
+}
+function o(t, n) {
+  for (let e = 0; e < t.length; e++)
+    if (n(t[e]))
+      return e;
+}
+export {
+  P as buildMatchFn
+};

package/index232.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function b(t){return(l,c={})=>{const n=l.match(t.matchPattern);if(!n)return null;const u=n[0],a=l.match(t.parsePattern);if(!a)return null;let e=t.valueCallback?t.valueCallback(a[0]):a[0];e=c.valueCallback?c.valueCallback(e):e;const r=l.slice(u.length);return{value:e,rest:r}}}exports.buildMatchPatternFn=b;

package/index232.mjs

@@ -0,0 +1,15 @@
+function h(t) {
+  return (e, c = {}) => {
+    const n = e.match(t.matchPattern);
+    if (!n) return null;
+    const u = n[0], a = e.match(t.parsePattern);
+    if (!a) return null;
+    let l = t.valueCallback ? t.valueCallback(a[0]) : a[0];
+    l = c.valueCallback ? c.valueCallback(l) : l;
+    const r = e.slice(u.length);
+    return { value: l, rest: r };
+  };
+}
+export {
+  h as buildMatchPatternFn
+};

package/index233.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index234.js"),s=require("./index129.js");class o extends s.TZDateMini{static tz(t,...e){return e.length?new o(...e,t):new o(Date.now(),t)}toISOString(){const[t,e,n]=this.tzComponents(),i=`${t}${e}:${n}`;return this.internal.toISOString().slice(0,-1)+i}toString(){return`${this.toDateString()} ${this.toTimeString()}`}toDateString(){const[t,e,n,i]=this.internal.toUTCString().split(" ");return`${t?.slice(0,-1)} ${n} ${e} ${i}`}toTimeString(){const t=this.internal.toUTCString().split(" ")[4],[e,n,i]=this.tzComponents();return`${t} GMT${e}${n}${i} (${r.tzName(this.timeZone,this)})`}toLocaleString(t,e){return Date.prototype.toLocaleString.call(this,t,{...e,timeZone:e?.timeZone||this.timeZone})}toLocaleDateString(t,e){return Date.prototype.toLocaleDateString.call(this,t,{...e,timeZone:e?.timeZone||this.timeZone})}toLocaleTimeString(t,e){return Date.prototype.toLocaleTimeString.call(this,t,{...e,timeZone:e?.timeZone||this.timeZone})}tzComponents(){const t=this.getTimezoneOffset(),e=t>0?"-":"+",n=String(Math.floor(Math.abs(t)/60)).padStart(2,"0"),i=String(Math.abs(t)%60).padStart(2,"0");return[e,n,i]}withTimeZone(t){return new o(+this,t)}[Symbol.for("constructDateFrom")](t){return new o(+new Date(t),this.timeZone)}}exports.TZDate=o;

package/index233.mjs

@@ -0,0 +1,61 @@
+import { tzName as r } from "./index234.mjs";
+import { TZDateMini as s } from "./index129.mjs";
+class o extends s {
+  //#region static
+  static tz(t, ...e) {
+    return e.length ? new o(...e, t) : new o(Date.now(), t);
+  }
+  //#endregion
+  //#region representation
+  toISOString() {
+    const [t, e, n] = this.tzComponents(), i = `${t}${e}:${n}`;
+    return this.internal.toISOString().slice(0, -1) + i;
+  }
+  toString() {
+    return `${this.toDateString()} ${this.toTimeString()}`;
+  }
+  toDateString() {
+    const [t, e, n, i] = this.internal.toUTCString().split(" ");
+    return `${t?.slice(0, -1)} ${n} ${e} ${i}`;
+  }
+  toTimeString() {
+    const t = this.internal.toUTCString().split(" ")[4], [e, n, i] = this.tzComponents();
+    return `${t} GMT${e}${n}${i} (${r(this.timeZone, this)})`;
+  }
+  toLocaleString(t, e) {
+    return Date.prototype.toLocaleString.call(this, t, {
+      ...e,
+      timeZone: e?.timeZone || this.timeZone
+    });
+  }
+  toLocaleDateString(t, e) {
+    return Date.prototype.toLocaleDateString.call(this, t, {
+      ...e,
+      timeZone: e?.timeZone || this.timeZone
+    });
+  }
+  toLocaleTimeString(t, e) {
+    return Date.prototype.toLocaleTimeString.call(this, t, {
+      ...e,
+      timeZone: e?.timeZone || this.timeZone
+    });
+  }
+  //#endregion
+  //#region private
+  tzComponents() {
+    const t = this.getTimezoneOffset(), e = t > 0 ? "-" : "+", n = String(Math.floor(Math.abs(t) / 60)).padStart(2, "0"), i = String(Math.abs(t) % 60).padStart(2, "0");
+    return [e, n, i];
+  }
+  //#endregion
+  withTimeZone(t) {
+    return new o(+this, t);
+  }
+  //#region date-fns integration
+  [Symbol.for("constructDateFrom")](t) {
+    return new o(+new Date(t), this.timeZone);
+  }
+  //#endregion
+}
+export {
+  o as TZDate
+};

package/index234.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(e,t,n="long"){return new Intl.DateTimeFormat("en-US",{hour:"numeric",timeZone:e,timeZoneName:n}).format(t).split(/\s/g).slice(2).join(" ")}exports.tzName=o;

package/index234.mjs

@@ -0,0 +1,11 @@
+function o(e, n, t = "long") {
+  return new Intl.DateTimeFormat("en-US", {
+    // Enforces engine to render the time. Without the option JavaScriptCore omits it.
+    hour: "numeric",
+    timeZone: e,
+    timeZoneName: t
+  }).format(n).split(/\s/g).slice(2).join(" ");
+}
+export {
+  o as tzName
+};

package/index235.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={},s={};function a(t,r){try{const f=(o[t]||=new Intl.DateTimeFormat("en-US",{timeZone:t,timeZoneName:"longOffset"}).format)(r).split("GMT")[1];return f in s?s[f]:e(f,f.split(":"))}catch{if(t in s)return s[t];const n=t?.match(u);return n?e(t,n.slice(1)):NaN}}const u=/([+-]\d\d):?(\d\d)?/;function e(t,r){const n=+(r[0]||0),f=+(r[1]||0),c=+(r[2]||0)/60;return s[t]=n*60+f>0?n*60+f+c:n*60-f-c}exports.tzOffset=a;

package/index235.mjs

@@ -0,0 +1,22 @@
+const e = {}, s = {};
+function u(t, r) {
+  try {
+    const n = (e[t] ||= new Intl.DateTimeFormat("en-US", {
+      timeZone: t,
+      timeZoneName: "longOffset"
+    }).format)(r).split("GMT")[1];
+    return n in s ? s[n] : o(n, n.split(":"));
+  } catch {
+    if (t in s) return s[t];
+    const f = t?.match(a);
+    return f ? o(t, f.slice(1)) : NaN;
+  }
+}
+const a = /([+-]\d\d):?(\d\d)?/;
+function o(t, r) {
+  const f = +(r[0] || 0), n = +(r[1] || 0), c = +(r[2] || 0) / 60;
+  return s[t] = f * 60 + n > 0 ? f * 60 + n + c : f * 60 - n - c;
+}
+export {
+  u as tzOffset
+};

package/index24.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),s=require("./index52.js"),y=require("./index51.js"),q=require("./index61.js"),c=require("./index55.js");let n=null;const d=()=>typeof document>"u"||document.getElementById(s.ICONS_SVG_HTML_ID)?Promise.resolve():(n||(n=fetch(s.ICONS_URL).then(t=>{if(!t.ok)throw new Error(`Failed to fetch SVG: ${t.statusText}`);return t.text()}).then(t=>{const e=document.createElement("div");e.id=s.ICONS_SVG_HTML_ID,e.style.display="none",e.innerHTML=t,document.body.appendChild(e)}).catch(t=>{c.logError(`Error loading SVG sprite:
+          ${t}`),n=null})),n),C=r.forwardRef(function({name:e,tabIndex:f,onKeyDown:h,className:l,role:S,onClick:g,screenReaderText:u,thin:E,qa:_},p){const[i,I]=r.useState(!1),[m,a]=r.useState(!1),[v,x]=r.useState(!0);if(r.useEffect(()=>{d().then(()=>{if(!document.getElementById(s.ICONS_SVG_HTML_ID)){a(!0);return}I(!0)}).catch(()=>a(!0))},[]),r.useEffect(()=>{i&&e&&(q.iconExists(e.replace("ai-",""))||(c.logWarning(`The provided icon with name "${e}" does not seem to exist. Please make sure the 'name' is correct`),x(!1)))},[i,e]),m)return c.logError(`Failed to load icon "${e}".`),null;if(!i||!v)return null;const L=y.classNames({ai:!0,[`ai-${e?.replace("ai-","")}`]:!!e,"ai--thin":!!E,[l||""]:!!l});return o.jsxs("span",{ref:p,onKeyDown:h,tabIndex:f,role:S,onClick:g,className:L,"data-qa":_,children:[e?o.jsx("svg",{"aria-hidden":"true",focusable:"false",children:o.jsx("use",{href:`#ai-${e.replace("ai-","")}`})}):null,!!u&&o.jsx("span",{className:s.SCREEN_READER_CLASS,children:u})]})});exports.Icon=C;exports.ensureSvgLoaded=d;

package/index24.mjs

@@ -0,0 +1,62 @@
+import { jsxs as _, jsx as s } from "react/jsx-runtime";
+import { forwardRef as $, useState as i, useEffect as d } from "react";
+import { ICONS_SVG_HTML_ID as n, SCREEN_READER_CLASS as C, ICONS_URL as N } from "./index52.mjs";
+import { classNames as V } from "./index51.mjs";
+import { iconExists as w } from "./index61.mjs";
+import { logWarning as P, logError as u } from "./index55.mjs";
+let r = null;
+const R = () => typeof document > "u" || document.getElementById(n) ? Promise.resolve() : (r || (r = fetch(N).then((t) => {
+  if (!t.ok) throw new Error(`Failed to fetch SVG: ${t.statusText}`);
+  return t.text();
+}).then((t) => {
+  const e = document.createElement("div");
+  e.id = n, e.style.display = "none", e.innerHTML = t, document.body.appendChild(e);
+}).catch((t) => {
+  u(
+    `Error loading SVG sprite:
+          ${t}`
+  ), r = null;
+})), r), A = $(function({ name: e, tabIndex: f, onKeyDown: m, className: a, role: h, onClick: p, screenReaderText: l, thin: E, qa: g }, S) {
+  const [o, v] = i(!1), [x, c] = i(!1), [I, L] = i(!0);
+  if (d(() => {
+    R().then(() => {
+      if (!document.getElementById(n)) {
+        c(!0);
+        return;
+      }
+      v(!0);
+    }).catch(() => c(!0));
+  }, []), d(() => {
+    o && e && (w(e.replace("ai-", "")) || (P(
+      `The provided icon with name "${e}" does not seem to exist. Please make sure the 'name' is correct`
+    ), L(!1)));
+  }, [o, e]), x)
+    return u(`Failed to load icon "${e}".`), null;
+  if (!o || !I) return null;
+  const y = V({
+    ai: !0,
+    [`ai-${e?.replace("ai-", "")}`]: !!e,
+    "ai--thin": !!E,
+    [a || ""]: !!a
+  });
+  return /* @__PURE__ */ _(
+    "span",
+    {
+      ref: S,
+      onKeyDown: m,
+      tabIndex: f,
+      role: h,
+      onClick: p,
+      className: y,
+      "data-qa": g,
+      children: [
+        e ? /* @__PURE__ */ s("svg", { "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ s("use", { href: `#ai-${e.replace("ai-", "")}` }) }) : null,
+        !!l && /* @__PURE__ */ s("span", { className: C, children: l })
+      ]
+    }
+  );
+});
+export {
+  A as Icon,
+  R as ensureSvgLoaded
+};

package/index25.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),m=require("./index51.js"),u=require("./index55.js");function l({alt:o="",children:t,src:a,noClass:n,renderImgFunction:s,qa:r}){const g=m.classNames({"m-image":!n});return t&&!(e=>e&&typeof e=="object"&&(e.type==="figcaption"||typeof e.type!="string"&&e.type.name==="Copyright"))(t)&&u.logWarning("Image's children should only be a Copyright component or a figcaption element"),i.jsxs("figure",{className:g,"data-qa":r,children:[s?s(a,o):i.jsx("img",{src:a,alt:o}),t]})}exports.Image=l;

package/index25.mjs

@@ -0,0 +1,15 @@
+import { jsxs as s, jsx as p } from "react/jsx-runtime";
+import { classNames as g } from "./index51.mjs";
+import { logWarning as f } from "./index55.mjs";
+function C({ alt: o = "", children: t, src: a, noClass: i, renderImgFunction: r, qa: m }) {
+  const n = g({
+    "m-image": !i
+  });
+  return t && !((e) => e && typeof e == "object" && (e.type === "figcaption" || typeof e.type != "string" && e.type.name === "Copyright"))(t) && f("Image's children should only be a Copyright component or a figcaption element"), /* @__PURE__ */ s("figure", { className: n, "data-qa": m, children: [
+    r ? r(a, o) : /* @__PURE__ */ p("img", { src: a, alt: o }),
+    t
+  ] });
+}
+export {
+  C as Image
+};

package/index26.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),r=require("./index51.js");function n({children:a,type:e,qa:s}){const t=r.classNames({"a-label":!0,[`a-label--${[e]}`]:!!e});return l.jsx("span",{className:t,"data-qa":s,children:a})}exports.Label=n;

package/index26.mjs

@@ -0,0 +1,12 @@
+import { jsx as r } from "react/jsx-runtime";
+import { classNames as o } from "./index51.mjs";
+function c({ children: s, type: a, qa: e }) {
+  const l = o({
+    "a-label": !0,
+    [`a-label--${[a]}`]: !!a
+  });
+  return /* @__PURE__ */ r("span", { className: l, "data-qa": e, children: s });
+}
+export {
+  c as Label
+};

package/index27.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),_=require("./index51.js"),n=require("./index24.js");function g({name:c,link:e,active:i,highlighted:o,iconLeft:t,iconRight:a,id:m,children:l,onClick:r,onMouseDown:u,tabIndex:h,qa:f}){const d=`${e&&(e.href||e.href==="")?"a":"span"}`,j=_.classNames({"a-list__content":!0,"is-highlighted":!!o,"is-active":!!i}),x=I=>{r&&(I.preventDefault(),r(c))};return s.jsx("li",{className:"a-list__item",id:m,"data-qa":f,children:s.jsxs(d,{className:j,onClick:x,onMouseDown:u,tabIndex:h,...e&&(e.href||e.href==="")?{href:e.href}:{},children:[t&&s.jsx(n.Icon,{name:t}),s.jsx("span",{className:"a-list__text",children:l}),a&&s.jsx(n.Icon,{name:a})]})})}exports.ListItem=g;

package/index27.mjs

@@ -0,0 +1,43 @@
+import { jsx as t, jsxs as x } from "react/jsx-runtime";
+import { classNames as C } from "./index51.mjs";
+import { Icon as m } from "./index24.mjs";
+function v({
+  name: i,
+  link: e,
+  active: n,
+  highlighted: o,
+  iconLeft: s,
+  iconRight: a,
+  id: c,
+  children: f,
+  onClick: r,
+  onMouseDown: h,
+  tabIndex: l,
+  qa: p
+}) {
+  const _ = `${e && (e.href || e.href === "") ? "a" : "span"}`, d = C({
+    "a-list__content": !0,
+    "is-highlighted": !!o,
+    "is-active": !!n
+  });
+  return /* @__PURE__ */ t("li", { className: "a-list__item", id: c, "data-qa": p, children: /* @__PURE__ */ x(
+    _,
+    {
+      className: d,
+      onClick: (u) => {
+        r && (u.preventDefault(), r(i));
+      },
+      onMouseDown: h,
+      tabIndex: l,
+      ...e && (e.href || e.href === "") ? { href: e.href } : {},
+      children: [
+        s && /* @__PURE__ */ t(m, { name: s }),
+        /* @__PURE__ */ t("span", { className: "a-list__text", children: f }),
+        a && /* @__PURE__ */ t(m, { name: a })
+      ]
+    }
+  ) });
+}
+export {
+  v as ListItem
+};

package/index28.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),h=require("./index51.js"),_=require("./index6.js"),f=require("./index24.js");function j({avatar:n,name:l,link:s,active:c,user:e,iconRight:t,id:i,onClick:r,qa:m}){const o=`${s&&(s.href||s.href==="")?"a":"span"}`,u=h.classNames({"a-avatar-list__item":!0,"is-active":!!c}),v=d=>{r&&(d.preventDefault(),r(l))};return a.jsx("li",{className:u,id:i,"data-qa":m,children:a.jsxs(o,{className:"a-avatar-list__item-container",onClick:v,...s&&(s.href||s.href==="")?{href:s.href}:{},children:[a.jsx(_.Avatar,{...n,className:"a-avatar-list__avatar",rounded:!0,size:"small"}),a.jsxs("div",{className:"a-avatar-list__content",children:[a.jsxs("span",{className:"a-avatar-list__text",children:[e?.name?a.jsx("span",{className:"avatar-list__name paragraph",children:e.name}):null,e?.function?a.jsx("span",{className:"small",children:e.function}):null,e?.email?a.jsx("span",{className:"small",children:e.email}):null]}),t&&a.jsx(f.Icon,{name:t})]})]})})}exports.ListItemAvatar=j;

package/index28.mjs

@@ -0,0 +1,34 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+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 }) {
+  const f = `${a && (a.href || a.href === "") ? "a" : "span"}`, h = v({
+    "a-avatar-list__item": !0,
+    "is-active": !!c
+  });
+  return /* @__PURE__ */ e("li", { className: h, id: i, "data-qa": o, children: /* @__PURE__ */ s(
+    f,
+    {
+      className: "a-avatar-list__item-container",
+      onClick: (p) => {
+        r && (p.preventDefault(), r(m));
+      },
+      ...a && (a.href || a.href === "") ? { href: a.href } : {},
+      children: [
+        /* @__PURE__ */ e(_, { ...n, className: "a-avatar-list__avatar", rounded: !0, size: "small" }),
+        /* @__PURE__ */ s("div", { className: "a-avatar-list__content", children: [
+          /* @__PURE__ */ s("span", { className: "a-avatar-list__text", children: [
+            t?.name ? /* @__PURE__ */ e("span", { className: "avatar-list__name paragraph", children: t.name }) : null,
+            t?.function ? /* @__PURE__ */ e("span", { className: "small", children: t.function }) : null,
+            t?.email ? /* @__PURE__ */ e("span", { className: "small", children: t.email }) : null
+          ] }),
+          l && /* @__PURE__ */ e(d, { name: l })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  j as ListItemAvatar
+};

package/index29.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./index14.js");function n({name:c,onClick:t,qa:r,...i}){const s=()=>{t&&t(c)};return e.jsx("li",{className:"a-checkbox-list__item",children:e.jsx("div",{onClick:s,className:"a-input a-checkbox-list__checkbox",children:e.jsx(o.Checkbox,{name:c,...i})})})}exports.ListItemCheckbox=n;

package/index29.mjs

@@ -0,0 +1,10 @@
+import { jsx as c } from "react/jsx-runtime";
+import { Checkbox as t } from "./index14.mjs";
+function n({ name: i, onClick: e, qa: l, ...o }) {
+  return /* @__PURE__ */ c("li", { className: "a-checkbox-list__item", children: /* @__PURE__ */ c("div", { onClick: () => {
+    e && e(i);
+  }, className: "a-input a-checkbox-list__checkbox", children: /* @__PURE__ */ c(t, { name: i, ...o }) }) });
+}
+export {
+  n as ListItemCheckbox
+};

package/index3.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("react"),_=require("./index51.js");function b({id:s="",header:o="",children:r,open:e,onToggle:a,qa:i}){const[c,d]=m.useState(!!e),n=e===!0||e===!1?e:c,u=_.classNames({"m-accordion__tab":!0}),l=()=>(d(!c),a&&a(s));return t.jsxs("div",{className:u,"data-qa":i,children:[t.jsx("button",{id:s,className:"m-accordion__header","aria-expanded":n,onClick:l,children:o}),t.jsx("div",{style:n?{maxHeight:"none"}:{},className:"m-accordion__content",children:r})]})}exports.AccordionTab=b;

package/index3.mjs

@@ -0,0 +1,15 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import _ from "react";
+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
+  });
+  return /* @__PURE__ */ l("div", { className: d, "data-qa": i, children: [
+    /* @__PURE__ */ s("button", { id: a, className: "m-accordion__header", "aria-expanded": o, onClick: () => (m(!c), e && e(a)), children: r }),
+    /* @__PURE__ */ s("div", { style: o ? { maxHeight: "none" } : {}, className: "m-accordion__content", children: n })
+  ] });
+}
+export {
+  h as AccordionTab
+};

package/index30.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("react"),E=require("./index65.js"),j=require("./index53.js"),p=require("./index51.js"),t=require("./index10.js");function M({appRootId:v,ariaCloseLabel:_="Sluiten",cancelButton:l,children:c,closeButton:r=!0,confirmButton:o,onAfterOpen:y,onClose:b,open:n,qa:O,shouldCloseOnOverlayClick:g=!0,size:u="",title:s={label:""},trigger:h}){const[q,d]=N.useState(!!n),k=n===!1||n===!0?n:q,f=s?.tag||"h6",m=(a,i)=>i&&typeof i=="function"?Promise.resolve(i(a)).then(()=>d(!1)):d(!1),C=a=>m(a,b),x=typeof document<"u"?document.getElementById(v)??void 0:void 0;return e.jsxs(e.Fragment,{children:[h?N.cloneElement(h,{onClick:()=>d(!0)}):null,e.jsx(E,{appElement:x,bodyOpenClassName:null,htmlOpenClassName:null,className:p.classNames({"m-modal":!0,[`m-modal--${j.SIZE_MAP[u||j.DEFAULT_SIZE]}`]:!!u}),isOpen:k,onRequestClose:C,role:"dialog","aria-modal":"true",overlayClassName:p.classNames({"m-overlay":!0,"is-active":!0}),"data-qa":O,ariaHideApp:!!x,onAfterOpen:y,shouldCloseOnOverlayClick:l||o||r?g:!0,children:e.jsxs("div",{className:"m-modal__content",children:[(s&&s?.label||r)&&e.jsxs("div",{className:"m-modal__header u-margin-bottom-xs",children:[s&&s?.label&&e.jsx(f,{className:s.className,id:s.id,children:s.label}),r&&e.jsx(t.Button,{className:"m-modal__close",theme:"neutral",addOn:{type:"icon",iconProps:{name:"ai-close"}},ariaLabel:_,emphasis:"low",onClick:C})]}),c&&e.jsx("div",{className:"u-margin-bottom",children:c}),o||l?e.jsxs("div",{className:"m-modal__footer",children:[o?e.jsx(t.Button,{...o,onClick:a=>m(a,o.onClick)}):null,l?e.jsx(t.Button,{...l,onClick:a=>m(a,l.onClick)}):null]}):null]})})]})}exports.Modal=M;