@easypost/easy-ui 1.0.0-alpha.9 → 1.0.0-alpha.91

package/__chunks__/SelectorErrorTooltip-CfELFFol.mjs

@@ -0,0 +1,75 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React__default from "react";
+import { I as Icon } from "./Icon-0SN9dbwU.mjs";
+import { T as Text } from "./Text-BWjD7__Y.mjs";
+import { T as Tooltip } from "./Tooltip-UHXfPjcM.mjs";
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
+    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const ErrorFill = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
+  return React.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React.createElement("title", {
+    id: titleId
+  }, title) : null, React.createElement("path", {
+    d: "M479.98-290.77q11.9 0 19.58-7.66 7.67-7.65 7.67-19.55t-7.66-19.58q-7.65-7.67-19.55-7.67t-19.58 7.65q-7.67 7.66-7.67 19.56 0 11.9 7.66 19.58 7.65 7.67 19.55 7.67Zm-20.44-141.08h45.38v-249.53h-45.38v249.53ZM480.33-100q-78.95 0-147.89-29.92-68.95-29.92-120.76-81.71-51.81-51.79-81.75-120.78Q100-401.39 100-480.43q0-78.66 29.92-147.87 29.92-69.21 81.71-120.52 51.79-51.31 120.78-81.25Q401.39-860 480.43-860q78.66 0 147.87 29.92 69.21 29.92 120.52 81.21 51.31 51.29 81.25 120.63Q860-558.9 860-480.33q0 78.95-29.92 147.89-29.92 68.95-81.21 120.57-51.29 51.63-120.63 81.75Q558.9-100 480.33-100Z"
+  }));
+};
+const SelectorErrorTooltip$1 = "_SelectorErrorTooltip_1kio4_4";
+const styles = {
+  SelectorErrorTooltip: SelectorErrorTooltip$1
+};
+function SelectorErrorTooltip(props) {
+  return React__default.createElement(Tooltip, __spreadValues({}, props), React__default.createElement("span", {
+    tabIndex: 0,
+    className: styles.SelectorErrorTooltip
+  }, React__default.createElement(Text, {
+    visuallyHidden: true
+  }, "Error"), React__default.createElement(Icon, {
+    symbol: ErrorFill
+  })));
+}
+export {
+  SelectorErrorTooltip as S
+};

package/__chunks__/SelectorErrorTooltip-Dy5XVo5i.js

@@ -0,0 +1,90 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const React = require("react");
+const Icon = require("./Icon-W8F9w-jS.js");
+const Text = require("./Text-BXsuDbqc.js");
+const Tooltip = require("./Tooltip-DCaNdmWS.js");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
+    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const ErrorFill = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.createElement("path", {
+    d: "M479.98-290.77q11.9 0 19.58-7.66 7.67-7.65 7.67-19.55t-7.66-19.58q-7.65-7.67-19.55-7.67t-19.58 7.65q-7.67 7.66-7.67 19.56 0 11.9 7.66 19.58 7.65 7.67 19.55 7.67Zm-20.44-141.08h45.38v-249.53h-45.38v249.53ZM480.33-100q-78.95 0-147.89-29.92-68.95-29.92-120.76-81.71-51.81-51.79-81.75-120.78Q100-401.39 100-480.43q0-78.66 29.92-147.87 29.92-69.21 81.71-120.52 51.79-51.31 120.78-81.25Q401.39-860 480.43-860q78.66 0 147.87 29.92 69.21 29.92 120.52 81.21 51.31 51.29 81.25 120.63Q860-558.9 860-480.33q0 78.95-29.92 147.89-29.92 68.95-81.21 120.57-51.29 51.63-120.63 81.75Q558.9-100 480.33-100Z"
+  }));
+};
+const SelectorErrorTooltip$1 = "_SelectorErrorTooltip_1kio4_4";
+const styles = {
+  SelectorErrorTooltip: SelectorErrorTooltip$1
+};
+function SelectorErrorTooltip(props) {
+  return React.createElement(Tooltip.Tooltip, __spreadValues({}, props), React.createElement("span", {
+    tabIndex: 0,
+    className: styles.SelectorErrorTooltip
+  }, React.createElement(Text.Text, {
+    visuallyHidden: true
+  }, "Error"), React.createElement(Icon.Icon, {
+    symbol: ErrorFill
+  })));
+}
+exports.SelectorErrorTooltip = SelectorErrorTooltip;

package/__chunks__/Spinner-CVdzIrmm.mjs

