@midas-ds/components 16.2.4 → 16.3.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## 16.3.0 (2026-01-13)
+
+### 🚀 Features
+
+- **components:** add displayName to forwardRef components" ([474d161db5](https://github.com/migrationsverket/midas/commit/474d161db5))
+
+### 🔙 Rollback changes
+
+- Revert "refactor: remove React.forwardRef" ([c4f26cd721](https://github.com/migrationsverket/midas/commit/c4f26cd721))
+
+## 16.2.5 (2026-01-09)
+
+### 🏭 Refactoring
+
+- **components:** remove React.FC wrapper ([4f156ecf45](https://github.com/migrationsverket/midas/commit/4f156ecf45))
+- remove React.forwardRef ([977fc0260b](https://github.com/migrationsverket/midas/commit/977fc0260b))
+
+### 🔧 Maintenance
+
+- accept all shapes of external refs ([340771208d](https://github.com/migrationsverket/midas/commit/340771208d))
+- revert removal of react 18 peerDeps ([8c4b059f56](https://github.com/migrationsverket/midas/commit/8c4b059f56))
+- **checkbox:** assert prop types ([406798b0a1](https://github.com/migrationsverket/midas/commit/406798b0a1))
+- update to react 19 ([7389cceb06](https://github.com/migrationsverket/midas/commit/7389cceb06))
+
 ## 16.2.4 (2026-01-09)
 
 ### 🩹 Fixes

package/calendar/index.js

@@ -1,4 +1,4 @@
-import { C as r, R as n } from "../chunks/RangeCalendar-CGk2btOp.js";
+import { C as r, R as n } from "../chunks/RangeCalendar-BSth1Fmv.js";
 export {
   r as Calendar,
   n as RangeCalendar

package/character-counter/CharacterCounter.d.ts

@@ -1,6 +1,5 @@
 import { InputProps } from 'react-aria-components';
-import * as React from 'react';
 export interface CharacterCounterProps extends InputProps {
     isLonely?: boolean;
 }
-export declare const CharacterCounter: React.ForwardRefExoticComponent<CharacterCounterProps & React.RefAttributes<HTMLInputElement>>;
+export declare const CharacterCounter: import('react').ForwardRefExoticComponent<CharacterCounterProps & import('react').RefAttributes<HTMLInputElement>>;

package/character-counter/index.js

@@ -1,4 +1,4 @@
-import { C as e } from "../chunks/CharacterCounter-DeuE2det.js";
+import { C as e } from "../chunks/CharacterCounter-R6vh7AE5.js";
 export {
   e as CharacterCounter
 };

package/checkbox/Checkbox.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
-export declare const Checkbox: React.ForwardRefExoticComponent<import('react-aria').AriaCheckboxProps & import('react-aria-components').SlotProps & {
+export declare const Checkbox: import('react').ForwardRefExoticComponent<import('react-aria').AriaCheckboxProps & import('react-aria-components').SlotProps & {
     className?: string;
-} & React.RefAttributes<HTMLLabelElement>>;
+} & import('react').RefAttributes<HTMLLabelElement>>;

package/checkbox/CheckboxGroupItem.d.ts

@@ -1,3 +1,2 @@
 import { CheckboxGroupItemProps } from './types';
-import * as React from 'react';
-export declare const CheckBoxGroupItem: React.ForwardRefExoticComponent<CheckboxGroupItemProps & React.RefAttributes<HTMLLabelElement>>;
+export declare const CheckBoxGroupItem: import('react').ForwardRefExoticComponent<CheckboxGroupItemProps & import('react').RefAttributes<HTMLLabelElement>>;

package/checkbox/CheckboxInner.d.ts

@@ -1,2 +1 @@
-import * as React from 'react';
-export declare const CheckboxInner: React.ForwardRefExoticComponent<import('./types').CheckboxComponentProps & import('react-aria').CheckboxAria & React.RefAttributes<HTMLLabelElement>>;
+export declare const CheckboxInner: import('react').ForwardRefExoticComponent<import('./types').CheckboxComponentProps & import('react-aria').CheckboxAria & import('react').RefAttributes<HTMLLabelElement>>;

package/checkbox/SingleCheckbox.d.ts

@@ -1,3 +1,2 @@
 import { CheckboxComponentProps } from './types';
-import * as React from 'react';
-export declare const SingleCheckbox: React.ForwardRefExoticComponent<CheckboxComponentProps & React.RefAttributes<HTMLLabelElement>>;
+export declare const SingleCheckbox: import('react').ForwardRefExoticComponent<CheckboxComponentProps & import('react').RefAttributes<HTMLLabelElement>>;

package/checkbox/index.js

@@ -1,5 +1,5 @@
-import { C as e } from "../chunks/Checkbox-CP6Nv9yx.js";
-import { C } from "../chunks/CheckboxGroup-C5kaqBcn.js";
+import { C as e } from "../chunks/Checkbox-BTAfwDxU.js";
+import { C } from "../chunks/CheckboxGroup-BQ8EpX7O.js";
 export {
   e as Checkbox,
   C as CheckboxGroup

package/checkbox/types.d.ts

@@ -8,7 +8,7 @@ export interface CheckboxComponentProps extends CheckboxProps {
     focusRingAria: FocusRingAria;
     pressResult: PressResult;
     hoverResult: HoverResult;
-    inputRef: React.RefObject<HTMLInputElement>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
 }
 export interface CheckboxGroupItemProps extends CheckboxComponentProps {
     state: CheckboxGroupState;

package/chunks/{CharacterCounter-DeuE2det.js → CharacterCounter-R6vh7AE5.js}

@@ -1,21 +1,22 @@
 import { jsx as s } from "react/jsx-runtime";
-import * as i from "react";
+import { forwardRef as i } from "react";
 import { useContextProps as d, InputContext as h } from "react-aria-components";
-import '../assets/CharacterCounter.css';const m = "_characterCounter_1f0mh_1", u = {
-  characterCounter: m
-}, f = i.forwardRef((t, a) => {
+import '../assets/CharacterCounter.css';const C = "_characterCounter_1f0mh_1", m = {
+  characterCounter: C
+}, u = i((t, a) => {
   [t] = d(t, a, h);
   const { maxLength: e, value: n, isLonely: c } = t, { length: r } = n?.toString() ?? "", o = e !== void 0;
   return /* @__PURE__ */ s(
     "span",
     {
-      className: u.characterCounter,
+      className: m.characterCounter,
       "data-exceeded": o && r > e || void 0,
       "data-lonely": c || void 0,
       children: o ? `${r} / ${e}` : r
     }
   );
 });
+u.displayName = "CharacterCounter";
 export {
-  f as C
+  u as C
 };

package/chunks/Checkbox-BTAfwDxU.js

@@ -0,0 +1,130 @@
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import f, { forwardRef as l, useContext as R, useRef as _ } from "react";
+import { mergeProps as h, VisuallyHidden as I, useCheckboxGroupItem as y, useCheckbox as P, useHover as g, usePress as G, useFocusRing as N } from "react-aria";
+import { useContextProps as z, CheckboxContext as B, useSlottedContext as S, FormContext as F } from "react-aria-components";
+import { a as x } from "./clsx-AexbMWKp.js";
+import { variables as m } from "@midas-ds/theme";
+import { c as L } from "./createLucideIcon-D4r5Phnh.js";
+import { C as D } from "./check-BxlvVsvD.js";
+import { useToggleState as H } from "@react-stately/toggle";
+import '../assets/Checkbox.css';const O = [["path", { d: "M5 12h14", key: "1ays0h" }]], j = L("minus", O), q = f.createContext(null), A = "_checkboxInner_tzrii_1", M = "_checkbox_tzrii_1", V = "_checkboxGroup_tzrii_143", w = "_checkboxList_tzrii_154", b = {
+  checkboxInner: A,
+  checkbox: M,
+  checkboxGroup: V,
+  checkboxList: w
+}, u = l(
+  (e, o) => {
+    const { hoverProps: i, isHovered: c } = e.hoverResult, { pressProps: s, isPressed: n } = e.pressResult, { isFocused: a, isFocusVisible: r, focusProps: d } = e.focusRingAria;
+    return /* @__PURE__ */ C(
+      "label",
+      {
+        ref: o,
+        ...h(i, s, e.labelProps),
+        slot: e.slot || void 0,
+        className: x(b.checkbox, e.className),
+        "data-hovered": c || void 0,
+        "data-selected": e.isSelected || void 0,
+        "data-indeterminate": e.isIndeterminate || void 0,
+        "data-pressed": n || void 0,
+        "data-disabled": e.isDisabled || void 0,
+        "data-readonly": e.isReadOnly || void 0,
+        "data-invalid": e.isInvalid || void 0,
+        "data-focused": a || void 0,
+        "data-focus-visible": r || void 0,
+        "data-required": e.isRequired || void 0,
+        children: [
+          /* @__PURE__ */ t("div", { className: x(b.checkboxInner), children: e.isIndeterminate ? /* @__PURE__ */ t(
+            j,
+            {
+              size: 14,
+              color: m.iconOnColor
+            }
+          ) : /* @__PURE__ */ t(
+            D,
+            {
+              size: 14,
+              color: m.iconOnColor
+            }
+          ) }),
+          /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
+            "input",
+            {
+              ...h(e.inputProps, d),
+              ref: e.inputRef
+            }
+          ) }),
+          e.children
+        ]
+      }
+    );
+  }
+);
+u.displayName = "CheckboxInner";
+const v = l((e, o) => {
+  const i = y(
+    {
+      ...e,
+      value: e.value || ""
+    },
+    e.state,
+    e.inputRef
+  );
+  return /* @__PURE__ */ t(
+    u,
+    {
+      ...e,
+      ...i,
+      ref: o
+    }
+  );
+});
+v.displayName = "CheckBoxGroupItem";
+const k = l((e, o) => {
+  const i = P(e, H(e), e.inputRef);
+  return /* @__PURE__ */ t(
+    u,
+    {
+      ...e,
+      ...i,
+      ref: o
+    }
+  );
+});
+k.displayName = "SingleCheckbox";
+const T = l(
+  (e, o) => {
+    [e, o] = z(e, o, B);
+    const i = S(F), c = e.validationBehavior ?? i?.validationBehavior ?? "native", s = R(q), n = _(null), a = g(e), r = G({
+      ref: o,
+      isDisabled: e.isDisabled
+    }), d = N();
+    return s ? /* @__PURE__ */ t(
+      v,
+      {
+        ...e,
+        state: s,
+        inputRef: n,
+        hoverResult: a,
+        pressResult: r,
+        focusRingAria: d,
+        validationBehavior: c
+      }
+    ) : /* @__PURE__ */ t(
+      k,
+      {
+        ...e,
+        inputRef: n,
+        hoverResult: a,
+        pressResult: r,
+        focusRingAria: d,
+        validationBehavior: c
+      }
+    );
+  }
+);
+T.displayName = "Checkbox";
+export {
+  T as C,
+  q as a,
+  b as s
+};

package/chunks/{CheckboxGroup-C5kaqBcn.js → CheckboxGroup-BQ8EpX7O.js}

@@ -4,14 +4,14 @@ import { useCheckboxGroupState as v } from "react-stately";
 import { a as k, L as S } from "./Label-Dup4lWaR.js";
 import { T as y } from "./Text-TWzJxnto.js";
 import * as r from "react";
-import { C as d, s as u, a as g } from "./Checkbox-CP6Nv9yx.js";
+import { C as d, s as u, a as g } from "./Checkbox-BTAfwDxU.js";
 import { FieldErrorContext as A } from "react-aria-components";
-import { F as P } from "./FieldError-C0HRIcAx.js";
+import { F as P } from "./FieldError-Bra5aRT3.js";
 import { u as V } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
 const F = (e, { value: t }) => {
   const a = r.Children.toArray(e).filter(
     (l) => r.isValidElement(l) && l.type === d
-  ), c = r.Children.count(a), n = r.Children.toArray(e).filter((l) => r.isValidElement(l)).filter((l) => !!l && l.type === d).map((l) => l.props.value), s = t.length === 0, i = t.length === c;
+  ), c = r.Children.count(a), n = r.Children.toArray(e).filter((l) => r.isValidElement(l)).filter((l) => !!l && l.type === d).map((l) => l.props.value || ""), s = t.length === 0, i = t.length === c;
   return {
     allSelected: i,
     someSelected: !s && !i,

package/chunks/{ComboBox-N97lv5kN.js → ComboBox-DVK0dL2W.js}

@@ -4,7 +4,7 @@ import { ComboBox as y, Input as B, Button as F, Collection as w } from "react-a
 import { c as s } from "./clsx-AexbMWKp.js";
 import { a as C, L as S } from "./Label-Dup4lWaR.js";
 import { T as u } from "./Text-TWzJxnto.js";
-import { F as h } from "./FieldError-C0HRIcAx.js";
+import { F as h } from "./FieldError-Bra5aRT3.js";
 import { L as v } from "./ListBox-D5BBeZWL.js";
 import { a as R, L as N, b as E } from "./ListBoxSection-MZB_5DdD.js";
 import { C as I } from "./chevron-down-DgT-uSF9.js";

package/chunks/{DateField-DeuLPe1Y.js → DateField-06YL8tj_.js}

@@ -2,7 +2,7 @@ import { jsxs as F, jsx as e } from "react/jsx-runtime";
 import { DateField as u } from "react-aria-components";
 import { c as m } from "./clsx-AexbMWKp.js";
 import { a as _, D as f } from "./DateInputDivider-CkTB5q5k.js";
-import { F as s } from "./FieldError-C0HRIcAx.js";
+import { F as s } from "./FieldError-Bra5aRT3.js";
 import { a as h, L as D } from "./Label-Dup4lWaR.js";
 import { T as b } from "./Text-TWzJxnto.js";
 import '../assets/DateField.css';const x = "_dateField_y3sba_1", y = "_inputField_y3sba_7", L = "_medium_y3sba_37", i = {

package/chunks/{DateRangePicker-BqjLArNi.js → DateRangePicker-CZRWDV_g.js}

@@ -1,9 +1,9 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { Group as P, Button as b, Popover as f, Dialog as v, DatePicker as x, DateRangePicker as F } from "react-aria-components";
 import { a as m } from "./clsx-AexbMWKp.js";
-import { C as M, R as N } from "./RangeCalendar-CGk2btOp.js";
+import { C as M, R as N } from "./RangeCalendar-BSth1Fmv.js";
 import { a as p, D as k, b as B } from "./DateInputDivider-CkTB5q5k.js";
-import { F as h } from "./FieldError-C0HRIcAx.js";
+import { F as h } from "./FieldError-Bra5aRT3.js";
 import { a as u, L as y } from "./Label-Dup4lWaR.js";
 import { T as _ } from "./Text-TWzJxnto.js";
 import { c as C } from "./createLucideIcon-D4r5Phnh.js";

package/chunks/FieldError-Bra5aRT3.js

@@ -0,0 +1,24 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as n, useContext as f } from "react";
+import { FieldErrorContext as c, FieldError as d } from "react-aria-components";
+import { c as a } from "./clsx-AexbMWKp.js";
+import { T as m } from "./Text-TWzJxnto.js";
+import '../assets/FieldError.css';const E = "_fieldError_u3cks_1", u = {
+  fieldError: E
+}, x = n(
+  (r, s) => {
+    const { children: o, isInvalid: l } = r, e = a(u.fieldError, r.className), t = f(c);
+    return !t && l && typeof o != "function" ? /* @__PURE__ */ i(m, { className: e, children: o }) : t?.isInvalid ? /* @__PURE__ */ i(
+      d,
+      {
+        ...r,
+        ref: s,
+        className: e
+      }
+    ) : null;
+  }
+);
+x.displayName = "FieldError";
+export {
+  x as F
+};

package/chunks/{Layout-ClW2Lbvq.js → Layout-DX3HUm5b.js}

@@ -1,72 +1,73 @@
 import { jsx as e, jsxs as r, Fragment as H } from "react/jsx-runtime";
 import { G as S } from "./GridItem-5t1Z14sM.js";
 import * as N from "react";
+import { useState as G, useEffect as W } from "react";
 import { c as u } from "./clsx-AexbMWKp.js";
 import { Link as L, RouterProvider as O } from "react-aria-components";
 import { B as M } from "./Button-wBgWrXj3.js";
-import { a as G, T as W } from "./Tooltip-m032jGgF.js";
+import { a as j, T as D } from "./Tooltip-m032jGgF.js";
 import { a as y, B as I } from "./BadgeContainer-CKVsfTlF.js";
 import { c as E } from "./createLucideIcon-D4r5Phnh.js";
 import { u as C } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
-import { variables as j } from "@midas-ds/theme";
+import { variables as q } from "@midas-ds/theme";
 import { L as g } from "./Logo-InDSslpO.js";
-import { X as D } from "./x-BXShoIAM.js";
-import '../assets/Layout.css';const q = [
+import { X as A } from "./x-BXShoIAM.js";
+import '../assets/Layout.css';const R = [
   ["path", { d: "M4 12h16", key: "1lakjw" }],
   ["path", { d: "M4 18h16", key: "19g7jn" }],
   ["path", { d: "M4 6h16", key: "1o0s65" }]
-], A = E("menu", q);
-const R = [
+], $ = E("menu", R);
+const F = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
-], $ = E("panel-left-close", R);
-const F = [
+], X = E("panel-left-close", F);
+const J = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
-], X = E("panel-left-open", F), J = "_baseLayout_1n71v_1", K = "_mainContent_1n71v_10", Q = "_header_1n71v_15", U = "_headerExternal_1n71v_26", V = "_headerContent_1n71v_41", Y = "_logo_1n71v_60", Z = "_headerItems_1n71v_69", ee = "_toggleButton_1n71v_75", ae = "_sidebar_1n71v_83", ne = "_main_1n71v_10", te = "_app_1n71v_116", se = "_sidebarOpened_1n71v_124", ie = "_sidebarHeader_1n71v_128", re = "_appName_1n71v_140", oe = "_collapseButton_1n71v_147", le = "_sidebarCollapsed_1n71v_156", de = "_userName_1n71v_166", ce = "_userTitle_1n71v_184", me = "_title_1n71v_196", pe = "_sidebarNav_1n71v_207", _e = "_list_1n71v_213", ve = "_listGroupTitle_1n71v_219", ue = "_listItem_1n71v_226", he = "_listItemCollapsed_1n71v_231", be = "_listLink_1n71v_235", Ne = "_listLinkCollapsed_1n71v_298", fe = "_active_1n71v_303", ke = "_backdrop_1n71v_321", Ce = "_backdropOpened_1n71v_331", xe = "_skipToContent_1n71v_349", ge = "_navbar_1n71v_363", Le = "_navbarList_1n71v_375", ye = "_navbarItem_1n71v_397", Ie = "_headerContentExternal_1n71v_448", Me = "_logoExternalContainer_1n71v_456", Ee = "_logoExternal_1n71v_456", Te = "_logoExternalDesktop_1n71v_468", Se = "_navbarWrapper_1n71v_477", a = {
-  baseLayout: J,
-  mainContent: K,
-  header: Q,
-  headerExternal: U,
-  headerContent: V,
-  logo: Y,
-  headerItems: Z,
-  toggleButton: ee,
-  sidebar: ae,
-  main: ne,
-  app: te,
-  sidebarOpened: se,
-  sidebarHeader: ie,
-  appName: re,
-  collapseButton: oe,
-  sidebarCollapsed: le,
-  userName: de,
-  userTitle: ce,
-  title: me,
-  sidebarNav: pe,
-  list: _e,
-  listGroupTitle: ve,
-  listItem: ue,
-  listItemCollapsed: he,
-  listLink: be,
-  listLinkCollapsed: Ne,
-  active: fe,
-  backdrop: ke,
-  backdropOpened: Ce,
-  skipToContent: xe,
-  navbar: ge,
-  navbarList: Le,
-  navbarItem: ye,
-  headerContentExternal: Ie,
-  logoExternalContainer: Me,
-  logoExternal: Ee,
-  logoExternalDesktop: Te,
-  navbarWrapper: Se
+], K = E("panel-left-open", J), Q = "_baseLayout_1n71v_1", U = "_mainContent_1n71v_10", V = "_header_1n71v_15", Y = "_headerExternal_1n71v_26", Z = "_headerContent_1n71v_41", ee = "_logo_1n71v_60", ae = "_headerItems_1n71v_69", ne = "_toggleButton_1n71v_75", te = "_sidebar_1n71v_83", se = "_main_1n71v_10", ie = "_app_1n71v_116", re = "_sidebarOpened_1n71v_124", oe = "_sidebarHeader_1n71v_128", le = "_appName_1n71v_140", de = "_collapseButton_1n71v_147", ce = "_sidebarCollapsed_1n71v_156", me = "_userName_1n71v_166", pe = "_userTitle_1n71v_184", _e = "_title_1n71v_196", ve = "_sidebarNav_1n71v_207", ue = "_list_1n71v_213", he = "_listGroupTitle_1n71v_219", be = "_listItem_1n71v_226", Ne = "_listItemCollapsed_1n71v_231", fe = "_listLink_1n71v_235", ke = "_listLinkCollapsed_1n71v_298", Ce = "_active_1n71v_303", xe = "_backdrop_1n71v_321", ge = "_backdropOpened_1n71v_331", Le = "_skipToContent_1n71v_349", ye = "_navbar_1n71v_363", Ie = "_navbarList_1n71v_375", Me = "_navbarItem_1n71v_397", Ee = "_headerContentExternal_1n71v_448", Te = "_logoExternalContainer_1n71v_456", Se = "_logoExternal_1n71v_456", ze = "_logoExternalDesktop_1n71v_468", Be = "_navbarWrapper_1n71v_477", a = {
+  baseLayout: Q,
+  mainContent: U,
+  header: V,
+  headerExternal: Y,
+  headerContent: Z,
+  logo: ee,
+  headerItems: ae,
+  toggleButton: ne,
+  sidebar: te,
+  main: se,
+  app: ie,
+  sidebarOpened: re,
+  sidebarHeader: oe,
+  appName: le,
+  collapseButton: de,
+  sidebarCollapsed: ce,
+  userName: me,
+  userTitle: pe,
+  title: _e,
+  sidebarNav: ve,
+  list: ue,
+  listGroupTitle: he,
+  listItem: be,
+  listItemCollapsed: Ne,
+  listLink: fe,
+  listLinkCollapsed: ke,
+  active: Ce,
+  backdrop: xe,
+  backdropOpened: ge,
+  skipToContent: Le,
+  navbar: ye,
+  navbarList: Ie,
+  navbarItem: Me,
+  headerContentExternal: Ee,
+  logoExternalContainer: Te,
+  logoExternal: Se,
+  logoExternalDesktop: ze,
+  navbarWrapper: Be
 }, w = N.createContext(
   void 0
-), ze = ({
+), Oe = ({
   items: t,
   title: s,
   user: i,
@@ -113,13 +114,13 @@ const F = [
   active: n,
   hasBadge: o
 }) => {
-  const { isCollapsed: m, setIsOpened: d, clientSideHref: v } = k(), _ = v ? v(s) : s, [p, h] = N.useState(!1);
-  return N.useEffect(() => {
+  const { isCollapsed: m, setIsOpened: d, clientSideHref: v } = k(), _ = v ? v(s) : s, [p, h] = G(!1);
+  return W(() => {
     if (typeof window < "u") {
       const l = window.location.pathname === _ || window.location.pathname.startsWith(_ + "/");
       h(n ?? l);
     }
-  }, [n, _]), m ? /* @__PURE__ */ r(G, { children: [
+  }, [n, _]), m ? /* @__PURE__ */ r(j, { children: [
     /* @__PURE__ */ e(
       L,
       {
@@ -143,7 +144,7 @@ const F = [
         ] })
       }
     ),
-    /* @__PURE__ */ e(W, { placement: "right", children: t })
+    /* @__PURE__ */ e(D, { placement: "right", children: t })
   ] }) : /* @__PURE__ */ r(
     L,
     {
@@ -160,10 +161,10 @@ const F = [
       ]
     }
   );
-}, Be = { closeMenu: "Close menu", openMenu: "Open menu", maximizeMenu: "Maximize menu", minimizeMenu: "Minimize menu", sidebarMenu: "Sidebar menu", bottomMenu: "Bottom menu", skipToContent: "Skip to main content" }, Oe = { closeMenu: "Stäng meny", openMenu: "Öppna meny", maximizeMenu: "Maximera meny", minimizeMenu: "Minimera meny", sidebarMenu: "Sidomeny", bottomMenu: "Bottenmeny", skipToContent: "Hoppa till huvudinnehåll" }, x = {
-  en: Be,
-  sv: Oe
-}, we = () => {
+}, we = { closeMenu: "Close menu", openMenu: "Open menu", maximizeMenu: "Maximize menu", minimizeMenu: "Minimize menu", sidebarMenu: "Sidebar menu", bottomMenu: "Bottom menu", skipToContent: "Skip to main content" }, Pe = { closeMenu: "Stäng meny", openMenu: "Öppna meny", maximizeMenu: "Maximera meny", minimizeMenu: "Minimera meny", sidebarMenu: "Sidomeny", bottomMenu: "Bottenmeny", skipToContent: "Hoppa till huvudinnehåll" }, x = {
+  en: we,
+  sv: Pe
+}, He = () => {
   const {
     items: t,
     app: s,
@@ -211,7 +212,7 @@ const F = [
               "aria-label": n ? p.format("maximizeMenu") : p.format("minimizeMenu"),
               onPress: () => o(!n),
               className: a.collapseButton,
-              children: n ? /* @__PURE__ */ e(X, { size: 20 }) : /* @__PURE__ */ e($, { size: 20 })
+              children: n ? /* @__PURE__ */ e(K, { size: 20 }) : /* @__PURE__ */ e(X, { size: 20 })
             }
           )
         ] }),
@@ -236,7 +237,7 @@ const F = [
       ]
     }
   );
-}, Pe = () => {
+}, Ge = () => {
   const {
     title: t,
     user: s,
@@ -277,7 +278,7 @@ const F = [
     {
       className: a.header,
       style: {
-        borderTop: `solid 4px ${i.color ? i.color : j.brandPrimary}`
+        borderTop: `solid 4px ${i.color ? i.color : q.brandPrimary}`
       },
       children: [
         /* @__PURE__ */ r("div", { className: a.headerContent, children: [
@@ -299,13 +300,13 @@ const F = [
                 m(!1), o?.(!0);
               },
               children: n ? /* @__PURE__ */ e(
-                D,
+                A,
                 {
                   size: 20,
                   "aria-hidden": "true"
                 }
               ) : /* @__PURE__ */ e(
-                A,
+                $,
                 {
                   size: 20,
                   "aria-hidden": "true"
@@ -338,7 +339,7 @@ const F = [
       children: i.format("skipToContent")
     }
   );
-}, He = () => {
+}, We = () => {
   const { isOpened: t, setIsOpened: s } = k();
   return t ? /* @__PURE__ */ e(
     "div",
@@ -350,7 +351,7 @@ const F = [
       "aria-hidden": !0
     }
   ) : null;
-}, Ge = () => {
+}, je = () => {
   const { items: t, clientSideRouter: s, clientSideHref: i } = k(), n = C(x), o = t.at(0)?.items;
   return /* @__PURE__ */ e(
     "nav",
@@ -450,16 +451,16 @@ const F = [
     }
   );
 };
-c.Provider = ze;
-c.Header = Pe;
-c.Sidebar = we;
+c.Provider = Oe;
+c.Header = Ge;
+c.Sidebar = He;
 c.SidebarLink = P;
-c.Navbar = Ge;
-c.Backdrop = He;
+c.Navbar = je;
+c.Backdrop = We;
 export {
-  Pe as H,
+  Ge as H,
   c as L,
-  Ge as N,
-  we as S,
+  je as N,
+  He as S,
   P as a
 };

package/chunks/{Radio-Dro99zCs.js → Radio-BDHczAt5.js}

@@ -3,7 +3,7 @@ import { Radio as u, RadioGroup as _, Group as f } from "react-aria-components";
 import { c as p } from "./clsx-AexbMWKp.js";
 import { a as G, L as R } from "./Label-Dup4lWaR.js";
 import { T as h } from "./Text-TWzJxnto.js";
-import { F as t } from "./FieldError-C0HRIcAx.js";
+import { F as t } from "./FieldError-Bra5aRT3.js";
 import '../assets/Radio.css';const x = "_radioGroup_1ls9z_1", w = "_wrap_1ls9z_12", z = "_radio_1ls9z_1", s = {
   radioGroup: x,
   wrap: w,

package/chunks/{RangeCalendar-CGk2btOp.js → RangeCalendar-BSth1Fmv.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { RangeCalendarContext as h, CalendarGrid as C, CalendarCell as g, Calendar as v, RangeCalendar as _ } from "react-aria-components";
 import { c as p, a as l } from "./clsx-AexbMWKp.js";
-import { F as c } from "./FieldError-C0HRIcAx.js";
+import { F as c } from "./FieldError-Bra5aRT3.js";
 import * as y from "react";
 import { B as i } from "./Button-wBgWrXj3.js";
 import { H as f } from "./Heading-D8tNNJkt.js";

package/chunks/{SearchField-BfpeANM6.js → SearchField-DTkfUFwn.js}

@@ -5,7 +5,7 @@ import { c as l } from "./clsx-AexbMWKp.js";
 import * as x from "react";
 import { useSearchFieldState as j } from "react-stately";
 import { useSearchField as C } from "react-aria";
-import { F as f } from "./FieldError-C0HRIcAx.js";
+import { F as f } from "./FieldError-Bra5aRT3.js";
 import { c as p } from "./createLucideIcon-D4r5Phnh.js";
 import { X as B } from "./x-BXShoIAM.js";
 import { u as D } from "./useLocalizedStringFormatter-ZgRJmvHC.js";

package/chunks/{Select-D-LtFSZX.js → Select-C8Fr7Vn3.js}

@@ -4,9 +4,9 @@ import { FocusScope as b } from "@react-aria/focus";
 import { a as T, L as N } from "./Label-Dup4lWaR.js";
 import { a as y, c as h } from "./clsx-AexbMWKp.js";
 import { T as B } from "./Text-TWzJxnto.js";
-import { F as _ } from "./FieldError-C0HRIcAx.js";
+import { F as _ } from "./FieldError-Bra5aRT3.js";
 import f, { useContext as p } from "react";
-import { C as L } from "./Checkbox-CP6Nv9yx.js";
+import { C as L } from "./Checkbox-BTAfwDxU.js";
 import { u } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
 import { useFocusManager as M } from "react-aria";
 import { X as F } from "./x-BXShoIAM.js";

package/chunks/{Select-nL9iJMlf.js → Select-CPM82ww2.js}

@@ -19,11 +19,11 @@ import { useFormValidation as ce } from "@react-aria/form";
 import { useVisuallyHidden as de } from "@react-aria/visually-hidden";
 import { a as ue, L as me } from "./Label-Dup4lWaR.js";
 import { T as ge } from "./Text-TWzJxnto.js";
-import { C as fe } from "./Checkbox-CP6Nv9yx.js";
+import { C as fe } from "./Checkbox-BTAfwDxU.js";
 import { X as pe } from "./x-BXShoIAM.js";
 import { u as B } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
 import { C as ye } from "./chevron-down-DgT-uSF9.js";
-import { F as he } from "./FieldError-C0HRIcAx.js";
+import { F as he } from "./FieldError-Bra5aRT3.js";
 import '../assets/Select2.css';const T = ({ item: e }) => /* @__PURE__ */ o(
   X,
   {