@react-spectrum/s2 3.0.0-nightly-e228ed814-250129 → 3.0.0-nightly-016590a4a-250131

package/dist/Tooltip.mjs

@@ -22,86 +22,89 @@ 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';
+    if (props.colorScheme === "dark") rules += ' _Eb';
+    else if (props.colorScheme === "light") rules += ' _Ea';
+    else if (props.colorScheme === "light dark") rules += ' _Ec';
+    else rules += ' _E-10jn6wd';
+    rules += ' _6d';
+    rules += ' _5c';
+    rules += ' q__Z';
+    rules += ' n-375tot';
+    rules += ' __ra';
+    rules += ' _g-bc1l9oh';
+    rules += ' _g-1uotwbwg';
+    rules += ' _g-eo0c6sf';
+    rules += ' _g-enzzrge';
+    rules += ' _g-enzykdd';
+    rules += ' _g-enzwzjc';
+    rules += ' _g-enzrfpb';
     rules += ' _ga';
+    rules += ' _hbd';
+    rules += ' _hc';
+    rules += ' _ib';
+    rules += ' _j-1x99dlob';
+    rules += ' _ja';
     rules += ' aa_____K';
     rules += ' ad';
+    rules += ' t-375toz';
     rules += ' u-375tp0';
-    rules += ' v-375tp1';
+    rules += ' rab';
     rules += ' sab';
-    rules += ' tab';
+    rules += ' zaa';
+    rules += ' xaa';
+    rules += ' yaa';
+    rules += ' vaa';
     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 += ' _Ah';
+    rules += ' _Bh';
+    rules += ' _Ch';
+    rules += ' FI';
+    rules += ' GI';
+    rules += ' H-1dbqcch';
+    rules += ' I-1dbqcch';
+    rules += ' Dd';
+    rules += ' Ed';
     rules += ' Bd';
-    rules += ' yd';
-    rules += ' zd';
-    rules += ' _Pa';
-    rules += ' _R-375xx3';
-    if (props.isExiting) rules += ' _Sc';
+    rules += ' Cd';
+    rules += ' _Sa';
+    rules += ' _U-375xx3';
+    if (props.isExiting) rules += ' _Vc';
     if (props.placement === "right") {
-        if (props.isExiting) rules += ' PF';
-        else if (props.isEntering) rules += ' PF';
+        if (props.isExiting) rules += ' SF';
+        else if (props.isEntering) rules += ' SF';
     } else if (props.placement === "left") {
-        if (props.isExiting) rules += ' Pc';
-        else if (props.isEntering) rules += ' Pc';
+        if (props.isExiting) rules += ' Sc';
+        else if (props.isEntering) rules += ' Sc';
     }
     if (props.placement === "bottom") {
-        if (props.isExiting) rules += ' QF';
-        else if (props.isEntering) rules += ' QF';
+        if (props.isExiting) rules += ' TF';
+        else if (props.isEntering) rules += ' TF';
     } else if (props.placement === "top") {
-        if (props.isExiting) rules += ' Qc';
-        else if (props.isEntering) rules += ' Qc';
+        if (props.isExiting) rules += ' Tc';
+        else if (props.isEntering) rules += ' Tc';
     }
-    if (props.isExiting) rules += ' _L-3t1x';
-    else if (props.isEntering) rules += ' _L-3t1x';
-    rules += ' -_375tou_o-M';
+    if (props.isExiting) rules += ' _O-3t1x';
+    else if (props.isEntering) rules += ' _O-3t1x';
+    rules += ' -_375tot_n-M';
+    rules += ' -_375toz_t-ab';
     rules += ' -_375tp0_u-ab';
-    rules += ' -_375tp1_v-ab';
     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';
