@altinn/altinn-components 0.56.34 → 0.57.2

package/dist/components/Page/ContactSection.js

@@ -1,39 +1,37 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
-import { Typography as a } from "../Typography/Typography.js";
-import { Heading as s } from "../Typography/Heading.js";
+import { S as a, H as s } from "../../Section-jhq4n77E.js";
+import { Typography as g } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { Section as g } from "./Section.js";
 import { ContactButtons as h } from "./ContactButtons.js";
-const H = ({
+const w = ({
   variant: r = "inline",
-  theme: n,
+  theme: t,
   color: p,
-  typographyProps: m,
+  typographyProps: c,
   title: i,
-  description: c,
-  children: e,
-  items: t
+  description: e,
+  children: m,
+  items: n
 }) => /* @__PURE__ */ d(
-  g,
+  a,
   {
     direction: "col",
-    theme: n,
+    theme: t,
     color: p,
     padding: r === "card" ? "page" : 0,
     shadow: r === "card" ? "xs" : "none",
     spacing: 4,
     children: [
       i && /* @__PURE__ */ o(s, { size: "lg", children: i }),
-      /* @__PURE__ */ o(a, { ...m, children: e || /* @__PURE__ */ o("p", { children: c }) }),
-      t && /* @__PURE__ */ o(h, { items: t })
+      /* @__PURE__ */ o(g, { ...c, children: m || /* @__PURE__ */ o("p", { children: e }) }),
+      n && /* @__PURE__ */ o(h, { items: n })
     ]
   }
 );
 export {
-  H as ContactSection
+  w as ContactSection
 };

package/dist/components/Page/PageMenu.js

@@ -1,21 +1,20 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { Icon as u } from "../Icon/Icon.js";
+import { I as m } from "../../Section-jhq4n77E.js";
 import "react";
-import "../RootProvider/RootProvider.js";
-import { Button as p } from "../Button/Button.js";
+import { Button as c } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/PageMenu.css';const c = "_buttonGroup_1ybcg_1", a = "_button_1ybcg_1", r = {
-  buttonGroup: c,
+import '../../assets/PageMenu.css';const p = "_buttonGroup_1ybcg_1", a = "_button_1ybcg_1", r = {
+  buttonGroup: p,
   button: a
-}, v = ({ items: s }) => /* @__PURE__ */ t("nav", { "data-size": "sm", className: r.buttonGroup, children: s?.map((o) => {
-  const { icon: n, title: e, ...i } = o;
-  return /* @__PURE__ */ m(p, { variant: "ghost", className: r.button, size: "sm", ...i, children: [
-    n && /* @__PURE__ */ t(u, { svgElement: n }),
+}, f = ({ items: s }) => /* @__PURE__ */ t("nav", { "data-size": "sm", className: r.buttonGroup, children: s?.map((o) => {
+  const { icon: n, title: e, ...u } = o;
+  return /* @__PURE__ */ i(c, { variant: "ghost", className: r.button, size: "sm", ...u, children: [
+    n && /* @__PURE__ */ t(m, { svgElement: n }),
     /* @__PURE__ */ t("span", { children: e })
   ] }, o.id);
 }) });
 export {
-  v as PageMenu
+  f as PageMenu
 };

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 "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import { Button as f } from "../Button/Button.js";
 import { Breadcrumbs as m } from "../Breadcrumbs/Breadcrumbs.js";
 import "react-dom";

package/dist/components/Page/Section.js

@@ -1,33 +1,11 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as n } from "../../index-p1eeF8LQ.js";
+import "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { S as c } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { Flex as p } from "./Flex.js";
-import '../../assets/Section.css';const l = "_section_1w6kc_1", a = {
-  section: l
-}, y = ({
-  as: o = "section",
-  direction: t = "col",
-  align: i = "initial",
-  variant: c,
-  className: r,
-  children: s,
-  ...e
-}) => /* @__PURE__ */ m(
-  p,
-  {
-    as: o,
-    align: i,
-    direction: t,
-    theme: c,
-    className: n(a.section, r),
-    ...e,
-    children: s
-  }
-);
+import "./Flex.js";
 export {
-  y as Section
+  c as Section
 };

package/dist/components/Page/index.js

@@ -1,11 +1,11 @@
 import { PageBase as e } from "./PageBase.js";
-import { PageNav as x } from "./PageNav.js";
+import { PageNav as a } from "./PageNav.js";
 import { PageMenu as f } from "./PageMenu.js";
 import { PageTabs as p } from "./PageTabs.js";
 import { PageDetails as c } from "./PageDetails.js";
 import { Flex as g } from "./Flex.js";
-import { Grid as s } from "./Grid.js";
-import { Section as d } from "./Section.js";
+import { Grid as P } from "./Grid.js";
+import { S as d } from "../../Section-jhq4n77E.js";
 import { ContactSection as u } from "./ContactSection.js";
 import { ContactButtons as C } from "./ContactButtons.js";
 import { AccordionSection as v } from "./AccordionSection.js";
@@ -14,11 +14,11 @@ export {
   C as ContactButtons,
   u as ContactSection,
   g as Flex,
-  s as Grid,
+  P as Grid,
   e as PageBase,
   c as PageDetails,
   f as PageMenu,
-  x as PageNav,
+  a as PageNav,
   p as PageTabs,
   d as Section
 };

package/dist/components/ResourceListItem/ResourceListItem.js

@@ -1,32 +1,31 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { o as s } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { ListItem as s } from "../List/ListItem.js";
-const u = ({
+const h = ({
   ownerName: t,
   resourceName: i,
   ownerLogoUrlAlt: r,
-  ownerLogoUrl: m,
-  titleAs: o = "h3",
-  ...p
-}) => /* @__PURE__ */ e(
+  ownerLogoUrl: o,
+  titleAs: m = "h3",
+  ...e
+}) => /* @__PURE__ */ p(
   s,
   {
     icon: {
       name: t,
-      imageUrl: m,
+      imageUrl: o,
       imageUrlAlt: r,
       type: "company"
     },
-    title: { children: i, as: o },
+    title: { children: i, as: m },
     description: t,
-    ...p
+    ...e
   }
 );
 export {
-  u as ResourceListItem
+  h as ResourceListItem
 };

package/dist/components/RootProvider/RootProvider.js

@@ -1,61 +1,12 @@
-"use client";
-import { jsx as l } from "react/jsx-runtime";
-import { createContext as p, useState as a, useContext as C } from "react";
-import { useEscapeKey as g } from "../../hooks/useEscapeKey.js";
+import "react/jsx-runtime";
+import "react";
+import "../../hooks/useEscapeKey.js";
 import "../../index-p1eeF8LQ.js";
+import { R, x as a } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import { SnackbarProvider as x } from "../Snackbar/useSnackbar.js";
-const f = {
-  currentId: "",
-  previousId: "",
-  debug: !1,
-  setCurrentId: () => {
-    console.warn("setCurrentId called outside of RootProvider context");
-  },
-  setPreviousId: () => {
-    console.warn("setPreviousId called outside of RootProvider context");
-  },
-  languageCode: "nb"
-}, I = p(f), S = ({ children: n, initialValue: e, debug: s, languageCode: t }) => {
-  const [u, d] = a(e?.currentId || ""), [c, r] = a(e?.previousId || "");
-  return /* @__PURE__ */ l(
-    I.Provider,
-    {
-      value: {
-        currentId: u,
-        setCurrentId: d,
-        setPreviousId: r,
-        previousId: c,
-        debug: s,
-        languageCode: t
-      },
-      children: /* @__PURE__ */ l(x, { children: n })
-    }
-  );
-}, $ = () => {
-  const n = C(I);
-  if (!n)
-    throw new Error("useRootContext must be used within a RootProvider.");
-  const { currentId: e, setCurrentId: s, debug: t, setPreviousId: u, previousId: d, languageCode: c } = n, r = (o) => {
-    e && u(e), s(o);
-  }, v = (o) => {
-    t && console.debug(`useRootContext: toggleId called with value: ${o}`), r(e === o ? "" : o);
-  }, i = () => {
-    t && console.debug("useRootContext: closeAll called"), r("");
-  };
-  return g(i), {
-    currentId: e,
-    previousId: d,
-    toggleId: v,
-    closeAll: i,
-    openId: (o) => {
-      t && console.debug(`useRootContext: openId called with value: ${o}`), r(o);
-    },
-    languageCode: c
-  };
-};
+import "../Snackbar/useSnackbar.js";
 export {
-  S as RootProvider,
-  $ as useRootContext
+  R as RootProvider,
+  a as useRootContext
 };

package/dist/components/RootProvider/index.js

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

package/dist/components/Search/SearchItem.js

@@ -1,21 +1,18 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
-import { Heading as m } from "../Typography/Heading.js";
+import { L as l, H as m, B as c } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
-import { Byline as l } from "../Byline/Byline.js";
 import "react-dom";
-import { ListItemBase as p } from "../List/ListItemBase.js";
-import { ListItemHeader as c } from "../List/ListItemHeader.js";
+import { ListItemBase as h } from "../List/ListItemBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/SearchItem.css';const h = "_item_kjtr0_1", d = {
-  item: h
-}, H = ({ color: o = "neutral", size: s, title: e, summary: i, owner: r, category: g, ...a }) => /* @__PURE__ */ t(p, { className: d.item, color: o, size: s, children: /* @__PURE__ */ n(c, { ...a, children: [
-  e && /* @__PURE__ */ t(m, { as: "h2", size: "lg", weight: "bold", children: e }),
-  r && /* @__PURE__ */ t(l, { avatar: r, children: r?.name }),
-  i && /* @__PURE__ */ t(m, { as: "h3", size: "sm", variant: "subtle", weight: "normal", style: { marginTop: ".5em" }, children: i })
+import '../../assets/SearchItem.css';const p = "_item_kjtr0_1", d = {
+  item: p
+}, _ = ({ color: s = "neutral", size: a, title: i, summary: r, owner: e, category: g, ...o }) => /* @__PURE__ */ t(h, { 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 {
-  H as SearchItem
+  _ 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 "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import { MenuList as k } from "../Menu/MenuList.js";
 import { MenuListItem as y } from "../Menu/MenuListItem.js";
 import { MenuListDivider as D } from "../Menu/MenuListDivider.js";

package/dist/components/Searchbar/AutocompleteItem.js

@@ -2,15 +2,14 @@ import { jsx as t } from "react/jsx-runtime";
 import { Badge as n } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
-import { MenuItem as e } from "../Menu/MenuItem.js";
+import { q as e } from "../../Section-jhq4n77E.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 = {
+import '../../assets/AutocompleteItem.css';const s = "_item_4v2ol_1", f = {
   item: s
-}, L = ({
+}, A = ({
   role: o = "menuitem",
   params: c,
   badge: m,
@@ -33,12 +32,12 @@ import '../../assets/AutocompleteItem.css';const s = "_item_4v2ol_1", p = {
     ...i,
     role: o,
     label: u,
-    className: p.item,
+    className: f.item,
     controls: m && /* @__PURE__ */ t(n, { ...m }),
     size: r || "md",
     linkIcon: !0
   }
 ) : /* @__PURE__ */ t(e, { ...i, role: o, controls: m && /* @__PURE__ */ t(n, { ...m }), size: r, linkIcon: !0 });
 export {
-  L 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 { useRootContext as I } from "../RootProvider/RootProvider.js";
+import { x as I } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import { SearchbarBase as T } from "./SearchbarBase.js";

package/dist/components/Searchbar/SearchbarField.js

@@ -1,29 +1,26 @@
 "use client";
 import { jsxs as k, jsx as e } from "react/jsx-runtime";
-import { c as S } from "../../index-p1eeF8LQ.js";
-import { useRef as N } from "react";
-import { Icon as v } from "../Icon/Icon.js";
-import "../RootProvider/RootProvider.js";
-import { Button as o } from "../Button/Button.js";
+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-jhq4n77E.js";
+import { Button as l } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as z } from "../../MagnifyingGlass-bwVhw07z.js";
-import { S as l } from "../../XMark-tKk6aExO.js";
-import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", K = "_icon_uxhly_10", j = "_input_uxhly_17", I = "_clear_uxhly_45", M = "_dismiss_uxhly_62", t = {
-  field: E,
-  icon: K,
-  input: j,
-  clear: I,
+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,
+  icon: I,
+  input: K,
+  clear: j,
   dismiss: M
-}, A = ({
+}, O = ({
   className: c,
   expanded: a,
   name: n = "q",
   value: i,
   placeholder: m = "Search",
   closeButtonAltText: u = "Close search",
-  clearButtonAltText: p = "Clear search",
-  onFocus: d,
+  clearButtonAltText: d = "Clear search",
+  onFocus: p,
   onBlur: f,
   onChange: h,
   onClear: _,
@@ -32,21 +29,21 @@ import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", K = "_icon_
   tabIndex: b,
   controlsId: C
 }) => {
-  const s = N(null), g = (r) => {
-    r.key === "Escape" && s.current?.blur(), r.key === "Enter" && (s.current?.blur(), y?.());
+  const t = v(null), g = (r) => {
+    r.key === "Escape" && t.current?.blur(), r.key === "Enter" && (t.current?.blur(), y?.());
   };
-  return /* @__PURE__ */ k("div", { className: S(t.field, c), children: [
+  return /* @__PURE__ */ k("div", { className: N(s.field, c), children: [
     /* @__PURE__ */ e(
       "input",
       {
-        ref: s,
-        onFocus: d,
+        ref: t,
+        onFocus: p,
         onBlur: f,
         name: n,
         value: i,
         onChange: h,
         placeholder: m,
-        className: t.input,
+        className: s.input,
         onKeyUp: g,
         type: "text",
         autoComplete: "off",
@@ -61,33 +58,33 @@ import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", K = "_icon_
         role: "combobox"
       }
     ),
-    /* @__PURE__ */ e(v, { svgElement: z, className: t.icon }),
+    /* @__PURE__ */ e(E, { svgElement: S, className: s.icon }),
     i && /* @__PURE__ */ e(
-      o,
+      l,
       {
         rounded: !0,
         size: "xs",
         variant: "tinted",
-        className: t.clear,
+        className: s.clear,
         onClick: _,
         "data-testid": "search-button-clear",
-        "aria-label": p,
-        children: /* @__PURE__ */ e(l, {})
+        "aria-label": d,
+        children: /* @__PURE__ */ e(o, {})
       }
     ) || a && /* @__PURE__ */ e(
-      o,
+      l,
       {
         size: "sm",
         variant: "ghost",
-        className: t.dismiss,
+        className: s.dismiss,
         onClick: x,
         "data-testid": "search-button-close",
         "aria-label": u,
-        children: /* @__PURE__ */ e(l, {})
+        children: /* @__PURE__ */ e(o, {})
       }
     )
   ] });
 };
 export {
-  A as SearchbarField
+  O as SearchbarField
 };

package/dist/components/Settings/SettingsItem.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import { useState as h } from "react";
 import { Input as v } from "../Forms/Input.js";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Settings/SettingsItemBase.js

@@ -1,48 +1,46 @@
-import { jsxs as L, jsx as a } from "react/jsx-runtime";
+import { jsxs as p, jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { L as d, m as I } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import { ListItemBase as d } from "../List/ListItemBase.js";
-import { ListItemHeader as f } from "../List/ListItemHeader.js";
-import { ListItemLabel as I } from "../List/ListItemLabel.js";
+import { ListItemBase as f } from "../List/ListItemBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/SettingsItemBase.css';const g = "_item_lk1g7_1", k = "_label_lk1g7_20", N = "_header_lk1g7_24", e = {
   item: g,
   label: k,
   header: N
-}, A = ({
-  ref: i,
+}, w = ({
+  ref: r,
   loading: t,
-  color: s,
-  size: l,
-  expanded: r,
+  color: l,
+  size: i,
+  expanded: a,
   icon: o,
   label: c,
   title: n,
   value: j,
   description: _,
-  children: p,
-  highlightWords: b,
-  ...m
+  children: b,
+  highlightWords: h,
+  ...s
 }) => {
-  const h = m.ariaLabel;
-  return /* @__PURE__ */ L(d, { ref: i, className: e.item, color: s, size: l, expanded: r, children: [
-    /* @__PURE__ */ a(f, { ...m, loading: t, ariaLabel: h, className: e.header, icon: o, children: /* @__PURE__ */ a(
+  const L = s.ariaLabel;
+  return /* @__PURE__ */ p(f, { ref: r, className: e.item, color: l, size: i, expanded: a, children: [
+    /* @__PURE__ */ m(d, { ...s, loading: t, ariaLabel: L, className: e.header, icon: o, children: /* @__PURE__ */ m(
       I,
       {
         loading: t,
-        highlightWords: b,
+        highlightWords: h,
         className: e.label,
         title: n,
         description: _,
         children: c
       }
     ) }),
-    r && p
+    a && b
   ] });
 };
 export {
-  A as SettingsItemBase
+  w as SettingsItemBase
 };

package/dist/components/Settings/SettingsList.js

@@ -1,39 +1,37 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { Fragment as m, createElement as d } from "react";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { Fragment as s, createElement as d } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as f } from "../../hooks/useMenu.js";
-import "../RootProvider/RootProvider.js";
-import { Heading as u } from "../Typography/Heading.js";
+import { H as u, p as h } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import { Divider as h } from "../Divider/Divider.js";
-import { List as y } from "../List/List.js";
+import { Divider as y } from "../Divider/Divider.js";
 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 q = ({ items: s, groups: p = {}, sortGroupBy: n }) => {
+const K = ({ items: m, groups: p = {}, sortGroupBy: n }) => {
   const { menu: c } = f({
-    items: s,
+    items: m,
     groups: p,
     groupByKey: "groupId",
     keyboardEvents: !1,
     sortGroupBy: n
   });
-  return /* @__PURE__ */ r(S, { as: "div", spacing: "page", direction: "col", children: c?.map((i, l) => {
-    const e = i.props || {};
-    return /* @__PURE__ */ o(m, { children: [
-      e?.title && /* @__PURE__ */ r(u, { size: "lg", children: e.title }),
-      /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(y, { size: "sm", children: i?.items.map((a, t) => {
+  return /* @__PURE__ */ t(S, { as: "div", spacing: "page", direction: "col", children: c?.map((e, l) => {
+    const i = e.props || {};
+    return /* @__PURE__ */ o(s, { children: [
+      i?.title && /* @__PURE__ */ t(u, { size: "lg", children: i.title }),
+      /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(h, { size: "sm", children: e?.items.map((a, r) => {
         const g = a.props || {};
-        return /* @__PURE__ */ o(m, { children: [
-          t > 0 && /* @__PURE__ */ r(h, { as: "li" }),
-          /* @__PURE__ */ d(v, { ...g, key: "settings-list-item" + t })
-        ] }, t);
+        return /* @__PURE__ */ o(s, { children: [
+          r > 0 && /* @__PURE__ */ t(y, { as: "li" }),
+          /* @__PURE__ */ d(v, { ...g, key: "settings-list-item" + r })
+        ] }, r);
       }) }) })
     ] }, l);
   }) });
 };
 export {
-  q 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 "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import { Button as M } from "../Button/Button.js";
 import { ButtonIcon as k } from "../Button/ButtonIcon.js";
 import { ButtonLabel as x } from "../Button/ButtonLabel.js";