@react-spectrum/steplist 3.0.0-alpha.0

package/dist/main.js

@@ -0,0 +1,287 @@
+require("./main.css");
+var $5XIpf$reactstatelycollections = require("@react-stately/collections");
+var $5XIpf$reactariasteplist = require("@react-aria/steplist");
+var $5XIpf$reactspectrumutils = require("@react-spectrum/utils");
+var $5XIpf$react = require("react");
+var $5XIpf$reactspectrumprovider = require("@react-spectrum/provider");
+var $5XIpf$reactstatelysteplist = require("@react-stately/steplist");
+var $5XIpf$spectrumiconsuiChevronRightMedium = require("@spectrum-icons/ui/ChevronRightMedium");
+var $5XIpf$reactariafocus = require("@react-aria/focus");
+var $5XIpf$reactariautils = require("@react-aria/utils");
+var $5XIpf$reactariainteractions = require("@react-aria/interactions");
+var $5XIpf$reactariai18n = require("@react-aria/i18n");
+var $5XIpf$reactariavisuallyhidden = require("@react-aria/visually-hidden");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+$parcel$export(module.exports, "StepList", () => $a64198f1506264d6$export$ff2e09ca3ba758a9);
+$parcel$export(module.exports, "Item", () => $5XIpf$reactstatelycollections.Item);
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /// <reference types="css-module-types" />
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+/*
+ * Copyright 202 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+const $b9b57d2de2195519$export$66136572efa4af6e = (0, ($parcel$interopDefault($5XIpf$react))).createContext(null);
+
+
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+var $17d0d848808abe0b$exports = {};
+$17d0d848808abe0b$exports = {
+    "completed": `Completed: `,
+    "notCompleted": `Not completed: `,
+    "current": `Current: `,
+    "steplist": `Step List`
+};
+
+
+var $fed92386245d94a4$export$2e2bcd8739ae039 = {
+    "en-US": (0, (/*@__PURE__*/$parcel$interopDefault($17d0d848808abe0b$exports)))
+};
+
+
+
+
+
+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, "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--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);
+$parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist--vertical", () => $390add5aac6e4d73$export$146e7d67031e074f, (v) => $390add5aac6e4d73$export$146e7d67031e074f = v);
+$parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist--xlarge", () => $390add5aac6e4d73$export$56195e68ddf7db1b, (v) => $390add5aac6e4d73$export$56195e68ddf7db1b = v);
+$parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist-chevron", () => $390add5aac6e4d73$export$e0b9c44558d2fb75, (v) => $390add5aac6e4d73$export$e0b9c44558d2fb75 = v);
+$parcel$export($390add5aac6e4d73$exports, "spectrum-Steplist-item", () => $390add5aac6e4d73$export$df6f1d30f09c136e, (v) => $390add5aac6e4d73$export$df6f1d30f09c136e = v);
+$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-segment", () => $390add5aac6e4d73$export$1f36a6b1ab318f2f, (v) => $390add5aac6e4d73$export$1f36a6b1ab318f2f = v);
+var $390add5aac6e4d73$export$980c1089c0604ea3;
+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$4109102f950813a6;
+var $390add5aac6e4d73$export$24c7f46a6e3605dd;
+var $390add5aac6e4d73$export$2927016961429360;
+var $390add5aac6e4d73$export$35315228197e36b8;
+var $390add5aac6e4d73$export$b8611be6978ea2dd;
+var $390add5aac6e4d73$export$b0d9d5077004711a;
+var $390add5aac6e4d73$export$9666cb7894b7712a;
+var $390add5aac6e4d73$export$43119eed81e90e13;
+var $390add5aac6e4d73$export$146e7d67031e074f;
+var $390add5aac6e4d73$export$56195e68ddf7db1b;
+var $390add5aac6e4d73$export$e0b9c44558d2fb75;
+var $390add5aac6e4d73$export$df6f1d30f09c136e;
+var $390add5aac6e4d73$export$2393468f68ff8031;
+var $390add5aac6e4d73$export$f622f4b07b665af3;
+var $390add5aac6e4d73$export$9d44d123fa093f85;
+var $390add5aac6e4d73$export$1f36a6b1ab318f2f;
+$390add5aac6e4d73$export$980c1089c0604ea3 = `Y9ExmG_chevron`;
+$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$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$b0d9d5077004711a = `Y9ExmG_spectrum-Steplist--large`;
+$390add5aac6e4d73$export$9666cb7894b7712a = `Y9ExmG_spectrum-Steplist--medium`;
+$390add5aac6e4d73$export$43119eed81e90e13 = `Y9ExmG_spectrum-Steplist--small`;
+$390add5aac6e4d73$export$146e7d67031e074f = `Y9ExmG_spectrum-Steplist--vertical`;
+$390add5aac6e4d73$export$56195e68ddf7db1b = `Y9ExmG_spectrum-Steplist--xlarge`;
+$390add5aac6e4d73$export$e0b9c44558d2fb75 = `Y9ExmG_spectrum-Steplist-chevron`;
+$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$1f36a6b1ab318f2f = `Y9ExmG_spectrum-Steplist-segment`;
+
+
+
+
+
+
+function $d2e2cd0667356b5d$export$87c2a8a94eda1754(props) {
+    let { isDisabled: isDisabled, isEmphasized: isEmphasized, item: item } = props;
+    let { key: key } = item;
+    let ref = (0, $5XIpf$react.useRef)();
+    let { direction: direction } = (0, $5XIpf$reactariai18n.useLocale)();
+    let state = (0, $5XIpf$react.useContext)((0, $b9b57d2de2195519$export$66136572efa4af6e));
+    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 stepStateText = "";
+    const stringFormatter = (0, $5XIpf$reactariai18n.useLocalizedStringFormatter)((0, $fed92386245d94a4$export$2e2bcd8739ae039));
+    const numberFormatter = (0, $5XIpf$reactariai18n.useNumberFormatter)();
+    if (isSelected) stepStateText = stringFormatter.format("current");
+    else if (isCompleted) stepStateText = stringFormatter.format("completed");
+    else stepStateText = stringFormatter.format("notCompleted");
+    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),
+        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
+        })
+    }, /*#__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}`,
+        "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", {
+        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))), {
+        UNSAFE_className: (0, $5XIpf$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-chevron", {
+            "is-reversed": direction === "rtl"
+        })
+    })));
+}
+
+
+
+
+
+function $a64198f1506264d6$var$StepList(props, ref) {
+    const { size: size = "M", orientation: orientation = "horizontal" } = props;
+    props = (0, $5XIpf$reactspectrumprovider.useProviderProps)(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--vertical": orientation === "vertical"
+        })
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement((0, $b9b57d2de2195519$export$66136572efa4af6e).Provider, {
+        value: state
+    }, [
+        ...state.collection
+    ].map((item)=>/*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).createElement((0, $d2e2cd0667356b5d$export$87c2a8a94eda1754), {
+            key: item.key,
+            isDisabled: isDisabled,
+            isEmphasized: isEmphasized,
+            isReadOnly: isReadOnly,
+            item: item
+        }))));
+}
+const $a64198f1506264d6$export$ff2e09ca3ba758a9 = /*#__PURE__*/ (0, ($parcel$interopDefault($5XIpf$react))).forwardRef($a64198f1506264d6$var$StepList);
+
+
+
+
+
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"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  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"}

