@altinn/altinn-components 0.15.4 → 0.16.0

package/dist/components/Dialog/DialogTimelineItem.js

@@ -1,8 +1,7 @@
 "use client";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
 import { createElement as l } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import { TransmissionItem as s } from "../Transmission/TransmissionItem.js";
 import { ListBase as c } from "../List/ListBase.js";
@@ -10,10 +9,10 @@ import { Typography as a } from "../Typography/Typography.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineSection as d } from "../Timeline/TimelineSection.js";
-const k = ({ updatedAt: t, updatedAtLabel: o, summary: i, items: r }) => /* @__PURE__ */ e(d, { size: "xs", color: "neutral", datetime: t, dateline: o, children: /* @__PURE__ */ n(a, { size: "md", children: [
+const b = ({ updatedAt: t, updatedAtLabel: o, summary: i, items: r }) => /* @__PURE__ */ e(d, { size: "xs", color: "neutral", datetime: t, dateline: o, children: /* @__PURE__ */ p(a, { size: "md", children: [
   i && /* @__PURE__ */ e("p", { children: i }),
-  r && /* @__PURE__ */ e(c, { children: r.map((m, p) => /* @__PURE__ */ l(s, { ...m, key: p, theme: "subtle" })) })
+  r && /* @__PURE__ */ e(c, { children: r.map((m, n) => /* @__PURE__ */ l(s, { ...m, key: n, theme: "subtle" })) })
 ] }) });
 export {
-  k as DialogTimelineItem
+  b as DialogTimelineItem
 };

package/dist/components/Dialog/DialogTransmissions.js

@@ -6,13 +6,12 @@ import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Heading as m } from "../Typography/Heading.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: [
+const g = ({ title: n = "Transmissions", items: r, toolbar: i }) => r != null && r.length ? /* @__PURE__ */ s("section", { children: [
   /* @__PURE__ */ o(m, { as: "h2", size: "xs", children: n }),
   i && /* @__PURE__ */ o(t, { ...i }),
   /* @__PURE__ */ o(p, { items: r })
 ] }) : null;
 export {
-  u as DialogTransmissions
+  g as DialogTransmissions
 };

package/dist/components/Dialog/SeenByLog.js

@@ -1,6 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MetaTimestamp as n } from "../Meta/MetaTimestamp.js";
@@ -8,8 +7,8 @@ import { ListItem as s } from "../List/ListItem.js";
 import { ListBase as c } from "../List/ListBase.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const A = ({ items: r, endUserLabel: o = "you" }) => /* @__PURE__ */ i(c, { spacing: "xs", children: r == null ? void 0 : r.map((m) => {
-  const { id: e, seenAt: p, seenAtLabel: a, seenBy: t } = m;
+const v = ({ items: r, endUserLabel: o = "you" }) => /* @__PURE__ */ i(c, { spacing: "xs", children: r == null ? void 0 : r.map((e) => {
+  const { id: m, seenAt: a, seenAtLabel: p, seenBy: t } = e;
   return /* @__PURE__ */ i(
     s,
     {
@@ -19,11 +18,11 @@ const A = ({ items: r, endUserLabel: o = "you" }) => /* @__PURE__ */ i(c, { spac
       title: t == null ? void 0 : t.name,
       description: t != null && t.isEndUser ? o : "",
       linkIcon: null,
-      badge: /* @__PURE__ */ i(n, { datetime: p, children: a })
+      badge: /* @__PURE__ */ i(n, { datetime: a, children: p })
     },
-    e
+    m
   );
 }) });
 export {
-  A as SeenByLog
+  v as SeenByLog
 };

package/dist/components/Dropdown/DrawerBase.js

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

package/dist/components/Dropdown/DrawerButton.js

@@ -1,6 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import { ButtonBase as m } from "../Button/ButtonBase.js";
 import { ButtonLabel as n } from "../Button/ButtonLabel.js";
@@ -9,7 +8,7 @@ import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DrawerButton.css';const s = "_button_19v2d_1", e = {
   button: s
-}, _ = ({ label: o, children: r, onClick: i }) => /* @__PURE__ */ t(m, { variant: "solid", size: "md", className: e.button, onClick: i, children: /* @__PURE__ */ t(n, { size: "md", children: r || o }) });
+}, f = ({ label: o, children: r, onClick: i }) => /* @__PURE__ */ t(m, { variant: "solid", size: "md", className: e.button, onClick: i, children: /* @__PURE__ */ t(n, { size: "md", children: r || o }) });
 export {
-  _ as DrawerButton
+  f as DrawerButton
 };

package/dist/components/Dropdown/DrawerHeader.js

@@ -1,18 +1,28 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { c as a } from "../../index-L8X2o7IH.js";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
 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: [
+import { S as l } from "../../XMark-Bv1I87Ev.js";
+import '../../assets/DrawerHeader.css';const n = "_header_15vfs_1", p = "_title_15vfs_13", e = {
+  header: n,
+  title: p
+}, j = ({ className: r, title: o, onClose: s, closeIconAltText: i = "Close icon" }) => /* @__PURE__ */ a("header", { className: c(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 })
+  /* @__PURE__ */ t(
+    m,
+    {
+      size: "sm",
+      icon: l,
+      variant: "outline",
+      onClick: s,
+      className: e.close,
+      iconAltText: i
+    }
+  )
 ] });
 export {
-  v as DrawerHeader
+  j as DrawerHeader
 };

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -1,6 +1,5 @@
 import { jsxs as e, Fragment as a, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { DropdownBase as l } from "./DropdownBase.js";
@@ -12,10 +11,10 @@ import { DrawerButton as D } from "./DrawerButton.js";
 import { DrawerBody as w } from "./DrawerBody.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DrawerOrDropdown.css';const _ = "_dropdown_1mzzo_1", k = "_drawer_1mzzo_5", s = {
+import '../../assets/DrawerOrDropdown.css';const _ = "_dropdown_oo71i_1", k = "_drawer_oo71i_5", s = {
   dropdown: _,
   drawer: k
-}, A = ({
+}, z = ({
   open: m = !1,
   onClose: i,
   drawerButton: r,
@@ -31,5 +30,5 @@ import '../../assets/DrawerOrDropdown.css';const _ = "_dropdown_1mzzo_1", k = "_
   ] })
 ] });
 export {
-  A as DrawerOrDropdown
+  z as DrawerOrDropdown
 };

