asma-ui-core 3.105.0 → 3.107.0

package/dist/components/feedback/minimizable-dialog/components/FullscreenBtn.js

@@ -1,9 +1,9 @@
-import { ArrowExpandIcon as i } from "../../../icons/arrow-expand-icon/ArrowExpandIcon.js";
-import { ArrowShrinkIcon as n } from "../../../icons/arrow-shrink-icon/ArrowShrinkIcon.js";
-import { StyledTooltip as a } from "../../../data-display/tooltip/StyledTooltip.js";
+import { StyledTooltip as i } from "../../../data-display/tooltip/StyledTooltip.js";
+import { ArrowExpandIcon as n } from "../../../icons/arrow-expand-icon/ArrowExpandIcon.js";
+import { ArrowShrinkIcon as a } from "../../../icons/arrow-shrink-icon/ArrowShrinkIcon.js";
 import { StyledButton as d } from "../../../inputs/button/StyledButton.js";
 import { jsx as r } from "react/jsx-runtime";
-var u = ({ fullScreen: e, showFullScreenIcon: o, tooltipTitle: t, onClick: l }) => o ? /* @__PURE__ */ r(a, {
+var u = ({ fullScreen: e, showFullScreenIcon: o, tooltipTitle: t, onClick: l }) => o ? /* @__PURE__ */ r(i, {
   title: t,
   children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(d, {
     dataTest: "fullscreen-button",
@@ -11,11 +11,11 @@ var u = ({ fullScreen: e, showFullScreenIcon: o, tooltipTitle: t, onClick: l })
     variant: "textGray",
     size: "small",
     onClick: l,
-    endIcon: e ? /* @__PURE__ */ r(n, {
+    endIcon: e ? /* @__PURE__ */ r(a, {
       width: 20,
       height: 20,
       color: "text-delta-700"
-    }) : /* @__PURE__ */ r(i, {
+    }) : /* @__PURE__ */ r(n, {
       width: 20,
       height: 20,
       color: "text-delta-700"

package/dist/components/feedback/minimizable-dialog/components/MinimizeBtn.js

@@ -1,6 +1,6 @@
+import { StyledTooltip as r } from "../../../data-display/tooltip/StyledTooltip.js";
 import { MinimizeIcon as d } from "../../../icons/minimize-icon/MinimizeIcon.js";
 import { KeyboardCapslockIcon as c } from "../../../icons/keyboard-capslock-icon/KeyboardCapslockIcon.js";
-import { StyledTooltip as r } from "../../../data-display/tooltip/StyledTooltip.js";
 import { StyledButton as a } from "../../../inputs/button/StyledButton.js";
 import { jsx as i } from "react/jsx-runtime";
 var g = ({ visibility: l, tooltipTitle: t, onClick: e, type: n }) => {

package/dist/components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js

@@ -1,46 +1,53 @@
-import { cn as a } from "../../../../helpers/cn.js";
-import { firstTabbable as M } from "../../../../helpers/focusable.js";
-import { StyledTooltip as $ } from "../../../data-display/tooltip/StyledTooltip.js";
-import { useMobileMediaQuery as H } from "../../../../hooks/useMediaQuery.hook.js";
-import { useFocusTrap as L } from "../../../../hooks/useFocusTrap.hook.js";
-import { CloseBtn as k } from "../components/CloseBtn.js";
-import { MinimizeBtn as B } from "../components/MinimizeBtn.js";
-import { FullScreenBtn as Q } from "../components/FullscreenBtn.js";
-import p from "./MinimizableDialogV2.module.js";
-import { useTranslations as G } from "./useTranslations.js";
-import { useControlledProps as J } from "./useControlledProps.js";
-import K from "clsx";
-import { useLayoutEffect as I, useRef as u } from "react";
-import { Fragment as U, jsx as e, jsxs as n } from "react/jsx-runtime";
-var ue = (g) => {
-  const { showCloseIcon: z = !0, showMinimizeIcon: j = !0, showExpandIcon: A = !0, enableFullscreen: D = !0, title: o, label: x, children: O, open: m, onClose: q, classNameOverrides: h = {
+import { cn as s } from "../../../../helpers/cn.js";
+import { firstTabbable as A } from "../../../../helpers/focusable.js";
+import { StyledTooltip as te } from "../../../data-display/tooltip/StyledTooltip.js";
+import { DialogBusyContext as $, useDialogBusyBoundary as ie } from "../../dialog/DialogBusyContext.js";
+import { useMobileMediaQuery as le } from "../../../../hooks/useMediaQuery.hook.js";
+import { useFocusTrap as ne } from "../../../../hooks/useFocusTrap.hook.js";
+import { CloseBtn as O } from "../components/CloseBtn.js";
+import { MinimizeBtn as V } from "../components/MinimizeBtn.js";
+import { FullScreenBtn as oe } from "../components/FullscreenBtn.js";
+import v from "./MinimizableDialogV2.module.js";
+import { useTranslations as re } from "./useTranslations.js";
+import { useControlledProps as se } from "./useControlledProps.js";
+import ce from "clsx";
+import { useId as q, useLayoutEffect as H, useRef as c } from "react";
+import { Fragment as ae, jsx as e, jsxs as n } from "react/jsx-runtime";
+var Se = (N) => {
+  const { showCloseIcon: R = !0, showMinimizeIcon: L = !0, showExpandIcon: W = !0, enableFullscreen: _ = !0, title: u, label: f, children: Q, open: o, onClose: U, classNameOverrides: h = {
     maximized: "",
     minimized: "",
     fullscreen: ""
-  }, dataTest: E, actionNode: P, locale: V = "en", style: y, initialFocusRef: w } = g, r = H(), s = G(V), d = u(null), f = u(null), N = u(null), C = u(null), F = u(!1), { minimized: t, setMinimized: S, fullScreen: i, setFullScreen: R } = J(g), l = i && !t, v = () => {
-    S(!1), q();
+  }, dataTest: G, actionNode: J, locale: K = "en", busyReason: X, style: C, initialFocusRef: S } = N, r = le(), i = re(K), a = c(null), p = c(null), F = c(null), T = c(null), b = c(!1), g = c(null), x = q(), I = q(), { minimized: t, setMinimized: M, fullScreen: l, setFullScreen: B } = se(N), d = l && !t, { busy: y, busyReason: E, contextValue: j } = ie(X ?? i.waitUntilSaved), z = () => {
+    y || (M(!1), U());
   };
-  I(() => {
-    d.current?.toggleAttribute("inert", t), f.current?.toggleAttribute("inert", !t);
-  }, [t]), I(() => {
-    const b = m && !F.current;
-    if (F.current = m, !b) return;
-    const c = t ? f.current : d.current, _ = t ? C.current : N.current;
-    (w?.current ?? _ ?? (c ? M(c) : void 0))?.focus({ preventScroll: !0 });
+  H(() => {
+    a.current?.toggleAttribute("inert", t), p.current?.toggleAttribute("inert", !t);
+  }, [t]), H(() => {
+    const w = o && !b.current, m = !o && b.current;
+    if (b.current = o, m) {
+      const P = g.current;
+      g.current = null, (!document.activeElement || document.activeElement === document.body) && P?.isConnected && P.focus({ preventScroll: !0 });
+      return;
+    }
+    if (!w) return;
+    g.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const D = t ? p.current : a.current, ee = t ? T.current : F.current;
+    (S?.current ?? ee ?? (D ? A(D) : void 0))?.focus({ preventScroll: !0 });
   }, [
-    w,
+    S,
     t,
-    m
+    o
   ]);
-  const T = () => {
-    const b = t ? d : f;
-    S(!t), requestAnimationFrame(() => {
-      const c = b.current;
-      c && (c.querySelector('[data-testid="toggle-minimize-btn"]') ?? M(c))?.focus({ preventScroll: !0 });
+  const k = () => {
+    const w = t ? a : p;
+    M(!t), requestAnimationFrame(() => {
+      const m = w.current;
+      m && (m.querySelector('[data-testid="toggle-minimize-btn"]') ?? A(m))?.focus({ preventScroll: !0 });
     });
   };
-  L(m && l, d, v);
-  const W = l ? r ? {
+  ne(o && d, a, z);
+  const Y = d ? r ? {
     inset: 0,
     maxHeight: "100dvh",
     maxWidth: "100dvw",
@@ -57,107 +64,120 @@ var ue = (g) => {
     maxWidth: "min(1000px, calc(100vw - 32px))",
     height: "95dvh"
   } : void 0;
-  return m ? /* @__PURE__ */ n(U, { children: [
+  if (!o) return null;
+  const Z = f ? `${I} ${x}` : x;
+  return /* @__PURE__ */ n(ae, { children: [
     /* @__PURE__ */ e("div", {
-      ref: f,
+      ref: p,
       style: {
         zIndex: 51,
-        ...y
+        ...C
       },
-      className: a(p["minimized-dialog"], !t && p.hidden, h.minimized),
+      className: s(v["minimized-dialog"], !t && v.hidden, h.minimized),
       children: /* @__PURE__ */ n("div", {
-        className: K("flex items-center justify-between", !t && "hidden"),
-        "data-testid": E,
+        className: ce("flex items-center justify-between", !t && "hidden"),
+        "data-testid": G,
         children: [/* @__PURE__ */ e("div", {
           className: "max-w-[303px] truncate pr-1 text-lg font-semibold text-delta-800",
-          children: /* @__PURE__ */ e($, {
-            title: o,
+          children: /* @__PURE__ */ e(te, {
+            title: u,
             placement: "top",
             children: /* @__PURE__ */ e("div", {
               className: "truncate",
-              children: o
+              children: u
             })
           })
         }), /* @__PURE__ */ n("div", {
           className: "flex items-center gap-x-1",
-          children: [/* @__PURE__ */ e(B, {
+          children: [/* @__PURE__ */ e(V, {
             type: "expand",
-            visibility: A,
-            onClick: T,
-            tooltipTitle: s.expand
-          }), /* @__PURE__ */ e(k, {
-            buttonRef: C,
-            showCloseIcon: z,
-            onClick: v,
-            tooltipTitle: s.close
+            visibility: W,
+            onClick: k,
+            tooltipTitle: i.expand
+          }), /* @__PURE__ */ e(O, {
+            buttonRef: T,
+            showCloseIcon: R,
+            onClick: z,
+            disabledReason: y ? E : void 0,
+            tooltipTitle: i.close
           })]
         })]
       })
     }),
-    l && /* @__PURE__ */ e("div", {
+    d && /* @__PURE__ */ e("div", {
       className: "fixed inset-0 z-[52] bg-[rgb(98,110,126)] bg-opacity-70",
       onClick: () => {
-        R(!1);
+        B(!1);
       }
     }),
     /* @__PURE__ */ n("div", {
       style: {
         zIndex: 51,
-        ...y,
-        ...W
+        ...C,
+        ...Y
       },
-      ref: d,
-      role: l ? "dialog" : void 0,
-      "aria-modal": l ? !0 : void 0,
-      "aria-label": l && typeof o == "string" ? o : void 0,
-      className: a(p.dialog, t && p.hidden, !i && h.maximized, i && h.fullscreen, l && "fixed z-[53] duration-0"),
+      ref: a,
+      role: "dialog",
+      "aria-modal": d ? !0 : void 0,
+      "aria-labelledby": Z,
+      className: s(v.dialog, t && v.hidden, !l && h.maximized, l && h.fullscreen, d && "fixed z-[53] duration-0"),
       children: [/* @__PURE__ */ n("div", {
-        className: a("flex flex-col border-b-[1px] border-delta-200 px-4", r ? "py-3" : "py-4"),
+        className: s("flex flex-col border-b-[1px] border-delta-200 px-4", r ? "py-3" : "py-4"),
         children: [/* @__PURE__ */ n("div", {
           className: "flex items-center justify-between",
-          children: [x ? /* @__PURE__ */ e("div", {
+          children: [f ? /* @__PURE__ */ e("div", {
+            id: I,
             className: "text-sm text-delta-700",
-            children: x
+            children: f
           }) : /* @__PURE__ */ e("div", {
-            className: a("font-semibold text-delta-800", r ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
-            children: o
+            id: x,
+            className: s("font-semibold text-delta-800", r ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
+            children: u
           }), /* @__PURE__ */ n("div", {
             className: "flex items-center gap-x-1",
             children: [
-              P,
-              /* @__PURE__ */ e(B, {
-                visibility: j && !r && !i,
+              /* @__PURE__ */ e($.Provider, {
+                value: j,
+                children: J
+              }),
+              /* @__PURE__ */ e(V, {
+                visibility: L && !r && !l,
                 type: "minimize",
-                onClick: T,
-                tooltipTitle: s.minimize
+                onClick: k,
+                tooltipTitle: i.minimize
               }),
-              /* @__PURE__ */ e(Q, {
-                showFullScreenIcon: D && !r,
-                fullScreen: i,
+              /* @__PURE__ */ e(oe, {
+                showFullScreenIcon: _ && !r,
+                fullScreen: l,
                 onClick: () => {
-                  R(!i);
+                  B(!l);
                 },
-                tooltipTitle: i ? s.exitFullscreen : s.fullscreen
+                tooltipTitle: l ? i.exitFullscreen : i.fullscreen
               }),
-              /* @__PURE__ */ e(k, {
-                buttonRef: N,
-                showCloseIcon: z,
-                onClick: v,
-                tooltipTitle: s.close
+              /* @__PURE__ */ e(O, {
+                buttonRef: F,
+                showCloseIcon: R,
+                onClick: z,
+                disabledReason: y ? E : void 0,
+                tooltipTitle: i.close
               })
             ]
           })]
-        }), x && /* @__PURE__ */ e("div", {
-          className: a("font-semibold text-delta-800", r ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
-          children: o
+        }), f && /* @__PURE__ */ e("div", {
+          id: x,
+          className: s("font-semibold text-delta-800", r ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
+          children: u
         })]
       }), /* @__PURE__ */ e("div", {
-        className: a(t && "hidden", "flex flex-grow flex-col overflow-y-auto overscroll-contain"),
-        children: O
+        className: s(t && "hidden", "flex flex-grow flex-col overflow-y-auto overscroll-contain"),
+        children: /* @__PURE__ */ e($.Provider, {
+          value: j,
+          children: Q
+        })
       })]
     })
-  ] }) : null;
+  ] });
 };
 export {
-  ue as MinimizableDialogV2
+  Se as MinimizableDialogV2
 };

package/dist/components/feedback/minimizable-dialog/v2/useTranslations.js

@@ -1,7 +1,8 @@
-import { useMemo as l } from "react";
+import { useMemo as i } from "react";
 var n = {
   en: {
     close: "Close",
+    waitUntilSaved: "Wait until saved",
     expand: "Expand",
     minimize: "Minimize",
     fullscreen: "Fullscreen",
@@ -9,15 +10,16 @@ var n = {
   },
   no: {
     close: "Lukk",
+    waitUntilSaved: "Vent til lagringen er ferdig",
     expand: "Utvid",
     minimize: "Minimer",
     fullscreen: "Fullskjerm",
     exitFullscreen: "Avslutt fullskjerm"
   }
 };
-function s(e = "en") {
-  return l(() => n[e] ?? n.en, [e]);
+function t(e = "en") {
+  return i(() => n[e] ?? n.en, [e]);
 }
 export {
-  s as useTranslations
+  t as useTranslations
 };

package/dist/components/inputs/button/StyledButton.js

@@ -1,49 +1,99 @@
-import t from "./StyledButton.module.js";
-import f from "clsx";
+import { StyledTooltip as L } from "../../data-display/tooltip/StyledTooltip.js";
+import { LoadingIcon as N } from "../../icons/loading-icon/LoadingIcon.js";
+import e from "./StyledButton.module.js";
+import { useReportDialogBusy as O } from "../../feedback/dialog/DialogBusyContext.js";
+import W from "clsx";
 import "react";
-import { jsx as y, jsxs as g } from "react/jsx-runtime";
-var a = {
-  contained: t.contained,
-  outlined: t.outlined,
-  text: t.text,
-  textGray: t.textGray,
-  textWhite: t.textWhite,
-  large: t.large,
-  small: t.small,
-  medium: t.medium,
-  error: t.error,
-  common: t.common
-}, B = ({ variant: n = "contained", className: i = "", size: e = "medium", children: o, refLink: l, startIcon: d, endIcon: s, dataTest: x, error: p, style: m, ...c }) => {
-  const r = e === "large" || e === "medium", u = p ? "error" : "common";
-  return /* @__PURE__ */ g("button", {
-    ...c,
-    className: f("asma-touch-ready", t["asma-ui-core-button"], a[n], a[u], a[e], i),
-    style: o ? {
-      flexShrink: 0,
-      ...m
-    } : m,
-    ref: l,
-    "data-testid": x,
+import { Fragment as _, jsx as r, jsxs as f } from "react/jsx-runtime";
+var F = {
+  en: "In progress",
+  no: "Pågår"
+}, c = {
+  contained: e.contained,
+  outlined: e.outlined,
+  text: e.text,
+  textGray: e.textGray,
+  textWhite: e.textWhite,
+  large: e.large,
+  small: e.small,
+  medium: e.medium,
+  error: e.error,
+  common: e.common
+}, M = ({ variant: x = "contained", className: h = "", size: a = "medium", children: s, refLink: v, startIcon: B, endIcon: b, dataTest: g, error: S, style: w, disabled: p, disabledReason: d, loading: t, holdsDialog: I = !0, loadingAnnouncement: j, locale: k = "en", onClick: C, ...l }) => {
+  O(!!t && I);
+  const i = a === "large" || a === "medium", D = S ? "error" : "common", n = !!p && !!d, m = n || !!t, u = i ? 20 : 16, y = (o) => t && o ? /* @__PURE__ */ r("span", {
+    style: {
+      display: "inline-flex",
+      opacity: 0
+    },
+    children: o
+  }) : o, R = (o) => {
+    if (m) {
+      o.preventDefault();
+      return;
+    }
+    C?.(o);
+  }, G = /* @__PURE__ */ f("button", {
+    ...l,
+    disabled: !!p && !m,
+    "aria-disabled": m ? !0 : l["aria-disabled"],
+    "aria-busy": t ? !0 : l["aria-busy"],
+    onClick: R,
+    className: W("asma-touch-ready", e["asma-ui-core-button"], c[x], c[D], c[a], h),
+    style: {
+      ...s ? { flexShrink: 0 } : {},
+      ...t ? { position: "relative" } : {},
+      ...w
+    },
+    ref: v,
+    "data-testid": g,
     children: [
-      d,
-      o && /* @__PURE__ */ y("div", {
+      y(B),
+      s && /* @__PURE__ */ r("div", {
         style: {
+          opacity: t ? 0 : void 0,
           overflow: "hidden",
           textOverflow: "ellipsis",
           whiteSpace: "nowrap",
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          gap: r ? "8px" : "4px",
-          paddingLeft: r ? "8px" : "4px",
-          paddingRight: r ? "8px" : "4px"
+          gap: i ? "8px" : "4px",
+          paddingLeft: i ? "8px" : "4px",
+          paddingRight: i ? "8px" : "4px"
         },
-        children: o
+        children: s
       }),
-      s
+      y(b),
+      t && /* @__PURE__ */ r("span", {
+        "aria-hidden": "true",
+        style: {
+          position: "absolute",
+          inset: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: /* @__PURE__ */ r(N, {
+          width: u,
+          height: u
+        })
+      })
     ]
   });
+  return /* @__PURE__ */ f(_, { children: [/* @__PURE__ */ r(L, {
+    arrow: !0,
+    title: d,
+    open: n ? void 0 : !1,
+    openOnTap: n,
+    persistentDescription: n,
+    children: G
+  }), t !== void 0 && /* @__PURE__ */ r("span", {
+    role: "status",
+    className: "sr-only",
+    children: t ? j ?? F[k] : ""
+  })] });
 };
 export {
-  B as StyledButton
+  M as StyledButton
 };

package/dist/components/inputs/button/StyledButton.module.js

@@ -1,16 +1,16 @@
-var a = "_contained_1fdad_6", _ = "_common_1fdad_6", d = "_medium_1fdad_55", t = "_small_1fdad_62", e = "_large_1fdad_69", r = "_error_1fdad_81", o = "_outlined_1fdad_156", f = "_text_1fdad_306", m = "_textGray_1fdad_456", l = "_textWhite_1fdad_531", u = {
-  "asma-ui-core-button": "_asma-ui-core-button_1fdad_1",
-  contained: a,
-  common: _,
-  medium: d,
-  small: t,
-  large: e,
-  error: r,
-  outlined: o,
-  text: f,
-  textGray: m,
-  textWhite: l
+var _ = "_contained_w4qg4_6", t = "_common_w4qg4_6", a = "_medium_w4qg4_58", e = "_small_w4qg4_65", r = "_large_w4qg4_72", o = "_error_w4qg4_84", g = "_outlined_w4qg4_162", m = "_text_w4qg4_318", l = "_textGray_w4qg4_474", u = "_textWhite_w4qg4_552", n = {
+  "asma-ui-core-button": "_asma-ui-core-button_w4qg4_1",
+  contained: _,
+  common: t,
+  medium: a,
+  small: e,
+  large: r,
+  error: o,
+  outlined: g,
+  text: m,
+  textGray: l,
+  textWhite: u
 };
 export {
-  u as default
+  n as default
 };

package/dist/components/inputs/dynamic-select/components/DynamicInteractiveChipGroup.js

@@ -1,27 +1,27 @@
-import { cn as y } from "../../../../helpers/cn.js";
+import { cn as v } from "../../../../helpers/cn.js";
+import { StyledTooltip as J } from "../../../data-display/tooltip/StyledTooltip.js";
 import { CloseIcon as j } from "../../../icons/close-icon/CloseIcon.js";
-import { ErrorOutlineIcon as J } from "../../../icons/error-outline-icon/ErrorOutlineIcon.js";
-import { StyledChip as P } from "../../../data-display/chip/StyledChip.js";
+import { ErrorOutlineIcon as P } from "../../../icons/error-outline-icon/ErrorOutlineIcon.js";
+import { StyledChip as Q } from "../../../data-display/chip/StyledChip.js";
 import { StyledInteractiveChip as O } from "../../../data-display/interactive-chip/StyledInteractiveChip.js";
-import { StyledTooltip as Q } from "../../../data-display/tooltip/StyledTooltip.js";
 import { StyledButton as U } from "../../button/StyledButton.js";
 import { useHelperAlertRole as X } from "../../../../helpers/useHelperAlertRole.js";
 import { warnMissingErrorMessage as Y } from "../../../../helpers/warnMissingErrorMessage.js";
 import { useWrap as Z } from "../helpers/useWrap.js";
-import { Skeleton as v } from "../../../mui-compat/Skeleton.js";
+import { Skeleton as N } from "../../../mui-compat/Skeleton.js";
 import { forwardRef as _, useEffect as ee, useId as te } from "react";
-import { jsx as t, jsxs as N } from "react/jsx-runtime";
+import { jsx as t, jsxs as T } from "react/jsx-runtime";
 var he = _((V, A) => {
-  const { options: d, dataTest: R, value: r, readOnly: n, multiple: i, title: T, disabled: C, onChange: p, required: D, error: f, helperText: I, valueKey: E = "value", labelKey: L = "label", renderLabel: o, getOptionTooltip: k, loading: $, size: b, locale: z = "en", clearSelectionLabel: B } = V, q = te();
+  const { options: d, dataTest: R, value: r, readOnly: n, multiple: i, title: C, disabled: b, onChange: p, required: D, error: f, helperText: I, valueKey: E = "value", labelKey: L = "label", renderLabel: o, getOptionTooltip: k, loading: $, size: g, locale: z = "en", clearSelectionLabel: B } = V, q = te();
   Y("DynamicInteractiveChipGroup", f, I);
-  const G = X(f), { containerRef: m, wrapDisabled: g } = Z({ dependencyList: [d, d.length] });
+  const G = X(f), { containerRef: m, wrapDisabled: w } = Z({ dependencyList: [d, d.length] });
   ee(() => {
     m.current && (m.current.inert = !0);
   }, [m]);
-  const u = (e) => typeof e == "object" ? e?.[L]?.toString() ?? "" : e?.toString() ?? "", w = (e) => typeof e == "object" ? e?.[E] : e, c = (e) => {
-    const l = w(e);
+  const u = (e) => typeof e == "object" ? e?.[L]?.toString() ?? "" : e?.toString() ?? "", y = (e) => typeof e == "object" ? e?.[E] : e, c = (e) => {
+    const l = y(e);
     return l == null ? "" : typeof l == "string" || typeof l == "number" || typeof l == "boolean" ? String(l) : e == null ? "" : u(e);
-  }, s = (e, l) => w(e) === w(l), K = i ? Array.isArray(r) && r.length > 0 : r != null, M = (e) => {
+  }, s = (e, l) => y(e) === y(l), K = i ? Array.isArray(r) && r.length > 0 : r != null, M = (e) => {
     if (!i) {
       const a = s(e, r) ? null : e;
       if (a === null) return;
@@ -31,13 +31,13 @@ var he = _((V, A) => {
     const l = r ?? [];
     p(l.find((a) => s(a, e)) ? l.filter((a) => !s(a, e)) : [...l, e]);
   }, h = n ? d.filter((e) => !!(i ? r?.find((l) => s(l, e)) : s(r, e))) : d, F = h.findIndex((e) => !(typeof e == "object" && e?.disabled) && !n);
-  return /* @__PURE__ */ N("div", {
+  return /* @__PURE__ */ T("div", {
     "data-testid": `${R}-dynamic-radio-group`,
     className: "relative flex flex-col gap-y-1",
     children: [
-      T && /* @__PURE__ */ t("span", {
+      C && /* @__PURE__ */ t("span", {
         className: "text-base font-semibold text-delta-800",
-        children: T
+        children: C
       }),
       /* @__PURE__ */ t("div", {
         "aria-hidden": !0,
@@ -53,34 +53,34 @@ var he = _((V, A) => {
         }, c(e)))
       }),
       /* @__PURE__ */ t("div", {
-        className: y("flex flex-wrap gap-2", g && "flex-col gap-1"),
-        children: $ ? /* @__PURE__ */ N("div", {
+        className: v("flex flex-wrap gap-2", w && "flex-col gap-1"),
+        children: $ ? /* @__PURE__ */ T("div", {
           className: "flex flex-wrap gap-2",
           children: [
-            /* @__PURE__ */ t(v, { className: "h-[32px] w-[60px]" }),
-            /* @__PURE__ */ t(v, { className: "h-[32px] w-[60px]" }),
-            /* @__PURE__ */ t(v, { className: "h-[32px] w-[60px]" })
+            /* @__PURE__ */ t(N, { className: "h-[32px] w-[60px]" }),
+            /* @__PURE__ */ t(N, { className: "h-[32px] w-[60px]" }),
+            /* @__PURE__ */ t(N, { className: "h-[32px] w-[60px]" })
           ]
         }) : h?.length ? h.map((e, l) => {
           const a = !!(i ? r?.find((W) => s(W, e)) : s(r, e)), H = k ? k(e) : null;
           if (n && !a) return null;
           const x = typeof e == "object" ? !!e?.disabled : !1, S = !x && !n && l === F ? A : void 0;
-          return /* @__PURE__ */ t(Q, {
+          return /* @__PURE__ */ t(J, {
             title: H,
             arrow: !0,
             children: /* @__PURE__ */ t("span", {
-              className: y(x && "cursor-not-allowed"),
-              children: n && !g ? /* @__PURE__ */ t(P, {
+              className: v(x && "cursor-not-allowed"),
+              children: n && !w ? /* @__PURE__ */ t(Q, {
                 ref: S,
-                disabled: !!C || x,
+                disabled: !!b || x,
                 classes: { root: "min-h-[32px] h-full" },
                 className: "w-fit",
                 dataTest: `ic-${c(e)}`,
                 label: o ? o(e) : u(e)
               }) : /* @__PURE__ */ t(O, {
                 ref: S,
-                disabled: !!C || x,
-                classes: g ? {
+                disabled: !!b || x,
+                classes: w ? {
                   root: "border-none outline-none bg-transparent w-full flex justify-start h-full min-h-[40px] shadow-none",
                   label: "block whitespace-normal break-words overflow-visible"
                 } : { root: "min-h-[32px] h-full" },
@@ -89,7 +89,7 @@ var he = _((V, A) => {
                 type: i ? "checkbox" : "radio",
                 dataTest: `ic-${c(e)}`,
                 checked: a,
-                size: b,
+                size: g,
                 onClick: () => M(e),
                 label: o ? o(e) : u(e)
               })
@@ -97,10 +97,10 @@ var he = _((V, A) => {
           }, c(e));
         }) : /* @__PURE__ */ t("span", { children: "-" })
       }),
-      !D && K && !n && /* @__PURE__ */ t(U, {
+      !D && K && !n && !b && /* @__PURE__ */ t(U, {
         dataTest: "clear-selection-btn",
         variant: "text",
-        startIcon: b === "medium" ? /* @__PURE__ */ t(j, {
+        startIcon: g === "medium" ? /* @__PURE__ */ t(j, {
           height: 24,
           width: 24,
           className: "size-6"
@@ -110,15 +110,15 @@ var he = _((V, A) => {
           className: "size-5"
         }),
         className: "w-fit",
-        size: b,
+        size: g,
         onClick: () => p(i ? [] : null),
         children: B ?? (z === "en" ? "Clear selection" : "Fjern valget")
       }),
-      /* @__PURE__ */ N("div", {
+      /* @__PURE__ */ T("div", {
         id: q,
         role: G,
-        className: y("flex min-h-[24px] items-center gap-1 pt-1 text-sm/5 text-delta-600", f && "text-error-500"),
-        children: [f && /* @__PURE__ */ t(J, {
+        className: v("flex min-h-[24px] items-center gap-1 pt-1 text-sm/5 text-delta-600", f && "text-error-500"),
+        children: [f && /* @__PURE__ */ t(P, {
           width: 20,
           height: 20,
           className: "min-w-5"