@react-spectrum/steplist 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/main.js

@@ -1,3 +1,5 @@
+"use client";
+
 require("./main.css");
 var $5XIpf$reactstatelycollections = require("@react-stately/collections");
 var $5XIpf$reactariasteplist = require("@react-aria/steplist");
@@ -93,24 +95,22 @@ var $fed92386245d94a4$export$2e2bcd8739ae039 = {
 
 var $390add5aac6e4d73$exports = {};
 
-$parcel$export($390add5aac6e4d73$exports, "chevron", () => $390add5aac6e4d73$export$980c1089c0604ea3, (v) => $390add5aac6e4d73$export$980c1089c0604ea3 = v);
 $parcel$export($390add5aac6e4d73$exports, "focus-ring", () => $390add5aac6e4d73$export$f39a09f249340e2a, (v) => $390add5aac6e4d73$export$f39a09f249340e2a = v);
 $parcel$export($390add5aac6e4d73$exports, "i18nFontFamily", () => $390add5aac6e4d73$export$8c4ee2c50c22c514, (v) => $390add5aac6e4d73$export$8c4ee2c50c22c514 = v);
 $parcel$export($390add5aac6e4d73$exports, "is-completed", () => $390add5aac6e4d73$export$7e62df9ca2e410e4, (v) => $390add5aac6e4d73$export$7e62df9ca2e410e4 = v);
 $parcel$export($390add5aac6e4d73$exports, "is-disabled", () => $390add5aac6e4d73$export$d35bc1e505d1ebbf, (v) => $390add5aac6e4d73$export$d35bc1e505d1ebbf = v);
-$parcel$export($390add5aac6e4d73$exports, "is-emphasized", () => $390add5aac6e4d73$export$ad416fbde92db390, (v) => $390add5aac6e4d73$export$ad416fbde92db390 = v);
 $parcel$export($390add5aac6e4d73$exports, "is-hovered", () => $390add5aac6e4d73$export$b8813cd5d7824ce7, (v) => $390add5aac6e4d73$export$b8813cd5d7824ce7 = v);
 $parcel$export($390add5aac6e4d73$exports, "is-reversed", () => $390add5aac6e4d73$export$a4561bd665abb5db, (v) => $390add5aac6e4d73$export$a4561bd665abb5db = v);
 $parcel$export($390add5aac6e4d73$exports, "is-selected", () => $390add5aac6e4d73$export$1e0fb04f31d3c22a, (v) => $390add5aac6e4d73$export$1e0fb04f31d3c22a = v);
 $parcel$export($390add5aac6e4d73$exports, "label", () => $390add5aac6e4d73$export$1237798dc640739a, (v) => $390add5aac6e4d73$export$1237798dc640739a = v);
 $parcel$export($390add5aac6e4d73$exports, "line", () => $390add5aac6e4d73$export$53f1d5ea8de3d7c, (v) => $390add5aac6e4d73$export$53f1d5ea8de3d7c = v);
-$parcel$export($390add5aac6e4d73$exports, "link", () => $390add5aac6e4d73$export$9c30223ca0a664fb, (v) => $390add5aac6e4d73$export$9c30223ca0a664fb = v);
-$parcel$export($390add5aac6e4d73$exports, "number", () => $390add5aac6e4d73$export$98e628dec113755e, (v) => $390add5aac6e4d73$export$98e628dec113755e = v);
+$parcel$export($390add5aac6e4d73$exports, "marker", () => $390add5aac6e4d73$export$ffc4d0086f1a4c9, (v) => $390add5aac6e4d73$export$ffc4d0086f1a4c9 = v);
 $parcel$export($390add5aac6e4d73$exports, "spectrum-FocusRing-ring", () => $390add5aac6e4d73$export$4109102f950813a6, (v) => $390add5aac6e4d73$export$4109102f950813a6 = v);
 $parcel$export($390add5aac6e4d73$exports, "spectrum-FocusRing", () => $390add5aac6e4d73$export$24c7f46a6e3605dd, (v) => $390add5aac6e4d73$export$24c7f46a6e3605dd = v);
 $parcel$export($390add5aac6e4d73$exports, "spectrum-FocusRing--quiet", () => $390add5aac6e4d73$export$2927016961429360, (v) => $390add5aac6e4d73$export$2927016961429360 = v);
 $parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist", () => $390add5aac6e4d73$export$35315228197e36b8, (v) => $390add5aac6e4d73$export$35315228197e36b8 = v);
-$parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist--interactive", () => $390add5aac6e4d73$export$b8611be6978ea2dd, (v) => $390add5aac6e4d73$export$b8611be6978ea2dd = v);
+$parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist--emphasized", () => $390add5aac6e4d73$export$d2cf12460a777241, (v) => $390add5aac6e4d73$export$d2cf12460a777241 = v);
+$parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist--horizontal", () => $390add5aac6e4d73$export$6f0c4d0e9f29399d, (v) => $390add5aac6e4d73$export$6f0c4d0e9f29399d = v);
 $parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist--large", () => $390add5aac6e4d73$export$b0d9d5077004711a, (v) => $390add5aac6e4d73$export$b0d9d5077004711a = v);
 $parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist--medium", () => $390add5aac6e4d73$export$9666cb7894b7712a, (v) => $390add5aac6e4d73$export$9666cb7894b7712a = v);
 $parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist--small", () => $390add5aac6e4d73$export$43119eed81e90e13, (v) => $390add5aac6e4d73$export$43119eed81e90e13 = v);
@@ -121,25 +121,25 @@ $parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist-item", () => $390ad
 $parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist-label", () => $390add5aac6e4d73$export$2393468f68ff8031, (v) => $390add5aac6e4d73$export$2393468f68ff8031 = v);
 $parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist-link", () => $390add5aac6e4d73$export$f622f4b07b665af3, (v) => $390add5aac6e4d73$export$f622f4b07b665af3 = v);
 $parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist-marker", () => $390add5aac6e4d73$export$9d44d123fa093f85, (v) => $390add5aac6e4d73$export$9d44d123fa093f85 = v);
+$parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist-markerWrapper", () => $390add5aac6e4d73$export$a7d0643524891b06, (v) => $390add5aac6e4d73$export$a7d0643524891b06 = v);
 $parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist-segment", () => $390add5aac6e4d73$export$1f36a6b1ab318f2f, (v) => $390add5aac6e4d73$export$1f36a6b1ab318f2f = v);
-var $390add5aac6e4d73$export$980c1089c0604ea3;
+$parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist-segmentLine", () => $390add5aac6e4d73$export$f92a1d2b4a328a95, (v) => $390add5aac6e4d73$export$f92a1d2b4a328a95 = v);
 var $390add5aac6e4d73$export$f39a09f249340e2a;
 var $390add5aac6e4d73$export$8c4ee2c50c22c514;
 var $390add5aac6e4d73$export$7e62df9ca2e410e4;
 var $390add5aac6e4d73$export$d35bc1e505d1ebbf;
-var $390add5aac6e4d73$export$ad416fbde92db390;
 var $390add5aac6e4d73$export$b8813cd5d7824ce7;
 var $390add5aac6e4d73$export$a4561bd665abb5db;
 var $390add5aac6e4d73$export$1e0fb04f31d3c22a;
 var $390add5aac6e4d73$export$1237798dc640739a;
 var $390add5aac6e4d73$export$53f1d5ea8de3d7c;
-var $390add5aac6e4d73$export$9c30223ca0a664fb;
-var $390add5aac6e4d73$export$98e628dec113755e;
+var $390add5aac6e4d73$export$ffc4d0086f1a4c9;
 var $390add5aac6e4d73$export$4109102f950813a6;
 var $390add5aac6e4d73$export$24c7f46a6e3605dd;
 var $390add5aac6e4d73$export$2927016961429360;
 var $390add5aac6e4d73$export$35315228197e36b8;
-var $390add5aac6e4d73$export$b8611be6978ea2dd;
+var $390add5aac6e4d73$export$d2cf12460a777241;
+var $390add5aac6e4d73$export$6f0c4d0e9f29399d;
 var $390add5aac6e4d73$export$b0d9d5077004711a;
 var $390add5aac6e4d73$export$9666cb7894b7712a;
 var $390add5aac6e4d73$export$43119eed81e90e13;
@@ -150,25 +150,25 @@ var $390add5aac6e4d73$export$df6f1d30f09c136e;
 var $390add5aac6e4d73$export$2393468f68ff8031;
 var $390add5aac6e4d73$export$f622f4b07b665af3;
 var $390add5aac6e4d73$export$9d44d123fa093f85;
+var $390add5aac6e4d73$export$a7d0643524891b06;
 var $390add5aac6e4d73$export$1f36a6b1ab318f2f;
-$390add5aac6e4d73$export$980c1089c0604ea3 = `Y9ExmG_chevron`;
+var $390add5aac6e4d73$export$f92a1d2b4a328a95;
 $390add5aac6e4d73$export$f39a09f249340e2a = `Y9ExmG_focus-ring`;
 $390add5aac6e4d73$export$8c4ee2c50c22c514 = `Y9ExmG_i18nFontFamily`;
 $390add5aac6e4d73$export$7e62df9ca2e410e4 = `Y9ExmG_is-completed`;
 $390add5aac6e4d73$export$d35bc1e505d1ebbf = `Y9ExmG_is-disabled`;
-$390add5aac6e4d73$export$ad416fbde92db390 = `Y9ExmG_is-emphasized`;
 $390add5aac6e4d73$export$b8813cd5d7824ce7 = `Y9ExmG_is-hovered`;
 $390add5aac6e4d73$export$a4561bd665abb5db = `Y9ExmG_is-reversed`;
 $390add5aac6e4d73$export$1e0fb04f31d3c22a = `Y9ExmG_is-selected`;
 $390add5aac6e4d73$export$1237798dc640739a = `Y9ExmG_label`;
 $390add5aac6e4d73$export$53f1d5ea8de3d7c = `Y9ExmG_line`;
-$390add5aac6e4d73$export$9c30223ca0a664fb = `Y9ExmG_link`;
-$390add5aac6e4d73$export$98e628dec113755e = `Y9ExmG_number`;
+$390add5aac6e4d73$export$ffc4d0086f1a4c9 = `Y9ExmG_marker`;
 $390add5aac6e4d73$export$4109102f950813a6 = `Y9ExmG_spectrum-FocusRing-ring`;
 $390add5aac6e4d73$export$24c7f46a6e3605dd = `Y9ExmG_spectrum-FocusRing ${$390add5aac6e4d73$export$4109102f950813a6}`;
 $390add5aac6e4d73$export$2927016961429360 = `Y9ExmG_spectrum-FocusRing--quiet`;
 $390add5aac6e4d73$export$35315228197e36b8 = `Y9ExmG_spectrum-Steplist`;
-$390add5aac6e4d73$export$b8611be6978ea2dd = `Y9ExmG_spectrum-Steplist--interactive`;
+$390add5aac6e4d73$export$d2cf12460a777241 = `Y9ExmG_spectrum-Steplist--emphasized`;
+$390add5aac6e4d73$export$6f0c4d0e9f29399d = `Y9ExmG_spectrum-Steplist--horizontal`;
 $390add5aac6e4d73$export$b0d9d5077004711a = `Y9ExmG_spectrum-Steplist--large`;
 $390add5aac6e4d73$export$9666cb7894b7712a = `Y9ExmG_spectrum-Steplist--medium`;
 $390add5aac6e4d73$export$43119eed81e90e13 = `Y9ExmG_spectrum-Steplist--small`;
@@ -179,7 +179,9 @@ $390add5aac6e4d73$export$df6f1d30f09c136e = `Y9ExmG_spectrum-Steplist-item`;
 $390add5aac6e4d73$export$2393468f68ff8031 = `Y9ExmG_spectrum-Steplist-label`;
 $390add5aac6e4d73$export$f622f4b07b665af3 = `Y9ExmG_spectrum-Steplist-link`;
 $390add5aac6e4d73$export$9d44d123fa093f85 = `Y9ExmG_spectrum-Steplist-marker`;
+$390add5aac6e4d73$export$a7d0643524891b06 = `Y9ExmG_spectrum-Steplist-markerWrapper`;
 $390add5aac6e4d73$export$1f36a6b1ab318f2f = `Y9ExmG_spectrum-Steplist-segment`;
+$390add5aac6e4d73$export$f92a1d2b4a328a95 = `Y9ExmG_spectrum-Steplist-segmentLine`;
 
 
 
@@ -187,59 +189,77 @@ $390add5aac6e4d73$export$1f36a6b1ab318f2f = `Y9ExmG_spectrum-Steplist-segment`;
 
 
 function $d2e2cd0667356b5d$export$87c2a8a94eda1754(props) {
-    let { isDisabled: isDisabled, isEmphasized: isEmphasized, item: item } = props;
+    let { isDisabled: isDisabled, item: item } = props;
     let { key: key } = item;
-    let ref = (0, $5XIpf$react.useRef)();
+    let ref = (0, $5XIpf$react.useRef)(null);
     let { direction: direction } = (0, $5XIpf$reactariai18n.useLocale)();
     let state = (0, $5XIpf$react.useContext)((0, $b9b57d2de2195519$export$66136572efa4af6e));
+    const isSelected = state.selectedKey === key;
     const isCompleted = state.isCompleted(key);
     const isItemDisabled = isDisabled || state.disabledKeys.has(key);
     let { stepProps: stepProps, stepStateProps: stepStateProps } = (0, $5XIpf$reactariasteplist.useStepListItem)({
         ...props,
         key: key
     }, state, ref);
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $5XIpf$reactariainteractions.useHover)(props);
-    const isSelected = state.selectedKey === key;
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $5XIpf$reactariainteractions.useHover)({
+        ...props,
+        isDisabled: isItemDisabled || isSelected || props.isReadOnly
+    });
     let stepStateText = "";