package/dist/components/Dropdown/DropdownBase.js

@@ -1,38 +1,36 @@
-import { jsx as w } from "react/jsx-runtime";
-import { c as u } from "../../index-L8X2o7IH.js";
-import { useRef as c } from "react";
-import { useClickOutside as l } from "../../hooks/useClickOutside.js";
-import '../../assets/DropdownBase.css';const m = "_dropdown_1wuga_1", _ = "_dropdownExpanded_1wuga_5", f = "_drawer_1wuga_31", i = "_button_1wuga_31", d = {
-  dropdown: m,
-  dropdownExpanded: _,
-  drawer: f,
-  button: i
-}, h = ({
+import { jsx as s } from "react/jsx-runtime";
+import { c as m } from "../../index-L8X2o7IH.js";
+import { useRef as p } from "react";
+import { useClickOutside as c } from "../../hooks/useClickOutside.js";
+import '../../assets/DropdownBase.css';const l = "_dropdown_1hh2v_1", u = "_drawer_1hh2v_31", f = "_button_1hh2v_31", w = {
+  dropdown: l,
+  drawer: u,
+  button: f
+}, x = ({
   placement: t = "left",
-  padding: a = !0,
+  padding: d = !0,
   open: r = !1,
-  className: n,
+  className: a,
   children: e,
-  onClose: s
+  onClose: n
 }) => {
-  const o = c(null);
-  l(o, s);
-  const p = u(d.dropdown, n, r && d.dropdownExpanded);
-  return /* @__PURE__ */ w(
+  const o = p(null);
+  return c(o, n), /* @__PURE__ */ s(
     "div",
     {
       ref: o,
-      className: p,
+      className: m(w.dropdown, a),
       "data-theme": "default",
       "data-color": "neutral",
       "data-shadow": "md",
       "data-placement": t,
-      "data-padding": a,
+      "data-padding": d,
       role: "menu",
+      "data-expanded": r,
       children: e
     }
   );
 };
 export {
-  h as DropdownBase
+  x as DropdownBase
 };

package/dist/components/GlobalMenu/AccountButton.js

@@ -7,8 +7,8 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
-const b = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ? /* @__PURE__ */ r(m, { size: "lg", onClick: l, linkText: t, linkIcon: "chevron-right", as: "button", children: [
+import { S as g } from "../../ChevronRight-DUaHaWi-.js";
+const j = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ? /* @__PURE__ */ r(m, { size: "lg", onClick: l, linkText: t, linkIcon: g, as: "button", children: [
   /* @__PURE__ */ i(
     s,
     {
@@ -34,5 +34,5 @@ const b = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ?
   /* @__PURE__ */ i(p, { size: "lg", title: e == null ? void 0 : e.name, description: e == null ? void 0 : e.description })
 ] });
 export {
-  b as AccountButton
+  j as AccountButton
 };

package/dist/components/GlobalMenu/AccountMenu.js

@@ -2,12 +2,11 @@
 import { jsx as v } from "react/jsx-runtime";
 import { useState as y } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Menu as L } from "../Menu/Menu.js";
-const M = (d) => `${d} hits`, R = ({
+const M = (d) => `${d} hits`, G = ({
   accounts: d = [],
   accountGroups: C = {},
   accountSearch: s,
@@ -23,8 +22,8 @@ const M = (d) => `${d} hits`, R = ({
     ...(e == null ? void 0 : e.accountNames) && {
       avatarGroup: {
         size: "sm",
-        items: e.accountNames.map((l) => ({
-          name: l,
+        items: e.accountNames.map((r) => ({
+          name: r,
           type: e.type
         }))
       }
@@ -39,15 +38,15 @@ const M = (d) => `${d} hits`, R = ({
     badge: e.badge,
     alertBadge: e.alertBadge,
     onClick: () => m == null ? void 0 : m(e.id || e.name)
-  })), [i, g] = y(""), r = i ? t.filter((e) => {
-    var l;
-    return (l = e == null ? void 0 : e.title) == null ? void 0 : l.toLowerCase().includes(i.toLowerCase());
+  })), [i, g] = y(""), l = i ? t.filter((e) => {
+    var r;
+    return (r = e == null ? void 0 : e.title) == null ? void 0 : r.toLowerCase().includes(i.toLowerCase());
   }).map((e) => ({
     ...e,
     groupId: "search"
   })) : t, I = i ? {
     search: {
-      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, r.length)) ?? M(r.length)
+      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, l.length)) ?? M(l.length)
     }
   } : C, b = {
     name: "account-search",
@@ -56,7 +55,7 @@ const M = (d) => `${d} hits`, R = ({
     onChange: (e) => g(e.target.value),
     onClear: () => g("")
   }, h = [
-    ...r.length > 0 ? r : [{ id: "search", groupId: "search", hidden: !0 }]
+    ...l.length > 0 ? l : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
   return /* @__PURE__ */ v(
     L,
@@ -69,5 +68,5 @@ const M = (d) => `${d} hits`, R = ({
   );
 };
 export {
-  R as AccountMenu
+  G as AccountMenu
 };

package/dist/components/GlobalMenu/BackButton.js

@@ -1,12 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuItem as m } from "../Menu/MenuItem.js";
-const f = ({ label: o, onClick: t, as: r }) => /* @__PURE__ */ i(m, { size: "sm", id: "back", icon: "arrow-undo", title: o, onClick: t, as: r });
+import { MenuItem as i } from "../Menu/MenuItem.js";
+import { S as p } from "../../ArrowRedo-BYz1MHxK.js";
+const k = ({ label: o, onClick: r, as: t }) => /* @__PURE__ */ m(i, { size: "sm", id: "back", icon: p, title: o, onClick: r, as: t });
 export {
-  f as BackButton
+  k as BackButton
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,8 +1,7 @@
 "use client";
-import { jsxs as n, jsx as r, Fragment as T } from "react/jsx-runtime";
+import { jsxs as a, jsx as r, Fragment as T } from "react/jsx-runtime";
 import { useState as j, useMemo as A } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import { AccountMenu as F } from "./AccountMenu.js";
 import { AccountButton as L } from "./AccountButton.js";
@@ -10,10 +9,10 @@ import { BackButton as H } from "./BackButton.js";
 import { LogoutButton as I } from "./LogoutButton.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuListItem as a } from "../Menu/MenuBase.js";
+import { MenuListItem as m } from "../Menu/MenuBase.js";
 import { Menu as h } from "../Menu/Menu.js";
 import { GlobalMenuBase as l, GlobalMenuHeader as g, GlobalMenuFooter as W } from "./GlobalMenuBase.js";
-const U = ({
+const S = ({
   accounts: c = [],
   accountGroups: M = {},
   accountSearch: k,
@@ -26,10 +25,10 @@ const U = ({
   onClose: e,
   logoutButton: s
 }) => {
-  const [x, G] = j(!1), m = () => {
+  const [x, G] = j(!1), n = () => {
     G((t) => !t);
   }, v = (t) => {
-    m(), e == null || e(), o == null || o(t);
+    n(), e == null || e(), o == null || o(t);
   }, d = A(() => p.map((t) => ({
     ...t,
     onClick: () => {
@@ -37,9 +36,9 @@ const U = ({
       (f = t.onClick) == null || f.call(t), e == null || e();
     }
   })), [p, e]);
-  return x ? /* @__PURE__ */ n(l, { children: [
-    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(H, { onClick: m, label: B }) }),
-    /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
+  return x ? /* @__PURE__ */ a(l, { children: [
+    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(H, { onClick: n, label: B }) }),
+    /* @__PURE__ */ r(m, { as: "div", role: "separator" }),
     /* @__PURE__ */ r(
       F,
       {
@@ -50,24 +49,24 @@ const U = ({
         onSelectAccount: v
       }
     )
-  ] }) : i ? /* @__PURE__ */ n(l, { children: [
+  ] }) : i ? /* @__PURE__ */ a(l, { children: [
     /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
       L,
       {
         account: i,
         linkText: b,
         multipleAccounts: c.length > 1,
-        onClick: m
+        onClick: n
       }
     ) }),
-    /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
+    /* @__PURE__ */ r(m, { as: "div", role: "separator" }),
     /* @__PURE__ */ r(h, { groups: u, items: d, theme: "default" }),
-    s && /* @__PURE__ */ n(T, { children: [
-      /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
+    s && /* @__PURE__ */ a(T, { children: [
+      /* @__PURE__ */ r(m, { as: "div", role: "separator" }),
       /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(I, { ...s }) })
     ] })
   ] }) : /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(h, { groups: u, items: d }) });
 };
 export {
-  U as GlobalMenu
+  S as GlobalMenu
 };

package/dist/components/GlobalMenu/GlobalMenuBase.js

@@ -1,12 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
-import '../../assets/GlobalMenuBase.css';const a = "_nav_1sg75_1", t = "_footer_1sg75_6", n = "_drawer_1sg75_14", s = "_dropdown_1sg75_20", r = {
+import { jsx as r } from "react/jsx-runtime";
+import '../../assets/GlobalMenuBase.css';const a = "_nav_1hlpr_1", t = "_footer_1hlpr_6", n = "_drawer_1hlpr_14", s = "_dropdown_1hlpr_20", e = {
   nav: a,
   footer: t,
   drawer: n,
   dropdown: s
-}, _ = ({ children: o }) => /* @__PURE__ */ e("nav", { className: r.nav, "data-theme": "default", children: o }), c = ({ children: o }) => /* @__PURE__ */ e("header", { className: r.header, children: o }), l = ({ children: o }) => /* @__PURE__ */ e("footer", { className: r.footer, children: o });
+}, d = ({ children: o }) => /* @__PURE__ */ r("nav", { className: e.nav, "data-theme": "default", children: o }), _ = ({ children: o }) => /* @__PURE__ */ r("header", { className: e.header, children: o }), c = ({ children: o }) => /* @__PURE__ */ r("footer", { className: e.footer, children: o });
 export {
-  _ as GlobalMenuBase,
-  l as GlobalMenuFooter,
-  c as GlobalMenuHeader
+  d as GlobalMenuBase,
+  c as GlobalMenuFooter,
+  _ as GlobalMenuHeader
 };

package/dist/components/GlobalMenu/LogoutButton.js

@@ -6,11 +6,10 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
 import '../../assets/LogoutButton.css';const i = "_button_1260s_1", m = "_label_1260s_5", o = {
   button: i,
   label: m
-}, L = ({ label: r = "Logout", children: l, onClick: e }) => /* @__PURE__ */ t(n, { className: o.button, variant: "outline", size: "lg", onClick: e, children: /* @__PURE__ */ t(s, { className: o.label, size: "lg", children: l || r }) });
+}, f = ({ label: l = "Logout", children: r, onClick: e }) => /* @__PURE__ */ t(n, { className: o.button, variant: "outline", size: "lg", onClick: e, children: /* @__PURE__ */ t(s, { className: o.label, size: "lg", children: r || l }) });
 export {
-  L as LogoutButton
+  f as LogoutButton
 };

package/dist/components/Header/Header.js

@@ -1,34 +1,33 @@
 "use client";
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { DropdownBase as g } from "../Dropdown/DropdownBase.js";
 import "../../index-L8X2o7IH.js";
 import { DrawerBase as x } from "../Dropdown/DrawerBase.js";
 import "react";
 import { useRootContext as C } from "../RootProvider/RootProvider.js";
-import { GlobalMenu as p } from "../GlobalMenu/GlobalMenu.js";
+import { GlobalMenu as t } from "../GlobalMenu/GlobalMenu.js";
 import { HeaderBase as H } from "./HeaderBase.js";
 import { HeaderLogo as _ } from "./HeaderLogo.js";
 import { HeaderButton as b } from "./HeaderButton.js";
-import { Searchbar as v } from "../Search/Searchbar.js";
+import { Searchbar as y } from "../Search/Searchbar.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
-import { HeaderMenu as y } from "./HeaderMenu.js";
-import { HeaderSearch as B } from "./HeaderSearch.js";
-import '../../assets/Header.css';const N = "_drawer_ft5v3_1", S = "_dropdown_ft5v3_5", n = {
-  drawer: N,
-  dropdown: S
-}, O = ({ search: s, menu: r, currentAccount: a, logo: l = {}, badge: i }) => {
-  const { currentId: o, toggleId: d, openId: c, closeAll: t } = C(), h = () => {
+import { HeaderMenu as B } from "./HeaderMenu.js";
+import { HeaderSearch as N } from "./HeaderSearch.js";
+import '../../assets/Header.css';const S = "_drawer_d2s9o_1", I = "_dropdown_d2s9o_5", s = {
+  drawer: S,
+  dropdown: I
+}, K = ({ search: d, menu: r, currentAccount: a, logo: l = {}, badge: i }) => {
+  const { currentId: o, toggleId: n, openId: c, closeAll: m } = C(), h = () => {
     c("search");
   }, f = () => {
-    d("search");
+    n("search");
   }, w = () => {
-    d("menu");
+    n("menu");
   };
-  return /* @__PURE__ */ m(H, { currentId: o, open: o === "search" || o === "menu", onClose: t, children: [
-    /* @__PURE__ */ e(_, { ...l, className: n.logo }),
-    /* @__PURE__ */ m(y, { className: n.menu, children: [
+  return /* @__PURE__ */ p(H, { currentId: o, open: o === "search" || o === "menu", onClose: m, children: [
+    /* @__PURE__ */ e(_, { ...l, className: s.logo }),
+    /* @__PURE__ */ p(B, { className: s.menu, children: [
       /* @__PURE__ */ e(
         b,
         {
@@ -44,12 +43,12 @@ import '../../assets/Header.css';const N = "_drawer_ft5v3_1", S = "_dropdown_ft5
           label: r == null ? void 0 : r.menuLabel
         }
       ),
-      r && /* @__PURE__ */ e(g, { padding: !0, placement: "right", open: o === "menu", className: n.dropdown, children: /* @__PURE__ */ e(p, { ...r, currentAccount: a, onClose: t }) })
+      r && /* @__PURE__ */ e(g, { padding: !0, placement: "right", open: o === "menu", className: s.dropdown, children: /* @__PURE__ */ e(t, { ...r, currentAccount: a, onClose: m }) })
     ] }),
-    s && /* @__PURE__ */ e(B, { expanded: o === "search", children: /* @__PURE__ */ e(v, { ...s, expanded: o === "search", onClose: f, onFocus: h }) }),
-    r && /* @__PURE__ */ e(x, { open: o === "menu", className: n.drawer, children: /* @__PURE__ */ e(p, { ...r, currentAccount: a }) })
+    d && /* @__PURE__ */ e(N, { expanded: o === "search", children: /* @__PURE__ */ e(y, { ...d, expanded: o === "search", onClose: f, onFocus: h }) }),
+    r && /* @__PURE__ */ e(x, { open: o === "menu", className: s.drawer, children: /* @__PURE__ */ e(t, { ...r, currentAccount: a }) })
   ] });
 };
 export {
-  O as Header
+  K as Header
 };

package/dist/components/Header/HeaderBase.js

@@ -1,6 +1,5 @@
 import { jsxs as d, jsx as s } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Backdrop as m } from "../Dropdown/Backdrop.js";
@@ -9,10 +8,10 @@ import "../Snackbar/useSnackbar.js";
 import '../../assets/HeaderBase.css';const i = "_header_5ao8r_1", n = "_backdrop_5ao8r_11", r = {
   header: i,
   backdrop: n
-}, j = ({ currentId: o, className: a, children: e, open: t, onClose: c }) => /* @__PURE__ */ d("header", { className: p(r.header, a), "data-color": "neutral", "data-current-id": o, children: [
+}, u = ({ currentId: o, className: a, children: e, open: t, onClose: c }) => /* @__PURE__ */ d("header", { className: p(r.header, a), "data-color": "neutral", "data-current-id": o, children: [
   t && /* @__PURE__ */ s(m, { className: r.backdrop, onClick: c }),
   e
 ] });
 export {
-  j as HeaderBase
+  u as HeaderBase
 };