@altinn/altinn-components 0.41.1 → 0.41.3

package/dist/assets/AccountOrganization.css

@@ -0,0 +1 @@
+._list_hvcdj_1{display:flex;flex-direction:column;row-gap:.25rem;list-style:none;padding:.25rem 0;margin:0;border-left:2px solid;border-color:var(--ds-color-border-subtle);margin-left:1rem}._list_hvcdj_1[data-level="1"]{border-left:none;margin-left:0}._node_hvcdj_19{display:flex;align-items:center}._node_hvcdj_19:before{content:"";display:flex;width:100%;height:2px;width:1.5rem;background-color:var(--ds-color-border-subtle)}._node_hvcdj_19[data-level="1"]:before{display:none}._link_hvcdj_37{padding:.375rem .5rem;width:100%;display:flex;align-items:center;text-decoration:none}._link_hvcdj_37:not([data-selected=true]):hover{background-color:var(--ds-color-background-tinted)}._link_hvcdj_37[data-selected=true]{background-color:var(--ds-color-surface-tinted)}

package/dist/assets/ButtonIcon.css

@@ -1 +1 @@
-._wrapper_1tenp_1{display:flex;align-items:center;justify-content:center;font-size:1em}._icon_1tenp_8[data-size=xs]{font-size:.875rem}._icon_1tenp_8[data-size=sm]{font-size:1rem}._icon_1tenp_8[data-size=md]{font-size:1.125rem}._icon_1tenp_8[data-size=lg]{font-size:1.5rem}._icon_1tenp_8 svg,._icon_1tenp_8 img{display:block;width:1em;height:1em;font-size:1.5em}._avatar_1tenp_32{font-size:1.5em}._avatarGroup_1tenp_36{font-size:1.125em}
+._wrapper_1y1r9_1{display:flex;align-items:center;justify-content:center;font-size:1em}._icon_1y1r9_8[data-size=xs]{font-size:.875rem}._icon_1y1r9_8[data-size=sm]{font-size:1rem}._icon_1y1r9_8[data-size=md]{font-size:1.125rem}._icon_1y1r9_8[data-size=lg]{font-size:1.5rem}._icon_1y1r9_8 svg,._icon_1y1r9_8 img{display:block;width:1.5em;height:1.5em}._avatar_1y1r9_31{font-size:1.5em}._avatarGroup_1y1r9_35{font-size:1.125em}

package/dist/assets/GlobalMenuButton.css

