@react-spectrum/s2 0.11.1 → 0.12.0

package/dist/Card.cjs

@@ -70,324 +70,335 @@ let $230078a1c4ce81d8$var$card = function anonymous(props, overrides) {
     let rules = " ";
     let position = false;
     let width = false;
-    let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L)[^\s]+/g);
+    let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g);
     for (let p of matches){
         if (p[1] === "_P") position = true;
         if (p[1] === "Z") width = true;
         rules += p[0];
     }
-    rules += ' sd11';
-    rules += ' _ta11';
-    if (!position) rules += ' _Pc11';
-    if (props.size === "S") rules += ' ob11';
-    else if (props.size === "XS") rules += ' ob11';
-    else rules += ' oc11';
-    if (props.size === "S") rules += ' nb11';
-    else if (props.size === "XS") rules += ' nb11';
-    else rules += ' nc11';
-    if (props.size === "S") rules += ' kb11';
-    else if (props.size === "XS") rules += ' kb11';
-    else rules += ' kc11';
-    if (props.size === "S") rules += ' jb11';
-    else if (props.size === "XS") rules += ' jb11';
-    else rules += ' jc11';
-    if (props.variant === "secondary") rules += ' -Ovbhqd-gqlRAZb11';
-    else if (props.variant === "primary") rules += ' -Ovbhqd-g_g11';
-    rules += ' -Ovbhqd-lgb11';
-    if (props.variant === "quiet") rules += ' g911';
-    else if (props.variant === "tertiary") rules += ' g911';
-    else rules += ' gEzkoQe11';
-    if (props.variant === "quiet") rules += ' _nd11';
+    rules += ' sd12';
+    rules += ' _ta12';
+    if (!position) rules += ' _Pc12';
+    if (props.size === "S") rules += ' ob12';
+    else if (props.size === "XS") rules += ' ob12';
+    else rules += ' oc12';
+    if (props.size === "S") rules += ' nb12';
+    else if (props.size === "XS") rules += ' nb12';
+    else rules += ' nc12';
+    if (props.size === "S") rules += ' kb12';
+    else if (props.size === "XS") rules += ' kb12';
+    else rules += ' kc12';
+    if (props.size === "S") rules += ' jb12';
+    else if (props.size === "XS") rules += ' jb12';
+    else rules += ' jc12';
+    if (props.variant === "secondary") rules += ' -Ovbhqd-gqlRAZb12';
+    else if (props.variant === "primary") rules += ' -Ovbhqd-g_g12';
+    rules += ' -Ovbhqd-lgb12';
+    if (props.variant === "quiet") rules += ' g912';
+    else if (props.variant === "tertiary") rules += ' g912';
+    else rules += ' gEzkoQe12';
+    if (props.variant === "quiet") rules += ' _nd12';
     else if (props.variant === "tertiary") {
-        if (props.isSelected) rules += ' _nd11';
-        else if (props.isFocusVisible) rules += ' _nIvHxVd11';
-        else if (props.isHovered) rules += ' _nIvHxVd11';
-        else rules += ' _nEoUQN11';
-        rules += ' _nlAvWjK11';
+        if (props.isSelected) rules += ' _nd12';
+        else if (props.isFocusVisible) rules += ' _nIvHxVd12';
+        else if (props.isHovered) rules += ' _nIvHxVd12';
+        else rules += ' _nEoUQN12';
+        rules += ' _nlAvWjK12';
     } else {
-        if (props.isSelected) rules += ' _nb11';
-        else if (props.isFocusVisible) rules += ' _nb11';
-        else if (props.isHovered) rules += ' _nb11';
-        else rules += ' _na11';
-        rules += ' _nlAvWjK11';
+        if (props.isSelected) rules += ' _nLeasBb12';
+        else if (props.isFocusVisible) rules += ' _nLeasBb12';
+        else if (props.isHovered) rules += ' _nLeasBb12';
+        else rules += ' _n4zCLMe12';
+        rules += ' _nlAvWjK12';
     }
