@altinn/altinn-components 0.56.0 → 0.56.2

package/dist/{SearchField-BUp4_VIq.js → SearchField-CN2mo8ck.js}

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as r, jsxs as L } from "react/jsx-runtime";
-import { c as pe } from "./index-p1eeF8LQ.js";
+import { c as fe } from "./index-p1eeF8LQ.js";
 import { useRef as W, useState as X, useMemo as R, useEffect as j, Fragment as me, useLayoutEffect as oe, useId as ne } from "react";
 import { Icon as he } from "./components/Icon/Icon.js";
 import { Button as ye } from "./components/Button/Button.js";
@@ -27,7 +27,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
   index: b,
   name: M,
   value: _,
-  placeholder: f = "Search",
+  placeholder: p = "Search",
   clearButtonAltText: a = "Clear search",
   onChange: A,
   onClear: D,
@@ -50,7 +50,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
       className: te.searchInput,
       name: M,
       value: _,
-      placeholder: f,
+      placeholder: p,
       onChange: A,
       onClear: D,
       clearButtonAltText: a,
@@ -76,7 +76,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     className: te.searchInput,
     name: M,
     value: _,
-    placeholder: f,
+    placeholder: p,
     onChange: A,
     onClear: D,
     clearButtonAltText: a,
@@ -91,12 +91,12 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     onFocus: w,
     ...k
   }