@@ -1 +1 @@
-._button_af7mx_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_af7mx_13{font-size:1.125rem;font-weight:500;padding:.25rem}._loginIcon_af7mx_19,._closeIcon_af7mx_20,._avatar_af7mx_21{font-size:1.5rem;width:2.25rem;height:2.25rem;border-radius:2px}._loginIcon_af7mx_19{background-color:#fff;color:#000}._closeIcon_af7mx_20{outline:1px solid white}._badge_af7mx_37{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}
+._button_234vz_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_234vz_13{font-size:1.125rem;font-weight:500;padding:.25rem}._loginIcon_234vz_19,._closeIcon_234vz_20,._avatar_234vz_21{font-size:1.5rem;width:2.25rem;height:2.25rem;border-radius:2px}._loginIcon_234vz_19{background-color:#fff;color:#000}._closeIcon_234vz_20{outline:1px solid white}._badge_234vz_37{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}@supports (-webkit-hyphens: none){._loginIcon_234vz_19,._closeIcon_234vz_20,._avatar_234vz_21{font-size:unset}._loginIcon_234vz_19 svg,._loginIcon_234vz_19 img,._closeIcon_234vz_20 svg,._closeIcon_234vz_20 img{width:1.5rem;height:1.5rem}}

package/dist/assets/Icon.css

@@ -1 +1 @@
-._icon_2h14f_1{position:relative;display:flex;justify-content:center;align-items:center;border-radius:5%}._shape_2h14f_9{font-size:1em;width:1em;height:1em}._svg_2h14f_15,._image_2h14f_16{position:absolute;display:block;font-size:1em;margin:auto}
+._icon_1y3dz_1{position:relative;display:flex;justify-content:center;align-items:center;border-radius:5%}._shape_1y3dz_9{width:1em;height:1em}._svg_1y3dz_14,._image_1y3dz_15{position:absolute;display:block;width:1em;height:1em;margin:auto}

package/dist/assets/MenuOption.css

@@ -1 +1 @@
-._label_zw85f_1{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .125rem;font-size:1rem;column-gap:.5em;pointer-events:none}._title_zw85f_13{display:inline-flex;align-items:center;column-gap:.5em}._radio_zw85f_19,._checkbox_zw85f_20{flex-shrink:0;flex-grow:0;position:relative;width:1.25em;height:1.25em;display:flex;align-items:center;justify-content:center;color:transparent}._radio_zw85f_19{border:1px solid;border-color:var(--ds-color-border-subtle);outline:var(--ds-color-border-subtle) solid 1px;border-radius:50%}._checkbox_zw85f_20{border:2px solid;border-color:var(--ds-color-border-subtle);border-radius:2px}._radio_zw85f_19[data-checked=true],._checkbox_zw85f_20[data-checked=true]{background-color:var(--ds-color-base-default);border:none;outline-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._icon_zw85f_53{font-size:1.25em}
+._label_16xuy_1{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .125rem;font-size:1rem;column-gap:.5em;pointer-events:none}._title_16xuy_13{display:inline-flex;align-items:center;column-gap:.5em}._radio_16xuy_19,._checkbox_16xuy_20{flex-shrink:0;flex-grow:0;position:relative;width:1.25em;height:1.25em;display:flex;align-items:center;justify-content:center;color:transparent}._radio_16xuy_19{border:1px solid;border-color:var(--ds-color-border-subtle);outline:var(--ds-color-border-subtle) solid 1px;border-radius:50%}._checkbox_16xuy_20{border:2px solid;border-color:var(--ds-color-border-subtle);border-radius:2px}._radio_16xuy_19[data-checked=true],._checkbox_16xuy_20[data-checked=true]{background-color:var(--ds-color-base-default);border:none;outline-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._icon_16xuy_53{font-size:1.25em}@supports (-webkit-hyphens: none){._icon_16xuy_53{font-size:unset;width:1.25em;height:1.25em}._icon_16xuy_53 svg,._icon_16xuy_53 img{width:100%;height:100%}}

package/dist/components/Account/AccountListItem.js

@@ -2,58 +2,59 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { ListItem as C } from "../List/ListItem.js";
+import { ListItem as M } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import { AccountListItemControls as M } from "./AccountListItemControls.js";
-const B = ({
+import { AccountListItemControls as b } from "./AccountListItemControls.js";
+const D = ({
   id: i,
   type: m,
   size: c,
   expanded: t,
   icon: s,
-  title: e,
-  description: n,
-  isCurrentEndUser: p,
-  isDeleted: u,
-  badge: f,
+  name: e,
+  title: n,
+  description: p,
+  isCurrentEndUser: u,
+  isDeleted: f,
+  badge: l,
   favourite: I = !1,
-  favouriteLabel: l,
-  onToggleFavourite: L,
-  contextMenu: v,
-  children: A,
-  interactive: j,
+  favouriteLabel: L,
+  onToggleFavourite: v,
+  contextMenu: A,
+  children: j,
+  interactive: k,
   loading: o,
-  ...k
+  ...C
 }) => /* @__PURE__ */ r(
-  C,
+  M,
   {
-    ...k,
+    ...C,
     loading: o,
     size: c,
     icon: s,
-    title: e,
-    description: t ? void 0 : n,
+    title: n || e,
+    description: t ? void 0 : p,
     expanded: t,
     selected: t,
     controls: !o && /* @__PURE__ */ r(
-      M,
+      b,
       {
         id: i,
         type: m,
         favourite: I,
-        favouriteLabel: l,
-        badge: f,
-        isCurrentEndUser: p,
-        isDeleted: u,
-        onToggleFavourite: L,
-        contextMenu: t ? void 0 : v
+        favouriteLabel: L,
+        badge: l,
+        isCurrentEndUser: u,
+        isDeleted: f,
+        onToggleFavourite: v,
+        contextMenu: t ? void 0 : A
       }
     ),
     linkIcon: !o && !0,
-    interactive: j,
-    children: A
+    interactive: k,
+    children: j
   }
 );
 export {
-  B as AccountListItem
+  D as AccountListItem
 };

package/dist/components/Account/AccountListItemDetails.js

@@ -0,0 +1,33 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { createElement as g, Fragment as h } from "react";
+import "../../index-L8X2o7IH.js";
+import { AccountOrganization as v } from "./AccountOrganization.js";
+import { Button as p } from "../Button/Button.js";
+import { ButtonGroup as L } from "../Button/ButtonGroup.js";
+import "../RootProvider/RootProvider.js";
+import { Divider as j } from "../Divider/Divider.js";
+import { List as x } from "../List/List.js";
+import "../Snackbar/useSnackbar.js";
+import { Section as a } from "../Page/Section.js";
+import { SettingsItem as z } from "../Settings/SettingsItem.js";
+const P = ({
+  color: c,
+  loading: s,
+  loadingText: l = "Loading...",
+  buttons: o,
+  settings: m,
+  organization: n
+}) => s ? /* @__PURE__ */ r(a, { padding: 6, spacing: 4, children: /* @__PURE__ */ r(p, { variant: "outline", loading: !0, children: l }) }) : /* @__PURE__ */ e(a, { padding: 6, spacing: 4, color: c, children: [
+  o && /* @__PURE__ */ r(L, { size: "sm", children: o.map((i, t) => {
+    const { label: d, variant: u, ...f } = i;
+    return /* @__PURE__ */ g(p, { ...f, variant: u || "outline", key: t }, d);
+  }) }),
+  m && /* @__PURE__ */ r(x, { size: "sm", children: m.map((i, t) => /* @__PURE__ */ e(h, { children: [
+    t > 0 && /* @__PURE__ */ r(j, { as: "li" }),
+    /* @__PURE__ */ r(z, { ...i })
+  ] }, t)) }),
+  n && /* @__PURE__ */ r(v, { items: n })
+] });
+export {
+  P as AccountListItemDetails
+};

package/dist/components/Account/AccountOrganization.js

@@ -0,0 +1,27 @@
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Byline as d } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/AccountOrganization.css';const m = "_list_hvcdj_1", p = "_node_hvcdj_19", h = "_link_hvcdj_37", i = {
+  list: m,
+  node: p,
+  link: h
+}, a = ({
+  avatar: t,
+  title: l,
+  as: o,
+  description: s,
+  selected: c,
+  ...e
+}) => /* @__PURE__ */ n(c ? "span" : o || "a", { ...e, className: i.link, "data-selected": c, children: /* @__PURE__ */ r(d, { size: "sm", avatar: t, children: [
+  /* @__PURE__ */ n("strong", { children: l }),
+  s && `, ${s}`
+] }) }), u = ({ items: t, level: l }) => /* @__PURE__ */ n("ul", { "data-level": l, className: i.list, children: t.map((o, s) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: i.node, "data-level": l, children: /* @__PURE__ */ n(a, { ...o }) }) }, s)) }), x = ({ items: t, level: l = 1 }) => /* @__PURE__ */ n("ul", { "data-level": l, className: i.list, children: t == null ? void 0 : t.map((o, s) => /* @__PURE__ */ r("li", { children: [
+  /* @__PURE__ */ n(a, { ...o }),
+  o.items && /* @__PURE__ */ n(u, { items: o.items, level: l + 1 })
+] }, s)) });
+export {
+  x as AccountOrganization
+};

