@altinn/altinn-components 0.54.2 → 0.55.0

package/dist/assets/ContextMenu.css

@@ -1 +0,0 @@
-._toggle_nol5i_1{position:relative}._button_nol5i_5{display:flex;align-items:center;justify-content:center;width:2.75rem;padding:.625rem;border-radius:50%}._icon_nol5i_14{font-size:1.5rem}

package/dist/assets/IconOrAvatar.css

@@ -1 +0,0 @@
-._icon_1ez59_1,._avatar_1ez59_2,._avatarGroup_1ez59_6{font-size:2.25rem}

package/dist/assets/MenuBase.css

@@ -1 +0,0 @@
-._menu_twp4i_1{list-style:none;padding:0;margin:0;text-indent:0;display:flex;flex-direction:column;width:100%}._list_twp4i_12,._item_twp4i_18{list-style:none;padding:0;margin:0}._item_twp4i_18[role=separator]{border-top:1px solid var(--ds-color-border-subtle)}

package/dist/assets/MenuHeader.css

@@ -1 +0,0 @@
-._header_1aaxa_1{padding:.5rem;margin:.5rem 0}._title_1aaxa_6{font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--ds-color-text-subtle);margin:0}

package/dist/assets/MenuInputField.css

@@ -1 +0,0 @@
-._field_bgrbp_1{padding:0 .5rem;margin:.5rem 0;display:flex;flex-direction:column;row-gap:.5rem}._label_bgrbp_9{font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--ds-color-text-subtle);margin:0}._input_bgrbp_17{width:100%;height:2.75rem;font-size:.875rem;line-height:1rem;font-weight:400;padding:9px;border-radius:2px;border:1px solid;border-color:var(--ds-color-border-default)}._input_bgrbp_17{color:var(--ds-color-text-subtle)}._input_bgrbp_17[data-value=true]{color:var(--ds-color-text-default)}._button_bgrbp_37[aria-selected=true]{background-color:var(--ds-color-background-tinted);color:var(--ds-color-text-default)}._close_bgrbp_42{padding:6px 0}._icon_bgrbp_46{border-left:1px solid;border-color:var(--ds-color-background-tinted);display:flex;align-items:center;justify-content:center;font-size:1.25rem;padding:0 6px}

package/dist/assets/MenuItemBase.css

