@altinn/altinn-components 0.44.4 → 0.45.0

package/dist/components/Avatar/Avatar.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsx as a, jsxs as S } from "react/jsx-runtime";
-import { c as j } from "../../index-L8X2o7IH.js";
-import { useState as y } from "react";
-import { Skeleton as A } from "../Skeleton/Skeleton.js";
-import { fromStringToColor as E } from "./color.js";
-import '../../assets/Avatar.css';const q = "_avatar_1en7r_1", z = "_shape_1en7r_20", B = "_label_1en7r_31", H = "_image_1en7r_41", L = "_deletedIcon_1en7r_47", r = {
-  avatar: q,
-  shape: z,
-  label: B,
-  image: H,
-  deletedIcon: L
-}, G = (e) => typeof e == "object" && e !== null && "name" in e, J = ({
+import { jsx as a, jsxs as j } from "react/jsx-runtime";
+import { c as y } from "../../index-L8X2o7IH.js";
+import { useState as A } from "react";
+import { Skeleton as E } from "../Skeleton/Skeleton.js";
+import { fromStringToColor as q } from "./color.js";
+import '../../assets/Avatar.css';const z = "_avatar_1en7r_1", B = "_shape_1en7r_20", H = "_label_1en7r_31", L = "_image_1en7r_41", M = "_deletedIcon_1en7r_47", r = {
+  avatar: z,
+  shape: B,
+  label: H,
+  image: L,
+  deletedIcon: M
+}, J = (e) => typeof e == "object" && e !== null && "name" in e, K = ({
   type: e = "person",
   isParent: n,
   isDeleted: m = !1,
@@ -24,12 +24,13 @@ import '../../assets/Avatar.css';const q = "_avatar_1en7r_1", z = "_shape_1en7r_
   customLabel: v,
   loading: c,
   className: b,
+  colorKey: C,
   style: i = {}
 }) => {
-  const [C, I] = y(!1), w = u || e === "person" ? "circle" : "square", x = g || e === "person" ? "light" : "dark";
+  const [I, w] = A(!1), x = u || e === "person" ? "circle" : "square", N = g || e === "person" ? "light" : "dark";
   let o = _;
   e === "company" && typeof n == "boolean" && (o = n ? "solid" : "outline");
-  const { backgroundColor: p, foregroundColor: d } = E(l, x), N = (l[0] ?? "").toUpperCase(), s = t && !C, k = !c && !s ? {
+  const { backgroundColor: p, foregroundColor: d } = q(C ?? l, N), k = (l[0] ?? "").toUpperCase(), s = t && !I, S = !c && !s ? {
     ...i,
     backgroundColor: o === "outline" ? d : p,
     color: o === "outline" ? p : d
@@ -37,12 +38,12 @@ import '../../assets/Avatar.css';const q = "_avatar_1en7r_1", z = "_shape_1en7r_
   return /* @__PURE__ */ a(
     "div",
     {
-      className: j(r.avatar, b),
-      style: k,
-      "data-shape": w,
+      className: y(r.avatar, b),
+      style: S,
+      "data-shape": x,
       "data-size": h,
       "aria-hidden": !0,
-      children: /* @__PURE__ */ S(A, { loading: c, className: r.shape, variant: "circle", children: [
+      children: /* @__PURE__ */ j(E, { loading: c, className: r.shape, variant: "circle", children: [
         /* @__PURE__ */ a("div", { className: r.shape, "data-variant": o, children: s && /* @__PURE__ */ a(
           "img",
           {
@@ -50,11 +51,11 @@ import '../../assets/Avatar.css';const q = "_avatar_1en7r_1", z = "_shape_1en7r_
             className: r.image,
             alt: f || t,
             onError: () => {
-              I(!0);
+              w(!0);
             }
           }
         ) }),
-        !s && /* @__PURE__ */ a("span", { className: r.label, children: v || N }),
+        !s && /* @__PURE__ */ a("span", { className: r.label, children: v || k }),
         m && /* @__PURE__ */ a(
           "svg",
           {
@@ -73,6 +74,6 @@ import '../../assets/Avatar.css';const q = "_avatar_1en7r_1", z = "_shape_1en7r_
   );
 };
 export {
-  J as Avatar,
-  G as isAvatarProps
+  K as Avatar,
+  J as isAvatarProps
 };

package/dist/components/Bookmarks/EditableBookmark.js

@@ -7,9 +7,9 @@ import { IconButton as C } from "../Button/IconButton.js";
 import { BookmarksListItem as L } from "./BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
 import { QueryLabel as j } from "../Searchbar/QueryLabel.js";
+import { TextField as F } from "../Forms/TextField.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as x } from "../Page/Flex.js";
-import { TextField as F } from "../Forms/TextField.js";
 import { SettingsModal as M } from "../Settings/SettingsModal.js";
 import { S as O } from "../../Pencil-BVHLEoQy.js";
 import { S as h } from "../../MagnifyingGlass-bwVhw07z.js";

package/dist/components/Dashboard/DashboardHeader.js

@@ -9,7 +9,7 @@ import "../Snackbar/useSnackbar.js";
 import { Flex as t } from "../Page/Flex.js";
 import { Section as d } from "../Page/Section.js";
 import { DashboardIcon as h } from "./DashboardIcon.js";
-const H = ({ icon: i, title: m, description: p, loading: r, children: s }) => /* @__PURE__ */ o(d, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", bleed: !0, children: [
+const H = ({ icon: i, title: m, description: p, loading: r, children: s }) => /* @__PURE__ */ o(d, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", children: [
   /* @__PURE__ */ o(t, { direction: "row", align: "center", spacing: 3, children: [
     i && /* @__PURE__ */ e(h, { loading: r, icon: i }),
     /* @__PURE__ */ o(t, { direction: "col", spacing: 0, children: [

package/dist/components/Dropdown/DrawerBase.js

@@ -1,24 +1,26 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as d } from "../../index-L8X2o7IH.js";
-import '../../assets/DrawerBase.css';const s = "_drawer_tvpob_1", c = {
-  drawer: s
-}, i = ({
+import { jsx as d } from "react/jsx-runtime";
+import { c as s } from "../../index-L8X2o7IH.js";
+import '../../assets/DrawerBase.css';const c = "_drawer_tvpob_1", m = {
+  drawer: c
+}, w = ({
   placement: a = "inline",
-  open: e = !1,
-  className: r,
-  children: t,
-  as: o = "div"
-}) => /* @__PURE__ */ n(
-  o,
+  open: t = !1,
+  className: e,
+  children: o,
+  as: r = "div",
+  dataLayout: n = "mobile"
+}) => /* @__PURE__ */ d(
+  r,
   {
-    className: d(c.drawer, r),
+    className: s(m.drawer, e),
     "data-placement": a,
     "data-variant": "default",
     "data-color": "company",
-    "data-expanded": e,
-    children: t
+    "data-expanded": t,
+    "data-layout": n,
+    children: o
   }
 );
 export {
-  i as DrawerBase
+  w as DrawerBase
 };

package/dist/components/Dropdown/DropdownBase.js

@@ -1,37 +1,39 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
-import { useRef as f } from "react";
-import { useClickOutside as i } from "../../hooks/useClickOutside.js";
+import { jsx as i } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
+import { useRef as l } from "react";
+import { useClickOutside as f } from "../../hooks/useClickOutside.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/DropdownBase.css';const u = "_dropdown_1tyzv_1", w = {
   dropdown: u
-}, v = ({
+}, g = ({
   layout: t,
   size: a = "auto",
   placement: d = "left",
   padding: e = !0,
-  open: n = !1,
-  className: r,
+  open: r = !1,
+  className: n,
   children: s,
   onClose: p,
   as: m = "div"
 }) => {
-  const o = f(null);
-  return i(o, p), /* @__PURE__ */ c(
+  const o = l(null);
+  return f(o, p), /* @__PURE__ */ i(
     m,
     {
       ref: o,
-      className: l(w.dropdown, r),
+      className: c(w.dropdown, n),
       "data-layout": t,
       "data-theme": "default",
       "data-shadow": "md",
       "data-size": a,
       "data-placement": d,
       "data-padding": e,
-      "data-expanded": n,
+      "data-expanded": r,
       children: s
     }
   );
 };
 export {
-  v as DropdownBase
+  g as DropdownBase
 };

package/dist/components/Dropdown/FloatingDropdown.js

@@ -3,10 +3,10 @@ import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { useState as k, useRef as N } from "react";
 import { useClickOutside as T } from "../../hooks/useClickOutside.js";
 import { useEscapeKey as g } from "../../hooks/useEscapeKey.js";
-import { ButtonBase as x } from "../Button/ButtonBase.js";
+import { Icon as x } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { ButtonIcon as y } from "../Button/ButtonIcon.js";
-import { Icon as v } from "../Icon/Icon.js";
+import { ButtonBase as y } from "../Button/ButtonBase.js";
+import { ButtonIcon as v } from "../Button/ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/FloatingDropdown.css';const B = "_container_1t2id_1", j = "_button_1t2id_13", z = "_dropdown_1t2id_21", E = "_dropdownItem_1t2id_45", O = "_itemTitle_1t2id_71", n = {
@@ -37,11 +37,11 @@ import '../../assets/FloatingDropdown.css';const B = "_container_1t2id_1", j = "
   const a = e && s ? s : _;
   return /* @__PURE__ */ m("div", { className: n.container, ref: l, children: [
     e && /* @__PURE__ */ o("div", { className: n.dropdown, "data-color": d, children: h.map((t, r) => /* @__PURE__ */ m("button", { className: n.dropdownItem, onClick: C(t.onClick), type: "button", children: [
-      /* @__PURE__ */ o(v, { svgElement: t.icon, size: "md", color: "inherit" }),
+      /* @__PURE__ */ o(x, { svgElement: t.icon, size: "md", color: "inherit" }),
       /* @__PURE__ */ o("span", { className: n.itemTitle, children: t.title })
     ] }, r)) }),
     /* @__PURE__ */ o(
-      x,
+      y,
       {
         className: n.button,
         variant: p,
@@ -51,7 +51,7 @@ import '../../assets/FloatingDropdown.css';const B = "_container_1t2id_1", j = "
         "data-testid": I,
         "aria-label": w,
         "aria-expanded": e,
-        children: a && /* @__PURE__ */ o(y, { icon: a, size: f })
+        children: a && /* @__PURE__ */ o(v, { icon: a, size: f })
       }
     )
   ] });

package/dist/components/DsComponents/index.js

@@ -1,30 +1,34 @@
-import { A as D } from "../../Alert-BzifOfXl.js";
-import { B as o, a as r, C as t, b as i, c as n, D as p, H as g, L as x, d, e as f, P as m, f as h, g as l, h as P, i as b, S, j as c, T as C, u as L } from "../../usePagination-B24SmI8E.js";
-import { D as u } from "../../index-D3Rt9ate.js";
+import { A as o } from "../../Alert-BzifOfXl.js";
+import { B as D, C as r, a as t, b as i, D as p, L as n, c as x, d as f, P as m, e as g, f as d, S, g as l, T as P, u as b } from "../../usePagination-cq1YWZkE.js";
+import { B as c } from "../../Button-B0t0vz2h.js";
+import { D as C } from "../../index-D3Rt9ate.js";
+import { H as k } from "../../Heading-By5DKz2H.js";
 import { P as T } from "../../Paragraph-Bm-eoPYv.js";
-import { V as H } from "../../index-CnWc2FNH.js";
+import { S as H } from "../../index-B6sKSsN9.js";
+import { S as v } from "../../Spinner-BDXfwXIh.js";
+import { V as I } from "../../index-CnWc2FNH.js";
 export {
-  D as DsAlert,
-  o as DsBadge,
-  r as DsButton,
-  t as DsCheckbox,
-  i as DsChip,
-  n as DsCombobox,
-  u as DsDetails,
+  o as DsAlert,
+  D as DsBadge,
+  c as DsButton,
+  r as DsCheckbox,
+  t as DsChip,
+  i as DsCombobox,
+  C as DsDetails,
   p as DsDialog,
-  g as DsHeading,
-  x as DsLink,
-  d as DsListItem,
+  k as DsHeading,
+  n as DsLink,
+  x as DsListItem,
   f as DsListUnordered,
   m as DsPagination,
   T as DsParagraph,
-  h as DsPopover,
-  l as DsSearch,
-  P as DsSkeleton,
-  b as DsSpinner,
+  g as DsPopover,
+  H as DsSearch,
+  d as DsSkeleton,
+  v as DsSpinner,
   S as DsSwitch,
-  c as DsTabs,
-  C as DsTextfield,
-  H as DsValidationMessage,
-  L as useDsPagination
+  l as DsTabs,
+  P as DsTextfield,
+  I as DsValidationMessage,
+  b as useDsPagination
 };

package/dist/components/Forms/Checkbox.js

@@ -2,10 +2,10 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Field as e } from "./Field.js";
 import { Label as c } from "./Label.js";
 import { Input as n } from "./Input.js";
+import "../Snackbar/useSnackbar.js";
 const l = ({ size: t, color: m, label: r, ...i }) => /* @__PURE__ */ p(e, { size: t, color: m, children: [
   /* @__PURE__ */ o(n, { ...i, type: "checkbox" }),
   !!r && /* @__PURE__ */ o(c, { children: r })

package/dist/components/Forms/CheckboxOptions.js

@@ -2,9 +2,9 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Checkbox as i } from "./Checkbox.js";
 import { OptionsBase as e } from "./OptionsBase.js";
+import "../Snackbar/useSnackbar.js";
 const b = ({ options: r = [], ...t }) => /* @__PURE__ */ o(e, { ...t, children: r.map((m, p) => /* @__PURE__ */ o(i, { ...m }, p)) });
 export {
   b as CheckboxOptions

package/dist/components/Forms/FieldBase.js

@@ -3,9 +3,9 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { Typography as e } from "../Typography/Typography.js";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Field as n } from "./Field.js";
 import { Label as c } from "./Label.js";
+import "../Snackbar/useSnackbar.js";
 const g = ({ size: r, color: p, label: o, helperText: i, children: t, ...s }) => /* @__PURE__ */ d(n, { size: r, color: p, ...s, children: [
   o && /* @__PURE__ */ m(c, { size: r, children: o }),
   t,

package/dist/components/Forms/FieldsetBase.js

@@ -2,9 +2,9 @@ import { jsxs as i, jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Fieldset as e } from "./Fieldset.js";
 import { Legend as p } from "./Legend.js";
+import "../Snackbar/useSnackbar.js";
 const h = ({ legend: r, children: o, ...t }) => /* @__PURE__ */ i(e, { ...t, children: [
   !!r && /* @__PURE__ */ m(p, { children: r }),
   o

package/dist/components/Forms/Radio.js

@@ -2,10 +2,10 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Field as e } from "./Field.js";
 import { Label as d } from "./Label.js";
 import { Input as n } from "./Input.js";
+import "../Snackbar/useSnackbar.js";
 const u = ({ size: i, color: t, label: r, ...m }) => /* @__PURE__ */ p(e, { size: i, color: t, children: [
   /* @__PURE__ */ o(n, { ...m, type: "radio" }),
   !!r && /* @__PURE__ */ o(d, { children: r })

package/dist/components/Forms/RadioOptions.js

@@ -2,9 +2,9 @@ import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Radio as o } from "./Radio.js";
 import { OptionsBase as p } from "./OptionsBase.js";
+import "../Snackbar/useSnackbar.js";
 const R = ({ name: i, options: t = [], ...a }) => /* @__PURE__ */ m(p, { ...a, children: t.map((r, e) => /* @__PURE__ */ m(o, { name: (r == null ? void 0 : r.name) || i, ...r }, e)) });
 export {
   R as RadioOptions

package/dist/components/Forms/SearchField.js

@@ -4,9 +4,9 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { IconButton as f } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Input as _ } from "./Input.js";
 import { FieldBase as d } from "./FieldBase.js";
+import "../Snackbar/useSnackbar.js";
 import { S as u } from "../../MagnifyingGlass-bwVhw07z.js";
 import { S as k } from "../../XMark-tKk6aExO.js";
 import '../../assets/SearchField.css';const g = "_field_zk1f7_1", h = "_icon_zk1f7_5", z = "_input_zk1f7_14", S = "_clear_zk1f7_24", o = {

package/dist/components/Forms/SelectField.js

@@ -2,9 +2,9 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Select as i } from "./Select.js";
 import { FieldBase as p } from "./FieldBase.js";
+import "../Snackbar/useSnackbar.js";
 const F = ({ size: r = "md", label: t, children: m, ...e }) => /* @__PURE__ */ o(p, { label: t, size: r, children: /* @__PURE__ */ o(i, { ...e, size: r, children: m }) });
 export {
   F as SelectField

package/dist/components/Forms/Switch.js

@@ -2,10 +2,10 @@ import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Field as c } from "./Field.js";
 import { Label as h } from "./Label.js";
 import { Input as n } from "./Input.js";
+import "../Snackbar/useSnackbar.js";
 const b = ({ reverse: t, size: i, color: m, label: r, ...p }) => /* @__PURE__ */ e(c, { size: i, color: m, reverse: t, children: [
   /* @__PURE__ */ o(n, { ...p, type: "checkbox", role: "switch" }),
   !!r && /* @__PURE__ */ o(h, { children: r })

package/dist/components/Forms/SwitchOptions.js

@@ -2,9 +2,9 @@ import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Switch as s } from "./Switch.js";
 import { OptionsBase as a } from "./OptionsBase.js";
+import "../Snackbar/useSnackbar.js";
 const O = ({ name: t, options: i = [], ...e }) => /* @__PURE__ */ m(a, { ...e, children: i.map((r, p) => /* @__PURE__ */ m(s, { name: (r == null ? void 0 : r.name) || t, ...r }, p)) });
 export {
   O as SwitchOptions

package/dist/components/Forms/TextField.js

@@ -2,9 +2,9 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Input as e } from "./Input.js";
 import { FieldBase as n } from "./FieldBase.js";
+import "../Snackbar/useSnackbar.js";
 const F = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(n, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
 export {
   F as TextField

package/dist/components/Forms/TextareaField.js

@@ -2,9 +2,9 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Textarea as p } from "./Textarea.js";
 import { FieldBase as a } from "./FieldBase.js";
+import "../Snackbar/useSnackbar.js";
 const F = ({ size: o, color: t, label: e, helperText: i, ...m }) => /* @__PURE__ */ r(a, { size: o, color: t, label: e, helperText: i, children: /* @__PURE__ */ r(p, { ...m }) });
 export {
   F as TextareaField

package/dist/components/GlobalHeader/AccountSelector.js

@@ -0,0 +1,138 @@
+"use client";
+import { jsx as o, jsxs as O } from "react/jsx-runtime";
+import { c as g } from "../../index-L8X2o7IH.js";
+import s, { forwardRef as v, useState as j, useEffect as z } from "react";
+import { AccountMenu as C } from "../Account/AccountMenu.js";
+import { Button as E } from "../Button/Button.js";
+import { useRootContext as k } from "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { SearchField as F } from "../Forms/SearchField.js";
+import { S as N } from "../../Spinner-BDXfwXIh.js";
+import { H as M } from "../../Heading-By5DKz2H.js";
+import { u as _ } from "../../useId-BVFxCjkq.js";
+import '../../assets/AccountSelector.css';var R = function(e, i) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+      i.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const P = v((e, i) => {
+  var { title: r, titleId: t } = e, n = R(e, ["title", "titleId"]);
+  let l = _();
+  return l = r ? t || "title-" + l : void 0, s.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: i, "aria-labelledby": l }, n),
+    r ? s.createElement("title", { id: l }, r) : null,
+    s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m4.03 9.28-3.5 3.5a.75.75 0 0 1-1.06 0l-3.5-3.5a.75.75 0 0 1 .53-1.28h7a.75.75 0 0 1 .53 1.28m-2.34.22h-3.38L12 13.44z", clipRule: "evenodd" })
+  );
+});
+var A = function(e, i) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+      i.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const T = v((e, i) => {
+  var { title: r, titleId: t } = e, n = A(e, ["title", "titleId"]);
+  let l = _();
+  return l = r ? t || "title-" + l : void 0, s.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: i, "aria-labelledby": l }, n),
+    r ? s.createElement("title", { id: l }, r) : null,
+    s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m.53 6.72a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 .53 1.28h7a.75.75 0 0 0 .53-1.28zM12 10.56l1.69 1.69h-3.38z", clipRule: "evenodd" })
+  );
+}), B = "_accountSelector_1f74n_1", H = "_heading_1f74n_11", V = "_searchSection_1f74n_17", D = "_searchField_1f74n_22", K = "_accountMenu_1f74n_26", L = "_fullScreen_1f74n_34", U = "_virtualized_1f74n_38", W = "_btnIcon_1f74n_42", $ = "_spinner_1f74n_46", c = {
+  accountSelector: B,
+  heading: H,
+  searchSection: V,
+  searchField: D,
+  accountMenu: K,
+  fullScreen: L,
+  virtualized: U,
+  btnIcon: W,
+  spinner: $
+}, ie = ({ accountMenu: e, forceOpenFullScreen: i, className: r, loading: t }) => {
+  const { currentId: n, openId: l, toggleId: u, languageCode: S } = k(), a = n === "accountFullscreen", [f, m] = j(""), { minimize: b, fullscreen: w, searchText: h, heading: y } = q(S);
+  z(() => {
+    i === !0 && !a && l("accountFullscreen");
+  }, [i, a, l]);
+  const x = () => {
+    l(a ? "account" : "accountFullscreen");
+  }, I = (d) => {
+    var p;
+    (p = e.onSelectAccount) == null || p.call(e, d), u(a ? "accountFullscreen" : "account");
+  };
+  return t ? /* @__PURE__ */ o(N, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ O("div", { className: g(r, c.accountSelector), children: [
+    a && /* @__PURE__ */ o(M, { "data-size": "md", level: 2, className: c.heading, children: y }),
+    /* @__PURE__ */ o("div", { className: c.searchSection, children: /* @__PURE__ */ o(
+      F,
+      {
+        name: h,
+        placeholder: h,
+        value: f,
+        onChange: (d) => m(d.target.value),
+        onClear: () => m(""),
+        className: c.searchField
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: g(
+          c.accountMenu,
+          a && c.fullScreen,
+          e.isVirtualized && c.virtualized
+        ),
+        children: /* @__PURE__ */ o(
+          C,
+          {
+            ...e,
+            onSelectAccount: I,
+            keyboardEvents: !1,
+            search: { hidden: !0, name: "", value: f }
+          }
+        )
+      }
+    ),
+    i !== !0 && /* @__PURE__ */ o(
+      E,
+      {
+        icon: a ? /* @__PURE__ */ o(T, { className: c.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ o(P, { className: c.btnIcon, "aria-hidden": "true" }),
+        variant: "text",
+        onClick: x,
+        children: a ? b : w
+      }
+    )
+  ] });
+}, q = (e) => {
+  switch (e) {
+    case "nn":
+      return {
+        minimize: "Minimer",
+        fullscreen: "Vis i fullskjerm",
+        searchText: "Søk i aktørar",
+        heading: "Kven vil du representere?"
+      };
+    case "en":
+      return {
+        minimize: "Minimize",
+        fullscreen: "Show in fullscreen",
+        searchText: "Search in actors",
+        heading: "Who do you want to represent?"
+      };
+    default:
+      return {
+        minimize: "Minimer",
+        fullscreen: "Vis i fullskjerm",
+        searchText: "Søk i aktører",
+        heading: "Hvem vil du representere?"
+      };
+  }
+};
+export {
+  ie as AccountSelector
+};