@@ -0,0 +1,100 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import React__default, { useMemo, useId } from "react";
+import { T as Text } from "./Text-BWjD7__Y.mjs";
+import { getComponentToken, getComponentDesignToken, getComponentThemeToken } from "../utilities/css.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-CORsYhTp.mjs";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
+import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-CLRm_tTs.mjs";
+import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-DG4LdFPw.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BEoWr5Bw.mjs";
+import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-p5KNJNTT.mjs";
+function $a916eb452884faea$export$b7a616150fdb9f44(options = {}) {
+  let { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  return useMemo(() => new $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5(locale, options), [
+    locale,
+    options
+  ]);
+}
+function $204d9ebcedfb8806$export$ed5abd763a836edc(props) {
+  let { value = 0, minValue = 0, maxValue = 100, valueLabel, isIndeterminate, formatOptions = {
+    style: "percent"
+  } } = props;
+  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let { labelProps, fieldProps } = $d191a55c9702f145$export$8467354a121f1b9f(__spreadProps(__spreadValues({}, props), {
+    // Progress bar is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span"
+  }));
+  value = $9446cca9a3875146$export$7d15b64cf5a3a4c4(value, minValue, maxValue);
+  let percentage = (value - minValue) / (maxValue - minValue);
+  let formatter = $a916eb452884faea$export$b7a616150fdb9f44(formatOptions);
+  if (!isIndeterminate && !valueLabel) {
+    let valueToFormat = formatOptions.style === "percent" ? percentage : value;
+    valueLabel = formatter.format(valueToFormat);
+  }
+  return {
+    progressBarProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, __spreadProps(__spreadValues({}, fieldProps), {
+      "aria-valuenow": isIndeterminate ? void 0 : value,
+      "aria-valuemin": minValue,
+      "aria-valuemax": maxValue,
+      "aria-valuetext": isIndeterminate ? void 0 : valueLabel,
+      role: "progressbar"
+    })),
+    labelProps
+  };
+}
+const spinner = "_spinner_ug84i_4";
+const progress = "_progress_ug84i_15";
+const indeterminate = "_indeterminate_ug84i_24";
+const styles = {
+  spinner,
+  progress,
+  indeterminate
+};
+const Spinner = (props) => {
+  var _a, _b;
+  const { children, size = "md", color = "neutral.500", isIndeterminate = false, value } = props;
+  const { progressBarProps, labelProps } = $204d9ebcedfb8806$export$ed5abd763a836edc(__spreadProps(__spreadValues({}, props), {
+    label: children
+  }));
+  const id = useId();
+  const degrees = !isIndeterminate && value && value * 360 / 100;
+  const style = __spreadValues(__spreadValues(__spreadValues({}, getComponentThemeToken("spinner", "color", "color", color)), getComponentDesignToken("spinner", "size", "size.icon", size)), degrees && __spreadValues({}, getComponentToken("spinner", "degrees", `${degrees}deg`)));
+  return React__default.createElement("div", __spreadProps(__spreadValues({}, progressBarProps), {
+    className: styles.spinner,
+    style,
+    role: isIndeterminate ? "status" : progressBarProps.role,
+    "aria-labelledby": (_a = progressBarProps["aria-labelledby"]) != null ? _a : id
+  }), isIndeterminate ? React__default.createElement("div", {
+    className: styles.indeterminate
+  }, React__default.createElement("div", null), React__default.createElement("div", null), React__default.createElement("div", null)) : React__default.createElement("div", {
+    className: styles.progress
+  }), React__default.createElement(Text, __spreadProps(__spreadValues({}, labelProps), {
+    id: (_b = labelProps.id) != null ? _b : id,
+    visuallyHidden: !children,
+    variant: "subtitle2"
+  }), children ? children : "Loading"));
+};
+export {
+  Spinner as S
+};

package/__chunks__/Spinner-Cyc2JsYB.js

