@midas-ds/components 15.2.11 → 15.2.13

package/AccordionItem-BC1ogvtn.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/AccordionItem.css');const p=require("react/jsx-runtime"),E=require("./clsx-DKOfLqne.cjs"),K=require("./icon-map-BzhRRdiZ.cjs"),d=require("react"),v=require("./Button-BuelSBWx.cjs"),x=require("./utils-ZN3Na38z.cjs"),b=require("./mergeProps-D9EPHb19.cjs"),y=require("./filterDOMProps-WUskt27c.cjs"),C=require("./useControlledState-D0L6S_5r.cjs"),M=require("react-dom"),N=require("./useEvent-DnWDW9C-.cjs"),j=require("./SSRProvider-DZRLwxPS.cjs"),w=require("./useFocusRing-BV6zA8CX.cjs"),B=require("./Button-CPtsYcdR.cjs"),F=require("./Heading-DWSQCI4U.cjs"),W=require("./chevron-down-DyBh7agb.cjs"),k="_root_17bdp_1",T="_contained_17bdp_5",_={root:k,contained:T};function V(i,e,s){let{isDisabled:n}=i,a=b.$bdb11010cef70236$export$f680877a34711e37(),o=b.$bdb11010cef70236$export$f680877a34711e37(),r=j.$b5e257d569688ac6$export$535bd6ca7f90a273(),l=d.useRef(null),u=d.useCallback(()=>{l.current=requestAnimationFrame(()=>{s.current&&s.current.setAttribute("hidden","until-found")}),M.flushSync(()=>{e.toggle()})},[s,e]);N.$e9faafb641e167db$export$90fc3a17d93f704c(s,"beforematch",u);let f=d.useRef(null);return b.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{if(l.current&&cancelAnimationFrame(l.current),s.current&&!n&&!r){let t=s.current;f.current==null||typeof t.getAnimations!="function"?e.isExpanded?(t.removeAttribute("hidden"),t.style.setProperty("--disclosure-panel-width","auto"),t.style.setProperty("--disclosure-panel-height","auto")):(t.setAttribute("hidden","until-found"),t.style.setProperty("--disclosure-panel-width","0px"),t.style.setProperty("--disclosure-panel-height","0px")):e.isExpanded!==f.current&&(e.isExpanded?(t.removeAttribute("hidden"),t.style.setProperty("--disclosure-panel-width",t.scrollWidth+"px"),t.style.setProperty("--disclosure-panel-height",t.scrollHeight+"px"),Promise.all(t.getAnimations().map($=>$.finished)).then(()=>{t.style.setProperty("--disclosure-panel-width","auto"),t.style.setProperty("--disclosure-panel-height","auto")}).catch(()=>{})):(t.style.setProperty("--disclosure-panel-width",t.scrollWidth+"px"),t.style.setProperty("--disclosure-panel-height",t.scrollHeight+"px"),window.getComputedStyle(t).height,t.style.setProperty("--disclosure-panel-width","0px"),t.style.setProperty("--disclosure-panel-height","0px"),Promise.all(t.getAnimations().map($=>$.finished)).then(()=>t.setAttribute("hidden","until-found")).catch(()=>{}))),f.current=e.isExpanded}},[n,s,e.isExpanded,r]),d.useEffect(()=>()=>{l.current&&cancelAnimationFrame(l.current)},[]),{buttonProps:{id:a,"aria-expanded":e.isExpanded,"aria-controls":o,onPress:t=>{!n&&t.pointerType!=="keyboard"&&e.toggle()},isDisabled:n,onPressStart(t){t.pointerType==="keyboard"&&!n&&e.toggle()}},panelProps:{id:o,role:"group","aria-labelledby":a,"aria-hidden":!e.isExpanded,hidden:r||n?n||!e.isExpanded:void 0}}}function z(i){let[e,s]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(i.isExpanded,i.defaultExpanded||!1,i.onExpandedChange);const n=d.useCallback(()=>{s(!0)},[s]),a=d.useCallback(()=>{s(!1)},[s]),o=d.useCallback(()=>{s(!e)},[s,e]);return{isExpanded:e,setExpanded:s,expand:n,collapse:a,toggle:o}}function H(i){let{allowsMultipleExpanded:e=!1,isDisabled:s=!1}=i,[n,a]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(d.useMemo(()=>i.expandedKeys?new Set(i.expandedKeys):void 0,[i.expandedKeys]),d.useMemo(()=>i.defaultExpandedKeys?new Set(i.defaultExpandedKeys):new Set,[i.defaultExpandedKeys]),i.onExpandedChange);return d.useEffect(()=>{if(!e&&n.size>1){let o=n.values().next().value;o!=null&&a(new Set([o]))}}),{allowsMultipleExpanded:e,isDisabled:s,expandedKeys:n,setExpandedKeys:a,toggleKey(o){let r;e?(r=new Set(n),r.has(o)?r.delete(o):r.add(o)):r=new Set(n.has(o)?[]:[o]),a(r)}}}const D=d.createContext(null),O=d.forwardRef(function(e,s){let n=H(e),a=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosureGroup",values:{isDisabled:n.isDisabled,state:n}}),o=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...o,...a,ref:s,"data-disabled":e.isDisabled||void 0},d.createElement(D.Provider,{value:n},a.children))}),G=d.createContext(null),J=d.createContext(null),A=d.createContext(null),L=d.forwardRef(function(e,s){[e,s]=x.$64fa3d84918910a7$export$29f1550f4b0d4415(e,s,G);let n=d.useContext(D),{id:a,...o}=e,r=b.$bdb11010cef70236$export$f680877a34711e37();a||(a=r);let l=n?n.expandedKeys.has(a):e.isExpanded,u=z({...e,isExpanded:l,onExpandedChange(S){var h;n&&n.toggleKey(a),(h=e.onExpandedChange)===null||h===void 0||h.call(e,S)}}),f=d.useRef(null),t=e.isDisabled||n?.isDisabled||!1,{buttonProps:$,panelProps:g}=V({...e,isExpanded:l,isDisabled:t},u,f),{isFocusVisible:m,focusProps:R}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),P=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,id:void 0,defaultClassName:"react-aria-Disclosure",values:{isExpanded:u.isExpanded,isDisabled:t,isFocusVisibleWithin:m,state:u}}),q=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(o,{global:!0});return d.createElement(x.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:{[x.$64fa3d84918910a7$export$c62b8e45d58ddad9]:{},trigger:$}}],[A,{panelProps:g,panelRef:f}],[J,u]]},d.createElement("div",{...b.$3ef42575df84b30b$export$9d1611c77c2fe928(q,P,R),ref:s,"data-expanded":u.isExpanded||void 0,"data-disabled":t||void 0,"data-focus-visible-within":m||void 0},P.children))}),Q=d.forwardRef(function(e,s){let{role:n="group"}=e,{panelProps:a,panelRef:o}=d.useContext(A),{isFocusVisible:r,focusProps:l}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),u=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosurePanel",values:{isFocusVisibleWithin:r}}),f=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...b.$3ef42575df84b30b$export$9d1611c77c2fe928(f,u,a,l),ref:x.$5dc95899b306f630$export$c9058316764c140e(s,o),role:n,"data-focus-visible-within":r||void 0},d.createElement(x.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,null]]},e.children))}),I=d.createContext(void 0),U=({variant:i,children:e,className:s,isContained:n,size:a="large",...o})=>{const r=n||i==="contained";return p.jsx(I.Provider,{value:{isContained:r,size:a},children:p.jsx(O,{className:E.clsx(_.root,r?_.contained:_.uncontained,s),...o,children:e})})},X="_item_1em4f_1",Y="_contained_1em4f_18",Z="_medium_1em4f_28",ee="_success_1em4f_33",te="_warning_1em4f_39",ne="_info_1em4f_45",se="_important_1em4f_51",de="_triggerButton_1em4f_62",ae="_triggerText_1em4f_66",ie="_trigger_1em4f_62",oe="_triggerMainContent_1em4f_77",re="_chevronIcon_1em4f_94",ce="_statusIcon_1em4f_100",le="_panel_1em4f_122",ue="_content_1em4f_130",fe="_hasBackground_1em4f_135",pe="_header_1em4f_139",c={item:X,contained:Y,medium:Z,success:ee,warning:te,info:ne,important:se,triggerButton:de,triggerText:ae,trigger:ie,triggerMainContent:oe,"	":"_	_1em4f_1",chevronIcon:re,statusIcon:ce,panel:le,content:ue,hasBackground:fe,header:pe},xe=({title:i,children:e,className:s,headingLevel:n="h2",type:a,hasBackground:o=!0,size:r="large",isContained:l,...u})=>{const f=d.useContext(I),t=l??f?.isContained??!1,$=typeof i=="object";d.useEffect(()=>{a&&!t&&console.warn("AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency.")},[a,t]);const g=a?K.iconMap[a]:null,m=g?p.jsx(g,{size:20,className:c.statusIcon}):null;return p.jsxs(L,{...u,className:E.clsx(c.item,a&&c[a],(r==="medium"||f?.size==="medium")&&c.medium,t&&c.contained,s),children:[p.jsx("div",{className:c.trigger,children:p.jsxs(B.Button,{className:c.triggerButton,slot:"trigger",variant:"icon",children:[p.jsx(W.ChevronDown,{size:20,className:c.chevronIcon}),p.jsx("div",{className:c.triggerMainContent,children:$?i:p.jsx(F.Heading,{level:3,elementType:n,className:c.triggerText,children:i})}),m]})}),p.jsx(Q,{className:c.panel,children:p.jsx("div",{className:E.clsx(c.content,o&&c.hasBackground),children:e})})]})};exports.Accordion=U;exports.AccordionItem=xe;