package/dist/components/Account/index.js

@@ -1,10 +1,14 @@
 import { AccountMenu as c } from "./AccountMenu.js";
 import { AccountListItem as e } from "./AccountListItem.js";
-import { AccountList as i } from "./AccountList.js";
-import { AccountNotificationSettings as m } from "./AccountNotificationSettings.js";
+import { AccountListItemDetails as i } from "./AccountListItemDetails.js";
+import { AccountList as f } from "./AccountList.js";
+import { AccountNotificationSettings as p } from "./AccountNotificationSettings.js";
+import { AccountOrganization as A } from "./AccountOrganization.js";
 export {
-  i as AccountList,
+  f as AccountList,
   e as AccountListItem,
+  i as AccountListItemDetails,
   c as AccountMenu,
-  m as AccountNotificationSettings
+  p as AccountNotificationSettings,
+  A as AccountOrganization
 };

package/dist/components/Button/ButtonIcon.js

@@ -1,21 +1,21 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as n } from "../../index-L8X2o7IH.js";
-import { isValidElement as m } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { c as m } from "../../index-L8X2o7IH.js";
+import { isValidElement as n } from "react";
 import { isIconProps as c, Icon as o } from "../Icon/Icon.js";
 import { isAvatarProps as i, Avatar as _ } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as l, AvatarGroup as f } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ButtonIcon.css';const v = "_wrapper_1tenp_1", u = "_icon_1tenp_8", G = "_avatar_1tenp_32", N = "_avatarGroup_1tenp_36", t = {