package/dist/module.js

@@ -0,0 +1,285 @@
+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";
+import {useStyleProps as $gZOFb$useStyleProps, useDOMRef as $gZOFb$useDOMRef, classNames as $gZOFb$classNames} from "@react-spectrum/utils";
+import $gZOFb$react, {useRef as $gZOFb$useRef, useContext as $gZOFb$useContext} from "react";
+import {useProviderProps as $gZOFb$useProviderProps} from "@react-spectrum/provider";
+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 {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";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /// <reference types="css-module-types" />
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+/*
+ * Copyright 202 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+const $739a883ac33f90d8$export$66136572efa4af6e = (0, $gZOFb$react).createContext(null);
+
+
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+var $08c8c4603e0a825e$exports = {};
+$08c8c4603e0a825e$exports = {
+    "completed": `Completed: `,
+    "notCompleted": `Not completed: `,
+    "current": `Current: `,
+    "steplist": `Step List`
+};
+
+
+var $62132693388ec24a$export$2e2bcd8739ae039 = {
+    "en-US": (0, (/*@__PURE__*/$parcel$interopDefault($08c8c4603e0a825e$exports)))
+};
+
+
+
+
+
+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, "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--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);
+$parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist--vertical", () => $b2477f17b7c66618$export$146e7d67031e074f, (v) => $b2477f17b7c66618$export$146e7d67031e074f = v);
+$parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist--xlarge", () => $b2477f17b7c66618$export$56195e68ddf7db1b, (v) => $b2477f17b7c66618$export$56195e68ddf7db1b = v);
+$parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist-chevron", () => $b2477f17b7c66618$export$e0b9c44558d2fb75, (v) => $b2477f17b7c66618$export$e0b9c44558d2fb75 = v);
+$parcel$export($b2477f17b7c66618$exports, "spectrum-Steplist-item", () => $b2477f17b7c66618$export$df6f1d30f09c136e, (v) => $b2477f17b7c66618$export$df6f1d30f09c136e = v);
+$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-segment", () => $b2477f17b7c66618$export$1f36a6b1ab318f2f, (v) => $b2477f17b7c66618$export$1f36a6b1ab318f2f = v);
+var $b2477f17b7c66618$export$980c1089c0604ea3;
+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$4109102f950813a6;
+var $b2477f17b7c66618$export$24c7f46a6e3605dd;
+var $b2477f17b7c66618$export$2927016961429360;
+var $b2477f17b7c66618$export$35315228197e36b8;
+var $b2477f17b7c66618$export$b8611be6978ea2dd;
+var $b2477f17b7c66618$export$b0d9d5077004711a;
+var $b2477f17b7c66618$export$9666cb7894b7712a;
+var $b2477f17b7c66618$export$43119eed81e90e13;
+var $b2477f17b7c66618$export$146e7d67031e074f;
+var $b2477f17b7c66618$export$56195e68ddf7db1b;
+var $b2477f17b7c66618$export$e0b9c44558d2fb75;
+var $b2477f17b7c66618$export$df6f1d30f09c136e;
+var $b2477f17b7c66618$export$2393468f68ff8031;
+var $b2477f17b7c66618$export$f622f4b07b665af3;
+var $b2477f17b7c66618$export$9d44d123fa093f85;
+var $b2477f17b7c66618$export$1f36a6b1ab318f2f;
+$b2477f17b7c66618$export$980c1089c0604ea3 = `Y9ExmG_chevron`;
+$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$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$b0d9d5077004711a = `Y9ExmG_spectrum-Steplist--large`;
+$b2477f17b7c66618$export$9666cb7894b7712a = `Y9ExmG_spectrum-Steplist--medium`;
+$b2477f17b7c66618$export$43119eed81e90e13 = `Y9ExmG_spectrum-Steplist--small`;
+$b2477f17b7c66618$export$146e7d67031e074f = `Y9ExmG_spectrum-Steplist--vertical`;
+$b2477f17b7c66618$export$56195e68ddf7db1b = `Y9ExmG_spectrum-Steplist--xlarge`;
+$b2477f17b7c66618$export$e0b9c44558d2fb75 = `Y9ExmG_spectrum-Steplist-chevron`;
+$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$1f36a6b1ab318f2f = `Y9ExmG_spectrum-Steplist-segment`;
+
+
+
+
+
+
+function $24c3cb1adfb0acc5$export$87c2a8a94eda1754(props) {
+    let { isDisabled: isDisabled, isEmphasized: isEmphasized, item: item } = props;
+    let { key: key } = item;
+    let ref = (0, $gZOFb$useRef)();
+    let { direction: direction } = (0, $gZOFb$useLocale)();
+    let state = (0, $gZOFb$useContext)((0, $739a883ac33f90d8$export$66136572efa4af6e));
+    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 stepStateText = "";
+    const stringFormatter = (0, $gZOFb$useLocalizedStringFormatter)((0, $62132693388ec24a$export$2e2bcd8739ae039));
+    const numberFormatter = (0, $gZOFb$useNumberFormatter)();
+    if (isSelected) stepStateText = stringFormatter.format("current");
+    else if (isCompleted) stepStateText = stringFormatter.format("completed");
+    else stepStateText = stringFormatter.format("notCompleted");
+    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),
+        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
+        })
+    }, /*#__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}`,
+        "aria-hidden": "true",
+        className: (0, $gZOFb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b2477f17b7c66618$exports))), "spectrum-Steplist-label")
+    }, item.rendered))), /*#__PURE__*/ (0, $gZOFb$react).createElement("span", {
+        className: (0, $gZOFb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b2477f17b7c66618$exports))), "spectrum-Steplist-segment", {
+            "is-completed": isCompleted
+        })
+    }, /*#__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"
+        })
+    })));
+}
+
+
+
+
+
+function $6bd0589d5d2f8b66$var$StepList(props, ref) {
+    const { size: size = "M", orientation: orientation = "horizontal" } = props;
+    props = (0, $gZOFb$useProviderProps)(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--vertical": orientation === "vertical"
+        })
+    }, /*#__PURE__*/ (0, $gZOFb$react).createElement((0, $739a883ac33f90d8$export$66136572efa4af6e).Provider, {
+        value: state
+    }, [
+        ...state.collection
+    ].map((item)=>/*#__PURE__*/ (0, $gZOFb$react).createElement((0, $24c3cb1adfb0acc5$export$87c2a8a94eda1754), {
+            key: item.key,
+            isDisabled: isDisabled,
+            isEmphasized: isEmphasized,
+            isReadOnly: isReadOnly,
+            item: item
+        }))));
+}
+const $6bd0589d5d2f8b66$export$ff2e09ca3ba758a9 = /*#__PURE__*/ (0, $gZOFb$react).forwardRef($6bd0589d5d2f8b66$var$StepList);
+
+
+
+
+
+export {$6bd0589d5d2f8b66$export$ff2e09ca3ba758a9 as StepList, $6f77c10bf951cb4f$re_export$Item as Item};
+//# sourceMappingURL=module.js.map