@midas-ds/components 12.1.0 → 13.0.0

package/AccordionItem-Bq8nUKg4.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/AccordionItem.css');const u=require("react/jsx-runtime"),m=require("./clsx-C11secjj.cjs"),A=require("./icon-map-9XcghDra.cjs"),d=require("react"),y=require("./Button-CMIbSc4-.cjs"),x=require("./utils-CMHKYKlz.cjs"),b=require("./mergeProps-JhcJ7uJL.cjs"),E=require("./filterDOMProps-RRlKPKX0.cjs"),j=require("./useControlledState-D0L6S_5r.cjs"),M=require("react-dom"),K=require("./useEvent-3ZO5TPSH.cjs"),B=require("./SSRProvider-Bc-sMhsT.cjs"),D=require("./useFocusRing-BcbYske2.cjs"),T=require("./Button-D_tRdPW9.cjs"),F=require("./Heading-D3FR_KXb.cjs"),k=require("./chevron-down-5hFlg_lR.cjs"),O="_root_17bdp_1",W="_contained_17bdp_5",h={root:O,contained:W};function V(o,e,n){let{isDisabled:t}=o,a=b.$bdb11010cef70236$export$f680877a34711e37(),s=b.$bdb11010cef70236$export$f680877a34711e37(),l=!B.$b5e257d569688ac6$export$535bd6ca7f90a273()&&"onbeforematch"in document.body,i=d.useRef(null),f=d.useCallback(()=>{i.current=requestAnimationFrame(()=>{n.current&&n.current.setAttribute("hidden","until-found")}),M.flushSync(()=>{e.toggle()})},[n,e]);return K.$e9faafb641e167db$export$90fc3a17d93f704c(n,"beforematch",l?f:null),b.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{i.current&&cancelAnimationFrame(i.current),l&&n.current&&!t&&(e.isExpanded?n.current.removeAttribute("hidden"):n.current.setAttribute("hidden","until-found"))},[t,n,e.isExpanded,l]),d.useEffect(()=>()=>{i.current&&cancelAnimationFrame(i.current)},[]),{buttonProps:{id:a,"aria-expanded":e.isExpanded,"aria-controls":s,onPress:$=>{!t&&$.pointerType!=="keyboard"&&e.toggle()},isDisabled:t,onPressStart($){$.pointerType==="keyboard"&&!t&&e.toggle()}},panelProps:{id:s,role:"group","aria-labelledby":a,"aria-hidden":!e.isExpanded,hidden:l?!0:!e.isExpanded}}}function z(o){let[e,n]=j.$458b0a5536c1a7cf$export$40bfa8c7b0832715(o.isExpanded,o.defaultExpanded||!1,o.onExpandedChange);const t=d.useCallback(()=>{n(!0)},[n]),a=d.useCallback(()=>{n(!1)},[n]),s=d.useCallback(()=>{n(!e)},[n,e]);return{isExpanded:e,setExpanded:n,expand:t,collapse:a,toggle:s}}function G(o){let{allowsMultipleExpanded:e=!1,isDisabled:n=!1}=o,[t,a]=j.$458b0a5536c1a7cf$export$40bfa8c7b0832715(d.useMemo(()=>o.expandedKeys?new Set(o.expandedKeys):void 0,[o.expandedKeys]),d.useMemo(()=>o.defaultExpandedKeys?new Set(o.defaultExpandedKeys):new Set,[o.defaultExpandedKeys]),o.onExpandedChange);return d.useEffect(()=>{if(!e&&t.size>1){let s=t.values().next().value;s!=null&&a(new Set([s]))}}),{allowsMultipleExpanded:e,isDisabled:n,expandedKeys:t,setExpandedKeys:a,toggleKey(s){let c;e?(c=new Set(t),c.has(s)?c.delete(s):c.add(s)):c=new Set(t.has(s)?[]:[s]),a(c)}}}const P=d.createContext(null),H=d.forwardRef(function(e,n){let t=G(e),a=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosureGroup",values:{isDisabled:t.isDisabled,state:t}}),s=E.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...s,...a,ref:n,"data-disabled":e.isDisabled||void 0},d.createElement(P.Provider,{value:t},a.children))}),J=d.createContext(null),L=d.createContext(null),w=d.createContext(null),Q=d.forwardRef(function(e,n){[e,n]=x.$64fa3d84918910a7$export$29f1550f4b0d4415(e,n,J);let t=d.useContext(P),{id:a,...s}=e,c=b.$bdb11010cef70236$export$f680877a34711e37();a||(a=c);let l=t?t.expandedKeys.has(a):e.isExpanded,i=z({...e,isExpanded:l,onExpandedChange(N){var _;t&&t.toggleKey(a),(_=e.onExpandedChange)===null||_===void 0||_.call(e,N)}}),f=d.useRef(null),$=e.isDisabled||(t==null?void 0:t.isDisabled)||!1,{buttonProps:p,panelProps:g}=V({...e,isExpanded:l,isDisabled:$},i,f),{isFocusVisible:v,focusProps:S}=D.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),C=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,id:void 0,defaultClassName:"react-aria-Disclosure",values:{isExpanded:i.isExpanded,isDisabled:$,isFocusVisibleWithin:v,state:i}}),q=E.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(s,{global:!0});return d.createElement(x.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[y.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:{[x.$64fa3d84918910a7$export$c62b8e45d58ddad9]:{},trigger:p}}],[w,{panelProps:g,panelRef:f}],[L,i]]},d.createElement("div",{...b.$3ef42575df84b30b$export$9d1611c77c2fe928(q,C,S),ref:n,"data-expanded":i.isExpanded||void 0,"data-disabled":$||void 0,"data-focus-visible-within":v||void 0},C.children))}),U=d.forwardRef(function(e,n){let{role:t="group"}=e,{panelProps:a,panelRef:s}=d.useContext(w),{isFocusVisible:c,focusProps:l}=D.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),i=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosurePanel",values:{isFocusVisibleWithin:c}}),f=E.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...b.$3ef42575df84b30b$export$9d1611c77c2fe928(f,i,a,l),ref:x.$5dc95899b306f630$export$c9058316764c140e(n,s),role:t,"data-focus-visible-within":c||void 0},d.createElement(x.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[y.$d2b4bc8c273e7be6$export$24d547caef80ccd1,null]]},e.children))}),I=d.createContext(void 0),R="accordion",X=({variant:o,children:e,className:n,isContained:t,...a})=>{const s=t||o==="contained";return u.jsx(I.Provider,{value:{isContained:s},children:u.jsx(H,{"data-testid":R,className:m.clsx(h.root,s?h.contained:h.uncontained,n),...a,children:e})})},Y="_item_yl8dj_1",Z="_contained_yl8dj_18",ee="_success_yl8dj_29",te="_warning_yl8dj_35",ne="_info_yl8dj_41",de="_important_yl8dj_47",ae="_triggerButton_yl8dj_58",se="_triggerText_yl8dj_62",oe="_trigger_yl8dj_58",ie="_triggerMainContent_yl8dj_73",ce="_chevronIcon_yl8dj_90",re="_statusIcon_yl8dj_96",le="_panel_yl8dj_110",ue="_content_yl8dj_124",fe="_hasBackground_yl8dj_130",$e="_header_yl8dj_134",r={item:Y,contained:Z,success:ee,warning:te,info:ne,important:de,triggerButton:ae,triggerText:se,trigger:oe,triggerMainContent:ie,chevronIcon:ce,statusIcon:re,panel:le,content:ue,hasBackground:fe,header:$e},xe=({title:o,children:e,className:n,headingLevel:t="h2",type:a,hasBackground:s=!0,isContained:c,...l})=>{const i=d.useContext(I),f=c??(i==null?void 0:i.isContained)??!1,$=typeof o=="object";d.useEffect(()=>{a&&!f&&console.warn("AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency.")},[a,f]);const p=a?A.iconMap[a]:null,g=p?u.jsx(p,{size:20,className:r.statusIcon}):null;return u.jsxs(Q,{...l,className:m.clsx(r.item,a&&r[a],f&&r.contained,n),children:[u.jsx("div",{className:r.trigger,children:u.jsxs(T.Button,{className:r.triggerButton,slot:"trigger",variant:"icon",children:[u.jsx(k.ChevronDown,{size:20,className:r.chevronIcon}),u.jsx("div",{className:r.triggerMainContent,children:$?o:u.jsx(F.Heading,{level:3,elementType:t,className:r.triggerText,children:o})}),g]})}),u.jsx(U,{className:r.panel,children:u.jsx("div",{className:m.clsx(r.content,s&&r.hasBackground),children:e})})]})};exports.ACCORDION_TEST_ID=R;exports.Accordion=X;exports.AccordionItem=xe;

