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

package/index40.mjs

@@ -0,0 +1,40 @@
+import { jsx as a, jsxs as r, Fragment as h } from "react/jsx-runtime";
+import { classNames as u } from "./index51.mjs";
+import { wrapWithIf as f } from "./index54.mjs";
+function _({
+  steps: s = [],
+  onStepClick: c,
+  screenReaderStepLabel: o = "Stap ",
+  screenReaderCompleteLabel: m = " (voltooid)",
+  qa: t
+}) {
+  const d = (e, l, n) => {
+    c && (e.preventDefault(), c(n, l));
+  };
+  return /* @__PURE__ */ a("ol", { className: "m-step-indicator", "data-qa": t, children: s?.map((e, l) => {
+    const n = u({
+      "is-completed": !!e.complete,
+      "is-incompleted": !e.complete,
+      "is-active": !!e.active
+    }), i = e.link?.href;
+    return /* @__PURE__ */ a("li", { className: n, children: f(
+      /* @__PURE__ */ r(h, { children: [
+        e.label ? null : /* @__PURE__ */ r("span", { className: "u-screen-reader-only", children: [
+          o,
+          " ",
+          l + 1
+        ] }),
+        /* @__PURE__ */ a("span", { className: "m-step-indicator__number" }),
+        /* @__PURE__ */ r("span", { className: "m-step-indicator__label", children: [
+          e.label || null,
+          e.complete ? /* @__PURE__ */ a("span", { className: "u-screen-reader-only", children: m }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ a("a", { onClick: (p) => d(p, l, e?.id), href: i }),
+      !!i
+    ) }, e.id);
+  }) });
+}
+export {
+  _ as StepIndicator
+};

package/index41.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),x=require("./index54.js");function v({ariaLabel:h,checked:a,disabled:d=!1,id:s,internalIOLabels:o=!1,label:i,labelId:l="aui-switch-label",onClick:t,qa:u,statusLabelOff:_="Uit",statusLabelOn:g="Aan",statusLabelSide:c=""}){const[r,w]=m.useState(!!a),b=a===!0||a===!1?!!a:r,f=j=>{w(!r),t&&typeof t=="function"&&t(j)},n=e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"a-switch__label a-switch__label--on","aria-hidden":"true",children:g}),e.jsx("div",{className:"a-switch__label a-switch__label--off","aria-hidden":"true",children:_})]});return x.labelWrapper(e.jsxs("button",{id:s,"data-qa":u,className:"a-switch",role:"switch","aria-checked":b,"aria-label":i?void 0:h,"aria-labelledby":i?l:void 0,disabled:d,onClick:f,children:[c==="left"&&n,e.jsx("div",{className:"a-switch__toggle","aria-hidden":"true",children:o&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"a-switch__toggle-label a-switch__toggle-label--on","aria-hidden":"true",children:"i"}),e.jsx("div",{className:"a-switch__toggle-label a-switch__toggle-label--off","aria-hidden":"true",children:"o"})]})}),c==="right"&&n]}),i,s,l)}exports.Switch=v;

package/index41.mjs

@@ -0,0 +1,54 @@
+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 "./index54.mjs";
+function C({
+  ariaLabel: o,
+  checked: e,
+  disabled: _ = !1,
+  id: s,
+  internalIOLabels: f = !1,
+  label: i,
+  labelId: c = "aui-switch-label",
+  onClick: t,
+  qa: m,
+  statusLabelOff: w = "Uit",
+  statusLabelOn: g = "Aan",
+  statusLabelSide: r = ""
+}) {
+  const [h, u] = p(!!e), b = e === !0 || e === !1 ? !!e : h, v = (N) => {
+    u(!h), t && typeof t == "function" && t(N);
+  }, d = /* @__PURE__ */ l(n, { children: [
+    /* @__PURE__ */ a("div", { className: "a-switch__label a-switch__label--on", "aria-hidden": "true", children: g }),
+    /* @__PURE__ */ a("div", { className: "a-switch__label a-switch__label--off", "aria-hidden": "true", children: w })
+  ] });
+  return x(
+    /* @__PURE__ */ l(
+      "button",
+      {
+        id: s,
+        "data-qa": m,
+        className: "a-switch",
+        role: "switch",
+        "aria-checked": b,
+        "aria-label": i ? void 0 : o,
+        "aria-labelledby": i ? c : void 0,
+        disabled: _,
+        onClick: v,
+        children: [
+          r === "left" && d,
+          /* @__PURE__ */ a("div", { className: "a-switch__toggle", "aria-hidden": "true", children: f && /* @__PURE__ */ l(n, { children: [
+            /* @__PURE__ */ a("div", { className: "a-switch__toggle-label a-switch__toggle-label--on", "aria-hidden": "true", children: "i" }),
+            /* @__PURE__ */ a("div", { className: "a-switch__toggle-label a-switch__toggle-label--off", "aria-hidden": "true", children: "o" })
+          ] }) }),
+          r === "right" && d
+        ]
+      }
+    ),
+    i,
+    s,
+    c
+  );
+}
+export {
+  C as Switch
+};

