@altinn/altinn-components 0.37.0 → 0.38.1

package/dist/assets/Byline.css

@@ -1 +1 @@
-._byline_zacbk_1{display:inline-flex;align-items:center;column-gap:.5em}._avatar_zacbk_7,._avatarGroup_zacbk_11{font-size:1.25rem}._avatar_zacbk_7[data-size=lg]{font-size:2.25rem}._label_zacbk_19{display:inline-flex;flex-wrap:wrap;column-gap:.25em;color:var(--ds-color-text-subtle)}._label_zacbk_19[data-size=xs],._label_zacbk_19[data-size=sm]{font-size:14px;line-height:1.125rem;padding:.1875rem 0}._label_zacbk_19[data-size=md],._label_zacbk_19[data-size=lg]{font-size:16px;line-height:1.25rem}._label_zacbk_19>strong{font-weight:500;color:var(--ds-color-text-default)}
+._byline_1o0os_1{display:inline-flex;align-items:center;column-gap:.5em}._avatar_1o0os_7,._avatarGroup_1o0os_12{font-size:1.25rem;flex-shrink:0}._avatar_1o0os_7[data-size=lg]{font-size:2.25rem}._label_1o0os_21{display:inline-flex;flex-wrap:wrap;column-gap:.25em;color:var(--ds-color-text-subtle)}._label_1o0os_21[data-size=xs],._label_1o0os_21[data-size=sm]{font-size:14px;line-height:1.125rem;padding:.1875rem 0}._label_1o0os_21[data-size=md],._label_1o0os_21[data-size=lg]{font-size:16px;line-height:1.25rem}._label_1o0os_21>strong{font-weight:500;color:var(--ds-color-text-default)}

package/dist/assets/DrawerOrDropdown.css

@@ -1 +1 @@
-._drawerOrDropdown_ijmwc_1{background-color:var(--ds-color-background-default);display:none}._drawerOrDropdown_ijmwc_1[data-expanded=true]{position:fixed;top:5.5rem;right:0;bottom:0;left:0;display:block;z-index:2}@media (min-width: 1024px){._header_ijmwc_18,._footer_ijmwc_19{display:none}._drawerOrDropdown_ijmwc_1[data-expanded=true]{position:absolute;top:auto;right:auto;bottom:auto;left:0;min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}}
+._drawerOrDropdown_2swxb_1{background-color:var(--ds-color-background-default);display:none}._drawerOrDropdown_2swxb_1[data-expanded=true]{position:fixed;top:5.5rem;right:0;bottom:0;left:0;display:block;z-index:2}@media (min-width: 1024px){._header_2swxb_17,._footer_2swxb_18{display:none}._drawerOrDropdown_2swxb_1[data-expanded=true]{position:absolute;top:auto;right:auto;bottom:auto;left:0;min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}}

package/dist/assets/FloatingActionButton.css

@@ -0,0 +1 @@
+._button_v6n2g_1{--dsc-button-size: var(--ds-size-14);width:var(--ds-button-size);height:var(--ds-button-size);border-radius:50%;flex-shrink:0;position:fixed;bottom:0;right:0;margin:1rem}

package/dist/assets/Header.css

@@ -1 +1 @@
-._drawer_1vzjh_1[data-expanded=true]{display:block}._dropdown_1vzjh_5[data-expanded=true]{display:none}@media (min-width: 1024px){._dropdown_1vzjh_5[data-expanded=true]{width:320px;display:block}._drawer_1vzjh_1[data-expanded=true]{display:none}}._relative_1vzjh_19{position:relative}
+._drawer_1tael_1[data-expanded=true]{display:block;width:100%}._dropdown_1tael_6[data-expanded=true]{display:none}@media (min-width: 1024px){._dropdown_1tael_6[data-expanded=true]{width:320px;display:block}._drawer_1tael_1[data-expanded=true]{display:none}}._relative_1tael_20{position:relative}

package/dist/assets/ListItemLabel.css