@@ -1 +0,0 @@
-._item_ygbc3_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_ygbc3_1[data-size=md]{min-height:56px}._item_ygbc3_1[data-size=md]{min-height:44px}._item_ygbc3_1[data-size=sm]{min-height:40px}._content_ygbc3_40{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_ygbc3_1{background-color:transparent}._item_ygbc3_1{pointer-events:none}._item_ygbc3_1[data-interactive=true]{pointer-events:all}._item_ygbc3_1[data-interactive=true]:hover{background-color:var(--ds-color-surface-hover)}._item_ygbc3_1[data-active=true]{background-color:var(--ds-color-background-tinted)}._item_ygbc3_1[data-active=true]{outline:2px solid black}._item_ygbc3_1[data-selected=true],._item_ygbc3_1:active,[data-variant=subtle] ._item_ygbc3_1:hover{background-color:var(--ds-color-surface-hover)}[data-variant=subtle] ._item_ygbc3_1:active{background-color:var(--ds-color-surface-active)}[data-variant=subtle] ._item_ygbc3_1[data-selected=true]{background-color:var(--ds-color-background-default)}._content_ygbc3_40{display:flex;width:100%;align-items:center;column-gap:.5em}._item_ygbc3_1[aria-disabled=true]{opacity:.5;pointer-events:none;outline:none;box-shadow:none;background-color:transparent}._item_ygbc3_1:not([aria-disabled=true]):focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._item_ygbc3_1:not([aria-disabled=true]):focus-visible *{--_ds--focus: }

package/dist/assets/MenuItemIcon.css

@@ -1 +0,0 @@
-._icon_1b18x_1{position:relative;min-width:1em;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._icon_1b18x_1[data-size=lg]{font-size:2.75rem}._icon_1b18x_1[data-size=lg] svg,._icon_1b18x_1[data-size=lg] img{font-size:1.75rem}._icon_1b18x_1[data-size=md]{font-size:2rem}._icon_1b18x_1[data-size=md] svg,._icon_1b18x_1[data-size=md] img{font-size:1.5rem}._icon_1b18x_1[data-size=sm]{font-size:1.5rem}._icon_1b18x_1[data-size=sm] svg,._icon_1b18x_1[data-size=sm] img{font-size:1.25rem}._avatar_1b18x_37{font-size:1em;width:1em;height:1em}._avatarGroup_1b18x_43{font-size:.625em}._badge_1b18x_47{position:absolute;top:0;right:0;margin-top:-.25em;margin-right:-.25em;outline:1px solid white}@supports (-webkit-hyphens: none){._icon_1b18x_1[data-size=lg]{font-size:2.75rem;width:2.75rem;height:2.75rem}._icon_1b18x_1[data-size=lg] svg,._icon_1b18x_1[data-size=lg] img{width:1.75rem;height:1.75rem}._icon_1b18x_1[data-size=lg] ._avatar_1b18x_37{width:2.75rem;height:2.75rem;font-size:2.75rem}._icon_1b18x_1[data-size=md]{font-size:2rem;width:2rem;height:2rem}._icon_1b18x_1[data-size=md] svg,._icon_1b18x_1[data-size=md] img{width:1.5rem;height:1.5rem}._icon_1b18x_1[data-size=md] ._avatar_1b18x_37{width:2rem;height:2rem;font-size:2rem}._icon_1b18x_1[data-size=sm]{font-size:1.5rem;width:1.5rem;height:1.5rem}._icon_1b18x_1[data-size=sm] svg,._icon_1b18x_1[data-size=sm] img{width:1.25rem;height:1.25rem}._icon_1b18x_1[data-size=sm] ._avatar_1b18x_37{width:1.5rem;height:1.5rem;font-size:1.5rem}}

package/dist/assets/MenuItemLabel.css

@@ -1 +0,0 @@
-._label_1el1b_1{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 .125rem}._label_1el1b_1[data-size=lg]{font-size:1.125rem}._label_1el1b_1[data-size=md],._label_1el1b_1[data-size=sm]{font-size:1rem}._title_1el1b_22{display:inline;vertical-align:center}._label_1el1b_1 mark{text-decoration:underline;background-color:transparent;color:inherit}

package/dist/assets/MenuItemsVirtual.css

@@ -1 +0,0 @@
-._virtualScrollRef_nmoqo_1{max-height:400px;overflow-y:auto;padding:.5em;margin:0 -.5em}._virtualMenuListItem_nmoqo_8{position:absolute;top:0;left:0;width:100%}._virtualMenuListItem_nmoqo_8>*{margin:0}

package/dist/assets/MenuOption.css

@@ -1 +0,0 @@
-._label_xjlhn_1{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .125rem;font-size:1rem;column-gap:.5em;pointer-events:none;word-break:normal;white-space:normal;overflow-wrap:normal}._title_xjlhn_16{color:var(--ds-color-text-default);display:inline;vertical-align:text-top}._titleWrapper_xjlhn_22{display:inline;line-height:1.25}._count_xjlhn_27{margin-left:.5rem;display:inline;font-size:smaller;white-space:nowrap}._radio_xjlhn_34,._checkbox_xjlhn_35{flex-shrink:0;flex-grow:0;position:relative;width:1.25em;height:1.25em;display:flex;align-items:center;justify-content:center;color:transparent}._radio_xjlhn_34{border:1px solid;border-color:var(--ds-color-border-subtle);outline:var(--ds-color-border-subtle) solid 1px;border-radius:50%}._checkbox_xjlhn_35{border:2px solid;border-color:var(--ds-color-border-subtle);border-radius:2px}._radio_xjlhn_34[data-checked=true],._checkbox_xjlhn_35[data-checked=true]{background-color:var(--ds-color-base-default);border:none;outline-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._icon_xjlhn_68{font-size:1.25em}@supports (-webkit-hyphens: none){._icon_xjlhn_68{font-size:unset;width:1.25em;height:1.25em}._icon_xjlhn_68 svg,._icon_xjlhn_68 img{width:100%;height:100%}}

package/dist/assets/MenuSearch.css

@@ -1 +0,0 @@
-._field_1w1s0_1{position:relative;margin:.5rem 0}@media(max-width:1023px){._field_1w1s0_1{font-size:1rem}}

package/dist/assets/PageTabs.css

@@ -1 +0,0 @@
-._list_gp6cp_1{display:flex;width:100%;row-gap:.5rem;flex-direction:column;list-style:none;padding:0;margin:0}@media(min-width:1024px){._list_gp6cp_1{flex-direction:row;align-items:center;justify-content:start;column-gap:.5rem;width:auto}}._item_gp6cp_21{margin:0;border-top:2px solid;border-bottom:2px solid;border-color:transparent}._item_gp6cp_21[data-selected=true]{background-color:transparent;border-bottom-color:var(--ds-color-base-default)}

package/dist/assets/ToolbarBase.css

@@ -1 +0,0 @@
-._toolbar_17w00_1{display:flex;align-items:center;flex-wrap:wrap;width:100%;gap:.5rem}@media(min-width:1024px){._toolbar_17w00_1{padding:0}._toolbar_17w00_1>*{width:auto}}

package/dist/assets/ToolbarButton.css

@@ -1 +0,0 @@
-._removeButton_fxc8_1>button:hover+*+*{text-decoration:line-through}

package/dist/assets/ToolbarDaterange.css

@@ -1 +0,0 @@
-._datepicker_ud6cb_1{border-top:1px solid var(--ds-color-border-subtle);padding:0 .5rem}._fields_ud6cb_6{margin:.5rem 0}._description_ud6cb_10{font-size:.875rem}

package/dist/assets/ToolbarFilterBase.css

@@ -1 +0,0 @@
-._base_4n04w_1{position:relative}._expanded_4n04w_5{z-index:2}

package/dist/components/Dashboard/DashboardIcon.js

@@ -1,11 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
-import "react";
-import "../Button/Button.js";
-import "../RootProvider/RootProvider.js";
-import { MenuItemIcon as i } from "../Menu/MenuItemIcon.js";
-import "../Snackbar/useSnackbar.js";
-const f = ({ loading: o, icon: r, theme: t }) => /* @__PURE__ */ m(i, { icon: r, size: "lg", theme: t, loading: o });
-export {
-  f as DashboardIcon
-};

package/dist/components/Datepicker/DatepickerBase.js

@@ -1,8 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c } from "../../index-p1eeF8LQ.js";
-import '../../assets/DatepickerBase.css';const s = "_datepicker_1h8rq_1", a = {
-  datepicker: s
-}, p = ({ className: e, children: r }) => /* @__PURE__ */ t("div", { className: c(a.datepicker, e), children: r });
-export {
-  p as DatepickerBase
-};

package/dist/components/GlobalMenu/EndUserLabel.js

@@ -1,13 +0,0 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { S as l } from "../../PersonCircle-DlX_3kRO.js";
-import '../../assets/EndUserLabel.css';const n = "_text_1tx3s_1", o = "_icon_1tx3s_11", c = "_label_1tx3s_15", s = {
-  text: n,
-  icon: o,
-  label: c
-}, x = ({ children: e }) => /* @__PURE__ */ a("p", { className: s.text, children: [
-  /* @__PURE__ */ t(l, { className: s.icon, "aria-hidden": !0 }),
-  /* @__PURE__ */ t("span", { className: s.label, children: e })
-] });
-export {
-  x as EndUserLabel
-};

package/dist/components/GlobalMenu/LocaleButton.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
-import "react";
-import "../Button/Button.js";
-import "../RootProvider/RootProvider.js";
-import { MenuItem as r } from "../Menu/MenuItem.js";
-import "../Snackbar/useSnackbar.js";
-import { S as m } from "../../Globe-BcPkcH4E.js";
-const c = ({ onClick: o }) => /* @__PURE__ */ t(r, { size: "sm", icon: m, title: "Språk/language", onClick: o });
-export {
-  c as LocaleButton
-};

package/dist/components/Icon/IconOrAvatar.js

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

package/dist/components/Menu/MenuBase.js

@@ -1,56 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as r } from "../../index-p1eeF8LQ.js";
-import '../../assets/MenuBase.css';const _ = "_menu_twp4i_1", d = "_list_twp4i_12", C = "_item_twp4i_18", p = {
-  menu: _,
-  list: d,
-  item: C
-}, N = ({ as: t = "nav", color: n, variant: e, className: o, children: s, ref: a }) => /* @__PURE__ */ c(t, { className: r(p.menu, o), "data-color": n, "data-variant": e, ref: a, children: s }), f = ({
-  as: t = "ul",
-  role: n = "group",
-  className: e,
-  children: o,
-  ref: s,
-  onMouseEnter: a,
-  onMouseLeave: i,
-  onBlurCapture: m
-}) => /* @__PURE__ */ c(
-  t,
-  {
-    className: r(p.list, e),
-    role: n,
-    ref: s,
-    onMouseEnter: a,
-    onMouseLeave: i,
-    onBlurCapture: m,
-    children: o
-  }
-), h = ({
-  as: t = "li",
-  role: n = "presentation",
-  className: e,
-  children: o,
-  style: s,
-  dataIndex: a,
-  disabled: i,
-  onMouseEnter: m,
-  onMouseLeave: l,
-  "aria-checked": u
-}) => /* @__PURE__ */ c(
-  t,
-  {
-    className: r(p.item, e),
-    role: n,
-    style: s,
-    "data-index": a,
-    onMouseEnter: m,
-    onMouseLeave: l,
-    "aria-disabled": i,
-    "aria-checked": u,
-    children: o
-  }
-);
-export {
-  N as MenuBase,
-  f as MenuList,
-  h as MenuListItem
-};

package/dist/components/Menu/MenuHeader.js

@@ -1,8 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import '../../assets/MenuHeader.css';const r = "_header_1aaxa_1", s = "_title_1aaxa_6", a = {
-  header: r,
-  title: s
-}, n = ({ title: t }) => /* @__PURE__ */ e("div", { className: a.header, children: /* @__PURE__ */ e("span", { className: a.title, children: t }) });
-export {
-  n as MenuHeader
-};

package/dist/components/Menu/MenuInputField.js

@@ -1,31 +0,0 @@
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import '../../assets/MenuInputField.css';const r = "_field_bgrbp_1", b = "_label_bgrbp_9", c = "_input_bgrbp_17", e = {
-  field: r,
-  label: b,
-  input: c
-}, _ = ({
-  label: t,
-  type: n = "text",
-  value: l,
-  name: a,
-  placeholder: i = "Søk",
-  onChange: p
-}) => /* @__PURE__ */ o("label", { className: e.field, children: [
-  t && /* @__PURE__ */ s("span", { className: e.label, children: t }),
-  /* @__PURE__ */ s(
-    "input",
-    {
-      "data-value": l && !0,
-      type: n,
-      value: l,
-      name: a,
-      placeholder: i,
-      className: e.input,
-      onChange: p,
-      autoComplete: "off"
-    }
-  )
-] });
-export {
-  _ as MenuInputField
-};

package/dist/components/Menu/MenuItemBase.js

@@ -1,58 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as j } from "../../index-p1eeF8LQ.js";
-import { useRef as z } from "react";
-import '../../assets/MenuItemBase.css';const B = "_item_ygbc3_1", E = "_content_ygbc3_40", r = {
-  item: B,
-  content: E
-}, R = ({
-  interactive: s = !0,
-  ariaLabel: o,
-  role: c,
-  as: i,
-  color: m,
-  variant: d,
-  size: l,
-  className: f,
-  href: p,
-  onClick: e,
-  onKeyPress: u,
-  tabIndex: _ = 0,
-  hidden: y,
-  selected: x,
-  disabled: t = !1,
-  children: v,
-  active: b,
-  onMouseEnter: g,
-  "data-testid": h
-}) => {
-  const I = i || "a", N = z(null);
-  return /* @__PURE__ */ n(
-    I,
-    {
-      tabIndex: t ? "-1" : _ ?? 0,
-      className: j(r.item, f),
-      role: c,
-      "aria-label": o,
-      "data-interactive": !t && s,
-      "data-active": b,
-      "data-size": l,
-      "data-color": m,
-      "data-variant": d,
-      "aria-hidden": y,
-      "aria-disabled": t,
-      "data-selected": x,
-      href: p,
-      onKeyPress: (a) => {
-        t || (a.key === "Enter" && e?.(), u?.(a));
-      },
-      onClick: e,
-      onMouseEnter: g,
-      "data-testid": h,
-      ref: N,
-      children: /* @__PURE__ */ n("span", { className: r.content, children: v })
-    }
-  );
-};
-export {
-  R as MenuItemBase
-};