package/{AccordionItem-C9dBt-tQ.js → AccordionItem-D2Y0gJZB.js}

@@ -1,26 +1,26 @@
-import { jsx as u, jsxs as N } from "react/jsx-runtime";
+import { jsx as u, jsxs as I } from "react/jsx-runtime";
 import { c as h } from "./clsx-OuTLNxxd.js";
 import { i as z } from "./icon-map-uS87FT_Q.js";
-import g, { useRef as O, useCallback as b, useEffect as v, useMemo as S, forwardRef as C, createContext as p, useContext as P } from "react";
-import { e as K } from "./Button-DD5_S-tD.js";
-import { $ as G, a as D, f as A, g as H, h as q } from "./utils-Cpcjg55U.js";
-import { c as E, $ as J, a as B } from "./mergeProps-BSsN7Bgk.js";
-import { $ as w } from "./filterDOMProps-wsa9OcNI.js";
-import { $ as M } from "./useControlledState-u436Wbp1.js";
+import p, { useRef as O, useCallback as m, useEffect as v, useMemo as N, forwardRef as y, createContext as $, useContext as C } from "react";
+import { e as S } from "./Button-DD5_S-tD.js";
+import { $ as G, a as P, f as K, g as H, h as q } from "./utils-Cpcjg55U.js";
+import { c as E, $ as J, a as A } from "./mergeProps-BSsN7Bgk.js";
+import { $ as D } from "./filterDOMProps-wsa9OcNI.js";
+import { $ as B } from "./useControlledState-u436Wbp1.js";
 import { flushSync as L } from "react-dom";
 import { $ as Q } from "./useEvent-DpBHTuHJ.js";
 import { $ as U } from "./SSRProvider-40TXmsUG.js";
-import { $ as R } from "./useFocusRing-DMo8ctYV.js";
-import { B as X } from "./Button-DYcmg49Z.js";
+import { $ as M } from "./useFocusRing-DMo8ctYV.js";
+import { B as X } from "./Button-CUMHt7MG.js";
 import { H as Y } from "./Heading-BQlmb5Tm.js";
 import { C as Z } from "./chevron-down-DmZMdOiC.js";
 import './assets/AccordionItem.css';const ee = "_root_17bdp_1", te = "_contained_17bdp_5", _ = {
   root: ee,
   contained: te
 };
