@altinn/altinn-components 0.62.0 → 0.63.1

package/dist/components/Settings/index.js

@@ -1,16 +1,18 @@
 import { SettingsItem as o } from "./SettingsItem.js";
 import { SettingsItemBase as m } from "./SettingsItemBase.js";
-import { SettingsList as f } from "./SettingsList.js";
-import { SettingsSection as i } from "./SettingsSection.js";
-import { SettingsModal as x } from "./SettingsModal.js";
-import { UsedByLog as S } from "./UsedByLog.js";
+import { SettingsList as i } from "./SettingsList.js";
+import { SettingsListVirtual as g } from "./SettingsListVirtual.js";
+import { SettingsSection as x } from "./SettingsSection.js";
+import { SettingsModal as S } from "./SettingsModal.js";
+import { UsedByLog as a } from "./UsedByLog.js";
 import { UsedByLogItem as B } from "./UsedByLogItem.js";
 export {
   o as SettingsItem,
   m as SettingsItemBase,
-  f as SettingsList,
-  x as SettingsModal,
-  i as SettingsSection,
-  S as UsedByLog,
+  i as SettingsList,
+  g as SettingsListVirtual,
+  S as SettingsModal,
+  x as SettingsSection,
+  a as UsedByLog,
   B as UsedByLogItem
 };

package/dist/components/Snackbar/SnackbarItem.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as f, jsx as l } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
-import { I as u, s as v } from "../../ToolbarSearch-56Sm2j7P.js";
+import { I as u, s as v } from "../../ToolbarSearch-DT-KvnVb.js";
 import a, { forwardRef as _ } from "react";
 import "../Typography/Link.js";
 import { Button as g } from "../Button/Button.js";

package/dist/components/Timeline/Timeline.js

@@ -1,7 +1,7 @@
 import { jsx as i } 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/Timeline/TimelineActivity.js

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

package/dist/components/Timeline/TimelineBase.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as t } 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/Timeline/TimelineFooter.js

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

package/dist/components/Timeline/TimelineHeader.js

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

package/dist/components/Timeline/TimelineIcon.js

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

package/dist/components/Timeline/TimelineSection.js

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

package/dist/components/Timeline/TimelineSegment.js

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

package/dist/components/Toolbar/DatepickerFilter.js

@@ -6,7 +6,7 @@ import { Label as c } from "../Forms/Label.js";
 import { Input as s } from "../Forms/Input.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { u as x, k as g } from "../../ToolbarSearch-56Sm2j7P.js";
+import { u as x, k as g } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as A, useState as p, useCallback as C, useEffect as R } from "react";
-import { M as x } from "../../ToolbarSearch-56Sm2j7P.js";
+import { M as x } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../../index-p1eeF8LQ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Toolbar/Toolbar.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { ToolbarFilter as T } from "./ToolbarFilter.js";
-import { p as l, T as x } from "../../ToolbarSearch-56Sm2j7P.js";
+import { p as l, T as x } from "../../ToolbarSearch-DT-KvnVb.js";
 import '../../assets/Toolbar.css';const z = "_toolbar_ibn1z_1", c = {
   toolbar: z
 }, u = ({ accountMenu: t, menus: m, search: a, filter: s, disabled: o, controls: p, children: b }) => /* @__PURE__ */ n("span", { className: c.toolbar, "data-size": "xs", children: [

package/dist/components/Toolbar/ToolbarFilter.js

@@ -2,7 +2,7 @@ import { jsxs as l, Fragment as L, jsx as i } from "react/jsx-runtime";
 import { useMemo as N, useState as O, createElement as y } from "react";
 import { Button as E } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { s as X } from "../../ToolbarSearch-56Sm2j7P.js";
+import { s as X } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as h } from "react/jsx-runtime";
 import { useRef as a, useEffect as y } from "react";
 import { Button as v } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { g as w, M as x } from "../../ToolbarSearch-56Sm2j7P.js";
+import { g as w, M as x } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import { useDropdownMenuController as C } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Toolbar/ToolbarFilterButton.js

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { Button as t } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { s as c, t as a } from "../../ToolbarSearch-56Sm2j7P.js";
+import { s as c, t as a } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "react-dom";
 import { Tooltip as h } from "../Tooltip/Tooltip.js";

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useRef as G, useEffect as H } from "react";
 import "../../index-p1eeF8LQ.js";
-import { g as E, M as J } from "../../ToolbarSearch-56Sm2j7P.js";
+import { g as E, M as J } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { useDropdownMenuController as K } from "../Menu/useDropdownMenuController.js";

package/dist/components/Toolbar/ToolbarMenu.js

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

package/dist/components/Toolbar/ToolbarSearch.js

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

package/dist/components/Toolbar/index.js

@@ -1,7 +1,7 @@
 import { Toolbar as e } from "./Toolbar.js";
 import { ToolbarFilter as l } from "./ToolbarFilter.js";
 import { ToolbarFilterMenu as m } from "./ToolbarFilterMenu.js";
-import { p as f, T as x } from "../../ToolbarSearch-56Sm2j7P.js";
+import { p as f, T as x } from "../../ToolbarSearch-DT-KvnVb.js";
 import { useFilter as T } from "./useFilter.js";
 import { SelectDateFilter as i } from "./SelectDateFilter.js";
 import { QueryLabel as s } from "./QueryLabel.js";

package/dist/components/Transmission/Transmission.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as t, jsxs as l, Fragment as x } from "react/jsx-runtime";
 import { useState as g } from "react";
