@easypost/easy-ui 1.0.0-alpha.12 → 1.0.0-alpha.121

package/__chunks__/SelectorErrorTooltip-BNLrFRLN.js

@@ -0,0 +1,98 @@
+"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 jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Icon = require("./Icon-BRlbo3RF.js");
+const Text = require("./Text-DkzMEqky.js");
+const Tooltip = require("./Tooltip-BSMvNula.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 jsxRuntime.jsx(Tooltip.Tooltip, __spreadProps(__spreadValues({}, props), {
+    children: jsxRuntime.jsxs("span", {
+      tabIndex: 0,
+      className: styles.SelectorErrorTooltip,
+      children: [jsxRuntime.jsx(Text.Text, {
+        visuallyHidden: true,
+        children: "Error"
+      }), jsxRuntime.jsx(Icon.Icon, {
+        symbol: ErrorFill
+      })]
+    })
+  }));
+}
+exports.SelectorErrorTooltip = SelectorErrorTooltip;

package/__chunks__/SelectorErrorTooltip-rO2-k3Gl.mjs

@@ -0,0 +1,82 @@
+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 { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { I as Icon } from "./Icon-BIpaQJ_I.mjs";
+import { T as Text } from "./Text-D6oT5WJQ.mjs";
+import { T as Tooltip } from "./Tooltip-BXRi0h4E.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 jsx(Tooltip, __spreadProps(__spreadValues({}, props), {
+    children: jsxs("span", {
+      tabIndex: 0,
+      className: styles.SelectorErrorTooltip,
+      children: [jsx(Text, {
+        visuallyHidden: true,
+        children: "Error"
+      }), jsx(Icon, {
+        symbol: ErrorFill
+      })]
+    })
+  }));
+}
+export {
+  SelectorErrorTooltip as S
+};

package/__chunks__/Spinner-COsekFr1.mjs

@@ -0,0 +1,96 @@
+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 { jsxs, jsx } from "react/jsx-runtime";
+import { useId } from "react";
+import { T as Text } from "./Text-D6oT5WJQ.mjs";
+import { getComponentToken, getComponentDesignToken, getComponentThemeToken } from "../utilities/css.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-COnPag8r.mjs";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.mjs";
+import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-9u40S_vx.mjs";
+import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-cE7myAez.mjs";
+import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-dSwO_MBg.mjs";
+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 jsxs("div", __spreadProps(__spreadValues({}, progressBarProps), {
+    className: styles.spinner,
+    style,
+    role: isIndeterminate ? "status" : progressBarProps.role,
+    "aria-labelledby": (_a = progressBarProps["aria-labelledby"]) != null ? _a : id,
+    children: [isIndeterminate ? jsxs("div", {
+      className: styles.indeterminate,
+      children: [jsx("div", {}), jsx("div", {}), jsx("div", {})]
+    }) : jsx("div", {
+      className: styles.progress
+    }), jsx(Text, __spreadProps(__spreadValues({}, labelProps), {
+      id: (_b = labelProps.id) != null ? _b : id,
+      visuallyHidden: !children,
+      variant: "subtitle2",
+      children: children ? children : "Loading"
+    }))]
+  }));
+};
+export {
+  Spinner as S
+};

package/__chunks__/Spinner-vRnrcEz0.js

@@ -0,0 +1,95 @@
+"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 jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Text = require("./Text-DkzMEqky.js");
+const utilities_css = require("../utilities/css.js");
+const mergeProps = require("./mergeProps-DLPcevok.js");
+const filterDOMProps = require("./filterDOMProps-p6wKN-SS.js");
+const number = require("./number-Bc1GdGoD.js");
+const useLabel = require("./useLabel-BvPZr3TC.js");
+const useNumberFormatter = require("./useNumberFormatter-BCYp6Is8.js");
+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 = useNumberFormatter.$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 jsxRuntime.jsxs("div", __spreadProps(__spreadValues({}, progressBarProps), {
+    className: styles.spinner,
+    style,
+    role: isIndeterminate ? "status" : progressBarProps.role,
+    "aria-labelledby": (_a = progressBarProps["aria-labelledby"]) != null ? _a : id,
+    children: [isIndeterminate ? jsxRuntime.jsxs("div", {
+      className: styles.indeterminate,
+      children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx("div", {}), jsxRuntime.jsx("div", {})]
+    }) : jsxRuntime.jsx("div", {
+      className: styles.progress
+    }), jsxRuntime.jsx(Text.Text, __spreadProps(__spreadValues({}, labelProps), {
+      id: (_b = labelProps.id) != null ? _b : id,
+      visuallyHidden: !children,
+      variant: "subtitle2",
+      children: children ? children : "Loading"
+    }))]
+  }));
+};
+exports.Spinner = Spinner;

