@altinn/altinn-components 0.27.0 → 0.28.0

package/dist/components/Menu/MenuItem.js

@@ -1,69 +1,50 @@
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { jsxs as M, jsx as t } from "react/jsx-runtime";
 import { MenuItemBase as b } from "./MenuItemBase.js";
-import { MenuItemLabel as j } from "./MenuItemLabel.js";
+import { MenuItemLabel as g } from "./MenuItemLabel.js";
 import { MenuItemIcon as k } from "./MenuItemIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as C } from "../../ChevronUp-H8Nuww4h.js";
-import { S as L } from "../../ChevronDown-CRAwzuD3.js";
-const w = {
-  xs: "sm",
-  sm: "sm",
-  md: "md",
-  lg: "xl"
-}, J = ({
+import { S as L, a as S } from "../../ChevronUp-C09jxB5F.js";
+const F = ({
   as: n = "a",
   size: o = "md",
-  color: i,
-  theme: e,
-  collapsible: m,
-  expanded: r,
+  color: e,
+  theme: a,
+  collapsible: r,
+  expanded: m,
   icon: p,
-  iconTheme: c,
-  iconBadge: s,
-  avatar: a,
-  avatarGroup: I,
-  title: l,
-  description: f,
-  badge: S,
-  linkText: u,
-  linkIcon: M,
-  label: h,
-  ...v
-}) => {
-  const x = m && r ? C : m ? L : M, d = w[o];
-  return /* @__PURE__ */ g(
-    b,
-    {
-      as: n,
-      size: o,
-      theme: e,
-      badge: S,
-      linkText: u,
-      linkIcon: x,
-      color: i,
-      expanded: r,
-      ...v,
-      children: [
-        /* @__PURE__ */ t(
-          k,
-          {
-            size: d,
-            icon: p,
-            iconTheme: c,
-            iconBadge: s,
-            avatar: a,
-            avatarGroup: I
-          }
-        ),
-        /* @__PURE__ */ t(j, { title: l, description: f, size: o, children: h })
-      ]
-    }
-  );
-};
+  iconTheme: i,
+  iconBadge: c,
+  avatar: d,
+  avatarGroup: j,
+  title: I,
+  description: u,
+  badge: v,
+  linkText: f,
+  linkIcon: h,
+  label: l,
+  ...s
+}) => /* @__PURE__ */ M(
+  b,
+  {
+    as: n,
+    size: o,
+    theme: a,
+    badge: v,
+    linkText: f,
+    linkIcon: r && m ? L : r ? S : h,
+    color: e,
+    expanded: m,
+    ...s,
+    children: [
+      /* @__PURE__ */ t(k, { size: o, icon: p, theme: i, badge: c }),
+      /* @__PURE__ */ t(g, { title: I, description: u, size: o, children: l })
+    ]
+  }
+);
 export {
-  J as MenuItem
+  F as MenuItem
 };

package/dist/components/Menu/MenuItemBase.js

@@ -4,7 +4,7 @@ import { Icon as v } from "../Icon/Icon.js";
 import "react";
 import { Badge as T } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuItemBase.css';const B = "_item_1ejie_1", E = "_content_1ejie_45", k = "_action_1ejie_53", z = "_linkText_1ejie_60", M = "_linkIcon_1ejie_65", e = {
   item: B,

package/dist/components/Menu/MenuItemIcon.js

