@react-spectrum/s2 1.3.0 → 1.4.0

package/dist/private/IllustratedMessage.mjs

@@ -36,309 +36,309 @@ const $4950413ac998f607$var$illustratedMessage = function anonymous(props, overr
         if (p[1] === "L") maxWidth = true;
         rules += p[0];
     }
-    rules += ' se13';
+    rules += ' se131';
     if (props.size === "XL") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
     } else if (props.size === "L") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
     } else if (props.size === "S") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
     } else if (props.size === "XS") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
     } else {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-e131';
+        rules += ' vx131';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-d131';
+        rules += ' vx131';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-b131';
+        rules += ' vx131';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-a131';
+        rules += ' vx131';
     } else {
-        rules += ' -_6BNtrc-c13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-c131';
+        rules += ' vx131';
     }
     if (props.size === "XL") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb131';
+        rules += ' _xa131';
     } else if (props.size === "L") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb131';
+        rules += ' _xa131';
     } else if (props.size === "S") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb131';
+        rules += ' _xa131';
     } else if (props.size === "XS") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb131';
+        rules += ' _xa131';
     } else {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb131';
+        rules += ' _xa131';
     }
     if (props.size === "XL") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
     } else if (props.size === "L") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
     } else if (props.size === "S") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
     } else if (props.size === "XS") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
     } else {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
     }
-    if (props.size === "XL") rules += ' pt13';
-    else if (props.size === "L") rules += ' pt13';
-    else if (props.size === "S") rules += ' pt13';
-    else if (props.size === "XS") rules += ' pt13';
-    else rules += ' pt13';
+    if (props.size === "XL") rules += ' pt131';
+    else if (props.size === "L") rules += ' pt131';
+    else if (props.size === "S") rules += ' pt131';
+    else if (props.size === "XS") rules += ' pt131';
+    else rules += ' pt131';
     if (props.orientation === "horizontal") {
-        if (!maxWidth) rules += ' Lj13';
+        if (!maxWidth) rules += ' Lj131';
     } else if (props.orientation === "vertical") {
-        if (!maxWidth) rules += ' Li13';
+        if (!maxWidth) rules += ' Li131';
     }
-    if (props.orientation === "horizontal") rules += ' CLJajOe13';
-    else if (props.orientation === "vertical") rules += ' CPmblS13';
-    if (props.orientation === "horizontal") rules += ' E6zxP8c13';
+    if (props.orientation === "horizontal") rules += ' CLJajOe131';
+    else if (props.orientation === "vertical") rules += ' CPmblS131';
+    if (props.orientation === "horizontal") rules += ' E6zxP8c131';
     else if (props.orientation === "vertical") {
-        if (props.size === "L") rules += ' EdL79913';
-        else rules += ' E02fTrb13';
+        if (props.size === "L") rules += ' EdL799131';
+        else rules += ' E02fTrb131';
     }