-) }), fe = ({
+) }), pe = ({
   level: v = 0,
   maxLevels: b,
   expanded: M,
   a11yMode: _ = "menu",
-  open: f,
+  open: p,
   scrollToTopOnOpen: a = !1,
   autoActivateFirstItem: A = !0,
   autoFocusList: D = !0,
@@ -116,7 +116,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
 }) => {
   if (b && v >= b)
     return null;
-  const p = _ === "combobox", u = p && s ? `${s}-listbox` : s, B = W(f), z = W(f), [Y, n] = X(!1), P = R(
+  const f = _ === "combobox", u = f && s ? `${s}-listbox` : s, B = W(p), z = W(p), [Y, n] = X(!1), P = R(
     () => g.map((o, x) => ({
       ...o,
       id: o.id || `${s}-item-${x}`
@@ -135,20 +135,20 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     I?.($?.id);
   }, [$?.id, I]), j(() => {
     if (!a) {
-      B.current = f;
+      B.current = p;
       return;
     }
     const o = B.current;
-    B.current = f, f && !o && G.current?.scrollTo({ top: 0 });
-  }, [f, a]), j(() => {
+    B.current = p, p && !o && G.current?.scrollTo({ top: 0 });
+  }, [p, a]), j(() => {
     const o = z.current;
-    z.current = f, !(!y || l || !D) && f && !o && requestAnimationFrame(() => G.current?.focus?.({ preventScroll: !0 }));
-  }, [f, y, l]), j(() => {
-    if (p && m) {
+    z.current = p, !(!y || l || !D) && p && !o && requestAnimationFrame(() => G.current?.focus?.({ preventScroll: !0 }));
+  }, [p, y, l]), j(() => {
+    if (f && m) {
       H(0), n(!0);
       return;
     }
-  }, [m, p, H]), /* @__PURE__ */ L(
+  }, [m, f, H]), /* @__PURE__ */ L(
     Z,
     {
       variant: k,
@@ -156,17 +156,17 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
       ref: G,
       style: c,
       id: u,
-      role: p ? "listbox" : void 0,
+      role: f ? "listbox" : void 0,
       tabIndex: y ? -1 : void 0,
       children: [
         l && /* @__PURE__ */ r(
           de,
           {
             ...l,
-            combobox: p,
+            combobox: f,
             listId: u,
-            "aria-activedescendant": p && Y ? $?.id : void 0,
-            onNavigate: p ? () => n(!0) : void 0,
+            "aria-activedescendant": f && Y ? $?.id : void 0,
+            onNavigate: f ? () => n(!0) : void 0,
             onChange: (o) => {
               n(!1), l.onChange?.(o);
             },
@@ -178,7 +178,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
             },
             onKeyDown: (o) => {
               const x = o.key === "ArrowUp" || o.key === "ArrowDown", O = o.key.length === 1 || o.key === "Backspace" || o.key === "Delete";
-              p && !x && O && n(!1), l.onKeyDown?.(o);
+              f && !x && O && n(!1), l.onKeyDown?.(o);
             }
           }
         ),
@@ -189,13 +189,13 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
             /* @__PURE__ */ r(ce, { hidden: q, children: /* @__PURE__ */ L(Z, { role: "presentation", children: [
               F && /* @__PURE__ */ r(ue, { title: F, level: v }),
               o?.items.filter((U) => !U.props?.hidden).map((U, e) => {
-                const { active: t, onMouseEnter: d } = U, { groupId: N, ...i } = U.props || {}, { expanded: K } = i, V = Array.isArray(i?.items) && i.items.length > 0, Q = i.role === "checkbox" || i.role === "radio", ee = p && !Q ? "option" : i.role;
+                const { active: t, onMouseEnter: d } = U, { groupId: N, ...i } = U.props || {}, { expanded: K } = i, V = Array.isArray(i?.items) && i.items.length > 0, Q = i.role === "checkbox" || i.role === "radio", ee = f && !Q ? "option" : i.role;
                 return /* @__PURE__ */ L(
                   ae,
                   {
                     expanded: K,
                     onMouseLeave: () => H(-1),
-                    role: p || Q ? "presentation" : void 0,
+                    role: f || Q ? "presentation" : void 0,
                     children: [
                       /* @__PURE__ */ r(
                         ie,
@@ -206,7 +206,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
                           variant: i?.variant || O?.variant || k,
                           active: t,
                           role: ee,
-                          selected: p && !Q ? t : i.selected,
+                          selected: f && !Q ? t : i.selected,
                           tabIndex: i?.disabled || y ? -1 : i.tabIndex ?? 0,
                           onMouseEnter: d,
                           "aria-haspopup": V ? "menu" : void 0,
@@ -215,7 +215,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
                         }
                       ),
                       K && i?.items && /* @__PURE__ */ r(
-                        fe,
+                        pe,
                         {
                           id: i.id + "-menu",
                           expanded: K,
@@ -240,7 +240,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     }
   );
 }, Ae = (v) => {
-  const b = W(null), M = W(null), [_, f] = X(0), {
+  const b = W(null), M = W(null), [_, p] = X(0), {
     search: a,
     items: A,
     groups: D = {},
@@ -256,7 +256,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     scrollToTopOnOpen: y = !1,
     autoActivateFirstItem: S = !0,
     announceNoResults: I = !1,
-    onActiveItemIdChange: p
+    onActiveItemIdChange: f
   } = v, u = k === "combobox", B = u && s ? `${s}-listbox` : s, z = W(c), [Y, n] = X(!1), P = R(
     () => A.map((e, t) => ({
       ...e,
@@ -278,7 +278,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     const e = M.current;
     if (!e) return;
     const t = Math.round(e.offsetTop);
-    f((d) => d === t ? d : t);
+    p((d) => d === t ? d : t);
   });
   const F = R(() => {
     const e = T?.id;
@@ -320,8 +320,8 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     }), { positions: e, total: t };
   }, [o]);
   j(() => {
-    p?.(T?.id);
-  }, [T?.id, p]), j(() => {
+    f?.(T?.id);
+  }, [T?.id, f]), j(() => {
     if (u && I) {
       H(0), n(!0);
       return;
@@ -451,7 +451,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
   search: b,
   items: M = [],
   groups: _ = {},
-  variant: f = "default",
+  variant: p = "default",
   size: a,
   level: A = 0,
   maxLevels: D = 3,
@@ -465,16 +465,16 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
   autoFocusList: k,
   id: c
 }) => {
-  const y = we({ ...b, items: M, groups: _ }), S = v ? y.search : b, I = v && y.hasQuery && y.resultCount === 0, p = v ? y.items : M, u = v ? { ..._, ...y.groups } : _, B = h !== "combobox";
+  const y = we({ ...b, items: M, groups: _ }), S = v ? y.search : b, I = v && y.hasQuery && y.resultCount === 0, f = v ? y.items : M, u = v ? { ..._, ...y.groups } : _, B = h !== "combobox";
   return m ? /* @__PURE__ */ r(
     Ae,
     {
       id: c,
       search: S,
       announceNoResults: I,
-      items: p,
+      items: f,
       groups: u,
-      variant: f,
+      variant: p,
       size: a,
       level: A,
       maxLevels: D,
@@ -488,14 +488,14 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
       autoFocusList: k
     }
   ) : /* @__PURE__ */ r(
-    fe,
+    pe,
     {
       id: c,
       search: S,
       announceNoResults: I,
-      items: p,
+      items: f,
       groups: u,
-      variant: f,
+      variant: p,
       size: a,
       level: A,
       maxLevels: D,
@@ -509,7 +509,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
       autoFocusList: k
     }
   );
-}, Ce = "_field_1ssuu_1", De = "_container_1ssuu_5", Be = "_icon_1ssuu_11", Fe = "_input_1ssuu_35", Se = "_clear_1ssuu_54", Ne = "_clearButton_1ssuu_66", ze = "_autocomplete_1ssuu_95", E = {
+}, Ce = "_field_lyp0p_1", De = "_container_lyp0p_5", Be = "_icon_lyp0p_11", Fe = "_input_lyp0p_35", Se = "_clear_lyp0p_54", Ne = "_clearButton_lyp0p_66", ze = "_autocomplete_lyp0p_95", E = {
   field: Ce,
   container: De,
   icon: Be,
@@ -522,7 +522,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
   collapsible: b,
   size: M,
   color: _ = "neutral",
-  label: f,
+  label: p,
   value: a,
   onClear: A,
   clearButtonAltText: D = "Clear search",
@@ -530,7 +530,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
   minLength: l,
   ...g
 }) => {
-  const C = ne(), [h, s] = X(!1), w = g.id || `search-field-${C}`, k = `${w}-listbox`, [c, y] = X(void 0), S = "searchfield-clear-button-" + ne(), I = R(() => !a || typeof l == "number" && typeof a == "string" && a.length < l ? !1 : h, [h, l, a]), p = R(() => (m?.items ?? []).map((n) => ({
+  const C = ne(), [h, s] = X(!1), w = g.id || `search-field-${C}`, k = `${w}-listbox`, [c, y] = X(void 0), S = "searchfield-clear-button-" + ne(), I = R(() => !a || typeof l == "number" && typeof a == "string" && a.length < l ? !1 : h, [h, l, a]), f = R(() => (m?.items ?? []).map((n) => ({
     ...n,
     onClick: () => {
       n.onClick?.(), s(!1);
@@ -559,8 +559,8 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     {
       size: M,
       color: _,
-      label: f,
-      className: pe(E.field, v),
+      label: p,
+      className: fe(E.field, v),
       onBlurCapture: z,
       children: [
         /* @__PURE__ */ L("div", { className: E.container, children: [
@@ -614,7 +614,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
           {
             ...m,
             id: k,
-            items: p,
+            items: f,
             groups: m?.groups,
             keyboardEvents: !0,
             a11yMode: "combobox",
@@ -631,6 +631,6 @@ export {
   Me as M,
   re as S,
   Ae as V,
-  fe as a,
+  pe as a,
   de as b
 };

package/dist/assets/DatepickerTable.css

@@ -1 +1 @@
-._table_ex6ab_1{border-collapse:collapse;table-layout:fixed;width:100%}._weekday_ex6ab_7{font-size:.75rem;text-align:center;padding:.25rem 0}._date_ex6ab_13{background-color:transparent;color:var(--ds-color-text-subtle)}._date_ex6ab_13[data-current-month=true]{background-color:var(--ds-color-background-tinted);color:var(--ds-color-text-default)}._button_ex6ab_23{font-size:.875rem;width:100%;text-align:center;height:2.25rem}._button_ex6ab_23[aria-selected=true]{background-color:transparent;border:1px solid var(--ds-color-border-default)}._button_ex6ab_23[aria-selected=true]:hover,._button_ex6ab_23:hover{background-color:var(--ds-color-surface-hover)}
+._table_1k8nb_1{border-collapse:collapse;table-layout:fixed;width:100%}._weekday_1k8nb_7{font-size:.75rem;text-align:center;padding:.25rem 0}._date_1k8nb_13{background-color:transparent;color:var(--ds-color-text-subtle)}._date_1k8nb_13[data-current-month=true]{background-color:var(--ds-color-background-tinted);color:var(--ds-color-text-default)}._button_1k8nb_23{font-size:.875rem;width:100%;text-align:center;height:2.25rem}._button_1k8nb_23[aria-selected=true]{background-color:var(--ds-color-surface-active);color:var(--ds-color-text-default)}._button_1k8nb_23[aria-selected=true]:hover,._button_1k8nb_23:hover{background-color:var(--ds-color-surface-hover)}

package/dist/assets/Dropdown.css

@@ -1 +1 @@
-._dropdown_4f5qx_1{background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._dropdown_4f5qx_1:focus{outline:none}._content_4f5qx_16{flex-grow:1}._dropdown_4f5qx_1[data-size=sm]{--var-min-width: 16rem;--var-max-width: 24rem}._dropdown_4f5qx_1[data-size=md]{--var-min-width: 24rem;--var-max-width: 32rem}._dropdown_4f5qx_1[data-size=lg]{--var-min-width: 32rem;--var-max-width: 40rem}._dropdown_4f5qx_1[aria-hidden=true]{display:none}._backdrop_4f5qx_43{z-index:1;background-color:#111d4640;position:fixed;inset:0;width:100%;height:100%}._backdrop_4f5qx_43[aria-hidden=true]{display:none}._dropdown_4f5qx_1{position:absolute;margin-top:.5rem;margin-bottom:.5rem;border-radius:.375rem}._dropdown_4f5qx_1[data-variant=dropdown] ._header_4f5qx_68,._dropdown_4f5qx_1[data-variant=dropdown] ._footer_4f5qx_69{display:none}._dropdown_4f5qx_1[data-variant=dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);max-height:80vh}._dropdown_4f5qx_1[data-variant=drawer]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:1rem;margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-top:0}@media(max-width:1023px){._dropdown_4f5qx_1[data-variant=drawer-dropdown]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:1rem;margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-top:0}}@media(min-width:1024px){._dropdown_4f5qx_1[data-variant=drawer-dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);max-height:80vh}._dropdown_4f5qx_1[data-variant=drawer-dropdown] ._header_4f5qx_68,._dropdown_4f5qx_1[data-variant=drawer-dropdown] ._footer_4f5qx_69{display:none}}._header_4f5qx_68{position:sticky;top:0;left:0;right:0;padding:1rem .5rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--ds-color-background-default);border-bottom:1px solid var(--ds-color-border-subtle);z-index:999}._title_4f5qx_140{font-size:1.125rem;font-weight:500;margin:0}._footer_4f5qx_69{position:sticky;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}._footer_4f5qx_69>*{margin:1rem auto}
+._dropdown_15prw_1{background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._dropdown_15prw_1:focus{outline:none}._content_15prw_17{flex-grow:1}._dropdown_15prw_1[data-size=sm]{--var-width: 16rem;--var-min-width: 16rem;--var-max-width: 20rem}._dropdown_15prw_1[data-size=md]{--var-width: 20rem;--var-min-width: 20rem;--var-max-width: 24rem}._dropdown_15prw_1[data-size=lg]{--var-width: 24rem;--var-min-width: 24rem;--var-max-width: 28rem}._dropdown_15prw_1[aria-hidden=true]{display:none}._backdrop_15prw_47{z-index:1;background-color:#111d4640;position:fixed;inset:0;width:100%;height:100%}._backdrop_15prw_47[aria-hidden=true]{display:none}._dropdown_15prw_1{position:absolute;margin-top:.5rem;margin-bottom:.5rem;border-radius:.375rem}._dropdown_15prw_1[data-variant=dropdown] ._header_15prw_72,._dropdown_15prw_1[data-variant=dropdown] ._footer_15prw_73{display:none}._dropdown_15prw_1[data-variant=dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);max-height:80vh}._dropdown_15prw_1[data-variant=drawer]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:1rem;margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-top:0}@media(max-width:1023px){._dropdown_15prw_1[data-variant=drawer-dropdown]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:1rem;margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-top:0}}@media(min-width:1024px){._dropdown_15prw_1[data-variant=drawer-dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);max-height:80vh}._dropdown_15prw_1[data-variant=drawer-dropdown] ._header_15prw_72,._dropdown_15prw_1[data-variant=drawer-dropdown] ._footer_15prw_73{display:none}}._header_15prw_72{position:sticky;top:0;left:0;right:0;padding:1rem .5rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--ds-color-background-default);border-bottom:1px solid var(--ds-color-border-subtle);z-index:999}._title_15prw_146{font-size:1.125rem;font-weight:500;margin:0}._footer_15prw_73{position:sticky;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}._footer_15prw_73>*{margin:1rem auto}

package/dist/assets/QueryLabel.css

@@ -1 +1 @@
-._label_1jqye_1{--dsc-item-font-size: .875rem;--dsc-item-padding-x: .5em;--dsc-item-padding-y: .25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_1jqye_1[data-size=xs]{--dsc-item-font-size: .75rem;--dsc-item-padding-x: .25em;--dsc-item-padding-y: 0}._label_1jqye_1{font-size:var(--dsc-item-font-size);display:flex;align-items:center;column-gap:.25rem;row-gap:.25rem}._group_1jqye_25{display:inline-flex;align-items:center;column-gap:.25rem}._plus_1jqye_31{color:var(--ds-color-text-subtle)}._item_1jqye_35{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%}._item_1jqye_35[data-type=search]{background-color:transparent;font-weight:500;border-bottom:1px solid;padding:var(--dsc-item-padding-y) 0}._item_1jqye_35[data-type=search]:before{content:"«"}._item_1jqye_35[data-type=search]:after{content:"»"}._item_1jqye_35[data-type=filter]{background-color:transparent;border:1px solid;font-weight:500;padding:var(--dsc-item-padding-y) var(--dsc-item-padding-x);border-radius:2px}
+._label_yf5z4_1{--dsc-item-font-size: .875rem;--dsc-item-padding-x: .5em;--dsc-item-padding-y: .25em;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_yf5z4_1[data-size=xs]{--dsc-item-font-size: .75rem;--dsc-item-padding-x: .25em;--dsc-item-padding-y: 0}._label_yf5z4_1{font-size:var(--dsc-item-font-size);display:flex;flex-wrap:wrap;align-items:center;column-gap:.25rem;row-gap:.25rem}._group_yf5z4_25{display:inline-flex;align-items:center;column-gap:.25rem}._plus_yf5z4_31{color:var(--ds-color-text-subtle)}._item_yf5z4_35{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%}._item_yf5z4_35[data-type=search]{background-color:transparent;font-weight:500;border-bottom:1px solid;padding:var(--dsc-item-padding-y) 0}._item_yf5z4_35[data-type=search]:before{content:"«"}._item_yf5z4_35[data-type=search]:after{content:"»"}._item_yf5z4_35[data-type=filter]{background-color:transparent;border:1px solid;font-weight:500;padding:var(--dsc-item-padding-y) var(--dsc-item-padding-x);border-radius:2px}

package/dist/assets/SearchField.css

@@ -1 +1 @@
-._search_18jfe_1{position:sticky;top:0;z-index:1;background-color:var(--ds-color-surface-default)}._searchInput_18jfe_8{width:100%}._search_18jfe_1 input:focus-visible{outline-offset:0;outline-width:2px}._field_1ssuu_1{position:relative}._container_1ssuu_5{position:relative;display:inline-flex;width:100%}._icon_1ssuu_11{position:absolute;top:0;bottom:0;left:0;width:2.5em;height:100%;color:var(--ds-color-text-subtle);display:flex;justify-content:center;align-items:center;pointer-events:none}._icon_1ssuu_11>*{pointer-events:none}._icon_1ssuu_11>svg{font-size:1.25em;width:1.25em;height:1.25em}._input_1ssuu_35{padding-left:2.25em;padding-right:2.25em}._input_1ssuu_35[type=search]::-webkit-search-decoration,._input_1ssuu_35[type=search]::-webkit-search-cancel-button{appearance:none}@media(max-width:1023px){._field_1ssuu_1[data-size=xs] input[type=search]{font-size:1rem;padding-left:2em;padding-right:2em}}._clear_1ssuu_54{position:absolute;top:0;right:0;bottom:0;width:2.5em;height:100%;display:flex;justify-content:center;align-items:center}._clearButton_1ssuu_66[data-size=xs]{--dsc-button-size: 2.5em;--dsc-button-padding: 0;font-size:.75em;border:none}._clearButton_1ssuu_66:focus-visible{outline-offset:0;outline-width:2px}._input_1ssuu_35[data-collapsible=true]{transition:width .5s ease-in-out}._input_1ssuu_35[data-collapsible=true]:placeholder-shown{background-color:transparent;width:8rem}._input_1ssuu_35[data-collapsible=true]:focus,._input_1ssuu_35[data-collapsible=true]:not(:placeholder-shown){width:auto;background-color:var(--ds-color-background-default)}._autocomplete_1ssuu_95{position:absolute;top:100%;left:0;min-width:100%;z-index:1;border-radius:.375rem;margin-top:.5rem;margin-bottom:.5rem;background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._autocomplete_1ssuu_95[aria-hidden=true]{display:none}
+._search_18jfe_1{position:sticky;top:0;z-index:1;background-color:var(--ds-color-surface-default)}._searchInput_18jfe_8{width:100%}._search_18jfe_1 input:focus-visible{outline-offset:0;outline-width:2px}._field_lyp0p_1{position:relative}._container_lyp0p_5{position:relative;display:inline-flex;width:100%}._icon_lyp0p_11{position:absolute;top:0;bottom:0;left:0;width:2.5em;height:100%;color:var(--ds-color-text-subtle);display:flex;justify-content:center;align-items:center;pointer-events:none}._icon_lyp0p_11>*{pointer-events:none}._icon_lyp0p_11>svg{font-size:1.25em;width:1.25em;height:1.25em}._input_lyp0p_35{padding-left:2.25em;padding-right:2.25em}._input_lyp0p_35[type=search]::-webkit-search-decoration,._input_lyp0p_35[type=search]::-webkit-search-cancel-button{appearance:none}@media(max-width:1023px){._field_lyp0p_1[data-size=xs] input[type=search]{font-size:1rem;padding-left:2em;padding-right:2em}}._clear_lyp0p_54{position:absolute;top:0;right:0;bottom:0;width:2.5em;height:100%;display:flex;justify-content:center;align-items:center}._clearButton_lyp0p_66[data-size=xs]{--dsc-button-size: 2.5em;--dsc-button-padding: 0;font-size:.75em;border:none}._clearButton_lyp0p_66:focus-visible{outline-offset:0;outline-width:2px}._input_lyp0p_35[data-collapsible=true]{transition:width .5s ease-in-out}._input_lyp0p_35[data-collapsible=true]:placeholder-shown{background-color:transparent;width:8rem}._input_lyp0p_35[data-collapsible=true]:focus,._input_lyp0p_35[data-collapsible=true]:not(:placeholder-shown){width:auto;background-color:var(--ds-color-background-default)}._autocomplete_lyp0p_95{--var-min-width: 100%;--var-max-width: 20rem;--var-width: 20rem;min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);position:absolute;top:100%;left:0;z-index:1;border-radius:.375rem;margin-top:.5rem;margin-bottom:.5rem;background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}@media(max-width:1023px){._autocomplete_lyp0p_95{--var-max-width: 100%;--var-width: 100%}}._autocomplete_lyp0p_95[aria-hidden=true]{display:none}

package/dist/components/Account/AccountMenu.js

@@ -4,7 +4,7 @@ import { useState as M, useEffect as w, useMemo as L } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { M as S } from "../../SearchField-BUp4_VIq.js";
+import { M as S } from "../../SearchField-CN2mo8ck.js";
 import "../Snackbar/useSnackbar.js";
 const F = (n) => `${n} hits`, E = ({
   items: n = [],

package/dist/components/ContextMenu/ContextMenu.js

@@ -5,7 +5,7 @@ import "../../index-p1eeF8LQ.js";
 import u, { forwardRef as s } from "react";
 import { Dropdown as m } from "../Dropdown/Dropdown.js";
 import { useRootContext as c } from "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-BUp4_VIq.js";
+import { M as f } from "../../SearchField-CN2mo8ck.js";
 import "../Snackbar/useSnackbar.js";
 import { useDropdownMenuController as g } from "../Menu/useDropdownMenuController.js";
 import { Tooltip as b } from "../Tooltip/Tooltip.js";

package/dist/components/Datepicker/DatepickerTable.js

@@ -4,29 +4,29 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DatepickerTable.css';const u = "_table_ex6ab_1", y = "_weekday_ex6ab_7", _ = "_date_ex6ab_13", p = "_button_ex6ab_23", a = {
+import '../../assets/DatepickerTable.css';const u = "_table_1k8nb_1", y = "_weekday_1k8nb_7", _ = "_date_1k8nb_13", p = "_button_1k8nb_23", a = {
   table: u,
   weekday: y,
   date: _,
   button: p
 }, g = ({
-  weekdays: n = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
+  weekdays: r = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
   rows: d = [],
   onSelect: s
 }) => /* @__PURE__ */ m("table", { className: a.table, children: [
-  /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: n.map((e) => /* @__PURE__ */ t("th", { className: a.weekday, children: e.substring(0, 3) }, e)) }) }),
+  /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: r.map((e) => /* @__PURE__ */ t("th", { className: a.weekday, children: e.substring(0, 3) }, e)) }) }),
   /* @__PURE__ */ t("tbody", { children: d.map((e, o) => /* @__PURE__ */ t("tr", { children: e.map((c) => {
-    const { day: l, date: r, selected: i, isCurrentMonth: b } = c;
+    const { day: l, date: n, selected: i, isCurrentMonth: b } = c;
     return /* @__PURE__ */ t("td", { className: a.date, "data-current-month": b, children: /* @__PURE__ */ t(
       h,
       {
         variant: "ghost",
         "aria-selected": i,
         className: a.button,
-        onClick: () => s(r),
+        onClick: () => s(n),
         children: l
       }
-    ) }, r);
+    ) }, n);
   }) }, o)) })
 ] });
 export {

package/dist/components/Dialog/DialogActions.js

@@ -7,7 +7,7 @@ import { ButtonGroup as C } from "../Button/ButtonGroup.js";
 import { ButtonGroupDivider as B } from "../Button/ButtonGroupDivider.js";
 import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import { useRootContext as _ } from "../RootProvider/RootProvider.js";
-import { M as v } from "../../SearchField-BUp4_VIq.js";
+import { M as v } from "../../SearchField-CN2mo8ck.js";
 import "../Snackbar/useSnackbar.js";
 import { S as k, a as D } from "../../ChevronUp-_BBfEirx.js";
 import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_comboButton_1n930_8", m = {

package/dist/components/Dropdown/Dropdown.js

@@ -1,11 +1,11 @@
 import { jsxs as g, Fragment as U, jsx as c } from "react/jsx-runtime";
 import { c as Y } from "../../index-p1eeF8LQ.js";
-import { useRef as _, useEffect as x, useState as M, useCallback as O, useLayoutEffect as W } from "react";
+import { useRef as _, useEffect as y, useState as M, useCallback as O, useLayoutEffect as W } from "react";
 import { Button as F } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as G } from "../../XMark-tKk6aExO.js";
-import '../../assets/Dropdown.css';const P = "_dropdown_4f5qx_1", $ = "_content_4f5qx_16", J = "_backdrop_4f5qx_43", Q = "_header_4f5qx_68", V = "_footer_4f5qx_69", Z = "_title_4f5qx_140", a = {
+import '../../assets/Dropdown.css';const P = "_dropdown_15prw_1", $ = "_content_15prw_17", J = "_backdrop_15prw_47", Q = "_header_15prw_72", V = "_footer_15prw_73", Z = "_title_15prw_146", a = {
   dropdown: P,
   content: $,
   backdrop: J,
@@ -13,7 +13,7 @@ import '../../assets/Dropdown.css';const P = "_dropdown_4f5qx_1", $ = "_content_
   footer: V,
   title: Z
 }, tt = "data-focus-guard", A = (l) => {
-  const v = [
+  const w = [
     "a[href]",
     "button:not([disabled])",
     "input:not([disabled])",
@@ -22,7 +22,7 @@ import '../../assets/Dropdown.css';const P = "_dropdown_4f5qx_1", $ = "_content_
     '[tabindex]:not([tabindex="-1"])',
     '[contenteditable="true"]'
   ].join(",");
-  return Array.from(l.querySelectorAll(v)).filter((o) => !o.hasAttribute(tt)).filter((o) => !o.hasAttribute("disabled")).filter((o) => o.getAttribute("aria-hidden") !== "true").filter((o) => o.tabIndex !== -1).filter((o) => {
+  return Array.from(l.querySelectorAll(w)).filter((o) => !o.hasAttribute(tt)).filter((o) => !o.hasAttribute("disabled")).filter((o) => o.getAttribute("aria-hidden") !== "true").filter((o) => o.tabIndex !== -1).filter((o) => {
     const u = o.getClientRects();
     return u.length > 0 && u[0].width > 0 && u[0].height > 0;
   });
@@ -30,41 +30,41 @@ import '../../assets/Dropdown.css';const P = "_dropdown_4f5qx_1", $ = "_content_
   A(l)[0]?.focus({ preventScroll: !0 });
 }, lt = ({
   id: l = "dropdown",
-  size: v = "sm",
+  size: w = "sm",
   className: o,
   backdrop: u = !0,
   placement: k = "bottom-left",
   variant: D = "dropdown",
   title: L = "Title",
-  closeLabel: q = "Close",
+  closeLabel: z = "Close",
   submitLabel: E,
-  trigger: z,
-  children: H,
+  trigger: H,
+  children: C,
   open: e,
   onClose: f,
-  onSubmit: C,
-  activeDescendantId: N
+  onSubmit: N,
+  activeDescendantId: B
 }) => {
   const h = _(null), m = _(null), R = _(e);
-  x(() => {
+  y(() => {
     R.current = e;
   }, [e]);
-  const [y, B] = M({
+  const [x, I] = M({
     yDir: k.includes("top") ? "top" : "bottom",
     xDir: k.includes("right") ? "right" : "left",
     maxHeight: 300
-  }), w = O(() => {
+  }), v = O(() => {
     if (e && h.current && m.current) {
-      const t = h.current.getBoundingClientRect(), i = m.current.getBoundingClientRect(), n = window.innerHeight, r = window.innerWidth, s = 16, d = n - t.bottom, p = t.top, b = r - t.right - i.width, S = d < 250 && p > d, T = S ? "top" : "bottom", X = (S ? p : d) - s, j = b < s ? "right" : "left";
-      B((K) => ({
+      const t = h.current.getBoundingClientRect(), i = m.current.getBoundingClientRect(), n = window.innerHeight, r = window.innerWidth, s = 16, d = n - t.bottom, p = t.top, b = r - t.right - i.width, S = d < 250 && p > d, X = S ? "top" : "bottom", j = (S ? p : d) - s, q = b < s ? "right" : "left";
+      I((K) => ({
         ...K,
-        yDir: T,
-        maxHeight: X,
-        xDir: j
+        yDir: X,
+        maxHeight: j,
+        xDir: q
       }));
     }
   }, [e]);
-  W(() => (w(), window.addEventListener("resize", w), () => window.removeEventListener("resize", w)), [w]), x(() => {
+  W(() => (v(), window.addEventListener("resize", v), () => window.removeEventListener("resize", v)), [v]), y(() => {
     if (!e) return;
     const t = requestAnimationFrame(() => {
       const i = m.current;
@@ -84,7 +84,7 @@ import '../../assets/Dropdown.css';const P = "_dropdown_4f5qx_1", $ = "_content_
       i.focus?.({ preventScroll: !0 });
     });
     return () => cancelAnimationFrame(t);
-  }, [e]), x(() => {
+  }, [e]), y(() => {
     const t = (n) => {
       n.key === "Escape" && f();
     }, i = (n) => {
@@ -93,7 +93,7 @@ import '../../assets/Dropdown.css';const P = "_dropdown_4f5qx_1", $ = "_content_
     return e && (document.addEventListener("mousedown", i), document.addEventListener("keydown", t)), () => {
       document.removeEventListener("mousedown", i), document.removeEventListener("keydown", t);
     };
-  }, [e, f]), x(() => {
+  }, [e, f]), y(() => {
     if (!e) return;
     const t = m.current;
     if (!t) return;
@@ -116,39 +116,39 @@ import '../../assets/Dropdown.css';const P = "_dropdown_4f5qx_1", $ = "_content_
       document.removeEventListener("focusin", i), document.removeEventListener("keydown", n);
     };
   }, [e]);
-  const I = {
+  const T = {
     position: "absolute",
     zIndex: 50,
     width: "max-content",
-    maxHeight: `${y.maxHeight}px`,
+    maxHeight: `${x.maxHeight}px`,
     overflowY: "auto",
-    [y.xDir]: 0,
-    [y.yDir === "bottom" ? "top" : "bottom"]: "100%"
+    [x.xDir]: 0,
+    [x.yDir === "bottom" ? "top" : "bottom"]: "100%"
   };
   return /* @__PURE__ */ g(U, { children: [
     u && /* @__PURE__ */ c("div", { className: a.backdrop, "aria-hidden": !e }),
     /* @__PURE__ */ g("div", { id: l + "-root", ref: h, style: { position: "relative", display: "inline-block" }, children: [
-      z,
+      H,
       /* @__PURE__ */ g(
         "div",
         {
           ref: m,
           className: Y(a.dropdown, o),
-          style: I,
+          style: T,
           "aria-hidden": !e,
           "data-variant": D,
-          "data-size": v,
+          "data-size": w,
           tabIndex: -1,
           role: "menu",
           "aria-modal": D === "drawer-dropdown" ? !0 : void 0,
-          "aria-activedescendant": N,
+          "aria-activedescendant": B,
           children: [
             /* @__PURE__ */ g("header", { className: a.header, children: [
               /* @__PURE__ */ c("h2", { className: a.title, children: L }),
-              /* @__PURE__ */ c(F, { size: "sm", variant: "outline", onClick: f, "aria-label": q, children: /* @__PURE__ */ c(G, {}) })
+              /* @__PURE__ */ c(F, { size: "sm", variant: "outline", onClick: f, "aria-label": z, children: /* @__PURE__ */ c(G, {}) })
             ] }),
-            /* @__PURE__ */ c("div", { className: a.content, children: H }),
-            E && /* @__PURE__ */ c("footer", { className: a.footer, children: /* @__PURE__ */ c(F, { size: "lg", variant: "solid", onClick: C || f, rounded: !0, children: /* @__PURE__ */ c("span", { "data-size": "md", children: E }) }) })
+            /* @__PURE__ */ c("div", { className: a.content, children: C }),
+            E && /* @__PURE__ */ c("footer", { className: a.footer, children: /* @__PURE__ */ c(F, { size: "lg", variant: "solid", onClick: N || f, rounded: !0, children: /* @__PURE__ */ c("span", { "data-size": "md", children: E }) }) })
           ]
         }
       )

package/dist/components/Forms/SearchField.js

@@ -4,7 +4,7 @@ import "react";
 import "../Icon/Icon.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { S as l } from "../../SearchField-BUp4_VIq.js";
+import { S as l } from "../../SearchField-CN2mo8ck.js";
 import "./Input.js";
 import "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Forms/index.js

@@ -12,7 +12,7 @@ import { FieldBase as B } from "./FieldBase.js";
 import { TextField as C } from "./TextField.js";
 import { TextareaField as R } from "./TextareaField.js";
 import { SelectField as u } from "./SelectField.js";
-import { S as I } from "../../SearchField-BUp4_VIq.js";
+import { S as I } from "../../SearchField-CN2mo8ck.js";
 import { TextFieldDropdown as q } from "./TextFieldDropdown.js";
 import { FieldsetBase as y } from "./FieldsetBase.js";
 import { OptionsBase as A } from "./OptionsBase.js";

package/dist/components/GlobalHeader/AccountSelector.js

@@ -7,7 +7,7 @@ import { AccountMenu as L } from "../Account/AccountMenu.js";
 import { Button as A } from "../Button/Button.js";
 import { useRootContext as P } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as H } from "../../SearchField-BUp4_VIq.js";
+import { S as H } from "../../SearchField-CN2mo8ck.js";
 import { S as T } from "../../button-BB5sYVKY.js";
 import { H as V, S as B } from "../../switch-Cemfhx0H.js";
 import { u as j } from "../../useId-BVFxCjkq.js";

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { useState as d, useCallback as G, useEffect as L, useMemo as C } from "react";
-import { M as S } from "../../SearchField-BUp4_VIq.js";
+import { M as S } from "../../SearchField-CN2mo8ck.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/GlobalMenu/LocaleSwitcher.js

@@ -2,7 +2,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useRef as g, useMemo as l } from "react";
 import { useEnterKey as v } from "../../hooks/useEnterKey.js";
-import { a as h } from "../../SearchField-BUp4_VIq.js";
+import { a as h } from "../../SearchField-CN2mo8ck.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import { useRootContext as b } from "../RootProvider/RootProvider.js";

package/dist/components/GlobalMenu_old/GlobalMenu.js

@@ -5,7 +5,7 @@ import "../../index-p1eeF8LQ.js";
 import { AccountMenu as x } from "../Account/AccountMenu.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-BUp4_VIq.js";
+import { M as f } from "../../SearchField-CN2mo8ck.js";
 import { MenuListItem as h } from "../Menu/MenuListItem.js";
 import { CurrentAccount as y } from "./CurrentAccount.js";
 import { BackButton as j } from "./BackButton.js";

package/dist/components/Header/LocaleSwitcher.js

@@ -6,7 +6,7 @@ import { useIsDesktop as b } from "../../hooks/useIsDesktop.js";
 import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
-import { a as p } from "../../SearchField-BUp4_VIq.js";
+import { a as p } from "../../SearchField-CN2mo8ck.js";
 import { useRootContext as I } from "../RootProvider/RootProvider.js";
 import { LocaleButton as S } from "./LocaleButton.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Layout/Layout.js

@@ -9,7 +9,7 @@ import { GlobalHeader as d } from "../GlobalHeader/GlobalHeader.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
-import { M as S } from "../../SearchField-BUp4_VIq.js";
+import { M as S } from "../../SearchField-CN2mo8ck.js";
 import { useRootContext as j } from "../RootProvider/RootProvider.js";
 import { Header as B } from "../Header/Header.js";
 import "../Snackbar/useSnackbar.js";