@altinn/altinn-components 0.56.33 → 0.56.34

package/dist/components/Dialog/DialogSelect.js

@@ -1,9 +1,9 @@
 import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import { c as s } from "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { CheckboxIcon as n } from "../Icon/CheckboxIcon.js";
 import '../../assets/DialogSelect.css';const r = "_label_10zwy_1", p = "_input_10zwy_15", a = "_icon_10zwy_19", o = {

package/dist/components/Dialog/DialogStatus.js

@@ -2,9 +2,9 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as f } from "react";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { MetaItem as c } from "../Metadata/MetaItem.js";
 import { MetaProgress as d } from "../Metadata/MetaProgress.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Dialog/DialogTabs.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../Button/Button.js";
-import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { TabMenu as t } from "../Menu/TabMenu.js";
+import "../Button/Button.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 const f = ({ items: o = [] }) => /* @__PURE__ */ r(t, { items: o });
 export {

package/dist/components/Dialog/SeenByLog.js

@@ -2,9 +2,9 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { useState as a, Fragment as h, createElement as l } from "react";
 import "../../index-p1eeF8LQ.js";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { SeenByLogButton as c } from "./SeenByLogButton.js";
 import { SeenByLogItem as S } from "./SeenByLogItem.js";
 import { Divider as s } from "../Divider/Divider.js";

package/dist/components/Dialog/SeenByLogButton.js

@@ -2,9 +2,9 @@ import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { AvatarGroup as p } from "../Avatar/AvatarGroup.js";
+import "../RootProvider/RootProvider.js";
 import { Button as u } from "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/SeenByLogButton.css';const m = "_button_deo1u_1", l = "_label_deo1u_12", i = "_avatarGroup_deo1u_16", t = {
   button: m,

package/dist/components/Dialog/SeenByLogItem.js

@@ -2,10 +2,10 @@ import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import { Badge as l } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import { Byline as c } from "../Byline/Byline.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as d } from "../Page/Flex.js";
 const F = ({

package/dist/components/Dropdown/DrawerButton.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import { Button as n } from "../Button/Button.js";
 import { ButtonLabel as s } from "../Button/ButtonLabel.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DrawerButton.css';const e = "_button_19v2d_1", p = {
   button: e

package/dist/components/Dropdown/DrawerHeader.js

@@ -2,8 +2,8 @@ import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { c as m } from "../../index-p1eeF8LQ.js";
 import { Button as l } from "../Button/Button.js";
 import "react";
-import "react-dom";
 import "../RootProvider/RootProvider.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { S as c } from "../../XMark-tKk6aExO.js";
 import '../../assets/DrawerHeader.css';const n = "_header_1mz3h_1", h = "_title_1mz3h_15", r = {

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -1,6 +1,7 @@
 import { jsxs as d, Fragment as n, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
 import { Backdrop as s } from "./Backdrop.js";
@@ -8,7 +9,6 @@ import { DrawerHeader as c } from "./DrawerHeader.js";
 import { DrawerFooter as l } from "./DrawerFooter.js";
 import { DrawerButton as f } from "./DrawerButton.js";
 import { DrawerBody as h } from "./DrawerBody.js";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DrawerOrDropdown.css';const w = "_drawerOrDropdown_h06dg_1", D = "_header_h06dg_19", _ = "_footer_h06dg_20", e = {
   drawerOrDropdown: w,

package/dist/components/Dropdown/DropdownBase.js

@@ -2,9 +2,9 @@ import { jsx as i } from "react/jsx-runtime";
 import { c } from "../../index-p1eeF8LQ.js";
 import { useRef as f } from "react";
 import { useClickOutside as l } from "../../hooks/useClickOutside.js";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DropdownBase.css';const u = "_dropdown_fqgmt_1", w = {
   dropdown: u

package/dist/components/Dropdown/FloatingDropdown.js

@@ -5,10 +5,10 @@ import { useClickOutside as z } from "../../hooks/useClickOutside.js";
 import { useMenu as B } from "../../hooks/useMenu.js";
 import "../../index-p1eeF8LQ.js";
 import { Icon as O } from "../Icon/Icon.js";
+import { useRootContext as $ } from "../RootProvider/RootProvider.js";
 import { Button as D } from "../Button/Button.js";
-import { ButtonIcon as $ } from "../Button/ButtonIcon.js";
+import { ButtonIcon as G } from "../Button/ButtonIcon.js";
 import "react-dom";
-import { useRootContext as G } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "_button_dqumv_13", P = "_dropdown_dqumv_21", Q = "_dropdownItem_dqumv_45", U = "_itemTitle_dqumv_75", i = {
   container: H,
@@ -28,7 +28,7 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
   items: A,
   "data-testid": M
 }) => {
-  const { currentId: N, toggleId: l } = G(), t = N === a, b = u(t), f = u(null), m = u(null), w = u(null), T = (e) => (n) => {
+  const { currentId: N, toggleId: l } = $(), t = N === a, b = u(t), f = u(null), m = u(null), w = u(null), T = (e) => (n) => {
     e(n), l(a);
   }, { menu: K, setActiveIndex: g, activeIndex: _ } = B({
     items: A,
@@ -127,7 +127,7 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
         ref: w,
         autoFocus: !1,
         "aria-controls": t ? "floating-dropdown-menu" : void 0,
-        children: I && /* @__PURE__ */ c($, { icon: I, size: R })
+        children: I && /* @__PURE__ */ c(G, { icon: I, size: R })
       }
     )
   ] });

package/dist/components/Forms/Checkbox.js

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

package/dist/components/Forms/CheckboxOptions.js

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

package/dist/components/Forms/FieldBase.js

@@ -1,17 +1,17 @@
 import { jsxs as d, jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Typography as e } from "../Typography/Typography.js";
+import { Field as e } from "./Field.js";
+import { Label as n } from "./Label.js";
+import "../RootProvider/RootProvider.js";
+import { Typography as c } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { Field as n } from "./Field.js";
-import { Label as c } from "./Label.js";
 import "../Snackbar/useSnackbar.js";
-const B = ({ 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 }),
+const B = ({ size: r, color: p, label: o, helperText: i, children: t, ...s }) => /* @__PURE__ */ d(e, { size: r, color: p, ...s, children: [
+  o && /* @__PURE__ */ m(n, { size: r, children: o }),
   t,
-  i && /* @__PURE__ */ m(e, { size: "xs", children: i })
+  i && /* @__PURE__ */ m(c, { size: "xs", children: i })
 ] });
 export {
   B as FieldBase

package/dist/components/Forms/FieldsetBase.js

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

package/dist/components/Forms/Radio.js

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

package/dist/components/Forms/RadioOptions.js

@@ -1,11 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../Button/Button.js";
-import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { Radio as a } from "./Radio.js";
+import "../RootProvider/RootProvider.js";
 import { OptionsBase as e } from "./OptionsBase.js";
+import "../Button/Button.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 const j = ({ name: m, options: i = [], ...t }) => /* @__PURE__ */ r(e, { ...t, children: i.map((o, p) => /* @__PURE__ */ r(a, { name: o?.name || m, ...o }, p)) });
 export {

package/dist/components/Forms/SearchField.js

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../Button/Button.js";
-import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { S as s } from "../../SearchField-QTfebYdU.js";
 import "./Input.js";
 import "./FieldBase.js";
+import { S as s } from "../../SearchField-BU7Imhpe.js";
+import "../RootProvider/RootProvider.js";
+import "../Button/Button.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import "../Icon/TypingIcon.js";
 import "../../MagnifyingGlass-bwVhw07z.js";

package/dist/components/Forms/SelectField.js

@@ -1,11 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../Button/Button.js";
-import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { Select as p } from "./Select.js";
 import { FieldBase as e } from "./FieldBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Button/Button.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 const a = ({ size: r = "md", label: t, children: m, ...i }) => /* @__PURE__ */ o(e, { label: t, size: r, children: /* @__PURE__ */ o(p, { ...i, size: r, children: m }) });
 export {

package/dist/components/Forms/Switch.js

@@ -1,12 +1,12 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { c as e } from "../../index-p1eeF8LQ.js";
 import "react";
-import "../Button/Button.js";
-import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { Field as h } from "./Field.js";
 import { Label as n } from "./Label.js";
 import { Input as f } from "./Input.js";
+import "../RootProvider/RootProvider.js";
+import "../Button/Button.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/Switch.css';const l = {
   switch: "_switch_en83f_1"

package/dist/components/Forms/SwitchOptions.js

@@ -1,11 +1,11 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../Button/Button.js";
-import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { Switch as e } from "./Switch.js";
+import "../RootProvider/RootProvider.js";
 import { OptionsBase as n } from "./OptionsBase.js";
+import "../Button/Button.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 const d = ({ name: t, options: o = [], ...i }) => /* @__PURE__ */ m(n, { ...i, children: o.map((r, p) => /* @__PURE__ */ m(e, { name: r?.name || t, ...r }, p)) });
 export {

package/dist/components/Forms/TextField.js

@@ -1,11 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../Button/Button.js";
-import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { Input as e } from "./Input.js";
 import { FieldBase as n } from "./FieldBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Button/Button.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 const h = ({ 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 {

package/dist/components/Forms/TextFieldDropdown.js

@@ -6,44 +6,45 @@ import { Badge as U } from "../Badge/Badge.js";
 import { DropdownBase as q } from "../Dropdown/DropdownBase.js";
 import { Icon as z } from "../Icon/Icon.js";
 import "../../index-p1eeF8LQ.js";
-import "../Button/Button.js";
-import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { Input as G } from "./Input.js";
 import { FieldBase as H } from "./FieldBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Button/Button.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { MenuItem as J } from "../Menu/MenuItem.js";
 import { MenuList as K } from "../Menu/MenuList.js";
 import { MenuListItem as P } from "../Menu/MenuListItem.js";
-import { S as Q, a as W } from "../../ChevronUp-_BBfEirx.js";
+import { S as Q } from "../../ChevronUp-hn05LboH.js";
+import { S as W } from "../../ChevronDown-D_a7nb-G.js";
 import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y = "_input_8jcxe_7", Z = "_badge_8jcxe_15", ee = "_dropdownTrigger_8jcxe_36", oe = "_dropdown_8jcxe_36", d = {
   container: X,
   input: Y,
   badge: Z,
   dropdownTrigger: ee,
   dropdown: oe
-}, be = ({
+}, xe = ({
   label: O,
-  helperText: M,
-  value: u = "",
-  onChange: p,
+  helperText: S,
+  value: p = "",
+  onChange: u,
   options: g,
   validate: v,
   badge: s,
   disabled: i,
   size: C,
-  color: N,
-  className: S,
+  color: M,
+  className: N,
   ...$
 }) => {
-  const c = B(), [t, a] = f(!1), [n, w] = f(u), [h, b] = f(-1), [m, k] = f(null), T = x(null), j = x(null), y = x(null);
+  const c = B(), [t, l] = f(!1), [n, w] = f(p), [h, b] = f(-1), [m, k] = f(null), T = x(null), j = x(null), y = x(null);
   A(T, () => {
-    t && (a(!1), b(-1));
+    t && (l(!1), b(-1));
   });
-  const l = F(() => n ? g.filter((e) => e.label.toLowerCase().includes(n.toLowerCase())) : g, [n, g]);
+  const a = F(() => n ? g.filter((e) => e.label.toLowerCase().includes(n.toLowerCase())) : g, [n, g]);
   _(() => {
-    w(u);
-  }, [u]), _(() => {
+    w(p);
+  }, [p]), _(() => {
     if (!v) return;
     const e = setTimeout(() => {
       const o = v(n);
@@ -52,24 +53,24 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
     return () => clearTimeout(e);
   }, [n, v]), _(() => {
     if (i || !n) return;
-    const e = l.some((o) => o.label.toLowerCase() === n.toLowerCase());
-    l.length > 0 && !e && !t ? a(!0) : t && l.length === 0 && a(!1);
-  }, [n, l, t, i]);
+    const e = a.some((o) => o.label.toLowerCase() === n.toLowerCase());
+    a.length > 0 && !e && !t ? l(!0) : t && a.length === 0 && l(!1);
+  }, [n, a, t, i]);
   const D = I(
     (e) => {
       const o = e.target.value;
-      w(o), p?.(o);
+      w(o), u?.(o);
     },
-    [p]
+    [u]
   ), E = I(
     (e) => {
-      w(e.label), p?.(e.value), a(!1), b(-1), j.current?.focus();
+      w(e.label), u?.(e.value), l(!1), b(-1), j.current?.focus();
     },
-    [p]
+    [u]
   ), R = I(() => {
-    i || (t ? (a(!1), b(-1)) : l.length > 0 && a(!0));
-  }, [i, t, l.length]), L = m ? "danger" : N;
-  return /* @__PURE__ */ r(H, { size: C, color: L, label: O, helperText: m || M, className: S, children: /* @__PURE__ */ V("div", { className: d.container, ref: T, children: [
+    i || (t ? (l(!1), b(-1)) : a.length > 0 && l(!0));
+  }, [i, t, a.length]), L = m ? "danger" : M;
+  return /* @__PURE__ */ r(H, { size: C, color: L, label: O, helperText: m || S, className: N, children: /* @__PURE__ */ V("div", { className: d.container, ref: T, children: [
     /* @__PURE__ */ r(
       G,
       {
@@ -104,12 +105,12 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
         children: /* @__PURE__ */ r(z, { svgElement: t ? Q : W })
       }
     ),
-    /* @__PURE__ */ r(q, { open: t, onClose: () => a(!1), as: "div", className: d.dropdown, children: /* @__PURE__ */ r("div", { id: c, ref: y, role: "listbox", children: /* @__PURE__ */ r(K, { role: "group", children: l.map((e, o) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(q, { open: t, onClose: () => l(!1), as: "div", className: d.dropdown, children: /* @__PURE__ */ r("div", { id: c, ref: y, role: "listbox", children: /* @__PURE__ */ r(K, { role: "group", children: a.map((e, o) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(
       J,
       {
         id: `${c}-option-${o}`,
         role: "option",
-        "aria-selected": e.value === u,
+        "aria-selected": e.value === p,
         "data-active": h === o,
         onClick: () => !e.disabled && E(e),
         disabled: e.disabled,
@@ -121,5 +122,5 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
   ] }) });
 };
 export {
-  be as TextFieldDropdown
+  xe as TextFieldDropdown
 };

package/dist/components/Forms/TextareaField.js

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

package/dist/components/Forms/index.js

@@ -12,7 +12,7 @@ import { FieldBase as B } from "./FieldBase.js";
 import { TextField as C } from "./TextField.js";
 import { TextareaField as R } from "./TextareaField.js";
 import { SelectField as u } from "./SelectField.js";
-import { S as I } from "../../SearchField-QTfebYdU.js";
+import { S as I } from "../../SearchField-BU7Imhpe.js";
 import { TextFieldDropdown as q } from "./TextFieldDropdown.js";
 import { FieldsetBase as y } from "./FieldsetBase.js";
 import { OptionsBase as A } from "./OptionsBase.js";

package/dist/components/GlobalHeader/GlobalAccountButton.js

@@ -0,0 +1,127 @@
+"use client";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { c as d } from "../../index-p1eeF8LQ.js";
+import m, { forwardRef as v, isValidElement as b } from "react";
+import { Avatar as p } from "../Avatar/Avatar.js";
+import { useRootContext as _ } from "../RootProvider/RootProvider.js";
+import { Button as f } from "../Button/Button.js";
+import "react-dom";
+import "../Snackbar/useSnackbar.js";
+import { S as h } from "../../XMark-tKk6aExO.js";
+import { S as y } from "../../ChevronDown-D_a7nb-G.js";
+import { u as w } from "../../useId-BVFxCjkq.js";
+import '../../assets/GlobalAccountButton.css';var B = function(t, a) {
+  var n = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (n[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, e = Object.getOwnPropertySymbols(t); i < e.length; i++)
+      a.indexOf(e[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[i]) && (n[e[i]] = t[e[i]]);
+  return n;
+};
+const N = v((t, a) => {
+  var { title: n, titleId: e } = t, i = B(t, ["title", "titleId"]);
+  let r = w();
+  return r = n ? e || "title-" + r : void 0, m.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: a, "aria-labelledby": r }, i),
+    n ? m.createElement("title", { id: r }, n) : null,
+    m.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" })
+  );
+}), O = "_accountButton_tirvd_3", x = "_loginButton_tirvd_4", j = "_label_tirvd_27", k = "_icon_tirvd_37", S = "_avatar_tirvd_48", E = "_title_tirvd_68", I = "_description_tirvd_75", o = {
+  accountButton: O,
+  loginButton: x,
+  label: j,
+  icon: k,
+  avatar: S,
+  title: E,
+  description: I
+}, z = ({
+  className: t,
+  currentAccount: a,
+  expanded: n = !1,
+  minimized: e = !1,
+  loading: i = !1,
+  ...r
+}) => {
+  const { languageCode: g } = _(), c = L(g);
+  if (i)
+    return /* @__PURE__ */ l(
+      f,
+      {
+        ...r,
+        as: "button",
+        type: "button",
+        variant: "ghost",
+        color: "company",
+        className: d(o.accountButton, o.loading, t),
+        disabled: !0,
+        "aria-label": "loading",
+        children: /* @__PURE__ */ l(p, { name: "loading", loading: !0, className: o.avatar })
+      }
+    );
+  if (a) {
+    let s = a.description;
+    return a.role === "subunit" && typeof s == "string" && s && (s = `${s.split(",")[0]}, ${c.subunit}`), /* @__PURE__ */ u(
+      f,
+      {
+        ...r,
+        as: "button",
+        type: "button",
+        variant: "ghost",
+        color: "company",
+        className: d(o.accountButton, t),
+        "aria-label": n ? c.close : a.name,
+        "aria-expanded": n,
+        children: [
+          /* @__PURE__ */ l(p, { ...a?.icon, className: o.avatar }),
+          !e && /* @__PURE__ */ u("div", { className: o.label, children: [
+            /* @__PURE__ */ l("span", { className: o.title, children: a.name }),
+            /* @__PURE__ */ l("span", { className: o.description, children: typeof s == "string" || b(s) ? s : null })
+          ] }),
+          n ? /* @__PURE__ */ l(h, { className: o.icon, "aria-hidden": !0 }) : /* @__PURE__ */ l(y, { className: o.icon, "aria-hidden": !0 })
+        ]
+      }
+    );
+  }
+  return n ? null : /* @__PURE__ */ u(
+    f,
+    {
+      ...r,
+      as: "button",
+      type: "button",
+      variant: "outline",
+      color: "company",
+      "aria-label": c.login,
+      className: d(o.loginButton, t),
+      "aria-expanded": n,
+      children: [
+        !e && /* @__PURE__ */ l("span", { className: o.label, children: c.login }),
+        /* @__PURE__ */ l(N, { className: o.icon, "aria-hidden": !0 })
+      ]
+    }
+  );
+}, L = (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 {
+  z as GlobalAccountButton
+};