@altinn/altinn-components 0.44.4 → 0.45.0

package/dist/ArrowUndo-hge1gMu8.js

@@ -0,0 +1,24 @@
+"use client";
+import a, { forwardRef as i } from "react";
+import { u as f } from "./useId-BVFxCjkq.js";
+var d = function(t, n) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const p = i((t, n) => {
+  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
+  let o = f();
+  return o = l ? e || "title-" + o : void 0, a.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": o }, r),
+    l ? a.createElement("title", { id: o }, l) : null,
+    a.createElement("path", { fill: "currentColor", d: "M9.03 5.03a.75.75 0 1 0-1.06-1.06l-4.5 4.5a.75.75 0 0 0 0 1.06l4.5 4.5a.75.75 0 1 0 1.06-1.06L5.81 9.75H16a4.25 4.25 0 0 1 0 8.5h-1.5a.75.75 0 0 0 0 1.5H16a5.75 5.75 0 0 0 0-11.5H5.81z" })
+  );
+});
+export {
+  p as S
+};

package/dist/Button-B0t0vz2h.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import { S as d, a as m } from "./index-D8Pn8SCu.js";
+import { c as p } from "./lite-1fxw3LjI.js";
+import { forwardRef as c } from "react";
+import { S as l } from "./Spinner-BDXfwXIh.js";
+const v = c(function({ asChild: e, className: o, children: r, icon: a = !1, loading: t = !1, variant: i = "primary", ...s }, f) {
+  return u(e ? d : "button", {
+    "aria-busy": !!t || void 0,
+    "aria-disabled": !!t || void 0,
+    className: p("ds-button", o),
+    "data-icon": a || void 0,
+    "data-variant": i,
+    ref: f,
+    /* don't set type when we use `asChild` */
+    type: e ? void 0 : "button",
+    ...s,
+    children: [t === !0 ? n(l, { "aria-hidden": "true" }) : t, n(m, { children: r })]
+  });
+});
+export {
+  v as B
+};

package/dist/Globe-BcPkcH4E.js

@@ -0,0 +1,24 @@
+"use client";
+import o, { forwardRef as i } from "react";
+import { u as c } from "./useId-BVFxCjkq.js";
+var f = function(t, a) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const u = i((t, a) => {
+  var { title: r, titleId: e } = t, l = f(t, ["title", "titleId"]);
+  let n = c();
+  return n = r ? e || "title-" + n : void 0, o.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: a, "aria-labelledby": n }, l),
+    r ? o.createElement("title", { id: n }, r) : null,
+    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.74-7.683A8.28 8.28 0 0 0 4.65 8.25h3.719a41 41 0 0 1 .62-3.934m1.63-.452a41 41 0 0 0-.742 4.385h4.245a41 41 0 0 0-.743-4.385 8.3 8.3 0 0 0-2.76 0M8.24 14.25a34.5 34.5 0 0 1 0-4.5H4.06A8.3 8.3 0 0 0 3.75 12c0 .78.108 1.535.31 2.25zm1.503 0a33 33 0 0 1 0-4.5h4.514c.103 1.51.103 2.997 0 4.5zm-.754 5.433a41 41 0 0 1-.62-3.933h-3.72a8.28 8.28 0 0 0 4.34 3.933m1.631.452a41 41 0 0 1-.743-4.385h4.246a41 41 0 0 1-.743 4.385 8.3 8.3 0 0 1-2.76 0m5.141-5.885c.098-1.502.098-2.99 0-4.5h4.179c.202.715.31 1.47.31 2.25a8.3 8.3 0 0 1-.31 2.25zm-.75-9.933a8.28 8.28 0 0 1 4.34 3.933h-3.72a41 41 0 0 0-.62-3.933m0 15.366c.276-1.344.483-2.648.62-3.933h3.72a8.28 8.28 0 0 1-4.34 3.933", clipRule: "evenodd" })
+  );
+});
+export {
+  u as S
+};

package/dist/Heading-By5DKz2H.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { S as a } from "./index-D8Pn8SCu.js";
+import { c as i } from "./lite-1fxw3LjI.js";
+import { forwardRef as f } from "react";
+const u = f(function({ level: o = 2, className: r, asChild: t, ...e }, n) {
+  const s = t ? a : `h${o}`;
+  return m(s, { className: i("ds-heading", r), ref: n, ...e });
+});
+export {
+  u as H
+};