@@ -1,26 +1,26 @@
-import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { isValidElement as n } from "react";
+import { Icon as s, isIconProps as u } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { IconOrAvatar as _ } from "../Icon/IconOrAvatar.js";
-import "react";
-import { Badge as a } from "../Badge/Badge.js";
+import { isAvatarProps as f, Avatar as g } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as l, AvatarGroup as d } from "../Avatar/AvatarGroup.js";
+import { Badge as c } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemIcon.css';const l = "_icon_1mqh2_1", b = "_badge_1mqh2_9", e = {
-  icon: l,
-  badge: b
-}, q = ({
-  size: i,
-  icon: o,
-  iconTheme: c,
-  iconBadge: m,
-  avatar: t,
-  avatarGroup: r,
-  children: s
-}) => !o && !t && !r && !s ? null : /* @__PURE__ */ p("span", { className: e.icon, children: [
-  s || /* @__PURE__ */ n(_, { size: i, icon: o, iconTheme: c, avatar: t, avatarGroup: r }),
-  m && /* @__PURE__ */ n(a, { ...m, className: e.badge })
-] });
+import { S as _ } from "../../XMark-Bv1I87Ev.js";
+import '../../assets/MenuItemIcon.css';const b = "_icon_c8ubg_1", v = "_avatarGroup_c8ubg_32", G = "_badge_c8ubg_36", o = {
+  icon: b,
+  avatarGroup: v,
+  badge: G
+};
+function N(t) {
+  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || n(t);
+}
+const z = ({ loading: t, size: p, icon: r, theme: e, badge: m }) => r ? t ? /* @__PURE__ */ a(s, { className: o.icon, svgElement: _, loading: !0 }) : /* @__PURE__ */ i("div", { className: o.icon, "data-size": p, children: [
+  f(r) && /* @__PURE__ */ a(g, { ...r }) || l(r) && /* @__PURE__ */ a(d, { ...r, className: o.avatarGroup }) || u(r) && /* @__PURE__ */ a(s, { ...r, theme: (r == null ? void 0 : r.theme) || e }) || N(r) && r || /* @__PURE__ */ a(s, { theme: e, svgElement: r }),
+  m && /* @__PURE__ */ a(c, { ...m, className: o.badge })
+] }) : null;
 export {
-  q as MenuItemIcon
+  z as MenuItemIcon
 };

package/dist/components/Menu/MenuItems.js

@@ -8,7 +8,7 @@ import { MenuItem as H } from "./MenuItem.js";
 import { MenuSearch as K } from "./MenuSearch.js";
 import { MenuHeader as S } from "./MenuHeader.js";
 import { MenuList as _, MenuListItem as c } from "./MenuBase.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const $ = ({
   level: h = 0,

package/dist/components/Menu/MenuItemsVirtual.js

@@ -9,7 +9,7 @@ import { MenuItem as $ } from "./MenuItem.js";
 import { MenuSearch as j } from "./MenuSearch.js";
 import { MenuHeader as k } from "./MenuHeader.js";
 import { MenuList as N, MenuListItem as g } from "./MenuBase.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_12fdc_1", B = "_virtualMenuListItem_12fdc_6", y = {
   virtualScrollRef: q,

package/dist/components/Menu/MenuOption.js

@@ -4,7 +4,7 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import { MenuItemBase as f } from "./MenuItemBase.js";
 import { MenuItemLabel as x } from "./MenuItemLabel.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { CheckboxIcon as N } from "../Icon/CheckboxIcon.js";
 import { RadioIcon as g } from "../Icon/RadioIcon.js";

package/dist/components/Menu/MenuSearch.js

@@ -4,7 +4,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { IconButton as l } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as p } from "../../MagnifyingGlass-DWIcpwS4.js";
 import { S as u } from "../../XMark-Bv1I87Ev.js";

package/dist/components/Metadata/MetaItem.js

@@ -0,0 +1,24 @@
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { MetaItemBase as I } from "./MetaItemBase.js";
+import { MetaItemIcon as f } from "./MetaItemIcon.js";
+import { MetaItemLabel as M } from "./MetaItemLabel.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+const L = ({
+  loading: t,
+  reverse: p,
+  size: m = "xs",
+  variant: r = "text",
+  icon: o,
+  children: i,
+  ...s
+}) => /* @__PURE__ */ x(I, { loading: t, reverse: p, variant: r, size: m, ...s, children: [
+  !t && o && /* @__PURE__ */ e(f, { icon: o }),
+  /* @__PURE__ */ e(M, { variant: r, size: m, children: i })
+] });
+export {
+  L as MetaItem
+};

package/dist/components/Metadata/MetaItemIcon.js

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

package/dist/components/Metadata/MetaProgress.js

@@ -0,0 +1,16 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { MetaItemBase as i } from "./MetaItemBase.js";
+import { MetaItemIcon as s } from "./MetaItemIcon.js";
+import { MetaItemLabel as x } from "./MetaItemLabel.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+const d = ({ size: t = "xs", variant: r = "text", progress: m = 0, children: e }) => /* @__PURE__ */ p(i, { variant: r, size: t, children: [
+  /* @__PURE__ */ o(s, { size: t, progress: m }),
+  /* @__PURE__ */ o(x, { variant: r, size: t, children: e })
+] });
+export {
+  d as MetaProgress
+};

package/dist/components/Metadata/MetaTimestamp.js