package/index42.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./index51.js"),B=require("./index58.js"),C=require("./index59.js"),I=require("./index60.js");function R({id:l="aui-table",caption:s,sort:h,sortDirection:m,rows:r=[],columns:t=[],qa:o,striped:x,small:c,open:f,selectable:i,selected:n,onSelect:j,onSelectAll:p,onSortClick:S,actions:d,responsive:a=!0,fixedColumnRight:T,fixedColumnLeft:q}){const[N,y,g,v]=I.useHorizontalScroll(),w=u.classNames({"a-table":!0,"a-table--striped":!!x,"a-table--open":!!f}),H=u.classNames({"a-table-responsive-wrapper":!!a,"has-shadow-left":!!a&&!g,"has-shadow-right":!!a&&!v,"has-first-column-fixed":!!q,"has-last-column-fixed":!!T}),b=e.jsxs("table",{id:l,className:w,"data-qa":o,children:[!!s&&e.jsx("caption",{children:s}),e.jsx(B.TableHeader,{tableId:l,small:c,selectable:i,selected:n,columns:t,sort:h,rows:r,onSortClick:S,sortDirection:m,onSelectAll:p,actions:d}),e.jsx(C.TableBody,{tableId:l,small:c,selectable:i,selected:n,columns:t,rows:r,onSelect:j,actions:d})]});return a?e.jsx("div",{className:H,"data-qa":o,children:e.jsx("div",{ref:N,onScroll:y,className:"a-table-scrollable-wrapper",children:b})}):b}exports.Table=R;

package/index42.mjs

@@ -0,0 +1,73 @@
+import { jsx as a, jsxs as q } from "react/jsx-runtime";
+import { classNames as m } from "./index51.mjs";
+import { TableHeader as y } from "./index58.mjs";
+import { TableBody as z } from "./index59.mjs";
+import { useHorizontalScroll as B } from "./index60.mjs";
+function A({
+  id: r = "aui-table",
+  caption: e,
+  sort: p,
+  sortDirection: f,
+  rows: t = [],
+  columns: o = [],
+  qa: s,
+  striped: h,
+  small: c,
+  open: u,
+  selectable: i,
+  selected: d,
+  onSelect: S,
+  onSelectAll: x,
+  onSortClick: N,
+  actions: n,
+  responsive: l = !0,
+  fixedColumnRight: w,
+  fixedColumnLeft: T
+}) {
+  const [j, v, C, H] = B(), I = m({
+    "a-table": !0,
+    "a-table--striped": !!h,
+    "a-table--open": !!u
+  }), g = m({
+    "a-table-responsive-wrapper": !!l,
+    "has-shadow-left": !!l && !C,
+    "has-shadow-right": !!l && !H,
+    "has-first-column-fixed": !!T,
+    "has-last-column-fixed": !!w
+  }), b = /* @__PURE__ */ q("table", { id: r, className: I, "data-qa": s, children: [
+    !!e && /* @__PURE__ */ a("caption", { children: e }),
+    /* @__PURE__ */ a(
+      y,
+      {
+        tableId: r,
+        small: c,
+        selectable: i,
+        selected: d,
+        columns: o,
+        sort: p,
+        rows: t,
+        onSortClick: N,
+        sortDirection: f,
+        onSelectAll: x,
+        actions: n
+      }
+    ),
+    /* @__PURE__ */ a(
+      z,
+      {
+        tableId: r,
+        small: c,
+        selectable: i,
+        selected: d,
+        columns: o,
+        rows: t,
+        onSelect: S,
+        actions: n
+      }
+    )
+  ] });
+  return l ? /* @__PURE__ */ a("div", { className: g, "data-qa": s, children: /* @__PURE__ */ a("div", { ref: j, onScroll: v, className: "a-table-scrollable-wrapper", children: b }) }) : b;
+}
+export {
+  A as Table
+};

