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

package/index40.mjs

@@ -1,40 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,54 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,73 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,49 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,73 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,99 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,45 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,26 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,83 +0,0 @@
-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

@@ -1 +0,0 @@
-"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;