@altinn/altinn-components 0.59.1 → 0.60.2

package/dist/components/Notifications/NotificationItemBase.js

@@ -1,12 +1,13 @@
 import { jsx as i, jsxs as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { n as j } from "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { ListItemBase as B } from "../List/ListItemBase.js";
-import { ListItemLink as v } from "../List/ListItemLink.js";
+import { ListItemBase as j } from "../List/ListItemBase.js";
+import { ListItemLink as B } from "../List/ListItemLink.js";
+import { ListItemLabel as v } from "../List/ListItemLabel.js";
 import { NotificationItemControls as y } from "./NotificationItemControls.js";
 import { NotificationItemIcon as z } from "./NotificationItemIcon.js";
 import "../Snackbar/useSnackbar.js";
@@ -16,11 +17,11 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
   link: A,
   linkFocus: D,
   controls: E
-}, V = ({
+}, W = ({
   as: s,
   href: r,
-  ref: n,
-  disabled: m,
+  ref: m,
+  disabled: n,
   loading: o,
   onClick: a,
   onKeyPress: c,
@@ -40,10 +41,10 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
   ...F
 }) => {
   const x = F.ariaLabel;
-  return /* @__PURE__ */ i(B, { ref: n, className: t.item, color: _, variant: d, size: "md", children: /* @__PURE__ */ e("header", { className: t.header, children: [
+  return /* @__PURE__ */ i(j, { ref: m, 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,
+      B,
       {
         as: s,
         href: r,
@@ -51,13 +52,13 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
         onKeyPress: c,
         tabIndex: l,
         loading: o,
-        disabled: m || o,
+        disabled: n || o,
         ariaLabel: x,
         className: t.link,
         children: [
           /* @__PURE__ */ i("div", { className: t.linkFocus, "aria-hidden": "true" }),
           /* @__PURE__ */ i(
-            j,
+            v,
             {
               loading: o,
               highlightWords: I,
@@ -83,5 +84,5 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
   ] }) });
 };
 export {
-  V as NotificationItemBase
+  W as NotificationItemBase
 };

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 { C as p } from "../../Section-BEuICoay.js";
+import { s as p } from "../../ToolbarSearch-56Sm2j7P.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,6 +1,6 @@
 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-BEuICoay.js";
+import { I as e, s as m, i as c, B as l } from "../../ToolbarSearch-56Sm2j7P.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";
@@ -18,7 +18,7 @@ import '../../assets/NotificationItemIcon.css';const u = "_icon_15rz1_1", g = "_
 function z(s) {
   return typeof s == "string" || typeof s == "number" || typeof s == "boolean" || s === null || i(s);
 }
-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: [
+const F = ({ 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 })
@@ -29,5 +29,5 @@ const C = ({ loading: s, icon: a, badge: n }) => a ? s ? /* @__PURE__ */ r("div"
   n && /* @__PURE__ */ r(l, { ...n, size: "xs", variant: "base", className: t.badge })
 ] }) : null;
 export {
-  C as NotificationItemIcon
+  F as NotificationItemIcon
 };

package/dist/components/Page/AccordionSection.js

@@ -1,17 +1,18 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as e } from "../../Section-BEuICoay.js";
-import { Typography as n } from "../Typography/Typography.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
+import { Typography as e } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { PageDetails as c } from "./PageDetails.js";
-const x = ({ items: o }) => /* @__PURE__ */ r(e, { children: o?.map((t) => {
+import { PageDetails as n } from "./PageDetails.js";
+import { Section as c } from "./Section.js";
+const j = ({ items: o }) => /* @__PURE__ */ r(c, { children: o?.map((t) => {
   const { id: i, title: m, children: p } = t;
-  return /* @__PURE__ */ r(c, { summary: m, children: /* @__PURE__ */ r(n, { children: p }) }, i);
+  return /* @__PURE__ */ r(n, { summary: m, children: /* @__PURE__ */ r(e, { children: p }) }, i);
 }) });
 export {
-  x as AccordionSection
+  j as AccordionSection
 };

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-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.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,38 +1,39 @@
 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-BEuICoay.js";
-import { Typography as g } from "../Typography/Typography.js";
+import { H as a } from "../../ToolbarSearch-56Sm2j7P.js";
+import { Typography as s } from "../Typography/Typography.js";
 import "../Typography/Link.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 z = ({
+const B = ({
   variant: r = "inline",
-  theme: t,
+  theme: n,
   color: p,
-  typographyProps: c,
+  typographyProps: m,
   title: i,
-  description: m,
+  description: c,
   children: e,
-  items: n
+  items: t
 }) => /* @__PURE__ */ d(
-  a,
+  g,
   {
     direction: "col",
-    theme: t,
+    theme: n,
     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(g, { ...c, children: e || /* @__PURE__ */ o("p", { children: m }) }),
-      n && /* @__PURE__ */ o(h, { items: n })
+      i && /* @__PURE__ */ o(a, { size: "lg", children: i }),
+      /* @__PURE__ */ o(s, { ...m, children: e || /* @__PURE__ */ o("p", { children: c }) }),
+      t && /* @__PURE__ */ o(h, { items: t })
     ]
   }
 );
 export {
-  z as ContactSection
+  B as ContactSection
 };

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-BEuICoay.js";
+import { I as u } from "../../ToolbarSearch-56Sm2j7P.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-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.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,12 +1,34 @@
-import "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
+import { jsx as e } from "react/jsx-runtime";
+import { c as n } from "../../index-p1eeF8LQ.js";
 import "react";
-import { S as f } from "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import "./Flex.js";
+import { Flex as p } from "./Flex.js";
+import '../../assets/Section.css';const l = "_section_1w6kc_1", a = {
+  section: l
+}, F = ({
+  as: o = "section",
+  direction: t = "col",
+  align: i = "initial",
+  variant: r,
+  className: c,
+  children: m,
+  ...s
+}) => /* @__PURE__ */ e(
+  p,
+  {
+    as: o,
+    align: i,
+    direction: t,
+    theme: r,
+    className: n(a.section, c),
+    ...s,
+    children: m
+  }
+);
 export {
-  f as Section
+  F as Section
 };

package/dist/components/Page/index.js

@@ -1,11 +1,11 @@
 import { PageBase as e } from "./PageBase.js";
-import { PageNav as a } from "./PageNav.js";
+import { PageNav as x } 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 P } from "./Grid.js";
-import { S as d } from "../../Section-BEuICoay.js";
+import { Grid as s } from "./Grid.js";
+import { Section as d } from "./Section.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,
-  P as Grid,
+  s as Grid,
   e as PageBase,
   c as PageDetails,
   f as PageMenu,
-  a as PageNav,
+  x as PageNav,
   p as PageTabs,
   d as Section
 };

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,27 @@
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
+import { Button as r } from "../Button/Button.js";
+import "../../index-p1eeF8LQ.js";
+import "react";
+import "../../ToolbarSearch-56Sm2j7P.js";
+import "../Typography/Link.js";
+import "react-dom";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/Pagination.css';const m = "_pagination_jpqmb_1", g = "_list_jpqmb_5", o = {
+  pagination: m,
+  list: g
+}, x = ({
+  size: a,
+  variant: t = "tinted",
+  selectedVariant: d = "solid",
+  prev: e,
+  next: n,
+  items: s = [],
+  "aria-label": c = "Velg side"
+}) => /* @__PURE__ */ i("nav", { className: o.pagination, "data-size": a, "aria-label": c, children: /* @__PURE__ */ h("ul", { className: o.list, children: [
+  e && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(r, { size: a, "aria-label": e["aria-label"] || "Forrige side", variant: t, children: e.title || "Forrige" }) }),
+  s?.map((l, p) => /* @__PURE__ */ i("li", { "aria-hidden": l.hidden, children: l.hidden ? /* @__PURE__ */ i(r, { as: "div", size: a, variant: "ghost", children: "…" }) : /* @__PURE__ */ i(r, { ...l, size: a, variant: l?.selected ? d : t, children: l.title }) }, p)),
+  n && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(r, { size: a, "aria-label": n["aria-label"] || "Forrige side", variant: t, children: n.title || "Neste" }) })
+] }) });
+export {
+  x as Pagination
+};

package/dist/components/Pagination/index.js

@@ -0,0 +1,4 @@
+import { Pagination as i } from "./Pagination.js";
+export {
+  i as Pagination
+};

package/dist/components/ResourceListItem/ResourceListItem.js

@@ -1,12 +1,13 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { p as s } from "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const u = ({
+import { ListItem as s } from "../List/ListItem.js";
+const x = ({
   ownerName: t,
   resourceName: i,
   ownerLogoUrlAlt: r,
@@ -28,5 +29,5 @@ const u = ({
   }
 );
 export {
-  u as ResourceListItem
+  x as ResourceListItem
 };

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 x, w as d } from "../../Section-BEuICoay.js";
+import { R as u, u as x } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  x as RootProvider,
-  d as useRootContext
+  u as RootProvider,
+  x as useRootContext
 };

package/dist/components/RootProvider/index.js

@@ -1,4 +1,4 @@
-import { R as e, w as r } from "../../Section-BEuICoay.js";
+import { R as e, u as r } from "../../ToolbarSearch-56Sm2j7P.js";
 export {
   e as RootProvider,
   r as useRootContext

package/dist/components/Search/SearchItem.js

@@ -1,19 +1,20 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { L as l, H as m, a as c } from "../../Section-BEuICoay.js";
+import { H as m, a as l } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { ListItemBase as p } from "../List/ListItemBase.js";
+import { ListItemHeader as c } from "../List/ListItemHeader.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/SearchItem.css';const h = "_item_kjtr0_1", d = {
   item: h
-}, 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: [
+}, z = ({ 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(c, { ...o, children: [
   i && /* @__PURE__ */ t(m, { as: "h2", size: "lg", weight: "bold", children: i }),
-  e && /* @__PURE__ */ t(c, { avatar: e, children: e?.name }),
+  e && /* @__PURE__ */ t(l, { avatar: e, children: e?.name }),
   r && /* @__PURE__ */ t(m, { as: "h3", size: "sm", variant: "subtle", weight: "normal", style: { marginTop: ".5em" }, children: r })
 ] }) });
 export {
-  u as SearchItem
+  z 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-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.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,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { r as n, B as e } from "../../Section-BEuICoay.js";
+import { k as n, B as e } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";

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 { w as I } from "../../Section-BEuICoay.js";
+import { u as I } from "../../ToolbarSearch-56Sm2j7P.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 R = ({
+const V = ({
   className: l,
   autocomplete: e,
   expanded: r = !1,
@@ -63,5 +63,5 @@ const R = ({
   );
 };
 export {
-  R as Searchbar
+  V as Searchbar
 };

package/dist/components/Searchbar/SearchbarField.js

@@ -2,17 +2,17 @@
 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 z, z as S, C as o } from "../../Section-BEuICoay.js";
+import { I as S, q as z, s as o } from "../../ToolbarSearch-56Sm2j7P.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 E = "_field_uxhly_1", I = "_icon_uxhly_10", K = "_input_uxhly_17", j = "_clear_uxhly_45", M = "_dismiss_uxhly_62", s = {
+import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", I = "_icon_uxhly_10", K = "_input_uxhly_17", j = "_clear_uxhly_45", q = "_dismiss_uxhly_62", s = {
   field: E,
   icon: I,
   input: K,
   clear: j,
-  dismiss: M
+  dismiss: q
 }, X = ({
   className: c,
   expanded: a,
@@ -59,7 +59,7 @@ import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", I = "_icon_
         role: "combobox"
       }
     ),
-    /* @__PURE__ */ e(z, { svgElement: S, className: s.icon }),
+    /* @__PURE__ */ e(S, { svgElement: z, className: s.icon }),
     i && /* @__PURE__ */ e(
       l,
       {

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-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/SettingsItemBase.js

@@ -1,16 +1,16 @@
 import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import { j as f, H as m, B as h, K as B } from "../../Section-BEuICoay.js";
+import { h as f, H as m, B as h, v as B } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";
 import { ItemControls as b } from "../Item/ItemControls.js";
-import { ItemBase as j } from "../Item/ItemBase.js";
+import { ItemBase as v } from "../Item/ItemBase.js";
 import { ItemLink as R } from "../Item/ItemLink.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/SettingsItemBase.css';const v = "_item_1xpqe_1", w = "_media_1xpqe_24", C = "_link_1xpqe_38", H = "_linkIcon_1xpqe_48", S = "_label_1xpqe_54", g = "_controls_1xpqe_67", e = {
-  item: v,
+import '../../assets/SettingsItemBase.css';const j = "_item_1xpqe_1", w = "_media_1xpqe_24", C = "_link_1xpqe_38", H = "_linkIcon_1xpqe_48", S = "_label_1xpqe_54", g = "_controls_1xpqe_67", e = {
+  item: j,
   media: w,
   link: C,
   linkIcon: H,
@@ -33,7 +33,7 @@ import '../../assets/SettingsItemBase.css';const v = "_item_1xpqe_1", w = "_medi
   linkIcon: I,
   controls: N,
   ...q
-}) => /* @__PURE__ */ a(j, { as: "li", ref: l, className: e.item, color: c, "aria-hidden": r, "data-loading": t, children: [
+}) => /* @__PURE__ */ a(v, { 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: [

package/dist/components/Settings/SettingsList.js

@@ -1,17 +1,18 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, 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, q as h } from "../../Section-BEuICoay.js";
+import { H as u } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { Divider as y } from "../Divider/Divider.js";
+import { Divider as h } from "../Divider/Divider.js";
+import { List as y } from "../List/List.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 K = ({ items: s, groups: p = {}, sortGroupBy: n }) => {
+const q = ({ items: s, groups: p = {}, sortGroupBy: n }) => {
   const { menu: c } = f({
     items: s,
     groups: p,
@@ -19,20 +20,20 @@ const K = ({ items: s, groups: p = {}, sortGroupBy: n }) => {
     keyboardEvents: !1,
     sortGroupBy: n
   });
-  return /* @__PURE__ */ t(S, { as: "div", spacing: "page", direction: "col", children: c?.map((i, l) => {
+  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__ */ t(u, { size: "lg", children: e.title }),
-      /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(h, { size: "sm", children: i?.items.map((a, r) => {
+      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) => {
         const g = a.props || {};
         return /* @__PURE__ */ o(m, { children: [
-          r > 0 && /* @__PURE__ */ t(y, { as: "li" }),
-          /* @__PURE__ */ d(v, { ...g, key: "settings-list-item" + r })
-        ] }, r);
+          t > 0 && /* @__PURE__ */ r(h, { as: "li" }),
+          /* @__PURE__ */ d(v, { ...g, key: "settings-list-item" + t })
+        ] }, t);
       }) }) })
     ] }, l);
   }) });
 };
 export {
-  K as SettingsList
+  q 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-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.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,21 +1,22 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as n } from "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
+import { Section as n } from "../Page/Section.js";
 import '../../assets/SettingsSection.css';const c = "_section_13ero_1", p = {
   section: c
-}, d = ({
+}, j = ({
   size: t = "sm",
   theme: o = "default",
-  shadow: s = "xs",
-  as: i,
+  shadow: i = "xs",
+  as: s,
   color: r,
   children: e
-}) => /* @__PURE__ */ m(n, { as: i, size: t, color: r, theme: o, shadow: s, className: p.section, spacing: 2, children: e });
+}) => /* @__PURE__ */ m(n, { as: s, size: t, color: r, theme: o, shadow: i, className: p.section, spacing: 2, children: e });
 export {
-  d as SettingsSection
+  j as SettingsSection
 };