@react-spectrum/s2 0.9.2 → 0.10.0

package/dist/ToggleButtonGroup.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAYM,MAAM,0DAA2B,CAAA,GAAA,0BAAY,EAAiE;AAK9G,MAAM,0DAAoB,CAAA,GAAA,uBAAS,EAAE,SAAS,kBAAkB,KAA6B,EAAE,GAAiC;IACrI,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WACF,UAAU,iBACV,OAAO,kBACP,cAAc,2BACd,WAAW,YACX,QAAQ,oBACR,mBAAmB,kBACnB,YAAY,UACZ,MAAM,EACP,GAAG;IAEJ,qBACE,gCAAC,CAAA,GAAA,4CAAmB;QACjB,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB,CAAA,GAAA,0CAAe,EAAE;kBAAC;qBAAM;yBAAS;yBAAa;QAAW,GAAG;kBAC1F,cAAA,gCAAC,0CAAyB,QAAQ;YAAC,OAAO;sBACvC;;;AAIT","sources":["packages/@react-spectrum/s2/src/ToggleButtonGroup.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 {ActionButtonGroupProps, actionGroupStyle} from './ActionButtonGroup';\nimport {ContextValue, ToggleButtonGroup as RACToggleButtonGroup, ToggleButtonGroupProps as RACToggleButtonGroupProps} from 'react-aria-components';\nimport {createContext, ForwardedRef, forwardRef} from 'react';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ToggleButtonGroupProps extends ActionButtonGroupProps, Omit<RACToggleButtonGroupProps, 'children' | 'style' | 'className'> {\n  /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */\n  isEmphasized?: boolean\n}\n\nexport const ToggleButtonGroupContext = createContext<ContextValue<Partial<ToggleButtonGroupProps>, HTMLDivElement>>(null);\n\n/**\n * A ToggleButtonGroup is a grouping of related ToggleButtons, with single or multiple selection.\n */\nexport const ToggleButtonGroup = forwardRef(function ToggleButtonGroup(props: ToggleButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ToggleButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <RACToggleButtonGroup\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)}>\n      <ToggleButtonGroupContext.Provider value={props}>\n        {children}\n      </ToggleButtonGroupContext.Provider>\n    </RACToggleButtonGroup>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButtonGroup.cjs.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaM,MAAM,0DAA2B,CAAA,GAAA,0BAAY,EAAiE;AAK9G,MAAM,0DAAoB,CAAA,GAAA,uBAAS,EAAE,SAAS,kBAAkB,KAA6B,EAAE,GAAiC;IACrI,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WACF,UAAU,iBACV,OAAO,kBACP,cAAc,2BACd,WAAW,YACX,QAAQ,oBACR,mBAAmB,kBACnB,YAAY,UACZ,MAAM,EACP,GAAG;IAEJ,qBACE,gCAAC,CAAA,GAAA,4CAAmB;QACjB,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB,CAAA,GAAA,0CAAe,EAAE;kBAAC;qBAAM;yBAAS;yBAAa;QAAW,GAAG;kBAC1F,cAAA,gCAAC,0CAAyB,QAAQ;YAAC,OAAO;sBACvC;;;AAIT","sources":["packages/@react-spectrum/s2/src/ToggleButtonGroup.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 {ActionButtonGroupProps, actionGroupStyle} from './ActionButtonGroup';\nimport {ContextValue, ToggleButtonGroup as RACToggleButtonGroup, ToggleButtonGroupProps as RACToggleButtonGroupProps} from 'react-aria-components';\nimport {createContext, ForwardedRef, forwardRef} from 'react';\nimport {GlobalDOMAttributes} from '@react-types/shared';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ToggleButtonGroupProps extends ActionButtonGroupProps, Omit<RACToggleButtonGroupProps, 'children' | 'style' | 'className' | keyof GlobalDOMAttributes> {\n  /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */\n  isEmphasized?: boolean\n}\n\nexport const ToggleButtonGroupContext = createContext<ContextValue<Partial<ToggleButtonGroupProps>, HTMLDivElement>>(null);\n\n/**\n * A ToggleButtonGroup is a grouping of related ToggleButtons, with single or multiple selection.\n */\nexport const ToggleButtonGroup = forwardRef(function ToggleButtonGroup(props: ToggleButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ToggleButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <RACToggleButtonGroup\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)}>\n      <ToggleButtonGroupContext.Provider value={props}>\n        {children}\n      </ToggleButtonGroupContext.Provider>\n    </RACToggleButtonGroup>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButtonGroup.cjs.map"}