package/__chunks__/Stepper-DlI-16t-.mjs

@@ -0,0 +1,180 @@
+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 { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { createContext, useContext, Children, useMemo } from "react";
+import { H as HorizontalStack } from "./HorizontalStack-CJavrBHm.mjs";
+import { V as VerticalStack } from "./VerticalStack-DoMqBfYD.mjs";
+import { A as ArrowForwardIos } from "./ArrowForwardIos-DSeLeLhY.mjs";
+import { C as CheckCircle } from "./CheckCircle-C9h2PNWU.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-DxJLvL-G.mjs";
+import { classNames, variationName } from "../utilities/css.mjs";
+import { I as Icon } from "./Icon-BIpaQJ_I.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-BWKhJSvH.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-COnPag8r.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_1ed3t_4";
+const containerVertical = "_containerVertical_1ed3t_14";
+const container = "_container_1ed3t_4";
+const colorPrimary = "_colorPrimary_1ed3t_23";
+const colorInverse = "_colorInverse_1ed3t_31";
+const StepButton$1 = "_StepButton_1ed3t_39";
+const focusVisible = "_focusVisible_1ed3t_54";
+const statusComplete = "_statusComplete_1ed3t_66";
+const statusIncomplete = "_statusIncomplete_1ed3t_70";
+const statusActive = "_statusActive_1ed3t_74";
+const orientationVertical = "_orientationVertical_1ed3t_78";
+const indicatorHorizontal = "_indicatorHorizontal_1ed3t_82";
+const indicatorVertical = "_indicatorVertical_1ed3t_86";
+const indicatorContainer = "_indicatorContainer_1ed3t_90";
+const indicatorActive = "_indicatorActive_1ed3t_94";
+const indicatorIncomplete = "_indicatorIncomplete_1ed3t_102";
+const indicator = "_indicator_1ed3t_82";
+const textHorizontal = "_textHorizontal_1ed3t_112";
+const textVertical = "_textVertical_1ed3t_121";
+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 jsx("div", {
+    className: classNames(styles$1.container, styles$1[variationName("container", orientation)]),
+    children: jsxs(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),
+      children: [status === "complete" ? jsx(Icon, {
+        symbol: CheckCircle,
+        size: orientation === "horizontal" ? "md" : "sm"
+      }) : jsx("div", {
+        className: classNames(styles$1.indicatorContainer),
+        children: jsx("div", {
+          className: classNames(styles$1.indicator, styles$1[variationName("indicator", orientation)], styles$1[variationName("indicator", status)])
+        })
+      }), jsx("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 jsxs(Fragment, {
+    children: [jsx(StepButton, __spreadProps(__spreadValues({
+      status: mapToStatus(isActive, isComplete),
+      isDisabled,
+      onPress
+    }, restProps), {
+      children
+    })), !isLastStep && (orientation === "horizontal" ? jsx(Icon, {
+      size: "xs",
+      symbol: ArrowForwardIos,
+      color
+    }) : jsx("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 jsx(InternalStepperContext.Provider, {
+    value: context,
+    children: jsx(Component, __spreadProps(__spreadValues({}, alignProp), {
+      gap: isVertical ? "0.5" : void 0,
+      children
+    }))
+  });
+}
+Stepper.Step = Step;
+export {
+  Stepper as S
+};