@@ -0,0 +1,23 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { MetaItemBase as a } from "./MetaItemBase.js";
+import { MetaItemIcon as x } from "./MetaItemIcon.js";
+import { MetaItemLabel as f } from "./MetaItemLabel.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+const B = ({
+  loading: m,
+  size: t = "xs",
+  variant: r = "text",
+  datetime: p,
+  icon: o,
+  children: i
+}) => /* @__PURE__ */ s(a, { loading: m, as: "time", variant: r, datetime: p, size: t, children: [
+  !m && o && /* @__PURE__ */ e(x, { size: t, icon: o }),
+  /* @__PURE__ */ e(f, { variant: r, size: t, children: i })
+] });
+export {
+  B as MetaTimestamp
+};

package/dist/components/{Meta → Metadata}/Metadata.js

@@ -5,7 +5,7 @@ import "../RootProvider/RootProvider.js";
 import { MetaItem as n } from "./MetaItem.js";
 import { MetaProgress as p } from "./MetaProgress.js";
 import { MetaTimestamp as a } from "./MetaTimestamp.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as c } from "../Page/Flex.js";
 const s = ({ type: e = "default", label: r, ...i }) => {

package/dist/components/Metadata/index.js

@@ -0,0 +1,19 @@
+import { MetaBase as o } from "./MetaBase.js";
+import { MetaItemBase as a } from "./MetaItemBase.js";
+import { MetaItemIcon as p } from "./MetaItemIcon.js";
+import { MetaItemLabel as f } from "./MetaItemLabel.js";
+import { MetaItem as s } from "./MetaItem.js";
+import { MetaProgress as i } from "./MetaProgress.js";
+import { MetaTimestamp as L } from "./MetaTimestamp.js";
+import { MetaListItem as c, Metadata as d } from "./Metadata.js";
+export {
+  o as MetaBase,
+  s as MetaItem,
+  a as MetaItemBase,
+  p as MetaItemIcon,
+  f as MetaItemLabel,
+  c as MetaListItem,
+  i as MetaProgress,
+  L as MetaTimestamp,
+  d as Metadata
+};

package/dist/components/Page/AccordionSection.js

@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Typography as n } from "../Typography/Typography.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { PageDetails as c } from "./PageDetails.js";
 import { Section as e } from "./Section.js";

package/dist/components/Page/Breadcrumbs.js