+import '../../assets/ButtonIcon.css';const v = "_wrapper_1y1r9_1", u = "_icon_1y1r9_8", y = "_avatar_1y1r9_31", G = "_avatarGroup_1y1r9_35", t = {
   wrapper: v,
   icon: u,
-  avatar: G,
-  avatarGroup: N
+  avatar: y,
+  avatarGroup: G
 };
-function d(a) {
-  return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || m(a);
+function N(r) {
+  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || n(r);
 }
-const E = ({ icon: a, size: p, iconAltText: s, className: e }) => /* @__PURE__ */ r("span", { className: n(t.wrapper, e), "data-size": p, "aria-label": s, children: i(a) && /* @__PURE__ */ r(_, { ...a, className: t.avatar }) || l(a) && /* @__PURE__ */ r(f, { ...a, className: t.avatarGroup }) || c(a) && /* @__PURE__ */ r(o, { ...a, className: t.icon }) || d(a) && a || /* @__PURE__ */ r(o, { svgElement: a, className: t.icon }) });
+const E = ({ icon: r, size: s, iconAltText: p, className: e }) => /* @__PURE__ */ a("span", { className: m(t.wrapper, e), "data-size": s, "aria-label": p, children: i(r) && /* @__PURE__ */ a(_, { ...r, className: t.avatar }) || l(r) && /* @__PURE__ */ a(f, { ...r, className: t.avatarGroup }) || c(r) && /* @__PURE__ */ a(o, { ...r, className: t.icon }) || N(r) && r || /* @__PURE__ */ a(o, { svgElement: r, className: t.icon }) });
 export {
   E as ButtonIcon
 };

package/dist/components/GlobalMenu/GlobalMenuButton.js

@@ -1,40 +1,40 @@
 import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { c as f } from "../../index-L8X2o7IH.js";
+import { c as _ } from "../../index-L8X2o7IH.js";
 import "react";
-import { Badge as _ } from "../Badge/Badge.js";
-import { ButtonBase as d } from "../Button/ButtonBase.js";
-import { ButtonLabel as I } from "../Button/ButtonLabel.js";
+import { Badge as d } from "../Badge/Badge.js";
+import { ButtonBase as I } from "../Button/ButtonBase.js";
+import { ButtonLabel as f } from "../Button/ButtonLabel.js";
 import { ButtonIcon as p } from "../Button/ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as x } from "../../XMark-tKk6aExO.js";
+import { S as v } from "../../XMark-tKk6aExO.js";
 import { S as N } from "../../PadlockLocked-XL1IB5Ae.js";
-import '../../assets/GlobalMenuButton.css';const b = "_button_af7mx_1", h = "_loginIcon_af7mx_19", B = "_closeIcon_af7mx_20", u = "_avatar_af7mx_21", v = "_badge_af7mx_37", a = {
+import '../../assets/GlobalMenuButton.css';const b = "_button_234vz_1", h = "_loginIcon_234vz_19", B = "_closeIcon_234vz_20", z = "_avatar_234vz_21", u = "_badge_234vz_37", a = {
   button: b,
   loginIcon: h,
   closeIcon: B,
-  avatar: u,
-  badge: v
-}, z = ({
+  avatar: z,
+  badge: u
+}, w = ({
   className: t,
-  as: m = "button",
-  color: c = "accent",
-  variant: i = "solid",
+  as: c = "button",
+  color: i = "accent",
+  variant: e = "solid",
   currentAccount: s,
   expanded: g,
-  label: e = "Menu",
+  label: l = "Menu",
   badge: n,
-  ...l
-}) => g ? /* @__PURE__ */ r(d, { ...l, as: m, variant: i, color: c, className: f(a.button, t), children: [
-  /* @__PURE__ */ o(I, { children: e }),
-  /* @__PURE__ */ o(p, { className: a.closeIcon, icon: /* @__PURE__ */ o(x, { className: a.icon, "aria-label": "Close Icon" }) }),
-  n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
-] }) : s ? /* @__PURE__ */ r(d, { ...l, as: m, variant: i, color: c, className: f(a.button, t), children: [
-  /* @__PURE__ */ o(I, { children: e }),
+  ...m
+}) => g ? /* @__PURE__ */ r(I, { ...m, as: c, variant: e, color: i, className: _(a.button, t), children: [
+  /* @__PURE__ */ o(f, { children: l }),
+  /* @__PURE__ */ o(p, { className: a.closeIcon, icon: /* @__PURE__ */ o(v, { className: a.icon, "aria-label": "Close Icon" }) }),
+  n && /* @__PURE__ */ o(d, { ...n, className: a.badge })
+] }) : s ? /* @__PURE__ */ r(I, { ...m, as: c, variant: e, color: i, className: _(a.button, t), children: [
+  /* @__PURE__ */ o(f, { children: l }),
   /* @__PURE__ */ o(p, { className: a.avatar, icon: s == null ? void 0 : s.icon }),
-  n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
-] }) : /* @__PURE__ */ r(d, { ...l, as: m, variant: i, color: c, className: f(a.button, t), children: [
-  /* @__PURE__ */ o(I, { children: e }),
+  n && /* @__PURE__ */ o(d, { ...n, className: a.badge })
+] }) : /* @__PURE__ */ r(I, { ...m, as: c, variant: e, color: i, className: _(a.button, t), children: [
+  /* @__PURE__ */ o(f, { children: l }),
   /* @__PURE__ */ o(
     p,
     {
@@ -42,8 +42,8 @@ import '../../assets/GlobalMenuButton.css';const b = "_button_af7mx_1", h = "_lo
       icon: /* @__PURE__ */ o(N, { className: a.icon, "aria-label": "Login Icon" })
     }
   ),
-  n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
+  n && /* @__PURE__ */ o(d, { ...n, className: a.badge })
 ] });
 export {
-  z as GlobalMenuButton
+  w as GlobalMenuButton
 };

package/dist/components/Icon/Icon.js

@@ -1,15 +1,15 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { c as n } from "../../index-L8X2o7IH.js";
 import "react";
-import { Skeleton as _ } from "../Skeleton/Skeleton.js";
+import { Skeleton as h } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Icon.css';const d = "_icon_2h14f_1", f = "_shape_2h14f_9", g = "_svg_2h14f_15", v = "_image_2h14f_16", a = {
-  icon: d,
-  shape: f,
-  svg: g,
-  image: v
-}, k = (s) => typeof s == "object" && s !== null && ("svgElement" in s || "iconUrl" in s), y = ({
+import '../../assets/Icon.css';const _ = "_icon_1y3dz_1", g = "_shape_1y3dz_9", v = "_svg_1y3dz_14", N = "_image_1y3dz_15", a = {
+  icon: _,
+  shape: g,
+  svg: v,
+  image: N
+}, b = (s) => typeof s == "object" && s !== null && ("svgElement" in s || "iconUrl" in s), I = ({
   loading: s,
   altText: t,
   svgElement: r,
@@ -19,14 +19,14 @@ import '../../assets/Icon.css';const d = "_icon_2h14f_1", f = "_shape_2h14f_9",
   iconUrl: p,
   className: c,
   style: l
-}) => r ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className: n(a.icon, c), style: l, children: /* @__PURE__ */ h(_, { loading: s, variant: "circle", className: a.shape, children: [
+}) => r ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className: n(a.icon, c), style: l, children: /* @__PURE__ */ d(h, { loading: s, variant: "circle", className: a.shape, children: [
   /* @__PURE__ */ e("span", { className: a.shape }),
   /* @__PURE__ */ e(r, { "aria-hidden": "true", "alt-label": t, className: a.svg })
-] }) }) : p ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className: n(a.icon, c), style: l, children: /* @__PURE__ */ h(_, { loading: s, variant: "circle", className: a.shape, children: [
+] }) }) : p ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className: n(a.icon, c), style: l, children: /* @__PURE__ */ d(h, { loading: s, variant: "circle", className: a.shape, children: [
   /* @__PURE__ */ e("span", { className: a.shape }),
   /* @__PURE__ */ e("img", { src: p, alt: t, className: a.image })
 ] }) }) : /* @__PURE__ */ e("span", { className: n(a.icon, c) });
 export {
-  y as Icon,
-  k as isIconProps
+  I as Icon,
+  b as isIconProps
 };

