@react-spectrum/s2 3.0.0-nightly-63d4359d6-250427 → 3.0.0-nightly-1dd65ffc5-250429

package/dist/Tooltip.mjs

@@ -21,87 +21,114 @@ import {useDOMRef as $iNhwA$useDOMRef} from "@react-spectrum/utils";
 
 
 const $4c20647d6e5d8fdf$var$tooltip = function anonymous(props) {
-    let rules = " .";
-    if (props.colorScheme === "dark") rules += ' _Bb';
-    else if (props.colorScheme === "light") rules += ' _Ba';
-    else if (props.colorScheme === "light dark") rules += ' _Bc';
-    else rules += ' _B-10jn6wd';
-    rules += ' _3d';
-    rules += ' _2c';
-    rules += ' r__Z';
-    rules += ' o-375tou';
-    rules += ' __oa';
-    rules += ' _d-bc1l9oh';
-    rules += ' _d-1uotwbwg';
-    rules += ' _d-eo0c6sf';
-    rules += ' _d-enzzrge';
-    rules += ' _d-enzykdd';
-    rules += ' _d-enzwzjc';
-    rules += ' _d-enzrfpb';
-    rules += ' _da';
-    rules += ' _ebd';
-    rules += ' _ec';
-    rules += ' _fb';
-    rules += ' _g-1x99dlob';
-    rules += ' _ga';
-    rules += ' aa_____K';
-    rules += ' ad';
-    rules += ' u-375tp0';
-    rules += ' v-375tp1';
-    rules += ' sab';
-    rules += ' tab';
-    rules += ' waa';
-    rules += ' caa';
-    if (props.isPressed) rules += ' bo';
-    else if (props.isFocusVisible) rules += ' bo';
-    else if (props.isHovered) rules += ' bo';
-    else rules += ' bn';
-    rules += ' _wh';
-    rules += ' _xh';
-    rules += ' _yh';
-    rules += ' _zh';
-    rules += ' CI';
-    rules += ' DI';
-    rules += ' E-1dbqcch';
-    rules += ' F-1dbqcch';
-    rules += ' Ad';
-    rules += ' Bd';
-    rules += ' yd';
-    rules += ' zd';
-    rules += ' _Pa';
-    rules += ' _R-375xx3';
-    if (props.isExiting) rules += ' _Sc';
+    let rules = " ";
+    if (props.colorScheme === "dark") rules += ' _Nb';
+    else if (props.colorScheme === "light") rules += ' _Na';
+    else if (props.colorScheme === "light dark") rules += ' _Nc';
+    else rules += ' _NN79Hzc';
+    rules += ' _pa';
+    rules += ' Fa';
+    rules += ' _le';
+    rules += ' sOSFGYc';
+    rules += ' _qa';
+    rules += ' bh';
+    rules += ' bdf';
+    rules += ' beg';
+    rules += ' bfa';
+    rules += ' bgb';
+    rules += ' bhd';
+    rules += ' bje';
+    rules += ' bic';
+    rules += ' af';
+    rules += ' aag';
+    rules += ' Da';
+    rules += ' Ea';
+    rules += ' Ca';
+    rules += ' gb';
+    rules += ' gca';
+    rules += ' dl';
+    rules += ' dbf';
+    rules += ' _nkajPYd';
+    rules += ' _mN9iPYd';
+    rules += ' _tbc';
+    rules += ' _sbc';
+    rules += ' Rba';
+    rules += ' qbe';
+    if (props.isPressed) rules += ' cc';
+    else if (props.isFocusVisible) rules += ' cc';
+    else if (props.isHovered) rules += ' cc';
+    else rules += ' cm';
+    rules += ' ze';
+    rules += ' xd';
+    rules += ' wd';
+    rules += ' ye';
+    rules += ' ob';
+    rules += ' nb';
+    rules += ' r11HdCe';
+    rules += ' v11HdCe';
+    rules += ' jf';
+    rules += ' le';
+    rules += ' hc';
+    rules += ' if';
+    rules += ' _ia';
+    rules += ' _kc';
+    if (props.isExiting) rules += ' _eb';
     if (props.placement === "right") {
-        if (props.isExiting) rules += ' PF';
-        else if (props.isEntering) rules += ' PF';
+        if (props.isExiting) {
+            rules += ' -_7PloMd-nrENhe';
+            rules += ' _Ia';
+        } else if (props.isEntering) {
+            rules += ' -_7PloMd-nrENhe';
+            rules += ' _Ia';
+        }
     } else if (props.placement === "left") {
-        if (props.isExiting) rules += ' Pc';
-        else if (props.isEntering) rules += ' Pc';
+        if (props.isExiting) {
+            rules += ' -_7PloMd-uNalie';
+            rules += ' _Ia';
+        } else if (props.isEntering) {
+            rules += ' -_7PloMd-uNalie';
+            rules += ' _Ia';
+        }
     }
     if (props.placement === "bottom") {
-        if (props.isExiting) rules += ' QF';
-        else if (props.isEntering) rules += ' QF';
+        if (props.isExiting) {
+            rules += ' -_8PloMd-nrENhe';
+            rules += ' _Ia';
+        } else if (props.isEntering) {
+            rules += ' -_8PloMd-nrENhe';
+            rules += ' _Ia';
+        }
     } else if (props.placement === "top") {
-        if (props.isExiting) rules += ' Qc';
-        else if (props.isEntering) rules += ' Qc';
+        if (props.isExiting) {
+            rules += ' -_8PloMd-uNalie';
+            rules += ' _Ia';
+        } else if (props.isEntering) {
+            rules += ' -_8PloMd-uNalie';
+            rules += ' _Ia';
+        }
     }
-    if (props.isExiting) rules += ' _L-3t1x';
-    else if (props.isEntering) rules += ' _L-3t1x';
-    rules += ' -_375tou_o-M';
-    rules += ' -_375tp0_u-ab';
-    rules += ' -_375tp1_v-ab';
+    if (props.isExiting) rules += ' _La';
+    else if (props.isEntering) rules += ' _La';
+    rules += ' -s_-sc';
+    rules += ' -_n_-b_nc';
+    rules += ' -_m_-b_mb';
     return rules;
 };
 const $4c20647d6e5d8fdf$var$arrowStyles = function anonymous(props) {
-    let rules = " .";
-    rules += ' _0a';
-    rules += ' eL';
-    if (props.placement === "right") rules += ' R-1itcq2q';
-    else if (props.placement === "left") rules += ' R-1trdsy7';
-    else if (props.placement === "bottom") rules += ' R-8hhg6q';
-    else if (props.placement === "top") rules += ' R-3t1x';
-    if (props.placement === "right") rules += ' P-375y1d';
-    else if (props.placement === "left") rules += ' P-yj88ji';
+    let rules = " ";
+    rules += ' mc';
+    rules += ' Oz';
+    if (props.placement === "right") rules += ' _Sa';
+    else if (props.placement === "left") rules += ' _Sc';
+    else if (props.placement === "bottom") rules += ' _Sb';
+    else if (props.placement === "top") rules += ' _Sd';
+    if (props.placement === "right") {
+        rules += ' -_7PloMd-1YMfn';
+        rules += ' _Ia';
+    } else if (props.placement === "left") {
+        rules += ' -_7PloMd-AAOtrc';
+        rules += ' _Ia';
+    }
     return rules;
 };
 let $4c20647d6e5d8fdf$var$InternalTooltipTriggerContext = /*#__PURE__*/ (0, $iNhwA$createContext)({});

