@altinn/altinn-components 0.62.0 → 0.63.1

package/dist/components/Metadata/Metadata.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { o as p } from "../../ToolbarSearch-56Sm2j7P.js";
+import { o as p } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Metadata/index.js

@@ -1,5 +1,5 @@
 import { MetaBase as a } from "./MetaBase.js";
-import { o as m, n as r } from "../../ToolbarSearch-56Sm2j7P.js";
+import { o as m, n as r } from "../../ToolbarSearch-DT-KvnVb.js";
 import { MetaTimestamp as M } from "./MetaTimestamp.js";
 import { Metadata as s } from "./Metadata.js";
 export {

package/dist/components/Modal/Modal.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { s as e } from "../../ToolbarSearch-56Sm2j7P.js";
+import { s as e } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import { Button as n } from "../Button/Button.js";
 import "react-dom";

package/dist/components/Modal/ModalBase.js

@@ -2,7 +2,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useRef as D, useEffect as m } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../../ToolbarSearch-56Sm2j7P.js";
+import "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Modal/ModalHeader.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { c as h } from "../../index-p1eeF8LQ.js";
 import "react";
-import { H as c, s as p } from "../../ToolbarSearch-56Sm2j7P.js";
+import { H as c, s as p } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import { Button as f } from "../Button/Button.js";
 import "react-dom";

package/dist/components/Modal/ModalIcon.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
-import { I as s, s as m, i as n } from "../../ToolbarSearch-56Sm2j7P.js";
+import { I as s, s as m, i as n } from "../../ToolbarSearch-DT-KvnVb.js";
 import { isAvatarProps as i, Avatar as c } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as v, AvatarGroup as l } from "../Avatar/AvatarGroup.js";
 import "../Typography/Link.js";

package/dist/components/Notifications/NotificationItem.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-56Sm2j7P.js";
+import "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Notifications/NotificationItemBase.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-56Sm2j7P.js";
+import "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Notifications/NotificationItemControls.js

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { s as p } from "../../ToolbarSearch-56Sm2j7P.js";
+import { s as p } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";
 import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";

package/dist/components/Notifications/NotificationItemIcon.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as o, Fragment as p } from "react/jsx-runtime";
 import { isValidElement as i } from "react";
-import { I as e, s as m, i as c, B as l } from "../../ToolbarSearch-56Sm2j7P.js";
+import { I as e, s as m, i as c, B as l } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../../index-p1eeF8LQ.js";
 import { isAvatarProps as _, Avatar as v } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as d, AvatarGroup as f } from "../Avatar/AvatarGroup.js";

package/dist/components/Page/AccordionSection.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-56Sm2j7P.js";
+import "../../ToolbarSearch-DT-KvnVb.js";
 import { Typography as e } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Page/ContactButtons.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as u } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-56Sm2j7P.js";
+import "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";
 import { ButtonIcon as a } from "../Button/ButtonIcon.js";

package/dist/components/Page/ContactSection.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { H as a } from "../../ToolbarSearch-56Sm2j7P.js";
+import { H as a } from "../../ToolbarSearch-DT-KvnVb.js";
 import { Typography as s } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Page/PageMenu.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { I as u } from "../../ToolbarSearch-56Sm2j7P.js";
+import { I as u } from "../../ToolbarSearch-DT-KvnVb.js";
 import "react";
 import "../Typography/Link.js";
 import { Button as p } from "../Button/Button.js";

package/dist/components/Page/PageNav.js

@@ -2,7 +2,7 @@
 import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as c } from "react";
-import "../../ToolbarSearch-56Sm2j7P.js";
+import "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import { Button as m } from "../Button/Button.js";
 import { Breadcrumbs as f } from "../Breadcrumbs/Breadcrumbs.js";

package/dist/components/Page/Section.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { c as n } from "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-56Sm2j7P.js";
+import "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Pagination/Pagination.js

@@ -2,7 +2,7 @@ import { jsx as i, jsxs as p } from "react/jsx-runtime";
 import { Button as e } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-56Sm2j7P.js";
+import "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/ResourceListItem/ResourceListItem.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-56Sm2j7P.js";
+import "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/RootProvider/RootProvider.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../hooks/useEscapeKey.js";
 import "../../index-p1eeF8LQ.js";