package/dist/components/Menu/MenuItemIcon.js

@@ -1,27 +0,0 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { isValidElement as n } from "react";
-import { Badge as l } from "../Badge/Badge.js";
-import { Icon as s, isIconProps as c } from "../Icon/Icon.js";
-import "../../index-p1eeF8LQ.js";
-import { isAvatarProps as d, Avatar as f } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as v, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
-import "../Button/Button.js";
-import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
-import { S as _ } from "../../XMark-tKk6aExO.js";
-import '../../assets/MenuItemIcon.css';const b = "_icon_1b18x_1", g = "_avatar_1b18x_37", x = "_avatarGroup_1b18x_43", G = "_badge_1b18x_47", o = {
-  icon: b,
-  avatar: g,
-  avatarGroup: x,
-  badge: G
-};
-function N(a) {
-  return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || n(a);
-}
-const B = ({ loading: a, size: e, icon: r, theme: m, badge: p }) => r ? a ? /* @__PURE__ */ t("div", { className: o.icon, "data-size": e, children: /* @__PURE__ */ t(s, { svgElement: _, loading: !0 }) }) : /* @__PURE__ */ i("div", { className: o.icon, "data-size": e, children: [
-  d(r) && /* @__PURE__ */ t(f, { ...r, className: o.avatar }) || v(r) && /* @__PURE__ */ t(u, { ...r, className: o.avatarGroup }) || c(r) && /* @__PURE__ */ t(s, { ...r, theme: r?.theme || m }) || N(r) && r || /* @__PURE__ */ t(s, { theme: m, svgElement: r }),
-  p && /* @__PURE__ */ t(l, { ...p, className: o.badge })
-] }) : null;
-export {
-  B as MenuItemIcon
-};

