@altinn/altinn-components 0.29.1 → 0.29.2

package/dist/assets/Badge.css

@@ -1 +1 @@
-._badge_1w7dc_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content;--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default);background-color:var(--dsc-badge-background);color:var(--dsc-badge-color)}._badge_1w7dc_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_1w7dc_1[data-size=xs] ._label_1w7dc_22{color:transparent;width:100%;height:100%}._badge_1w7dc_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_1w7dc_1[data-variant=base]{--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default)}._badge_1w7dc_1[data-variant=tinted]{--dsc-badge-background: var(--ds-color-surface-tinted);--dsc-badge-color: var(--ds-color-text-default)}
+._badge_80cwt_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content;--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default);background-color:var(--dsc-badge-background);color:var(--dsc-badge-color)}._badge_80cwt_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_80cwt_1[data-size=xs] ._label_80cwt_22{color:transparent;width:100%;height:100%}._badge_80cwt_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_80cwt_1[data-variant=tinted]{--dsc-badge-background: var(--ds-color-surface-tinted);--dsc-badge-color: var(--ds-color-text-default)}._badge_80cwt_1[data-variant=base]{--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default)}._badge_80cwt_1[data-variant=text],._badge_80cwt_1[data-variant=text][data-size=xs],._badge_80cwt_1[data-variant=text][data-size=sm]{--dsc-badge-background: "transparent";--dsc-badge-color: var(--ds-color-text-subtle);font-size:.875rem;font-weight:400;padding:.5em 0}

package/dist/assets/SettingsItem.css

@@ -1 +1 @@
-._item_jqpsx_1{--dsc-item-px: 0;--dsc-item-py: 0;--dsc-item-height: 2rem;--dsc-item-background: transparent;--dsc-item-background-hover: none;--dsc-item-outline-color: transparent;--dsc-item-border-color: transparent;box-shadow:none}._label_jqpsx_12{margin:0}
+._item_s2olz_1{--dsc-item-px: 0;--dsc-item-py: 0;--dsc-item-height: 2rem;--dsc-item-background: transparent;--dsc-item-background-hover: none;--dsc-item-outline-color: transparent;--dsc-item-border-color: transparent;box-shadow:none}._item_s2olz_1+._item_s2olz_1{margin-top:.5em}._label_s2olz_16{margin:0}

package/dist/components/Badge/Badge.js

@@ -1,16 +1,16 @@
 import { jsx as a } from "react/jsx-runtime";
 import { c as r } from "../../index-L8X2o7IH.js";
-import '../../assets/Badge.css';const b = "_badge_1w7dc_1", m = "_label_1w7dc_22", e = {
+import '../../assets/Badge.css';const b = "_badge_80cwt_1", m = "_label_80cwt_22", e = {
   badge: b,
   label: m
-}, g = ({ label: t, color: s, variant: d = "tinted", theme: l, size: c = "sm", className: n, children: o }) => /* @__PURE__ */ a(
+}, g = ({ label: t, color: s, variant: l = "tinted", theme: c, size: d = "sm", className: n, children: o }) => /* @__PURE__ */ a(
   "span",
   {
     className: r(e.badge, n),
     "data-color": s,
-    "data-variant": d,
-    "data-theme": l,
-    "data-size": c,
+    "data-variant": l,
+    "data-theme": c,
+    "data-size": d,
     children: /* @__PURE__ */ a("span", { className: e.label, children: t || o })
   }
 );

package/dist/components/Dashboard/DashboardHeader.js

@@ -1,24 +1,24 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Avatar as d } from "../Avatar/Avatar.js";
+import { Avatar as a } from "../Avatar/Avatar.js";
 import "../RootProvider/RootProvider.js";
-import { Typography as a } from "../Typography/Typography.js";
-import { Heading as c } from "../Typography/Heading.js";
+import { Typography as c } from "../Typography/Typography.js";
+import { Heading as d } from "../Typography/Heading.js";
 import { Skeleton as l } from "../Skeleton/Skeleton.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as m } from "../Page/Flex.js";
+import { Flex as p } from "../Page/Flex.js";
 import { Section as h } from "../Page/Section.js";