@@ -0,0 +1,99 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const React = require("react");
+const Text = require("./Text-BXsuDbqc.js");
+const utilities_css = require("../utilities/css.js");
+const mergeProps = require("./mergeProps-d7wJkv71.js");
+const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
+const number = require("./number-C4N6pKyl.js");
+const useLabel = require("./useLabel-D9oYLpKn.js");
+const context = require("./context-Dxz9OXQY.js");
+const NumberFormatter = require("./NumberFormatter-CXW1Iqpu.js");
+function $a916eb452884faea$export$b7a616150fdb9f44(options = {}) {
+  let { locale } = context.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  return React.useMemo(() => new NumberFormatter.$488c6ddbf4ef74c2$export$cc77c4ff7e8673c5(locale, options), [
+    locale,
+    options
+  ]);
+}
+function $204d9ebcedfb8806$export$ed5abd763a836edc(props) {
+  let { value = 0, minValue = 0, maxValue = 100, valueLabel, isIndeterminate, formatOptions = {
+    style: "percent"
+  } } = props;
+  let domProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let { labelProps, fieldProps } = useLabel.$d191a55c9702f145$export$8467354a121f1b9f(__spreadProps(__spreadValues({}, props), {
+    // Progress bar is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span"
+  }));
+  value = number.$9446cca9a3875146$export$7d15b64cf5a3a4c4(value, minValue, maxValue);
+  let percentage = (value - minValue) / (maxValue - minValue);
+  let formatter = $a916eb452884faea$export$b7a616150fdb9f44(formatOptions);
+  if (!isIndeterminate && !valueLabel) {
+    let valueToFormat = formatOptions.style === "percent" ? percentage : value;
+    valueLabel = formatter.format(valueToFormat);
+  }
+  return {
+    progressBarProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, __spreadProps(__spreadValues({}, fieldProps), {
+      "aria-valuenow": isIndeterminate ? void 0 : value,
+      "aria-valuemin": minValue,
+      "aria-valuemax": maxValue,
+      "aria-valuetext": isIndeterminate ? void 0 : valueLabel,
+      role: "progressbar"
+    })),
+    labelProps
+  };
+}
+const spinner = "_spinner_ug84i_4";
+const progress = "_progress_ug84i_15";
+const indeterminate = "_indeterminate_ug84i_24";
+const styles = {
+  spinner,
+  progress,
+  indeterminate
+};
+const Spinner = (props) => {
+  var _a, _b;
+  const { children, size = "md", color = "neutral.500", isIndeterminate = false, value } = props;
+  const { progressBarProps, labelProps } = $204d9ebcedfb8806$export$ed5abd763a836edc(__spreadProps(__spreadValues({}, props), {
+    label: children
+  }));
+  const id = React.useId();
+  const degrees = !isIndeterminate && value && value * 360 / 100;
+  const style = __spreadValues(__spreadValues(__spreadValues({}, utilities_css.getComponentThemeToken("spinner", "color", "color", color)), utilities_css.getComponentDesignToken("spinner", "size", "size.icon", size)), degrees && __spreadValues({}, utilities_css.getComponentToken("spinner", "degrees", `${degrees}deg`)));
+  return React.createElement("div", __spreadProps(__spreadValues({}, progressBarProps), {
+    className: styles.spinner,
+    style,
+    role: isIndeterminate ? "status" : progressBarProps.role,
+    "aria-labelledby": (_a = progressBarProps["aria-labelledby"]) != null ? _a : id
+  }), isIndeterminate ? React.createElement("div", {
+    className: styles.indeterminate
+  }, React.createElement("div", null), React.createElement("div", null), React.createElement("div", null)) : React.createElement("div", {
+    className: styles.progress
+  }), React.createElement(Text.Text, __spreadProps(__spreadValues({}, labelProps), {
+    id: (_b = labelProps.id) != null ? _b : id,
+    visuallyHidden: !children,
+    variant: "subtitle2"
+  }), children ? children : "Loading"));
+};
+exports.Spinner = Spinner;

package/__chunks__/Stepper-CexdatYw.mjs