-    const stringFormatter = (0, $5XIpf$reactariai18n.useLocalizedStringFormatter)((0, $fed92386245d94a4$export$2e2bcd8739ae039));
+    const stringFormatter = (0, $5XIpf$reactariai18n.useLocalizedStringFormatter)((0, $fed92386245d94a4$export$2e2bcd8739ae039), "@react-spectrum/steplist");
     const numberFormatter = (0, $5XIpf$reactariai18n.useNumberFormatter)();
     if (isSelected) stepStateText = stringFormatter.format("current");
     else if (isCompleted) stepStateText = stringFormatter.format("completed");
     else stepStateText = stringFormatter.format("notCompleted");
+    let markerId = (0, $5XIpf$reactariautils.useId)();
+    let labelId = (0, $5XIpf$reactariautils.useId)();
     return /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement("li", {
-        key: key,
         className: (0, $5XIpf$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-item")
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement((0, $5XIpf$reactariafocus.FocusRing), {
         within: true,
         focusRingClass: (0, $5XIpf$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($390add5aac6e4d73$exports))), "focus-ring")
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement("a", {
-        "aria-labelledby": `step-marker-${key} step-label-${key}`,
-        ref: ref,
         ...(0, $5XIpf$reactariautils.mergeProps)(hoverProps, stepProps),
+        "aria-labelledby": `${markerId} ${labelId}`,
+        ref: ref,
         className: (0, $5XIpf$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-link", {
             "is-selected": isSelected && !isItemDisabled,
             "is-disabled": isItemDisabled,
             "is-hovered": isHovered,
-            "is-emphasized": isEmphasized && isSelected,
-            "is-completed": isCompleted
+            "is-completed": isCompleted,
+            "is-selectable": state.isSelectable(key) && !isSelected
         })
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement((0, $5XIpf$reactariavisuallyhidden.VisuallyHidden), stepStateProps, stepStateText), /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement("span", {
-        id: `step-marker-${key}`,
-        "aria-hidden": "true",
-        className: (0, $5XIpf$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-marker")
-    }, numberFormatter.format((item.index || 0) + 1)), /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement("span", {
-        id: `step-label-${key}`,
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement((0, $5XIpf$reactariavisuallyhidden.VisuallyHidden), stepStateProps, stepStateText), /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement("div", {
+        id: labelId,
         "aria-hidden": "true",
         className: (0, $5XIpf$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-label")
-    }, item.rendered))), /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement("span", {
+    }, item.rendered), /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement("div", {
         className: (0, $5XIpf$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-segment", {
             "is-completed": isCompleted
         })
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement((0, ($parcel$interopDefault($5XIpf$spectrumiconsuiChevronRightMedium))), {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement("svg", {
+        className: (0, $5XIpf$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-segmentLine"),
+        xmlns: "http://www.w3.org/2000/svg",
+        height: "100%",
+        viewBox: "0 0 2 8",
+        preserveAspectRatio: "none"
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement("line", {
+        x1: "1",
+        y1: "0",
+        x2: "1",
+        y2: "8",
+        vectorEffect: "non-scaling-stroke"
+    })), /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement((0, ($parcel$interopDefault($5XIpf$spectrumiconsuiChevronRightMedium))), {
         UNSAFE_className: (0, $5XIpf$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-chevron", {
             "is-reversed": direction === "rtl"
         })
-    })));
+    })), /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement("div", {
+        "aria-hidden": "true",
+        className: (0, $5XIpf$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-markerWrapper")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement("div", {
+        id: markerId,
+        className: (0, $5XIpf$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-marker")
+    }, numberFormatter.format((item.index || 0) + 1))))));
 }
 
 
@@ -249,21 +269,22 @@ function $d2e2cd0667356b5d$export$87c2a8a94eda1754(props) {
 function $a64198f1506264d6$var$StepList(props, ref) {
     const { size: size = "M", orientation: orientation = "horizontal" } = props;
     props = (0, $5XIpf$reactspectrumprovider.useProviderProps)(props);
+    const { isDisabled: isDisabled, isEmphasized: isEmphasized } = props;
     let { styleProps: styleProps } = (0, $5XIpf$reactspectrumutils.useStyleProps)(props);
     let domRef = (0, $5XIpf$reactspectrumutils.useDOMRef)(ref);
     let state = (0, $5XIpf$reactstatelysteplist.useStepListState)(props);
     let { listProps: listProps } = (0, $5XIpf$reactariasteplist.useStepList)(props, state, domRef);
-    const { isDisabled: isDisabled, isEmphasized: isEmphasized, isReadOnly: isReadOnly } = props;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement("ol", {
         ...listProps,
         ...styleProps,
         ref: domRef,
         className: (0, $5XIpf$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist", styleProps.className, {
-            "spectrum-Steplist--interactive": !isReadOnly && !isDisabled,
             "spectrum-Steplist--small": size === "S",
             "spectrum-Steplist--medium": size === "M",
             "spectrum-Steplist--large": size === "L",
             "spectrum-Steplist--xlarge": size === "XL",
+            "spectrum-Steplist--emphasized": isEmphasized,
+            "spectrum-Steplist--horizontal": orientation === "horizontal",
             "spectrum-Steplist--vertical": orientation === "vertical"
         })
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement((0, $b9b57d2de2195519$export$66136572efa4af6e).Provider, {
@@ -273,8 +294,6 @@ function $a64198f1506264d6$var$StepList(props, ref) {
     ].map((item)=>/*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement((0, $d2e2cd0667356b5d$export$87c2a8a94eda1754), {
             key: item.key,
             isDisabled: isDisabled,
-            isEmphasized: isEmphasized,
-            isReadOnly: isReadOnly,
             item: item
         }))));
 }

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;ACZ1C;;;;;;;;;;CAUC;;;ACVD;;;;;;;;;;CAUC;AAKM,MAAM,4CAAkB,CAAA,GAAA,sCAAI,EAAE,aAAa,CAAyB;;;ACf3E;;;;;;;;;;CAUC;;;;AEVD,4BAAiB;IAAG,aAAa,CAAC,WAAW,CAAC;IAC5C,gBAAgB,CAAC,eAAe,CAAC;IACjC,WAAW,CAAC,SAAS,CAAC;IACtB,YAAY,CAAC,SAAS,CAAC;AACzB;;;IDFA,2CAAe;IACb,SAAS,CAAA,GAAA,gEAAG;AACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEJA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AA5BA,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA0B,CAAC,YAAY,CAAC;AACxC,2CAAyB,CAAC,WAAW,CAAC;AACtC,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,0CAA0C,CAAC;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA8C,CAAC,gCAAgC,CAAC;;;;;;;AHIzE,SAAS,0CAAgB,KAAmC;IACjE,IAAI,cACF,UAAU,gBACV,YAAY,QACZ,IAAI,EACL,GAAG;IACJ,IAAI,OAAC,GAAG,EAAC,GAAG;IAEZ,IAAI,MAAM,CAAA,GAAA,mBAAK;IACf,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,8BAAQ;IAC1B,IAAI,QAAQ,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,yCAAc;IACrC,MAAM,cAAc,MAAM,WAAW,CAAC;IACtC,MAAM,iBAAiB,cAAc,MAAM,YAAY,CAAC,GAAG,CAAC;IAC5D,IAAI,aAAC,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,wCAAc,EAAE;QAAC,GAAG,KAAK;aAAE;IAAG,GAAG,OAAO;IAE1E,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,qCAAO,EAAE;IACvC,MAAM,aAAa,MAAM,WAAW,KAAK;IAEzC,IAAI,gBAAgB;IACpB,MAAM,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,wCAAW;IAC/D,MAAM,kBAAkB,CAAA,GAAA,uCAAiB;IAEzC,IAAI,YACF,gBAAgB,gBAAgB,MAAM,CAAC;SAClC,IAAI,aACT,gBAAgB,gBAAgB,MAAM,CAAC;SAEvC,gBAAgB,gBAAgB,MAAM,CAAC;IAGzC,qBACE,0DAAC;QACC,KAAK;QACL,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,gEAAK,GACL;qBAGJ,0DAAC,CAAA,GAAA,+BAAQ;QAAE,QAAA;QAAO,gBAAgB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;qBACnD,0DAAC;QACC,mBAAiB,CAAC,YAAY,EAAE,IAAI,YAAY,EAAE,IAAI,CAAC;QACvD,KAAK;QACJ,GAAG,CAAA,GAAA,gCAAS,EAAE,YAAY,UAAU;QACrC,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,gEAAK,GACL,0BACA;YACE,eAAe,cAAc,CAAC;YAC9B,eAAe;YACf,cAAc;YACd,iBAAiB,gBAAgB;YACjC,gBAAgB;QAClB;qBAEF,0DAAC,CAAA,GAAA,6CAAa,GAAM,gBAAiB,8BACrC,0DAAC;QAAK,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC;QAAE,eAAY;QAAO,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;OAA8B,gBAAgB,MAAM,CAAC,AAAC,CAAA,KAAK,KAAK,IAAI,CAAA,IAAK,mBAC1J,0DAAC;QAAK,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;QAAE,eAAY;QAAO,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;OAC7E,KAAK,QAAQ,mBAIpB,0DAAC;QACC,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,gEAAK,GACL,6BAA6B;YAC3B,gBAAgB;QAClB;qBACF,0DAAC,CAAA,GAAA,kEAAiB;QAChB,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAK,GAAG,6BAA6B;YAChE,eAAe,cAAc;QAC/B;;AAIV;;;;;;AFnEA,SAAS,+BAA2B,KAA+B,EAAE,GAA6B;IAChG,MAAM,QAAC,OAAO,kBAAK,cAAc,cAAa,GAAG;IACjD,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,IAAI,QAAQ,CAAA,GAAA,4CAAe,EAAE;IAC7B,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,oCAAU,EAAE,OAAO,OAAO;IAE5C,MAAM,cAAC,UAAU,gBAAE,YAAY,cAAE,UAAU,EAAC,GAAG;IAE/C,qBACE,0DAAC;QACE,GAAG,SAAS;QACZ,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,kCAAkC,CAAC,cAAc,CAAC;YAClD,4BAA4B,SAAS;YACrC,6BAA6B,SAAS;YACtC,4BAA4B,SAAS;YACrC,6BAA6B,SAAS;YACtC,+BAA+B,gBAAgB;QACjD;qBACA,0DAAC,CAAA,GAAA,yCAAc,EAAE,QAAQ;QAAC,OAAO;OAC9B;WAAI,MAAM,UAAU;KAAC,CAAC,GAAG,CAAC,CAAC,qBAC1B,0DAAC,CAAA,GAAA,yCAAW;YACV,KAAK,KAAK,GAAG;YACb,YAAY;YACZ,cAAc;YACd,YAAY;YACZ,MAAM;;AAMlB;AAEA,MAAM,0DAAY,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC;","sources":["packages/@react-spectrum/steplist/src/index.ts","packages/@react-spectrum/steplist/src/StepList.tsx","packages/@react-spectrum/steplist/src/StepListContext.ts","packages/@react-spectrum/steplist/src/StepListItem.tsx","packages/@react-spectrum/steplist/intl/index.js","packages/@react-spectrum/steplist/intl/en-US.json","packages/@adobe/spectrum-css-temp/components/steplist/vars.css"],"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\n/// <reference types=\"css-module-types\" />\n\nexport {StepList} from './StepList';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumStepListProps} from './StepList';\n","/*\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 {AriaStepListProps, useStepList} from '@react-aria/steplist';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, Orientation, StyleProps} from '@react-types/shared';\nimport React, {ReactElement} from 'react';\nimport {StepListContext} from './StepListContext';\nimport {StepListItem} from './StepListItem';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useStepListState} from '@react-stately/steplist';\n\nexport interface SpectrumStepListProps<T> extends AriaStepListProps<T>, StyleProps {\n  /**\n   * Whether the step list should be displayed with a emphasized style.\n   * @default false\n   */\n  isEmphasized?: boolean,\n  /**\n   * The orientation of the step list.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation,\n  /**\n   * The size of the step list.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nfunction StepList<T extends object>(props: SpectrumStepListProps<T>, ref: DOMRef<HTMLOListElement>) {\n  const {size = 'M', orientation = 'horizontal'} = props;\n  props = useProviderProps(props);\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n\n  let state = useStepListState(props);\n  let {listProps} = useStepList(props, state, domRef);\n\n  const {isDisabled, isEmphasized, isReadOnly} = props;\n\n  return (\n    <ol\n      {...listProps}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'spectrum-Steplist', styleProps.className, {\n        'spectrum-Steplist--interactive': !isReadOnly && !isDisabled,\n        'spectrum-Steplist--small': size === 'S',\n        'spectrum-Steplist--medium': size === 'M',\n        'spectrum-Steplist--large': size === 'L',\n        'spectrum-Steplist--xlarge': size === 'XL',\n        'spectrum-Steplist--vertical': orientation === 'vertical'\n      })}>\n      <StepListContext.Provider value={state}>\n        {[...state.collection].map((item) => (\n          <StepListItem\n            key={item.key}\n            isDisabled={isDisabled}\n            isEmphasized={isEmphasized}\n            isReadOnly={isReadOnly}\n            item={item} />\n          )\n        )}\n      </StepListContext.Provider>\n    </ol>\n  );\n}\n\nconst _StepList = React.forwardRef(StepList) as <T>(props: SpectrumStepListProps<T> & {ref?: DOMRef<HTMLOListElement>}) => ReactElement;\nexport {_StepList as StepList};\n","/*\n * Copyright 202 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 from 'react';\nimport {StepListState} from '@react-stately/steplist';\n\nexport const StepListContext = React.createContext<StepListState<unknown>>(null);\n","/*\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 '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport intlMessages from '../intl';\nimport {mergeProps} from '@react-aria/utils';\nimport {Node} from '@react-types/shared';\nimport React, {useContext, useRef} from 'react';\nimport {StepListContext} from './StepListContext';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale, useLocalizedStringFormatter, useNumberFormatter} from '@react-aria/i18n';\nimport {useStepListItem} from '@react-aria/steplist';\nimport {VisuallyHidden} from '@react-aria/visually-hidden';\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>) {\n  let {\n    isDisabled,\n    isEmphasized,\n    item\n  } = props;\n  let {key} = item;\n\n  let ref = useRef();\n  let {direction} = useLocale();\n  let state = useContext(StepListContext);\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(props);\n  const isSelected = state.selectedKey === key;\n\n  let stepStateText = '';\n  const stringFormatter = useLocalizedStringFormatter(intlMessages);\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  return (\n    <li\n      key={key}\n      className={\n        classNames(\n          styles,\n          'spectrum-Steplist-item'\n        )\n      }>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <a\n          aria-labelledby={`step-marker-${key} step-label-${key}`}\n          ref={ref}\n          {...mergeProps(hoverProps, stepProps)}\n          className={classNames(\n            styles,\n            'spectrum-Steplist-link',\n            {\n              'is-selected': isSelected && !isItemDisabled,\n              'is-disabled': isItemDisabled,\n              'is-hovered': isHovered,\n              'is-emphasized': isEmphasized && isSelected,\n              'is-completed': isCompleted\n            }\n          )}>\n          <VisuallyHidden {...stepStateProps}>{stepStateText}</VisuallyHidden>\n          <span id={`step-marker-${key}`} aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-marker')}>{numberFormatter.format((item.index || 0) + 1)}</span>\n          <span id={`step-label-${key}`} aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-label')}>\n            {item.rendered}\n          </span>\n        </a>\n      </FocusRing>\n      <span\n        className={classNames(\n          styles,\n          'spectrum-Steplist-segment', {\n            'is-completed': isCompleted\n          })} >\n        <ChevronRightMedium\n          UNSAFE_className={classNames(styles, 'spectrum-Steplist-chevron', {\n            'is-reversed': direction === 'rtl'\n          })} />\n      </span>\n    </li>\n  );\n}\n","import enUS from './en-US.json';\n\nexport default {\n  'en-US': enUS\n};\n","{\n  \"completed\": \"Completed: \",\n  \"notCompleted\": \"Not completed: \",\n  \"current\": \"Current: \",\n  \"steplist\": \"Step List\"\n}\n","/*\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":"main.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/steplist/src/index.ts","packages/@react-spectrum/steplist/src/StepList.tsx","packages/@react-spectrum/steplist/src/StepListContext.ts","packages/@react-spectrum/steplist/src/StepListItem.tsx","packages/@react-spectrum/steplist/intl/index.js","packages/@react-spectrum/steplist/intl/en-US.json","packages/@adobe/spectrum-css-temp/components/steplist/vars.css"],"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\n/// <reference types=\"css-module-types\" />\n\nexport {StepList} from './StepList';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumStepListProps} from './StepList';\n","/*\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 {AriaStepListProps, useStepList} from '@react-aria/steplist';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, Orientation, StyleProps} from '@react-types/shared';\nimport React, {ReactElement} from 'react';\nimport {StepListContext} from './StepListContext';\nimport {StepListItem} from './StepListItem';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useStepListState} from '@react-stately/steplist';\n\nexport interface SpectrumStepListProps<T> extends AriaStepListProps<T>, StyleProps {\n  /**\n   * Whether the step list should be displayed with a emphasized style.\n   * @default false\n   */\n  isEmphasized?: boolean,\n  /**\n   * The orientation of the step list.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation,\n  /**\n   * The size of the step list.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nfunction StepList<T extends object>(props: SpectrumStepListProps<T>, ref: DOMRef<HTMLOListElement>) {\n  const {size = 'M', orientation = 'horizontal'} = props;\n  props = useProviderProps(props);\n  const {isDisabled, isEmphasized} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n\n  let state = useStepListState(props);\n  let {listProps} = useStepList(props, state, domRef);\n\n\n  return (\n    <ol\n      {...listProps}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'spectrum-Steplist', styleProps.className, {\n        'spectrum-Steplist--small': size === 'S',\n        'spectrum-Steplist--medium': size === 'M',\n        'spectrum-Steplist--large': size === 'L',\n        'spectrum-Steplist--xlarge': size === 'XL',\n        'spectrum-Steplist--emphasized': isEmphasized,\n        'spectrum-Steplist--horizontal': orientation === 'horizontal',\n        'spectrum-Steplist--vertical': orientation === 'vertical'\n      })}>\n      <StepListContext.Provider value={state}>\n        {[...state.collection].map((item) => (\n          <StepListItem\n            key={item.key}\n            isDisabled={isDisabled}\n            item={item} />\n          )\n        )}\n      </StepListContext.Provider>\n    </ol>\n  );\n}\n\nconst _StepList = React.forwardRef(StepList) as <T>(props: SpectrumStepListProps<T> & {ref?: DOMRef<HTMLOListElement>}) => ReactElement;\nexport {_StepList as StepList};\n","/*\n * Copyright 202 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 from 'react';\nimport {StepListState} from '@react-stately/steplist';\n\nexport const StepListContext = React.createContext<StepListState<unknown> | null>(null);\n","/*\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 '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport intlMessages from '../intl';\nimport {mergeProps, useId} from '@react-aria/utils';\nimport {Node} from '@react-types/shared';\nimport React, {useContext, useRef} from 'react';\nimport {StepListContext} from './StepListContext';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale, useLocalizedStringFormatter, useNumberFormatter} from '@react-aria/i18n';\nimport {useStepListItem} from '@react-aria/steplist';\nimport {VisuallyHidden} from '@react-aria/visually-hidden';\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>) {\n  let {\n    isDisabled,\n    item\n  } = 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({...props, 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 labelId = useId();\n\n  return (\n    <li\n      className={\n        classNames(\n          styles,\n          'spectrum-Steplist-item'\n        )\n      }>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <a\n          {...mergeProps(hoverProps, stepProps)}\n          aria-labelledby={`${markerId} ${labelId}`}\n          ref={ref}\n          className={classNames(\n            styles,\n            'spectrum-Steplist-link',\n            {\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          )}>\n          <VisuallyHidden {...stepStateProps}>{stepStateText}</VisuallyHidden>\n          <div id={labelId} aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-label')}>\n            {item.rendered}\n          </div>\n          <div\n            className={classNames(\n              styles,\n              'spectrum-Steplist-segment', {\n                'is-completed': isCompleted\n              })} >\n            <svg className={classNames(styles, 'spectrum-Steplist-segmentLine')} xmlns=\"http://www.w3.org/2000/svg\" height=\"100%\" viewBox=\"0 0 2 8\" 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          </div>\n          <div aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-markerWrapper')}>\n            <div id={markerId}  className={classNames(styles, 'spectrum-Steplist-marker')}>{numberFormatter.format((item.index || 0) + 1)}</div>\n          </div>\n        </a>\n      </FocusRing>\n    </li>\n  );\n}\n","import enUS from './en-US.json';\n\nexport default {\n  'en-US': enUS\n};\n","{\n  \"completed\": \"Completed: \",\n  \"notCompleted\": \"Not completed: \",\n  \"current\": \"Current: \",\n  \"steplist\": \"Step List\"\n}\n","/*\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":"main.js.map"}

package/dist/module.js

@@ -1,3 +1,5 @@
+"use client";
+
 import "./main.css";
 import {Item as $6f77c10bf951cb4f$re_export$Item} from "@react-stately/collections";
 import {useStepList as $gZOFb$useStepList, useStepListItem as $gZOFb$useStepListItem} from "@react-aria/steplist";
@@ -7,7 +9,7 @@ import {useProviderProps as $gZOFb$useProviderProps} from "@react-spectrum/provi
 import {useStepListState as $gZOFb$useStepListState} from "@react-stately/steplist";
 import $gZOFb$spectrumiconsuiChevronRightMedium from "@spectrum-icons/ui/ChevronRightMedium";
 import {FocusRing as $gZOFb$FocusRing} from "@react-aria/focus";
-import {mergeProps as $gZOFb$mergeProps} from "@react-aria/utils";
+import {useId as $gZOFb$useId, mergeProps as $gZOFb$mergeProps} from "@react-aria/utils";
 import {useHover as $gZOFb$useHover} from "@react-aria/interactions";
 import {useLocale as $gZOFb$useLocale, useLocalizedStringFormatter as $gZOFb$useLocalizedStringFormatter, useNumberFormatter as $gZOFb$useNumberFormatter} from "@react-aria/i18n";
 import {VisuallyHidden as $gZOFb$VisuallyHidden} from "@react-aria/visually-hidden";
@@ -90,24 +92,22 @@ var $62132693388ec24a$export$2e2bcd8739ae039 = {
 
 var $b2477f17b7c66618$exports = {};
 
-$parcel$export($b2477f17b7c66618$exports, "chevron", () => $b2477f17b7c66618$export$980c1089c0604ea3, (v) => $b2477f17b7c66618$export$980c1089c0604ea3 = v);
 $parcel$export($b2477f17b7c66618$exports, "focus-ring", () => $b2477f17b7c66618$export$f39a09f249340e2a, (v) => $b2477f17b7c66618$export$f39a09f249340e2a = v);
 $parcel$export($b2477f17b7c66618$exports, "i18nFontFamily", () => $b2477f17b7c66618$export$8c4ee2c50c22c514, (v) => $b2477f17b7c66618$export$8c4ee2c50c22c514 = v);
 $parcel$export($b2477f17b7c66618$exports, "is-completed", () => $b2477f17b7c66618$export$7e62df9ca2e410e4, (v) => $b2477f17b7c66618$export$7e62df9ca2e410e4 = v);
 $parcel$export($b2477f17b7c66618$exports, "is-disabled", () => $b2477f17b7c66618$export$d35bc1e505d1ebbf, (v) => $b2477f17b7c66618$export$d35bc1e505d1ebbf = v);
-$parcel$export($b2477f17b7c66618$exports, "is-emphasized", () => $b2477f17b7c66618$export$ad416fbde92db390, (v) => $b2477f17b7c66618$export$ad416fbde92db390 = v);
 $parcel$export($b2477f17b7c66618$exports, "is-hovered", () => $b2477f17b7c66618$export$b8813cd5d7824ce7, (v) => $b2477f17b7c66618$export$b8813cd5d7824ce7 = v);
 $parcel$export($b2477f17b7c66618$exports, "is-reversed", () => $b2477f17b7c66618$export$a4561bd665abb5db, (v) => $b2477f17b7c66618$export$a4561bd665abb5db = v);
 $parcel$export($b2477f17b7c66618$exports, "is-selected", () => $b2477f17b7c66618$export$1e0fb04f31d3c22a, (v) => $b2477f17b7c66618$export$1e0fb04f31d3c22a = v);
 $parcel$export($b2477f17b7c66618$exports, "label", () => $b2477f17b7c66618$export$1237798dc640739a, (v) => $b2477f17b7c66618$export$1237798dc640739a = v);
 $parcel$export($b2477f17b7c66618$exports, "line", () => $b2477f17b7c66618$export$53f1d5ea8de3d7c, (v) => $b2477f17b7c66618$export$53f1d5ea8de3d7c = v);
-$parcel$export($b2477f17b7c66618$exports, "link", () => $b2477f17b7c66618$export$9c30223ca0a664fb, (v) => $b2477f17b7c66618$export$9c30223ca0a664fb = v);
-$parcel$export($b2477f17b7c66618$exports, "number", () => $b2477f17b7c66618$export$98e628dec113755e, (v) => $b2477f17b7c66618$export$98e628dec113755e = v);
+$parcel$export($b2477f17b7c66618$exports, "marker", () => $b2477f17b7c66618$export$ffc4d0086f1a4c9, (v) => $b2477f17b7c66618$export$ffc4d0086f1a4c9 = v);
 $parcel$export($b2477f17b7c66618$exports, "spectrum-FocusRing-ring", () => $b2477f17b7c66618$export$4109102f950813a6, (v) => $b2477f17b7c66618$export$4109102f950813a6 = v);
 $parcel$export($b2477f17b7c66618$exports, "spectrum-FocusRing", () => $b2477f17b7c66618$export$24c7f46a6e3605dd, (v) => $b2477f17b7c66618$export$24c7f46a6e3605dd = v);
 $parcel$export($b2477f17b7c66618$exports, "spectrum-FocusRing--quiet", () => $b2477f17b7c66618$export$2927016961429360, (v) => $b2477f17b7c66618$export$2927016961429360 = v);
 $parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist", () => $b2477f17b7c66618$export$35315228197e36b8, (v) => $b2477f17b7c66618$export$35315228197e36b8 = v);
-$parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist--interactive", () => $b2477f17b7c66618$export$b8611be6978ea2dd, (v) => $b2477f17b7c66618$export$b8611be6978ea2dd = v);
+$parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist--emphasized", () => $b2477f17b7c66618$export$d2cf12460a777241, (v) => $b2477f17b7c66618$export$d2cf12460a777241 = v);
+$parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist--horizontal", () => $b2477f17b7c66618$export$6f0c4d0e9f29399d, (v) => $b2477f17b7c66618$export$6f0c4d0e9f29399d = v);
 $parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist--large", () => $b2477f17b7c66618$export$b0d9d5077004711a, (v) => $b2477f17b7c66618$export$b0d9d5077004711a = v);
 $parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist--medium", () => $b2477f17b7c66618$export$9666cb7894b7712a, (v) => $b2477f17b7c66618$export$9666cb7894b7712a = v);
 $parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist--small", () => $b2477f17b7c66618$export$43119eed81e90e13, (v) => $b2477f17b7c66618$export$43119eed81e90e13 = v);
@@ -118,25 +118,25 @@ $parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist-item", () => $b2477
 $parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist-label", () => $b2477f17b7c66618$export$2393468f68ff8031, (v) => $b2477f17b7c66618$export$2393468f68ff8031 = v);
 $parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist-link", () => $b2477f17b7c66618$export$f622f4b07b665af3, (v) => $b2477f17b7c66618$export$f622f4b07b665af3 = v);
 $parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist-marker", () => $b2477f17b7c66618$export$9d44d123fa093f85, (v) => $b2477f17b7c66618$export$9d44d123fa093f85 = v);
+$parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist-markerWrapper", () => $b2477f17b7c66618$export$a7d0643524891b06, (v) => $b2477f17b7c66618$export$a7d0643524891b06 = v);
 $parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist-segment", () => $b2477f17b7c66618$export$1f36a6b1ab318f2f, (v) => $b2477f17b7c66618$export$1f36a6b1ab318f2f = v);
-var $b2477f17b7c66618$export$980c1089c0604ea3;
+$parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist-segmentLine", () => $b2477f17b7c66618$export$f92a1d2b4a328a95, (v) => $b2477f17b7c66618$export$f92a1d2b4a328a95 = v);
 var $b2477f17b7c66618$export$f39a09f249340e2a;
 var $b2477f17b7c66618$export$8c4ee2c50c22c514;
 var $b2477f17b7c66618$export$7e62df9ca2e410e4;
 var $b2477f17b7c66618$export$d35bc1e505d1ebbf;
-var $b2477f17b7c66618$export$ad416fbde92db390;
 var $b2477f17b7c66618$export$b8813cd5d7824ce7;
 var $b2477f17b7c66618$export$a4561bd665abb5db;
 var $b2477f17b7c66618$export$1e0fb04f31d3c22a;
 var $b2477f17b7c66618$export$1237798dc640739a;
 var $b2477f17b7c66618$export$53f1d5ea8de3d7c;
-var $b2477f17b7c66618$export$9c30223ca0a664fb;
-var $b2477f17b7c66618$export$98e628dec113755e;
+var $b2477f17b7c66618$export$ffc4d0086f1a4c9;
 var $b2477f17b7c66618$export$4109102f950813a6;
 var $b2477f17b7c66618$export$24c7f46a6e3605dd;
 var $b2477f17b7c66618$export$2927016961429360;
 var $b2477f17b7c66618$export$35315228197e36b8;
-var $b2477f17b7c66618$export$b8611be6978ea2dd;
+var $b2477f17b7c66618$export$d2cf12460a777241;
+var $b2477f17b7c66618$export$6f0c4d0e9f29399d;
 var $b2477f17b7c66618$export$b0d9d5077004711a;
 var $b2477f17b7c66618$export$9666cb7894b7712a;
 var $b2477f17b7c66618$export$43119eed81e90e13;
@@ -147,25 +147,25 @@ var $b2477f17b7c66618$export$df6f1d30f09c136e;
 var $b2477f17b7c66618$export$2393468f68ff8031;
 var $b2477f17b7c66618$export$f622f4b07b665af3;
 var $b2477f17b7c66618$export$9d44d123fa093f85;
+var $b2477f17b7c66618$export$a7d0643524891b06;
 var $b2477f17b7c66618$export$1f36a6b1ab318f2f;
-$b2477f17b7c66618$export$980c1089c0604ea3 = `Y9ExmG_chevron`;
+var $b2477f17b7c66618$export$f92a1d2b4a328a95;
 $b2477f17b7c66618$export$f39a09f249340e2a = `Y9ExmG_focus-ring`;
 $b2477f17b7c66618$export$8c4ee2c50c22c514 = `Y9ExmG_i18nFontFamily`;
 $b2477f17b7c66618$export$7e62df9ca2e410e4 = `Y9ExmG_is-completed`;
 $b2477f17b7c66618$export$d35bc1e505d1ebbf = `Y9ExmG_is-disabled`;
-$b2477f17b7c66618$export$ad416fbde92db390 = `Y9ExmG_is-emphasized`;
 $b2477f17b7c66618$export$b8813cd5d7824ce7 = `Y9ExmG_is-hovered`;
 $b2477f17b7c66618$export$a4561bd665abb5db = `Y9ExmG_is-reversed`;
 $b2477f17b7c66618$export$1e0fb04f31d3c22a = `Y9ExmG_is-selected`;
 $b2477f17b7c66618$export$1237798dc640739a = `Y9ExmG_label`;
 $b2477f17b7c66618$export$53f1d5ea8de3d7c = `Y9ExmG_line`;
-$b2477f17b7c66618$export$9c30223ca0a664fb = `Y9ExmG_link`;
-$b2477f17b7c66618$export$98e628dec113755e = `Y9ExmG_number`;
+$b2477f17b7c66618$export$ffc4d0086f1a4c9 = `Y9ExmG_marker`;
 $b2477f17b7c66618$export$4109102f950813a6 = `Y9ExmG_spectrum-FocusRing-ring`;
 $b2477f17b7c66618$export$24c7f46a6e3605dd = `Y9ExmG_spectrum-FocusRing ${$b2477f17b7c66618$export$4109102f950813a6}`;
 $b2477f17b7c66618$export$2927016961429360 = `Y9ExmG_spectrum-FocusRing--quiet`;
 $b2477f17b7c66618$export$35315228197e36b8 = `Y9ExmG_spectrum-Steplist`;
-$b2477f17b7c66618$export$b8611be6978ea2dd = `Y9ExmG_spectrum-Steplist--interactive`;
+$b2477f17b7c66618$export$d2cf12460a777241 = `Y9ExmG_spectrum-Steplist--emphasized`;
+$b2477f17b7c66618$export$6f0c4d0e9f29399d = `Y9ExmG_spectrum-Steplist--horizontal`;
 $b2477f17b7c66618$export$b0d9d5077004711a = `Y9ExmG_spectrum-Steplist--large`;
 $b2477f17b7c66618$export$9666cb7894b7712a = `Y9ExmG_spectrum-Steplist--medium`;
 $b2477f17b7c66618$export$43119eed81e90e13 = `Y9ExmG_spectrum-Steplist--small`;
@@ -176,7 +176,9 @@ $b2477f17b7c66618$export$df6f1d30f09c136e = `Y9ExmG_spectrum-Steplist-item`;
 $b2477f17b7c66618$export$2393468f68ff8031 = `Y9ExmG_spectrum-Steplist-label`;
 $b2477f17b7c66618$export$f622f4b07b665af3 = `Y9ExmG_spectrum-Steplist-link`;
 $b2477f17b7c66618$export$9d44d123fa093f85 = `Y9ExmG_spectrum-Steplist-marker`;
+$b2477f17b7c66618$export$a7d0643524891b06 = `Y9ExmG_spectrum-Steplist-markerWrapper`;
 $b2477f17b7c66618$export$1f36a6b1ab318f2f = `Y9ExmG_spectrum-Steplist-segment`;
+$b2477f17b7c66618$export$f92a1d2b4a328a95 = `Y9ExmG_spectrum-Steplist-segmentLine`;
 
 
 
@@ -184,59 +186,77 @@ $b2477f17b7c66618$export$1f36a6b1ab318f2f = `Y9ExmG_spectrum-Steplist-segment`;
 
 
 function $24c3cb1adfb0acc5$export$87c2a8a94eda1754(props) {
-    let { isDisabled: isDisabled, isEmphasized: isEmphasized, item: item } = props;
+    let { isDisabled: isDisabled, item: item } = props;
     let { key: key } = item;
-    let ref = (0, $gZOFb$useRef)();
+    let ref = (0, $gZOFb$useRef)(null);
     let { direction: direction } = (0, $gZOFb$useLocale)();
     let state = (0, $gZOFb$useContext)((0, $739a883ac33f90d8$export$66136572efa4af6e));
+    const isSelected = state.selectedKey === key;
     const isCompleted = state.isCompleted(key);
     const isItemDisabled = isDisabled || state.disabledKeys.has(key);
     let { stepProps: stepProps, stepStateProps: stepStateProps } = (0, $gZOFb$useStepListItem)({
         ...props,
         key: key
     }, state, ref);
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $gZOFb$useHover)(props);
-    const isSelected = state.selectedKey === key;
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $gZOFb$useHover)({
+        ...props,
+        isDisabled: isItemDisabled || isSelected || props.isReadOnly
+    });
     let stepStateText = "";
-    const stringFormatter = (0, $gZOFb$useLocalizedStringFormatter)((0, $62132693388ec24a$export$2e2bcd8739ae039));
+    const stringFormatter = (0, $gZOFb$useLocalizedStringFormatter)((0, $62132693388ec24a$export$2e2bcd8739ae039), "@react-spectrum/steplist");
     const numberFormatter = (0, $gZOFb$useNumberFormatter)();
     if (isSelected) stepStateText = stringFormatter.format("current");
     else if (isCompleted) stepStateText = stringFormatter.format("completed");
     else stepStateText = stringFormatter.format("notCompleted");
+    let markerId = (0, $gZOFb$useId)();
+    let labelId = (0, $gZOFb$useId)();
     return /*#__PURE__*/ (0, $gZOFb$react).createElement("li", {
-        key: key,
         className: (0, $gZOFb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b2477f17b7c66618$exports))), "spectrum-Steplist-item")
     }, /*#__PURE__*/ (0, $gZOFb$react).createElement((0, $gZOFb$FocusRing), {
         within: true,
         focusRingClass: (0, $gZOFb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b2477f17b7c66618$exports))), "focus-ring")
     }, /*#__PURE__*/ (0, $gZOFb$react).createElement("a", {
-        "aria-labelledby": `step-marker-${key} step-label-${key}`,
-        ref: ref,
         ...(0, $gZOFb$mergeProps)(hoverProps, stepProps),
+        "aria-labelledby": `${markerId} ${labelId}`,
+        ref: ref,
         className: (0, $gZOFb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b2477f17b7c66618$exports))), "spectrum-Steplist-link", {
             "is-selected": isSelected && !isItemDisabled,
             "is-disabled": isItemDisabled,
             "is-hovered": isHovered,
-            "is-emphasized": isEmphasized && isSelected,
-            "is-completed": isCompleted
+            "is-completed": isCompleted,
+            "is-selectable": state.isSelectable(key) && !isSelected
         })
-    }, /*#__PURE__*/ (0, $gZOFb$react).createElement((0, $gZOFb$VisuallyHidden), stepStateProps, stepStateText), /*#__PURE__*/ (0, $gZOFb$react).createElement("span", {
-        id: `step-marker-${key}`,
-        "aria-hidden": "true",
-        className: (0, $gZOFb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b2477f17b7c66618$exports))), "spectrum-Steplist-marker")
-    }, numberFormatter.format((item.index || 0) + 1)), /*#__PURE__*/ (0, $gZOFb$react).createElement("span", {
-        id: `step-label-${key}`,
+    }, /*#__PURE__*/ (0, $gZOFb$react).createElement((0, $gZOFb$VisuallyHidden), stepStateProps, stepStateText), /*#__PURE__*/ (0, $gZOFb$react).createElement("div", {
+        id: labelId,
         "aria-hidden": "true",
         className: (0, $gZOFb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b2477f17b7c66618$exports))), "spectrum-Steplist-label")
