@react-spectrum/s2 0.11.1 → 0.12.0

package/dist/Toast.mjs

@@ -118,147 +118,147 @@ const $6e462db325878d1a$export$f1f8569633bbbec4 = {
 };
 const $6e462db325878d1a$var$toastRegion = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf11';
-    else rules += ' _Le11';
-    rules += ' Oh11';
-    rules += ' _Mc11';
-    rules += ' _Kd11';
-    rules += ' sd11';
-    if (props.placement === "bottom") rules += ' _tb11';
-    else if (props.placement === "top") rules += ' _ta11';
-    rules += ' _Pb11';
-    rules += ' _Ar11';
-    rules += ' _zr11';
-    rules += ' ZJ11';
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
+    rules += ' sd12';
+    if (props.placement === "bottom") rules += ' _tb12';
+    else if (props.placement === "top") rules += ' _ta12';
+    rules += ' _Pb12';
+    rules += ' _Ar12';
+    rules += ' _zr12';
+    rules += ' ZJ12';
     if (props.placement === "top") {
-        if (props.isExpanded) rules += ' Wr11';
-        else rules += ' Wu11';
+        if (props.isExpanded) rules += ' Wr12';
+        else rules += ' Wu12';
     }
     if (props.placement === "bottom") {
-        if (props.isExpanded) rules += ' _lr11';
-        else rules += ' _lu11';
+        if (props.isExpanded) rules += ' _lr12';
+        else rules += ' _lu12';
     }
-    if (props.align === "end") rules += ' IM11';
-    else if (props.align === "center") rules += ' IM11';
-    else if (props.align === "start") rules += ' IC11';
-    if (props.align === "end") rules += ' HC11';
-    else if (props.align === "center") rules += ' HM11';
-    else if (props.align === "start") rules += ' HM11';
-    rules += ' _oa11';
-    rules += ' Kb11';
-    rules += ' oc11';
-    rules += ' nc11';
-    rules += ' kc11';
-    rules += ' jc11';
+    if (props.align === "end") rules += ' IM12';
+    else if (props.align === "center") rules += ' IM12';
+    else if (props.align === "start") rules += ' IC12';
+    if (props.align === "end") rules += ' HC12';
+    else if (props.align === "center") rules += ' HM12';
+    else if (props.align === "start") rules += ' HM12';
+    rules += ' _oa12';
+    rules += ' Kb12';
+    rules += ' oc12';
+    rules += ' nc12';
+    rules += ' kc12';
+    rules += ' jc12';
     return rules;
 };
 const $6e462db325878d1a$var$toastList = function anonymous(props) {
     let rules = " ";
-    rules += ' _Pc11';
-    rules += ' _ub11';
-    rules += ' sd11';
-    rules += ' Ue11';
-    rules += ' qe11';
-    if (props.placement === "bottom") rules += ' _tb11';
-    else if (props.placement === "top") rules += ' _ta11';
-    rules += ' _oa11';
-    rules += ' Jy11';
-    rules += ' Gy11';
+    rules += ' _Pc12';
+    rules += ' _ub12';
+    rules += ' sd12';
+    rules += ' Ue12';
+    rules += ' qe12';
+    if (props.placement === "bottom") rules += ' _tb12';
+    else if (props.placement === "top") rules += ' _ta12';
+    rules += ' _oa12';
+    rules += ' Jy12';
+    rules += ' Gy12';
     if (props.isExpanded) {
-        if (props.placement === "bottom") rules += ' Tt11';
-        else if (props.placement === "top") rules += ' Tf11';
+        if (props.placement === "bottom") rules += ' Tt12';
+        else if (props.placement === "top") rules += ' Tf12';
     }
     if (props.isExpanded) {
-        if (props.placement === "bottom") rules += ' Qf11';
-        else if (props.placement === "top") rules += ' Qt11';
+        if (props.placement === "bottom") rules += ' Qf12';
+        else if (props.placement === "top") rules += ' Qt12';
     }
-    if (props.isExpanded) rules += ' St11';
-    else rules += ' Sd11';
-    if (props.isExpanded) rules += ' Rt11';
-    else rules += ' Rd11';
-    if (props.isExpanded) rules += ' Ic11';
-    else rules += ' Iy11';
-    if (props.isExpanded) rules += ' Hc11';
-    else rules += ' Hy11';
-    if (props.isExpanded) rules += ' _Na11';
-    if (props.isExpanded) rules += ' Pa11';
+    if (props.isExpanded) rules += ' St12';
+    else rules += ' Sd12';
+    if (props.isExpanded) rules += ' Rt12';
+    else rules += ' Rd12';
+    if (props.isExpanded) rules += ' Ic12';
+    else rules += ' Iy12';
+    if (props.isExpanded) rules += ' Hc12';
+    else rules += ' Hy12';
+    if (props.isExpanded) rules += ' _Na12';
+    if (props.isExpanded) rules += ' Pa12';
     return rules;
 };
 const $6e462db325878d1a$var$toastStyle = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf11';
