@altinn/altinn-components 0.56.7 → 0.56.9

package/dist/{SearchField-CqdLwxvV.js → SearchField-CXMhgFiw.js}

@@ -1,58 +1,58 @@
 "use client";
-import { jsx as t, jsxs as E } from "react/jsx-runtime";
+import { jsx as o, jsxs as E } from "react/jsx-runtime";
 import { c as oe } from "./index-p1eeF8LQ.js";
-import { useRef as j, useState as Q, useMemo as R, useEffect as G, Fragment as Ie, useLayoutEffect as ne, useId as re } from "react";
-import { Icon as ie } from "./components/Icon/Icon.js";
+import { useRef as j, useState as Q, useMemo as R, useEffect as G, Fragment as ge, useLayoutEffect as ne, useId as re } from "react";
 import { Button as se } from "./components/Button/Button.js";
+import "react-dom";
 import "./components/RootProvider/RootProvider.js";
-import { useMenu as fe } from "./hooks/useMenu.js";
-import { Input as ae } from "./components/Forms/Input.js";
-import { FieldBase as ce } from "./components/Forms/FieldBase.js";
+import { useMenu as de } from "./hooks/useMenu.js";
+import { Input as ie } from "./components/Forms/Input.js";
+import { FieldBase as ae } from "./components/Forms/FieldBase.js";
 import "./components/Snackbar/useSnackbar.js";
-import { S as le } from "./MagnifyingGlass-bwVhw07z.js";
-import { S as ue } from "./XMark-tKk6aExO.js";
-import { MenuItem as pe } from "./components/Menu/MenuItem.js";
+import { S as ce } from "./MagnifyingGlass-bwVhw07z.js";
+import { S as le } from "./XMark-tKk6aExO.js";
+import { MenuItem as fe } from "./components/Menu/MenuItem.js";
 import { MenuList as Z } from "./components/Menu/MenuList.js";
-import { MenuListItem as me } from "./components/Menu/MenuListItem.js";
-import { MenuListGroup as he } from "./components/Menu/MenuListGroup.js";
-import { MenuListDivider as ye } from "./components/Menu/MenuListDivider.js";
-import { MenuListHeading as xe } from "./components/Menu/MenuListHeading.js";
+import { MenuListItem as pe } from "./components/Menu/MenuListItem.js";
+import { MenuListGroup as me } from "./components/Menu/MenuListGroup.js";
+import { MenuListDivider as he } from "./components/Menu/MenuListDivider.js";
+import { MenuListHeading as ye } from "./components/Menu/MenuListHeading.js";
 import { a as be } from "./useMenuVirtualization-Cs426RCN.js";