package/index43.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),p=require("./index51.js"),i=require("./index24.js");function P({label:u,isToggle:s,active:t,iconLeft:r,removable:m,name:n,qa:b,onClick:c,ariaLabelDelete:j="Verwijderen"}){const[l,x]=d.useState(t),a=m&&!s,_=t===!0||t===!1?t:l,o=g=>(s&&x(!l),(s||a)&&c&&c(g)),h=s?"button":"div",q=p.classNames({"m-tag":!0,"is-clickable":!!a}),N={name:n,onClick:()=>o(n),"aria-pressed":_};return d.createElement(h,{className:q,"data-qa":b,...s?N:{}},e.jsxs(e.Fragment,{children:[r&&e.jsx("div",{className:"m-tag__icon",children:e.jsx(i.Icon,{name:r})}),e.jsx("div",{className:"m-tag__label",children:u}),a?e.jsx("button",{className:"m-tag__button",name:`${n}-delete`,onClick:()=>o(`${n}-delete`),"aria-label":j,children:e.jsx(i.Icon,{name:"remove"})}):null]}))}exports.Tag=P;

package/index43.mjs

@@ -0,0 +1,49 @@
+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 "./index51.mjs";
+import { Icon as m } from "./index24.mjs";
+function q({
+  label: d,
+  isToggle: e,
+  active: t,
+  iconLeft: n,
+  removable: i,
+  name: r,
+  qa: u,
+  onClick: l,
+  ariaLabelDelete: p = "Verwijderen"
+}) {
+  const [o, b] = j.useState(t), a = i && !e, _ = t === !0 || t === !1 ? t : o, c = (N) => (e && b(!o), (e || a) && l && l(N)), f = e ? "button" : "div", h = x({
+    "m-tag": !0,
+    "is-clickable": !!a
+  });
+  return k(
+    f,
+    {
+      className: h,
+      "data-qa": u,
+      ...e ? {
+        name: r,
+        onClick: () => c(r),
+        "aria-pressed": _
+      } : {}
+    },
+    /* @__PURE__ */ P(g, { children: [
+      n && /* @__PURE__ */ s("div", { className: "m-tag__icon", children: /* @__PURE__ */ s(m, { name: n }) }),
+      /* @__PURE__ */ s("div", { className: "m-tag__label", children: d }),
+      a ? /* @__PURE__ */ s(
+        "button",
+        {
+          className: "m-tag__button",
+          name: `${r}-delete`,
+          onClick: () => c(`${r}-delete`),
+          "aria-label": p,
+          children: /* @__PURE__ */ s(m, { name: "remove" })
+        }
+      ) : null
+    ] })
+  );
+}
+export {
+  q as Tag
+};

package/index44.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),u=require("./index51.js"),l=require("./index54.js");function n({children:t=[],qa:s}){const r=u.classNames({"o-tag-list":!0});return e.jsx("ul",{className:r,"data-qa":s,children:a.Children.map(t,i=>l.wrapWithIf(i,e.jsx("li",{className:"o-tag-list__item"}),!0))})}exports.TagList=n;

package/index44.mjs

@@ -0,0 +1,13 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Children as m } from "react";
+import { classNames as o } from "./index51.mjs";
+import { wrapWithIf as e } from "./index54.mjs";
+function f({ children: r = [], qa: a }) {
+  const s = o({
+    "o-tag-list": !0
+  });
+  return /* @__PURE__ */ t("ul", { className: s, "data-qa": a, children: m.map(r, (i) => e(i, /* @__PURE__ */ t("li", { className: "o-tag-list__item" }), !0)) });
+}
+export {
+  f as TagList
+};

package/index45.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("./index51.js"),s=require("./index53.js"),M=require("react"),c=require("./index56.js");function O({charCounter:o,charCountText:u,description:i,disabled:g,id:e="aui-text-area",inline:a,label:x,maxLength:t,maxLengthBlocksInput:S,name:j,onChange:l,qa:m,readOnly:q,required:p,size:d,state:C,value:r,onBlur:y,onClick:R,onFocus:T,onKeyDown:A,onKeyUp:E}){const[N,f]=M.useState(r?r.length:0),h=o!==void 0?o:!!t,w=u||(t?"%count% / %max%":"%count%"),$=b.classNames({"a-input":!0,"a-input--inline":!!a,[`a-input--${s.SIZE_MAP[d||s.DEFAULT_SIZE]}`]:!!d,"has-error":C===s.State.ERROR}),D=b.classNames({"a-input__wrapper":!0,"a-input__wrapper--inline":!!a}),I=_=>(f(_.target.value.length),l&&l(_));return n.jsxs("div",{className:$,"data-qa":m,children:[c.renderLabel({label:x,id:e,required:p,inline:a}),c.renderDescription({id:e,description:i,state:C}),n.jsx("div",{className:D,children:n.jsx("textarea",{value:r,name:j,id:e,disabled:g,readOnly:q,required:p,...h?{"aria-describedby":`${e}--counter`}:{},...i?{"aria-describedby":`${e}--description`}:{},maxLength:t&&S?t:void 0,onChange:I,onBlur:y,onClick:R,onFocus:T,onKeyDown:A,onKeyUp:E})}),c.renderCharacterCounter({id:e,charCountText:w,charCounter:h,characterCount:r?r.length:N,maxLength:t})]})}exports.TextArea=O;