@@ -1,23 +1,42 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { Icon as e } from "../Icon/Icon.js";
+"use client";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { Icon as f } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import "react";
+import * as c from "react";
+import { forwardRef as p } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { BreadcrumbsLink as c } from "./BreadcrumbsLink.js";
-import { S as a } from "../../ArrowRight-OLgmLkGy.js";
-import '../../assets/Breadcrumbs.css';const p = "_list_tknjf_1", _ = "_item_tknjf_12", f = "_icon_tknjf_18", o = {
-  list: p,
-  item: _,
-  icon: f
-}, B = ({ items: t = [] }) => /* @__PURE__ */ r("ul", { className: o.list, children: t.map((m, i) => {
-  const { label: s, ...n } = m;
-  return (t == null ? void 0 : t.length) > i + 1 ? /* @__PURE__ */ l("li", { className: o.item, children: [
-    /* @__PURE__ */ r(c, { ...n, children: s }),
-    /* @__PURE__ */ r(e, { svgElement: a, className: o.icon })
-  ] }, i) : /* @__PURE__ */ r("li", { className: o.item, children: /* @__PURE__ */ r(c, { ...n, as: "span", children: s }) }, i);
+import { BreadcrumbsLink as s } from "./BreadcrumbsLink.js";
+import { u as d } from "../../useId-CsCRkvK3.js";
+import '../../assets/Breadcrumbs.css';var u = function(e, n) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
+      n.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (r[t[l]] = e[t[l]]);
+  return r;
+};
+const h = p((e, n) => {
+  var { title: r, titleId: t } = e, l = u(e, ["title", "titleId"]);
+  let i = d();
+  return i = r ? t || "title-" + i : void 0, c.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": i }, l),
+    r ? c.createElement("title", { id: i }, r) : null,
+    c.createElement("path", { fill: "currentColor", d: "M14.087 6.874a.752.752 0 0 0-.117 1.156l3.22 3.22H5a.75.75 0 0 0 0 1.5h12.19l-3.22 3.22a.75.75 0 0 0 1.06 1.06l4.5-4.5a.75.75 0 0 0 0-1.06l-4.5-4.5a.75.75 0 0 0-.943-.096" })
+  );
+}), b = "_list_tknjf_1", g = "_item_tknjf_12", _ = "_icon_tknjf_18", a = {
+  list: b,
+  item: g,
+  icon: _
+}, N = ({ items: e = [] }) => /* @__PURE__ */ o("ul", { className: a.list, children: e.map((n, r) => {
+  const { label: t, ...l } = n;
+  return (e == null ? void 0 : e.length) > r + 1 ? /* @__PURE__ */ m("li", { className: a.item, children: [
+    /* @__PURE__ */ o(s, { ...l, children: t }),
+    /* @__PURE__ */ o(f, { svgElement: h, className: a.icon })
+  ] }, r) : /* @__PURE__ */ o("li", { className: a.item, children: /* @__PURE__ */ o(s, { ...l, as: "span", children: t }) }, r);
 }) });
 export {
-  B as Breadcrumbs
+  N as Breadcrumbs
 };

package/dist/components/Page/ContactButtons.js

@@ -3,7 +3,7 @@ import { createElement as i } from "react";
 import "../../index-L8X2o7IH.js";
 import { Button as e } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as n } from "./Flex.js";
 const B = ({ items: t }) => /* @__PURE__ */ m(n, { spacing: 2, children: t.map((r, o) => /* @__PURE__ */ i(e, { ...r, variant: "outline", key: o })) });

package/dist/components/Page/ContactSection.js

@@ -4,7 +4,7 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import { Typography as a } from "../Typography/Typography.js";
 import { Heading as s } from "../Typography/Heading.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as g } from "./Section.js";
 import { ContactButtons as h } from "./ContactButtons.js";

package/dist/components/Page/Flex.js

@@ -1,44 +1,46 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c as _ } from "../../index-L8X2o7IH.js";
-import '../../assets/Flex.css';const b = "_flex_165ub_1", h = {
-  flex: b
-}, y = ({
+import { jsx as b } from "react/jsx-runtime";
+import { c as h } from "../../index-L8X2o7IH.js";
+import '../../assets/Flex.css';const j = "_flex_144b4_1", u = {
+  flex: j
+}, C = ({
   as: a = "div",
   color: t,
-  theme: e = "transparent",
-  shadow: n = "none",
-  direction: o = "row",
-  reverse: d = !1,
-  align: s = "initial",
-  justify: i = "initial",
-  spacing: r,
-  padding: l,
-  margin: c,
-  bleed: f = !1,
-  className: m,
-  style: p,
-  children: x,
-  ...g
-}) => /* @__PURE__ */ u(
+  size: e,
+  theme: n = "transparent",
+  shadow: o = "none",
+  direction: d = "row",
+  reverse: s = !1,
+  align: i = "initial",
+  justify: r = "initial",
+  spacing: l,
+  padding: c,
+  margin: f,
+  bleed: m = !1,
+  className: p,
+  style: x,
+  children: g,
+  ..._
+}) => /* @__PURE__ */ b(
   a,
   {
-    className: _(h.flex, m),
-    style: p,
+    className: h(u.flex, p),
+    style: x,
+    "data-size": e,
     "data-color": t,
-    "data-theme": e,
-    "data-shadow": n,
-    "data-direction": o,
-    "data-reverse": d,
-    "data-align": s,
-    "data-justify": i,
-    "data-spacing": r,
-    "data-padding": l,
-    "data-margin": c,
-    "data-bleed": f,
-    ...g,
-    children: x
+    "data-theme": n,
+    "data-shadow": o,
+    "data-direction": d,
+    "data-reverse": s,
+    "data-align": i,
+    "data-justify": r,
+    "data-spacing": l,
+    "data-padding": c,
+    "data-margin": f,
+    "data-bleed": m,
+    ..._,
+    children: g
   }
 );
 export {
-  y as Flex
+  C as Flex
 };

package/dist/components/Page/Grid.js

@@ -1,6 +1,6 @@
 import { jsx as g } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
-import '../../assets/Grid.css';const l = "_grid_bc7lq_1", f = {
+import '../../assets/Grid.css';const l = "_grid_alo99_1", f = {
   grid: l
 }, C = ({
   as: a = "div",
@@ -11,14 +11,14 @@ import '../../assets/Grid.css';const l = "_grid_bc7lq_1", f = {
   spacing: s,
   padding: e,
   margin: n,
-  className: c,
-  style: i,
+  className: i,
+  style: c,
   children: m
 }) => /* @__PURE__ */ g(
   a,
   {
-    className: p(f.grid, c),
-    style: i,
+    className: p(f.grid, i),
+    style: c,
     "data-theme": t,
     "data-color": o,
     "data-cols": r,

package/dist/components/Page/PageHeader.js

@@ -2,56 +2,54 @@ import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { ListItemIcon as j } from "../List/ListItemIcon.js";
-import { Typography as y } from "../Typography/Typography.js";
-import { Heading as H } from "../Typography/Heading.js";
-import "../Search/AutocompleteBase.js";
+import { ListItemIcon as z } from "../List/ListItemIcon.js";
+import { Typography as P } from "../Typography/Typography.js";
+import { Heading as j } from "../Typography/Heading.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as m } from "./Flex.js";
-import { PageNav as I } from "./PageNav.js";
-import { PageTabs as T } from "./PageTabs.js";
-import { Section as F } from "./Section.js";
-const R = ({
+import { PageNav as y } from "./PageNav.js";
+import { PageTabs as H } from "./PageTabs.js";
+import { Section as I } from "./Section.js";
+const K = ({
   variant: g,
   size: f = "xl",
-  title: x,
+  title: t,
   description: o,
-  icon: t,
-  avatar: h,
-  avatarGroup: s,
+  icon: a,
   tabs: e,
   theme: l,
-  padding: a,
+  padding: x,
   shadow: c,
   bleed: d,
   breadcrumbs: n,
   backButton: p,
-  controls: L,
-  children: z,
-  ...P
-}) => (g === "card" && (l = "default", a = "page", c = "xs", d = !0), g === "card" ? /* @__PURE__ */ i(F, { as: "header", theme: l, shadow: c, bleed: d, ...P, children: [
-  (p || n) && /* @__PURE__ */ r(I, { backButton: p, breadcrumbs: n, padding: 2 }),
+  controls: T,
+  children: h,
+  ...s
+}) => (g === "card" && (l = "default", x = "page", c = "xs", d = !0), g === "card" ? /* @__PURE__ */ i(I, { as: "header", theme: l, shadow: c, bleed: d, ...s, children: [
+  (p || n) && /* @__PURE__ */ r(y, { backButton: p, breadcrumbs: n, padding: 2 }),
   /* @__PURE__ */ i(m, { direction: "row", align: "center", padding: "page", spacing: 3, children: [
-    /* @__PURE__ */ r(j, { avatar: h, avatarGroup: s, icon: t, size: "xl" }),
+    /* @__PURE__ */ r(z, { icon: a, size: "xl" }),
     /* @__PURE__ */ i(m, { direction: "col", children: [
-      /* @__PURE__ */ r(H, { size: f, children: x }),
-      o && /* @__PURE__ */ r(y, { size: "xs", children: o })
+      /* @__PURE__ */ r(j, { size: f, children: t }),
+      o && /* @__PURE__ */ r(P, { size: "xs", children: o })
     ] })
   ] }),
-  z,
-  e && /* @__PURE__ */ r(T, { ...e, padding: 2 })
-] }) : /* @__PURE__ */ i(F, { as: "header", theme: l, shadow: c, bleed: d, ...P, children: [
-  (p || n) && /* @__PURE__ */ r(I, { backButton: p, breadcrumbs: n }),
-  /* @__PURE__ */ i(m, { direction: "row", align: "center", padding: a, spacing: 3, children: [
-    /* @__PURE__ */ r(j, { avatar: h, avatarGroup: s, icon: t, size: "xl" }),
+  h,
+  e && /* @__PURE__ */ r(H, { ...e, padding: 2 })
+] }) : /* @__PURE__ */ i(I, { as: "header", theme: l, shadow: c, bleed: d, ...s, children: [
+  (p || n) && /* @__PURE__ */ r(y, { backButton: p, breadcrumbs: n }),
+  /* @__PURE__ */ i(m, { direction: "row", align: "center", padding: x, spacing: 3, children: [
+    /* @__PURE__ */ r(z, { icon: a, size: "xl" }),
     /* @__PURE__ */ i(m, { direction: "col", children: [
-      /* @__PURE__ */ r(H, { size: f, children: x }),
-      o && /* @__PURE__ */ r(y, { size: "xs", children: o })
+      /* @__PURE__ */ r(j, { size: f, children: t }),
+      o && /* @__PURE__ */ r(P, { size: "xs", children: o })
     ] })
   ] }),
-  z,
-  e && /* @__PURE__ */ r(T, { ...e })
+  h,
+  e && /* @__PURE__ */ r(H, { ...e })
 ] }));
 export {
-  R as PageHeader
+  K as PageHeader
 };

package/dist/components/Page/PageMenu.js

@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as n } from "../Menu/MenuItem.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/PageMenu.css';const o = "_menu_13em0_1", l = "_list_13em0_6", a = "_item_13em0_29", e = {
   menu: o,