-import { useMenuSearch as ke } from "./components/Menu/useMenuSearch.js";
-import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInput_18jfe_8", te = {
-  search: Ce,
-  searchInput: we
-}, ve = ({
-  style: I,
-  index: b,
-  name: D,
-  value: w,
+import { useMenuSearch as ve } from "./components/Menu/useMenuSearch.js";
+import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInput_18jfe_8", te = {
+  search: we,
+  searchInput: Ce
+}, xe = ({
+  style: b,
+  index: v,
+  name: A,
+  value: k,
   placeholder: d = "Search",
   clearButtonAltText: r = "Clear search",
   onChange: _,
-  onClear: N,
+  onClear: D,
   onNavigate: p,
-  combobox: s = !1,
+  combobox: i = !1,
   listId: h,
   "aria-activedescendant": B,
   onKeyDown: y,
-  onInput: i,
+  onInput: s,
   onFocus: x,
   ...M
-}) => /* @__PURE__ */ t("li", { className: te.search, style: I, "data-index": b, "data-menu-search": "true", children: s ? (
+}) => /* @__PURE__ */ o("li", { className: te.search, style: b, "data-index": v, "data-menu-search": "true", children: i ? (
   // biome-ignore lint/a11y/useFocusableInteractive: <explanation>
   // biome-ignore lint/a11y/useAriaPropsForRole: <explanation>
   // biome-ignore lint/a11y/useSemanticElements: <explanation>
-  /* @__PURE__ */ t("div", { role: "combobox", "aria-expanded": !0, "aria-haspopup": "listbox", "aria-owns": h, children: /* @__PURE__ */ t(
-    de,
+  /* @__PURE__ */ o("div", { role: "combobox", "aria-expanded": !0, "aria-haspopup": "listbox", "aria-owns": h, children: /* @__PURE__ */ o(
+    ue,
     {
       size: "xs",
       className: te.searchInput,
-      name: D,
-      value: w,
+      name: A,
+      value: k,
       placeholder: d,
       onChange: _,
-      onClear: N,
+      onClear: D,
       clearButtonAltText: r,
       autoComplete: "off",
       autoCorrect: "off",
@@ -64,21 +64,21 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInp
       onKeyDown: (a) => {
         (a.key === "ArrowUp" || a.key === "ArrowDown") && (a.preventDefault(), p?.()), y?.(a);
       },
-      onInput: i,
+      onInput: s,
       onFocus: x,
       ...M
     }
   ) })
-) : /* @__PURE__ */ t(
-  de,
+) : /* @__PURE__ */ o(
+  ue,
   {
     size: "xs",
     className: te.searchInput,
-    name: D,
-    value: w,
+    name: A,
+    value: k,
     placeholder: d,
     onChange: _,
-    onClear: N,
+    onClear: D,
     clearButtonAltText: r,
     autoComplete: "off",
     autoCorrect: "off",
@@ -87,53 +87,53 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInp
     onKeyDown: (a) => {
       (a.key === "ArrowUp" || a.key === "ArrowDown") && (a.preventDefault(), p?.()), y?.(a);
     },
-    onInput: i,
+    onInput: s,
     onFocus: x,
     ...M
   }
-) }), ge = ({
-  level: I = 0,
-  maxLevels: b,
-  expanded: D,
-  a11yMode: w = "menu",
+) }), Ie = ({
+  level: b = 0,
+  maxLevels: v,
+  expanded: A,
+  a11yMode: k = "menu",
   open: d,
   scrollToTopOnOpen: r = !1,
   autoActivateFirstItem: _ = !0,
-  autoFocusList: N = !0,
+  autoFocusList: D = !0,
   announceNoResults: p = !1,
-  search: s,
+  search: i,
   items: h,
   groups: B = {},
   size: y,
-  id: i,
+  id: s,
   color: x,
   variant: M,
   scrollRefStyles: a = {},
-  keyboardEvents: v = !1,
+  keyboardEvents: I = !1,
   onSelect: z = () => {
   },
-  onActiveItemIdChange: k
+  onActiveItemIdChange: w
 }) => {
-  if (b && I >= b)
+  if (v && b >= v)
     return null;
-  const m = w === "combobox", l = m && i ? `${i}-listbox` : i, F = j(d), O = j(d), [Y, C] = Q(!1), f = R(
+  const m = k === "combobox", l = m && s ? `${s}-listbox` : s, F = j(d), O = j(d), [Y, C] = Q(!1), f = R(
     () => h.map((n, g) => ({
       ...n,
-      id: n.id || `${i}-item-${g}`
+      id: n.id || `${s}-item-${g}`
     })),
-    [h, i]
-  ), S = j(null), { menu: L, setActiveIndex: H, activeItem: W } = fe({
+    [h, s]
+  ), S = j(null), { menu: L, setActiveIndex: H, activeItem: W } = de({
     items: f,
     groups: B,
     groupByKey: "groupId",
-    keyboardEvents: v,
+    keyboardEvents: I,
     autoActivateFirstItem: _,
     onSelect: z,
     ref: S
   });
   return G(() => {
-    k?.(W?.id);
-  }, [W?.id, k]), G(() => {
+    w?.(W?.id);
+  }, [W?.id, w]), G(() => {
     if (!r) {
       F.current = d;
       return;
@@ -142,8 +142,8 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInp
     F.current = d, d && !n && S.current?.scrollTo({ top: 0 });
   }, [d, r]), G(() => {
     const n = O.current;
-    O.current = d, !(!v || s || !N) && d && !n && requestAnimationFrame(() => S.current?.focus?.({ preventScroll: !0 }));
-  }, [d, v, s]), G(() => {
+    O.current = d, !(!I || i || !D) && d && !n && requestAnimationFrame(() => S.current?.focus?.({ preventScroll: !0 }));
+  }, [d, I, i]), G(() => {
     if (m && p) {
       H(0), C(!0);
       return;
@@ -152,75 +152,75 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInp
     Z,
     {
       variant: M,
-      expanded: D,
+      expanded: A,
       ref: S,
       style: a,
       id: l,
       role: m ? "listbox" : void 0,
-      tabIndex: v ? -1 : void 0,
+      tabIndex: I ? -1 : void 0,
       children: [
-        s && /* @__PURE__ */ t(
-          ve,
+        i && /* @__PURE__ */ o(
+          xe,
           {
-            ...s,
+            ...i,
             combobox: m,
             listId: l,
             "aria-activedescendant": m && Y ? W?.id : void 0,
             onNavigate: m ? () => C(!0) : void 0,
             onChange: (n) => {
-              C(!1), s.onChange?.(n);
+              C(!1), i.onChange?.(n);
             },
             onFocus: (n) => {
-              C(!1), s.onFocus?.(n);
+              C(!1), i.onFocus?.(n);
             },
             onInput: (n) => {
-              C(!1), s.onInput?.(n);
+              C(!1), i.onInput?.(n);
             },
             onKeyDown: (n) => {
               const g = n.key === "ArrowUp" || n.key === "ArrowDown", T = n.key.length === 1 || n.key === "Backspace" || n.key === "Delete";
-              m && !g && T && C(!1), s.onKeyDown?.(n);
+              m && !g && T && C(!1), i.onKeyDown?.(n);
             }
           }
         ),
         L.map((n, g) => {
           const T = n?.props || {}, { title: P, hidden: q = !1, divider: X = !0 } = T;
-          return /* @__PURE__ */ E(Ie, { children: [
-            (I > 0 || g) && X ? /* @__PURE__ */ t(ye, {}) : "",
-            /* @__PURE__ */ t(he, { hidden: q, children: /* @__PURE__ */ E(Z, { role: "presentation", children: [
-              P && /* @__PURE__ */ t(xe, { title: P, level: I }),
+          return /* @__PURE__ */ E(ge, { children: [
+            (b > 0 || g) && X ? /* @__PURE__ */ o(he, {}) : "",
+            /* @__PURE__ */ o(me, { hidden: q, children: /* @__PURE__ */ E(Z, { role: "presentation", children: [
+              P && /* @__PURE__ */ o(ye, { title: P, level: b }),
               n?.items.filter((U) => !U.props?.hidden).map((U, e) => {
-                const { active: o, onMouseEnter: u } = U, { groupId: K, ...c } = U.props || {}, { expanded: $ } = c, V = Array.isArray(c?.items) && c.items.length > 0, J = c.role === "checkbox" || c.role === "radio", ee = m && !J ? "option" : c.role;
+                const { active: t, onMouseEnter: u } = U, { groupId: K, ...c } = U.props || {}, { expanded: $ } = c, V = Array.isArray(c?.items) && c.items.length > 0, J = c.role === "checkbox" || c.role === "radio", ee = m && !J ? "option" : c.role;
                 return /* @__PURE__ */ E(
-                  me,
+                  pe,
                   {
                     expanded: $,
                     onMouseLeave: () => H(-1),
                     role: m || J ? "presentation" : void 0,
                     children: [
-                      /* @__PURE__ */ t(
-                        pe,
+                      /* @__PURE__ */ o(
+                        fe,
                         {
                           ...c,
                           size: c?.size || T?.size || y,
                           color: c?.color || T?.color || x,
                           variant: c?.variant || T?.variant || M,
-                          active: o,
+                          active: t,
                           role: ee,
                           selected: c.selected,
-                          tabIndex: c?.disabled || v ? -1 : c.tabIndex ?? 0,
+                          tabIndex: c?.disabled || I ? -1 : c.tabIndex ?? 0,
                           onMouseEnter: u,
                           "aria-haspopup": V ? "menu" : void 0,
                           "aria-expanded": V ? $ : void 0,
                           "aria-controls": V ? c.id + "-menu" : void 0
                         }
                       ),
-                      $ && c?.items && /* @__PURE__ */ t(
-                        ge,
+                      $ && c?.items && /* @__PURE__ */ o(
+                        Ie,
                         {
                           id: c.id + "-menu",
                           expanded: $,
-                          level: I + 1,
-                          maxLevels: b,
+                          level: b + 1,
+                          maxLevels: v,
                           items: c?.items,
                           groups: B,
                           size: y,
@@ -239,68 +239,68 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInp
       ]
     }
   );
-}, _e = (I) => {
-  const b = j(null), D = j(null), [w, d] = Q(0), {
+}, ke = (b) => {
+  const v = j(null), A = j(null), [k, d] = Q(0), {
     search: r,
     items: _,
-    groups: N = {},
+    groups: D = {},
     size: p,
-    color: s,
+    color: i,
     variant: h,
     keyboardEvents: B,
     scrollRefStyles: y = {},
-    id: i,
+    id: s,
     expanded: x,
     a11yMode: M = "menu",
     open: a,
-    scrollToTopOnOpen: v = !1,
+    scrollToTopOnOpen: I = !1,
     autoActivateFirstItem: z = !0,
-    announceNoResults: k = !1,
+    announceNoResults: w = !1,
     onActiveItemIdChange: m
-  } = I, l = M === "combobox", F = l && i ? `${i}-listbox` : i, O = j(a), [Y, C] = Q(!1), f = R(
-    () => _.map((e, o) => ({
+  } = b, l = M === "combobox", F = l && s ? `${s}-listbox` : s, O = j(a), [Y, C] = Q(!1), f = R(
+    () => _.map((e, t) => ({
       ...e,
-      id: e.id || `${i}-item-${o}`
+      id: e.id || `${s}-item-${t}`
     })),
-    [_, i]
-  ), { menu: S, activeItem: L, setActiveIndex: H, activeIndex: W } = fe({
+    [_, s]
+  ), { menu: S, activeItem: L, setActiveIndex: H, activeIndex: W } = de({
     items: f,
-    groups: N,
+    groups: D,
     groupByKey: "groupId",
     keyboardEvents: B,
     autoActivateFirstItem: z,
-    ref: b
+    ref: v
   }), { flatMenu: n, virtualizer: g, scrollMaxHeight: T } = be({
     menu: S,
-    scrollRef: b
+    scrollRef: v
   });
   ne(() => {
-    const e = D.current;
+    const e = A.current;
     if (!e) return;
-    const o = Math.round(e.offsetTop);
-    d((u) => u === o ? u : o);
+    const t = Math.round(e.offsetTop);
+    d((u) => u === t ? u : t);
   });
   const P = R(() => {
     const e = L?.id;
     if (e)
       return n.findIndex((u) => u.type === "item" && u.itemProps?.id === e);
     if (W < 0) return -1;
-    let o = -1;
+    let t = -1;
     for (let u = 0; u < n.length; u++)
-      if (n[u]?.type === "item" && (o += 1, o === W))
+      if (n[u]?.type === "item" && (t += 1, t === W))
         return u;
     return -1;
   }, [L?.id, W, n]), q = j(null);
   ne(() => {
-    const e = q?.current, o = typeof e == "number" ? P <= e : !1;
+    const e = q?.current, t = typeof e == "number" ? P <= e : !1;
     q.current = P;
-    const u = o ? P : P + 2;
-    if (!o) {
+    const u = t ? P : P + 2;
+    if (!t) {
       const V = g.getOffsetForIndex(u, "auto");
       if (!V) return;
       const [J, ee] = V;
       if (ee === "auto") return;
-      g.scrollToOffset(J + w + 10, { align: "start" });
+      g.scrollToOffset(J + k + 10, { align: "start" });
       return;
     }
     if (P <= 3) {
@@ -310,30 +310,30 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInp
     const K = g.getOffsetForIndex(P - 1, "auto");
     if (!K) return;
     const [c, $] = K;
-    $ !== "auto" && g.scrollToOffset(c + w + 10, { align: "start" });
-  }, [P, w, g, q]);
+    $ !== "auto" && g.scrollToOffset(c + k + 10, { align: "start" });
+  }, [P, k, g, q]);
   const X = R(() => {
     const e = /* @__PURE__ */ new Map();
-    let o = 0;
+    let t = 0;
     return n.forEach((u, K) => {
-      u.type === "item" && (o += 1, e.set(K, o));
-    }), { positions: e, total: o };
+      u.type === "item" && (t += 1, e.set(K, t));
+    }), { positions: e, total: t };
   }, [n]);
   G(() => {
     m?.(L?.id);
   }, [L?.id, m]), G(() => {
-    if (l && k) {
+    if (l && w) {
       H(0), C(!0);
       return;
     }
-  }, [k, l, H]), G(() => {
-    if (!v) {
+  }, [w, l, H]), G(() => {
+    if (!I) {
       O.current = a;
       return;
     }
     const e = O.current;
-    O.current = a, a && !e && b.current?.scrollTo({ top: 0 });
-  }, [a, v]);
+    O.current = a, a && !e && v.current?.scrollTo({ top: 0 });
+  }, [a, I]);
   const U = {
     position: "relative",
     maxHeight: y?.maxHeight || T,
@@ -346,16 +346,16 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInp
   return /* @__PURE__ */ E(
     Z,
     {
-      ref: b,
+      ref: v,
       style: U,
       variant: h,
-      color: s,
+      color: i,
       expanded: x,
       id: F,
       role: l ? "listbox" : void 0,
       children: [
-        r && /* @__PURE__ */ t(
-          ve,
+        r && /* @__PURE__ */ o(
+          xe,
           {
             ...r,
             combobox: l,
@@ -372,23 +372,23 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInp
               C(!1), r.onInput?.(e);
             },
             onKeyDown: (e) => {
-              const o = e.key === "ArrowUp" || e.key === "ArrowDown", u = e.key.length === 1 || e.key === "Backspace" || e.key === "Delete";
-              l && !o && u && C(!1), r.onKeyDown?.(e);
+              const t = e.key === "ArrowUp" || e.key === "ArrowDown", u = e.key.length === 1 || e.key === "Backspace" || e.key === "Delete";
+              l && !t && u && C(!1), r.onKeyDown?.(e);
             }
           }
         ),
-        /* @__PURE__ */ t(
-          he,
+        /* @__PURE__ */ o(
+          me,
           {
-            ref: D,
+            ref: A,
             style: {
               position: "relative",
               height: `${g.getTotalSize()}px`,
               width: "100%"
             },
-            children: /* @__PURE__ */ t(Z, { style: { width: "100%", minWidth: "100%" }, children: g.getVirtualItems().map((e) => {
-              const o = n[e.index];
-              if (!o) return null;
+            children: /* @__PURE__ */ o(Z, { style: { width: "100%", minWidth: "100%" }, children: g.getVirtualItems().map((e) => {
+              const t = n[e.index];
+              if (!t) return null;
               const u = {
                 position: "absolute",
                 top: 0,
@@ -401,10 +401,10 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInp
                 "data-index": e.index,
                 ref: g.measureElement
               };
-              switch (o.type) {
+              switch (t.type) {
                 case "divider":
-                  return /* @__PURE__ */ t(
-                    ye,
+                  return /* @__PURE__ */ o(
+                    he,
                     {
                       ...K,
                       style: { ...u, padding: "0.25rem 0" }
@@ -412,27 +412,27 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInp
                     e.key
                   );
                 case "header":
-                  return /* @__PURE__ */ t(xe, { ...K, title: o.title || "", level: 1 }, e.key);
+                  return /* @__PURE__ */ o(ye, { ...K, title: t.title || "", level: 1 }, e.key);
                 default: {
-                  const c = o.itemProps?.role === "checkbox" || o.itemProps?.role === "radio", $ = l && !c ? "option" : o.itemProps?.role;
-                  return /* @__PURE__ */ t(
-                    me,
+                  const c = t.itemProps?.role === "checkbox" || t.itemProps?.role === "radio", $ = l && !c ? "option" : t.itemProps?.role;
+                  return /* @__PURE__ */ o(
+                    pe,
                     {
                       ...K,
                       role: l || c ? "presentation" : "menuitem",
-                      children: /* @__PURE__ */ t(
-                        pe,
+                      children: /* @__PURE__ */ o(
+                        fe,
                         {
-                          ...o.itemProps || {},
-                          size: o.itemProps?.size || p,
-                          color: o.itemProps?.color || s,
-                          variant: o.itemProps?.variant || h,
-                          active: o.active,
+                          ...t.itemProps || {},
+                          size: t.itemProps?.size || p,
+                          color: t.itemProps?.color || i,
+                          variant: t.itemProps?.variant || h,
+                          active: t.active,
                           role: $,
-                          selected: o.itemProps?.selected,
+                          selected: t.itemProps?.selected,
                           "aria-posinset": l ? X.positions.get(e.index) : void 0,
                           "aria-setsize": l ? X.total : void 0,
-                          tabIndex: o.itemProps?.disabled || B ? -1 : 0
+                          tabIndex: t.itemProps?.disabled || B ? -1 : 0
                         }
                       )
                     },
@@ -446,154 +446,153 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInp
       ]
     }
   );
-}, Me = ({
-  searchable: I,
-  search: b,
-  items: D = [],
-  groups: w = {},
+}, _e = ({
+  searchable: b,
+  search: v,
+  items: A = [],
+  groups: k = {},
   variant: d = "default",
   size: r,
   level: _ = 0,
-  maxLevels: N = 3,
+  maxLevels: D = 3,
   virtualized: p = !1,
-  keyboardEvents: s = !1,
+  keyboardEvents: i = !1,
   scrollRefStyles: h = {},
   onActiveItemIdChange: B,
   a11yMode: y = "menu",
-  open: i,
+  open: s,
   scrollToTopOnOpen: x,
   autoFocusList: M,
   id: a
 }) => {
-  const v = ke({ ...b, items: D, groups: w }), z = I ? v.search : b, k = I && v.hasQuery && v.resultCount === 0, m = I ? v.items : D, l = I ? { ...w, ...v.groups } : w, F = y !== "combobox";
-  return p ? /* @__PURE__ */ t(
-    _e,
+  const I = ve({ ...v, items: A, groups: k }), z = b ? I.search : v, w = b && I.hasQuery && I.resultCount === 0, m = b ? I.items : A, l = b ? { ...k, ...I.groups } : k, F = y !== "combobox";
+  return p ? /* @__PURE__ */ o(
+    ke,
     {
       id: a,
       search: z,
-      announceNoResults: k,
+      announceNoResults: w,
       items: m,
       groups: l,
       variant: d,
       size: r,
       level: _,
-      maxLevels: N,
-      keyboardEvents: s,
+      maxLevels: D,
+      keyboardEvents: i,
       scrollRefStyles: h,
       onActiveItemIdChange: B,
       a11yMode: y,
-      open: i,
+      open: s,
       scrollToTopOnOpen: x,
       autoActivateFirstItem: F,
       autoFocusList: M
     }
-  ) : /* @__PURE__ */ t(
-    ge,
+  ) : /* @__PURE__ */ o(
+    Ie,
     {
       id: a,
       search: z,
-      announceNoResults: k,
+      announceNoResults: w,
       items: m,
       groups: l,
       variant: d,
       size: r,
       level: _,
-      maxLevels: N,
-      keyboardEvents: s,
+      maxLevels: D,
+      keyboardEvents: i,
       scrollRefStyles: h,
       onActiveItemIdChange: B,
       a11yMode: y,
-      open: i,
+      open: s,
       scrollToTopOnOpen: x,
       autoActivateFirstItem: F,
       autoFocusList: M
     }
   );
-}, Ae = "_fieldContainer_1ekv9_1", De = "_field_1ekv9_1", Ne = "_inputContainer_1ekv9_9", Be = "_icon_1ekv9_15", Fe = "_input_1ekv9_9", Se = "_clear_1ekv9_58", ze = "_clearButton_1ekv9_70", Pe = "_autocomplete_1ekv9_99", A = {
-  fieldContainer: Ae,
-  field: De,
-  inputContainer: Ne,
-  icon: Be,
-  input: Fe,
-  clear: Se,
-  clearButton: ze,
-  autocomplete: Pe
-}, de = ({
-  className: I,
-  collapsible: b,
-  size: D,
-  color: w = "neutral",
+}, Me = "_fieldContainer_1rfas_1", Ae = "_field_1rfas_1", De = "_icon_1rfas_15", Be = "_input_1rfas_9", Ne = "_clear_1rfas_48", Fe = "_clearButton_1rfas_61", Se = "_autocomplete_1rfas_90", N = {
+  fieldContainer: Me,
+  field: Ae,
+  icon: De,
+  input: Be,
+  clear: Ne,
+  clearButton: Fe,
+  autocomplete: Se
+}, ue = ({
+  className: b,
+  collapsible: v,
+  size: A,
+  color: k = "neutral",
   label: d,
   value: r,
   onClear: _,
-  clearButtonAltText: N = "Clear search",
+  clearButtonAltText: D = "Clear search",
   menu: p,
-  minLength: s,
+  minLength: i,
   ...h
 }) => {
-  const B = re(), [y, i] = Q(!1), x = h.id || `search-field-${B}`, M = `${x}-listbox`, [a, v] = Q(void 0), z = "searchfield-clear-button-" + re(), k = R(() => !r || typeof s == "number" && typeof r == "string" && r.length < s ? !1 : y, [y, s, r]), m = R(() => (p?.items ?? []).map((f) => ({
+  const B = re(), [y, s] = Q(!1), x = h.id || `search-field-${B}`, M = `${x}-listbox`, [a, I] = Q(void 0), z = "searchfield-clear-button-" + re(), w = R(() => !r || typeof i == "number" && typeof r == "string" && r.length < i ? !1 : y, [y, i, r]), m = R(() => (p?.items ?? []).map((f) => ({
     ...f,
     onClick: () => {
-      f.onClick?.(), i(!1);
+      f.onClick?.(), s(!1);
     }
   })), [p]), l = (f) => {
-    if (f.key === "Enter" && k) {
-      p?.items?.[0]?.onClick?.(), i(!1);
+    if (f.key === "Enter" && w) {
+      p?.items?.[0]?.onClick?.(), s(!1);
       return;
     }
-    if (f.key === "Escape" && k) {
-      f.preventDefault(), f.stopPropagation(), i(!1), p?.onClose(), document.getElementById(x)?.focus();
+    if (f.key === "Escape" && w) {
+      f.preventDefault(), f.stopPropagation(), s(!1), p?.onClose(), document.getElementById(x)?.focus();
       return;
     }
-    h.onKeyDown?.(f), i(!0);
+    h.onKeyDown?.(f), s(!0);
   }, F = () => {
-    i(!0);
+    s(!0);
   }, O = (f) => {
     if (!y) return;
     const S = f.relatedTarget;
-    S && f.currentTarget.contains(S) || i(!1);
+    S && f.currentTarget.contains(S) || s(!1);
   }, Y = (f) => {
     f.preventDefault();
   }, C = (f) => {
-    f.relatedTarget?.id === z && v(void 0), h.onBlur?.(f);
+    f.relatedTarget?.id === z && I(void 0), h.onBlur?.(f);
   };
-  return p ? /* @__PURE__ */ E("div", { className: A.fieldContainer, children: [
-    /* @__PURE__ */ t(
-      ce,
+  return p ? /* @__PURE__ */ E("div", { className: N.fieldContainer, children: [
+    /* @__PURE__ */ E(
+      ae,
       {
-        size: D,
-        color: w,
+        size: A,
+        color: k,
         label: d,
-        className: oe(A.field, I),
+        className: oe(N.field, b),
         onBlurCapture: O,
-        children: /* @__PURE__ */ E("div", { className: A.inputContainer, children: [
-          /* @__PURE__ */ t(
-            ae,
+        children: [
+          /* @__PURE__ */ o(
+            ie,
             {
               ...h,
               id: x,
               type: "search",
               value: r,
-              className: A.input,
-              "data-collapsible": b,
+              className: N.input,
+              "data-collapsible": v,
               autoCapitalize: "off",
               autoComplete: "off",
-              minLength: s,
+              minLength: i,
               onKeyDown: l,
               onBlur: C,
               ...p && {
                 role: "combobox",
                 "aria-autocomplete": "list",
-                "aria-expanded": !!k,
+                "aria-expanded": !!w,
                 "aria-haspopup": "listbox",
                 "aria-controls": M,
-                "aria-activedescendant": k ? a : void 0,
+                "aria-activedescendant": w ? a : void 0,
                 onFocus: F
               }
             }
           ),
-          /* @__PURE__ */ t(ie, { svgElement: le, className: A.icon }),
-          _ && !!r && /* @__PURE__ */ t("span", { className: A.clear, children: /* @__PURE__ */ t(
+          /* @__PURE__ */ o(ce, { className: N.icon }),
+          _ && !!r && /* @__PURE__ */ o("span", { className: N.clear, children: /* @__PURE__ */ o(
             se,
             {
               id: z,
@@ -602,20 +601,20 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInp
               rounded: !0,
               icon: !0,
               variant: "tinted",
-              className: A.clearButton,
+              className: N.clearButton,
               onClick: () => {
                 _?.(), document.getElementById(x)?.focus();
               },
-              "aria-label": N,
+              "aria-label": D,
               "data-action": "clear-input",
-              children: /* @__PURE__ */ t(ue, {})
+              children: /* @__PURE__ */ o(le, {})
             }
           ) })
-        ] })
+        ]
       }
     ),
-    p && k && /* @__PURE__ */ t("div", { className: A.autocomplete, "aria-hidden": !k, onMouseDown: Y, children: /* @__PURE__ */ t(
-      Me,
+    p && w && /* @__PURE__ */ o("div", { className: N.autocomplete, "aria-hidden": !w, onMouseDown: Y, children: /* @__PURE__ */ o(
+      _e,
       {
         ...p,
         id: M,
@@ -623,38 +622,38 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInp
         groups: p?.groups,
         keyboardEvents: !0,
         a11yMode: "combobox",
-        open: k,
+        open: w,
         autoFocusList: !1,
-        onActiveItemIdChange: v
+        onActiveItemIdChange: I
       }
     ) })
-  ] }) : /* @__PURE__ */ t(
-    ce,
+  ] }) : /* @__PURE__ */ E(
+    ae,
     {
-      size: D,
-      color: w,
+      size: A,
+      color: k,
       label: d,
-      className: oe(A.field, I),
+      className: oe(N.field, b),
       onBlurCapture: O,
-      children: /* @__PURE__ */ E("div", { className: A.inputContainer, children: [
-        /* @__PURE__ */ t(
-          ae,
+      children: [
+        /* @__PURE__ */ o(
+          ie,
           {
             ...h,
             id: x,
             type: "search",
             value: r,
-            className: A.input,
-            "data-collapsible": b,
+            className: N.input,
+            "data-collapsible": v,
             autoCapitalize: "off",
             autoComplete: "off",
-            minLength: s,
+            minLength: i,
             onKeyDown: l,
             onBlur: C
           }
         ),
-        /* @__PURE__ */ t(ie, { svgElement: le, className: A.icon }),
-        _ && !!r && /* @__PURE__ */ t("span", { className: A.clear, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ o(ce, { className: N.icon }),
+        _ && !!r && /* @__PURE__ */ o("span", { className: N.clear, children: /* @__PURE__ */ o(
           se,
           {
             id: z,
@@ -663,23 +662,23 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", we = "_searchInp
             rounded: !0,
             icon: !0,
             variant: "tinted",
-            className: A.clearButton,
+            className: N.clearButton,
             onClick: () => {
               _?.(), document.getElementById(x)?.focus();
             },
-            "aria-label": N,
+            "aria-label": D,
             "data-action": "clear-input",
-            children: /* @__PURE__ */ t(ue, {})
+            children: /* @__PURE__ */ o(le, {})
           }
         ) })
-      ] })
+      ]
     }
   );
 };
 export {
-  Me as M,
-  de as S,
-  _e as V,
-  ge as a,
-  ve as b
+  _e as M,
+  ue as S,
+  ke as V,
+  Ie as a,
+  xe as b
 };