@react-spectrum/s2 1.4.0 → 1.5.1

package/dist/private/Modal.css

@@ -1,230 +1,230 @@
 @layer _.a {
-  .-ICUGx-_pc131 {
+  .-ICUGx-_pc151 {
     --s2-color-scheme: light dark;
   }
 
-  .-ICUGx-_pb131 {
+  .-ICUGx-_pb151 {
     --s2-color-scheme: light;
   }
 
-  .-ICUGx-_pa131 {
+  .-ICUGx-_pa151 {
     --s2-color-scheme: dark;
   }
 
-  ._pK8eoyd131 {
+  ._pK8eoyd151 {
     color-scheme: var(--s2-color-scheme);
   }
 
-  .-NvXmrd-_ZN8Gi4c131 {
+  .-NvXmrd-_ZN8Gi4c151 {
     --lightningcss-light: initial;
   }
 
-  .-NvXmrd-_ZLmU131 {
+  .-NvXmrd-_ZLmU151 {
     --lightningcss-light:  ;
   }
 
-  .-j9blY-_ZLmU131 {
+  .-j9blY-_ZLmU151 {
     --lightningcss-dark:  ;
   }
 
-  .-j9blY-_ZN8Gi4c131 {
+  .-j9blY-_ZN8Gi4c151 {
     --lightningcss-dark: initial;
   }
 
-  ._Pa131 {
+  ._Pa151 {
     position: absolute;
   }
 
-  .FKem6Ob131 {
+  .FKem6Ob151 {
     height: var(--page-height);
   }
 
-  ._Bb131 {
+  ._Bb151 {
     isolation: isolate;
   }
 
-  .g8131 {
+  .g8151 {
     background-color: #00000070;
   }
 
-  .Yf131 {
+  .Yf151 {
     transition-property: opacity;
   }
 
-  ._Pe131 {
+  ._Pe151 {
     position: sticky;
   }
 
-  .Wr131 {
+  .Wr151 {
     top: 0;
   }
 
-  ._Er131 {
+  ._Er151 {
     left: 0;
   }
 
-  .FE9bXU131 {
+  .FE9bXU151 {
     height: var(--visual-viewport-height);
   }
 
-  .eb131 {
+  .eb151 {
     align-items: center;
   }
 
-  .ed131 {
+  .ed151 {
     align-items: start;
   }
 
-  ._Ca131 {
+  ._Ca151 {
     justify-content: center;
   }
 
-  .sd131 {
+  .sd151 {
     display: flex;
   }
 
-  ._ta131 {
+  ._ta151 {
     flex-direction: column;
   }
 
-  .oe131 {
+  .oe151 {
     border-start-start-radius: 1rem;
   }
 
-  .od131 {
+  .od151 {
     border-start-start-radius: 0;
   }
 
-  .ne131 {
+  .ne151 {
     border-start-end-radius: 1rem;
   }
 
-  .nd131 {
+  .nd151 {
     border-start-end-radius: 0;
   }
 
-  .ke131 {
+  .ke151 {
     border-end-start-radius: 1rem;
   }
 
-  .kd131 {
+  .kd151 {
     border-end-start-radius: 0;
   }
 
-  .je131 {
+  .je151 {
     border-end-end-radius: 1rem;
   }
 
-  .jd131 {
+  .jd151 {
     border-end-end-radius: 0;
   }
 
-  .ZA131 {
+  .ZA151 {
     width: calc(25rem * var(--s2-scale));
   }
 
-  .ZILqIYb131 {
+  .ZILqIYb151 {
     width: calc(30rem * var(--s2-scale));
   }
 
-  .Zb4QY4131 {
+  .Zb4QY4151 {
     width: calc(40rem * var(--s2-scale));
   }
 
-  .ZbRWaYd131 {
+  .ZbRWaYd151 {
     width: calc(60rem * var(--s2-scale));
   }
 
-  .ZGqsG7b131 {
+  .ZGqsG7b151 {
     width: calc(100% - 40px);
   }
 
-  .Za131 {
+  .Za151 {
     width: 100%;
   }
 
-  .FGqsG7b131 {
+  .FGqsG7b151 {
     height: calc(100% - 40px);
   }
 
-  .Fb131 {
+  .Fb151 {
     height: 100%;
   }
 
-  .Lc131 {
+  .Lc151 {
     max-width: 90vw;
   }
 
-  .Lp131 {
+  .Lp151 {
     max-width: none;
   }
 
-  .KjVOfn131 {
+  .KjVOfn151 {
     max-height: 90%;
   }
 
-  .Ki131 {
+  .Ki151 {
     max-height: none;
   }
 
-  .QILlin131 {
+  .QILlin151 {
     padding-bottom: 100vh;
   }
 
-  .-Ovbhqd-g_g131 {
+  .-Ovbhqd-g_g151 {
     --s2-container-bg: light-dark(#fff, #222);
   }
 
-  .gEzkoQe131 {
+  .gEzkoQe151 {
     background-color: var(--s2-container-bg);
   }
 
-  ._Ia131 {
+  ._Ia151 {
     opacity: 0;
     opacity: 0;
   }
 
-  .-_8PloMd-w131 {
+  .-_8PloMd-w151 {
     --translateY: 20px;
   }
 
-  .__Ya131 {
+  .__Ya151 {
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 
-  .YmenWad131 {
+  .YmenWad151 {
     transition-property: opacity, translate;
   }
 
-  .Xd131 {
+  .Xd151 {
     transition-duration: .25s;
   }
 
-  .Xa131 {
+  .Xa151 {
     transition-duration: .13s;
   }
 
-  ._2b131 {
+  ._2b151 {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  ._1b131 {
+  ._1b151 {
     transition-delay: .16s;
   }
 
-  ._1a131 {
+  ._1a151 {
     transition-delay: 0s;
   }
 
-  ._Lf131 {
+  ._Lf151 {
     outline-style: solid;
   }
 
-  ._Mb131 {
+  ._Mb151 {
     outline-width: 1px;
   }
 
-  .Oj131 {
+  .Oj151 {
     outline-color: #0000;
   }
 }
@@ -233,11 +233,11 @@
 
 @layer _.b.D1v0V {
   @media (prefers-color-scheme: dark) {
-    .-NvXmrd-D1v0V_ZLmU131 {
+    .-NvXmrd-D1v0V_ZLmU151 {
       --lightningcss-light:  ;
     }
 
-    .-j9blY-D1v0V_ZN8Gi4c131 {
+    .-j9blY-D1v0V_ZN8Gi4c151 {
       --lightningcss-dark: initial;
     }
   }

package/dist/private/Modal.mjs

@@ -24,48 +24,48 @@ import {useLocale as $fdAcL$useLocale} from "react-aria/I18nProvider";
 
 const $c46d159bd615e407$var$modalOverlayStyles = function anonymous(props) {
     let rules = " ";
-    if (props.colorScheme === "dark") rules += ' -ICUGx-_pa131';
-    else if (props.colorScheme === "light") rules += ' -ICUGx-_pb131';
-    else if (props.colorScheme === "light dark") rules += ' -ICUGx-_pc131';
-    rules += ' _pK8eoyd131';
-    if (props.colorScheme === "dark") rules += ' -NvXmrd-_ZLmU131';
-    else if (props.colorScheme === "light") rules += ' -NvXmrd-_ZN8Gi4c131';
+    if (props.colorScheme === "dark") rules += ' -ICUGx-_pa151';
+    else if (props.colorScheme === "light") rules += ' -ICUGx-_pb151';
+    else if (props.colorScheme === "light dark") rules += ' -ICUGx-_pc151';
+    rules += ' _pK8eoyd151';
+    if (props.colorScheme === "dark") rules += ' -NvXmrd-_ZLmU151';
+    else if (props.colorScheme === "light") rules += ' -NvXmrd-_ZN8Gi4c151';
     else if (props.colorScheme === "light dark") {
-        rules += ' -NvXmrd-_ZN8Gi4c131';
-        rules += ' -NvXmrd-D1v0V_ZLmU131';
+        rules += ' -NvXmrd-_ZN8Gi4c151';
+        rules += ' -NvXmrd-D1v0V_ZLmU151';
     }
-    if (props.colorScheme === "dark") rules += ' -j9blY-_ZN8Gi4c131';
-    else if (props.colorScheme === "light") rules += ' -j9blY-_ZLmU131';
+    if (props.colorScheme === "dark") rules += ' -j9blY-_ZN8Gi4c151';
+    else if (props.colorScheme === "light") rules += ' -j9blY-_ZLmU151';
     else if (props.colorScheme === "light dark") {
-        rules += ' -j9blY-_ZLmU131';
-        rules += ' -j9blY-D1v0V_ZN8Gi4c131';
+        rules += ' -j9blY-_ZLmU151';
+        rules += ' -j9blY-D1v0V_ZN8Gi4c151';
     }
-    rules += ' _Pa131';
-    rules += ' Wr131';
-    rules += ' _Er131';
-    rules += ' Za131';
-    rules += ' FKem6Ob131';
-    rules += ' _Bb131';
-    rules += ' g8131';
-    if (props.isExiting) rules += ' _Ia131';
-    else if (props.isEntering) rules += ' _Ia131';
-    rules += ' Yf131';
-    if (props.isExiting) rules += ' Xa131';
-    else rules += ' Xd131';
-    rules += ' _2b131';
+    rules += ' _Pa151';
+    rules += ' Wr151';
+    rules += ' _Er151';
+    rules += ' Za151';
+    rules += ' FKem6Ob151';
+    rules += ' _Bb151';
+    rules += ' g8151';
+    if (props.isExiting) rules += ' _Ia151';
+    else if (props.isEntering) rules += ' _Ia151';
+    rules += ' Yf151';
+    if (props.isExiting) rules += ' Xa151';
+    else rules += ' Xd151';
+    rules += ' _2b151';
     return rules;
 };
 const $c46d159bd615e407$var$modalWrapper = function anonymous(props) {
     let rules = " ";
-    rules += ' _Pe131';
-    rules += ' Wr131';
-    rules += ' _Er131';
-    rules += ' Za131';
-    rules += ' FE9bXU131';
-    rules += ' sd131';
-    if (props.size === "fullscreenTakeover") rules += ' ed131';
-    else rules += ' eb131';
-    rules += ' _Ca131';
+    rules += ' _Pe151';
+    rules += ' Wr151';
+    rules += ' _Er151';
+    rules += ' Za151';
+    rules += ' FE9bXU151';
+    rules += ' sd151';
+    if (props.size === "fullscreenTakeover") rules += ' ed151';
+    else rules += ' eb151';
+    rules += ' _Ca151';
     return rules;
 };
 const $c46d159bd615e407$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $fdAcL$forwardRef)(function Modal(props1, ref) {
@@ -102,48 +102,48 @@ const $c46d159bd615e407$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $fdAcL$forwa
                 ref: modalRef,
                 className: (renderProps)=>(function anonymous(props) {
                         let rules = " ";
-                        rules += ' sd131';
-                        rules += ' _ta131';
-                        if (props.size === "fullscreenTakeover") rules += ' od131';
-                        else rules += ' oe131';
-                        if (props.size === "fullscreenTakeover") rules += ' nd131';
-                        else rules += ' ne131';
-                        if (props.size === "fullscreenTakeover") rules += ' kd131';
-                        else rules += ' ke131';
-                        if (props.size === "fullscreenTakeover") rules += ' jd131';
-                        else rules += ' je131';
-                        if (props.size === "fullscreenTakeover") rules += ' Za131';
-                        else if (props.size === "fullscreen") rules += ' ZGqsG7b131';
-                        else if (props.size === "XL") rules += ' ZbRWaYd131';
-                        else if (props.size === "L") rules += ' Zb4QY4131';
-                        else if (props.size === "M") rules += ' ZILqIYb131';
-                        else if (props.size === "S") rules += ' ZA131';
-                        if (props.size === "fullscreenTakeover") rules += ' Fb131';
-                        else if (props.size === "fullscreen") rules += ' FGqsG7b131';
-                        if (props.size === "fullscreenTakeover") rules += ' Lp131';
-                        else if (props.size === "fullscreen") rules += ' Lp131';
-                        else rules += ' Lc131';
-                        if (props.size === "fullscreenTakeover") rules += ' Ki131';
-                        else if (props.size === "fullscreen") rules += ' Ki131';
-                        else rules += ' KjVOfn131';
-                        if (props.size === "fullscreenTakeover") rules += ' QILlin131';
-                        rules += ' -Ovbhqd-g_g131';
-                        rules += ' gEzkoQe131';
-                        if (props.isExiting) rules += ' _Ia131';
-                        else if (props.isEntering) rules += ' _Ia131';
+                        rules += ' sd151';
+                        rules += ' _ta151';
+                        if (props.size === "fullscreenTakeover") rules += ' od151';
+                        else rules += ' oe151';
+                        if (props.size === "fullscreenTakeover") rules += ' nd151';
+                        else rules += ' ne151';
+                        if (props.size === "fullscreenTakeover") rules += ' kd151';
+                        else rules += ' ke151';
+                        if (props.size === "fullscreenTakeover") rules += ' jd151';
+                        else rules += ' je151';
+                        if (props.size === "fullscreenTakeover") rules += ' Za151';
+                        else if (props.size === "fullscreen") rules += ' ZGqsG7b151';
+                        else if (props.size === "XL") rules += ' ZbRWaYd151';
+                        else if (props.size === "L") rules += ' Zb4QY4151';
+                        else if (props.size === "M") rules += ' ZILqIYb151';
+                        else if (props.size === "S") rules += ' ZA151';
+                        if (props.size === "fullscreenTakeover") rules += ' Fb151';
+                        else if (props.size === "fullscreen") rules += ' FGqsG7b151';
+                        if (props.size === "fullscreenTakeover") rules += ' Lp151';
+                        else if (props.size === "fullscreen") rules += ' Lp151';
+                        else rules += ' Lc151';
+                        if (props.size === "fullscreenTakeover") rules += ' Ki151';
+                        else if (props.size === "fullscreen") rules += ' Ki151';
+                        else rules += ' KjVOfn151';
+                        if (props.size === "fullscreenTakeover") rules += ' QILlin151';
+                        rules += ' -Ovbhqd-g_g151';
+                        rules += ' gEzkoQe151';
+                        if (props.isExiting) rules += ' _Ia151';
+                        else if (props.isEntering) rules += ' _Ia151';
                         if (props.isEntering) {
-                            rules += ' -_8PloMd-w131';
-                            rules += ' __Ya131';
+                            rules += ' -_8PloMd-w151';
+                            rules += ' __Ya151';
                         }
-                        rules += ' YmenWad131';
-                        if (props.isExiting) rules += ' Xa131';
-                        else rules += ' Xd131';
-                        rules += ' _2b131';
-                        if (props.isExiting) rules += ' _1a131';
-                        else rules += ' _1b131';
-                        rules += ' _Lf131';
-                        rules += ' _Mb131';
-                        rules += ' Oj131';
+                        rules += ' YmenWad151';
+                        if (props.isExiting) rules += ' Xa151';
+                        else rules += ' Xd151';
+                        rules += ' _2b151';
+                        if (props.isExiting) rules += ' _1a151';
+                        else rules += ' _1b151';
+                        rules += ' _Lf151';
+                        rules += ' _Mb151';
+                        rules += ' Oj151';
                         return rules;
                     })({
                         ...renderProps,

package/dist/private/NotificationBadge.cjs

@@ -48,71 +48,71 @@ const $cd7301fb33ba8690$var$badge = function anonymous(props, overrides) {
         if (p[1] === "Z") width = true;
         rules += p[0];
     }
-    if (props.isDisabled) rules += ' sk131';
-    else rules += ' sd131';
-    rules += ' uk131';
-    rules += ' ucJ9TBTb131';
-    rules += ' ud3Euai131';
-    rules += ' uea131';
-    rules += ' ugb131';
-    rules += ' uhd131';
-    rules += ' uje131';
-    rules += ' u2NhKxcl131';
-    rules += ' uic131';
+    if (props.isDisabled) rules += ' sk151';
+    else rules += ' sd151';
+    rules += ' uk151';
+    rules += ' ucJ9TBTb151';
+    rules += ' ud3Euai151';
+    rules += ' uea151';
+    rules += ' ugb151';
+    rules += ' uhd151';
+    rules += ' uje151';
+    rules += ' u2NhKxcl151';
+    rules += ' uic151';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-c131';
-        rules += ' vx131';
+        rules += ' -_6BNtrc-c151';
+        rules += ' vx151';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-b131';
-        rules += ' vx131';
+        rules += ' -_6BNtrc-b151';
+        rules += ' vx151';
     } else if (props.size === "M") {
-        rules += ' -_6BNtrc-a131';
-        rules += ' vx131';
+        rules += ' -_6BNtrc-a151';
+        rules += ' vx151';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-a131';
-        rules += ' vx131';
+        rules += ' -_6BNtrc-a151';
+        rules += ' vx151';
     }
-    rules += ' xb131';
-    rules += ' _xa131';
-    rules += ' _Fd131';
-    rules += ' _FnuYUweb131';
-    if (props.isStaticColor) rules += ' ph131';
-    else rules += ' px131';
-    rules += ' plb131';
-    rules += ' _jlf131';
-    rules += ' _klb131';
-    rules += ' hlb131';
-    rules += ' mlb131';
-    rules += ' llb131';
-    rules += ' ila131';
-    rules += ' _Ca131';
-    rules += ' eb131';
-    rules += ' gqMFGYc131';
-    rules += ' FRuFGYc131';
-    if (props.isSingleDigit) rules += ' fa131';
-    else if (props.isIndicatorOnly) rules += ' fa131';
-    if (!width) rules += ' ZK131';
-    if (props.isDoubleDigit) rules += ' Sv131';
-    if (props.isDoubleDigit) rules += ' Rv131';
-    rules += ' oh131';
-    rules += ' nh131';
-    rules += ' kh131';
-    rules += ' jh131';
-    if (props.isStaticColor) rules += ' -g_-g_c131';
-    else rules += ' -g_-g2131';
-    rules += ' -g_-lgb131';
+    rules += ' xb151';
+    rules += ' _xa151';
+    rules += ' _Fd151';
+    rules += ' _FnuYUweb151';
+    if (props.isStaticColor) rules += ' ph151';
+    else rules += ' px151';
+    rules += ' plb151';
+    rules += ' _jlf151';
+    rules += ' _klb151';
+    rules += ' hlb151';
+    rules += ' mlb151';
+    rules += ' llb151';
+    rules += ' ila151';
+    rules += ' _Ca151';
+    rules += ' eb151';
+    rules += ' gqMFGYc151';
+    rules += ' FRuFGYc151';
+    if (props.isSingleDigit) rules += ' fa151';
+    else if (props.isIndicatorOnly) rules += ' fa151';
+    if (!width) rules += ' ZK151';
+    if (props.isDoubleDigit) rules += ' Sv151';
+    if (props.isDoubleDigit) rules += ' Rv151';
+    rules += ' oh151';
+    rules += ' nh151';
+    rules += ' kh151';
+    rules += ' jh151';
+    if (props.isStaticColor) rules += ' -g_-g_c151';
+    else rules += ' -g_-g2151';
+    rules += ' -g_-lgb151';
     if (props.size === "XL") {
-        if (props.isIndicatorOnly) rules += ' -F_-Fspvr8c131';
-        else rules += ' -F_-Fm131';
+        if (props.isIndicatorOnly) rules += ' -F_-Fspvr8c151';
+        else rules += ' -F_-Fm151';
     } else if (props.size === "L") {
-        if (props.isIndicatorOnly) rules += ' -F_-Fspvr8c131';
-        else rules += ' -F_-Ft131';
+        if (props.isIndicatorOnly) rules += ' -F_-Fspvr8c151';
+        else rules += ' -F_-Ft151';
     } else if (props.size === "M") {
-        if (props.isIndicatorOnly) rules += ' -F_-Fi131';
-        else rules += ' -F_-FLb8KJ131';
+        if (props.isIndicatorOnly) rules += ' -F_-Fi151';
+        else rules += ' -F_-FLb8KJ151';
     } else if (props.size === "S") {
-        if (props.isIndicatorOnly) rules += ' -F_-Fi131';
-        else rules += ' -F_-Fk131';
+        if (props.isIndicatorOnly) rules += ' -F_-Fi151';
+        else rules += ' -F_-Fk151';
     }
     return rules;
 };

package/dist/private/NotificationBadge.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAsCM,MAAM,0DACX,CAAA,GAAA,0BAAY,EACV;AAGJ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEC,MAAM,0DAAoB,CAAA,GAAA,uBAAS,EAAE,SAAS,MACnD,KAA6B,EAC7B,GAA2B;IAE3B,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QACF,OAAO,YACP,KAAK,cACL,aAAa,oBACb,WAAW,EACX,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,sCAAQ;IACvB,IAAI,iBAAiB;IAErB,IAAI,kBAAkB;IACtB,IAAI,gBAAgB;IACpB,IAAI,gBAAgB;IAEpB,IAAI,SAAS,MACX,kBAAkB;SACb,IAAI,SAAS,GAClB,MAAM,IAAI,MAAM;SACX,IAAI,CAAC,OAAO,SAAS,CAAC,QAC3B,MAAM,IAAI,MAAM;SACX;QACL,iBAAiB,IAAI,CAAA,GAAA,8CAAc,EAAE,QAAQ,MAAM,CAAC,KAAK,GAAG,CAAC,OAAO;QACpE,IAAI,SAAS,AAAC,KAAK,GAAG,CAAC,SAAS,KAAK,QAAQ,MAAM,KAAK,MAAM,GAAG,IAAK,GAAG,4GAA4G;QACrL,IAAI,WAAW,GACb,gBAAgB;aACX,IAAI,WAAW,GACpB,gBAAgB;QAGlB,IAAI,QAAQ,IACV,iBAAiB,gBAAgB,MAAM,CAAC,0BAA0B;YAChE,eAAe;QACjB;IAEJ;IAEA,IAAI,YAAY,KAAK,CAAC,aAAa,IAAI;IACvC,IAAI,cAAc,aAAa,iBAC7B,YAAY,gBAAgB,MAAM,CAAC;IAGrC,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,6CAAa,EAAE,YAAY;YAAC,WAAW;QAAI,EAAE;QACjD,MAAM,aAAa;QACnB,cAAY;QACZ,WACE,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAC5B,4BACE;kBACE;6BACA;2BACA;2BACA;wBACA;YACA,eAAe,CAAC,CAAC;QACnB,GACA,MAAM,MAAM;QAGhB,OAAO,MAAM,YAAY;QACzB,KAAK;kBACJ;;AAGP","sources":["packages/@react-spectrum/s2/src/NotificationBadge.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {fontRelative, style} from '../style' with {type: 'macro'};\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {NumberFormatter} from '@internationalized/number';\nimport React, {createContext, forwardRef} from 'react';\nimport {useDOMRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface NotificationBadgeStyleProps {\n  /**\n   * The size of the notification badge.\n   *\n   * @default 'S'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n}\n\nexport interface NotificationBadgeProps\n  extends DOMProps, AriaLabelingProps, StyleProps, NotificationBadgeStyleProps, SlotProps {\n  /**\n   * The value to be displayed in the notification badge.\n   */\n  value?: number | null;\n}\n\ninterface NotificationBadgeContextProps extends Partial<NotificationBadgeProps> {\n  isDisabled?: boolean;\n  staticColor?: 'black' | 'white' | 'auto';\n}\n\nexport const NotificationBadgeContext =\n  createContext<ContextValue<Partial<NotificationBadgeContextProps>, DOMRefValue<HTMLDivElement>>>(\n    null\n  );\n\nconst badge = style(\n  {\n    display: {\n      default: 'flex',\n      isDisabled: 'none'\n    },\n    font: 'ui',\n    color: {\n      default: 'white',\n      isStaticColor: 'auto',\n      forcedColors: 'ButtonText'\n    },\n    fontSize: {\n      size: {\n        S: 'ui-xs',\n        M: 'ui-xs',\n        L: 'ui-sm',\n        XL: 'ui'\n      }\n    },\n    borderStyle: {\n      forcedColors: 'solid'\n    },\n    borderWidth: {\n      forcedColors: '[1px]'\n    },\n    borderColor: {\n      forcedColors: 'ButtonBorder'\n    },\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: {\n      default: 'accent',\n      isStaticColor: 'transparent-overlay-1000',\n      forcedColors: 'ButtonFace'\n    },\n    height: {\n      size: {\n        S: {\n          default: 12,\n          isIndicatorOnly: 8\n        },\n        M: {\n          default: fontRelative(18), // sort of arbitrary? tried to get as close to the figma designs as possible\n          isIndicatorOnly: 8\n        },\n        L: {\n          default: 16,\n          isIndicatorOnly: fontRelative(12)\n        },\n        XL: {\n          default: 18,\n          isIndicatorOnly: fontRelative(12)\n        }\n      }\n    },\n    aspectRatio: {\n      isIndicatorOnly: 'square',\n      isSingleDigit: 'square'\n    },\n    width: 'max',\n    paddingX: {\n      isDoubleDigit: 'edge-to-text'\n    },\n    borderRadius: 'pill'\n  },\n  getAllowedOverrides()\n);\n\n/**\n * Notification badges are used to indicate new or pending activity .\n */\nexport const NotificationBadge = forwardRef(function Badge(\n  props: NotificationBadgeProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, NotificationBadgeContext);\n  let {\n    size = 'S',\n    value,\n    isDisabled = false,\n    staticColor,\n    ...otherProps\n  } = props as NotificationBadgeContextProps;\n  let domRef = useDOMRef(ref);\n  let {locale} = useLocale();\n  let formattedValue = '';\n\n  let isIndicatorOnly = false;\n  let isSingleDigit = false;\n  let isDoubleDigit = false;\n\n  if (value == null) {\n    isIndicatorOnly = true;\n  } else if (value <= 0) {\n    throw new Error('Value cannot be negative or zero');\n  } else if (!Number.isInteger(value)) {\n    throw new Error('Value must be a positive integer');\n  } else {\n    formattedValue = new NumberFormatter(locale).format(Math.min(value, 99));\n    let length = (Math.log(value <= 99 ? value : 99) * Math.LOG10E + 1) | 0; // for positive integers (https://stackoverflow.com/questions/14879691/get-number-of-digits-with-javascript)\n    if (length === 1) {\n      isSingleDigit = true;\n    } else if (length === 2) {\n      isDoubleDigit = true;\n    }\n\n    if (value > 99) {\n      formattedValue = stringFormatter.format('notificationbadge.plus', {\n        notifications: formattedValue\n      });\n    }\n  }\n\n  let ariaLabel = props['aria-label'] || undefined;\n  if (ariaLabel === undefined && isIndicatorOnly) {\n    ariaLabel = stringFormatter.format('notificationbadge.indicatorOnly');\n  }\n\n  return (\n    <span\n      {...filterDOMProps(otherProps, {labelable: true})}\n      role={ariaLabel && 'img'}\n      aria-label={ariaLabel}\n      className={\n        (props.UNSAFE_className || '') +\n        badge(\n          {\n            size,\n            isIndicatorOnly,\n            isSingleDigit,\n            isDoubleDigit,\n            isDisabled,\n            isStaticColor: !!staticColor\n          },\n          props.styles\n        )\n      }\n      style={props.UNSAFE_style}\n      ref={domRef}>\n      {formattedValue}\n    </span>\n  );\n});\n"],"names":[],"version":3,"file":"NotificationBadge.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAqCM,MAAM,0DACX,CAAA,GAAA,0BAAY,EACV;AAGJ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEC,MAAM,0DAAoB,CAAA,GAAA,uBAAS,EAAE,SAAS,MACnD,KAA6B,EAC7B,GAA2B;IAE3B,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QACF,OAAO,YACP,KAAK,cACL,aAAa,oBACb,WAAW,EACX,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,sCAAQ;IACvB,IAAI,iBAAiB;IAErB,IAAI,kBAAkB;IACtB,IAAI,gBAAgB;IACpB,IAAI,gBAAgB;IAEpB,IAAI,SAAS,MACX,kBAAkB;SACb,IAAI,SAAS,GAClB,MAAM,IAAI,MAAM;SACX,IAAI,CAAC,OAAO,SAAS,CAAC,QAC3B,MAAM,IAAI,MAAM;SACX;QACL,iBAAiB,IAAI,CAAA,GAAA,8CAAc,EAAE,QAAQ,MAAM,CAAC,KAAK,GAAG,CAAC,OAAO;QACpE,IAAI,SAAS,AAAC,KAAK,GAAG,CAAC,SAAS,KAAK,QAAQ,MAAM,KAAK,MAAM,GAAG,IAAK,GAAG,4GAA4G;QACrL,IAAI,WAAW,GACb,gBAAgB;aACX,IAAI,WAAW,GACpB,gBAAgB;QAGlB,IAAI,QAAQ,IACV,iBAAiB,gBAAgB,MAAM,CAAC,0BAA0B;YAChE,eAAe;QACjB;IAEJ;IAEA,IAAI,YAAY,KAAK,CAAC,aAAa,IAAI;IACvC,IAAI,cAAc,aAAa,iBAC7B,YAAY,gBAAgB,MAAM,CAAC;IAGrC,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,6CAAa,EAAE,YAAY;YAAC,WAAW;QAAI,EAAE;QACjD,MAAM,aAAa;QACnB,cAAY;QACZ,WACE,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAC5B,4BACE;kBACE;6BACA;2BACA;2BACA;wBACA;YACA,eAAe,CAAC,CAAC;QACnB,GACA,MAAM,MAAM;QAGhB,OAAO,MAAM,YAAY;QACzB,KAAK;kBACJ;;AAGP","sources":["packages/@react-spectrum/s2/src/NotificationBadge.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {fontRelative, style} from '../style' with {type: 'macro'};\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport intlMessages from '../intl/*.json';\nimport {NumberFormatter} from '@internationalized/number';\nimport React, {createContext, forwardRef} from 'react';\nimport {useDOMRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface NotificationBadgeStyleProps {\n  /**\n   * The size of the notification badge.\n   *\n   * @default 'S'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n}\n\nexport interface NotificationBadgeProps\n  extends DOMProps, AriaLabelingProps, StyleProps, NotificationBadgeStyleProps, SlotProps {\n  /**\n   * The value to be displayed in the notification badge.\n   */\n  value?: number | null;\n}\n\ninterface NotificationBadgeContextProps extends Partial<NotificationBadgeProps> {\n  isDisabled?: boolean;\n  staticColor?: 'black' | 'white' | 'auto';\n}\n\nexport const NotificationBadgeContext =\n  createContext<ContextValue<Partial<NotificationBadgeContextProps>, DOMRefValue<HTMLDivElement>>>(\n    null\n  );\n\nconst badge = style(\n  {\n    display: {\n      default: 'flex',\n      isDisabled: 'none'\n    },\n    font: 'ui',\n    color: {\n      default: 'white',\n      isStaticColor: 'auto',\n      forcedColors: 'ButtonText'\n    },\n    fontSize: {\n      size: {\n        S: 'ui-xs',\n        M: 'ui-xs',\n        L: 'ui-sm',\n        XL: 'ui'\n      }\n    },\n    borderStyle: {\n      forcedColors: 'solid'\n    },\n    borderWidth: {\n      forcedColors: '[1px]'\n    },\n    borderColor: {\n      forcedColors: 'ButtonBorder'\n    },\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: {\n      default: 'accent',\n      isStaticColor: 'transparent-overlay-1000',\n      forcedColors: 'ButtonFace'\n    },\n    height: {\n      size: {\n        S: {\n          default: 12,\n          isIndicatorOnly: 8\n        },\n        M: {\n          default: fontRelative(18), // sort of arbitrary? tried to get as close to the figma designs as possible\n          isIndicatorOnly: 8\n        },\n        L: {\n          default: 16,\n          isIndicatorOnly: fontRelative(12)\n        },\n        XL: {\n          default: 18,\n          isIndicatorOnly: fontRelative(12)\n        }\n      }\n    },\n    aspectRatio: {\n      isIndicatorOnly: 'square',\n      isSingleDigit: 'square'\n    },\n    width: 'max',\n    paddingX: {\n      isDoubleDigit: 'edge-to-text'\n    },\n    borderRadius: 'pill'\n  },\n  getAllowedOverrides()\n);\n\n/**\n * Notification badges are used to indicate new or pending activity .\n */\nexport const NotificationBadge = forwardRef(function Badge(\n  props: NotificationBadgeProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, NotificationBadgeContext);\n  let {\n    size = 'S',\n    value,\n    isDisabled = false,\n    staticColor,\n    ...otherProps\n  } = props as NotificationBadgeContextProps;\n  let domRef = useDOMRef(ref);\n  let {locale} = useLocale();\n  let formattedValue = '';\n\n  let isIndicatorOnly = false;\n  let isSingleDigit = false;\n  let isDoubleDigit = false;\n\n  if (value == null) {\n    isIndicatorOnly = true;\n  } else if (value <= 0) {\n    throw new Error('Value cannot be negative or zero');\n  } else if (!Number.isInteger(value)) {\n    throw new Error('Value must be a positive integer');\n  } else {\n    formattedValue = new NumberFormatter(locale).format(Math.min(value, 99));\n    let length = (Math.log(value <= 99 ? value : 99) * Math.LOG10E + 1) | 0; // for positive integers (https://stackoverflow.com/questions/14879691/get-number-of-digits-with-javascript)\n    if (length === 1) {\n      isSingleDigit = true;\n    } else if (length === 2) {\n      isDoubleDigit = true;\n    }\n\n    if (value > 99) {\n      formattedValue = stringFormatter.format('notificationbadge.plus', {\n        notifications: formattedValue\n      });\n    }\n  }\n\n  let ariaLabel = props['aria-label'] || undefined;\n  if (ariaLabel === undefined && isIndicatorOnly) {\n    ariaLabel = stringFormatter.format('notificationbadge.indicatorOnly');\n  }\n\n  return (\n    <span\n      {...filterDOMProps(otherProps, {labelable: true})}\n      role={ariaLabel && 'img'}\n      aria-label={ariaLabel}\n      className={\n        (props.UNSAFE_className || '') +\n        badge(\n          {\n            size,\n            isIndicatorOnly,\n            isSingleDigit,\n            isDoubleDigit,\n            isDisabled,\n            isStaticColor: !!staticColor\n          },\n          props.styles\n        )\n      }\n      style={props.UNSAFE_style}\n      ref={domRef}>\n      {formattedValue}\n    </span>\n  );\n});\n"],"names":[],"version":3,"file":"NotificationBadge.cjs.map"}