@altinn/altinn-components 0.58.7 → 0.59.0

package/dist/components/Metadata/index.js

@@ -1,16 +1,11 @@
 import { MetaBase as a } from "./MetaBase.js";
-import { MetaItemBase as o } from "./MetaItemBase.js";
-import { u as s, t as M, v as p, w as I } from "../../Section-BisoLqNN.js";
-import { MetaItemLabel as x } from "./MetaItemLabel.js";
-import { MetaListItem as B, Metadata as L } from "./Metadata.js";
+import { v as m, u as r } from "../../Section-gR5R233Z.js";
+import { MetaTimestamp as M } from "./MetaTimestamp.js";
+import { Metadata as s } from "./Metadata.js";
 export {
   a as MetaBase,
-  s as MetaItem,
-  o as MetaItemBase,
-  M as MetaItemIcon,
-  x as MetaItemLabel,
-  B as MetaListItem,
-  p as MetaProgress,
-  I as MetaTimestamp,
-  L as Metadata
+  m as MetaItem,
+  r as MetaItemIcon,
+  M as MetaTimestamp,
+  s as Metadata
 };

package/dist/components/Modal/Modal.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as s } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { E as e } from "../../Section-BisoLqNN.js";
+import { C as e } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import { Button as n } from "../Button/Button.js";
 import "react-dom";

package/dist/components/Modal/ModalBase.js

@@ -2,7 +2,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as S, useEffect as m } from "react";
 import "../../index-p1eeF8LQ.js";
-import { S as D } from "../../Section-BisoLqNN.js";
+import { S as D } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Modal/ModalHeader.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { c as h } from "../../index-p1eeF8LQ.js";
 import "react";
-import { H as c, E as p } from "../../Section-BisoLqNN.js";
+import { H as c, C as p } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import { Button as f } from "../Button/Button.js";
 import "react-dom";

package/dist/components/Modal/ModalIcon.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
-import { I as s, E as m, i as n } from "../../Section-BisoLqNN.js";
+import { I as s, C as m, i as n } from "../../Section-gR5R233Z.js";
 import { isAvatarProps as i, Avatar as c } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as v, AvatarGroup as l } from "../Avatar/AvatarGroup.js";
 import "../Typography/Link.js";