package/dist/ToggleButtonGroup.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAYM,MAAM,0DAA2B,CAAA,GAAA,oBAAY,EAAiE;AAK9G,MAAM,0DAAoB,CAAA,GAAA,iBAAS,EAAE,SAAS,kBAAkB,KAA6B,EAAE,GAAiC;IACrI,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WACF,UAAU,iBACV,OAAO,kBACP,cAAc,2BACd,WAAW,YACX,QAAQ,oBACR,mBAAmB,kBACnB,YAAY,UACZ,MAAM,EACP,GAAG;IAEJ,qBACE,gBAAC,CAAA,GAAA,wBAAmB;QACjB,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB,CAAA,GAAA,yCAAe,EAAE;kBAAC;qBAAM;yBAAS;yBAAa;QAAW,GAAG;kBAC1F,cAAA,gBAAC,0CAAyB,QAAQ;YAAC,OAAO;sBACvC;;;AAIT","sources":["packages/@react-spectrum/s2/src/ToggleButtonGroup.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 {ActionButtonGroupProps, actionGroupStyle} from './ActionButtonGroup';\nimport {ContextValue, ToggleButtonGroup as RACToggleButtonGroup, ToggleButtonGroupProps as RACToggleButtonGroupProps} from 'react-aria-components';\nimport {createContext, ForwardedRef, forwardRef} from 'react';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ToggleButtonGroupProps extends ActionButtonGroupProps, Omit<RACToggleButtonGroupProps, 'children' | 'style' | 'className'> {\n  /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */\n  isEmphasized?: boolean\n}\n\nexport const ToggleButtonGroupContext = createContext<ContextValue<Partial<ToggleButtonGroupProps>, HTMLDivElement>>(null);\n\n/**\n * A ToggleButtonGroup is a grouping of related ToggleButtons, with single or multiple selection.\n */\nexport const ToggleButtonGroup = forwardRef(function ToggleButtonGroup(props: ToggleButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ToggleButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <RACToggleButtonGroup\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)}>\n      <ToggleButtonGroupContext.Provider value={props}>\n        {children}\n      </ToggleButtonGroupContext.Provider>\n    </RACToggleButtonGroup>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButtonGroup.mjs.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaM,MAAM,0DAA2B,CAAA,GAAA,oBAAY,EAAiE;AAK9G,MAAM,0DAAoB,CAAA,GAAA,iBAAS,EAAE,SAAS,kBAAkB,KAA6B,EAAE,GAAiC;IACrI,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WACF,UAAU,iBACV,OAAO,kBACP,cAAc,2BACd,WAAW,YACX,QAAQ,oBACR,mBAAmB,kBACnB,YAAY,UACZ,MAAM,EACP,GAAG;IAEJ,qBACE,gBAAC,CAAA,GAAA,wBAAmB;QACjB,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB,CAAA,GAAA,yCAAe,EAAE;kBAAC;qBAAM;yBAAS;yBAAa;QAAW,GAAG;kBAC1F,cAAA,gBAAC,0CAAyB,QAAQ;YAAC,OAAO;sBACvC;;;AAIT","sources":["packages/@react-spectrum/s2/src/ToggleButtonGroup.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 {ActionButtonGroupProps, actionGroupStyle} from './ActionButtonGroup';\nimport {ContextValue, ToggleButtonGroup as RACToggleButtonGroup, ToggleButtonGroupProps as RACToggleButtonGroupProps} from 'react-aria-components';\nimport {createContext, ForwardedRef, forwardRef} from 'react';\nimport {GlobalDOMAttributes} from '@react-types/shared';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ToggleButtonGroupProps extends ActionButtonGroupProps, Omit<RACToggleButtonGroupProps, 'children' | 'style' | 'className' | keyof GlobalDOMAttributes> {\n  /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */\n  isEmphasized?: boolean\n}\n\nexport const ToggleButtonGroupContext = createContext<ContextValue<Partial<ToggleButtonGroupProps>, HTMLDivElement>>(null);\n\n/**\n * A ToggleButtonGroup is a grouping of related ToggleButtons, with single or multiple selection.\n */\nexport const ToggleButtonGroup = forwardRef(function ToggleButtonGroup(props: ToggleButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ToggleButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <RACToggleButtonGroup\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)}>\n      <ToggleButtonGroupContext.Provider value={props}>\n        {children}\n      </ToggleButtonGroupContext.Provider>\n    </RACToggleButtonGroup>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButtonGroup.mjs.map"}