package/dist/Tooltip.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAmCD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DN,MAAM;;;;;;;;;;;;AAmBN,IAAI,oEAAgC,CAAA,GAAA,oBAAY,EAAgC,CAAC;AAK1E,MAAM,0DAAU,CAAA,GAAA,iBAAS,EAAE,SAAS,QAAQ,KAAmB,EAAE,GAA2B;IACjG,IAAI,YAAC,QAAQ,gBAAE,YAAY,oBAAE,mBAAmB,IAAG,GAAG;IACtD,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,oBACF,gBAAgB,eAChB,WAAW,UACX,MAAM,aACN,YAAY,mBACZ,UAAU,EACX,GAAG,CAAA,GAAA,iBAAS,EAAE;IACf,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAiB;IAC9C,IAAI,UAAC,MAAM,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAClC,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,eAAO,EAAE;IAE/C,0DAA0D;IAC1D,IAAI,aAAa,CAAA,GAAA,kBAAU,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,gBAAC,CAAA,GAAA,cAAU;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,gBAAC,CAAA,GAAA,mBAAW;kCACV,cAAA,gBAAC;4BAAI,WAAW,kCAAY;4BAAc,OAAM;4BAA6B,OAAM;4BAAK,QAAO;4BAAI,SAAQ;sCACzG,cAAA,gBAAC;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,gBAAC,CAAA,GAAA,qBAAiB;QAAG,GAAG,YAAY;kBAClC,cAAA,gBAAC,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,gBAAC;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: 'control',\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  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\" width=\"10\" height=\"5\" 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.mjs.map"}
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAmCD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DN,MAAM;;;;;;;;;;;;;;;;;AAmBN,IAAI,oEAAgC,CAAA,GAAA,oBAAY,EAAgC,CAAC;AAK1E,MAAM,0DAAU,CAAA,GAAA,iBAAS,EAAE,SAAS,QAAQ,KAAmB,EAAE,GAA2B;IACjG,IAAI,YAAC,QAAQ,gBAAE,YAAY,oBAAE,mBAAmB,IAAG,GAAG;IACtD,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,oBACF,gBAAgB,eAChB,WAAW,UACX,MAAM,aACN,YAAY,mBACZ,UAAU,EACX,GAAG,CAAA,GAAA,iBAAS,EAAE;IACf,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAiB;IAC9C,IAAI,UAAC,MAAM,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAClC,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,eAAO,EAAE;IAE/C,0DAA0D;IAC1D,IAAI,aAAa,CAAA,GAAA,kBAAU,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,gBAAC,CAAA,GAAA,cAAU;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,gBAAC,CAAA,GAAA,mBAAW;kCACV,cAAA,gBAAC;4BAAI,WAAW,kCAAY;4BAAc,OAAM;4BAA6B,OAAM;4BAAK,QAAO;4BAAI,SAAQ;sCACzG,cAAA,gBAAC;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,gBAAC,CAAA,GAAA,qBAAiB;QAAG,GAAG,YAAY;kBAClC,cAAA,gBAAC,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,gBAAC;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: 'control',\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  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\" width=\"10\" height=\"5\" 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.mjs.map"}

