@altinn/altinn-components 0.26.0 → 0.27.0

package/dist/components/Forms/SwitchOptions.js

@@ -0,0 +1,12 @@
+import { jsx as m } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Switch as o } from "./Switch.js";
+import { OptionsBase as s } from "./OptionsBase.js";
+const S = ({ name: t, options: i = [], ...p }) => /* @__PURE__ */ m(s, { ...p, children: i.map((r, e) => /* @__PURE__ */ m(o, { name: (r == null ? void 0 : r.name) || t, ...r }, e)) });
+export {
+  S as SwitchOptions
+};

package/dist/components/Forms/TextField.js

@@ -0,0 +1,12 @@
+import { jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Input as e } from "./Input.js";
+import { FieldBase as n } from "./FieldBase.js";
+const a = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(n, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
+export {
+  a as TextField
+};

package/dist/components/Forms/Textarea.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import { T as e } from "../../Textarea-BBstVlPT.js";
+const x = ({ size: r, color: a, ...t }) => /* @__PURE__ */ o(e, { ...t, "data-size": r, "data-color": a });
+export {
+  x as Textarea
+};

package/dist/components/Forms/TextareaField.js

@@ -0,0 +1,12 @@
+import { jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Textarea as p } from "./Textarea.js";
+import { FieldBase as a } from "./FieldBase.js";
+const T = ({ size: o, color: t, label: i, helperText: m, ...e }) => /* @__PURE__ */ r(a, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(p, { ...e }) });
+export {
+  T as TextareaField
+};

package/dist/components/Forms/index.js

@@ -0,0 +1,40 @@
+import { Field as r } from "./Field.js";
+import { Fieldset as p } from "./Fieldset.js";
+import { Legend as f } from "./Legend.js";
+import { Label as i } from "./Label.js";
+import { Input as d } from "./Input.js";
+import { Textarea as s } from "./Textarea.js";
+import { Select as c } from "./Select.js";
+import { Radio as h } from "./Radio.js";
+import { Checkbox as S } from "./Checkbox.js";
+import { Switch as B } from "./Switch.js";
+import { FieldBase as k } from "./FieldBase.js";
+import { TextField as C } from "./TextField.js";
+import { TextareaField as R } from "./TextareaField.js";
+import { SelectField as u } from "./SelectField.js";
+import { FieldsetBase as j } from "./FieldsetBase.js";
+import { OptionsBase as v } from "./OptionsBase.js";
+import { RadioOptions as z } from "./RadioOptions.js";
+import { SwitchOptions as D } from "./SwitchOptions.js";
+import { CheckboxOptions as G } from "./CheckboxOptions.js";
+export {
+  S as Checkbox,
+  G as CheckboxOptions,
+  r as Field,
+  k as FieldBase,
+  p as Fieldset,
+  j as FieldsetBase,
+  d as Input,
+  i as Label,
+  f as Legend,
+  v as OptionsBase,
+  h as Radio,
+  z as RadioOptions,
+  c as Select,
+  u as SelectField,
+  B as Switch,
+  D as SwitchOptions,
+  C as TextField,
+  s as Textarea,
+  R as TextareaField
+};

package/dist/components/GlobalMenu/AccountMenu.js