-    rules += ' _yb11';
-    rules += ' Yd11';
-    rules += ' Xb11';
-    rules += ' _2b11';
-    rules += ' uk11';
-    rules += ' uch11';
-    rules += ' udi11';
-    rules += ' uea11';
-    rules += ' ugb11';
-    rules += ' uhd11';
-    rules += ' uje11';
-    rules += ' u2NhKxcl11';
-    rules += ' uic11';
-    if (props.variant === "quiet") rules += ' _Ne11';
-    else rules += ' _Nb11';
-    if (props.variant === "quiet") rules += ' Pe11';
-    else rules += ' Pb11';
-    rules += ' _qc11';
-    rules += ' __ca11';
-    if (props.isCardView) rules += ' _4c11';
-    if (props.isLink) rules += ' ry11';
+    rules += ' _yb12';
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
+    rules += ' uk12';
+    rules += ' uch12';
+    rules += ' udi12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    if (props.variant === "quiet") rules += ' _Ne12';
+    else rules += ' _Nb12';
+    if (props.variant === "quiet") rules += ' Pe12';
+    else rules += ' Pb12';
+    rules += ' _qc12';
+    rules += ' __ca12';
+    if (props.isCardView) rules += ' _4c12';
+    if (props.isLink) rules += ' ry12';
     if (props.isCardView) {
-        if (!width) rules += ' Za11';
+        if (!width) rules += ' Za12';
     } else if (props.size === "XL") {
-        if (!width) rules += ' ZA11';
+        if (!width) rules += ' ZA12';
     } else if (props.size === "L") {
-        if (!width) rules += ' Zy11';
+        if (!width) rules += ' Zy12';
     } else if (props.size === "M") {
-        if (!width) rules += ' Zt11';
+        if (!width) rules += ' Zt12';
     } else if (props.size === "S") {
-        if (!width) rules += ' Zr11';
+        if (!width) rules += ' Zr12';
     } else if (props.size === "XS") {
-        if (!width) rules += ' ZI11';
+        if (!width) rules += ' ZI12';
     }
-    rules += ' Fb11';
+    rules += ' Fb12';
     if (props.density === "spacious") {
-        if (props.size === "XL") rules += ' -dAV6Jb-Ti11';
-        else if (props.size === "L") rules += ' -dAV6Jb-Th11';
-        else if (props.size === "M") rules += ' -dAV6Jb-Tg11';
-        else if (props.size === "S") rules += ' -dAV6Jb-Tf11';
-        else if (props.size === "XS") rules += ' -dAV6Jb-Te11';
+        if (props.size === "XL") rules += ' -dAV6Jb-Ti12';
+        else if (props.size === "L") rules += ' -dAV6Jb-Th12';
+        else if (props.size === "M") rules += ' -dAV6Jb-Tg12';
+        else if (props.size === "S") rules += ' -dAV6Jb-Tf12';
+        else if (props.size === "XS") rules += ' -dAV6Jb-Te12';
     } else if (props.density === "regular") {
-        if (props.size === "XL") rules += ' -dAV6Jb-Th11';
-        else if (props.size === "L") rules += ' -dAV6Jb-Tg11';
-        else if (props.size === "M") rules += ' -dAV6Jb-Tf11';
-        else if (props.size === "S") rules += ' -dAV6Jb-Te11';
-        else if (props.size === "XS") rules += ' -dAV6Jb-Tt11';
+        if (props.size === "XL") rules += ' -dAV6Jb-Th12';
+        else if (props.size === "L") rules += ' -dAV6Jb-Tg12';
+        else if (props.size === "M") rules += ' -dAV6Jb-Tf12';
+        else if (props.size === "S") rules += ' -dAV6Jb-Te12';
+        else if (props.size === "XS") rules += ' -dAV6Jb-Tt12';
     } else if (props.density === "compact") {
-        if (props.size === "XL") rules += ' -dAV6Jb-Tg11';
-        else if (props.size === "L") rules += ' -dAV6Jb-Tf11';
-        else if (props.size === "M") rules += ' -dAV6Jb-Te11';
-        else if (props.size === "S") rules += ' -dAV6Jb-Tt11';
-        else if (props.size === "XS") rules += ' -dAV6Jb-T1DOfn11';
+        if (props.size === "XL") rules += ' -dAV6Jb-Tg12';
+        else if (props.size === "L") rules += ' -dAV6Jb-Tf12';
+        else if (props.size === "M") rules += ' -dAV6Jb-Te12';
+        else if (props.size === "S") rules += ' -dAV6Jb-Tt12';
+        else if (props.size === "XS") rules += ' -dAV6Jb-T1DOfn12';
     }