-function ne(d, e, n) {
-  let { isDisabled: t } = d, a = E(), i = E(), l = !U() && "onbeforematch" in document.body, s = O(null), c = b(() => {
-    s.current = requestAnimationFrame(() => {
+function ne(s, e, n) {
+  let { isDisabled: t } = s, a = E(), d = E(), l = !U() && "onbeforematch" in document.body, o = O(null), c = m(() => {
+    o.current = requestAnimationFrame(() => {
       n.current && n.current.setAttribute("hidden", "until-found");
     }), L(() => {
       e.toggle();
@@ -30,19 +30,19 @@ function ne(d, e, n) {
     e
   ]);
   return Q(n, "beforematch", l ? c : null), J(() => {
-    s.current && cancelAnimationFrame(s.current), l && n.current && !t && (e.isExpanded ? n.current.removeAttribute("hidden") : n.current.setAttribute("hidden", "until-found"));
+    o.current && cancelAnimationFrame(o.current), l && n.current && !t && (e.isExpanded ? n.current.removeAttribute("hidden") : n.current.setAttribute("hidden", "until-found"));
   }, [
     t,
     n,
     e.isExpanded,
     l
   ]), v(() => () => {
-    s.current && cancelAnimationFrame(s.current);
+    o.current && cancelAnimationFrame(o.current);
   }, []), {
     buttonProps: {
       id: a,
       "aria-expanded": e.isExpanded,
-      "aria-controls": i,
+      "aria-controls": d,
       onPress: (f) => {
         !t && f.pointerType !== "keyboard" && e.toggle();
       },
@@ -52,7 +52,7 @@ function ne(d, e, n) {
       }
     },
     panelProps: {
-      id: i,
+      id: d,
       // This can be overridden at the panel element level.
       role: "group",
       "aria-labelledby": a,
@@ -61,17 +61,17 @@ function ne(d, e, n) {
     }
   };
 }
-function ae(d) {
-  let [e, n] = M(d.isExpanded, d.defaultExpanded || !1, d.onExpandedChange);
-  const t = b(() => {
+function ae(s) {
+  let [e, n] = B(s.isExpanded, s.defaultExpanded || !1, s.onExpandedChange);
+  const t = m(() => {
     n(!0);
   }, [
     n
-  ]), a = b(() => {
+  ]), a = m(() => {
     n(!1);
   }, [
     n
-  ]), i = b(() => {
+  ]), d = m(() => {
     n(!e);
   }, [
     n,
@@ -82,20 +82,20 @@ function ae(d) {
     setExpanded: n,
     expand: t,
     collapse: a,
-    toggle: i
+    toggle: d
   };
 }
-function ie(d) {
-  let { allowsMultipleExpanded: e = !1, isDisabled: n = !1 } = d, [t, a] = M(S(() => d.expandedKeys ? new Set(d.expandedKeys) : void 0, [
-    d.expandedKeys
-  ]), S(() => d.defaultExpandedKeys ? new Set(d.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [
-    d.defaultExpandedKeys
-  ]), d.onExpandedChange);
+function de(s) {
+  let { allowsMultipleExpanded: e = !1, isDisabled: n = !1 } = s, [t, a] = B(N(() => s.expandedKeys ? new Set(s.expandedKeys) : void 0, [
+    s.expandedKeys
+  ]), N(() => s.defaultExpandedKeys ? new Set(s.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [
+    s.defaultExpandedKeys
+  ]), s.onExpandedChange);
   return v(() => {
     if (!e && t.size > 1) {
-      let i = t.values().next().value;
-      i != null && a(/* @__PURE__ */ new Set([
-        i
+      let d = t.values().next().value;
+      d != null && a(/* @__PURE__ */ new Set([
+        d
       ]));
     }
   }), {
@@ -103,180 +103,180 @@ function ie(d) {
     isDisabled: n,
     expandedKeys: t,
     setExpandedKeys: a,
-    toggleKey(i) {
-      let o;
-      e ? (o = new Set(t), o.has(i) ? o.delete(i) : o.add(i)) : o = new Set(t.has(i) ? [] : [
-        i
-      ]), a(o);
+    toggleKey(d) {
+      let i;
+      e ? (i = new Set(t), i.has(d) ? i.delete(d) : i.add(d)) : i = new Set(t.has(d) ? [] : [
+        d
+      ]), a(i);
     }
   };
 }
-const F = /* @__PURE__ */ p(null), de = /* @__PURE__ */ C(function(e, n) {
-  let t = ie(e), a = D({
+const R = /* @__PURE__ */ $(null), se = /* @__PURE__ */ y(function(e, n) {
+  let t = de(e), a = P({
     ...e,
     defaultClassName: "react-aria-DisclosureGroup",
     values: {
       isDisabled: t.isDisabled,
       state: t
     }
-  }), i = w(e, {
+  }), d = D(e, {
     global: !0
   });
-  return /* @__PURE__ */ g.createElement("div", {
-    ...i,
+  return /* @__PURE__ */ p.createElement("div", {
+    ...d,
     ...a,
     ref: n,
     "data-disabled": e.isDisabled || void 0
-  }, /* @__PURE__ */ g.createElement(F.Provider, {
+  }, /* @__PURE__ */ p.createElement(R.Provider, {
     value: t
   }, a.children));
-}), se = /* @__PURE__ */ p(null), oe = /* @__PURE__ */ p(null), T = /* @__PURE__ */ p(null), re = /* @__PURE__ */ C(function(e, n) {
-  [e, n] = G(e, n, se);
-  let t = P(F), { id: a, ...i } = e, o = E();
-  a || (a = o);
-  let l = t ? t.expandedKeys.has(a) : e.isExpanded, s = ae({
+}), oe = /* @__PURE__ */ $(null), ie = /* @__PURE__ */ $(null), F = /* @__PURE__ */ $(null), re = /* @__PURE__ */ y(function(e, n) {
+  [e, n] = G(e, n, oe);
+  let t = C(R), { id: a, ...d } = e, i = E();
+  a || (a = i);
+  let l = t ? t.expandedKeys.has(a) : e.isExpanded, o = ae({
     ...e,
     isExpanded: l,
-    onExpandedChange(j) {
-      var x;
-      t && t.toggleKey(a), (x = e.onExpandedChange) === null || x === void 0 || x.call(e, j);
+    onExpandedChange(k) {
+      var g;
+      t && t.toggleKey(a), (g = e.onExpandedChange) === null || g === void 0 || g.call(e, k);
     }
-  }), c = g.useRef(null), f = e.isDisabled || (t == null ? void 0 : t.isDisabled) || !1, { buttonProps: $, panelProps: m } = ne({
+  }), c = p.useRef(null), f = e.isDisabled || (t == null ? void 0 : t.isDisabled) || !1, { buttonProps: b, panelProps: x } = ne({
     ...e,
     isExpanded: l,
     isDisabled: f
-  }, s, c), { isFocusVisible: y, focusProps: V } = R({
+  }, o, c), { isFocusVisible: j, focusProps: W } = M({
     within: !0
-  }), I = D({
+  }), w = P({
     ...e,
     id: void 0,
     defaultClassName: "react-aria-Disclosure",
     values: {
-      isExpanded: s.isExpanded,
+      isExpanded: o.isExpanded,
       isDisabled: f,
-      isFocusVisibleWithin: y,
-      state: s
+      isFocusVisibleWithin: j,
+      state: o
     }
-  }), k = w(i, {
+  }), V = D(d, {
     global: !0
   });
-  return /* @__PURE__ */ g.createElement(A, {
+  return /* @__PURE__ */ p.createElement(K, {
     values: [
       [
-        K,
+        S,
         {
           slots: {
             [H]: {},
-            trigger: $
+            trigger: b
           }
         }
       ],
       [
-        T,
+        F,
         {
-          panelProps: m,
+          panelProps: x,
           panelRef: c
         }
       ],
       [
-        oe,
-        s
+        ie,
+        o
       ]
     ]
-  }, /* @__PURE__ */ g.createElement("div", {
-    ...B(k, I, V),
+  }, /* @__PURE__ */ p.createElement("div", {
+    ...A(V, w, W),
     ref: n,
-    "data-expanded": s.isExpanded || void 0,
+    "data-expanded": o.isExpanded || void 0,
     "data-disabled": f || void 0,
-    "data-focus-visible-within": y || void 0
-  }, I.children));
-}), le = /* @__PURE__ */ C(function(e, n) {
-  let { role: t = "group" } = e, { panelProps: a, panelRef: i } = P(T), { isFocusVisible: o, focusProps: l } = R({
+    "data-focus-visible-within": j || void 0
+  }, w.children));
+}), le = /* @__PURE__ */ y(function(e, n) {
+  let { role: t = "group" } = e, { panelProps: a, panelRef: d } = C(F), { isFocusVisible: i, focusProps: l } = M({
     within: !0
-  }), s = D({
+  }), o = P({
     ...e,
     defaultClassName: "react-aria-DisclosurePanel",
     values: {
-      isFocusVisibleWithin: o
+      isFocusVisibleWithin: i
     }
-  }), c = w(e, {
+  }), c = D(e, {
     global: !0
   });
-  return /* @__PURE__ */ g.createElement("div", {
-    ...B(c, s, a, l),
-    ref: q(n, i),
+  return /* @__PURE__ */ p.createElement("div", {
+    ...A(c, o, a, l),
+    ref: q(n, d),
     role: t,
-    "data-focus-visible-within": o || void 0
-  }, /* @__PURE__ */ g.createElement(A, {
+    "data-focus-visible-within": i || void 0
+  }, /* @__PURE__ */ p.createElement(K, {
     values: [
       [
-        K,
+        S,
         null
       ]
     ]
   }, e.children));
-}), W = p(void 0), ce = "accordion", Oe = ({
-  variant: d,
+}), T = $(void 0), ce = "accordion", Oe = ({
+  variant: s,
   children: e,
   className: n,
   isContained: t,
   ...a
 }) => {
-  const i = t || d === "contained";
-  return /* @__PURE__ */ u(W.Provider, { value: { isContained: i }, children: /* @__PURE__ */ u(
-    de,
+  const d = t || s === "contained";
+  return /* @__PURE__ */ u(T.Provider, { value: { isContained: d }, children: /* @__PURE__ */ u(
+    se,
     {
       "data-testid": ce,
       className: h(
         _.root,
-        i ? _.contained : _.uncontained,
+        d ? _.contained : _.uncontained,
         n
       ),
       ...a,
       children: e
     }
   ) });
-}, fe = "_item_1gig9_1", ue = "_contained_1gig9_17", ge = "_success_1gig9_28", pe = "_warning_1gig9_35", $e = "_info_1gig9_42", be = "_important_1gig9_49", me = "_triggerButton_1gig9_61", xe = "_triggerText_1gig9_65", _e = "_trigger_1gig9_61", he = "_triggerMainContent_1gig9_76", Ee = "_chevronIcon_1gig9_93", ve = "_statusIcon_1gig9_99", Ce = "_panel_1gig9_113", Pe = "_content_1gig9_127", De = "_hasBackground_1gig9_133", we = "_header_1gig9_137", r = {
+}, fe = "_item_yl8dj_1", ue = "_contained_yl8dj_18", pe = "_success_yl8dj_29", $e = "_warning_yl8dj_35", be = "_info_yl8dj_41", me = "_important_yl8dj_47", xe = "_triggerButton_yl8dj_58", ge = "_triggerText_yl8dj_62", _e = "_trigger_yl8dj_58", he = "_triggerMainContent_yl8dj_73", Ee = "_chevronIcon_yl8dj_90", ve = "_statusIcon_yl8dj_96", ye = "_panel_yl8dj_110", Ce = "_content_yl8dj_124", Pe = "_hasBackground_yl8dj_130", De = "_header_yl8dj_134", r = {
   item: fe,
   contained: ue,
-  success: ge,
-  warning: pe,
-  info: $e,
-  important: be,
-  triggerButton: me,
-  triggerText: xe,
+  success: pe,
+  warning: $e,
+  info: be,
+  important: me,
+  triggerButton: xe,
+  triggerText: ge,
   trigger: _e,
   triggerMainContent: he,
   chevronIcon: Ee,
   statusIcon: ve,
-  panel: Ce,
-  content: Pe,
-  hasBackground: De,
-  header: we
+  panel: ye,
+  content: Ce,
+  hasBackground: Pe,
+  header: De
 }, Ge = ({
-  title: d,
+  title: s,
   children: e,
   className: n,
   headingLevel: t = "h2",
   type: a,
-  hasBackground: i = !0,
-  isContained: o,
+  hasBackground: d = !0,
+  isContained: i,
   ...l
 }) => {
-  const s = P(W), c = o ?? (s == null ? void 0 : s.isContained) ?? !1, f = typeof d == "object";
+  const o = C(T), c = i ?? (o == null ? void 0 : o.isContained) ?? !1, f = typeof s == "object";
   v(() => {
     a && !c && console.warn(
       "AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency."
     );
   }, [a, c]);
-  const $ = a ? z[a] : null, m = $ ? /* @__PURE__ */ u(
-    $,
+  const b = a ? z[a] : null, x = b ? /* @__PURE__ */ u(
+    b,
     {
       size: 20,
       className: r.statusIcon
     }
   ) : null;
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ I(
     re,
     {
       ...l,
@@ -287,7 +287,7 @@ const F = /* @__PURE__ */ p(null), de = /* @__PURE__ */ C(function(e, n) {
         n
       ),
       children: [
-        /* @__PURE__ */ u("div", { className: r.trigger, children: /* @__PURE__ */ N(
+        /* @__PURE__ */ u("div", { className: r.trigger, children: /* @__PURE__ */ I(
           X,
           {
             className: r.triggerButton,
@@ -301,16 +301,16 @@ const F = /* @__PURE__ */ p(null), de = /* @__PURE__ */ C(function(e, n) {
                   className: r.chevronIcon
                 }
               ),
-              /* @__PURE__ */ u("div", { className: r.triggerMainContent, children: f ? d : /* @__PURE__ */ u(
+              /* @__PURE__ */ u("div", { className: r.triggerMainContent, children: f ? s : /* @__PURE__ */ u(
                 Y,
                 {
                   level: 3,
                   elementType: t,
                   className: r.triggerText,
-                  children: d
+                  children: s
                 }
               ) }),
-              m
+              x
             ]
           }
         ) }),
@@ -319,7 +319,7 @@ const F = /* @__PURE__ */ p(null), de = /* @__PURE__ */ C(function(e, n) {
           {
             className: h(
               r.content,
-              i && r.hasBackground
+              d && r.hasBackground
             ),
             children: e
           }

package/{Breadcrumbs-DUcHHI_2.cjs → Breadcrumbs-BQLxFZVm.cjs}

@@ -1 +1 @@
-"use strict";require('./assets/Breadcrumbs.css');const $=require("react/jsx-runtime"),o=require("./Collection-BvWp2xBd.cjs"),n=require("./utils-CMHKYKlz.cjs"),X=require("./Link-wM7cVPlS.cjs"),Y=require("./mergeProps-JhcJ7uJL.cjs"),l=require("./filterDOMProps-RRlKPKX0.cjs"),c=require("react"),ee=require("./useLocalizedStringFormatter-BiX5BTlb.cjs"),re=require("./clsx-C11secjj.cjs"),ae=require("./Link-Bx6avHVl.cjs");var x={};x={breadcrumbs:"عناصر الواجهة"};var p={};p={breadcrumbs:"Трохи хляб"};var v={};v={breadcrumbs:"Popis cesty"};var D={};D={breadcrumbs:"Brødkrummer"};var C={};C={breadcrumbs:"Breadcrumbs"};var B={};B={breadcrumbs:"Πλοηγήσεις breadcrumb"};var k={};k={breadcrumbs:"Breadcrumbs"};var E={};E={breadcrumbs:"Migas de pan"};var P={};P={breadcrumbs:"Lingiread"};var g={};g={breadcrumbs:"Navigointilinkit"};var h={};h={breadcrumbs:"Chemin de navigation"};var N={};N={breadcrumbs:"שבילי ניווט"};var L={};L={breadcrumbs:"Navigacijski putovi"};var R={};R={breadcrumbs:"Morzsamenü"};var A={};A={breadcrumbs:"Breadcrumb"};var j={};j={breadcrumbs:"パンくずリスト"};var q={};q={breadcrumbs:"탐색 표시"};var y={};y={breadcrumbs:"Naršymo kelias"};var F={};F={breadcrumbs:"Atpakaļceļi"};var S={};S={breadcrumbs:"Navigasjonsstier"};var M={};M={breadcrumbs:"Broodkruimels"};var _={};_={breadcrumbs:"Struktura nawigacyjna"};var z={};z={breadcrumbs:"Caminho detalhado"};var O={};O={breadcrumbs:"Categorias"};var T={};T={breadcrumbs:"Miez de pâine"};var I={};I={breadcrumbs:"Навигация"};var K={};K={breadcrumbs:"Navigačné prvky Breadcrumbs"};var U={};U={breadcrumbs:"Drobtine"};var w={};w={breadcrumbs:"Putanje navigacije"};var G={};G={breadcrumbs:"Sökvägar"};var H={};H={breadcrumbs:"İçerik haritaları"};var J={};J={breadcrumbs:"Навігаційна стежка"};var V={};V={breadcrumbs:"导航栏"};var W={};W={breadcrumbs:"導覽列"};var Z={};Z={"ar-AE":x,"bg-BG":p,"cs-CZ":v,"da-DK":D,"de-DE":C,"el-GR":B,"en-US":k,"es-ES":E,"et-EE":P,"fi-FI":g,"fr-FR":h,"he-IL":N,"hr-HR":L,"hu-HU":R,"it-IT":A,"ja-JP":j,"ko-KR":q,"lt-LT":y,"lv-LV":F,"nb-NO":S,"nl-NL":M,"pl-PL":_,"pt-BR":z,"pt-PT":O,"ro-RO":T,"ru-RU":I,"sk-SK":K,"sl-SI":U,"sr-SP":w,"sv-SE":G,"tr-TR":H,"uk-UA":J,"zh-CN":V,"zh-TW":W};function ue(r){return r&&r.__esModule?r.default:r}function ce(r){let{"aria-label":e,...d}=r,a=ee.$fca6afa0e843324b$export$f12b703ca79dfbb1(ue(Z),"@react-aria/breadcrumbs");return{navProps:{...l.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(d,{labelable:!0}),"aria-label":e||a.format("breadcrumbs")}}}const i=c.createContext(null),de=c.forwardRef(function(e,d){[e,d]=n.$64fa3d84918910a7$export$29f1550f4b0d4415(e,d,i);let{CollectionRoot:a}=c.useContext(o.$7135fc7d473fd974$export$4feb769f8ddf26c5),{navProps:u}=ce(e),t=l.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return c.createElement(o.$e1995378a142960e$export$bf788dd355e3a401,{content:c.createElement(o.$e1995378a142960e$export$fb8073518f34e6ec,e)},b=>{var s;return c.createElement("ol",{ref:d,...Y.$3ef42575df84b30b$export$9d1611c77c2fe928(t,u),slot:e.slot||void 0,style:e.style,className:(s=e.className)!==null&&s!==void 0?s:"react-aria-Breadcrumbs"},c.createElement(i.Provider,{value:e},c.createElement(a,{collection:b})))})});class Q extends o.$23b9f4fcf0fe224b$export$d68d59712b04d9d1{}Q.type="item";const te=o.$e1995378a142960e$export$18af5c7a9e9b3664(Q,function(e,d,a){let u=a.nextKey==null,{isDisabled:t,onAction:b}=n.$64fa3d84918910a7$export$fabf2dc03a41866e(i),s={"aria-current":u?"page":null,isDisabled:t||u,onPress:()=>b==null?void 0:b(a.key)},f=n.$64fa3d84918910a7$export$4d86445c2cf5e3({...a.props,children:a.rendered,values:{isDisabled:t||u,isCurrent:u},defaultClassName:"react-aria-Breadcrumb"}),m=l.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return delete m.id,c.createElement("li",{...m,...f,ref:d,"data-disabled":t||u||void 0,"data-current":u||void 0},c.createElement(X.$4f118338184dc1d9$export$e2509388b49734e7.Provider,{value:s},f.children))}),be="_container_1k7pu_1",se={container:be},oe=({items:r,className:e,...d})=>$.jsx(de,{className:re.clsx(se.container,e),...d,children:r.map(({title:a,href:u,isDisabled:t},b)=>$.jsx(te,{children:$.jsx(ae.Link,{href:u,isDisabled:t,children:a})},a.toLocaleLowerCase()+b))});exports.Breadcrumbs=oe;
+"use strict";require('./assets/Breadcrumbs.css');const $=require("react/jsx-runtime"),o=require("./Collection-BvWp2xBd.cjs"),n=require("./utils-CMHKYKlz.cjs"),X=require("./Link-wM7cVPlS.cjs"),Y=require("./mergeProps-JhcJ7uJL.cjs"),l=require("./filterDOMProps-RRlKPKX0.cjs"),c=require("react"),ee=require("./useLocalizedStringFormatter-BiX5BTlb.cjs"),re=require("./clsx-C11secjj.cjs"),ae=require("./Link-ePZ3nrAW.cjs");var x={};x={breadcrumbs:"عناصر الواجهة"};var p={};p={breadcrumbs:"Трохи хляб"};var v={};v={breadcrumbs:"Popis cesty"};var D={};D={breadcrumbs:"Brødkrummer"};var C={};C={breadcrumbs:"Breadcrumbs"};var B={};B={breadcrumbs:"Πλοηγήσεις breadcrumb"};var k={};k={breadcrumbs:"Breadcrumbs"};var E={};E={breadcrumbs:"Migas de pan"};var P={};P={breadcrumbs:"Lingiread"};var g={};g={breadcrumbs:"Navigointilinkit"};var h={};h={breadcrumbs:"Chemin de navigation"};var N={};N={breadcrumbs:"שבילי ניווט"};var L={};L={breadcrumbs:"Navigacijski putovi"};var R={};R={breadcrumbs:"Morzsamenü"};var A={};A={breadcrumbs:"Breadcrumb"};var j={};j={breadcrumbs:"パンくずリスト"};var q={};q={breadcrumbs:"탐색 표시"};var y={};y={breadcrumbs:"Naršymo kelias"};var F={};F={breadcrumbs:"Atpakaļceļi"};var S={};S={breadcrumbs:"Navigasjonsstier"};var M={};M={breadcrumbs:"Broodkruimels"};var _={};_={breadcrumbs:"Struktura nawigacyjna"};var z={};z={breadcrumbs:"Caminho detalhado"};var O={};O={breadcrumbs:"Categorias"};var T={};T={breadcrumbs:"Miez de pâine"};var I={};I={breadcrumbs:"Навигация"};var K={};K={breadcrumbs:"Navigačné prvky Breadcrumbs"};var U={};U={breadcrumbs:"Drobtine"};var w={};w={breadcrumbs:"Putanje navigacije"};var G={};G={breadcrumbs:"Sökvägar"};var H={};H={breadcrumbs:"İçerik haritaları"};var J={};J={breadcrumbs:"Навігаційна стежка"};var V={};V={breadcrumbs:"导航栏"};var W={};W={breadcrumbs:"導覽列"};var Z={};Z={"ar-AE":x,"bg-BG":p,"cs-CZ":v,"da-DK":D,"de-DE":C,"el-GR":B,"en-US":k,"es-ES":E,"et-EE":P,"fi-FI":g,"fr-FR":h,"he-IL":N,"hr-HR":L,"hu-HU":R,"it-IT":A,"ja-JP":j,"ko-KR":q,"lt-LT":y,"lv-LV":F,"nb-NO":S,"nl-NL":M,"pl-PL":_,"pt-BR":z,"pt-PT":O,"ro-RO":T,"ru-RU":I,"sk-SK":K,"sl-SI":U,"sr-SP":w,"sv-SE":G,"tr-TR":H,"uk-UA":J,"zh-CN":V,"zh-TW":W};function ue(r){return r&&r.__esModule?r.default:r}function ce(r){let{"aria-label":e,...d}=r,a=ee.$fca6afa0e843324b$export$f12b703ca79dfbb1(ue(Z),"@react-aria/breadcrumbs");return{navProps:{...l.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(d,{labelable:!0}),"aria-label":e||a.format("breadcrumbs")}}}const i=c.createContext(null),de=c.forwardRef(function(e,d){[e,d]=n.$64fa3d84918910a7$export$29f1550f4b0d4415(e,d,i);let{CollectionRoot:a}=c.useContext(o.$7135fc7d473fd974$export$4feb769f8ddf26c5),{navProps:u}=ce(e),t=l.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return c.createElement(o.$e1995378a142960e$export$bf788dd355e3a401,{content:c.createElement(o.$e1995378a142960e$export$fb8073518f34e6ec,e)},b=>{var s;return c.createElement("ol",{ref:d,...Y.$3ef42575df84b30b$export$9d1611c77c2fe928(t,u),slot:e.slot||void 0,style:e.style,className:(s=e.className)!==null&&s!==void 0?s:"react-aria-Breadcrumbs"},c.createElement(i.Provider,{value:e},c.createElement(a,{collection:b})))})});class Q extends o.$23b9f4fcf0fe224b$export$d68d59712b04d9d1{}Q.type="item";const te=o.$e1995378a142960e$export$18af5c7a9e9b3664(Q,function(e,d,a){let u=a.nextKey==null,{isDisabled:t,onAction:b}=n.$64fa3d84918910a7$export$fabf2dc03a41866e(i),s={"aria-current":u?"page":null,isDisabled:t||u,onPress:()=>b==null?void 0:b(a.key)},f=n.$64fa3d84918910a7$export$4d86445c2cf5e3({...a.props,children:a.rendered,values:{isDisabled:t||u,isCurrent:u},defaultClassName:"react-aria-Breadcrumb"}),m=l.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return delete m.id,c.createElement("li",{...m,...f,ref:d,"data-disabled":t||u||void 0,"data-current":u||void 0},c.createElement(X.$4f118338184dc1d9$export$e2509388b49734e7.Provider,{value:s},f.children))}),be="_container_1k7pu_1",se={container:be},oe=({items:r,className:e,...d})=>$.jsx(de,{className:re.clsx(se.container,e),...d,children:r.map(({title:a,href:u,isDisabled:t},b)=>$.jsx(te,{children:$.jsx(ae.Link,{href:u,isDisabled:t,children:a})},a.toLocaleLowerCase()+b))});exports.Breadcrumbs=oe;

package/{Breadcrumbs-BAHJMPsu.js → Breadcrumbs-C6B4fyk3.js}

@@ -7,7 +7,7 @@ import { $ as f } from "./filterDOMProps-wsa9OcNI.js";
 import b, { forwardRef as de, createContext as be, useContext as se } from "react";
 import { $ as oe } from "./useLocalizedStringFormatter-CL9MUZ8A.js";
 import { c as $e } from "./clsx-OuTLNxxd.js";
-import { L as fe } from "./Link-BtxKZ0h3.js";
+import { L as fe } from "./Link-lO-Ke97K.js";
 import './assets/Breadcrumbs.css';var l = {};
 l = {
   breadcrumbs: "عناصر الواجهة"

package/{Button-DYcmg49Z.js → Button-CUMHt7MG.js}

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as a, Fragment as l } from "react/jsx-runtime";
-import { B as r } from "./Button.module-Bax2YU6N.js";
+import { B as r } from "./Button.module-CGIVvzVm.js";
 import { $ as p } from "./Button-DD5_S-tD.js";
 import { c as u } from "./clsx-OuTLNxxd.js";
 const b = ({

package/{Button-DrL5Jv-s.cjs → Button-D_tRdPW9.cjs}

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("./Button.module-BNLcvARn.cjs"),y=require("./Button-CMIbSc4-.cjs"),d=require("./clsx-C11secjj.cjs"),B=({variant:e="primary",fullwidth:u,className:o,iconPlacement:i,size:c="large",icon:n,iconSize:l,...s})=>r.jsx(y.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{className:d.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,u&&t.ButtonStyles.fullwidth,c==="medium"&&t.ButtonStyles.medium,i==="right"&&t.ButtonStyles.iconRight,o),...s,children:r.jsxs(r.Fragment,{children:[n&&r.jsx(n,{"aria-hidden":!0,size:l??20}),s.children]})});exports.Button=B;
+"use strict";const r=require("react/jsx-runtime"),t=require("./Button.module-BT9wZenr.cjs"),y=require("./Button-CMIbSc4-.cjs"),d=require("./clsx-C11secjj.cjs"),B=({variant:e="primary",fullwidth:u,className:o,iconPlacement:i,size:c="large",icon:n,iconSize:l,...s})=>r.jsx(y.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{className:d.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,u&&t.ButtonStyles.fullwidth,c==="medium"&&t.ButtonStyles.medium,i==="right"&&t.ButtonStyles.iconRight,o),...s,children:r.jsxs(r.Fragment,{children:[n&&r.jsx(n,{"aria-hidden":!0,size:l??20}),s.children]})});exports.Button=B;

package/Button.module-BT9wZenr.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Button.css');const t="_button_123ob_1",o="_secondary_123ob_48",n="_tertiary_123ob_71",_="_iconBtn_123ob_91",i="_medium_123ob_111",c="_danger_123ob_116",r="_iconRight_123ob_138",s="_fullwidth_123ob_142",e="_primary_123ob_152",a={button:t,secondary:o,tertiary:n,iconBtn:_,medium:i,danger:c,iconRight:r,fullwidth:s,primary:e};exports.ButtonStyles=a;

package/Button.module-CGIVvzVm.js

@@ -0,0 +1,14 @@
+import './assets/Button.css';const t = "_button_123ob_1", o = "_secondary_123ob_48", n = "_tertiary_123ob_71", _ = "_iconBtn_123ob_91", i = "_medium_123ob_111", c = "_danger_123ob_116", r = "_iconRight_123ob_138", s = "_fullwidth_123ob_142", e = "_primary_123ob_152", a = {
+  button: t,
+  secondary: o,
+  tertiary: n,
+  iconBtn: _,
+  medium: i,
+  danger: c,
+  iconRight: r,
+  fullwidth: s,
+  primary: e
+};
+export {
+  a as B
+};

package/{ButtonGroup-WZZDPu9Z.js → ButtonGroup-DC8925jD.js}

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { c as a } from "./clsx-OuTLNxxd.js";
-import './assets/ButtonGroup.css';const n = "_buttonGroup_dinoh_4", p = {
+import './assets/ButtonGroup.css';const n = "_buttonGroup_o1hqg_1", p = {
   buttonGroup: n
 }, b = ({
   children: o,

package/{ButtonGroup-ClYTgaRc.cjs → ButtonGroup-zx-9mxbJ.cjs}

@@ -1 +1 @@
-"use strict";require('./assets/ButtonGroup.css');const s=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),e="_buttonGroup_dinoh_4",c={buttonGroup:e},l=({children:t,className:o,"aria-label":u,...r})=>s.jsx("div",{role:"group","aria-label":u,className:n.clsx(c.buttonGroup,o),...r,children:t});exports.ButtonGroup=l;
+"use strict";require('./assets/ButtonGroup.css');const s=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),e="_buttonGroup_o1hqg_1",c={buttonGroup:e},l=({children:t,className:o,"aria-label":u,...r})=>s.jsx("div",{role:"group","aria-label":u,className:n.clsx(c.buttonGroup,o),...r,children:t});exports.ButtonGroup=l;

package/CHANGELOG.md

@@ -1,3 +1,62 @@
+# 13.0.0 (2025-09-23)
+
+### 🚀 Features
+
+- **components:** change feedback-status icon color to --midas-icon-primary ([a92b43b16b](https://github.com/migrationsverket/midas/commit/a92b43b16b))
+- ⚠️ **components-theme:** add new default css export ([60df9c5b0c](https://github.com/migrationsverket/midas/commit/60df9c5b0c))
+
+### 🩹 Fixes
+
+- **textfield:** add native attributes to textfield and textarea ([b66f66e0c2](https://github.com/migrationsverket/midas/commit/b66f66e0c2))
+- **table:** use correct background color for row ([11ba3df094](https://github.com/migrationsverket/midas/commit/11ba3df094))
+- **layout:** remove hash from main role querySelector ([1de02a1daf](https://github.com/migrationsverket/midas/commit/1de02a1daf))
+
+### 🏭 Refactoring
+
+- remove theme from components project completely, rely on theme package ([5616f8ecc2](https://github.com/migrationsverket/midas/commit/5616f8ecc2))
+
+### 📖 Documentation changes
+
+- add an unreleased indicator in the header ([a531105b18](https://github.com/migrationsverket/midas/commit/a531105b18))
+
+### 🔧 Maintenance
+
+- split global.css into fonts.css and color-scheme.css ([4597020286](https://github.com/migrationsverket/midas/commit/4597020286))
+- **components:** remove reference to missing plugin ([8afb0b77d7](https://github.com/migrationsverket/midas/commit/8afb0b77d7))
+- **theme:** rename imported variables ([1f33edb0a8](https://github.com/migrationsverket/midas/commit/1f33edb0a8))
+- **theme:** revert removal of css ([32fd9c10f6](https://github.com/migrationsverket/midas/commit/32fd9c10f6))
+- fix jest module name mapper for theme project ([67ab292b9b](https://github.com/migrationsverket/midas/commit/67ab292b9b))
+- temporary fix on named module imports in preview.tsx ([4ef7584195](https://github.com/migrationsverket/midas/commit/4ef7584195))
+- fix component unused variables ([86456c1412](https://github.com/migrationsverket/midas/commit/86456c1412))
+- fix stylelint references ([0772ed273e](https://github.com/migrationsverket/midas/commit/0772ed273e))
+- **storybook:** refactor theme imports to point to theme package ([3410f92902](https://github.com/migrationsverket/midas/commit/3410f92902))
+- buildable docs version ([b25c77fdf3](https://github.com/migrationsverket/midas/commit/b25c77fdf3))
+
+### ⚠️ Breaking Changes
+
+- **components-theme:** Default styles are now accessible from `import '@midas-ds/components/default.css'` or via the `@midas-ds/theme` package.
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.0.0
+
+## 12.1.1 (2025-09-12)
+
+### 🩹 Fixes
+
+- **modal:** remove modal enter animation ([929648ac35](https://github.com/migrationsverket/midas/commit/929648ac35))
+
+### 💅 Refactors
+
+- **components:** replace `@values` import with hard-coded values for all components ([417bab504b](https://github.com/migrationsverket/midas/commit/417bab504b))
+
+### 🔧 Maintenance
+
+- **components:** stylelint fixing and remove unused css ([b697a7d237](https://github.com/migrationsverket/midas/commit/b697a7d237))
+- **theme:** sync tokens with components lib ([30c3df9190](https://github.com/migrationsverket/midas/commit/30c3df9190))
+- **components:** remove irrelevant token script from project.json [nx] ([f640ca601c](https://github.com/migrationsverket/midas/commit/f640ca601c))
+- setup theme package to export correct variables and tokens ([f71900e8e9](https://github.com/migrationsverket/midas/commit/f71900e8e9))
+
 ## 12.1.0 (2025-09-10)
 
 ### 🚀 Features