package/index45.mjs

@@ -0,0 +1,73 @@
+import { jsxs as I, jsx as l } from "react/jsx-runtime";
+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";
+function J({
+  charCounter: n,
+  charCountText: o,
+  description: s,
+  disabled: d,
+  id: r = "aui-text-area",
+  inline: a,
+  label: f,
+  maxLength: t,
+  maxLengthBlocksInput: _,
+  name: b,
+  onChange: c,
+  qa: x,
+  readOnly: g,
+  required: p,
+  size: u,
+  state: i,
+  value: e,
+  onBlur: E,
+  onClick: S,
+  onFocus: w,
+  onKeyDown: A,
+  onKeyUp: N
+}) {
+  const [R, T] = O(e ? e.length : 0), C = n !== void 0 ? n : !!t, $ = o || (t ? "%count% / %max%" : "%count%"), j = m({
+    "a-input": !0,
+    "a-input--inline": !!a,
+    [`a-input--${F[u || M]}`]: !!u,
+    "has-error": i === Z.ERROR
+  }), y = m({
+    "a-input__wrapper": !0,
+    "a-input__wrapper--inline": !!a
+  }), D = (h) => (T(h.target.value.length), c && c(h));
+  return /* @__PURE__ */ I("div", { className: j, "data-qa": x, children: [
+    P({ label: f, id: r, required: p, inline: a }),
+    U({ id: r, description: s, state: i }),
+    /* @__PURE__ */ l("div", { className: y, children: /* @__PURE__ */ l(
+      "textarea",
+      {
+        value: e,
+        name: b,
+        id: r,
+        disabled: d,
+        readOnly: g,
+        required: p,
+        ...C ? { "aria-describedby": `${r}--counter` } : {},
+        ...s ? { "aria-describedby": `${r}--description` } : {},
+        maxLength: t && _ ? t : void 0,
+        onChange: D,
+        onBlur: E,
+        onClick: S,
+        onFocus: w,
+        onKeyDown: A,
+        onKeyUp: N
+      }
+    ) }),
+    k({
+      id: r,
+      charCountText: $,
+      charCounter: C,
+      characterCount: e ? e.length : R,
+      maxLength: t
+    })
+  ] });
+}
+export {
+  J as TextArea
+};

package/index46.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),C=require("./index51.js"),q=require("./index53.js"),u=require("./index56.js"),S=require("react");;/* empty css         */const Q=require("./index39.js"),b=require("./index24.js"),V=S.forwardRef(function({addOn:e,autoComplete:N,ariaDescribedBy:T="",charCounter:p,charCountText:h,description:m,disabled:I,id:n="aui-text-field",role:R,inline:o,label:v,maxLength:r,maxLengthBlocksInput:w,name:F,onChange:f,qa:$,readOnly:E,required:x,size:_,state:g,type:A="text",value:s,onBlur:B,onClick:D,onFocus:M,onKeyDown:P,onKeyUp:Z,...d},L){const[U,k]=S.useState(s?s.length:0),i=e?.type==="text"&&e.placement==="left"?e.content:null,l=e?.type==="text"&&e.placement==="right"?e.content:null,c=e?.type==="icon"&&e.placement==="left"?e.content:null,a=e?.type==="icon"&&e.placement==="right"?e.content:null,y=p!==void 0?p:!!r,z=h||(r?"%count% / %max%":"%count%"),G=[T,y?`${n}--counter`:null,m?`${n}--description`:null].filter(Boolean).join(" ")||void 0,H=C.classNames({"a-input":!0,"a-input--inline":!!o,[`a-input--${q.SIZE_MAP[_||q.DEFAULT_SIZE]}`]:!!_,"has-icon-left":!!c||e?.type==="spinner"&&e?.placement==="left","has-icon-right":!c&&!!a,"has-addon-left":!!i,"has-addon-right":!!l,"has-error":g==="error","has-spinner":e?.type==="spinner",[`has-spinner-${e?.placement}`]:!!e}),J=C.classNames({"a-input__wrapper":!0,"a-input__wrapper--inline":!!o}),K=j=>(k(j.target.value.length),f&&f(j));return t.jsxs("div",{className:H,"data-qa":$,children:[u.renderLabel({label:v,id:n,required:x,inline:o}),u.renderDescription({id:n,description:m,state:g}),t.jsxs("div",{className:J,children:[e?.type==="spinner"&&t.jsx(Q.Spinner,{size:"small"}),!!c&&t.jsx(b.Icon,{name:c}),!!i&&t.jsx("div",{className:"a-input__addon",children:i}),t.jsx("input",{ref:L,type:A,value:s,name:F,id:n,autoComplete:N,disabled:I,readOnly:E,required:x,maxLength:r&&w?r:void 0,onChange:K,onBlur:B,onClick:D,onFocus:M,onKeyDown:P,onKeyUp:Z,role:R,"aria-describedby":G,...d}),!!a&&!c&&t.jsx(b.Icon,{name:a}),!!l&&t.jsx("div",{className:"a-input__addon",children:l})]}),u.renderCharacterCounter({id:n,charCountText:z,charCounter:y,characterCount:s?s.length:U,maxLength:r})]})});exports.TextField=V;

