@capitaltg/vero 1.8.0 → 1.8.1

package/dist/index.js

@@ -13363,7 +13363,7 @@ const tS = Me("flex", {
       vertical: ""
     }
   }
-}), aS = Me("flex gap-1", {
+}), aS = Me("mb-0 mt-0 flex gap-1 pl-0", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -13447,10 +13447,11 @@ function lS({
   currentStepIndex: t,
   orientation: n,
   showCurrentAsCompleted: r,
-  steps: o
+  showLabels: o,
+  steps: a
 }) {
-  return /* @__PURE__ */ m("ol", { "aria-label": "Steps", className: k(tS({ orientation: n })), children: o.map((a, i) => {
-    const s = a.id === e, c = t !== -1 && (i < t || r && s), u = Pd(s, c);
+  return /* @__PURE__ */ m("ol", { "aria-label": "Steps", className: k(tS({ orientation: n })), children: a.map((i, s) => {
+    const c = i.id === e, u = t !== -1 && (s < t || r && c), d = Pd(c, u);
     return /* @__PURE__ */ T(
       "li",
       {
@@ -13458,11 +13459,11 @@ function lS({
           "relative flex items-start",
           n === "horizontal" && "flex-1 justify-center"
         ),
-        ...s && { "aria-current": "step" },
+        ...c && { "aria-current": "step" },
         children: [
           /* @__PURE__ */ T("span", { className: "sr-only", children: [
-            a.label,
-            kd(u)
+            i.label,
+            kd(d)
           ] }),
           /* @__PURE__ */ T(
             "div",
@@ -13472,26 +13473,26 @@ function lS({
                 n === "vertical" ? "flex-row items-start" : "flex-col items-center"
               ),
               children: [
-                /* @__PURE__ */ m("div", { className: k(nS({ status: u })), children: u === "completed" ? /* @__PURE__ */ m(_t, { className: "h-4 w-4", strokeWidth: 3 }) : /* @__PURE__ */ m("span", { children: (i + 1).toString() }) }),
-                /* @__PURE__ */ m(
+                /* @__PURE__ */ m("div", { className: k(nS({ status: d })), children: d === "completed" ? /* @__PURE__ */ m(_t, { className: "h-4 w-4", strokeWidth: 3 }) : /* @__PURE__ */ m("span", { children: (s + 1).toString() }) }),
+                o ? /* @__PURE__ */ m(
                   Rd,
                   {
                     className: k(
                       "flex flex-col",
                       n === "vertical" ? "ml-4" : "mt-2 text-center"
                     ),
-                    description: a.description,
-                    label: a.label,
-                    status: u
+                    description: i.description,
+                    label: i.label,
+                    status: d
                   }
-                )
+                ) : null
               ]
             }
           ),
-          i < o.length - 1 ? /* @__PURE__ */ m("div", { className: k(rS({ orientation: n, status: u })) }) : null
+          s < a.length - 1 ? /* @__PURE__ */ m("div", { className: k(rS({ orientation: n, status: d })) }) : null
         ]
       },
-      a.id
+      i.id
     );
   }) });
 }
@@ -13501,7 +13502,7 @@ function uS({
   headingLevel: n = "h4",
   totalSteps: r
 }) {
-  return /* @__PURE__ */ T(n, { className: "flex items-center gap-3 text-xl", children: [
+  return /* @__PURE__ */ T(n, { className: "mb-0 mt-0 flex items-center gap-3 text-xl", children: [
     /* @__PURE__ */ T("span", { className: "inline-flex items-center gap-1", children: [
       /* @__PURE__ */ m("span", { className: "sr-only", children: "Step" }),
       /* @__PURE__ */ m(
@@ -13522,43 +13523,44 @@ function dS({
   currentStep: e,
   currentStepIndex: t,
   showCurrentAsCompleted: n,
-  steps: r
+  showLabels: r,
+  steps: o
 }) {
   return /* @__PURE__ */ m(
     "ol",
     {
       "aria-label": "Steps",
       className: k(aS({ orientation: "horizontal" })),
-      children: r.map((o, a) => {
-        const i = o.id === e, s = t !== -1 && (a < t || n && i), c = Pd(i, s);
+      children: o.map((a, i) => {
+        const s = a.id === e, c = t !== -1 && (i < t || n && s), u = Pd(s, c);
         return /* @__PURE__ */ T(
           "li",
           {
             className: "flex flex-1 flex-col",
-            ...i && { "aria-current": "step" },
+            ...s && { "aria-current": "step" },
             children: [
               /* @__PURE__ */ m(
                 "div",
                 {
-                  className: k(sS({ status: c, orientation: "horizontal" })),
+                  className: k(sS({ status: u, orientation: "horizontal" })),
                   children: /* @__PURE__ */ T("span", { className: "sr-only", children: [
-                    o.label,
-                    kd(c)
+                    a.label,
+                    kd(u)
                   ] })
                 }
               ),
-              /* @__PURE__ */ m(
+              r ? /* @__PURE__ */ m(
                 Rd,
                 {
                   className: "mt-2 flex flex-col",
-                  description: o.description,
-                  label: o.label,
-                  status: c
+                  description: a.description,
+                  label: a.label,
+                  status: u
                 }
-              )
+              ) : null
             ]
           },
-          o.id
+          a.id
         );
       })
     }
@@ -13570,47 +13572,50 @@ function fS({
   headingLevel: n = "h4",
   // orientation = 'horizontal',
   showCurrentAsCompleted: r = !1,
-  variant: o = "default",
-  steps: a,
-  ...i
-}, s) {
-  const c = a.findIndex((p) => p.id === t), u = a[c], d = c + 1, f = a.length;
+  showLabels: o = !0,
+  variant: a = "default",
+  steps: i,
+  ...s
+}, c) {
+  const u = i.findIndex((h) => h.id === t), d = i[u], f = u + 1, p = i.length;
   return /* @__PURE__ */ T(
     "section",
     {
-      ref: s,
+      ref: c,
       "aria-label": "Step indicator",
       className: k(
         oS({ orientation: "horizontal" }),
         e
       ),
-      ...i,
+      ...s,
       children: [
-        o === "counter" ? /* @__PURE__ */ m(
+        a === "counter" ? /* @__PURE__ */ m(
           lS,
           {
             currentStep: t,
-            currentStepIndex: c,
+            currentStepIndex: u,
             orientation: "horizontal",
             showCurrentAsCompleted: r,
-            steps: a
+            showLabels: o,
+            steps: i
           }
         ) : /* @__PURE__ */ m(
           dS,
           {
             currentStep: t,
-            currentStepIndex: c,
+            currentStepIndex: u,
             showCurrentAsCompleted: r,
-            steps: a
+            showLabels: o,
+            steps: i
           }
         ),
         /* @__PURE__ */ m(
           uS,
           {
-            currentStepLabel: u == null ? void 0 : u.label,
-            currentStepNumber: d,
+            currentStepLabel: d == null ? void 0 : d.label,
+            currentStepNumber: f,
             headingLevel: n,
-            totalSteps: f
+            totalSteps: p
           }
         )
       ]