@altinn/altinn-components 0.36.0 → 0.36.1

package/dist/components/Icon/IconOrAvatar.js

@@ -1,33 +1,32 @@
-import { jsx as o } from "react/jsx-runtime";
-import { isValidElement as p } from "react";
-import { Icon as n } from "./Icon.js";
+import { jsx as e } from "react/jsx-runtime";
+import { isValidElement as f } from "react";
+import { Icon as a } from "./Icon.js";
 import "../../index-L8X2o7IH.js";
-import { Avatar as f } from "../Avatar/Avatar.js";
+import { Avatar as p } from "../Avatar/Avatar.js";
 import { AvatarGroup as c } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as l } from "../../XMark-DIqxCTTQ.js";
-import '../../assets/IconOrAvatar.css';const u = "_icon_1ez59_1", _ = "_avatar_1ez59_2", v = "_avatarGroup_1ez59_6", e = {
+import '../../assets/IconOrAvatar.css';const u = "_icon_1ez59_1", _ = "_avatar_1ez59_2", v = "_avatarGroup_1ez59_6", o = {
   icon: u,
   avatar: _,
   avatarGroup: v
 };
 function g(r) {
-  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || p(r);
+  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || f(r);
 }
-const N = (r) => r.svgElement !== void 0 || r.iconUrl !== void 0, S = ({ loading: r, size: i, icon: t, iconTheme: a, avatar: s, avatarGroup: m }) => {
-  if (!t && !s && !m)
+const N = (r) => r.svgElement !== void 0 || r.iconUrl !== void 0, x = ({ loading: r, size: i, icon: t, iconTheme: m, avatar: s, avatarGroup: n }) => {
+  if (!t && !s && !n)
     return null;
   if (r)
-    return /* @__PURE__ */ o(n, { className: e.icon, svgElement: l, loading: !0 });
+    return /* @__PURE__ */ e(a, { className: o.icon, svgElement: l, loading: !0 });
   if (t)
-    return N(t) ? /* @__PURE__ */ o(n, { className: e.icon, theme: t.theme || a, ...t }) : g(t) ? t : /* @__PURE__ */ o(n, { className: e.icon, svgElement: t, theme: a });
+    return N(t) ? /* @__PURE__ */ e(a, { className: o.icon, theme: t.theme || m, ...t }) : g(t) ? t : /* @__PURE__ */ e(a, { className: o.icon, svgElement: t, theme: m });
   if (s)
-    return /* @__PURE__ */ o(f, { ...s, size: s.size || i, className: e.avatar });
-  if (m)
-    return /* @__PURE__ */ o(c, { ...m, className: e.avatarGroup });
+    return /* @__PURE__ */ e(p, { ...s, size: s.size || i, className: o.avatar });
+  if (n)
+    return /* @__PURE__ */ e(c, { ...n, className: o.avatarGroup });
 };
 export {
-  S as IconOrAvatar
+  x as IconOrAvatar
 };

package/dist/components/Layout/Layout.js

@@ -10,13 +10,12 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { useRootContext as C } from "../RootProvider/RootProvider.js";
 import { Menu as F } from "../Menu/Menu.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const E = ({ color: n, theme: c = "subtle", header: u, footer: l, sidebar: o, content: t = {}, children: f }) => {
-  const { currentId: r } = C();
-  return /* @__PURE__ */ p(y, { color: n, theme: c, currentId: r, children: [
+const D = ({ color: r, theme: c = "subtle", header: u, footer: l, sidebar: o, content: t = {}, children: f }) => {
+  const { currentId: n } = C();
+  return /* @__PURE__ */ p(y, { color: r, theme: c, currentId: n, children: [
     u && /* @__PURE__ */ m(B, { ...u }),
-    /* @__PURE__ */ p(h, { currentId: r, children: [
+    /* @__PURE__ */ p(h, { currentId: n, children: [
       o && /* @__PURE__ */ p(x, { hidden: o == null ? void 0 : o.hidden, color: o == null ? void 0 : o.color, ...o, children: [
         (o == null ? void 0 : o.menu) && /* @__PURE__ */ m(F, { ...o == null ? void 0 : o.menu }),
         o == null ? void 0 : o.children
@@ -27,5 +26,5 @@ const E = ({ color: n, theme: c = "subtle", header: u, footer: l, sidebar: o, co
   ] });
 };
 export {
-  E as Layout
+  D as Layout
 };

package/dist/components/LayoutAction/ActionHeader.js

@@ -4,35 +4,34 @@ import "react";
 import { IconButton as c } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import { Heading as l } from "../Typography/Heading.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as p } from "../../XMark-DIqxCTTQ.js";
-import '../../assets/ActionHeader.css';const h = "_header_f05a9_1", _ = "_title_f05a9_38", f = "_dismiss_f05a9_44", t = {
-  header: h,
+import { S as h } from "../../XMark-DIqxCTTQ.js";
+import '../../assets/ActionHeader.css';const p = "_header_f05a9_1", _ = "_title_f05a9_38", f = "_dismiss_f05a9_44", s = {
+  header: p,
   title: _,
   dismiss: f
-}, H = ({
-  color: s,
+}, C = ({
+  color: t,
   theme: i,
-  hidden: r = !1,
-  title: a,
+  hidden: a = !1,
+  title: r,
   dismissable: o = !0,
   dismissIconAltText: m = "Close",
   onDismiss: d
-}) => /* @__PURE__ */ n("header", { className: t.header, "aria-hidden": r, "data-color": s, "data-theme": i, children: [
-  /* @__PURE__ */ e(l, { size: "sm", className: t.title, children: a }),
+}) => /* @__PURE__ */ n("header", { className: s.header, "aria-hidden": a, "data-color": t, "data-theme": i, children: [
+  /* @__PURE__ */ e(l, { size: "sm", className: s.title, children: r }),
   o && /* @__PURE__ */ e(
     c,
     {
-      icon: p,
-      color: s,
+      icon: h,
+      color: t,
       variant: "solid",
       onClick: d,
-      className: t.dismiss,
+      className: s.dismiss,
       iconAltText: m
     }
   )
 ] });
 export {
-  H as ActionHeader
+  C as ActionHeader
 };

package/dist/components/LayoutAction/LayoutAction.js

@@ -2,13 +2,12 @@ import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { LayoutBase as s } from "../Layout/LayoutBase.js";
 import { ActionHeader as f } from "./ActionHeader.js";
 import { ActionFooter as u } from "./ActionFooter.js";
 import "../Snackbar/useSnackbar.js";
 import { PageMenu as x } from "../Page/PageMenu.js";
-const H = ({
+const F = ({
   color: r = "accent",
   theme: t = "base",
   hidden: i,
@@ -33,5 +32,5 @@ const H = ({
   /* @__PURE__ */ o(u, { hidden: i, children: m && /* @__PURE__ */ o(x, { ...m, theme: t, color: r }) })
 ] });
 export {
-  H as LayoutAction
+  F as LayoutAction
 };

package/dist/components/List/List.js

@@ -2,13 +2,12 @@ import { jsx as l } from "react/jsx-runtime";
 import { createElement as c } from "react";
 import { c as p } from "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { ListItem as n } from "./ListItem.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as a } from "../Page/Flex.js";
 import '../../assets/List.css';const f = "_list_14rag_1", x = {
   list: f
-}, k = ({ children: r, className: o, spacing: i, items: m = [], ...s }) => /* @__PURE__ */ l(a, { direction: "col", as: "ul", spacing: i, className: p(x.list, o), ...s, children: r || m.map((t, e) => /* @__PURE__ */ c(n, { ...t, key: `item-${t.id ?? e}` })) });
+}, j = ({ children: r, className: o, spacing: i, items: m = [], ...s }) => /* @__PURE__ */ l(a, { direction: "col", as: "ul", spacing: i, className: p(x.list, o), ...s, children: r || m.map((t, e) => /* @__PURE__ */ c(n, { ...t, key: `item-${t.id ?? e}` })) });
 export {
-  k as List
+  j as List
 };

package/dist/components/List/ListBase.js

@@ -2,10 +2,9 @@ import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as p } from "../Page/Flex.js";
-const u = ({ size: o, spacing: r = 2, children: t, ...i }) => /* @__PURE__ */ m(p, { direction: "col", spacing: r, size: o, as: "ul", ...i, children: t });
+const f = ({ size: o, spacing: r = 2, children: t, ...i }) => /* @__PURE__ */ m(p, { direction: "col", spacing: r, size: o, as: "ul", ...i, children: t });
 export {
-  u as List
+  f as List
 };

package/dist/components/List/ListItemHeader.js

@@ -4,7 +4,6 @@ import { useId as B, isValidElement as E } from "react";
 import { Icon as w } from "../Icon/Icon.js";
 import { Badge as A } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { ListItemLink as D } from "./ListItemLink.js";
 import { ListItemLabel as H } from "./ListItemLabel.js";
 import { ListItemIcon as R } from "./ListItemIcon.js";
@@ -40,12 +39,12 @@ import '../../assets/ListItemHeader.css';const K = "_header_1689z_1", M = "_labe
   icon: S,
   active: l,
   badge: r,
-  controls: m,
+  controls: c,
   className: x,
   children: y,
-  ariaLabel: c
+  ariaLabel: m
 }) => {
-  const d = I ? v ? q : G : k ? J : void 0, C = () => r && !o && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(A, { ...r, className: t.badge }) : E(r) ? r : null, F = c !== void 0 ? c : typeof s == "string" ? s : void 0, j = B();
+  const d = I ? v ? q : G : k ? J : void 0, C = () => r && !o && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(A, { ...r, className: t.badge }) : E(r) ? r : null, F = m !== void 0 ? m : typeof s == "string" ? s : void 0, j = B();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -88,7 +87,7 @@ import '../../assets/ListItemHeader.css';const K = "_header_1689z_1", M = "_labe
           }
         ),
         /* @__PURE__ */ i(U, { className: t.controls, children: [
-          m && !o && /* @__PURE__ */ e("span", { children: m }),
+          c && !o && /* @__PURE__ */ e("span", { children: c }),
           C(),
           d && /* @__PURE__ */ e("span", { className: t.linkIcon, children: /* @__PURE__ */ e(
             w,

package/dist/components/List/ListItemIcon.js

@@ -6,7 +6,6 @@ import { isAvatarProps as v, Avatar as l } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as f, AvatarGroup as _ } from "../Avatar/AvatarGroup.js";
 import { Badge as u } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as N } from "../../XMark-DIqxCTTQ.js";
 import '../../assets/ListItemIcon.css';const d = "_wrapper_rcjve_1", g = "_icon_rcjve_11", j = "_avatar_rcjve_19", G = "_avatarGroup_rcjve_23", t = {
@@ -18,10 +17,10 @@ import '../../assets/ListItemIcon.css';const d = "_wrapper_rcjve_1", g = "_icon_
 function w(a) {
   return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || n(a);
 }
-const B = ({ loading: a, size: m, icon: r, theme: e, badge: p }) => r ? a ? /* @__PURE__ */ o(s, { className: t.wrapper, svgElement: N, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
+const z = ({ loading: a, size: m, icon: r, theme: e, badge: p }) => r ? a ? /* @__PURE__ */ o(s, { className: t.wrapper, svgElement: N, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
   v(r) && /* @__PURE__ */ o(l, { ...r, className: t.avatar }) || f(r) && /* @__PURE__ */ o(_, { ...r, className: t.avatarGroup }) || c(r) && /* @__PURE__ */ o(s, { ...r, theme: r.theme || e, className: t.icon }) || w(r) && r || /* @__PURE__ */ o(s, { theme: e, svgElement: r, className: t.icon }),
   p && /* @__PURE__ */ o(u, { ...p, className: t.badge })
 ] }) : null;
 export {
-  B as ListItemIcon
+  z as ListItemIcon
 };

package/dist/components/List/ListItemLabel.js

@@ -3,7 +3,6 @@ import { c as x } from "../../index-L8X2o7IH.js";
 import { isValidElement as _ } from "react";
 import "../RootProvider/RootProvider.js";
 import { Heading as e } from "../Typography/Heading.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/ListItemLabel.css';const g = "_label_1b76c_1", y = {
   label: g
@@ -33,29 +32,30 @@ const d = (r) => {
     ...s,
     children: r
   } : null;
-}, I = ({
+}, F = ({
   loading: r = !1,
   size: s,
   title: n,
-  value: p,
-  description: c,
+  value: c,
+  description: p,
   children: o,
   id: l,
   className: a
 }) => {
-  if (n && p) {
-    const f = n && d(n), u = p && h(p);
+  if (n && c) {
+    const m = n && d(n), u = c && h(c);
     return /* @__PURE__ */ t("span", { className: x(y.label, a), id: l, "data-size": s, children: o || /* @__PURE__ */ b(P, { children: [
-      f && /* @__PURE__ */ t(e, { ...f, loading: r }),
+      m && /* @__PURE__ */ t(e, { ...m, loading: r }),
       u && /* @__PURE__ */ t(e, { ...u, loading: r })
     ] }) });
   }
-  const i = n && d(n), m = c && h(c);
+  const i = n && d(n), f = p && h(p);
   return /* @__PURE__ */ t("span", { className: x(y.label, a), id: l, "data-size": s, children: o || /* @__PURE__ */ b(P, { children: [
     i && /* @__PURE__ */ t(e, { ...i, loading: r }),
-    m && /* @__PURE__ */ t(e, { ...m, loading: r })
+    f && /* @__PURE__ */ t(e, { ...f, loading: r })
   ] }) });
 };
 export {
-  I as ListItemLabel
+  F as ListItemLabel,
+  j as isHeadingProps
 };

package/dist/components/List/ListItemSelect.js

@@ -2,17 +2,16 @@ import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { c as r } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Label as l } from "../Forms/Label.js";
 import { Input as n } from "../Forms/Input.js";
 import '../../assets/ListItemSelect.css';const i = "_select_kfgnl_1", m = "_checkbox_kfgnl_19", t = {
   select: i,
   checkbox: m
-}, y = ({ className: o, ...c }) => /* @__PURE__ */ s(l, { className: r(t.select, o), children: [
-  /* @__PURE__ */ e(n, { type: "checkbox", ...c, className: t.checkbox }),
+}, _ = ({ className: c, ...o }) => /* @__PURE__ */ s(l, { className: r(t.select, c), children: [
+  /* @__PURE__ */ e(n, { type: "checkbox", ...o, className: t.checkbox }),
   /* @__PURE__ */ e("span", { style: { position: "absolute", opacity: 0, pointerEvents: "none" }, children: "Select" })
 ] });
 export {
-  y as ListItemSelect
+  _ as ListItemSelect
 };

package/dist/components/List/index.js

@@ -1,20 +1,21 @@
 import { ListItemBase as o } from "./ListItemBase.js";
 import { ListItemLink as m } from "./ListItemLink.js";
-import { ListItemHeader as L } from "./ListItemHeader.js";
-import { ListItemLabel as f } from "./ListItemLabel.js";
-import { ListItemIcon as x } from "./ListItemIcon.js";
-import { ListItemControls as a } from "./ListItemControls.js";
-import { ListItemSelect as n } from "./ListItemSelect.js";
-import { ListItem as b } from "./ListItem.js";
-import { List as k } from "./List.js";
+import { ListItemHeader as i } from "./ListItemHeader.js";
+import { ListItemLabel as p, isHeadingProps as f } from "./ListItemLabel.js";
+import { ListItemIcon as I } from "./ListItemIcon.js";
+import { ListItemControls as n } from "./ListItemControls.js";
+import { ListItemSelect as c } from "./ListItemSelect.js";
+import { ListItem as H } from "./ListItem.js";
+import { List as g } from "./List.js";
 export {
-  k as List,
-  b as ListItem,
+  g as List,
+  H as ListItem,
   o as ListItemBase,
-  a as ListItemControls,
-  L as ListItemHeader,
-  x as ListItemIcon,
-  f as ListItemLabel,
+  n as ListItemControls,
+  i as ListItemHeader,
+  I as ListItemIcon,
+  p as ListItemLabel,
   m as ListItemLink,
-  n as ListItemSelect
+  c as ListItemSelect,
+  f as isHeadingProps
 };

package/dist/components/Menu/MenuItem.js

@@ -6,35 +6,34 @@ import "../RootProvider/RootProvider.js";
 import { MenuItemBase as b } from "./MenuItemBase.js";
 import { MenuItemLabel as y } from "./MenuItemLabel.js";
 import { MenuItemIcon as C } from "./MenuItemIcon.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as _, a as j } from "../../ChevronUp-DR4Lz2Jb.js";
 import { S as w } from "../../ChevronRight-BbelnTke.js";
 import '../../assets/MenuItem.css';const x = "_linkIcon_1owl4_57", m = {
   linkIcon: x
-}, J = ({
+}, H = ({
   as: i = "a",
   size: n = "md",
   color: s,
   theme: l,
   collapsible: c,
-  expanded: r,
-  icon: p,
-  iconTheme: a,
+  expanded: e,
+  icon: a,
+  iconTheme: p,
   iconBadge: h,
   title: I,
   description: v,
   badge: f,
-  controls: e,
+  controls: r,
   linkIcon: d,
   label: g,
   ...S
 }) => {
-  const t = c ? r ? _ : j : d ? w : void 0;
-  return /* @__PURE__ */ u(b, { as: i, size: n, theme: l, color: s, expanded: r, ...S, children: [
-    /* @__PURE__ */ o(C, { size: n, icon: p, theme: a, badge: h }),
+  const t = c ? e ? _ : j : d ? w : void 0;
+  return /* @__PURE__ */ u(b, { as: i, size: n, theme: l, color: s, expanded: e, ...S, children: [
+    /* @__PURE__ */ o(C, { size: n, icon: a, theme: p, badge: h }),
     /* @__PURE__ */ o(y, { title: I, description: v, size: n, badge: f, children: g }),
-    /* @__PURE__ */ o("span", { className: m.controls, children: e ? /* @__PURE__ */ o("span", { style: { position: "relative" }, children: e }) : /* @__PURE__ */ o(k, { children: t && /* @__PURE__ */ o("span", { className: m.linkIcon, children: /* @__PURE__ */ o(
+    /* @__PURE__ */ o("span", { className: m.controls, children: r ? /* @__PURE__ */ o("span", { style: { position: "relative" }, children: r }) : /* @__PURE__ */ o(k, { children: t && /* @__PURE__ */ o("span", { className: m.linkIcon, children: /* @__PURE__ */ o(
       M,
       {
         svgElement: t,
@@ -46,5 +45,5 @@ import '../../assets/MenuItem.css';const x = "_linkIcon_1owl4_57", m = {
   ] });
 };
 export {
-  J as MenuItem
+  H as MenuItem
 };

package/dist/components/Menu/MenuItemIcon.js

@@ -1,12 +1,11 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { isValidElement as n } from "react";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { isValidElement as i } from "react";
 import { Icon as s, isIconProps as f } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
 import { isAvatarProps as l, Avatar as u } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as d, AvatarGroup as g } from "../Avatar/AvatarGroup.js";
 import { Badge as _ } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as b } from "../../XMark-DIqxCTTQ.js";
 import '../../assets/MenuItemIcon.css';const v = "_icon_1wobj_1", c = "_avatarGroup_1wobj_36", G = "_badge_1wobj_40", a = {
@@ -15,12 +14,12 @@ import '../../assets/MenuItemIcon.css';const v = "_icon_1wobj_1", c = "_avatarGr
   badge: G
 };
 function j(t) {
-  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || n(t);
+  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || i(t);
 }
-const k = ({ loading: t, size: p, icon: r, theme: e, badge: m }) => r ? t ? /* @__PURE__ */ o(s, { className: a.icon, svgElement: b, loading: !0 }) : /* @__PURE__ */ i("div", { className: a.icon, "data-size": p, children: [
+const S = ({ loading: t, size: p, icon: r, theme: e, badge: m }) => r ? t ? /* @__PURE__ */ o(s, { className: a.icon, svgElement: b, loading: !0 }) : /* @__PURE__ */ n("div", { className: a.icon, "data-size": p, children: [
   l(r) && /* @__PURE__ */ o(u, { ...r }) || d(r) && /* @__PURE__ */ o(g, { ...r, className: a.avatarGroup }) || f(r) && /* @__PURE__ */ o(s, { ...r, theme: (r == null ? void 0 : r.theme) || e }) || j(r) && r || /* @__PURE__ */ o(s, { theme: e, svgElement: r }),
   m && /* @__PURE__ */ o(_, { ...m, className: a.badge })
 ] }) : null;
 export {
-  k as MenuItemIcon
+  S as MenuItemIcon
 };

package/dist/components/Menu/MenuItemLabel.js

@@ -4,16 +4,16 @@ import { isValidElement as h } from "react";
 import { Badge as b } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import { Heading as f } from "../Typography/Heading.js";
-import "../Searchbar/AutocompleteBase.js";
+import { isHeadingProps as s } from "../List/ListItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemLabel.css';const x = "_label_mk4ho_1", y = "_title_mk4ho_20", p = {
+import '../../assets/MenuItemLabel.css';const x = "_label_mk4ho_1", _ = "_title_mk4ho_20", p = {
   label: x,
-  title: y
-}, s = (r) => typeof r == "object" && r !== null && "children" in r;
+  title: _
+};
 function u(r) {
   return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || h(r);
 }
-const _ = (r) => {
+const y = (r) => {
   const n = {
     as: "span"
   };
@@ -38,8 +38,8 @@ function z(r) {
   if (s(r))
     return r.children;
 }
-const A = ({ className: r, size: n = "sm", title: l, badge: i, description: m, children: a }) => {
-  const t = l && _(l), e = m && P(m);
+const A = ({ className: r, size: n = "sm", title: i, badge: l, description: m, children: a }) => {
+  const t = i && y(i), e = m && P(m);
   return /* @__PURE__ */ o("span", { className: d(p.label, r), "data-size": n, children: a || /* @__PURE__ */ c(g, { children: [
     t && /* @__PURE__ */ c(
       f,
@@ -49,7 +49,7 @@ const A = ({ className: r, size: n = "sm", title: l, badge: i, description: m, c
         weight: t != null && t.weight || n === "lg" ? "medium" : "normal",
         children: [
           t.children,
-          i && /* @__PURE__ */ o(b, { ...i })
+          l && /* @__PURE__ */ o(b, { ...l })
         ]
       }
     ),

package/dist/components/Menu/MenuItems.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as i, jsx as m, Fragment as B } from "react/jsx-runtime";
+import { jsxs as c, jsx as d, Fragment as B } from "react/jsx-runtime";
 import { Fragment as E } from "react";
 import "../../index-L8X2o7IH.js";
 import { useMenu as G } from "../../hooks/useMenu.js";
@@ -7,8 +7,7 @@ import "../RootProvider/RootProvider.js";
 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 "../Searchbar/AutocompleteBase.js";
+import { MenuList as _, MenuListItem as i } from "./MenuBase.js";
 import "../Snackbar/useSnackbar.js";
 const $ = ({
   level: h = 0,
@@ -20,7 +19,7 @@ const $ = ({
   defaultItemColor: M,
   defaultItemTheme: I,
   defaultIconTheme: v,
-  as: o
+  as: z
 }) => {
   const { menu: b } = G({
     items: j,
@@ -28,33 +27,33 @@ const $ = ({
     groupByKey: "groupId",
     keyboardEvents: !1
   });
-  return /* @__PURE__ */ i(_, { expanded: F, as: o, children: [
-    f && /* @__PURE__ */ m(K, { ...f }),
-    b.map((n, l) => {
-      const t = (n == null ? void 0 : n.props) || {}, { title: y, divider: z = !0 } = t, L = b[l + 1];
-      return /* @__PURE__ */ i(E, { children: [
-        (h > 0 || l) && z ? /* @__PURE__ */ m(c, { role: "separator" }) : "",
-        y && /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(S, { title: y }) }),
-        n == null ? void 0 : n.items.filter((a) => {
-          var d;
-          return !((d = a.props) != null && d.hidden);
-        }).map((a, d) => {
-          const { active: T } = a, { groupId: q, ...e } = a.props || {}, { expanded: s } = e, k = n == null ? void 0 : n.items[d + 1];
-          return /* @__PURE__ */ i(c, { expanded: s, children: [
-            /* @__PURE__ */ m(
+  return /* @__PURE__ */ c(_, { expanded: F, as: z, children: [
+    f && /* @__PURE__ */ d(K, { ...f }),
+    b.map((t, l) => {
+      const n = (t == null ? void 0 : t.props) || {}, { title: y, divider: L = !0 } = n, T = b[l + 1];
+      return /* @__PURE__ */ c(E, { children: [
+        (h > 0 || l) && L ? /* @__PURE__ */ d(i, { role: "separator" }) : "",
+        y && /* @__PURE__ */ d(i, { children: /* @__PURE__ */ d(S, { title: y }) }),
+        t == null ? void 0 : t.items.filter((a) => {
+          var m;
+          return !((m = a.props) != null && m.hidden);
+        }).map((a, m) => {
+          const { active: k } = a, { groupId: q, ...e } = a.props || {}, { expanded: s } = e, o = t == null ? void 0 : t.items[m + 1];
+          return /* @__PURE__ */ c(i, { expanded: s, children: [
+            /* @__PURE__ */ d(
               H,
               {
                 ...e,
-                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) || I,
-                iconTheme: (e == null ? void 0 : e.iconTheme) || (t == null ? void 0 : t.defaultIconTheme) || v,
-                active: T,
+                size: (e == null ? void 0 : e.size) || (n == null ? void 0 : n.defaultItemSize) || x,
+                color: (e == null ? void 0 : e.color) || (n == null ? void 0 : n.defaultItemColor) || M,
+                theme: (e == null ? void 0 : e.theme) || (n == null ? void 0 : n.defaultItemTheme) || I,
+                iconTheme: (e == null ? void 0 : e.iconTheme) || (n == null ? void 0 : n.defaultIconTheme) || v,
+                active: k,
                 tabIndex: e != null && e.disabled ? -1 : 0
               }
             ),
-            s && (e == null ? void 0 : e.items) && /* @__PURE__ */ i(B, { children: [
-              /* @__PURE__ */ m(
+            s && (e == null ? void 0 : e.items) && /* @__PURE__ */ c(B, { children: [
+              /* @__PURE__ */ d(
                 $,
                 {
                   expanded: s,
@@ -67,9 +66,9 @@ const $ = ({
                   defaultIconTheme: v
                 }
               ),
-              (L || k) && /* @__PURE__ */ m(c, { role: "separator", as: "div" })
+              (T || o) && /* @__PURE__ */ d(i, { role: "separator", as: "div" })
             ] })
-          ] }, d);
+          ] }, m);
         })
       ] }, l);
     })

package/dist/components/Menu/MenuItemsVirtual.js

@@ -9,12 +9,11 @@ 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 "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_14d4s_1", B = "_virtualMenuListItem_14d4s_5", y = {
   virtualScrollRef: q,
   virtualMenuListItem: B
-}, W = ({
+}, U = ({
   level: h = 0,
   search: l,
   items: I,
@@ -32,21 +31,21 @@ import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_14d4s_1"
     keyboardEvents: !1
   }), m = R(null), a = _.flatMap((t, e) => {
     var u;
-    const E = (t == null ? void 0 : t.props) || {}, { title: p } = E, c = ((u = t == null ? void 0 : t.items) == null ? void 0 : u.filter((r) => {
+    const E = (t == null ? void 0 : t.props) || {}, { title: c } = E, p = ((u = t == null ? void 0 : t.items) == null ? void 0 : u.filter((r) => {
       var s;
       return !((s = r.props) != null && s.hidden);
     })) || [];
     return [
       ...e > 0 || h > 0 ? [{ type: "separator" }] : [],
-      ...p ? [{ type: "title", title: p }] : [],
-      ...c.map((r, s) => {
+      ...c ? [{ type: "title", title: c }] : [],
+      ...p.map((r, s) => {
         var d, f;
         return {
           type: "item",
           itemProps: r.props || {},
           active: r.active,
           hasChildren: ((d = r.props) == null ? void 0 : d.expanded) && ((f = r.props) == null ? void 0 : f.items),
-          isLastItem: s === c.length - 1
+          isLastItem: s === p.length - 1
         };
       })
     ];
@@ -94,5 +93,5 @@ import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_14d4s_1"
   ] });
 };
 export {
-  W as MenuItemsVirtual
+  U as MenuItemsVirtual
 };