-    else rules += ' _Le11';
-    if (props.isExpanded) rules += ' Ok11';
-    else rules += ' Oh11';
-    rules += ' _Mc11';
-    rules += ' _Kd11';
-    rules += ' sd11';
-    rules += ' Ul11';
-    rules += ' ql11';
-    rules += ' Sf11';
-    rules += ' Rt11';
-    rules += ' Te11';
-    rules += ' Qe11';
-    rules += ' oc11';
-    rules += ' nc11';
-    rules += ' kc11';
-    rules += ' jc11';
-    rules += ' Mj11';
-    rules += ' -Zn3gsb-L0uB6Qb11';
-    rules += ' LksArhc11';
-    rules += ' _oa11';
-    rules += ' _va11';
-    rules += ' uk11';
-    rules += ' uch11';
-    rules += ' udi11';
-    rules += ' uea11';
-    rules += ' ugb11';
-    rules += ' uhd11';
-    rules += ' uje11';
-    rules += ' u2NhKxcl11';
-    rules += ' uic11';
-    rules += ' -_6BNtrc-c11';
-    rules += ' vx11';
-    rules += ' wb11';
-    rules += ' xb11';
-    rules += ' _xa11';
-    rules += ' _Fd11';
-    rules += ' _FezxGHba11';
-    rules += ' _FnuYUweb11';
-    rules += ' px11';
-    if (props.variant === "negative") rules += ' gB11';
-    else if (props.variant === "positive") rules += ' g111';
-    else if (props.variant === "info") rules += ' g211';
-    else if (props.variant === "neutral") rules += ' g611';
-    rules += ' -_8sjo0b-t5ZbAob11';
-    if (props.isExpanded) rules += ' _nd11';
-    else rules += ' _nb11';
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    if (props.isExpanded) rules += ' Ok12';
+    else rules += ' Oh12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
+    rules += ' sd12';
+    rules += ' Ul12';
+    rules += ' ql12';
+    rules += ' Sf12';
+    rules += ' Rt12';
+    rules += ' Te12';
+    rules += ' Qe12';
+    rules += ' oc12';
+    rules += ' nc12';
+    rules += ' kc12';
+    rules += ' jc12';
+    rules += ' Mj12';
+    rules += ' -Zn3gsb-L0uB6Qb12';
+    rules += ' LksArhc12';
+    rules += ' _oa12';
+    rules += ' _va12';
+    rules += ' uk12';
+    rules += ' uch12';
+    rules += ' udi12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' -_6BNtrc-c12';
+    rules += ' vx12';
+    rules += ' wb12';
+    rules += ' xb12';
+    rules += ' _xa12';
+    rules += ' _Fd12';
+    rules += ' _FezxGHba12';
+    rules += ' _FnuYUweb12';
+    rules += ' px12';
+    if (props.variant === "negative") rules += ' gB12';
+    else if (props.variant === "positive") rules += ' g112';
+    else if (props.variant === "info") rules += ' g212';
+    else if (props.variant === "neutral") rules += ' g612';
+    rules += ' -_8sjo0b-t5ZbAob12';
+    if (props.isExpanded) rules += ' _nd12';
+    else rules += ' _nLeasBb12';
     return rules;
 };
 const $6e462db325878d1a$var$toastBody = function anonymous(props) {
     let rules = " ";
-    if (props.isSingle) rules += ' sd11';
-    else rules += ' se11';
-    rules += ' D4w1sLc11';
-    rules += ' CWLL0Xb11';
-    rules += ' _ub11';
-    rules += ' _wb11';
-    rules += ' eb11';
-    rules += ' qj11';
-    rules += ' Ue11';
+    if (props.isSingle) rules += ' sd12';
+    else rules += ' se12';
+    rules += ' D4w1sLc12';
+    rules += ' CWLL0Xb12';
+    rules += ' _ub12';
+    rules += ' _wb12';
+    rules += ' eb12';
+    rules += ' qj12';
+    rules += ' Ue12';
     return rules;
 };
