@altinn/altinn-components 0.26.1 → 0.27.1

package/dist/components/List/ListItemHeader.js

@@ -14,7 +14,7 @@ import "../Snackbar/useSnackbar.js";
 import { S as O } from "../../ChevronUp-H8Nuww4h.js";
 import { S as P } from "../../ChevronDown-CRAwzuD3.js";
 import { S as Q } from "../../ChevronRight-DUaHaWi-.js";
-import '../../assets/ListItemHeader.css';const W = "_wrapper_1c93s_1", X = "_link_1c93s_5", Y = "_linkTitle_1c93s_10", Z = "_header_1c93s_16", $ = "_content_1c93s_54", t = {
+import '../../assets/ListItemHeader.css';const W = "_wrapper_e1z23_1", X = "_link_e1z23_5", Y = "_linkTitle_e1z23_10", Z = "_header_e1z23_16", $ = "_content_e1z23_54", t = {
   wrapper: W,
   link: X,
   linkTitle: Y,
@@ -27,22 +27,22 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_1c93s_1", X = "_lin
   theme: v,
   loading: r,
   disabled: k,
-  collapsible: L,
-  linkIcon: S,
-  expanded: u,
-  select: c,
-  href: x,
-  onClick: N,
-  onKeyPress: w,
-  tabIndex: b,
-  size: i = "sm",
-  title: l,
-  description: y,
-  icon: z,
+  collapsible: z,
+  linkIcon: L,
+  expanded: S,
+  select: l,
+  href: u,
+  onClick: x,
+  onKeyPress: N,
+  tabIndex: w,
+  size: s = "sm",
+  title: a,
+  description: b,
+  icon: y,
   avatar: C,
-  active: a,
+  active: c,
   avatarGroup: T,
-  badge: s,
+  badge: i,
   controls: p,
   className: j,
   children: B,
@@ -55,7 +55,7 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_1c93s_1", X = "_lin
     md: "lg",
     lg: "lg",
     xl: "xl"
-  }, d = L ? u ? O : P : S ? Q : void 0, o = D[i], F = () => s && !r && typeof s == "object" && "label" in s ? /* @__PURE__ */ e(V, { ...s }) : R(s) ? s : null, h = M();
+  }, d = z ? S ? O : P : L ? Q : void 0, o = D[s], F = () => i && !r && typeof i == "object" && "label" in i ? /* @__PURE__ */ e(V, { ...i }) : R(i) ? i : null, h = M();
   return /* @__PURE__ */ e("div", { className: t.wrapper, children: /* @__PURE__ */ n(
     "header",
     {
@@ -63,8 +63,8 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_1c93s_1", X = "_lin
       "data-color": I,
       "data-theme": v,
       "data-interactive": m,
-      "data-size": i,
-      "data-has-active-child": a,
+      "data-size": s,
+      "data-has-active-child": c,
       children: [
         /* @__PURE__ */ e(
           q,
@@ -72,25 +72,25 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_1c93s_1", X = "_lin
             interactive: m,
             className: f(t.link),
             as: _,
-            href: x,
-            onClick: N,
-            onKeyPress: w,
-            tabIndex: b,
+            href: u,
+            onClick: x,
+            onKeyPress: N,
+            tabIndex: w,
             loading: r,
             disabled: k || r,
-            active: a,
+            active: c,
             describedby: h,
-            children: /* @__PURE__ */ e("span", { className: t.linkTitle, children: E || l })
+            children: /* @__PURE__ */ e("span", { className: t.linkTitle, children: E || a })
           }
         ),
-        /* @__PURE__ */ n("div", { className: t.content, "data-size": i, children: [
-          c && /* @__PURE__ */ e(K, { ...c, className: t.select, size: o }),
+        /* @__PURE__ */ n("div", { className: t.content, "data-size": s, children: [
+          l && /* @__PURE__ */ e(K, { ...l, className: t.select, size: o }),
           /* @__PURE__ */ e(
             G,
             {
               loading: r,
               size: o,
-              icon: z,
+              icon: y,
               avatar: C,
               avatarGroup: T
             }
@@ -98,10 +98,10 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_1c93s_1", X = "_lin
           /* @__PURE__ */ e(
             A,
             {
-              size: i,
+              size: s,
               loading: r,
-              title: l,
-              description: y,
+              title: a,
+              description: b,
               id: h,
               titleAs: g,
               children: B

package/dist/components/Menu/Menu.js

@@ -1,41 +1,45 @@
-import { jsx as r } from "react/jsx-runtime";
-import { MenuBase as x } from "./MenuBase.js";
-import { MenuItems as j } from "./MenuItems.js";
-import { MenuItemsVirtual as B } from "./MenuItemsVirtual.js";
-const q = ({
-  color: n,
-  theme: i,
-  defaultItemColor: o,
-  defaultItemTheme: p,
-  defaultItemSize: M,
-  defaultIconTheme: m,
+import { jsx as o } from "react/jsx-runtime";
+import { MenuBase as R } from "./MenuBase.js";
+import { MenuItems as B } from "./MenuItems.js";
+import { MenuItemsVirtual as S } from "./MenuItemsVirtual.js";
+const w = ({
+  color: i,
+  theme: n,
+  defaultItemColor: p,
+  defaultItemTheme: M,
+  defaultItemSize: c,
+  defaultIconTheme: f,
   groups: s,
-  items: t = [],
-  search: u,
-  isVirtualized: f
-}) => f ? /* @__PURE__ */ r(x, { color: n, theme: i, children: /* @__PURE__ */ r(
-  B,
-  {
-    search: u,
-    items: t,
-    groups: s,
-    defaultItemSize: M,
-    defaultItemColor: o,
-    defaultItemTheme: p,
-    defaultIconTheme: m
-  }
-) }) : /* @__PURE__ */ r(x, { color: n, theme: i, children: /* @__PURE__ */ r(
-  j,
-  {
-    search: u,
-    items: t,
-    groups: s,
-    defaultItemSize: M,
-    defaultItemColor: o,
-    defaultItemTheme: p,
-    defaultIconTheme: m
-  }
-) });
+  items: x = [],
+  search: y,
+  menuItemsVirtual: r
+}) => {
+  const { isVirtualized: j } = r || {};
+  return j ? /* @__PURE__ */ o(R, { color: i, theme: n, children: /* @__PURE__ */ o(
+    S,
+    {
+      search: y,
+      items: x,
+      groups: s,
+      defaultItemSize: c,
+      defaultItemColor: p,
+      defaultItemTheme: M,
+      defaultIconTheme: f,
+      scrollRefStyles: r == null ? void 0 : r.scrollRefStyles
+    }
+  ) }) : /* @__PURE__ */ o(R, { color: i, theme: n, children: /* @__PURE__ */ o(
+    B,
+    {
+      search: y,
+      items: x,
+      groups: s,
+      defaultItemSize: c,
+      defaultItemColor: p,
+      defaultItemTheme: M,
+      defaultIconTheme: f
+    }
+  ) });
+};
 export {
-  q as Menu
+  w as Menu
 };

package/dist/components/Menu/MenuItemLabel.js

@@ -1,24 +1,24 @@
-import { jsx as t, jsxs as m, Fragment as d } from "react/jsx-runtime";
+import { jsx as e, jsxs as m, Fragment as d } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
-import '../../assets/MenuItemLabel.css';const _ = "_label_1ehsf_1", h = "_title_1ehsf_7", b = "_description_1ehsf_30", s = {
+import '../../assets/MenuItemLabel.css';const _ = "_label_10xs5_1", x = "_title_10xs5_19", b = "_description_10xs5_42", s = {
   label: _,
-  title: h,
+  title: x,
   description: b
-}, x = ({
+}, u = ({
   className: l,
-  size: e = "sm",
+  size: t = "sm",
   label: i,
   title: n,
   weight: c,
   description: o,
   children: a
 }) => {
-  const r = c || e === "lg" ? "medium" : "normal";
-  return /* @__PURE__ */ t("span", { className: p(s.label, l), "data-size": e, children: a || /* @__PURE__ */ m(d, { children: [
-    /* @__PURE__ */ t("strong", { className: s.title, "data-size": e, "data-weight": r, children: n || i }),
-    /* @__PURE__ */ t("span", { className: s.description, "data-size": e, children: o })
+  const r = c || t === "lg" ? "medium" : "normal";
+  return /* @__PURE__ */ e("span", { className: p(s.label, l), "data-size": t, children: a || /* @__PURE__ */ m(d, { children: [
+    /* @__PURE__ */ e("strong", { className: s.title, "data-size": t, "data-weight": r, children: n || i }),
+    /* @__PURE__ */ e("span", { className: s.description, "data-size": t, children: o })
   ] }) });
 };
 export {
-  x as MenuItemLabel
+  u as MenuItemLabel
 };

package/dist/components/Menu/MenuItemsVirtual.js

@@ -1,42 +1,43 @@
 "use client";
 import { jsxs as v, jsx as i } from "react/jsx-runtime";
-import { u as E } from "../../index-DyDqjche.js";
-import { useRef as b, useEffect as R } from "react";
+import { u as b } from "../../index-DyDqjche.js";
+import { useRef as R, useEffect as T } from "react";
 import "../../index-L8X2o7IH.js";
-import { useMenu as T } from "../../hooks/useMenu.js";
+import { useMenu as V } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as V } from "./MenuItem.js";
-import { MenuSearch as $ } from "./MenuSearch.js";
-import { MenuHeader as j } from "./MenuHeader.js";
-import { MenuList as k, MenuListItem as N } from "./MenuBase.js";
+import { MenuItem as $ } from "./MenuItem.js";
+import { MenuSearch as j } from "./MenuSearch.js";
+import { MenuHeader as k } from "./MenuHeader.js";
+import { MenuList as N, MenuListItem as g } from "./MenuBase.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemsVirtual.css';const g = "_virtualScrollRef_12fdc_1", q = "_virtualMenuListItem_12fdc_6", h = {
-  virtualScrollRef: g,
-  virtualMenuListItem: q
-}, U = ({
-  level: y = 0,
+import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_12fdc_1", B = "_virtualMenuListItem_12fdc_6", y = {
+  virtualScrollRef: q,
+  virtualMenuListItem: B
+}, W = ({
+  level: h = 0,
   search: l,
   items: I,
   groups: M = {},
   defaultItemSize: x,
   defaultItemColor: S,
   defaultItemTheme: P,
-  defaultIconTheme: L
+  defaultIconTheme: L,
+  scrollRefStyles: z
 }) => {
-  const { menu: z } = T({
+  const { menu: _ } = V({
     items: I,
     groups: M,
     groupByKey: "groupId",
     keyboardEvents: !1
-  }), m = b(null), a = z.flatMap((t, e) => {
+  }), m = R(null), a = _.flatMap((t, e) => {
     var u;
-    const _ = (t == null ? void 0 : t.props) || {}, { title: c } = _, p = ((u = t == null ? void 0 : t.items) == null ? void 0 : u.filter((r) => {
+    const E = (t == null ? void 0 : t.props) || {}, { title: c } = E, p = ((u = t == null ? void 0 : t.items) == null ? void 0 : u.filter((r) => {
       var s;
       return !((s = r.props) != null && s.hidden);
     })) || [];
     return [
-      ...e > 0 || y > 0 ? [{ type: "separator" }] : [],
+      ...e > 0 || h > 0 ? [{ type: "separator" }] : [],
       ...c ? [{ type: "title", title: c }] : [],
       ...p.map((r, s) => {
         var d, f;
@@ -49,32 +50,32 @@ import '../../assets/MenuItemsVirtual.css';const g = "_virtualScrollRef_12fdc_1"
         };
       })
     ];
-  }), n = E({
+  }), n = b({
     count: a.length,
     gap: 8,
     estimateSize: () => 44,
     getScrollElement: () => m.current
   }), o = n.getVirtualItems();
-  return R(() => {
+  return T(() => {
     for (const t of o) {
       const e = document.querySelector(`[data-index="${t.index}"]`);
       e && n.measureElement(e);
     }
-  }, [o]), /* @__PURE__ */ v(k, { children: [
-    l && /* @__PURE__ */ i($, { ...l }),
-    /* @__PURE__ */ i("div", { ref: m, className: h.virtualScrollRef, children: /* @__PURE__ */ i("div", { style: { position: "relative", height: `${n.getTotalSize()}px` }, children: o.map((t) => {
+  }, [o]), /* @__PURE__ */ v(N, { children: [
+    l && /* @__PURE__ */ i(j, { ...l }),
+    /* @__PURE__ */ i("div", { ref: m, className: y.virtualScrollRef, style: z, children: /* @__PURE__ */ i("div", { style: { position: "relative", height: `${n.getTotalSize()}px` }, children: o.map((t) => {
       const e = a[t.index];
       return e ? /* @__PURE__ */ v(
-        N,
+        g,
         {
           dataIndex: t.index,
-          className: h.virtualMenuListItem,
+          className: y.virtualMenuListItem,
           style: { transform: `translateY(${t.start}px)` },
           role: e.type === "separator" ? "separator" : void 0,
           children: [
-            e.type === "title" && /* @__PURE__ */ i(j, { title: e.title }),
+            e.type === "title" && /* @__PURE__ */ i(k, { title: e.title }),
             e.type === "item" && /* @__PURE__ */ i(
-              V,
+              $,
               {
                 ...e.itemProps,
                 size: e.itemProps.size || x,
@@ -93,5 +94,5 @@ import '../../assets/MenuItemsVirtual.css';const g = "_virtualScrollRef_12fdc_1"
   ] });
 };
 export {
-  U as MenuItemsVirtual
+  W as MenuItemsVirtual
 };

package/dist/components/Page/DashboardCard.js

@@ -8,24 +8,25 @@ import "../RootProvider/RootProvider.js";
 import { Heading as S } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { u as b, c as u } from "../../floating-ui.react-BQwG1HOM.js";
-import { S as h } from "../../index-C8BS_2GY.js";
+import { u as b } from "../../floating-ui.react-DpzNAs2N.js";
+import { S as u } from "../../index-C8BS_2GY.js";
+import { c as h } from "../../lite-1fxw3LjI.js";
 const j = p(function({ asChild: n = !1, variant: r = "default", className: s, ...c }, t) {
-  const l = n ? h : "div", f = g(null), k = b([f, t]);
+  const l = n ? u : "div", m = g(null), k = b([m, t]);
   return w(() => {
-    const e = f.current, m = ({ ctrlKey: x, metaKey: v, target: B }) => {
+    const e = m.current, f = ({ ctrlKey: x, metaKey: v, target: B }) => {
       const o = e == null ? void 0 : e.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
       !o || o != null && o.contains(B) || (x || v ? window.open(o.href, "", "noreferrer") : o.click());
     };
-    return e == null || e.addEventListener("click", m), () => e == null ? void 0 : e.removeEventListener("click", m);
-  }, []), i(l, { className: u("ds-card", s), "data-variant": r, ref: k, ...c });
+    return e == null || e.addEventListener("click", f), () => e == null ? void 0 : e.removeEventListener("click", f);
+  }, []), i(l, { className: h("ds-card", s), "data-variant": r, ref: k, ...c });
 }), E = p(function({ asChild: n, className: r, ...s }, c) {
-  return i(n ? h : "div", { className: u("ds-card__block", r), ref: c, ...s });
+  return i(n ? u : "div", { className: h("ds-card__block", r), ref: c, ...s });
 }), C = Object.assign(j, {
   Block: E
 });
 C.Block.displayName = "Card.Block";
-function $({
+function A({
   color: a,
   theme: n = "tinted",
   icon: r,
@@ -54,5 +55,5 @@ function $({
   ] });
 }
 export {
-  $ as DashboardCard
+  A as DashboardCard
 };

package/dist/components/Page/PageDetails.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { D as a, a as i, b as o } from "../../index-DcykCrjD.js";
+import { D as a, a as i, b as o } from "../../index-B7UjMwQm.js";
 const n = ({ summary: t, children: s }) => /* @__PURE__ */ r(a, { style: { fontSize: "1.125rem" }, children: [
   /* @__PURE__ */ e(i, { children: t }),
   /* @__PURE__ */ e(o, { children: s })

package/dist/components/Page/PageNav.js

@@ -12,17 +12,17 @@ import '../../assets/PageNav.css';const p = "_nav_9bu1z_1", v = "_controls_9bu1z
   nav: p,
   controls: v
 }, S = ({
-  color: e,
-  padding: s,
+  color: s,
+  padding: t,
   breadcrumbs: i,
   backButton: r = {
     as: "a",
     label: "Back"
   },
-  controls: t
-}) => /* @__PURE__ */ m(a, { as: "nav", direction: "row", align: "center", justify: "between", color: e, padding: s, children: [
-  i ? /* @__PURE__ */ o(l, { items: i }) : /* @__PURE__ */ o(n, { ...r, variant: "text", icon: c, children: (r == null ? void 0 : r.label) || "Back" }),
-  t && /* @__PURE__ */ o("div", { className: f.controls, children: t })
+  controls: e
+}) => /* @__PURE__ */ m(a, { as: "nav", direction: "row", align: "center", justify: "between", color: s, padding: t, children: [
+  i ? /* @__PURE__ */ o(l, { items: i }) : /* @__PURE__ */ o(n, { ...r, variant: "text", size: "sm", icon: c, children: (r == null ? void 0 : r.label) || "Back" }),
+  e && /* @__PURE__ */ o("div", { className: f.controls, children: e })
 ] });
 export {
   S as PageNav

package/dist/components/Toolbar/ToolbarButton.js

@@ -2,16 +2,16 @@
 import { jsx as a } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import * as m from "react";
-import { forwardRef as u } from "react";
+import { forwardRef as c } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Button as f } from "../Button/Button.js";
-import { ComboButton as c } from "../Button/ComboButton.js";
-import { S as p } from "../../XMark-Bv1I87Ev.js";
-import { S as d } from "../../Plus-B6MBOAcH.js";
-import { u as v } from "../../useId-CsCRkvK3.js";
-import '../../assets/ToolbarButton.css';var b = function(e, n) {
+import { ComboButton as p } from "../Button/ComboButton.js";
+import { S as d } from "../../XMark-Bv1I87Ev.js";
+import { S as v } from "../../Plus-B6MBOAcH.js";
+import { u as b } from "../../useId-CsCRkvK3.js";
+import '../../assets/ToolbarButton.css';var w = function(e, n) {
   var r = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -19,18 +19,18 @@ import '../../assets/ToolbarButton.css';var b = function(e, n) {
       n.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
   return r;
 };
-const w = u((e, n) => {
-  var { title: r, titleId: t } = e, o = b(e, ["title", "titleId"]);
-  let l = v();
+const y = c((e, n) => {
+  var { title: r, titleId: t } = e, o = w(e, ["title", "titleId"]);
+  let l = b();
   return l = r ? t || "title-" + l : void 0, m.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": l }, o),
     r ? m.createElement("title", { id: l }, r) : null,
     m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
   );
-}), y = "_removeButton_fxc8_1", O = {
-  removeButton: y
-}, E = ({
+}), x = "_removeButton_fxc8_1", O = {
+  removeButton: x
+}, P = ({
   type: e = "select",
   selected: n = !1,
   removable: r = !1,
@@ -38,17 +38,19 @@ const w = u((e, n) => {
   active: o,
   children: l,
   onToggle: i,
-  onRemove: s
+  onRemove: s,
+  iconAltText: u
 }) => r ? /* @__PURE__ */ a(
-  c,
+  p,
   {
     className: O.removeButton,
     variant: o ? "solid" : "outline",
-    size: "sm",
-    icon: p,
+    size: "xs",
+    icon: d,
     selected: n,
     onLabelClick: i,
     onIconClick: s,
+    iconAltText: u,
     ariaLabel: t || "remove",
     children: l
   }
@@ -56,8 +58,8 @@ const w = u((e, n) => {
   f,
   {
     variant: "dotted",
-    size: "sm",
-    icon: d,
+    size: "xs",
+    icon: v,
     selected: n,
     onClick: i,
     ariaLabel: t || "add",
@@ -67,8 +69,8 @@ const w = u((e, n) => {
   f,
   {
     variant: o ? "solid" : "outline",
-    size: "sm",
-    icon: w,
+    size: "xs",
+    icon: y,
     ariaLabel: t,
     selected: n,
     onClick: i,
@@ -77,5 +79,5 @@ const w = u((e, n) => {
   }
 );
 export {
-  E as ToolbarButton
+  P as ToolbarButton
 };

package/dist/components/Toolbar/ToolbarFilter.js

@@ -1,4 +1,4 @@
-import { jsxs as B, jsx as u } from "react/jsx-runtime";
+import { jsxs as B, jsx as l } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { useRootContext as C } from "../RootProvider/RootProvider.js";
@@ -8,57 +8,58 @@ import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as k } from "./ToolbarButton.js";
 import { ToolbarFilterBase as D } from "./ToolbarFilterBase.js";
 import { ToolbarOptions as F } from "./ToolbarOptions.js";
-const I = (l, r) => Array.isArray(r) ? r.join(", ") : r, K = ({
-  removable: l,
+const I = (u, r) => Array.isArray(r) ? r.join(", ") : r, K = ({
+  removable: u,
   label: r,
   name: o,
   filterState: n,
-  options: a,
-  optionGroups: y,
-  onChange: A,
-  onRemove: e,
-  buttonAltText: h = "Remove button",
+  options: y,
+  optionGroups: A,
+  onChange: e,
+  onRemove: h,
+  buttonAltText: t = "Remove button",
   getSelectedLabel: i,
   showResultsLabel: T = "Show results",
-  optionType: b,
-  id: t = `toolbar-filter-${o}`
+  optionType: v,
+  id: d = `toolbar-filter-${o}`
 }) => {
-  const { currentId: v, toggleId: w, closeAll: x } = C(), f = (a ?? []).map((p) => {
+  const { currentId: w, toggleId: x, closeAll: b } = C(), f = (y ?? []).map((p) => {
     const c = n == null ? void 0 : n[p.name || o];
     return {
       name: o,
       ...p,
       checked: Array.isArray(c) ? c.includes(p.value) : p.value === c
     };
-  }), s = n == null ? void 0 : n[o], j = (i == null ? void 0 : i(o, s)) ?? I(o, s), d = () => w(t), m = v === t;
-  return /* @__PURE__ */ B(D, { expanded: m, children: [
-    /* @__PURE__ */ u(
+  }), s = n == null ? void 0 : n[o], j = (i == null ? void 0 : i(o, s)) ?? I(o, s), m = () => x(d), a = w === d;
+  return /* @__PURE__ */ B(D, { expanded: a, children: [
+    /* @__PURE__ */ l(
       k,
       {
         type: "select",
-        removable: l,
+        removable: u,
         active: Array.isArray(s) ? s.length > 0 : typeof s < "u",
-        onToggle: d,
-        ariaLabel: h,
-        onRemove: e,
+        onToggle: m,
+        ariaLabel: t,
+        iconAltText: t,
+        onRemove: h,
         children: j || r
       }
     ),
-    /* @__PURE__ */ u(
+    /* @__PURE__ */ l(
       O,
       {
-        open: m,
+        open: a,
         drawerTitle: r,
-        onClose: x,
-        drawerButton: { onClick: d, label: T },
-        children: /* @__PURE__ */ u(
+        onClose: b,
+        drawerButton: { onClick: m, label: T },
+        children: /* @__PURE__ */ l(
           F,
           {
             name: o,
             options: f,
-            optionGroups: y,
-            onChange: A,
-            optionType: b
+            optionGroups: A,
+            onChange: e,
+            optionType: v
           }
         )
       }