package/dist/components/Menu/MenuItemLabel.js

@@ -1,76 +0,0 @@
-import { jsx as o, jsxs as b, Fragment as g } from "react/jsx-runtime";
-import { c as d } from "../../index-p1eeF8LQ.js";
-import { isValidElement as x } from "react";
-import { Heading as c } from "../Typography/Heading.js";
-import "../Button/Button.js";
-import "../RootProvider/RootProvider.js";
-import { isHeadingProps as s } from "../List/ListItemLabel.js";
-import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemLabel.css';const P = "_label_1el1b_1", _ = "_title_1el1b_22", f = {
-  label: P,
-  title: _
-};
-function u(r) {
-  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || x(r);
-}
-const y = (r) => {
-  const t = {
-    as: "span"
-  };
-  return s(r) ? { ...t, ...r } : u(r) ? {
-    ...t,
-    children: r
-  } : null;
-}, h = (r) => {
-  const t = {
-    as: "span",
-    weight: "normal",
-    variant: "subtle"
-  };
-  return s(r) ? { ...t, ...r } : u(r) ? {
-    ...t,
-    children: r
-  } : null;
-};
-function A(r) {
-  if (typeof r == "string")
-    return r;
-  if (s(r))
-    return r.children;
-}
-const D = ({
-  className: r,
-  size: t = "sm",
-  title: l,
-  description: i,
-  highlightWords: a,
-  loading: m,
-  children: p
-}) => {
-  const e = l && y(l), n = i && h(i);
-  return /* @__PURE__ */ o("span", { className: d(f.label, r), "data-size": t, children: p || /* @__PURE__ */ b(g, { children: [
-    e && /* @__PURE__ */ o(
-      c,
-      {
-        ...e,
-        loading: m,
-        highlightWords: a,
-        className: f.title,
-        weight: e?.weight || t === "lg" ? "medium" : "normal"
-      }
-    ),
-    n && /* @__PURE__ */ o(
-      c,
-      {
-        ...n,
-        loading: m,
-        highlightWords: a,
-        size: n.size || t === "lg" ? "xs" : "xxs"
-      }
-    )
-  ] }) });
-};
-export {
-  D as MenuItemLabel,
-  A as getAriaLabelFromTitle
-};

