@bcc-code/component-library-vue 0.9.16 → 0.9.18

package/dist/component-library.js

@@ -9581,8 +9581,11 @@ const SC = {
 }), EC = {
   key: 0,
   class: "flex gap-2"
-}, RC = { class: "text-heading-sm text-default" }, AC = {
+}, RC = {
   key: 0,
+  class: "text-heading-sm text-default"
+}, AC = {
+  key: 1,
   class: "text-body-sm text-text-subtlest"
 }, zC = { class: "center gap-2" }, FC = ["onClick"], ON = /* @__PURE__ */ Te({
   __name: "BccStepIndicator",
@@ -9602,15 +9605,15 @@ const SC = {
   emits: ["update:modelValue"],
   setup(t) {
     const e = t, n = Tr(t, "modelValue"), r = ye(() => ({
-      current: n.value + 1,
+      current: n.value !== null ? n.value + 1 : null,
       total: Array.isArray(e.steps) ? e.steps.length : e.steps,
-      label: Array.isArray(e.steps) ? e.steps[n.value] ?? "" : ""
+      label: Array.isArray(e.steps) ? e.steps[n.value ?? -1] ?? "" : ""
     }));
     return (i, o) => (d(), p("div", {
       class: S(["bcc-step-indicator col gap-2", [{ left: t.left, right: t.right }, `ctx-${t.context}`]])
     }, [
       e.hideText ? g("", !0) : (d(), p("div", EC, [
-        k("span", RC, D(e.headingFn(r.value.current, r.value.total)), 1),
+        r.value.current !== null ? (d(), p("span", RC, D(e.headingFn(r.value.current, r.value.total)), 1)) : g("", !0),
         e.hideLabel ? g("", !0) : (d(), p("span", AC, D(r.value.label), 1))
       ])),
       k("div", zC, [
@@ -9620,7 +9623,7 @@ const SC = {
             l === n.value ? "w-6" : "w-1.5",
             {
               clickable: t.clickable,
-              "ctx-gray-subtle": l > n.value
+              "ctx-gray-subtle": l > (n.value ?? -1)
             }
           ]]),
           onClick: (s) => t.clickable ? n.value = l : null
@@ -11900,7 +11903,7 @@ const JS = /* @__PURE__ */ Te({
   for (const [r, i] of e)
     n[r] = i;
   return n;
-}, $N = /* @__PURE__ */ QS(JS, [["__scopeId", "data-v-a8bde3f8"]]);
+}, $N = /* @__PURE__ */ QS(JS, [["__scopeId", "data-v-c57d52aa"]]);
 var mt = {
   name: "CheckIcon",
   extends: re