package/dist/TreeView.cjs

@@ -52,36 +52,36 @@ let $8a2a97a0cb171e69$var$InternalTreeContext = /*#__PURE__*/ (0, $6K4Mt$react.c
 // keyboard focus ring. Perhaps find a different way of rendering the outlines since the top of the item doesn't
 // scroll into view due to how the ring is offset. Alternatively, have the tree render the top/bottom outline like it does in Listview
 const $8a2a97a0cb171e69$var$tree = function anonymous(props, overrides) {
-    let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
-    rules += matches.join('');
-    let $o = false;
-    let $q = false;
-    let $l = false;
-    let $k = false;
+    let rules = " ";
+    let minHeight = false;
+    let minWidth = false;
+    let width = false;
+    let height = false;
+    let matches = (overrides || '').matchAll(/(?:^|\s)(j|l|h|i|_H|_r|M|__f|_X|_M|L|N|_f|_d|K|__B|H|G|J|I|f|u|_l|e|s|_w)[^\s]+/g);
     for (let p of matches){
-        if (/^\s*o/.test(p)) $o = true;
-        if (/^\s*q/.test(p)) $q = true;
-        if (/^\s*l/.test(p)) $l = true;
-        if (/^\s*k/.test(p)) $k = true;
+        if (p[1] === "s") minHeight = true;
+        if (p[1] === "u") minWidth = true;
+        if (p[1] === "f") width = true;
+        if (p[1] === "e") height = true;
+        rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Mb';
-    else rules += ' _Ma';
-    rules += ' da_____M';
-    rules += ' dx';
-    rules += ' _Oc';
-    rules += ' _N-3hmpw';
-    rules += ' __Ea';
-    if (!$o) rules += ' oo';
-    if (!$q) rules += ' qo';
-    if (!$l) rules += ' lb';
-    if (!$k) rules += ' kb';
-    rules += ' __wa';
-    rules += ' __xa';
-    rules += ' __oa';
-    if (props.isEmpty) rules += ' _3d';
-    if (props.isEmpty) rules += ' _2c';
-    rules += ' -_11sb0gx_l-E';
+    if (props.isFocusVisible) rules += ' tb';
+    else rules += ' ta';
+    rules += ' Bb';
+    rules += ' Bba';
+    rules += ' _ga';
+    rules += ' _yb';
+    rules += ' _Qa';
+    if (!minHeight) rules += ' sf';
+    if (!minWidth) rules += ' uf';
+    if (!width) rules += ' fa';
+    if (!height) rules += ' ef';
+    rules += ' _ob';
+    rules += ' _hb';
+    rules += ' _qa';
+    if (props.isEmpty) rules += ' _pa';
+    if (props.isEmpty) rules += ' Fa';
+    rules += ' -lPUMEc-ff';
     return rules;
 };
 function $8a2a97a0cb171e69$var$TreeView(props, ref) {
@@ -120,8 +120,8 @@ function $8a2a97a0cb171e69$var$TreeView(props, ref) {
         })
     });
 }
