@altinn/altinn-components 0.67.12 → 0.68.1

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -1,145 +1,155 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useRef as J, useEffect as K } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { useRef as H, useEffect as J } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
-import { g as j, M as N } from "../../ToolbarSearch-DyVcALSw.js";
+import { g as O, M as K } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { useDropdownMenuController as Q } from "../Menu/useDropdownMenuController.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ToolbarFilterButton as v } from "./ToolbarFilterButton.js";
-const er = ({
-  as: D,
-  disabled: O,
-  size: y,
+import { ToolbarFilterButton as k } from "./ToolbarFilterButton.js";
+const or = ({
+  as: p,
+  disabled: B,
+  size: I,
   name: o,
   label: d = "",
-  searchable: u,
+  searchable: s,
   groups: b,
-  items: h,
-  removable: B,
-  removeLabel: k = "Fjern filter",
+  items: w,
+  removable: N,
+  removeLabel: y = "Fjern filter",
   filterState: c,
-  onFilterStateChange: w,
+  onFilterStateChange: h,
   onFilterChange: V,
-  onRemove: I,
-  open: t,
-  onToggle: x,
-  onClose: a,
-  submitLabel: A,
-  search: M,
-  virtualized: R,
-  title: C,
+  onRemove: x,
+  open: e,
+  onToggle: A,
+  onClose: u,
+  submitLabel: M,
+  search: R,
+  virtualized: C,
+  title: F,
   htmlTitle: m,
-  variant: f,
-  dropdownSize: F = "sm"
+  variant: l,
+  dropdownSize: P = "sm"
 }) => {
-  const P = J(t), e = Q({ id: "toolbar-filter-menu" });
-  K(() => {
-    const r = P.current;
-    P.current = t, r && !t && e?.triggerRef?.current?.focus();
-  }, [t, e.triggerRef]);
-  const q = (r) => {
-    const i = r.target.type, g = r.target.name, H = r.target.value;
-    V?.(i, g, H), i === "radio" && a();
-  }, l = h?.map((r) => ({
+  const E = H(e), t = Q({ id: `toolbar-filter-menu-${o}` });
+  J(() => {
+    const r = E.current;
+    E.current = e, r && !e && t?.triggerRef?.current?.focus();
+  }, [e, t.triggerRef]);
+  const $ = (r) => {
+    const a = r.role === "radio" ? "radio" : "checkbox", g = r.name ?? o, G = r.value !== void 0 ? String(r.value) : "on";
+    V?.(a, g, G), a === "radio" && u();
+  }, f = w?.map((r) => ({
     ...r,
-    onChange: (i) => q(i)
-  })), p = (h?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || c?.[o]?.length ? "tinted" : "outline", E = D || N, s = u ? "combobox" : "menu", G = () => {
-    a();
+    onClick: () => $(r)
+  })), v = (w?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || c?.[o]?.length ? "tinted" : "outline", j = p || K, n = s ? "combobox" : "menu", D = !p && n === "menu" && e ? t.menuId : void 0, q = () => {
+    u();
     const r = c?.[o]?.[0];
-    l?.filter((g) => g.checked)?.length === 0 && !r && I?.();
+    f?.filter((g) => g.checked)?.length === 0 && !r && x?.();
   };
-  return O ? /* @__PURE__ */ n(
-    v,
+  return B ? /* @__PURE__ */ i(
+    k,
     {
       disabled: !0,
       name: o,
       removable: !0,
-      variant: f || p,
-      removeLabel: k,
-      open: t,
+      variant: l || v,
+      removeLabel: y,
+      open: e,
       htmlTitle: m,
       children: d
     }
-  ) : B ? /* @__PURE__ */ n(
-    j,
+  ) : N ? /* @__PURE__ */ i(
+    O,
     {
-      submitLabel: A,
-      title: C,
+      submitLabel: M,
+      title: F,
       variant: "drawer-dropdown",
-      size: F,
-      trigger: /* @__PURE__ */ n(
-        v,
+      size: P,
+      trigger: /* @__PURE__ */ i(
+        k,
         {
           name: o,
-          onClick: x,
-          onRemove: I,
+          onClick: A,
+          onRemove: x,
           removable: !0,
-          variant: f || p,
-          removeLabel: k,
-          open: t,
+          variant: l || v,
+          removeLabel: y,
+          open: e,
+          menuId: D,
           htmlTitle: m,
-          "aria-expanded": t,
-          "aria-controls": e.menuId,
-          ref: e.triggerRef,
+          ref: t.triggerRef,
           children: d
         }
       ),
-      open: t,
-      onClose: G,
-      ...e.dropdownA11yProps,
-      children: /* @__PURE__ */ n(
-        E,
+      open: e,
+      onClose: q,
+      ...t.dropdownA11yProps,
+      children: /* @__PURE__ */ i(
+        j,
         {
-          open: t,
-          search: M,
+          open: e,
+          search: R,
           name: o,
           filterState: c,
-          onFilterStateChange: w,
-          size: y,
-          searchable: u,
+          onFilterStateChange: h,
+          size: I,
+          searchable: s,
           groups: b,
-          items: l,
-          keyboardEvents: t,
-          a11yMode: s,
-          ...s === "combobox" ? { id: e.menuId } : e.menuA11yProps,
-          virtualized: R
+          items: f,
+          keyboardEvents: e,
+          a11yMode: n,
+          ...n === "combobox" ? { id: t.menuId } : t.menuA11yProps,
+          virtualized: C
         }
       )
     }
-  ) : /* @__PURE__ */ n(
-    j,
+  ) : /* @__PURE__ */ i(
+    O,
     {
-      size: F,
-      title: C,
+      size: P,
+      title: F,
       variant: "drawer-dropdown",
-      submitLabel: A,
-      trigger: /* @__PURE__ */ n(v, { name: o, onClick: x, variant: f || p, htmlTitle: m, children: d }),
-      open: t,
-      onClose: a,
-      ...e.dropdownA11yProps,
-      children: /* @__PURE__ */ n(
-        E,
+      submitLabel: M,
+      trigger: /* @__PURE__ */ i(
+        k,
         {
-          search: M,
+          name: o,
+          onClick: A,
+          variant: l || v,
+          htmlTitle: m,
+          open: e,
+          menuId: D,
+          children: d
+        }
+      ),
+      open: e,
+      onClose: u,
+      ...t.dropdownA11yProps,
+      children: /* @__PURE__ */ i(
+        j,
+        {
+          search: R,
           name: o,
           filterState: c,
-          onFilterStateChange: w,
-          size: y,
-          searchable: u,
+          onFilterStateChange: h,
+          size: I,
+          searchable: s,
           groups: b,
-          items: l,
-          keyboardEvents: t,
-          a11yMode: s,
-          ...s === "combobox" ? { id: e.menuId } : e.menuA11yProps,
-          virtualized: R
+          items: f,
+          keyboardEvents: e,
+          a11yMode: n,
+          ...n === "combobox" ? { id: t.menuId } : t.menuA11yProps,
+          virtualized: C
         }
       )
     }
   );
 };
 export {
-  er as ToolbarFilterMenu
+  or as ToolbarFilterMenu
 };

package/dist/components/Toolbar/ToolbarMenu.js

@@ -3,7 +3,7 @@ import "react";
 import "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
-import { T as l } from "../../ToolbarSearch-DyVcALSw.js";
+import { T as l } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Menu/useDropdownMenuController.js";
 import "../GlobalMenu/GlobalMenuBase.js";

package/dist/components/Toolbar/ToolbarSearch.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../tooltip-Ct39-719.js";
 import "../../index-p1eeF8LQ.js";
-import { t as h } from "../../ToolbarSearch-DyVcALSw.js";
+import { t as h } from "../../ToolbarSearch-CpAUv-Lw.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 { T as p, t as x } from "../../ToolbarSearch-DyVcALSw.js";
+import { T as p, t as x } from "../../ToolbarSearch-CpAUv-Lw.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/Toolbar/useFilter.js

@@ -1,7 +1,7 @@
 "use client";
 import { useState as h, useMemo as f, useEffect as p } from "react";
-const m = (n, o) => o || `toolbar-filter-${n}`, x = ({ filters: n = [], filterState: o, onFilterStateChange: u }) => {
-  const i = o || {}, c = typeof u == "function" ? u : () => {
+const m = (n, c) => c || `toolbar-filter-${n}`, x = ({ filters: n = [], filterState: c, onFilterStateChange: u }) => {
+  const i = c || {}, r = typeof u == "function" ? u : () => {
   }, [d, a] = h(
     () => n.filter((e) => !e.removable || typeof i[e.name] < "u").map((e) => e.name)
   ), F = f(
@@ -18,25 +18,25 @@ const m = (n, o) => o || `toolbar-filter-${n}`, x = ({ filters: n = [], filterSt
         ...t.filter((l) => e.includes(l)),
         ...e.filter((l) => !t.includes(l))
       ];
-      return s.length === t.length && s.every((l, r) => l === t[r]) ? t : s;
+      return s.length === t.length && s.every((l, o) => l === t[o]) ? t : s;
     });
   }, [n, i]);
   const v = (e, t, s) => {
     const l = [s];
-    c(e === "radio" ? {
+    r(e === "radio" ? {
       ...i,
       [t]: l
     } : {
       ...i,
-      [t]: i[t] ? i[t].some((r) => l.includes(String(r))) ? i[t].filter((r) => !(l || []).includes(String(r))) : [...i[t], ...l || []] : l
+      [t]: i[t] ? i[t].some((o) => l.includes(String(o))) ? i[t].filter((o) => !(l || []).includes(String(o))) : [...i[t], ...l || []] : l
     });
   }, y = (e) => {
-    a((t) => t.filter((s) => s !== e)), c({
+    a((t) => t.filter((s) => s !== e)), r({
       ...i,
       [e]: void 0
     });
   }, g = (e) => {
-    d.includes(e) || a((t) => [...t, e]), c({
+    d.includes(e) || a((t) => [...t, e]), r({
       ...i,
       [e]: i[e] ?? []
     }), requestAnimationFrame(() => {
@@ -48,7 +48,7 @@ const m = (n, o) => o || `toolbar-filter-${n}`, x = ({ filters: n = [], filterSt
       ...e,
       items: e.items?.map((t) => ({
         ...t,
-        checked: t?.name && t?.value !== void 0 ? i?.[t.name]?.includes(t.value) : !1
+        checked: !!(t?.name && t?.value !== void 0 && i?.[t.name]?.includes(t.value))
       })),
       id: m(e.name, e.id)
     })),

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-DyVcALSw.js";
+import { jsx as t, jsxs as r, Fragment as g } from "react/jsx-runtime";
+import { useState as _ } from "react";
+import { B as v } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../../index-p1eeF8LQ.js";
 import { AttachmentList as L } from "../Attachment/AttachmentList.js";
 import "../../tooltip-Ct39-719.js";
@@ -9,69 +9,70 @@ import { Typography as T } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { SeenByLog as y } from "../Dialog/SeenByLog.js";
+import { SeenByLog as A } from "../Dialog/SeenByLog.js";
 import "../GlobalMenu/GlobalMenuBase.js";
-import { ListItem as A } from "../List/ListItem.js";
+import { ListItem as S } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as S } from "../Page/Section.js";
-import { TransmissionType as _ } from "./TransmissionType.js";
-import '../../assets/Transmission.css';const j = "_title_cy7ua_1", k = {
-  title: j
-}, Q = ({
-  type: i,
-  unread: o,
+import { Section as j } from "../Page/Section.js";
+import { TransmissionType as k } from "./TransmissionType.js";
+import '../../assets/Transmission.css';const w = "_title_1hel0_1", y = "_content_1hel0_16", p = {
+  title: w,
+  content: y
+}, R = ({
+  type: o,
+  unread: i,
   size: d = "xs",
-  color: c = "neutral",
-  title: n,
-  createdAt: w,
-  createdAtLabel: z,
-  badge: f = { label: "Ulest" },
-  sender: b,
-  summary: a,
-  attachments: s,
-  children: r,
+  color: f = "neutral",
+  title: l,
+  createdAt: z,
+  createdAtLabel: B,
+  badge: b = { label: "Ulest" },
+  sender: h,
+  summary: s,
+  attachments: a,
+  children: n,
   seenByLog: m,
-  ...p
+  ...c
 }) => {
-  const [e, u] = g(p.expanded || !1);
+  const [e, u] = _(c.expanded || !1);
   return /* @__PURE__ */ t(
-    A,
+    S,
     {
-      ...p,
-      icon: b,
-      badge: i && /* @__PURE__ */ t(_, { value: i?.value, label: i?.label }),
+      ...c,
+      icon: h,
+      badge: o && /* @__PURE__ */ t(k, { value: o?.value, label: o?.label }),
       size: d,
-      variant: o ? "subtle" : "default",
+      variant: i ? "subtle" : "default",
       border: e ? "none" : "solid",
       shadow: "none",
-      color: c,
+      color: f,
       title: {
         as: "span",
-        className: k.title,
-        children: /* @__PURE__ */ l(x, { children: [
-          /* @__PURE__ */ t("h2", { children: n }),
-          o && /* @__PURE__ */ t(v, { variant: "tinted", size: "xs", ...f })
+        className: p.title,
+        children: /* @__PURE__ */ r(g, { children: [
+          /* @__PURE__ */ t("h2", { children: l }),
+          i && /* @__PURE__ */ t(v, { variant: "tinted", size: "xs", ...b })
         ] }),
-        weight: o ? "bold" : "normal"
+        weight: i ? "bold" : "normal"
       },
       expanded: e,
       selected: e,
-      onClick: () => u((h) => !h),
+      onClick: () => u((x) => !x),
       collapsible: !0,
       linkIcon: !0,
       as: "button",
-      ariaLabel: n,
-      children: /* @__PURE__ */ l(S, { padding: 4, spacing: 4, children: [
-        /* @__PURE__ */ l(T, { size: "md", children: [
-          a && /* @__PURE__ */ t("p", { children: a }),
-          e ? typeof r == "function" ? r() : r : null,
-          s?.items && /* @__PURE__ */ t(L, { ...s })
+      ariaLabel: l,
+      children: /* @__PURE__ */ r(j, { className: p.content, padding: 4, spacing: 4, children: [
+        /* @__PURE__ */ r(T, { size: "md", children: [
+          s && /* @__PURE__ */ t("p", { children: s }),
+          e ? typeof n == "function" ? n() : n : null,
+          a?.items && /* @__PURE__ */ t(L, { ...a })
         ] }),
-        m && /* @__PURE__ */ t(y, { ...m })
+        m && /* @__PURE__ */ t(A, { ...m })
       ] })
     }
   );
 };
 export {
-  Q as Transmission
+  R as Transmission
 };

package/dist/components/Transmission/TransmissionList.js

@@ -2,7 +2,7 @@ import { jsx as i, jsxs as s } from "react/jsx-runtime";
 import { createElement as l } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
-import { a } from "../../ToolbarSearch-DyVcALSw.js";
+import { a } from "../../ToolbarSearch-CpAUv-Lw.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-DyVcALSw.js";
+import { B as o } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";

package/dist/components/Typography/Heading.js

@@ -3,7 +3,7 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Skeleton/Skeleton.js";
 import "../../tooltip-Ct39-719.js";
-import { H as s } from "../../ToolbarSearch-DyVcALSw.js";
+import { H as s } from "../../ToolbarSearch-CpAUv-Lw.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-DyVcALSw.js";
+import { H as a } from "../../ToolbarSearch-CpAUv-Lw.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 _ } from "react/jsx-runtime";
-import { B as h } from "../../ToolbarSearch-DyVcALSw.js";
+import { B as h } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";

package/dist/components/index.js

@@ -11,7 +11,7 @@ import { AccountNotificationSettings as A } from "./Account/AccountNotificationS
 import { AccountOrganization as y } from "./Account/AccountOrganization.js";
 import { AccountSelector as k } from "./AccountSelector/AccountSelector.js";
 import { Alert as v } from "./Alert/Alert.js";
-import { B as P, a as C, D as H, b as w, c as E, d as G, e as O, f as R, g as N, F as V, H as U, I as z, h as j, i as Q, M as q, j as J, k as K, l as W, m as X, n as Y, R as Z, S as _, T as $, t as oo, V as ro, u as eo, w as to } from "../ToolbarSearch-DyVcALSw.js";
+import { B as P, a as C, D as H, b as w, c as E, d as G, e as O, f as R, g as N, F as V, H as U, I as z, h as j, i as Q, M as q, j as J, k as K, l as W, m as X, n as Y, R as Z, S as _, T as $, t as oo, V as ro, u as eo, w as to } from "../ToolbarSearch-CpAUv-Lw.js";
 import { Banner as ao, BannerColorEnum as po, BannerVariantEnum as io } from "./Banner/Banner.js";
 import { BookmarkSettingsItem as fo } from "./Bookmarks/BookmarkSettingsItem.js";
 import { BookmarkSettingsList as no } from "./Bookmarks/BookmarkSettingsList.js";

package/dist/hooks/useAccountSelector.js

@@ -2,7 +2,7 @@ import { jsx as F } from "react/jsx-runtime";
 import { useRef as R, useMemo as h } from "react";
 import "../index-p1eeF8LQ.js";
 import "../tooltip-Ct39-719.js";
-import "../ToolbarSearch-DyVcALSw.js";
+import "../ToolbarSearch-CpAUv-Lw.js";
 import "../components/Typography/Link.js";
 import { Button as q } from "../components/Button/Button.js";
 import "react-dom";

package/dist/hooks/useMenu.js

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

package/dist/index.js

@@ -11,7 +11,7 @@ import { AccountNotificationSettings as b } from "./components/Account/AccountNo
 import { AccountOrganization as y } from "./components/Account/AccountOrganization.js";
 import { AccountSelector as k } from "./components/AccountSelector/AccountSelector.js";
 import { Alert as v } from "./components/Alert/Alert.js";
-import { B as C, a as P, D as H, b as w, c as E, d as G, e as O, f as N, g as R, F as V, H as U, I as z, h as j, i as Q, M as K, j as q, k as J, l as W, m as X, n as Y, R as Z, S as _, T as $, t as oo, V as ro, u as eo, w as to } from "./ToolbarSearch-DyVcALSw.js";
+import { B as C, a as P, D as H, b as w, c as E, d as G, e as O, f as N, g as R, F as V, H as U, I as z, h as j, i as Q, M as K, j as q, k as J, l as W, m as X, n as Y, R as Z, S as _, T as $, t as oo, V as ro, u as eo, w as to } from "./ToolbarSearch-CpAUv-Lw.js";
 import { Banner as ao, BannerColorEnum as po, BannerVariantEnum as xo } from "./components/Banner/Banner.js";
 import { BookmarkSettingsItem as fo } from "./components/Bookmarks/BookmarkSettingsItem.js";
 import { BookmarkSettingsList as no } from "./components/Bookmarks/BookmarkSettingsList.js";

package/dist/types/lib/components/Datepicker/DatepickerAccessibility.stories.d.ts

@@ -0,0 +1,15 @@
+declare const meta: {
+    title: string;
+    parameters: {
+        a11y: {
+            test: string;
+        };
+    };
+};
+export default meta;
+export declare const Calendar: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const RangeFilter: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};