package/dist/Tooltip.cjs

@@ -29,111 +29,113 @@ $parcel$export(module.exports, "TooltipTrigger", () => $d3b6a84aebe66f8d$export$
 
 const $d3b6a84aebe66f8d$var$tooltip = function anonymous(props) {
     let rules = " ";
-    if (props.colorScheme === "dark") rules += ' _pa91';
-    else if (props.colorScheme === "light") rules += ' _pb91';
-    else if (props.colorScheme === "light dark") rules += ' _pc91';
-    else rules += ' _pN79Hzc91';
-    rules += ' _Ca91';
-    rules += ' eb91';
-    rules += ' Le91';
-    rules += ' MAyFGYc91';
-    rules += ' _oa91';
-    rules += ' ug91';
-    rules += ' uch91';
-    rules += ' udi91';
-    rules += ' uea91';
-    rules += ' ugb91';
-    rules += ' uhd91';
-    rules += ' uje91';
-    rules += ' uic91';
-    rules += ' vb91';
-    rules += ' vse91';
-    rules += ' wb91';
-    rules += ' xb91';
-    rules += ' _xa91';
-    rules += ' _Fa91';
-    rules += ' _Ffb91';
-    rules += ' pr91';
-    rules += ' plb91';
-    rules += ' _kJ8iPYd91';
-    rules += ' hXMFGYc91';
-    rules += ' mlb91';
-    rules += ' llb91';
-    rules += ' _jlf91';
-    rules += ' ilA91';
-    rules += ' g091';
-    rules += ' ob91';
-    rules += ' nb91';
-    rules += ' kb91';
-    rules += ' jb91';
-    rules += ' Sv91';
-    rules += ' Rv91';
-    rules += ' Tu7Fubd91';
-    rules += ' Qu7Fubd91';
-    rules += ' Jv91';
-    rules += ' Gv91';
-    rules += ' Iv91';
-    rules += ' Hv91';
-    rules += ' Yd91';
-    rules += ' Xc91';
-    if (props.isExiting) rules += ' _2c91';
+    if (props.colorScheme === "dark") rules += ' _pa1';
+    else if (props.colorScheme === "light") rules += ' _pb1';
+    else if (props.colorScheme === "light dark") rules += ' _pc1';
+    else rules += ' _pN79Hzc1';
+    rules += ' _Ca1';
+    rules += ' eb1';
+    rules += ' Le1';
+    rules += ' MAyFGYc1';
+    rules += ' _oa1';
+    rules += ' uk1';
+    rules += ' uch1';
+    rules += ' udi1';
+    rules += ' uea1';
+    rules += ' ugb1';
+    rules += ' uhd1';
+    rules += ' uje1';
+    rules += ' u2NhKxcl1';
+    rules += ' uic1';
+    rules += ' -_6BNtrc-b1';
+    rules += ' vx1';
+    rules += ' wb1';
+    rules += ' xb1';
+    rules += ' _xa1';
+    rules += ' _Fd1';
+    rules += ' _FezxGHba1';
+    rules += ' _FnuYUweb1';
+    rules += ' pr1';
+    rules += ' plb1';
+    rules += ' _kJ8iPYd1';
+    rules += ' hXMFGYc1';
+    rules += ' mlb1';
+    rules += ' llb1';
+    rules += ' _jlf1';
+    rules += ' ilA1';
+    rules += ' g01';
+    rules += ' ob1';
+    rules += ' nb1';
+    rules += ' kb1';
+    rules += ' jb1';
+    rules += ' Sv1';
+    rules += ' Rv1';
+    rules += ' Tu7Fubd1';
+    rules += ' Qu7Fubd1';
+    rules += ' Jv1';
+    rules += ' Gv1';
+    rules += ' Iv1';
+    rules += ' Hv1';
+    rules += ' Yd1';
+    rules += ' Xc1';
+    if (props.isExiting) rules += ' _2c1';
     if (props.placement === "right") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-m91';
-            rules += ' __Ya91';
+            rules += ' -_7PloMd-m1';
+            rules += ' __Ya1';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-m91';
-            rules += ' __Ya91';
+            rules += ' -_7PloMd-m1';
+            rules += ' __Ya1';
         }
     } else if (props.placement === "left") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-G91';