-const $8a2a97a0cb171e69$var$selectedBackground = "[light-dark(color-mix(in srgb, light-dark(rgb(255, 255, 255), rgb(17, 17, 17)), light-dark(rgb(59, 99, 251), rgb(86, 129, 255)) 10%), color-mix(in srgb, light-dark(rgb(255, 255, 255), rgb(17, 17, 17)), light-dark(rgb(93, 137, 255), rgb(52, 91, 248)) 10%))]";
-const $8a2a97a0cb171e69$var$selectedActiveBackground = "[light-dark(color-mix(in srgb, light-dark(rgb(255, 255, 255), rgb(17, 17, 17)), light-dark(rgb(59, 99, 251), rgb(86, 129, 255)) 15%), color-mix(in srgb, light-dark(rgb(255, 255, 255), rgb(17, 17, 17)), light-dark(rgb(93, 137, 255), rgb(52, 91, 248)) 15%))]";
+const $8a2a97a0cb171e69$var$selectedBackground = "[light-dark(c, c)]";
+const $8a2a97a0cb171e69$var$selectedActiveBackground = "[light-dark(c, c)]";
 const $8a2a97a0cb171e69$var$rowBackgroundColor = {
     default: '--s2-container-bg',
     isFocusVisibleWithin: "[color-mix(in srgb, light-dark(rgb(255, 255, 255), rgb(17, 17, 17)), light-dark(rgb(19, 19, 19), rgb(242, 242, 242)) 7%)]",
@@ -148,92 +148,94 @@ const $8a2a97a0cb171e69$var$rowBackgroundColor = {
     }
 };
 const $8a2a97a0cb171e69$var$treeRow = function anonymous(props) {
-    let rules = " .";
-    rules += ' Vc';
-    rules += ' _0d';
-    rules += ' k2';
-    rules += ' lb';
-    rules += ' __oa';
-    rules += ' _d-bc1l9oh';
-    rules += ' _d-1uotwbwg';
-    rules += ' _d-eo0c6sf';
-    rules += ' _d-enzzrge';
-    rules += ' _d-enzykdd';
-    rules += ' _d-enzwzjc';
-    rules += ' _d-enzrfpb';
-    rules += ' _da';
-    rules += ' _ebf';
-    rules += ' _ee';
-    rules += ' _fb';
-    rules += ' _g-1x99dlob';
-    rules += ' _ga';
-    rules += ' an';
-    rules += ' _Ma';
-    if (props.isLink) rules += ' __Ic';
-    else rules += ' __Ib';
-    rules += ' -_19jpv4m_b-a_____H';
+    let rules = " ";
+    rules += ' Ka';
+    rules += ' ma';
+    rules += ' ed';
+    rules += ' fa';
+    rules += ' _qa';
+    rules += ' bh';
+    rules += ' bdf';
+    rules += ' beg';
+    rules += ' bfa';
+    rules += ' bgb';
+    rules += ' bhd';
+    rules += ' bje';
+    rules += ' bic';
+    rules += ' aa';
+    rules += ' aab';
+    rules += ' Da';
+    rules += ' Ea';
+    rules += ' Ca';
+    rules += ' gb';
+    rules += ' gca';
+    rules += ' da';
+    rules += ' ta';
+    if (props.isLink) rules += ' Ab';
+    else rules += ' Aa';
     if (props.isSelected) {
         if (props.isPressed) {
-            if (props.isEmphasized) rules += ' -_19jpv4m_b--1hocwbr';
-            else rules += ' -_19jpv4m_b--17nxj1';
+            if (props.isEmphasized) rules += ' -qH4xad-cxABkr';
+            else rules += ' -qH4xad-cRfT7e';
         } else if (props.isHovered) {
-            if (props.isEmphasized) rules += ' -_19jpv4m_b--1hocwbr';
-            else rules += ' -_19jpv4m_b--17nxj1';
+            if (props.isEmphasized) rules += ' -qH4xad-cxABkr';
+            else rules += ' -qH4xad-cRfT7e';
         } else if (props.isFocusVisibleWithin) {
-            if (props.isEmphasized) rules += ' -_19jpv4m_b--1hocwbr';
-            else rules += ' -_19jpv4m_b--17nxj1';
-        } else if (props.isEmphasized) rules += ' -_19jpv4m_b--sogeql';
-        else rules += ' -_19jpv4m_b--26tcdv';
-    } else if (props.isPressed) rules += ' -_19jpv4m_b--17nxj1';
-    else if (props.isHovered) rules += ' -_19jpv4m_b--26tcdv';
-    else if (props.isFocusVisibleWithin) rules += ' -_19jpv4m_b--26tcdv';
-    else rules += ' -_19jpv4m_b--1de2x0q';
-    rules += ' -oorfdf_d-a_____M';
-    rules += ' -oorfdf_d-x';
+            if (props.isEmphasized) rules += ' -qH4xad-cxABkr';
+            else rules += ' -qH4xad-cRfT7e';
+        } else if (props.isEmphasized) rules += ' -qH4xad-cxABkr';
+        else rules += ' -qH4xad-cj1B7i';
+    } else if (props.isPressed) rules += ' -qH4xad-cRfT7e';
+    else if (props.isHovered) rules += ' -qH4xad-cj1B7i';
+    else if (props.isFocusVisibleWithin) rules += ' -qH4xad-cj1B7i';
+    else rules += ' -qH4xad-cEzkoQe';
+    rules += ' -qH4xad-bcx';
+    rules += ' -_34HbNb-Bb';
+    rules += ' -_34HbNb-bBa';
     return rules;
 };
 const $8a2a97a0cb171e69$var$treeCellGrid = function anonymous(props) {
-    let rules = " .";
-    rules += ' _0f';
-    rules += ' lb';
-    rules += ' kb';
-    rules += ' __oa';
-    rules += ' _1b';
-    rules += ' _2c';
-    rules += ' __i-22ig44';
-    rules += ' __j-2wzs0i';
-    rules += ' __k-17p9pp0';
-    rules += ' b-19jpv4m';
-    rules += ' Dc';
+    let rules = " ";
+    rules += ' mb';
+    rules += ' fa';
+    rules += ' ef';
+    rules += ' _qa';
+    rules += ' _Ja';
+    rules += ' Fa';
+    rules += ' Sw9uTxc';
+    rules += ' _FM8Mfn';
+    rules += ' _ugjMZ2c';
+    rules += ' cs9yXOb';
+    rules += ' ne';
     if (props.isDisabled) {
-        rules += ' aa_____O';
-        rules += ' aj';
+        rules += ' dc';
+        rules += ' dbe';
     }
-    rules += ' -fm23a5_d-a_____M';
-    if (props.isFocusVisible) rules += ' -fm23a5_d-x';
-    else rules += ' -fm23a5_d-n';
-    rules += ' -_17c7snb_d-a_____M';
-    rules += ' -_17c7snb_d-x';
+    if (props.isFocusVisible) rules += ' -_7xg3bb-Bb';
+    else rules += ' -_7xg3bb-Bj';
+    rules += ' -_7xg3bb-bBa';
+    rules += ' -pKMv1c-Bb';
+    rules += ' -pKMv1c-bBa';
     if (props.isDetached) {
-        if (props.isSelected) rules += ' c-fm23a5';
-        else rules += ' ca';
+        if (props.isSelected) rules += ' qBGbjub';
+        else rules += ' qe';
     }
-    if (props.isDetached) rules += ' ub';
-    if (props.isDetached) rules += ' vb';
-    if (props.isDetached) rules += ' sb';
-    if (props.isDetached) rules += ' tb';
-    if (props.isDetached) rules += ' _wc';
-    if (props.isDetached) rules += ' _xc';
-    if (props.isDetached) rules += ' _yc';
-    if (props.isDetached) rules += ' _zc';
-    if (props.isDetached) rules += ' wa';
+    if (props.isDetached) rules += ' _nc';
+    if (props.isDetached) rules += ' _mb';
+    if (props.isDetached) rules += ' _tc';
+    if (props.isDetached) rules += ' _sc';
+    if (props.isDetached) rules += ' zc';
+    if (props.isDetached) rules += ' xc';
+    if (props.isDetached) rules += ' wc';
+    if (props.isDetached) rules += ' yc';
+    if (props.isDetached) rules += ' Ra';
     return rules;
 };
