@adobe/react-spectrum 3.47.2 → 3.47.4

package/dist/private/slider/Slider.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/slider/Slider.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {FocusableRef, InputDOMProps} from '@react-types/shared';\nimport React, {ReactNode} from 'react';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n  SpectrumBarSliderBase\n} from './SliderBase';\nimport {SliderThumb} from './SliderThumb';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\n\nexport interface SpectrumSliderProps extends SpectrumBarSliderBase<number>, InputDOMProps {\n  /**\n   * Whether a fill color is shown between the start of the slider and the current value.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill.\n   */\n  isFilled?: boolean;\n  /**\n   * The offset from which to start the fill.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill-start.\n   */\n  fillOffset?: number;\n  /**\n   * The background of the track, specified as the stops for a CSS background: `linear-gradient(to\n   * right/left, ...trackGradient)`.\n   *\n   * @example\n   *   trackGradient={['red', 'green']}\n   *\n   * @example\n   *   trackGradient={['red 20%', 'green 40%']}\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Gradient.\n   */\n  trackGradient?: string[];\n}\n\n/**\n * Sliders allow users to quickly select a value within a range. They should be used when the upper\n * and lower bounds to the range are invariable.\n */\nexport const Slider = React.forwardRef(function Slider(\n  props: SpectrumSliderProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  let {\n    onChange,\n    onChangeEnd,\n    value,\n    defaultValue,\n    isFilled,\n    fillOffset,\n    trackGradient,\n    getValueLabel,\n    ...otherProps\n  } = props;\n\n  let baseProps: Omit<SliderBaseProps, 'children'> = {\n    ...otherProps,\n    // Normalize `value: number[]` to `value: number`\n    value: value != null ? [value] : undefined,\n    defaultValue: defaultValue != null ? [defaultValue] : undefined,\n    onChange: (v: number[]): void => {\n      onChange?.(v[0]);\n    },\n    onChangeEnd: (v: number[]): void => {\n      onChangeEnd?.(v[0]);\n    },\n    getValueLabel: getValueLabel ? ([v]) => getValueLabel(v) : undefined\n  };\n\n  let {direction} = useLocale();\n\n  return (\n    <SliderBase\n      {...baseProps}\n      ref={ref}\n      classes={{\n        'spectrum-Slider--filled': isFilled && fillOffset == null\n      }}\n      style={{\n        // @ts-ignore\n        '--spectrum-slider-track-gradient':\n          trackGradient &&\n          `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`\n      }}>\n      {({trackRef, inputRef, state}: SliderBaseChildArguments) => {\n        fillOffset =\n          fillOffset != null\n            ? clamp(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0))\n            : fillOffset;\n        let cssDirection = direction === 'rtl' ? 'right' : 'left';\n\n        let lowerTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${state.getThumbPercent(0) * 100}%`,\n              // TODO not sure if it has advantages, but this could also be implemented as CSS calc():\n              // .track::before {\n              //    background-size: calc((1/ (var(--width)/100)) * 100%);\n              //    width: calc(var(--width) * 1%)M\n              // }\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / state.getThumbPercent(0)) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '0' : '100%'\n            }}\n          />\n        );\n        let upperTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${(1 - state.getThumbPercent(0)) * 100}%`,\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / (1 - state.getThumbPercent(0))) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '100%' : '0'\n            }}\n          />\n        );\n\n        let filledTrack: ReactNode = null;\n        if (isFilled && fillOffset != null) {\n          let width = state.getThumbPercent(0) - state.getValuePercent(fillOffset);\n          let isRightOfOffset = width > 0;\n          let offset = isRightOfOffset\n            ? state.getValuePercent(fillOffset)\n            : state.getThumbPercent(0);\n          filledTrack = (\n            <div\n              className={classNames(styles, 'spectrum-Slider-fill', {\n                'spectrum-Slider-fill--right': isRightOfOffset\n              })}\n              style={{\n                [cssDirection]: `${offset * 100}%`,\n                width: `${Math.abs(width) * 100}%`\n              }}\n            />\n          );\n        }\n\n        return (\n          <>\n            {lowerTrack}\n            <SliderThumb\n              index={0}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              inputRef={inputRef}\n              state={state}\n              name={props.name}\n              form={props.form}\n            />\n            {filledTrack}\n            {upperTrack}\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"Slider.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/slider/Slider.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {FocusableRef, InputDOMProps} from '@react-types/shared';\nimport React, {ReactNode} from 'react';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n  SpectrumBarSliderBase\n} from './SliderBase';\nimport {SliderThumb} from './SliderThumb';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\n\nexport interface SpectrumSliderProps extends SpectrumBarSliderBase<number>, InputDOMProps {\n  /**\n   * Whether a fill color is shown between the start of the slider and the current value.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill.\n   */\n  isFilled?: boolean;\n  /**\n   * The offset from which to start the fill.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill-start.\n   */\n  fillOffset?: number;\n  /**\n   * The background of the track, specified as the stops for a CSS background: `linear-gradient(to\n   * right/left, ...trackGradient)`.\n   *\n   * @example\n   *   trackGradient={['red', 'green']}\n   *\n   * @example\n   *   trackGradient={['red 20%', 'green 40%']}\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Gradient.\n   */\n  trackGradient?: string[];\n}\n\n/**\n * Sliders allow users to quickly select a value within a range. They should be used when the upper\n * and lower bounds to the range are invariable.\n */\nexport const Slider = React.forwardRef(function Slider(\n  props: SpectrumSliderProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  let {\n    onChange,\n    onChangeEnd,\n    value,\n    defaultValue,\n    isFilled,\n    fillOffset,\n    trackGradient,\n    getValueLabel,\n    ...otherProps\n  } = props;\n\n  let baseProps: Omit<SliderBaseProps, 'children'> = {\n    ...otherProps,\n    // Normalize `value: number[]` to `value: number`\n    value: value != null ? [value] : undefined,\n    defaultValue: defaultValue != null ? [defaultValue] : undefined,\n    onChange: (v: number[]): void => {\n      onChange?.(v[0]);\n    },\n    onChangeEnd: (v: number[]): void => {\n      onChangeEnd?.(v[0]);\n    },\n    getValueLabel: getValueLabel ? ([v]) => getValueLabel(v) : undefined\n  };\n\n  let {direction} = useLocale();\n\n  return (\n    <SliderBase\n      {...baseProps}\n      ref={ref}\n      classes={{\n        'spectrum-Slider--filled': isFilled && fillOffset == null\n      }}\n      style={{\n        // @ts-ignore\n        '--spectrum-slider-track-gradient':\n          trackGradient &&\n          `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`\n      }}>\n      {/* oxlint-disable-next-line react/react-compiler */}\n      {({trackRef, inputRef, state}: SliderBaseChildArguments) => {\n        // oxlint-disable-next-line react/react-compiler\n        fillOffset =\n          fillOffset != null\n            ? clamp(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0))\n            : fillOffset;\n        let cssDirection = direction === 'rtl' ? 'right' : 'left';\n\n        let lowerTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${state.getThumbPercent(0) * 100}%`,\n              // TODO not sure if it has advantages, but this could also be implemented as CSS calc():\n              // .track::before {\n              //    background-size: calc((1/ (var(--width)/100)) * 100%);\n              //    width: calc(var(--width) * 1%)M\n              // }\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / state.getThumbPercent(0)) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '0' : '100%'\n            }}\n          />\n        );\n        let upperTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${(1 - state.getThumbPercent(0)) * 100}%`,\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / (1 - state.getThumbPercent(0))) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '100%' : '0'\n            }}\n          />\n        );\n\n        let filledTrack: ReactNode = null;\n        if (isFilled && fillOffset != null) {\n          let width = state.getThumbPercent(0) - state.getValuePercent(fillOffset);\n          let isRightOfOffset = width > 0;\n          let offset = isRightOfOffset\n            ? state.getValuePercent(fillOffset)\n            : state.getThumbPercent(0);\n          filledTrack = (\n            <div\n              className={classNames(styles, 'spectrum-Slider-fill', {\n                'spectrum-Slider-fill--right': isRightOfOffset\n              })}\n              style={{\n                [cssDirection]: `${offset * 100}%`,\n                width: `${Math.abs(width) * 100}%`\n              }}\n            />\n          );\n        }\n\n        return (\n          <>\n            {lowerTrack}\n            <SliderThumb\n              index={0}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              inputRef={inputRef}\n              state={state}\n              name={props.name}\n              form={props.form}\n            />\n            {filledTrack}\n            {upperTrack}\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"Slider.js.map"}

package/dist/private/slider/Slider.mjs

@@ -59,6 +59,7 @@ const $414cfd967fdd8e8f$export$472062a354075cee = /*#__PURE__*/ (0, $bPEAw$react
             '--spectrum-slider-track-gradient': trackGradient && `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`
         }
     }, ({ trackRef: trackRef, inputRef: inputRef, state: state })=>{
+        // oxlint-disable-next-line react/react-compiler
         fillOffset = fillOffset != null ? (0, $bPEAw$clamp)(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0)) : fillOffset;
         let cssDirection = direction === 'rtl' ? 'right' : 'left';
         let lowerTrack = /*#__PURE__*/ (0, $bPEAw$react).createElement("div", {

package/dist/private/slider/Slider.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/slider/Slider.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {FocusableRef, InputDOMProps} from '@react-types/shared';\nimport React, {ReactNode} from 'react';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n  SpectrumBarSliderBase\n} from './SliderBase';\nimport {SliderThumb} from './SliderThumb';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\n\nexport interface SpectrumSliderProps extends SpectrumBarSliderBase<number>, InputDOMProps {\n  /**\n   * Whether a fill color is shown between the start of the slider and the current value.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill.\n   */\n  isFilled?: boolean;\n  /**\n   * The offset from which to start the fill.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill-start.\n   */\n  fillOffset?: number;\n  /**\n   * The background of the track, specified as the stops for a CSS background: `linear-gradient(to\n   * right/left, ...trackGradient)`.\n   *\n   * @example\n   *   trackGradient={['red', 'green']}\n   *\n   * @example\n   *   trackGradient={['red 20%', 'green 40%']}\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Gradient.\n   */\n  trackGradient?: string[];\n}\n\n/**\n * Sliders allow users to quickly select a value within a range. They should be used when the upper\n * and lower bounds to the range are invariable.\n */\nexport const Slider = React.forwardRef(function Slider(\n  props: SpectrumSliderProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  let {\n    onChange,\n    onChangeEnd,\n    value,\n    defaultValue,\n    isFilled,\n    fillOffset,\n    trackGradient,\n    getValueLabel,\n    ...otherProps\n  } = props;\n\n  let baseProps: Omit<SliderBaseProps, 'children'> = {\n    ...otherProps,\n    // Normalize `value: number[]` to `value: number`\n    value: value != null ? [value] : undefined,\n    defaultValue: defaultValue != null ? [defaultValue] : undefined,\n    onChange: (v: number[]): void => {\n      onChange?.(v[0]);\n    },\n    onChangeEnd: (v: number[]): void => {\n      onChangeEnd?.(v[0]);\n    },\n    getValueLabel: getValueLabel ? ([v]) => getValueLabel(v) : undefined\n  };\n\n  let {direction} = useLocale();\n\n  return (\n    <SliderBase\n      {...baseProps}\n      ref={ref}\n      classes={{\n        'spectrum-Slider--filled': isFilled && fillOffset == null\n      }}\n      style={{\n        // @ts-ignore\n        '--spectrum-slider-track-gradient':\n          trackGradient &&\n          `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`\n      }}>\n      {({trackRef, inputRef, state}: SliderBaseChildArguments) => {\n        fillOffset =\n          fillOffset != null\n            ? clamp(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0))\n            : fillOffset;\n        let cssDirection = direction === 'rtl' ? 'right' : 'left';\n\n        let lowerTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${state.getThumbPercent(0) * 100}%`,\n              // TODO not sure if it has advantages, but this could also be implemented as CSS calc():\n              // .track::before {\n              //    background-size: calc((1/ (var(--width)/100)) * 100%);\n              //    width: calc(var(--width) * 1%)M\n              // }\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / state.getThumbPercent(0)) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '0' : '100%'\n            }}\n          />\n        );\n        let upperTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${(1 - state.getThumbPercent(0)) * 100}%`,\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / (1 - state.getThumbPercent(0))) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '100%' : '0'\n            }}\n          />\n        );\n\n        let filledTrack: ReactNode = null;\n        if (isFilled && fillOffset != null) {\n          let width = state.getThumbPercent(0) - state.getValuePercent(fillOffset);\n          let isRightOfOffset = width > 0;\n          let offset = isRightOfOffset\n            ? state.getValuePercent(fillOffset)\n            : state.getThumbPercent(0);\n          filledTrack = (\n            <div\n              className={classNames(styles, 'spectrum-Slider-fill', {\n                'spectrum-Slider-fill--right': isRightOfOffset\n              })}\n              style={{\n                [cssDirection]: `${offset * 100}%`,\n                width: `${Math.abs(width) * 100}%`\n              }}\n            />\n          );\n        }\n\n        return (\n          <>\n            {lowerTrack}\n            <SliderThumb\n              index={0}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              inputRef={inputRef}\n              state={state}\n              name={props.name}\n              form={props.form}\n            />\n            {filledTrack}\n            {upperTrack}\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"Slider.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/slider/Slider.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {FocusableRef, InputDOMProps} from '@react-types/shared';\nimport React, {ReactNode} from 'react';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n  SpectrumBarSliderBase\n} from './SliderBase';\nimport {SliderThumb} from './SliderThumb';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\n\nexport interface SpectrumSliderProps extends SpectrumBarSliderBase<number>, InputDOMProps {\n  /**\n   * Whether a fill color is shown between the start of the slider and the current value.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill.\n   */\n  isFilled?: boolean;\n  /**\n   * The offset from which to start the fill.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill-start.\n   */\n  fillOffset?: number;\n  /**\n   * The background of the track, specified as the stops for a CSS background: `linear-gradient(to\n   * right/left, ...trackGradient)`.\n   *\n   * @example\n   *   trackGradient={['red', 'green']}\n   *\n   * @example\n   *   trackGradient={['red 20%', 'green 40%']}\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Gradient.\n   */\n  trackGradient?: string[];\n}\n\n/**\n * Sliders allow users to quickly select a value within a range. They should be used when the upper\n * and lower bounds to the range are invariable.\n */\nexport const Slider = React.forwardRef(function Slider(\n  props: SpectrumSliderProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  let {\n    onChange,\n    onChangeEnd,\n    value,\n    defaultValue,\n    isFilled,\n    fillOffset,\n    trackGradient,\n    getValueLabel,\n    ...otherProps\n  } = props;\n\n  let baseProps: Omit<SliderBaseProps, 'children'> = {\n    ...otherProps,\n    // Normalize `value: number[]` to `value: number`\n    value: value != null ? [value] : undefined,\n    defaultValue: defaultValue != null ? [defaultValue] : undefined,\n    onChange: (v: number[]): void => {\n      onChange?.(v[0]);\n    },\n    onChangeEnd: (v: number[]): void => {\n      onChangeEnd?.(v[0]);\n    },\n    getValueLabel: getValueLabel ? ([v]) => getValueLabel(v) : undefined\n  };\n\n  let {direction} = useLocale();\n\n  return (\n    <SliderBase\n      {...baseProps}\n      ref={ref}\n      classes={{\n        'spectrum-Slider--filled': isFilled && fillOffset == null\n      }}\n      style={{\n        // @ts-ignore\n        '--spectrum-slider-track-gradient':\n          trackGradient &&\n          `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`\n      }}>\n      {/* oxlint-disable-next-line react/react-compiler */}\n      {({trackRef, inputRef, state}: SliderBaseChildArguments) => {\n        // oxlint-disable-next-line react/react-compiler\n        fillOffset =\n          fillOffset != null\n            ? clamp(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0))\n            : fillOffset;\n        let cssDirection = direction === 'rtl' ? 'right' : 'left';\n\n        let lowerTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${state.getThumbPercent(0) * 100}%`,\n              // TODO not sure if it has advantages, but this could also be implemented as CSS calc():\n              // .track::before {\n              //    background-size: calc((1/ (var(--width)/100)) * 100%);\n              //    width: calc(var(--width) * 1%)M\n              // }\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / state.getThumbPercent(0)) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '0' : '100%'\n            }}\n          />\n        );\n        let upperTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${(1 - state.getThumbPercent(0)) * 100}%`,\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / (1 - state.getThumbPercent(0))) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '100%' : '0'\n            }}\n          />\n        );\n\n        let filledTrack: ReactNode = null;\n        if (isFilled && fillOffset != null) {\n          let width = state.getThumbPercent(0) - state.getValuePercent(fillOffset);\n          let isRightOfOffset = width > 0;\n          let offset = isRightOfOffset\n            ? state.getValuePercent(fillOffset)\n            : state.getThumbPercent(0);\n          filledTrack = (\n            <div\n              className={classNames(styles, 'spectrum-Slider-fill', {\n                'spectrum-Slider-fill--right': isRightOfOffset\n              })}\n              style={{\n                [cssDirection]: `${offset * 100}%`,\n                width: `${Math.abs(width) * 100}%`\n              }}\n            />\n          );\n        }\n\n        return (\n          <>\n            {lowerTrack}\n            <SliderThumb\n              index={0}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              inputRef={inputRef}\n              state={state}\n              name={props.name}\n              form={props.form}\n            />\n            {filledTrack}\n            {upperTrack}\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"Slider.mjs.map"}

package/dist/private/table/InsertionIndicator.cjs

@@ -34,6 +34,7 @@ function $e534bab1179262d5$export$2c0bab5914a9d088(props) {
     let { dropState: dropState, dragAndDropHooks: dragAndDropHooks } = (0, $783600b7b364e0bf$exports.useTableContext)();
     const { target: target, rowProps: rowProps } = props;
     let ref = (0, $3rpEw$react.useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator(props, dropState, ref);
     let { visuallyHiddenProps: visuallyHiddenProps } = (0, $3rpEw$reactariaVisuallyHidden.useVisuallyHidden)();
     let isDropTarget = dropState.isDropTarget(target);

package/dist/private/table/InsertionIndicator.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAcM,SAAS,0CAAmB,KAA8B;IAC/D,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAc;IAClD,MAAM,UAAC,MAAM,YAAE,QAAQ,EAAC,GAAG;IAE3B,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE,OAAO,WAAY;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,gDAAgB;IAE5C,IAAI,eAAe,UAAW,YAAY,CAAC;IAE3C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,0DAAC;QACC,OAAO;YACL,UAAU;YACV,KACE,OAAO,SAAS,KAAK,EAAE,QAAQ,YAAY,OAAO,SAAS,KAAK,EAAE,WAAW,WACzE,SAAS,KAAK,CAAC,GAAG,GAAI,CAAA,OAAO,YAAY,KAAK,UAAU,SAAS,KAAK,CAAC,MAAM,GAAG,CAAA,IAChF;YACN,OAAO,SAAS,KAAK,EAAE;QACzB;QACA,MAAK;QACL,eAAa,kBAAkB,CAAC,cAAc;qBAC9C,0DAAC;QACC,MAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,2CAA2C;YACvE,uDAAuD;QACzD;qBACA,0DAAC;QAAK,GAAG,mBAAmB;QAAE,MAAK;QAAU,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/table/InsertionIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '../utils/classNames';\nimport {FocusableElement, ItemDropTarget} from '@react-types/shared';\nimport React, {DOMAttributes, HTMLAttributes, ReactNode, useRef} from 'react';\nimport styles from './table.css';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface InsertionIndicatorProps {\n  target: ItemDropTarget;\n  rowProps: HTMLAttributes<HTMLElement> & DOMAttributes<FocusableElement>;\n}\n\nexport function InsertionIndicator(props: InsertionIndicatorProps): ReactNode | null {\n  let {dropState, dragAndDropHooks} = useTableContext();\n  const {target, rowProps} = props;\n\n  let ref = useRef<HTMLDivElement | null>(null);\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(props, dropState!, ref);\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  let isDropTarget = dropState!.isDropTarget(target);\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        top:\n          typeof rowProps.style?.top === 'number' && typeof rowProps.style?.height === 'number'\n            ? rowProps.style.top + (target.dropPosition === 'after' ? rowProps.style.height : 0)\n            : 0,\n        width: rowProps.style?.width\n      }}\n      role=\"row\"\n      aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div\n        role=\"gridcell\"\n        className={classNames(styles, 'react-spectrum-Table-InsertionIndicator', {\n          'react-spectrum-Table-InsertionIndicator--dropTarget': isDropTarget\n        })}>\n        <div {...visuallyHiddenProps} role=\"button\" {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"InsertionIndicator.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAcM,SAAS,0CAAmB,KAA8B;IAC/D,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAc;IAClD,MAAM,UAAC,MAAM,YAAE,QAAQ,EAAC,GAAG;IAE3B,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAyB;IACxC,gDAAgD;IAChD,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE,OAAO,WAAY;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,gDAAgB;IAE5C,IAAI,eAAe,UAAW,YAAY,CAAC;IAE3C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,0DAAC;QACC,OAAO;YACL,UAAU;YACV,KACE,OAAO,SAAS,KAAK,EAAE,QAAQ,YAAY,OAAO,SAAS,KAAK,EAAE,WAAW,WACzE,SAAS,KAAK,CAAC,GAAG,GAAI,CAAA,OAAO,YAAY,KAAK,UAAU,SAAS,KAAK,CAAC,MAAM,GAAG,CAAA,IAChF;YACN,OAAO,SAAS,KAAK,EAAE;QACzB;QACA,MAAK;QACL,eAAa,kBAAkB,CAAC,cAAc;qBAC9C,0DAAC;QACC,MAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,2CAA2C;YACvE,uDAAuD;QACzD;qBACA,0DAAC;QAAK,GAAG,mBAAmB;QAAE,MAAK;QAAU,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/table/InsertionIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '../utils/classNames';\nimport {FocusableElement, ItemDropTarget} from '@react-types/shared';\nimport React, {DOMAttributes, HTMLAttributes, ReactNode, useRef} from 'react';\nimport styles from './table.css';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface InsertionIndicatorProps {\n  target: ItemDropTarget;\n  rowProps: HTMLAttributes<HTMLElement> & DOMAttributes<FocusableElement>;\n}\n\nexport function InsertionIndicator(props: InsertionIndicatorProps): ReactNode | null {\n  let {dropState, dragAndDropHooks} = useTableContext();\n  const {target, rowProps} = props;\n\n  let ref = useRef<HTMLDivElement | null>(null);\n  // oxlint-disable-next-line react/react-compiler\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(props, dropState!, ref);\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  let isDropTarget = dropState!.isDropTarget(target);\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        top:\n          typeof rowProps.style?.top === 'number' && typeof rowProps.style?.height === 'number'\n            ? rowProps.style.top + (target.dropPosition === 'after' ? rowProps.style.height : 0)\n            : 0,\n        width: rowProps.style?.width\n      }}\n      role=\"row\"\n      aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div\n        role=\"gridcell\"\n        className={classNames(styles, 'react-spectrum-Table-InsertionIndicator', {\n          'react-spectrum-Table-InsertionIndicator--dropTarget': isDropTarget\n        })}>\n        <div {...visuallyHiddenProps} role=\"button\" {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"InsertionIndicator.cjs.map"}

package/dist/private/table/InsertionIndicator.js

@@ -29,6 +29,7 @@ function $373fa4d14ebc99c4$export$2c0bab5914a9d088(props) {
     let { dropState: dropState, dragAndDropHooks: dragAndDropHooks } = (0, $0f1ea4f28e10f05a$export$3cb274deb6c2d854)();
     const { target: target, rowProps: rowProps } = props;
     let ref = (0, $19ul0$useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator(props, dropState, ref);
     let { visuallyHiddenProps: visuallyHiddenProps } = (0, $19ul0$useVisuallyHidden)();
     let isDropTarget = dropState.isDropTarget(target);

package/dist/private/table/InsertionIndicator.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAcM,SAAS,0CAAmB,KAA8B;QAmBhD,iBAA2C,kBAG7C;IArBb,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAc;IAClD,MAAM,UAAC,MAAM,YAAE,QAAQ,EAAC,GAAG;IAE3B,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE,OAAO,WAAY;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,eAAe,UAAW,YAAY,CAAC;IAE3C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QACC,OAAO;YACL,UAAU;YACV,KACE,SAAO,kBAAA,SAAS,KAAK,cAAd,sCAAA,gBAAgB,GAAG,MAAK,YAAY,SAAO,mBAAA,SAAS,KAAK,cAAd,uCAAA,iBAAgB,MAAM,MAAK,WACzE,SAAS,KAAK,CAAC,GAAG,GAAI,CAAA,OAAO,YAAY,KAAK,UAAU,SAAS,KAAK,CAAC,MAAM,GAAG,CAAA,IAChF;YACN,KAAK,GAAE,mBAAA,SAAS,KAAK,cAAd,uCAAA,iBAAgB,KAAK;QAC9B;QACA,MAAK;QACL,eAAa,kBAAkB,CAAC,cAAc;qBAC9C,gCAAC;QACC,MAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,6CAAK,GAAG,2CAA2C;YACvE,uDAAuD;QACzD;qBACA,gCAAC;QAAK,GAAG,mBAAmB;QAAE,MAAK;QAAU,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/table/InsertionIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '../utils/classNames';\nimport {FocusableElement, ItemDropTarget} from '@react-types/shared';\nimport React, {DOMAttributes, HTMLAttributes, ReactNode, useRef} from 'react';\nimport styles from './table.css';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface InsertionIndicatorProps {\n  target: ItemDropTarget;\n  rowProps: HTMLAttributes<HTMLElement> & DOMAttributes<FocusableElement>;\n}\n\nexport function InsertionIndicator(props: InsertionIndicatorProps): ReactNode | null {\n  let {dropState, dragAndDropHooks} = useTableContext();\n  const {target, rowProps} = props;\n\n  let ref = useRef<HTMLDivElement | null>(null);\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(props, dropState!, ref);\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  let isDropTarget = dropState!.isDropTarget(target);\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        top:\n          typeof rowProps.style?.top === 'number' && typeof rowProps.style?.height === 'number'\n            ? rowProps.style.top + (target.dropPosition === 'after' ? rowProps.style.height : 0)\n            : 0,\n        width: rowProps.style?.width\n      }}\n      role=\"row\"\n      aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div\n        role=\"gridcell\"\n        className={classNames(styles, 'react-spectrum-Table-InsertionIndicator', {\n          'react-spectrum-Table-InsertionIndicator--dropTarget': isDropTarget\n        })}>\n        <div {...visuallyHiddenProps} role=\"button\" {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"InsertionIndicator.js.map"}
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAcM,SAAS,0CAAmB,KAA8B;QAoBhD,iBAA2C,kBAG7C;IAtBb,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAc;IAClD,MAAM,UAAC,MAAM,YAAE,QAAQ,EAAC,GAAG;IAE3B,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,gDAAgD;IAChD,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE,OAAO,WAAY;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,eAAe,UAAW,YAAY,CAAC;IAE3C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QACC,OAAO;YACL,UAAU;YACV,KACE,SAAO,kBAAA,SAAS,KAAK,cAAd,sCAAA,gBAAgB,GAAG,MAAK,YAAY,SAAO,mBAAA,SAAS,KAAK,cAAd,uCAAA,iBAAgB,MAAM,MAAK,WACzE,SAAS,KAAK,CAAC,GAAG,GAAI,CAAA,OAAO,YAAY,KAAK,UAAU,SAAS,KAAK,CAAC,MAAM,GAAG,CAAA,IAChF;YACN,KAAK,GAAE,mBAAA,SAAS,KAAK,cAAd,uCAAA,iBAAgB,KAAK;QAC9B;QACA,MAAK;QACL,eAAa,kBAAkB,CAAC,cAAc;qBAC9C,gCAAC;QACC,MAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,6CAAK,GAAG,2CAA2C;YACvE,uDAAuD;QACzD;qBACA,gCAAC;QAAK,GAAG,mBAAmB;QAAE,MAAK;QAAU,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/table/InsertionIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '../utils/classNames';\nimport {FocusableElement, ItemDropTarget} from '@react-types/shared';\nimport React, {DOMAttributes, HTMLAttributes, ReactNode, useRef} from 'react';\nimport styles from './table.css';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface InsertionIndicatorProps {\n  target: ItemDropTarget;\n  rowProps: HTMLAttributes<HTMLElement> & DOMAttributes<FocusableElement>;\n}\n\nexport function InsertionIndicator(props: InsertionIndicatorProps): ReactNode | null {\n  let {dropState, dragAndDropHooks} = useTableContext();\n  const {target, rowProps} = props;\n\n  let ref = useRef<HTMLDivElement | null>(null);\n  // oxlint-disable-next-line react/react-compiler\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(props, dropState!, ref);\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  let isDropTarget = dropState!.isDropTarget(target);\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        top:\n          typeof rowProps.style?.top === 'number' && typeof rowProps.style?.height === 'number'\n            ? rowProps.style.top + (target.dropPosition === 'after' ? rowProps.style.height : 0)\n            : 0,\n        width: rowProps.style?.width\n      }}\n      role=\"row\"\n      aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div\n        role=\"gridcell\"\n        className={classNames(styles, 'react-spectrum-Table-InsertionIndicator', {\n          'react-spectrum-Table-InsertionIndicator--dropTarget': isDropTarget\n        })}>\n        <div {...visuallyHiddenProps} role=\"button\" {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"InsertionIndicator.js.map"}

package/dist/private/table/InsertionIndicator.mjs

@@ -28,6 +28,7 @@ function $9b909c804a6da52e$export$2c0bab5914a9d088(props) {
     let { dropState: dropState, dragAndDropHooks: dragAndDropHooks } = (0, $2a45525f66468ec9$export$3cb274deb6c2d854)();
     const { target: target, rowProps: rowProps } = props;
     let ref = (0, $dZ3Oa$useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator(props, dropState, ref);
     let { visuallyHiddenProps: visuallyHiddenProps } = (0, $dZ3Oa$useVisuallyHidden)();
     let isDropTarget = dropState.isDropTarget(target);

package/dist/private/table/InsertionIndicator.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAcM,SAAS,0CAAmB,KAA8B;IAC/D,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAc;IAClD,MAAM,UAAC,MAAM,YAAE,QAAQ,EAAC,GAAG;IAE3B,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE,OAAO,WAAY;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,eAAe,UAAW,YAAY,CAAC;IAE3C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QACC,OAAO;YACL,UAAU;YACV,KACE,OAAO,SAAS,KAAK,EAAE,QAAQ,YAAY,OAAO,SAAS,KAAK,EAAE,WAAW,WACzE,SAAS,KAAK,CAAC,GAAG,GAAI,CAAA,OAAO,YAAY,KAAK,UAAU,SAAS,KAAK,CAAC,MAAM,GAAG,CAAA,IAChF;YACN,OAAO,SAAS,KAAK,EAAE;QACzB;QACA,MAAK;QACL,eAAa,kBAAkB,CAAC,cAAc;qBAC9C,gCAAC;QACC,MAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,6CAAK,GAAG,2CAA2C;YACvE,uDAAuD;QACzD;qBACA,gCAAC;QAAK,GAAG,mBAAmB;QAAE,MAAK;QAAU,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/table/InsertionIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '../utils/classNames';\nimport {FocusableElement, ItemDropTarget} from '@react-types/shared';\nimport React, {DOMAttributes, HTMLAttributes, ReactNode, useRef} from 'react';\nimport styles from './table.css';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface InsertionIndicatorProps {\n  target: ItemDropTarget;\n  rowProps: HTMLAttributes<HTMLElement> & DOMAttributes<FocusableElement>;\n}\n\nexport function InsertionIndicator(props: InsertionIndicatorProps): ReactNode | null {\n  let {dropState, dragAndDropHooks} = useTableContext();\n  const {target, rowProps} = props;\n\n  let ref = useRef<HTMLDivElement | null>(null);\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(props, dropState!, ref);\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  let isDropTarget = dropState!.isDropTarget(target);\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        top:\n          typeof rowProps.style?.top === 'number' && typeof rowProps.style?.height === 'number'\n            ? rowProps.style.top + (target.dropPosition === 'after' ? rowProps.style.height : 0)\n            : 0,\n        width: rowProps.style?.width\n      }}\n      role=\"row\"\n      aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div\n        role=\"gridcell\"\n        className={classNames(styles, 'react-spectrum-Table-InsertionIndicator', {\n          'react-spectrum-Table-InsertionIndicator--dropTarget': isDropTarget\n        })}>\n        <div {...visuallyHiddenProps} role=\"button\" {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"InsertionIndicator.mjs.map"}
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAcM,SAAS,0CAAmB,KAA8B;IAC/D,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAc;IAClD,MAAM,UAAC,MAAM,YAAE,QAAQ,EAAC,GAAG;IAE3B,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,gDAAgD;IAChD,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAAE,OAAO,WAAY;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,eAAe,UAAW,YAAY,CAAC;IAE3C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QACC,OAAO;YACL,UAAU;YACV,KACE,OAAO,SAAS,KAAK,EAAE,QAAQ,YAAY,OAAO,SAAS,KAAK,EAAE,WAAW,WACzE,SAAS,KAAK,CAAC,GAAG,GAAI,CAAA,OAAO,YAAY,KAAK,UAAU,SAAS,KAAK,CAAC,MAAM,GAAG,CAAA,IAChF;YACN,OAAO,SAAS,KAAK,EAAE;QACzB;QACA,MAAK;QACL,eAAa,kBAAkB,CAAC,cAAc;qBAC9C,gCAAC;QACC,MAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,6CAAK,GAAG,2CAA2C;YACvE,uDAAuD;QACzD;qBACA,gCAAC;QAAK,GAAG,mBAAmB;QAAE,MAAK;QAAU,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/table/InsertionIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '../utils/classNames';\nimport {FocusableElement, ItemDropTarget} from '@react-types/shared';\nimport React, {DOMAttributes, HTMLAttributes, ReactNode, useRef} from 'react';\nimport styles from './table.css';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface InsertionIndicatorProps {\n  target: ItemDropTarget;\n  rowProps: HTMLAttributes<HTMLElement> & DOMAttributes<FocusableElement>;\n}\n\nexport function InsertionIndicator(props: InsertionIndicatorProps): ReactNode | null {\n  let {dropState, dragAndDropHooks} = useTableContext();\n  const {target, rowProps} = props;\n\n  let ref = useRef<HTMLDivElement | null>(null);\n  // oxlint-disable-next-line react/react-compiler\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(props, dropState!, ref);\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  let isDropTarget = dropState!.isDropTarget(target);\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        top:\n          typeof rowProps.style?.top === 'number' && typeof rowProps.style?.height === 'number'\n            ? rowProps.style.top + (target.dropPosition === 'after' ? rowProps.style.height : 0)\n            : 0,\n        width: rowProps.style?.width\n      }}\n      role=\"row\"\n      aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div\n        role=\"gridcell\"\n        className={classNames(styles, 'react-spectrum-Table-InsertionIndicator', {\n          'react-spectrum-Table-InsertionIndicator--dropTarget': isDropTarget\n        })}>\n        <div {...visuallyHiddenProps} role=\"button\" {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"InsertionIndicator.mjs.map"}

package/dist/private/table/Resizer.cjs

@@ -75,30 +75,7 @@ const $09b5aa08c9e8cf9f$export$48a76196cafe3b93 = /*#__PURE__*/ (0, ($parcel$int
     (0, $783600b7b364e0bf$exports.useVirtualizerContext)();
     let stringFormatter = (0, $hKSPM$reactariauseLocalizedStringFormatter.useLocalizedStringFormatter)((0, ($parcel$interopDefault($12f8715bf7a5f0e7$exports))), '@react-spectrum/table');
     let { direction: direction } = (0, $hKSPM$reactariaI18nProvider.useLocale)();
-    let [isPointerDown, setIsPointerDown] = (0, $hKSPM$react.useState)(false);
-    (0, $hKSPM$react.useEffect)(()=>{
-        let setDown = (e)=>{
-            if (e.pointerType === 'mouse') setIsPointerDown(true);
-        };
-        let setUp = (e)=>{
-            if (e.pointerType === 'mouse') setIsPointerDown(false);
-        };
-        document.addEventListener('pointerdown', setDown, {
-            capture: true
-        });
-        document.addEventListener('pointerup', setUp, {
-            capture: true
-        });
-        return ()=>{
-            document.removeEventListener('pointerdown', setDown, {
-                capture: true
-            });
-            document.removeEventListener('pointerup', setUp, {
-                capture: true
-            });
-        };
-    }, []);
-    let { inputProps: inputProps, resizerProps: resizerProps } = (0, $hKSPM$reactariauseTable.useTableColumnResize)((0, $hKSPM$reactariamergeProps.mergeProps)(props, {
+    let { inputProps: inputProps, resizerProps: resizerProps, isMouseResizing: isMouseResizing } = (0, $hKSPM$reactariauseTable.useTableColumnResize)((0, $hKSPM$reactariamergeProps.mergeProps)(props, {
         'aria-label': stringFormatter.format('columnResizer'),
         isDisabled: isEmpty
     }), layout, objectRef);
@@ -133,7 +110,7 @@ const $09b5aa08c9e8cf9f$export$48a76196cafe3b93 = /*#__PURE__*/ (0, ($parcel$int
         role: "presentation",
         className: (0, $69fd630bd812ba47$exports.classNames)((0, ($parcel$interopDefault($149bebff1c2de463$exports))), 'spectrum-Table-columnResizerPlaceholder')
     }), /*#__PURE__*/ (0, ($parcel$interopDefault($hKSPM$react))).createElement($09b5aa08c9e8cf9f$var$CursorOverlay, {
-        show: isResizing && isPointerDown
+        show: isResizing && isMouseResizing
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($hKSPM$react))).createElement("div", {
         style: {
             position: 'fixed',

package/dist/private/table/Resizer.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/table/Resizer.tsx","node_modules/@parcel/runtime-js/lib/bundles/runtime-74eb089f25dab4fc.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-9a7c22ddf74a1651.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-bb1bdd20d2042d66.js"],"sourcesContent":["import {classNames} from '../utils/classNames';\nimport {ColumnSize, TableColumnResizeState} from 'react-stately/useTableState';\nimport eCursor from 'bundle-text:./cursors/Cur_MoveToRight_9_9.svg';\nimport ewCursor from 'bundle-text:./cursors/Cur_MoveHorizontal_9_9.svg';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/table/*.json';\nimport {isWebKit} from 'react-aria/private/utils/platform';\nimport {Key, RefObject} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, useContext, useEffect, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport styles from '@adobe/spectrum-css-temp/components/table/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useTableColumnResize} from 'react-aria/useTable';\nimport {useTableContext, useVirtualizerContext} from './TableViewBase';\nimport {useUNSAFE_PortalContext} from 'react-aria/PortalProvider';\n// @ts-ignore\nimport wCursor from 'bundle-text:./cursors/Cur_MoveToLeft_9_9.svg';\n\nfunction getCursor(svg: string, fallback: string) {\n  // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657\n  // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.\n  // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.\n  if (isWebKit()) {\n    return `image-set(url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 1x, url(\"data:image/svg+xml,${encodeURIComponent(svg.replace('width=\"32\" height=\"32\"', 'width=\"64\" height=\"64\"'))}\") 2x) 8 8, ${fallback}`;\n  } else {\n    return `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 8 8, ${fallback}`;\n  }\n}\n\ninterface ResizerProps<T> {\n  column: GridNode<T>;\n  showResizer: boolean;\n  triggerRef: RefObject<HTMLDivElement | null>;\n  onResizeStart?: (widths: Map<Key, ColumnSize>) => void;\n  onResize?: (widths: Map<Key, ColumnSize>) => void;\n  onResizeEnd?: (widths: Map<Key, ColumnSize>) => void;\n}\n\nconst CURSORS = {\n  ew: getCursor(ewCursor, 'ew-resize'),\n  w: getCursor(wCursor, 'w-resize'),\n  e: getCursor(eCursor, 'e-resize')\n};\n\nexport const ResizeStateContext = createContext<TableColumnResizeState<unknown> | null>(null);\n\nexport const Resizer = React.forwardRef(function Resizer<T>(\n  props: ResizerProps<T>,\n  ref: ForwardedRef<HTMLInputElement | null>\n) {\n  let {column, showResizer} = props;\n  let objectRef = useObjectRef(ref);\n  let {isEmpty, onFocusedResizer} = useTableContext();\n  let layout = useContext(ResizeStateContext)!;\n  // Virtualizer re-renders, but these components are all cached\n  // in order to get around that and cause a rerender here, we use context\n  // but we don't actually need any value, they are available on the layout object\n  useVirtualizerContext();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/table');\n  let {direction} = useLocale();\n\n  let [isPointerDown, setIsPointerDown] = useState(false);\n  useEffect(() => {\n    let setDown = e => {\n      if (e.pointerType === 'mouse') {\n        setIsPointerDown(true);\n      }\n    };\n    let setUp = e => {\n      if (e.pointerType === 'mouse') {\n        setIsPointerDown(false);\n      }\n    };\n    document.addEventListener('pointerdown', setDown, {capture: true});\n    document.addEventListener('pointerup', setUp, {capture: true});\n    return () => {\n      document.removeEventListener('pointerdown', setDown, {capture: true});\n      document.removeEventListener('pointerup', setUp, {capture: true});\n    };\n  }, []);\n\n  let {inputProps, resizerProps} = useTableColumnResize<unknown>(\n    mergeProps(props, {\n      'aria-label': stringFormatter.format('columnResizer'),\n      isDisabled: isEmpty\n    }),\n    layout,\n    objectRef\n  );\n\n  let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);\n  let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);\n  let isResizing = layout.resizingColumn === column.key;\n  let cursor = '';\n  if (isEResizable) {\n    cursor = direction === 'rtl' ? CURSORS.w : CURSORS.e;\n  } else if (isWResizable) {\n    cursor = direction === 'rtl' ? CURSORS.e : CURSORS.w;\n  } else {\n    cursor = CURSORS.ew;\n  }\n\n  let style = {\n    ...resizerProps.style,\n    height: '100%',\n    display: showResizer ? undefined : 'none',\n    cursor\n  };\n\n  return (\n    <>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <div\n          {...resizerProps}\n          role=\"presentation\"\n          style={style}\n          className={classNames(styles, 'spectrum-Table-columnResizer')}>\n          <input ref={objectRef} {...mergeProps(inputProps, {onFocus: onFocusedResizer})} />\n        </div>\n      </FocusRing>\n      {/* Placeholder so that the title doesn't intersect with space reserved by the resizer when it appears. */}\n      <div\n        aria-hidden\n        role=\"presentation\"\n        className={classNames(styles, 'spectrum-Table-columnResizerPlaceholder')}\n      />\n      <CursorOverlay show={isResizing && isPointerDown}>\n        <div style={{position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, cursor}} />\n      </CursorOverlay>\n    </>\n  );\n});\n\nfunction CursorOverlay(props) {\n  let {show, children} = props;\n  let {getContainer} = useUNSAFE_PortalContext();\n  return show ? ReactDOM.createPortal(children, getContainer?.() ?? document.body) : null;\n}\n","module.exports = \"9109b4d351749622\";","module.exports = \"17686e67bf0d0b2f\";","module.exports = \"3c29f9121405b03c\";"],"names":[],"version":3,"file":"Resizer.cjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/table/Resizer.tsx","node_modules/@parcel/runtime-js/lib/bundles/runtime-74eb089f25dab4fc.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-9a7c22ddf74a1651.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-bb1bdd20d2042d66.js"],"sourcesContent":["import {classNames} from '../utils/classNames';\nimport {ColumnSize, TableColumnResizeState} from 'react-stately/useTableState';\nimport eCursor from 'bundle-text:./cursors/Cur_MoveToRight_9_9.svg';\nimport ewCursor from 'bundle-text:./cursors/Cur_MoveHorizontal_9_9.svg';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/table/*.json';\nimport {isWebKit} from 'react-aria/private/utils/platform';\nimport {Key, RefObject} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, useContext} from 'react';\nimport ReactDOM from 'react-dom';\nimport styles from '@adobe/spectrum-css-temp/components/table/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useTableColumnResize} from 'react-aria/useTable';\nimport {useTableContext, useVirtualizerContext} from './TableViewBase';\nimport {useUNSAFE_PortalContext} from 'react-aria/PortalProvider';\n// @ts-ignore\nimport wCursor from 'bundle-text:./cursors/Cur_MoveToLeft_9_9.svg';\n\nfunction getCursor(svg: string, fallback: string) {\n  // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657\n  // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.\n  // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.\n  if (isWebKit()) {\n    return `image-set(url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 1x, url(\"data:image/svg+xml,${encodeURIComponent(svg.replace('width=\"32\" height=\"32\"', 'width=\"64\" height=\"64\"'))}\") 2x) 8 8, ${fallback}`;\n  } else {\n    return `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 8 8, ${fallback}`;\n  }\n}\n\ninterface ResizerProps<T> {\n  column: GridNode<T>;\n  showResizer: boolean;\n  triggerRef: RefObject<HTMLDivElement | null>;\n  onResizeStart?: (widths: Map<Key, ColumnSize>) => void;\n  onResize?: (widths: Map<Key, ColumnSize>) => void;\n  onResizeEnd?: (widths: Map<Key, ColumnSize>) => void;\n}\n\nconst CURSORS = {\n  ew: getCursor(ewCursor, 'ew-resize'),\n  w: getCursor(wCursor, 'w-resize'),\n  e: getCursor(eCursor, 'e-resize')\n};\n\nexport const ResizeStateContext = createContext<TableColumnResizeState<unknown> | null>(null);\n\nexport const Resizer = React.forwardRef(function Resizer<T>(\n  props: ResizerProps<T>,\n  ref: ForwardedRef<HTMLInputElement | null>\n) {\n  let {column, showResizer} = props;\n  let objectRef = useObjectRef(ref);\n  let {isEmpty, onFocusedResizer} = useTableContext();\n  let layout = useContext(ResizeStateContext)!;\n  // Virtualizer re-renders, but these components are all cached\n  // in order to get around that and cause a rerender here, we use context\n  // but we don't actually need any value, they are available on the layout object\n  useVirtualizerContext();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/table');\n  let {direction} = useLocale();\n\n  let {inputProps, resizerProps, isMouseResizing} = useTableColumnResize<unknown>(\n    mergeProps(props, {\n      'aria-label': stringFormatter.format('columnResizer'),\n      isDisabled: isEmpty\n    }),\n    layout,\n    objectRef\n  );\n\n  let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);\n  let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);\n  let isResizing = layout.resizingColumn === column.key;\n  let cursor = '';\n  if (isEResizable) {\n    cursor = direction === 'rtl' ? CURSORS.w : CURSORS.e;\n  } else if (isWResizable) {\n    cursor = direction === 'rtl' ? CURSORS.e : CURSORS.w;\n  } else {\n    cursor = CURSORS.ew;\n  }\n\n  let style = {\n    ...resizerProps.style,\n    height: '100%',\n    display: showResizer ? undefined : 'none',\n    cursor\n  };\n\n  return (\n    <>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <div\n          {...resizerProps}\n          role=\"presentation\"\n          style={style}\n          className={classNames(styles, 'spectrum-Table-columnResizer')}>\n          <input ref={objectRef} {...mergeProps(inputProps, {onFocus: onFocusedResizer})} />\n        </div>\n      </FocusRing>\n      {/* Placeholder so that the title doesn't intersect with space reserved by the resizer when it appears. */}\n      <div\n        aria-hidden\n        role=\"presentation\"\n        className={classNames(styles, 'spectrum-Table-columnResizerPlaceholder')}\n      />\n      <CursorOverlay show={isResizing && isMouseResizing}>\n        <div style={{position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, cursor}} />\n      </CursorOverlay>\n    </>\n  );\n});\n\nfunction CursorOverlay(props) {\n  let {show, children} = props;\n  let {getContainer} = useUNSAFE_PortalContext();\n  return show ? ReactDOM.createPortal(children, getContainer?.() ?? document.body) : null;\n}\n","module.exports = \"9109b4d351749622\";","module.exports = \"17686e67bf0d0b2f\";","module.exports = \"3c29f9121405b03c\";"],"names":[],"version":3,"file":"Resizer.cjs.map"}

package/dist/private/table/Resizer.js

@@ -6,7 +6,7 @@ import {useTableContext as $0f1ea4f28e10f05a$export$3cb274deb6c2d854, useVirtual
 import {FocusRing as $3A0G8$FocusRing} from "react-aria/FocusRing";
 import {isWebKit as $3A0G8$isWebKit} from "react-aria/private/utils/platform";
 import {mergeProps as $3A0G8$mergeProps} from "react-aria/mergeProps";
-import $3A0G8$react, {createContext as $3A0G8$createContext, useContext as $3A0G8$useContext, useState as $3A0G8$useState, useEffect as $3A0G8$useEffect} from "react";
+import $3A0G8$react, {createContext as $3A0G8$createContext, useContext as $3A0G8$useContext} from "react";
 import $3A0G8$reactdom from "react-dom";
 import {useLocale as $3A0G8$useLocale} from "react-aria/I18nProvider";
 import {useLocalizedStringFormatter as $3A0G8$useLocalizedStringFormatter} from "react-aria/useLocalizedStringFormatter";
@@ -68,30 +68,7 @@ const $78389b17485c731f$export$48a76196cafe3b93 = /*#__PURE__*/ (0, $3A0G8$react
     (0, $0f1ea4f28e10f05a$export$3f8f74b6bfd2c5df)();
     let stringFormatter = (0, $3A0G8$useLocalizedStringFormatter)((0, ($parcel$interopDefault($3A0G8$intlStringsjs))), '@react-spectrum/table');
     let { direction: direction } = (0, $3A0G8$useLocale)();
-    let [isPointerDown, setIsPointerDown] = (0, $3A0G8$useState)(false);
-    (0, $3A0G8$useEffect)(()=>{
-        let setDown = (e)=>{
-            if (e.pointerType === 'mouse') setIsPointerDown(true);
-        };
-        let setUp = (e)=>{
-            if (e.pointerType === 'mouse') setIsPointerDown(false);
-        };
-        document.addEventListener('pointerdown', setDown, {
-            capture: true
-        });
-        document.addEventListener('pointerup', setUp, {
-            capture: true
-        });
-        return ()=>{
-            document.removeEventListener('pointerdown', setDown, {
-                capture: true
-            });
-            document.removeEventListener('pointerup', setUp, {
-                capture: true
-            });
-        };
-    }, []);
-    let { inputProps: inputProps, resizerProps: resizerProps } = (0, $3A0G8$useTableColumnResize)((0, $3A0G8$mergeProps)(props, {
+    let { inputProps: inputProps, resizerProps: resizerProps, isMouseResizing: isMouseResizing } = (0, $3A0G8$useTableColumnResize)((0, $3A0G8$mergeProps)(props, {
         'aria-label': stringFormatter.format('columnResizer'),
         isDisabled: isEmpty
     }), layout, objectRef);
@@ -126,7 +103,7 @@ const $78389b17485c731f$export$48a76196cafe3b93 = /*#__PURE__*/ (0, $3A0G8$react
         role: "presentation",
         className: (0, $512ba93e663f149c$export$ce4ab0c55987d1ff)((0, ($parcel$interopDefault($3A0G8$table_vars_cssmjs))), 'spectrum-Table-columnResizerPlaceholder')
     }), /*#__PURE__*/ (0, $3A0G8$react).createElement($78389b17485c731f$var$CursorOverlay, {
-        show: isResizing && isPointerDown
+        show: isResizing && isMouseResizing
     }, /*#__PURE__*/ (0, $3A0G8$react).createElement("div", {
         style: {
             position: 'fixed',

package/dist/private/table/Resizer.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/table/Resizer.tsx","node_modules/@parcel/runtime-js/lib/bundles/runtime-d1ba9b794671715c.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-259f671e9b282681.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-23628c83726016b1.js"],"sourcesContent":["import {classNames} from '../utils/classNames';\nimport {ColumnSize, TableColumnResizeState} from 'react-stately/useTableState';\nimport eCursor from 'bundle-text:./cursors/Cur_MoveToRight_9_9.svg';\nimport ewCursor from 'bundle-text:./cursors/Cur_MoveHorizontal_9_9.svg';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/table/*.json';\nimport {isWebKit} from 'react-aria/private/utils/platform';\nimport {Key, RefObject} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, useContext, useEffect, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport styles from '@adobe/spectrum-css-temp/components/table/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useTableColumnResize} from 'react-aria/useTable';\nimport {useTableContext, useVirtualizerContext} from './TableViewBase';\nimport {useUNSAFE_PortalContext} from 'react-aria/PortalProvider';\n// @ts-ignore\nimport wCursor from 'bundle-text:./cursors/Cur_MoveToLeft_9_9.svg';\n\nfunction getCursor(svg: string, fallback: string) {\n  // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657\n  // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.\n  // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.\n  if (isWebKit()) {\n    return `image-set(url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 1x, url(\"data:image/svg+xml,${encodeURIComponent(svg.replace('width=\"32\" height=\"32\"', 'width=\"64\" height=\"64\"'))}\") 2x) 8 8, ${fallback}`;\n  } else {\n    return `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 8 8, ${fallback}`;\n  }\n}\n\ninterface ResizerProps<T> {\n  column: GridNode<T>;\n  showResizer: boolean;\n  triggerRef: RefObject<HTMLDivElement | null>;\n  onResizeStart?: (widths: Map<Key, ColumnSize>) => void;\n  onResize?: (widths: Map<Key, ColumnSize>) => void;\n  onResizeEnd?: (widths: Map<Key, ColumnSize>) => void;\n}\n\nconst CURSORS = {\n  ew: getCursor(ewCursor, 'ew-resize'),\n  w: getCursor(wCursor, 'w-resize'),\n  e: getCursor(eCursor, 'e-resize')\n};\n\nexport const ResizeStateContext = createContext<TableColumnResizeState<unknown> | null>(null);\n\nexport const Resizer = React.forwardRef(function Resizer<T>(\n  props: ResizerProps<T>,\n  ref: ForwardedRef<HTMLInputElement | null>\n) {\n  let {column, showResizer} = props;\n  let objectRef = useObjectRef(ref);\n  let {isEmpty, onFocusedResizer} = useTableContext();\n  let layout = useContext(ResizeStateContext)!;\n  // Virtualizer re-renders, but these components are all cached\n  // in order to get around that and cause a rerender here, we use context\n  // but we don't actually need any value, they are available on the layout object\n  useVirtualizerContext();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/table');\n  let {direction} = useLocale();\n\n  let [isPointerDown, setIsPointerDown] = useState(false);\n  useEffect(() => {\n    let setDown = e => {\n      if (e.pointerType === 'mouse') {\n        setIsPointerDown(true);\n      }\n    };\n    let setUp = e => {\n      if (e.pointerType === 'mouse') {\n        setIsPointerDown(false);\n      }\n    };\n    document.addEventListener('pointerdown', setDown, {capture: true});\n    document.addEventListener('pointerup', setUp, {capture: true});\n    return () => {\n      document.removeEventListener('pointerdown', setDown, {capture: true});\n      document.removeEventListener('pointerup', setUp, {capture: true});\n    };\n  }, []);\n\n  let {inputProps, resizerProps} = useTableColumnResize<unknown>(\n    mergeProps(props, {\n      'aria-label': stringFormatter.format('columnResizer'),\n      isDisabled: isEmpty\n    }),\n    layout,\n    objectRef\n  );\n\n  let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);\n  let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);\n  let isResizing = layout.resizingColumn === column.key;\n  let cursor = '';\n  if (isEResizable) {\n    cursor = direction === 'rtl' ? CURSORS.w : CURSORS.e;\n  } else if (isWResizable) {\n    cursor = direction === 'rtl' ? CURSORS.e : CURSORS.w;\n  } else {\n    cursor = CURSORS.ew;\n  }\n\n  let style = {\n    ...resizerProps.style,\n    height: '100%',\n    display: showResizer ? undefined : 'none',\n    cursor\n  };\n\n  return (\n    <>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <div\n          {...resizerProps}\n          role=\"presentation\"\n          style={style}\n          className={classNames(styles, 'spectrum-Table-columnResizer')}>\n          <input ref={objectRef} {...mergeProps(inputProps, {onFocus: onFocusedResizer})} />\n        </div>\n      </FocusRing>\n      {/* Placeholder so that the title doesn't intersect with space reserved by the resizer when it appears. */}\n      <div\n        aria-hidden\n        role=\"presentation\"\n        className={classNames(styles, 'spectrum-Table-columnResizerPlaceholder')}\n      />\n      <CursorOverlay show={isResizing && isPointerDown}>\n        <div style={{position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, cursor}} />\n      </CursorOverlay>\n    </>\n  );\n});\n\nfunction CursorOverlay(props) {\n  let {show, children} = props;\n  let {getContainer} = useUNSAFE_PortalContext();\n  return show ? ReactDOM.createPortal(children, getContainer?.() ?? document.body) : null;\n}\n","module.exports = \"b3f35bf18b5465e7\";","module.exports = \"ee1045a781d0c4c7\";","module.exports = \"3f329a93e08692f5\";"],"names":[],"version":3,"file":"Resizer.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/table/Resizer.tsx","node_modules/@parcel/runtime-js/lib/bundles/runtime-d1ba9b794671715c.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-259f671e9b282681.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-23628c83726016b1.js"],"sourcesContent":["import {classNames} from '../utils/classNames';\nimport {ColumnSize, TableColumnResizeState} from 'react-stately/useTableState';\nimport eCursor from 'bundle-text:./cursors/Cur_MoveToRight_9_9.svg';\nimport ewCursor from 'bundle-text:./cursors/Cur_MoveHorizontal_9_9.svg';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/table/*.json';\nimport {isWebKit} from 'react-aria/private/utils/platform';\nimport {Key, RefObject} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, useContext} from 'react';\nimport ReactDOM from 'react-dom';\nimport styles from '@adobe/spectrum-css-temp/components/table/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useTableColumnResize} from 'react-aria/useTable';\nimport {useTableContext, useVirtualizerContext} from './TableViewBase';\nimport {useUNSAFE_PortalContext} from 'react-aria/PortalProvider';\n// @ts-ignore\nimport wCursor from 'bundle-text:./cursors/Cur_MoveToLeft_9_9.svg';\n\nfunction getCursor(svg: string, fallback: string) {\n  // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657\n  // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.\n  // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.\n  if (isWebKit()) {\n    return `image-set(url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 1x, url(\"data:image/svg+xml,${encodeURIComponent(svg.replace('width=\"32\" height=\"32\"', 'width=\"64\" height=\"64\"'))}\") 2x) 8 8, ${fallback}`;\n  } else {\n    return `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 8 8, ${fallback}`;\n  }\n}\n\ninterface ResizerProps<T> {\n  column: GridNode<T>;\n  showResizer: boolean;\n  triggerRef: RefObject<HTMLDivElement | null>;\n  onResizeStart?: (widths: Map<Key, ColumnSize>) => void;\n  onResize?: (widths: Map<Key, ColumnSize>) => void;\n  onResizeEnd?: (widths: Map<Key, ColumnSize>) => void;\n}\n\nconst CURSORS = {\n  ew: getCursor(ewCursor, 'ew-resize'),\n  w: getCursor(wCursor, 'w-resize'),\n  e: getCursor(eCursor, 'e-resize')\n};\n\nexport const ResizeStateContext = createContext<TableColumnResizeState<unknown> | null>(null);\n\nexport const Resizer = React.forwardRef(function Resizer<T>(\n  props: ResizerProps<T>,\n  ref: ForwardedRef<HTMLInputElement | null>\n) {\n  let {column, showResizer} = props;\n  let objectRef = useObjectRef(ref);\n  let {isEmpty, onFocusedResizer} = useTableContext();\n  let layout = useContext(ResizeStateContext)!;\n  // Virtualizer re-renders, but these components are all cached\n  // in order to get around that and cause a rerender here, we use context\n  // but we don't actually need any value, they are available on the layout object\n  useVirtualizerContext();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/table');\n  let {direction} = useLocale();\n\n  let {inputProps, resizerProps, isMouseResizing} = useTableColumnResize<unknown>(\n    mergeProps(props, {\n      'aria-label': stringFormatter.format('columnResizer'),\n      isDisabled: isEmpty\n    }),\n    layout,\n    objectRef\n  );\n\n  let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);\n  let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);\n  let isResizing = layout.resizingColumn === column.key;\n  let cursor = '';\n  if (isEResizable) {\n    cursor = direction === 'rtl' ? CURSORS.w : CURSORS.e;\n  } else if (isWResizable) {\n    cursor = direction === 'rtl' ? CURSORS.e : CURSORS.w;\n  } else {\n    cursor = CURSORS.ew;\n  }\n\n  let style = {\n    ...resizerProps.style,\n    height: '100%',\n    display: showResizer ? undefined : 'none',\n    cursor\n  };\n\n  return (\n    <>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <div\n          {...resizerProps}\n          role=\"presentation\"\n          style={style}\n          className={classNames(styles, 'spectrum-Table-columnResizer')}>\n          <input ref={objectRef} {...mergeProps(inputProps, {onFocus: onFocusedResizer})} />\n        </div>\n      </FocusRing>\n      {/* Placeholder so that the title doesn't intersect with space reserved by the resizer when it appears. */}\n      <div\n        aria-hidden\n        role=\"presentation\"\n        className={classNames(styles, 'spectrum-Table-columnResizerPlaceholder')}\n      />\n      <CursorOverlay show={isResizing && isMouseResizing}>\n        <div style={{position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, cursor}} />\n      </CursorOverlay>\n    </>\n  );\n});\n\nfunction CursorOverlay(props) {\n  let {show, children} = props;\n  let {getContainer} = useUNSAFE_PortalContext();\n  return show ? ReactDOM.createPortal(children, getContainer?.() ?? document.body) : null;\n}\n","module.exports = \"b3f35bf18b5465e7\";","module.exports = \"ee1045a781d0c4c7\";","module.exports = \"3f329a93e08692f5\";"],"names":[],"version":3,"file":"Resizer.js.map"}

package/dist/private/table/Resizer.mjs

@@ -6,7 +6,7 @@ import {useTableContext as $2a45525f66468ec9$export$3cb274deb6c2d854, useVirtual
 import {FocusRing as $brclD$FocusRing} from "react-aria/FocusRing";
 import {isWebKit as $brclD$isWebKit} from "react-aria/private/utils/platform";
 import {mergeProps as $brclD$mergeProps} from "react-aria/mergeProps";
-import $brclD$react, {createContext as $brclD$createContext, useContext as $brclD$useContext, useState as $brclD$useState, useEffect as $brclD$useEffect} from "react";
+import $brclD$react, {createContext as $brclD$createContext, useContext as $brclD$useContext} from "react";
 import $brclD$reactdom from "react-dom";
 import {useLocale as $brclD$useLocale} from "react-aria/I18nProvider";
 import {useLocalizedStringFormatter as $brclD$useLocalizedStringFormatter} from "react-aria/useLocalizedStringFormatter";
@@ -68,30 +68,7 @@ const $5d98d27e710cc12e$export$48a76196cafe3b93 = /*#__PURE__*/ (0, $brclD$react
     (0, $2a45525f66468ec9$export$3f8f74b6bfd2c5df)();
     let stringFormatter = (0, $brclD$useLocalizedStringFormatter)((0, ($parcel$interopDefault($brclD$intlStringsmjs))), '@react-spectrum/table');
     let { direction: direction } = (0, $brclD$useLocale)();
-    let [isPointerDown, setIsPointerDown] = (0, $brclD$useState)(false);
-    (0, $brclD$useEffect)(()=>{
-        let setDown = (e)=>{
-            if (e.pointerType === 'mouse') setIsPointerDown(true);
-        };
-        let setUp = (e)=>{
-            if (e.pointerType === 'mouse') setIsPointerDown(false);
-        };
-        document.addEventListener('pointerdown', setDown, {
-            capture: true
-        });
-        document.addEventListener('pointerup', setUp, {
-            capture: true
-        });
-        return ()=>{
-            document.removeEventListener('pointerdown', setDown, {
-                capture: true
-            });
-            document.removeEventListener('pointerup', setUp, {
-                capture: true
-            });
-        };
-    }, []);
-    let { inputProps: inputProps, resizerProps: resizerProps } = (0, $brclD$useTableColumnResize)((0, $brclD$mergeProps)(props, {
+    let { inputProps: inputProps, resizerProps: resizerProps, isMouseResizing: isMouseResizing } = (0, $brclD$useTableColumnResize)((0, $brclD$mergeProps)(props, {
         'aria-label': stringFormatter.format('columnResizer'),
         isDisabled: isEmpty
     }), layout, objectRef);
@@ -126,7 +103,7 @@ const $5d98d27e710cc12e$export$48a76196cafe3b93 = /*#__PURE__*/ (0, $brclD$react
         role: "presentation",
         className: (0, $6e6392558d48dfec$export$ce4ab0c55987d1ff)((0, ($parcel$interopDefault($brclD$table_vars_cssmjs))), 'spectrum-Table-columnResizerPlaceholder')
     }), /*#__PURE__*/ (0, $brclD$react).createElement($5d98d27e710cc12e$var$CursorOverlay, {
-        show: isResizing && isPointerDown
+        show: isResizing && isMouseResizing
     }, /*#__PURE__*/ (0, $brclD$react).createElement("div", {
         style: {
             position: 'fixed',

package/dist/private/table/Resizer.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/table/Resizer.tsx","node_modules/@parcel/runtime-js/lib/bundles/runtime-96c30823227c9e14.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-1e556012f386dd31.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-96cb931524e8b46d.js"],"sourcesContent":["import {classNames} from '../utils/classNames';\nimport {ColumnSize, TableColumnResizeState} from 'react-stately/useTableState';\nimport eCursor from 'bundle-text:./cursors/Cur_MoveToRight_9_9.svg';\nimport ewCursor from 'bundle-text:./cursors/Cur_MoveHorizontal_9_9.svg';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/table/*.json';\nimport {isWebKit} from 'react-aria/private/utils/platform';\nimport {Key, RefObject} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, useContext, useEffect, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport styles from '@adobe/spectrum-css-temp/components/table/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useTableColumnResize} from 'react-aria/useTable';\nimport {useTableContext, useVirtualizerContext} from './TableViewBase';\nimport {useUNSAFE_PortalContext} from 'react-aria/PortalProvider';\n// @ts-ignore\nimport wCursor from 'bundle-text:./cursors/Cur_MoveToLeft_9_9.svg';\n\nfunction getCursor(svg: string, fallback: string) {\n  // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657\n  // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.\n  // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.\n  if (isWebKit()) {\n    return `image-set(url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 1x, url(\"data:image/svg+xml,${encodeURIComponent(svg.replace('width=\"32\" height=\"32\"', 'width=\"64\" height=\"64\"'))}\") 2x) 8 8, ${fallback}`;\n  } else {\n    return `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 8 8, ${fallback}`;\n  }\n}\n\ninterface ResizerProps<T> {\n  column: GridNode<T>;\n  showResizer: boolean;\n  triggerRef: RefObject<HTMLDivElement | null>;\n  onResizeStart?: (widths: Map<Key, ColumnSize>) => void;\n  onResize?: (widths: Map<Key, ColumnSize>) => void;\n  onResizeEnd?: (widths: Map<Key, ColumnSize>) => void;\n}\n\nconst CURSORS = {\n  ew: getCursor(ewCursor, 'ew-resize'),\n  w: getCursor(wCursor, 'w-resize'),\n  e: getCursor(eCursor, 'e-resize')\n};\n\nexport const ResizeStateContext = createContext<TableColumnResizeState<unknown> | null>(null);\n\nexport const Resizer = React.forwardRef(function Resizer<T>(\n  props: ResizerProps<T>,\n  ref: ForwardedRef<HTMLInputElement | null>\n) {\n  let {column, showResizer} = props;\n  let objectRef = useObjectRef(ref);\n  let {isEmpty, onFocusedResizer} = useTableContext();\n  let layout = useContext(ResizeStateContext)!;\n  // Virtualizer re-renders, but these components are all cached\n  // in order to get around that and cause a rerender here, we use context\n  // but we don't actually need any value, they are available on the layout object\n  useVirtualizerContext();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/table');\n  let {direction} = useLocale();\n\n  let [isPointerDown, setIsPointerDown] = useState(false);\n  useEffect(() => {\n    let setDown = e => {\n      if (e.pointerType === 'mouse') {\n        setIsPointerDown(true);\n      }\n    };\n    let setUp = e => {\n      if (e.pointerType === 'mouse') {\n        setIsPointerDown(false);\n      }\n    };\n    document.addEventListener('pointerdown', setDown, {capture: true});\n    document.addEventListener('pointerup', setUp, {capture: true});\n    return () => {\n      document.removeEventListener('pointerdown', setDown, {capture: true});\n      document.removeEventListener('pointerup', setUp, {capture: true});\n    };\n  }, []);\n\n  let {inputProps, resizerProps} = useTableColumnResize<unknown>(\n    mergeProps(props, {\n      'aria-label': stringFormatter.format('columnResizer'),\n      isDisabled: isEmpty\n    }),\n    layout,\n    objectRef\n  );\n\n  let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);\n  let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);\n  let isResizing = layout.resizingColumn === column.key;\n  let cursor = '';\n  if (isEResizable) {\n    cursor = direction === 'rtl' ? CURSORS.w : CURSORS.e;\n  } else if (isWResizable) {\n    cursor = direction === 'rtl' ? CURSORS.e : CURSORS.w;\n  } else {\n    cursor = CURSORS.ew;\n  }\n\n  let style = {\n    ...resizerProps.style,\n    height: '100%',\n    display: showResizer ? undefined : 'none',\n    cursor\n  };\n\n  return (\n    <>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <div\n          {...resizerProps}\n          role=\"presentation\"\n          style={style}\n          className={classNames(styles, 'spectrum-Table-columnResizer')}>\n          <input ref={objectRef} {...mergeProps(inputProps, {onFocus: onFocusedResizer})} />\n        </div>\n      </FocusRing>\n      {/* Placeholder so that the title doesn't intersect with space reserved by the resizer when it appears. */}\n      <div\n        aria-hidden\n        role=\"presentation\"\n        className={classNames(styles, 'spectrum-Table-columnResizerPlaceholder')}\n      />\n      <CursorOverlay show={isResizing && isPointerDown}>\n        <div style={{position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, cursor}} />\n      </CursorOverlay>\n    </>\n  );\n});\n\nfunction CursorOverlay(props) {\n  let {show, children} = props;\n  let {getContainer} = useUNSAFE_PortalContext();\n  return show ? ReactDOM.createPortal(children, getContainer?.() ?? document.body) : null;\n}\n","module.exports = \"4fe63754c7a84f61\";","module.exports = \"6c9660e3f3d24938\";","module.exports = \"bdcfe3ac172df5f0\";"],"names":[],"version":3,"file":"Resizer.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/table/Resizer.tsx","node_modules/@parcel/runtime-js/lib/bundles/runtime-96c30823227c9e14.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-1e556012f386dd31.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-96cb931524e8b46d.js"],"sourcesContent":["import {classNames} from '../utils/classNames';\nimport {ColumnSize, TableColumnResizeState} from 'react-stately/useTableState';\nimport eCursor from 'bundle-text:./cursors/Cur_MoveToRight_9_9.svg';\nimport ewCursor from 'bundle-text:./cursors/Cur_MoveHorizontal_9_9.svg';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {GridNode} from 'react-stately/private/grid/GridCollection';\nimport intlMessages from '../../intl/table/*.json';\nimport {isWebKit} from 'react-aria/private/utils/platform';\nimport {Key, RefObject} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, useContext} from 'react';\nimport ReactDOM from 'react-dom';\nimport styles from '@adobe/spectrum-css-temp/components/table/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useTableColumnResize} from 'react-aria/useTable';\nimport {useTableContext, useVirtualizerContext} from './TableViewBase';\nimport {useUNSAFE_PortalContext} from 'react-aria/PortalProvider';\n// @ts-ignore\nimport wCursor from 'bundle-text:./cursors/Cur_MoveToLeft_9_9.svg';\n\nfunction getCursor(svg: string, fallback: string) {\n  // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657\n  // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.\n  // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.\n  if (isWebKit()) {\n    return `image-set(url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 1x, url(\"data:image/svg+xml,${encodeURIComponent(svg.replace('width=\"32\" height=\"32\"', 'width=\"64\" height=\"64\"'))}\") 2x) 8 8, ${fallback}`;\n  } else {\n    return `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\") 8 8, ${fallback}`;\n  }\n}\n\ninterface ResizerProps<T> {\n  column: GridNode<T>;\n  showResizer: boolean;\n  triggerRef: RefObject<HTMLDivElement | null>;\n  onResizeStart?: (widths: Map<Key, ColumnSize>) => void;\n  onResize?: (widths: Map<Key, ColumnSize>) => void;\n  onResizeEnd?: (widths: Map<Key, ColumnSize>) => void;\n}\n\nconst CURSORS = {\n  ew: getCursor(ewCursor, 'ew-resize'),\n  w: getCursor(wCursor, 'w-resize'),\n  e: getCursor(eCursor, 'e-resize')\n};\n\nexport const ResizeStateContext = createContext<TableColumnResizeState<unknown> | null>(null);\n\nexport const Resizer = React.forwardRef(function Resizer<T>(\n  props: ResizerProps<T>,\n  ref: ForwardedRef<HTMLInputElement | null>\n) {\n  let {column, showResizer} = props;\n  let objectRef = useObjectRef(ref);\n  let {isEmpty, onFocusedResizer} = useTableContext();\n  let layout = useContext(ResizeStateContext)!;\n  // Virtualizer re-renders, but these components are all cached\n  // in order to get around that and cause a rerender here, we use context\n  // but we don't actually need any value, they are available on the layout object\n  useVirtualizerContext();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/table');\n  let {direction} = useLocale();\n\n  let {inputProps, resizerProps, isMouseResizing} = useTableColumnResize<unknown>(\n    mergeProps(props, {\n      'aria-label': stringFormatter.format('columnResizer'),\n      isDisabled: isEmpty\n    }),\n    layout,\n    objectRef\n  );\n\n  let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);\n  let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);\n  let isResizing = layout.resizingColumn === column.key;\n  let cursor = '';\n  if (isEResizable) {\n    cursor = direction === 'rtl' ? CURSORS.w : CURSORS.e;\n  } else if (isWResizable) {\n    cursor = direction === 'rtl' ? CURSORS.e : CURSORS.w;\n  } else {\n    cursor = CURSORS.ew;\n  }\n\n  let style = {\n    ...resizerProps.style,\n    height: '100%',\n    display: showResizer ? undefined : 'none',\n    cursor\n  };\n\n  return (\n    <>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <div\n          {...resizerProps}\n          role=\"presentation\"\n          style={style}\n          className={classNames(styles, 'spectrum-Table-columnResizer')}>\n          <input ref={objectRef} {...mergeProps(inputProps, {onFocus: onFocusedResizer})} />\n        </div>\n      </FocusRing>\n      {/* Placeholder so that the title doesn't intersect with space reserved by the resizer when it appears. */}\n      <div\n        aria-hidden\n        role=\"presentation\"\n        className={classNames(styles, 'spectrum-Table-columnResizerPlaceholder')}\n      />\n      <CursorOverlay show={isResizing && isMouseResizing}>\n        <div style={{position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, cursor}} />\n      </CursorOverlay>\n    </>\n  );\n});\n\nfunction CursorOverlay(props) {\n  let {show, children} = props;\n  let {getContainer} = useUNSAFE_PortalContext();\n  return show ? ReactDOM.createPortal(children, getContainer?.() ?? document.body) : null;\n}\n","module.exports = \"4fe63754c7a84f61\";","module.exports = \"6c9660e3f3d24938\";","module.exports = \"bdcfe3ac172df5f0\";"],"names":[],"version":3,"file":"Resizer.mjs.map"}

package/dist/private/table/RootDropIndicator.cjs

@@ -28,6 +28,7 @@ $parcel$export(module.exports, "RootDropIndicator", function () { return $b2a426
 function $b2a4262220ef1e48$export$d30a7814cfd4033e() {
     let { dropState: dropState, dragAndDropHooks: dragAndDropHooks, state: state } = (0, $783600b7b364e0bf$exports.useTableContext)();
     let ref = (0, $6ESD2$react.useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
         target: {
             type: 'root'

package/dist/private/table/RootDropIndicator.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAMM,SAAS;IACd,IAAI,aAAC,SAAS,oBAAE,gBAAgB,SAAE,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAc;IACzD,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAC3D;QACE,QAAQ;YAAC,MAAM;QAAM;IACvB,GACA,WACA;IAEF,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,gDAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,0DAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,0DAAC;QAAI,MAAK;QAAW,iBAAc;QAAQ,gBAAc,MAAM,UAAU,CAAC,OAAO,CAAC,MAAM;qBACtF,0DAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/table/RootDropIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React, {ReactNode, useRef} from 'react';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport function RootDropIndicator(): ReactNode | null {\n  let {dropState, dragAndDropHooks, state} = useTableContext();\n  let ref = useRef<HTMLDivElement | null>(null);\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(\n    {\n      target: {type: 'root'}\n    },\n    dropState!,\n    ref\n  );\n  let isDropTarget = dropState!.isDropTarget({type: 'root'});\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div role=\"gridcell\" aria-selected=\"false\" aria-colspan={state.collection.columns.length}>\n        <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAMM,SAAS;IACd,IAAI,aAAC,SAAS,oBAAE,gBAAgB,SAAE,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAc;IACzD,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAyB;IACxC,gDAAgD;IAChD,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAC3D;QACE,QAAQ;YAAC,MAAM;QAAM;IACvB,GACA,WACA;IAEF,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,gDAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,0DAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,0DAAC;QAAI,MAAK;QAAW,iBAAc;QAAQ,gBAAc,MAAM,UAAU,CAAC,OAAO,CAAC,MAAM;qBACtF,0DAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/table/RootDropIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React, {ReactNode, useRef} from 'react';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport function RootDropIndicator(): ReactNode | null {\n  let {dropState, dragAndDropHooks, state} = useTableContext();\n  let ref = useRef<HTMLDivElement | null>(null);\n  // oxlint-disable-next-line react/react-compiler\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(\n    {\n      target: {type: 'root'}\n    },\n    dropState!,\n    ref\n  );\n  let isDropTarget = dropState!.isDropTarget({type: 'root'});\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div role=\"gridcell\" aria-selected=\"false\" aria-colspan={state.collection.columns.length}>\n        <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.cjs.map"}

package/dist/private/table/RootDropIndicator.js

@@ -18,6 +18,7 @@ import {useVisuallyHidden as $kENNa$useVisuallyHidden} from "react-aria/Visually
 function $ee50bf03c748dbb0$export$d30a7814cfd4033e() {
     let { dropState: dropState, dragAndDropHooks: dragAndDropHooks, state: state } = (0, $0f1ea4f28e10f05a$export$3cb274deb6c2d854)();
     let ref = (0, $kENNa$useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
         target: {
             type: 'root'

package/dist/private/table/RootDropIndicator.js.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAMM,SAAS;IACd,IAAI,aAAC,SAAS,oBAAE,gBAAgB,SAAE,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAc;IACzD,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAC3D;QACE,QAAQ;YAAC,MAAM;QAAM;IACvB,GACA,WACA;IAEF,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,gCAAC;QAAI,MAAK;QAAW,iBAAc;QAAQ,gBAAc,MAAM,UAAU,CAAC,OAAO,CAAC,MAAM;qBACtF,gCAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/table/RootDropIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React, {ReactNode, useRef} from 'react';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport function RootDropIndicator(): ReactNode | null {\n  let {dropState, dragAndDropHooks, state} = useTableContext();\n  let ref = useRef<HTMLDivElement | null>(null);\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(\n    {\n      target: {type: 'root'}\n    },\n    dropState!,\n    ref\n  );\n  let isDropTarget = dropState!.isDropTarget({type: 'root'});\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div role=\"gridcell\" aria-selected=\"false\" aria-colspan={state.collection.columns.length}>\n        <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.js.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAMM,SAAS;IACd,IAAI,aAAC,SAAS,oBAAE,gBAAgB,SAAE,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAc;IACzD,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,gDAAgD;IAChD,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAC3D;QACE,QAAQ;YAAC,MAAM;QAAM;IACvB,GACA,WACA;IAEF,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,gCAAC;QAAI,MAAK;QAAW,iBAAc;QAAQ,gBAAc,MAAM,UAAU,CAAC,OAAO,CAAC,MAAM;qBACtF,gCAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/table/RootDropIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React, {ReactNode, useRef} from 'react';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport function RootDropIndicator(): ReactNode | null {\n  let {dropState, dragAndDropHooks, state} = useTableContext();\n  let ref = useRef<HTMLDivElement | null>(null);\n  // oxlint-disable-next-line react/react-compiler\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(\n    {\n      target: {type: 'root'}\n    },\n    dropState!,\n    ref\n  );\n  let isDropTarget = dropState!.isDropTarget({type: 'root'});\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div role=\"gridcell\" aria-selected=\"false\" aria-colspan={state.collection.columns.length}>\n        <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.js.map"}

package/dist/private/table/RootDropIndicator.mjs

@@ -18,6 +18,7 @@ import {useVisuallyHidden as $9RY8a$useVisuallyHidden} from "react-aria/Visually
 function $104a371d434f1691$export$d30a7814cfd4033e() {
     let { dropState: dropState, dragAndDropHooks: dragAndDropHooks, state: state } = (0, $2a45525f66468ec9$export$3cb274deb6c2d854)();
     let ref = (0, $9RY8a$useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
         target: {
             type: 'root'

package/dist/private/table/RootDropIndicator.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAMM,SAAS;IACd,IAAI,aAAC,SAAS,oBAAE,gBAAgB,SAAE,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAc;IACzD,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAC3D;QACE,QAAQ;YAAC,MAAM;QAAM;IACvB,GACA,WACA;IAEF,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,gCAAC;QAAI,MAAK;QAAW,iBAAc;QAAQ,gBAAc,MAAM,UAAU,CAAC,OAAO,CAAC,MAAM;qBACtF,gCAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/table/RootDropIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React, {ReactNode, useRef} from 'react';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport function RootDropIndicator(): ReactNode | null {\n  let {dropState, dragAndDropHooks, state} = useTableContext();\n  let ref = useRef<HTMLDivElement | null>(null);\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(\n    {\n      target: {type: 'root'}\n    },\n    dropState!,\n    ref\n  );\n  let isDropTarget = dropState!.isDropTarget({type: 'root'});\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div role=\"gridcell\" aria-selected=\"false\" aria-colspan={state.collection.columns.length}>\n        <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.mjs.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAMM,SAAS;IACd,IAAI,aAAC,SAAS,oBAAE,gBAAgB,SAAE,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAc;IACzD,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,gDAAgD;IAChD,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAC3D;QACE,QAAQ;YAAC,MAAM;QAAM;IACvB,GACA,WACA;IAEF,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,gCAAC;QAAI,MAAK;QAAW,iBAAc;QAAQ,gBAAc,MAAM,UAAU,CAAC,OAAO,CAAC,MAAM;qBACtF,gCAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/table/RootDropIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React, {ReactNode, useRef} from 'react';\nimport {useTableContext} from './TableViewBase';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport function RootDropIndicator(): ReactNode | null {\n  let {dropState, dragAndDropHooks, state} = useTableContext();\n  let ref = useRef<HTMLDivElement | null>(null);\n  // oxlint-disable-next-line react/react-compiler\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(\n    {\n      target: {type: 'root'}\n    },\n    dropState!,\n    ref\n  );\n  let isDropTarget = dropState!.isDropTarget({type: 'root'});\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div role=\"gridcell\" aria-selected=\"false\" aria-colspan={state.collection.columns.length}>\n        <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.mjs.map"}