package/dist/components/Menu/MenuItemsVirtual.js

@@ -1,168 +0,0 @@
-"use client";
-import { jsx as u, jsxs as w } from "react/jsx-runtime";
-import { u as _ } from "../../index-De5bF0Gf.js";
-import { useRef as L, useState as k, useEffect as f, useMemo as A } from "react";
-import "../../index-p1eeF8LQ.js";
-import { useMenu as W } from "../../hooks/useMenu.js";
-import "../Button/Button.js";
-import "../RootProvider/RootProvider.js";
-import { MenuItem as D } from "./MenuItem.js";
-import { MenuSearch as K } from "./MenuSearch.js";
-import { MenuHeader as V } from "./MenuHeader.js";
-import { MenuList as j, MenuListItem as N } from "./MenuBase.js";
-import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemsVirtual.css';const F = "_virtualScrollRef_nmoqo_1", O = "_virtualMenuListItem_nmoqo_8", R = {
-  virtualScrollRef: F,
-  virtualMenuListItem: O
-}, se = ({
-  level: M = 0,
-  search: y,
-  items: E,
-  groups: z = {},
-  defaultItemSize: T,
-  defaultItemColor: b,
-  defaultItemVariant: P,
-  defaultIconTheme: q,
-  keyboardEvents: p,
-  scrollRefStyles: $
-}) => {
-  const i = L(null), v = i.current?.getBoundingClientRect().top, [x, H] = k(window.innerHeight);
-  f(() => {
-    const t = () => {
-      H(window.innerHeight);
-    };
-    return window.addEventListener("resize", t), () => {
-      window.removeEventListener("resize", t);
-    };
-  }, []);
-  const h = A(() => v && x - v - 8 || 400, [x, v]), B = {
-    ...{
-      maxHeight: h <= 300 ? 300 : h
-    },
-    ...$
-  }, { menu: C } = W({
-    items: E,
-    groups: z,
-    groupByKey: "groupId",
-    keyboardEvents: p,
-    ref: i
-  }), d = C.flatMap((t, e) => {
-    const r = t?.props || {}, { title: s } = r, m = t?.items?.filter((o) => !o.props?.hidden) || [];
-    return [
-      ...e > 0 || M > 0 ? [{ type: "separator" }] : [],
-      ...s ? [{ type: "title", title: s }] : [],
-      ...m.map((o, c) => ({
-        type: "item",
-        itemProps: o.props || {},
-        active: o.active,
-        hasChildren: o.props?.expanded && o.props?.items,
-        isLastItem: c === m.length - 1
-      }))
-    ];
-  }), a = _({
-    count: d.length,
-    useAnimationFrameWithResizeObserver: !0,
-    gap: 8,
-    estimateSize: () => 44,
-    getScrollElement: () => i.current
-  }), g = a.getVirtualItems();
-  f(() => {
-    for (const t of g) {
-      const e = i.current?.querySelector(`[data-index="${t.index}"]`) ?? i.current?.querySelector(`[dataindex="${t.index}"]`) ?? i.current?.querySelector(`[dataIndex="${t.index}"]`);
-      e && a.measureElement(e);
-    }
-  }, [g]);
-  const l = L(!1);
-  return f(() => {
-    const t = (s) => {
-      (s.key === "ArrowDown" || s.key === "ArrowUp") && (l.current = !0);
-    }, e = () => {
-      l.current = !1;
-    };
-    document.addEventListener("keydown", t, !0);
-    const r = i.current;
-    return r?.addEventListener("wheel", e, { passive: !0 }), r?.addEventListener("mousedown", e, !0), r?.addEventListener("mousemove", e, !0), r?.addEventListener("touchstart", e, { passive: !0 }), () => {
-      document.removeEventListener("keydown", t, !0), r?.removeEventListener("wheel", e), r?.removeEventListener("mousedown", e), r?.removeEventListener("mousemove", e), r?.removeEventListener("touchstart", e);
-    };
-  }, []), f(() => {
-    if (!p || !l.current) return;
-    const t = i.current;
-    if (!t) return;
-    const e = 6, r = d.findIndex((n) => n.type === "item" && n.active);
-    if (r < 0) return;
-    const s = (n) => (t.querySelector(`[data-index="${n}"]`) || t.querySelector(`[dataindex="${n}"]`) || t.querySelector(`[dataIndex="${n}"]`)) ?? null, m = s(r);
-    if (!m) {
-      a.scrollToIndex(r, { align: "auto" }), l.current = !1;
-      return;
-    }
-    const o = t.getBoundingClientRect(), c = m.getBoundingClientRect(), S = s(r - 1), I = s(r + 1);
-    if (I) {
-      const n = I.getBoundingClientRect();
-      if (n.bottom > o.bottom) {
-        t.scrollTop += n.bottom - o.bottom + e, l.current = !1;
-        return;
-      }
-    }
-    if (S) {
-      const n = S.getBoundingClientRect();
-      if (n.top < o.top) {
-        t.scrollTop -= o.top - n.top + e, l.current = !1;
-        return;
-      }
-    }
-    c.top < o.top + e ? t.scrollTop -= o.top + e - c.top : c.bottom > o.bottom - e && (t.scrollTop += c.bottom - (o.bottom - e)), l.current = !1;
-  }, [d, p, a]), /* @__PURE__ */ u(j, { children: /* @__PURE__ */ w("div", { ref: i, className: R.virtualScrollRef, style: B, children: [
-    y && /* @__PURE__ */ u(
-      "div",
-      {
-        style: {
-          position: "sticky",
-          top: 0,
-          zIndex: 10,
-          marginTop: "-0.5rem"
-        },
-        children: /* @__PURE__ */ u(K, { ...y })
-      }
-    ),
-    /* @__PURE__ */ u(
-      "div",
-      {
-        style: {
-          position: "relative",
-          height: `${a.getTotalSize()}px`
-        },
-        children: g.map((t) => {
-          const e = d[t.index];
-          return e ? /* @__PURE__ */ w(
-            N,
-            {
-              dataIndex: t.index,
-              className: R.virtualMenuListItem,
-              style: { transform: `translateY(${t.start}px)` },
-              role: e.type === "separator" ? "separator" : void 0,
-              children: [
-                e.type === "title" && /* @__PURE__ */ u(V, { title: e.title }),
-                e.type === "item" && /* @__PURE__ */ u(
-                  D,
-                  {
-                    ...e.itemProps,
-                    size: e.itemProps.size || T,
-                    color: e.itemProps.color || b,
-                    variant: e.itemProps.variant || P,
-                    iconTheme: e.itemProps.iconTheme || q,
-                    active: e.active,
-                    tabIndex: e.itemProps.disabled || p ? -1 : 0
-                  }
-                )
-              ]
-            },
-            t.key
-          ) : null;
-        })
-      }
-    )
-  ] }) });
-};
-export {
-  se as MenuItemsVirtual
-};

package/dist/components/Menu/MenuSearch.js

@@ -1,41 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
-import "react";
-import { useIsDesktop as a } from "../../hooks/useIsDesktop.js";
-import "../Button/Button.js";
-import "../RootProvider/RootProvider.js";
-import { SearchField as c } from "../Forms/SearchField.js";
-import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuSearch.css';const l = "_field_1w1s0_1", n = {
-  field: l
-}, S = ({
-  name: e,
-  value: r,
-  placeholder: t = "Search",
-  clearButtonAltText: s = "Clear search",
-  onChange: i,
-  onClear: p
-}) => {
-  const m = a();
-  return /* @__PURE__ */ f(
-    c,
-    {
-      size: "xs",
-      name: e,
-      value: r,
-      placeholder: t,
-      onChange: i,
-      onClear: p,
-      clearButtonAltText: s,
-      className: n.field,
-      autoComplete: "off",
-      autoFocus: m,
-      onKeyDown: (o) => {
-        (o.key === "ArrowUp" || o.key === "ArrowDown") && o.preventDefault();
-      }
-    }
-  );
-};
-export {
-  S as MenuSearch
-};