-    if (props.variant === "quiet") rules += ' -jXLvjd-Td11';
-    else rules += ' -jXLvjd-T5gMYHd11';
-    if (props.variant === "quiet") rules += ' -iXLvjd-Sd11';
-    else rules += ' -iXLvjd-S5gMYHd11';
-    rules += ' TxTaQHd11';
-    rules += ' QxTaQHd11';
-    rules += ' S0SaQHd11';
-    rules += ' R0SaQHd11';
-    rules += ' _oa11';
-    if (props.variant === "quiet") rules += ' _Le11';
-    else if (props.isFocusVisible) rules += ' _Lf11';
-    else rules += ' _Le11';
-    rules += ' Oh11';
-    rules += ' _Mc11';
-    rules += ' _Kd11';
+    if (props.variant === "quiet") rules += ' -jXLvjd-Td12';
+    else rules += ' -jXLvjd-T5gMYHd12';
+    if (props.variant === "quiet") rules += ' -iXLvjd-Sd12';
+    else rules += ' -iXLvjd-S5gMYHd12';
+    rules += ' TxTaQHd12';
+    rules += ' QxTaQHd12';
+    rules += ' S0SaQHd12';
+    rules += ' R0SaQHd12';
+    rules += ' _oa12';
+    if (props.variant === "quiet") rules += ' _Le12';
+    else if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
     return rules;
 };
 let $230078a1c4ce81d8$var$selectionIndicator = function anonymous(props) {
     let rules = " ";
-    rules += ' _Pa11';
-    rules += ' Wr11';
-    rules += ' _lr11';
-    rules += ' _Ar11';
-    rules += ' _zr11';
-    rules += ' _9d11';
-    if (props.size === "S") rules += ' ob11';
-    else if (props.size === "XS") rules += ' ob11';
-    else rules += ' oc11';
-    if (props.size === "S") rules += ' nb11';
-    else if (props.size === "XS") rules += ' nb11';
-    else rules += ' nc11';
-    if (props.size === "S") rules += ' kb11';
-    else if (props.size === "XS") rules += ' kb11';
-    else rules += ' kc11';
-    if (props.size === "S") rules += ' jb11';
-    else if (props.size === "XS") rules += ' jb11';
-    else rules += ' jc11';
-    rules += ' _Ob11';
-    rules += ' _kc11';
-    rules += ' hc11';
-    rules += ' mc11';
-    rules += ' lc11';
-    rules += ' _jf11';
-    rules += ' ik11';
-    rules += ' Yd11';
-    rules += ' Xb11';
-    rules += ' _2b11';
-    if (props.isSelected) rules += ' _Ib11';
-    else rules += ' _Ia11';
-    rules += ' OGcUfH11';
-    rules += ' _Kc11';
-    if (props.isStrokeInner) rules += ' _Lf11';
-    else rules += ' _Le11';
-    rules += ' _Mc11';
+    rules += ' _Pa12';
+    rules += ' Wr12';
+    rules += ' _lr12';
+    rules += ' _Ar12';
+    rules += ' _zr12';
+    rules += ' _9d12';
+    if (props.size === "S") rules += ' ob12';
+    else if (props.size === "XS") rules += ' ob12';
+    else rules += ' oc12';
+    if (props.size === "S") rules += ' nb12';
+    else if (props.size === "XS") rules += ' nb12';
+    else rules += ' nc12';
+    if (props.size === "S") rules += ' kb12';
+    else if (props.size === "XS") rules += ' kb12';
+    else rules += ' kc12';
+    if (props.size === "S") rules += ' jb12';
+    else if (props.size === "XS") rules += ' jb12';
+    else rules += ' jc12';
+    rules += ' _Ob12';
+    rules += ' _kc12';
+    rules += ' hc12';
+    rules += ' mc12';
+    rules += ' lc12';
+    rules += ' _jf12';
+    rules += ' ik12';
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
+    if (props.isSelected) rules += ' _Ib12';
+    else rules += ' _Ia12';
+    rules += ' OGcUfH12';
+    rules += ' _Kc12';
+    if (props.isStrokeInner) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' _Mc12';
     return rules;
 };
 let $230078a1c4ce81d8$var$preview = function anonymous(props) {
     let rules = " ";
-    rules += ' _Pc11';
-    rules += ' Yd11';
-    rules += ' Xb11';
-    rules += ' _2b11';
-    rules += ' _Nb11';
-    rules += ' Pb11';
-    rules += ' I8cyuNb11';
-    rules += ' H8cyuNb11';
-    rules += ' J39J4qb11';
-    rules += ' Gk39J4qb11';
+    rules += ' _Pc12';
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
+    rules += ' _Nb12';
+    rules += ' Pb12';
+    rules += ' I8cyuNb12';
+    rules += ' H8cyuNb12';
+    rules += ' J39J4qb12';
+    rules += ' Gk39J4qb12';
     if (props.isQuiet) {
-        if (props.size === "S") rules += ' ob11';
-        else if (props.size === "XS") rules += ' ob11';
-        else rules += ' oc11';
+        if (props.size === "S") rules += ' ob12';
+        else if (props.size === "XS") rules += ' ob12';
+        else rules += ' oc12';
     }
     if (props.isQuiet) {
-        if (props.size === "S") rules += ' nb11';
-        else if (props.size === "XS") rules += ' nb11';
-        else rules += ' nc11';
+        if (props.size === "S") rules += ' nb12';
+        else if (props.size === "XS") rules += ' nb12';
+        else rules += ' nc12';
     }
     if (props.isQuiet) {
-        if (props.size === "S") rules += ' kb11';
-        else if (props.size === "XS") rules += ' kb11';
-        else rules += ' kc11';
+        if (props.size === "S") rules += ' kb12';
+        else if (props.size === "XS") rules += ' kb12';
+        else rules += ' kc12';
     }
     if (props.isQuiet) {
-        if (props.size === "S") rules += ' jb11';
-        else if (props.size === "XS") rules += ' jb11';
-        else rules += ' jc11';
+        if (props.size === "S") rules += ' jb12';
+        else if (props.size === "XS") rules += ' jb12';
+        else rules += ' jc12';
     }
     if (props.isQuiet) {
-        if (props.isSelected) rules += ' _nb11';
-        else if (props.isFocusVisible) rules += ' _nb11';
-        else if (props.isHovered) rules += ' _nb11';
+        if (props.isSelected) rules += ' _nLeasBb12';
+        else if (props.isFocusVisible) rules += ' _nLeasBb12';
+        else if (props.isHovered) rules += ' _nLeasBb12';
     }
     if (props.isQuiet) {
-        if (props.isFocusVisible) rules += ' _Lf11';
-    } else rules += ' _Le11';
-    rules += ' Oh11';
-    rules += ' _Mc11';
-    rules += ' _Kd11';
+        if (props.isFocusVisible) rules += ' _Lf12';
+    } else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
+    return rules;
+};
+const $230078a1c4ce81d8$var$image = function anonymous(props) {
+    let rules = " ";
+    rules += ' Za12';
+    if (props.layout === "grid") rules += ' fc12';
+    rules += ' _Hb12';
+    rules += ' _4c12';
+    rules += ' _Ob12';
     return rules;
 };
