@altinn/altinn-components 0.63.0 → 0.63.1

package/dist/{ToolbarSearch-56Sm2j7P.js → ToolbarSearch-DT-KvnVb.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as a, jsxs as I, Fragment as xe } from "react/jsx-runtime";
 import * as H from "react";
-import z, { forwardRef as W, useRef as J, useState as oe, useMemo as le, useEffect as U, Fragment as He, useLayoutEffect as Ce, createContext as ot, useContext as at, isValidElement as Ge, useId as De, useCallback as qe, memo as Oe, createElement as st } from "react";
+import C, { forwardRef as W, useRef as J, useState as oe, useMemo as le, useEffect as U, Fragment as He, useLayoutEffect as Ce, createContext as ot, useContext as at, isValidElement as Ge, useId as De, useCallback as qe, memo as Oe, createElement as st } from "react";
 import { c as K } from "./index-p1eeF8LQ.js";
 import { useEscapeKey as lt } from "./hooks/useEscapeKey.js";
 import "./components/Typography/Link.js";
@@ -45,11 +45,11 @@ import './assets/ToolbarSearch.css';var Nt = function(e, o) {
 const zt = W((e, o) => {
   var { title: n, titleId: t } = e, r = Nt(e, ["title", "titleId"]);
   let s = Y();
-  return s = n ? t || "title-" + s : void 0, z.createElement(
+  return s = n ? t || "title-" + s : void 0, C.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: o, "aria-labelledby": s }, r),
-    n ? z.createElement("title", { id: s }, n) : null,
-    z.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4 3.25a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h16a.75.75 0 0 0 .75-.75V4a.75.75 0 0 0-.75-.75zm15.5 6a.25.25 0 0 1 .25.25V19A1.75 1.75 0 0 1 18 20.75H6A1.75 1.75 0 0 1 4.25 19V9.5a.25.25 0 0 1 .25-.25zm-4.75 3.25a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4 3.25a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h16a.75.75 0 0 0 .75-.75V4a.75.75 0 0 0-.75-.75zm15.5 6a.25.25 0 0 1 .25.25V19A1.75 1.75 0 0 1 18 20.75H6A1.75 1.75 0 0 1 4.25 19V9.5a.25.25 0 0 1 .25-.25zm-4.75 3.25a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75", clipRule: "evenodd" })
   );
 });
 var Ct = function(e, o) {
@@ -63,11 +63,11 @@ var Ct = function(e, o) {
 const Et = W((e, o) => {
   var { title: n, titleId: t } = e, r = Ct(e, ["title", "titleId"]);
   let s = Y();
-  return s = n ? t || "title-" + s : void 0, z.createElement(
+  return s = n ? t || "title-" + s : void 0, C.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: o, "aria-labelledby": s }, r),
-    n ? z.createElement("title", { id: s }, n) : null,
-    z.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
   );
 });
 var St = function(e, o) {
@@ -81,11 +81,11 @@ var St = function(e, o) {
 const Qe = W((e, o) => {
   var { title: n, titleId: t } = e, r = St(e, ["title", "titleId"]);
   let s = Y();
-  return s = n ? t || "title-" + s : void 0, z.createElement(
+  return s = n ? t || "title-" + s : void 0, C.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: o, "aria-labelledby": s }, r),
-    n ? z.createElement("title", { id: s }, n) : null,
-    z.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
   );
 });
 var kt = function(e, o) {
@@ -99,11 +99,11 @@ var kt = function(e, o) {
 const Rt = W((e, o) => {
   var { title: n, titleId: t } = e, r = kt(e, ["title", "titleId"]);
   let s = Y();
-  return s = n ? t || "title-" + s : void 0, z.createElement(
+  return s = n ? t || "title-" + s : void 0, C.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: o, "aria-labelledby": s }, r),
-    n ? z.createElement("title", { id: s }, n) : null,
-    z.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
   );
 });
 var Pt = function(e, o) {
@@ -117,11 +117,11 @@ var Pt = function(e, o) {
 const Be = W((e, o) => {
   var { title: n, titleId: t } = e, r = Pt(e, ["title", "titleId"]);
   let s = Y();
-  return s = n ? t || "title-" + s : void 0, z.createElement(
+  return s = n ? t || "title-" + s : void 0, C.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: o, "aria-labelledby": s }, r),
-    n ? z.createElement("title", { id: s }, n) : null,
-    z.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
   );
 });
 var Mt = function(e, o) {
@@ -135,11 +135,11 @@ var Mt = function(e, o) {
 const $t = W((e, o) => {
   var { title: n, titleId: t } = e, r = Mt(e, ["title", "titleId"]);
   let s = Y();
-  return s = n ? t || "title-" + s : void 0, z.createElement(
+  return s = n ? t || "title-" + s : void 0, C.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: o, "aria-labelledby": s }, r),
-    n ? z.createElement("title", { id: s }, n) : null,
-    z.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 1.75a.75.75 0 0 1 .75.75v2.464a9.75 9.75 0 1 1 12.342 15.023.75.75 0 1 1-.86-1.229A8.251 8.251 0 1 0 6.084 6.25H9a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 7V2.5a.75.75 0 0 1 .75-.75M12.75 6a.75.75 0 0 0-1.5 0v6c0 .199.079.39.22.53l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28zM3 11.25a.75.75 0 0 1 .75.75q0 .66.105 1.31a.75.75 0 0 1-1.481.24A10 10 0 0 1 2.25 12a.75.75 0 0 1 .75-.75m1.855 4.875a.75.75 0 0 0-1.299.75q.39.675.882 1.28a.75.75 0 1 0 1.163-.947 8 8 0 0 1-.746-1.083m1.995 3.294a.75.75 0 0 1 1.025-.274q.57.33 1.188.564a.75.75 0 1 1-.535 1.402 10 10 0 0 1-1.403-.667.75.75 0 0 1-.275-1.025m6.7 2.207a.75.75 0 1 0-.24-1.48q-.65.104-1.31.104a.75.75 0 0 0 0 1.5q.78 0 1.55-.124", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 1.75a.75.75 0 0 1 .75.75v2.464a9.75 9.75 0 1 1 12.342 15.023.75.75 0 1 1-.86-1.229A8.251 8.251 0 1 0 6.084 6.25H9a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 7V2.5a.75.75 0 0 1 .75-.75M12.75 6a.75.75 0 0 0-1.5 0v6c0 .199.079.39.22.53l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28zM3 11.25a.75.75 0 0 1 .75.75q0 .66.105 1.31a.75.75 0 0 1-1.481.24A10 10 0 0 1 2.25 12a.75.75 0 0 1 .75-.75m1.855 4.875a.75.75 0 0 0-1.299.75q.39.675.882 1.28a.75.75 0 1 0 1.163-.947 8 8 0 0 1-.746-1.083m1.995 3.294a.75.75 0 0 1 1.025-.274q.57.33 1.188.564a.75.75 0 1 1-.535 1.402 10 10 0 0 1-1.403-.667.75.75 0 0 1-.275-1.025m6.7 2.207a.75.75 0 1 0-.24-1.48q-.65.104-1.31.104a.75.75 0 0 0 0 1.5q.78 0 1.55-.124", clipRule: "evenodd" })
   );
 });
 var jt = function(e, o) {
@@ -153,11 +153,11 @@ var jt = function(e, o) {
 const At = W((e, o) => {
   var { title: n, titleId: t } = e, r = jt(e, ["title", "titleId"]);
   let s = Y();
-  return s = n ? t || "title-" + s : void 0, z.createElement(
+  return s = n ? t || "title-" + s : void 0, C.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: o, "aria-labelledby": s }, r),
-    n ? z.createElement("title", { id: s }, n) : null,
-    z.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
   );
 });
 var Dt = function(e, o) {
@@ -171,11 +171,11 @@ var Dt = function(e, o) {
 const Bt = W((e, o) => {
   var { title: n, titleId: t } = e, r = Dt(e, ["title", "titleId"]);
   let s = Y();
-  return s = n ? t || "title-" + s : void 0, z.createElement(
+  return s = n ? t || "title-" + s : void 0, C.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: o, "aria-labelledby": s }, r),
-    n ? z.createElement("title", { id: s }, n) : null,
-    z.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.5 3.25a7.25 7.25 0 1 0 4.569 12.88l5.411 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.411A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.5 3.25a7.25 7.25 0 1 0 4.569 12.88l5.411 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.411A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0", clipRule: "evenodd" })
   );
 });
 var Tt = function(e, o) {
@@ -189,11 +189,11 @@ var Tt = function(e, o) {
 const Lt = W((e, o) => {
   var { title: n, titleId: t } = e, r = Tt(e, ["title", "titleId"]);
   let s = Y();
-  return s = n ? t || "title-" + s : void 0, z.createElement(
+  return s = n ? t || "title-" + s : void 0, C.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: o, "aria-labelledby": s }, r),
-    n ? z.createElement("title", { id: s }, n) : null,
-    z.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.75 12a.75.75 0 0 1 .75-.75h13a.75.75 0 1 1 0 1.5h-13a.75.75 0 0 1-.75-.75", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.75 12a.75.75 0 0 1 .75-.75h13a.75.75 0 1 1 0 1.5h-13a.75.75 0 0 1-.75-.75", clipRule: "evenodd" })
   );
 });
 var Ft = function(e, o) {
@@ -207,11 +207,11 @@ var Ft = function(e, o) {
 const Ht = W((e, o) => {
   var { title: n, titleId: t } = e, r = Ft(e, ["title", "titleId"]);
   let s = Y();
-  return s = n ? t || "title-" + s : void 0, z.createElement(
+  return s = n ? t || "title-" + s : void 0, C.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: o, "aria-labelledby": s }, r),
-    n ? z.createElement("title", { id: s }, n) : null,
-    z.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10 4.75c-.69 0-1.25.56-1.25 1.25v.25h6.5V6c0-.69-.56-1.25-1.25-1.25zm6.75 1.5V6A2.75 2.75 0 0 0 14 3.25h-4A2.75 2.75 0 0 0 7.25 6v.25H4.5a.75.75 0 0 0 0 1.5h.805l.876 11.384a1.75 1.75 0 0 0 1.745 1.616h8.148a1.75 1.75 0 0 0 1.745-1.616l.875-11.384h.806a.75.75 0 0 0 0-1.5h-2.75m-6 4.25a.75.75 0 0 0-1.5 0v6a.75.75 0 0 0 1.5 0zM14 9.75a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10 4.75c-.69 0-1.25.56-1.25 1.25v.25h6.5V6c0-.69-.56-1.25-1.25-1.25zm6.75 1.5V6A2.75 2.75 0 0 0 14 3.25h-4A2.75 2.75 0 0 0 7.25 6v.25H4.5a.75.75 0 0 0 0 1.5h.805l.876 11.384a1.75 1.75 0 0 0 1.745 1.616h8.148a1.75 1.75 0 0 0 1.745-1.616l.875-11.384h.806a.75.75 0 0 0 0-1.5h-2.75m-6 4.25a.75.75 0 0 0-1.5 0v6a.75.75 0 0 0 1.5 0zM14 9.75a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75", clipRule: "evenodd" })
   );
 });
 var Gt = function(e, o) {
@@ -225,11 +225,11 @@ var Gt = function(e, o) {
 const Ae = W((e, o) => {
   var { title: n, titleId: t } = e, r = Gt(e, ["title", "titleId"]);
   let s = Y();
-  return s = n ? t || "title-" + s : void 0, z.createElement(
+  return s = n ? t || "title-" + s : void 0, C.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: o, "aria-labelledby": s }, r),
-    n ? z.createElement("title", { id: s }, n) : null,
-    z.createElement("path", { fill: "currentColor", d: "M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", d: "M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z" })
   );
 }), qt = "_badge_5li3b_1", Kt = "_label_5li3b_33", ye = {
   badge: qt,
@@ -311,7 +311,7 @@ const Ae = W((e, o) => {
   onKeyDown: w,
   onInput: v,
   onFocus: x,
-  ...C
+  ...E
 }) => /* @__PURE__ */ a("li", { className: ze.search, style: e, "data-index": o, "data-menu-search": "true", children: l ? (
   // biome-ignore lint/a11y/useFocusableInteractive: <explanation>
   // biome-ignore lint/a11y/useAriaPropsForRole: <explanation>
@@ -339,7 +339,7 @@ const Ae = W((e, o) => {
       },
       onInput: v,
       onFocus: x,
-      ...C
+      ...E
     }
   ) })
 ) : /* @__PURE__ */ a(
@@ -362,7 +362,7 @@ const Ae = W((e, o) => {
     },
     onInput: v,
     onFocus: x,
-    ...C
+    ...E
   }
 ) }), Je = ({
   level: e = 0,
@@ -380,7 +380,7 @@ const Ae = W((e, o) => {
   size: w,
   id: v,
   color: x,
-  variant: C,
+  variant: E,
   scrollRefStyles: b = {},
   keyboardEvents: S = !1,
   onSelect: j = () => {
@@ -390,12 +390,12 @@ const Ae = W((e, o) => {
   if (o && e >= o)
     return null;
   const _ = t === "combobox", f = _ && v ? `${v}-listbox` : v, D = J(r), P = J(r), [A, M] = oe(!1), $ = le(
-    () => p.map((u, N) => ({
+    () => p.map((u, z) => ({
       ...u,
-      id: u.id || `${v}-item-${N}`
+      id: u.id || `${v}-item-${z}`
     })),
     [p, v]
-  ), R = J(null), { menu: E, setActiveIndex: h, activeItem: g } = Me({
+  ), R = J(null), { menu: N, setActiveIndex: h, activeItem: g } = Me({
     items: $,
     groups: i,
     groupByKey: "groupId",
@@ -424,7 +424,7 @@ const Ae = W((e, o) => {
   }, [d, _, h]), /* @__PURE__ */ I(
     Ie,
     {
-      variant: C,
+      variant: E,
       expanded: n,
       ref: R,
       style: b,
@@ -450,15 +450,15 @@ const Ae = W((e, o) => {
               M(!1), l.onInput?.(u);
             },
             onKeyDown: (u) => {
-              const N = u.key === "ArrowUp" || u.key === "ArrowDown", L = u.key.length === 1 || u.key === "Backspace" || u.key === "Delete";
-              _ && !N && L && M(!1), l.onKeyDown?.(u);
+              const z = u.key === "ArrowUp" || u.key === "ArrowDown", L = u.key.length === 1 || u.key === "Backspace" || u.key === "Delete";
+              _ && !z && L && M(!1), l.onKeyDown?.(u);
             }
           }
         ),
-        E.map((u, N) => {
+        N.map((u, z) => {
           const L = u?.props || {}, { title: F, hidden: G = !1, divider: V = !0 } = L;
           return /* @__PURE__ */ I(He, { children: [
-            (e > 0 || N) && V ? /* @__PURE__ */ a(We, {}) : "",
+            (e > 0 || z) && V ? /* @__PURE__ */ a(We, {}) : "",
             /* @__PURE__ */ a(Ue, { hidden: G, children: /* @__PURE__ */ I(Ie, { role: "presentation", children: [
               F && /* @__PURE__ */ a(Ye, { title: F, level: e }),
               u?.items.filter((Q) => !Q.props?.hidden).map((Q, y) => {
@@ -476,7 +476,7 @@ const Ae = W((e, o) => {
                           ...T,
                           size: T?.size || L?.size || w,
                           color: T?.color || L?.color || x,
-                          variant: T?.variant || L?.variant || C,
+                          variant: T?.variant || L?.variant || E,
                           active: O,
                           role: Ne,
                           selected: T.selected,
@@ -498,7 +498,7 @@ const Ae = W((e, o) => {
                           groups: i,
                           size: w,
                           color: x,
-                          variant: C
+                          variant: E
                         }
                       )
                     ]
@@ -506,8 +506,8 @@ const Ae = W((e, o) => {
                   y
                 );
               })
-            ] }) }, N)
-          ] }, N);
+            ] }) }, z)
+          ] }, z);
         })
       ]
     }
@@ -524,26 +524,26 @@ const Ae = W((e, o) => {
     scrollRefStyles: w = {},
     id: v,
     expanded: x,
-    a11yMode: C = "menu",
+    a11yMode: E = "menu",
     open: b,
     scrollToTopOnOpen: S = !1,
     autoActivateFirstItem: j = !0,
     announceNoResults: k = !1,
     onActiveItemIdChange: _
-  } = e, f = C === "combobox", D = f && v ? `${v}-listbox` : v, P = J(b), [A, M] = oe(!1), $ = le(
+  } = e, f = E === "combobox", D = f && v ? `${v}-listbox` : v, P = J(b), [A, M] = oe(!1), $ = le(
     () => m.map((y, O) => ({
       ...y,
       id: y.id || `${v}-item-${O}`
     })),
     [m, v]
-  ), { menu: R, activeItem: E, setActiveIndex: h, activeIndex: g } = Me({
+  ), { menu: R, activeItem: N, setActiveIndex: h, activeIndex: g } = Me({
     items: $,
     groups: c,
     groupByKey: "groupId",
     keyboardEvents: i,
     autoActivateFirstItem: j,
     ref: o
-  }), { flatMenu: u, virtualizer: N, scrollMaxHeight: L } = vt({
+  }), { flatMenu: u, virtualizer: z, scrollMaxHeight: L } = vt({
     menu: R,
     scrollRef: o
   });
@@ -554,7 +554,7 @@ const Ae = W((e, o) => {
     r((B) => B === O ? B : O);
   });
   const F = le(() => {
-    const y = E?.id;
+    const y = N?.id;
     if (y)
       return u.findIndex((B) => B.type === "item" && B.itemProps?.id === y);
     if (g < 0) return -1;
@@ -563,28 +563,28 @@ const Ae = W((e, o) => {
       if (u[B]?.type === "item" && (O += 1, O === g))
         return B;
     return -1;
-  }, [E?.id, g, u]), G = J(null);
+  }, [N?.id, g, u]), G = J(null);
   Ce(() => {
     const y = G?.current, O = typeof y == "number" ? F <= y : !1;
     G.current = F;
     const B = O ? F : F + 2;
     if (!O) {
-      const ie = N.getOffsetForIndex(B, "auto");
+      const ie = z.getOffsetForIndex(B, "auto");
       if (!ie) return;
       const [ge, Ne] = ie;
       if (Ne === "auto") return;
-      N.scrollToOffset(ge + t + 10, { align: "start" });
+      z.scrollToOffset(ge + t + 10, { align: "start" });
       return;
     }
     if (F <= 3) {
-      N.scrollToOffset(0);
+      z.scrollToOffset(0);
       return;
     }
-    const Z = N.getOffsetForIndex(F - 1, "auto");
+    const Z = z.getOffsetForIndex(F - 1, "auto");
     if (!Z) return;
     const [T, ne] = Z;
-    ne !== "auto" && N.scrollToOffset(T + t + 10, { align: "start" });
-  }, [F, t, N, G]);
+    ne !== "auto" && z.scrollToOffset(T + t + 10, { align: "start" });
+  }, [F, t, z, G]);
   const V = le(() => {
     const y = /* @__PURE__ */ new Map();
     let O = 0;
@@ -593,8 +593,8 @@ const Ae = W((e, o) => {
     }), { positions: y, total: O };
   }, [u]);
   U(() => {
-    _?.(E?.id);
-  }, [E?.id, _]), U(() => {
+    _?.(N?.id);
+  }, [N?.id, _]), U(() => {
     if (f && k) {
       h(0), M(!0);
       return;
@@ -633,7 +633,7 @@ const Ae = W((e, o) => {
             ...s,
             combobox: f,
             listId: D,
-            "aria-activedescendant": f && A ? E?.id : void 0,
+            "aria-activedescendant": f && A ? N?.id : void 0,
             onNavigate: f ? () => M(!0) : void 0,
             onChange: (y) => {
               M(!1), s.onChange?.(y);
@@ -656,10 +656,10 @@ const Ae = W((e, o) => {
             ref: n,
             style: {
               position: "relative",
-              height: `${N.getTotalSize()}px`,
+              height: `${z.getTotalSize()}px`,
               width: "100%"
             },
-            children: /* @__PURE__ */ a(Ie, { style: { width: "100%", minWidth: "100%" }, children: N.getVirtualItems().map((y) => {
+            children: /* @__PURE__ */ a(Ie, { style: { width: "100%", minWidth: "100%" }, children: z.getVirtualItems().map((y) => {
               const O = u[y.index];
               if (!O) return null;
               const B = {
@@ -672,7 +672,7 @@ const Ae = W((e, o) => {
                 style: B,
                 index: y.index,
                 "data-index": y.index,
-                ref: N.measureElement
+                ref: z.measureElement
               };
               switch (O.type) {
                 case "divider":
@@ -818,7 +818,7 @@ const Ae = W((e, o) => {
     [n]
   ), w = H.useCallback(() => {
     p(""), t?.();
-  }, [t]), v = H.useMemo(() => l.trim().replace(/\s+/g, " "), [l]), x = v.length > 0, C = H.useMemo(() => v.toLowerCase(), [v]), b = H.useMemo(() => v ? v.split(" ") : [], [v]), S = H.useMemo(
+  }, [t]), v = H.useMemo(() => l.trim().replace(/\s+/g, " "), [l]), x = v.length > 0, E = H.useMemo(() => v.toLowerCase(), [v]), b = H.useMemo(() => v ? v.split(" ") : [], [v]), S = H.useMemo(
     () => ({
       placeholder: e ?? d.placeholder,
       name: o ?? "search",
@@ -856,14 +856,14 @@ const Ae = W((e, o) => {
   }, [s, k]), { selectedItems: f, results: D } = H.useMemo(() => {
     if (!x) return { selectedItems: [], results: [] };
     const g = [], u = [];
-    for (const N of j)
-      N.checked === !0 && g.push({ ...N, groupId: "selected" }), (N.searchWords ?? []).some((G) => String(G).toLowerCase().includes(C)) && u.push({
-        ...N,
+    for (const z of j)
+      z.checked === !0 && g.push({ ...z, groupId: "selected" }), (z.searchWords ?? []).some((G) => String(G).toLowerCase().includes(E)) && u.push({
+        ...z,
         groupId: "search",
         highlightWords: b
       });
     return { selectedItems: g, results: u };
-  }, [x, j, C, b]), P = D.length, A = f.length, M = H.useMemo(
+  }, [x, j, E, b]), P = D.length, A = f.length, M = H.useMemo(
     () => ({
       search: {
         hidden: !0,
@@ -897,7 +897,7 @@ const Ae = W((e, o) => {
       }
     }),
     [M, x, d, P, A]
-  ), R = H.useMemo(() => x ? rn([...D, ...f]) : [], [x, D, f]), E = H.useMemo(() => [..._ || [], ...f || []], [_, f]), h = H.useMemo(() => x ? P ? R : E : s, [x, s, P, R, E]);
+  ), R = H.useMemo(() => x ? rn([...D, ...f]) : [], [x, D, f]), N = H.useMemo(() => [..._ || [], ...f || []], [_, f]), h = H.useMemo(() => x ? P ? R : N : s, [x, s, P, R, N]);
   return {
     search: S,
     results: D,
@@ -922,7 +922,7 @@ const Ae = W((e, o) => {
   a11yMode: w = "menu",
   open: v,
   scrollToTopOnOpen: x,
-  autoFocusList: C,
+  autoFocusList: E,
   id: b
 }) => {
   const S = on({ ...o, items: n, groups: t }), j = e ? S.search : o, k = e && S.hasQuery && S.resultCount === 0, _ = e ? S.items : n, f = e ? { ...t, ...S.groups } : t, D = w !== "combobox";
@@ -945,7 +945,7 @@ const Ae = W((e, o) => {
       open: v,
       scrollToTopOnOpen: x,
       autoActivateFirstItem: D,
-      autoFocusList: C
+      autoFocusList: E
     }
   ) : /* @__PURE__ */ a(
     Je,
@@ -966,7 +966,7 @@ const Ae = W((e, o) => {
       open: v,
       scrollToTopOnOpen: x,
       autoActivateFirstItem: D,
-      autoFocusList: C
+      autoFocusList: E
     }
   );
 }, an = "_media_1089b_3", sn = "_icon_1089b_10", ln = "_avatar_1089b_14", cn = "_avatarGroup_1089b_18", ae = {
@@ -1071,7 +1071,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   name: w,
   value: v,
   checked: x,
-  icon: C,
+  icon: E,
   label: b,
   badge: S,
   controls: j,
@@ -1084,18 +1084,18 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   selected: M,
   active: $,
   tabIndex: R = 0,
-  className: E,
+  className: N,
   "data-testid": h,
   ...g
 }) => {
-  const u = typeof b == "function" ? b() : b, N = ht(g);
+  const u = typeof b == "function" ? b() : b, z = ht(g);
   if (n === "checkbox" || n === "radio") {
-    const G = C || (x ? Qe : Lt);
+    const G = E || (x ? Qe : Lt);
     return /* @__PURE__ */ I(
       "label",
       {
-        ...N,
-        className: K(q.item, E),
+        ...z,
+        className: K(q.item, N),
         id: e,
         "data-id": e,
         "data-group-id": o,
@@ -1167,7 +1167,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     L,
     {
       href: r,
-      className: K(q.item, E),
+      className: K(q.item, N),
       id: e,
       "data-id": e,
       "data-group-id": o,
@@ -1188,9 +1188,9 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       onMouseEnter: d,
       tabIndex: A ? -1 : R ?? 0,
       role: n === "menuItem" ? "menuitem" : n,
-      ...N,
+      ...z,
       children: [
-        C && /* @__PURE__ */ a(Te, { icon: C, className: q.media }),
+        E && /* @__PURE__ */ a(Te, { icon: E, className: q.media }),
         /* @__PURE__ */ a(
           Le,
           {
@@ -1245,32 +1245,32 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   minLength: i,
   ...w
 }) => {
-  const v = De(), [x, C] = oe(!1), b = w.id || `search-field-${v}`, S = `${b}-listbox`, [j, k] = oe(void 0), _ = "searchfield-clear-button-" + De(), f = le(() => !p || !c || typeof i == "number" && typeof c == "string" && c.length < i ? !1 : x, [p, x, i, c]), D = le(() => (p?.items ?? []).map((h) => ({
+  const v = De(), [x, E] = oe(!1), b = w.id || `search-field-${v}`, S = `${b}-listbox`, [j, k] = oe(void 0), _ = "searchfield-clear-button-" + De(), f = le(() => !p || !c || typeof i == "number" && typeof c == "string" && c.length < i ? !1 : x, [p, x, i, c]), D = le(() => (p?.items ?? []).map((h) => ({
     ...h,
     onClick: () => {
-      h.onClick?.(), C(!1);
+      h.onClick?.(), E(!1);
     }
   })), [p]), P = (h) => {
     if (h.key === "Enter" && f) {
-      p?.items?.[0]?.onClick?.(), C(!1);
+      p?.items?.[0]?.onClick?.(), E(!1);
       return;
     }
     if (h.key === "Escape" && f) {
-      h.preventDefault(), h.stopPropagation(), C(!1), p?.onClose(), document.getElementById(b)?.focus();
+      h.preventDefault(), h.stopPropagation(), E(!1), p?.onClose(), document.getElementById(b)?.focus();
       return;
     }
-    w.onKeyDown?.(h), C(!0);
+    w.onKeyDown?.(h), E(!0);
   }, A = () => {
-    C(!0);
+    E(!0);
   }, M = (h) => {
     if (!x) return;
     const g = h.relatedTarget;
-    g && h.currentTarget.contains(g) || C(!1);
+    g && h.currentTarget.contains(g) || E(!1);
   }, $ = (h) => {
     h.preventDefault();
   }, R = (h) => {
     h.relatedTarget?.id === _ && k(void 0), w.onBlur?.(h);
-  }, E = /* @__PURE__ */ I(
+  }, N = /* @__PURE__ */ I(
     Qt,
     {
       size: r,
@@ -1330,7 +1330,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     }
   );
   return p ? /* @__PURE__ */ I("div", { className: ee.fieldContainer, children: [
-    E,
+    N,
     f && /* @__PURE__ */ a("div", { className: ee.autocomplete, "aria-hidden": !f, onMouseDown: $, children: /* @__PURE__ */ a(
       et,
       {
@@ -1345,7 +1345,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
         onActiveItemIdChange: k
       }
     ) })
-  ] }) : E;
+  ] }) : N;
 }, kn = "_byline_fzp7k_1", Rn = "_avatar_fzp7k_7", Pn = "_avatarGroup_fzp7k_12", Mn = "_label_fzp7k_26", pe = {
   byline: kn,
   avatar: Rn,
@@ -1406,7 +1406,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   onClose: w,
   color: v,
   onSubmit: x,
-  activeDescendantId: C,
+  activeDescendantId: E,
   useFixedPosition: b = !1,
   expanded: S = !1
 }) => {
@@ -1420,7 +1420,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     maxHeight: 300
   }), P = qe(() => {
     if (i && j.current && k.current) {
-      const $ = j.current.getBoundingClientRect(), R = k.current.getBoundingClientRect(), E = window.innerHeight, h = window.innerWidth, g = 16, u = E - $.bottom, N = $.top, L = h - $.right - R.width, F = u < 250 && N > u, G = F ? "top" : "bottom", V = (F ? N : u) - g, y = L < g ? "right" : "left";
+      const $ = j.current.getBoundingClientRect(), R = k.current.getBoundingClientRect(), N = window.innerHeight, h = window.innerWidth, g = 16, u = N - $.bottom, z = $.top, L = h - $.right - R.width, F = u < 250 && z > u, G = F ? "top" : "bottom", V = (F ? z : u) - g, y = L < g ? "right" : "left";
       D((O) => ({
         ...O,
         yDir: G,
@@ -1437,14 +1437,14 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     const $ = requestAnimationFrame(() => {
       const R = k.current;
       if (!R) return;
-      const E = R.querySelector(
+      const N = R.querySelector(
         'input[type="search"]:not([disabled]), input[role="searchbox"]:not([disabled]), input[data-dropdown-search]:not([disabled])'
       );
-      if (E) {
-        const h = E.value.length;
-        E.focus({ preventScroll: !0 });
+      if (N) {
+        const h = N.value.length;
+        N.focus({ preventScroll: !0 });
         try {
-          E.setSelectionRange(h, h);
+          N.setSelectionRange(h, h);
         } catch {
         }
         return;
@@ -1453,10 +1453,10 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     });
     return () => cancelAnimationFrame($);
   }, [i]), U(() => {
-    const $ = (E) => {
-      E.key === "Escape" && w();
-    }, R = (E) => {
-      const h = E.target, g = j.current?.contains(h), u = k.current?.contains(h);
+    const $ = (N) => {
+      N.key === "Escape" && (N.preventDefault(), w());
+    }, R = (N) => {
+      const h = N.target, g = j.current?.contains(h), u = k.current?.contains(h);
       !g && !u && w();
     };
     return i && (document.addEventListener("mousedown", R), document.addEventListener("keydown", $)), () => {
@@ -1471,18 +1471,18 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
         return;
       const g = h.target;
       g && !$.contains(g) && Hn($);
-    }, E = (h) => {
+    }, N = (h) => {
       if (h.key !== "Tab") return;
       const g = nt($);
       if (g.length === 0) {
         h.preventDefault(), $.focus?.({ preventScroll: !0 });
         return;
       }
-      const u = g[0], N = g[g.length - 1], L = document.activeElement;
-      h.shiftKey ? L === u && (h.preventDefault(), N.focus({ preventScroll: !0 })) : L === N && (h.preventDefault(), u.focus({ preventScroll: !0 }));
+      const u = g[0], z = g[g.length - 1], L = document.activeElement;
+      h.shiftKey ? L === u && (h.preventDefault(), z.focus({ preventScroll: !0 })) : L === z && (h.preventDefault(), u.focus({ preventScroll: !0 }));
     };
-    return document.addEventListener("focusin", R), document.addEventListener("keydown", E), () => {
-      document.removeEventListener("focusin", R), document.removeEventListener("keydown", E);
+    return document.addEventListener("focusin", R), document.addEventListener("keydown", N), () => {
+      document.removeEventListener("focusin", R), document.removeEventListener("keydown", N);
     };
   }, [i]);
   const A = b && f.triggerRect ? {
@@ -1515,7 +1515,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       tabIndex: -1,
       role: "menu",
       "aria-modal": s === "drawer-dropdown" ? !0 : void 0,
-      "aria-activedescendant": C,
+      "aria-activedescendant": E,
       children: [
         /* @__PURE__ */ I("header", { className: ce.header, children: [
           /* @__PURE__ */ a("h2", { className: ce.title, children: m }),
@@ -1592,7 +1592,7 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
     recipientLabel: w = "to",
     grouped: v = !1,
     updatedAt: x,
-    updatedAtLabel: C,
+    updatedAtLabel: E,
     archived: b,
     archivedAt: S,
     archivedAtLabel: j,
@@ -1605,11 +1605,11 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
     unread: M,
     unreadLabel: $ = "Ulest",
     seenByLog: R,
-    draftsLabel: E,
+    draftsLabel: N,
     sentCount: h,
     receivedCount: g,
     attachmentsCount: u,
-    attachmentsLabel: N,
+    attachmentsLabel: z,
     tooltips: L = {},
     title: F,
     description: G,
@@ -1683,11 +1683,11 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
                 badge: D,
                 status: d,
                 extendedStatusLabel: l,
-                draftsLabel: E,
+                draftsLabel: N,
                 sentCount: h,
                 receivedCount: g,
                 updatedAt: x,
-                updatedAtLabel: C,
+                updatedAtLabel: E,
                 archivedAt: S,
                 archivedAtLabel: j,
                 trashedAt: _,
@@ -1695,7 +1695,7 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
                 dueAt: P,
                 dueAtLabel: A,
                 attachmentsCount: u,
-                attachmentsLabel: N,
+                attachmentsLabel: z,
                 tooltips: L
               }
             ),
@@ -1724,7 +1724,7 @@ const rr = ({
   draftsLabel: w,
   sentCount: v = 0,
   receivedCount: x = 0,
-  attachmentsCount: C = 0,
+  attachmentsCount: E = 0,
   attachmentsLabel: b,
   transmissionsLabel: S,
   activityLog: j,
@@ -1739,7 +1739,7 @@ const rr = ({
     s
   ] }),
   m && c && /* @__PURE__ */ a(te, { tooltip: _.dueAt, loading: o, datetime: m, size: "xs", icon: gt, children: c }),
-  C > 0 && /* @__PURE__ */ a(te, { tooltip: _.attachments, loading: o, size: "xs", icon: yt, children: b || C }),
+  E > 0 && /* @__PURE__ */ a(te, { tooltip: _.attachments, loading: o, size: "xs", icon: yt, children: b || E }),
   S && /* @__PURE__ */ a(te, { tooltip: _.transmissions, loading: o, size: "xs", icon: At, children: S }),
   v > 0 && /* @__PURE__ */ a(te, { tooltip: _.sent, size: "xs", icon: Qe, children: v }),
   x > 0 && /* @__PURE__ */ a(te, { tooltip: _.received, size: "xs", icon: Et, children: x }),