@react-spectrum/steplist 3.0.0-nightly.4555 → 3.0.0-nightly.4558

package/dist/StepList.main.js

@@ -0,0 +1,73 @@
+var $b9b57d2de2195519$exports = require("./StepListContext.main.js");
+var $d2e2cd0667356b5d$exports = require("./StepListItem.main.js");
+require("./vars.0d2f4ddd.css");
+var $390add5aac6e4d73$exports = require("./steplist_vars_css.main.js");
+var $i9j2Q$reactariasteplist = require("@react-aria/steplist");
+var $i9j2Q$reactspectrumutils = require("@react-spectrum/utils");
+var $i9j2Q$react = require("react");
+var $i9j2Q$reactspectrumprovider = require("@react-spectrum/provider");
+var $i9j2Q$reactstatelysteplist = require("@react-stately/steplist");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "StepList", () => $a64198f1506264d6$export$ff2e09ca3ba758a9);
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+
+function $a64198f1506264d6$var$StepList(props, ref) {
+    const { size: size = "M", orientation: orientation = "horizontal" } = props;
+    props = (0, $i9j2Q$reactspectrumprovider.useProviderProps)(props);
+    const { isDisabled: isDisabled, isEmphasized: isEmphasized } = props;
+    let { styleProps: styleProps } = (0, $i9j2Q$reactspectrumutils.useStyleProps)(props);
+    let domRef = (0, $i9j2Q$reactspectrumutils.useDOMRef)(ref);
+    let state = (0, $i9j2Q$reactstatelysteplist.useStepListState)(props);
+    let { listProps: listProps } = (0, $i9j2Q$reactariasteplist.useStepList)(props, state, domRef);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($i9j2Q$react))).createElement("ol", {
+        ...listProps,
+        ...styleProps,
+        ref: domRef,
+        className: (0, $i9j2Q$reactspectrumutils.classNames)((0, ($parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist", styleProps.className, {
+            "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($i9j2Q$react))).createElement((0, $b9b57d2de2195519$exports.StepListContext).Provider, {
+        value: state
+    }, [
+        ...state.collection
+    ].map((item)=>/*#__PURE__*/ (0, ($parcel$interopDefault($i9j2Q$react))).createElement((0, $d2e2cd0667356b5d$exports.StepListItem), {
+            key: item.key,
+            isDisabled: isDisabled,
+            item: item
+        }))));
+}
+const $a64198f1506264d6$export$ff2e09ca3ba758a9 = /*#__PURE__*/ (0, ($parcel$interopDefault($i9j2Q$react))).forwardRef($a64198f1506264d6$var$StepList);
+
+
+//# sourceMappingURL=StepList.main.js.map

package/dist/StepList.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA8BD,SAAS,+BAA2B,KAA+B,EAAE,GAA6B;IAChG,MAAM,QAAC,OAAO,kBAAK,cAAc,cAAa,GAAG;IACjD,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,MAAM,cAAC,UAAU,gBAAE,YAAY,EAAC,GAAG;IACnC,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;IAG5C,qBACE,0DAAC;QACE,GAAG,SAAS;QACZ,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,4BAA4B,SAAS;YACrC,6BAA6B,SAAS;YACtC,4BAA4B,SAAS;YACrC,6BAA6B,SAAS;YACtC,iCAAiC;YACjC,iCAAiC,gBAAgB;YACjD,+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,sCAAW;YACV,KAAK,KAAK,GAAG;YACb,YAAY;YACZ,MAAM;;AAMlB;AAEA,MAAM,0DAAY,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/steplist/src/StepList.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {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"],"names":[],"version":3,"file":"StepList.main.js.map"}

package/dist/StepList.mjs

@@ -0,0 +1,68 @@
+import {StepListContext as $739a883ac33f90d8$export$66136572efa4af6e} from "./StepListContext.mjs";
+import {StepListItem as $24c3cb1adfb0acc5$export$87c2a8a94eda1754} from "./StepListItem.mjs";
+import "./vars.0d2f4ddd.css";
+import $kkmdw$steplist_vars_cssmodulejs from "./steplist_vars_css.mjs";
+import {useStepList as $kkmdw$useStepList} from "@react-aria/steplist";
+import {useStyleProps as $kkmdw$useStyleProps, useDOMRef as $kkmdw$useDOMRef, classNames as $kkmdw$classNames} from "@react-spectrum/utils";
+import $kkmdw$react from "react";
+import {useProviderProps as $kkmdw$useProviderProps} from "@react-spectrum/provider";
+import {useStepListState as $kkmdw$useStepListState} from "@react-stately/steplist";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+
+function $6bd0589d5d2f8b66$var$StepList(props, ref) {
+    const { size: size = "M", orientation: orientation = "horizontal" } = props;
+    props = (0, $kkmdw$useProviderProps)(props);
+    const { isDisabled: isDisabled, isEmphasized: isEmphasized } = props;
+    let { styleProps: styleProps } = (0, $kkmdw$useStyleProps)(props);
+    let domRef = (0, $kkmdw$useDOMRef)(ref);
+    let state = (0, $kkmdw$useStepListState)(props);
+    let { listProps: listProps } = (0, $kkmdw$useStepList)(props, state, domRef);
+    return /*#__PURE__*/ (0, $kkmdw$react).createElement("ol", {
+        ...listProps,
+        ...styleProps,
+        ref: domRef,
+        className: (0, $kkmdw$classNames)((0, ($parcel$interopDefault($kkmdw$steplist_vars_cssmodulejs))), "spectrum-Steplist", styleProps.className, {
+            "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, $kkmdw$react).createElement((0, $739a883ac33f90d8$export$66136572efa4af6e).Provider, {
+        value: state
+    }, [
+        ...state.collection
+    ].map((item)=>/*#__PURE__*/ (0, $kkmdw$react).createElement((0, $24c3cb1adfb0acc5$export$87c2a8a94eda1754), {
+            key: item.key,
+            isDisabled: isDisabled,
+            item: item
+        }))));
+}
+const $6bd0589d5d2f8b66$export$ff2e09ca3ba758a9 = /*#__PURE__*/ (0, $kkmdw$react).forwardRef($6bd0589d5d2f8b66$var$StepList);
+
+
+export {$6bd0589d5d2f8b66$export$ff2e09ca3ba758a9 as StepList};
+//# sourceMappingURL=StepList.mjs.map

package/dist/StepList.module.js

@@ -0,0 +1,68 @@
+import {StepListContext as $739a883ac33f90d8$export$66136572efa4af6e} from "./StepListContext.module.js";
+import {StepListItem as $24c3cb1adfb0acc5$export$87c2a8a94eda1754} from "./StepListItem.module.js";
+import "./vars.0d2f4ddd.css";
+import $kkmdw$steplist_vars_cssmodulejs from "./steplist_vars_css.module.js";
+import {useStepList as $kkmdw$useStepList} from "@react-aria/steplist";
+import {useStyleProps as $kkmdw$useStyleProps, useDOMRef as $kkmdw$useDOMRef, classNames as $kkmdw$classNames} from "@react-spectrum/utils";
+import $kkmdw$react from "react";
+import {useProviderProps as $kkmdw$useProviderProps} from "@react-spectrum/provider";
+import {useStepListState as $kkmdw$useStepListState} from "@react-stately/steplist";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+
+function $6bd0589d5d2f8b66$var$StepList(props, ref) {
+    const { size: size = "M", orientation: orientation = "horizontal" } = props;
+    props = (0, $kkmdw$useProviderProps)(props);
+    const { isDisabled: isDisabled, isEmphasized: isEmphasized } = props;
+    let { styleProps: styleProps } = (0, $kkmdw$useStyleProps)(props);
+    let domRef = (0, $kkmdw$useDOMRef)(ref);
+    let state = (0, $kkmdw$useStepListState)(props);
+    let { listProps: listProps } = (0, $kkmdw$useStepList)(props, state, domRef);
+    return /*#__PURE__*/ (0, $kkmdw$react).createElement("ol", {
+        ...listProps,
+        ...styleProps,
+        ref: domRef,
+        className: (0, $kkmdw$classNames)((0, ($parcel$interopDefault($kkmdw$steplist_vars_cssmodulejs))), "spectrum-Steplist", styleProps.className, {
+            "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, $kkmdw$react).createElement((0, $739a883ac33f90d8$export$66136572efa4af6e).Provider, {
+        value: state
+    }, [
+        ...state.collection
+    ].map((item)=>/*#__PURE__*/ (0, $kkmdw$react).createElement((0, $24c3cb1adfb0acc5$export$87c2a8a94eda1754), {
+            key: item.key,
+            isDisabled: isDisabled,
+            item: item
+        }))));
+}
+const $6bd0589d5d2f8b66$export$ff2e09ca3ba758a9 = /*#__PURE__*/ (0, $kkmdw$react).forwardRef($6bd0589d5d2f8b66$var$StepList);
+
+
+export {$6bd0589d5d2f8b66$export$ff2e09ca3ba758a9 as StepList};
+//# sourceMappingURL=StepList.module.js.map

package/dist/StepList.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA8BD,SAAS,+BAA2B,KAA+B,EAAE,GAA6B;IAChG,MAAM,QAAC,OAAO,kBAAK,cAAc,cAAa,GAAG;IACjD,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,MAAM,cAAC,UAAU,gBAAE,YAAY,EAAC,GAAG;IACnC,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,QAAQ,CAAA,GAAA,uBAAe,EAAE;IAC7B,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,kBAAU,EAAE,OAAO,OAAO;IAG5C,qBACE,gCAAC;QACE,GAAG,SAAS;QACZ,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,4BAA4B,SAAS;YACrC,6BAA6B,SAAS;YACtC,4BAA4B,SAAS;YACrC,6BAA6B,SAAS;YACtC,iCAAiC;YACjC,iCAAiC,gBAAgB;YACjD,+BAA+B,gBAAgB;QACjD;qBACA,gCAAC,CAAA,GAAA,yCAAc,EAAE,QAAQ;QAAC,OAAO;OAC9B;WAAI,MAAM,UAAU;KAAC,CAAC,GAAG,CAAC,CAAC,qBAC1B,gCAAC,CAAA,GAAA,yCAAW;YACV,KAAK,KAAK,GAAG;YACb,YAAY;YACZ,MAAM;;AAMlB;AAEA,MAAM,0DAAY,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/steplist/src/StepList.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {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"],"names":[],"version":3,"file":"StepList.module.js.map"}

package/dist/StepListContext.main.js

@@ -0,0 +1,27 @@
+var $cVd2T$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "StepListContext", () => $b9b57d2de2195519$export$66136572efa4af6e);
+/*
+ * 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($cVd2T$react))).createContext(null);
+
+
+//# sourceMappingURL=StepListContext.main.js.map

package/dist/StepListContext.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAKM,MAAM,4CAAkB,CAAA,GAAA,sCAAI,EAAE,aAAa,CAAgC","sources":["packages/@react-spectrum/steplist/src/StepListContext.ts"],"sourcesContent":["/*\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"],"names":[],"version":3,"file":"StepListContext.main.js.map"}

package/dist/StepListContext.mjs

@@ -0,0 +1,18 @@
+import $ksFc4$react from "react";
+
+/*
+ * 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, $ksFc4$react).createContext(null);
+
+
+export {$739a883ac33f90d8$export$66136572efa4af6e as StepListContext};
+//# sourceMappingURL=StepListContext.mjs.map

package/dist/StepListContext.module.js

@@ -0,0 +1,18 @@
+import $ksFc4$react from "react";
+
+/*
+ * 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, $ksFc4$react).createContext(null);
+
+
+export {$739a883ac33f90d8$export$66136572efa4af6e as StepListContext};
+//# sourceMappingURL=StepListContext.module.js.map

package/dist/StepListContext.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAKM,MAAM,4CAAkB,CAAA,GAAA,YAAI,EAAE,aAAa,CAAgC","sources":["packages/@react-spectrum/steplist/src/StepListContext.ts"],"sourcesContent":["/*\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"],"names":[],"version":3,"file":"StepListContext.module.js.map"}

package/dist/StepListItem.main.js

@@ -0,0 +1,122 @@
+var $fed92386245d94a4$exports = require("./index.main.js");
+var $b9b57d2de2195519$exports = require("./StepListContext.main.js");
+require("./vars.0d2f4ddd.css");
+var $390add5aac6e4d73$exports = require("./steplist_vars_css.main.js");
+var $bJioC$spectrumiconsuiChevronRightMedium = require("@spectrum-icons/ui/ChevronRightMedium");
+var $bJioC$reactspectrumutils = require("@react-spectrum/utils");
+var $bJioC$reactariafocus = require("@react-aria/focus");
+var $bJioC$reactariautils = require("@react-aria/utils");
+var $bJioC$react = require("react");
+var $bJioC$reactariainteractions = require("@react-aria/interactions");
+var $bJioC$reactariai18n = require("@react-aria/i18n");
+var $bJioC$reactariasteplist = require("@react-aria/steplist");
+var $bJioC$reactariavisuallyhidden = require("@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});
+}
+
+$parcel$export(module.exports, "StepListItem", () => $d2e2cd0667356b5d$export$87c2a8a94eda1754);
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+function $d2e2cd0667356b5d$export$87c2a8a94eda1754(props) {
+    let { isDisabled: isDisabled, item: item } = props;
+    let { key: key } = item;
+    let ref = (0, $bJioC$react.useRef)(null);
+    let { direction: direction } = (0, $bJioC$reactariai18n.useLocale)();
+    let state = (0, $bJioC$react.useContext)((0, $b9b57d2de2195519$exports.StepListContext));
+    const isSelected = state.selectedKey === key;
+    const isCompleted = state.isCompleted(key);
+    const isItemDisabled = isDisabled || state.disabledKeys.has(key);
+    let { stepProps: stepProps, stepStateProps: stepStateProps } = (0, $bJioC$reactariasteplist.useStepListItem)({
+        ...props,
+        key: key
+    }, state, ref);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bJioC$reactariainteractions.useHover)({
+        ...props,
+        isDisabled: isItemDisabled || isSelected || props.isReadOnly
+    });
+    let stepStateText = "";
+    const stringFormatter = (0, $bJioC$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($fed92386245d94a4$exports))), "@react-spectrum/steplist");
+    const numberFormatter = (0, $bJioC$reactariai18n.useNumberFormatter)();
+    if (isSelected) stepStateText = stringFormatter.format("current");
+    else if (isCompleted) stepStateText = stringFormatter.format("completed");
+    else stepStateText = stringFormatter.format("notCompleted");
+    let markerId = (0, $bJioC$reactariautils.useId)();
+    let labelId = (0, $bJioC$reactariautils.useId)();
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($bJioC$react))).createElement("li", {
+        className: (0, $bJioC$reactspectrumutils.classNames)((0, ($parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-item")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($bJioC$react))).createElement((0, $bJioC$reactariafocus.FocusRing), {
+        within: true,
+        focusRingClass: (0, $bJioC$reactspectrumutils.classNames)((0, ($parcel$interopDefault($390add5aac6e4d73$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($bJioC$react))).createElement("a", {
+        ...(0, $bJioC$reactariautils.mergeProps)(hoverProps, stepProps),
+        "aria-labelledby": `${markerId} ${labelId}`,
+        ref: ref,
+        className: (0, $bJioC$reactspectrumutils.classNames)((0, ($parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-link", {
+            "is-selected": isSelected && !isItemDisabled,
+            "is-disabled": isItemDisabled,
+            "is-hovered": isHovered,
+            "is-completed": isCompleted,
+            "is-selectable": state.isSelectable(key) && !isSelected
+        })
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($bJioC$react))).createElement((0, $bJioC$reactariavisuallyhidden.VisuallyHidden), stepStateProps, stepStateText), /*#__PURE__*/ (0, ($parcel$interopDefault($bJioC$react))).createElement("div", {
+        id: labelId,
+        "aria-hidden": "true",
+        className: (0, $bJioC$reactspectrumutils.classNames)((0, ($parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-label")
+    }, item.rendered), /*#__PURE__*/ (0, ($parcel$interopDefault($bJioC$react))).createElement("div", {
+        className: (0, $bJioC$reactspectrumutils.classNames)((0, ($parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-segment", {
+            "is-completed": isCompleted
+        })
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($bJioC$react))).createElement("svg", {
+        className: (0, $bJioC$reactspectrumutils.classNames)((0, ($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($bJioC$react))).createElement("line", {
+        x1: "1",
+        y1: "0",
+        x2: "1",
+        y2: "8",
+        vectorEffect: "non-scaling-stroke"
+    })), /*#__PURE__*/ (0, ($parcel$interopDefault($bJioC$react))).createElement((0, ($parcel$interopDefault($bJioC$spectrumiconsuiChevronRightMedium))), {
+        UNSAFE_className: (0, $bJioC$reactspectrumutils.classNames)((0, ($parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-chevron", {
+            "is-reversed": direction === "rtl"
+        })
+    })), /*#__PURE__*/ (0, ($parcel$interopDefault($bJioC$react))).createElement("div", {
+        "aria-hidden": "true",
+        className: (0, $bJioC$reactspectrumutils.classNames)((0, ($parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-markerWrapper")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($bJioC$react))).createElement("div", {
+        id: markerId,
+        className: (0, $bJioC$reactspectrumutils.classNames)((0, ($parcel$interopDefault($390add5aac6e4d73$exports))), "spectrum-Steplist-marker")
+    }, numberFormatter.format((item.index || 0) + 1))))));
+}
+
+
+//# sourceMappingURL=StepListItem.main.js.map

package/dist/StepListItem.main.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-spectrum/steplist/src/StepListItem.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '@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"],"names":[],"version":3,"file":"StepListItem.main.js.map"}

package/dist/StepListItem.mjs

@@ -0,0 +1,117 @@
+import $62132693388ec24a$export$2e2bcd8739ae039 from "./index.mjs";
+import {StepListContext as $739a883ac33f90d8$export$66136572efa4af6e} from "./StepListContext.mjs";
+import "./vars.0d2f4ddd.css";
+import $j1UBu$steplist_vars_cssmodulejs from "./steplist_vars_css.mjs";
+import $j1UBu$spectrumiconsuiChevronRightMedium from "@spectrum-icons/ui/ChevronRightMedium";
+import {classNames as $j1UBu$classNames} from "@react-spectrum/utils";
+import {FocusRing as $j1UBu$FocusRing} from "@react-aria/focus";
+import {useId as $j1UBu$useId, mergeProps as $j1UBu$mergeProps} from "@react-aria/utils";
+import $j1UBu$react, {useRef as $j1UBu$useRef, useContext as $j1UBu$useContext} from "react";
+import {useHover as $j1UBu$useHover} from "@react-aria/interactions";
+import {useLocale as $j1UBu$useLocale, useLocalizedStringFormatter as $j1UBu$useLocalizedStringFormatter, useNumberFormatter as $j1UBu$useNumberFormatter} from "@react-aria/i18n";
+import {useStepListItem as $j1UBu$useStepListItem} from "@react-aria/steplist";
+import {VisuallyHidden as $j1UBu$VisuallyHidden} from "@react-aria/visually-hidden";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+function $24c3cb1adfb0acc5$export$87c2a8a94eda1754(props) {
+    let { isDisabled: isDisabled, item: item } = props;
+    let { key: key } = item;
+    let ref = (0, $j1UBu$useRef)(null);
+    let { direction: direction } = (0, $j1UBu$useLocale)();
+    let state = (0, $j1UBu$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, $j1UBu$useStepListItem)({
+        ...props,
+        key: key
+    }, state, ref);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $j1UBu$useHover)({
+        ...props,
+        isDisabled: isItemDisabled || isSelected || props.isReadOnly
+    });
+    let stepStateText = "";
+    const stringFormatter = (0, $j1UBu$useLocalizedStringFormatter)((0, $62132693388ec24a$export$2e2bcd8739ae039), "@react-spectrum/steplist");
+    const numberFormatter = (0, $j1UBu$useNumberFormatter)();
+    if (isSelected) stepStateText = stringFormatter.format("current");
+    else if (isCompleted) stepStateText = stringFormatter.format("completed");
+    else stepStateText = stringFormatter.format("notCompleted");
+    let markerId = (0, $j1UBu$useId)();
+    let labelId = (0, $j1UBu$useId)();
+    return /*#__PURE__*/ (0, $j1UBu$react).createElement("li", {
+        className: (0, $j1UBu$classNames)((0, ($parcel$interopDefault($j1UBu$steplist_vars_cssmodulejs))), "spectrum-Steplist-item")
+    }, /*#__PURE__*/ (0, $j1UBu$react).createElement((0, $j1UBu$FocusRing), {
+        within: true,
+        focusRingClass: (0, $j1UBu$classNames)((0, ($parcel$interopDefault($j1UBu$steplist_vars_cssmodulejs))), "focus-ring")
+    }, /*#__PURE__*/ (0, $j1UBu$react).createElement("a", {
+        ...(0, $j1UBu$mergeProps)(hoverProps, stepProps),
+        "aria-labelledby": `${markerId} ${labelId}`,
+        ref: ref,
+        className: (0, $j1UBu$classNames)((0, ($parcel$interopDefault($j1UBu$steplist_vars_cssmodulejs))), "spectrum-Steplist-link", {
+            "is-selected": isSelected && !isItemDisabled,
+            "is-disabled": isItemDisabled,
+            "is-hovered": isHovered,
+            "is-completed": isCompleted,
+            "is-selectable": state.isSelectable(key) && !isSelected
+        })
+    }, /*#__PURE__*/ (0, $j1UBu$react).createElement((0, $j1UBu$VisuallyHidden), stepStateProps, stepStateText), /*#__PURE__*/ (0, $j1UBu$react).createElement("div", {
+        id: labelId,
+        "aria-hidden": "true",
+        className: (0, $j1UBu$classNames)((0, ($parcel$interopDefault($j1UBu$steplist_vars_cssmodulejs))), "spectrum-Steplist-label")
+    }, item.rendered), /*#__PURE__*/ (0, $j1UBu$react).createElement("div", {
+        className: (0, $j1UBu$classNames)((0, ($parcel$interopDefault($j1UBu$steplist_vars_cssmodulejs))), "spectrum-Steplist-segment", {
+            "is-completed": isCompleted
+        })
+    }, /*#__PURE__*/ (0, $j1UBu$react).createElement("svg", {
+        className: (0, $j1UBu$classNames)((0, ($parcel$interopDefault($j1UBu$steplist_vars_cssmodulejs))), "spectrum-Steplist-segmentLine"),
+        xmlns: "http://www.w3.org/2000/svg",
+        height: "100%",
+        viewBox: "0 0 2 8",
+        preserveAspectRatio: "none"
+    }, /*#__PURE__*/ (0, $j1UBu$react).createElement("line", {
+        x1: "1",
+        y1: "0",
+        x2: "1",
+        y2: "8",
+        vectorEffect: "non-scaling-stroke"
+    })), /*#__PURE__*/ (0, $j1UBu$react).createElement((0, $j1UBu$spectrumiconsuiChevronRightMedium), {
+        UNSAFE_className: (0, $j1UBu$classNames)((0, ($parcel$interopDefault($j1UBu$steplist_vars_cssmodulejs))), "spectrum-Steplist-chevron", {
+            "is-reversed": direction === "rtl"
+        })
+    })), /*#__PURE__*/ (0, $j1UBu$react).createElement("div", {
+        "aria-hidden": "true",
+        className: (0, $j1UBu$classNames)((0, ($parcel$interopDefault($j1UBu$steplist_vars_cssmodulejs))), "spectrum-Steplist-markerWrapper")
+    }, /*#__PURE__*/ (0, $j1UBu$react).createElement("div", {
+        id: markerId,
+        className: (0, $j1UBu$classNames)((0, ($parcel$interopDefault($j1UBu$steplist_vars_cssmodulejs))), "spectrum-Steplist-marker")
+    }, numberFormatter.format((item.index || 0) + 1))))));
+}
+
+
+export {$24c3cb1adfb0acc5$export$87c2a8a94eda1754 as StepListItem};
+//# sourceMappingURL=StepListItem.mjs.map