-const $230078a1c4ce81d8$var$image = " Za11 fc11 _Hb11 _4c11 _Ob11";
 let $230078a1c4ce81d8$var$title = function anonymous(props) {
     let rules = " ";
-    rules += ' uk11';
-    rules += ' uch11';
-    rules += ' udi11';
-    rules += ' uea11';
-    rules += ' ugb11';
-    rules += ' uhd11';
-    rules += ' uje11';
-    rules += ' u2NhKxcl11';
-    rules += ' uic11';
+    rules += ' uk12';
+    rules += ' uch12';
+    rules += ' udi12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "M") {
-        rules += ' -_6BNtrc-c11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     }
-    rules += ' wd11';
-    rules += ' xd11';
-    rules += ' _xa11';
-    rules += ' wX0cczbc11';
-    rules += ' xX0cczbc11';
-    rules += ' _xX0cczba11';
-    rules += ' wfd11';
-    rules += ' xfd11';
-    rules += ' _xfa11';
-    rules += ' wfX0cczbc11';
-    rules += ' xfX0cczbc11';
-    rules += ' _xfX0cczba11';
-    rules += ' _Fd11';
-    rules += ' _FezxGHba11';
-    rules += ' _FnuYUweb11';
-    rules += ' po11';
-    rules += ' __Ea11';
-    rules += ' sa11';
-    rules += ' __aa11';
-    rules += ' __ba11';
-    rules += ' zn9DOs11';
-    rules += ' yn9DOs11';
-    rules += ' Bn9DOs11';
-    rules += ' An9DOs11';
+    rules += ' wd12';
+    rules += ' xd12';
+    rules += ' _xa12';
+    rules += ' wX0cczbc12';
+    rules += ' xX0cczbc12';
+    rules += ' _xX0cczba12';
+    rules += ' wfd12';
+    rules += ' xfd12';
+    rules += ' _xfa12';
+    rules += ' wfX0cczbc12';
+    rules += ' xfX0cczbc12';
+    rules += ' _xfX0cczba12';
+    rules += ' _Fd12';
+    rules += ' _FezxGHba12';
+    rules += ' _FnuYUweb12';
+    rules += ' po12';
+    rules += ' __Ea12';
+    rules += ' sa12';
+    rules += ' __aa12';
+    rules += ' __ba12';
+    rules += ' zn9DOs12';
+    rules += ' yn9DOs12';
+    rules += ' Bn9DOs12';
+    rules += ' An9DOs12';
     return rules;
 };
 let $230078a1c4ce81d8$var$description = function anonymous(props) {
     let rules = " ";
-    rules += ' uk11';
-    rules += ' uch11';
-    rules += ' udi11';
-    rules += ' uea11';
-    rules += ' ugb11';
-    rules += ' uhd11';
-    rules += ' uje11';
-    rules += ' u2NhKxcl11';
-    rules += ' uic11';
+    rules += ' uk12';
+    rules += ' uch12';
+    rules += ' udi12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-d11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-c11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     } else if (props.size === "M") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-a11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     }
-    rules += ' wb11';
-    rules += ' xb11';
-    rules += ' _xa11';
-    rules += ' _Fb11';
-    rules += ' _FnuYUwec11';
-    rules += ' pt11';
-    rules += ' __Ea11';
-    rules += ' sa11';
-    rules += ' __aa11';
-    rules += ' __ba11';
-    rules += ' z9u7zPc11';
-    rules += ' y9u7zPc11';
-    rules += ' B9u7zPc11';
-    rules += ' A9u7zPc11';
+    rules += ' wb12';
+    rules += ' xb12';
+    rules += ' _xa12';
+    rules += ' _Fb12';
+    rules += ' _FnuYUwec12';
+    rules += ' pt12';
+    rules += ' __Ea12';
+    rules += ' sa12';
+    rules += ' __aa12';
+    rules += ' __ba12';
+    rules += ' z9u7zPc12';
+    rules += ' y9u7zPc12';
+    rules += ' B9u7zPc12';
+    rules += ' A9u7zPc12';
     return rules;
 };
 let $230078a1c4ce81d8$var$content = function anonymous(props) {
     let rules = " ";
-    rules += ' se11';
-    rules += ' DM8Mfn11';
-    rules += ' DlsIuJI4ff411';
-    rules += ' CfLapxc11';
-    rules += ' ClsIuJg9IhLd11';
-    rules += ' qb11';
-    rules += ' _ub11';
-    rules += ' ea11';
-    rules += ' _cf11';
-    if (props.size === "XL") rules += ' Ue11';
-    else if (props.size === "L") rules += ' UWJpoB11';
-    else if (props.size === "M") rules += ' UWJpoB11';
-    else if (props.size === "S") rules += ' Ub11';
-    else if (props.size === "XS") rules += ' Ub11';
-    rules += ' T5gMYHd11';
-    rules += ' Tbd11';
-    rules += ' Q69YG2b11';
-    rules += ' Qkd11';
+    rules += ' se12';
+    rules += ' DM8Mfn12';
+    rules += ' DlsIuJI4ff412';
+    rules += ' CfLapxc12';
+    rules += ' ClsIuJg9IhLd12';
+    rules += ' qb12';
+    rules += ' _ub12';
+    rules += ' ea12';
+    rules += ' _cf12';
+    if (props.size === "XL") rules += ' Ue12';
+    else if (props.size === "L") rules += ' UWJpoB12';
+    else if (props.size === "M") rules += ' UWJpoB12';
+    else if (props.size === "S") rules += ' Ub12';
+    else if (props.size === "XS") rules += ' Ub12';
+    rules += ' T5gMYHd12';
+    rules += ' Tbd12';
+    rules += ' Q69YG2b12';
+    rules += ' Qkd12';
     return rules;
 };
