@altinn/altinn-components 0.13.4 → 0.14.1

package/dist/components/Dialog/DialogListItem.js

@@ -1,101 +1,103 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import { DialogMetadata as y } from "./DialogMetadata.js";
-import { DialogByline as w } from "./DialogByline.js";
-import { Skeleton as C } from "../Skeleton/Skeleton.js";
-import { DialogSelect as E } from "./DialogSelect.js";
-import { DialogHeading as F } from "./DialogHeading.js";
+import { DialogMetadata as N } from "./DialogMetadata.js";
+import { DialogByline as E } from "./DialogByline.js";
+import { Skeleton as F } from "../Skeleton/Skeleton.js";
+import { DialogSelect as G } from "./DialogSelect.js";
+import { DialogHeading as J } from "./DialogHeading.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemBase as N } from "../List/ListItemBase.js";
-import { ListItemLink as u } from "../List/ListItemLink.js";
-import { ListItemLabel as G } from "../List/ListItemLabel.js";
+import { ListItemBase as b } from "../List/ListItemBase.js";
+import { ListItemLink as g } from "../List/ListItemLink.js";
+import { ListItemLabel as K } from "../List/ListItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogListItem.css';const J = "_link_17fc6_1", K = "_border_17fc6_22", O = "_select_17fc6_61", P = "_header_17fc6_68", Q = "_summary_17fc6_80", R = "_footer_17fc6_108", T = "_touchedBy_17fc6_112", e = {
-  link: J,
-  border: K,
-  select: O,
-  header: P,
-  summary: Q,
-  footer: R,
-  touchedBy: T
-}, mr = ({
-  size: r = "xl",
+import '../../assets/DialogListItem.css';const O = "_link_1gdsf_1", P = "_border_1gdsf_22", Q = "_select_1gdsf_61", R = "_header_1gdsf_68", U = "_summary_1gdsf_80", V = "_footer_1gdsf_108", W = "_touchedBy_1gdsf_112", t = {
+  link: O,
+  border: P,
+  select: Q,
+  header: R,
+  summary: U,
+  footer: V,
+  touchedBy: W
+}, de = ({
+  size: e = "xl",
   state: k = "normal",
-  loading: t,
-  select: s,
+  loading: o,
+  select: l,
+  selected: s,
   status: B,
-  sender: l,
-  recipient: b,
-  recipientLabel: x = "to",
-  recipientGroup: D = !1,
+  sender: d,
+  recipient: x,
+  recipientLabel: D = "to",
+  recipientGroup: L = !1,
   updatedAt: i,
-  updatedAtLabel: d,
-  archivedAt: n,
-  archivedAtLabel: L,
-  trashedAt: f,
-  trashedAtLabel: I,
-  label: S,
-  dueAt: j,
-  dueAtLabel: v,
-  seen: m = !1,
-  seenBy: g,
-  touchedBy: H,
-  attachmentsCount: M,
+  updatedAtLabel: n,
+  archivedAt: f,
+  archivedAtLabel: I,
+  trashedAt: h,
+  trashedAtLabel: S,
+  label: j,
+  dueAt: v,
+  dueAtLabel: H,
+  seen: c = !1,
+  seenBy: M,
+  touchedBy: T,
+  attachmentsCount: q,
   title: _,
-  description: h,
-  summary: p,
+  description: p,
+  summary: u,
+  theme: w,
   ...a
 }) => {
-  const q = f ? "trashed" : n ? "archived" : k;
-  return r === "xs" || r === "sm" || r === "md" ? /* @__PURE__ */ o(N, { ...a, size: r, children: /* @__PURE__ */ o(u, { ...a, size: r, className: e.link, children: /* @__PURE__ */ c("div", { className: e.border, "data-size": r, "data-seen": m, "data-loading": t, children: [
-    /* @__PURE__ */ o(G, { loading: t, size: r, title: _, description: p || h }),
-    /* @__PURE__ */ o(y, { loading: t, sender: l, updatedAt: i, updatedAtLabel: d })
-  ] }) }) }) : /* @__PURE__ */ c(N, { ...a, size: r, children: [
-    /* @__PURE__ */ o(u, { ...a, size: r, className: e.link, children: /* @__PURE__ */ c("div", { className: e.border, "data-size": r, "data-seen": m, "data-loading": t, children: [
-      /* @__PURE__ */ c("header", { className: e.header, "data-size": r, children: [
-        /* @__PURE__ */ o(F, { loading: t, size: r, state: q, label: S, seen: m, children: _ }),
-        /* @__PURE__ */ o(
-          w,
+  const C = h ? "trashed" : f ? "archived" : k, y = w || s ? "subtle" : "default";
+  return e === "xs" || e === "sm" || e === "md" ? /* @__PURE__ */ r(b, { ...a, size: e, selected: s, theme: y, children: /* @__PURE__ */ r(g, { ...a, size: e, className: t.link, children: /* @__PURE__ */ m("div", { className: t.border, "data-size": e, "data-seen": c, "data-loading": o, children: [
+    /* @__PURE__ */ r(K, { loading: o, size: e, title: _, description: u || p }),
+    /* @__PURE__ */ r(N, { loading: o, sender: d, updatedAt: i, updatedAtLabel: n })
+  ] }) }) }) : /* @__PURE__ */ m(b, { ...a, size: e, selected: s, theme: y, children: [
+    /* @__PURE__ */ r(g, { ...a, size: e, className: t.link, children: /* @__PURE__ */ m("div", { className: t.border, "data-size": e, "data-seen": c, "data-loading": o, children: [
+      /* @__PURE__ */ m("header", { className: t.header, "data-size": e, children: [
+        /* @__PURE__ */ r(J, { loading: o, size: e, state: C, label: j, seen: c, children: _ }),
+        /* @__PURE__ */ r(
+          E,
           {
             size: "xs",
-            loading: t,
-            sender: l,
-            recipient: b,
-            recipientLabel: x,
-            recipientGroup: D
+            loading: o,
+            sender: d,
+            recipient: x,
+            recipientLabel: D,
+            recipientGroup: L
           }
         ),
-        /* @__PURE__ */ o("p", { "data-size": r, className: e.summary, children: /* @__PURE__ */ o(C, { loading: t, children: p || h }) })
+        /* @__PURE__ */ r("p", { "data-size": e, className: t.summary, children: /* @__PURE__ */ r(F, { loading: o, children: u || p }) })
       ] }),
-      /* @__PURE__ */ o(
-        y,
+      /* @__PURE__ */ r(
+        N,
         {
-          className: e.footer,
-          loading: t,
+          className: t.footer,
+          loading: o,
           status: B,
           updatedAt: i,
-          updatedAtLabel: d,
-          archivedAt: n,
-          archivedAtLabel: L,
-          trashedAt: f,
-          trashedAtLabel: I,
-          dueAt: j,
-          dueAtLabel: v,
-          attachmentsCount: M,
-          seenBy: g,
+          updatedAtLabel: n,
+          archivedAt: f,
+          archivedAtLabel: I,
+          trashedAt: h,
+          trashedAtLabel: S,
+          dueAt: v,
+          dueAtLabel: H,
+          attachmentsCount: q,
+          seenBy: M,
           touchedBy: {
-            touchedBy: H,
-            className: e.touchedBy
+            touchedBy: T,
+            className: t.touchedBy
           }
         }
       )
     ] }) }),
-    s && /* @__PURE__ */ o(E, { className: e.select, ...s })
+    l && /* @__PURE__ */ r(G, { className: t.select, ...l })
   ] });
 };
 export {
-  mr as DialogListItem
+  de as DialogListItem
 };

package/dist/components/Dialog/DialogSection.js

@@ -1,16 +1,16 @@
-import { jsxs as o, jsx as m } from "react/jsx-runtime";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Heading as t } from "../Typography/Heading.js";
+import { Heading as m } from "../Typography/Heading.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as p } from "../Page/Section.js";
-const u = ({ title: r, children: i }) => i ? /* @__PURE__ */ o(p, { spacing: "md", margin: "md", children: [
-  r && /* @__PURE__ */ m(t, { size: "lg", children: r }),
+import { Section as n } from "../Page/Section.js";
+const x = ({ title: r, children: i }) => i ? /* @__PURE__ */ o(n, { spacing: 3, margin: "section", children: [
+  r && /* @__PURE__ */ t(m, { size: "lg", children: r }),
   i
 ] }) : null;
 export {
-  u as DialogSection
+  x as DialogSection
 };

package/dist/components/Dialog/DialogSeenBy.js

@@ -1,18 +1,22 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { MetaItem as c } from "../Meta/MetaItem.js";
+import { MetaItem as p } from "../Meta/MetaItem.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
-const x = ({
+const g = ({
   size: e = "xs",
   label: o = "Seen by label",
-  seenByEndUser: n = !1,
-  seenByOthersCount: t = 0,
-  onClick: m,
-  ...r
+  seenByEndUser: t = !1,
+  seenByOthersCount: r = 0,
+  onClick: s,
+  ...i
 }) => {
-  const i = n || t > 0 ? "eye" : "eye-closed";
-  return /* @__PURE__ */ s(c, { size: e, icon: i, ...r, children: o });
+  const m = t || r > 0 ? "eye" : "eye-closed";
+  return /* @__PURE__ */ n(p, { size: e, icon: m, ...i, children: o });
 };
 export {
-  x as DialogSeenBy
+  g as DialogSeenBy
 };

package/dist/components/Dialog/DialogSelect.js

@@ -1,15 +1,19 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { c as l } from "../../index-L8X2o7IH.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
-import { CheckboxIcon as a } from "../Icon/CheckboxIcon.js";
-import '../../assets/DialogSelect.css';const i = "_label_1hmuj_1", m = "_input_1hmuj_15", r = "_icon_1hmuj_20", o = {
-  label: i,
-  input: m,
-  icon: r
-}, x = ({ checked: t = !1, onChange: c, className: l }) => /* @__PURE__ */ n("label", { className: s(o.label, l), children: [
-  /* @__PURE__ */ e("input", { type: "checkbox", checked: t, onChange: c, className: o.input, tabIndex: -1 }),
-  /* @__PURE__ */ e(a, { hover: !0, checked: t, className: o.icon })
+import { CheckboxIcon as n } from "../Icon/CheckboxIcon.js";
+import '../../assets/DialogSelect.css';const p = "_label_p8gvr_1", s = "_input_p8gvr_15", a = "_icon_p8gvr_20", o = {
+  label: p,
+  input: s,
+  icon: a
+}, h = ({ checked: t = !1, onChange: e, className: i }) => /* @__PURE__ */ c("label", { className: l(o.label, i), children: [
+  /* @__PURE__ */ r("input", { type: "checkbox", checked: t, onChange: e, className: o.input, tabIndex: -1 }),
+  /* @__PURE__ */ r(n, { hover: !0, checked: t, className: o.icon })
 ] });
 export {
-  x as DialogSelect
+  h as DialogSelect
 };

package/dist/components/Dialog/DialogStatus.js

@@ -1,28 +1,32 @@
 import { jsx as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import { MetaItem as o } from "../Meta/MetaItem.js";
-import { MetaProgress as s } from "../Meta/MetaProgress.js";
+import { MetaProgress as p } from "../Meta/MetaProgress.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
-var c = /* @__PURE__ */ ((r) => (r.draft = "DRAFT", r.sent = "SENT", r.new = "NEW", r.completed = "COMPLETED", r["in-progress"] = "IN_PROGRESS", r["requires-attention"] = "REQUIRES_ATTENTION", r))(c || {});
-const m = ({ loading: r, size: i = "xs", value: e = "new", label: t }) => {
+var s = /* @__PURE__ */ ((r) => (r.draft = "DRAFT", r.sent = "SENT", r.new = "NEW", r.completed = "COMPLETED", r["in-progress"] = "IN_PROGRESS", r["requires-attention"] = "REQUIRES_ATTENTION", r))(s || {});
+const w = ({ loading: r, size: i = "xs", value: t = "new", label: e }) => {
   if (r)
     return null;
-  switch (e) {
+  switch (t) {
     case "new":
       return null;
     case "draft":
-      return /* @__PURE__ */ n(o, { size: i, variant: "dotted", children: t || e });
+      return /* @__PURE__ */ n(o, { size: i, variant: "dotted", children: e || t });
     case "requires-attention":
-      return /* @__PURE__ */ n(o, { variant: "solid", children: t || e });
+      return /* @__PURE__ */ n(o, { variant: "solid", children: e || t });
     case "in-progress":
-      return /* @__PURE__ */ n(s, { size: i, variant: "outline", progress: 75, children: t || e });
+      return /* @__PURE__ */ n(p, { size: i, variant: "outline", progress: 75, children: e || t });
     case "completed":
-      return /* @__PURE__ */ n(s, { size: i, variant: "outline", progress: 100, children: t || e });
+      return /* @__PURE__ */ n(p, { size: i, variant: "outline", progress: 100, children: e || t });
     default:
-      return /* @__PURE__ */ n(o, { size: i, variant: "outline", children: t || e });
+      return /* @__PURE__ */ n(o, { size: i, variant: "outline", children: e || t });
   }
 };
 export {
-  m as DialogStatus,
-  c as DialogStatusEnum
+  w as DialogStatus,
+  s as DialogStatusEnum
 };

package/dist/components/Dialog/DialogTimelineItem.js

@@ -6,14 +6,14 @@ import "../Icon/SvgIcon.js";
 import { Typography as s } from "../Typography/Typography.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { TransmissionItem as a } from "../Transmission/TransmissionItem.js";
-import { ListBase as c } from "../List/ListBase.js";
+import { TransmissionItem as c } from "../Transmission/TransmissionItem.js";
+import { ListBase as a } from "../List/ListBase.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineSection as d } from "../Timeline/TimelineSection.js";
-const u = ({ updatedAt: m, updatedAtLabel: o, summary: i, items: r }) => /* @__PURE__ */ e(d, { size: "xs", datetime: m, dateline: o, children: /* @__PURE__ */ n(s, { size: "md", children: [
+const k = ({ updatedAt: t, updatedAtLabel: o, summary: i, items: r }) => /* @__PURE__ */ e(d, { size: "xs", color: "neutral", datetime: t, dateline: o, children: /* @__PURE__ */ n(s, { size: "md", children: [
   i && /* @__PURE__ */ e("p", { children: i }),
-  r && /* @__PURE__ */ e(c, { theme: "global", children: r.map((t, p) => /* @__PURE__ */ l(a, { ...t, key: p })) })
+  r && /* @__PURE__ */ e(a, { children: r.map((m, p) => /* @__PURE__ */ l(c, { ...m, key: p, theme: "subtle" })) })
 ] }) });
 export {
-  u as DialogTimelineItem
+  k as DialogTimelineItem
 };

package/dist/components/Dialog/DialogTransmissions.js

@@ -1,17 +1,17 @@
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import { Toolbar as m } from "../Toolbar/Toolbar.js";
-import { Heading as p } from "../Typography/Heading.js";
+import { Heading as m } from "../Typography/Heading.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { TransmissionList as t } from "../Transmission/TransmissionList.js";
+import { TransmissionList as p } from "../Transmission/TransmissionList.js";
+import "../Icon/SvgIcon.js";
+import { Toolbar as t } from "../Toolbar/Toolbar.js";
 const u = ({ title: n = "Transmissions", items: r, toolbar: i }) => r != null && r.length ? /* @__PURE__ */ s("section", { children: [
-  /* @__PURE__ */ o(p, { as: "h2", size: "xs", children: n }),
-  i && /* @__PURE__ */ o(m, { ...i }),
-  /* @__PURE__ */ o(t, { items: r })
+  /* @__PURE__ */ o(m, { as: "h2", size: "xs", children: n }),
+  i && /* @__PURE__ */ o(t, { ...i }),
+  /* @__PURE__ */ o(p, { items: r })
 ] }) : null;
 export {
   u as DialogTransmissions

package/dist/components/Dialog/DraftDialog.js

@@ -1,23 +1,24 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Typography as h } from "../Typography/Typography.js";
+import { Typography as g } from "../Typography/Typography.js";
 import { Heading as B } from "../Typography/Heading.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import { DialogMetadata as P } from "./DialogMetadata.js";
 import { DialogActions as w } from "./DialogActions.js";
-import { DialogSection as t } from "./DialogSection.js";
-import { Avatar as H } from "../Avatar/Avatar.js";
-import { DialogAttachments as M } from "./DialogAttachments.js";
+import { DialogSection as d } from "./DialogSection.js";
+import { Avatar as F } from "../Avatar/Avatar.js";
+import { DialogAttachments as H } from "./DialogAttachments.js";
 import "../RootProvider/RootProvider.js";
-import { Byline as N } from "../Byline/Byline.js";
+import { Byline as M } from "../Byline/Byline.js";
 import "../Snackbar/useSnackbar.js";
-import { PageBase as T } from "../Page/PageBase.js";
-import { PageNav as k } from "../Page/PageNav.js";
-import { Article as q } from "../Page/Article.js";
-import { Section as s } from "../Page/Section.js";
-const a = ({
+import { PageBase as N } from "../Page/PageBase.js";
+import { PageNav as T } from "../Page/PageNav.js";
+import { Article as k } from "../Page/Article.js";
+import { Section as t } from "../Page/Section.js";
+import { Flex as q } from "../Page/Flex.js";
+const n = ({
   backButton: x,
   menu: o,
   updatedAt: y,
@@ -26,39 +27,39 @@ const a = ({
   dueAtLabel: A,
   status: S,
   title: u,
-  sender: l,
-  recipient: g,
+  sender: p,
+  recipient: h,
   recipientLabel: b = "to",
   summary: j = "Summary.",
   body: v,
-  actions: p = [],
-  attachments: d,
+  actions: l = [],
+  attachments: s,
   additionalInfo: m,
   contactInfo: e
-}) => /* @__PURE__ */ i(T, { color: "neutral", shadow: "xs", children: [
-  /* @__PURE__ */ r(k, { backButton: x, menu: o, children: /* @__PURE__ */ r(P, { status: S, dueAt: D, dueAtLabel: A }) }),
-  /* @__PURE__ */ i(q, { padding: "xl", spacing: "xl", children: [
-    /* @__PURE__ */ i(s, { as: "header", spacing: "md", children: [
-      /* @__PURE__ */ i(s, { align: "center", spacing: "md", children: [
-        /* @__PURE__ */ r(H, { size: "lg", ...l }),
-        /* @__PURE__ */ r(B, { size: "lg", children: u })
+}) => /* @__PURE__ */ i(N, { theme: "default", shadow: "xs", children: [
+  /* @__PURE__ */ r(T, { backButton: x, menu: o, padding: 2, children: /* @__PURE__ */ r(P, { status: S, dueAt: D, dueAtLabel: A }) }),
+  /* @__PURE__ */ i(k, { padding: "page", spacing: 6, children: [
+    /* @__PURE__ */ i(t, { as: "header", spacing: 3, children: [
+      /* @__PURE__ */ i(q, { align: "center", spacing: 3, children: [
+        /* @__PURE__ */ r(F, { size: "xl", ...p }),
+        /* @__PURE__ */ r(B, { size: "xl", children: u })
       ] }),
-      /* @__PURE__ */ i(N, { size: "md", datetime: y, children: [
-        /* @__PURE__ */ r("strong", { children: g == null ? void 0 : g.name }),
-        b + " " + (l == null ? void 0 : l.name) + ", ",
+      /* @__PURE__ */ i(M, { size: "md", datetime: y, children: [
+        /* @__PURE__ */ r("strong", { children: h == null ? void 0 : h.name }),
+        b + " " + (p == null ? void 0 : p.name) + ", ",
         z
       ] })
     ] }),
-    /* @__PURE__ */ r(s, { padding: "xl", spacing: "lg", style: { border: "1px solid", borderStyle: "dashed" }, children: /* @__PURE__ */ i(h, { size: "lg", children: [
+    /* @__PURE__ */ r(t, { padding: 6, spacing: 4, style: { border: "1px solid", borderStyle: "dashed" }, children: /* @__PURE__ */ i(g, { size: "lg", children: [
       /* @__PURE__ */ r("p", { children: j }),
       v,
-      d && /* @__PURE__ */ r(M, { ...d }),
-      (p == null ? void 0 : p.length) > 0 && /* @__PURE__ */ r(w, { items: p })
+      s && /* @__PURE__ */ r(H, { ...s }),
+      (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ r(w, { items: l })
     ] }) }),
-    m && /* @__PURE__ */ r(t, { title: m == null ? void 0 : m.title, children: /* @__PURE__ */ r(h, { size: "md", children: m == null ? void 0 : m.children }) }),
-    e && /* @__PURE__ */ r(t, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ r(h, { size: "md", children: e == null ? void 0 : e.children }) })
+    m && /* @__PURE__ */ r(d, { title: m == null ? void 0 : m.title, children: /* @__PURE__ */ r(g, { size: "md", children: m == null ? void 0 : m.children }) }),
+    e && /* @__PURE__ */ r(d, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ r(g, { size: "md", children: e == null ? void 0 : e.children }) })
   ] })
 ] });
 export {
-  a as DraftDialog
+  n as DraftDialog
 };

package/dist/components/Dropdown/DrawerBase.js

@@ -1,8 +1,18 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as d } from "../../index-L8X2o7IH.js";
-import '../../assets/DrawerBase.css';const n = "_drawer_1vx9q_1", o = {
-  drawer: n
-}, m = ({ placement: r = "inline", open: a = !1, className: e, children: s }) => /* @__PURE__ */ t("div", { className: d(o.drawer, e), "data-placement": r, "aria-expanded": a, children: s });
+import { jsx as d } from "react/jsx-runtime";
+import { c as s } from "../../index-L8X2o7IH.js";
+import '../../assets/DrawerBase.css';const o = "_drawer_1j8cu_1", c = {
+  drawer: o
+}, m = ({ placement: a = "inline", open: e = !1, className: r, children: t }) => /* @__PURE__ */ d(
+  "div",
+  {
+    className: s(c.drawer, r),
+    "data-placement": a,
+    "data-theme": "default",
+    "data-color": "neutral",
+    "aria-expanded": e,
+    children: t
+  }
+);
 export {
   m as DrawerBase
 };

package/dist/components/Dropdown/DrawerHeader.js

@@ -1,14 +1,18 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { c as a } from "../../index-L8X2o7IH.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
-import { IconButton as i } from "../Button/IconButton.js";
-import '../../assets/DrawerHeader.css';const l = "_header_18gf2_1", n = "_title_18gf2_13", e = {
-  header: l,
-  title: n
-}, f = ({ className: r, title: s, onClose: o }) => /* @__PURE__ */ a("header", { className: c(e.header, r), children: [
-  /* @__PURE__ */ t("h2", { className: e.title, children: s }),
-  /* @__PURE__ */ t(i, { size: "sm", icon: "x-mark", variant: "outline", onClick: o, className: e.close })
+import { IconButton as m } from "../Button/IconButton.js";
+import '../../assets/DrawerHeader.css';const c = "_header_15vfs_1", l = "_title_15vfs_13", e = {
+  header: c,
+  title: l
+}, v = ({ className: r, title: o, onClose: s }) => /* @__PURE__ */ i("header", { className: a(e.header, r), children: [
+  /* @__PURE__ */ t("h2", { className: e.title, children: o }),
+  /* @__PURE__ */ t(m, { size: "sm", icon: "x-mark", variant: "outline", onClick: s, className: e.close })
 ] });
 export {
-  f as DrawerHeader
+  v as DrawerHeader
 };

package/dist/components/Dropdown/DropdownBase.js

@@ -1,30 +1,33 @@
 import { jsx as s } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
-import { useRef as i } from "react";
+import { useRef as m } from "react";
 import { useClickOutside as c } from "../../hooks/useClickOutside.js";
-import '../../assets/DropdownBase.css';const m = "_dropdown_1igwp_1", w = "_drawer_1igwp_33", u = "_button_1igwp_33", l = {
-  dropdown: m,
-  drawer: w,
-  button: u
+import '../../assets/DropdownBase.css';const l = "_dropdown_yae8p_1", u = "_drawer_yae8p_31", f = "_button_yae8p_31", i = {
+  dropdown: l,
+  drawer: u,
+  button: f
 }, b = ({
-  placement: r = "left",
-  padding: t = !0,
+  placement: t = "left",
+  padding: a = !0,
   open: e = !1,
-  className: d,
-  children: n,
-  onClose: a
+  className: r,
+  children: d,
+  onClose: n
 }) => {
-  const o = i(null);
-  return c(o, a), /* @__PURE__ */ s(
+  const o = m(null);
+  return c(o, n), /* @__PURE__ */ s(
     "div",
     {
       ref: o,
-      className: p(l.dropdown, d),
-      "data-placement": r,
-      "data-padding": t,
+      className: p(i.dropdown, r),
+      "data-theme": "default",
+      "data-color": "neutral",
+      "data-shadow": "md",
+      "data-placement": t,
+      "data-padding": a,
       "aria-expanded": e,
       role: "menu",
-      children: n
+      children: d
     }
   );
 };

package/dist/components/Footer/FooterBase.js

@@ -1,12 +1,12 @@
-import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { jsx as s, jsxs as t } from "react/jsx-runtime";
 import { c } from "../../index-L8X2o7IH.js";
-import '../../assets/FooterBase.css';const i = "_footer_z2xgm_1", m = "_grid_z2xgm_13", o = {
+import '../../assets/FooterBase.css';const i = "_footer_ln3oe_1", n = "_grid_ln3oe_13", o = {
   footer: i,
-  grid: m
-}, n = ({ className: r, children: s }) => /* @__PURE__ */ t("footer", { className: c(o.footer, r), children: /* @__PURE__ */ e("div", { className: o.grid, children: [
-  s,
+  grid: n
+}, l = ({ className: r, children: e }) => /* @__PURE__ */ s("footer", { className: c(o.footer, r), children: /* @__PURE__ */ t("div", { className: o.grid, children: [
+  e,
   " "
 ] }) });
 export {
-  n as FooterBase
+  l as FooterBase
 };

package/dist/components/Footer/FooterMenu.js

@@ -1,12 +1,11 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as i } from "../../index-L8X2o7IH.js";
-import '../../assets/FooterMenu.css';const c = "_menu_3o631_1", r = "_list_3o631_7", m = "_item_3o631_28", _ = "_link_3o631_32", s = {
+import { c as l } from "../../index-L8X2o7IH.js";
+import '../../assets/FooterMenu.css';const c = "_menu_ptaj6_1", i = "_list_ptaj6_7", a = "_link_ptaj6_28", o = {
   menu: c,
-  list: r,
-  item: m,
-  link: _
-}, a = ({ as: t, className: e, title: o, ...l }) => /* @__PURE__ */ n(t || "a", { className: i(s.link, e), ...l, children: o }), k = ({ className: t, items: e = [] }) => /* @__PURE__ */ n("nav", { className: i(s.menu, t), children: /* @__PURE__ */ n("ul", { className: s.list, children: e.map((o) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(a, { ...o }) }, o.id)) }) });
+  list: i,
+  link: a
+}, m = ({ as: s, className: e, title: t, ...r }) => /* @__PURE__ */ n(s || "a", { className: l(o.link, e), ...r, children: t }), d = ({ className: s, items: e = [] }) => /* @__PURE__ */ n("nav", { className: l(o.menu, s), children: /* @__PURE__ */ n("ul", { className: o.list, children: e.map((t) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(m, { ...t }) }, t.id)) }) });
 export {
-  a as FooterLink,
-  k as FooterMenu
+  m as FooterLink,
+  d as FooterMenu
 };

package/dist/components/GlobalMenu/AccountButton.js

@@ -3,11 +3,11 @@ import { MenuItemBase as m } from "../Menu/MenuItemBase.js";
 import { MenuItemLabel as p } from "../Menu/MenuItemLabel.js";
 import { MenuItemMedia as s } from "../Menu/MenuItemMedia.js";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
+import "../Icon/SvgIcon.js";
 const j = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ? /* @__PURE__ */ r(m, { size: "lg", onClick: l, linkText: t, linkIcon: "chevron-right", as: "button", children: [
   /* @__PURE__ */ i(
     s,