@altinn/altinn-components 0.29.1 → 0.29.3

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/assets/SnackbarItem.css

@@ -1 +1 @@
-._item_1dbl6_1{border:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-user-select:none;user-select:none;border-radius:.5rem;box-shadow:var(--ds-shadow-xs)}._item_1dbl6_1{position:relative;display:flex;align-items:center;text-decoration:none;color:inherit;padding:.625rem}._media_1dbl6_23{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem}._icon_1dbl6_32{font-size:1.5rem}._content_1dbl6_36{flex-grow:1;display:flex;align-items:center;margin-left:.625rem;margin-right:1.25rem}._action_1dbl6_44{flex-shrink:0;display:flex;align-items:center;justify-content:center}._item_1dbl6_1{background-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._item_1dbl6_1[data-color=neutral]{background-color:var(--ds-color-background-default);color:var(--ds-color-text-default)}
+._item_1a13i_1{border:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-user-select:none;user-select:none;border-radius:.5rem;box-shadow:var(--ds-shadow-xs)}._item_1a13i_1{position:relative;display:flex;align-items:center;text-decoration:none;color:inherit;padding:.625rem}._icon_1a13i_23{flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;width:2.75rem;height:2.75rem}._content_1a13i_33{flex-grow:1;display:flex;align-items:center;margin-left:.625rem;margin-right:1.25rem}._action_1a13i_41{flex-shrink:0;display:flex;align-items:center;justify-content:center}._item_1a13i_1{background-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}

package/dist/assets/TimelineLink.css

@@ -1 +1 @@
-._button_15kp4_1{display:inline-flex;align-items:center;column-gap:.125em;align-items:flex-start}._icon_15kp4_8{flex-shrink:0;flex-grow:0;font-size:1.25rem;width:1.5rem;height:1.5rem}._label_15kp4_16{flex-shrink:1;font-size:14px;font-weight:400;line-height:1.125rem;padding:.1875rem 0;white-space:inherit}
+._button_87kyt_1{display:inline-flex;column-gap:.25em;align-items:center;justify-content:flex-start;font-size:.875rem;min-height:auto}._label_87kyt_10{flex-shrink:1;font-weight:400;white-space:inherit;padding:.3125rem}._button_87kyt_1 a{color:inherit}

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/List/ListItemHeader.js

@@ -1,4 +1,4 @@
-import { jsxs as l, jsx as e, Fragment as E } from "react/jsx-runtime";
+import { jsxs as a, jsx as e, Fragment as E } from "react/jsx-runtime";
 import { c as g } from "../../index-L8X2o7IH.js";
 import { useId as w, isValidElement as z } from "react";
 import { Icon as D } from "../Icon/Icon.js";
@@ -42,9 +42,9 @@ import '../../assets/ListItemHeader.css';const K = "_header_s4ghf_1", M = "_labe
   children: y,
   ariaLabel: C
 }) => {
-  const a = d ? v ? A : G : I ? J : void 0, j = () => r && !t && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(F, { ...r }) : z(r) ? r : null, B = w();
-  return /* @__PURE__ */ l(
-    "header",
+  const l = d ? v ? A : G : I ? J : void 0, j = () => r && !t && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(F, { ...r }) : z(r) ? r : null, B = w();
+  return /* @__PURE__ */ a(
+    "div",
     {
       className: g(o.header, x),
       "data-color": f,
@@ -80,12 +80,12 @@ import '../../assets/ListItemHeader.css';const K = "_header_s4ghf_1", M = "_labe
             children: y
           }
         ),
-        /* @__PURE__ */ e(V, { className: o.controls, children: n && !t ? /* @__PURE__ */ e("span", { style: { position: "relative" }, children: n }) : /* @__PURE__ */ l(E, { children: [
+        /* @__PURE__ */ e(V, { className: o.controls, children: n && !t ? /* @__PURE__ */ e("span", { style: { position: "relative" }, children: n }) : /* @__PURE__ */ a(E, { children: [
           j(),
-          a && /* @__PURE__ */ e("span", { className: o.linkIcon, children: /* @__PURE__ */ e(
+          l && /* @__PURE__ */ e("span", { className: o.linkIcon, children: /* @__PURE__ */ e(
             D,
             {
-              svgElement: a,
+              svgElement: l,
               style: {
                 fontSize: "1.5rem"
               }

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/SnackbarItem.js

@@ -1,65 +1,64 @@
 "use client";
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { jsxs as f, jsx as l } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
 import { Icon as v } from "../Icon/Icon.js";
 import * as a from "react";
 import { forwardRef as u } from "react";
-import { IconButton as _ } from "../Button/IconButton.js";
+import { IconButton as g } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "./useSnackbar.js";
-import { u as g } from "../../useId-BVFxCjkq.js";
+import { u as _ } from "../../useId-BVFxCjkq.js";
 import { S as h } from "../../XMark-DIqxCTTQ.js";
-import '../../assets/SnackbarItem.css';var w = function(e, o) {
-  var i = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (i[t] = e[t]);
+import '../../assets/SnackbarItem.css';var w = function(e, i) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (o[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
-      o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (i[t[n]] = e[t[n]]);
-  return i;
+      i.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (o[t[n]] = e[t[n]]);
+  return o;
 };
-const b = u((e, o) => {
-  var { title: i, titleId: t } = e, n = w(e, ["title", "titleId"]);
-  let c = g();
-  return c = i ? t || "title-" + c : void 0, a.createElement(
+const y = u((e, i) => {
+  var { title: o, titleId: t } = e, n = w(e, ["title", "titleId"]);
+  let r = _();
+  return r = o ? t || "title-" + r : 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: o, "aria-labelledby": c }, n),
-    i ? a.createElement("title", { id: c }, i) : null,
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": r }, n),
+    o ? a.createElement("title", { id: r }, o) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zm-1.987 17.237a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
   );
-}), y = "_item_1dbl6_1", x = "_media_1dbl6_23", O = "_icon_1dbl6_32", I = "_content_1dbl6_36", j = "_action_1dbl6_44", l = {
-  item: y,
-  media: x,
+}), x = "_item_1a13i_1", O = "_icon_1a13i_23", I = "_content_1a13i_33", b = "_action_1a13i_41", c = {
+  item: x,
   icon: O,
   content: I,
-  action: j
+  action: b
 };
-var N = /* @__PURE__ */ ((e) => (e.accent = "accent", e.neutral = "neutral", e.alert = "alert", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(N || {});
-const D = ({
+var j = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(j || {});
+const H = ({
   as: e,
-  message: o,
-  className: i,
-  color: t = "accent",
-  icon: n = b,
-  iconAltText: c = "Bell icon",
+  message: i,
+  className: o,
+  color: t,
+  icon: n = y,
+  iconAltText: r = "Bell icon",
   dismissable: s = !0,
-  onDismiss: d,
-  ...m
-}) => /* @__PURE__ */ f(e || "div", { className: p(l.item, i), "data-color": t, ...m, children: [
-  /* @__PURE__ */ r("div", { className: l.media, children: /* @__PURE__ */ r(v, { svgElement: n, className: l.icon }) }),
-  /* @__PURE__ */ r("div", { className: l.content, children: o }),
-  s && /* @__PURE__ */ r("div", { className: l.action, children: /* @__PURE__ */ r(
-    _,
+  onDismiss: m,
+  ...d
+}) => /* @__PURE__ */ f(e || "div", { className: p(c.item, o), "data-color": t, ...d, children: [
+  /* @__PURE__ */ l(v, { svgElement: n, className: c.icon }),
+  /* @__PURE__ */ l("div", { className: c.content, children: i }),
+  s && /* @__PURE__ */ l("div", { className: c.action, children: /* @__PURE__ */ l(
+    g,
     {
       icon: h,
-      variant: "outline",
-      onClick: d,
-      className: l.dismiss,
+      variant: "solid",
+      onClick: m,
+      className: c.dismiss,
       iconAltText: "close"
     }
   ) })
 ] });
 export {
-  N as SnackbarColorEnum,
-  D as SnackbarItem
+  j as SnackbarColorEnum,
+  H as SnackbarItem
 };

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/Timeline/TimelineLink.js

@@ -1,5 +1,5 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { c as a } from "../../index-L8X2o7IH.js";
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
 import "react";
 import { ButtonBase as p } from "../Button/ButtonBase.js";
 import { ButtonLabel as b } from "../Button/ButtonLabel.js";
@@ -7,32 +7,31 @@ import { ButtonIcon as u } from "../Button/ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/TimelineLink.css';const _ = "_button_15kp4_1", f = "_icon_15kp4_8", k = "_label_15kp4_16", o = {
+import '../../assets/TimelineLink.css';const _ = "_button_87kyt_1", f = "_label_87kyt_10", t = {
   button: _,
-  icon: f,
-  label: k
-}, I = ({
-  size: t = "custom",
+  label: f
+}, L = ({
+  size: o = "xs",
   color: m = "company",
-  icon: n,
-  reverse: c,
-  label: s,
-  children: e,
-  ...i
-}) => /* @__PURE__ */ l(
+  icon: r,
+  reverse: e,
+  label: l,
+  children: s,
+  ...a
+}) => /* @__PURE__ */ i(
   p,
   {
     color: m,
     variant: "link",
-    size: t,
-    className: a(o.button, { [o.reverse]: c }),
-    ...i,
+    size: o,
+    className: c(t.button, { [t.reverse]: e }),
+    ...a,
     children: [
-      n && /* @__PURE__ */ r(u, { className: o.icon, size: t, icon: n }),
-      /* @__PURE__ */ r(b, { className: o.label, size: t, children: e || s })
+      r && /* @__PURE__ */ n(u, { className: t.icon, size: o, icon: r }),
+      /* @__PURE__ */ n(b, { className: t.label, size: o, children: s || l })
     ]
   }
 );
 export {
-  I as TimelineLink
+  L as TimelineLink
 };

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
 };