@altinn/altinn-components 0.52.3 → 0.52.4

package/dist/components/Settings/SettingsModal.js

@@ -1,39 +1,38 @@
-import { jsxs as e, jsx as d } from "react/jsx-runtime";
-import { createElement as x } from "react";
-import "../../index-L8X2o7IH.js";
-import { Button as g } from "../Button/Button.js";
-import { ButtonGroup as j } from "../Button/ButtonGroup.js";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { createElement as h } from "react";
+import "../../index-p1eeF8LQ.js";
+import { Button as s } from "../Button/Button.js";
+import { ButtonGroup as B } from "../Button/ButtonGroup.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { ModalBase as y } from "../Modal/ModalBase.js";
-import { ModalHeader as E } from "../Modal/ModalHeader.js";
-import { ModalBody as G } from "../Modal/ModalBody.js";
-const J = ({
-  icon: a,
-  title: c,
-  description: f,
-  open: l,
-  onClose: i,
+import { ModalBase as M } from "../Modal/ModalBase.js";
+import { ModalHeader as k } from "../Modal/ModalHeader.js";
+import { ModalBody as x } from "../Modal/ModalBody.js";
+const w = ({
+  icon: e,
+  title: p,
+  description: l,
+  open: d,
+  onClose: r,
   buttons: m,
-  children: h,
-  ...B
-}) => /* @__PURE__ */ e(y, { ...B, open: l, onClose: i, children: [
-  /* @__PURE__ */ d(E, { icon: a, title: c, description: f, onClose: i }),
-  /* @__PURE__ */ e(G, { children: [
-    h,
-    (m == null ? void 0 : m.length) && /* @__PURE__ */ d(j, { children: m == null ? void 0 : m.map((r, M) => /* @__PURE__ */ x(
-      g,
+  children: a,
+  ...c
+}) => /* @__PURE__ */ i(M, { ...c, open: d, onClose: r, children: [
+  /* @__PURE__ */ t(k, { icon: e, title: p, description: l, onClose: r }),
+  /* @__PURE__ */ i(x, { children: [
+    a,
+    m?.length && /* @__PURE__ */ t(B, { children: m?.map((o, f) => /* @__PURE__ */ h(
+      s,
       {
-        ...r,
-        key: M,
-        onClick: (k) => {
-          var p;
-          (p = r == null ? void 0 : r.onClick) == null || p.call(r, k), r != null && r.close && (i == null || i());
+        ...o,
+        key: f,
+        onClick: (n) => {
+          o?.onClick?.(n), o?.close && r?.();
         }
       }
     )) })
   ] })
 ] });
 export {
-  J as SettingsModal
+  w as SettingsModal
 };

package/dist/components/Settings/SettingsSection.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Settings/UsedByLog.js

@@ -1,42 +1,42 @@
 "use client";
-import { jsx as n, jsxs as u } from "react/jsx-runtime";
-import { useState as B, createElement as L, useMemo as S, Fragment as j } from "react";
-import "../../index-L8X2o7IH.js";
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { useState as y, createElement as B, useMemo as L, Fragment as S } from "react";
+import "../../index-p1eeF8LQ.js";
 import "../RootProvider/RootProvider.js";
-import { SeenByLogButton as g } from "../Dialog/SeenByLogButton.js";
-import { Divider as i } from "../Divider/Divider.js";
-import { List as m } from "../List/List.js";
+import { SeenByLogButton as s } from "../Dialog/SeenByLogButton.js";
+import { Divider as d } from "../Divider/Divider.js";
+import { List as u } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as k } from "../Page/Flex.js";
-import { Section as f } from "../Page/Section.js";
-import { UsedByLogItem as h } from "./UsedByLogItem.js";
+import { Flex as j } from "../Page/Flex.js";
+import { Section as g } from "../Page/Section.js";
+import { UsedByLogItem as f } from "./UsedByLogItem.js";
 const q = ({
-  collapsible: a = !0,
-  expanded: l,
-  title: c,
-  items: r,
-  size: p = "sm",
-  endUserLabel: t
+  collapsible: i = !0,
+  expanded: h,
+  title: t,
+  items: n,
+  size: e = "sm",
+  endUserLabel: m
 }) => {
-  const [d, v] = B(l || !a && !0), x = () => {
-    v((o) => !o);
+  const [c, l] = y(h || !i && !0), v = () => {
+    l((r) => !r);
   };
-  if ((r == null ? void 0 : r.length) === 1)
-    return /* @__PURE__ */ n(f, { spacing: 1, children: /* @__PURE__ */ n(m, { size: p, spacing: 1, children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ L(h, { ...o, key: o.id, size: p, endUserLabel: t })) }) });
-  const e = S(
-    () => r.map((o) => ({
-      ...o,
-      ...o.avatar
+  if (n?.length === 1)
+    return /* @__PURE__ */ o(g, { spacing: 1, children: /* @__PURE__ */ o(u, { size: e, spacing: 1, children: n?.map((r) => /* @__PURE__ */ B(f, { ...r, key: r.id, size: e, endUserLabel: m })) }) });
+  const p = L(
+    () => n.map((r) => ({
+      ...r,
+      ...r.avatar
     })),
-    [r]
+    [n]
   );
-  return /* @__PURE__ */ u(f, { spacing: 1, children: [
-    c && /* @__PURE__ */ n(k, { children: a ? /* @__PURE__ */ n(g, { icon: { items: e }, as: "button", onClick: x, children: c }) : /* @__PURE__ */ n(g, { icon: { items: e }, as: "div", children: c }) }),
-    c && d && /* @__PURE__ */ n(i, {}),
-    d && /* @__PURE__ */ n(m, { size: p, spacing: 1, children: r == null ? void 0 : r.map((o, y) => /* @__PURE__ */ u(j, { children: [
-      y > 0 && /* @__PURE__ */ n(i, {}),
-      /* @__PURE__ */ n(h, { ...o, size: p, endUserLabel: t })
-    ] }, o.id)) })
+  return /* @__PURE__ */ a(g, { spacing: 1, children: [
+    t && /* @__PURE__ */ o(j, { children: i ? /* @__PURE__ */ o(s, { icon: { items: p }, as: "button", onClick: v, children: t }) : /* @__PURE__ */ o(s, { icon: { items: p }, as: "div", children: t }) }),
+    t && c && /* @__PURE__ */ o(d, {}),
+    c && /* @__PURE__ */ o(u, { size: e, spacing: 1, children: n?.map((r, x) => /* @__PURE__ */ a(S, { children: [
+      x > 0 && /* @__PURE__ */ o(d, {}),
+      /* @__PURE__ */ o(f, { ...r, size: e, endUserLabel: m })
+    ] }, r.id)) })
   ] });
 };
 export {

package/dist/components/Settings/UsedByLogItem.js

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { Badge as p } from "../Badge/Badge.js";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Byline as c } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Skeleton/Skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
+import { c as l } from "../../index-p1eeF8LQ.js";
 import '../../assets/Skeleton.css';const c = "_skeleton_kmhzx_1", d = {
   skeleton: c
 }, p = ({

package/dist/components/SkipLink/SkipLink.js

@@ -3,7 +3,7 @@ import { jsx as s } from "react/jsx-runtime";
 import { c as a } from "../../lite-1fxw3LjI.js";
 import { forwardRef as c } from "react";
 const e = c(function({ children: i, className: r, ...o }, t) {
-  return s("a", { className: a("ds-skiplink", r), ...o, ref: t, children: i });
+  return s("a", { className: a("ds-skip-link", r), ...o, ref: t, children: i });
 }), m = ({ color: n, size: i, children: r, href: o }) => /* @__PURE__ */ s(
   e,
   {

package/dist/components/Snackbar/SnackbarItem.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as f, jsx as l } from "react/jsx-runtime";
-import { c as p } from "../../index-L8X2o7IH.js";
+import { jsxs as f, jsx as c } from "react/jsx-runtime";
+import { c as p } from "../../index-p1eeF8LQ.js";
 import { Icon as u } from "../Icon/Icon.js";
 import a, { forwardRef as v } from "react";
 import { IconButton as _ } from "../Button/IconButton.js";
@@ -8,7 +8,7 @@ import "../RootProvider/RootProvider.js";
 import "./useSnackbar.js";
 import { u as g } from "../../useId-BVFxCjkq.js";
 import { S as h } from "../../XMark-tKk6aExO.js";
-import '../../assets/SnackbarItem.css';var w = function(e, i) {
+import '../../assets/SnackbarItem.css';var y = function(e, i) {
   var o = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (o[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -16,8 +16,8 @@ import '../../assets/SnackbarItem.css';var w = function(e, i) {
       i.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (o[t[n]] = e[t[n]]);
   return o;
 };
-const y = v((e, i) => {
-  var { title: o, titleId: t } = e, n = w(e, ["title", "titleId"]);
+const w = v((e, i) => {
+  var { title: o, titleId: t } = e, n = y(e, ["title", "titleId"]);
   let r = g();
   return r = o ? t || "title-" + r : void 0, a.createElement(
     "svg",
@@ -25,33 +25,33 @@ const y = v((e, i) => {
     o ? a.createElement("title", { id: r }, o) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zm-1.987 17.237a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
   );
-}), x = "_item_1a13i_1", O = "_icon_1a13i_23", I = "_content_1a13i_33", b = "_action_1a13i_41", c = {
+}), x = "_item_1a13i_1", O = "_icon_1a13i_23", I = "_content_1a13i_33", b = "_action_1a13i_41", l = {
   item: x,
   icon: O,
   content: I,
   action: b
 };
-var j = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(j || {});
+var j = /* @__PURE__ */ ((e) => (e.company = "company", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(j || {});
 const F = ({
   as: e,
   message: i,
   className: o,
   color: t,
-  icon: n = y,
+  icon: n = w,
   iconAltText: r = "Bell icon",
   dismissable: s = !0,
   onDismiss: m,
   ...d
-}) => /* @__PURE__ */ f(e || "div", { className: p(c.item, o), "data-color": t, role: "alert", ...d, children: [
-  /* @__PURE__ */ l(u, { svgElement: n, className: c.icon, "aria-hidden": "true" }),
-  /* @__PURE__ */ l("div", { className: c.content, children: i }),
-  s && /* @__PURE__ */ l("div", { className: c.action, children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ f(e || "div", { className: p(l.item, o), "data-color": t, role: "alert", ...d, children: [
+  /* @__PURE__ */ c(u, { svgElement: n, className: l.icon, "aria-hidden": "true" }),
+  /* @__PURE__ */ c("div", { className: l.content, children: i }),
+  s && /* @__PURE__ */ c("div", { className: l.action, children: /* @__PURE__ */ c(
     _,
     {
       icon: h,
       variant: "solid",
       onClick: m,
-      className: c.dismiss,
+      className: l.dismiss,
       iconAltText: "close"
     }
   ) })

package/dist/components/Snackbar/useSnackbar.js

@@ -1,28 +1,28 @@
 "use client";
-import { jsx as h } from "react/jsx-runtime";
-import { createContext as x, useState as d, useRef as b, useCallback as v, useEffect as w, useContext as C } from "react";
-var S = /* @__PURE__ */ ((e) => (e[e.infinite = 0] = "infinite", e[e.short = 1e3] = "short", e[e.normal = 3e3] = "normal", e[e.long = 5e3] = "long", e))(S || {});
-const a = x(void 0), l = 3e3, P = ({ children: e }) => {
-  const [f, o] = d(!1), [i, c] = d([]), s = b(null), m = () => {
-    c([]), o(!1), s.current && clearTimeout(s.current);
+import { jsx as v } from "react/jsx-runtime";
+import { createContext as h, useState as a, useRef as x, useCallback as b, useEffect as w, useContext as M } from "react";
+var C = /* @__PURE__ */ ((e) => (e[e.infinite = 0] = "infinite", e[e.short = 1e3] = "short", e[e.normal = 3e3] = "normal", e[e.long = 5e3] = "long", e))(C || {});
+const l = h(void 0), d = 3e3, P = ({ children: e }) => {
+  const [f, o] = a(!1), [i, c] = a([]), r = x(null), m = () => {
+    c([]), o(!1), r.current && clearTimeout(r.current);
   }, g = (t) => {
-    const n = btoa(String(Math.random())).substring(0, 12);
-    return c((r) => [...r, { ...t, id: n }]), o(!0), n;
-  }, u = v((t) => {
-    c((n) => {
-      const r = n.filter((p) => p.id !== t);
-      return o(r.length > 0), r;
+    const s = btoa(String(Math.random())).substring(0, 12);
+    return c((n) => [...n, { ...t, id: s }]), o(!0), s;
+  }, u = b((t) => {
+    c((s) => {
+      const n = s.filter((p) => p.id !== t);
+      return o(n.length > 0), n;
     });
   }, []);
   return w(() => {
-    const t = i.find((r) => (r.duration ?? l) > 0), n = (t == null ? void 0 : t.duration) || l;
-    return t && (s.current = window.setTimeout(() => {
+    const t = i.find((n) => (n.duration ?? d) > 0), s = t?.duration || d;
+    return t && (r.current = window.setTimeout(() => {
       u(t.id);
-    }, n)), () => {
-      s.current && clearTimeout(s.current);
+    }, s)), () => {
+      r.current && clearTimeout(r.current);
     };
-  }, [i, u]), /* @__PURE__ */ h(
-    a.Provider,
+  }, [i, u]), /* @__PURE__ */ v(
+    l.Provider,
     {
       value: {
         open: f,
@@ -35,13 +35,13 @@ const a = x(void 0), l = 3e3, P = ({ children: e }) => {
     }
   );
 }, k = () => {
-  const e = C(a);
+  const e = M(l);
   if (!e)
     throw new Error("useSnackbar must be used within a SnackbarProvider");
   return e;
 };
 export {
-  S as SnackbarDuration,
+  C as SnackbarDuration,
   P as SnackbarProvider,
   k as useSnackbar
 };

package/dist/components/Timeline/Timeline.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Timeline/TimelineActivity.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as n } from "../Typography/Typography.js";
 import { Byline as l } from "../Byline/Byline.js";

package/dist/components/Timeline/TimelineBase.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { TimelineIcon as v } from "./TimelineIcon.js";

package/dist/components/Timeline/TimelineFooter.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Byline as l } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Timeline/TimelineHeader.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Skeleton as c } from "../Skeleton/Skeleton.js";
 import { Byline as a } from "../Byline/Byline.js";

package/dist/components/Timeline/TimelineIcon.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { isValidElement as n } from "react";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import { Icon as s, isIconProps as p } from "../Icon/Icon.js";
 import { isAvatarProps as l, Avatar as f } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as c, AvatarGroup as u } from "../Avatar/AvatarGroup.js";

package/dist/components/Timeline/TimelineLink.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { c as i } from "../../index-L8X2o7IH.js";
+import { c as i } from "../../index-p1eeF8LQ.js";
 import "react";
 import { ButtonBase as p } from "../Button/ButtonBase.js";
 import { ButtonLabel as b } from "../Button/ButtonLabel.js";

package/dist/components/Timeline/TimelineSection.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as c } from "../Typography/Typography.js";
 import { Byline as j } from "../Byline/Byline.js";

package/dist/components/Timeline/TimelineSegment.js

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as S } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Byline as a } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Toolbar/Toolbar.js

@@ -1,102 +1,101 @@
 "use client";
-import { jsxs as R, jsx as c } from "react/jsx-runtime";
-import { useState as q, useMemo as F, useEffect as G } from "react";
+import { jsxs as R, jsx as s } from "react/jsx-runtime";
+import { useState as q, useMemo as T, useEffect as G } from "react";
 import { useRootContext as V } from "../RootProvider/RootProvider.js";
 import { ToolbarAccountMenu as $ } from "./ToolbarAccountMenu.js";
 import { ToolbarAdd as k } from "./ToolbarAdd.js";
 import { ToolbarBase as w } from "./ToolbarBase.js";
 import { ToolbarFilter as B } from "./ToolbarFilter.js";
 import { ToolbarSearch as E } from "./ToolbarSearch.js";
-const g = (r, d) => d || `toolbar-filter-${r}`, P = ({
-  filters: r = [],
-  filterState: d,
+const g = (n, c) => c || `toolbar-filter-${n}`, P = ({
+  filters: n = [],
+  filterState: c,
   onFilterStateChange: f,
   search: m,
   accountMenu: b,
   getFilterLabel: v,
   children: y,
   showResultsLabel: S,
-  removeButtonAltText: x,
-  addFilterButtonLabel: A
+  removeButtonAltText: h,
+  addFilterButtonLabel: x
 }) => {
-  const { openId: h, closeAll: T } = V(), t = d || {}, s = typeof f == "function" ? f : () => {
-  }, [i, u] = q(
-    () => r.filter((o) => !o.removable || typeof t[o.name] < "u").map((o) => o.name)
-  ), I = F(
-    () => i.map((o) => r.find((e) => e.name === o)).filter((o) => typeof o < "u"),
-    [r, i]
-  ), a = F(
-    () => r.filter((o) => !i.includes(o.name)),
-    [r, i]
+  const { openId: A, closeAll: F } = V(), t = c || {}, a = typeof f == "function" ? f : () => {
+  }, [i, d] = q(
+    () => n.filter((e) => !e.removable || typeof t[e.name] < "u").map((e) => e.name)
+  ), I = T(
+    () => i.map((e) => n.find((o) => o.name === e)).filter((e) => typeof e < "u"),
+    [n, i]
+  ), u = T(
+    () => n.filter((e) => !i.includes(e.name)),
+    [n, i]
   );
   G(() => {
-    const o = r.filter((e) => !e.removable || typeof t[e.name] < "u").map((e) => e.name);
-    u((e) => {
-      const n = o.filter((l) => !e.includes(l));
-      return n.length === 0 ? e : [...e, ...n];
+    const e = n.filter((o) => !o.removable || typeof t[o.name] < "u").map((o) => o.name);
+    d((o) => {
+      const l = e.filter((r) => !o.includes(r));
+      return l.length === 0 ? o : [...o, ...l];
     });
-  }, [r, t]);
-  const j = ({ name: o, value: e, type: n }) => {
-    const l = [e];
-    n === "radio" ? (T(), s({
+  }, [n, t]);
+  const j = ({ name: e, value: o, type: l }) => {
+    const r = [o];
+    l === "radio" ? (F(), a({
       ...t,
-      [o]: l
-    })) : s({
+      [e]: r
+    })) : a({
       ...t,
-      [o]: t[o] ? t[o].some((p) => l.includes(String(p))) ? t[o].filter((p) => !(l || []).includes(String(p))) : [...t[o], ...l || []] : l
+      [e]: t[e] ? t[e].some((p) => r.includes(String(p))) ? t[e].filter((p) => !(r || []).includes(String(p))) : [...t[e], ...r || []] : r
     });
-  }, C = (o) => {
-    u((e) => e.filter((n) => n !== o)), s({
+  }, C = (e) => {
+    d((o) => o.filter((l) => l !== e)), a({
       ...t,
-      [o]: void 0
-    }), T();
-  }, N = (o, e) => {
-    i.includes(o) || u((n) => [...n, o]), h(e), s({
+      [e]: void 0
+    }), F();
+  }, N = (e, o) => {
+    i.includes(e) || d((l) => [...l, e]), A(o), a({
       ...t,
-      [o]: t[o] ?? []
+      [e]: t[e] ?? []
     }), requestAnimationFrame(() => {
-      const n = document.querySelector(`[data-testid="${e}"]`);
-      n == null || n.focus();
+      document.querySelector(`[data-testid="${o}"]`)?.focus();
     });
   };
   return /* @__PURE__ */ R(w, { children: [
-    b && /* @__PURE__ */ c($, { buttonTestId: "account-menu-button", ...b }),
-    m && /* @__PURE__ */ c(E, { ...m }),
-    I.map((o) => /* @__PURE__ */ c(
+    b && /* @__PURE__ */ s($, { buttonTestId: "account-menu-button", ...b }),
+    m && /* @__PURE__ */ s(E, { ...m }),
+    I.map((e) => /* @__PURE__ */ s(
       B,
       {
-        id: g(o.name, o.id),
+        id: g(e.name, e.id),
         showResultsLabel: S,
-        onRemove: () => C(o.name),
+        onRemove: () => C(e.name),
         onChange: j,
-        name: o.name,
-        options: o.options,
-        label: o.label,
-        optionType: o.optionType,
-        removable: o.removable,
+        name: e.name,
+        options: e.options,
+        label: e.label,
+        optionType: e.optionType,
+        removable: e.removable,
         getSelectedLabel: v,
-        buttonAltText: x,
-        optionGroups: o.optionGroups,
+        buttonAltText: h,
+        optionGroups: e.optionGroups,
         filterState: t
       },
-      o.name
+      e.name
     )),
-    (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ c(
+    u?.length > 0 && /* @__PURE__ */ s(
       k,
       {
         id: "toolbar-filter-add",
-        label: A,
-        items: a.map((o) => {
-          const e = g(o.name, o.id);
+        label: x,
+        items: u.map((e) => {
+          const o = g(e.name, e.id);
           return {
-            id: e,
-            title: o.label,
-            name: o.name,
-            onClick: () => N(o.name, e)
+            id: o,
+            title: e.label,
+            name: e.name,
+            onClick: () => N(e.name, o)
           };
         })
       },
-      a.join(",")
+      u.join(",")
     ),
     y
   ] });