@@ -12,7 +12,7 @@ const w = (d) => `${d} hits`, k = ({
   accountSearch: s,
   onSelectAccount: m,
   currentAccount: p,
-  isVirtualized: C
+  menuItemsVirtual: C
 }) => {
   var f;
   const t = d.map((e) => ({
@@ -65,7 +65,7 @@ const w = (d) => `${d} hits`, k = ({
       search: s && b,
       groups: I,
       items: h,
-      isVirtualized: C
+      menuItemsVirtual: C
     }
   );
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,88 +1,95 @@
 "use client";
-import { jsxs as m, jsx as i, Fragment as g } from "react/jsx-runtime";
-import { useState as I, useMemo as S } from "react";
+import { jsxs as e, jsx as i, Fragment as g } from "react/jsx-runtime";
+import { useState as w, useMemo as z } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { AccountMenu as W } from "./AccountMenu.js";
-import { AccountButton as q } from "./AccountButton.js";
-import { BackButton as w } from "./BackButton.js";
-import { LogoutButton as k } from "./LogoutButton.js";
-import { EndUserLabel as v } from "./EndUserLabel.js";
+import { AccountMenu as D } from "./AccountMenu.js";
+import { AccountButton as J } from "./AccountButton.js";
+import { BackButton as K } from "./BackButton.js";
+import { LogoutButton as v } from "./LogoutButton.js";
+import { EndUserLabel as x } from "./EndUserLabel.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuListItem as o } from "../Menu/MenuBase.js";
-import { Menu as x } from "../Menu/Menu.js";
-import { GlobalMenuBase as h, GlobalMenuHeader as z, GlobalMenuFooter as G } from "./GlobalMenuBase.js";
-const $ = ({
-  accounts: f = [],
-  accountGroups: b = {},
-  accountSearch: B,
-  items: n = [],
-  groups: s,
-  changeLabel: T = "Change",
-  backLabel: j = "Back",
-  currentAccount: a,
-  currentEndUserLabel: t = "Signed in",
-  onSelectAccount: p,
-  onClose: e,
-  logoutButton: l,
-  isVirtualized: F
+import { MenuListItem as d } from "../Menu/MenuBase.js";
+import { Menu as G } from "../Menu/Menu.js";
+import { GlobalMenuBase as o, GlobalMenuHeader as L, GlobalMenuFooter as y } from "./GlobalMenuBase.js";
+const U = ({
+  accounts: n = [],
+  accountGroups: B = {},
+  accountSearch: T,
+  items: c = [],
+  groups: k,
+  changeLabel: j = "Change",
+  backLabel: F = "Back",
+  currentAccount: p,
+  currentEndUserLabel: l = "Signed in",
+  onSelectAccount: f,
+  onClose: r,
+  logoutButton: t,
+  menuItemsVirtual: H
 }) => {
-  const [u, y] = I(!1), d = () => {
-    y((r) => !r);
-  }, H = (r) => {
-    d(), e == null || e(), p == null || p(r);
-  }, M = S(() => n.map((r) => ({
-    ...r,
+  const [S, W] = w(!1), h = () => {
+    W((a) => !a);
+  }, q = (a) => {
+    h(), r == null || r(), f == null || f(a);
+  }, s = z(() => c.map((a) => ({
+    ...a,
     onClick: () => {
-      var c;
-      (c = r.onClick) == null || c.call(r), e == null || e();
-    }
-  })), [n, e]);
-  return u ? /* @__PURE__ */ m(h, { children: [
-    /* @__PURE__ */ i(z, { children: /* @__PURE__ */ i(w, { onClick: d, label: j }) }),
-    /* @__PURE__ */ i(o, { as: "div", role: "separator" }),
+      var m;
+      (m = a.onClick) == null || m.call(a), r == null || r();
+    },
+    items: Array.isArray(a.items) ? a.items.map((m) => ({
+      ...m,
+      onClick: () => {
+        var M;
+        (M = m.onClick) == null || M.call(m), r == null || r();
+      }
+    })) : void 0
+  })), [c, r]);
+  return S ? /* @__PURE__ */ e(o, { children: [
+    /* @__PURE__ */ i(L, { children: /* @__PURE__ */ i(K, { onClick: h, label: F }) }),
+    /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
     /* @__PURE__ */ i(
-      W,
+      D,
       {
-        currentAccount: a,
-        accounts: f,
-        accountGroups: b,
-        accountSearch: B,
-        onSelectAccount: H,
-        isVirtualized: F
+        currentAccount: p,
+        accounts: n,
+        accountGroups: B,
+        accountSearch: T,
+        onSelectAccount: q,
+        menuItemsVirtual: H
       }
     )
-  ] }) : a ? /* @__PURE__ */ m(h, { color: a == null ? void 0 : a.type, children: [
+  ] }) : p ? /* @__PURE__ */ e(o, { color: p == null ? void 0 : p.type, children: [
     /* @__PURE__ */ i(
-      q,
+      J,
       {
-        account: a,
-        linkText: T,
-        multipleAccounts: f.length > 1,
-        onClick: d
+        account: p,
+        linkText: j,
+        multipleAccounts: n.length > 1,
+        onClick: h
       }
     ),
-    /* @__PURE__ */ i(o, { as: "div", role: "separator" }),
-    /* @__PURE__ */ i(x, { groups: s, items: M, theme: "default" }),
-    l && /* @__PURE__ */ m(g, { children: [
-      /* @__PURE__ */ i(o, { as: "div", role: "separator" }),
-      /* @__PURE__ */ m(G, { children: [
-        t && /* @__PURE__ */ i(v, { children: t }),
-        /* @__PURE__ */ i(k, { ...l })
+    /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
+    /* @__PURE__ */ i(G, { groups: k, items: s, theme: "default" }),
+    t && /* @__PURE__ */ e(g, { children: [
+      /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
+      /* @__PURE__ */ e(y, { children: [
+        l && /* @__PURE__ */ i(x, { children: l }),
+        /* @__PURE__ */ i(v, { ...t })
       ] })
     ] })
-  ] }) : /* @__PURE__ */ m(h, { children: [
-    /* @__PURE__ */ i(x, { groups: s, items: M }),
-    l && /* @__PURE__ */ m(g, { children: [
-      /* @__PURE__ */ i(o, { as: "div", role: "separator" }),
-      /* @__PURE__ */ m(G, { children: [
-        t && /* @__PURE__ */ i(v, { children: t }),
-        /* @__PURE__ */ i(k, { ...l })
+  ] }) : /* @__PURE__ */ e(o, { children: [
+    /* @__PURE__ */ i(G, { groups: k, items: s }),
+    t && /* @__PURE__ */ e(g, { children: [
+      /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
+      /* @__PURE__ */ e(y, { children: [
+        l && /* @__PURE__ */ i(x, { children: l }),
+        /* @__PURE__ */ i(v, { ...t })
       ] })
     ] })
   ] });
 };
 export {
-  $ as GlobalMenu
+  U as GlobalMenu
 };

package/dist/components/List/ListItemHeader.js

@@ -14,7 +14,7 @@ import "../Snackbar/useSnackbar.js";
 import { S as O } from "../../ChevronUp-H8Nuww4h.js";
 import { S as P } from "../../ChevronDown-CRAwzuD3.js";
 import { S as Q } from "../../ChevronRight-DUaHaWi-.js";
-import '../../assets/ListItemHeader.css';const W = "_wrapper_1c93s_1", X = "_link_1c93s_5", Y = "_linkTitle_1c93s_10", Z = "_header_1c93s_16", $ = "_content_1c93s_54", t = {
+import '../../assets/ListItemHeader.css';const W = "_wrapper_e1z23_1", X = "_link_e1z23_5", Y = "_linkTitle_e1z23_10", Z = "_header_e1z23_16", $ = "_content_e1z23_54", t = {
   wrapper: W,
   link: X,
   linkTitle: Y,
@@ -27,22 +27,22 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_1c93s_1", X = "_lin
   theme: v,
   loading: r,
   disabled: k,
-  collapsible: L,
-  linkIcon: S,
-  expanded: u,
-  select: c,
-  href: x,
-  onClick: N,
-  onKeyPress: w,
-  tabIndex: b,
-  size: i = "sm",
-  title: l,
-  description: y,
-  icon: z,
+  collapsible: z,
+  linkIcon: L,
+  expanded: S,
+  select: l,
+  href: u,
+  onClick: x,
+  onKeyPress: N,
+  tabIndex: w,
+  size: s = "sm",
+  title: a,
+  description: b,
+  icon: y,
   avatar: C,
-  active: a,
+  active: c,
   avatarGroup: T,
-  badge: s,
+  badge: i,
   controls: p,
   className: j,
   children: B,
@@ -55,7 +55,7 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_1c93s_1", X = "_lin
     md: "lg",
     lg: "lg",
     xl: "xl"
-  }, d = L ? u ? O : P : S ? Q : void 0, o = D[i], F = () => s && !r && typeof s == "object" && "label" in s ? /* @__PURE__ */ e(V, { ...s }) : R(s) ? s : null, h = M();
+  }, d = z ? S ? O : P : L ? Q : void 0, o = D[s], F = () => i && !r && typeof i == "object" && "label" in i ? /* @__PURE__ */ e(V, { ...i }) : R(i) ? i : null, h = M();
   return /* @__PURE__ */ e("div", { className: t.wrapper, children: /* @__PURE__ */ n(
     "header",
     {
@@ -63,8 +63,8 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_1c93s_1", X = "_lin
       "data-color": I,
       "data-theme": v,
       "data-interactive": m,
-      "data-size": i,
-      "data-has-active-child": a,
+      "data-size": s,
+      "data-has-active-child": c,
       children: [
         /* @__PURE__ */ e(
           q,
@@ -72,25 +72,25 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_1c93s_1", X = "_lin
             interactive: m,
             className: f(t.link),
             as: _,
-            href: x,
-            onClick: N,
-            onKeyPress: w,
-            tabIndex: b,
+            href: u,
+            onClick: x,
+            onKeyPress: N,
+            tabIndex: w,
             loading: r,
             disabled: k || r,
-            active: a,
+            active: c,
             describedby: h,
-            children: /* @__PURE__ */ e("span", { className: t.linkTitle, children: E || l })
+            children: /* @__PURE__ */ e("span", { className: t.linkTitle, children: E || a })
           }
         ),
-        /* @__PURE__ */ n("div", { className: t.content, "data-size": i, children: [
-          c && /* @__PURE__ */ e(K, { ...c, className: t.select, size: o }),
+        /* @__PURE__ */ n("div", { className: t.content, "data-size": s, children: [
+          l && /* @__PURE__ */ e(K, { ...l, className: t.select, size: o }),
           /* @__PURE__ */ e(
             G,
             {
               loading: r,
               size: o,
-              icon: z,
+              icon: y,
               avatar: C,
               avatarGroup: T
             }
@@ -98,10 +98,10 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_1c93s_1", X = "_lin
           /* @__PURE__ */ e(
             A,
             {
-              size: i,
+              size: s,
               loading: r,
-              title: l,
-              description: y,
+              title: a,
+              description: b,
               id: h,
               titleAs: g,
               children: B

package/dist/components/Menu/Menu.js

@@ -1,41 +1,45 @@
-import { jsx as r } from "react/jsx-runtime";
-import { MenuBase as x } from "./MenuBase.js";
-import { MenuItems as j } from "./MenuItems.js";
-import { MenuItemsVirtual as B } from "./MenuItemsVirtual.js";
-const q = ({
-  color: n,
-  theme: i,
-  defaultItemColor: o,
-  defaultItemTheme: p,
-  defaultItemSize: M,
-  defaultIconTheme: m,
+import { jsx as o } from "react/jsx-runtime";
+import { MenuBase as R } from "./MenuBase.js";
+import { MenuItems as B } from "./MenuItems.js";
+import { MenuItemsVirtual as S } from "./MenuItemsVirtual.js";
+const w = ({
+  color: i,
+  theme: n,
+  defaultItemColor: p,
+  defaultItemTheme: M,
+  defaultItemSize: c,
+  defaultIconTheme: f,
   groups: s,
-  items: t = [],
-  search: u,
-  isVirtualized: f
-}) => f ? /* @__PURE__ */ r(x, { color: n, theme: i, children: /* @__PURE__ */ r(
-  B,
-  {
-    search: u,
-    items: t,
-    groups: s,
-    defaultItemSize: M,
-    defaultItemColor: o,
-    defaultItemTheme: p,
-    defaultIconTheme: m
-  }
-) }) : /* @__PURE__ */ r(x, { color: n, theme: i, children: /* @__PURE__ */ r(
-  j,
-  {
-    search: u,
-    items: t,
-    groups: s,
-    defaultItemSize: M,
-    defaultItemColor: o,
-    defaultItemTheme: p,
-    defaultIconTheme: m
-  }
-) });
+  items: x = [],
+  search: y,
+  menuItemsVirtual: r
+}) => {
+  const { isVirtualized: j } = r || {};
+  return j ? /* @__PURE__ */ o(R, { color: i, theme: n, children: /* @__PURE__ */ o(
+    S,
+    {
+      search: y,
+      items: x,
+      groups: s,
+      defaultItemSize: c,
+      defaultItemColor: p,
+      defaultItemTheme: M,
+      defaultIconTheme: f,
+      scrollRefStyles: r == null ? void 0 : r.scrollRefStyles
+    }
+  ) }) : /* @__PURE__ */ o(R, { color: i, theme: n, children: /* @__PURE__ */ o(
+    B,
+    {
+      search: y,
+      items: x,
+      groups: s,
+      defaultItemSize: c,
+      defaultItemColor: p,
+      defaultItemTheme: M,
+      defaultIconTheme: f
+    }
+  ) });
+};
 export {
-  q as Menu
+  w as Menu
 };

package/dist/components/Menu/MenuItemLabel.js

@@ -1,24 +1,24 @@
-import { jsx as t, jsxs as m, Fragment as d } from "react/jsx-runtime";
+import { jsx as e, jsxs as m, Fragment as d } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
-import '../../assets/MenuItemLabel.css';const _ = "_label_1ehsf_1", h = "_title_1ehsf_7", b = "_description_1ehsf_30", s = {
+import '../../assets/MenuItemLabel.css';const _ = "_label_10xs5_1", x = "_title_10xs5_19", b = "_description_10xs5_42", s = {
   label: _,
-  title: h,
+  title: x,
   description: b
-}, x = ({
+}, u = ({
   className: l,
-  size: e = "sm",
+  size: t = "sm",
   label: i,
   title: n,
   weight: c,
   description: o,
   children: a
 }) => {
-  const r = c || e === "lg" ? "medium" : "normal";
-  return /* @__PURE__ */ t("span", { className: p(s.label, l), "data-size": e, children: a || /* @__PURE__ */ m(d, { children: [
-    /* @__PURE__ */ t("strong", { className: s.title, "data-size": e, "data-weight": r, children: n || i }),
-    /* @__PURE__ */ t("span", { className: s.description, "data-size": e, children: o })
+  const r = c || t === "lg" ? "medium" : "normal";
+  return /* @__PURE__ */ e("span", { className: p(s.label, l), "data-size": t, children: a || /* @__PURE__ */ m(d, { children: [
+    /* @__PURE__ */ e("strong", { className: s.title, "data-size": t, "data-weight": r, children: n || i }),
+    /* @__PURE__ */ e("span", { className: s.description, "data-size": t, children: o })
   ] }) });
 };
 export {
-  x as MenuItemLabel
+  u as MenuItemLabel
 };

package/dist/components/Menu/MenuItemsVirtual.js

@@ -1,42 +1,43 @@
 "use client";
 import { jsxs as v, jsx as i } from "react/jsx-runtime";
-import { u as E } from "../../index-DyDqjche.js";
-import { useRef as b, useEffect as R } from "react";
+import { u as b } from "../../index-DyDqjche.js";
+import { useRef as R, useEffect as T } from "react";
 import "../../index-L8X2o7IH.js";
-import { useMenu as T } from "../../hooks/useMenu.js";
+import { useMenu as V } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as V } from "./MenuItem.js";
-import { MenuSearch as $ } from "./MenuSearch.js";
-import { MenuHeader as j } from "./MenuHeader.js";
-import { MenuList as k, MenuListItem as N } from "./MenuBase.js";
+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 "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemsVirtual.css';const g = "_virtualScrollRef_12fdc_1", q = "_virtualMenuListItem_12fdc_6", h = {
-  virtualScrollRef: g,
-  virtualMenuListItem: q
-}, U = ({
-  level: y = 0,
+import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_12fdc_1", B = "_virtualMenuListItem_12fdc_6", y = {
+  virtualScrollRef: q,
+  virtualMenuListItem: B
+}, W = ({
+  level: h = 0,
   search: l,
   items: I,
   groups: M = {},
   defaultItemSize: x,
   defaultItemColor: S,
   defaultItemTheme: P,
-  defaultIconTheme: L
+  defaultIconTheme: L,
+  scrollRefStyles: z
 }) => {
-  const { menu: z } = T({
+  const { menu: _ } = V({
     items: I,
     groups: M,
     groupByKey: "groupId",
     keyboardEvents: !1
-  }), m = b(null), a = z.flatMap((t, e) => {
+  }), m = R(null), a = _.flatMap((t, e) => {
     var u;
-    const _ = (t == null ? void 0 : t.props) || {}, { title: c } = _, p = ((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 || y > 0 ? [{ type: "separator" }] : [],
+      ...e > 0 || h > 0 ? [{ type: "separator" }] : [],
       ...c ? [{ type: "title", title: c }] : [],
       ...p.map((r, s) => {
         var d, f;
@@ -49,32 +50,32 @@ import '../../assets/MenuItemsVirtual.css';const g = "_virtualScrollRef_12fdc_1"
         };
       })
     ];
-  }), n = E({
+  }), n = b({
     count: a.length,
     gap: 8,
     estimateSize: () => 44,
     getScrollElement: () => m.current
   }), o = n.getVirtualItems();
-  return R(() => {
+  return T(() => {
     for (const t of o) {
       const e = document.querySelector(`[data-index="${t.index}"]`);
       e && n.measureElement(e);
     }
-  }, [o]), /* @__PURE__ */ v(k, { children: [
-    l && /* @__PURE__ */ i($, { ...l }),
-    /* @__PURE__ */ i("div", { ref: m, className: h.virtualScrollRef, children: /* @__PURE__ */ i("div", { style: { position: "relative", height: `${n.getTotalSize()}px` }, children: o.map((t) => {
+  }, [o]), /* @__PURE__ */ v(N, { children: [
+    l && /* @__PURE__ */ i(j, { ...l }),
+    /* @__PURE__ */ i("div", { ref: m, className: y.virtualScrollRef, style: z, children: /* @__PURE__ */ i("div", { style: { position: "relative", height: `${n.getTotalSize()}px` }, children: o.map((t) => {
       const e = a[t.index];
       return e ? /* @__PURE__ */ v(
-        N,
+        g,
         {
           dataIndex: t.index,
-          className: h.virtualMenuListItem,
+          className: y.virtualMenuListItem,
           style: { transform: `translateY(${t.start}px)` },
           role: e.type === "separator" ? "separator" : void 0,
           children: [
-            e.type === "title" && /* @__PURE__ */ i(j, { title: e.title }),
+            e.type === "title" && /* @__PURE__ */ i(k, { title: e.title }),
             e.type === "item" && /* @__PURE__ */ i(
-              V,
+              $,
               {
                 ...e.itemProps,
                 size: e.itemProps.size || x,
@@ -93,5 +94,5 @@ import '../../assets/MenuItemsVirtual.css';const g = "_virtualScrollRef_12fdc_1"
   ] });
 };
 export {
-  U as MenuItemsVirtual
+  W as MenuItemsVirtual
 };