@midas-ds/components 16.4.3 → 16.5.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 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

package/accordion/index.js

@@ -1,4 +1,4 @@
-import { A as r, a } from "../chunks/AccordionItem-DnWNOVQg.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-DnWNOVQg.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";

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";

package/chunks/{Select-BNCz_ox4.js → Select-D9db38XE.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as i, Fragment as S } from "react/jsx-runtime";
 import { SelectStateContext as d, SelectValue as v, Button as h, TagList as V, Select as A } from "react-aria-components";
 import { FocusScope as C } from "@react-aria/focus";
-import { a as N, L as b } from "./Label-6SXmzRZE.js";
+import { a as N, L as b } from "./Label-xWKvOuML.js";
 import { a as y, c as T } from "./clsx-AexbMWKp.js";
 import { T as B } from "./Text-TWzJxnto.js";
 import { F as g } from "./FieldError-Bra5aRT3.js";
@@ -12,7 +12,7 @@ import { useFocusManager as F } from "react-aria";
 import { X as L } from "./x-BXShoIAM.js";
 import { L as I } from "./ListBox-D5BBeZWL.js";
 import { P as G } from "./Popover-BcEtFiU1.js";
-import { a as j, T as k } from "./Tag-BKcduKRR.js";
+import { a as j, T as k } from "./Tag-CZrQBEgv.js";
 import { C as R } from "./chevron-down-DgT-uSF9.js";
 import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, w = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, u = {
   en: $,

package/chunks/{Tag-BKcduKRR.js → Tag-CZrQBEgv.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
 import { Tag as c, TagGroup as _, TagList as e } from "react-aria-components";
-import { B as g } from "./Button-BYrLbzir.js";
+import { B as g } from "./Button-BGu-SRi7.js";
 import { c as u } from "./clsx-AexbMWKp.js";
 import { X as l } from "./x-BXShoIAM.js";
 import '../assets/Tag.css';const T = "_button_1nm6n_1", p = "_success_1nm6n_16", f = "_warning_1nm6n_17", d = "_info_1nm6n_18", x = "_important_1nm6n_19", b = "_tag_1nm6n_31", w = "_tagText_1nm6n_83", L = "_dismissable_1nm6n_88", N = "_tagList_1nm6n_92", s = {

package/chunks/{TextArea-BM5wOL3b.js → TextArea-kEpt5DKm.js}

@@ -4,11 +4,11 @@ import { useContextProps as p, TextFieldContext as b, TextField as g, InputConte
 import { a as A, c as h } from "./clsx-AexbMWKp.js";
 import { s as d } from "./TextField.module-DZslrEPC.js";
 import { T as w } from "./Text-TWzJxnto.js";
-import { B } from "./Button-BYrLbzir.js";
+import { B } from "./Button-BGu-SRi7.js";
 import { u as L } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { F as u } from "./FieldError-Bra5aRT3.js";
 import { C as E } from "./CharacterCounter-R6vh7AE5.js";
-import { a as S, L as $ } from "./Label-6SXmzRZE.js";
+import { a as S, L as $ } from "./Label-xWKvOuML.js";
 const x = l(
   (e, a) => {
     [e] = p(e, a, b);

package/chunks/{Toast-C-EV39pd.js → Toast-BehM7JJP.js}

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as c, Fragment as f } from "react/jsx-runtime";
-import { B as p } from "./Button-BYrLbzir.js";
+import { B as p } from "./Button-BGu-SRi7.js";
 import { useToastRegion as g, useToast as h } from "react-aria";
 import { ToastQueue as v, useToastQueue as R, useToastState as y } from "react-stately";
 import l from "react";

package/clear-button/index.js

@@ -1,4 +1,4 @@
-import { C as t } from "../chunks/ClearButton-DavPe5uU.js";
+import { C as t } from "../chunks/ClearButton-Dtkd_M_7.js";
 export {
   t as ClearButton
 };

package/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as a, a as b, b as x } from "../chunks/ComboBox-BXcuyHPd.js";
+import { C as a, a as b, b as x } from "../chunks/ComboBox-BrpJ6b7d.js";
 export {
   a as ComboBox,
   b as ComboBoxItem,

package/date-field/index.js

@@ -1,4 +1,4 @@
-import { D as t } from "../chunks/DateField-D9CEvqnd.js";
+import { D as t } from "../chunks/DateField-CodiOrfY.js";
 import { a as r, b as o, D as p } from "../chunks/DateInputDivider-CkTB5q5k.js";
 export {
   t as DateField,

package/date-picker/index.js

@@ -1,4 +1,4 @@
-import { D as r, a as t } from "../chunks/DateRangePicker-DGfdhIjR.js";
+import { D as r, a as t } from "../chunks/DateRangePicker-DQB5TrfF.js";
 export {
   r as DatePicker,
   t as DateRangePicker

package/index.js

@@ -1,44 +1,44 @@
-import { A as r, a as e } from "./chunks/AccordionItem-DnWNOVQg.js";
+import { A as r, a as e } from "./chunks/AccordionItem-BvJQhuYO.js";
 import { B as s, a as p } from "./chunks/BadgeContainer-CKVsfTlF.js";
 import { B as m } from "./chunks/Breadcrumbs-By2bMbQd.js";
-import { B as f } from "./chunks/Button-BYrLbzir.js";
+import { B as f } from "./chunks/Button-BGu-SRi7.js";
 import { B as d } from "./chunks/ButtonGroup-Dr6HOBo2.js";
-import { C as l, R as u } from "./chunks/RangeCalendar-Bt8q3FZi.js";
+import { C as l, R as u } from "./chunks/RangeCalendar-pgiXYhpG.js";
 import { C as g, d as b, c, a as B, e as L, f as S, b as D } from "./chunks/Card-ia98VoKL.js";
 import { C as G } from "./chunks/CharacterCounter-R6vh7AE5.js";
 import { C as R } from "./chunks/Checkbox-BTAfwDxU.js";
-import { C as F } from "./chunks/CheckboxGroup-C6LIpj_R.js";
+import { C as F } from "./chunks/CheckboxGroup-C5NpRdqR.js";
 import { C as v } from "./chunks/ColorSchemeSwitch-CaqrCGTA.js";
-import { C as h, a as H, b as y } from "./chunks/ComboBox-BXcuyHPd.js";
-import { D as N } from "./chunks/DateField-D9CEvqnd.js";
+import { C as h, a as H, b as y } from "./chunks/ComboBox-BrpJ6b7d.js";
+import { D as N } from "./chunks/DateField-CodiOrfY.js";
 import { a as E, b as Q, D as Z } from "./chunks/DateInputDivider-CkTB5q5k.js";
-import { D as q, a as J } from "./chunks/DateRangePicker-DGfdhIjR.js";
+import { D as q, a as J } from "./chunks/DateRangePicker-DQB5TrfF.js";
 import { F as O } from "./chunks/FieldError-Bra5aRT3.js";
 import { D as V, F as W } from "./chunks/FileUpload-h1PxqQmb.js";
 import { G as Y } from "./chunks/Grid-B-WgMwON.js";
 import { G as $ } from "./chunks/GridItem-5t1Z14sM.js";
 import { H as ao } from "./chunks/Heading-D8tNNJkt.js";
-import { I as eo } from "./chunks/InfoBanner-BOKZ4lBE.js";
-import { L as so } from "./chunks/Label-6SXmzRZE.js";
-import { H as xo, L as mo, N as io, S as fo, a as no } from "./chunks/Layout-BUK3KFXi.js";
+import { I as eo } from "./chunks/InfoBanner-DEwlyEud.js";
+import { L as so } from "./chunks/Label-xWKvOuML.js";
+import { H as xo, L as mo, N as io, S as fo, a as no } from "./chunks/Layout-BiPXXkKY.js";
 import { L as lo } from "./chunks/Link-yTNUNv3C.js";
 import { L as Co } from "./chunks/LinkButton-3nAekUJ4.js";
 import { L as bo } from "./chunks/Logo-CsWcKqIg.js";
-import { M as Bo } from "./chunks/Dialog-DprWZBKT.js";
+import { M as Bo } from "./chunks/Dialog-DRpxD3Gh.js";
 import { P as So } from "./chunks/Popover-BcEtFiU1.js";
-import { P as Io } from "./chunks/ProgressBar-67lCngwJ.js";
-import { R as Po, a as Ro } from "./chunks/Radio-XQA8CylD.js";
-import { S as Fo } from "./chunks/SearchField-Jqn3dKGs.js";
-import { S as vo } from "./chunks/Select-BNCz_ox4.js";
-import { S as ho } from "./chunks/Select-CyYUhMOg.js";
+import { P as Io } from "./chunks/ProgressBar-KQdaaME2.js";
+import { R as Po, a as Ro } from "./chunks/Radio-Clk616ep.js";
+import { S as Fo } from "./chunks/SearchField-C493CTGJ.js";
+import { S as vo } from "./chunks/Select-D9db38XE.js";
+import { S as ho } from "./chunks/Select-CaSZY6w_.js";
 import { S as yo } from "./chunks/Skeleton-DqIHQLQl.js";
 import { S as No } from "./chunks/Spinner-tvJ7rPiT.js";
 import { b as Eo, C as Qo, R as Zo, T as jo, c as qo, a as Jo } from "./chunks/Table-BgsgXhC_.js";
 import { a as Oo, c as Uo, b as Vo, T as Wo } from "./chunks/TabList-D2XV5ixe.js";
-import { T as Yo, a as _o } from "./chunks/Tag-BKcduKRR.js";
+import { T as Yo, a as _o } from "./chunks/Tag-CZrQBEgv.js";
 import { T as oa } from "./chunks/Text-TWzJxnto.js";
-import { I as ra, b as ea, a as ta, T as sa } from "./chunks/TextArea-BM5wOL3b.js";
-import { G as xa, b as ma, T as ia, a as fa, t as na } from "./chunks/Toast-C-EV39pd.js";
+import { I as ra, b as ea, a as ta, T as sa } from "./chunks/TextArea-kEpt5DKm.js";
+import { G as xa, b as ma, T as ia, a as fa, t as na } from "./chunks/Toast-BehM7JJP.js";
 import { T as Ta, a as la } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
 import { T as Ca, a as ga } from "./chunks/Tooltip-m032jGgF.js";
 import { L as ca } from "./chunks/ListBox-D5BBeZWL.js";

package/info-banner/index.js

@@ -1,4 +1,4 @@
-import { I as r } from "../chunks/InfoBanner-BOKZ4lBE.js";
+import { I as r } from "../chunks/InfoBanner-DEwlyEud.js";
 export {
   r as InfoBanner
 };

package/label/index.js

@@ -1,4 +1,4 @@
-import { L as o } from "../chunks/Label-6SXmzRZE.js";
+import { L as o } from "../chunks/Label-xWKvOuML.js";
 export {
   o as Label
 };

package/layout/index.js

@@ -1,4 +1,4 @@
-import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-BUK3KFXi.js";
+import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-BiPXXkKY.js";
 export {
   e as Header,
   s as Layout,

package/legacy-select/index.js

@@ -1,4 +1,4 @@
-import { S as c } from "../chunks/Select-CyYUhMOg.js";
+import { S as c } from "../chunks/Select-CaSZY6w_.js";
 export {
   c as LegacySelect
 };

package/modal/index.js

@@ -1,4 +1,4 @@
-import { M as a } from "../chunks/Dialog-DprWZBKT.js";
+import { M as a } from "../chunks/Dialog-DRpxD3Gh.js";
 import { DialogTrigger as g } from "react-aria-components";
 export {
   g as DialogTrigger,

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "16.4.3",
+  "version": "16.5.0",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",

package/progress-bar/index.js

@@ -1,4 +1,4 @@
-import { P as s } from "../chunks/ProgressBar-67lCngwJ.js";
+import { P as s } from "../chunks/ProgressBar-KQdaaME2.js";
 export {
   s as ProgressBar
 };

package/radio/index.js

@@ -1,4 +1,4 @@
-import { R as r, a as R } from "../chunks/Radio-XQA8CylD.js";
+import { R as r, a as R } from "../chunks/Radio-Clk616ep.js";
 export {
   r as Radio,
   R as RadioGroup

package/search-field/index.js

@@ -1,4 +1,4 @@
-import { S as a } from "../chunks/SearchField-Jqn3dKGs.js";
+import { S as a } from "../chunks/SearchField-C493CTGJ.js";
 export {
   a as SearchField
 };

package/select/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../chunks/Select-BNCz_ox4.js";
+import { S as r } from "../chunks/Select-D9db38XE.js";
 export {
   r as Select
 };

package/tag/index.js

@@ -1,4 +1,4 @@
-import { T as r, a as T } from "../chunks/Tag-BKcduKRR.js";
+import { T as r, a as T } from "../chunks/Tag-CZrQBEgv.js";
 export {
   r as Tag,
   T as TagGroup

package/textfield/index.js

@@ -1,4 +1,4 @@
-import { I as s, b as t, a as x, T } from "../chunks/TextArea-BM5wOL3b.js";
+import { I as s, b as t, a as x, T } from "../chunks/TextArea-kEpt5DKm.js";
 export {
   s as Input,
   t as TextArea,

package/toast/index.js

@@ -1,4 +1,4 @@
-import { G as s, b as t, T as e, a as r, t as T } from "../chunks/Toast-C-EV39pd.js";
+import { G as s, b as t, T as e, a as r, t as T } from "../chunks/Toast-BehM7JJP.js";
 import { useToastState as u } from "react-stately";
 export {
   s as GlobalToastRegion,

package/chunks/Button-BYrLbzir.js

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

package/chunks/DateField-D9CEvqnd.js

@@ -1,91 +0,0 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import * as _ from "react";
-import { DateField as D, DateFieldStateContext as x } 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 as f } from "./FieldError-Bra5aRT3.js";
-import { a as C, L as b } from "./Label-6SXmzRZE.js";
-import { T as L } from "./Text-TWzJxnto.js";
-import { C as S } from "./ClearButton-DavPe5uU.js";
-import { FocusScope as v, useFocusManager as N } from "@react-aria/focus";
-import { u as V } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/DateField.css';const j = { clear: "Clear date" }, T = { clear: "Rensa datum" }, E = {
-  en: j,
-  sv: T
-}, I = "_dateField_3cnhf_1", M = "_inputField_3cnhf_7", P = "_medium_3cnhf_38", R = "_clearButton_3cnhf_47", s = {
-  dateField: I,
-  inputField: M,
-  medium: P,
-  clearButton: R
-}, W = ({
-  isClearable: i,
-  size: t,
-  isDisabled: o,
-  isReadOnly: r
-}) => {
-  const l = V(E), a = _.useContext(x), n = N(), c = () => {
-    a?.setValue(null), n?.focusFirst();
-  };
-  return i && a?.value != null && !r ? /* @__PURE__ */ e(
-    S,
-    {
-      onPress: c,
-      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: c = !1,
-  isReadOnly: m,
-  isDisabled: u,
-  ...F
-}) => /* @__PURE__ */ p(
-  D,
-  {
-    ...F,
-    isReadOnly: m,
-    isDisabled: u,
-    className: d(s.dateField, i),
-    children: [
-      /* @__PURE__ */ e(C, { popover: n, children: l && /* @__PURE__ */ e(b, { children: l }) }),
-      t && /* @__PURE__ */ e(L, { 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(v, { children: [
-            /* @__PURE__ */ e(g, { children: (h) => /* @__PURE__ */ e(B, { segment: h }) }),
-            /* @__PURE__ */ e(
-              W,
-              {
-                isClearable: c,
-                size: a,
-                isDisabled: u,
-                isReadOnly: m
-              }
-            )
-          ] })
-        }
-      ),
-      r === "bottom" && /* @__PURE__ */ e(f, { children: o })
-    ]
-  }
-);
-export {
-  Q as D
-};

package/chunks/DateRangePicker-DGfdhIjR.js

@@ -1,191 +0,0 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { Group as B, Button as F, DatePickerStateContext as b, DateRangePickerStateContext as M, Popover as S, Dialog as N, DatePicker as R, DateRangePicker as G } from "react-aria-components";
-import { a as k } from "./clsx-AexbMWKp.js";
-import { C as L, R as I } from "./RangeCalendar-Bt8q3FZi.js";
-import { a as v, D as P, b as V } from "./DateInputDivider-CkTB5q5k.js";
-import { F as _ } from "./FieldError-Bra5aRT3.js";
-import { a as g, L as y } from "./Label-6SXmzRZE.js";
-import { T as D } from "./Text-TWzJxnto.js";
-import * as f from "react";
-import { C as j } from "./ClearButton-DavPe5uU.js";
-import { FocusScope as w, useFocusManager as O } from "@react-aria/focus";
-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" }, z = { clear: "Rensa datum" }, A = {
-  en: q,
-  sv: z
-}, H = "_datePicker_10uve_1", J = "_inputField_10uve_8", K = "_medium_10uve_24", Q = "_readOnly_10uve_51", U = "_buttonGroup_10uve_56", X = "_clearButton_10uve_62", Y = "_calendarButton_10uve_97", Z = "_dialog_10uve_137", r = {
-  datePicker: H,
-  inputField: J,
-  medium: K,
-  readOnly: Q,
-  buttonGroup: U,
-  clearButton: X,
-  calendarButton: Y,
-  dialog: Z
-}, ee = (t) => !!t && !!t.value && Object.prototype.hasOwnProperty.call(t.value, "start"), te = ({
-  isClearable: t,
-  isDisabled: c,
-  isReadOnly: i,
-  size: a
-}) => {
-  const n = f.useContext(b), l = f.useContext(M), m = $(A), s = O(), o = l ?? n, h = ee(o) ? !!o.value.start && o.value.end : !!o?.value;
-  return t && h && !i ? /* @__PURE__ */ e(
-    j,
-    {
-      onPress: () => {
-        o?.setValue(null), s?.focusFirst();
-      },
-      size: a,
-      isDisabled: c,
-      "aria-label": m.format("clear"),
-      className: k(r.clearButton, {
-        [r.medium]: a === "medium"
-      })
-    }
-  ) : null;
-}, C = ({
-  children: t,
-  isDisabled: c,
-  isInvalid: i,
-  isReadOnly: a,
-  size: n = "large",
-  isClearable: l = !1
-}) => /* @__PURE__ */ e(
-  B,
-  {
-    className: k(r.inputField, {
-      [r.medium]: n === "medium",
-      [r.readOnly]: a
-    }),
-    children: /* @__PURE__ */ p(w, { children: [
-      t,
-      /* @__PURE__ */ p("div", { className: r.buttonGroup, children: [
-        /* @__PURE__ */ e(
-          te,
-          {
-            isClearable: l,
-            isDisabled: c,
-            isReadOnly: a,
-            size: n
-          }
-        ),
-        /* @__PURE__ */ e(
-          F,
-          {
-            className: k(r.calendarButton, {
-              [r.medium]: n === "medium",
-              [r.readOnly]: a
-            }),
-            "data-invalid": i || void 0,
-            isDisabled: c,
-            children: /* @__PURE__ */ e(
-              W,
-              {
-                "aria-hidden": !0,
-                size: 20
-              }
-            )
-          }
-        )
-      ] })
-    ] })
-  }
-), x = ({
-  children: t
-}) => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(N, { className: r.dialog, children: t }) }), pe = ({
-  className: t,
-  description: c,
-  errorMessage: i,
-  errorPosition: a = "top",
-  label: n,
-  popover: l,
-  isClearable: m = !1,
-  isReadOnly: s,
-  isDisabled: o,
-  size: h,
-  ...d
-}) => /* @__PURE__ */ p(
-  R,
-  {
-    className: k(r.datePicker, t),
-    isReadOnly: s,
-    isDisabled: o,
-    ...d,
-    children: [
-      /* @__PURE__ */ e(g, { popover: l, children: n && /* @__PURE__ */ e(y, { children: n }) }),
-      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
-      a === "top" && /* @__PURE__ */ e(_, { children: i }),
-      /* @__PURE__ */ e(
-        C,
-        {
-          isClearable: m,
-          isReadOnly: s,
-          isDisabled: o,
-          size: h,
-          ...d,
-          children: /* @__PURE__ */ e(v, { children: (u) => /* @__PURE__ */ e(P, { segment: u }) })
-        }
-      ),
-      a === "bottom" && /* @__PURE__ */ e(_, { children: i }),
-      /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(L, {}) })
-    ]
-  }
-), ke = ({
-  className: t,
-  description: c,
-  errorMessage: i,
-  errorPosition: a = "top",
-  label: n,
-  popover: l,
-  isClearable: m = !1,
-  isReadOnly: s,
-  isDisabled: o,
-  size: h,
-  ...d
-}) => /* @__PURE__ */ p(
-  G,
-  {
-    className: k(r.datePicker, t),
-    isReadOnly: s,
-    isDisabled: o,
-    ...d,
-    children: [
-      /* @__PURE__ */ e(g, { popover: l, children: n && /* @__PURE__ */ e(y, { children: n }) }),
-      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
-      a === "top" && /* @__PURE__ */ e(_, { children: i }),
-      /* @__PURE__ */ p(
-        C,
-        {
-          isClearable: m,
-          isReadOnly: s,
-          isDisabled: o,
-          size: h,
-          ...d,
-          children: [
-            /* @__PURE__ */ e(v, { slot: "start", children: (u) => /* @__PURE__ */ e(P, { segment: u }) }),
-            /* @__PURE__ */ e(V, {}),
-            /* @__PURE__ */ e(v, { slot: "end", children: (u) => /* @__PURE__ */ e(P, { segment: u }) })
-          ]
-        }
-      ),
-      a === "bottom" && /* @__PURE__ */ e(_, { children: i }),
-      /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(I, {}) })
-    ]
-  }
-);
-export {
-  pe as D,
-  ke as a
-};