-let $230078a1c4ce81d8$var$actionMenu = " zgSHDrc11 ygSHDrc11 BgSHDrc11 AgSHDrc11 JTnYEIe11 GTnYEIe11";
-let $230078a1c4ce81d8$var$footer = " sd11 _tc11 ec11 _Ce11 Ue11 qe11 T69YG2b11";
-const $230078a1c4ce81d8$export$cb658fed5fefe1d = /*#__PURE__*/ (0, $1B7TP$react.createContext)('div');
+let $230078a1c4ce81d8$var$actionMenu = " zgSHDrc12 ygSHDrc12 BgSHDrc12 AgSHDrc12 JTnYEIe12 GTnYEIe12";
+let $230078a1c4ce81d8$var$footer = " sd12 _tc12 ec12 _Ce12 Ue12 qe12 T69YG2b12";
+const $230078a1c4ce81d8$export$cb658fed5fefe1d = /*#__PURE__*/ (0, $1B7TP$react.createContext)({
+    ElementType: 'div',
+    layout: 'grid'
+});
 const $230078a1c4ce81d8$export$d0b2ee33ebf7d64 = /*#__PURE__*/ (0, $1B7TP$react.createContext)(null);
 const $230078a1c4ce81d8$var$InternalCardContext = /*#__PURE__*/ (0, $1B7TP$react.createContext)({
     isQuiet: false,
@@ -407,6 +418,7 @@ const $230078a1c4ce81d8$var$actionButtonSize = {
 };
 const $230078a1c4ce81d8$export$60332b2344f7fe41 = /*#__PURE__*/ (0, $1B7TP$react.forwardRef)(function Card(props, ref) {
     [props] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props, ref, $230078a1c4ce81d8$export$d0b2ee33ebf7d64);
+    let { ElementType: ElementType, layout: layout } = (0, $1B7TP$react.useContext)($230078a1c4ce81d8$export$cb658fed5fefe1d);
     let domRef = (0, $1B7TP$reactspectrumutils.useDOMRef)(ref);
     let { density: density = 'regular', size: size = 'M', variant: variant = 'primary', UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, styles: styles, id: id, ...otherProps } = props;
     let isQuiet = variant === 'quiet';
@@ -417,7 +429,9 @@ const $230078a1c4ce81d8$export$60332b2344f7fe41 = /*#__PURE__*/ (0, $1B7TP$react
                 (0, $053b76ed3d29e13b$exports.ImageContext),
                 {
                     alt: '',
-                    styles: $230078a1c4ce81d8$var$image
+                    styles: $230078a1c4ce81d8$var$image({
+                        layout: layout
+                    })
                 }
             ],
             [
@@ -480,7 +494,6 @@ const $230078a1c4ce81d8$export$60332b2344f7fe41 = /*#__PURE__*/ (0, $1B7TP$react
             }) : props.children
         })
     });