package/index46.mjs

@@ -0,0 +1,99 @@
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+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 "./index56.mjs";
+import { forwardRef as Y, useState as d } from "react";
+/* empty css         */
+import { Spinner as O } from "./index39.mjs";
+import { Icon as b } from "./index24.mjs";
+const lt = Y(function({
+  addOn: t,
+  autoComplete: w,
+  ariaDescribedBy: S = "",
+  charCounter: p,
+  charCountText: m,
+  description: u,
+  disabled: T,
+  id: e = "aui-text-field",
+  role: $,
+  inline: i,
+  label: j,
+  maxLength: n,
+  maxLengthBlocksInput: v,
+  name: E,
+  onChange: h,
+  qa: F,
+  readOnly: I,
+  required: f,
+  size: C,
+  state: _,
+  type: R = "text",
+  value: o,
+  onBlur: A,
+  onClick: B,
+  onFocus: D,
+  onKeyDown: Z,
+  onKeyUp: L,
+  ...M
+}, P) {
+  const [U, k] = d(o ? o.length : 0), s = t?.type === "text" && t.placement === "left" ? t.content : null, a = t?.type === "text" && t.placement === "right" ? t.content : null, c = t?.type === "icon" && t.placement === "left" ? t.content : null, l = t?.type === "icon" && t.placement === "right" ? t.content : null, g = p !== void 0 ? p : !!n, q = m || (n ? "%count% / %max%" : "%count%"), z = [S, g ? `${e}--counter` : null, u ? `${e}--description` : null].filter(Boolean).join(" ") || void 0, G = N({
+    "a-input": !0,
+    "a-input--inline": !!i,
+    [`a-input--${K[C || Q]}`]: !!C,
+    "has-icon-left": !!c || t?.type === "spinner" && t?.placement === "left",
+    "has-icon-right": !c && !!l,
+    "has-addon-left": !!s,
+    "has-addon-right": !!a,
+    "has-error": _ === "error",
+    "has-spinner": t?.type === "spinner",
+    [`has-spinner-${t?.placement}`]: !!t
+  }), H = N({
+    "a-input__wrapper": !0,
+    "a-input__wrapper--inline": !!i
+  }), J = (y) => (k(y.target.value.length), h && h(y));
+  return /* @__PURE__ */ x("div", { className: G, "data-qa": F, children: [
+    V({ label: j, id: e, required: f, inline: i }),
+    W({ id: e, description: u, state: _ }),
+    /* @__PURE__ */ x("div", { className: H, children: [
+      t?.type === "spinner" && /* @__PURE__ */ r(O, { size: "small" }),
+      !!c && /* @__PURE__ */ r(b, { name: c }),
+      !!s && /* @__PURE__ */ r("div", { className: "a-input__addon", children: s }),
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ref: P,
+          type: R,
+          value: o,
+          name: E,
+          id: e,
+          autoComplete: w,
+          disabled: T,
+          readOnly: I,
+          required: f,
+          maxLength: n && v ? n : void 0,
+          onChange: J,
+          onBlur: A,
+          onClick: B,
+          onFocus: D,
+          onKeyDown: Z,
+          onKeyUp: L,
+          role: $,
+          "aria-describedby": z,
+          ...M
+        }
+      ),
+      !!l && !c && /* @__PURE__ */ r(b, { name: l }),
+      !!a && /* @__PURE__ */ r("div", { className: "a-input__addon", children: a })
+    ] }),
+    X({
+      id: e,
+      charCountText: q,
+      charCounter: g,
+      characterCount: o ? o.length : U,
+      maxLength: n
+    })
+  ] });
+});
+export {
+  lt as TextField
+};