-import { R as u, u as x } from "../../ToolbarSearch-56Sm2j7P.js";
+import { R as u, u as x } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/RootProvider/index.js

@@ -1,4 +1,4 @@
-import { R as e, u as r } from "../../ToolbarSearch-56Sm2j7P.js";
+import { R as e, u as r } from "../../ToolbarSearch-DT-KvnVb.js";
 export {
   e as RootProvider,
   r as useRootContext

package/dist/components/Search/SearchItem.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { H as m, a as l } from "../../ToolbarSearch-56Sm2j7P.js";
+import { H as m, a as l } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Searchbar/Autocomplete.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as j } from "react/jsx-runtime";
 import { useRef as B, Fragment as C } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as P } from "../../hooks/useMenu.js";
-import "../../ToolbarSearch-56Sm2j7P.js";
+import "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import { MenuList as k } from "../Menu/MenuList.js";
 import { MenuListItem as y } from "../Menu/MenuListItem.js";

package/dist/components/Searchbar/AutocompleteItem.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { k as n, B as e } from "../../ToolbarSearch-56Sm2j7P.js";
+import { k as n, B as e } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";

package/dist/components/Searchbar/Searchbar.js

@@ -2,7 +2,7 @@ import { jsxs as f, jsx as c } from "react/jsx-runtime";
 import { useState as g } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useIsDesktop as h } from "../../hooks/useIsDesktop.js";
-import { u as I } from "../../ToolbarSearch-56Sm2j7P.js";
+import { u as I } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Searchbar/SearchbarField.js

@@ -2,7 +2,7 @@
 import { jsxs as k, jsx as e } from "react/jsx-runtime";
 import { c as N } from "../../index-p1eeF8LQ.js";
 import { useRef as v } from "react";
-import { I as S, q as z, s as o } from "../../ToolbarSearch-56Sm2j7P.js";
+import { I as S, q as z, s as o } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/SettingsItem.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import { useState as b } from "react";
 import { Input as P } from "../Forms/Input.js";
-import "../../ToolbarSearch-56Sm2j7P.js";
+import "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/SettingsItemBase.js

@@ -1,5 +1,5 @@
-import { jsxs as m, jsx as a, Fragment as g } from "react/jsx-runtime";
-import { h as u, H as c, B, v as C } from "../../ToolbarSearch-56Sm2j7P.js";
+import { jsxs as t, jsx as a, Fragment as g } from "react/jsx-runtime";
+import { h as u, H as c, B, v as C } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as b } from "../Typography/Typography.js";
@@ -12,47 +12,48 @@ import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { S as H } from "../../ChevronUp-hn05LboH.js";
 import { S as z } from "../../ChevronDown-D_a7nb-G.js";