-    if (props.orientation === "horizontal") rules += ' DrSmbR13';
-    if (props.orientation === "horizontal") rules += ' _Dc13';
-    else if (props.orientation === "vertical") rules += ' _Da13';
-    if (props.orientation === "vertical") rules += ' _Wa13';
+    if (props.orientation === "horizontal") rules += ' DrSmbR131';
+    if (props.orientation === "horizontal") rules += ' _Dc131';
+    else if (props.orientation === "vertical") rules += ' _Da131';
+    if (props.orientation === "vertical") rules += ' _Wa131';
     return rules;
 };
 const $4950413ac998f607$var$illustration = function anonymous(props) {
     let rules = " ";
-    rules += ' zTZ8xtd13';
-    rules += ' yTZ8xtd13';
-    rules += ' BTZ8xtd13';
-    rules += ' ATZ8xtd13';
-    rules += ' _dc13';
-    if (props.isDropTarget) rules += ' -_8sjo0b-pu13';
-    else rules += ' -_8sjo0b-pt13';
+    rules += ' zTZ8xtd131';
+    rules += ' yTZ8xtd131';
+    rules += ' BTZ8xtd131';
+    rules += ' ATZ8xtd131';
+    rules += ' _dc131';
+    if (props.isDropTarget) rules += ' -_8sjo0b-pu131';
+    else rules += ' -_8sjo0b-pt131';
     return rules;
 };
 const $4950413ac998f607$var$heading = function anonymous(props) {
     let rules = " ";
-    rules += ' zPCJngb13';
-    rules += ' yPCJngb13';
-    rules += ' BPCJngb13';
-    rules += ' APCJngb13';
+    rules += ' zPCJngb131';
+    rules += ' yPCJngb131';
+    rules += ' BPCJngb131';
+    rules += ' APCJngb131';
     if (props.size === "L") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
     } else if (props.size === "M") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
     } else if (props.size === "S") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
     }
     if (props.size === "L") {
-        rules += ' -_6BNtrc-g13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-g131';
+        rules += ' vx131';
     } else if (props.size === "M") {
-        rules += ' -_6BNtrc-f13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-f131';
+        rules += ' vx131';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-d13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-d131';
+        rules += ' vx131';
     }
     if (props.size === "L") {
-        rules += ' xd13';
-        rules += ' _xa13';
-        rules += ' xX0cczbc13';
-        rules += ' _xX0cczba13';
-        rules += ' xfd13';
-        rules += ' _xfa13';
-        rules += ' xfX0cczbc13';
-        rules += ' _xfX0cczba13';
+        rules += ' xd131';
+        rules += ' _xa131';
+        rules += ' xX0cczbc131';
+        rules += ' _xX0cczba131';
+        rules += ' xfd131';
+        rules += ' _xfa131';
+        rules += ' xfX0cczbc131';
+        rules += ' _xfX0cczba131';
     } else if (props.size === "M") {
-        rules += ' xd13';
-        rules += ' _xa13';
-        rules += ' xX0cczbc13';
-        rules += ' _xX0cczba13';
-        rules += ' xfd13';
-        rules += ' _xfa13';
-        rules += ' xfX0cczbc13';
-        rules += ' _xfX0cczba13';
+        rules += ' xd131';
+        rules += ' _xa131';
+        rules += ' xX0cczbc131';
+        rules += ' _xX0cczba131';
+        rules += ' xfd131';
+        rules += ' _xfa131';
+        rules += ' xfX0cczbc131';
+        rules += ' _xfX0cczba131';
     } else if (props.size === "S") {
-        rules += ' xd13';
-        rules += ' _xa13';
-        rules += ' xX0cczbc13';
-        rules += ' _xX0cczba13';
-        rules += ' xfd13';
-        rules += ' _xfa13';
-        rules += ' xfX0cczbc13';
-        rules += ' _xfX0cczba13';
+        rules += ' xd131';
+        rules += ' _xa131';
+        rules += ' xX0cczbc131';
+        rules += ' _xX0cczba131';
+        rules += ' xfd131';
+        rules += ' _xfa131';
+        rules += ' xfX0cczbc131';
+        rules += ' _xfX0cczba131';
     }
     if (props.size === "L") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
     } else if (props.size === "M") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
     } else if (props.size === "S") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
     }
-    if (props.size === "L") rules += ' po13';
-    else if (props.size === "M") rules += ' po13';
-    else if (props.size === "S") rules += ' po13';
-    rules += ' _dd13';
-    rules += ' Jy13';
-    rules += ' Gy13';
-    rules += ' Iy13';
-    rules += ' Hy13';
+    if (props.size === "L") rules += ' po131';
+    else if (props.size === "M") rules += ' po131';
+    else if (props.size === "S") rules += ' po131';
+    rules += ' _dd131';
+    rules += ' Jy131';
+    rules += ' Gy131';
+    rules += ' Iy131';
+    rules += ' Hy131';
     return rules;
 };
 const $4950413ac998f607$var$content = function anonymous(props) {
     let rules = " ";
     if (props.size === "L") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
     } else if (props.size === "M") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
     } else if (props.size === "S") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
     }
     if (props.size === "L") {
-        rules += ' -_6BNtrc-c13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-c131';
+        rules += ' vx131';
     } else if (props.size === "M") {
-        rules += ' -_6BNtrc-c13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-c131';
+        rules += ' vx131';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-b131';
+        rules += ' vx131';
     }
     if (props.size === "L") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb131';