@@ -1 +1 @@
-._label_1b76c_1{pointer-events:none;position:relative;display:flex;flex-direction:column;align-items:start;justify-content:center;margin-top:var(--dsc-item-my);margin-bottom:var(--dsc-item-my)}
+._label_1cju7_1{pointer-events:none;position:relative;display:flex;flex-direction:column;align-items:start;justify-content:center;margin-top:var(--dsc-item-my);margin-bottom:var(--dsc-item-my)}._label_1cju7_1 mark{background-color:var(--ds-color-surface-tinted)}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_1itcj_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;-webkit-appearance:none;-moz-appearance:none;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_1itcj_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1itcj_1[data-size=md]{min-height:56px}._item_1itcj_1[data-size=md]{min-height:44px}._item_1itcj_1[data-size=sm]{min-height:40px}._content_1itcj_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_1itcj_1,._item_1itcj_1[data-theme]{background-color:transparent}._item_1itcj_1{pointer-events:none}._item_1itcj_1[data-interactive=true]{pointer-events:all}[data-theme=subtle] ._item_1itcj_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1itcj_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1itcj_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1itcj_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1itcj_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1itcj_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}._content_1itcj_45{display:flex;width:100%;align-items:center;column-gap:.5em}._item_1itcj_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._item_1itcj_1:focus-visible *{--_ds--focus: }
+._item_1qmxq_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;-webkit-appearance:none;-moz-appearance:none;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_1qmxq_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1qmxq_1[data-size=md]{min-height:56px}._item_1qmxq_1[data-size=md]{min-height:44px}._item_1qmxq_1[data-size=sm]{min-height:40px}._content_1qmxq_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_1qmxq_1,._item_1qmxq_1[data-theme]{background-color:transparent}._item_1qmxq_1{pointer-events:none}._item_1qmxq_1[data-interactive=true]{pointer-events:all}[data-theme=subtle] ._item_1qmxq_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1qmxq_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1qmxq_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1qmxq_1:hover,[data-theme=default] [data-active=true]{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1qmxq_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1qmxq_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}._content_1qmxq_45{display:flex;width:100%;align-items:center;column-gap:.5em}._item_1qmxq_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._item_1qmxq_1:focus-visible *{--_ds--focus: }

package/dist/assets/MenuItemLabel.css

@@ -1 +1 @@
-._label_mk4ho_1{flex-grow:1;display:flex;flex-direction:column;padding:0 .125rem}._label_mk4ho_1[data-size=lg]{font-size:1.125rem}._label_mk4ho_1[data-size=md],._label_mk4ho_1[data-size=sm]{font-size:1rem}._title_mk4ho_20{display:inline-flex;align-items:center;column-gap:.5em}
+._label_k9qsn_1{flex-grow:1;display:flex;flex-direction:column;padding:0 .125rem}._label_k9qsn_1[data-size=lg]{font-size:1.125rem}._label_k9qsn_1[data-size=md],._label_k9qsn_1[data-size=sm]{font-size:1rem}._title_k9qsn_20{display:inline-flex;align-items:center;column-gap:.5em}._label_k9qsn_1 mark{background-color:var(--ds-color-surface-tinted)}

package/dist/assets/ModalBase.css