package/index47.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("./index53.js"),m=require("./index51.js"),x=require("./index24.js");function C({checked:r=!1,checkedTheme:j="",checkedIcon:n,checkedLabel:o="",id:N,onClick:g,qa:T,showLabels:a=!1,size:t,uncheckedTheme:p="danger",uncheckedIcon:l,uncheckedLabel:u=""}){const E=()=>{g&&g(!r)},S=m.classNames({"a-toggle":!0,[`a-toggle--${e.SIZE_MAP[t||e.DEFAULT_SIZE]}`]:!!t}),c=(i,_,d)=>m.classNames({"a-button":!0,[`a-button--${e.SIZE_MAP[t||e.DEFAULT_SIZE]}`]:!!t,[`a-button--${i}`]:!!i,"has-icon-left":!!a&&!!_,"has-icon":!a&&!!_,[`a-toggle__${d}`]:!!d}),f=c(j,n,"on"),q=c(p,l,"off");return s.jsx("div",{className:S,"data-qa":T,children:s.jsxs("button",{className:"a-toggle__button",id:N,"aria-expanded":r,onClick:E,children:[s.jsxs("span",{className:f,children:[n?s.jsx(x.Icon,{name:n,screenReaderText:a?"":o}):null,a&&s.jsx("span",{className:"a-toggle__label",children:o})]}),s.jsxs("span",{className:q,children:[l?s.jsx(x.Icon,{name:l,screenReaderText:a?"":u}):null,a&&s.jsx("span",{className:"a-toggle__label",children:u})]})]})})}exports.Toggle=C;

package/index47.mjs

@@ -0,0 +1,45 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+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,
+  checkedTheme: x = "",
+  checkedIcon: s,
+  checkedLabel: o = "",
+  id: C,
+  onClick: g,
+  qa: T,
+  showLabels: a = !1,
+  size: l,
+  uncheckedTheme: $ = "danger",
+  uncheckedIcon: n,
+  uncheckedLabel: m = ""
+}) {
+  const E = () => {
+    g && g(!r);
+  }, j = f({
+    "a-toggle": !0,
+    [`a-toggle--${_[l || d]}`]: !!l
+  }), i = (u, c, p) => f({
+    "a-button": !0,
+    [`a-button--${_[l || d]}`]: !!l,
+    [`a-button--${u}`]: !!u,
+    "has-icon-left": !!a && !!c,
+    "has-icon": !a && !!c,
+    [`a-toggle__${p}`]: !!p
+  }), A = i(x, s, "on"), R = i($, n, "off");
+  return /* @__PURE__ */ t("div", { className: j, "data-qa": T, children: /* @__PURE__ */ e("button", { className: "a-toggle__button", id: C, "aria-expanded": r, onClick: E, children: [
+    /* @__PURE__ */ e("span", { className: A, children: [
+      s ? /* @__PURE__ */ t(N, { name: s, screenReaderText: a ? "" : o }) : null,
+      a && /* @__PURE__ */ t("span", { className: "a-toggle__label", children: o })
+    ] }),
+    /* @__PURE__ */ e("span", { className: R, children: [
+      n ? /* @__PURE__ */ t(N, { name: n, screenReaderText: a ? "" : m }) : null,
+      a && /* @__PURE__ */ t("span", { className: "a-toggle__label", children: m })
+    ] })
+  ] }) });
+}
+export {
+  v as Toggle
+};

package/index48.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),s=require("./index66.js");;/* empty css         */;/* empty css         */function n({anchor:i,anchorId:e="aui-tooltip",location:o="bottom",text:r="",qa:l}){return t.jsxs(t.Fragment,{children:[a.cloneElement(i,{id:e,"aria-describedby":`tooltip-${e}`,tabIndex:0}),t.jsx(s.Tooltip,{id:`tooltip-${e}`,anchorSelect:e?`#${e}`:void 0,className:"a-tooltip__base",noArrow:!0,positionStrategy:"fixed",place:o,style:{padding:"0"},children:t.jsx("div",{className:"a-tooltip","data-qa":l,children:r})})]})}exports.Tooltip=n;

package/index48.mjs

@@ -0,0 +1,26 @@
+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 "./index66.mjs";
+/* empty css         */
+/* empty css         */
+function x({ anchor: i, anchorId: t = "aui-tooltip", location: e = "bottom", text: r = "", qa: l }) {
+  return /* @__PURE__ */ a(p, { children: [
+    m(i, { id: t, "aria-describedby": `tooltip-${t}`, tabIndex: 0 }),
+    /* @__PURE__ */ o(
+      s,
+      {
+        id: `tooltip-${t}`,
+        anchorSelect: t ? `#${t}` : void 0,
+        className: "a-tooltip__base",
+        noArrow: !0,
+        positionStrategy: "fixed",
+        place: e,
+        style: { padding: "0" },
+        children: /* @__PURE__ */ o("div", { className: "a-tooltip", "data-qa": l, children: r })
+      }
+    )
+  ] });
+}
+export {
+  x as Tooltip
+};