package/{AccordionItem-B_49vBml.js → AccordionItem-DDqHaLf6.js}

@@ -1,17 +1,17 @@
-import { jsx as f, jsxs as I } from "react/jsx-runtime";
+import { jsx as u, jsxs as A } from "react/jsx-runtime";
 import { c as y } from "./clsx-jbLnTBqA.js";
 import { i as j } from "./icon-map-Ckc-nEUA.js";
-import b, { useRef as A, useCallback as h, useEffect as P, useMemo as K, forwardRef as v, createContext as m, useContext as w } from "react";
-import { e as N } from "./Button-DQKRTkoz.js";
-import { $ as G, a as C, f as S, g as q, h as O } from "./utils-BJ6_Ry69.js";
-import { c as E, $ as J, a as B } from "./mergeProps-oYrDoKjU.js";
+import m, { useRef as K, useCallback as $, useEffect as P, useMemo as N, forwardRef as v, createContext as x, useContext as w } from "react";
+import { e as S } from "./Button-DQKRTkoz.js";
+import { $ as G, a as C, f as B, g as q, h as O } from "./utils-BJ6_Ry69.js";
+import { c as E, $ as J, a as M } from "./mergeProps-oYrDoKjU.js";
 import { $ as D } from "./filterDOMProps-BSVCO5jK.js";