-    let ElementType = (0, $1B7TP$react.useContext)($230078a1c4ce81d8$export$cb658fed5fefe1d);
     if (ElementType === 'div' || isSkeleton) return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)("div", {
         ...(0, $1B7TP$reactariautils.filterDOMProps)(otherProps),
         id: id != null ? String(id) : undefined,
@@ -535,7 +548,7 @@ const $230078a1c4ce81d8$export$60332b2344f7fe41 = /*#__PURE__*/ (0, $1B7TP$react
                     !isQuiet && /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$var$SelectionIndicator, {}),
                     !isQuiet && selectionMode !== 'none' && selectionBehavior === 'toggle' && /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$var$CardCheckbox, {}),
                     /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)("div", {
-                        className: " sc11",
+                        className: " sc12",
                         children: children
                     })
                 ]
@@ -557,7 +570,7 @@ function $230078a1c4ce81d8$var$SelectionIndicator() {
 function $230078a1c4ce81d8$var$CardCheckbox() {
     let { size: size } = (0, $1B7TP$react.useContext)($230078a1c4ce81d8$var$InternalCardContext);
     return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)("div", {
-        className: " _Pa11 W5gMYHd11 _A5gMYHd11 _9d11 Tp11 Qp11 Sp11 Rp11 gGcUfH11 ob11 nb11 kb11 jb11 _na11",
+        className: " _Pa12 W5gMYHd12 _A5gMYHd12 _9d12 Tp12 Qp12 Sp12 Rp12 gGcUfH12 ob12 nb12 kb12 jb12 _n4zCLMe12",
         children: /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)((0, $af04e099a53d3e85$exports.Checkbox), {
             slot: "selection",
             excludeFromTabOrder: true,
@@ -587,7 +600,7 @@ const $230078a1c4ce81d8$export$115f017852a4bb7c = /*#__PURE__*/ (0, $1B7TP$react
             isQuiet && /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$var$SelectionIndicator, {}),
             isQuiet && isCheckboxSelection && /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$var$CardCheckbox, {}),
             /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)("div", {
-                className: " oi11 ni11 ki11 ji11 _Nb11 Pb11",
+                className: " oi12 ni12 ki12 ji12 _Nb12 Pb12",
                 children: props.children
             })
         ]
@@ -595,17 +608,17 @@ const $230078a1c4ce81d8$export$115f017852a4bb7c = /*#__PURE__*/ (0, $1B7TP$react
 });
 const $230078a1c4ce81d8$var$collection = function anonymous(props) {
     let rules = " ";
-    rules += ' se11';
-    rules += ' DvhgoHd11';
-    if (props.size === "S") rules += ' Ua11';
-    else if (props.size === "XS") rules += ' Ua11';
-    else rules += ' Ub11';
-    if (props.size === "S") rules += ' qa11';
-    else if (props.size === "XS") rules += ' qa11';
-    else rules += ' qb11';
+    rules += ' se12';
+    rules += ' DvhgoHd12';
+    if (props.size === "S") rules += ' Ua12';
+    else if (props.size === "XS") rules += ' Ua12';
+    else rules += ' Ub12';
+    if (props.size === "S") rules += ' qa12';
+    else if (props.size === "XS") rules += ' qa12';
+    else rules += ' qb12';
     return rules;
 };
