@midas-ds/components 17.7.4 → 17.7.6

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## 17.7.6 (2026-03-11)
+
+### 🏭 Refactoring
+
+- **layout:** rename folders and adjust module boundaries ([d403b2d226](https://github.com/migrationsverket/midas/commit/d403b2d226))
+- **components, button:** use helper for rendering children functions ([594ee17430](https://github.com/migrationsverket/midas/commit/594ee17430))
+
+## 17.7.5 (2026-03-11)
+
+### 🩹 Fixes
+
+- **components,table-styles:** update RAC to latest ([e2877fa6e2](https://github.com/migrationsverket/midas/commit/e2877fa6e2))
+
+### 🏭 Refactoring
+
+- **components,label:** remove local state ([f64cb9d51c](https://github.com/migrationsverket/midas/commit/f64cb9d51c))
+- **components,popover:** enable context props ([aeae93325a](https://github.com/migrationsverket/midas/commit/aeae93325a))
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.12.10
+
 ## 17.7.4 (2026-03-11)
 
 ### 🧱 Updated Dependencies

package/accordion/index.js

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

package/button/Button.d.ts

@@ -1,8 +1,14 @@
-import { ButtonProps, ButtonRenderProps } from 'react-aria-components';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components';
 import { LucideIcon } from 'lucide-react';
 import { Size } from '../common/types';
-import * as React from 'react';
-export interface MidasButtonProps {
+/**
+ * Button to perform various actions.
+ *
+ * @interface ButtonProps
+ *
+ * @see {@link https://designsystem.migrationsverket.se/components/button}
+ */
+export interface ButtonProps extends AriaButtonProps {
     /**
      * Primary button is used as a positive action in a flow. Always use one primary button and never a seconday button on it's own. When using just an icon you must pass an aria-label
      *
@@ -31,16 +37,9 @@ export interface MidasButtonProps {
     iconSize?: number;
     /** Display the icon on the left or right side of the button text */
     iconPlacement?: 'left' | 'right';
-    children?: React.ReactNode | ((values: ButtonRenderProps & {
-        defaultChildren: React.ReactNode | undefined;
-    }) => React.ReactNode) | string;
 }
-export type MidasButton = MidasButtonProps & ButtonProps;
 /**
- * Button to perform various actions.
- *
- * @interface MidasButton
- *
- * @see {@link https://designsystem.migrationsverket.se/components/button}
+ * @deprecated since v17.0.0 please use `ButtonProps` instead
  */
-export declare const Button: React.ForwardRefExoticComponent<MidasButtonProps & ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export type MidasButton = ButtonProps;
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/button/index.d.ts

@@ -1,2 +1,2 @@
-export { Button, type MidasButtonProps, type MidasButton } from './Button';
-export { ButtonGroup } from './ButtonGroup';
+export * from './Button';
+export * from './ButtonGroup';

package/button/index.js

@@ -1,4 +1,4 @@
-import { B as r } from "../chunks/Button-BhIvfqOc.js";
+import { B as r } from "../chunks/Button-D22xOe8j.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-LheFd9WF.js";
+import { C as r, R as n } from "../chunks/RangeCalendar-_g_BVyUN.js";
 export {
   r as Calendar,
   n as RangeCalendar

package/checkbox/index.js

@@ -1,5 +1,5 @@
 import { C as e } from "../chunks/Checkbox-sAkQe7Q9.js";
-import { C } from "../chunks/CheckboxGroup-C5JLzeJv.js";
+import { C } from "../chunks/CheckboxGroup-DY8sC9ro.js";
 export {
   e as Checkbox,
   C as CheckboxGroup

package/chunks/{AccordionItem-BuUIdVd_.js → AccordionItem-2xB1a2b_.js}

@@ -3,7 +3,7 @@ import { jsx as n, jsxs as m } from "react/jsx-runtime";
 import { c as _ } from "./clsx-AexbMWKp.js";
 import { DisclosureGroup as v, Disclosure as x, DisclosurePanel as C } from "react-aria-components";
 import { createContext as I, useContext as N, useEffect as B } from "react";
-import { B as b } from "./Button-BhIvfqOc.js";
+import { B as b } from "./Button-D22xOe8j.js";
 import { H as k } from "./Heading-nfcRc2QF.js";
 import { F as w } from "./FeedbackStatusIcon-X9Bjgeta.js";
 import { C as A } from "./chevron-down-BBFYYzZq.js";

package/chunks/Button-D22xOe8j.js

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

package/chunks/{CheckboxGroup-C5JLzeJv.js → CheckboxGroup-DY8sC9ro.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-Bhnpbs10.js";
+import { a as k, L as S } from "./Label-BNQY5OnB.js";
 import { T as y } from "./Text-D0r_W4lH.js";
 import * as r from "react";
 import { C as d, s as u, a as g } from "./Checkbox-sAkQe7Q9.js";

package/chunks/{ClearButton-DBr9Zfwq.js → ClearButton-DfwjeVYh.js}

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as r } from "react/jsx-runtime";
-import { B as o } from "./Button-BhIvfqOc.js";
+import { B as o } from "./Button-D22xOe8j.js";
 import { X as i } from "./x-B9bYxG31.js";
 const m = (t) => /* @__PURE__ */ r(
   o,

package/chunks/{ComboBox-I4tZIYpb.js → ComboBox-C_GsZvVm.js}

@@ -3,7 +3,7 @@ import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import L from "react";
 import { ComboBox as F, Input as w, Button as R } from "react-aria-components";
 import { c as s } from "./clsx-AexbMWKp.js";
-import { a as y, L as B } from "./Label-Bhnpbs10.js";
+import { a as y, L as B } from "./Label-BNQY5OnB.js";
 import { T as C } from "./Text-D0r_W4lH.js";
 import { F as u } from "./FieldError-krpMBtie.js";
 import { L as N } from "./ListBox-CDlOUvzJ.js";

package/chunks/{DateField-cAJ_r2cj.js → DateField-kEqIc-Nc.js}

@@ -4,9 +4,9 @@ import { DateField as h, DateFieldStateContext as D } from "react-aria-component
 import { c as d } from "./clsx-AexbMWKp.js";
 import { D as g, b as B } from "./DateInputDivider-DwopMIb9.js";
 import { F } from "./FieldError-krpMBtie.js";
-import { a as C, L as b } from "./Label-Bhnpbs10.js";
+import { a as C, L as b } from "./Label-BNQY5OnB.js";
 import { T as L } from "./Text-D0r_W4lH.js";
-import { C as S } from "./ClearButton-DBr9Zfwq.js";
+import { C as S } from "./ClearButton-DfwjeVYh.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 = {

package/chunks/{DateRangePicker-BGoKQCZf.js → DateRangePicker-B7d3F0qi.js}

@@ -2,15 +2,15 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { Group as B, DatePickerStateContext as M, DateRangePickerStateContext as S, Popover as N, Dialog as R, DatePicker as G, DateRangePicker as L } from "react-aria-components";
 import { a as k } from "./clsx-AexbMWKp.js";
-import { C as I, R as O } from "./RangeCalendar-LheFd9WF.js";
+import { C as I, R as O } from "./RangeCalendar-_g_BVyUN.js";
 import { D as P, b as _, a as V } from "./DateInputDivider-DwopMIb9.js";
 import { F as g } from "./FieldError-krpMBtie.js";
-import { a as y, L as v } from "./Label-Bhnpbs10.js";
+import { a as y, L as v } from "./Label-BNQY5OnB.js";
 import { T as D } from "./Text-D0r_W4lH.js";
 import * as f from "react";
-import { C as j } from "./ClearButton-DBr9Zfwq.js";
+import { C as j } from "./ClearButton-DfwjeVYh.js";
 import { FocusScope as w, useFocusManager as T } from "@react-aria/focus";
-import { B as $ } from "./Button-BhIvfqOc.js";
+import { B as $ } from "./Button-D22xOe8j.js";
 import { c as E } from "./createLucideIcon-CP-mMPfa.js";
 import { u as b } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/DateRangePicker.css';const W = [

package/chunks/{Dialog-DVff9MDd.js → Dialog-SBj6IJAF.js}

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

package/chunks/{InfoBanner-D_pwTOHH.js → InfoBanner-BIDGEIpk.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
 import { c as g } from "./clsx-AexbMWKp.js";
-import { B as h } from "./Button-BhIvfqOc.js";
+import { B as h } from "./Button-D22xOe8j.js";
 import { F as k } from "./FeedbackStatusIcon-X9Bjgeta.js";
 import { useControlledState as x } from "@react-stately/utils";
 import { X as B } from "./x-B9bYxG31.js";

package/chunks/Label-BNQY5OnB.js

@@ -0,0 +1,66 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import * as b from "react";
+import i, { useContext as f } from "react";
+import { c as v } from "./clsx-AexbMWKp.js";
+import { DialogTrigger as d, Label as g } from "react-aria-components";
+import { P as u } from "./Popover-6cnHxDEK.js";
+import { B as P } from "./Button-D22xOe8j.js";
+import { I as _ } from "./info-N5jWZg2A.js";
+import { u as x } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/Label.css';const I = "_labelBase_f5wtf_1", L = {
+  labelBase: I
+}, T = "_labelPopover_1iatl_1", B = "_labelPopoverTrigger_1iatl_7", c = {
+  labelPopover: T,
+  labelPopoverTrigger: B
+}, y = { moreInfo: "More info" }, C = { moreInfo: "Mer information" }, E = {
+  en: y,
+  sv: C
+}, N = ({
+  children: e,
+  "aria-label": o
+}) => {
+  const a = f(s), t = x(E);
+  return /* @__PURE__ */ n(d, { children: [
+    /* @__PURE__ */ r(
+      P,
+      {
+        variant: "icon",
+        size: "medium",
+        className: c.labelPopoverTrigger,
+        "aria-label": o || t.format("moreInfo"),
+        id: a?.popoverId,
+        children: /* @__PURE__ */ r(_, { size: 20 })
+      }
+    ),
+    /* @__PURE__ */ r(u, { children: e })
+  ] });
+}, s = i.createContext(void 0), $ = ({ children: e, popover: o }) => {
+  const a = i.useId();
+  return o ? /* @__PURE__ */ r(s.Provider, { value: { popoverId: a }, children: /* @__PURE__ */ n("div", { className: c.labelPopover, children: [
+    e,
+    /* @__PURE__ */ r(N, { ...o })
+  ] }) }) : e;
+}, l = "label", w = ({
+  children: e,
+  className: o,
+  elementType: a = l,
+  ...t
+}) => {
+  const m = {
+    className: v(L.labelBase, o),
+    elementType: a || l,
+    ...t
+  }, p = b.useContext(s);
+  return /* @__PURE__ */ r(
+    g,
+    {
+      ...m,
+      "aria-describedby": p?.popoverId,
+      children: e
+    }
+  );
+};
+export {
+  w as L,
+  $ as a
+};

package/chunks/{Layout-SqGyudO8.js → Layout-fkaVQ6a0.js}

@@ -5,7 +5,7 @@ import * as y from "react";
 import { useState as W, useEffect as j } from "react";
 import { c as b } from "./clsx-AexbMWKp.js";
 import { Link as L, RouterProvider as P } from "react-aria-components";
-import { B as T } from "./Button-BhIvfqOc.js";
+import { B as T } from "./Button-D22xOe8j.js";
 import { a as D, T as q } from "./Tooltip-C1bbgr2l.js";
 import { a as I, B as M } from "./BadgeContainer-CKVsfTlF.js";
 import { c as S } from "./createLucideIcon-CP-mMPfa.js";

package/chunks/Popover-6cnHxDEK.js

@@ -0,0 +1,34 @@
+import { jsx as r, jsxs as d, Fragment as l } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { useContextProps as v, PopoverContext as h, Popover as w, composeRenderProps as x, OverlayArrow as P } from "react-aria-components";
+import { c as _ } from "./clsx-AexbMWKp.js";
+import '../assets/Popover.css';const g = "_popover_1sqxu_1", u = "_arrow_1sqxu_23", e = {
+  popover: g,
+  arrow: u
+}, y = f((s, t) => {
+  const [o, p] = v(s, t, h), { className: a, hideArrow: c = !1, offset: n = 4, ...m } = o;
+  return /* @__PURE__ */ r(
+    w,
+    {
+      className: _(e.popover, a),
+      offset: n,
+      ref: p,
+      ...m,
+      children: x(o.children, (i) => /* @__PURE__ */ d(l, { children: [
+        !c && /* @__PURE__ */ r(P, { className: e.arrow, children: /* @__PURE__ */ r(
+          "svg",
+          {
+            height: 16,
+            viewBox: "0 0 16 16",
+            width: 16,
+            children: /* @__PURE__ */ r("path", { d: "M0 0 L8 8 L16 0" })
+          }
+        ) }),
+        i
+      ] }))
+    }
+  );
+});
+export {
+  y as P
+};

package/chunks/{ProgressBar-BGBPAJCv.js → ProgressBar-BIfkrfrH.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-Bhnpbs10.js";
+import { L as t } from "./Label-BNQY5OnB.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-DebU3D38.js → Radio-F1vaYCPS.js}

@@ -2,7 +2,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-Bhnpbs10.js";
+import { a as G, L as R } from "./Label-BNQY5OnB.js";
 import { T as h } from "./Text-D0r_W4lH.js";
 import { F as t } from "./FieldError-krpMBtie.js";
 import '../assets/Radio.css';const x = "_radioGroup_1ls9z_1", w = "_wrap_1ls9z_12", z = "_radio_1ls9z_1", s = {

package/chunks/{RangeCalendar-LheFd9WF.js → RangeCalendar-_g_BVyUN.js}

@@ -3,7 +3,7 @@ import { RangeCalendarContext as h, CalendarGrid as C, CalendarCell as v, Calend
 import { c as y, a as l } from "./clsx-AexbMWKp.js";
 import { F as s } from "./FieldError-krpMBtie.js";
 import * as f from "react";
-import { B as i } from "./Button-BhIvfqOc.js";
+import { B as i } from "./Button-D22xOe8j.js";
 import { H as g } from "./Heading-nfcRc2QF.js";
 import { c as R } from "./createLucideIcon-CP-mMPfa.js";
 import { C as x } from "./chevron-right-DvXGOiS_.js";

package/chunks/{SearchField-1DYv0w4b.js → SearchField-D2Mm_VUO.js}

@@ -1,8 +1,8 @@
 'use client';
 import { jsxs as u, jsx as a } from "react/jsx-runtime";
 import { s as y } from "./TextField.module-BDIbEV87.js";
-import { B as C } from "./Button-BhIvfqOc.js";
-import { C as F } from "./ClearButton-DBr9Zfwq.js";
+import { B as C } from "./Button-D22xOe8j.js";
+import { C as F } from "./ClearButton-DfwjeVYh.js";
 import { c as l } from "./clsx-AexbMWKp.js";
 import * as N from "react";
 import { useSearchFieldState as x } from "react-stately";

package/chunks/{Select-YGQv4Oxx.js → Select-RqBxMvo_.js}

@@ -1,7 +1,7 @@
 import { jsx as e, Fragment as C, jsxs as i } from "react/jsx-runtime";
 import { SelectStateContext as d, SelectValue as f, Button as p, TagList as N, Select as x } from "react-aria-components";
 import { FocusScope as b } from "@react-aria/focus";
-import { a as T, L as y } from "./Label-Bhnpbs10.js";
+import { a as T, L as y } from "./Label-BNQY5OnB.js";
 import { a as B, c as g } from "./clsx-AexbMWKp.js";
 import { T as M } from "./Text-D0r_W4lH.js";
 import { F as _ } from "./FieldError-krpMBtie.js";
@@ -11,8 +11,8 @@ import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { useFocusManager as L } from "react-aria";
 import { X as I } from "./x-B9bYxG31.js";
 import { L as G } from "./ListBox-CDlOUvzJ.js";
-import { P as j } from "./Popover-CaP4LFhg.js";
-import { a as k, T as R } from "./TagGroup-CntiwvfQ.js";
+import { P as j } from "./Popover-6cnHxDEK.js";
+import { a as k, T as R } from "./TagGroup-D-bzpYQJ.js";
 import { C as $ } from "./chevron-down-BBFYYzZq.js";
 import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, z = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, u = {
   en: w,

package/chunks/{TagGroup-CntiwvfQ.js → TagGroup-D-bzpYQJ.js}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as u, Fragment as b } from "react/jsx-runtime";
 import { Tag as T, composeRenderProps as f, useContextProps as d, TagListContext as h, TagList as p, TagGroupContext as x, TagGroup as L } from "react-aria-components";
-import { B as v } from "./Button-BhIvfqOc.js";
+import { B as v } from "./Button-D22xOe8j.js";
 import { c } from "./clsx-AexbMWKp.js";
 import { X as y } from "./x-B9bYxG31.js";
 import { forwardRef as _, Children as N, isValidElement as k } from "react";

package/chunks/{TextArea-BL0NbUHd.js → TextArea-Z4BKGpA9.js}

@@ -4,12 +4,12 @@ import { forwardRef as c, useState as F } from "react";
 import { useContextProps as u, TextFieldContext as y, TextField as g, InputContext as P, Input as b, TextArea as C } from "react-aria-components";
 import { a as I, c as h } from "./clsx-AexbMWKp.js";
 import { s as d } from "./TextField.module-BDIbEV87.js";
-import { B as A } from "./Button-BhIvfqOc.js";
+import { B as A } from "./Button-D22xOe8j.js";
 import { u as B } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { T as L } from "./Text-D0r_W4lH.js";
 import { F as f } from "./FieldError-krpMBtie.js";
 import { C as S } from "./CharacterCounter-Dgnv-orm.js";
-import { a as v, L as E } from "./Label-Bhnpbs10.js";
+import { a as v, L as E } from "./Label-BNQY5OnB.js";
 const x = c(
   (e, o) => {
     [e] = u(e, o, y);

package/chunks/{Toast-Cxm230CK.js → Toast-D8euCY5O.js}

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as e, jsxs as c, Fragment as g } from "react/jsx-runtime";
-import { B as T } from "./Button-BhIvfqOc.js";
+import { B as T } from "./Button-D22xOe8j.js";
 import { useToast as f, useToastRegion as v } from "react-aria";
 import { ToastQueue as w, useToastQueue as h, useToastState as R } from "react-stately";
 import _ from "react";

package/clear-button/index.js

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

package/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ComboBox-I4tZIYpb.js";
+import { C as r } from "../chunks/ComboBox-C_GsZvVm.js";
 export {
   r as ComboBox
 };

package/date-field/index.js

@@ -1,4 +1,4 @@
-import { D as t } from "../chunks/DateField-cAJ_r2cj.js";
+import { D as t } from "../chunks/DateField-kEqIc-Nc.js";
 import { D as r, a as o, b as p } from "../chunks/DateInputDivider-DwopMIb9.js";
 export {
   t as DateField,

package/date-picker/index.js

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

package/index.js

@@ -1,44 +1,44 @@
 'use client';
-import { A as s, a as p } from "./chunks/AccordionItem-BuUIdVd_.js";
+import { A as s, a as p } from "./chunks/AccordionItem-2xB1a2b_.js";
 import { B as m, a as i } from "./chunks/BadgeContainer-CKVsfTlF.js";
 import { B as f, a as d } from "./chunks/Breadcrumb-Bs836gOn.js";
-import { B as c } from "./chunks/Button-BhIvfqOc.js";
+import { B as c } from "./chunks/Button-D22xOe8j.js";
 import { B as l } from "./chunks/ButtonGroup-Dr6HOBo2.js";
-import { C, R as L } from "./chunks/RangeCalendar-LheFd9WF.js";
+import { C, R as L } from "./chunks/RangeCalendar-_g_BVyUN.js";
 import { C as b, a as S, b as D, c as I, d as R, e as G, f as P } from "./chunks/Card-CVwiT9zm.js";
 import { C as v } from "./chunks/CharacterCounter-Dgnv-orm.js";
 import { C as M } from "./chunks/Checkbox-sAkQe7Q9.js";
-import { C as h } from "./chunks/CheckboxGroup-C5JLzeJv.js";
+import { C as h } from "./chunks/CheckboxGroup-DY8sC9ro.js";
 import { C as y } from "./chunks/ColorSchemeSwitch-D52V0sr3.js";
-import { C as N } from "./chunks/ComboBox-I4tZIYpb.js";
-import { D as z } from "./chunks/DateField-cAJ_r2cj.js";
+import { C as N } from "./chunks/ComboBox-C_GsZvVm.js";
+import { D as z } from "./chunks/DateField-kEqIc-Nc.js";
 import { D as Q, a as V, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
-import { D as q, a as J } from "./chunks/DateRangePicker-BGoKQCZf.js";
+import { D as q, a as J } from "./chunks/DateRangePicker-B7d3F0qi.js";
 import { F as U } from "./chunks/FieldError-krpMBtie.js";
 import { D as X, F as Y } from "./chunks/FileUpload-Cu8DCSjX.js";
 import { G as $ } from "./chunks/Grid-CettmpaZ.js";
 import { G as ao } from "./chunks/GridItem-z7zclNdT.js";
 import { H as eo } from "./chunks/Heading-nfcRc2QF.js";
-import { I as so } from "./chunks/InfoBanner-D_pwTOHH.js";
-import { L as xo } from "./chunks/Label-Bhnpbs10.js";
-import { H as io, L as no, N as fo, S as To, a as co } from "./chunks/Layout-SqGyudO8.js";
+import { I as so } from "./chunks/InfoBanner-BIDGEIpk.js";
+import { L as xo } from "./chunks/Label-BNQY5OnB.js";
+import { H as io, L as no, N as fo, S as To, a as co } from "./chunks/Layout-fkaVQ6a0.js";
 import { L as lo } from "./chunks/Link-rqGQvFQq.js";
 import { L as Co } from "./chunks/LinkButton-DJ-D5PkB.js";
 import { L as Bo, a as bo } from "./chunks/Logo-DDykn5b2.js";
-import { M as Do } from "./chunks/Dialog-DVff9MDd.js";
-import { P as Ro } from "./chunks/Popover-CaP4LFhg.js";
-import { P as Po } from "./chunks/ProgressBar-BGBPAJCv.js";
-import { R as vo, a as Fo } from "./chunks/Radio-DebU3D38.js";
-import { S as Ao } from "./chunks/SearchField-1DYv0w4b.js";
-import { S as Ho } from "./chunks/Select-YGQv4Oxx.js";
+import { M as Do } from "./chunks/Dialog-SBj6IJAF.js";
+import { P as Ro } from "./chunks/Popover-6cnHxDEK.js";
+import { P as Po } from "./chunks/ProgressBar-BIfkrfrH.js";
+import { R as vo, a as Fo } from "./chunks/Radio-F1vaYCPS.js";
+import { S as Ao } from "./chunks/SearchField-D2Mm_VUO.js";
+import { S as Ho } from "./chunks/Select-RqBxMvo_.js";
 import { S as Eo } from "./chunks/Skeleton-D6mxKxuu.js";
 import { S as wo } from "./chunks/Spinner-CfKMn18u.js";
 import { C as Oo, a as Qo, R as Vo, T as Zo, b as jo, c as qo } from "./chunks/Table-Bg-AKi7d.js";
 import { T as Ko, a as Uo, b as Wo, c as Xo } from "./chunks/TabList-CJSnr6O0.js";
-import { T as _o, a as $o, b as oa } from "./chunks/TagGroup-CntiwvfQ.js";
+import { T as _o, a as $o, b as oa } from "./chunks/TagGroup-D-bzpYQJ.js";
 import { T as ra } from "./chunks/Text-D0r_W4lH.js";
-import { I as ta, T as sa, a as pa, b as xa } from "./chunks/TextArea-BL0NbUHd.js";
-import { G as ia, T as na, a as fa, b as da, t as Ta } from "./chunks/Toast-Cxm230CK.js";
+import { I as ta, T as sa, a as pa, b as xa } from "./chunks/TextArea-Z4BKGpA9.js";
+import { G as ia, T as na, a as fa, b as da, t as Ta } from "./chunks/Toast-D8euCY5O.js";
 import { T as ga, a as la } from "./chunks/ToggleButtonGroup-Bv9xpwTT.js";
 import { T as Ca, a as La } from "./chunks/Tooltip-C1bbgr2l.js";
 import { L as ba } from "./chunks/ListBox-CDlOUvzJ.js";
@@ -49,7 +49,7 @@ import { c as wa } from "./chunks/clsx-AexbMWKp.js";
 import { DialogTrigger as Oa, MenuTrigger as Qa, RouterProvider as Va } from "react-aria-components";
 import { u as ja } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
 import { useToastState as Ja } from "react-stately";
-const o = "17.7.4", a = {
+const o = "17.7.6", a = {
   version: o
 }, r = a.version;
 export {

package/info-banner/index.js

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

package/label/InfoPopover.d.ts

@@ -1,9 +1,9 @@
-import { default as React } from 'react';
+import { ReactNode } from 'react';
 /** Display an info-icon with popover next to the label to further explain what the user should enter in the field */
 export interface InfoPopoverProps {
     /** An assistive text that helps the user understand the field better. Will be hidden in a popover with an info icon button. */
-    children: React.ReactNode;
+    children: ReactNode;
     /** An aria-label for the info icon button trigger */
     'aria-label'?: string;
 }
-export declare const InfoPopover: React.FC<InfoPopoverProps>;
+export declare const InfoPopover: ({ children, "aria-label": ariaLabel, }: InfoPopoverProps) => import("react/jsx-runtime").JSX.Element;

package/label/index.js

@@ -1,4 +1,4 @@
-import { L as o } from "../chunks/Label-Bhnpbs10.js";
+import { L as o } from "../chunks/Label-BNQY5OnB.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-SqGyudO8.js";
+import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-fkaVQ6a0.js";
 export {
   e as Header,
   s as Layout,

package/modal/index.js

@@ -1,4 +1,4 @@
-import { M as a } from "../chunks/Dialog-DVff9MDd.js";
+import { M as a } from "../chunks/Dialog-SBj6IJAF.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": "17.7.4",
+  "version": "17.7.6",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -41,7 +41,7 @@
     "./*": "./*/index.js"
   },
   "dependencies": {
-    "@midas-ds/theme": "3.12.9",
-    "react-aria-components": "1.14.0"
+    "@midas-ds/theme": "3.12.10",
+    "react-aria-components": "1.16.0"
   }
 }

package/popover/Popover.d.ts

@@ -1,7 +1,9 @@
-import { PopoverProps } from 'react-aria-components';
-import * as React from 'react';
-export interface MidasPopoverProps extends Omit<PopoverProps, 'children'> {
-    children: React.ReactNode;
+import { PopoverProps as AriaPopoverProps } from 'react-aria-components';
+export interface PopoverProps extends AriaPopoverProps {
     hideArrow?: boolean;
 }
-export declare function Popover({ children, className, offset, hideArrow, ...props }: MidasPopoverProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated since v17.0.0 please use `PopoverProps` instead
+ */
+export type MidasPopoverProps = PopoverProps;
+export declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & import('react').RefAttributes<HTMLElement>>;

package/popover/Popover.stories.d.ts

@@ -3,7 +3,7 @@ import { Popover } from './Popover';
 import { DialogTrigger } from 'react-aria-components';
 type Story = StoryObj<typeof Popover>;
 declare const _default: {
-    component: typeof Popover;
+    component: import('react').ForwardRefExoticComponent<import('./Popover').PopoverProps & import('react').RefAttributes<HTMLElement>>;
     subcomponents: {
         DialogTrigger: typeof DialogTrigger;
     };

package/popover/index.js

@@ -1,4 +1,4 @@
-import { P as e } from "../chunks/Popover-CaP4LFhg.js";
+import { P as e } from "../chunks/Popover-6cnHxDEK.js";
 export {
   e as Popover
 };

package/progress-bar/index.js

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

package/radio/index.js

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

package/search-field/index.js

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

package/select/index.js

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

package/tag/index.js

@@ -1,4 +1,4 @@
-import { T, a as g, b as o } from "../chunks/TagGroup-CntiwvfQ.js";
+import { T, a as g, b as o } from "../chunks/TagGroup-D-bzpYQJ.js";
 export {
   T as Tag,
   g as TagGroup,

package/textfield/TextArea.stories.d.ts

@@ -31,6 +31,7 @@ export declare const Disabled: {
         style?: (import('react').CSSProperties | ((values: import('react-aria-components').TextFieldRenderProps & {
             defaultStyle: import('react').CSSProperties;
         }) => import('react').CSSProperties | undefined)) | undefined;
+        render?: ((props: import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, renderProps: import('react-aria-components').TextFieldRenderProps) => import('react').ReactElement) | undefined;
         id?: string;
         dir?: string | undefined;
         lang?: string | undefined;

package/textfield/index.js

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

package/toast/index.js

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

package/chunks/Button-BhIvfqOc.js

@@ -1,56 +0,0 @@
-'use client';
-import { jsx as e, jsxs as h, Fragment as y } from "react/jsx-runtime";
-import { B as r } from "./Button.module-BW0TvYZ2.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-CfKMn18u.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/Label-Bhnpbs10.js

@@ -1,74 +0,0 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import * as b from "react";
-import s from "react";
-import { c as v } from "./clsx-AexbMWKp.js";
-import { DialogTrigger as g, Label as d } from "react-aria-components";
-import { P as u } from "./Popover-CaP4LFhg.js";
-import { B as P } from "./Button-BhIvfqOc.js";
-import { I as _ } from "./info-N5jWZg2A.js";
-import { u as I } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/Label.css';const x = "_labelBase_f5wtf_1", L = {
-  labelBase: x
-}, T = "_labelPopover_1iatl_1", B = "_labelPopoverTrigger_1iatl_7", f = {
-  labelPopover: T,
-  labelPopoverTrigger: B
-}, C = { moreInfo: "More info" }, h = { moreInfo: "Mer information" }, y = {
-  en: C,
-  sv: h
-}, E = ({
-  children: e,
-  "aria-label": o
-}) => {
-  const [a, t] = s.useState(!1), l = s.useContext(i), n = I(y), c = s.useRef(null);
-  return /* @__PURE__ */ m(
-    g,
-    {
-      isOpen: a,
-      onOpenChange: t,
-      children: [
-        /* @__PURE__ */ r(
-          P,
-          {
-            ref: c,
-            variant: "icon",
-            size: "medium",
-            className: f.labelPopoverTrigger,
-            "aria-label": o || n.format("moreInfo"),
-            id: l?.popoverId,
-            children: /* @__PURE__ */ r(_, { size: 20 })
-          }
-        ),
-        /* @__PURE__ */ r(u, { triggerRef: c, children: e })
-      ]
-    }
-  );
-}, i = s.createContext(void 0), S = ({ children: e, popover: o }) => {
-  const a = s.useId();
-  return o ? /* @__PURE__ */ r(i.Provider, { value: { popoverId: a }, children: /* @__PURE__ */ m("div", { className: f.labelPopover, children: [
-    e,
-    /* @__PURE__ */ r(E, { ...o })
-  ] }) }) : e;
-}, p = "label", W = ({
-  children: e,
-  className: o,
-  elementType: a = p,
-  ...t
-}) => {
-  const l = {
-    className: v(L.labelBase, o),
-    elementType: a || p,
-    ...t
-  }, n = b.useContext(i);
-  return /* @__PURE__ */ r(
-    d,
-    {
-      ...l,
-      "aria-describedby": n?.popoverId,
-      children: e
-    }
-  );
-};
-export {
-  W as L,
-  S as a
-};

package/chunks/Popover-CaP4LFhg.js

@@ -1,38 +0,0 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as i } from "./clsx-AexbMWKp.js";
-import { Popover as v, OverlayArrow as l } from "react-aria-components";
-import '../assets/Popover.css';const n = "_popover_1sqxu_1", m = "_arrow_1sqxu_23", r = {
-  popover: n,
-  arrow: m
-};
-function _({
-  children: s,
-  className: e,
-  offset: p = 4,
-  hideArrow: a = !1,
-  ...t
-}) {
-  return /* @__PURE__ */ c(
-    v,
-    {
-      ...t,
-      offset: p,
-      className: i(r.popover, e),
-      children: [
-        !a && /* @__PURE__ */ o(l, { className: r.arrow, children: /* @__PURE__ */ o(
-          "svg",
-          {
-            width: 16,
-            height: 16,
-            viewBox: "0 0 16 16",
-            children: /* @__PURE__ */ o("path", { d: "M0 0 L8 8 L16 0" })
-          }
-        ) }),
-        s
-      ]
-    }
-  );
-}
-export {
-  _ as P
-};