-            rules += ' __Ya91';
+            rules += ' -_7PloMd-G1';
+            rules += ' __Ya1';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-G91';
-            rules += ' __Ya91';
+            rules += ' -_7PloMd-G1';
+            rules += ' __Ya1';
         }
     }
     if (props.placement === "bottom") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-l91';
-            rules += ' __Ya91';
+            rules += ' -_8PloMd-l1';
+            rules += ' __Ya1';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-l91';
-            rules += ' __Ya91';
+            rules += ' -_8PloMd-l1';
+            rules += ' __Ya1';
         }
     } else if (props.placement === "top") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-F91';
-            rules += ' __Ya91';
+            rules += ' -_8PloMd-F1';
+            rules += ' __Ya1';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-F91';
-            rules += ' __Ya91';
+            rules += ' -_8PloMd-F1';
+            rules += ' __Ya1';
         }
     }
-    if (props.isExiting) rules += ' _Ia91';
-    else if (props.isEntering) rules += ' _Ia91';
-    rules += ' -M_-Mg91';
-    rules += ' -_k_-l_kb91';
-    rules += ' -h_-lhb91';
+    if (props.isExiting) rules += ' _Ia1';
+    else if (props.isEntering) rules += ' _Ia1';
+    rules += ' -M_-Mg1';
+    rules += ' -_k_-l_kb1';
+    rules += ' -h_-lhb1';
     return rules;
 };
 const $d3b6a84aebe66f8d$var$arrowStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' sb91';
-    rules += ' tr91';
-    rules += ' Zi91';
-    rules += ' Ff91';
-    if (props.placement === "right") rules += ' _Sd91';
-    else if (props.placement === "left") rules += ' _Sa91';
-    else if (props.placement === "bottom") rules += ' _Sc91';
-    else if (props.placement === "top") rules += ' _Sb91';
+    rules += ' sb1';
+    rules += ' tr1';
+    rules += ' Zi1';
+    rules += ' Ff1';
+    if (props.placement === "right") rules += ' _Sd1';
+    else if (props.placement === "left") rules += ' _Sa1';
+    else if (props.placement === "bottom") rules += ' _Sc1';
+    else if (props.placement === "top") rules += ' _Sb1';
     if (props.placement === "right") {
-        rules += ' -_7PloMd-y91';
-        rules += ' __Ya91';
+        rules += ' -_7PloMd-y1';
+        rules += ' __Ya1';
     } else if (props.placement === "left") {
-        rules += ' -_7PloMd-e91';
-        rules += ' __Ya91';
+        rules += ' -_7PloMd-e1';
+        rules += ' __Ya1';
     }
     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} 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'>, 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'>, 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}