-import { $ as M } from "./useControlledState-u436Wbp1.js";
+import { $ as R } from "./useControlledState-u436Wbp1.js";
 import { flushSync as L } from "react-dom";
 import { $ as Q } from "./useEvent-ChPThFqF.js";
 import { $ as U } from "./SSRProvider-D8lZ0o6A.js";
-import { $ as R } from "./useFocusRing-DAZgolYd.js";
-import { B as X } from "./Button-Bb0wSnh4.js";
+import { $ as F } from "./useFocusRing-DAZgolYd.js";
+import { B as X } from "./Button-aWvg3R6-.js";
 import { H as Y } from "./Heading-BRErvUe8.js";
 import { C as Z } from "./chevron-down-DgT-uSF9.js";
 import './assets/AccordionItem.css';const ee = "_root_17bdp_1", te = "_contained_17bdp_5", _ = {
@@ -19,7 +19,7 @@ import './assets/AccordionItem.css';const ee = "_root_17bdp_1", te = "_contained
   contained: te
 };
 function ne(i, e, a) {
-  let { isDisabled: n } = i, s = E(), d = E(), r = U(), l = A(null), c = h(() => {
+  let { isDisabled: n } = i, s = E(), d = E(), o = U(), l = K(null), c = $(() => {
     l.current = requestAnimationFrame(() => {
       a.current && a.current.setAttribute("hidden", "until-found");
     }), L(() => {
@@ -30,21 +30,21 @@ function ne(i, e, a) {
     e
   ]);
   Q(a, "beforematch", c);
-  let u = A(null);
+  let f = K(null);
   return J(() => {
-    if (l.current && cancelAnimationFrame(l.current), a.current && !n && !r) {
+    if (l.current && cancelAnimationFrame(l.current), a.current && !n && !o) {
       let t = a.current;
-      u.current == null || typeof t.getAnimations != "function" ? e.isExpanded ? (t.removeAttribute("hidden"), t.style.setProperty("--disclosure-panel-width", "auto"), t.style.setProperty("--disclosure-panel-height", "auto")) : (t.setAttribute("hidden", "until-found"), t.style.setProperty("--disclosure-panel-width", "0px"), t.style.setProperty("--disclosure-panel-height", "0px")) : e.isExpanded !== u.current && (e.isExpanded ? (t.removeAttribute("hidden"), t.style.setProperty("--disclosure-panel-width", t.scrollWidth + "px"), t.style.setProperty("--disclosure-panel-height", t.scrollHeight + "px"), Promise.all(t.getAnimations().map((p) => p.finished)).then(() => {
+      f.current == null || typeof t.getAnimations != "function" ? e.isExpanded ? (t.removeAttribute("hidden"), t.style.setProperty("--disclosure-panel-width", "auto"), t.style.setProperty("--disclosure-panel-height", "auto")) : (t.setAttribute("hidden", "until-found"), t.style.setProperty("--disclosure-panel-width", "0px"), t.style.setProperty("--disclosure-panel-height", "0px")) : e.isExpanded !== f.current && (e.isExpanded ? (t.removeAttribute("hidden"), t.style.setProperty("--disclosure-panel-width", t.scrollWidth + "px"), t.style.setProperty("--disclosure-panel-height", t.scrollHeight + "px"), Promise.all(t.getAnimations().map((p) => p.finished)).then(() => {
         t.style.setProperty("--disclosure-panel-width", "auto"), t.style.setProperty("--disclosure-panel-height", "auto");
       }).catch(() => {
       })) : (t.style.setProperty("--disclosure-panel-width", t.scrollWidth + "px"), t.style.setProperty("--disclosure-panel-height", t.scrollHeight + "px"), window.getComputedStyle(t).height, t.style.setProperty("--disclosure-panel-width", "0px"), t.style.setProperty("--disclosure-panel-height", "0px"), Promise.all(t.getAnimations().map((p) => p.finished)).then(() => t.setAttribute("hidden", "until-found")).catch(() => {
-      }))), u.current = e.isExpanded;
+      }))), f.current = e.isExpanded;
     }
   }, [
     n,
     a,
     e.isExpanded,
-    r
+    o
   ]), P(() => () => {
     l.current && cancelAnimationFrame(l.current);
   }, []), {
@@ -66,21 +66,21 @@ function ne(i, e, a) {
       role: "group",
       "aria-labelledby": s,
       "aria-hidden": !e.isExpanded,
-      hidden: r || n ? n || !e.isExpanded : void 0
+      hidden: o || n ? n || !e.isExpanded : void 0
     }
   };
 }
 function ae(i) {
-  let [e, a] = M(i.isExpanded, i.defaultExpanded || !1, i.onExpandedChange);
-  const n = h(() => {
+  let [e, a] = R(i.isExpanded, i.defaultExpanded || !1, i.onExpandedChange);
+  const n = $(() => {
     a(!0);
   }, [
     a
-  ]), s = h(() => {
+  ]), s = $(() => {
     a(!1);
   }, [
     a
-  ]), d = h(() => {
+  ]), d = $(() => {
     a(!e);
   }, [
     a,
@@ -95,9 +95,9 @@ function ae(i) {
   };
 }
 function se(i) {
-  let { allowsMultipleExpanded: e = !1, isDisabled: a = !1 } = i, [n, s] = M(K(() => i.expandedKeys ? new Set(i.expandedKeys) : void 0, [
+  let { allowsMultipleExpanded: e = !1, isDisabled: a = !1 } = i, [n, s] = R(N(() => i.expandedKeys ? new Set(i.expandedKeys) : void 0, [
     i.expandedKeys
-  ]), K(() => i.defaultExpandedKeys ? new Set(i.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [
+  ]), N(() => i.defaultExpandedKeys ? new Set(i.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [
     i.defaultExpandedKeys
   ]), i.onExpandedChange);
   return P(() => {
@@ -113,14 +113,14 @@ function se(i) {
     expandedKeys: n,
     setExpandedKeys: s,
     toggleKey(d) {
-      let r;
-      e ? (r = new Set(n), r.has(d) ? r.delete(d) : r.add(d)) : r = new Set(n.has(d) ? [] : [
+      let o;
+      e ? (o = new Set(n), o.has(d) ? o.delete(d) : o.add(d)) : o = new Set(n.has(d) ? [] : [
         d
-      ]), s(r);
+      ]), s(o);
     }
   };
 }
-const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
+const W = /* @__PURE__ */ x(null), ie = /* @__PURE__ */ v(function(e, a) {
   let n = se(e), s = C({
     ...e,
     defaultClassName: "react-aria-DisclosureGroup",
@@ -131,48 +131,48 @@ const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
   }), d = D(e, {
     global: !0
   });
-  return /* @__PURE__ */ b.createElement("div", {
+  return /* @__PURE__ */ m.createElement("div", {
     ...d,
     ...s,
     ref: a,
     "data-disabled": e.isDisabled || void 0
-  }, /* @__PURE__ */ b.createElement(F.Provider, {
+  }, /* @__PURE__ */ m.createElement(W.Provider, {
     value: n
   }, s.children));
-}), de = /* @__PURE__ */ m(null), re = /* @__PURE__ */ m(null), W = /* @__PURE__ */ m(null), oe = /* @__PURE__ */ v(function(e, a) {
+}), de = /* @__PURE__ */ x(null), oe = /* @__PURE__ */ x(null), T = /* @__PURE__ */ x(null), re = /* @__PURE__ */ v(function(e, a) {
   [e, a] = G(e, a, de);
-  let n = w(F), { id: s, ...d } = e, r = E();
-  s || (s = r);
+  let n = w(W), { id: s, ...d } = e, o = E();
+  s || (s = o);
   let l = n ? n.expandedKeys.has(s) : e.isExpanded, c = ae({
     ...e,
     isExpanded: l,
     onExpandedChange(H) {
-      var $;
-      n && n.toggleKey(s), ($ = e.onExpandedChange) === null || $ === void 0 || $.call(e, H);
+      var b;
+      n && n.toggleKey(s), (b = e.onExpandedChange) === null || b === void 0 || b.call(e, H);
     }
-  }), u = b.useRef(null), t = e.isDisabled || n?.isDisabled || !1, { buttonProps: p, panelProps: x } = ne({
+  }), f = m.useRef(null), t = e.isDisabled || n?.isDisabled || !1, { buttonProps: p, panelProps: g } = ne({
     ...e,
     isExpanded: l,
     isDisabled: t
-  }, c, u), { isFocusVisible: g, focusProps: V } = R({
+  }, c, f), { isFocusVisible: h, focusProps: k } = F({
     within: !0
-  }), k = C({
+  }), I = C({
     ...e,
     id: void 0,
     defaultClassName: "react-aria-Disclosure",
     values: {
       isExpanded: c.isExpanded,
       isDisabled: t,
-      isFocusVisibleWithin: g,
+      isFocusVisibleWithin: h,
       state: c
     }
   }), z = D(d, {
     global: !0
   });
-  return /* @__PURE__ */ b.createElement(S, {
+  return /* @__PURE__ */ m.createElement(B, {
     values: [
       [
-        N,
+        S,
         {
           slots: {
             [q]: {},
@@ -181,50 +181,50 @@ const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
         }
       ],
       [
-        W,
+        T,
         {
-          panelProps: x,
-          panelRef: u
+          panelProps: g,
+          panelRef: f
         }
       ],
       [
-        re,
+        oe,
         c
       ]
     ]
-  }, /* @__PURE__ */ b.createElement("div", {
-    ...B(z, k, V),
+  }, /* @__PURE__ */ m.createElement("div", {
+    ...M(z, I, k),
     ref: a,
     "data-expanded": c.isExpanded || void 0,
     "data-disabled": t || void 0,
-    "data-focus-visible-within": g || void 0
-  }, k.children));
+    "data-focus-visible-within": h || void 0
+  }, I.children));
 }), le = /* @__PURE__ */ v(function(e, a) {
-  let { role: n = "group" } = e, { panelProps: s, panelRef: d } = w(W), { isFocusVisible: r, focusProps: l } = R({
+  let { role: n = "group" } = e, { panelProps: s, panelRef: d } = w(T), { isFocusVisible: o, focusProps: l } = F({
     within: !0
   }), c = C({
     ...e,
     defaultClassName: "react-aria-DisclosurePanel",
     values: {
-      isFocusVisibleWithin: r
+      isFocusVisibleWithin: o
     }
-  }), u = D(e, {
+  }), f = D(e, {
     global: !0
   });
-  return /* @__PURE__ */ b.createElement("div", {
-    ...B(u, c, s, l),
+  return /* @__PURE__ */ m.createElement("div", {
+    ...M(f, c, s, l),
     ref: O(a, d),
     role: n,
-    "data-focus-visible-within": r || void 0
-  }, /* @__PURE__ */ b.createElement(S, {
+    "data-focus-visible-within": o || void 0
+  }, /* @__PURE__ */ m.createElement(B, {
     values: [
       [
-        N,
+        S,
         null
       ]
     ]
   }, e.children));
-}), T = m(void 0), je = ({
+}), V = x(void 0), je = ({
   variant: i,
   children: e,
   className: a,
@@ -232,32 +232,32 @@ const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
   size: s = "large",
   ...d
 }) => {
-  const r = n || i === "contained";
-  return /* @__PURE__ */ f(T.Provider, { value: { isContained: r, size: s }, children: /* @__PURE__ */ f(
+  const o = n || i === "contained";
+  return /* @__PURE__ */ u(V.Provider, { value: { isContained: o, size: s }, children: /* @__PURE__ */ u(
     ie,
     {
       className: y(
         _.root,
-        r ? _.contained : _.uncontained,
+        o ? _.contained : _.uncontained,
         a
       ),
       ...d,
       children: e
     }
   ) });
-}, ce = "_item_bbrk2_1", ue = "_contained_bbrk2_18", fe = "_medium_bbrk2_28", pe = "_success_bbrk2_33", be = "_warning_bbrk2_39", me = "_info_bbrk2_45", xe = "_important_bbrk2_51", ge = "_triggerButton_bbrk2_62", he = "_triggerText_bbrk2_66", $e = "_trigger_bbrk2_62", _e = "_triggerMainContent_bbrk2_79", ye = "_chevronIcon_bbrk2_96", Ee = "_statusIcon_bbrk2_102", Pe = "_panel_bbrk2_120", ve = "_content_bbrk2_128", we = "_hasBackground_bbrk2_133", Ce = "_header_bbrk2_137", o = {
+}, ce = "_item_1em4f_1", fe = "_contained_1em4f_18", ue = "_medium_1em4f_28", pe = "_success_1em4f_33", me = "_warning_1em4f_39", xe = "_info_1em4f_45", ge = "_important_1em4f_51", he = "_triggerButton_1em4f_62", $e = "_triggerText_1em4f_66", be = "_trigger_1em4f_62", _e = "_triggerMainContent_1em4f_77", ye = "_chevronIcon_1em4f_94", Ee = "_statusIcon_1em4f_100", Pe = "_panel_1em4f_122", ve = "_content_1em4f_130", we = "_hasBackground_1em4f_135", Ce = "_header_1em4f_139", r = {
   item: ce,
-  contained: ue,
-  medium: fe,
+  contained: fe,
+  medium: ue,
   success: pe,
-  warning: be,
-  info: me,
-  important: xe,
-  triggerButton: ge,
-  triggerText: he,
-  trigger: $e,
+  warning: me,
+  info: xe,
+  important: ge,
+  triggerButton: he,
+  triggerText: $e,
+  trigger: be,
   triggerMainContent: _e,
-  "	": "_	_bbrk2_1",
+  "	": "_	_1em4f_1",
   chevronIcon: ye,
   statusIcon: Ee,
   panel: Pe,
@@ -271,68 +271,68 @@ const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
   headingLevel: n = "h2",
   type: s,
   hasBackground: d = !0,
-  size: r = "large",
+  size: o = "large",
   isContained: l,
   ...c
 }) => {
-  const u = w(T), t = l ?? u?.isContained ?? !1, p = typeof i == "object";
+  const f = w(V), t = l ?? f?.isContained ?? !1, p = typeof i == "object";
   P(() => {
     s && !t && console.warn(
       "AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency."
     );
   }, [s, t]);
-  const x = s ? j[s] : null, g = x ? /* @__PURE__ */ f(
-    x,
+  const g = s ? j[s] : null, h = g ? /* @__PURE__ */ u(
+    g,
     {
       size: 20,
-      className: o.statusIcon
+      className: r.statusIcon
     }
   ) : null;
-  return /* @__PURE__ */ I(
-    oe,
+  return /* @__PURE__ */ A(
+    re,
     {
       ...c,
       className: y(
-        o.item,
-        s && o[s],
-        (r === "medium" || u?.size === "medium") && o.medium,
-        t && o.contained,
+        r.item,
+        s && r[s],
+        (o === "medium" || f?.size === "medium") && r.medium,
+        t && r.contained,
         a
       ),
       children: [
-        /* @__PURE__ */ f("div", { className: o.trigger, children: /* @__PURE__ */ I(
+        /* @__PURE__ */ u("div", { className: r.trigger, children: /* @__PURE__ */ A(
           X,
           {
-            className: o.triggerButton,
+            className: r.triggerButton,
             slot: "trigger",
             variant: "icon",
             children: [
-              /* @__PURE__ */ f(
+              /* @__PURE__ */ u(
                 Z,
                 {
                   size: 20,
-                  className: o.chevronIcon
+                  className: r.chevronIcon
                 }
               ),
-              /* @__PURE__ */ f("div", { className: o.triggerMainContent, children: p ? i : /* @__PURE__ */ f(
+              /* @__PURE__ */ u("div", { className: r.triggerMainContent, children: p ? i : /* @__PURE__ */ u(
                 Y,
                 {
                   level: 3,
                   elementType: n,
-                  className: o.triggerText,
+                  className: r.triggerText,
                   children: i
                 }
               ) }),
-              g
+              h
             ]
           }
         ) }),
-        /* @__PURE__ */ f(le, { className: o.panel, children: /* @__PURE__ */ f(
+        /* @__PURE__ */ u(le, { className: r.panel, children: /* @__PURE__ */ u(
           "div",
           {
             className: y(
-              o.content,
-              d && o.hasBackground
+              r.content,
+              d && r.hasBackground
             ),
             children: e
           }

package/Button-CPtsYcdR.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),t=require("./Button.module-COONZqNU.cjs"),d=require("./Button-BuelSBWx.cjs"),y=require("./clsx-DKOfLqne.cjs"),B=require("./Spinner-6nei2CMj.cjs"),m=({variant:e="primary",fullwidth:i,className:u,iconPlacement:o,size:c="large",icon:s,iconSize:l,...r})=>n.jsx(d.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{className:y.clsx(t.ButtonStyles.button,e==="primary"&&t.ButtonStyles.primary,e==="secondary"&&t.ButtonStyles.secondary,e==="tertiary"&&t.ButtonStyles.tertiary,e==="danger"&&t.ButtonStyles.danger,e==="icon"&&t.ButtonStyles.iconBtn,i&&t.ButtonStyles.fullwidth,c==="medium"&&t.ButtonStyles.medium,o==="right"&&t.ButtonStyles.iconRight,u),...r,children:n.jsxs(n.Fragment,{children:[s&&!r.isPending&&n.jsx(s,{"aria-hidden":!0,size:l??20}),r.isPending&&n.jsx(B.Spinner,{small:!0}),r.children]})});exports.Button=m;

package/Button-aWvg3R6-.js

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

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 15.2.13 (2025-11-21)
+
+### 🩹 Fixes
+
+- **accordion:** remove z-index ([09d96ce3ee](https://github.com/migrationsverket/midas/commit/09d96ce3ee))
+
+### 🔧 Maintenance
+
+- **components:** update storybook link in README.md ([498c57be64](https://github.com/migrationsverket/midas/commit/498c57be64))
+
+## 15.2.12 (2025-11-18)
+
+### 🚀 Features
+
+- **button:** add spinner to pending buttons ([a876074bac](https://github.com/migrationsverket/midas/commit/a876074bac))
+
 ## 15.2.11 (2025-11-18)
 
 ### 🚀 Features

package/{CheckboxGroup-Cn5j_R5a.js → CheckboxGroup-D2Sa6zYI.js}

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as h } from "react/jsx-runtime";
-import { a as V, L as y } from "./Label-knQhhLVp.js";
+import { a as V, L as y } from "./Label-AgADiPwL.js";
 import { T as S } from "./Text-6Fdknq88.js";
 import * as m from "react";
 import { useState as C, useRef as R } from "react";

package/{CheckboxGroup-BdcEnLWf.cjs → CheckboxGroup-D9L7J0yo.cjs}

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),m=require("./Label-DkNtFYv5.cjs"),S=require("./Text-D29KP4_q.cjs"),$=require("react"),b=require("./Checkbox-LGIr8OfT.cjs"),g=require("./FieldError-DwYQXCwP.cjs"),P=require("./useFormValidation-pVNhWoaN.cjs"),C=require("./useControlledState-D0L6S_5r.cjs"),j=require("./mergeProps-D9EPHb19.cjs"),q=require("./filterDOMProps-WUskt27c.cjs"),O=require("./useField-yjDSH-M4.cjs"),R=require("./useFocusWithin-CrScjOpV.cjs"),k=require("./useLocalizedStringFormatter-Dfow0G-0.cjs");function D(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(i,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return i.default=e,Object.freeze(i)}const v=D($);function F(e,i){let{isDisabled:a,name:s,form:u,validationBehavior:d="aria"}=e,{isInvalid:r,validationErrors:c,validationDetails:l}=i.displayValidation,{labelProps:f,fieldProps:x,descriptionProps:t,errorMessageProps:o}=O.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span",isInvalid:r,errorMessage:e.errorMessage||c});b.$1ae600c947479353$export$ec98120685d4f57d.set(i,{name:s,form:u,descriptionId:t.id,errorMessageId:o.id,validationBehavior:d});let h=q.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),{focusWithinProps:V}=R.$9ab94262bd0047c7$export$420e68273165f4ec({onBlurWithin:e.onBlur,onFocusWithin:e.onFocus,onFocusWithinChange:e.onFocusChange});return{groupProps:j.$3ef42575df84b30b$export$9d1611c77c2fe928(h,{role:"group","aria-disabled":a||void 0,...x,...V}),labelProps:f,descriptionProps:t,errorMessageProps:o,isInvalid:r,validationErrors:c,validationDetails:l}}function I(e={}){let[i,a]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(e.value,e.defaultValue||[],e.onChange),[s]=$.useState(i),u=!!e.isRequired&&i.length===0,d=$.useRef(new Map),r=P.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:i}),c=r.displayValidation.isInvalid;var l,f;return{...r,value:i,defaultValue:(l=e.defaultValue)!==null&&l!==void 0?l:s,setValue(t){e.isReadOnly||e.isDisabled||a(t)},isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isSelected(t){return i.includes(t)},addValue(t){e.isReadOnly||e.isDisabled||i.includes(t)||(i=i.concat(t),a(i))},removeValue(t){e.isReadOnly||e.isDisabled||i.includes(t)&&a(i.filter(o=>o!==t))},toggleValue(t){e.isReadOnly||e.isDisabled||(i.includes(t)?a(i.filter(o=>o!==t)):a(i.concat(t)))},setInvalid(t,o){let h=new Map(d.current);o.isInvalid?h.set(t,o):h.delete(t),d.current=h,r.updateValidation(P.$e5be200c675c3b3a$export$75ee7c75d68f5b0e(...h.values()))},validationState:(f=e.validationState)!==null&&f!==void 0?f:c?"invalid":null,isInvalid:c,isRequired:u}}const M=(e,{value:i})=>{const a=v.Children.toArray(e).filter(l=>v.isValidElement(l)&&l.type===b.Checkbox),s=v.Children.count(a),u=v.Children.toArray(e).filter(l=>v.isValidElement(l)).filter(l=>!!l&&l.type===b.Checkbox).map(l=>l.props.value),d=i.length===0,r=i.length===s;return{allSelected:r,someSelected:!d&&!r,checkboxValues:u}},y=({state:e,errorMessage:i})=>n.jsx(g.$ee014567cb39d3f0$export$ff05c3ac10437e03.Provider,{value:e.displayValidation,children:n.jsx(g.FieldError,{children:i})}),E={selectAll:"Select all"},A={selectAll:"Välj alla"},L={en:E,sv:A};function W(e){const i=I(e),a=k.useLocalizedStringFormatter(L),{groupProps:s,labelProps:u,descriptionProps:d}=F(e,i),{allSelected:r,someSelected:c,checkboxValues:l}=M(e.children,i),f=x=>{i.setValue(x?l:[])};return n.jsxs("div",{...s,className:b.styles.checkboxGroup,"data-readonly":e.isReadOnly||void 0,"data-disabled":e.isDisabled||void 0,children:[n.jsx(m.LabelWrapper,{popover:e.popover,children:e.label&&n.jsx(m.Label,{...u,children:e.label})}),e.description&&n.jsx(S.Text,{slot:"description",...d,children:e.description}),e.errorPosition==="top"&&n.jsx(y,{...e,state:i}),n.jsxs("div",{className:b.styles.checkboxList,children:[e.showSelectAll&&n.jsx(b.Checkbox,{isSelected:r,isIndeterminate:c,isReadOnly:e.isReadOnly,onChange:f,children:e.selectAllLabel||a.format("selectAll")}),n.jsx(b.CheckboxGroupContext.Provider,{value:i,children:e.children})]}),e.errorPosition==="bottom"&&n.jsx(y,{...e,state:i})]})}exports.CheckboxGroup=W;
+"use strict";const n=require("react/jsx-runtime"),m=require("./Label-Dn9QqKX8.cjs"),S=require("./Text-D29KP4_q.cjs"),$=require("react"),b=require("./Checkbox-LGIr8OfT.cjs"),g=require("./FieldError-DwYQXCwP.cjs"),P=require("./useFormValidation-pVNhWoaN.cjs"),C=require("./useControlledState-D0L6S_5r.cjs"),j=require("./mergeProps-D9EPHb19.cjs"),q=require("./filterDOMProps-WUskt27c.cjs"),O=require("./useField-yjDSH-M4.cjs"),R=require("./useFocusWithin-CrScjOpV.cjs"),k=require("./useLocalizedStringFormatter-Dfow0G-0.cjs");function D(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(i,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return i.default=e,Object.freeze(i)}const v=D($);function F(e,i){let{isDisabled:a,name:s,form:u,validationBehavior:d="aria"}=e,{isInvalid:r,validationErrors:c,validationDetails:l}=i.displayValidation,{labelProps:f,fieldProps:x,descriptionProps:t,errorMessageProps:o}=O.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span",isInvalid:r,errorMessage:e.errorMessage||c});b.$1ae600c947479353$export$ec98120685d4f57d.set(i,{name:s,form:u,descriptionId:t.id,errorMessageId:o.id,validationBehavior:d});let h=q.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),{focusWithinProps:V}=R.$9ab94262bd0047c7$export$420e68273165f4ec({onBlurWithin:e.onBlur,onFocusWithin:e.onFocus,onFocusWithinChange:e.onFocusChange});return{groupProps:j.$3ef42575df84b30b$export$9d1611c77c2fe928(h,{role:"group","aria-disabled":a||void 0,...x,...V}),labelProps:f,descriptionProps:t,errorMessageProps:o,isInvalid:r,validationErrors:c,validationDetails:l}}function I(e={}){let[i,a]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(e.value,e.defaultValue||[],e.onChange),[s]=$.useState(i),u=!!e.isRequired&&i.length===0,d=$.useRef(new Map),r=P.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:i}),c=r.displayValidation.isInvalid;var l,f;return{...r,value:i,defaultValue:(l=e.defaultValue)!==null&&l!==void 0?l:s,setValue(t){e.isReadOnly||e.isDisabled||a(t)},isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isSelected(t){return i.includes(t)},addValue(t){e.isReadOnly||e.isDisabled||i.includes(t)||(i=i.concat(t),a(i))},removeValue(t){e.isReadOnly||e.isDisabled||i.includes(t)&&a(i.filter(o=>o!==t))},toggleValue(t){e.isReadOnly||e.isDisabled||(i.includes(t)?a(i.filter(o=>o!==t)):a(i.concat(t)))},setInvalid(t,o){let h=new Map(d.current);o.isInvalid?h.set(t,o):h.delete(t),d.current=h,r.updateValidation(P.$e5be200c675c3b3a$export$75ee7c75d68f5b0e(...h.values()))},validationState:(f=e.validationState)!==null&&f!==void 0?f:c?"invalid":null,isInvalid:c,isRequired:u}}const M=(e,{value:i})=>{const a=v.Children.toArray(e).filter(l=>v.isValidElement(l)&&l.type===b.Checkbox),s=v.Children.count(a),u=v.Children.toArray(e).filter(l=>v.isValidElement(l)).filter(l=>!!l&&l.type===b.Checkbox).map(l=>l.props.value),d=i.length===0,r=i.length===s;return{allSelected:r,someSelected:!d&&!r,checkboxValues:u}},y=({state:e,errorMessage:i})=>n.jsx(g.$ee014567cb39d3f0$export$ff05c3ac10437e03.Provider,{value:e.displayValidation,children:n.jsx(g.FieldError,{children:i})}),E={selectAll:"Select all"},A={selectAll:"Välj alla"},L={en:E,sv:A};function W(e){const i=I(e),a=k.useLocalizedStringFormatter(L),{groupProps:s,labelProps:u,descriptionProps:d}=F(e,i),{allSelected:r,someSelected:c,checkboxValues:l}=M(e.children,i),f=x=>{i.setValue(x?l:[])};return n.jsxs("div",{...s,className:b.styles.checkboxGroup,"data-readonly":e.isReadOnly||void 0,"data-disabled":e.isDisabled||void 0,children:[n.jsx(m.LabelWrapper,{popover:e.popover,children:e.label&&n.jsx(m.Label,{...u,children:e.label})}),e.description&&n.jsx(S.Text,{slot:"description",...d,children:e.description}),e.errorPosition==="top"&&n.jsx(y,{...e,state:i}),n.jsxs("div",{className:b.styles.checkboxList,children:[e.showSelectAll&&n.jsx(b.Checkbox,{isSelected:r,isIndeterminate:c,isReadOnly:e.isReadOnly,onChange:f,children:e.selectAllLabel||a.format("selectAll")}),n.jsx(b.CheckboxGroupContext.Provider,{value:i,children:e.children})]}),e.errorPosition==="bottom"&&n.jsx(y,{...e,state:i})]})}exports.CheckboxGroup=W;