package/dist/components/Menu/MenuOption.js

@@ -3,49 +3,49 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { Badge as p } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as _ } from "./MenuItem.js";
+import { MenuItem as u } from "./MenuItem.js";
 import "../Snackbar/useSnackbar.js";
-import { S as h } from "../../Checkmark-Byz_C9x4.js";
-import '../../assets/MenuOption.css';const w = "_label_zw85f_1", k = "_title_zw85f_13", z = "_radio_zw85f_19", v = "_checkbox_zw85f_20", I = "_icon_zw85f_53", a = {
-  label: w,
+import { S as x } from "../../Checkmark-Byz_C9x4.js";
+import '../../assets/MenuOption.css';const y = "_label_16xuy_1", k = "_title_16xuy_13", v = "_radio_16xuy_19", I = "_checkbox_16xuy_20", M = "_icon_16xuy_53", a = {
+  label: y,
   title: k,
-  radio: z,
-  checkbox: v,
-  icon: I
-}, D = ({
+  radio: v,
+  checkbox: I,
+  icon: M
+}, F = ({
   size: o = "md",
-  type: f,
-  name: M,
+  type: _,
+  name: j,
   active: n,
-  value: j,
+  value: S,
   label: c,
-  title: u,
-  description: x,
-  icon: b,
+  title: h,
+  description: b,
+  icon: N,
   badge: s,
   checked: t = !1,
   disabled: r,
-  onMouseEnter: S,
+  onMouseEnter: w,
   onClick: i,
   role: l,
   ...m
 }) => {
-  const N = () => {
-    switch (f) {
+  const f = () => {
+    switch (_) {
       case "checkbox":
         return /* @__PURE__ */ d("span", { className: a.label, children: [
-          /* @__PURE__ */ e("span", { className: a.checkbox, "data-checked": t, children: /* @__PURE__ */ e(h, { className: a.icon, "aria-hidden": !0 }) }),
+          /* @__PURE__ */ e("span", { className: a.checkbox, "data-checked": t, children: /* @__PURE__ */ e(x, { className: a.icon, "aria-hidden": !0 }) }),
           /* @__PURE__ */ e("span", { className: a.title, children: c })
         ] });
       case "radio":
         return /* @__PURE__ */ d("span", { className: a.label, children: [
-          /* @__PURE__ */ e("span", { className: a.radio, "data-checked": t, children: /* @__PURE__ */ e(h, { className: a.icon, "aria-hidden": !0 }) }),
+          /* @__PURE__ */ e("span", { className: a.radio, "data-checked": t, children: /* @__PURE__ */ e(x, { className: a.icon, "aria-hidden": !0 }) }),
           /* @__PURE__ */ e("span", { className: a.title, children: c })
         ] });
     }
   };
   return c ? /* @__PURE__ */ e(
-    _,
+    u,
     {
       disabled: r,
       selected: t,
@@ -55,12 +55,12 @@ import '../../assets/MenuOption.css';const w = "_label_zw85f_1", k = "_title_zw8
       tabIndex: -1,
       onClick: i,
       role: l,
-      label: /* @__PURE__ */ e(N, {}),
+      label: /* @__PURE__ */ e(f, {}),
       controls: s && /* @__PURE__ */ e(p, { ...s }),
       ...m
     }
   ) : /* @__PURE__ */ e(
-    _,
+    u,
     {
       disabled: r,
       selected: t,
@@ -70,14 +70,14 @@ import '../../assets/MenuOption.css';const w = "_label_zw85f_1", k = "_title_zw8
       tabIndex: -1,
       onClick: i,
       role: l,
-      icon: b,
-      title: u,
-      description: x,
+      icon: N,
+      title: h,
+      description: b,
       controls: s && /* @__PURE__ */ e(p, { ...s }),
       ...m
     }
   );
 };
 export {
-  D as MenuOption
+  F as MenuOption
 };

package/dist/components/Settings/AddressSettingsModal.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import i, { forwardRef as f } from "react";
+import { Typography as c } from "../Typography/Typography.js";
+import { Button as m } from "../Button/Button.js";
+import { ButtonGroup as p } from "../Button/ButtonGroup.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { TextareaField as u } from "../Forms/TextareaField.js";
+import { SettingsModal as v } from "./SettingsModal.js";
+import { u as s } from "../../useId-BVFxCjkq.js";
+var h = 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 g = f((t, n) => {
+  var { title: l, titleId: e } = t, r = h(t, ["title", "titleId"]);
+  let o = s();
+  return o = l ? 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 }, r),
+    l ? i.createElement("title", { id: o }, l) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M20.532 3.471A.75.75 0 0 1 20.75 4v7.5a.75.75 0 0 1-1.5 0V5.81l-8.72 8.72a.75.75 0 1 1-1.06-1.06l8.72-8.72H12.5a.75.75 0 0 1 0-1.5H20c.206 0 .393.083.529.218l.001.002zM4.75 9A.25.25 0 0 1 5 8.75h7a.75.75 0 0 0 0-1.5H5A1.75 1.75 0 0 0 3.25 9v10c0 .966.784 1.75 1.75 1.75h10A1.75 1.75 0 0 0 16.75 19v-7a.75.75 0 0 0-1.5 0v7a.25.25 0 0 1-.25.25H5a.25.25 0 0 1-.25-.25z", clipRule: "evenodd" })
+  );
+});
+var b = 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 y = f((t, n) => {
+  var { title: l, titleId: e } = t, r = b(t, ["title", "titleId"]);
+  let o = s();
+  return o = l ? 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 }, r),
+    l ? i.createElement("title", { id: o }, l) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 2.47a.75.75 0 0 0-1.06 0l-7 7a.75.75 0 0 0-.22.53v11c0 .414.336.75.75.75h14a.75.75 0 0 0 .75-.75V10a.75.75 0 0 0-.22-.53zM5.75 20.25v-9.94L12 4.06l6.25 6.25v9.94zm4.28-7.22c.26-.26.68-.26.94 0l.5.5a.75.75 0 0 0 1.06 0l.5-.5a.664.664 0 1 1 .94.94L12 15.94l-1.97-1.97a.664.664 0 0 1 0-.94M12 11.94a2.164 2.164 0 0 0-3.03 3.09l2.5 2.5a.75.75 0 0 0 1.06 0l2.5-2.5A2.164 2.164 0 0 0 12 11.94", clipRule: "evenodd" })
+  );
+}), H = ({
+  title: t = "Endre adresse",
+  icon: n = y,
+  valueField: l = {
+    label: "Adresse",
+    value: "Idrettsveien 1, 5025 Bergen",
+    readOnly: !0
+  },
+  open: e,
+  onClose: r
+}) => /* @__PURE__ */ d(v, { icon: n, title: t, open: e, onClose: r, children: [
+  /* @__PURE__ */ a(u, { ...l, size: "sm", readOnly: !0 }),
+  /* @__PURE__ */ a(c, { size: "sm", children: /* @__PURE__ */ d("p", { children: [
+    "Altinn bruker adressen din fra ",
+    /* @__PURE__ */ a("a", { href: "https://skatteetaten.no/", children: "Folkeregisteret" }),
+    "."
+  ] }) }),
+  /* @__PURE__ */ a(p, { size: "md", children: /* @__PURE__ */ a(m, { variant: "outline", icon: g, reverse: !0, children: "Endre adresse" }) })
+] });
+export {
+  H as AddressSettingsModal
+};