package/dist/Tooltip.css

@@ -1,304 +1,310 @@
 @layer _.a {
-  ._pN79Hzc91 {
+  ._pN79Hzc1 {
     color-scheme: var(--lightningcss-light, light) var(--lightningcss-dark, dark);
   }
 
-  ._pc91 {
+  ._pc1 {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light dark;
   }
 
   @media (prefers-color-scheme: dark) {
-    ._pc91 {
+    ._pc1 {
       --lightningcss-light: ;
       --lightningcss-dark: initial;
     }
   }
 
-  ._pb91 {
+  ._pb1 {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light;
   }
 
-  ._pa91 {
+  ._pa1 {
     --lightningcss-light: ;
     --lightningcss-dark: initial;
     color-scheme: dark;
   }
 
-  ._Ca91 {
+  ._Ca1 {
     justify-content: center;
   }
 
-  .eb91 {
+  .eb1 {
     align-items: center;
   }
 
-  .Le91 {
+  .Le1 {
     max-width: calc(10rem * var(--s2-scale));
   }
 
-  .MAyFGYc91 {
+  .MAyFGYc1 {
     min-height: var(--M);
   }
 
-  ._oa91 {
+  ._oa1 {
     box-sizing: border-box;
   }
 
-  .ug91 {
-    font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
+  .uk1 {
+    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  .vb91 {
-    font-size: .75rem;
+  .-_6BNtrc-b1 {
+    --fs: pow(1.125, -1);
   }
 
-  .wb91 {
+  .vx1 {
+    font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
+  }
+
+  .wb1 {
     font-variation-settings: "wght" 400;
   }
 
-  .xb91 {
+  .xb1 {
     font-weight: 400;
   }
 
-  ._xa91 {
+  ._xa1 {
     font-synthesis-weight: none;
   }
 
-  ._Fa91 {
-    line-height: 1.3;
+  ._Fd1 {
+    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
   }
 
-  .pr91 {
+  .pr1 {
     color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
   }
 
-  ._kJ8iPYd91 {
+  ._kJ8iPYd1 {
     border-top-width: var(--_k);
   }
 
-  .hXMFGYc91 {
+  .hXMFGYc1 {
     border-bottom-width: var(--h);
   }
 
-  .g091 {
+  .g01 {
     background-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .ob91 {
+  .ob1 {
     border-start-start-radius: .5rem;
   }
 
-  .nb91 {
+  .nb1 {
     border-start-end-radius: .5rem;
   }
 
-  .kb91 {
+  .kb1 {
     border-end-start-radius: .5rem;
   }
 
-  .jb91 {
+  .jb1 {
     border-end-end-radius: .5rem;
   }
 
-  .Sv91 {
+  .Sv1 {
     padding-inline-start: calc(var(--F, var(--M)) * 3 / 8);
   }
 
-  .Rv91 {
+  .Rv1 {
     padding-inline-end: calc(var(--F, var(--M)) * 3 / 8);
   }
 
-  .Tu7Fubd91 {
+  .Tu7Fubd1 {
     padding-top: calc((var(--M)  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
   }
 
-  .Qu7Fubd91 {
+  .Qu7Fubd1 {
     padding-bottom: calc((var(--M)  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
   }
 
-  .Jv91 {
+  .Jv1 {
     margin-top: .5rem;
   }
 
-  .Gv91 {
+  .Gv1 {
     margin-bottom: .5rem;
   }
 
-  .Iv91 {
+  .Iv1 {
     margin-inline-start: .5rem;
   }
 
-  .Hv91 {
+  .Hv1 {
     margin-inline-end: .5rem;
   }
 
-  .Yd91 {
+  .Yd1 {
     transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
   }
 
-  .Xc91 {
+  .Xc1 {
     transition-duration: .2s;
   }
 
-  ._2c91 {
+  ._2c1 {
     transition-timing-function: cubic-bezier(.5, 0, 1, 1);
   }
 
-  .-_7PloMd-G91 {
+  .-_7PloMd-G1 {
     --translateX: 4px;
   }
 
-  .-_7PloMd-m91 {
+  .-_7PloMd-m1 {
     --translateX: -4px;
   }
 
-  .-_8PloMd-F91 {
+  .-_8PloMd-F1 {
     --translateY: 4px;
   }
 
-  .-_8PloMd-l91 {
+  .-_8PloMd-l1 {
     --translateY: -4px;
   }
 
-  ._Ia91 {
+  ._Ia1 {
     opacity: 0;
     opacity: 0;
   }
 
-  .-M_-Mg91 {
+  .-M_-Mg1 {
     --M: calc(1.5rem * var(--s2-scale));
   }
 
-  .sb91 {
+  .sb1 {
     display: block;
   }
 
-  .tr91 {
+  .tr1 {
     fill: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .Zi91 {
+  .Zi1 {
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Ff91 {
+  .Ff1 {
     height: calc(.3125rem * var(--s2-scale));
   }
 
-  ._Sb91 {
+  ._Sb1 {
     rotate: none;
   }
 
-  ._Sc91 {
+  ._Sc1 {
     rotate: 180deg;
   }
 
-  ._Sa91 {
+  ._Sa1 {
     rotate: -90deg;
   }
 
-  ._Sd91 {
+  ._Sd1 {
     rotate: 90deg;
   }
 
-  .-_7PloMd-e91 {
+  .-_7PloMd-e1 {
     --translateX: -25%;
   }
 
-  .-_7PloMd-y91 {
+  .-_7PloMd-y1 {
     --translateX: 25%;
   }
 
-  .__Ya91 {
+  .__Ya1 {
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 }
 
 @layer _.b {
-  .uch91:lang(ar) {
+  .uch1:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._Ffb91:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
-    line-height: 1.5;
+  ._FezxGHba1:is(:lang(ar), :lang(he)) {
+    line-height: 1.3;
   }
 }
 
 @layer _.c {
-  .udi91:lang(he) {
+  .udi1:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
+
+  ._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+    line-height: 1.5;
+  }
 }
 
 @layer _.d {
-  .uea91:lang(ja) {
+  .uea1:lang(ja) {
     font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
   }
 }
 
 @layer _.e {
-  .ugb91:lang(ko) {
+  .ugb1:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd91:lang(zh) {
+  .uhd1:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje91:lang(zh-hant) {
+  .uje1:lang(zh-hant) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.h {
-  .uic91:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
-    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  .u2NhKxcl1:lang(zh-HK) {
+    font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
-@layer _.b.s {
-  @media not ((hover: hover) and (pointer: fine)) {
-    .vse91 {
-      font-size: .9375rem;
-    }
+@layer _.i {
+  .uic1:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
   }
 }
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .plb91 {
+    .plb1 {
       color: buttontext;
     }
 
-    .mlb91 {
+    .mlb1 {
       border-inline-start-width: 1px;
     }
 
-    .llb91 {
+    .llb1 {
       border-inline-end-width: 1px;
     }
 
-    ._jlf91 {
+    ._jlf1 {
       border-style: solid;
     }
 
-    .ilA91 {
+    .ilA1 {
       border-color: #0000;
     }
 
-    .-_k_-l_kb91 {
+    .-_k_-l_kb1 {
       --_k: 1px;
     }
 
-    .-h_-lhb91 {
+    .-h_-lhb1 {
       --h: 1px;
     }
   }