-import '../../assets/SettingsItemBase.css';const D = "_listItem_1p24v_1", F = "_summary_1p24v_23", L = "_item_1p24v_27", M = "_media_1p24v_45", T = "_link_1p24v_59", U = "_linkIcon_1p24v_69", q = "_label_1p24v_75", A = "_controls_1p24v_88", s = {
-  listItem: D,
-  summary: F,
-  item: L,
-  media: M,
-  link: T,
-  linkIcon: U,
-  label: q,
-  controls: A
-}, as = ({
-  as: p,
-  ref: _,
+import '../../assets/SettingsItemBase.css';const A = "_listItem_9q1fv_1", D = "_summary_9q1fv_23", F = "_item_9q1fv_27", L = "_media_9q1fv_45", M = "_link_9q1fv_59", T = "_linkIcon_9q1fv_69", U = "_label_9q1fv_76", E = "_controls_9q1fv_89", s = {
+  listItem: A,
+  summary: D,
+  item: F,
+  media: L,
+  link: M,
+  linkIcon: T,
+  label: U,
+  controls: E
+}, ts = ({
+  as: _,
+  ref: p,
   hidden: v,
   disabled: e,
-  loading: t,
+  loading: m,
   color: d,
   collapsible: o,
   expanded: i,
-  icon: I,
-  label: N,
-  titleProps: h = {},
-  descriptionProps: k = {},
+  icon: f,
+  label: I,
+  titleProps: N = {},
+  descriptionProps: h = {},
   summary: n,
-  children: f,
-  highlightWords: l,
-  badge: r,
-  linkIcon: x,
-  controls: y,
+  children: k,
+  highlightWords: r,
+  badge: l,
+  linkIcon: q,
+  controls: x,
+  containerAs: y = "li",
   ...S
-}) => /* @__PURE__ */ m("li", { className: s.listItem, "data-collapsible": o, "data-expanded": i, children: [
-  /* @__PURE__ */ m(R, { ref: _, as: "div", className: s.item, color: d, "aria-hidden": v, "data-loading": t, children: [
-    /* @__PURE__ */ m(j, { ...S, className: s.link, disabled: e, as: p, children: [
-      /* @__PURE__ */ a(u, { icon: I, className: s.media }),
-      N || /* @__PURE__ */ m("span", { className: s.label, children: [
+}) => /* @__PURE__ */ t(y, { className: s.listItem, "data-collapsible": o, "data-expanded": i, children: [
+  /* @__PURE__ */ t(R, { ref: p, as: "div", className: s.item, color: d, "aria-hidden": v, "data-loading": m, children: [
+    /* @__PURE__ */ t(j, { ...S, className: s.link, disabled: e, as: _, children: [
+      /* @__PURE__ */ a(u, { icon: f, className: s.media }),
+      I || /* @__PURE__ */ t("span", { className: s.label, children: [
         /* @__PURE__ */ a(
           c,
           {
-            ...h,
+            ...N,
             as: "span",
-            highlightWords: l,
-            loading: t,
+            highlightWords: r,
+            loading: m,
             maxRows: 2,
             className: s.title
           }
@@ -60,25 +61,25 @@ import '../../assets/SettingsItemBase.css';const D = "_listItem_1p24v_1", F = "_
         /* @__PURE__ */ a(
           c,
           {
-            ...k,
+            ...h,
             as: "span",
-            highlightWords: l,
-            loading: t,
+            highlightWords: r,
+            loading: m,
             maxRows: 2,
             className: s.description
           }
         )
       ] })
     ] }),
-    !e && /* @__PURE__ */ m(g, { children: [
-      /* @__PURE__ */ a(w, { className: s.controls, children: y }),
-      r && /* @__PURE__ */ a(B, { ...r }),
-      o && (i ? /* @__PURE__ */ a(H, { className: s.linkIcon }) : /* @__PURE__ */ a(z, { className: s.linkIcon })) || x && /* @__PURE__ */ a(C, { className: s.linkIcon })
+    !e && /* @__PURE__ */ t(g, { children: [
+      /* @__PURE__ */ a(w, { className: s.controls, children: x }),
+      l && /* @__PURE__ */ a(B, { ...l }),
+      o && (i ? /* @__PURE__ */ a(H, { className: s.linkIcon }) : /* @__PURE__ */ a(z, { className: s.linkIcon })) || q && /* @__PURE__ */ a(C, { className: s.linkIcon })
     ] })
   ] }),
   n && /* @__PURE__ */ a(b, { className: s.summary, size: "xs", variant: "subtle", children: n }),
-  f
+  k
 ] });
 export {
-  as as SettingsItemBase
+  ts as SettingsItemBase
 };

package/dist/components/Settings/SettingsList.js

@@ -1,42 +1,51 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { Fragment as c, createElement as d } from "react";
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { Fragment as f, createElement as g } from "react";
 import "../../index-p1eeF8LQ.js";
-import { useMenu as N } from "../../hooks/useMenu.js";
-import { H as u } from "../../ToolbarSearch-56Sm2j7P.js";
+import { useMenu as x } from "../../hooks/useMenu.js";
+import { H as h } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { s } from "../../settlingsList.module-So3_AYgj.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { SettingsItem as g } from "./SettingsItem.js";
-const w = ({ items: h, variant: i = "default", groups: f = {}, sortGroupBy: y }) => {
-  const { menu: p } = N({
-    items: h,
-    groups: f,
+import { SettingsItem as y } from "./SettingsItem.js";
+import { SettingsListVirtual as P } from "./SettingsListVirtual.js";
+const K = ({
+  items: p,
+  variant: i = "default",
+  groups: a = {},
+  sortGroupBy: c,
+  virtualized: N
+}) => {
+  if (N)
+    return /* @__PURE__ */ t(P, { items: p, variant: i, groups: a, sortGroupBy: c });
+  const { menu: d } = x({
+    items: p,
+    groups: a,
     groupByKey: "groupId",
     keyboardEvents: !1,
-    sortGroupBy: y
+    sortGroupBy: c
   });
-  return i === "menu" ? /* @__PURE__ */ t("div", { className: s.section, "data-variant": i, children: p?.map((e, o) => {
+  return i === "menu" ? /* @__PURE__ */ t("div", { className: s.section, "data-variant": i, children: d?.map((e, m) => {
     const r = e.props || {};
-    return /* @__PURE__ */ a(c, { children: [
-      r?.title && /* @__PURE__ */ t(u, { size: "xs", weight: "normal", variant: "subtle", children: r.title }),
-      /* @__PURE__ */ t("ul", { className: s.list, children: e?.items.map((m, n) => {
-        const l = m.props || {};
-        return /* @__PURE__ */ d(g, { ...l, key: "settings-list-item" + n });
+    return /* @__PURE__ */ u(f, { children: [
+      r?.title && /* @__PURE__ */ t(h, { size: "xs", weight: "normal", variant: "subtle", children: r.title }),
+      /* @__PURE__ */ t("ul", { className: s.list, children: e?.items.map((o, n) => {
+        const l = o.props || {};
+        return /* @__PURE__ */ g(y, { ...l, key: "settings-list-item" + n });
       }) })
-    ] }, o);
-  }) }) : /* @__PURE__ */ t("div", { className: s.section, "data-variant": i, children: p?.map((e, o) => {
+    ] }, m);
+  }) }) : /* @__PURE__ */ t("div", { className: s.section, "data-variant": i, children: d?.map((e, m) => {
     const r = e.props || {};
-    return /* @__PURE__ */ a(c, { children: [
-      r?.title && /* @__PURE__ */ t(u, { size: "lg", children: r.title }),
-      /* @__PURE__ */ t("section", { className: s.group, children: /* @__PURE__ */ t("ul", { className: s.list, children: e?.items.map((m, n) => {
-        const l = m.props || {};
-        return /* @__PURE__ */ d(g, { ...l, key: "settings-list-item" + n });
+    return /* @__PURE__ */ u(f, { children: [
+      r?.title && /* @__PURE__ */ t(h, { size: "lg", children: r.title }),
+      /* @__PURE__ */ t("section", { className: s.group, children: /* @__PURE__ */ t("ul", { className: s.list, children: e?.items.map((o, n) => {
+        const l = o.props || {};
+        return /* @__PURE__ */ g(y, { ...l, key: "settings-list-item" + n });
       }) }) })
-    ] }, o);
+    ] }, m);
   }) });
 };
 export {
-  w as SettingsList
+  K as SettingsList
 };

package/dist/components/Settings/SettingsListVirtual.js

@@ -0,0 +1,115 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { u as C } from "../../useMenuVirtualization-Cs426RCN.js";
+import { useRef as h, useEffect as y } from "react";
+import "../../index-p1eeF8LQ.js";
+import { useMenu as L } from "../../hooks/useMenu.js";
+import { H as f } from "../../ToolbarSearch-DT-KvnVb.js";
+import "../Typography/Link.js";
+import "../Button/Button.js";
+import "react-dom";
+import "../Snackbar/useSnackbar.js";
+import { SettingsItem as G } from "./SettingsItem.js";
+import '../../assets/SettingsListVirtual.css';const S = "_virtualScrollRefWrapper_5p35f_1", x = "_virtualScrollRef_5p35f_1", F = "_virtualList_5p35f_12", N = "_virtualListItem_5p35f_19", z = "_virtualTitleItem_5p35f_35", M = "_groupCard_5p35f_43", $ = "_groupCardFirst_5p35f_49", E = "_groupCardLast_5p35f_55", R = "_groupCardNotFirst_5p35f_61", T = "_groupGapDefault_5p35f_65", W = "_groupGapMenu_5p35f_69", e = {
+  virtualScrollRefWrapper: S,
+  virtualScrollRef: x,
+  virtualList: F,
+  virtualListItem: N,
+  virtualTitleItem: z,
+  groupCard: M,
+  groupCardFirst: $,
+  groupCardLast: E,
+  groupCardNotFirst: R,
+  groupGapDefault: T,
+  groupGapMenu: W
+}, K = ({
+  items: d,
+  variant: o = "default",
+  groups: g = {},
+  sortGroupBy: _
+}) => {
+  const a = h(null), { menu: I } = L({
+    items: d,
+    groups: g,
+    groupByKey: "groupId",
+    keyboardEvents: !1,
+    sortGroupBy: _
+  }), u = I.flatMap((r) => {
+    const t = r?.props || {}, { title: s } = t, n = r?.items || [], l = [];
+    return s && l.push({ type: "title", title: s }), n.forEach((v, m) => {
+      l.push({
+        type: "item",
+        itemProps: v.props || {},
+        isFirstInGroup: m === 0,
+        isLastInGroup: m === n.length - 1
+      });
+    }), l;
+  }), p = C({
+    count: u.length,
+    useAnimationFrameWithResizeObserver: !0,
+    gap: 0,
+    estimateSize: (r) => {
+      const t = u[r];
+      if (!t) return 56;
+      if (t.type === "title") return r === 0 ? 48 : 72;
+      const s = o === "menu" ? 8 : 24;
+      return t.isLastInGroup ? 56 + s : 56;
+    },
+    getScrollElement: () => a.current
+  }), c = p.getVirtualItems();
+  return y(() => {
+    for (const r of c) {
+      const t = a.current?.querySelector(`[data-index="${r.index}"]`) ?? a.current?.querySelector(`[dataindex="${r.index}"]`) ?? a.current?.querySelector(`[dataIndex="${r.index}"]`);
+      t && p.measureElement(t);
+    }
+  }, [c]), /* @__PURE__ */ i("div", { className: e.virtualScrollRefWrapper, children: /* @__PURE__ */ i("div", { ref: a, className: e.virtualScrollRef, children: /* @__PURE__ */ i(
+    "ul",
+    {
+      className: e.virtualList,
+      style: {
+        position: "relative",
+        height: `${p.getTotalSize()}px`
+      },
+      children: c.map((r) => {
+        const t = u[r.index];
+        if (!t) return null;
+        if (t.type === "title")
+          return /* @__PURE__ */ i(
+            "li",
+            {
+              "data-index": r.index,
+              className: e.virtualTitleItem,
+              style: {
+                transform: `translateY(${r.start}px)`,
+                paddingBottom: o === "menu" ? "0.5rem" : "1.5rem"
+              },
+              children: o === "menu" ? /* @__PURE__ */ i(f, { size: "xs", weight: "normal", variant: "subtle", children: t.title }) : /* @__PURE__ */ i(f, { size: "lg", children: t.title })
+            },
+            r.key
+          );
+        const s = o === "default", n = [
+          e.virtualListItem,
+          t.isLastInGroup ? o === "menu" ? e.groupGapMenu : e.groupGapDefault : ""
+        ].filter(Boolean).join(" "), l = [
+          s ? e.groupCard : "",
+          s && t.isFirstInGroup ? e.groupCardFirst : "",
+          s && t.isLastInGroup ? e.groupCardLast : "",
+          s && !t.isFirstInGroup ? e.groupCardNotFirst : ""
+        ].filter(Boolean).join(" ");
+        return /* @__PURE__ */ i(
+          "li",
+          {
+            "data-index": r.index,
+            className: n,
+            style: { transform: `translateY(${r.start}px)` },
+            children: /* @__PURE__ */ i("div", { className: l, children: /* @__PURE__ */ i(G, { ...t.itemProps, containerAs: "div" }) })
+          },
+          r.key
+        );
+      })
+    }
+  ) }) });
+};
+export {
+  K as SettingsListVirtual
+};

package/dist/components/Settings/SettingsModal.js

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { createElement as u } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../../ToolbarSearch-56Sm2j7P.js";
+import "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import { Button as M } from "../Button/Button.js";
 import { ButtonIcon as k } from "../Button/ButtonIcon.js";

package/dist/components/Settings/SettingsSection.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-56Sm2j7P.js";
+import "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/UsedByLog.js

@@ -2,7 +2,7 @@
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
 import { useState as y, createElement as B, useMemo as L, Fragment as S } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../../ToolbarSearch-56Sm2j7P.js";
+import "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/UsedByLogItem.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
-import { a as p, B as c } from "../../ToolbarSearch-56Sm2j7P.js";
+import { a as p, B as c } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";