package/dist/HeartFill-CYSrJ_xK.js

@@ -0,0 +1,43 @@
+"use client";
+import i, { forwardRef as a } from "react";
+import { u as f } from "./useId-BVFxCjkq.js";
+var c = function(t, n) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const m = a((t, n) => {
+  var { title: r, titleId: e } = t, l = c(t, ["title", "titleId"]);
+  let o = f();
+  return o = r ? e || "title-" + o : void 0, i.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": o }, l),
+    r ? i.createElement("title", { id: o }, r) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.207 6.354-1 9.56l-6.5 6.5-.53-.53-.53.53-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.356 3.125 7.875 3.125c1.349 0 2.726.602 4.125 1.844M12 20.5l-.53.53a.75.75 0 0 0 1.06 0zm0-1.06 5.97-5.97c2.793-2.794 2.627-5.812 1-7.44-.919-.918-1.864-1.405-2.845-1.405s-2.177.487-3.595 1.905a.75.75 0 0 1-1.06 0C10.05 5.112 8.856 4.625 7.874 4.625S5.948 5.112 5.03 6.03c-1.627 1.628-1.793 4.646 1 7.44z", clipRule: "evenodd" })
+  );
+});
+var d = function(t, n) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const s = a((t, n) => {
+  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
+  let o = f();
+  return o = r ? e || "title-" + o : void 0, i.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": o }, l),
+    r ? i.createElement("title", { id: o }, r) : null,
+    i.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
+  );
+});
+export {
+  s as S,
+  m as a
+};

package/dist/PersonCircle-DlX_3kRO.js

@@ -0,0 +1,24 @@
+"use client";
+import i, { forwardRef as a } from "react";
+import { u as f } from "./useId-BVFxCjkq.js";
+var d = function(t, n) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const p = a((t, n) => {
+  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
+  let o = f();
+  return o = r ? e || "title-" + o : void 0, i.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": o }, l),
+    r ? i.createElement("title", { id: o }, r) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 3.75a8.25 8.25 0 0 0-5.144 14.7 5.25 5.25 0 0 1 10.288 0A8.25 8.25 0 0 0 12 3.75m3.747 15.602a3.75 3.75 0 0 0-7.494 0A8.2 8.2 0 0 0 12 20.25c1.35 0 2.623-.324 3.747-.898M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12M12 7.25a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M8.25 9.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0", clipRule: "evenodd" })
+  );
+});
+export {
+  p as S
+};

package/dist/Spinner-BDXfwXIh.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { c } from "./lite-1fxw3LjI.js";
+import { useLayoutEffect as l, useEffect as d, useRef as p, forwardRef as g } from "react";
+import { u as x } from "./useMergeRefs-DOnoWyUH.js";
+const R = typeof window < "u" ? l : d;
+function m(i) {
+  const t = p(null);
+  return R(() => {
+    const s = document.getAnimations().filter((r) => "animationName" in r && r.animationName === i), e = s.find((r) => "animationName" in r && r.animationName === i), n = s.find((r) => {
+      var o;
+      return ((o = r.effect) == null ? void 0 : o.target) === t.current;
+    });
+    return n && n === e && (n.currentTime = 0), n && (e != null && e.currentTime) && n !== e && (n.currentTime = e.currentTime), () => {
+      n && (e != null && e.currentTime) && (n.currentTime = e.currentTime);
+    };
+  }, [i]), t;
+}
+const y = g(function({ "aria-label": t, className: s, ...e }, n) {
+  const r = m("ds-spinner-rotate-animation"), o = m("ds-spinner-stroke-animation"), f = x([r, n]);
+  return u("svg", { "aria-label": t, className: c("ds-spinner", s), ref: f, role: "img", viewBox: "0 0 50 50", ...e, children: [a("circle", { className: c("ds-spinner__background"), cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5" }), a("circle", { className: c("ds-spinner__circle"), cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5", ref: o })] });
+});
+export {
+  y as S,
+  m as u
+};

package/dist/assets/AccountMenuButton.css

