@midas-ds/components 12.1.1 → 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-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/InfoBanner-C82hcpzj.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/InfoBanner.css');const e=require("react/jsx-runtime"),q=require("./icon-map-9XcghDra.cjs"),v=require("react"),S=require("./clsx-C11secjj.cjs"),z=require("./Button-D_tRdPW9.cjs"),R=require("./x-rV-nu490.cjs"),w=require("./useLocalizedStringFormatter-BO2iZEL0.cjs");function y(s){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>s[t]})}}return r.default=s,Object.freeze(r)}const f=y(v),M="_infoBanner_1firo_1",P="_success_1firo_11",h="_info_1firo_1",p="_important_1firo_21",D="_warning_1firo_26",F="_content_1firo_35",I="_heading_1firo_41",L="_text_1firo_46",k="_icon_1firo_52",E="_dismissable_1firo_57",i={infoBanner:M,success:P,info:h,important:p,warning:D,content:F,heading:I,text:L,icon:k,dismissable:E},T={close:"Close"},X={close:"Stäng"},A={en:T,sv:X},G=({title:s,message:r,type:t,children:o,isDismissable:m=!1,defaultOpen:x=!0,isOpen:a,onOpenChange:n,...l})=>{const u=f.useRef(!0),c=typeof a<"u",[j,_]=f.useState(c?a:x),b=q.iconMap[t],g=w.useLocalizedStringFormatter(A),B=()=>{n==null||n(!1),c||_(!1)};return f.useEffect(()=>{if(u.current){u.current=!1;return}_(N=>{const d=c&&a||!c&&!N;return d&&(n==null||n(!0)),d})},[a,c,n]),j?e.jsxs("div",{...l,className:S.clsx(i.infoBanner,i[t],l.className),children:[e.jsx(b,{size:20,"aria-hidden":!0,className:i.icon}),e.jsxs("div",{className:i.content,children:[s&&e.jsx("strong",{className:i.heading,children:s}),e.jsxs("div",{className:i.text,children:[r,o]})]}),m&&e.jsx("div",{className:i.dismissable,children:e.jsx(z.Button,{variant:"icon","aria-label":g.format("close"),onPress:B,children:e.jsx(R.X,{size:20})})})]}):null};exports.InfoBanner=G;

package/InfoBanner-Dz_0wVSa.js

@@ -0,0 +1,83 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { i as w } from "./icon-map-uS87FT_Q.js";
+import * as c from "react";
+import { c as z } from "./clsx-OuTLNxxd.js";
+import { B as R } from "./Button-CUMHt7MG.js";
+import { X as S } from "./x-C2xUHAEl.js";
+import { u as h } from "./useLocalizedStringFormatter-N0AyjzbM.js";
+import './assets/InfoBanner.css';const j = "_infoBanner_1firo_1", I = "_success_1firo_11", y = "_info_1firo_1", E = "_important_1firo_21", F = "_warning_1firo_26", L = "_content_1firo_35", M = "_heading_1firo_41", P = "_text_1firo_46", X = "_icon_1firo_52", k = "_dismissable_1firo_57", i = {
+  infoBanner: j,
+  success: I,
+  info: y,
+  important: E,
+  warning: F,
+  content: L,
+  heading: M,
+  text: P,
+  icon: X,
+  dismissable: k
+}, q = { close: "Close" }, A = { close: "Stäng" }, D = {
+  en: q,
+  sv: A
+}, U = ({
+  title: e,
+  message: d,
+  type: a,
+  children: u,
+  isDismissable: x = !1,
+  defaultOpen: B = !0,
+  isOpen: r,
+  onOpenChange: s,
+  ...f
+}) => {
+  const m = c.useRef(!0), t = typeof r < "u", [N, l] = c.useState(
+    t ? r : B
+  ), v = w[a], b = h(D), g = () => {
+    s == null || s(!1), t || l(!1);
+  };
+  return c.useEffect(() => {
+    if (m.current) {
+      m.current = !1;
+      return;
+    }
+    l((p) => {
+      const _ = t && r || !t && !p;
+      return _ && (s == null || s(!0)), _;
+    });
+  }, [r, t, s]), N ? /* @__PURE__ */ n(
+    "div",
+    {
+      ...f,
+      className: z(i.infoBanner, i[a], f.className),
+      children: [
+        /* @__PURE__ */ o(
+          v,
+          {
+            size: 20,
+            "aria-hidden": !0,
+            className: i.icon
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: i.content, children: [
+          e && /* @__PURE__ */ o("strong", { className: i.heading, children: e }),
+          /* @__PURE__ */ n("div", { className: i.text, children: [
+            d,
+            u
+          ] })
+        ] }),
+        x && /* @__PURE__ */ o("div", { className: i.dismissable, children: /* @__PURE__ */ o(
+          R,
+          {
+            variant: "icon",
+            "aria-label": b.format("close"),
+            onPress: g,
+            children: /* @__PURE__ */ o(S, { size: 20 })
+          }
+        ) })
+      ]
+    }
+  ) : null;
+};
+export {
+  U as I
+};