+        rules += ' _xa131';
     } else if (props.size === "M") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb131';
+        rules += ' _xa131';
     } else if (props.size === "S") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb131';
+        rules += ' _xa131';
     }
     if (props.size === "L") {
-        rules += ' _Fb13';
-        rules += ' _FnuYUwec13';
+        rules += ' _Fb131';
+        rules += ' _FnuYUwec131';
     } else if (props.size === "M") {
-        rules += ' _Fb13';
-        rules += ' _FnuYUwec13';
+        rules += ' _Fb131';
+        rules += ' _FnuYUwec131';
     } else if (props.size === "S") {
-        rules += ' _Fb13';
-        rules += ' _FnuYUwec13';
+        rules += ' _Fb131';
+        rules += ' _FnuYUwec131';
     }
-    if (props.size === "L") rules += ' pt13';
-    else if (props.size === "M") rules += ' pt13';
-    else if (props.size === "S") rules += ' pt13';
-    rules += ' zk52g2d13';
-    rules += ' yk52g2d13';
-    rules += ' Bk52g2d13';
-    rules += ' Ak52g2d13';
-    rules += ' _de13';
+    if (props.size === "L") rules += ' pt131';
+    else if (props.size === "M") rules += ' pt131';
+    else if (props.size === "S") rules += ' pt131';
+    rules += ' zk52g2d131';
+    rules += ' yk52g2d131';
+    rules += ' Bk52g2d131';
+    rules += ' Ak52g2d131';
+    rules += ' _de131';
     return rules;
 };