package/index49.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),R=require("react"),U=require("./index51.js"),p=require("./index61.js"),w=require("./index50.js");function V({acceptedFormat:t="*",deleteAriaLabel:f="Verwijder bestand",disabled:c=!1,files:n=[],formatErrorLabel:_="Dit bestandsformaat is niet toegestaan.",id:i,label:h="Sleep een bestand hier of klik om te bladeren",maxSize:l=10,maxSizeLabel:j="Maximale bestandsgrootte:",hideMaxSizeLabel:b=!1,multiple:u=!0,required:m=!1,onChange:r,onDelete:d,sizeErrorLabel:g="Maximale bestandsgrootte overschreden.",qa:x}){const o=R.useRef(null),N=s=>{d&&d(n?.filter(a=>a?.name!==s.name)),o.current&&(o.current.value="")},v=s=>{if(u){const a=s.target?.files?[...n,...Array.from(s.target.files)].filter((q,y,F)=>F.findIndex(M=>M.name===q.name)===y):[];r&&r(a,p.areFilesValid(a,t,l))}else{const a=s.target?.files?.[0]?[s.target?.files?.[0]]:[];r&&r(a,p.areFilesValid(a,t,l))}};return e.jsxs("div",{className:U.classNames({"m-upload":!0,"is-disabled":!!c}),"data-qa":x,children:[e.jsx("div",{className:"m-upload__inner",children:e.jsxs("div",{className:"m-upload__dropzone",children:[e.jsx("input",{ref:o,id:i,type:"file",multiple:u,required:m,onChange:v,accept:t,className:"m-upload__input",disabled:c,"aria-describedby":`${i}-description`}),e.jsx("div",{className:"m-upload__content",children:e.jsxs("label",{htmlFor:i,className:"m-upload__message u-margin-bottom",children:[h," ",m&&e.jsx("span",{className:"u-text-danger",children:"*"})]})})]})}),!b&&l&&e.jsxs("small",{id:`${i}-description`,className:"m-upload__description",children:[j," ",l,"MB"]}),n?.length?e.jsx("ul",{className:"m-upload__files",children:n?.map(s=>e.jsx(w.UploadFile,{file:s,deleteAriaLabel:f,formatErrorLabel:_,sizeErrorLabel:g,onDelete:d&&N,maxSize:l,acceptedFormat:t},s?.name))}):null]})}exports.Upload=V;

package/index49.mjs

@@ -0,0 +1,83 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import F from "react";
+import { classNames as U } from "./index51.mjs";
+import { areFilesValid as u } from "./index61.mjs";
+import { UploadFile as V } from "./index50.mjs";
+function q({
+  acceptedFormat: t = "*",
+  deleteAriaLabel: _ = "Verwijder bestand",
+  disabled: c = !1,
+  files: n = [],
+  formatErrorLabel: h = "Dit bestandsformaat is niet toegestaan.",
+  id: r,
+  label: b = "Sleep een bestand hier of klik om te bladeren",
+  maxSize: s = 10,
+  maxSizeLabel: g = "Maximale bestandsgrootte:",
+  hideMaxSizeLabel: N = !1,
+  multiple: p = !0,
+  required: f = !1,
+  onChange: i,
+  onDelete: d,
+  sizeErrorLabel: v = "Maximale bestandsgrootte overschreden.",
+  qa: j
+}) {
+  const m = F.useRef(null), w = (e) => {
+    d && d(n?.filter((a) => a?.name !== e.name)), m.current && (m.current.value = "");
+  }, x = (e) => {
+    if (p) {
+      const a = e.target?.files ? [...n, ...Array.from(e.target.files)].filter(
+        (y, M, R) => R.findIndex((k) => k.name === y.name) === M
+      ) : [];
+      i && i(a, u(a, t, s));
+    } else {
+      const a = e.target?.files?.[0] ? [e.target?.files?.[0]] : [];
+      i && i(a, u(a, t, s));
+    }
+  };
+  return /* @__PURE__ */ o("div", { className: U({ "m-upload": !0, "is-disabled": !!c }), "data-qa": j, children: [
+    /* @__PURE__ */ l("div", { className: "m-upload__inner", children: /* @__PURE__ */ o("div", { className: "m-upload__dropzone", children: [
+      /* @__PURE__ */ l(
+        "input",
+        {
+          ref: m,
+          id: r,
+          type: "file",
+          multiple: p,
+          required: f,
+          onChange: x,
+          accept: t,
+          className: "m-upload__input",
+          disabled: c,
+          "aria-describedby": `${r}-description`
+        }
+      ),
+      /* @__PURE__ */ l("div", { className: "m-upload__content", children: /* @__PURE__ */ o("label", { htmlFor: r, className: "m-upload__message u-margin-bottom", children: [
+        b,
+        " ",
+        f && /* @__PURE__ */ l("span", { className: "u-text-danger", children: "*" })
+      ] }) })
+    ] }) }),
+    !N && s && /* @__PURE__ */ o("small", { id: `${r}-description`, className: "m-upload__description", children: [
+      g,
+      " ",
+      s,
+      "MB"
+    ] }),
+    n?.length ? /* @__PURE__ */ l("ul", { className: "m-upload__files", children: n?.map((e) => /* @__PURE__ */ l(
+      V,
+      {
+        file: e,
+        deleteAriaLabel: _,
+        formatErrorLabel: h,
+        sizeErrorLabel: v,
+        onDelete: d && w,
+        maxSize: s,
+        acceptedFormat: t
+      },
+      e?.name
+    )) }) : null
+  ] });
+}
+export {
+  q as Upload
+};

