@midas-ds/components 12.1.1 → 13.0.1-local.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-Dd9VLdsb.js → AccordionItem-D2Y0gJZB.js}

@@ -1,16 +1,16 @@
-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 { $ 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";
@@ -18,9 +18,9 @@ import './assets/AccordionItem.css';const ee = "_root_17bdp_1", te = "_contained
   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/CHANGELOG.md

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

package/{CheckboxGroup-BmCK0XG9.js → CheckboxGroup-BmFdy-K6.js}

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as g } from "react/jsx-runtime";
-import { a as P, L as V } from "./Label-C5TNJ0Ku.js";
+import { a as P, L as V } from "./Label-1N6ddn5w.js";
 import { T as C } from "./Text-CmlsaWMA.js";
 import * as m from "react";
 import { useState as S, useRef as y } from "react";

package/{CheckboxGroup-DbmYdQEv.cjs → CheckboxGroup-LrqCwPET.cjs}

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

package/{ComboBox-Cl6jBB-8.js → ComboBox-B2btGwWe.js}

@@ -7,7 +7,7 @@ import { $ as Eu } from "./Form-CXcEMuBf.js";
 import { $ as ye } from "./Group-C73mD_-i.js";
 import { $ as Fe, a as Du } from "./Input-BLVRv0FK.js";
 import { d as Tu, e as yu, f as Se, g as Fu } from "./ListBox-LncMQt6I.js";
-import { p as Su, h as Lu, i as gu, n as ku } from "./Dialog-B8swxl24.js";
+import { p as Su, h as Lu, i as gu, n as ku } from "./Dialog-COeUapMW.js";
 import { $ as Le } from "./Text-Be7WIOwv.js";
 import { b as Ku, c as Pu } from "./Collection-B0_WAieZ.js";
 import { $ as Iu } from "./filterDOMProps-wsa9OcNI.js";
@@ -29,9 +29,9 @@ import { c as Ju } from "./ListKeyboardDelegate-CVxkAn5D.js";
 import { $ as Yu } from "./useLocalizedStringFormatter-CL9MUZ8A.js";
 import { $ as Qu } from "./useTextField-BC5X_AO_.js";
 import { c as Ce } from "./clsx-OuTLNxxd.js";
-import { a as en, L as un } from "./Label-C5TNJ0Ku.js";
+import { a as en, L as un } from "./Label-1N6ddn5w.js";
 import { T as Ae } from "./Text-CmlsaWMA.js";
-import { b as nn, L as on, a as tn, c as ln } from "./ListBoxSection-BBY8-t3_.js";
+import { b as nn, L as on, a as tn, c as ln } from "./ListBoxSection-D7BcbjUt.js";
 import { C as cn } from "./chevron-down-DmZMdOiC.js";
 import { u as pn } from "./useLocalizedStringFormatter-N0AyjzbM.js";
 import './assets/ComboBox.css';var ke = {};