@altinn/altinn-components 0.14.3 → 0.15.1

package/dist/components/Menu/MenuItemLabel.js

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as c, Fragment as r } from "react/jsx-runtime";
-import '../../assets/MenuItemLabel.css';const o = "_label_iwl5m_1", m = "_title_iwl5m_7", d = "_description_iwl5m_31", s = {
+import { jsx as t, jsxs as c, Fragment as r } from "react/jsx-runtime";
+import '../../assets/MenuItemLabel.css';const o = "_label_1ejxp_1", p = "_title_1ejxp_7", d = "_description_1ejxp_25", s = {
   label: o,
-  title: m,
+  title: p,
   description: d
-}, p = ({ size: t = "sm", label: a, title: i, description: n, children: l }) => /* @__PURE__ */ e("span", { className: s.label, "data-size": t, children: l || /* @__PURE__ */ c(r, { children: [
-  /* @__PURE__ */ e("strong", { className: s.title, "data-size": t, children: i || a }),
-  /* @__PURE__ */ e("span", { className: s.description, "data-size": t, children: n })
+}, m = ({ size: e = "sm", label: l, title: n, description: i, children: a }) => /* @__PURE__ */ t("span", { className: s.label, "data-size": e, children: a || /* @__PURE__ */ c(r, { children: [
+  /* @__PURE__ */ t("strong", { className: s.title, "data-size": e, children: n || l }),
+  /* @__PURE__ */ t("span", { className: s.description, "data-size": e, children: i })
 ] }) });
 export {
-  p as MenuItemLabel
+  m as MenuItemLabel
 };

package/dist/components/Menu/MenuItems.js

@@ -12,42 +12,44 @@ import { MenuHeader as K } from "./MenuHeader.js";
 import { MenuList as S, MenuListItem as c } from "./MenuBase.js";
 import "../Snackbar/useSnackbar.js";
 const _ = ({
-  level: l = 0,
-  expanded: b,
-  search: f,
-  items: y,
-  groups: o = {},
-  defaultItemColor: h,
-  defaultItemTheme: x,
-  defaultItemSize: M
+  level: r = 0,
+  expanded: y,
+  search: h,
+  items: F,
+  groups: f = {},
+  defaultItemSize: x,
+  defaultItemColor: M,
+  defaultItemTheme: o,
+  defaultIconTheme: I
 }) => {
-  const { menu: I } = E({
-    items: y,
-    groups: o,
+  const { menu: v } = E({
+    items: F,
+    groups: f,
     groupByKey: "groupId",
     keyboardEvents: !1
   });
-  return /* @__PURE__ */ d(S, { expanded: b, children: [
-    f && /* @__PURE__ */ m(H, { ...f }),
-    I.map((n, r) => {
-      const t = (n == null ? void 0 : n.props) || {}, { title: v, divider: F = !0 } = t, j = I[r + 1];
+  return /* @__PURE__ */ d(S, { expanded: y, children: [
+    h && /* @__PURE__ */ m(H, { ...h }),
+    v.map((n, l) => {
+      const t = (n == null ? void 0 : n.props) || {}, { title: b, divider: j = !0 } = t, z = v[l + 1];
       return /* @__PURE__ */ d(B, { children: [
-        (l > 0 || r) && F ? /* @__PURE__ */ m(c, { role: "separator" }) : "",
-        v && /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(K, { title: v }) }),
+        (r > 0 || l) && j ? /* @__PURE__ */ m(c, { role: "separator" }) : "",
+        b && /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(K, { title: b }) }),
         n == null ? void 0 : n.items.filter((a) => {
           var i;
           return !((i = a.props) != null && i.hidden);
         }).map((a, i) => {
-          const { active: z } = a, { groupId: $, ...e } = a.props || {}, { expanded: s } = e, L = n == null ? void 0 : n.items[i + 1];
+          const { active: L } = a, { groupId: $, ...e } = a.props || {}, { expanded: s } = e, T = n == null ? void 0 : n.items[i + 1];
           return /* @__PURE__ */ d(c, { role: "presentation", expanded: s, children: [
             /* @__PURE__ */ m(
               G,
               {
                 ...e,
-                color: (e == null ? void 0 : e.color) || (t == null ? void 0 : t.defaultItemColor) || h,
-                theme: (e == null ? void 0 : e.theme) || (t == null ? void 0 : t.defaultItemTheme) || x,
-                size: (e == null ? void 0 : e.size) || (t == null ? void 0 : t.defaultItemSize) || M,
-                active: z,
+                size: (e == null ? void 0 : e.size) || (t == null ? void 0 : t.defaultItemSize) || x,
+                color: (e == null ? void 0 : e.color) || (t == null ? void 0 : t.defaultItemColor) || M,
+                theme: (e == null ? void 0 : e.theme) || (t == null ? void 0 : t.defaultItemTheme) || o,
+                iconTheme: (e == null ? void 0 : e.iconTheme) || (t == null ? void 0 : t.defaultIconTheme) || I,
+                active: L,
                 tabIndex: e != null && e.disabled ? -1 : 0
               }
             ),
@@ -56,19 +58,20 @@ const _ = ({
                 _,
                 {
                   expanded: s,
-                  level: l + 1,
+                  level: r + 1,
                   items: e == null ? void 0 : e.items,
-                  groups: o,
-                  defaultItemColor: h,
-                  defaultItemTheme: x,
-                  defaultItemSize: M
+                  groups: f,
+                  defaultItemSize: x,
+                  defaultItemColor: M,
+                  defaultItemTheme: o,
+                  defaultIconTheme: I
                 }
               ),
-              (j || L) && /* @__PURE__ */ m(c, { role: "separator", as: "div" })
+              (z || T) && /* @__PURE__ */ m(c, { role: "separator", as: "div" })
             ] })
           ] }, i);
         })
-      ] }, r);
+      ] }, l);
     })
   ] });
 };

package/dist/components/Menu/MenuOption.js

@@ -9,12 +9,12 @@ import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
 import { CheckboxIcon as v } from "../Icon/CheckboxIcon.js";
 import { RadioIcon as x } from "../Icon/RadioIcon.js";
-import '../../assets/MenuOption.css';const I = "_label_cv7w3_1", N = "_input_cv7w3_5", h = "_icon_cv7w3_10", r = {
+import '../../assets/MenuOption.css';const I = "_label_cv7w3_1", N = "_input_cv7w3_5", d = "_icon_cv7w3_10", r = {
   label: I,
   input: N,
-  icon: h
+  icon: d
 }, A = ({
-  size: n = "sm",
+  size: n = "md",
   type: i,
   name: m,
   value: e,

package/dist/components/Menu/index.js

@@ -1,26 +1,26 @@
-import { MenuItemBase as o } from "./MenuItemBase.js";
+import { MenuItemBase as r } from "./MenuItemBase.js";
 import { MenuItemLabel as m } from "./MenuItemLabel.js";
-import { MenuItemMedia as u } from "./MenuItemMedia.js";
-import { MenuItem as p } from "./MenuItem.js";
+import { MenuItemIcon as u } from "./MenuItemIcon.js";
+import { MenuItem as M } from "./MenuItem.js";
 import { MenuInputField as x } from "./MenuInputField.js";
 import { MenuOption as a } from "./MenuOption.js";
-import { MenuSearch as s } from "./MenuSearch.js";
-import { MenuHeader as L } from "./MenuHeader.js";
-import { MenuItems as B } from "./MenuItems.js";
-import { MenuBase as c, MenuList as h, MenuListItem as F } from "./MenuBase.js";
+import { MenuSearch as i } from "./MenuSearch.js";
+import { MenuHeader as c } from "./MenuHeader.js";
+import { MenuItems as l } from "./MenuItems.js";
+import { MenuBase as b, MenuList as h, MenuListItem as F } from "./MenuBase.js";
 import { Menu as O } from "./Menu.js";
 export {
   O as Menu,
-  c as MenuBase,
-  L as MenuHeader,
+  b as MenuBase,
+  c as MenuHeader,
   x as MenuInputField,
-  p as MenuItem,
-  o as MenuItemBase,
+  M as MenuItem,
+  r as MenuItemBase,
+  u as MenuItemIcon,
   m as MenuItemLabel,
-  u as MenuItemMedia,
-  B as MenuItems,
+  l as MenuItems,
   h as MenuList,
   F as MenuListItem,
   a as MenuOption,
-  s as MenuSearch
+  i as MenuSearch
 };

package/dist/components/Meta/MetaItemMedia.js

@@ -1,13 +1,18 @@
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import { Icon as i } from "../Icon/Icon.js";
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { Icon as r } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
-import { ProgressIcon as r } from "../Icon/ProgressIcon.js";
-import '../../assets/MetaItemMedia.css';const n = "_media_m8ywm_1", a = {
+import { ProgressIcon as s } from "../Icon/ProgressIcon.js";
+import "react";
+import "../../index-L8X2o7IH.js";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/MetaItemMedia.css';const n = "_media_m8ywm_1", t = {
   media: n
-}, p = ({ size: t = "xs", icon: e, progress: m }) => !e && typeof m != "number" ? !1 : /* @__PURE__ */ o("span", { className: a.media, "data-size": t, children: [
-  e && /* @__PURE__ */ s(i, { name: e, className: a.icon }),
-  m && /* @__PURE__ */ s(r, { value: m, className: a.icon })
+}, N = ({ size: o = "xs", icon: m, progress: e }) => !m && typeof e != "number" ? !1 : /* @__PURE__ */ i("span", { className: t.media, "data-size": o, children: [
+  m && /* @__PURE__ */ a(r, { name: m, className: t.icon }),
+  e && /* @__PURE__ */ a(s, { value: e, className: t.icon })
 ] });
 export {
-  p as MetaItemMedia
+  N as MetaItemMedia
 };

package/dist/components/Page/PageHeader.js

@@ -1,21 +1,42 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Heading as s } from "../Typography/Heading.js";
 import "react";
+import { Typography as u } from "../Typography/Typography.js";
+import { Heading as j } from "../Typography/Heading.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemMedia as a } from "../List/ListItemMedia.js";
+import { ListItemIcon as y } from "../List/ListItemIcon.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as c } from "./Flex.js";
-import { Section as d } from "./Section.js";
-const I = ({ title: o, icon: e, avatar: t, avatarGroup: m, children: p, ...n }) => /* @__PURE__ */ r(d, { as: "header", spacing: 3, ...n, children: [
-  /* @__PURE__ */ r(c, { direction: "row", align: "center", spacing: 3, children: [
-    /* @__PURE__ */ i(a, { avatar: t, avatarGroup: m, icon: e, size: "xl" }),
-    /* @__PURE__ */ i(s, { size: "xl", children: o })
+import { Flex as n } from "./Flex.js";
+import { PageTabs as z } from "./PageTabs.js";
+import { Section as H } from "./Section.js";
+const D = ({
+  variant: a,
+  size: l = "xl",
+  title: s,
+  description: o,
+  icon: f,
+  avatar: x,
+  avatarGroup: d,
+  tabs: e,
+  theme: t,
+  padding: m,
+  shadow: p,
+  bleed: c,
+  children: g,
+  ...h
+}) => (a === "card" && (t = "default", m = "page", p = "xs", c = !0), /* @__PURE__ */ i(H, { as: "header", theme: t, padding: m, shadow: p, bleed: c, spacing: 4, ...h, children: [
+  /* @__PURE__ */ i(n, { direction: "row", align: "center", spacing: 3, children: [
+    /* @__PURE__ */ r(y, { avatar: x, avatarGroup: d, icon: f, size: "xl" }),
+    /* @__PURE__ */ i(n, { direction: "col", children: [
+      /* @__PURE__ */ r(j, { size: l, children: s }),
+      o && /* @__PURE__ */ r(u, { size: "xs", children: o })
+    ] })
   ] }),
-  p
-] });
+  g,
+  e && /* @__PURE__ */ r(z, { ...e })
+] }));
 export {
-  I as PageHeader
+  D as PageHeader
 };

package/dist/components/Page/PageMenu.js

@@ -4,13 +4,13 @@ import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as n } from "../Menu/MenuItem.js";
+import { MenuItem as o } from "../Menu/MenuItem.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/PageMenu.css';const o = "_menu_1wsjl_1", l = "_list_1wsjl_6", a = "_item_1wsjl_29", e = {
-  menu: o,
-  list: l,
+import '../../assets/PageMenu.css';const l = "_menu_1wsjl_1", n = "_list_1wsjl_6", a = "_item_1wsjl_29", e = {
+  menu: l,
+  list: n,
   item: a
-}, N = ({ theme: m = "transparent", color: r, items: i = [] }) => /* @__PURE__ */ t("nav", { "data-theme": m, "data-color": r, className: e.menu, children: /* @__PURE__ */ t("ul", { className: e.list, children: i.map((s) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(n, { ...s, theme: m, className: e.item }) }, s.id)) }) });
+}, N = ({ theme: s, color: i, items: r = [] }) => /* @__PURE__ */ t("nav", { "data-theme": s, "data-color": i, className: e.menu, children: /* @__PURE__ */ t("ul", { className: e.list, children: r.map((m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(o, { ...m, className: e.item }) }, m.id)) }) });
 export {
   N as PageMenu
 };

package/dist/components/Page/PageTabs.js

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { MenuItem as o } from "../Menu/MenuItem.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/PageTabs.css';const a = "_menu_vbqbk_1", n = "_list_vbqbk_6", l = "_item_vbqbk_25", m = {
+  menu: a,
+  list: n,
+  item: l
+}, k = ({ theme: i, color: s, items: r = [] }) => /* @__PURE__ */ t("nav", { "data-theme": i, "data-color": s, className: m.tabs, children: /* @__PURE__ */ t("ul", { className: m.list, children: r.map((e) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(o, { ...e, className: m.item }) }, e.id)) }) });
+export {
+  k as PageTabs
+};

package/dist/components/Page/index.js

@@ -1,22 +1,24 @@
 import { PageBase as o } from "./PageBase.js";
 import { PageNav as t } from "./PageNav.js";
-import { PageMenu as f } from "./PageMenu.js";
-import { PageHeader as a } from "./PageHeader.js";
+import { PageMenu as a } from "./PageMenu.js";
+import { PageTabs as p } from "./PageTabs.js";
+import { PageHeader as P } from "./PageHeader.js";
 import { Article as d } from "./Article.js";
-import { Section as i } from "./Section.js";
+import { Section as s } from "./Section.js";
 import { Flex as n } from "./Flex.js";
-import { Grid as u } from "./Grid.js";
-import { Breadcrumbs as b } from "./Breadcrumbs.js";
-import { BreadcrumbsLink as k } from "./BreadcrumbsLink.js";
+import { Grid as B } from "./Grid.js";
+import { Breadcrumbs as k } from "./Breadcrumbs.js";
+import { BreadcrumbsLink as A } from "./BreadcrumbsLink.js";
 export {
   d as Article,
-  b as Breadcrumbs,
-  k as BreadcrumbsLink,
+  k as Breadcrumbs,
+  A as BreadcrumbsLink,
   n as Flex,
-  u as Grid,
+  B as Grid,
   o as PageBase,
-  a as PageHeader,
-  f as PageMenu,
+  P as PageHeader,
+  a as PageMenu,
   t as PageNav,
-  i as Section
+  p as PageTabs,
+  s as Section
 };

package/dist/components/RootProvider/RootProvider.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as c } from "react/jsx-runtime";
-import { createContext as d, useContext as u, useState as p } from "react";
+import { createContext as d, useState as u, useContext as p } from "react";
 import { useEscapeKey as I } from "../../hooks/useEscapeKey.js";
 import { SnackbarProvider as m } from "../Snackbar/useSnackbar.js";
 const x = {
   currentId: ""
 }, s = d(x), R = ({ children: o, initialValue: t }) => {
-  const [n, r] = p((t == null ? void 0 : t.currentId) || "");
+  const [n, r] = u((t == null ? void 0 : t.currentId) || "");
   return /* @__PURE__ */ c(
     s.Provider,
     {
@@ -18,7 +18,7 @@ const x = {
     }
   );
 }, a = () => {
-  const { currentId: o, setCurrentId: t } = u(s), n = (e) => t(o === e ? "" : e), r = () => {
+  const { currentId: o, setCurrentId: t } = p(s), n = (e) => t(o === e ? "" : e), r = () => {
     t("");
   };
   return I(r), {

package/dist/components/Searchbar/SearchField.js

@@ -1,9 +1,12 @@
 "use client";
-import { jsxs as b, jsx as c } from "react/jsx-runtime";
+import { jsxs as b, jsx as i } from "react/jsx-runtime";
 import { c as I } from "../../index-L8X2o7IH.js";
 import { useRef as N } from "react";
 import { Icon as g } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { IconButton as l } from "../Button/IconButton.js";
 import '../../assets/SearchField.css';const C = "_field_1y3oc_1", j = "_icon_1y3oc_10", K = "_input_1y3oc_17", S = "_dismiss_1y3oc_41", T = "_clear_1y3oc_47", s = {
   field: C,
@@ -11,33 +14,33 @@ import '../../assets/SearchField.css';const C = "_field_1y3oc_1", j = "_icon_1y3
   input: K,
   dismiss: S,
   clear: T
-}, O = ({
+}, A = ({
   className: m,
-  expanded: i,
+  expanded: c,
   name: p = "q",
-  value: t,
+  value: a,
   placeholder: u = "Søk",
   onFocus: d,
   onBlur: f,
   onChange: _,
   onClear: y,
   onClose: x,
-  onEnter: a,
+  onEnter: o,
   tabIndex: h
 }) => {
-  const o = N(null), k = (e) => {
+  const t = N(null), k = (e) => {
     var r, n;
-    e.key === "Escape" && ((r = o.current) == null || r.blur()), e.key === "Enter" && ((n = o.current) == null || n.blur(), a == null || a());
+    e.key === "Escape" && ((r = t.current) == null || r.blur()), e.key === "Enter" && ((n = t.current) == null || n.blur(), o == null || o());
   };
-  return /* @__PURE__ */ b("div", { className: I(s.field, m), "aria-expanded": i, children: [
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ b("div", { className: I(s.field, m), "aria-expanded": c, children: [
+    /* @__PURE__ */ i(
       "input",
       {
-        ref: o,
+        ref: t,
         onFocus: d,
         onBlur: f,
         name: p,
-        value: t,
+        value: a,
         onChange: _,
         placeholder: u,
         className: s.input,
@@ -46,12 +49,12 @@ import '../../assets/SearchField.css';const C = "_field_1y3oc_1", j = "_icon_1y3
         "aria-haspopup": !0,
         autoComplete: "off",
         "aria-autocomplete": "list",
-        "aria-expanded": i,
+        "aria-expanded": c,
         tabIndex: h ?? 0
       }
     ),
-    /* @__PURE__ */ c(g, { name: "magnifying-glass", className: s.icon }),
-    t && /* @__PURE__ */ c(
+    /* @__PURE__ */ i(g, { name: "magnifying-glass", className: s.icon }),
+    a && /* @__PURE__ */ i(
       l,
       {
         icon: "x-mark",
@@ -61,7 +64,7 @@ import '../../assets/SearchField.css';const C = "_field_1y3oc_1", j = "_icon_1y3
         onClick: y,
         dataTestId: "search-button-clear"
       }
-    ) || i && /* @__PURE__ */ c(
+    ) || c && /* @__PURE__ */ i(
       l,
       {
         icon: "x-mark",
@@ -74,5 +77,5 @@ import '../../assets/SearchField.css';const C = "_field_1y3oc_1", j = "_icon_1y3
   ] });
 };
 export {
-  O as SearchField
+  A as SearchField
 };

package/dist/components/Searchbar/Searchbar.js

@@ -1,8 +1,8 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { Autocomplete as f } from "../Autocomplete/Autocomplete.js";
-import "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { SearchField as s } from "./SearchField.js";

package/dist/components/Toolbar/Toolbar.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsxs as L, jsx as i } from "react/jsx-runtime";
+import { jsxs as k, jsx as i } from "react/jsx-runtime";
 import { useState as u, useMemo as T } from "react";
-import { useRootContext as k } from "../RootProvider/RootProvider.js";
+import { useRootContext as v } from "../RootProvider/RootProvider.js";
 import { ToolbarAccountMenu as B } from "./ToolbarAccountMenu.js";
 import { ToolbarAdd as M } from "./ToolbarAdd.js";
 import { ToolbarBase as V } from "./ToolbarBase.js";
@@ -17,7 +17,7 @@ const g = (n, l) => l || `toolbar-filter-${n}`, O = ({
   children: S,
   showResultsLabel: h
 }) => {
-  const { openId: x, closeAll: A } = k(), [C, I] = u(
+  const { openId: x, closeAll: A } = v(), [C, I] = u(
     l ?? {}
   ), c = typeof s == "function" ? s : I, t = l || C, [d, f] = u(
     (n == null ? void 0 : n.filter((o) => !(o.removable && typeof t[o.name] > "u")).map((o) => o.name)) ?? []
@@ -33,17 +33,17 @@ const g = (n, l) => l || `toolbar-filter-${n}`, O = ({
       [o]: e
     })) : c({
       ...t,
-      [o]: t[o] ? t[o].some((p) => e == null ? void 0 : e.includes(p)) ? t[o].filter((p) => !(e || []).includes(p)) : [...t[o], ...e || []] : e
+      [o]: t[o] ? t[o].some((p) => e == null ? void 0 : e.includes(p)) ? t[o].filter((p) => !e.includes(p)) : [...t[o], ...e] : e
     });
   }, j = (o) => {
     f((e) => e.filter((r) => r !== o)), c({
       ...t,
       [o]: void 0
     });
-  }, v = (o, e) => {
+  }, L = (o, e) => {
     f((r) => [...r, o]), x(e);
   };
-  return /* @__PURE__ */ L(V, { children: [
+  return /* @__PURE__ */ k(V, { children: [
     b && /* @__PURE__ */ i(B, { ...b }),
     m && /* @__PURE__ */ i(q, { ...m }),
     N.map((o) => /* @__PURE__ */ i(
@@ -78,7 +78,7 @@ const g = (n, l) => l || `toolbar-filter-${n}`, O = ({
             title: o.label,
             name: o.name,
             onClick: () => {
-              v(o.name, e);
+              L(o.name, e);
             }
           };
         })

package/dist/components/Transmission/TransmissionItem.js

@@ -4,8 +4,8 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { Typography as z } from "../Typography/Typography.js";
 import "../Autocomplete/AutocompleteBase.js";
-import "../RootProvider/RootProvider.js";
 import { ListItem as g } from "../List/ListItem.js";
+import "../RootProvider/RootProvider.js";
 import { MetaTimestamp as I } from "../Meta/MetaTimestamp.js";
 import "../Snackbar/useSnackbar.js";
 import { DialogAttachments as T } from "../Dialog/DialogAttachments.js";