package/dist/components/Notifications/NotificationItem.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-BisoLqNN.js";
+import "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Notifications/NotificationItemBase.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { m as j } from "../../Section-BisoLqNN.js";
+import { n as j } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -19,8 +19,8 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
 }, V = ({
   as: s,
   href: r,
-  ref: m,
-  disabled: n,
+  ref: n,
+  disabled: m,
   loading: o,
   onClick: a,
   onKeyPress: c,
@@ -40,7 +40,7 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
   ...F
 }) => {
   const x = F.ariaLabel;
-  return /* @__PURE__ */ i(B, { ref: m, className: t.item, color: _, variant: d, size: "md", children: /* @__PURE__ */ e("header", { className: t.header, children: [
+  return /* @__PURE__ */ i(B, { ref: n, className: t.item, color: _, variant: d, size: "md", children: /* @__PURE__ */ e("header", { className: t.header, children: [
     /* @__PURE__ */ i(z, { icon: p, badge: h }),
     /* @__PURE__ */ e(
       v,
@@ -51,7 +51,7 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
         onKeyPress: c,
         tabIndex: l,
         loading: o,
-        disabled: n || o,
+        disabled: m || o,
         ariaLabel: x,
         className: t.link,
         children: [

package/dist/components/Notifications/NotificationItemControls.js

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { E as p } from "../../Section-BisoLqNN.js";
+import { C as p } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";
 import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";

package/dist/components/Notifications/NotificationItemIcon.js

@@ -1,7 +1,6 @@
-import { jsx as r, jsxs as o, Fragment as i } from "react/jsx-runtime";
-import { isValidElement as m } from "react";
-import { Badge as n } from "../Badge/Badge.js";
-import { I as e, E as c, i as l } from "../../Section-BisoLqNN.js";
+import { jsx as r, jsxs as o, Fragment as p } from "react/jsx-runtime";
+import { isValidElement as i } from "react";
+import { I as e, C as m, i as c, B as l } from "../../Section-gR5R233Z.js";
 import "../../index-p1eeF8LQ.js";
 import { isAvatarProps as _, Avatar as v } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as d, AvatarGroup as f } from "../Avatar/AvatarGroup.js";
@@ -9,26 +8,26 @@ import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/NotificationItemIcon.css';const u = "_icon_15rz1_1", g = "_shape_15rz1_11", h = "_avatar_15rz1_29", N = "_avatarGroup_15rz1_35", b = "_badge_15rz1_39", s = {
+import '../../assets/NotificationItemIcon.css';const u = "_icon_15rz1_1", g = "_shape_15rz1_11", h = "_avatar_15rz1_29", N = "_avatarGroup_15rz1_35", b = "_badge_15rz1_39", t = {
   icon: u,
   shape: g,
   avatar: h,
   avatarGroup: N,
   badge: b
 };
-function z(t) {
-  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || m(t);
+function z(s) {
+  return typeof s == "string" || typeof s == "number" || typeof s == "boolean" || s === null || i(s);
 }
-const M = ({ loading: t, icon: a, badge: p }) => a ? t ? /* @__PURE__ */ r("div", { className: s.icon, children: /* @__PURE__ */ r(e, { svgElement: c, loading: !0 }) }) : /* @__PURE__ */ o("div", { className: s.icon, children: [
-  _(a) && /* @__PURE__ */ r(v, { ...a, className: s.avatar }) || d(a) && /* @__PURE__ */ r(f, { ...a, className: s.avatarGroup }) || l(a) && /* @__PURE__ */ o(i, { children: [
-    /* @__PURE__ */ r("span", { className: s.shape }),
+const C = ({ loading: s, icon: a, badge: n }) => a ? s ? /* @__PURE__ */ r("div", { className: t.icon, children: /* @__PURE__ */ r(e, { svgElement: m, loading: !0 }) }) : /* @__PURE__ */ o("div", { className: t.icon, children: [
+  _(a) && /* @__PURE__ */ r(v, { ...a, className: t.avatar }) || d(a) && /* @__PURE__ */ r(f, { ...a, className: t.avatarGroup }) || c(a) && /* @__PURE__ */ o(p, { children: [
+    /* @__PURE__ */ r("span", { className: t.shape }),
     /* @__PURE__ */ r(e, { ...a })
-  ] }) || z(a) && a || /* @__PURE__ */ o(i, { children: [
-    /* @__PURE__ */ r("span", { className: s.shape }),
+  ] }) || z(a) && a || /* @__PURE__ */ o(p, { children: [
+    /* @__PURE__ */ r("span", { className: t.shape }),
     /* @__PURE__ */ r(e, { svgElement: a })
   ] }),
-  p && /* @__PURE__ */ r(n, { ...p, size: "xs", variant: "base", className: s.badge })
+  n && /* @__PURE__ */ r(l, { ...n, size: "xs", variant: "base", className: t.badge })
 ] }) : null;
 export {
-  M as NotificationItemIcon
+  C as NotificationItemIcon
 };

package/dist/components/Page/AccordionSection.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as e } from "../../Section-BisoLqNN.js";
+import { S as e } from "../../Section-gR5R233Z.js";
 import { Typography as n } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Page/ContactButtons.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as u } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-BisoLqNN.js";
+import "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";
 import { ButtonIcon as a } from "../Button/ButtonIcon.js";

package/dist/components/Page/ContactSection.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as a, H as s } from "../../Section-BisoLqNN.js";
+import { S as a, H as s } from "../../Section-gR5R233Z.js";
 import { Typography as g } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Page/PageMenu.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { I as u } from "../../Section-BisoLqNN.js";
+import { I as u } from "../../Section-gR5R233Z.js";
 import "react";
 import "../Typography/Link.js";
 import { Button as p } from "../Button/Button.js";

package/dist/components/Page/PageNav.js

@@ -2,7 +2,7 @@
 import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as c } from "react";
-import "../../Section-BisoLqNN.js";
+import "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import { Button as m } from "../Button/Button.js";
 import { Breadcrumbs as f } from "../Breadcrumbs/Breadcrumbs.js";

package/dist/components/Page/Section.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as f } from "../../Section-BisoLqNN.js";
+import { S as f } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Page/index.js

@@ -5,7 +5,7 @@ import { PageTabs as p } from "./PageTabs.js";
 import { PageDetails as c } from "./PageDetails.js";
 import { Flex as g } from "./Flex.js";
 import { Grid as P } from "./Grid.js";
-import { S as d } from "../../Section-BisoLqNN.js";
+import { S as d } from "../../Section-gR5R233Z.js";
 import { ContactSection as u } from "./ContactSection.js";
 import { ContactButtons as C } from "./ContactButtons.js";
 import { AccordionSection as v } from "./AccordionSection.js";

package/dist/components/ResourceListItem/ResourceListItem.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { o as s } from "../../Section-BisoLqNN.js";
+import { p as s } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -10,19 +10,19 @@ const u = ({
   ownerName: t,
   resourceName: i,
   ownerLogoUrlAlt: r,
-  ownerLogoUrl: o,
-  titleAs: m = "h3",
+  ownerLogoUrl: m,
+  titleAs: o = "h3",
   ...p
 }) => /* @__PURE__ */ e(
   s,
   {
     icon: {
       name: t,
-      imageUrl: o,
+      imageUrl: m,
       imageUrlAlt: r,
       type: "company"
     },
-    title: { children: i, as: m },
+    title: { children: i, as: o },
     description: t,
     ...p
   }

package/dist/components/RootProvider/RootProvider.js

@@ -2,12 +2,12 @@ import "react/jsx-runtime";
 import "react";
 import "../../hooks/useEscapeKey.js";
 import "../../index-p1eeF8LQ.js";
-import { R as a, x as d } from "../../Section-BisoLqNN.js";
+import { R as x, w as d } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  a as RootProvider,
+  x as RootProvider,
   d as useRootContext
 };

package/dist/components/RootProvider/index.js

@@ -1,4 +1,4 @@
-import { R as e, x as r } from "../../Section-BisoLqNN.js";
+import { R as e, w as r } from "../../Section-gR5R233Z.js";
 export {
   e as RootProvider,
   r as useRootContext

package/dist/components/Search/SearchItem.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { L as l, H as m, B as c } from "../../Section-BisoLqNN.js";
+import { L as l, H as m, a as c } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -9,11 +9,11 @@ import { ListItemBase as p } from "../List/ListItemBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/SearchItem.css';const h = "_item_kjtr0_1", d = {
   item: h
-}, b = ({ color: s = "neutral", size: a, title: i, summary: r, owner: e, category: g, ...o }) => /* @__PURE__ */ t(p, { className: d.item, color: s, size: a, children: /* @__PURE__ */ n(l, { ...o, children: [
+}, u = ({ color: s = "neutral", size: a, title: i, summary: r, owner: e, category: g, ...o }) => /* @__PURE__ */ t(p, { className: d.item, color: s, size: a, children: /* @__PURE__ */ n(l, { ...o, children: [
   i && /* @__PURE__ */ t(m, { as: "h2", size: "lg", weight: "bold", children: i }),
   e && /* @__PURE__ */ t(c, { avatar: e, children: e?.name }),
   r && /* @__PURE__ */ t(m, { as: "h3", size: "sm", variant: "subtle", weight: "normal", style: { marginTop: ".5em" }, children: r })
 ] }) });
 export {
-  b as SearchItem
+  u as SearchItem
 };

package/dist/components/Searchbar/Autocomplete.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as j } from "react/jsx-runtime";
 import { useRef as B, Fragment as C } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as P } from "../../hooks/useMenu.js";
-import "../../Section-BisoLqNN.js";
+import "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import { MenuList as k } from "../Menu/MenuList.js";
 import { MenuListItem as y } from "../Menu/MenuListItem.js";

package/dist/components/Searchbar/AutocompleteItem.js

@@ -1,44 +1,43 @@
 import { jsx as t } from "react/jsx-runtime";
-import { Badge as n } from "../Badge/Badge.js";
+import { r as n, B as e } from "../../Section-gR5R233Z.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { q as e } from "../../Section-BisoLqNN.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { QueryLabel as l } from "../Toolbar/QueryLabel.js";
-import '../../assets/AutocompleteItem.css';const s = "_item_4v2ol_1", p = {
-  item: s
-}, B = ({
+import { QueryLabel as u } from "../Toolbar/QueryLabel.js";
+import '../../assets/AutocompleteItem.css';const l = "_item_4v2ol_1", p = {
+  item: l
+}, A = ({
   role: o = "menuitem",
   params: c,
   badge: m,
-  label: u,
+  label: s,
   size: r = "md",
   ...i
 }) => c ? /* @__PURE__ */ t(
-  e,
+  n,
   {
     ...i,
     role: o,
-    label: /* @__PURE__ */ t(l, { params: c }),
-    controls: m && /* @__PURE__ */ t(n, { ...m }),
+    label: /* @__PURE__ */ t(u, { params: c }),
+    controls: m && /* @__PURE__ */ t(e, { ...m }),
     size: r || "md",
     linkIcon: !0
   }
-) : u ? /* @__PURE__ */ t(
-  e,
+) : s ? /* @__PURE__ */ t(
+  n,
   {
     ...i,
     role: o,
-    label: u,
+    label: s,
     className: p.item,
-    controls: m && /* @__PURE__ */ t(n, { ...m }),
+    controls: m && /* @__PURE__ */ t(e, { ...m }),
     size: r || "md",
     linkIcon: !0
   }
-) : /* @__PURE__ */ t(e, { ...i, role: o, controls: m && /* @__PURE__ */ t(n, { ...m }), size: r, linkIcon: !0 });
+) : /* @__PURE__ */ t(n, { ...i, role: o, controls: m && /* @__PURE__ */ t(e, { ...m }), size: r, linkIcon: !0 });
 export {
-  B as AutocompleteItem
+  A as AutocompleteItem
 };

package/dist/components/Searchbar/Searchbar.js

@@ -2,7 +2,7 @@ import { jsxs as f, jsx as c } from "react/jsx-runtime";
 import { useState as g } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useIsDesktop as h } from "../../hooks/useIsDesktop.js";
-import { x as I } from "../../Section-BisoLqNN.js";
+import { w as I } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -10,7 +10,7 @@ import { SearchbarBase as T } from "./SearchbarBase.js";
 import { SearchbarField as A } from "./SearchbarField.js";
 import { Autocomplete as B } from "./Autocomplete.js";
 import "../Snackbar/useSnackbar.js";
-const V = ({
+const R = ({
   className: l,
   autocomplete: e,
   expanded: r = !1,
@@ -63,5 +63,5 @@ const V = ({
   );
 };
 export {
-  V as Searchbar
+  R as Searchbar
 };

package/dist/components/Searchbar/SearchbarField.js

@@ -2,18 +2,18 @@
 import { jsxs as k, jsx as e } from "react/jsx-runtime";
 import { c as N } from "../../index-p1eeF8LQ.js";
 import { useRef as v } from "react";
-import { I as E, A as S, E as o } from "../../Section-BisoLqNN.js";
+import { I as z, z as S, C as o } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/SearchbarField.css';const z = "_field_uxhly_1", I = "_icon_uxhly_10", K = "_input_uxhly_17", j = "_clear_uxhly_45", M = "_dismiss_uxhly_62", s = {
-  field: z,
+import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", I = "_icon_uxhly_10", K = "_input_uxhly_17", j = "_clear_uxhly_45", M = "_dismiss_uxhly_62", s = {
+  field: E,
   icon: I,
   input: K,
   clear: j,
   dismiss: M
-}, R = ({
+}, X = ({
   className: c,
   expanded: a,
   name: n = "q",
@@ -59,7 +59,7 @@ import '../../assets/SearchbarField.css';const z = "_field_uxhly_1", I = "_icon_
         role: "combobox"
       }
     ),
-    /* @__PURE__ */ e(E, { svgElement: S, className: s.icon }),
+    /* @__PURE__ */ e(z, { svgElement: S, className: s.icon }),
     i && /* @__PURE__ */ e(
       l,
       {
@@ -87,5 +87,5 @@ import '../../assets/SearchbarField.css';const z = "_field_uxhly_1", I = "_icon_
   ] });
 };
 export {
-  R as SearchbarField
+  X as SearchbarField
 };

package/dist/components/Settings/SettingsItem.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import { useState as g } from "react";
 import { Input as b } from "../Forms/Input.js";
-import "../../Section-BisoLqNN.js";
+import "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/SettingsItemBase.js

@@ -1,12 +1,11 @@
 import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import { Badge as q } from "../Badge/Badge.js";
+import { j as f, H as m, B as h, K as B } from "../../Section-gR5R233Z.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { h, H as i, N as b } from "../../Section-BisoLqNN.js";
 import "../Typography/Link.js";
-import { ItemControls as B } from "../Item/ItemControls.js";
-import { ItemBase as R } from "../Item/ItemBase.js";
-import { ItemLink as j } from "../Item/ItemLink.js";
+import { ItemControls as b } from "../Item/ItemControls.js";
+import { ItemBase as j } from "../Item/ItemBase.js";
+import { ItemLink as R } from "../Item/ItemLink.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
@@ -17,11 +16,11 @@ import '../../assets/SettingsItemBase.css';const v = "_item_1xpqe_1", w = "_medi
   linkIcon: H,
   label: S,
   controls: g
-}, P = ({
+}, O = ({
   as: n,
   ref: l,
   hidden: r,
-  loading: o,
+  loading: t,
   color: c,
   expanded: u,
   icon: p,
@@ -29,46 +28,46 @@ import '../../assets/SettingsItemBase.css';const v = "_item_1xpqe_1", w = "_medi
   titleProps: d = {},
   descriptionProps: x = {},
   children: k,
-  highlightWords: t,
-  badge: m,
+  highlightWords: o,
+  badge: i,
   linkIcon: I,
   controls: N,
-  ...f
-}) => /* @__PURE__ */ a(R, { as: "li", ref: l, className: e.item, color: c, "aria-hidden": r, "data-loading": o, children: [
-  /* @__PURE__ */ a(j, { ...f, className: e.link, as: n, children: [
-    /* @__PURE__ */ s(h, { icon: p, className: e.media }),
+  ...q
+}) => /* @__PURE__ */ a(j, { as: "li", ref: l, className: e.item, color: c, "aria-hidden": r, "data-loading": t, children: [
+  /* @__PURE__ */ a(R, { ...q, className: e.link, as: n, children: [
+    /* @__PURE__ */ s(f, { icon: p, className: e.media }),
     _ || /* @__PURE__ */ a("span", { className: e.label, children: [
       /* @__PURE__ */ s(
-        i,
+        m,
         {
           ...d,
           as: "span",
-          highlightWords: t,
-          loading: o,
+          highlightWords: o,
+          loading: t,
           maxRows: 2,
           className: e.title
         }
       ),
       /* @__PURE__ */ s(
-        i,
+        m,
         {
           ...x,
           as: "span",
-          highlightWords: t,
-          loading: o,
+          highlightWords: o,
+          loading: t,
           maxRows: 2,
           className: e.description
         }
       )
     ] })
   ] }),
-  /* @__PURE__ */ a(B, { className: e.controls, children: [
+  /* @__PURE__ */ a(b, { className: e.controls, children: [
     N,
-    m && /* @__PURE__ */ s(q, { ...m }),
-    I && /* @__PURE__ */ s(b, { className: e.linkIcon })
+    i && /* @__PURE__ */ s(h, { ...i }),
+    I && /* @__PURE__ */ s(B, { className: e.linkIcon })
   ] }),
   k
 ] });
 export {
-  P as SettingsItemBase
+  O as SettingsItemBase
 };

package/dist/components/Settings/SettingsList.js

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as o } from "react/jsx-runtime";
 import { Fragment as m, createElement as d } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as f } from "../../hooks/useMenu.js";
-import { H as u, p as h } from "../../Section-BisoLqNN.js";
+import { H as u, q as h } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -11,7 +11,7 @@ import "../Snackbar/useSnackbar.js";
 import { Flex as S } from "../Page/Flex.js";
 import { SettingsItem as v } from "./SettingsItem.js";
 import { SettingsSection as j } from "./SettingsSection.js";
-const M = ({ items: s, groups: p = {}, sortGroupBy: n }) => {
+const K = ({ items: s, groups: p = {}, sortGroupBy: n }) => {
   const { menu: c } = f({
     items: s,
     groups: p,
@@ -34,5 +34,5 @@ const M = ({ items: s, groups: p = {}, sortGroupBy: n }) => {
   }) });
 };
 export {
-  M as SettingsList
+  K as SettingsList
 };

package/dist/components/Settings/SettingsModal.js

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { createElement as u } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../../Section-BisoLqNN.js";
+import "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import { Button as M } from "../Button/Button.js";
 import { ButtonIcon as k } from "../Button/ButtonIcon.js";

package/dist/components/Settings/SettingsSection.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as n } from "../../Section-BisoLqNN.js";
+import { S as n } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";