@midas-ds/components 16.8.6 → 17.0.1

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 17.0.1 (2026-02-16)
+
+### 🩹 Fixes
+
+- **components,datepicker:** fix calendar icon btn placement in firefox ([1107d2aeea](https://github.com/migrationsverket/midas/commit/1107d2aeea))
+
+# 17.0.0 (2026-02-16)
+
+### 🚀 Features
+
+- **components, select, combobox:** extend type for sections ([1c964f7b40](https://github.com/migrationsverket/midas/commit/1c964f7b40))
+
+### 📖 Documentation changes
+
+- release notes for v17.0.0 ([18f6b788a5](https://github.com/migrationsverket/midas/commit/18f6b788a5))
+
 ## 16.8.6 (2026-02-16)
 
 ### 🧱 Updated Dependencies

package/accordion/Accordion.d.ts

@@ -10,10 +10,6 @@ export interface AccordionProps extends DisclosureGroupProps {
      **/
     size?: Size;
 }
-/**
- * @deprecated since v 16.4.1 please use AccordionProps instead
- */
-export type MidasAccordion = AccordionProps;
 /**
  * Accordions help reduce visual clutter on a page by organizing content into collapsible sections.
  */

package/accordion/AccordionContext.d.ts

@@ -1,3 +1,3 @@
-import { MidasAccordion } from './Accordion';
-export type AccordionContextValue = Pick<MidasAccordion, 'isContained' | 'size'>;
+import { AccordionProps } from './Accordion';
+export type AccordionContextValue = Pick<AccordionProps, 'isContained' | 'size'>;
 export declare const AccordionContext: import('react').Context<AccordionContextValue | undefined>;

package/accordion/index.d.ts

@@ -1,3 +1,2 @@
 export * from './Accordion';
-export type { MidasAccordion } from './Accordion';
 export * from './AccordionItem';

package/assets/DateRangePicker.css

@@ -1 +1 @@
-._datePicker_1u1dn_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._inputField_1u1dn_8{box-sizing:border-box;width:100%;height:var(--midas-size-150);align-items:center;background-color:var(--midas-field-01-base);border-bottom:1px solid var(--midas-border-color-primary);padding-left:1rem;display:flex;justify-content:flex-start;gap:1rem}@media(forced-colors:active){._inputField_1u1dn_8{border:1px solid var(--midas-border-color-primary)}}._inputField_1u1dn_8._medium_1u1dn_24{height:var(--midas-size-130)}._inputField_1u1dn_8[data-disabled]{cursor:not-allowed;border-color:var(--midas-border-color-disabled)}._inputField_1u1dn_8:focus-visible,._inputField_1u1dn_8[data-focus-visible]{outline:none}._inputField_1u1dn_8[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._inputField_1u1dn_8[data-invalid]{border:1px solid var(--midas-border-color-primary)}}._inputField_1u1dn_8._readOnly_1u1dn_47{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_1u1dn_8 ._buttonGroup_1u1dn_52{display:flex;margin-left:auto;height:100%}._inputField_1u1dn_8 ._iconButton_1u1dn_58{align-self:stretch;aspect-ratio:1;border:none;padding:0}._inputField_1u1dn_8 ._iconButton_1u1dn_58[data-disabled]{background-color:transparent}._inputField_1u1dn_8 ._iconButton_1u1dn_58:focus-visible,._inputField_1u1dn_8 ._iconButton_1u1dn_58[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus-inset)}@media(forced-colors:active){._inputField_1u1dn_8 ._iconButton_1u1dn_58:focus-visible,._inputField_1u1dn_8 ._iconButton_1u1dn_58[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._dialog_1u1dn_81{box-shadow:0 3px 5px #0003}
+._datePicker_11j8a_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._inputField_11j8a_8{box-sizing:border-box;width:100%;height:var(--midas-size-150);align-items:center;background-color:var(--midas-field-01-base);border-bottom:1px solid var(--midas-border-color-primary);padding-left:1rem;display:flex;justify-content:flex-start;gap:1rem}@media(forced-colors:active){._inputField_11j8a_8{border:1px solid var(--midas-border-color-primary)}}._inputField_11j8a_8._medium_11j8a_24{height:var(--midas-size-130)}._inputField_11j8a_8[data-disabled]{cursor:not-allowed;border-color:var(--midas-border-color-disabled)}._inputField_11j8a_8:focus-visible,._inputField_11j8a_8[data-focus-visible]{outline:none}._inputField_11j8a_8[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._inputField_11j8a_8[data-invalid]{border:1px solid var(--midas-border-color-primary)}}._inputField_11j8a_8._readOnly_11j8a_47{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_11j8a_8 ._buttonGroup_11j8a_52{display:flex;margin-left:auto;height:100%}._inputField_11j8a_8 ._iconButton_11j8a_58{height:100%;aspect-ratio:1;border:none;padding:0}._inputField_11j8a_8 ._iconButton_11j8a_58[data-disabled]{background-color:transparent}._inputField_11j8a_8 ._iconButton_11j8a_58:focus-visible,._inputField_11j8a_8 ._iconButton_11j8a_58[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus-inset)}@media(forced-colors:active){._inputField_11j8a_8 ._iconButton_11j8a_58:focus-visible,._inputField_11j8a_8 ._iconButton_11j8a_58[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._dialog_11j8a_81{box-shadow:0 3px 5px #0003}

package/assets/Text.css

@@ -1 +1 @@
-._body_fvsa7_1,._body-01_fvsa7_2,._body-02_fvsa7_3,._body-small_fvsa7_4,._description_fvsa7_5,._description-small_fvsa7_6{color:var(--midas-text-primary)}:is(._body_fvsa7_1,._body-02_fvsa7_3)[data-expressive]{line-height:var(--midas-typography-line-height-50)}._body_fvsa7_1{font:var(--midas-typography-body)}._body-small_fvsa7_4{font:var(--midas-typography-body-small)}._description-small_fvsa7_6{font:var(--midas-typography-description-small)}._body-01_fvsa7_2,._body-02_fvsa7_3{font:var(--midas-typography-body)}._body-01_fvsa7_2{line-height:var(--midas-typography-line-height-30)}._body-02_fvsa7_3{line-height:var(--midas-typography-line-height-40)}._bold_fvsa7_42{font-weight:700}._italic_fvsa7_46{font-style:italic}._description_fvsa7_5{font:var(--midas-typography-description);margin-bottom:var(--midas-spacing-30)}._description_fvsa7_5>[data-disabled],[data-disabled] ._description_fvsa7_5{color:var(--midas-text-disabled)}@media(forced-colors:active){._description_fvsa7_5>[data-disabled],[data-disabled] ._description_fvsa7_5{color:GrayText}}._description_fvsa7_5>[data-readonly],[data-readonly] ._description_fvsa7_5{color:var(--midas-text-read-only)}
+._body_1ecyu_1,._body-small_1ecyu_2,._description_1ecyu_3,._description-small_1ecyu_4{color:var(--midas-text-primary)}._body_1ecyu_1{font:var(--midas-typography-body)}._body_1ecyu_1[data-expressive]{line-height:var(--midas-typography-line-height-50)}._body-small_1ecyu_2{font:var(--midas-typography-body-small)}._description-small_1ecyu_4{font:var(--midas-typography-description-small)}._bold_1ecyu_24{font-weight:700}._italic_1ecyu_28{font-style:italic}._description_1ecyu_3{font:var(--midas-typography-description);margin-bottom:var(--midas-spacing-30)}._description_1ecyu_3>[data-disabled],[data-disabled] ._description_1ecyu_3{color:var(--midas-text-disabled)}@media(forced-colors:active){._description_1ecyu_3>[data-disabled],[data-disabled] ._description_1ecyu_3{color:GrayText}}._description_1ecyu_3>[data-readonly],[data-readonly] ._description_1ecyu_3{color:var(--midas-text-read-only)}

package/breadcrumbs/Breadcrumbs.d.ts

@@ -1,9 +1,3 @@
 import { BreadcrumbsProps as AriaBreadcrumbsProps } from 'react-aria-components';
-/** @deprecated since v16.6.3 Use the compound `<Breadcrumbs>` + `<Breadcrumb>` API instead. */
-export interface BreadcrumbItem {
-    href: string;
-    title: string;
-    isDisabled?: boolean;
-}
 export type BreadcrumbsProps<T> = AriaBreadcrumbsProps<T>;
 export declare const Breadcrumbs: <T extends object>({ className, ...rest }: BreadcrumbsProps<T>) => import("react/jsx-runtime").JSX.Element;

package/breadcrumbs/index.js

@@ -1,4 +1,4 @@
-import { B as e, a as m } from "../chunks/Breadcrumb-W7qQSxd-.js";
+import { B as e, a as m } from "../chunks/Breadcrumb-CHldDcyz.js";
 export {
   e as Breadcrumb,
   m as Breadcrumbs

package/calendar/index.js

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

package/checkbox/index.js

@@ -1,5 +1,5 @@
 import { C as e } from "../chunks/Checkbox-CRLj7_Ox.js";
-import { C } from "../chunks/CheckboxGroup-DSXCj_ho.js";
+import { C } from "../chunks/CheckboxGroup-DooCBqUG.js";
 export {
   e as Checkbox,
   C as CheckboxGroup

package/chunks/Breadcrumb-CHldDcyz.js

@@ -0,0 +1,37 @@
+import { jsx as s, jsxs as m, Fragment as i } from "react/jsx-runtime";
+import { Breadcrumbs as u, Breadcrumb as p } from "react-aria-components";
+import { c as e } from "./clsx-AexbMWKp.js";
+import '../assets/Breadcrumb.css';const d = "_container_zw1qy_1", l = "_separator_zw1qy_20", o = {
+  container: d,
+  separator: l
+}, f = ({
+  className: a,
+  ...r
+}) => /* @__PURE__ */ s(
+  u,
+  {
+    className: e(o.container, a),
+    ...r
+  }
+), x = ({
+  className: a,
+  children: r,
+  ...c
+}) => /* @__PURE__ */ s(
+  p,
+  {
+    className: e(a),
+    ...c,
+    children: (t) => {
+      const n = !t.isCurrent;
+      return /* @__PURE__ */ m(i, { children: [
+        typeof r == "function" ? r(t) : r,
+        n ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: o.separator, children: "/" }) : null
+      ] });
+    }
+  }
+);
+export {
+  x as B,
+  f as a
+};

package/chunks/{CheckboxGroup-DSXCj_ho.js → CheckboxGroup-DooCBqUG.js}

@@ -2,11 +2,11 @@ import { jsx as o, jsxs as h } from "react/jsx-runtime";
 import { useCheckboxGroup as C } from "react-aria";
 import { useCheckboxGroupState as v } from "react-stately";
 import { a as k, L as S } from "./Label-6GZmmff9.js";
-import { T as y } from "./Text-Bxww8mmL.js";
+import { T as y } from "./Text-BuXvuoqM.js";
 import * as r from "react";
 import { C as d, s as u, a as g } from "./Checkbox-CRLj7_Ox.js";
 import { FieldErrorContext as A } from "react-aria-components";
-import { F as P } from "./FieldError-C_3uLAGY.js";
+import { F as P } from "./FieldError-BMTrvSof.js";
 import { u as V } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 const F = (e, { value: t }) => {
   const a = r.Children.toArray(e).filter(

package/chunks/ComboBox-XaJDIr5h.js

@@ -0,0 +1,101 @@
+'use client';
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import y from "react";
+import { ComboBox as F, Input as w, Button as v } from "react-aria-components";
+import { c as s } from "./clsx-AexbMWKp.js";
+import { a as R, L as N } from "./Label-6GZmmff9.js";
+import { T as u } from "./Text-BuXvuoqM.js";
+import { F as p } from "./FieldError-BMTrvSof.js";
+import { L as S } from "./ListBox-D5BBeZWL.js";
+import { L as B } from "./ListBoxPopover-DOmhA5xx.js";
+import { C } from "./chevron-down-BBFYYzZq.js";
+import { u as g } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/ComboBox.css';const E = "_combobox_1m9te_1", T = "_inputField_1m9te_6", j = "_medium_1m9te_27", I = "_wrap_1m9te_79", O = "_button_1m9te_85", U = "_icon_1m9te_121", z = "_emptyState_1m9te_127", o = {
+  combobox: E,
+  inputField: T,
+  medium: j,
+  wrap: I,
+  button: O,
+  icon: U,
+  emptyState: z
+}, D = { showList: "Show list", noResultsFound: "No results found" }, M = { showList: "Visa lista", noResultsFound: "Inga träffar" }, V = {
+  en: D,
+  sv: M
+};
+function X({
+  label: r,
+  description: i,
+  errorMessage: a,
+  children: f,
+  items: _,
+  className: h,
+  errorPosition: n = "top",
+  size: m = "large",
+  popover: b,
+  ...e
+}) {
+  const d = y.useRef(null), c = g(V), x = (L) => {
+    L.currentTarget.value && d.current?.select();
+  };
+  return /* @__PURE__ */ l(
+    F,
+    {
+      className: s(o.combobox, h),
+      ...e,
+      "data-readonly": e.isReadOnly || void 0,
+      children: [
+        /* @__PURE__ */ t(R, { popover: b, children: r && /* @__PURE__ */ t(N, { children: r }) }),
+        i && /* @__PURE__ */ t(u, { slot: "description", children: i }),
+        n === "top" && /* @__PURE__ */ t(p, { "data-testid": "fieldError", children: a }),
+        /* @__PURE__ */ l("div", { className: o.wrap, children: [
+          /* @__PURE__ */ t(
+            w,
+            {
+              className: s(o.inputField, {
+                [o.medium]: m === "medium"
+              }),
+              "data-readonly": e.isReadOnly || void 0,
+              onMouseUp: x,
+              ref: d
+            }
+          ),
+          /* @__PURE__ */ t(
+            v,
+            {
+              className: s(o.button, {
+                [o.medium]: m === "medium"
+              }),
+              "aria-label": c.format("showList"),
+              children: /* @__PURE__ */ t(
+                "div",
+                {
+                  className: o.icon,
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ t(
+                    C,
+                    {
+                      size: 20,
+                      "aria-hidden": !0
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        n === "bottom" && /* @__PURE__ */ t(p, { "data-testid": "fieldError", children: a }),
+        /* @__PURE__ */ t(B, { offset: 4, children: /* @__PURE__ */ t(
+          S,
+          {
+            items: _,
+            renderEmptyState: () => /* @__PURE__ */ t(u, { className: o.emptyState, children: c.format("noResultsFound") }),
+            children: f
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  X as C
+};

package/chunks/{DateField-zdUv4ooW.js → DateField-6CclHfL2.js}

@@ -3,9 +3,9 @@ import * as x from "react";
 import { DateField as g, DateFieldStateContext as h } from "react-aria-components";
 import { c as d } from "./clsx-AexbMWKp.js";
 import { D, b as B } from "./DateInputDivider-DwopMIb9.js";
-import { F } from "./FieldError-C_3uLAGY.js";
+import { F } from "./FieldError-BMTrvSof.js";
 import { a as C, L as b } from "./Label-6GZmmff9.js";
-import { T as L } from "./Text-Bxww8mmL.js";
+import { T as L } from "./Text-BuXvuoqM.js";
 import { C as S } from "./ClearButton-DPm_d7SL.js";
 import { FocusScope as v, useFocusManager as N } from "@react-aria/focus";
 import { u as V } from "./useLocalizedStringFormatter-BHvsRxDk.js";

package/chunks/{DateRangePicker-D6lnN0ox.js → DateRangePicker-BoL-sn9u.js}

@@ -1,15 +1,15 @@
 'use client';
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { Group as x, DatePickerStateContext as F, DateRangePickerStateContext as B, Popover as M, Dialog as S, DatePicker as N, DateRangePicker as R } from "react-aria-components";
+import { Group as x, DatePickerStateContext as F, DateRangePickerStateContext as j, Popover as B, Dialog as M, DatePicker as S, DateRangePicker as N } from "react-aria-components";
 import { a as k } from "./clsx-AexbMWKp.js";
-import { C as G, R as L } from "./RangeCalendar-h9wkh43W.js";
-import { D as _, b as f, a as I } from "./DateInputDivider-DwopMIb9.js";
-import { F as P } from "./FieldError-C_3uLAGY.js";
+import { C as R, R as G } from "./RangeCalendar-DIMxoHhy.js";
+import { D as _, b as f, a as L } from "./DateInputDivider-DwopMIb9.js";
+import { F as P } from "./FieldError-BMTrvSof.js";
 import { a as y, L as v } from "./Label-6GZmmff9.js";
-import { T as D } from "./Text-Bxww8mmL.js";
+import { T as D } from "./Text-BuXvuoqM.js";
 import * as g from "react";
-import { C as V } from "./ClearButton-DPm_d7SL.js";
-import { FocusScope as j, useFocusManager as w } from "@react-aria/focus";
+import { C as I } from "./ClearButton-DPm_d7SL.js";
+import { FocusScope as V, useFocusManager as w } from "@react-aria/focus";
 import { B as O } from "./Button-CaLOUTDO.js";
 import { c as T } from "./createLucideIcon-CP-mMPfa.js";
 import { u as $ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
@@ -27,7 +27,7 @@ import '../assets/DateRangePicker.css';const E = [
 ], W = T("calendar-days", E), q = { clear: "Clear date" }, A = { clear: "Rensa datum" }, H = {
   en: q,
   sv: A
-}, J = "_datePicker_1u1dn_1", K = "_inputField_1u1dn_8", Q = "_medium_1u1dn_24", U = "_readOnly_1u1dn_47", X = "_buttonGroup_1u1dn_52", Y = "_iconButton_1u1dn_58", Z = "_dialog_1u1dn_81", r = {
+}, J = "_datePicker_11j8a_1", K = "_inputField_11j8a_8", Q = "_medium_11j8a_24", U = "_readOnly_11j8a_47", X = "_buttonGroup_11j8a_52", Y = "_iconButton_11j8a_58", Z = "_dialog_11j8a_81", o = {
   datePicker: J,
   inputField: K,
   medium: Q,
@@ -41,18 +41,18 @@ import '../assets/DateRangePicker.css';const E = [
   isReadOnly: i,
   size: a
 }) => {
-  const n = g.useContext(F), s = g.useContext(B), u = $(H), d = w(), o = s ?? n, p = z(o) ? !!o.value.start && o.value.end : !!o?.value;
+  const r = g.useContext(F), s = g.useContext(j), u = $(H), l = w(), n = s ?? r, p = z(n) ? !!n.value.start && n.value.end : !!n?.value;
   return t && p && !i ? /* @__PURE__ */ e(
-    V,
+    I,
     {
       onPress: () => {
-        o?.setValue(null), d?.focusFirst();
+        n?.setValue(null), l?.focusFirst();
       },
       size: a,
       isDisabled: c,
       "aria-label": u.format("clear"),
-      className: k(r.iconButton, {
-        [r.medium]: a === "medium"
+      className: k(o.iconButton, {
+        [o.medium]: a === "medium"
       })
     }
   ) : null;
@@ -61,37 +61,37 @@ import '../assets/DateRangePicker.css';const E = [
   isDisabled: c,
   isInvalid: i,
   isReadOnly: a,
-  size: n = "large",
+  size: r = "large",
   isClearable: s = !1
 }) => /* @__PURE__ */ e(
   x,
   {
-    className: k(r.inputField, {
-      [r.medium]: n === "medium",
-      [r.readOnly]: a
+    className: k(o.inputField, {
+      [o.medium]: r === "medium",
+      [o.readOnly]: a
     }),
-    children: /* @__PURE__ */ h(j, { children: [
+    children: /* @__PURE__ */ h(V, { children: [
       t,
-      /* @__PURE__ */ h("div", { className: r.buttonGroup, children: [
+      /* @__PURE__ */ h("div", { className: o.buttonGroup, children: [
         /* @__PURE__ */ e(
           ee,
           {
             isClearable: s,
             isDisabled: c,
             isReadOnly: a,
-            size: n
+            size: r
           }
         ),
         /* @__PURE__ */ e(
           O,
           {
             variant: "icon",
-            className: k(r.iconButton, {
-              [r.medium]: n === "medium",
-              [r.readOnly]: a
+            className: k(o.iconButton, {
+              [o.medium]: r === "medium",
+              [o.readOnly]: a
             }),
             "data-invalid": i || void 0,
-            size: n,
+            size: r,
             children: /* @__PURE__ */ e(
               W,
               {
@@ -106,42 +106,42 @@ import '../assets/DateRangePicker.css';const E = [
   }
 ), b = ({
   children: t
-}) => /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(S, { className: r.dialog, children: t }) }), he = ({
+}) => /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(M, { className: o.dialog, children: t }) }), he = ({
   className: t,
   description: c,
   errorMessage: i,
   errorPosition: a = "top",
-  label: n,
+  label: r,
   popover: s,
   isClearable: u = !1,
-  isReadOnly: d,
-  isDisabled: o,
+  isReadOnly: l,
+  isDisabled: n,
   size: p,
-  ...l
+  ...d
 }) => /* @__PURE__ */ h(
-  N,
+  S,
   {
-    className: k(r.datePicker, t),
-    isReadOnly: d,
-    isDisabled: o,
-    ...l,
+    className: k(o.datePicker, t),
+    isReadOnly: l,
+    isDisabled: n,
+    ...d,
     children: [
-      /* @__PURE__ */ e(y, { popover: s, children: n && /* @__PURE__ */ e(v, { children: n }) }),
+      /* @__PURE__ */ e(y, { popover: s, children: r && /* @__PURE__ */ e(v, { children: r }) }),
       c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
       a === "top" && /* @__PURE__ */ e(P, { children: i }),
       /* @__PURE__ */ e(
         C,
         {
           isClearable: u,
-          isReadOnly: d,
-          isDisabled: o,
+          isReadOnly: l,
+          isDisabled: n,
           size: p,
-          ...l,
+          ...d,
           children: /* @__PURE__ */ e(_, { children: (m) => /* @__PURE__ */ e(f, { segment: m }) })
         }
       ),
       a === "bottom" && /* @__PURE__ */ e(P, { children: i }),
-      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(G, {}) })
+      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(R, {}) })
     ]
   }
 ), ke = ({
@@ -149,41 +149,41 @@ import '../assets/DateRangePicker.css';const E = [
   description: c,
   errorMessage: i,
   errorPosition: a = "top",
-  label: n,
+  label: r,
   popover: s,
   isClearable: u = !1,
-  isReadOnly: d,
-  isDisabled: o,
+  isReadOnly: l,
+  isDisabled: n,
   size: p,
-  ...l
+  ...d
 }) => /* @__PURE__ */ h(
-  R,
+  N,
   {
-    className: k(r.datePicker, t),
-    isReadOnly: d,
-    isDisabled: o,
-    ...l,
+    className: k(o.datePicker, t),
+    isReadOnly: l,
+    isDisabled: n,
+    ...d,
     children: [
-      /* @__PURE__ */ e(y, { popover: s, children: n && /* @__PURE__ */ e(v, { children: n }) }),
+      /* @__PURE__ */ e(y, { popover: s, children: r && /* @__PURE__ */ e(v, { children: r }) }),
       c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
       a === "top" && /* @__PURE__ */ e(P, { children: i }),
       /* @__PURE__ */ h(
         C,
         {
           isClearable: u,
-          isReadOnly: d,
-          isDisabled: o,
+          isReadOnly: l,
+          isDisabled: n,
           size: p,
-          ...l,
+          ...d,
           children: [
             /* @__PURE__ */ e(_, { slot: "start", children: (m) => /* @__PURE__ */ e(f, { segment: m }) }),
-            /* @__PURE__ */ e(I, {}),
+            /* @__PURE__ */ e(L, {}),
             /* @__PURE__ */ e(_, { slot: "end", children: (m) => /* @__PURE__ */ e(f, { segment: m }) })
           ]
         }
       ),
       a === "bottom" && /* @__PURE__ */ e(P, { children: i }),
-      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(L, {}) })
+      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(G, {}) })
     ]
   }
 );

package/chunks/{FieldError-C_3uLAGY.js → FieldError-BMTrvSof.js}

@@ -2,7 +2,7 @@ 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-Bxww8mmL.js";
+import { T as m } from "./Text-BuXvuoqM.js";
 import '../assets/FieldError.css';const E = "_fieldError_u3cks_1", u = {
   fieldError: E
 }, x = n(

package/chunks/ListBoxHeader-CL9bFH22.js

@@ -0,0 +1,63 @@
+import { jsx as o, jsxs as m, Fragment as c } from "react/jsx-runtime";
+import { c as i } from "./clsx-AexbMWKp.js";
+import { s as e } from "./ListBox-D5BBeZWL.js";
+import { ListBoxItem as x, ListBoxSection as d, ListBoxLoadMoreItem as l, Header as L } from "react-aria-components";
+import { S as B } from "./Spinner-CfKMn18u.js";
+import { u as p } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+const v = ({ className: t, children: s, ...a }) => /* @__PURE__ */ o(
+  "button",
+  {
+    type: "button",
+    className: i(e.listBoxItem, e.listBoxButton, t),
+    ...a,
+    children: s
+  }
+), H = ({
+  children: t,
+  className: s,
+  textValue: a,
+  ...n
+}) => /* @__PURE__ */ o(
+  x,
+  {
+    className: i(e.listBoxItem, s),
+    textValue: a || (typeof t == "string" ? t : void 0),
+    ...n,
+    children: (r) => /* @__PURE__ */ o("div", { className: e.textContent, children: typeof t == "function" ? t(r) : t })
+  }
+), $ = (t) => /* @__PURE__ */ o(d, { ...t }), u = { "loading...": "Loading..." }, f = { "loading...": "Laddar..." }, g = {
+  en: u,
+  sv: f
+}, h = ({
+  className: t,
+  children: s,
+  isLoading: a,
+  ...n
+}) => {
+  const r = p(g);
+  return /* @__PURE__ */ o(
+    l,
+    {
+      className: i(e.listBoxLoadMoreItem, t),
+      isLoading: a,
+      ...n,
+      children: s || /* @__PURE__ */ m(c, { children: [
+        /* @__PURE__ */ o(B, { small: !0 }),
+        /* @__PURE__ */ o("span", { "aria-hidden": !0, children: r.format("loading...") })
+      ] })
+    }
+  );
+}, j = ({ className: t, ...s }) => /* @__PURE__ */ o(
+  L,
+  {
+    className: i(e.listBoxSectionHeading, t),
+    ...s
+  }
+);
+export {
+  v as L,
+  j as a,
+  H as b,
+  h as c,
+  $ as d
+};

package/chunks/ListBoxPopover-DOmhA5xx.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as m } from "./clsx-AexbMWKp.js";
+import { Popover as e } from "react-aria-components";
+import { s as p } from "./ListBox-D5BBeZWL.js";
+const c = ({
+  className: o,
+  children: r,
+  ...s
+}) => /* @__PURE__ */ t(
+  e,
+  {
+    className: m(o, p.listBoxPopover),
+    offset: 0,
+    ...s,
+    children: r
+  }
+);
+export {
+  c as L
+};

package/chunks/{Radio-Bp-JwJid.js → Radio-CAIyBgBp.js}

@@ -3,8 +3,8 @@ import { jsx as r, jsxs as n } from "react/jsx-runtime";
 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-6GZmmff9.js";
-import { T as h } from "./Text-Bxww8mmL.js";
-import { F as t } from "./FieldError-C_3uLAGY.js";
+import { T as h } from "./Text-BuXvuoqM.js";
+import { F as t } from "./FieldError-BMTrvSof.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-h9wkh43W.js → RangeCalendar-DIMxoHhy.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-C_3uLAGY.js";
+import { F as c } from "./FieldError-BMTrvSof.js";
 import * as y from "react";
 import { B as i } from "./Button-CaLOUTDO.js";
 import { H as f } from "./Heading-D8tNNJkt.js";

package/chunks/{SearchField-Dcs9LjKo.js → SearchField-aUMEFhOO.js}

@@ -7,7 +7,7 @@ import { c as l } from "./clsx-AexbMWKp.js";
 import * as x from "react";
 import { useSearchFieldState as j } from "react-stately";
 import { useSearchField as p } from "react-aria";
-import { F as _ } from "./FieldError-C_3uLAGY.js";
+import { F as _ } from "./FieldError-BMTrvSof.js";
 import { c as B } from "./createLucideIcon-CP-mMPfa.js";
 import { u as D } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/SearchField.css';const E = [

package/chunks/{Select-w2o-VyrP.js → Select-CzmgPK8V.js}

@@ -3,8 +3,8 @@ import { SelectStateContext as d, SelectValue as _, Button as h, TagList as j, S
 import { FocusScope as C } from "@react-aria/focus";
 import { a as N, L as x } from "./Label-6GZmmff9.js";
 import { a as b, c as T } from "./clsx-AexbMWKp.js";
-import { T as y } from "./Text-Bxww8mmL.js";
-import { F as g } from "./FieldError-C_3uLAGY.js";
+import { T as y } from "./Text-BuXvuoqM.js";
+import { F as g } from "./FieldError-BMTrvSof.js";
 import p, { useContext as f } from "react";
 import { C as B } from "./Checkbox-CRLj7_Ox.js";
 import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";