-import { B as v } from "../../ToolbarSearch-56Sm2j7P.js";
+import { B as v } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../../index-p1eeF8LQ.js";
 import { AttachmentList as L } from "../Attachment/AttachmentList.js";
 import { Typography as T } from "../Typography/Typography.js";

package/dist/components/Transmission/TransmissionList.js

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

package/dist/components/Transmission/TransmissionType.js

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

package/dist/components/Typography/Heading.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Skeleton/Skeleton.js";
-import { H as g } from "../../ToolbarSearch-56Sm2j7P.js";
+import { H as g } from "../../ToolbarSearch-DT-KvnVb.js";
 import "./useHighlightedText.js";
 import "./Link.js";
 import "../Button/Button.js";

package/dist/components/Typography/index.js

@@ -1,5 +1,5 @@
 import { Typography as p } from "./Typography.js";
-import { H as a } from "../../ToolbarSearch-56Sm2j7P.js";
+import { H as a } from "../../ToolbarSearch-DT-KvnVb.js";
 import { Link as m } from "./Link.js";
 export {
   a as Heading,

package/dist/components/UserListItem/UserListItem.js

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

package/dist/components/index.js

@@ -11,7 +11,7 @@ import { AccountNotificationSettings as b } from "./Account/AccountNotificationS
 import { AccountOrganization as M } from "./Account/AccountOrganization.js";
 import { AccountSelector as T } from "./AccountSelector/AccountSelector.js";
 import { Alert as h } from "./Alert/Alert.js";
-import { B as C, a as P, d as H, D as v, b as w, c as G, f as R, e as E, g as N, F as O, H as V, I as U, j as z, h as Q, M as j, k as q, l as J, m as K, o as W, n as X, R as Y, S as Z, p as _, T as $, V as oo, i as ro, u as eo } from "../ToolbarSearch-56Sm2j7P.js";
+import { B as C, a as P, d as H, D as v, b as w, c as G, f as R, e as E, g as N, F as O, H as V, I as U, j as z, h as Q, M as j, k as q, l as J, m as K, o as W, n as X, R as Y, S as Z, p as _, T as $, V as oo, i as ro, u as eo } from "../ToolbarSearch-DT-KvnVb.js";
 import { Banner as mo, BannerColorEnum as ao, BannerVariantEnum as po } from "./Banner/Banner.js";
 import { BookmarkSettingsItem as fo } from "./Bookmarks/BookmarkSettingsItem.js";
 import { BookmarkSettingsList as so } from "./Bookmarks/BookmarkSettingsList.js";
@@ -170,33 +170,34 @@ import { CheckboxOptions as Ya } from "./Forms/CheckboxOptions.js";
 import { SettingsItem as _a } from "./Settings/SettingsItem.js";
 import { SettingsItemBase as op } from "./Settings/SettingsItemBase.js";
 import { SettingsList as ep } from "./Settings/SettingsList.js";
-import { SettingsSection as mp } from "./Settings/SettingsSection.js";
-import { SettingsModal as pp } from "./Settings/SettingsModal.js";
-import { UsedByLog as fp } from "./Settings/UsedByLog.js";
-import { UsedByLogItem as sp } from "./Settings/UsedByLogItem.js";
-import { DashboardHeader as lp } from "./Dashboard/DashboardHeader.js";
-import { DashboardCard as up } from "./Dashboard/DashboardCard.js";
-import { ActivityLog as gp } from "./ActivityLog/ActivityLog.js";
-import { ActivityLogSegment as Lp } from "./ActivityLog/ActivityLogSegment.js";
-import { ActivityLogItem as Ip } from "./ActivityLog/ActivityLogItem.js";
-import { ArticleHeader as bp } from "./Article/ArticleHeader.js";
-import { ArticleContact as Mp } from "./Article/ArticleContact.js";
-import { Article as Tp } from "./Article/Article.js";
-import { ModalBase as hp } from "./Modal/ModalBase.js";
-import { ModalHeader as Cp } from "./Modal/ModalHeader.js";
-import { ModalFooter as Hp } from "./Modal/ModalFooter.js";
-import { ModalIcon as wp } from "./Modal/ModalIcon.js";
-import { ModalBody as Rp } from "./Modal/ModalBody.js";
-import { Modal as Np } from "./Modal/Modal.js";
-import { Tooltip as Vp } from "./Tooltip/Tooltip.js";
-import { A as zp } from "../alert-BzifOfXl.js";
-import { B as jp, C as qp, a as Jp, b as Kp, D as Wp, L as Xp, c as Yp, P as Zp, d as _p, e as $p, f as ox, S as rx, g as ex, T as tx, u as mx } from "../textfield-f4Za2qt6.js";
-import { B as px, S as xx } from "../button-BB5sYVKY.js";
-import { D as ix } from "../index-Q0EA2XB0.js";
-import { H as nx } from "../heading-C_XYsUfi.js";
-import { L as cx } from "../link-D1SA3LCe.js";
-import { P as dx } from "../paragraph-BRiIBpbY.js";
-import { V as Dx } from "../index-z82sbSVU.js";
+import { SettingsListVirtual as mp } from "./Settings/SettingsListVirtual.js";
+import { SettingsSection as pp } from "./Settings/SettingsSection.js";
+import { SettingsModal as fp } from "./Settings/SettingsModal.js";
+import { UsedByLog as sp } from "./Settings/UsedByLog.js";
+import { UsedByLogItem as lp } from "./Settings/UsedByLogItem.js";
+import { DashboardHeader as up } from "./Dashboard/DashboardHeader.js";
+import { DashboardCard as gp } from "./Dashboard/DashboardCard.js";
+import { ActivityLog as Lp } from "./ActivityLog/ActivityLog.js";
+import { ActivityLogSegment as Ip } from "./ActivityLog/ActivityLogSegment.js";
+import { ActivityLogItem as bp } from "./ActivityLog/ActivityLogItem.js";
+import { ArticleHeader as Mp } from "./Article/ArticleHeader.js";
+import { ArticleContact as Tp } from "./Article/ArticleContact.js";
+import { Article as hp } from "./Article/Article.js";
+import { ModalBase as Cp } from "./Modal/ModalBase.js";
+import { ModalHeader as Hp } from "./Modal/ModalHeader.js";
+import { ModalFooter as wp } from "./Modal/ModalFooter.js";
+import { ModalIcon as Rp } from "./Modal/ModalIcon.js";
+import { ModalBody as Np } from "./Modal/ModalBody.js";
+import { Modal as Vp } from "./Modal/Modal.js";
+import { Tooltip as zp } from "./Tooltip/Tooltip.js";
+import { A as jp } from "../alert-BzifOfXl.js";
+import { B as Jp, C as Kp, a as Wp, b as Xp, D as Yp, L as Zp, c as _p, P as $p, d as ox, e as rx, f as ex, S as tx, g as mx, T as ax, u as px } from "../textfield-f4Za2qt6.js";
+import { B as fx, S as ix } from "../button-BB5sYVKY.js";
+import { D as nx } from "../index-Q0EA2XB0.js";
+import { H as cx } from "../heading-C_XYsUfi.js";
+import { L as dx } from "../link-D1SA3LCe.js";
+import { P as Dx } from "../paragraph-BRiIBpbY.js";
+import { V as Bx } from "../index-z82sbSVU.js";
 export {
   fa as AccessAreaListItem,
   sa as AccessPackageListItem,
@@ -208,13 +209,13 @@ export {
   b as AccountNotificationSettings,
   M as AccountOrganization,
   T as AccountSelector,
-  gp as ActivityLog,
-  Ip as ActivityLogItem,
-  Lp as ActivityLogSegment,
+  Lp as ActivityLog,
+  bp as ActivityLogItem,
+  Ip as ActivityLogSegment,
   h as Alert,
-  Tp as Article,
-  Mp as ArticleContact,
-  bp as ArticleHeader,
+  hp as Article,
+  Tp as ArticleContact,
+  Mp as ArticleHeader,
   m as AttachmentLink,
   p as AttachmentList,
   Rt as Autocomplete,
@@ -249,8 +250,8 @@ export {
   qm as ContactButtons,
   Qm as ContactSection,
   Go as ContextMenu,
-  up as DashboardCard,
-  lp as DashboardHeader,
+  gp as DashboardCard,
+  up as DashboardHeader,
   Oo as Dialog,
   ar as DialogActions,
   xr as DialogActivityLog,
@@ -281,28 +282,28 @@ export {
   Fr as DrawerHeader,
   N as Dropdown,
   Ar as DropdownBase,
-  zp as DsAlert,
-  jp as DsBadge,
-  px as DsButton,
-  qp as DsCheckbox,
-  Jp as DsChip,
-  Kp as DsCombobox,
-  ix as DsDetails,
-  Wp as DsDialog,
-  nx as DsHeading,
-  cx as DsLink,
-  Xp as DsListItem,
-  Yp as DsListUnordered,
-  Zp as DsPagination,
-  dx as DsParagraph,
-  _p as DsPopover,
-  $p as DsSearch,
-  ox as DsSkeleton,
-  xx as DsSpinner,
-  rx as DsSwitch,
-  ex as DsTabs,
-  tx as DsTextfield,
-  Dx as DsValidationMessage,
+  jp as DsAlert,
+  Jp as DsBadge,
+  fx as DsButton,
+  Kp as DsCheckbox,
+  Wp as DsChip,
+  Xp as DsCombobox,
+  nx as DsDetails,
+  Yp as DsDialog,
+  cx as DsHeading,
+  dx as DsLink,
+  Zp as DsListItem,
+  _p as DsListUnordered,
+  $p as DsPagination,
+  Dx as DsParagraph,
+  ox as DsPopover,
+  rx as DsSearch,
+  ex as DsSkeleton,
+  ix as DsSpinner,
+  tx as DsSwitch,
+  mx as DsTabs,
+  ax as DsTextfield,
+  Bx as DsValidationMessage,
   ua as Field,
   O as FieldBase,
   ga as Fieldset,
@@ -360,12 +361,12 @@ export {
   X as MetaItemIcon,
   st as MetaTimestamp,
   lt as Metadata,
-  Np as Modal,
-  hp as ModalBase,
-  Rp as ModalBody,
-  Hp as ModalFooter,
-  Cp as ModalHeader,
-  wp as ModalIcon,
+  Vp as Modal,
+  Cp as ModalBase,
+  Np as ModalBody,
+  wp as ModalFooter,
+  Hp as ModalHeader,
+  Rp as ModalIcon,
   ut as NotificationItem,
   gt as NotificationItemBase,
   Lt as NotificationItemControls,
@@ -400,8 +401,9 @@ export {
   _a as SettingsItem,
   op as SettingsItemBase,
   ep as SettingsList,
-  pp as SettingsModal,
-  mp as SettingsSection,
+  mp as SettingsListVirtual,
+  fp as SettingsModal,
+  pp as SettingsSection,
   e as SizeEnum,
   Xt as Skeleton,
   Vt as Snackbar,
@@ -429,21 +431,21 @@ export {
   Dm as ToolbarFilterMenu,
   _ as ToolbarMenu,
   $ as ToolbarSearch,
-  Vp as Tooltip,
+  zp as Tooltip,
   Xm as Transmission,
   oa as TransmissionList,
   Zm as TransmissionType,
   _m as TransmissionTypeEnum,
   ea as Typography,
-  fp as UsedByLog,
-  sp as UsedByLogItem,
+  sp as UsedByLog,
+  lp as UsedByLogItem,
   la as UserListItem,
   oo as VirtualizedMenuItems,
   l as isAvatarGroupProps,
   i as isAvatarProps,
   Ne as isHeadingProps,
   ro as isIconProps,
-  mx as useDsPagination,
+  px as useDsPagination,
   Bm as useFilter,
   eo as useRootContext,
   Kt as useSnackbar

package/dist/hooks/useAccountSelector.js

@@ -1,7 +1,7 @@
 import { jsx as S } from "react/jsx-runtime";
 import { useRef as x, useMemo as z } from "react";
 import "../index-p1eeF8LQ.js";
-import "../ToolbarSearch-56Sm2j7P.js";
+import "../ToolbarSearch-DT-KvnVb.js";
 import "../components/Typography/Link.js";
 import { Button as G } from "../components/Button/Button.js";
 import "react-dom";

package/dist/hooks/useMenu.js

@@ -1,59 +1,67 @@
 "use client";
-import { useState as x, useMemo as d, useCallback as k, useEffect as A } from "react";
+import { useState as g, useMemo as f, useCallback as k, useEffect as A } from "react";
 import { useEnterKey as D } from "./useEnterKey.js";
-const O = ({
+const x = ({
   items: s,
-  groups: p,
-  groupByKey: c,
+  groups: m,
+  groupByKey: o,
   keyboardEvents: u = !1,
-  autoActivateFirstItem: m = !0,
-  sortGroupBy: v,
-  onSelect: h,
-  ref: a
+  autoActivateFirstItem: v = !0,
+  sortGroupBy: h,
+  onSelect: I,
+  ref: d
 }) => {
-  const [o, r] = x(-1);
+  const [c, r] = g(-1);
   D((e) => {
     if (u) {
-      const t = (a && "current" in a ? a.current : null)?.querySelector('[data-active="true"]');
+      const n = (d && "current" in d ? d.current : null)?.querySelector('[data-active="true"]');
       if (document.activeElement?.getAttribute("data-action") === "clear-input")
         return;
-      t && (e.stopPropagation(), e.preventDefault(), t.tagName === "A" && t.hasAttribute("href") ? t.click() : t.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), h?.();
+      n && (e.stopPropagation(), e.preventDefault(), n.tagName === "A" && n.hasAttribute("href") ? n.click() : n.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), I?.();
     }
   });
-  const l = d(() => s.reduce(
-    (e, n) => {
-      const t = c && n[c] ? n[c] : "ungrouped";
-      return e[t] = e[t] || [], e[t].push(n), e;
+  const i = f(() => s.reduce(
+    (e, t) => {
+      const n = o && t[o] ? t[o] : "ungrouped";
+      return e[n] = e[n] || [], e[n].push(t), e;
     },
     {}
-  ), [s, c]), i = d(
-    () => Object.values(l).flat().filter((e) => !e?.disabled),
-    [l]
-  ), w = d(() => Object.entries(l).sort(v || (() => 0)).map(([e, n]) => ({
-    items: n.map((t) => ({
-      menuIndex: i.indexOf(t),
-      active: o === i.indexOf(t),
-      onMouseEnter: u ? () => {
-        r(i.indexOf(t));
-      } : void 0,
-      onMouseLeave: u ? () => {
-        r(-1);
-      } : void 0,
-      props: t
-    })),
+  ), [s, o]), l = f(
+    () => Object.values(i).flat().filter((e) => !e?.disabled),
+    [i]
+  ), w = f(() => {
+    const e = /* @__PURE__ */ new Map();
+    for (let t = 0; t < l.length; t++)
+      e.set(l[t], t);
+    return e;
+  }, [l]), M = f(() => Object.entries(i).sort(h || (() => 0)).map(([e, t]) => ({
+    items: t.map((n) => {
+      const a = w.get(n) ?? -1;
+      return {
+        menuIndex: a,
+        active: c === a,
+        onMouseEnter: u ? () => {
+          r(a);
+        } : void 0,
+        onMouseLeave: u ? () => {
+          r(-1);
+        } : void 0,
+        props: n
+      };
+    }),
     props: {
-      ...p[e] || {}
+      ...m[e] || {}
     }
-  })), [l, i, o, u, v, p]), f = k(
+  })), [i, w, c, u, h, m]), p = k(
     (e) => {
-      e.key === "ArrowDown" ? (e.preventDefault(), r((n) => (n + 1) % s.length)) : e.key === "ArrowUp" && (e.preventDefault(), r((n) => n <= 0 ? 0 : n - 1));
+      e.key === "ArrowDown" ? (e.preventDefault(), r((t) => (t + 1) % s.length)) : e.key === "ArrowUp" && (e.preventDefault(), r((t) => t <= 0 ? 0 : t - 1));
     },
     [s.length]
   );
-  return A(() => (u && (r(m ? 0 : -1), document.addEventListener("keydown", f)), () => {
-    document.removeEventListener("keydown", f);
-  }), [f, u, m]), { menu: w, activeIndex: o, setActiveIndex: r, activeItem: i[o] };
+  return A(() => (u && (r(v ? 0 : -1), document.addEventListener("keydown", p)), () => {
+    document.removeEventListener("keydown", p);
+  }), [p, u, v]), { menu: M, activeIndex: c, setActiveIndex: r, activeItem: l[c] };
 };
 export {
-  O as useMenu
+  x as useMenu
 };