impact-nova 3.0.0-alpha.5 → 3.0.0-alpha.7

package/dist/components/forms/choice-card/choice-card.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
 import * as n from "react";
 import * as L from "@radix-ui/react-checkbox";
 import * as G from "@radix-ui/react-radio-group";
@@ -12,7 +12,7 @@ import { cn as l } from "../../../lib/utils.js";
 import { choiceCardCheckboxIndicatorClassName as H, choiceCardRadioIndicatorClassName as $ } from "./choice-card-indicator.variants.js";
 import { ChoiceCardFeaturedBackdrop as K } from "./choice-card-featured-backdrop.js";
 import { choiceCardVariants as W } from "./choice-card.variants.js";
-const y = n.createContext(null), x = n.createContext({
+const y = n.createContext(null), g = n.createContext({
   value: "",
   selected: !1,
   type: "single",
@@ -44,7 +44,7 @@ function Ce() {
   );
 }
 function pe() {
-  return n.useContext(x);
+  return n.useContext(g);
 }
 function Z({
   selected: e,
@@ -266,7 +266,7 @@ const U = p(
         "aria-label": z
       }
     );
-    return /* @__PURE__ */ o(x.Provider, { value: j, children: /* @__PURE__ */ g(
+    return /* @__PURE__ */ o(g.Provider, { value: j, children: /* @__PURE__ */ x(
       U,
       {
         ref: C,
@@ -279,7 +279,7 @@ const U = p(
           a,
           u.inCompare && l(
             "isolate grid w-full grid-rows-subgrid [grid-row:1/-1] gap-0",
-            u.fit === "auto" ? "min-w-0 max-w-[420px]" : "min-w-[411px]"
+            u.fit === "auto" ? "min-w-0 max-w-[420px]" : "w-[411px] min-w-[411px] max-w-[411px]"
           )
         ),
         ...h,
@@ -295,7 +295,7 @@ const U = p(
 ), fe = p(
   "ChoiceCardIndicator",
   ({ className: e }, a) => {
-    const { selected: t, type: r, disabled: c } = n.useContext(x);
+    const { selected: t, type: r, disabled: c } = n.useContext(g);
     return r === "multiple" ? /* @__PURE__ */ o(
       "span",
       {
@@ -361,9 +361,9 @@ function X({ className: e }) {
     }
   );
 }
-const ge = p(
+const xe = p(
   "ChoiceCardRibbon",
-  ({ className: e, children: a, ...t }, r) => /* @__PURE__ */ g(
+  ({ className: e, children: a, ...t }, r) => /* @__PURE__ */ x(
     "div",
     {
       ref: r,
@@ -387,7 +387,7 @@ const ge = p(
       ]
     }
   )
-), xe = p(
+), ge = p(
   "ChoiceCardFooter",
   ({ className: e, children: a, ...t }, r) => {
     const c = n.useContext(v);
@@ -409,7 +409,7 @@ const ge = p(
 ), we = p(
   "ChoiceCardContent",
   ({ className: e, children: a, ...t }, r) => {
-    const { variant: c } = n.useContext(x);
+    const { variant: c } = n.useContext(g);
     return n.useContext(v).inCompare ? /* @__PURE__ */ o(
       "div",
       {
@@ -445,7 +445,7 @@ const ge = p(
     children: a
   }
 )), Ne = p("ChoiceCardTitle", ({ className: e, children: a, ...t }, r) => {
-  const { selected: c, disabled: i, size: m, variant: h, labelIsExplicit: C, setAccessibleName: s } = n.useContext(x), u = n.useRef(null), f = _(r, u);
+  const { selected: c, disabled: i, size: m, variant: h, labelIsExplicit: C, setAccessibleName: s } = n.useContext(g), u = n.useRef(null), f = _(r, u);
   return n.useLayoutEffect(() => {
     if (C) return;
     const d = u.current?.textContent?.trim();
@@ -485,7 +485,7 @@ const ge = p(
     );
   }
 ), ye = p("ChoiceCardDescription", ({ className: e, children: a, ...t }, r) => {
-  const { selected: c, disabled: i, variant: m } = n.useContext(x);
+  const { selected: c, disabled: i, variant: m } = n.useContext(g);
   return /* @__PURE__ */ o(
     "p",
     {
@@ -511,7 +511,7 @@ const ge = p(
     children: c = "Selected",
     ...i
   }, m) => {
-    const { selected: h } = n.useContext(x);
+    const { selected: h } = n.useContext(g);
     return h ? /* @__PURE__ */ o(
       a ? T : "div",
       {
@@ -557,7 +557,7 @@ const ge = p(
           e
         ),
         ...t,
-        children: c.map((i, m) => /* @__PURE__ */ g(n.Fragment, { children: [
+        children: c.map((i, m) => /* @__PURE__ */ x(n.Fragment, { children: [
           m > 0 ? /* @__PURE__ */ o("div", { className: "h-3 w-px shrink-0 bg-stroke-field", "aria-hidden": "true" }) : null,
           i
         ] }, m))
@@ -566,7 +566,7 @@ const ge = p(
   }
 ), Ie = p(
   "ChoiceCardStat",
-  ({ className: e, value: a, label: t, ...r }, c) => /* @__PURE__ */ g(
+  ({ className: e, value: a, label: t, ...r }, c) => /* @__PURE__ */ x(
     "div",
     {
       ref: c,
@@ -585,14 +585,14 @@ const ge = p(
 );
 function Y(e, a) {
   if (e <= 0) return "max-content";
-  const t = a === "auto" ? "minmax(0, 420px)" : "minmax(411px, 1fr)";
+  const t = a === "auto" ? "minmax(0, 420px)" : "411px";
   return `max-content ${Array.from(
     { length: e },
     (c, i) => i === 0 ? t : `1rem ${t}`
   ).join(" ")}`;
 }
 function ee({ rows: e }) {
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ x(
     "div",
     {
       "data-slot": "choice-card-compare-gutter",
@@ -615,7 +615,7 @@ function ee({ rows: e }) {
 }
 const te = p(
   "ChoiceCardCompareLabels",
-  ({ className: e, children: a, ...t }, r) => /* @__PURE__ */ g(
+  ({ className: e, children: a, ...t }, r) => /* @__PURE__ */ x(
     "div",
     {
       ref: r,
@@ -635,7 +635,7 @@ const te = p(
   )
 ), Pe = p(
   "ChoiceCardCompareLabel",
-  ({ className: e, children: a, ...t }, r) => /* @__PURE__ */ g(
+  ({ className: e, children: a, ...t }, r) => /* @__PURE__ */ x(
     "div",
     {
       ref: r,
@@ -698,7 +698,7 @@ const te = p(
           e
         ),
         ...r,
-        children: /* @__PURE__ */ g(
+        children: /* @__PURE__ */ x(
           "div",
           {
             className: l(
@@ -711,7 +711,7 @@ const te = p(
             },
             children: [
               m,
-              h.map((s, u) => /* @__PURE__ */ g(n.Fragment, { children: [
+              h.map((s, u) => /* @__PURE__ */ x(n.Fragment, { children: [
                 u > 0 && C > 0 ? /* @__PURE__ */ o(ee, { rows: C }) : null,
                 s
               ] }, u))
@@ -733,13 +733,13 @@ export {
   we as ChoiceCardContent,
   ye as ChoiceCardDescription,
   K as ChoiceCardFeaturedBackdrop,
-  xe as ChoiceCardFooter,
+  ge as ChoiceCardFooter,
   O as ChoiceCardGroup,
   ke as ChoiceCardHeader,
   ze as ChoiceCardIndex,
   fe as ChoiceCardIndicator,
   ve as ChoiceCardMedia,
-  ge as ChoiceCardRibbon,
+  xe as ChoiceCardRibbon,
   Ie as ChoiceCardStat,
   Re as ChoiceCardStats,
   Se as ChoiceCardStatus,

package/dist/components/forms/input/input.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as w } from "react/jsx-runtime";
+import { jsx as o, jsxs as j } from "react/jsx-runtime";
 import { createComponent as C } from "../../../lib/primitives/create-component.js";
 import { useFieldChrome as B } from "../../../lib/primitives/use-field-chrome.js";
 import { cn as r } from "../../../lib/utils.js";
@@ -23,7 +23,7 @@ const V = C(
     id: g,
     ...u
   }, N) => {
-    const t = h ?? x, j = !!(i || a || t), n = B({
+    const t = h ?? x, w = !!(i || a || t), n = B({
       label: i,
       helperText: a,
       helperTextPosition: l,
@@ -38,7 +38,7 @@ const V = C(
         className: r(
           a && l === "absolute" && "relative"
         ),
-        children: /* @__PURE__ */ w(
+        children: /* @__PURE__ */ j(
           "div",
           {
             "data-component": "input-border",
@@ -70,7 +70,7 @@ const V = C(
                   type: f,
                   id: n.controlId,
                   className: r(
-                    "flex h-full w-full bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
+                    "flex h-full w-full min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
                     e && "opacity-100 text-disabled-foreground placeholder:text-disabled-foreground"
                   ),
                   ref: N,
@@ -104,7 +104,7 @@ const V = C(
         "data-component": "input",
         "data-disabled": e || void 0,
         "data-invalid": t || void 0,
-        children: j ? n.wrapControl(p) : p
+        children: w ? n.wrapControl(p) : p
       }
     );
   }

package/dist/components/forms/select/components/SelectTriggerValue.js

@@ -1,8 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as x } from "../../../../lib/utils.js";
+import "react";
 import { OverflowTooltip as m } from "../../../feedback/tooltip/overflow-tooltip.js";
 import { isInvertedSelection as h, isOptionArray as d } from "../utils/select.js";
-function w({
+function C({
   isMulti: u,
   isDisabled: p,
   internalValue: o,
@@ -52,5 +53,5 @@ function w({
   );
 }
 export {
-  w as SelectTriggerValue
+  C as SelectTriggerValue
 };

package/dist/components/forms/select/components/Submenu.js

@@ -1,13 +1,14 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import * as i from "@radix-ui/react-popover";
 import { Checkbox as P } from "../../checkbox/checkbox.js";
+import "react";
 import { OverflowTooltip as y } from "../../../feedback/tooltip/overflow-tooltip.js";
 import { ChevronRight as A, Checkmark as O } from "impact-nova-icons";
 import { cn as v } from "../../../../lib/utils.js";
 import { useOverlayPortalContainer as T } from "../../../../lib/overlay/overlay-portal-context.js";
 import { OVERLAY_NESTED_FLOATING_INSTANT_HIDE_CLASS as _ } from "../../../../lib/overlay/overlay-host.constants.js";
 import { useSuppressOptionClickForTextSelection as E } from "../hooks/useSuppressOptionClickForTextSelection.js";
-const G = ({
+const R = ({
   parentOption: n,
   isMulti: u,
   isReadOnly: l,
@@ -105,5 +106,5 @@ const G = ({
   ] });
 };
 export {
-  G as Submenu
+  R as Submenu
 };

package/dist/components/primitives/button/button.variants.js

@@ -12,7 +12,7 @@ const i = e(
         secondary: "bg-secondary text-secondary-foreground hover:bg-accent hover:text-secondary-hover-foreground disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:opacity-100",
         tertiary: "border border-stroke-field bg-canvas text-content hover:bg-accent hover:text-secondary-hover-foreground hover:border-secondary-hover-foreground disabled:bg-disabled-surface disabled:border-stroke disabled:text-disabled-foreground disabled:opacity-100",
         ghost: "text-content hover:bg-accent hover:text-accent-foreground disabled:text-disabled-foreground disabled:opacity-50",
-        link: "text-brand underline-offset-4 hover:underline disabled:text-disabled-foreground disabled:opacity-50"
+        link: "text-brand hover:text-brand-strong disabled:text-disabled-foreground disabled:opacity-50"
       },
       size: {
         default: "h-8 min-h-8 px-3 py-1.5",

package/dist/components/primitives/stepper/internals/step-model.d.ts

@@ -1,3 +1,3 @@
 import { StepItem, StepStatus } from '../stepper.types';
 export declare function resolveStepItem(step: string | StepItem): StepItem;
-export declare function stepStatus(stepNumber: number, currentStep: number): StepStatus;
+export declare function stepStatus(stepNumber: number, currentStep: number, statusOverride?: StepStatus): StepStatus;

package/dist/components/primitives/stepper/internals/step-model.js

@@ -1,10 +1,10 @@
-function n(t) {
+function f(t) {
   return typeof t == "string" ? { label: t } : t;
 }
-function r(t, e) {
-  return t < e ? "completed" : t === e ? "active" : "default";
+function l(t, n, e) {
+  return e === "completed" || e === "active" || e === "default" ? e : t < n ? "completed" : t === n ? "active" : "default";
 }
 export {
-  n as resolveStepItem,
-  r as stepStatus
+  f as resolveStepItem,
+  l as stepStatus
 };

package/dist/components/primitives/stepper/internals/stepper-compact.js

@@ -3,19 +3,19 @@ import * as p from "react";
 import { Checkmark as k } from "impact-nova-icons";
 import { cn as l } from "../../../../lib/utils.js";
 import { compactIconVariants as g, compactLabelVariants as x, compactStepVariants as V, stepperVariants as w } from "../stepper.variants.js";
-import { resolveStepItem as I, stepStatus as j } from "./step-model.js";
+import { stepStatus as I, resolveStepItem as j } from "./step-model.js";
 import { StepHitTarget as C } from "./step-hit-target.js";
 const L = p.forwardRef(
   ({
     className: n,
     currentStep: d,
-    steps: s,
+    steps: o,
     orientation: a = "vertical",
     onStepClick: m,
     stepAriaLabel: h,
     ...b
   }, v) => {
-    const f = s.length, N = !!m;
+    const f = o.length, u = !!m;
     return /* @__PURE__ */ e(
       "div",
       {
@@ -26,27 +26,27 @@ const L = p.forwardRef(
         "data-component": "stepper",
         role: "list",
         ...b,
-        children: s.map((u, o) => {
-          const c = I(u), r = o + 1, t = j(r, d), S = t === "active";
+        children: o.map((N, c) => {
+          const r = j(N), s = c + 1, t = I(s, d, r.status), S = t === "active";
           return /* @__PURE__ */ i(p.Fragment, { children: [
             /* @__PURE__ */ i(
               C,
               {
-                stepNumber: r,
+                stepNumber: s,
                 status: t,
-                disabled: c.disabled,
-                interactive: N,
-                ariaLabel: h(r, f),
+                disabled: r.disabled,
+                interactive: u,
+                ariaLabel: h(s, f),
                 isActive: S,
                 onStepClick: m,
                 className: V({ orientation: a, status: t }),
                 children: [
-                  /* @__PURE__ */ e("div", { className: g({ status: t }), children: t === "completed" ? /* @__PURE__ */ e(k, { className: "size-3.5 stroke-[3px]" }) : /* @__PURE__ */ e("span", { children: c.icon || r }) }),
-                  /* @__PURE__ */ e("span", { className: x({ status: t }), children: c.label })
+                  /* @__PURE__ */ e("div", { className: g({ status: t }), children: t === "completed" ? /* @__PURE__ */ e(k, { className: "size-3.5 stroke-[3px]" }) : /* @__PURE__ */ e("span", { children: r.icon || s }) }),
+                  /* @__PURE__ */ e("span", { className: x({ status: t }), children: r.label })
                 ]
               }
             ),
-            o < s.length - 1 ? /* @__PURE__ */ e(
+            c < o.length - 1 ? /* @__PURE__ */ e(
               "div",
               {
                 "aria-hidden": !0,
@@ -56,7 +56,7 @@ const L = p.forwardRef(
                 )
               }
             ) : null
-          ] }, o);
+          ] }, c);
         })
       }
     );

package/dist/components/primitives/stepper/internals/stepper-pipeline.js

@@ -1,13 +1,13 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import * as j from "react";
-import { cn as f } from "../../../../lib/utils.js";
+import { cn as u } from "../../../../lib/utils.js";
 import { pipelineDotVariants as M, stepperVariants as S } from "../stepper.variants.js";
 import { PipelineCurrentMark as z } from "./pipeline-current-mark.js";
-import { resolveStepItem as I, stepStatus as P } from "./step-model.js";
+import { stepStatus as I, resolveStepItem as P } from "./step-model.js";
 import { StepHitTarget as R } from "./step-hit-target.js";
 const V = j.forwardRef(
   ({
-    className: u,
+    className: f,
     currentStep: n,
     steps: o,
     onStepClick: l,
@@ -22,7 +22,7 @@ const V = j.forwardRef(
       "div",
       {
         ref: N,
-        className: f(S({ variant: "pipeline" }), u),
+        className: u(S({ variant: "pipeline" }), f),
         "data-orientation": "horizontal",
         "data-variant": "pipeline",
         "data-component": "stepper",
@@ -54,7 +54,7 @@ const V = j.forwardRef(
               }
             ),
             o.map((y, d) => {
-              const r = I(y), s = d + 1, a = P(s, n), m = a === "active";
+              const r = P(y), s = d + 1, a = I(s, n, r.status), m = a === "active";
               return /* @__PURE__ */ e(
                 R,
                 {
@@ -65,7 +65,7 @@ const V = j.forwardRef(
                   ariaLabel: b(s, i),
                   isActive: m,
                   onStepClick: l,
-                  className: f(
+                  className: u(
                     "relative z-[1] flex items-center justify-center p-0",
                     M({ status: a }),
                     p && !r.disabled && "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring/25"

package/dist/components/primitives/stepper/internals/stepper-rail.js

@@ -3,7 +3,7 @@ import * as y from "react";
 import { cn as n } from "../../../../lib/utils.js";
 import { stepperVariants as k } from "../stepper.variants.js";
 import { RailStatusDot as f } from "./rail-status-dot.js";
-import { resolveStepItem as R, stepStatus as j } from "./step-model.js";
+import { stepStatus as R, resolveStepItem as j } from "./step-model.js";
 const S = y.forwardRef(
   ({
     className: v,
@@ -14,7 +14,7 @@ const S = y.forwardRef(
     stepAriaLabel: p,
     ...N
   }, g) => {
-    const s = c.length, x = !!d;
+    const i = c.length, x = !!d;
     return /* @__PURE__ */ o(
       "div",
       {
@@ -26,7 +26,7 @@ const S = y.forwardRef(
         role: "list",
         ...N,
         children: [
-          s > 1 ? /* @__PURE__ */ e(
+          i > 1 ? /* @__PURE__ */ e(
             "div",
             {
               "aria-hidden": !0,
@@ -34,17 +34,17 @@ const S = y.forwardRef(
               className: "pointer-events-none absolute start-2 top-6 bottom-6 w-0 border-s border-dashed border-stroke-hairline"
             }
           ) : null,
-          c.map((w, r) => {
-            const i = R(w), a = r + 1, t = j(a, h), u = t === "active", b = !!i.disabled || t === "default", l = x && !b;
+          c.map((w, s) => {
+            const a = j(w), r = s + 1, t = R(r, h, a.status), u = t === "active", b = !!a.disabled || t === "default", l = x && !b;
             return /* @__PURE__ */ o(
               "div",
               {
                 role: "listitem",
-                "data-step": a,
+                "data-step": r,
                 "data-status": t,
                 "data-disabled": b || void 0,
                 "aria-current": !l && u ? "step" : void 0,
-                "aria-label": l ? void 0 : p(a, s),
+                "aria-label": l ? void 0 : p(r, i),
                 className: "relative flex w-full items-start gap-3 overflow-visible",
                 children: [
                   /* @__PURE__ */ e(
@@ -56,10 +56,10 @@ const S = y.forwardRef(
                         "button",
                         {
                           type: "button",
-                          "aria-label": p(a, s),
+                          "aria-label": p(r, i),
                           "aria-current": u ? "step" : void 0,
                           onClick: () => {
-                            d?.(r);
+                            d?.(s);
                           },
                           className: n(
                             "flex size-4 items-center justify-center border-0 bg-transparent p-0",
@@ -67,16 +67,16 @@ const S = y.forwardRef(
                           ),
                           children: [
                             /* @__PURE__ */ e(f, { status: t }),
-                            /* @__PURE__ */ e("span", { className: "sr-only", children: i.label })
+                            /* @__PURE__ */ e("span", { className: "sr-only", children: a.label })
                           ]
                         }
                       ) : /* @__PURE__ */ e(f, { status: t })
                     }
                   ),
                   /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: m ? m({
-                    step: i,
-                    index: r,
-                    stepNumber: a,
+                    step: a,
+                    index: s,
+                    stepNumber: r,
                     status: t
                   }) : /* @__PURE__ */ e(
                     "div",
@@ -86,12 +86,12 @@ const S = y.forwardRef(
                         "flex h-12 items-center rounded-lg border border-stroke-hairline bg-canvas-elevated px-4 py-2",
                         t === "default" && "text-disabled-foreground"
                       ),
-                      children: /* @__PURE__ */ e("span", { className: "truncate text-sm font-semibold capitalize leading-[21px]", children: i.label })
+                      children: /* @__PURE__ */ e("span", { className: "truncate text-sm font-semibold capitalize leading-[21px]", children: a.label })
                     }
                   ) })
                 ]
               },
-              r
+              s
             );
           })
         ]

package/dist/components/primitives/stepper/internals/stepper-summary.js

@@ -4,7 +4,7 @@ import { Checkmark as y } from "impact-nova-icons";
 import { cn as i } from "../../../../lib/utils.js";
 import { summaryIconVariants as N, summaryStepVariants as w, stepperVariants as S } from "../stepper.variants.js";
 import { ClickMeArrow as k } from "../../../ui/local-raster-icons/rasterIcons.js";
-import { resolveStepItem as z, stepStatus as j } from "./step-model.js";
+import { stepStatus as z, resolveStepItem as j } from "./step-model.js";
 import { StepHitTarget as I, StepBrandRail as R } from "./step-hit-target.js";
 const V = p.forwardRef(
   ({
@@ -14,12 +14,12 @@ const V = p.forwardRef(
     onStepClick: m,
     stepAriaLabel: f,
     ...h
-  }, b) => {
-    const x = o.length, c = !!m;
+  }, x) => {
+    const b = o.length, c = !!m;
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: b,
+        ref: x,
         className: i(S({ variant: "summary" }), d),
         "data-orientation": "horizontal",
         "data-variant": "summary",
@@ -27,7 +27,7 @@ const V = p.forwardRef(
         role: "list",
         ...h,
         children: o.map((g, l) => {
-          const t = z(g), s = l + 1, a = j(s, u), r = a === "active", v = l < o.length - 1;
+          const t = j(g), s = l + 1, a = z(s, u, t.status), r = a === "active", v = l < o.length - 1;
           return /* @__PURE__ */ n(p.Fragment, { children: [
             /* @__PURE__ */ n(
               I,
@@ -36,7 +36,7 @@ const V = p.forwardRef(
                 status: a,
                 disabled: t.disabled,
                 interactive: c,
-                ariaLabel: f(s, x),
+                ariaLabel: f(s, b),
                 isActive: r,
                 onStepClick: m,
                 className: i(
@@ -87,7 +87,7 @@ const V = p.forwardRef(
                   alt: "",
                   "aria-hidden": !0,
                   "data-summary-connector": "",
-                  className: "relative z-[1] -rotate-90 bg-canvas"
+                  className: "relative z-[1] -rotate-90"
                 }
               ) : null
             ] }) : null

package/dist/components/primitives/stepper/internals/stepper-track.js

@@ -4,7 +4,7 @@ import { Checkmark as E, ChevronRight as y } from "impact-nova-icons";
 import { Button as z } from "../../button/button.js";
 import { cn as m } from "../../../../lib/utils.js";
 import { trackIconVariants as _, trackStepVariants as T, stepperVariants as q } from "../stepper.variants.js";
-import { resolveStepItem as D, stepStatus as F } from "./step-model.js";
+import { stepStatus as D, resolveStepItem as F } from "./step-model.js";
 import { StepHitTarget as H } from "./step-hit-target.js";
 const M = l.forwardRef(
   ({
@@ -63,7 +63,7 @@ const M = l.forwardRef(
                   v ? "px-8 [mask-image:linear-gradient(to_right,transparent,black_28px,black_calc(100%-28px),transparent)]" : "justify-center"
                 ),
                 children: c.map((e, t) => {
-                  const a = D(e), s = t + 1, n = F(s, u), g = n === "active", j = v && (t === 0 && b || t === c.length - 1 && h);
+                  const a = F(e), s = t + 1, n = D(s, u, a.status), g = n === "active", j = v && (t === 0 && b || t === c.length - 1 && h);
                   return /* @__PURE__ */ p(
                     H,
                     {