-    }, item.rendered))), /*#__PURE__*/ (0, $gZOFb$react).createElement("span", {
+    }, item.rendered), /*#__PURE__*/ (0, $gZOFb$react).createElement("div", {
         className: (0, $gZOFb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b2477f17b7c66618$exports))), "spectrum-Steplist-segment", {
             "is-completed": isCompleted
         })
-    }, /*#__PURE__*/ (0, $gZOFb$react).createElement((0, $gZOFb$spectrumiconsuiChevronRightMedium), {
+    }, /*#__PURE__*/ (0, $gZOFb$react).createElement("svg", {
+        className: (0, $gZOFb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b2477f17b7c66618$exports))), "spectrum-Steplist-segmentLine"),
+        xmlns: "http://www.w3.org/2000/svg",
+        height: "100%",
+        viewBox: "0 0 2 8",
+        preserveAspectRatio: "none"
+    }, /*#__PURE__*/ (0, $gZOFb$react).createElement("line", {
+        x1: "1",
+        y1: "0",
+        x2: "1",
+        y2: "8",
+        vectorEffect: "non-scaling-stroke"
+    })), /*#__PURE__*/ (0, $gZOFb$react).createElement((0, $gZOFb$spectrumiconsuiChevronRightMedium), {
         UNSAFE_className: (0, $gZOFb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b2477f17b7c66618$exports))), "spectrum-Steplist-chevron", {
             "is-reversed": direction === "rtl"
         })