+    rules += ' _3a';
+    rules += ' dL';
+    if (props.placement === "right") rules += ' U-1itcq2q';
+    else if (props.placement === "left") rules += ' U-1trdsy7';
+    else if (props.placement === "bottom") rules += ' U-8hhg6q';
+    else if (props.placement === "top") rules += ' U-3t1x';
+    if (props.placement === "right") rules += ' S-375y1d';
+    else if (props.placement === "left") rules += ' S-yj88ji';
     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,EAAuB,CAAC;AAKjE,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,gBAAgB,CAAC,IAAI,YAAY;YACnE,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<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 = 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) {\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) {\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,EAAuB,CAAC;AAKjE,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,gBAAgB,CAAC,IAAI,YAAY;YACnE,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<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 = 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) {\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) {\n  return <div />;\n}\n"],"names":[],"version":3,"file":"Tooltip.mjs.map"}

package/dist/TreeView.cjs

@@ -0,0 +1,465 @@
+require("./TreeView.css");
+var $7a26131f6144af2b$exports = require("./ActionButtonGroup.cjs");
+var $e5a758dd286599f2$exports = require("./ActionMenu.cjs");
+var $e991cbcdf82ced71$exports = require("./CenterBaseline.cjs");
+var $af04e099a53d3e85$exports = require("./Checkbox.cjs");
+var $1df9f1c9262ce5df$exports = require("./Chevron.cjs");
+var $bde97c91243ed164$exports = require("../icons/Icon.cjs");
+var $6367bc87eb7d24ad$exports = require("./Content.cjs");
+var $6K4Mt$reactjsxruntime = require("react/jsx-runtime");
+var $6K4Mt$reactariacomponents = require("react-aria-components");
+var $6K4Mt$reactariautils = require("@react-aria/utils");
+var $6K4Mt$react = require("react");
+var $6K4Mt$reactspectrumutils = require("@react-spectrum/utils");
+var $6K4Mt$reactaria = require("react-aria");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "TreeViewItem", () => $8a2a97a0cb171e69$export$6e77ea6719814e9c);
+$parcel$export(module.exports, "TreeView", () => $8a2a97a0cb171e69$export$6940b0d9c820eca7);
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+const $8a2a97a0cb171e69$var$TreeRendererContext = /*#__PURE__*/ (0, $6K4Mt$react.createContext)({});
+function $8a2a97a0cb171e69$var$useTreeRendererContext() {
+    return (0, $6K4Mt$react.useContext)($8a2a97a0cb171e69$var$TreeRendererContext);
+}
+let $8a2a97a0cb171e69$var$InternalTreeContext = /*#__PURE__*/ (0, $6K4Mt$react.createContext)({});
+// TODO: the below is needed so the borders of the top and bottom row isn't cut off if the TreeView is wrapped within a container by always reserving the 2px needed for the
+// 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)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q|j|n|o)[^\s]+/g) || [];
+    rules += matches.join('');
+    let $n = false;
+    let $p = false;
+    let $k = false;
+    let $j = false;
+    for (let p of matches){
+        if (/^\s*n/.test(p)) $n = true;
+        if (/^\s*p/.test(p)) $p = true;
+        if (/^\s*k/.test(p)) $k = true;
+        if (/^\s*j/.test(p)) $j = true;
+    }
+    rules += ' __Ha';
+    if (!$n) rules += ' no';
+    if (!$p) rules += ' po';
+    if (!$k) rules += ' kb';
+    rules += ' __za';
+    rules += ' __Aa';
+    rules += ' __ra';
+    if (props.isEmpty) rules += ' _6d';
+    if (props.isEmpty) rules += ' _5c';
+    if (!$j) {
+        if (props.isEmpty) rules += ' jb';
+    }
+    rules += ' -_11sb0gx_k-E';
+    return rules;
+};
+function $8a2a97a0cb171e69$var$TreeView(props, ref) {
+    let { children: children, isDetached: isDetached, isEmphasized: isEmphasized } = props;
+    let renderer;
+    if (typeof children === 'function') renderer = children;
+    let domRef = (0, $6K4Mt$reactspectrumutils.useDOMRef)(ref);
+    let layout = (0, $6K4Mt$react.useMemo)(()=>{
+        return new (0, $6K4Mt$reactariacomponents.UNSTABLE_ListLayout)({
+            rowHeight: isDetached ? 42 : 40
+        });
+    }, [
+        isDetached
+    ]);
+    return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.UNSTABLE_Virtualizer), {
+        layout: layout,
+        children: /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)($8a2a97a0cb171e69$var$TreeRendererContext.Provider, {
+            value: {
+                renderer: renderer
+            },
+            children: /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)($8a2a97a0cb171e69$var$InternalTreeContext.Provider, {
+                value: {
+                    isDetached: isDetached,
+                    isEmphasized: isEmphasized
+                },
+                children: /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.UNSTABLE_Tree), {
+                    ...props,
+                    className: ({ isEmpty: isEmpty })=>$8a2a97a0cb171e69$var$tree({
+                            isEmpty: isEmpty,
+                            isDetached: isDetached
+                        }, props.styles),
+                    selectionBehavior: "toggle",
+                    ref: domRef,
+                    children: props.children
+                })
+            })
+        })
+    });
+}
+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$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%)]",
+    isHovered: "[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%)]",
+    isPressed: "[color-mix(in srgb, light-dark(rgb(255, 255, 255), rgb(17, 17, 17)), light-dark(rgb(19, 19, 19), rgb(242, 242, 242)) 10%)]",
+    isSelected: {
+        default: "[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%)]",
+        isEmphasized: $8a2a97a0cb171e69$var$selectedBackground,
+        isFocusVisibleWithin: {
+            default: "[color-mix(in srgb, light-dark(rgb(255, 255, 255), rgb(17, 17, 17)), light-dark(rgb(19, 19, 19), rgb(242, 242, 242)) 10%)]",
+            isEmphasized: $8a2a97a0cb171e69$var$selectedActiveBackground
+        },
+        isHovered: {
+            default: "[color-mix(in srgb, light-dark(rgb(255, 255, 255), rgb(17, 17, 17)), light-dark(rgb(19, 19, 19), rgb(242, 242, 242)) 10%)]",
+            isEmphasized: $8a2a97a0cb171e69$var$selectedActiveBackground
+        },
+        isPressed: {
+            default: "[color-mix(in srgb, light-dark(rgb(255, 255, 255), rgb(17, 17, 17)), light-dark(rgb(19, 19, 19), rgb(242, 242, 242)) 10%)]",
+            isEmphasized: $8a2a97a0cb171e69$var$selectedActiveBackground
+        }
+    },
+    forcedColors: {
+        default: 'Background'
+    }
+};
+const $8a2a97a0cb171e69$var$treeRow = function anonymous(props) {
+    let rules = " .";
+    rules += ' Yc';
+    rules += ' _3d';
+    rules += ' j2';
+    rules += ' kb';
+    rules += ' __ra';
+    rules += ' _g-bc1l9oh';
+    rules += ' _g-1uotwbwg';
+    rules += ' _g-eo0c6sf';
+    rules += ' _g-enzzrge';
+    rules += ' _g-enzykdd';
+    rules += ' _g-enzwzjc';
+    rules += ' _g-enzrfpb';
+    rules += ' _ga';
+    rules += ' _hbf';
+    rules += ' _he';
+    rules += ' _ib';
+    rules += ' _j-1x99dlob';
+    rules += ' _ja';
+    rules += ' an';
+    rules += ' _Pa';
+    if (props.isLink) rules += ' __Lc';
+    else rules += ' __Lb';
+    rules += ' -_19jpv4m_b-a_____H';
+    if (props.isSelected) {
+        if (props.isPressed) {
+            if (props.isEmphasized) rules += ' -_19jpv4m_b--1hocwbr';
+            else rules += ' -_19jpv4m_b--17nxj1';
+        } else if (props.isHovered) {
+            if (props.isEmphasized) rules += ' -_19jpv4m_b--1hocwbr';
+            else rules += ' -_19jpv4m_b--17nxj1';
+        } 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_c-a_____M';
+    rules += ' -oorfdf_c-x';
+    return rules;
+};
+const $8a2a97a0cb171e69$var$treeCellGrid = function anonymous(props) {
+    let rules = " .";
+    rules += ' _3f';
+    rules += ' kb';
+    rules += ' _4b';
+    rules += ' _5c';
+    rules += ' __l-r3ezpz';
+    rules += ' __m-2wzs0i';
+    rules += ' __n-17p9pp0';
+    rules += ' b-19jpv4m';
+    rules += ' Gc';
+    if (props.isDisabled) {
+        rules += ' aa_____O';
+        rules += ' aj';
+    }
+    rules += ' -fm23a5_c-a_____M';
+    if (props.isFocusVisible) rules += ' -fm23a5_c-x';
+    else rules += ' -fm23a5_c-n';
+    rules += ' -_17c7snb_c-a_____M';
+    rules += ' -_17c7snb_c-x';
+    if (props.isDetached) {
+        if (props.isSelected) rules += ' x-fm23a5';
+        else rules += ' xa';
+    } else if (props.isSelected) {
+        if (props.isFirst) rules += ' xa';
+    } else rules += ' xa';
+    if (props.isDetached) {
+        if (props.isSelected) rules += ' w-fm23a5';
+        else rules += ' wa';
+    } else if (props.isSelected) rules += ' wa';
+    else rules += ' wa';
+    if (props.isDetached) {
+        if (props.isSelected) rules += ' y-fm23a5';
+        else rules += ' ya';
+    } else if (props.isNextFocused) rules += ' ya';
+    else if (props.isNextSelected) rules += ' ya';
+    else if (props.isSelected) rules += ' ya';
+    else rules += ' ya';
+    if (props.isDetached) {
+        if (props.isSelected) rules += ' v-fm23a5';
+        else rules += ' va';
+    } else if (props.isSelected) rules += ' va';
+    else rules += ' va';
+    if (props.isDetached) rules += ' tb';
+    else if (props.isFirst) {
+        rules += ' taa';
+        rules += ' tb';
+    } else rules += ' ta';
+    if (props.isDetached) rules += ' ub';
+    else rules += ' ua';
+    if (props.isDetached) rules += ' rb';
+    else rules += ' ra';
+    if (props.isDetached) rules += ' sb';
+    else rules += ' sa';
+    if (props.isDetached) rules += ' _zc';
+    if (props.isDetached) rules += ' _Ac';
+    if (props.isDetached) rules += ' _Bc';
+    if (props.isDetached) rules += ' _Cc';
+    rules += ' za';
+    return rules;
+};
+const $8a2a97a0cb171e69$var$treeCheckbox = " __e-5dolv4 __f-5dolv4 __g-5dolv4 __h-5dolv4 Be Ca Ga";
+const $8a2a97a0cb171e69$var$treeIcon = " __e-qb5q8i __f-qb5q8i __g-qb5q8i __h-qb5q8i CG CbH -rwx0fg_d-b";
+const $8a2a97a0cb171e69$var$treeContent = " __e-drkpd0 __f-drkpd0 __g-drkpd0 __h-drkpd0 _qa _tb __zb __Ab";
+const $8a2a97a0cb171e69$var$treeActions = " __e-1k7szui __f-1k7szui __g-1k7szui __h-1k7szui __d-3t1x __c-3t1x Bb Cc";
+const $8a2a97a0cb171e69$var$treeActionMenu = " __e-2npmt8 __f-2npmt8 __g-2npmt8 __h-2npmt8";
+const $8a2a97a0cb171e69$var$cellFocus = {
+    outlineStyle: {
+        default: 'none',
+        isFocusVisible: 'solid'
+    },
+    outlineOffset: -2,
+    outlineWidth: 2,
+    outlineColor: 'focus-ring',
+    borderRadius: '[6px]'
+};
+const $8a2a97a0cb171e69$var$treeRowFocusIndicator = "-lc8e11";
+const $8a2a97a0cb171e69$export$6e77ea6719814e9c = (props1)=>{
+    let { children: children, childItems: childItems, hasChildItems: hasChildItems, href: href } = props1;
+    let content;
+    let nestedRows;
+    let { renderer: renderer } = $8a2a97a0cb171e69$var$useTreeRendererContext();
+    let { isDetached: isDetached, isEmphasized: isEmphasized } = (0, $6K4Mt$react.useContext)($8a2a97a0cb171e69$var$InternalTreeContext);
+    if (typeof children === 'string') content = /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6367bc87eb7d24ad$exports.Text), {
+        children: children
+    });
+    else {
+        content = [];
+        nestedRows = [];
+        (0, ($parcel$interopDefault($6K4Mt$react))).Children.forEach(children, (node)=>{
+            if (/*#__PURE__*/ (0, $6K4Mt$react.isValidElement)(node) && node.type === $8a2a97a0cb171e69$export$6e77ea6719814e9c) nestedRows.push(node);
+            else content.push(node);
+        });
+    }
+    if (childItems != null && renderer) nestedRows = /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.Collection), {
+        items: childItems,
+        children: renderer
+    });
+    return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsxs)((0, $6K4Mt$reactariacomponents.UNSTABLE_TreeItem), {
+        ...props1,
+        className: (renderProps)=>$8a2a97a0cb171e69$var$treeRow({
+                ...renderProps,
+                isLink: !!href,
+                isEmphasized: isEmphasized
+            }) + (renderProps.isFocusVisible && !isDetached ? ' ' + $8a2a97a0cb171e69$var$treeRowFocusIndicator : ''),
+        children: [
+            /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.UNSTABLE_TreeItemContent), {
+                children: ({ isExpanded: isExpanded, hasChildRows: hasChildRows, selectionMode: selectionMode, selectionBehavior: selectionBehavior, isDisabled: isDisabled, isFocusVisible: isFocusVisible, isSelected: isSelected, id: id, state: state })=>{
+                    let isNextSelected = false;
+                    let isNextFocused = false;
+                    let keyAfter = state.collection.getKeyAfter(id);
+                    if (keyAfter != null) isNextSelected = state.selectionManager.isSelected(keyAfter);
+                    let isFirst = state.collection.getFirstKey() === id;
+                    return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsxs)("div", {
+                        className: $8a2a97a0cb171e69$var$treeCellGrid({
+                            isDisabled: isDisabled,
+                            isNextSelected: isNextSelected,
+                            isSelected: isSelected,
+                            isFirst: isFirst,
+                            isNextFocused: isNextFocused,
+                            isDetached: isDetached
+                        }),
+                        children: [
+                            selectionMode !== 'none' && selectionBehavior === 'toggle' && // TODO: add transition?
+                            /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)("div", {
+                                className: $8a2a97a0cb171e69$var$treeCheckbox,
+                                children: /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $af04e099a53d3e85$exports.Checkbox), {
+                                    isEmphasized: isEmphasized,
+                                    slot: "selection"
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)("div", {
+                                className: " __e-u3oh8l __f-u3oh8l __g-u3oh8l __h-u3oh8l k-19lybgs"
+                            }),
+                            (hasChildRows || hasChildItems) && /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)($8a2a97a0cb171e69$var$ExpandableRowChevron, {
+                                isDisabled: isDisabled,
+                                isExpanded: isExpanded
+                            }),
+                            /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.Provider), {
+                                values: [
+                                    [
+                                        (0, $6367bc87eb7d24ad$exports.TextContext),
+                                        {
+                                            styles: $8a2a97a0cb171e69$var$treeContent
+                                        }
+                                    ],
+                                    [
+                                        (0, $bde97c91243ed164$exports.IconContext),
+                                        {
+                                            render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
+                                                slot: 'icon',
+                                                styles: $8a2a97a0cb171e69$var$treeIcon
+                                            }),
+                                            styles: " k-1sthc3k j-1sthc3k __c-3t1x"
+                                        }
+                                    ],
+                                    [
+                                        (0, $7a26131f6144af2b$exports.ActionButtonGroupContext),
+                                        {
+                                            styles: $8a2a97a0cb171e69$var$treeActions
+                                        }
+                                    ],
+                                    [
+                                        (0, $e5a758dd286599f2$exports.ActionMenuContext),
+                                        {
+                                            styles: $8a2a97a0cb171e69$var$treeActionMenu,
+                                            isQuiet: true
+                                        }
+                                    ]
+                                ],
+                                children: content
+                            }),
+                            isFocusVisible && isDetached && /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)("div", {
+                                role: "presentation",
+                                className: function anonymous(props) {
+                                    let rules = " .";
+                                    if (props.isFocusVisible) rules += ' _Pb';
+                                    else rules += ' _Pa';
+                                    rules += ' _Q-3hmpw';
+                                    rules += ' _Rc';
+                                    rules += ' ca_____M';
+                                    rules += ' cx';
+                                    rules += ' _z-3762yr';
+                                    rules += ' _A-3762yr';
+                                    rules += ' _B-3762yr';
+                                    rules += ' _C-3762yr';
+                                    rules += ' Ya';
+                                    rules += ' _ba';
+                                    rules += ' _da';
+                                    rules += ' Za';
+                                    rules += ' _aa';
+                                    return rules;
+                                }({
+                                    isFocusVisible: true
+                                })
+                            })
+                        ]
+                    });
+                }
+            }),
+            nestedRows
+        ]
+    });
+};
+const $8a2a97a0cb171e69$var$expandButton = function anonymous(props) {
+    let rules = " .";
+    rules += ' __e-ajol1u';
+    rules += ' __f-ajol1u';
+    rules += ' __g-ajol1u';
+    rules += ' __h-ajol1u';
+    rules += ' jb';
+    rules += ' _fb';
+    rules += ' _3d';
+    rules += ' __ba';
+    rules += ' _4b';
+    rules += ' _6d';
+    rules += ' _Pa';
+    rules += ' __Lb';
+    if (props.isExpanded) {
+        if (props.isRTL) rules += ' X-197phm7';
+        else rules += ' X-7hkt2a';
+    }
+    rules += ' _Sa';
+    rules += ' _U-375x7f';
+    rules += ' _Va';
+    rules += ' ba';
+    rules += ' zf';
+    return rules;
+};
+function $8a2a97a0cb171e69$var$ExpandableRowChevron(props1) {
+    let expandButtonRef = (0, $6K4Mt$react.useRef)(null);
+    let [fullProps, ref] = (0, $6K4Mt$reactariacomponents.useContextProps)({
+        ...props1,
+        slot: 'chevron'
+    }, expandButtonRef, (0, $6K4Mt$reactariacomponents.ButtonContext));
+    let { isExpanded: isExpanded, isDisabled: isDisabled } = fullProps;
+    let { direction: direction } = (0, $6K4Mt$reactaria.useLocale)();
+    return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.Button), {
+        ...props1,
+        ref: ref,
+        slot: "chevron",
+        // Override tabindex so that grid keyboard nav skips over it. Needs -1 so android talkback can actually "focus" it
+        excludeFromTabOrder: (0, $6K4Mt$reactariautils.isAndroid)() && !isDisabled,
+        preventFocusOnPress: true,
+        className: (renderProps)=>$8a2a97a0cb171e69$var$expandButton({
+                ...renderProps,
+                isExpanded: isExpanded,
+                isRTL: direction === 'rtl'
+            }),
+        children: /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $1df9f1c9262ce5df$exports.default), {
+            className: function anonymous(props) {
+                let rules = " .";
+                if (props.direction === "rtl") rules += ' V-yizn7r';
+                else if (props.direction === "ltr") rules += ' V-375khm';
+                if (props.direction === "rtl") rules += ' W-yizn7r';
+                else if (props.direction === "ltr") rules += ' W-375khm';
+                rules += ' -rwx0fg_d-b';
+                return rules;
+            }({
+                direction: direction
+            })
+        })
+    });
+}
+/**
+ * A tree view provides users with a way to navigate nested hierarchical information.
+ */ const $8a2a97a0cb171e69$export$6940b0d9c820eca7 = /*#__PURE__*/ (0, $6K4Mt$react.forwardRef)($8a2a97a0cb171e69$var$TreeView);
+
+
+//# sourceMappingURL=TreeView.cjs.map