package/index5.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react");;/* empty css         */const J=require("./index20.js"),M=require("./index22.js"),R=require("./index27.js"),Q=require("./index46.js");function W({id:V="aui-autocomplete",label:m,items:a,name:h,multiple:l,required:A,inputValue:b,value:t,onInputChange:I,onChange:i,noResultsText:T="Geen resultaten",qa:B,description:C,state:K,addOn:x,disabled:N=!1}){const[S,p]=n.useState(!1),[d,O]=n.useState(a),[P,_]=n.useState(b||""),[G,y]=n.useState(!l&&t||""),[c,w]=n.useState(-1),[g,k]=n.useState(l&&t||[]),f=b||b===""?b:P,j=t||t===""?t:G,L=n.useRef(null);n.useEffect(()=>{t&&!l&&F(t,!0),t&&l&&k(t)},[t]),n.useEffect(()=>{O((a||[]).filter(e=>f?e.label?.toLowerCase().includes(f.toLowerCase()):!0))},[f,a]),n.useEffect(()=>{L.current&&L.current.querySelector(`.a-list__item:nth-child(${c+1})`)?.scrollIntoView({block:"nearest",inline:"nearest"})},[c]);const U=e=>{p(e)},q=()=>{p(!1),w(-1)},D=e=>{_(e),p(!0),j&&!e&&(y(""),!l&&i&&i("",h)),I&&I(e,h)},F=(e,s=!1)=>{if(!l&&t!==""&&(!t||t===e)){const r=a?.find(u=>u.value===e);D(r?.label||""),y(r?.value||""),q()}!s&&i&&i(e,h)},E=e=>{const s=a?.find(u=>u.value===e);s&&y(s.value);const r=g.includes(e)?g.filter(u=>u!==e):[...g,e].filter(u=>u!=="");k(r),i&&i(r,h)},$=()=>{const e=a?.find(s=>s.value===j);e&&f?.length&&e.label!==f&&D(e.label),q()},v=()=>{const e=d&&d[c];e&&(l?E(e.value):F(e.value))},z=e=>{if(!S)return;const s=d?.length||0;switch(e.key){case"ArrowDown":return e.preventDefault(),w(c===-1?0:(c+1)%s),p(!0);case"ArrowUp":return e.preventDefault(),w(c===-1||c-1<0?s-1:c-1),p(!0);case"Enter":return e.preventDefault(),v();case"Escape":return q()}},H=e=>l?g.includes(e):e===j;return o.jsx(J.Flyout,{scrollable:!0,hasPadding:!1,qa:B,className:"m-autocomplete",trigger:o.jsx(Q.TextField,{id:V,name:h,label:m,onBlur:$,value:f,onChange:e=>D(e.target.value),role:"combobox",autoComplete:"off","aria-autocomplete":"list","aria-haspopup":"true","aria-expanded":S,onKeyDown:z,description:C,required:A,state:K,addOn:x?{...x,content:x.content}:void 0,disabled:N}),ref:L,open:S,onStateChange:U,children:d&&d.length?o.jsx(M.FunctionalList,{lined:!0,onItemClick:e=>{l?E(e):F(e)},children:d.map((e,s)=>o.jsxs(R.ListItem,{id:e.key||e.value,tabIndex:-1,highlighted:s===c,onMouseDown:r=>r.preventDefault(),active:H(e.value),name:e.value,link:{href:""},children:[e.label,e.subLabel?o.jsx("p",{className:"small",children:e.subLabel}):null]},e.key||e.value))}):o.jsx(M.FunctionalList,{lined:!0,children:o.jsx(R.ListItem,{id:"aui-autocomplete-no-results",children:o.jsx("small",{children:T})})})})}exports.Autocomplete=W;