-    })));
+    })), /*#__PURE__*/ (0, $gZOFb$react).createElement("div", {
+        "aria-hidden": "true",
+        className: (0, $gZOFb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b2477f17b7c66618$exports))), "spectrum-Steplist-markerWrapper")
+    }, /*#__PURE__*/ (0, $gZOFb$react).createElement("div", {
+        id: markerId,
+        className: (0, $gZOFb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b2477f17b7c66618$exports))), "spectrum-Steplist-marker")
+    }, numberFormatter.format((item.index || 0) + 1))))));
 }
 
 
@@ -246,21 +266,22 @@ function $24c3cb1adfb0acc5$export$87c2a8a94eda1754(props) {
 function $6bd0589d5d2f8b66$var$StepList(props, ref) {
     const { size: size = "M", orientation: orientation = "horizontal" } = props;
     props = (0, $gZOFb$useProviderProps)(props);
+    const { isDisabled: isDisabled, isEmphasized: isEmphasized } = props;
     let { styleProps: styleProps } = (0, $gZOFb$useStyleProps)(props);
     let domRef = (0, $gZOFb$useDOMRef)(ref);
     let state = (0, $gZOFb$useStepListState)(props);
     let { listProps: listProps } = (0, $gZOFb$useStepList)(props, state, domRef);
-    const { isDisabled: isDisabled, isEmphasized: isEmphasized, isReadOnly: isReadOnly } = props;
     return /*#__PURE__*/ (0, $gZOFb$react).createElement("ol", {
         ...listProps,
         ...styleProps,
         ref: domRef,
         className: (0, $gZOFb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b2477f17b7c66618$exports))), "spectrum-Steplist", styleProps.className, {
-            "spectrum-Steplist--interactive": !isReadOnly && !isDisabled,
             "spectrum-Steplist--small": size === "S",
             "spectrum-Steplist--medium": size === "M",
             "spectrum-Steplist--large": size === "L",
             "spectrum-Steplist--xlarge": size === "XL",
+            "spectrum-Steplist--emphasized": isEmphasized,
+            "spectrum-Steplist--horizontal": orientation === "horizontal",
             "spectrum-Steplist--vertical": orientation === "vertical"
         })
     }, /*#__PURE__*/ (0, $gZOFb$react).createElement((0, $739a883ac33f90d8$export$66136572efa4af6e).Provider, {
@@ -270,8 +291,6 @@ function $6bd0589d5d2f8b66$var$StepList(props, ref) {
     ].map((item)=>/*#__PURE__*/ (0, $gZOFb$react).createElement((0, $24c3cb1adfb0acc5$export$87c2a8a94eda1754), {
             key: item.key,
             isDisabled: isDisabled,
-            isEmphasized: isEmphasized,
-            isReadOnly: isReadOnly,
             item: item
         }))));
 }