@@ -0,0 +1,169 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import React__default, { createContext, useContext, Children, useMemo } from "react";
+import { H as HorizontalStack } from "./HorizontalStack-CxE8tPx_.mjs";
+import { V as VerticalStack } from "./VerticalStack-C2yDQVHD.mjs";
+import { A as ArrowForwardIos } from "./ArrowForwardIos-DSeLeLhY.mjs";
+import { C as CheckCircle } from "./CheckCircle-C9h2PNWU.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-CbCwVIkK.mjs";
+import { classNames, variationName } from "../utilities/css.mjs";
+import { I as Icon } from "./Icon-0SN9dbwU.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-I6O2iIqT.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-CORsYhTp.mjs";
+const InternalStepperContext = createContext(null);
+function useInternalStepperContext() {
+  const stepperContext = useContext(InternalStepperContext);
+  if (!stepperContext) {
+    throw new Error("InternalStepperContext must be used inside a <Stepper />");
+  }
+  return stepperContext;
+}
+const containerHorizontal = "_containerHorizontal_1kdjv_4";
+const containerVertical = "_containerVertical_1kdjv_14";
+const container = "_container_1kdjv_4";
+const colorPrimary = "_colorPrimary_1kdjv_23";
+const colorInverse = "_colorInverse_1kdjv_31";
+const StepButton$1 = "_StepButton_1kdjv_39";
+const focusVisible = "_focusVisible_1kdjv_55";
+const statusComplete = "_statusComplete_1kdjv_67";
+const statusIncomplete = "_statusIncomplete_1kdjv_71";
+const statusActive = "_statusActive_1kdjv_75";
+const orientationVertical = "_orientationVertical_1kdjv_79";
+const indicatorHorizontal = "_indicatorHorizontal_1kdjv_83";
+const indicatorVertical = "_indicatorVertical_1kdjv_87";
+const indicatorContainer = "_indicatorContainer_1kdjv_91";
+const indicatorActive = "_indicatorActive_1kdjv_95";
+const indicatorIncomplete = "_indicatorIncomplete_1kdjv_103";
+const indicator = "_indicator_1kdjv_83";
+const textHorizontal = "_textHorizontal_1kdjv_113";
+const textVertical = "_textVertical_1kdjv_122";
+const styles$1 = {
+  containerHorizontal,
+  containerVertical,
+  container,
+  colorPrimary,
+  colorInverse,
+  StepButton: StepButton$1,
+  focusVisible,
+  statusComplete,
+  statusIncomplete,
+  statusActive,
+  orientationVertical,
+  indicatorHorizontal,
+  indicatorVertical,
+  indicatorContainer,
+  indicatorActive,
+  indicatorIncomplete,
+  indicator,
+  textHorizontal,
+  textVertical
+};
+function StepButton(props) {
+  const _a = props, { status, isDisabled, children, onPress } = _a, restProps = __objRest(_a, ["status", "isDisabled", "children", "onPress"]);
+  const { color, orientation } = useInternalStepperContext();
+  const { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
+  return React__default.createElement("div", {
+    className: classNames(styles$1.container, styles$1[variationName("container", orientation)])
+  }, React__default.createElement(UnstyledButton, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, restProps)), {
+    onPress,
+    isDisabled,
+    className: classNames(styles$1.StepButton, styles$1[variationName("status", status)], styles$1[variationName("color", color)], styles$1[variationName("orientation", orientation)], isFocusVisible && styles$1.focusVisible)
+  }), status === "complete" ? React__default.createElement(Icon, {
+    symbol: CheckCircle,
+    size: orientation === "horizontal" ? "md" : "sm"
+  }) : React__default.createElement("div", {
+    className: classNames(styles$1.indicatorContainer)
+  }, React__default.createElement("div", {
+    className: classNames(styles$1.indicator, styles$1[variationName("indicator", orientation)], styles$1[variationName("indicator", status)])
+  })), React__default.createElement("span", {
+    className: classNames(styles$1[variationName("text", orientation)])
+  }, children)));
+}
+const separatorPrimary = "_separatorPrimary_uihcs_4";
+const separatorInverse = "_separatorInverse_uihcs_8";
+const separator = "_separator_uihcs_4";
+const styles = {
+  separatorPrimary,
+  separatorInverse,
+  separator
+};
+function Step(props) {
+  const _a = props, { stepIndex, isComplete, isAccessible, children, onPress } = _a, restProps = __objRest(_a, ["stepIndex", "isComplete", "isAccessible", "children", "onPress"]);
+  const { orientation, color, totalSteps, activeStepIndex } = useInternalStepperContext();
+  const isActive = stepIndex === activeStepIndex;
+  const isLastStep = totalSteps - 1 === stepIndex;
+  const isDisabled = !isActive && !isComplete && !isAccessible;
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StepButton, __spreadValues({
+    status: mapToStatus(isActive, isComplete),
+    isDisabled,
+    onPress
+  }, restProps), children), !isLastStep && (orientation === "horizontal" ? React__default.createElement(Icon, {
+    size: "xs",
+    symbol: ArrowForwardIos,
+    color
+  }) : React__default.createElement("span", {
+    className: classNames(styles.separator, styles[variationName("separator", color)])
+  })));
+}
+function mapToStatus(isActive, isComplete) {
+  if (isActive) return "active";
+  if (isComplete) return "complete";
+  return "incomplete";
+}
+function Stepper(props) {
+  const { color = "primary", orientation = "horizontal", activeStepIndex, children } = props;
+  const totalSteps = Children.toArray(children).filter(Boolean).length;
+  const isVertical = orientation === "vertical";
+  const Component = isVertical ? VerticalStack : HorizontalStack;
+  const alignProp = isVertical ? {
+    inlineAlign: "start"
+  } : {
+    blockAlign: "center"
+  };
+  const context = useMemo(() => {
+    return {
+      color,
+      orientation,
+      activeStepIndex,
+      totalSteps
+    };
+  }, [color, orientation, activeStepIndex, totalSteps]);
+  return React__default.createElement(InternalStepperContext.Provider, {
+    value: context
+  }, React__default.createElement(Component, __spreadProps(__spreadValues({}, alignProp), {
+    gap: isVertical ? "0.5" : void 0
+  }), children));
+}
+Stepper.Step = Step;
+export {
+  Stepper as S
+};