@midas-ds/components 16.4.2 → 16.5.0

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+## 16.5.0 (2026-01-23)
+
+### 🚀 Features
+
+- **components, button:** enable context props ([733668775a](https://github.com/migrationsverket/midas/commit/733668775a))
+
+### 🩹 Fixes
+
+- **components, date-picker:** remove focus indicator for parent element ([e97917f674](https://github.com/migrationsverket/midas/commit/e97917f674))
+- **components, date-field:** update styles for clear button ([194d0d1901](https://github.com/migrationsverket/midas/commit/194d0d1901))
+- **components, date-picker:** update styles for icon buttons ([3a8b469747](https://github.com/migrationsverket/midas/commit/3a8b469747))
+
+## 16.4.3 (2026-01-20)
+
+### 🚀 Features
+
+- **test-utils:** add tool for common test utils ([eb2df9b414](https://github.com/migrationsverket/midas/commit/eb2df9b414))
+
+### 🩹 Fixes
+
+- **components, accordion:** rename types ([2f9f64de2f](https://github.com/migrationsverket/midas/commit/2f9f64de2f))
+
+### 🧪 Tests updated
+
+- **components:** update failing tests after data change ([ec21833a37](https://github.com/migrationsverket/midas/commit/ec21833a37))
+
 ## 16.4.2 (2026-01-19)
 
 ### 🩹 Fixes

package/accordion/Accordion.d.ts

@@ -1,7 +1,7 @@
 import { DisclosureGroupProps } from 'react-aria-components';
 import { Size } from '../common/types';
 import * as React from 'react';
-export interface MidasAccordion extends DisclosureGroupProps {
+export interface AccordionProps extends DisclosureGroupProps {
     children?: React.ReactNode;
     isDisabled?: boolean;
     isContained?: boolean;
@@ -10,7 +10,11 @@ export interface MidasAccordion 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.
  */
-export declare const Accordion: React.FC<MidasAccordion>;
+export declare const Accordion: React.FC<AccordionProps>;

package/accordion/Accordion.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { Accordion } from '.';
 type Story = StoryObj<typeof Accordion>;
 declare const _default: {
-    component: React.FC<import('./Accordion').MidasAccordion>;
+    component: React.FC<import('./Accordion').AccordionProps>;
     subcomponents: {
         AccordionItem: React.ComponentType<unknown>;
     };

package/accordion/AccordionItem.d.ts

@@ -3,7 +3,7 @@ import { HeadingProps } from '../heading';
 import { FeedbackStatus, Size } from '../common/types';
 import { FeedbackStatusIconProps } from '../common/FeedbackStatusIcon';
 import * as React from 'react';
-interface MidasAccordionItem extends Omit<DisclosureProps, 'children'> {
+export interface AccordionItemProps extends Omit<DisclosureProps, 'children'> {
     /** The text displayed in the collapsed state. If a ReactNode is provided, a heading will not be automatically added, and you must provide one yourself. */
     title?: string | React.ReactNode;
     children?: React.ReactNode;
@@ -26,5 +26,4 @@ interface MidasAccordionItem extends Omit<DisclosureProps, 'children'> {
      */
     iconAriaLabel?: FeedbackStatusIconProps['aria-label'];
 }
-export declare const AccordionItem: React.FC<MidasAccordionItem>;
-export {};
+export declare const AccordionItem: React.FC<AccordionItemProps>;

package/accordion/AccordionItem.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+import { AccordionItem } from './AccordionItem';
+type Story = StoryObj<typeof AccordionItem>;
+declare const _default: {
+    component: import('react').FC<import('./AccordionItem').AccordionItemProps>;
+    title: string;
+    tags: string[];
+    args: {
+        title: string;
+        children: string;
+        size: "large";
+    };
+};
+export default _default;
+export declare const Default: Story;
+export declare const Contained: Story;
+export declare const Success: Story;
+export declare const Info: Story;
+export declare const Warning: Story;
+export declare const Important: Story;
+export declare const Disabled: Story;
+export declare const StatusDisabled: Story;

package/accordion/index.d.ts

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

package/accordion/index.js

@@ -1,4 +1,4 @@
-import { a as r, A as a } from "../chunks/AccordionItem-Cu5L1c1h.js";
+import { A as r, a } from "../chunks/AccordionItem-BvJQhuYO.js";
 export {
   r as Accordion,
   a as AccordionItem

package/assets/DateField.css

@@ -1 +1 @@
-._dateField_3cnhf_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._dateField_3cnhf_1[data-readonly] ._inputField_3cnhf_7{background-color:transparent;border-bottom-color:var(--midas-border-color-subtle)}._dateField_3cnhf_1[data-disabled] ._inputField_3cnhf_7{color:var(--midas-text-disabled);cursor:not-allowed;border-bottom-color:var(--midas-border-color-disabled);background-color:var(--midas-field-disabled)}._dateField_3cnhf_1[data-invalid] ._inputField_3cnhf_7{box-shadow:inset 0 0 0 3px var(--midas-support-border-warning);border-color:transparent}._inputField_3cnhf_7{box-sizing:border-box;width:100%;min-height:var(--midas-size-150);display:flex;justify-content:flex-start;align-items:center;background-color:var(--midas-field-01-base);border:1px solid transparent;border-bottom-color:var(--midas-border-color-primary);padding:0 1rem;position:relative}._inputField_3cnhf_7._medium_3cnhf_38{min-height:var(--midas-size-130)}._dateField_3cnhf_1:not([data-disabled],[data-readonly]) ._inputField_3cnhf_7 :hover{background-color:var(--midas-field-01-hover)}._clearButton_3cnhf_47{display:flex;align-items:center;justify-content:center;position:absolute;padding:.5rem;border:none;right:.25rem;top:50%;transform:translateY(-50%);background-color:transparent}._clearButton_3cnhf_47._medium_3cnhf_38{padding:.375rem}@media(forced-colors:active){._inputField_3cnhf_7{border:1px solid var(--midas-border-color-primary)}}
+._dateField_1ywx9_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._dateField_1ywx9_1[data-readonly] ._inputField_1ywx9_7{background-color:transparent;border-bottom-color:var(--midas-border-color-subtle)}._dateField_1ywx9_1[data-disabled] ._inputField_1ywx9_7{color:var(--midas-text-disabled);cursor:not-allowed;border-bottom-color:var(--midas-border-color-disabled);background-color:var(--midas-field-disabled)}._dateField_1ywx9_1[data-invalid] ._inputField_1ywx9_7{box-shadow:inset 0 0 0 3px var(--midas-support-border-warning);border-color:transparent}._inputField_1ywx9_7{box-sizing:border-box;width:100%;min-height:var(--midas-size-150);display:flex;justify-content:space-between;align-items:center;background-color:var(--midas-field-01-base);border:1px solid transparent;border-bottom-color:var(--midas-border-color-primary);padding:0 0 0 1rem;position:relative}._inputField_1ywx9_7._medium_1ywx9_38{min-height:var(--midas-size-130)}._dateField_1ywx9_1:not([data-disabled],[data-readonly]) ._inputField_1ywx9_7 :hover{background-color:var(--midas-field-01-hover)}._clearButton_1ywx9_47{border:none;background-color:transparent}@media(forced-colors:active){._inputField_1ywx9_7{border:1px solid var(--midas-border-color-primary)}}

package/assets/DateRangePicker.css

@@ -1 +1 @@
-._datePicker_10uve_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._inputField_10uve_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_10uve_8{border:1px solid var(--midas-border-color-primary)}}._inputField_10uve_8._medium_10uve_24{height:var(--midas-size-130)}._inputField_10uve_8[data-disabled]{cursor:not-allowed;border-color:var(--midas-border-color-disabled)}._inputField_10uve_8:focus-visible,._inputField_10uve_8[data-focus-visible]{outline:none}._inputField_10uve_8[data-focus-visible]{box-shadow:var(--midas-state-focus)}._inputField_10uve_8[data-invalid]{border:none;box-shadow:inset 0 0 0 3px var(--midas-support-border-warning)}@media(forced-colors:active){._inputField_10uve_8[data-invalid]{border:1px solid var(--midas-border-color-primary)}}._inputField_10uve_8._readOnly_10uve_51{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_10uve_8 ._buttonGroup_10uve_56{display:flex;margin-left:auto;gap:0}._inputField_10uve_8 ._clearButton_10uve_62{display:flex;align-items:center;justify-content:center;border:none;padding:.5rem;color:var(--midas-icon-primary);background-color:transparent;cursor:pointer}._inputField_10uve_8 ._clearButton_10uve_62._medium_10uve_24{padding:.375rem}._inputField_10uve_8 ._clearButton_10uve_62[data-disabled]{cursor:not-allowed;color:var(--midas-icon-disabled)}._inputField_10uve_8 ._clearButton_10uve_62[data-hovered]:not([data-disabled]){background-color:var(--midas-field-01-hover)}._inputField_10uve_8 ._clearButton_10uve_62:focus-visible,._inputField_10uve_8 ._clearButton_10uve_62[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._inputField_10uve_8 ._clearButton_10uve_62:focus-visible,._inputField_10uve_8 ._clearButton_10uve_62[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._inputField_10uve_8 ._calendarButton_10uve_97{display:flex;align-items:center;justify-content:center;border:none;padding:.5rem .75rem;color:var(--midas-icon-primary);background-color:transparent;cursor:pointer}._inputField_10uve_8 ._calendarButton_10uve_97._medium_10uve_24{padding:.375rem .625rem}._inputField_10uve_8 ._calendarButton_10uve_97[data-disabled]{cursor:not-allowed;color:var(--midas-icon-disabled)}._inputField_10uve_8 ._calendarButton_10uve_97._readOnly_10uve_51{color:var(--midas-icon-read-only)}._inputField_10uve_8 ._calendarButton_10uve_97[data-hovered]:not([data-disabled]){background-color:var(--midas-field-01-hover)}._inputField_10uve_8 ._calendarButton_10uve_97:focus-visible,._inputField_10uve_8 ._calendarButton_10uve_97[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._inputField_10uve_8 ._calendarButton_10uve_97:focus-visible,._inputField_10uve_8 ._calendarButton_10uve_97[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._dialog_10uve_137{box-shadow:0 3px 5px #0003}
+._datePicker_1pnmm_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._inputField_1pnmm_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_1pnmm_8{border:1px solid var(--midas-border-color-primary)}}._inputField_1pnmm_8._medium_1pnmm_24{height:var(--midas-size-130)}._inputField_1pnmm_8[data-disabled]{cursor:not-allowed;border-color:var(--midas-border-color-disabled)}._inputField_1pnmm_8:focus-visible,._inputField_1pnmm_8[data-focus-visible]{outline:none}._inputField_1pnmm_8[data-invalid]{border:none;box-shadow:inset 0 0 0 3px var(--midas-support-border-warning)}@media(forced-colors:active){._inputField_1pnmm_8[data-invalid]{border:1px solid var(--midas-border-color-primary)}}._inputField_1pnmm_8._readOnly_1pnmm_47{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_1pnmm_8 ._buttonGroup_1pnmm_52{display:flex;margin-left:auto;gap:0}._inputField_1pnmm_8 ._iconButton_1pnmm_58{border:none}._inputField_1pnmm_8 ._iconButton_1pnmm_58[data-disabled]{background-color:transparent}._inputField_1pnmm_8 ._iconButton_1pnmm_58:focus-visible,._inputField_1pnmm_8 ._iconButton_1pnmm_58[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus-inset)}@media(forced-colors:active){._inputField_1pnmm_8 ._iconButton_1pnmm_58:focus-visible,._inputField_1pnmm_8 ._iconButton_1pnmm_58[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._dialog_1pnmm_78{box-shadow:0 3px 5px #0003}

package/button/Button.d.ts

@@ -43,4 +43,4 @@ export type MidasButton = MidasButtonProps & ButtonProps;
  *
  * @see {@link https://designsystem.migrationsverket.se/components/button}
  */
-export declare const Button: React.FC<MidasButton>;
+export declare const Button: React.ForwardRefExoticComponent<MidasButtonProps & ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/button/index.js

@@ -1,4 +1,4 @@
-import { B as r } from "../chunks/Button-BYrLbzir.js";
+import { B as r } from "../chunks/Button-BGu-SRi7.js";
 import { B as p } from "../chunks/ButtonGroup-Dr6HOBo2.js";
 export {
   r as Button,

package/calendar/index.js

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

package/checkbox/index.js

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

package/chunks/{AccordionItem-Cu5L1c1h.js → AccordionItem-BvJQhuYO.js}

@@ -2,7 +2,7 @@ import { jsx as n, jsxs as m } from "react/jsx-runtime";
 import { c as d } from "./clsx-AexbMWKp.js";
 import { DisclosureGroup as f, Disclosure as v, DisclosurePanel as C } from "react-aria-components";
 import { createContext as I, useContext as N, useEffect as B } from "react";
-import { B as k } from "./Button-BYrLbzir.js";
+import { B as k } from "./Button-BGu-SRi7.js";
 import { H as w } from "./Heading-D8tNNJkt.js";
 import { F as A } from "./FeedbackStatusIcon-YJaUAfjp.js";
 import { C as T } from "./chevron-down-DgT-uSF9.js";
@@ -123,6 +123,6 @@ import '../assets/AccordionItem.css';const D = "_root_17bdp_1", M = "_contained_
   );
 };
 export {
-  ot as A,
-  et as a
+  et as A,
+  ot as a
 };

package/chunks/Button-BGu-SRi7.js

@@ -0,0 +1,55 @@
+import { jsx as e, jsxs as h, Fragment as y } from "react/jsx-runtime";
+import { B as r } from "./Button.module-Cm0H98vy.js";
+import { useContextProps as B, ButtonContext as x, Button as P } from "react-aria-components";
+import { c as S } from "./clsx-AexbMWKp.js";
+import { S as w } from "./Spinner-tvJ7rPiT.js";
+import { forwardRef as z } from "react";
+const F = z(
+  (i, a) => {
+    const [m, s] = B(i, a, x), {
+      children: c,
+      className: d,
+      fullwidth: l,
+      icon: o,
+      iconPlacement: p,
+      iconSize: u,
+      isPending: n,
+      size: f = "large",
+      variant: t = "primary",
+      ...g
+    } = m;
+    return /* @__PURE__ */ e(
+      P,
+      {
+        className: S(
+          r.button,
+          t === "primary" && r.primary,
+          t === "secondary" && r.secondary,
+          t === "tertiary" && r.tertiary,
+          t === "danger" && r.danger,
+          t === "icon" && r.iconBtn,
+          l && r.fullwidth,
+          f === "medium" && r.medium,
+          p === "right" && r.iconRight,
+          d
+        ),
+        ref: s,
+        ...g,
+        children: /* @__PURE__ */ h(y, { children: [
+          o && !n && /* @__PURE__ */ e(
+            o,
+            {
+              "aria-hidden": !0,
+              size: u ?? 20
+            }
+          ),
+          n && /* @__PURE__ */ e(w, { small: !0 }),
+          c
+        ] })
+      }
+    );
+  }
+);
+export {
+  F as B
+};

package/chunks/{CheckboxGroup-C6LIpj_R.js → CheckboxGroup-C5NpRdqR.js}

@@ -1,7 +1,7 @@
 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-6SXmzRZE.js";
+import { a as k, L as S } from "./Label-xWKvOuML.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-BTAfwDxU.js";

package/chunks/{ClearButton-DavPe5uU.js → ClearButton-Dtkd_M_7.js}

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { B as o } from "./Button-BYrLbzir.js";
+import { B as o } from "./Button-BGu-SRi7.js";
 import { X as i } from "./x-BXShoIAM.js";
 const m = (t) => /* @__PURE__ */ r(
   o,

package/chunks/{ComboBox-BXcuyHPd.js → ComboBox-BrpJ6b7d.js}

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import y from "react";
 import { ComboBox as B, Input as F, Button as w, Collection as C } from "react-aria-components";
 import { c as s } from "./clsx-AexbMWKp.js";
-import { a as S, L as v } from "./Label-6SXmzRZE.js";
+import { a as S, L as v } from "./Label-xWKvOuML.js";
 import { T as u } from "./Text-TWzJxnto.js";
 import { F as f } from "./FieldError-Bra5aRT3.js";
 import { L as R } from "./ListBox-D5BBeZWL.js";

package/chunks/DateField-CodiOrfY.js

@@ -0,0 +1,91 @@
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import * as x from "react";
+import { DateField as h, DateFieldStateContext as D } from "react-aria-components";
+import { c as d } from "./clsx-AexbMWKp.js";
+import { a as g, D as B } from "./DateInputDivider-CkTB5q5k.js";
+import { F } from "./FieldError-Bra5aRT3.js";
+import { a as C, L as b } from "./Label-xWKvOuML.js";
+import { T as w } from "./Text-TWzJxnto.js";
+import { C as y } from "./ClearButton-Dtkd_M_7.js";
+import { FocusScope as L, useFocusManager as S } from "@react-aria/focus";
+import { u as v } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/DateField.css';const N = { clear: "Clear date" }, V = { clear: "Rensa datum" }, j = {
+  en: N,
+  sv: V
+}, T = "_dateField_1ywx9_1", E = "_inputField_1ywx9_7", I = "_medium_1ywx9_38", M = "_clearButton_1ywx9_47", s = {
+  dateField: T,
+  inputField: E,
+  medium: I,
+  clearButton: M
+}, P = ({
+  isClearable: i,
+  size: t,
+  isDisabled: o,
+  isReadOnly: r
+}) => {
+  const l = v(j), a = x.useContext(D), n = S(), m = () => {
+    a?.setValue(null), n?.focusFirst();
+  };
+  return i && a?.value != null && !r ? /* @__PURE__ */ e(
+    y,
+    {
+      onPress: m,
+      size: t,
+      isDisabled: o,
+      "aria-label": l.format("clear"),
+      className: d(s.clearButton, {
+        [s.medium]: t === "medium"
+      })
+    }
+  ) : null;
+}, Q = ({
+  className: i,
+  description: t,
+  errorMessage: o,
+  errorPosition: r = "top",
+  label: l,
+  size: a = "large",
+  popover: n,
+  isClearable: m = !1,
+  isReadOnly: c,
+  isDisabled: u,
+  ...f
+}) => /* @__PURE__ */ p(
+  h,
+  {
+    ...f,
+    isReadOnly: c,
+    isDisabled: u,
+    className: d(s.dateField, i),
+    children: [
+      /* @__PURE__ */ e(C, { popover: n, children: l && /* @__PURE__ */ e(b, { children: l }) }),
+      t && /* @__PURE__ */ e(w, { slot: "description", children: t }),
+      r === "top" && /* @__PURE__ */ e(F, { children: o }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: d(s.inputField, {
+            [s.medium]: a === "medium"
+          }),
+          "data-testid": "date-field_input-field",
+          children: /* @__PURE__ */ p(L, { children: [
+            /* @__PURE__ */ e(g, { children: (_) => /* @__PURE__ */ e(B, { segment: _ }) }),
+            /* @__PURE__ */ e(
+              P,
+              {
+                isClearable: m,
+                size: a,
+                isDisabled: u,
+                isReadOnly: c
+              }
+            )
+          ] })
+        }
+      ),
+      r === "bottom" && /* @__PURE__ */ e(F, { children: o })
+    ]
+  }
+);
+export {
+  Q as D
+};

package/chunks/DateRangePicker-DQB5TrfF.js

@@ -0,0 +1,192 @@
+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 { a as k } from "./clsx-AexbMWKp.js";
+import { C as G, R as L } from "./RangeCalendar-pgiXYhpG.js";
+import { a as _, D as f, b as I } from "./DateInputDivider-CkTB5q5k.js";
+import { F as P } from "./FieldError-Bra5aRT3.js";
+import { a as y, L as v } from "./Label-xWKvOuML.js";
+import { T as D } from "./Text-TWzJxnto.js";
+import * as g from "react";
+import { C as V } from "./ClearButton-Dtkd_M_7.js";
+import { FocusScope as j, useFocusManager as w } from "@react-aria/focus";
+import { B as O } from "./Button-BGu-SRi7.js";
+import { c as T } from "./createLucideIcon-D4r5Phnh.js";
+import { u as $ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/DateRangePicker.css';const E = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 14h.01", key: "6423bh" }],
+  ["path", { d: "M12 14h.01", key: "1etili" }],
+  ["path", { d: "M16 14h.01", key: "1gbofw" }],
+  ["path", { d: "M8 18h.01", key: "lrp35t" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }],
+  ["path", { d: "M16 18h.01", key: "kzsmim" }]
+], W = T("calendar-days", E), q = { clear: "Clear date" }, A = { clear: "Rensa datum" }, H = {
+  en: q,
+  sv: A
+}, J = "_datePicker_1pnmm_1", K = "_inputField_1pnmm_8", Q = "_medium_1pnmm_24", U = "_readOnly_1pnmm_47", X = "_buttonGroup_1pnmm_52", Y = "_iconButton_1pnmm_58", Z = "_dialog_1pnmm_78", r = {
+  datePicker: J,
+  inputField: K,
+  medium: Q,
+  readOnly: U,
+  buttonGroup: X,
+  iconButton: Y,
+  dialog: Z
+}, z = (t) => !!t && !!t.value && Object.prototype.hasOwnProperty.call(t.value, "start"), ee = ({
+  isClearable: t,
+  isDisabled: c,
+  isReadOnly: i,
+  size: a
+}) => {
+  const n = g.useContext(F), s = g.useContext(B), u = $(H), l = w(), o = s ?? n, p = z(o) ? !!o.value.start && o.value.end : !!o?.value;
+  return t && p && !i ? /* @__PURE__ */ e(
+    V,
+    {
+      onPress: () => {
+        o?.setValue(null), l?.focusFirst();
+      },
+      size: a,
+      isDisabled: c,
+      "aria-label": u.format("clear"),
+      className: k(r.iconButton, {
+        [r.medium]: a === "medium"
+      })
+    }
+  ) : null;
+}, C = ({
+  children: t,
+  isDisabled: c,
+  isInvalid: i,
+  isReadOnly: a,
+  size: n = "large",
+  isClearable: s = !1
+}) => /* @__PURE__ */ e(
+  x,
+  {
+    className: k(r.inputField, {
+      [r.medium]: n === "medium",
+      [r.readOnly]: a
+    }),
+    children: /* @__PURE__ */ h(j, { children: [
+      t,
+      /* @__PURE__ */ h("div", { className: r.buttonGroup, children: [
+        /* @__PURE__ */ e(
+          ee,
+          {
+            isClearable: s,
+            isDisabled: c,
+            isReadOnly: a,
+            size: n
+          }
+        ),
+        /* @__PURE__ */ e(
+          O,
+          {
+            variant: "icon",
+            className: k(r.iconButton, {
+              [r.medium]: n === "medium",
+              [r.readOnly]: a
+            }),
+            "data-invalid": i || void 0,
+            size: n,
+            children: /* @__PURE__ */ e(
+              W,
+              {
+                "aria-hidden": !0,
+                size: 20
+              }
+            )
+          }
+        )
+      ] })
+    ] })
+  }
+), b = ({
+  children: t
+}) => /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(S, { className: r.dialog, children: t }) }), he = ({
+  className: t,
+  description: c,
+  errorMessage: i,
+  errorPosition: a = "top",
+  label: n,
+  popover: s,
+  isClearable: u = !1,
+  isReadOnly: l,
+  isDisabled: o,
+  size: p,
+  ...d
+}) => /* @__PURE__ */ h(
+  N,
+  {
+    className: k(r.datePicker, t),
+    isReadOnly: l,
+    isDisabled: o,
+    ...d,
+    children: [
+      /* @__PURE__ */ e(y, { popover: s, children: n && /* @__PURE__ */ e(v, { children: n }) }),
+      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
+      a === "top" && /* @__PURE__ */ e(P, { children: i }),
+      /* @__PURE__ */ e(
+        C,
+        {
+          isClearable: u,
+          isReadOnly: l,
+          isDisabled: o,
+          size: p,
+          ...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, {}) })
+    ]
+  }
+), ke = ({
+  className: t,
+  description: c,
+  errorMessage: i,
+  errorPosition: a = "top",
+  label: n,
+  popover: s,
+  isClearable: u = !1,
+  isReadOnly: l,
+  isDisabled: o,
+  size: p,
+  ...d
+}) => /* @__PURE__ */ h(
+  R,
+  {
+    className: k(r.datePicker, t),
+    isReadOnly: l,
+    isDisabled: o,
+    ...d,
+    children: [
+      /* @__PURE__ */ e(y, { popover: s, children: n && /* @__PURE__ */ e(v, { children: n }) }),
+      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
+      a === "top" && /* @__PURE__ */ e(P, { children: i }),
+      /* @__PURE__ */ h(
+        C,
+        {
+          isClearable: u,
+          isReadOnly: l,
+          isDisabled: o,
+          size: p,
+          ...d,
+          children: [
+            /* @__PURE__ */ e(_, { slot: "start", children: (m) => /* @__PURE__ */ e(f, { segment: m }) }),
+            /* @__PURE__ */ e(I, {}),
+            /* @__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, {}) })
+    ]
+  }
+);
+export {
+  he as D,
+  ke as a
+};

package/chunks/{Dialog-DprWZBKT.js → Dialog-DRpxD3Gh.js}

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as e } from "react/jsx-runtime";
 import { ModalOverlay as n, Modal as c, Dialog as i } from "react-aria-components";
-import { B as _ } from "./Button-BYrLbzir.js";
+import { B as _ } from "./Button-BGu-SRi7.js";
 import { H as y } from "./Heading-D8tNNJkt.js";
 import { c as v } from "./clsx-AexbMWKp.js";
 import { X as x } from "./x-BXShoIAM.js";

package/chunks/{InfoBanner-BOKZ4lBE.js → InfoBanner-DEwlyEud.js}

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as n } from "react/jsx-runtime";
 import * as h from "react";
 import { c as j } from "./clsx-AexbMWKp.js";
-import { B as x } from "./Button-BYrLbzir.js";
+import { B as x } from "./Button-BGu-SRi7.js";
 import { F as B } from "./FeedbackStatusIcon-YJaUAfjp.js";
 import { X as N } from "./x-BXShoIAM.js";
 import { u as b } from "./useLocalizedStringFormatter-BHvsRxDk.js";

package/chunks/{Label-6SXmzRZE.js → Label-xWKvOuML.js}

@@ -4,7 +4,7 @@ import s from "react";
 import { c as f } from "./clsx-AexbMWKp.js";
 import { DialogTrigger as v, Label as d } from "react-aria-components";
 import { P as g } from "./Popover-BcEtFiU1.js";
-import { B as u } from "./Button-BYrLbzir.js";
+import { B as u } from "./Button-BGu-SRi7.js";
 import { I as P } from "./info-kdfED7Wh.js";
 import { u as _ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/Label.css';const I = "_labelBase_f5wtf_1", x = {

package/chunks/{Layout-BUK3KFXi.js → Layout-BiPXXkKY.js}

@@ -4,7 +4,7 @@ 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-BYrLbzir.js";
+import { B as M } from "./Button-BGu-SRi7.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";

package/chunks/{ProgressBar-67lCngwJ.js → ProgressBar-KQdaaME2.js}

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as d, Fragment as _ } from "react/jsx-runtime";
 import { ProgressBar as f } from "react-aria-components";
-import { L as t } from "./Label-6SXmzRZE.js";
+import { L as t } from "./Label-xWKvOuML.js";
 import { c as l } from "./clsx-AexbMWKp.js";
 import '../assets/ProgressBar.css';const N = "_progressBar_1a2ad_1", g = "_label_1a2ad_9", p = "_value_1a2ad_14", v = "_bar_1a2ad_19", h = "_fill_1a2ad_29", e = {
   progressBar: N,

package/chunks/{Radio-XQA8CylD.js → Radio-Clk616ep.js}

@@ -1,7 +1,7 @@
 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-6SXmzRZE.js";
+import { a as G, L as R } from "./Label-xWKvOuML.js";
 import { T as h } from "./Text-TWzJxnto.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 = {

package/chunks/{RangeCalendar-Bt8q3FZi.js → RangeCalendar-pgiXYhpG.js}

@@ -3,7 +3,7 @@ import { RangeCalendarContext as h, CalendarGrid as C, CalendarCell as g, Calend
 import { c as p, a as l } from "./clsx-AexbMWKp.js";
 import { F as c } from "./FieldError-Bra5aRT3.js";
 import * as y from "react";
-import { B as i } from "./Button-BYrLbzir.js";
+import { B as i } from "./Button-BGu-SRi7.js";
 import { H as f } from "./Heading-D8tNNJkt.js";
 import { c as R } from "./createLucideIcon-D4r5Phnh.js";
 import { C as x } from "./chevron-right-GpyqdYK4.js";

package/chunks/{SearchField-Jqn3dKGs.js → SearchField-C493CTGJ.js}

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
 import { s as C } from "./TextField.module-DZslrEPC.js";
-import { B as F } from "./Button-BYrLbzir.js";
-import { C as N } from "./ClearButton-DavPe5uU.js";
+import { B as F } from "./Button-BGu-SRi7.js";
+import { C as N } from "./ClearButton-Dtkd_M_7.js";
 import { c as l } from "./clsx-AexbMWKp.js";
 import * as x from "react";
 import { useSearchFieldState as j } from "react-stately";

package/chunks/{Select-CyYUhMOg.js → Select-CaSZY6w_.js}

@@ -14,10 +14,10 @@ import { ListKeyboardDelegate as le, useTypeSelect as ne } from "@react-aria/sel
 import { useMenuTriggerState as oe } from "@react-stately/menu";
 import { useFormValidationState as ie } from "@react-stately/form";
 import { useListState as re } from "@react-stately/list";
-import { a as se, T as ae } from "./Tag-BKcduKRR.js";
+import { a as se, T as ae } from "./Tag-CZrQBEgv.js";
 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-6SXmzRZE.js";
+import { a as ue, L as me } from "./Label-xWKvOuML.js";
 import { T as ge } from "./Text-TWzJxnto.js";
 import { C as fe } from "./Checkbox-BTAfwDxU.js";
 import { X as pe } from "./x-BXShoIAM.js";