-const $6e462db325878d1a$var$toastContent = " sd11 Ue11 qe11 ea11 zk52g2d11 yk52g2d11 Bk52g2d11 Ak52g2d11 ri11 ZJ11";
+const $6e462db325878d1a$var$toastContent = " sd12 Ue12 qe12 ea12 zk52g2d12 yk52g2d12 Bk52g2d12 Ak52g2d12 ri12 ZJ12";
 const $6e462db325878d1a$var$controls = function anonymous(props) {
     let rules = " ";
-    rules += ' _pb11';
-    if (props.isExpanded) rules += ' sd11';
-    else rules += ' sk11';
-    rules += ' _Cb11';
-    rules += ' Ue11';
-    rules += ' qe11';
-    if (props.isExpanded) rules += ' _Ib11';
-    else rules += ' _Ia11';
+    rules += ' _pb12';
+    if (props.isExpanded) rules += ' sd12';
+    else rules += ' sk12';
+    rules += ' _Cb12';
+    rules += ' Ue12';
+    rules += ' qe12';
+    if (props.isExpanded) rules += ' _Ib12';
+    else rules += ' _Ia12';
     return rules;
 };
 const $6e462db325878d1a$var$ICONS = {
@@ -324,7 +324,7 @@ function $6e462db325878d1a$export$f2815235e76a62b9(props) {
                 children: [
                     isExpanded && // eslint-disable-next-line
                     /*#__PURE__*/ (0, $jeXmD$jsx)("div", {
-                        className: (0, ($parcel$interopDefault($jeXmD$Toast_modulemjs)))['toast-background'] + " _Pb11 Wr11 _lr11 _Ar11 _zr11 g811",
+                        className: (0, ($parcel$interopDefault($jeXmD$Toast_modulemjs)))['toast-background'] + " _Pb12 Wr12 _lr12 _Ar12 _zr12 g812",
                         onClick: collapse
                     }),
                     /*#__PURE__*/ (0, $jeXmD$jsx)($6e462db325878d1a$var$SpectrumToastList, {
@@ -475,7 +475,7 @@ function $6e462db325878d1a$export$f9b1e1c88454fa08(props) {
                     !isExpanded && visibleToasts.length > 1 && /*#__PURE__*/ (0, $jeXmD$jsxs)((0, $da878a05ab4a403e$export$cfc7921d29ef7b80), {
                         isQuiet: true,
                         staticColor: "white",
-                        styles: " zPgKvMe11 yPgKvMe11 BPgKvMe11 APgKvMe11",
+                        styles: " zPgKvMe12 yPgKvMe12 BPgKvMe12 APgKvMe12",
                         // Make the chevron line up with the toast text, even though there is padding within the button.
                         UNSAFE_style: {
                             marginInlineStart: variant === 'neutral' ? -10 : 14
@@ -506,7 +506,7 @@ function $6e462db325878d1a$export$f9b1e1c88454fa08(props) {
                             if (toast.content.shouldCloseOnAction) state.close(toast.key);
                         },
                         UNSAFE_className: ctx && isMain ? (0, ($parcel$interopDefault($jeXmD$Toast_modulemjs)))['toast-action'] : undefined,
-                        styles: " IM11 zzz3eAe11 yzz3eAe11 Bzz3eAe11 Azz3eAe11",
+                        styles: " IM12 zzz3eAe12 yzz3eAe12 Bzz3eAe12 Azz3eAe12",
                         children: toast.content.actionLabel
                     })
                 ]

package/dist/ToggleButton.cjs

@@ -78,7 +78,7 @@ const $d16e5203405a91b7$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $kyLWK$react
                 [
                     (0, $6367bc87eb7d24ad$exports.TextContext),
                     {
-                        styles: " TAzEcG11 QAzEcG11 _Jb11 _Nc11 Pc11 _Yb11 _7c11"
+                        styles: " TAzEcG12 QAzEcG12 _Jb12 _Nc12 Pc12 _Yb12 _7c12"
                     }
                 ],
                 [
@@ -86,9 +86,9 @@ const $d16e5203405a91b7$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $kyLWK$react
                     {
                         render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
                             slot: 'icon',
-                            styles: " _Ja11"
+                            styles: " _Ja12"
                         }),
-                        styles: " ZuUmpre11 FuUmpre11 I67logd11 _va11"
+                        styles: " ZuUmpre12 FuUmpre12 I67logd12 _va12"
                     }
                 ]
             ],

package/dist/ToggleButton.css

@@ -1,49 +1,49 @@
 @layer _.a {
-  .TAzEcG11 {
+  .TAzEcG12 {
     padding-top: var(--labelPadding);
   }
 
-  .QAzEcG11 {
+  .QAzEcG12 {
     padding-bottom: var(--labelPadding);
   }
 
-  ._Jb11 {
+  ._Jb12 {
     order: 1;
   }
 
-  ._Nc11 {
+  ._Nc12 {
     overflow-x: hidden;
   }
 
-  .Pc11 {
+  .Pc12 {
     overflow-y: hidden;
   }
 
-  ._Yb11 {
+  ._Yb12 {
     text-overflow: ellipsis;
   }
 
-  ._7c11 {
+  ._7c12 {
     white-space: nowrap;
   }
 
-  ._Ja11 {
+  ._Ja12 {
     order: 0;
   }
 
-  .ZuUmpre11 {
+  .ZuUmpre12 {
     width: 1.42857em;
   }
 
-  .FuUmpre11 {
+  .FuUmpre12 {
     height: 1.42857em;
   }
 
-  .I67logd11 {
+  .I67logd12 {
     margin-inline-start: var(--iconMargin);
   }
 
-  ._va11 {
+  ._va12 {
     flex-shrink: 0;
   }
 }

package/dist/ToggleButton.mjs

@@ -71,7 +71,7 @@ const $fe4c9df7420c3c9f$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $fpet3$forwa
                 [
                     (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
                     {
-                        styles: " TAzEcG11 QAzEcG11 _Jb11 _Nc11 Pc11 _Yb11 _7c11"
+                        styles: " TAzEcG12 QAzEcG12 _Jb12 _Nc12 Pc12 _Yb12 _7c12"
                     }
                 ],
                 [
@@ -79,9 +79,9 @@ const $fe4c9df7420c3c9f$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $fpet3$forwa
                     {
                         render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
                             slot: 'icon',
-                            styles: " _Ja11"
+                            styles: " _Ja12"
                         }),
-                        styles: " ZuUmpre11 FuUmpre11 I67logd11 _va11"
+                        styles: " ZuUmpre12 FuUmpre12 I67logd12 _va12"
                     }
                 ]
             ],

package/dist/Tooltip.cjs

@@ -29,113 +29,114 @@ $parcel$export(module.exports, "TooltipTrigger", () => $d3b6a84aebe66f8d$export$
 
 const $d3b6a84aebe66f8d$var$tooltip = function anonymous(props) {
     let rules = " ";
-    if (props.colorScheme === "dark") rules += ' _pa11';
-    else if (props.colorScheme === "light") rules += ' _pb11';
-    else if (props.colorScheme === "light dark") rules += ' _pc11';
-    else rules += ' _pN79Hzc11';
-    rules += ' _Ca11';
-    rules += ' eb11';
-    rules += ' Le11';
-    rules += ' MAyFGYc11';
-    rules += ' _oa11';
-    rules += ' uk11';
-    rules += ' uch11';
-    rules += ' udi11';
-    rules += ' uea11';
-    rules += ' ugb11';
-    rules += ' uhd11';
-    rules += ' uje11';
-    rules += ' u2NhKxcl11';
-    rules += ' uic11';
-    rules += ' -_6BNtrc-b11';
-    rules += ' vx11';
-    rules += ' wb11';
-    rules += ' xb11';
-    rules += ' _xa11';
-    rules += ' _Fd11';
-    rules += ' _FezxGHba11';
-    rules += ' _FnuYUweb11';
-    rules += ' pr11';
-    rules += ' plb11';
-    rules += ' _kJ8iPYd11';
-    rules += ' hXMFGYc11';
-    rules += ' mlb11';
-    rules += ' llb11';
-    rules += ' _jlf11';
-    rules += ' ilA11';
-    rules += ' g011';
-    rules += ' ob11';
-    rules += ' nb11';
-    rules += ' kb11';
-    rules += ' jb11';
-    rules += ' Sv11';
-    rules += ' Rv11';
-    rules += ' Tu7Fubd11';
-    rules += ' Qu7Fubd11';
-    rules += ' Jv11';
-    rules += ' Gv11';
-    rules += ' Iv11';
-    rules += ' Hv11';
-    rules += ' Yd11';
-    rules += ' Xc11';
-    if (props.isExiting) rules += ' _2c11';
+    if (props.colorScheme === "dark") rules += ' _pa12';
+    else if (props.colorScheme === "light") rules += ' _pb12';
+    else if (props.colorScheme === "light dark") rules += ' _pc12';
+    else rules += ' _pN79Hzc12';
+    rules += ' _Ca12';
+    rules += ' eb12';
+    rules += ' Le12';
+    rules += ' MAyFGYc12';
+    rules += ' _oa12';
+    rules += ' uk12';
+    rules += ' uch12';
+    rules += ' udi12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' -_6BNtrc-b12';
+    rules += ' vx12';
+    rules += ' wb12';
+    rules += ' xb12';
+    rules += ' _xa12';
+    rules += ' _Fd12';
+    rules += ' _FezxGHba12';
+    rules += ' _FnuYUweb12';
+    rules += ' pr12';
+    rules += ' plb12';
+    rules += ' _kJ8iPYd12';
+    rules += ' hXMFGYc12';
+    rules += ' mlb12';
+    rules += ' llb12';
+    rules += ' _jlf12';
+    rules += ' ilA12';
+    rules += ' g012';
+    rules += ' ob12';
+    rules += ' nb12';
+    rules += ' kb12';
+    rules += ' jb12';
+    rules += ' Sv12';
+    rules += ' Rv12';
+    rules += ' Tu7Fubd12';
+    rules += ' Qu7Fubd12';
+    rules += ' Jv12';
+    rules += ' Gv12';
+    rules += ' Iv12';
+    rules += ' Hv12';
+    rules += ' Yd12';
+    rules += ' Xc12';
+    if (props.isExiting) rules += ' _2c12';
     if (props.placement === "right") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-m11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-m12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-m11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-m12';
+            rules += ' __Ya12';
         }
     } else if (props.placement === "left") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-G11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-G12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-G11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-G12';
+            rules += ' __Ya12';
         }
     }
     if (props.placement === "bottom") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-l11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-l12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-l11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-l12';
+            rules += ' __Ya12';
         }
     } else if (props.placement === "top") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-F11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-F12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-F11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-F12';
+            rules += ' __Ya12';
         }
     }
-    if (props.isExiting) rules += ' _Ia11';
-    else if (props.isEntering) rules += ' _Ia11';
-    rules += ' -M_-Mg11';
-    rules += ' -_k_-l_kb11';
-    rules += ' -h_-lhb11';
+    if (props.isExiting) rules += ' _Ia12';
+    else if (props.isEntering) rules += ' _Ia12';
+    rules += ' -nTSCV-LTAEPe12';
+    rules += ' -M_-Mg12';
+    rules += ' -_k_-l_kb12';
+    rules += ' -h_-lhb12';
     return rules;
 };
 const $d3b6a84aebe66f8d$var$arrowStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' sb11';
-    rules += ' tr11';
-    rules += ' Zi11';
-    rules += ' Ff11';
-    if (props.placement === "right") rules += ' _Sd11';
-    else if (props.placement === "left") rules += ' _Sa11';
-    else if (props.placement === "bottom") rules += ' _Sc11';
-    else if (props.placement === "top") rules += ' _Sb11';
+    rules += ' sb12';
+    rules += ' tr12';
+    rules += ' Zi12';
+    rules += ' Ff12';
+    if (props.placement === "right") rules += ' _Sd12';
+    else if (props.placement === "left") rules += ' _Sa12';
+    else if (props.placement === "bottom") rules += ' _Sc12';
+    else if (props.placement === "top") rules += ' _Sb12';
     if (props.placement === "right") {
-        rules += ' -_7PloMd-y11';
-        rules += ' __Ya11';
+        rules += ' -_7PloMd-y12';
+        rules += ' __Ya12';
     } else if (props.placement === "left") {
-        rules += ' -_7PloMd-e11';
-        rules += ' __Ya11';
+        rules += ' -_7PloMd-e12';
+        rules += ' __Ya12';
     }
     return rules;
 };

package/dist/Tooltip.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAmCD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DN,MAAM;;;;;;;;;;;;;;;;;;;AAqBN,IAAI,oEAAgC,CAAA,GAAA,0BAAY,EAAgC,CAAC;AAK1E,MAAM,0DAAU,CAAA,GAAA,uBAAS,EAAE,SAAS,QAAQ,KAAmB,EAAE,GAA2B;IACjG,IAAI,YAAC,QAAQ,gBAAE,YAAY,oBAAE,mBAAmB,IAAG,GAAG;IACtD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,oBACF,gBAAgB,eAChB,WAAW,UACX,MAAM,aACN,YAAY,mBACZ,UAAU,EACX,GAAG,CAAA,GAAA,uBAAS,EAAE;IACf,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,4CAAiB;IAC9C,IAAI,UAAC,MAAM,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,oCAAQ;IAClC,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,qBAAO,EAAE;IAE/C,0DAA0D;IAC1D,IAAI,aAAa,CAAA,GAAA,wBAAU,EAAE,CAAC;QAC3B,OAA4C,OAAO,GAAG;QACvD,IAAI,IAAI;YACN,GAAG,IAAI,GAAG;YACV,GAAG,GAAG,GAAG;YACT,IAAI,uBAAuB,OAAO,WAAW,cAAc,OAAO,gBAAgB,CAAC,IAAI,YAAY,GAAG;YACtG,IAAI,yBAAyB,IAC3B,gBAAgB,SAAS,sBAAsB;QAEnD;IACF,GAAG;QAAC;QAAQ;QAAW;KAAO;IAE9B,qBACE,gCAAC,CAAA,GAAA,kCAAU;QACR,GAAG,KAAK;QACT,qBAAqB;QACrB,kBAAkB;QAClB,aAAa;QACb,QAAQ;QACR,WAAW;QACX,YAAY;QACZ,KAAK;QACL,OAAO;QACP,WAAW,CAAA,cAAe,mBAAmB,8BAAQ;gBAAC,GAAG,WAAW;6BAAE;YAAW;kBAChF,CAAA,4BACC;;kCACE,gCAAC,CAAA,GAAA,uCAAW;kCACV,cAAA,gCAAC;4BAAI,WAAW,kCAAY;4BAAc,OAAM;4BAA6B,SAAQ;sCACnF,cAAA,gCAAC;gCAAK,GAAE;;;;oBAGX;;;;AAKX;AAOO,SAAS,0CAAe,KAA0B;IACvD,IAAI,oBACF,gBAAgB,eAChB,WAAW,UACX,MAAM,aACN,SAAS,cACT,UAAU,EACV,GAAG,cACJ,GAAG;IAEJ,qBACE,gCAAC,CAAA,GAAA,yCAAiB;QAAG,GAAG,YAAY;kBAClC,cAAA,gCAAC,oDAA8B,QAAQ;YACrC,OAAO;gBACL,kBAAkB;gBAClB,aAAa;gBACb,QAAQ;gBACR,WAAW;gBACX,YAAY;YACd;sBACC,MAAM,QAAQ;;;AAIvB;AAMO,SAAS,0CAAgB,KAAgB;IAC9C,qBAAO,gCAAC;AACV","sources":["packages/@react-spectrum/s2/src/Tooltip.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 {\n  Tooltip as AriaTooltip,\n  TooltipProps as AriaTooltipProps,\n  TooltipTrigger as AriaTooltipTrigger,\n  TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n  OverlayArrow,\n  TooltipRenderProps,\n  useLocale\n} from 'react-aria-components';\nimport {centerPadding, colorScheme, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {ColorScheme} from '@react-types/provider';\nimport {ColorSchemeContext} from './Provider';\nimport {createContext, forwardRef, MutableRefObject, ReactNode, useCallback, useContext, useState} from 'react';\nimport {DOMRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface TooltipTriggerProps extends Omit<AriaTooltipTriggerComponentProps, 'children' | 'closeDelay' | keyof GlobalDOMAttributes>, Pick<AriaTooltipProps, 'shouldFlip' | 'containerPadding' | 'offset' | 'crossOffset'> {\n  /** The content of the tooltip. */\n  children: ReactNode,\n  /**\n   * The placement of the element with respect to its anchor element.\n   *\n   * @default 'top'\n   */\n  placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom'\n}\n\nexport interface TooltipProps extends Omit<AriaTooltipProps, 'children' | 'className' | 'style' | 'triggerRef' | 'UNSTABLE_portalContainer' | 'isEntering' | 'isExiting' | 'placement' | 'containerPadding' |  'offset' | 'crossOffset' |  'shouldFlip' | 'arrowBoundaryOffset' | 'isOpen' | 'defaultOpen' | 'onOpenChange' | keyof GlobalDOMAttributes>, UnsafeStyles {\n  /** The content of the tooltip. */\n  children: ReactNode\n}\n\nconst tooltip = style<TooltipRenderProps & {colorScheme: ColorScheme | 'light dark' | null}>({\n  ...colorScheme(),\n  justifyContent: 'center',\n  alignItems: 'center',\n  maxWidth: 160,\n  minHeight: 24,\n  boxSizing: 'border-box',\n  font: 'ui-sm',\n  color: {\n    default: 'gray-25',\n    forcedColors: 'ButtonText'\n  },\n  borderWidth: {\n    forcedColors: 1\n  },\n  borderStyle: {\n    forcedColors: 'solid'\n  },\n  borderColor: {\n    forcedColors: 'transparent'\n  },\n  backgroundColor: 'neutral',\n  borderRadius: 'default',\n  paddingX: 'edge-to-text',\n  paddingY: centerPadding(),\n  margin: 8,\n  transition: 'default',\n  transitionDuration: 200,\n  transitionTimingFunction: {\n    isExiting: 'in'\n  },\n  translateX: {\n    placement: {\n      left: {\n        isEntering: 4,\n        isExiting: 4\n      },\n      right: {\n        isEntering: -4,\n        isExiting: -4\n      }\n    }\n  },\n  translateY: {\n    placement: {\n      top: {\n        isEntering: 4,\n        isExiting: 4\n      },\n      bottom: {\n        isEntering: -4,\n        isExiting: -4\n      }\n    }\n  },\n  opacity: {\n    isEntering: 0,\n    isExiting: 0\n  }\n});\n\nconst arrowStyles = style<TooltipRenderProps>({\n  display: 'block',\n  fill: 'gray-800',\n  width: 10,\n  height: 5,\n  rotate: {\n    placement: {\n      top: 0,\n      bottom: '180deg',\n      left: '-90deg',\n      right: '90deg'\n    }\n  },\n  translateX: {\n    placement: {\n      left: '-25%',\n      right: '25%'\n    }\n  }\n});\n\nlet InternalTooltipTriggerContext = createContext<Partial<TooltipTriggerProps>>({});\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nexport const Tooltip = forwardRef(function Tooltip(props: TooltipProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, UNSAFE_style, UNSAFE_className = ''} = props;\n  let domRef = useDOMRef(ref);\n  let {\n    containerPadding,\n    crossOffset,\n    offset,\n    placement = 'top',\n    shouldFlip\n  } = useContext(InternalTooltipTriggerContext);\n  let colorScheme = useContext(ColorSchemeContext);\n  let {locale, direction} = useLocale();\n  let [borderRadius, setBorderRadius] = useState(0);\n\n  // TODO: should we pass through lang and dir props in RAC?\n  let tooltipRef = useCallback((el: HTMLDivElement) => {\n    (domRef as MutableRefObject<HTMLDivElement>).current = el;\n    if (el) {\n      el.lang = locale;\n      el.dir = direction;\n      let spectrumBorderRadius = typeof window !== 'undefined' ? window.getComputedStyle(el).borderRadius : '';\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [locale, direction, domRef]);\n\n  return (\n    <AriaTooltip\n      {...props}\n      arrowBoundaryOffset={borderRadius}\n      containerPadding={containerPadding}\n      crossOffset={crossOffset}\n      offset={offset}\n      placement={placement}\n      shouldFlip={shouldFlip}\n      ref={tooltipRef}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + tooltip({...renderProps, colorScheme})}>\n      {renderProps => (\n        <>\n          <OverlayArrow>\n            <svg className={arrowStyles(renderProps)} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 5\">\n              <path d=\"M4.29289 4.29289L0 0H10L5.70711 4.29289C5.31658 4.68342 4.68342 4.68342 4.29289 4.29289Z\" />\n            </svg>\n          </OverlayArrow>\n          {children}\n        </>\n      )}\n    </AriaTooltip>\n  );\n});\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: TooltipTriggerProps): ReactNode {\n  let {\n    containerPadding,\n    crossOffset,\n    offset,\n    placement,\n    shouldFlip,\n    ...triggerProps\n  } = props;\n\n  return (\n    <AriaTooltipTrigger {...triggerProps}>\n      <InternalTooltipTriggerContext.Provider\n        value={{\n          containerPadding: containerPadding,\n          crossOffset: crossOffset,\n          offset: offset,\n          placement: placement,\n          shouldFlip: shouldFlip\n        }}>\n        {props.children}\n      </InternalTooltipTriggerContext.Provider>\n    </AriaTooltipTrigger>\n  );\n}\n\n\n// This is purely so that storybook generates the types for both Menu and MenuTrigger\ninterface ICombined extends Omit<TooltipProps, 'placement'>, TooltipTriggerProps {}\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function CombinedTooltip(props: ICombined): ReactNode {\n  return <div />;\n}\n"],"names":[],"version":3,"file":"Tooltip.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAmCD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEN,MAAM;;;;;;;;;;;;;;;;;;;AAqBN,IAAI,oEAAgC,CAAA,GAAA,0BAAY,EAAgC,CAAC;AAK1E,MAAM,0DAAU,CAAA,GAAA,uBAAS,EAAE,SAAS,QAAQ,KAAmB,EAAE,GAA2B;IACjG,IAAI,YAAC,QAAQ,gBAAE,YAAY,oBAAE,mBAAmB,IAAG,GAAG;IACtD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,oBACF,gBAAgB,eAChB,WAAW,UACX,MAAM,aACN,YAAY,mBACZ,UAAU,EACX,GAAG,CAAA,GAAA,uBAAS,EAAE;IACf,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,4CAAiB;IAC9C,IAAI,UAAC,MAAM,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,oCAAQ;IAClC,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,qBAAO,EAAE;IAE/C,0DAA0D;IAC1D,IAAI,aAAa,CAAA,GAAA,wBAAU,EAAE,CAAC;QAC3B,OAA4C,OAAO,GAAG;QACvD,IAAI,IAAI;YACN,GAAG,IAAI,GAAG;YACV,GAAG,GAAG,GAAG;YACT,IAAI,uBAAuB,OAAO,WAAW,cAAc,OAAO,gBAAgB,CAAC,IAAI,YAAY,GAAG;YACtG,IAAI,yBAAyB,IAC3B,gBAAgB,SAAS,sBAAsB;QAEnD;IACF,GAAG;QAAC;QAAQ;QAAW;KAAO;IAE9B,qBACE,gCAAC,CAAA,GAAA,kCAAU;QACR,GAAG,KAAK;QACT,qBAAqB;QACrB,kBAAkB;QAClB,aAAa;QACb,QAAQ;QACR,WAAW;QACX,YAAY;QACZ,KAAK;QACL,OAAO;QACP,WAAW,CAAA,cAAe,mBAAmB,8BAAQ;gBAAC,GAAG,WAAW;6BAAE;YAAW;kBAChF,CAAA,4BACC;;kCACE,gCAAC,CAAA,GAAA,uCAAW;kCACV,cAAA,gCAAC;4BAAI,WAAW,kCAAY;4BAAc,OAAM;4BAA6B,SAAQ;sCACnF,cAAA,gCAAC;gCAAK,GAAE;;;;oBAGX;;;;AAKX;AAOO,SAAS,0CAAe,KAA0B;IACvD,IAAI,oBACF,gBAAgB,eAChB,WAAW,UACX,MAAM,aACN,SAAS,cACT,UAAU,EACV,GAAG,cACJ,GAAG;IAEJ,qBACE,gCAAC,CAAA,GAAA,yCAAiB;QAAG,GAAG,YAAY;kBAClC,cAAA,gCAAC,oDAA8B,QAAQ;YACrC,OAAO;gBACL,kBAAkB;gBAClB,aAAa;gBACb,QAAQ;gBACR,WAAW;gBACX,YAAY;YACd;sBACC,MAAM,QAAQ;;;AAIvB;AAMO,SAAS,0CAAgB,KAAgB;IAC9C,qBAAO,gCAAC;AACV","sources":["packages/@react-spectrum/s2/src/Tooltip.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 {\n  Tooltip as AriaTooltip,\n  TooltipProps as AriaTooltipProps,\n  TooltipTrigger as AriaTooltipTrigger,\n  TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n  OverlayArrow,\n  TooltipRenderProps,\n  useLocale\n} from 'react-aria-components';\nimport {centerPadding, colorScheme, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {ColorScheme} from '@react-types/provider';\nimport {ColorSchemeContext} from './Provider';\nimport {createContext, forwardRef, MutableRefObject, ReactNode, useCallback, useContext, useState} from 'react';\nimport {DOMRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface TooltipTriggerProps extends Omit<AriaTooltipTriggerComponentProps, 'children' | 'closeDelay' | keyof GlobalDOMAttributes>, Pick<AriaTooltipProps, 'shouldFlip' | 'containerPadding' | 'offset' | 'crossOffset'> {\n  /** The content of the tooltip. */\n  children: ReactNode,\n  /**\n   * The placement of the element with respect to its anchor element.\n   *\n   * @default 'top'\n   */\n  placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom'\n}\n\nexport interface TooltipProps extends Omit<AriaTooltipProps, 'children' | 'className' | 'style' | 'triggerRef' | 'UNSTABLE_portalContainer' | 'isEntering' | 'isExiting' | 'placement' | 'containerPadding' |  'offset' | 'crossOffset' |  'shouldFlip' | 'arrowBoundaryOffset' | 'isOpen' | 'defaultOpen' | 'onOpenChange' | keyof GlobalDOMAttributes>, UnsafeStyles {\n  /** The content of the tooltip. */\n  children: ReactNode\n}\n\nconst tooltip = style<TooltipRenderProps & {colorScheme: ColorScheme | 'light dark' | null}>({\n  ...colorScheme(),\n  justifyContent: 'center',\n  alignItems: 'center',\n  maxWidth: 160,\n  minHeight: 24,\n  boxSizing: 'border-box',\n  font: 'ui-sm',\n  color: {\n    default: 'gray-25',\n    forcedColors: 'ButtonText'\n  },\n  borderWidth: {\n    forcedColors: 1\n  },\n  borderStyle: {\n    forcedColors: 'solid'\n  },\n  borderColor: {\n    forcedColors: 'transparent'\n  },\n  backgroundColor: 'neutral',\n  borderRadius: 'default',\n  paddingX: 'edge-to-text',\n  paddingY: centerPadding(),\n  margin: 8,\n  transition: 'default',\n  transitionDuration: 200,\n  transitionTimingFunction: {\n    isExiting: 'in'\n  },\n  translateX: {\n    placement: {\n      left: {\n        isEntering: 4,\n        isExiting: 4\n      },\n      right: {\n        isEntering: -4,\n        isExiting: -4\n      }\n    }\n  },\n  translateY: {\n    placement: {\n      top: {\n        isEntering: 4,\n        isExiting: 4\n      },\n      bottom: {\n        isEntering: -4,\n        isExiting: -4\n      }\n    }\n  },\n  opacity: {\n    isEntering: 0,\n    isExiting: 0\n  },\n  overflowWrap: {\n    default: 'break-word'\n  }\n});\n\nconst arrowStyles = style<TooltipRenderProps>({\n  display: 'block',\n  fill: 'gray-800',\n  width: 10,\n  height: 5,\n  rotate: {\n    placement: {\n      top: 0,\n      bottom: '180deg',\n      left: '-90deg',\n      right: '90deg'\n    }\n  },\n  translateX: {\n    placement: {\n      left: '-25%',\n      right: '25%'\n    }\n  }\n});\n\nlet InternalTooltipTriggerContext = createContext<Partial<TooltipTriggerProps>>({});\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nexport const Tooltip = forwardRef(function Tooltip(props: TooltipProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, UNSAFE_style, UNSAFE_className = ''} = props;\n  let domRef = useDOMRef(ref);\n  let {\n    containerPadding,\n    crossOffset,\n    offset,\n    placement = 'top',\n    shouldFlip\n  } = useContext(InternalTooltipTriggerContext);\n  let colorScheme = useContext(ColorSchemeContext);\n  let {locale, direction} = useLocale();\n  let [borderRadius, setBorderRadius] = useState(0);\n\n  // TODO: should we pass through lang and dir props in RAC?\n  let tooltipRef = useCallback((el: HTMLDivElement) => {\n    (domRef as MutableRefObject<HTMLDivElement>).current = el;\n    if (el) {\n      el.lang = locale;\n      el.dir = direction;\n      let spectrumBorderRadius = typeof window !== 'undefined' ? window.getComputedStyle(el).borderRadius : '';\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [locale, direction, domRef]);\n\n  return (\n    <AriaTooltip\n      {...props}\n      arrowBoundaryOffset={borderRadius}\n      containerPadding={containerPadding}\n      crossOffset={crossOffset}\n      offset={offset}\n      placement={placement}\n      shouldFlip={shouldFlip}\n      ref={tooltipRef}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + tooltip({...renderProps, colorScheme})}>\n      {renderProps => (\n        <>\n          <OverlayArrow>\n            <svg className={arrowStyles(renderProps)} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 5\">\n              <path d=\"M4.29289 4.29289L0 0H10L5.70711 4.29289C5.31658 4.68342 4.68342 4.68342 4.29289 4.29289Z\" />\n            </svg>\n          </OverlayArrow>\n          {children}\n        </>\n      )}\n    </AriaTooltip>\n  );\n});\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: TooltipTriggerProps): ReactNode {\n  let {\n    containerPadding,\n    crossOffset,\n    offset,\n    placement,\n    shouldFlip,\n    ...triggerProps\n  } = props;\n\n  return (\n    <AriaTooltipTrigger {...triggerProps}>\n      <InternalTooltipTriggerContext.Provider\n        value={{\n          containerPadding: containerPadding,\n          crossOffset: crossOffset,\n          offset: offset,\n          placement: placement,\n          shouldFlip: shouldFlip\n        }}>\n        {props.children}\n      </InternalTooltipTriggerContext.Provider>\n    </AriaTooltipTrigger>\n  );\n}\n\n\n// This is purely so that storybook generates the types for both Menu and MenuTrigger\ninterface ICombined extends Omit<TooltipProps, 'placement'>, TooltipTriggerProps {}\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function CombinedTooltip(props: ICombined): ReactNode {\n  return <div />;\n}\n"],"names":[],"version":3,"file":"Tooltip.cjs.map"}