@altinn/altinn-components 0.24.2 → 0.24.4

package/dist/components/Menu/MenuItemsVirtual.js

@@ -1,634 +1,97 @@
 "use client";
-import { jsxs as w, jsx as E } from "react/jsx-runtime";
-import * as S from "react";
-import { useRef as k, useEffect as A } from "react";
-import { flushSync as N } from "react-dom";
+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 "../../index-L8X2o7IH.js";
-import { useMenu as F } from "../../hooks/useMenu.js";
+import { useMenu as T } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as P } from "./MenuItem.js";
-import { MenuSearch as V } from "./MenuSearch.js";
-import { MenuHeader as L } from "./MenuHeader.js";
-import { MenuList as W, MenuListItem as j } from "./MenuBase.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 "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemsVirtual.css';function y(r, l, e) {
-  let s = e.initialDeps ?? [], t;
-  function n() {
-    var i, o, a, c;
-    let h;
-    e.key && ((i = e.debug) != null && i.call(e)) && (h = Date.now());
-    const f = r();
-    if (!(f.length !== s.length || f.some((u, p) => s[p] !== u)))
-      return t;
-    s = f;
-    let d;
-    if (e.key && ((o = e.debug) != null && o.call(e)) && (d = Date.now()), t = l(...f), e.key && ((a = e.debug) != null && a.call(e))) {
-      const u = Math.round((Date.now() - h) * 100) / 100, p = Math.round((Date.now() - d) * 100) / 100, x = p / 16, v = (g, b) => {
-        for (g = String(g); g.length < b; )
-          g = " " + g;
-        return g;
-      };
-      console.info(
-        `%c⏱ ${v(p, 5)} /${v(u, 5)} ms`,
-        `
-            font-size: .6rem;
-            font-weight: bold;
-            color: hsl(${Math.max(
-          0,
-          Math.min(120 - 120 * x, 120)
-        )}deg 100% 31%);`,
-        e == null ? void 0 : e.key
-      );
-    }
-    return (c = e == null ? void 0 : e.onChange) == null || c.call(e, t), t;
-  }
-  return n.updateDeps = (i) => {
-    s = i;
-  }, n;
-}
-function I(r, l) {
-  if (r === void 0)
-    throw new Error("Unexpected undefined");
-  return r;
-}
-const B = (r, l) => Math.abs(r - l) < 1, $ = (r, l, e) => {
-  let s;
-  return function(...t) {
-    r.clearTimeout(s), s = r.setTimeout(() => l.apply(this, t), e);
-  };
-}, K = (r) => r, q = (r) => {
-  const l = Math.max(r.startIndex - r.overscan, 0), e = Math.min(r.endIndex + r.overscan, r.count - 1), s = [];
-  for (let t = l; t <= e; t++)
-    s.push(t);
-  return s;
-}, H = (r, l) => {
-  const e = r.scrollElement;
-  if (!e)
-    return;
-  const s = r.targetWindow;
-  if (!s)
-    return;
-  const t = (i) => {
-    const { width: o, height: a } = i;
-    l({ width: Math.round(o), height: Math.round(a) });
-  };
-  if (t(e.getBoundingClientRect()), !s.ResizeObserver)
-    return () => {
-    };
-  const n = new s.ResizeObserver((i) => {
-    const o = () => {
-      const a = i[0];
-      if (a != null && a.borderBoxSize) {
-        const c = a.borderBoxSize[0];
-        if (c) {
-          t({ width: c.inlineSize, height: c.blockSize });
-          return;
-        }
-      }
-      t(e.getBoundingClientRect());
-    };
-    r.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
-  });
-  return n.observe(e, { box: "border-box" }), () => {
-    n.unobserve(e);
-  };
-}, C = {
-  passive: !0
-}, T = typeof window > "u" ? !0 : "onscrollend" in window, U = (r, l) => {
-  const e = r.scrollElement;
-  if (!e)
-    return;
-  const s = r.targetWindow;
-  if (!s)
-    return;
-  let t = 0;
-  const n = r.options.useScrollendEvent && T ? () => {
-  } : $(
-    s,
-    () => {
-      l(t, !1);
-    },
-    r.options.isScrollingResetDelay
-  ), i = (h) => () => {
-    const { horizontal: f, isRtl: m } = r.options;
-    t = f ? e.scrollLeft * (m && -1 || 1) : e.scrollTop, n(), l(t, h);
-  }, o = i(!0), a = i(!1);
-  a(), e.addEventListener("scroll", o, C);
-  const c = r.options.useScrollendEvent && T;
-  return c && e.addEventListener("scrollend", a, C), () => {
-    e.removeEventListener("scroll", o), c && e.removeEventListener("scrollend", a);
-  };
-}, Y = (r, l, e) => {
-  if (l != null && l.borderBoxSize) {
-    const s = l.borderBoxSize[0];
-    if (s)
-      return Math.round(
-        s[e.options.horizontal ? "inlineSize" : "blockSize"]
-      );
-  }
-  return Math.round(
-    r.getBoundingClientRect()[e.options.horizontal ? "width" : "height"]
-  );
-}, G = (r, {
-  adjustments: l = 0,
-  behavior: e
-}, s) => {
-  var t, n;
-  const i = r + l;
-  (n = (t = s.scrollElement) == null ? void 0 : t.scrollTo) == null || n.call(t, {
-    [s.options.horizontal ? "left" : "top"]: i,
-    behavior: e
-  });
-};
-class J {
-  constructor(l) {
-    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollToIndexTimeoutId = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
-      let e = null;
-      const s = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((t) => {
-        t.forEach((n) => {
-          const i = () => {
-            this._measureElement(n.target, n);
-          };
-          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(i) : i();
-        });
-      }));
-      return {
-        disconnect: () => {
-          var t;
-          (t = s()) == null || t.disconnect(), e = null;
-        },
-        observe: (t) => {
-          var n;
-          return (n = s()) == null ? void 0 : n.observe(t, { box: "border-box" });
-        },
-        unobserve: (t) => {
-          var n;
-          return (n = s()) == null ? void 0 : n.unobserve(t);
-        }
-      };
-    })(), this.range = null, this.setOptions = (e) => {
-      Object.entries(e).forEach(([s, t]) => {
-        typeof t > "u" && delete e[s];
-      }), this.options = {
-        debug: !1,
-        initialOffset: 0,
-        overscan: 1,
-        paddingStart: 0,
-        paddingEnd: 0,
-        scrollPaddingStart: 0,
-        scrollPaddingEnd: 0,
-        horizontal: !1,
-        getItemKey: K,
-        rangeExtractor: q,
-        onChange: () => {
-        },
-        measureElement: Y,
-        initialRect: { width: 0, height: 0 },
-        scrollMargin: 0,
-        gap: 0,
-        indexAttribute: "data-index",
-        initialMeasurementsCache: [],
-        lanes: 1,
-        isScrollingResetDelay: 150,
-        enabled: !0,
-        isRtl: !1,
-        useScrollendEvent: !1,
-        useAnimationFrameWithResizeObserver: !1,
-        ...e
-      };
-    }, this.notify = (e) => {
-      var s, t;
-      (t = (s = this.options).onChange) == null || t.call(s, this, e);
-    }, this.maybeNotify = y(
-      () => (this.calculateRange(), [
-        this.isScrolling,
-        this.range ? this.range.startIndex : null,
-        this.range ? this.range.endIndex : null
-      ]),
-      (e) => {
-        this.notify(e);
-      },
-      {
-        key: process.env.NODE_ENV !== "production" && "maybeNotify",
-        debug: () => this.options.debug,
-        initialDeps: [
-          this.isScrolling,
-          this.range ? this.range.startIndex : null,
-          this.range ? this.range.endIndex : null
-        ]
-      }
-    ), this.cleanup = () => {
-      this.unsubs.filter(Boolean).forEach((e) => e()), this.unsubs = [], this.observer.disconnect(), this.scrollElement = null, this.targetWindow = null;
-    }, this._didMount = () => () => {
-      this.cleanup();
-    }, this._willUpdate = () => {
-      var e;
-      const s = this.options.enabled ? this.options.getScrollElement() : null;
-      if (this.scrollElement !== s) {
-        if (this.cleanup(), !s) {
-          this.maybeNotify();
-          return;
-        }
-        this.scrollElement = s, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((e = this.scrollElement) == null ? void 0 : e.window) ?? null, this.elementsCache.forEach((t) => {
-          this.observer.observe(t);
-        }), this._scrollToOffset(this.getScrollOffset(), {
-          adjustments: void 0,
-          behavior: void 0
-        }), this.unsubs.push(
-          this.options.observeElementRect(this, (t) => {
-            this.scrollRect = t, this.maybeNotify();
-          })
-        ), this.unsubs.push(
-          this.options.observeElementOffset(this, (t, n) => {
-            this.scrollAdjustments = 0, this.scrollDirection = n ? this.getScrollOffset() < t ? "forward" : "backward" : null, this.scrollOffset = t, this.isScrolling = n, this.maybeNotify();
-          })
-        );
-      }
-    }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (e, s) => {
-      const t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
-      for (let i = s - 1; i >= 0; i--) {
-        const o = e[i];
-        if (t.has(o.lane))
-          continue;
-        const a = n.get(
-          o.lane
-        );
-        if (a == null || o.end > a.end ? n.set(o.lane, o) : o.end < a.end && t.set(o.lane, !0), t.size === this.options.lanes)
-          break;
-      }
-      return n.size === this.options.lanes ? Array.from(n.values()).sort((i, o) => i.end === o.end ? i.index - o.index : i.end - o.end)[0] : void 0;
-    }, this.getMeasurementOptions = y(
-      () => [
-        this.options.count,
-        this.options.paddingStart,
-        this.options.scrollMargin,
-        this.options.getItemKey,
-        this.options.enabled
-      ],
-      (e, s, t, n, i) => (this.pendingMeasuredCacheIndexes = [], {
-        count: e,
-        paddingStart: s,
-        scrollMargin: t,
-        getItemKey: n,
-        enabled: i
-      }),
-      {
-        key: !1
-      }
-    ), this.getMeasurements = y(
-      () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: e, paddingStart: s, scrollMargin: t, getItemKey: n, enabled: i }, o) => {
-        if (!i)
-          return this.measurementsCache = [], this.itemSizeCache.clear(), [];
-        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((h) => {
-          this.itemSizeCache.set(h.key, h.size);
-        }));
-        const a = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
-        this.pendingMeasuredCacheIndexes = [];
-        const c = this.measurementsCache.slice(0, a);
-        for (let h = a; h < e; h++) {
-          const f = n(h), m = this.options.lanes === 1 ? c[h - 1] : this.getFurthestMeasurement(c, h), d = m ? m.end + this.options.gap : s + t, u = o.get(f), p = typeof u == "number" ? u : this.options.estimateSize(h), x = d + p, v = m ? m.lane : h % this.options.lanes;
-          c[h] = {
-            index: h,
-            start: d,
-            size: p,
-            end: x,
-            key: f,
-            lane: v
-          };
-        }
-        return this.measurementsCache = c, c;
-      },
-      {
-        key: process.env.NODE_ENV !== "production" && "getMeasurements",
-        debug: () => this.options.debug
-      }
-    ), this.calculateRange = y(
-      () => [
-        this.getMeasurements(),
-        this.getSize(),
-        this.getScrollOffset(),
-        this.options.lanes
-      ],
-      (e, s, t, n) => this.range = e.length > 0 && s > 0 ? Q({
-        measurements: e,
-        outerSize: s,
-        scrollOffset: t,
-        lanes: n
-      }) : null,
-      {
-        key: process.env.NODE_ENV !== "production" && "calculateRange",
-        debug: () => this.options.debug
-      }
-    ), this.getVirtualIndexes = y(
-      () => {
-        let e = null, s = null;
-        const t = this.calculateRange();
-        return t && (e = t.startIndex, s = t.endIndex), this.maybeNotify.updateDeps([this.isScrolling, e, s]), [
-          this.options.rangeExtractor,
-          this.options.overscan,
-          this.options.count,
-          e,
-          s
-        ];
-      },
-      (e, s, t, n, i) => n === null || i === null ? [] : e({
-        startIndex: n,
-        endIndex: i,
-        overscan: s,
-        count: t
-      }),
-      {
-        key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
-        debug: () => this.options.debug
-      }
-    ), this.indexFromElement = (e) => {
-      const s = this.options.indexAttribute, t = e.getAttribute(s);
-      return t ? parseInt(t, 10) : (console.warn(
-        `Missing attribute name '${s}={index}' on measured element.`
-      ), -1);
-    }, this._measureElement = (e, s) => {
-      const t = this.indexFromElement(e), n = this.measurementsCache[t];
-      if (!n)
-        return;
-      const i = n.key, o = this.elementsCache.get(i);
-      o !== e && (o && this.observer.unobserve(o), this.observer.observe(e), this.elementsCache.set(i, e)), e.isConnected && this.resizeItem(t, this.options.measureElement(e, s, this));
-    }, this.resizeItem = (e, s) => {
-      const t = this.measurementsCache[e];
-      if (!t)
-        return;
-      const n = this.itemSizeCache.get(t.key) ?? t.size, i = s - n;
-      i !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(t, i, this) : t.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", i), this._scrollToOffset(this.getScrollOffset(), {
-        adjustments: this.scrollAdjustments += i,
-        behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(t.index), this.itemSizeCache = new Map(this.itemSizeCache.set(t.key, s)), this.notify(!1));
-    }, this.measureElement = (e) => {
-      if (!e) {
-        this.elementsCache.forEach((s, t) => {
-          s.isConnected || (this.observer.unobserve(s), this.elementsCache.delete(t));
-        });
-        return;
-      }
-      this._measureElement(e, void 0);
-    }, this.getVirtualItems = y(
-      () => [this.getVirtualIndexes(), this.getMeasurements()],
-      (e, s) => {
-        const t = [];
-        for (let n = 0, i = e.length; n < i; n++) {
-          const o = e[n], a = s[o];
-          t.push(a);
-        }
-        return t;
-      },
-      {
-        key: process.env.NODE_ENV !== "production" && "getVirtualItems",
-        debug: () => this.options.debug
-      }
-    ), this.getVirtualItemForOffset = (e) => {
-      const s = this.getMeasurements();
-      if (s.length !== 0)
-        return I(
-          s[D(
-            0,
-            s.length - 1,
-            (t) => I(s[t]).start,
-            e
-          )]
-        );
-    }, this.getOffsetForAlignment = (e, s, t = 0) => {
-      const n = this.getSize(), i = this.getScrollOffset();
-      s === "auto" && (s = e >= i + n ? "end" : "start"), s === "center" ? e += (t - n) / 2 : s === "end" && (e -= n);
-      const o = this.options.horizontal ? "scrollWidth" : "scrollHeight", c = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.document.documentElement[o] : this.scrollElement[o] : 0) - n;
-      return Math.max(Math.min(c, e), 0);
-    }, this.getOffsetForIndex = (e, s = "auto") => {
-      e = Math.max(0, Math.min(e, this.options.count - 1));
-      const t = this.measurementsCache[e];
-      if (!t)
-        return;
-      const n = this.getSize(), i = this.getScrollOffset();
-      if (s === "auto")
-        if (t.end >= i + n - this.options.scrollPaddingEnd)
-          s = "end";
-        else if (t.start <= i + this.options.scrollPaddingStart)
-          s = "start";
-        else
-          return [i, s];
-      const o = s === "end" ? t.end + this.options.scrollPaddingEnd : t.start - this.options.scrollPaddingStart;
-      return [
-        this.getOffsetForAlignment(o, s, t.size),
-        s
-      ];
-    }, this.isDynamicMode = () => this.elementsCache.size > 0, this.cancelScrollToIndex = () => {
-      this.scrollToIndexTimeoutId !== null && this.targetWindow && (this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId), this.scrollToIndexTimeoutId = null);
-    }, this.scrollToOffset = (e, { align: s = "start", behavior: t } = {}) => {
-      this.cancelScrollToIndex(), t === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), this._scrollToOffset(this.getOffsetForAlignment(e, s), {
-        adjustments: void 0,
-        behavior: t
-      });
-    }, this.scrollToIndex = (e, { align: s = "auto", behavior: t } = {}) => {
-      e = Math.max(0, Math.min(e, this.options.count - 1)), this.cancelScrollToIndex(), t === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      );
-      const n = this.getOffsetForIndex(e, s);
-      if (!n) return;
-      const [i, o] = n;
-      this._scrollToOffset(i, { adjustments: void 0, behavior: t }), t !== "smooth" && this.isDynamicMode() && this.targetWindow && (this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
-        if (this.scrollToIndexTimeoutId = null, this.elementsCache.has(
-          this.options.getItemKey(e)
-        )) {
-          const [c] = I(
-            this.getOffsetForIndex(e, o)
-          );
-          B(c, this.getScrollOffset()) || this.scrollToIndex(e, { align: o, behavior: t });
-        } else
-          this.scrollToIndex(e, { align: o, behavior: t });
-      }));
-    }, this.scrollBy = (e, { behavior: s } = {}) => {
-      this.cancelScrollToIndex(), s === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), this._scrollToOffset(this.getScrollOffset() + e, {
-        adjustments: void 0,
-        behavior: s
-      });
-    }, this.getTotalSize = () => {
-      var e;
-      const s = this.getMeasurements();
-      let t;
-      if (s.length === 0)
-        t = this.options.paddingStart;
-      else if (this.options.lanes === 1)
-        t = ((e = s[s.length - 1]) == null ? void 0 : e.end) ?? 0;
-      else {
-        const n = Array(this.options.lanes).fill(null);
-        let i = s.length - 1;
-        for (; i > 0 && n.some((o) => o === null); ) {
-          const o = s[i];
-          n[o.lane] === null && (n[o.lane] = o.end), i--;
-        }
-        t = Math.max(...n.filter((o) => o !== null));
-      }
-      return Math.max(
-        t - this.options.scrollMargin + this.options.paddingEnd,
-        0
-      );
-    }, this._scrollToOffset = (e, {
-      adjustments: s,
-      behavior: t
-    }) => {
-      this.options.scrollToFn(e, { behavior: t, adjustments: s }, this);
-    }, this.measure = () => {
-      this.itemSizeCache = /* @__PURE__ */ new Map(), this.notify(!1);
-    }, this.setOptions(l);
-  }
-}
-const D = (r, l, e, s) => {
-  for (; r <= l; ) {
-    const t = (r + l) / 2 | 0, n = e(t);
-    if (n < s)
-      r = t + 1;
-    else if (n > s)
-      l = t - 1;
-    else
-      return t;
-  }
-  return r > 0 ? r - 1 : 0;
-};
-function Q({
-  measurements: r,
-  outerSize: l,
-  scrollOffset: e,
-  lanes: s
-}) {
-  const t = r.length - 1;
-  let i = D(
-    0,
-    t,
-    (a) => r[a].start,
-    e
-  ), o = i;
-  if (s === 1)
-    for (; o < t && r[o].end < e + l; )
-      o++;
-  else if (s > 1) {
-    const a = Array(s).fill(0);
-    for (; o < t && a.some((h) => h < e + l); ) {
-      const h = r[o];
-      a[h.lane] = h.end, o++;
-    }
-    const c = Array(s).fill(e + l);
-    for (; i > 0 && c.some((h) => h >= e); ) {
-      const h = r[i];
-      c[h.lane] = h.start, i--;
-    }
-    i = Math.max(0, i - i % s), o = Math.min(t, o + (s - 1 - o % s));
-  }
-  return { startIndex: i, endIndex: o };
-}
-const _ = typeof document < "u" ? S.useLayoutEffect : S.useEffect;
-function X(r) {
-  const l = S.useReducer(() => ({}), {})[1], e = {
-    ...r,
-    onChange: (t, n) => {
-      var i;
-      n ? N(l) : l(), (i = r.onChange) == null || i.call(r, t, n);
-    }
-  }, [s] = S.useState(
-    () => new J(e)
-  );
-  return s.setOptions(e), _(() => s._didMount(), []), _(() => s._willUpdate()), s;
-}
-function Z(r) {
-  return X({
-    observeElementRect: H,
-    observeElementOffset: U,
-    scrollToFn: G,
-    ...r
-  });
-}
-const ee = "_virtualScrollRef_12fdc_1", te = "_virtualMenuListItem_12fdc_6", R = {
-  virtualScrollRef: ee,
-  virtualMenuListItem: te
-}, me = ({
-  level: r = 0,
+import '../../assets/MenuItemsVirtual.css';const g = "_virtualScrollRef_12fdc_1", q = "_virtualMenuListItem_12fdc_6", h = {
+  virtualScrollRef: g,
+  virtualMenuListItem: q
+}, U = ({
+  level: y = 0,
   search: l,
-  items: e,
-  groups: s = {},
-  defaultItemSize: t,
-  defaultItemColor: n,
-  defaultItemTheme: i,
-  defaultIconTheme: o
+  items: I,
+  groups: M = {},
+  defaultItemSize: x,
+  defaultItemColor: S,
+  defaultItemTheme: P,
+  defaultIconTheme: L
 }) => {
-  const { menu: a } = F({
-    items: e,
-    groups: s,
+  const { menu: z } = T({
+    items: I,
+    groups: M,
     groupByKey: "groupId",
     keyboardEvents: !1
-  }), c = k(null), h = a.flatMap((d, u) => {
-    var g;
-    const p = (d == null ? void 0 : d.props) || {}, { title: x } = p, v = ((g = d == null ? void 0 : d.items) == null ? void 0 : g.filter((b) => {
-      var M;
-      return !((M = b.props) != null && M.hidden);
+  }), m = b(null), a = z.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) => {
+      var s;
+      return !((s = r.props) != null && s.hidden);
     })) || [];
     return [
-      ...u > 0 || r > 0 ? [{ type: "separator" }] : [],
-      ...x ? [{ type: "title", title: x }] : [],
-      ...v.map((b, M) => {
-        var z, O;
+      ...e > 0 || y > 0 ? [{ type: "separator" }] : [],
+      ...c ? [{ type: "title", title: c }] : [],
+      ...p.map((r, s) => {
+        var d, f;
         return {
           type: "item",
-          itemProps: b.props || {},
-          active: b.active,
-          hasChildren: ((z = b.props) == null ? void 0 : z.expanded) && ((O = b.props) == null ? void 0 : O.items),
-          isLastItem: M === v.length - 1
+          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 === p.length - 1
         };
       })
     ];
-  }), f = Z({
-    count: h.length,
+  }), n = E({
+    count: a.length,
     gap: 8,
     estimateSize: () => 44,
-    getScrollElement: () => c.current
-  }), m = f.getVirtualItems();
-  return A(() => {
-    for (const d of m) {
-      const u = document.querySelector(`[data-index="${d.index}"]`);
-      u && f.measureElement(u);
+    getScrollElement: () => m.current
+  }), o = n.getVirtualItems();
+  return R(() => {
+    for (const t of o) {
+      const e = document.querySelector(`[data-index="${t.index}"]`);
+      e && n.measureElement(e);
     }
-  }, [m]), /* @__PURE__ */ w(W, { children: [
-    l && /* @__PURE__ */ E(V, { ...l }),
-    /* @__PURE__ */ E("div", { ref: c, className: R.virtualScrollRef, children: /* @__PURE__ */ E("div", { style: { position: "relative", height: `${f.getTotalSize()}px` }, children: m.map((d) => {
-      const u = h[d.index];
-      return u ? /* @__PURE__ */ w(
-        j,
+  }, [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) => {
+      const e = a[t.index];
+      return e ? /* @__PURE__ */ v(
+        N,
         {
-          dataIndex: d.index,
-          className: R.virtualMenuListItem,
-          style: { transform: `translateY(${d.start}px)` },
-          role: u.type === "separator" ? "separator" : void 0,
+          dataIndex: t.index,
+          className: h.virtualMenuListItem,
+          style: { transform: `translateY(${t.start}px)` },
+          role: e.type === "separator" ? "separator" : void 0,
           children: [
-            u.type === "title" && /* @__PURE__ */ E(L, { title: u.title }),
-            u.type === "item" && /* @__PURE__ */ E(
-              P,
+            e.type === "title" && /* @__PURE__ */ i(j, { title: e.title }),
+            e.type === "item" && /* @__PURE__ */ i(
+              V,
               {
-                ...u.itemProps,
-                size: u.itemProps.size || t,
-                color: u.itemProps.color || n,
-                theme: u.itemProps.theme || i,
-                iconTheme: u.itemProps.iconTheme || o,
-                active: u.active,
-                tabIndex: u.itemProps.disabled ? -1 : 0
+                ...e.itemProps,
+                size: e.itemProps.size || x,
+                color: e.itemProps.color || S,
+                theme: e.itemProps.theme || P,
+                iconTheme: e.itemProps.iconTheme || L,
+                active: e.active,
+                tabIndex: e.itemProps.disabled ? -1 : 0
               }
             )
           ]
         },
-        d.key
+        t.key
       ) : null;
     }) }) })
   ] });
 };
 export {
-  me as MenuItemsVirtual
+  U as MenuItemsVirtual
 };