-const $8a2a97a0cb171e69$var$treeCheckbox = " __b-5dolv4 __c-5dolv4 __d-5dolv4 __e-5dolv4 ye za Da";
-const $8a2a97a0cb171e69$var$treeIcon = " __b-qb5q8i __c-qb5q8i __d-qb5q8i __e-qb5q8i zG zbH -rwx0fg_e-b";
-const $8a2a97a0cb171e69$var$treeContent = " __b-drkpd0 __c-drkpd0 __d-drkpd0 __e-drkpd0 _na _qb __wb __xb";
-const $8a2a97a0cb171e69$var$treeActions = " __b-1k7szui __c-1k7szui __d-1k7szui __e-1k7szui yb zc";
-const $8a2a97a0cb171e69$var$treeActionMenu = " __b-2npmt8 __c-2npmt8 __d-2npmt8 __e-2npmt8";
+const $8a2a97a0cb171e69$var$treeCheckbox = " LoRzcu NoRzcu _foRzcu _doRzcu ho ia na";
+const $8a2a97a0cb171e69$var$treeIcon = " L2U5Crc N2U5Crc _f2U5Crc _d2U5Crc ic iad -_8sjo0b-Oa";
+const $8a2a97a0cb171e69$var$treeContent = " Lk52g2d Nk52g2d _fk52g2d _dk52g2d _Ta _za _oa _ha";
+const $8a2a97a0cb171e69$var$treeActions = " LkG38H NkG38H _fkG38H _dkG38H hn ib";
+const $8a2a97a0cb171e69$var$treeActionMenu = " L6Nrfjc N6Nrfjc _f6Nrfjc _d6Nrfjc";
 const $8a2a97a0cb171e69$var$cellFocus = {
     outlineStyle: {
         default: 'none',
@@ -244,7 +246,7 @@ const $8a2a97a0cb171e69$var$cellFocus = {
     outlineColor: 'focus-ring',
     borderRadius: '[6px]'
 };
-const $8a2a97a0cb171e69$var$treeRowFocusIndicator = "-lc8e11";
+const $8a2a97a0cb171e69$var$treeRowFocusIndicator = "tDhuzb";
 const $8a2a97a0cb171e69$export$6e77ea6719814e9c = (props)=>{
     let { href: href } = props;
     let { isDetached: isDetached, isEmphasized: isEmphasized } = (0, $6K4Mt$react.useContext)($8a2a97a0cb171e69$var$InternalTreeContext);
@@ -287,7 +289,7 @@ const $8a2a97a0cb171e69$export$9a5779ed3fade674 = (props1)=>{
                         })
                     }),
                     /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)("div", {
-                        className: " __b-u3oh8l __c-u3oh8l __d-u3oh8l __e-u3oh8l l-19lybgs"
+                        className: " L7fSmKc N7fSmKc _f7fSmKc _d7fSmKc fecPNad"
                     }),
                     /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)($8a2a97a0cb171e69$var$ExpandableRowChevron, {
                         isDisabled: isDisabled,
@@ -310,7 +312,7 @@ const $8a2a97a0cb171e69$export$9a5779ed3fade674 = (props1)=>{
                                         slot: 'icon',
                                         styles: $8a2a97a0cb171e69$var$treeIcon
                                     }),
-                                    styles: " l-1sthc3k k-1sthc3k _9-3t1x"
+                                    styles: " fuUmpre euUmpre _ra"
                                 }
                             ],
                             [
@@ -332,22 +334,22 @@ const $8a2a97a0cb171e69$export$9a5779ed3fade674 = (props1)=>{
                     isFocusVisible && isDetached && /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)("div", {
                         role: "presentation",
                         className: function anonymous(props) {
-                            let rules = " .";
-                            if (props.isFocusVisible) rules += ' _Mb';
-                            else rules += ' _Ma';
-                            rules += ' _N-3hmpw';
-                            rules += ' _Oc';
-                            rules += ' da_____M';
-                            rules += ' dx';
-                            rules += ' _w-3762yr';
-                            rules += ' _x-3762yr';
-                            rules += ' _y-3762yr';
-                            rules += ' _z-3762yr';
-                            rules += ' Va';
-                            rules += ' Ya';
-                            rules += ' _aa';
-                            rules += ' Wa';
-                            rules += ' Xa';
+                            let rules = " ";
+                            if (props.isFocusVisible) rules += ' tb';
+                            else rules += ' ta';
+                            rules += ' _yb';
+                            rules += ' _ga';
+                            rules += ' Bb';
+                            rules += ' Bba';
+                            rules += ' z1DOfn';
+                            rules += ' x1DOfn';
+                            rules += ' w1DOfn';
+                            rules += ' y1DOfn';
+                            rules += ' Kb';
+                            rules += ' Ha';
+                            rules += ' Ga';
+                            rules += ' Ja';
+                            rules += ' Ia';
                             return rules;
                         }({
                             isFocusVisible: true
@@ -359,38 +361,38 @@ const $8a2a97a0cb171e69$export$9a5779ed3fade674 = (props1)=>{
     });
 };
 const $8a2a97a0cb171e69$var$expandButton = function anonymous(props) {
-    let rules = " .";
-    rules += ' __b-ajol1u';
-    rules += ' __c-ajol1u';
-    rules += ' __d-ajol1u';
-    rules += ' __e-ajol1u';
+    let rules = " ";
+    rules += ' L8dW5Qb';
+    rules += ' N8dW5Qb';
+    rules += ' _f8dW5Qb';
+    rules += ' _d8dW5Qb';
     if (props.isDisabled) {
-        rules += ' aa_____O';
-        rules += ' aj';
-    } else rules += ' a-17zqamw';
-    rules += ' k2';
-    rules += ' l2';
-    rules += ' _0d';
-    rules += ' _8a';
-    rules += ' _1b';
-    rules += ' _3d';
-    rules += ' _Ma';
-    rules += ' __Ib';
+        rules += ' dc';
+        rules += ' dbe';
+    } else rules += ' d40ub4c';
+    rules += ' ed';
+    rules += ' fi';
+    rules += ' ma';
+    rules += ' _3a';
+    rules += ' _Ja';
+    rules += ' _pa';
+    rules += ' ta';
+    rules += ' Aa';
     if (props.isExpanded) {
-        if (props.isRTL) rules += ' U-197phm7';
-        else rules += ' U-7hkt2a';
+        if (props.isRTL) rules += ' __Ma';
+        else rules += ' __Mb';
     }
-    rules += ' Ea';
-    rules += ' Fa';
-    rules += ' Ca';
-    rules += ' Da';
-    rules += ' _Pa';
-    rules += ' _R-375x7f';
-    rules += ' _Sa';
-    rules += ' ba';
-    rules += ' wf';
-    rules += ' __S-yksgrp';
-    if (props.isHidden) rules += ' __Fb';
+    rules += ' ra';
+    rules += ' va';
+    rules += ' oa';
+    rules += ' na';
+    rules += ' _ia';
+    rules += ' _ka';
+    rules += ' _ea';
+    rules += ' cd';
+    rules += ' Rb';
+    rules += ' _Ga';
+    if (props.isHidden) rules += ' _8a';
     return rules;
 };
 function $8a2a97a0cb171e69$var$ExpandableRowChevron(props1) {
@@ -418,12 +420,22 @@ function $8a2a97a0cb171e69$var$ExpandableRowChevron(props1) {
             }),
         children: /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $1df9f1c9262ce5df$exports.default), {
             className: function anonymous(props) {
-                let rules = " .";
-                if (props.direction === "rtl") rules += ' S-yizn7r';
-                else if (props.direction === "ltr") rules += ' S-375khm';
-                if (props.direction === "rtl") rules += ' T-yizn7r';
-                else if (props.direction === "ltr") rules += ' T-375khm';
-                rules += ' -rwx0fg_e-b';
+                let rules = " ";
+                if (props.direction === "rtl") {
+                    rules += ' -Z4Pn4c-zZKy';
+                    rules += ' __oa';
+                } else if (props.direction === "ltr") {
+                    rules += ' -Z4Pn4c-2mU';
+                    rules += ' __oa';
+                }
+                if (props.direction === "rtl") {
+                    rules += ' -_04Pn4c-zZKy';
+                    rules += ' __oa';
+                } else if (props.direction === "ltr") {
+                    rules += ' -_04Pn4c-2mU';
+                    rules += ' __oa';
+                }
+                rules += ' -_8sjo0b-Oa';
                 return rules;
             }({
                 direction: direction