@@ -1 +1 @@
-._modal_1tnpv_1{padding:0;width:100%;max-width:450px;border:none;background-color:#fff;border-radius:.5rem;box-shadow:var(--ds-shadow-xs)}._modal_1tnpv_1[data-backdrop-color=inherit]::backdrop{background-color:#111d4640}._modal_1tnpv_1[data-backdrop-color=transparent]::backdrop{background-color:transparent}._modal_1tnpv_1[data-variant=full]{width:100%;max-width:none;height:100%;min-height:unset}._modal_1tnpv_1[data-variant=content]{max-width:988px;margin:auto}._content_1tnpv_30{position:relative}
+._modal_4vfmr_1{padding:0;width:100%;max-width:450px;border:none;background-color:#fff;border-radius:.5rem;box-shadow:var(--ds-shadow-xs)}._modal_4vfmr_1[data-backdrop-color=inherit]::backdrop{background-color:#111d4640}._modal_4vfmr_1[data-backdrop-color=transparent]::backdrop{background-color:transparent}._modal_4vfmr_1[data-variant=default]{max-width:640px;margin:auto}._modal_4vfmr_1[data-variant=content]{max-width:988px;margin:auto}._modal_4vfmr_1[data-variant=full]{width:100%;max-width:none;height:100%;min-height:unset}._content_4vfmr_35{position:relative}

package/dist/components/Account/AccountMenu.js

@@ -1,55 +1,59 @@
 "use client";
-import { jsx as h } from "react/jsx-runtime";
-import { useState as L } from "react";
+import { jsx as w } from "react/jsx-runtime";
+import { useState as I } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import { Menu as M } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-const m = (n) => `${n} hits`, R = ({
+const b = (n) => `${n} hits`, k = ({
   items: n = [],
-  groups: i = {},
-  search: e,
+  groups: h = {},
+  search: t,
   onSelectAccount: r,
-  currentAccount: d,
-  menuItemsVirtual: g
+  currentAccount: s,
+  menuItemsVirtual: C
 }) => {
-  var u;
-  const a = n.map((t) => ({
-    ...t,
-    title: (t == null ? void 0 : t.title) || t.name,
-    groupId: t.groupId || "search",
-    selected: t.selected ?? (d == null ? void 0 : d.id) === t.id,
-    onClick: () => r == null ? void 0 : r(t.id)
-  })), [o, s] = L(""), l = o ? a.filter((t) => {
-    var p;
-    return (p = t == null ? void 0 : t.name) == null ? void 0 : p.toLowerCase().includes(o.toLowerCase());
-  }).map((t) => ({
-    ...t,
-    groupId: "search"
-  })) : a, f = o ? {
+  var p;
+  const d = n.map((o) => ({
+    ...o,
+    title: (o == null ? void 0 : o.title) || o.name,
+    groupId: o.groupId || "search",
+    selected: o.selected ?? (s == null ? void 0 : s.id) === o.id,
+    onClick: () => r == null ? void 0 : r(o.id)
+  })), [l, a] = I(""), e = l ? d.filter(
+    (o) => {
+      var g, i, f;
+      return ((g = o == null ? void 0 : o.name) == null ? void 0 : g.toLowerCase().includes(l.toLowerCase())) || ((f = (i = o == null ? void 0 : o.description) == null ? void 0 : i.toString()) == null ? void 0 : f.toLowerCase().includes(l.toLowerCase()));
+    }
+  ).map((o) => ({
+    ...o,
+    groupId: "search",
+    title: (o == null ? void 0 : o.title) || o.name,
+    highlightWords: [l]
+  })) : d, L = l ? {
     search: {
-      title: ((u = e == null ? void 0 : e.getResultsLabel) == null ? void 0 : u.call(e, l.length)) ?? m(l.length)
+      title: ((p = t == null ? void 0 : t.getResultsLabel) == null ? void 0 : p.call(t, e.length)) ?? b(e.length)
     }
-  } : i, C = {
+  } : h, c = {
     name: "account-search",
-    value: o,
-    placeholder: (e == null ? void 0 : e.placeholder) ?? "Find account",
-    onChange: (t) => s(t.target.value),
-    onClear: () => s("")
-  }, I = [
-    ...l.length > 0 ? l : [{ id: "search", groupId: "search", hidden: !0 }]
+    value: l,
+    placeholder: (t == null ? void 0 : t.placeholder) ?? "Find account",
+    onChange: (o) => a(o.target.value),
+    onClear: () => a("")
+  }, u = [
+    ...e.length > 0 ? e : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ h(
+  return console.log("items", u), /* @__PURE__ */ w(
     M,
     {
       theme: "default",
-      search: e && C,
-      groups: f,
-      items: I,
-      menuItemsVirtual: g
+      search: t && c,
+      groups: L,
+      items: u,
+      menuItemsVirtual: C
     }
   );
 };
 export {
-  R as AccountMenu
+  k as AccountMenu
 };

package/dist/components/Button/FloatingActionButton.js

@@ -0,0 +1,36 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { ButtonBase as u } from "./ButtonBase.js";
+import { ButtonIcon as l } from "./ButtonIcon.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/FloatingActionButton.css';const c = "_button_v6n2g_1", b = {
+  button: c
+}, j = ({
+  variant: n = "solid",
+  size: r,
+  icon: t,
+  iconSize: i,
+  iconAltText: s,
+  color: m,
+  onClick: a,
+  dataTestId: e,
+  onBlurCapture: p
+}) => /* @__PURE__ */ o(
+  u,
+  {
+    className: b.button,
+    variant: n,
+    color: m,
+    size: r,
+    onClick: a,
+    "data-testid": e,
+    "aria-label": s,
+    onBlurCapture: p,
+    children: t && /* @__PURE__ */ o(l, { icon: t, size: i })
+  }
+);
+export {
+  j as FloatingActionButton
+};

package/dist/components/Button/IconButton.js

@@ -1,11 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { ButtonBase as f } from "./ButtonBase.js";
-import { ButtonIcon as u } from "./ButtonIcon.js";
+import { ButtonBase as u } from "./ButtonBase.js";
+import { ButtonIcon as B } from "./ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-const z = ({
+const g = ({
   variant: r = "solid",
   rounded: i = !1,
   size: m,
@@ -16,9 +16,10 @@ const z = ({
   className: n,
   selected: s,
   onClick: l,
-  dataTestId: d
+  dataTestId: d,
+  onBlurCapture: f
 }) => /* @__PURE__ */ o(
-  f,
+  u,
   {
     variant: r,
     rounded: i,
@@ -29,9 +30,10 @@ const z = ({
     selected: s,
     "data-testid": d,
     "aria-label": p,
-    children: t && /* @__PURE__ */ o(u, { icon: t, size: e })
+    onBlurCapture: f,
+    children: t && /* @__PURE__ */ o(B, { icon: t, size: e })
   }
 );
 export {
-  z as IconButton
+  g as IconButton
 };

package/dist/components/Button/index.js

@@ -1,16 +1,18 @@
 import { ButtonBase as r } from "./ButtonBase.js";
-import { ButtonLabel as n } from "./ButtonLabel.js";
+import { ButtonLabel as e } from "./ButtonLabel.js";
 import { ButtonIcon as p } from "./ButtonIcon.js";
 import { Button as B } from "./Button.js";
 import { ComboButton as x } from "./ComboButton.js";
-import { IconButton as b } from "./IconButton.js";
+import { IconButton as c } from "./IconButton.js";
+import { FloatingActionButton as i } from "./FloatingActionButton.js";
 import { ButtonGroup as I } from "./ButtonGroup.js";
 export {
   B as Button,
   r as ButtonBase,
   I as ButtonGroup,
   p as ButtonIcon,
-  n as ButtonLabel,
+  e as ButtonLabel,
   x as ComboButton,
-  b as IconButton
+  i as FloatingActionButton,
+  c as IconButton
 };

package/dist/components/Byline/Byline.js

@@ -1,30 +1,30 @@
-import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { jsxs as _, jsx as a } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Avatar as _ } from "../Avatar/Avatar.js";
-import { AvatarGroup as v } from "../Avatar/AvatarGroup.js";
+import { Avatar as v } from "../Avatar/Avatar.js";
+import { AvatarGroup as b } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
-import { Skeleton as c } from "../Skeleton/Skeleton.js";
+import { Skeleton as l } from "../Skeleton/Skeleton.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Byline.css';const d = "_byline_zacbk_1", y = "_avatar_zacbk_7", k = "_avatarGroup_zacbk_11", u = "_label_zacbk_19", t = {
+import '../../assets/Byline.css';const d = "_byline_1o0os_1", y = "_avatar_1o0os_7", u = "_avatarGroup_1o0os_12", N = "_label_1o0os_21", o = {
   byline: d,
   avatar: y,
-  avatarGroup: k,
-  label: u
-}, B = ({
-  loading: l,
+  avatarGroup: u,
+  label: N
+}, S = ({
+  loading: s,
   color: n = "neutral",
-  size: r = "xs",
-  avatar: o,
+  size: t = "xs",
+  avatar: r,
   avatarGroup: e,
-  datetime: s,
-  children: m,
-  as: i,
+  datetime: m,
+  children: i,
+  as: c,
   ...p
-}) => /* @__PURE__ */ b(i || "div", { ...p, className: t.byline, "data-color": n, "data-size": r, children: [
-  (e || o) && /* @__PURE__ */ a(c, { variant: "circle", className: t.avatar, loading: l, children: e ? /* @__PURE__ */ a(v, { ...e, size: r, className: t.avatarGroup }) : o && /* @__PURE__ */ a(_, { ...o, size: r, className: t.avatar }) }),
-  /* @__PURE__ */ a("time", { "data-size": r, dateTime: s, className: t.label, children: /* @__PURE__ */ a(c, { loading: l, children: m }) })
+}) => /* @__PURE__ */ _(c || "div", { ...p, className: o.byline, "data-color": n, "data-size": t, children: [
+  (e || r) && /* @__PURE__ */ a(l, { variant: "circle", className: o.avatar, loading: s, children: e ? /* @__PURE__ */ a(b, { ...e, size: t, className: o.avatarGroup }) : r && /* @__PURE__ */ a(v, { ...r, size: t, className: o.avatar }) }),
+  /* @__PURE__ */ a("time", { "data-size": t, dateTime: m, className: o.label, children: /* @__PURE__ */ a(l, { loading: s, children: i }) })
 ] });
 export {
-  B as Byline
+  S as Byline
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,68 +1,83 @@
 "use client";
-import { jsxs as v, jsx as s } from "react/jsx-runtime";
-import { c as O } from "../../index-L8X2o7IH.js";
-import * as a from "react";
-import { forwardRef as b, useRef as h, useMemo as w } from "react";
-import { IconButton as y } from "../Button/IconButton.js";
-import { useClickOutside as I } from "../../hooks/useClickOutside.js";
+import { jsxs as y, jsx as f } from "react/jsx-runtime";
+import { c as I } from "../../index-L8X2o7IH.js";
+import * as m from "react";
+import { forwardRef as w, useRef as O, useMemo as k } from "react";
+import { IconButton as E } from "../Button/IconButton.js";
+import { useClickOutside as C } from "../../hooks/useClickOutside.js";
+import { useEnterKey as M } from "../../hooks/useEnterKey.js";
 import { DropdownBase as j } from "../Dropdown/DropdownBase.js";
-import { MenuItems as C } from "../Menu/MenuItems.js";
-import { useRootContext as _ } from "../RootProvider/RootProvider.js";
+import { MenuItems as _ } from "../Menu/MenuItems.js";
+import { useRootContext as R } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { u as R } from "../../useId-BVFxCjkq.js";
-import '../../assets/ContextMenu.css';var E = function(e, l) {
-  var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
+import { u as P } from "../../useId-BVFxCjkq.js";
+import '../../assets/ContextMenu.css';var T = function(e, s) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && s.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
-      l.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
-  return r;
+      s.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (n[t[o]] = e[t[o]]);
+  return n;
 };
-const M = b((e, l) => {
-  var { title: r, titleId: t } = e, o = E(e, ["title", "titleId"]);
-  let n = R();
-  return n = r ? t || "title-" + n : void 0, a.createElement(
+const A = w((e, s) => {
+  var { title: n, titleId: t } = e, o = T(e, ["title", "titleId"]);
+  let i = P();
+  return i = n ? t || "title-" + i : void 0, m.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": n }, o),
-    r ? a.createElement("title", { id: n }, r) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: s, "aria-labelledby": i }, o),
+    n ? m.createElement("title", { id: i }, n) : null,
+    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
   );
-}), k = "_toggle_nol5i_1", B = {
-  toggle: k
-}, q = ({
+}), B = "_toggle_nol5i_1", S = {
+  toggle: B
+}, Q = ({
   id: e = "context-menu",
-  ariaLabel: l,
-  placement: r = "right",
+  ariaLabel: s,
+  placement: n = "right",
   groups: t = {},
   className: o,
-  items: n
+  items: i
 }) => {
-  const { currentId: p, toggleId: u, closeAll: f } = _(), m = h(null), g = () => u(e), c = p === e;
-  I(m, () => {
-    c && u(e);
+  const { currentId: v, toggleId: p, closeAll: a } = R(), d = O(null), g = "context-menu-" + e, x = () => p(e), u = v === e;
+  C(d, () => {
+    u && p(e);
   });
-  const x = w(() => n.map((i) => ({
-    ...i,
+  const b = k(() => i.map((r) => ({
+    ...r,
+    tabIndex: -1,
     onClick: () => {
-      var d;
-      (d = i.onClick) == null || d.call(i), f();
+      var c;
+      (c = r.onClick) == null || c.call(r), a();
     }
-  })), [n, f]);
-  return /* @__PURE__ */ v("div", { className: O(B.toggle, o), "data-color": "neutral", ref: m, children: [
-    /* @__PURE__ */ s(
-      y,
+  })), [i, a]);
+  M((r) => {
+    var c;
+    if (u) {
+      r.preventDefault();
+      const l = (c = d.current) == null ? void 0 : c.querySelector('[data-active="true"]');
+      l && (l.tagName === "A" && l.hasAttribute("href") ? l.click() : l.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), a();
+    }
+  });
+  const h = (r) => {
+    var l;
+    ((l = r == null ? void 0 : r.relatedTarget) == null ? void 0 : l.closest(`[data-testid="${g}"]`)) || a();
+  };
+  return /* @__PURE__ */ y("div", { className: I(S.toggle, o), "data-color": "neutral", ref: d, "data-testid": g, children: [
+    /* @__PURE__ */ f(
+      E,
       {
         size: "xs",
         rounded: !0,
-        icon: M,
+        icon: A,
         variant: "text",
-        onClick: g,
-        iconAltText: l || `Open ${e}`
+        onClick: x,
+        iconAltText: s || `Open ${e}`,
+        onBlurCapture: h
       }
     ),
-    c && /* @__PURE__ */ s(j, { placement: r, open: c, children: /* @__PURE__ */ s(C, { groups: t, items: x }) })
+    u && /* @__PURE__ */ f(j, { placement: n, open: u, children: /* @__PURE__ */ f(_, { groups: t, items: b, keyboardEvents: !0 }) })
   ] });
 };
 export {
-  q as ContextMenu
+  Q as ContextMenu
 };