@@ -0,0 +1 @@
+._button_1r4wq_1{flex-shrink:0;position:relative;display:inline-flex;align-items:center;column-gap:.1rem;padding:.625rem;border:none;border-radius:4px}._label_1r4wq_12{font-size:1.125rem;font-weight:500;padding:.25rem}._avatarIcon_1r4wq_18,._loginIcon_1r4wq_19,._closeIcon_1r4wq_20{width:2.7em;height:2.7em;border-radius:2px;font-size:unset}._closeIcon_1r4wq_20{background-color:var(--ds-color-accent-base-default);border-radius:50%;color:#fff}._loginIcon_1r4wq_19{background-color:#e0e2e4;border-radius:50%;color:#000}._avatar_1r4wq_18{font-size:2.6em}._icon_1r4wq_43{font-size:1.2em}._badge_1r4wq_47{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}._labelContainer_1r4wq_55{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;color:var(--ds-color-article-text-default)}._description_1r4wq_63{font-size:.875rem;color:var(--ds-color-article-text-default)}

package/dist/assets/AccountSelector.css

@@ -0,0 +1 @@
+._accountSelector_1f74n_1{display:flex;flex-direction:column;align-items:center;padding:1rem 0;max-width:1000px;margin:0 auto;--horizontal-padding: .7rem}._heading_1f74n_11{margin-bottom:1rem;width:100%;padding:.3rem var(--horizontal-padding)}._searchSection_1f74n_17{width:100%;padding:0 var(--horizontal-padding)}._searchField_1f74n_22{width:50%}._accountMenu_1f74n_26{height:40vh;width:100%;overflow-y:auto;margin-bottom:1rem;padding:0 var(--horizontal-padding)}._accountMenu_1f74n_26._fullScreen_1f74n_34{height:fit-content}._accountMenu_1f74n_26._virtualized_1f74n_38{overflow-y:hidden}._btnIcon_1f74n_42{font-size:1.5rem}._spinner_1f74n_46{margin:auto;width:100%;overflow:hidden}@media (max-width: 1023px){._accountSelector_1f74n_1{--horizontal-padding: .1rem}._searchField_1f74n_22{width:100%}}

package/dist/assets/GlobalHeader.css

@@ -0,0 +1 @@
+._drawer_1r5ak_1[data-expanded=true]{display:block;width:100%}._dropdown_1r5ak_6[data-expanded=true]{display:none}@media (min-width: 1024px){._dropdown_1r5ak_6[data-expanded=true][data-layout=desktop]{display:block}._drawer_1r5ak_1[data-expanded=true][data-layout=mobile]{display:none}}._relative_1r5ak_19{position:relative}

package/dist/assets/GlobalHeaderBase.css

@@ -0,0 +1 @@
+._header_t9h1f_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.7rem;background-color:#fff;margin-bottom:1rem}._backdrop_t9h1f_13{display:none}._header_t9h1f_1[data-current-id=menu],._header_t9h1f_1[data-current-id=locale]{background-color:#fff}@media (min-width: 1024px){._header_t9h1f_1[data-current-id=menu] ._backdrop_t9h1f_13,._header_t9h1f_1[data-current-id=locale] ._backdrop_t9h1f_13{display:block}}@media (max-width: 1023px){._header_t9h1f_1{gap:0}}._header_t9h1f_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}

package/dist/assets/GlobalMenuButton2.css

@@ -0,0 +1 @@
+._button_1g9ar_1{flex-shrink:0;position:relative;z-index:2;display:inline-flex;align-items:center;column-gap:.625rem;padding:.625rem;border:none;border-radius:4px}._label_1g9ar_13{font-size:1.125rem;font-weight:500;padding:.25rem}._avatar_1g9ar_19{font-size:2.25rem;width:2.25rem;height:2.25rem}._icon_1g9ar_25{font-size:1.5rem;width:1.5rem;height:1.5rem}._badge_1g9ar_31{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}

package/dist/assets/HeaderGroup2.css

@@ -0,0 +1 @@
+._group_o0h92_1{position:relative;display:flex;align-items:center;column-gap:1rem}@media (max-width: 1023px){._group_o0h92_1{column-gap:.1rem}}

package/dist/assets/HeaderLogo2.css

@@ -0,0 +1 @@
+._logo_1d6ig_1{display:flex;align-items:center;color:currentColor;text-decoration:none}._riksSymbol_1d6ig_8{width:2.5rem;height:2.5rem;margin:0}._text_1d6ig_14{font-size:1.5rem;font-weight:500;padding:4px}

package/dist/assets/LayoutBody.css

@@ -1 +1 @@
-._body_18zk9_1{flex-grow:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;column-gap:2em}@media (min-width: 1024px){._body_18zk9_1{padding:0 1rem}}@media (max-width: 1023px){._body_18zk9_1[data-current-id=menu]{display:none}}
+._body_1voih_1{flex-grow:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;column-gap:2em}._body_1voih_1[data-current-id=accountFullscreen]{display:none}@media (min-width: 1024px){._body_1voih_1{padding:0 1rem}}@media (max-width: 1023px){._body_1voih_1[data-current-id=menu]{display:none}}

package/dist/assets/NotificationItemBase.css

@@ -0,0 +1 @@
+._item_w20tn_1{--dsc-item-height: 3em;--dsc-item-px: .5em;--dsc-item-py: .25em;--dsc-item-my: .25em;--dsc-item-border-radius: var(--ds-border-radius-xl);--dsc-item-spacing: .5em;box-shadow:var(--ds-shadow-xs)}._item_w20tn_1[data-variant=default]{--dsc-item-background: var(--ds-color-surface-default);--dsc-item-background--active: var(--ds-color-surface-active);--dsc-item-border-color: var(--ds-color-border-subtle)}._item_w20tn_1[data-variant=tinted]{--dsc-item-background: var(--ds-color-surface-tinted);--dsc-item-background--active: var(--ds-color-surface-active);--dsc-item-background--hover: var(--ds-color-surface-hover);--dsc-item-border-color: var(--ds-color-border-subtle)}._header_w20tn_24{position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:start;column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_w20tn_24 mark{background-color:transparent;text-decoration:underline}._link_w20tn_43{outline:none}._linkFocus_w20tn_47{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--dsc-item-border-radius)}._controls_w20tn_56 a,._controls_w20tn_56 button{position:relative}._link_w20tn_43:focus-visible ._linkFocus_w20tn_47{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._link_w20tn_43:focus-visible ._linkFocus_w20tn_47 *{--_ds--focus: }

package/dist/assets/NotificationItemIcon.css

@@ -0,0 +1 @@
+._icon_15rz1_1{position:relative;min-width:2.25rem;min-height:2.25rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._shape_15rz1_11{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background-color:var(--ds-color-background-default);border-radius:5%}._icon_15rz1_1{font-size:1.5rem;width:1.5rem;height:1.5rem}._avatar_15rz1_29{font-size:2.25rem;width:2.25rem;height:2.25rem}._avatarGroup_15rz1_35{font-size:.625em}._badge_15rz1_39{position:absolute;top:0;right:0;margin-top:-.25em;margin-right:-.25em;outline:1px solid white}

package/dist/assets/globalSearch.css

@@ -0,0 +1 @@
+._globalSearch_gfstq_1{max-width:700px;margin:1rem auto;padding-bottom:.8rem}._searchInput_gfstq_7{border:2px solid black}._searchInputButton_gfstq_11{border:2px solid black;border-left:none}._searchButton_gfstq_16{background-color:#e0e2e4;color:var(--ds-color-accent-text-default)}._searchButton_gfstq_16:hover{background-color:var(--ds-color-accent-surface-hover)}._searchButton_gfstq_16:active{background-color:var(--ds-color-accent-surface-active)}@media (max-width: 1023px){._searchButton_gfstq_16{margin-right:.5rem}}

package/dist/components/Account/AccountListItemControls.js

@@ -1,74 +1,38 @@
-"use client";
-import { jsxs as u, jsx as c } from "react/jsx-runtime";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import i, { forwardRef as d, isValidElement as s } from "react";
-import { Badge as y } from "../Badge/Badge.js";
-import { IconButton as O } from "../Button/IconButton.js";
-import { ContextMenu as w } from "../ContextMenu/ContextMenu.js";
+import { isValidElement as c } from "react";
+import { Badge as u } from "../Badge/Badge.js";
+import { IconButton as x } from "../Button/IconButton.js";
+import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemControls as b } from "../List/ListItemControls.js";
+import { ListItemControls as B } from "../List/ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
-import { u as m } from "../../useId-BVFxCjkq.js";
-var v = function(t, n) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
-};
-const h = d((t, n) => {
-  var { title: r, titleId: e } = t, l = v(t, ["title", "titleId"]);
-  let o = m();
-  return o = r ? e || "title-" + o : void 0, i.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": o }, l),
-    r ? i.createElement("title", { id: o }, r) : null,
-    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.207 6.354-1 9.56l-6.5 6.5-.53-.53-.53.53-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.356 3.125 7.875 3.125c1.349 0 2.726.602 4.125 1.844M12 20.5l-.53.53a.75.75 0 0 0 1.06 0zm0-1.06 5.97-5.97c2.793-2.794 2.627-5.812 1-7.44-.919-.918-1.864-1.405-2.845-1.405s-2.177.487-3.595 1.905a.75.75 0 0 1-1.06 0C10.05 5.112 8.856 4.625 7.874 4.625S5.948 5.112 5.03 6.03c-1.627 1.628-1.793 4.646 1 7.44z", clipRule: "evenodd" })
-  );
-});
-var x = function(t, n) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
-};
-const I = d((t, n) => {
-  var { title: r, titleId: e } = t, l = x(t, ["title", "titleId"]);
-  let o = m();
-  return o = r ? e || "title-" + o : void 0, i.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": o }, l),
-    r ? i.createElement("title", { id: o }, r) : null,
-    i.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
-  );
-}), A = ({
-  id: t,
+import { S as C, a as d } from "../../HeartFill-CYSrJ_xK.js";
+const V = ({
+  id: m,
   type: n,
   badge: r,
   isCurrentEndUser: e = !1,
-  favourite: l = !1,
-  favouriteLabel: o,
-  onToggleFavourite: f,
-  contextMenu: a,
+  favourite: s = !1,
+  favouriteLabel: f,
+  onToggleFavourite: t,
+  contextMenu: i,
   loading: p
-}) => /* @__PURE__ */ u(b, { children: [
-  r && (r && !p && typeof r == "object" && "label" in r ? /* @__PURE__ */ c(y, { ...r }) : s(r) ? r : null),
-  !e && n !== "group" && /* @__PURE__ */ c(
-    O,
+}) => /* @__PURE__ */ l(B, { children: [
+  r && (r && !p && typeof r == "object" && "label" in r ? /* @__PURE__ */ o(u, { ...r }) : c(r) ? r : null),
+  !e && n !== "group" && /* @__PURE__ */ o(
+    x,
     {
       rounded: !0,
       variant: "text",
-      icon: l ? I : h,
-      iconAltText: o || "Toggle favourite",
-      onClick: () => f == null ? void 0 : f(t),
+      icon: s ? C : d,
+      iconAltText: f || "Toggle favourite",
+      onClick: () => t == null ? void 0 : t(m),
       size: "xs"
     }
   ),
-  a && /* @__PURE__ */ c(w, { ...a })
+  i && /* @__PURE__ */ o(a, { ...i })
 ] });
 export {
-  A as AccountListItemControls
+  V as AccountListItemControls
 };

package/dist/components/Account/AccountMenu.js

@@ -1,62 +1,66 @@
 "use client";
-import { jsx as M } from "react/jsx-runtime";
-import { useState as v } from "react";
+import { jsx as x } from "react/jsx-runtime";
+import { useState as R, useEffect as S } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { Menu as x } from "../Menu/Menu.js";
+import { Menu as j } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-const R = (e) => `${e} hits`, z = ({
-  items: e = [],
-  groups: f = {},
-  search: t,
+const k = (d) => `${d} hits`, D = ({
+  items: d = [],
+  groups: v = {},
+  search: l,
   filterAccount: C,
-  onSelectAccount: r,
-  currentAccount: a,
-  isVirtualized: h,
-  keyboardEvents: L
+  onSelectAccount: u,
+  currentAccount: e,
+  isVirtualized: L,
+  keyboardEvents: w
 }) => {
-  var u;
-  const d = e.map((o) => ({
+  var a;
+  const p = d.map((o) => ({
     ...o,
     title: (o == null ? void 0 : o.title) || o.name,
     groupId: o.groupId || "search",
-    selected: o.selected ?? (a == null ? void 0 : a.id) === o.id,
+    selected: o.selected ?? (e == null ? void 0 : e.id) === o.id,
     onClick: () => {
-      !o.disabled && (r == null || r(o.id));
+      !o.disabled && (u == null || u(o.id));
     }
-  })), [l, s] = v(""), w = C || ((o, p) => {
-    var g, i, c;
-    return ((g = o == null ? void 0 : o.name) == null ? void 0 : g.toLowerCase().includes(p.toLowerCase())) || ((c = (i = o == null ? void 0 : o.description) == null ? void 0 : i.toString()) == null ? void 0 : c.toLowerCase().includes(p.toLowerCase()));
-  }), n = l ? d.filter((o) => w(o, l)).map((o) => ({
+  })), [t, i] = R("");
+  S(() => {
+    (l == null ? void 0 : l.value) !== void 0 && i(l.value);
+  }, [l == null ? void 0 : l.value]);
+  const F = C || ((o, f) => {
+    var g, r, s;
+    return ((g = o == null ? void 0 : o.name) == null ? void 0 : g.toLowerCase().includes(f.toLowerCase())) || ((s = (r = o == null ? void 0 : o.description) == null ? void 0 : r.toString()) == null ? void 0 : s.toLowerCase().includes(f.toLowerCase()));
+  }), n = t ? p.filter((o) => F(o, t)).map((o) => ({
     ...o,
     groupId: "search",
     title: (o == null ? void 0 : o.title) || o.name,
-    highlightWords: [l]
-  })) : d, F = l ? {
+    highlightWords: [t]
+  })) : p, b = t ? {
     search: {
-      title: ((u = t == null ? void 0 : t.getResultsLabel) == null ? void 0 : u.call(t, n.length)) ?? R(n.length)
+      title: ((a = l == null ? void 0 : l.getResultsLabel) == null ? void 0 : a.call(l, n.length)) ?? k(n.length)
     }
-  } : f, b = {
+  } : v, I = {
     name: "account-search",
-    value: l,
-    placeholder: (t == null ? void 0 : t.placeholder) ?? "Find account",
-    onChange: (o) => s(o.target.value),
-    onClear: () => s("")
-  }, I = [
+    value: t,
+    placeholder: (l == null ? void 0 : l.placeholder) ?? "Find account",
+    onChange: (o) => i(o.target.value),
+    onClear: () => i("")
+  }, M = [
     ...n.length > 0 ? n : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ M(
-    x,
+  return /* @__PURE__ */ x(
+    j,
     {
       variant: "default",
-      search: t && b,
-      groups: F,
-      items: I,
-      isVirtualized: h,
-      keyboardEvents: L
+      search: l && (l == null ? void 0 : l.hidden) === !1 ? I : void 0,
+      groups: b,
+      items: M,
+      isVirtualized: L,
+      keyboardEvents: w
     }
   );
 };
 export {
-  z as AccountMenu
+  D as AccountMenu
 };

package/dist/components/Account/AccountMenuButton.js

@@ -0,0 +1,131 @@
+"use client";
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { c as m } from "../../index-L8X2o7IH.js";
+import f, { forwardRef as _, isValidElement as v } from "react";
+import { Avatar as b } from "../Avatar/Avatar.js";
+import { ButtonBase as p } from "../Button/ButtonBase.js";
+import { ButtonLabel as g } from "../Button/ButtonLabel.js";
+import { ButtonIcon as u } from "../Button/ButtonIcon.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { S as h } from "../../XMark-tKk6aExO.js";
+import { u as I } from "../../useId-BVFxCjkq.js";
+import '../../assets/AccountMenuButton.css';var w = function(t, o) {
+  var i = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (i[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      o.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (i[e[l]] = t[e[l]]);
+  return i;
+};
+const y = _((t, o) => {
+  var { title: i, titleId: e } = t, l = w(t, ["title", "titleId"]);
+  let r = I();
+  return r = i ? e || "title-" + r : void 0, f.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: o, "aria-labelledby": r }, l),
+    i ? f.createElement("title", { id: r }, i) : null,
+    f.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.5 3.25a.75.75 0 0 0 0 1.5H19a.25.25 0 0 1 .25.25v14a.25.25 0 0 1-.25.25h-3.5a.75.75 0 0 0 0 1.5H19A1.75 1.75 0 0 0 20.75 19V5A1.75 1.75 0 0 0 19 3.25zM9.97 6.97a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06l3.22-3.22H3.5a.75.75 0 0 1 0-1.5h9.69L9.97 8.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
+  );
+}), N = "_button_1r4wq_1", x = "_avatarIcon_1r4wq_18", O = "_loginIcon_1r4wq_19", q = "_closeIcon_1r4wq_20", j = "_avatar_1r4wq_18", k = "_icon_1r4wq_43", L = "_labelContainer_1r4wq_55", B = "_description_1r4wq_63", n = {
+  button: N,
+  avatarIcon: x,
+  loginIcon: O,
+  closeIcon: q,
+  avatar: j,
+  icon: k,
+  labelContainer: L,
+  description: B
+}, F = ({
+  className: t,
+  currentAccount: o,
+  expanded: i,
+  minimized: e = !1,
+  loading: l = !1,
+  ...r
+}) => {
+  const c = C(void 0);
+  if (l)
+    return /* @__PURE__ */ a(
+      p,
+      {
+        ...r,
+        as: "button",
+        type: "button",
+        variant: "text",
+        color: "accent",
+        className: m(n.button, n.loading, t),
+        disabled: !0,
+        "aria-label": "loading",
+        children: /* @__PURE__ */ a(u, { className: n.avatarIcon, icon: /* @__PURE__ */ a(b, { name: "loading", loading: !0, className: n.avatar }) })
+      }
+    );
+  if (o) {
+    let s = o.description;
+    return o.type === "subunit" && typeof s == "string" && s && (s = `${s.split(",")[0]}, ${c.subunit}`), /* @__PURE__ */ d(
+      p,
+      {
+        ...r,
+        as: "button",
+        type: "button",
+        variant: "text",
+        color: "accent",
+        className: m(n.button, t),
+        "aria-label": i ? c.close : o.name,
+        children: [
+          !e && /* @__PURE__ */ a(g, { children: /* @__PURE__ */ d("div", { className: n.labelContainer, children: [
+            o.name,
+            /* @__PURE__ */ a("span", { className: n.description, children: typeof s == "string" || v(s) ? s : null })
+          ] }) }),
+          i ? /* @__PURE__ */ a(u, { className: n.closeIcon, icon: /* @__PURE__ */ a(h, { className: n.icon, "aria-hidden": !0 }) }) : /* @__PURE__ */ a(
+            u,
+            {
+              className: n.avatarIcon,
+              icon: /* @__PURE__ */ a(b, { ...o == null ? void 0 : o.icon, className: n.avatar })
+            }
+          )
+        ]
+      }
+    );
+  }
+  return i ? null : /* @__PURE__ */ d(
+    p,
+    {
+      ...r,
+      as: "button",
+      type: "button",
+      variant: "text",
+      color: "accent",
+      "aria-label": c.login,
+      className: m(n.button, t),
+      children: [
+        !e && /* @__PURE__ */ a(g, { children: c.login }),
+        /* @__PURE__ */ a(u, { className: n.loginIcon, icon: /* @__PURE__ */ a(y, { className: n.icon, "aria-hidden": !0 }) })
+      ]
+    }
+  );
+}, C = (t) => {
+  switch (t) {
+    case "nn":
+      return {
+        login: "Logg inn",
+        close: "Lukk kontomeny",
+        subunit: "undereining"
+      };
+    case "en":
+      return {
+        login: "Log in",
+        close: "Close Account Menu",
+        subunit: "subunit"
+      };
+    default:
+      return {
+        login: "Logg inn",
+        close: "Lukk kontomeny",
+        subunit: "underenhet"
+      };
+  }
+};
+export {
+  F as AccountMenuButton
+};

package/dist/components/Account/AccountNotificationSettings.js

@@ -2,10 +2,10 @@ import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Fieldset as d } from "../Forms/Fieldset.js";
 import { Switch as r } from "../Forms/Switch.js";
 import { TextField as i } from "../Forms/TextField.js";
+import "../Snackbar/useSnackbar.js";
 const M = ({
   phone: m,
   phoneLabel: p = "Varsle på SMS",