@altinn/altinn-components 0.56.8 → 0.56.10

package/dist/{SearchField-xsZAikgq.js → SearchField-CYYz0JvC.js}

@@ -2,10 +2,11 @@
 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 ge, useLayoutEffect as ne, useId as re } from "react";
-import { Button as se } from "./components/Button/Button.js";
+import { Button as ie } from "./components/Button/Button.js";
+import "react-dom";
 import "./components/RootProvider/RootProvider.js";
 import { useMenu as de } from "./hooks/useMenu.js";
-import { Input as ie } from "./components/Forms/Input.js";
+import { Input as se } from "./components/Forms/Input.js";
 import { FieldBase as ae } from "./components/Forms/FieldBase.js";
 import "./components/Snackbar/useSnackbar.js";
 import { S as ce } from "./MagnifyingGlass-bwVhw07z.js";
@@ -16,14 +17,14 @@ 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 ve } from "./components/Menu/useMenuSearch.js";
-import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInput_18jfe_8", te = {
-  search: we,
+import { a as we } from "./useMenuVirtualization-Cs426RCN.js";
+import { useMenuSearch as be } from "./components/Menu/useMenuSearch.js";
+import './assets/SearchField.css';const ve = "_search_18jfe_1", Ce = "_searchInput_18jfe_8", te = {
+  search: ve,
   searchInput: Ce
 }, xe = ({
-  style: b,
-  index: v,
+  style: w,
+  index: b,
   name: A,
   value: k,
   placeholder: d = "Search",
@@ -31,14 +32,14 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
   onChange: _,
   onClear: D,
   onNavigate: p,
-  combobox: i = !1,
+  combobox: s = !1,
   listId: h,
   "aria-activedescendant": B,
   onKeyDown: y,
-  onInput: s,
+  onInput: i,
   onFocus: x,
   ...M
-}) => /* @__PURE__ */ o("li", { className: te.search, style: b, "data-index": v, "data-menu-search": "true", children: i ? (
+}) => /* @__PURE__ */ o("li", { className: te.search, style: w, "data-index": b, "data-menu-search": "true", children: s ? (
   // biome-ignore lint/a11y/useFocusableInteractive: <explanation>
   // biome-ignore lint/a11y/useAriaPropsForRole: <explanation>
   // biome-ignore lint/a11y/useSemanticElements: <explanation>
@@ -63,7 +64,7 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
       onKeyDown: (a) => {
         (a.key === "ArrowUp" || a.key === "ArrowDown") && (a.preventDefault(), p?.()), y?.(a);
       },
-      onInput: s,
+      onInput: i,
       onFocus: x,
       ...M
     }
@@ -86,13 +87,13 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
     onKeyDown: (a) => {
       (a.key === "ArrowUp" || a.key === "ArrowDown") && (a.preventDefault(), p?.()), y?.(a);
     },
-    onInput: s,
+    onInput: i,
     onFocus: x,
     ...M
   }
 ) }), Ie = ({
-  level: b = 0,
-  maxLevels: v,
+  level: w = 0,
+  maxLevels: b,
   expanded: A,
   a11yMode: k = "menu",
   open: d,
@@ -100,27 +101,27 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
   autoActivateFirstItem: _ = !0,
   autoFocusList: D = !0,
   announceNoResults: p = !1,
-  search: i,
+  search: s,
   items: h,
   groups: B = {},
   size: y,
-  id: s,
+  id: i,
   color: x,
   variant: M,
   scrollRefStyles: a = {},
   keyboardEvents: I = !1,
   onSelect: z = () => {
   },
-  onActiveItemIdChange: w
+  onActiveItemIdChange: v
 }) => {
-  if (v && b >= v)
+  if (b && w >= b)
     return null;
-  const m = k === "combobox", l = m && s ? `${s}-listbox` : s, F = j(d), O = j(d), [Y, C] = Q(!1), f = R(
+  const m = k === "combobox", l = m && i ? `${i}-listbox` : i, F = j(d), O = j(d), [Y, C] = Q(!1), f = R(
     () => h.map((n, g) => ({
       ...n,
-      id: n.id || `${s}-item-${g}`
+      id: n.id || `${i}-item-${g}`
     })),
-    [h, s]
+    [h, i]
   ), S = j(null), { menu: L, setActiveIndex: H, activeItem: W } = de({
     items: f,
     groups: B,
@@ -131,8 +132,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
     ref: S
   });
   return G(() => {
-    w?.(W?.id);
-  }, [W?.id, w]), G(() => {
+    v?.(W?.id);
+  }, [W?.id, v]), G(() => {
     if (!r) {
       F.current = d;
       return;
@@ -141,8 +142,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
     F.current = d, d && !n && S.current?.scrollTo({ top: 0 });
   }, [d, r]), G(() => {
     const n = O.current;
-    O.current = d, !(!I || i || !D) && d && !n && requestAnimationFrame(() => S.current?.focus?.({ preventScroll: !0 }));
-  }, [d, I, i]), G(() => {
+    O.current = d, !(!I || s || !D) && d && !n && requestAnimationFrame(() => S.current?.focus?.({ preventScroll: !0 }));
+  }, [d, I, s]), G(() => {
     if (m && p) {
       H(0), C(!0);
       return;
@@ -158,35 +159,35 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
       role: m ? "listbox" : void 0,
       tabIndex: I ? -1 : void 0,
       children: [
-        i && /* @__PURE__ */ o(
+        s && /* @__PURE__ */ o(
           xe,
           {
-            ...i,
+            ...s,
             combobox: m,
             listId: l,
             "aria-activedescendant": m && Y ? W?.id : void 0,
             onNavigate: m ? () => C(!0) : void 0,
             onChange: (n) => {
-              C(!1), i.onChange?.(n);
+              C(!1), s.onChange?.(n);
             },
             onFocus: (n) => {
-              C(!1), i.onFocus?.(n);
+              C(!1), s.onFocus?.(n);
             },
             onInput: (n) => {
-              C(!1), i.onInput?.(n);
+              C(!1), s.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), i.onKeyDown?.(n);
+              m && !g && T && C(!1), s.onKeyDown?.(n);
             }
           }
         ),
         L.map((n, g) => {
           const T = n?.props || {}, { title: P, hidden: q = !1, divider: X = !0 } = T;
           return /* @__PURE__ */ E(ge, { children: [
-            (b > 0 || g) && X ? /* @__PURE__ */ o(he, {}) : "",
+            (w > 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 }),
+              P && /* @__PURE__ */ o(ye, { title: P, level: w }),
               n?.items.filter((U) => !U.props?.hidden).map((U, e) => {
                 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(
@@ -218,8 +219,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
                         {
                           id: c.id + "-menu",
                           expanded: $,
-                          level: b + 1,
-                          maxLevels: v,
+                          level: w + 1,
+                          maxLevels: b,
                           items: c?.items,
                           groups: B,
                           size: y,
@@ -238,40 +239,40 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
       ]
     }
   );
-}, ke = (b) => {
-  const v = j(null), A = j(null), [k, d] = Q(0), {
+}, ke = (w) => {
+  const b = j(null), A = j(null), [k, d] = Q(0), {
     search: r,
     items: _,
     groups: D = {},
     size: p,
-    color: i,
+    color: s,
     variant: h,
     keyboardEvents: B,
     scrollRefStyles: y = {},
-    id: s,
+    id: i,
     expanded: x,
     a11yMode: M = "menu",
     open: a,
     scrollToTopOnOpen: I = !1,
     autoActivateFirstItem: z = !0,
-    announceNoResults: w = !1,
+    announceNoResults: v = !1,
     onActiveItemIdChange: m
-  } = b, l = M === "combobox", F = l && s ? `${s}-listbox` : s, O = j(a), [Y, C] = Q(!1), f = R(
+  } = w, l = M === "combobox", F = l && i ? `${i}-listbox` : i, O = j(a), [Y, C] = Q(!1), f = R(
     () => _.map((e, t) => ({
       ...e,
-      id: e.id || `${s}-item-${t}`
+      id: e.id || `${i}-item-${t}`
     })),
-    [_, s]
+    [_, i]
   ), { menu: S, activeItem: L, setActiveIndex: H, activeIndex: W } = de({
     items: f,
     groups: D,
     groupByKey: "groupId",
     keyboardEvents: B,
     autoActivateFirstItem: z,
-    ref: v
-  }), { flatMenu: n, virtualizer: g, scrollMaxHeight: T } = be({
+    ref: b
+  }), { flatMenu: n, virtualizer: g, scrollMaxHeight: T } = we({
     menu: S,
-    scrollRef: v
+    scrollRef: b
   });
   ne(() => {
     const e = A.current;
@@ -321,17 +322,17 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
   G(() => {
     m?.(L?.id);
   }, [L?.id, m]), G(() => {
-    if (l && w) {
+    if (l && v) {
       H(0), C(!0);
       return;
     }
-  }, [w, l, H]), G(() => {
+  }, [v, l, H]), G(() => {
     if (!I) {
       O.current = a;
       return;
     }
     const e = O.current;
-    O.current = a, a && !e && v.current?.scrollTo({ top: 0 });
+    O.current = a, a && !e && b.current?.scrollTo({ top: 0 });
   }, [a, I]);
   const U = {
     position: "relative",
@@ -345,10 +346,10 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
   return /* @__PURE__ */ E(
     Z,
     {
-      ref: v,
+      ref: b,
       style: U,
       variant: h,
-      color: i,
+      color: s,
       expanded: x,
       id: F,
       role: l ? "listbox" : void 0,
@@ -424,7 +425,7 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
                         {
                           ...t.itemProps || {},
                           size: t.itemProps?.size || p,
-                          color: t.itemProps?.color || i,
+                          color: t.itemProps?.color || s,
                           variant: t.itemProps?.variant || h,
                           active: t.active,
                           role: $,
@@ -446,8 +447,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
     }
   );
 }, _e = ({
-  searchable: b,
-  search: v,
+  searchable: w,
+  search: b,
   items: A = [],
   groups: k = {},
   variant: d = "default",
@@ -455,33 +456,33 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
   level: _ = 0,
   maxLevels: D = 3,
   virtualized: p = !1,
-  keyboardEvents: i = !1,
+  keyboardEvents: s = !1,
   scrollRefStyles: h = {},
   onActiveItemIdChange: B,
   a11yMode: y = "menu",
-  open: s,
+  open: i,
   scrollToTopOnOpen: x,
   autoFocusList: M,
   id: a
 }) => {
-  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";
+  const I = be({ ...b, items: A, groups: k }), z = w ? I.search : b, v = w && I.hasQuery && I.resultCount === 0, m = w ? I.items : A, l = w ? { ...k, ...I.groups } : k, F = y !== "combobox";
   return p ? /* @__PURE__ */ o(
     ke,
     {
       id: a,
       search: z,
-      announceNoResults: w,
+      announceNoResults: v,
       items: m,
       groups: l,
       variant: d,
       size: r,
       level: _,
       maxLevels: D,
-      keyboardEvents: i,
+      keyboardEvents: s,
       scrollRefStyles: h,
       onActiveItemIdChange: B,
       a11yMode: y,
-      open: s,
+      open: i,
       scrollToTopOnOpen: x,
       autoActivateFirstItem: F,
       autoFocusList: M
@@ -491,24 +492,24 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
     {
       id: a,
       search: z,
-      announceNoResults: w,
+      announceNoResults: v,
       items: m,
       groups: l,
       variant: d,
       size: r,
       level: _,
       maxLevels: D,
-      keyboardEvents: i,
+      keyboardEvents: s,
       scrollRefStyles: h,
       onActiveItemIdChange: B,
       a11yMode: y,
-      open: s,
+      open: i,
       scrollToTopOnOpen: x,
       autoActivateFirstItem: F,
       autoFocusList: M
     }
   );
-}, 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 = {
+}, Me = "_fieldContainer_w2w2p_1", Ae = "_field_w2w2p_1", De = "_icon_w2w2p_15", Be = "_input_w2w2p_9", Ne = "_clear_w2w2p_39", Fe = "_clearButton_w2w2p_52", Se = "_autocomplete_w2w2p_81", N = {
   fieldContainer: Me,
   field: Ae,
   icon: De,
@@ -517,8 +518,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
   clearButton: Fe,
   autocomplete: Se
 }, ue = ({
-  className: b,
-  collapsible: v,
+  className: w,
+  collapsible: b,
   size: A,
   color: k = "neutral",
   label: d,
@@ -526,30 +527,30 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
   onClear: _,
   clearButtonAltText: D = "Clear search",
   menu: p,
-  minLength: i,
+  minLength: s,
   ...h
 }) => {
-  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) => ({
+  const B = re(), [y, i] = Q(!1), x = h.id || `search-field-${B}`, M = `${x}-listbox`, [a, I] = Q(void 0), z = "searchfield-clear-button-" + re(), v = R(() => !r || typeof s == "number" && typeof r == "string" && r.length < s ? !1 : y, [y, s, r]), m = R(() => (p?.items ?? []).map((f) => ({
     ...f,
     onClick: () => {
-      f.onClick?.(), s(!1);
+      f.onClick?.(), i(!1);
     }
   })), [p]), l = (f) => {
-    if (f.key === "Enter" && w) {
-      p?.items?.[0]?.onClick?.(), s(!1);
+    if (f.key === "Enter" && v) {
+      p?.items?.[0]?.onClick?.(), i(!1);
       return;
     }
-    if (f.key === "Escape" && w) {
-      f.preventDefault(), f.stopPropagation(), s(!1), p?.onClose(), document.getElementById(x)?.focus();
+    if (f.key === "Escape" && v) {
+      f.preventDefault(), f.stopPropagation(), i(!1), p?.onClose(), document.getElementById(x)?.focus();
       return;
     }
-    h.onKeyDown?.(f), s(!0);
+    h.onKeyDown?.(f), i(!0);
   }, F = () => {
-    s(!0);
+    i(!0);
   }, O = (f) => {
     if (!y) return;
     const S = f.relatedTarget;
-    S && f.currentTarget.contains(S) || s(!1);
+    S && f.currentTarget.contains(S) || i(!1);
   }, Y = (f) => {
     f.preventDefault();
   }, C = (f) => {
@@ -562,37 +563,37 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
         size: A,
         color: k,
         label: d,
-        className: oe(N.field, b),
+        className: oe(N.field, w),
         onBlurCapture: O,
         children: [
           /* @__PURE__ */ o(
-            ie,
+            se,
             {
               ...h,
               id: x,
               type: "search",
               value: r,
               className: N.input,
-              "data-collapsible": v,
+              "data-collapsible": b,
               autoCapitalize: "off",
               autoComplete: "off",
-              minLength: i,
+              minLength: s,
               onKeyDown: l,
               onBlur: C,
               ...p && {
                 role: "combobox",
                 "aria-autocomplete": "list",
-                "aria-expanded": !!w,
+                "aria-expanded": !!v,
                 "aria-haspopup": "listbox",
                 "aria-controls": M,
-                "aria-activedescendant": w ? a : void 0,
+                "aria-activedescendant": v ? a : void 0,
                 onFocus: F
               }
             }
           ),
           /* @__PURE__ */ o(ce, { className: N.icon }),
           _ && !!r && /* @__PURE__ */ o("span", { className: N.clear, children: /* @__PURE__ */ o(
-            se,
+            ie,
             {
               id: z,
               "data-testid": "clear-button",
@@ -612,7 +613,7 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
         ]
       }
     ),
-    p && w && /* @__PURE__ */ o("div", { className: N.autocomplete, "aria-hidden": !w, onMouseDown: Y, children: /* @__PURE__ */ o(
+    p && v && /* @__PURE__ */ o("div", { className: N.autocomplete, "aria-hidden": !v, onMouseDown: Y, children: /* @__PURE__ */ o(
       _e,
       {
         ...p,
@@ -621,7 +622,7 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
         groups: p?.groups,
         keyboardEvents: !0,
         a11yMode: "combobox",
-        open: w,
+        open: v,
         autoFocusList: !1,
         onActiveItemIdChange: I
       }
@@ -632,28 +633,28 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
       size: A,
       color: k,
       label: d,
-      className: oe(N.field, b),
+      className: oe(N.field, w),
       onBlurCapture: O,
       children: [
         /* @__PURE__ */ o(
-          ie,
+          se,
           {
             ...h,
             id: x,
             type: "search",
             value: r,
             className: N.input,
-            "data-collapsible": v,
+            "data-collapsible": b,
             autoCapitalize: "off",
             autoComplete: "off",
-            minLength: i,
+            minLength: s,
             onKeyDown: l,
             onBlur: C
           }
         ),
         /* @__PURE__ */ o(ce, { className: N.icon }),
         _ && !!r && /* @__PURE__ */ o("span", { className: N.clear, children: /* @__PURE__ */ o(
-          se,
+          ie,
           {
             id: z,
             "data-testid": "clear-button",

package/dist/assets/AccountListVirtual.css

@@ -1 +1 @@
-._virtualScrollRef_188ep_1{height:100vh;overflow-y:auto;overflow-x:hidden;padding:0 .5rem;margin:0 -.5rem}._virtualList_188ep_9{list-style-type:none;padding:0;margin:0}._virtualListItem_188ep_15{position:absolute;top:0;left:0;width:100%}._virtualListItem_188ep_15:focus-within,._virtualListItem_188ep_15:has([data-expanded=true]){z-index:20}._virtualListItem_188ep_15>*{margin:0}._lastChild_188ep_31{padding-bottom:1rem}._virtualTitleItem_188ep_35{position:absolute;top:0;left:0;width:100%;padding-top:1rem;padding-bottom:1rem}._virtualTitleItem_188ep_35:first-child{padding-top:0}
+._virtualScrollRef_6cuj6_1{height:100vh;overflow-y:auto;overflow-x:hidden;padding:0 .5rem;margin:0 -.5rem}._virtualList_6cuj6_9{list-style-type:none;padding:0;margin:0}._virtualListItem_6cuj6_15{position:absolute;top:0;left:0;width:100%}._virtualListItem_6cuj6_15:focus-within,._virtualListItem_6cuj6_15:has([aria-expanded=true]){z-index:20}._virtualListItem_6cuj6_15>*{margin:0}._lastChild_6cuj6_31{padding-bottom:1rem}._virtualTitleItem_6cuj6_35{position:absolute;top:0;left:0;width:100%;padding-top:1rem;padding-bottom:1rem}._virtualTitleItem_6cuj6_35:first-child{padding-top:0}

package/dist/assets/DatepickerFilter.css

@@ -0,0 +1 @@
+input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}

package/dist/assets/FooterBase.css

@@ -1 +1 @@
-._footer_ln3oe_1{border-top:1px solid;border-color:var(--ds-color-border-subtle);display:flex;flex-direction:column;row-gap:1rem;padding:1rem 0;margin:2rem 1rem}._grid_ln3oe_13{width:100%;max-width:80rem;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;row-gap:1rem}@media(min-width:1024px){._grid_ln3oe_13{padding:0 1rem;flex-direction:row}}
+._footer_1yxd7_1{border-top:1px solid;border-color:var(--ds-color-border-subtle);display:flex;flex-direction:column;row-gap:1rem;padding:1rem 0;margin:0 1rem}._grid_1yxd7_13{width:100%;max-width:80rem;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;row-gap:1rem}@media(min-width:1024px){._grid_1yxd7_13{flex-direction:row}}

package/dist/assets/GlobalHeaderBase.css

@@ -1 +1 @@
-._header_t9h1f_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.7rem;background-color:#fff;margin-bottom:1rem}._backdrop_t9h1f_13{display:none}._header_t9h1f_1[data-current-id=menu],._header_t9h1f_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_t9h1f_1[data-current-id=menu] ._backdrop_t9h1f_13,._header_t9h1f_1[data-current-id=locale] ._backdrop_t9h1f_13{display:block}}@media(max-width:1023px){._header_t9h1f_1{gap:0}}._header_t9h1f_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
+._header_pafet_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.7rem;background-color:#fff}._backdrop_pafet_12{display:none}._header_pafet_1[data-current-id=menu],._header_pafet_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_pafet_1[data-current-id=menu] ._backdrop_pafet_12,._header_pafet_1[data-current-id=locale] ._backdrop_pafet_12{display:block}}@media(max-width:1023px){._header_pafet_1{gap:0}}._header_pafet_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}

package/dist/assets/LayoutBody.css

@@ -1 +1 @@
-._body_1voih_1{flex-grow:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;column-gap:2em}._body_1voih_1[data-current-id=accountFullscreen]{display:none}@media(min-width:1024px){._body_1voih_1{padding:0 1rem}}@media(max-width:1023px){._body_1voih_1[data-current-id=menu]{display:none}}
+._body_1s4on_1{flex-grow:1;width:100%;max-width:80rem;margin:0 auto;display:flex;column-gap:2em}._body_1s4on_1[data-current-id=accountFullscreen]{display:none}@media(max-width:1023px){._body_1s4on_1[data-current-id=menu]{display:none}}

package/dist/assets/LayoutContent.css

@@ -1 +1 @@
-._content_1xz06_1{overflow-wrap:anywhere;flex-grow:1;display:flex;flex-direction:column;width:100%;margin:0 auto}@media(min-width:1024px){[aria-hidden=true]+._content_1xz06_1{padding:0 112px}}
+._content_1508z_1{overflow-wrap:anywhere;flex-grow:1;display:flex;flex-direction:column;width:100%;padding:1rem 0;margin:0 auto}@media(min-width:1024px){[aria-hidden=true]+._content_1508z_1{padding:1rem 112px}}

package/dist/assets/LayoutGrid.css

@@ -0,0 +1 @@
+._grid_6h47e_1{flex-grow:1;width:100%;padding:0 1rem;margin:0 auto;display:flex;flex-direction:column}._grid_6h47e_1[data-current-id=accountFullscreen]{display:none}@media(max-width:1023px){._grid_6h47e_1[data-current-id=menu]{display:none}}

package/dist/assets/LayoutSidebar.css

@@ -1 +1 @@
-._sidebar_1yk7j_1,._sidebar_1yk7j_1[aria-hidden=true]{display:none}._footer_1yk7j_9{margin-top:.75rem;padding-top:1rem;padding-left:.5rem;border-top:1px solid var(--ds-color-border-subtle)}@media(min-width:1024px){._sidebar_1yk7j_1{align-self:flex-start;flex-shrink:0;display:flex;flex-direction:column;width:224px}._sidebar_1yk7j_1[data-sticky=true]{position:sticky;top:0}._sidebar_1yk7j_1[aria-hidden=true]{display:none}}
+._sidebar_1b5b3_1{padding:1rem 0;display:none}._sidebar_1b5b3_1[aria-hidden=true]{display:none}._footer_1b5b3_10{margin-top:.75rem;padding-top:1rem;padding-left:.5rem;border-top:1px solid var(--ds-color-border-subtle)}@media(min-width:1024px){._sidebar_1b5b3_1{align-self:flex-start;flex-shrink:0;display:flex;flex-direction:column;width:224px}._sidebar_1b5b3_1[data-sticky=true]{position:sticky;top:0}._sidebar_1b5b3_1[aria-hidden=true]{display:none}}

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}._fieldContainer_1rfas_1,._field_1rfas_1{position:relative}._inputContainer_1rfas_9{position:relative;display:inline-flex;width:100%}._icon_1rfas_15{position:absolute;top:1px;bottom:1px;left:.3em;color:var(--ds-color-text-subtle);font-size:1.25em;width:1.25em;height:1.25em;pointer-events:none}._input_1rfas_9{padding-left:2.25em;padding-right:2.25em}._input_1rfas_9[type=search]::-webkit-search-decoration,._input_1rfas_9[type=search]::-webkit-search-cancel-button{appearance:none}@media(max-width:1023px){._field_1rfas_1[data-size=xs] input[type=search]{font-size:1rem;padding-left:2em;padding-right:2em}}._clear_1rfas_48{position:absolute;top:1px;right:1px;bottom:1px;width:2.5em;height:2.5em;display:flex;justify-content:center;align-items:center;margin:0}._clearButton_1rfas_61[data-size=xs]{--dsc-button-size: 2.5em;--dsc-button-padding: 0;font-size:.75em;border:none}._clearButton_1rfas_61:focus-visible{outline-offset:0;outline-width:2px}._input_1rfas_9[data-collapsible=true]{transition:width .5s ease-in-out}._input_1rfas_9[data-collapsible=true]:placeholder-shown{background-color:transparent;width:8rem}._input_1rfas_9[data-collapsible=true]:focus,._input_1rfas_9[data-collapsible=true]:not(:placeholder-shown){width:auto;background-color:var(--ds-color-background-default)}._autocomplete_1rfas_90{--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_1rfas_90{--var-max-width: 100%;--var-width: 100%}}._autocomplete_1rfas_90[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}._fieldContainer_w2w2p_1,._field_w2w2p_1{position:relative}._inputContainer_w2w2p_9{position:relative;display:inline-flex;width:100%}._icon_w2w2p_15{position:absolute;top:1px;bottom:1px;left:.3em;color:var(--ds-color-text-subtle);font-size:1.25em;width:1.25em;height:1.25em;pointer-events:none!important}._input_w2w2p_9{padding-left:2.25em;padding-right:2.25em}._input_w2w2p_9[type=search]::-webkit-search-decoration,._input_w2w2p_9[type=search]::-webkit-search-cancel-button{appearance:none}._clear_w2w2p_39{position:absolute;top:1px;right:1px;bottom:1px;width:2.5em;height:2.5em;display:flex;justify-content:center;align-items:center;margin:0}._clearButton_w2w2p_52[data-size=xs]{--dsc-button-size: 2.5em;--dsc-button-padding: 0;font-size:.75em;border:none}._clearButton_w2w2p_52:focus-visible{outline-offset:0;outline-width:2px}._input_w2w2p_9[data-collapsible=true]{transition:width .5s ease-in-out}._input_w2w2p_9[data-collapsible=true]:placeholder-shown{background-color:transparent;width:8rem}._input_w2w2p_9[data-collapsible=true]:focus,._input_w2w2p_9[data-collapsible=true]:not(:placeholder-shown){width:auto;background-color:var(--ds-color-background-default)}._autocomplete_w2w2p_81{--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}._autocomplete_w2w2p_81[aria-hidden=true]{display:none}@media(max-width:479px){._fieldContainer_w2w2p_1,._field_w2w2p_1{width:100%}._autocomplete_w2w2p_81{--var-max-width: 100%;--var-width: 100%}._input_w2w2p_9[data-collapsible=true]:placeholder-shown,._input_w2w2p_9[data-collapsible=true]:focus,._input_w2w2p_9[data-collapsible=true]:not(:placeholder-shown){width:100%!important}._field_w2w2p_1[data-size=xs] input[type=search]{font-size:1rem;padding-left:2em;padding-right:2em}}

package/dist/components/AccessAreaListItem/AccessAreaListItem.js

@@ -2,23 +2,24 @@ import { jsx as s } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItem as b } from "../List/ListItem.js";
 import '../../assets/AccessAreaListItem.css';const I = "_content_7hk0i_1", d = {
   content: I
-}, k = ({
+}, y = ({
   name: t,
   icon: c,
-  iconUrl: n,
-  size: r = "md",
-  children: i,
+  iconUrl: r,
+  size: i = "md",
+  children: m,
   expanded: e = !1,
-  onClick: m,
+  onClick: n,
   badge: l,
-  colorTheme: a,
+  colorTheme: p,
   loading: o,
-  titleAs: p = "h3",
+  titleAs: a = "h3",
   ...h
 }) => /* @__PURE__ */ s(
   b,
@@ -26,23 +27,23 @@ import '../../assets/AccessAreaListItem.css';const I = "_content_7hk0i_1", d = {
     as: "button",
     icon: {
       svgElement: c,
-      iconUrl: n,
+      iconUrl: r,
       theme: "subtle",
-      color: a,
+      color: p,
       altText: ""
     },
-    title: { children: t, as: p },
+    title: { children: t, as: a },
     ariaLabel: t,
-    size: r,
+    size: i,
     collapsible: !o,
     expanded: e,
-    onClick: m,
+    onClick: n,
     badge: l,
     loading: o,
     ...h,
-    children: e && /* @__PURE__ */ s("div", { className: d.content, children: i })
+    children: e && /* @__PURE__ */ s("div", { className: d.content, children: m })
   }
 );
 export {
-  k as AccessAreaListItem
+  y as AccessAreaListItem
 };