package/dist/components/Settings/SettingsList.js

@@ -25,7 +25,7 @@ const q = ({ items: n, groups: p = {}, sortGroupBy: c }) => {
       /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(S, { size: "sm", children: i == null ? void 0 : i.items.map((a, m) => {
         const d = a.props || {};
         return /* @__PURE__ */ o(s, { children: [
-          m > 0 && /* @__PURE__ */ t(y, {}),
+          m > 0 && /* @__PURE__ */ t(y, { as: "li" }),
           /* @__PURE__ */ f(k, { ...d, key: "settings-list-item" + m })
         ] }, m);
       }) }) })

package/dist/components/Settings/UsedByLog.js

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

package/dist/components/Settings/UsedByLogItem.js

@@ -0,0 +1,32 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Badge as s } from "../Badge/Badge.js";
+import { Byline as p } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as c } from "../Page/Flex.js";
+const u = ({
+  type: e,
+  name: t,
+  description: o,
+  isEndUser: m,
+  endUserLabel: a,
+  size: l = "sm"
+}) => {
+  const i = m && { label: a };
+  return /* @__PURE__ */ r(c, { align: "center", spacing: 2, as: "li", children: [
+    /* @__PURE__ */ r(p, { size: l, avatar: { name: t, type: e }, children: [
+      /* @__PURE__ */ r("strong", { children: [
+        t,
+        o && NaN
+      ] }),
+      " ",
+      o
+    ] }),
+    i && /* @__PURE__ */ n(s, { variant: "subtle", ...i })
+  ] });
+};
+export {
+  u as UsedByLogItem
+};

package/dist/components/Settings/index.js

@@ -1,10 +1,14 @@
-import { SettingsSection as o } from "./SettingsSection.js";
-import { SettingsItem as i } from "./SettingsItem.js";
-import { SettingsList as n } from "./SettingsList.js";
-import { SettingsModal as S } from "./SettingsModal.js";
+import { SettingsSection as e } from "./SettingsSection.js";
+import { SettingsItem as m } from "./SettingsItem.js";
+import { SettingsList as f } from "./SettingsList.js";
+import { SettingsModal as i } from "./SettingsModal.js";
+import { UsedByLog as x } from "./UsedByLog.js";
+import { UsedByLogItem as S } from "./UsedByLogItem.js";
 export {
-  i as SettingsItem,
-  n as SettingsList,
-  S as SettingsModal,
-  o as SettingsSection
+  m as SettingsItem,
+  f as SettingsList,
+  i as SettingsModal,
+  e as SettingsSection,
+  x as UsedByLog,
+  S as UsedByLogItem
 };