-const $4950413ac998f607$var$buttonGroup = " zmlKpq13 ymlKpq13 BmlKpq13 AmlKpq13 JC13";
+const $4950413ac998f607$var$buttonGroup = " zmlKpq131 ymlKpq131 BmlKpq131 AmlKpq131 JC131";
 const $4950413ac998f607$export$d661ef89ad42d682 = /*#__PURE__*/ (0, $3JmRZ$createContext)(null);
 const $4950413ac998f607$export$406dbc84c317ece0 = /*#__PURE__*/ (0, $3JmRZ$forwardRef)(function IllustratedMessage(props, ref) {
     [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $4950413ac998f607$export$d661ef89ad42d682);

package/dist/private/IllustratedMessage.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAoCD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDN,MAAM;;;;;;;;;;;AAYN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYN,MAAM;AAUC,MAAM,0DAA4B,CAAA,GAAA,oBAAY,EAAsF;AAMpI,MAAM,4CAAqB,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,mBAAmB,KAAwC,EAAE,GAA2B;IAC1J,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YACF,QAAQ,eACR,cAAc,oBACd,OAAO,uBACP,mBAAmB,kBACnB,YAAY,gBACZ,eAAe,qBACf,eAAe,OACf,GAAG,YACJ,GAAG;IAEJ,qBACE,gBAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC9B,OAAO;QACP,WAAW,mBAAmB,yCAAmB;YAC/C,MAAM,MAAM,IAAI,IAAI;YACpB,aAAa,MAAM,WAAW,IAAI;QACpC,GAAG,MAAM,MAAM;QACf,KAAK;kBACL,cAAA,gBAAC,CAAA,GAAA,eAAO;YACN,QAAQ;gBACN;oBAAC,CAAA,GAAA,yCAAa;oBAAG;wBAAC,QAAQ,8BAAQ;yCAAC;kCAAa;wBAAI;oBAAE;iBAAE;gBACxD;oBAAC,CAAA,GAAA,yCAAa;oBAAG;wBAAC,QAAQ,8BAAQ;kCAAC;wBAAI;oBAAE;iBAAE;gBAC3C;oBAAC,CAAA,GAAA,yCAAkB;oBAAG;wBAAC,MAAM,SAAS,MAAM,MAAM;wBAAK,QAAQ,mCAAa;yCAAC;kCAAa;0CAAM;0CAAc;wBAAY;oBAAE;iBAAE;gBAC9H;oBAAC,CAAA,GAAA,yCAAiB;oBAAG;wBAAC,QAAQ;oBAAW;iBAAE;aAC5C;sBACA;;;AAIT","sources":["packages/@react-spectrum/s2/src/IllustratedMessage.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ButtonGroupContext} from './ButtonGroup';\nimport {ContentContext, HeadingContext} from './Content';\nimport {ContextValue, Provider} from 'react-aria-components/slots';\nimport {controlFont, getAllowedOverrides, StylesPropWithHeight, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {IllustrationContext} from './Icon';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\ninterface IllustratedMessageStyleProps {\n  /**\n   * The size of the IllustratedMessage.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L',\n  /**\n   * The direction that the IllustratedMessage should be laid out in.\n   *\n   * @default 'vertical'\n   */\n  orientation?: 'horizontal' | 'vertical'\n}\n\ninterface S2SpectrumIllustratedMessageProps extends DOMProps, UnsafeStyles, IllustratedMessageStyleProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight,\n  /** The content to display in the IllustratedMessage. */\n  children: ReactNode\n}\n\nconst illustratedMessage = style<IllustratedMessageStyleProps & {isInDropZone?: boolean}>({\n  display: 'grid',\n  font: controlFont(),\n  maxWidth: {\n    orientation: {\n      vertical: 380,\n      horizontal: 528 // ask design about max width for horizontal because doesn't look great when L\n    }\n  },\n  gridTemplateAreas: {\n    orientation: {\n      vertical: [\n        '   .  illustration .   ',\n        '   .       .       .   ',\n        'heading heading heading',\n        '   .       .       .   ',\n        'content content content',\n        '   .  buttonGroup  .   '\n      ],\n      horizontal: [\n        'illustration . heading',\n        'illustration .    .   ',\n        'illustration . content',\n        'illustration . buttonGroup'\n      ]\n    }\n  },\n  gridTemplateRows: {\n    orientation: {\n      vertical: {\n        default: ['min-content', 12, 'min-content', 4, 'min-content', 'min-content'],\n        size: {\n          L: ['min-content', 8, 'min-content', 4, 'min-content', 'min-content']\n        }\n      },\n      horizontal: ['1fr', 4, '1fr']\n    }\n  },\n  gridTemplateColumns: {\n    orientation: {\n      horizontal: ['1fr', 12, 'auto']\n    }\n  },\n  justifyItems: {\n    orientation: {\n      vertical: 'center',\n      horizontal: 'start'\n    }\n  },\n  textAlign: {\n    orientation: {\n      vertical: 'center'\n    }\n  }\n}, getAllowedOverrides({height: true}));\n\nconst illustration = style<IllustratedMessageStyleProps & {isInDropZone?: boolean, isDropTarget?: boolean}>({\n  gridArea: 'illustration',\n  alignSelf: 'center',\n  '--iconPrimary': {\n    type: 'color',\n    value: {\n      default: 'neutral',\n      isDropTarget: 'accent'\n    }\n  }\n});\n\nconst heading = style<IllustratedMessageStyleProps>({\n  gridArea: 'heading',\n  font: {\n    size: {\n      S: 'title',\n      M: 'title-xl',\n      L: 'title-2xl'\n    }\n  },\n  alignSelf: 'end',\n  margin: 0\n});\n\nconst content = style({\n  font: {\n    size: {\n      S: 'body-xs',\n      M: 'body-sm',\n      L: 'body-sm'\n    }\n  },\n  gridArea: 'content',\n  alignSelf: 'start'\n});\n\nconst buttonGroup = style({\n  gridArea: 'buttonGroup',\n  marginTop: 16\n});\n\ninterface IllustratedMessageContextProps extends Partial<S2SpectrumIllustratedMessageProps> {\n  isInDropZone?: boolean,\n  isDropTarget?: boolean\n}\n\nexport const IllustratedMessageContext = createContext<ContextValue<Partial<IllustratedMessageContextProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * An IllustratedMessage displays an illustration and a message, usually\n * for an empty state or an error page.\n */\nexport const IllustratedMessage = /*#__PURE__*/ forwardRef(function IllustratedMessage(props: S2SpectrumIllustratedMessageProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, IllustratedMessageContext);\n  let domRef = useDOMRef(ref);\n  let {\n    children,\n    orientation = 'horizontal',\n    size = 'M',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    isInDropZone = false,\n    isDropTarget = false,\n    ...otherProps\n  } = props as IllustratedMessageContextProps;\n\n  return (\n    <div\n      {...filterDOMProps(otherProps)}\n      style={UNSAFE_style}\n      className={UNSAFE_className + illustratedMessage({\n        size: props.size || 'M',\n        orientation: props.orientation || 'vertical'\n      }, props.styles)}\n      ref={domRef}>\n      <Provider\n        values={[\n          [HeadingContext, {styles: heading({orientation, size})}],\n          [ContentContext, {styles: content({size})}],\n          [IllustrationContext, {size: size === 'L' ? 'L' : 'M', styles: illustration({orientation, size, isInDropZone, isDropTarget})}],\n          [ButtonGroupContext, {styles: buttonGroup}]\n        ]}>\n        {children}\n      </Provider>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"IllustratedMessage.mjs.map"}
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AA0CD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DN,MAAM;;;;;;;;;;;AAcN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYN,MAAM;AAUC,MAAM,0DACX,CAAA,GAAA,oBAAY,EACV;AAOG,MAAM,4CAAqB,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,mBAClE,KAAwC,EACxC,GAA2B;IAE3B,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YACF,QAAQ,eACR,cAAc,oBACd,OAAO,uBACP,mBAAmB,kBACnB,YAAY,gBACZ,eAAe,qBACf,eAAe,OACf,GAAG,YACJ,GAAG;IAEJ,qBACE,gBAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC9B,OAAO;QACP,WACE,mBACA,yCACE;YACE,MAAM,MAAM,IAAI,IAAI;YACpB,aAAa,MAAM,WAAW,IAAI;QACpC,GACA,MAAM,MAAM;QAGhB,KAAK;kBACL,cAAA,gBAAC,CAAA,GAAA,eAAO;YACN,QAAQ;gBACN;oBAAC,CAAA,GAAA,yCAAa;oBAAG;wBAAC,QAAQ,8BAAQ;yCAAC;kCAAa;wBAAI;oBAAE;iBAAE;gBACxD;oBAAC,CAAA,GAAA,yCAAa;oBAAG;wBAAC,QAAQ,8BAAQ;kCAAC;wBAAI;oBAAE;iBAAE;gBAC3C;oBACE,CAAA,GAAA,yCAAkB;oBAClB;wBACE,MAAM,SAAS,MAAM,MAAM;wBAC3B,QAAQ,mCAAa;yCAAC;kCAAa;0CAAM;0CAAc;wBAAY;oBACrE;iBACD;gBACD;oBAAC,CAAA,GAAA,yCAAiB;oBAAG;wBAAC,QAAQ;oBAAW;iBAAE;aAC5C;sBACA;;;AAIT","sources":["packages/@react-spectrum/s2/src/IllustratedMessage.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ButtonGroupContext} from './ButtonGroup';\nimport {ContentContext, HeadingContext} from './Content';\nimport {ContextValue, Provider} from 'react-aria-components/slots';\nimport {\n  controlFont,\n  getAllowedOverrides,\n  StylesPropWithHeight,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {IllustrationContext} from './Icon';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\ninterface IllustratedMessageStyleProps {\n  /**\n   * The size of the IllustratedMessage.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L';\n  /**\n   * The direction that the IllustratedMessage should be laid out in.\n   *\n   * @default 'vertical'\n   */\n  orientation?: 'horizontal' | 'vertical';\n}\n\ninterface S2SpectrumIllustratedMessageProps\n  extends DOMProps, UnsafeStyles, IllustratedMessageStyleProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight;\n  /** The content to display in the IllustratedMessage. */\n  children: ReactNode;\n}\n\nconst illustratedMessage = style<IllustratedMessageStyleProps & {isInDropZone?: boolean}>(\n  {\n    display: 'grid',\n    font: controlFont(),\n    maxWidth: {\n      orientation: {\n        vertical: 380,\n        horizontal: 528 // ask design about max width for horizontal because doesn't look great when L\n      }\n    },\n    gridTemplateAreas: {\n      orientation: {\n        vertical: [\n          '   .  illustration .   ',\n          '   .       .       .   ',\n          'heading heading heading',\n          '   .       .       .   ',\n          'content content content',\n          '   .  buttonGroup  .   '\n        ],\n        horizontal: [\n          'illustration . heading',\n          'illustration .    .   ',\n          'illustration . content',\n          'illustration . buttonGroup'\n        ]\n      }\n    },\n    gridTemplateRows: {\n      orientation: {\n        vertical: {\n          default: ['min-content', 12, 'min-content', 4, 'min-content', 'min-content'],\n          size: {\n            L: ['min-content', 8, 'min-content', 4, 'min-content', 'min-content']\n          }\n        },\n        horizontal: ['1fr', 4, '1fr']\n      }\n    },\n    gridTemplateColumns: {\n      orientation: {\n        horizontal: ['1fr', 12, 'auto']\n      }\n    },\n    justifyItems: {\n      orientation: {\n        vertical: 'center',\n        horizontal: 'start'\n      }\n    },\n    textAlign: {\n      orientation: {\n        vertical: 'center'\n      }\n    }\n  },\n  getAllowedOverrides({height: true})\n);\n\nconst illustration = style<\n  IllustratedMessageStyleProps & {isInDropZone?: boolean; isDropTarget?: boolean}\n>({\n  gridArea: 'illustration',\n  alignSelf: 'center',\n  '--iconPrimary': {\n    type: 'color',\n    value: {\n      default: 'neutral',\n      isDropTarget: 'accent'\n    }\n  }\n});\n\nconst heading = style<IllustratedMessageStyleProps>({\n  gridArea: 'heading',\n  font: {\n    size: {\n      S: 'title',\n      M: 'title-xl',\n      L: 'title-2xl'\n    }\n  },\n  alignSelf: 'end',\n  margin: 0\n});\n\nconst content = style({\n  font: {\n    size: {\n      S: 'body-xs',\n      M: 'body-sm',\n      L: 'body-sm'\n    }\n  },\n  gridArea: 'content',\n  alignSelf: 'start'\n});\n\nconst buttonGroup = style({\n  gridArea: 'buttonGroup',\n  marginTop: 16\n});\n\ninterface IllustratedMessageContextProps extends Partial<S2SpectrumIllustratedMessageProps> {\n  isInDropZone?: boolean;\n  isDropTarget?: boolean;\n}\n\nexport const IllustratedMessageContext =\n  createContext<ContextValue<Partial<IllustratedMessageContextProps>, DOMRefValue<HTMLDivElement>>>(\n    null\n  );\n\n/**\n * An IllustratedMessage displays an illustration and a message, usually\n * for an empty state or an error page.\n */\nexport const IllustratedMessage = /*#__PURE__*/ forwardRef(function IllustratedMessage(\n  props: S2SpectrumIllustratedMessageProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, IllustratedMessageContext);\n  let domRef = useDOMRef(ref);\n  let {\n    children,\n    orientation = 'horizontal',\n    size = 'M',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    isInDropZone = false,\n    isDropTarget = false,\n    ...otherProps\n  } = props as IllustratedMessageContextProps;\n\n  return (\n    <div\n      {...filterDOMProps(otherProps)}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className +\n        illustratedMessage(\n          {\n            size: props.size || 'M',\n            orientation: props.orientation || 'vertical'\n          },\n          props.styles\n        )\n      }\n      ref={domRef}>\n      <Provider\n        values={[\n          [HeadingContext, {styles: heading({orientation, size})}],\n          [ContentContext, {styles: content({size})}],\n          [\n            IllustrationContext,\n            {\n              size: size === 'L' ? 'L' : 'M',\n              styles: illustration({orientation, size, isInDropZone, isDropTarget})\n            }\n          ],\n          [ButtonGroupContext, {styles: buttonGroup}]\n        ]}>\n        {children}\n      </Provider>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"IllustratedMessage.mjs.map"}

package/dist/private/Image.cjs

@@ -57,21 +57,21 @@ function $053b76ed3d29e13b$var$reducer(state, action) {
             return state;
     }
 }
-const $053b76ed3d29e13b$var$wrapperStyles = " gH13 _Nc13 Pc13";
+const $053b76ed3d29e13b$var$wrapperStyles = " gH131 _Nc131 Pc131";
 const $053b76ed3d29e13b$var$imgStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' sb13';
-    rules += ' Za13';
-    rules += ' Fb13';
-    rules += ' _H40ub4c13';
-    rules += ' __D40ub4c13';
-    if (props.isRevealed) rules += ' _Ib13';
-    else rules += ' _Ia13';
-    if (props.isTransitioning) rules += ' Yf13';
-    else rules += ' Ye13';
-    rules += ' Xe13';
-    if (props.isTransitioning) rules += ' _2b13';
-    else rules += ' _2b13';
+    rules += ' sb131';
+    rules += ' Za131';
+    rules += ' Fb131';
+    rules += ' _H40ub4c131';
+    rules += ' __D40ub4c131';
+    if (props.isRevealed) rules += ' _Ib131';
+    else rules += ' _Ia131';
+    if (props.isTransitioning) rules += ' Yf131';
+    else rules += ' Ye131';
+    rules += ' Xe131';
+    if (props.isTransitioning) rules += ' _2b131';
+    else rules += ' _2b131';
     return rules;
 };
 const $053b76ed3d29e13b$export$3e431a229df88919 = /*#__PURE__*/ (0, $kwMay$react.forwardRef)(function Image(props, domRef) {
@@ -131,8 +131,8 @@ const $053b76ed3d29e13b$export$3e431a229df88919 = /*#__PURE__*/ (0, $kwMay$react
     (0, $kwMay$reactariaprivateutilsuseLayoutEffect.useLayoutEffect)(()=>{
         if (hidden) return;
         // In React act environments, run immediately.
-        // @ts-ignore
-        let isTestEnv = typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined';
+        let isTestEnv = // @ts-ignore
+        typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined';
         let runTask = isTestEnv ? (fn)=>fn() : queueMicrotask;
         // If the image is already loaded, update state immediately instead of waiting for onLoad.
         let img = imgRef.current;
@@ -169,7 +169,7 @@ const $053b76ed3d29e13b$export$3e431a229df88919 = /*#__PURE__*/ (0, $kwMay$react
             })
         });
         if (Array.isArray(srcProp)) img = /*#__PURE__*/ (0, $kwMay$reactjsxruntime.jsxs)("picture", {
-            className: " _H40ub4c13 __D40ub4c13",
+            className: " _H40ub4c131 __D40ub4c131",
             children: [
                 srcProp.map((source, i)=>{
                     let { colorScheme: sourceColorScheme, ...sourceProps } = source;