-const k = ({ type: o, name: t, title: p, description: n, loading: e, children: s }) => /* @__PURE__ */ i(h, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", bleed: !0, children: [
-  /* @__PURE__ */ i(m, { direction: "row", align: "center", spacing: 3, children: [
-    /* @__PURE__ */ r("div", { style: { position: "relative" }, children: /* @__PURE__ */ r(d, { style: { fontSize: "2.75rem" }, type: o, name: t, loading: e }) }),
-    /* @__PURE__ */ i(m, { direction: "col", children: [
-      /* @__PURE__ */ r(c, { size: "lg", loading: e, children: p || t }),
-      /* @__PURE__ */ r(a, { variant: "subtle", size: "xs", loading: e, children: /* @__PURE__ */ r("p", { children: n || o }) })
+const k = ({ type: o, name: t, title: m, description: s, loading: e, children: n }) => /* @__PURE__ */ i(h, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", bleed: !0, children: [
+  /* @__PURE__ */ i(p, { direction: "row", align: "center", spacing: 3, children: [
+    /* @__PURE__ */ r("div", { style: { position: "relative" }, children: /* @__PURE__ */ r(a, { style: { fontSize: "2.75rem" }, type: o, name: t, loading: e }) }),
+    /* @__PURE__ */ i(p, { direction: "col", spacing: 0, children: [
+      /* @__PURE__ */ r(d, { size: "lg", loading: e, children: m || t }),
+      /* @__PURE__ */ r(c, { as: "p", variant: "subtle", size: "xs", loading: e, children: s || o })
     ] })
   ] }),
-  /* @__PURE__ */ r(l, { loading: e, children: s })
+  /* @__PURE__ */ r(l, { loading: e, children: n })
 ] });
 export {
   k as DashboardHeader

package/dist/components/Settings/SettingsItem.js

@@ -5,28 +5,28 @@ import "../RootProvider/RootProvider.js";
 import { ListItemBase as _ } from "../List/ListItemBase.js";
 import { ListItemHeader as f } from "../List/ListItemHeader.js";
 import { ListItemLabel as h } from "../List/ListItemLabel.js";
-import { getAriaLabelFromTitle as j } from "../Menu/MenuItemLabel.js";
+import { getAriaLabelFromTitle as I } from "../Menu/MenuItemLabel.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/SettingsItem.css';const x = "_item_jqpsx_1", I = "_label_jqpsx_12", t = {
-  item: x,
-  label: I
+import '../../assets/SettingsItem.css';const d = "_item_s2olz_1", N = "_label_s2olz_16", t = {
+  item: d,
+  label: N
 }, S = ({
-  color: s,
-  size: a,
+  color: o,
+  size: s,
   expanded: e,
-  icon: o,
+  icon: a,
   label: l,
   title: m,
   value: c,
-  description: p,
-  children: n,
+  description: n,
+  children: b,
   ...r
 }) => {
-  const b = r.ariaLabel || j(m);
-  return /* @__PURE__ */ L(_, { className: t.item, color: s, size: a, expanded: e, children: [
-    /* @__PURE__ */ i(f, { ...r, ariaLabel: b, className: t.header, icon: o, children: /* @__PURE__ */ i(h, { className: t.label, title: m, value: c, description: p, children: l }) }),
-    e && n
+  const p = r.ariaLabel || I(m);
+  return /* @__PURE__ */ L(_, { className: t.item, color: o, size: s, expanded: e, children: [
+    /* @__PURE__ */ i(f, { ...r, ariaLabel: p, className: t.header, icon: a, children: /* @__PURE__ */ i(h, { className: t.label, title: m, value: c, description: n, children: l }) }),
+    e && b
   ] });
 };
 export {

package/dist/components/Settings/SettingsList.js

@@ -0,0 +1,30 @@
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { Fragment as a, createElement as p } from "react";
+import "../../index-L8X2o7IH.js";
+import "../RootProvider/RootProvider.js";
+import { List as f } from "../List/List.js";
+import { Divider as h } from "../Divider/Divider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { SettingsItem as l } from "./SettingsItem.js";
+const b = ({ items: e, groups: o }) => {
+  var s;
+  if (o) {
+    const r = (s = Object.keys(o).map((t) => {
+      const m = e == null ? void 0 : e.filter((d) => d.groupId === t && !d.hidden), { title: i } = o[t] || {};
+      return {
+        groupId: t,
+        title: i,
+        items: m
+      };
+    })) == null ? void 0 : s.filter((t) => t.items.length > 0);
+    return /* @__PURE__ */ n(f, { size: "sm", children: r.map((t, m) => /* @__PURE__ */ c(a, { children: [
+      m > 0 && /* @__PURE__ */ n(h, {}),
+      t.items.map((i) => /* @__PURE__ */ p(l, { ...i, key: i.id }))
+    ] }, t.groupId)) });
+  }
+  return /* @__PURE__ */ n(f, { size: "sm", children: e.filter((r) => !(r != null && r.hidden)).map((r) => /* @__PURE__ */ p(l, { ...r, key: r.id })) });
+};
+export {
+  b as SettingsList
+};

package/dist/components/Settings/SettingsSection.js

@@ -0,0 +1,20 @@
+import { jsx as s } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Section as c } from "../Page/Section.js";
+const j = ({
+  size: t = "sm",
+  theme: o = "default",
+  padding: r = 4,
+  spacing: i = 6,
+  shadow: m = "xs",
+  as: p,
+  color: e,
+  children: n
+}) => /* @__PURE__ */ s(c, { as: p, size: t, color: e, theme: o, padding: r, spacing: i, shadow: m, children: n });
+export {
+  j as SettingsSection
+};

package/dist/components/Settings/index.js

@@ -1,6 +1,8 @@
-import { Settings as o } from "./Settings.js";
-import { SettingsItem as m } from "./SettingsItem.js";
+import { SettingsSection as o } from "./SettingsSection.js";
+import { SettingsItem as i } from "./SettingsItem.js";
+import { SettingsList as n } from "./SettingsList.js";
 export {
-  o as Settings,
-  m as SettingsItem
+  i as SettingsItem,
+  n as SettingsList,
+  o as SettingsSection
 };

package/dist/components/Snackbar/useSnackbar.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as h } from "react/jsx-runtime";
-import { createContext as x, useState as d, useRef as b, useCallback as v, useEffect as C, useContext as S } from "react";
-var T = /* @__PURE__ */ ((e) => (e[e.infinite = 0] = "infinite", e[e.short = 1e3] = "short", e[e.normal = 3e3] = "normal", e[e.long = 5e3] = "long", e))(T || {});
+import { createContext as x, useState as d, useRef as b, useCallback as v, useEffect as w, useContext as C } from "react";
+var S = /* @__PURE__ */ ((e) => (e[e.infinite = 0] = "infinite", e[e.short = 1e3] = "short", e[e.normal = 3e3] = "normal", e[e.long = 5e3] = "long", e))(S || {});
 const a = x(void 0), l = 3e3, P = ({ children: e }) => {
   const [f, o] = d(!1), [i, c] = d([]), s = b(null), m = () => {
     c([]), o(!1), s.current && clearTimeout(s.current);
@@ -14,9 +14,9 @@ const a = x(void 0), l = 3e3, P = ({ children: e }) => {
       return o(r.length > 0), r;
     });
   }, []);
-  return C(() => {
+  return w(() => {
     const t = i.find((r) => (r.duration ?? l) > 0), n = (t == null ? void 0 : t.duration) || l;
-    return t && (s.current = setTimeout(() => {
+    return t && (s.current = window.setTimeout(() => {
       u(t.id);
     }, n)), () => {
       s.current && clearTimeout(s.current);
@@ -35,13 +35,13 @@ const a = x(void 0), l = 3e3, P = ({ children: e }) => {
     }
   );
 }, k = () => {
-  const e = S(a);
+  const e = C(a);
   if (!e)
     throw new Error("useSnackbar must be used within a SnackbarProvider");
   return e;
 };
 export {
-  T as SnackbarDuration,
+  S as SnackbarDuration,
   P as SnackbarProvider,
   k as useSnackbar
 };

package/dist/components/index.js

@@ -179,20 +179,21 @@ import { OptionsBase as Ja } from "./Forms/OptionsBase.js";
 import { RadioOptions as Wa } from "./Forms/RadioOptions.js";
 import { SwitchOptions as Ya } from "./Forms/SwitchOptions.js";
 import { CheckboxOptions as _a } from "./Forms/CheckboxOptions.js";
-import { Settings as op } from "./Settings/Settings.js";
+import { SettingsSection as op } from "./Settings/SettingsSection.js";
 import { SettingsItem as ep } from "./Settings/SettingsItem.js";
-import { DashboardHeader as mp } from "./Dashboard/DashboardHeader.js";
-import { DashboardCard as pp } from "./Dashboard/DashboardCard.js";
-import { DashboardIcon as fp } from "./Dashboard/DashboardIcon.js";
-import { ActivityLog as sp } from "./ActivityLog/ActivityLog.js";
-import { ActivityLogItem as cp } from "./ActivityLog/ActivityLogItem.js";
-import { ArticleHeader as up } from "./Article/ArticleHeader.js";
-import { ArticleContact as gp } from "./Article/ArticleContact.js";
-import { Article as dp } from "./Article/Article.js";
-import { A as Ip, B as Sp, a as bp, C as Ap, b as Mp, c as Tp, D as hp, H as kp, L as yp, d as Pp, e as Cp, P as Hp, f as Fp, g as vp, h as wp, i as Gp, S as Op, j as Rp, T as Ep, u as Qp } from "../usePagination-D247OF6_.js";
-import { D as Vp } from "../index-D3Rt9ate.js";
-import { P as zp } from "../Paragraph-Bm-eoPYv.js";
-import { V as qp } from "../index-CnWc2FNH.js";
+import { SettingsList as mp } from "./Settings/SettingsList.js";
+import { DashboardHeader as pp } from "./Dashboard/DashboardHeader.js";
+import { DashboardCard as fp } from "./Dashboard/DashboardCard.js";
+import { DashboardIcon as sp } from "./Dashboard/DashboardIcon.js";
+import { ActivityLog as cp } from "./ActivityLog/ActivityLog.js";
+import { ActivityLogItem as up } from "./ActivityLog/ActivityLogItem.js";
+import { ArticleHeader as gp } from "./Article/ArticleHeader.js";
+import { ArticleContact as dp } from "./Article/ArticleContact.js";
+import { Article as Ip } from "./Article/Article.js";
+import { A as bp, B as Ap, a as Mp, C as Tp, b as hp, c as kp, D as yp, H as Pp, L as Cp, d as Hp, e as Fp, P as vp, f as wp, g as Gp, h as Op, i as Rp, S as Ep, j as Qp, T as Up, u as Vp } from "../usePagination-D247OF6_.js";
+import { D as zp } from "../index-D3Rt9ate.js";
+import { P as qp } from "../Paragraph-Bm-eoPYv.js";
+import { V as Kp } from "../index-CnWc2FNH.js";
 export {
   fa as AccessAreaList,
   pa as AccessAreaListItem,
@@ -204,11 +205,11 @@ export {
   u as AccountMenu,
   $r as ActionFooter,
   Zr as ActionHeader,
-  sp as ActivityLog,
-  cp as ActivityLogItem,
-  dp as Article,
-  gp as ArticleContact,
-  up as ArticleHeader,
+  cp as ActivityLog,
+  up as ActivityLogItem,
+  Ip as Article,
+  dp as ArticleContact,
+  gp as ArticleHeader,
   m as AttachmentLink,
   p as AttachmentList,
   Mt as Autocomplete,
@@ -237,9 +238,9 @@ export {
   jm as ContactSection,
   j as ContextMenu,
   pr as CurrentAccount,
-  pp as DashboardCard,
-  mp as DashboardHeader,
-  fp as DashboardIcon,
+  fp as DashboardCard,
+  pp as DashboardHeader,
+  sp as DashboardIcon,
   N as Dialog,
   So as DialogActions,
   Ao as DialogActivityLog,
@@ -272,28 +273,28 @@ export {
   Wo as DrawerHeader,
   er as DrawerOrDropdown,
   jo as DropdownBase,
-  Ip as DsAlert,
-  Sp as DsBadge,
-  bp as DsButton,
-  Ap as DsCheckbox,
-  Mp as DsChip,
-  Tp as DsCombobox,
-  Vp as DsDetails,
-  hp as DsDialog,
-  kp as DsHeading,
-  yp as DsLink,
-  Pp as DsListItem,
-  Cp as DsListUnordered,
-  Hp as DsPagination,
-  zp as DsParagraph,
-  Fp as DsPopover,
-  vp as DsSearch,
-  wp as DsSkeleton,
-  Gp as DsSpinner,
-  Op as DsSwitch,
-  Rp as DsTabs,
-  Ep as DsTextfield,
-  qp as DsValidationMessage,
+  bp as DsAlert,
+  Ap as DsBadge,
+  Mp as DsButton,
+  Tp as DsCheckbox,
+  hp as DsChip,
+  kp as DsCombobox,
+  zp as DsDetails,
+  yp as DsDialog,
+  Pp as DsHeading,
+  Cp as DsLink,
+  Hp as DsListItem,
+  Fp as DsListUnordered,
+  vp as DsPagination,
+  qp as DsParagraph,
+  wp as DsPopover,
+  Gp as DsSearch,
+  Op as DsSkeleton,
+  Rp as DsSpinner,
+  Ep as DsSwitch,
+  Qp as DsTabs,
+  Up as DsTextfield,
+  Kp as DsValidationMessage,
   M as EditableBookmark,
   cr as EndUserLabel,
   ua as Field,
@@ -381,8 +382,9 @@ export {
   Eo as SeenByLog,
   ha as Select,
   Ua as SelectField,
-  op as Settings,
   ep as SettingsItem,
+  mp as SettingsList,
+  op as SettingsSection,
   e as SizeEnum,
   Nt as Skeleton,
   Gt as Snackbar,
@@ -418,7 +420,7 @@ export {
   c as isAvatarGroupProps,
   i as isAvatarProps,
   Hr as isIconProps,
-  Qp as useDsPagination,
+  Vp as useDsPagination,
   st as useRootContext,
   jt as useSnackbar
 };

package/dist/index.js

@@ -4,8 +4,8 @@ import { AttachmentList as p } from "./components/Attachment/AttachmentList.js";
 import { Avatar as f, isAvatarProps as i } from "./components/Avatar/Avatar.js";
 import { AvatarGroup as n, isAvatarGroupProps as c } from "./components/Avatar/AvatarGroup.js";
 import { AccountMenu as u } from "./components/Account/AccountMenu.js";
-import { AccountListItem as d } from "./components/Account/AccountListItem.js";
-import { AccountList as L } from "./components/Account/AccountList.js";
+import { AccountListItem as g } from "./components/Account/AccountListItem.js";
+import { AccountList as d } from "./components/Account/AccountList.js";
 import { Badge as I } from "./components/Badge/Badge.js";
 import { BookmarksListItem as b } from "./components/Bookmarks/BookmarksListItem.js";
 import { EditableBookmark as M } from "./components/Bookmarks/EditableBookmark.js";
@@ -57,8 +57,8 @@ import { BackButton as fr } from "./components/GlobalMenu/BackButton.js";
 import { LogoutButton as sr } from "./components/GlobalMenu/LogoutButton.js";
 import { EndUserLabel as cr } from "./components/GlobalMenu/EndUserLabel.js";
 import { GlobalMenu as ur } from "./components/GlobalMenu/GlobalMenu.js";
-import { GlobalMenuButton as dr } from "./components/GlobalMenu/GlobalMenuButton.js";
-import { Header as Lr } from "./components/Header/Header.js";
+import { GlobalMenuButton as gr } from "./components/GlobalMenu/GlobalMenuButton.js";
+import { Header as dr } from "./components/Header/Header.js";
 import { HeaderBase as Ir } from "./components/Header/HeaderBase.js";
 import { HeaderLogo as br } from "./components/Header/HeaderLogo.js";
 import { HeaderButton as Mr } from "./components/Header/HeaderButton.js";
@@ -84,7 +84,7 @@ import { ListItemLabel as ie } from "./components/List/ListItemLabel.js";
 import { ListItemIcon as ne } from "./components/List/ListItemIcon.js";
 import { ListItemControls as le } from "./components/List/ListItemControls.js";
 import { ListItemSelect as De } from "./components/List/ListItemSelect.js";
-import { ListItem as ge } from "./components/List/ListItem.js";
+import { ListItem as Le } from "./components/List/ListItem.js";
 import { List as Be } from "./components/List/List.js";
 import { MenuItemBase as Se } from "./components/Menu/MenuItemBase.js";
 import { MenuItemLabel as Ae, getAriaLabelFromTitle as Me } from "./components/Menu/MenuItemLabel.js";
@@ -108,8 +108,8 @@ import { MetaListItem as pt, Metadata as xt } from "./components/Metadata/Metada
 import { RootProvider as it, useRootContext as st } from "./components/RootProvider/RootProvider.js";
 import { SearchItem as ct } from "./components/Search/SearchItem.js";
 import { Searchbar as ut } from "./components/Searchbar/Searchbar.js";
-import { SearchbarBase as dt } from "./components/Searchbar/SearchbarBase.js";
-import { SearchbarField as Lt } from "./components/Searchbar/SearchbarField.js";
+import { SearchbarBase as gt } from "./components/Searchbar/SearchbarBase.js";
+import { SearchbarField as dt } from "./components/Searchbar/SearchbarField.js";
 import { AutocompleteBase as It } from "./components/Searchbar/AutocompleteBase.js";
 import { AutocompleteGroup as bt } from "./components/Searchbar/AutocompleteGroup.js";
 import { Autocomplete as Mt } from "./components/Searchbar/Autocomplete.js";
@@ -133,8 +133,8 @@ import { TimelineLink as fm } from "./components/Timeline/TimelineLink.js";
 import { ToolbarBase as sm } from "./components/Toolbar/ToolbarBase.js";
 import { ToolbarButton as cm } from "./components/Toolbar/ToolbarButton.js";
 import { Toolbar as um } from "./components/Toolbar/Toolbar.js";
-import { ToolbarSearch as dm } from "./components/Toolbar/ToolbarSearch.js";
-import { ToolbarFilter as Lm } from "./components/Toolbar/ToolbarFilter.js";
+import { ToolbarSearch as gm } from "./components/Toolbar/ToolbarSearch.js";
+import { ToolbarFilter as dm } from "./components/Toolbar/ToolbarFilter.js";
 import { ToolbarDaterange as Im } from "./components/Toolbar/ToolbarDaterange.js";
 import { PageBase as bm } from "./components/Page/PageBase.js";
 import { PageNav as Mm } from "./components/Page/PageNav.js";
@@ -160,8 +160,8 @@ import { AccessAreaList as fa } from "./components/AccessAreaList/AccessAreaList
 import { AccessPackageListItem as sa } from "./components/AccessPackageList/AccessPackageListItem.js";
 import { AccessPackageList as ca } from "./components/AccessPackageList/AccessPackageList.js";
 import { Field as ua } from "./components/Forms/Field.js";
-import { Fieldset as da } from "./components/Forms/Fieldset.js";
-import { Legend as La } from "./components/Forms/Legend.js";
+import { Fieldset as ga } from "./components/Forms/Fieldset.js";
+import { Legend as da } from "./components/Forms/Legend.js";
 import { Label as Ia } from "./components/Forms/Label.js";
 import { Input as ba } from "./components/Forms/Input.js";
 import { Textarea as Ma } from "./components/Forms/Textarea.js";
@@ -179,39 +179,40 @@ import { OptionsBase as qa } from "./components/Forms/OptionsBase.js";
 import { RadioOptions as Wa } from "./components/Forms/RadioOptions.js";
 import { SwitchOptions as Ya } from "./components/Forms/SwitchOptions.js";
 import { CheckboxOptions as _a } from "./components/Forms/CheckboxOptions.js";
-import { Settings as op } from "./components/Settings/Settings.js";
+import { SettingsSection as op } from "./components/Settings/SettingsSection.js";
 import { SettingsItem as ep } from "./components/Settings/SettingsItem.js";
-import { DashboardHeader as mp } from "./components/Dashboard/DashboardHeader.js";
-import { DashboardCard as pp } from "./components/Dashboard/DashboardCard.js";
-import { DashboardIcon as fp } from "./components/Dashboard/DashboardIcon.js";
-import { ActivityLog as sp } from "./components/ActivityLog/ActivityLog.js";
-import { ActivityLogItem as cp } from "./components/ActivityLog/ActivityLogItem.js";
-import { ArticleHeader as up } from "./components/Article/ArticleHeader.js";
+import { SettingsList as mp } from "./components/Settings/SettingsList.js";
+import { DashboardHeader as pp } from "./components/Dashboard/DashboardHeader.js";
+import { DashboardCard as fp } from "./components/Dashboard/DashboardCard.js";
+import { DashboardIcon as sp } from "./components/Dashboard/DashboardIcon.js";
+import { ActivityLog as cp } from "./components/ActivityLog/ActivityLog.js";
+import { ActivityLogItem as up } from "./components/ActivityLog/ActivityLogItem.js";
+import { ArticleHeader as gp } from "./components/Article/ArticleHeader.js";
 import { ArticleContact as dp } from "./components/Article/ArticleContact.js";
-import { Article as Lp } from "./components/Article/Article.js";
-import { useClickOutside as Ip } from "./hooks/useClickOutside.js";
-import { useEscapeKey as bp } from "./hooks/useEscapeKey.js";
-import { useMenu as Mp } from "./hooks/useMenu.js";
-import { A as kp, B as hp, a as yp, C as Cp, b as Pp, c as Hp, D as Fp, H as vp, L as wp, d as Op, e as Gp, P as Rp, f as Ep, g as Qp, h as Up, i as Vp, S as jp, j as zp, T as Kp, u as Np } from "./usePagination-D247OF6_.js";
-import { D as Jp } from "./index-D3Rt9ate.js";
-import { P as Xp } from "./Paragraph-Bm-eoPYv.js";
-import { V as Zp } from "./index-CnWc2FNH.js";
+import { Article as Ip } from "./components/Article/Article.js";
+import { useClickOutside as bp } from "./hooks/useClickOutside.js";
+import { useEscapeKey as Mp } from "./hooks/useEscapeKey.js";
+import { useMenu as kp } from "./hooks/useMenu.js";
+import { A as yp, B as Cp, a as Pp, C as Hp, b as Fp, c as vp, D as wp, H as Op, L as Gp, d as Rp, e as Ep, P as Qp, f as Up, g as Vp, h as jp, i as zp, S as Kp, j as Np, T as qp, u as Jp } from "./usePagination-D247OF6_.js";
+import { D as Xp } from "./index-D3Rt9ate.js";
+import { P as Zp } from "./Paragraph-Bm-eoPYv.js";
+import { V as $p } from "./index-CnWc2FNH.js";
 export {
   fa as AccessAreaList,
   pa as AccessAreaListItem,
   ca as AccessPackageList,
   sa as AccessPackageListItem,
   qm as AccordionSection,
-  L as AccountList,
-  d as AccountListItem,
+  d as AccountList,
+  g as AccountListItem,
   u as AccountMenu,
   $r as ActionFooter,
   Zr as ActionHeader,
-  sp as ActivityLog,
-  cp as ActivityLogItem,
-  Lp as Article,
+  cp as ActivityLog,
+  up as ActivityLogItem,
+  Ip as Article,
   dp as ArticleContact,
-  up as ArticleHeader,
+  gp as ArticleHeader,
   m as AttachmentLink,
   p as AttachmentList,
   Mt as Autocomplete,
@@ -240,9 +241,9 @@ export {
   jm as ContactSection,
   j as ContextMenu,
   pr as CurrentAccount,
-  pp as DashboardCard,
-  mp as DashboardHeader,
-  fp as DashboardIcon,
+  fp as DashboardCard,
+  pp as DashboardHeader,
+  sp as DashboardIcon,
   K as Dialog,
   So as DialogActions,
   Ao as DialogActivityLog,
@@ -275,40 +276,40 @@ export {
   Wo as DrawerHeader,
   er as DrawerOrDropdown,
   jo as DropdownBase,
-  kp as DsAlert,
-  hp as DsBadge,
-  yp as DsButton,
-  Cp as DsCheckbox,
-  Pp as DsChip,
-  Hp as DsCombobox,
-  Jp as DsDetails,
-  Fp as DsDialog,
-  vp as DsHeading,
-  wp as DsLink,
-  Op as DsListItem,
-  Gp as DsListUnordered,
-  Rp as DsPagination,
-  Xp as DsParagraph,
-  Ep as DsPopover,
-  Qp as DsSearch,
-  Up as DsSkeleton,
-  Vp as DsSpinner,
-  jp as DsSwitch,
-  zp as DsTabs,
-  Kp as DsTextfield,
-  Zp as DsValidationMessage,
+  yp as DsAlert,
+  Cp as DsBadge,
+  Pp as DsButton,
+  Hp as DsCheckbox,
+  Fp as DsChip,
+  vp as DsCombobox,
+  Xp as DsDetails,
+  wp as DsDialog,
+  Op as DsHeading,
+  Gp as DsLink,
+  Rp as DsListItem,
+  Ep as DsListUnordered,
+  Qp as DsPagination,
+  Zp as DsParagraph,
+  Up as DsPopover,
+  Vp as DsSearch,
+  jp as DsSkeleton,
+  zp as DsSpinner,
+  Kp as DsSwitch,
+  Np as DsTabs,
+  qp as DsTextfield,
+  $p as DsValidationMessage,
   M as EditableBookmark,
   cr as EndUserLabel,
   ua as Field,
   wa as FieldBase,
-  da as Fieldset,
+  ga as Fieldset,
   Ka as FieldsetBase,
   Fm as Flex,
   mr as Footer,
   ur as GlobalMenu,
-  dr as GlobalMenuButton,
+  gr as GlobalMenuButton,
   wm as Grid,
-  Lr as Header,
+  dr as Header,
   Ir as HeaderBase,
   Mr as HeaderButton,
   br as HeaderLogo,
@@ -324,9 +325,9 @@ export {
   zr as LayoutBody,
   Nr as LayoutContent,
   Jr as LayoutSidebar,
-  La as Legend,
+  da as Legend,
   Be as List,
-  ge as ListItem,
+  Le as ListItem,
   te as ListItemBase,
   le as ListItemControls,
   xe as ListItemHeader,
@@ -378,14 +379,15 @@ export {
   ja as SearchField,
   ct as SearchItem,
   ut as Searchbar,
-  dt as SearchbarBase,
-  Lt as SearchbarField,
+  gt as SearchbarBase,
+  dt as SearchbarField,
   Um as Section,
   Eo as SeenByLog,
   ka as Select,
   Ua as SelectField,
-  op as Settings,
   ep as SettingsItem,
+  mp as SettingsList,
+  op as SettingsSection,
   e as SizeEnum,
   Kt as Skeleton,
   Ot as Snackbar,
@@ -412,8 +414,8 @@ export {
   sm as ToolbarBase,
   cm as ToolbarButton,
   Im as ToolbarDaterange,
-  Lm as ToolbarFilter,
-  dm as ToolbarSearch,
+  dm as ToolbarFilter,
+  gm as ToolbarSearch,
   Wm as Transmission,
   Ym as TransmissionList,
   _m as Typography,
@@ -421,10 +423,10 @@ export {
   c as isAvatarGroupProps,
   i as isAvatarProps,
   Hr as isIconProps,
-  Ip as useClickOutside,
-  Np as useDsPagination,
-  bp as useEscapeKey,
-  Mp as useMenu,
+  bp as useClickOutside,
+  Jp as useDsPagination,
+  Mp as useEscapeKey,
+  kp as useMenu,
   st as useRootContext,
   jt as useSnackbar
 };