-const $230078a1c4ce81d8$var$collectionImage = " Za11 fa11 f5DbKFc11 y5DbKFwoofG11 _Hb11 _Ob11 _4c11";
+const $230078a1c4ce81d8$var$collectionImage = " Za12 fa12 f5DbKFc12 y5DbKFwoofG12 _Hb12 _Ob12 _4c12";
 const $230078a1c4ce81d8$export$c368ea3e577b1b86 = /*#__PURE__*/ (0, $1B7TP$react.forwardRef)(function CollectionCardPreview(props, ref) {
     let { size: size } = (0, $1B7TP$react.useContext)($230078a1c4ce81d8$var$InternalCardContext);
     return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$export$115f017852a4bb7c, {
@@ -624,18 +637,29 @@ const $230078a1c4ce81d8$export$c368ea3e577b1b86 = /*#__PURE__*/ (0, $1B7TP$react
         })
     });
 });
-const $230078a1c4ce81d8$export$eff93e4e59ccc3b8 = /*#__PURE__*/ (0, $1B7TP$react.forwardRef)(function AssetCard(props, ref) {
+const $230078a1c4ce81d8$export$eff93e4e59ccc3b8 = /*#__PURE__*/ (0, $1B7TP$react.forwardRef)(function AssetCard(props1, ref) {
+    let { layout: layout } = (0, $1B7TP$react.useContext)($230078a1c4ce81d8$export$cb658fed5fefe1d);
     return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$export$60332b2344f7fe41, {
-        ...props,
+        ...props1,
         ref: ref,
         density: "regular",
-        children: (0, $1B7TP$reactariacomponents.composeRenderProps)(props.children, (children)=>/*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)((0, $1B7TP$reactariacomponents.Provider), {
+        children: (0, $1B7TP$reactariacomponents.composeRenderProps)(props1.children, (children)=>/*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)((0, $1B7TP$reactariacomponents.Provider), {
                 values: [
                     [
                         (0, $053b76ed3d29e13b$exports.ImageContext),
                         {
                             alt: '',
-                            styles: " Za11 fa11 _Ha11 _Ob11 _4c11"
+                            styles: function anonymous(props) {
+                                let rules = " ";
+                                rules += ' Za12';
+                                if (props.layout === "grid") rules += ' fa12';
+                                rules += ' _Ha12';
+                                rules += ' _Ob12';
+                                rules += ' _4c12';
+                                return rules;
+                            }({
+                                layout: layout
+                            })
                         }
                     ],
                     [
@@ -644,12 +668,12 @@ const $230078a1c4ce81d8$export$eff93e4e59ccc3b8 = /*#__PURE__*/ (0, $1B7TP$react
                             render (icon) {
                                 return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)((0, $5eb75e0c130e0669$exports.SkeletonWrapper), {
                                     children: /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)("div", {
-                                        className: " sd11 eb11 _Ca11 gH11 fa11",
+                                        className: " sd12 eb12 _Ca12 gH12 fa12",
                                         children: icon
                                     })
                                 });
                             },
-                            styles: " Fd11 Le11 Ke11 Zc11"
+                            styles: " Fd12 Le12 Ke12 Zc12"
                         }
                     ]
                 ],
@@ -676,7 +700,7 @@ const $230078a1c4ce81d8$export$78e8870b5d8ae469 = /*#__PURE__*/ (0, $1B7TP$react
                         (0, $053b76ed3d29e13b$exports.ImageContext),
                         {
                             alt: '',
-                            styles: " Za11 fb11 _Hb11 _Ob11 _4c11"
+                            styles: " Za12 fb12 _Hb12 _Ob12 _4c12"
                         }
                     ],
                     [
@@ -686,7 +710,7 @@ const $230078a1c4ce81d8$export$78e8870b5d8ae469 = /*#__PURE__*/ (0, $1B7TP$react
                             UNSAFE_style: {
                                 '--size': $230078a1c4ce81d8$var$avatarSize[size] / 16 + 'rem'
                             },
-                            styles: " _Pc11 Jy11 Jkymupd0fnV8d11",
+                            styles: " _Pc12 Jy12 Jkymupd0fnV8d12",
                             isOverBackground: true
                         }
                     ]
@@ -716,45 +740,45 @@ const $230078a1c4ce81d8$export$e6cbe35324ccf844 = /*#__PURE__*/ (0, $1B7TP$react
                             slots: {
                                 preview: {
                                     alt: '',
-                                    styles: " Za11 fd11 _Hb11 _Ob11 _4c11"
+                                    styles: " Za12 fd12 _Hb12 _Ob12 _4c12"
                                 },
                                 thumbnail: {
                                     alt: '',
                                     styles: function anonymous(props) {
                                         let rules = " ";
-                                        rules += ' _Pc11';
-                                        rules += ' _Ob11';
-                                        rules += ' _4c11';
-                                        if (props.size === "XL") rules += ' ZD11';
-                                        else if (props.size === "L") rules += ' Zx11';
-                                        else if (props.size === "M") rules += ' Zw11';
-                                        else if (props.size === "S") rules += ' Zv11';
-                                        else if (props.size === "XS") rules += ' Zo11';
-                                        rules += ' FRuFGYc11';
-                                        if (props.size === "S") rules += ' oa11';
-                                        else if (props.size === "XS") rules += ' oa11';
-                                        else rules += ' ob11';
-                                        if (props.size === "S") rules += ' na11';
-                                        else if (props.size === "XS") rules += ' na11';
-                                        else rules += ' nb11';
-                                        if (props.size === "S") rules += ' ka11';
-                                        else if (props.size === "XS") rules += ' ka11';
-                                        else rules += ' kb11';
-                                        if (props.size === "S") rules += ' ja11';
-                                        else if (props.size === "XS") rules += ' ja11';
-                                        else rules += ' jb11';
-                                        rules += ' _Hb11';
-                                        rules += ' Jy11';
-                                        rules += ' JkymupdLu7Bcc11';
-                                        rules += ' _Lf11';
-                                        if (props.size === "XS") rules += ' _Mb11';
-                                        else rules += ' _Mc11';
-                                        rules += ' OEzkoQe11';
-                                        if (props.size === "XL") rules += ' -F_-Fy11';
-                                        else if (props.size === "L") rules += ' -F_-Fw11';
-                                        else if (props.size === "M") rules += ' -F_-Fv11';
-                                        else if (props.size === "S") rules += ' -F_-Fu11';
-                                        else if (props.size === "XS") rules += ' -F_-Fp11';
+                                        rules += ' _Pc12';
+                                        rules += ' _Ob12';
+                                        rules += ' _4c12';
+                                        if (props.size === "XL") rules += ' ZD12';
+                                        else if (props.size === "L") rules += ' Zx12';
+                                        else if (props.size === "M") rules += ' Zw12';
+                                        else if (props.size === "S") rules += ' Zv12';
+                                        else if (props.size === "XS") rules += ' Zo12';
+                                        rules += ' FRuFGYc12';
+                                        if (props.size === "S") rules += ' oa12';
+                                        else if (props.size === "XS") rules += ' oa12';
+                                        else rules += ' ob12';
+                                        if (props.size === "S") rules += ' na12';
+                                        else if (props.size === "XS") rules += ' na12';
+                                        else rules += ' nb12';
+                                        if (props.size === "S") rules += ' ka12';
+                                        else if (props.size === "XS") rules += ' ka12';
+                                        else rules += ' kb12';
+                                        if (props.size === "S") rules += ' ja12';
+                                        else if (props.size === "XS") rules += ' ja12';
+                                        else rules += ' jb12';
+                                        rules += ' _Hb12';
+                                        rules += ' Jy12';
+                                        rules += ' JkymupdLu7Bcc12';
+                                        rules += ' _Lf12';
+                                        if (props.size === "XS") rules += ' _Mb12';
+                                        else rules += ' _Mc12';
+                                        rules += ' OEzkoQe12';
+                                        if (props.size === "XL") rules += ' -F_-Fy12';
+                                        else if (props.size === "L") rules += ' -F_-Fw12';
+                                        else if (props.size === "M") rules += ' -F_-Fv12';
+                                        else if (props.size === "S") rules += ' -F_-Fu12';
+                                        else if (props.size === "XS") rules += ' -F_-Fp12';
                                         return rules;
                                     }({
                                         size: size
@@ -766,7 +790,7 @@ const $230078a1c4ce81d8$export$e6cbe35324ccf844 = /*#__PURE__*/ (0, $1B7TP$react
                     [
                         (0, $6367bc87eb7d24ad$exports.FooterContext),
                         {
-                            styles: (0, $308b180f49d82d28$exports.mergeStyles)($230078a1c4ce81d8$var$footer, " _Cb11")
+                            styles: (0, $308b180f49d82d28$exports.mergeStyles)($230078a1c4ce81d8$var$footer, " _Cb12")
                         }
                     ],
                     [