@adobe/react-spectrum 3.47.1 → 3.47.3

package/dist/private/slider_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgNA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2JF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FE;;;;AAGA;;;;;;;;;;;;;;;;;;;;AAoBA;;;;;;;;;;;;;;;;;;;;;AA4BF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwHI;;;;;;;;AAeF;;;;AAQA;;;;;;;;AAuBF;;;;AAKE;;;;;;;;;;;;;;AAoBA;;;;AAMA;;;;AAYF;;;;;;;;;;;;;AAWI;;;;AAMF;;;;AAOA;;;;;;;;;;;;;;;;AA0BI;;;;AAQJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyJA","sources":["packages/@adobe/spectrum-css-temp/components/slider/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"slider_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgSJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA+EE;;;;;;;;;;;;;;EAcA;;;;;;;;;;;;;;;;;;;;;;;;EAuBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GA;;;;;;;AAQA;;;;;;;;EAQE;;;;;;;;;;QAWJ;;;;;;;;AAWI;;;;;;;;;;;;;EAeF;;;;;;;;EAQA;;;;;;;;;;;;;;;;;;;;;AAmCF;;;;;;;;;;;;AAYA;EACE;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA;;;;;;;;EASA;;;;;;;;;;;;;;EAiBF;;;;;;;;;;;;;;;AAeI;EACE;;;;;;;EAON;IACE;;;;;;;;AA0BA;;;;;;;;;EAyBF;;;;;IAOE;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoCF;;;;;;;;;;;;;;;;;;IAkBI;;;;;;;;;;;;;;;;;;IAoBA;;;;;;;;;;;;;;;MAeE;;;;;;;AAME;;;;;;IAKJ;;;;;;;;;;;;;;;;;;QAgBA;;;;;;IAKE;;;;;;;;;;;;;MAcF;;;;;;;;;;;;;;;;;;;;;;;;;;QA0BF","sources":["packages/@adobe/spectrum-css-temp/components/slider/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"slider_vars.css.map"}

package/dist/private/statuslight_vars.css

@@ -1,38 +1,38 @@
 .FOJCkq_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.FOJCkq_i18nFontFamily:lang(ar) {
-  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.FOJCkq_i18nFontFamily:lang(he) {
-  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.FOJCkq_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-.FOJCkq_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.FOJCkq_i18nFontFamily:lang(zh-Hant) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-.FOJCkq_i18nFontFamily:lang(zh-SG), .FOJCkq_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.FOJCkq_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-.FOJCkq_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
 .FOJCkq_spectrum-FocusRing-ring {
@@ -41,42 +41,50 @@
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
   --spectrum-focus-ring-border-size: 0px;
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
-}
 
-.FOJCkq_spectrum-FocusRing-ring:after {
-  border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
-  content: "";
-  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
-  pointer-events: none;
-  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
+  &:after {
+    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
+    content: "";
+    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+    pointer-events: none;
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
       margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  inset: 0;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-.FOJCkq_spectrum-FocusRing.FOJCkq_focus-ring:after {
-  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
-  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+.FOJCkq_spectrum-FocusRing {
+  &.FOJCkq_focus-ring {
+    &:after {
+      margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
+      box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
-.FOJCkq_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.FOJCkq_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.FOJCkq_spectrum-FocusRing--quiet.FOJCkq_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &.FOJCkq_focus-ring {
+    &:after {
+      margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
         0;
-  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   .FOJCkq_spectrum-FocusRing, .FOJCkq_spectrum-FocusRing-ring, .FOJCkq_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.FOJCkq_spectrum-FocusRing, .FOJCkq_spectrum-FocusRing-ring, .FOJCkq_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -90,18 +98,18 @@
   align-items: flex-start;
   line-height: 1.44;
   display: flex;
-}
 
-.FOJCkq_spectrum-StatusLight:before {
-  content: "";
-  inline-size: var(--spectrum-statuslight-dot-size, var(--spectrum-global-dimension-size-100));
-  block-size: var(--spectrum-statuslight-dot-size, var(--spectrum-global-dimension-size-100));
-  margin: calc(var(--spectrum-global-dimension-size-65) + 1px) var(--spectrum-statuslight-text-gap, var(--spectrum-global-dimension-size-150))
+  &:before {
+    content: "";
+    inline-size: var(--spectrum-statuslight-dot-size, var(--spectrum-global-dimension-size-100));
+    block-size: var(--spectrum-statuslight-dot-size, var(--spectrum-global-dimension-size-100));
+    margin: calc(var(--spectrum-global-dimension-size-65) + 1px) var(--spectrum-statuslight-text-gap, var(--spectrum-global-dimension-size-150))
       calc(var(--spectrum-global-dimension-size-65) - 1px) var(--spectrum-statuslight-text-gap, var(--spectrum-global-dimension-size-150));
-  border-radius: 50%;
-  flex-grow: 0;
-  flex-shrink: 0;
-  display: inline-block;
+    border-radius: 50%;
+    flex-grow: 0;
+    flex-shrink: 0;
+    display: inline-block;
+  }
 }
 
 .FOJCkq_spectrum-StatusLight--neutral {
@@ -110,14 +118,14 @@
 
 .FOJCkq_spectrum-StatusLight {
   color: var(--spectrum-statuslight-text-color, var(--spectrum-alias-text-color));
-}
 
-.FOJCkq_spectrum-StatusLight[disabled], .FOJCkq_spectrum-StatusLight.FOJCkq_is-disabled {
-  color: var(--spectrum-statuslight-text-color-disabled, var(--spectrum-alias-text-color-disabled));
-}
+  &[disabled], &.FOJCkq_is-disabled {
+    color: var(--spectrum-statuslight-text-color-disabled, var(--spectrum-alias-text-color-disabled));
 
-:is(.FOJCkq_spectrum-StatusLight[disabled], .FOJCkq_spectrum-StatusLight.FOJCkq_is-disabled):before {
-  background-color: var(--spectrum-statuslight-dot-color-disabled, var(--spectrum-global-color-gray-400));
+    &:before {
+      background-color: var(--spectrum-statuslight-dot-color-disabled, var(--spectrum-global-color-gray-400));
+    }
+  }
 }
 
 .FOJCkq_spectrum-StatusLight--negative:before {
@@ -138,10 +146,10 @@
 
 .FOJCkq_spectrum-StatusLight--neutral {
   color: var(--spectrum-statuslight-neutral-text-color, var(--spectrum-global-color-gray-700));
-}
 
-.FOJCkq_spectrum-StatusLight--neutral:before {
-  background-color: var(--spectrum-gray-visual-color);
+  &:before {
+    background-color: var(--spectrum-gray-visual-color);
+  }
 }
 
 .FOJCkq_spectrum-StatusLight--celery:before {
@@ -182,10 +190,10 @@
     --spectrum-statuslight-text-color: CanvasText;
     --spectrum-statuslight-text-color-disabled: GrayText;
     --spectrum-statuslight-dot-color-disabled: GrayText;
-  }
 
-  .FOJCkq_spectrum-StatusLight:before {
-    border: 1px solid buttontext;
+    &:before {
+      border: 1px solid buttontext;
+    }
   }
 }
 /*# sourceMappingURL=statuslight_vars.css.map */

package/dist/private/statuslight_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA2DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE","sources":["packages/@adobe/spectrum-css-temp/components/statuslight/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"statuslight_vars.css.map"}
+{"mappings":"AA2DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEF;;;EAIE;;;;;;;;;;;;;;;;;;;;;;;;;AA0BF","sources":["packages/@adobe/spectrum-css-temp/components/statuslight/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"statuslight_vars.css.map"}

package/dist/private/steplist/StepListItem.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/steplist/StepListItem.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 */\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {FocusRing} from 'react-aria/FocusRing';\n// @ts-ignore\nimport intlMessages from '../../intl/steplist/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {ReactNode, useContext, useRef} from 'react';\nimport {StepListContext} from './StepListContext';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {useStepListItem} from 'react-aria/private/steplist/useStepListItem';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface SpectrumStepListItemProps<T> {\n  item: Node<T>;\n  isDisabled?: boolean;\n  isEmphasized?: boolean;\n  isReadOnly?: boolean;\n}\n\nexport function StepListItem<T>(props: SpectrumStepListItemProps<T>): ReactNode {\n  let {isDisabled, item} = props;\n  let {key} = item;\n\n  let ref = useRef(null);\n  let {direction} = useLocale();\n  let state = useContext(StepListContext)!;\n  const isSelected = state.selectedKey === key;\n  const isCompleted = state.isCompleted(key);\n  const isItemDisabled = isDisabled || state.disabledKeys.has(key);\n  let {stepProps, stepStateProps} = useStepListItem({...props, key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: isItemDisabled || isSelected || props.isReadOnly\n  });\n\n  let stepStateText = '';\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/steplist');\n  const numberFormatter = useNumberFormatter();\n\n  if (isSelected) {\n    stepStateText = stringFormatter.format('current');\n  } else if (isCompleted) {\n    stepStateText = stringFormatter.format('completed');\n  } else {\n    stepStateText = stringFormatter.format('notCompleted');\n  }\n\n  let markerId = useId();\n  let stateId = useId();\n  let labelId = useId();\n\n  return (\n    <li className={classNames(styles, 'spectrum-Steplist-item')}>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <a\n          {...mergeProps(hoverProps, stepProps)}\n          aria-labelledby={`${markerId} ${stateId} ${labelId}`}\n          ref={ref}\n          className={classNames(styles, 'spectrum-Steplist-link', {\n            'is-selected': isSelected && !isItemDisabled,\n            'is-disabled': isItemDisabled,\n            'is-hovered': isHovered,\n            'is-completed': isCompleted,\n            'is-selectable': state.isSelectable(key) && !isSelected\n          })}>\n          <VisuallyHidden {...stepStateProps} id={stateId}>\n            {stepStateText}\n          </VisuallyHidden>\n          <div\n            id={labelId}\n            aria-hidden=\"true\"\n            className={classNames(styles, 'spectrum-Steplist-label')}>\n            {item.rendered}\n          </div>\n          <div\n            className={classNames(styles, 'spectrum-Steplist-segment', {\n              'is-completed': isCompleted\n            })}>\n            <svg\n              className={classNames(styles, 'spectrum-Steplist-segmentLine')}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              height=\"100%\"\n              viewBox=\"0 0 2 8\"\n              preserveAspectRatio=\"none\">\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"8\" vectorEffect=\"non-scaling-stroke\" />\n            </svg>\n            <ChevronRightMedium\n              UNSAFE_className={classNames(styles, 'spectrum-Steplist-chevron', {\n                'is-reversed': direction === 'rtl'\n              })}\n            />\n          </div>\n          <div aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-markerWrapper')}>\n            <div id={markerId} className={classNames(styles, 'spectrum-Steplist-marker')}>\n              {numberFormatter.format((item.index || 0) + 1)}\n            </div>\n          </div>\n        </a>\n      </FocusRing>\n    </li>\n  );\n}\n"],"names":[],"version":3,"file":"StepListItem.cjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/steplist/StepListItem.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 */\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport intlMessages from '../../intl/steplist/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {ReactNode, useContext, useRef} from 'react';\nimport {StepListContext} from './StepListContext';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {useStepListItem} from 'react-aria/private/steplist/useStepListItem';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface SpectrumStepListItemProps<T> {\n  item: Node<T>;\n  isDisabled?: boolean;\n  isEmphasized?: boolean;\n  isReadOnly?: boolean;\n}\n\nexport function StepListItem<T>(props: SpectrumStepListItemProps<T>): ReactNode {\n  let {isDisabled, item} = props;\n  let {key} = item;\n\n  let ref = useRef(null);\n  let {direction} = useLocale();\n  let state = useContext(StepListContext)!;\n  const isSelected = state.selectedKey === key;\n  const isCompleted = state.isCompleted(key);\n  const isItemDisabled = isDisabled || state.disabledKeys.has(key);\n  let {stepProps, stepStateProps} = useStepListItem({...props, key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: isItemDisabled || isSelected || props.isReadOnly\n  });\n\n  let stepStateText = '';\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/steplist');\n  const numberFormatter = useNumberFormatter();\n\n  if (isSelected) {\n    stepStateText = stringFormatter.format('current');\n  } else if (isCompleted) {\n    stepStateText = stringFormatter.format('completed');\n  } else {\n    stepStateText = stringFormatter.format('notCompleted');\n  }\n\n  let markerId = useId();\n  let stateId = useId();\n  let labelId = useId();\n\n  return (\n    <li className={classNames(styles, 'spectrum-Steplist-item')}>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <a\n          {...mergeProps(hoverProps, stepProps)}\n          aria-labelledby={`${markerId} ${stateId} ${labelId}`}\n          ref={ref}\n          className={classNames(styles, 'spectrum-Steplist-link', {\n            'is-selected': isSelected && !isItemDisabled,\n            'is-disabled': isItemDisabled,\n            'is-hovered': isHovered,\n            'is-completed': isCompleted,\n            'is-selectable': state.isSelectable(key) && !isSelected\n          })}>\n          <VisuallyHidden {...stepStateProps} id={stateId}>\n            {stepStateText}\n          </VisuallyHidden>\n          <div\n            id={labelId}\n            aria-hidden=\"true\"\n            className={classNames(styles, 'spectrum-Steplist-label')}>\n            {item.rendered}\n          </div>\n          <div\n            className={classNames(styles, 'spectrum-Steplist-segment', {\n              'is-completed': isCompleted\n            })}>\n            <svg\n              className={classNames(styles, 'spectrum-Steplist-segmentLine')}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              height=\"100%\"\n              viewBox=\"0 0 2 8\"\n              preserveAspectRatio=\"none\">\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"8\" vectorEffect=\"non-scaling-stroke\" />\n            </svg>\n            <ChevronRightMedium\n              UNSAFE_className={classNames(styles, 'spectrum-Steplist-chevron', {\n                'is-reversed': direction === 'rtl'\n              })}\n            />\n          </div>\n          <div aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-markerWrapper')}>\n            <div id={markerId} className={classNames(styles, 'spectrum-Steplist-marker')}>\n              {numberFormatter.format((item.index || 0) + 1)}\n            </div>\n          </div>\n        </a>\n      </FocusRing>\n    </li>\n  );\n}\n"],"names":[],"version":3,"file":"StepListItem.cjs.map"}

package/dist/private/steplist/StepListItem.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/steplist/StepListItem.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 */\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {FocusRing} from 'react-aria/FocusRing';\n// @ts-ignore\nimport intlMessages from '../../intl/steplist/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {ReactNode, useContext, useRef} from 'react';\nimport {StepListContext} from './StepListContext';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {useStepListItem} from 'react-aria/private/steplist/useStepListItem';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface SpectrumStepListItemProps<T> {\n  item: Node<T>;\n  isDisabled?: boolean;\n  isEmphasized?: boolean;\n  isReadOnly?: boolean;\n}\n\nexport function StepListItem<T>(props: SpectrumStepListItemProps<T>): ReactNode {\n  let {isDisabled, item} = props;\n  let {key} = item;\n\n  let ref = useRef(null);\n  let {direction} = useLocale();\n  let state = useContext(StepListContext)!;\n  const isSelected = state.selectedKey === key;\n  const isCompleted = state.isCompleted(key);\n  const isItemDisabled = isDisabled || state.disabledKeys.has(key);\n  let {stepProps, stepStateProps} = useStepListItem({...props, key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: isItemDisabled || isSelected || props.isReadOnly\n  });\n\n  let stepStateText = '';\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/steplist');\n  const numberFormatter = useNumberFormatter();\n\n  if (isSelected) {\n    stepStateText = stringFormatter.format('current');\n  } else if (isCompleted) {\n    stepStateText = stringFormatter.format('completed');\n  } else {\n    stepStateText = stringFormatter.format('notCompleted');\n  }\n\n  let markerId = useId();\n  let stateId = useId();\n  let labelId = useId();\n\n  return (\n    <li className={classNames(styles, 'spectrum-Steplist-item')}>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <a\n          {...mergeProps(hoverProps, stepProps)}\n          aria-labelledby={`${markerId} ${stateId} ${labelId}`}\n          ref={ref}\n          className={classNames(styles, 'spectrum-Steplist-link', {\n            'is-selected': isSelected && !isItemDisabled,\n            'is-disabled': isItemDisabled,\n            'is-hovered': isHovered,\n            'is-completed': isCompleted,\n            'is-selectable': state.isSelectable(key) && !isSelected\n          })}>\n          <VisuallyHidden {...stepStateProps} id={stateId}>\n            {stepStateText}\n          </VisuallyHidden>\n          <div\n            id={labelId}\n            aria-hidden=\"true\"\n            className={classNames(styles, 'spectrum-Steplist-label')}>\n            {item.rendered}\n          </div>\n          <div\n            className={classNames(styles, 'spectrum-Steplist-segment', {\n              'is-completed': isCompleted\n            })}>\n            <svg\n              className={classNames(styles, 'spectrum-Steplist-segmentLine')}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              height=\"100%\"\n              viewBox=\"0 0 2 8\"\n              preserveAspectRatio=\"none\">\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"8\" vectorEffect=\"non-scaling-stroke\" />\n            </svg>\n            <ChevronRightMedium\n              UNSAFE_className={classNames(styles, 'spectrum-Steplist-chevron', {\n                'is-reversed': direction === 'rtl'\n              })}\n            />\n          </div>\n          <div aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-markerWrapper')}>\n            <div id={markerId} className={classNames(styles, 'spectrum-Steplist-marker')}>\n              {numberFormatter.format((item.index || 0) + 1)}\n            </div>\n          </div>\n        </a>\n      </FocusRing>\n    </li>\n  );\n}\n"],"names":[],"version":3,"file":"StepListItem.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/steplist/StepListItem.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 */\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport intlMessages from '../../intl/steplist/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {ReactNode, useContext, useRef} from 'react';\nimport {StepListContext} from './StepListContext';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {useStepListItem} from 'react-aria/private/steplist/useStepListItem';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface SpectrumStepListItemProps<T> {\n  item: Node<T>;\n  isDisabled?: boolean;\n  isEmphasized?: boolean;\n  isReadOnly?: boolean;\n}\n\nexport function StepListItem<T>(props: SpectrumStepListItemProps<T>): ReactNode {\n  let {isDisabled, item} = props;\n  let {key} = item;\n\n  let ref = useRef(null);\n  let {direction} = useLocale();\n  let state = useContext(StepListContext)!;\n  const isSelected = state.selectedKey === key;\n  const isCompleted = state.isCompleted(key);\n  const isItemDisabled = isDisabled || state.disabledKeys.has(key);\n  let {stepProps, stepStateProps} = useStepListItem({...props, key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: isItemDisabled || isSelected || props.isReadOnly\n  });\n\n  let stepStateText = '';\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/steplist');\n  const numberFormatter = useNumberFormatter();\n\n  if (isSelected) {\n    stepStateText = stringFormatter.format('current');\n  } else if (isCompleted) {\n    stepStateText = stringFormatter.format('completed');\n  } else {\n    stepStateText = stringFormatter.format('notCompleted');\n  }\n\n  let markerId = useId();\n  let stateId = useId();\n  let labelId = useId();\n\n  return (\n    <li className={classNames(styles, 'spectrum-Steplist-item')}>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <a\n          {...mergeProps(hoverProps, stepProps)}\n          aria-labelledby={`${markerId} ${stateId} ${labelId}`}\n          ref={ref}\n          className={classNames(styles, 'spectrum-Steplist-link', {\n            'is-selected': isSelected && !isItemDisabled,\n            'is-disabled': isItemDisabled,\n            'is-hovered': isHovered,\n            'is-completed': isCompleted,\n            'is-selectable': state.isSelectable(key) && !isSelected\n          })}>\n          <VisuallyHidden {...stepStateProps} id={stateId}>\n            {stepStateText}\n          </VisuallyHidden>\n          <div\n            id={labelId}\n            aria-hidden=\"true\"\n            className={classNames(styles, 'spectrum-Steplist-label')}>\n            {item.rendered}\n          </div>\n          <div\n            className={classNames(styles, 'spectrum-Steplist-segment', {\n              'is-completed': isCompleted\n            })}>\n            <svg\n              className={classNames(styles, 'spectrum-Steplist-segmentLine')}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              height=\"100%\"\n              viewBox=\"0 0 2 8\"\n              preserveAspectRatio=\"none\">\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"8\" vectorEffect=\"non-scaling-stroke\" />\n            </svg>\n            <ChevronRightMedium\n              UNSAFE_className={classNames(styles, 'spectrum-Steplist-chevron', {\n                'is-reversed': direction === 'rtl'\n              })}\n            />\n          </div>\n          <div aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-markerWrapper')}>\n            <div id={markerId} className={classNames(styles, 'spectrum-Steplist-marker')}>\n              {numberFormatter.format((item.index || 0) + 1)}\n            </div>\n          </div>\n        </a>\n      </FocusRing>\n    </li>\n  );\n}\n"],"names":[],"version":3,"file":"StepListItem.js.map"}

package/dist/private/steplist/StepListItem.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/steplist/StepListItem.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 */\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {FocusRing} from 'react-aria/FocusRing';\n// @ts-ignore\nimport intlMessages from '../../intl/steplist/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {ReactNode, useContext, useRef} from 'react';\nimport {StepListContext} from './StepListContext';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {useStepListItem} from 'react-aria/private/steplist/useStepListItem';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface SpectrumStepListItemProps<T> {\n  item: Node<T>;\n  isDisabled?: boolean;\n  isEmphasized?: boolean;\n  isReadOnly?: boolean;\n}\n\nexport function StepListItem<T>(props: SpectrumStepListItemProps<T>): ReactNode {\n  let {isDisabled, item} = props;\n  let {key} = item;\n\n  let ref = useRef(null);\n  let {direction} = useLocale();\n  let state = useContext(StepListContext)!;\n  const isSelected = state.selectedKey === key;\n  const isCompleted = state.isCompleted(key);\n  const isItemDisabled = isDisabled || state.disabledKeys.has(key);\n  let {stepProps, stepStateProps} = useStepListItem({...props, key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: isItemDisabled || isSelected || props.isReadOnly\n  });\n\n  let stepStateText = '';\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/steplist');\n  const numberFormatter = useNumberFormatter();\n\n  if (isSelected) {\n    stepStateText = stringFormatter.format('current');\n  } else if (isCompleted) {\n    stepStateText = stringFormatter.format('completed');\n  } else {\n    stepStateText = stringFormatter.format('notCompleted');\n  }\n\n  let markerId = useId();\n  let stateId = useId();\n  let labelId = useId();\n\n  return (\n    <li className={classNames(styles, 'spectrum-Steplist-item')}>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <a\n          {...mergeProps(hoverProps, stepProps)}\n          aria-labelledby={`${markerId} ${stateId} ${labelId}`}\n          ref={ref}\n          className={classNames(styles, 'spectrum-Steplist-link', {\n            'is-selected': isSelected && !isItemDisabled,\n            'is-disabled': isItemDisabled,\n            'is-hovered': isHovered,\n            'is-completed': isCompleted,\n            'is-selectable': state.isSelectable(key) && !isSelected\n          })}>\n          <VisuallyHidden {...stepStateProps} id={stateId}>\n            {stepStateText}\n          </VisuallyHidden>\n          <div\n            id={labelId}\n            aria-hidden=\"true\"\n            className={classNames(styles, 'spectrum-Steplist-label')}>\n            {item.rendered}\n          </div>\n          <div\n            className={classNames(styles, 'spectrum-Steplist-segment', {\n              'is-completed': isCompleted\n            })}>\n            <svg\n              className={classNames(styles, 'spectrum-Steplist-segmentLine')}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              height=\"100%\"\n              viewBox=\"0 0 2 8\"\n              preserveAspectRatio=\"none\">\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"8\" vectorEffect=\"non-scaling-stroke\" />\n            </svg>\n            <ChevronRightMedium\n              UNSAFE_className={classNames(styles, 'spectrum-Steplist-chevron', {\n                'is-reversed': direction === 'rtl'\n              })}\n            />\n          </div>\n          <div aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-markerWrapper')}>\n            <div id={markerId} className={classNames(styles, 'spectrum-Steplist-marker')}>\n              {numberFormatter.format((item.index || 0) + 1)}\n            </div>\n          </div>\n        </a>\n      </FocusRing>\n    </li>\n  );\n}\n"],"names":[],"version":3,"file":"StepListItem.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/steplist/StepListItem.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 */\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport intlMessages from '../../intl/steplist/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {ReactNode, useContext, useRef} from 'react';\nimport {StepListContext} from './StepListContext';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {useStepListItem} from 'react-aria/private/steplist/useStepListItem';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface SpectrumStepListItemProps<T> {\n  item: Node<T>;\n  isDisabled?: boolean;\n  isEmphasized?: boolean;\n  isReadOnly?: boolean;\n}\n\nexport function StepListItem<T>(props: SpectrumStepListItemProps<T>): ReactNode {\n  let {isDisabled, item} = props;\n  let {key} = item;\n\n  let ref = useRef(null);\n  let {direction} = useLocale();\n  let state = useContext(StepListContext)!;\n  const isSelected = state.selectedKey === key;\n  const isCompleted = state.isCompleted(key);\n  const isItemDisabled = isDisabled || state.disabledKeys.has(key);\n  let {stepProps, stepStateProps} = useStepListItem({...props, key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: isItemDisabled || isSelected || props.isReadOnly\n  });\n\n  let stepStateText = '';\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/steplist');\n  const numberFormatter = useNumberFormatter();\n\n  if (isSelected) {\n    stepStateText = stringFormatter.format('current');\n  } else if (isCompleted) {\n    stepStateText = stringFormatter.format('completed');\n  } else {\n    stepStateText = stringFormatter.format('notCompleted');\n  }\n\n  let markerId = useId();\n  let stateId = useId();\n  let labelId = useId();\n\n  return (\n    <li className={classNames(styles, 'spectrum-Steplist-item')}>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <a\n          {...mergeProps(hoverProps, stepProps)}\n          aria-labelledby={`${markerId} ${stateId} ${labelId}`}\n          ref={ref}\n          className={classNames(styles, 'spectrum-Steplist-link', {\n            'is-selected': isSelected && !isItemDisabled,\n            'is-disabled': isItemDisabled,\n            'is-hovered': isHovered,\n            'is-completed': isCompleted,\n            'is-selectable': state.isSelectable(key) && !isSelected\n          })}>\n          <VisuallyHidden {...stepStateProps} id={stateId}>\n            {stepStateText}\n          </VisuallyHidden>\n          <div\n            id={labelId}\n            aria-hidden=\"true\"\n            className={classNames(styles, 'spectrum-Steplist-label')}>\n            {item.rendered}\n          </div>\n          <div\n            className={classNames(styles, 'spectrum-Steplist-segment', {\n              'is-completed': isCompleted\n            })}>\n            <svg\n              className={classNames(styles, 'spectrum-Steplist-segmentLine')}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              height=\"100%\"\n              viewBox=\"0 0 2 8\"\n              preserveAspectRatio=\"none\">\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"8\" vectorEffect=\"non-scaling-stroke\" />\n            </svg>\n            <ChevronRightMedium\n              UNSAFE_className={classNames(styles, 'spectrum-Steplist-chevron', {\n                'is-reversed': direction === 'rtl'\n              })}\n            />\n          </div>\n          <div aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-markerWrapper')}>\n            <div id={markerId} className={classNames(styles, 'spectrum-Steplist-marker')}>\n              {numberFormatter.format((item.index || 0) + 1)}\n            </div>\n          </div>\n        </a>\n      </FocusRing>\n    </li>\n  );\n}\n"],"names":[],"version":3,"file":"StepListItem.mjs.map"}