@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.79

package/dist/components/Stepper/components/HorizontalStepItem/HorizontalStepItem.js

@@ -1,154 +1,123 @@
-import { jsx as c, jsxs as F } from "react/jsx-runtime";
-import { c as ce } from "../../../../compiler-runtime-DA41awpA.js";
-import { memo as de } from "react";
-import { cn as s } from "../../../../utils/index.js";
-import { stepVariants as te, stepIndicatorVariants as ie, stepContentVariants as le, stepLabelVariants as ae, stepDescriptionVariants as ne } from "../../Stepper.variants.js";
-import { getStepAriaLabel as oe } from "../../utils/index.js";
-import { StepConnector as pe } from "../StepConnector/StepConnector.js";
-import { StepIndicatorContent as se } from "../StepIndicatorContent/StepIndicatorContent.js";
-import { useStepItemLogic as me } from "../../hooks/useStepItemLogic.js";
-const be = (re) => {
-  const e = ce.c(130), {
-    classNames: i,
-    clickable: O,
-    icons: d,
-    index: o,
-    isLast: p,
-    showConnector: m,
-    size: a,
-    step: n,
-    variant: l,
-    onClick: P
-  } = re;
-  let G;
-  e[0] !== O || e[1] !== P || e[2] !== n ? (G = {
-    clickable: O,
-    step: n,
-    onClick: P
-  }, e[0] = O, e[1] = P, e[2] = n, e[3] = G) : G = e[3];
-  const {
-    isClickable: r,
-    isDisabled: b,
-    LabelComponent: f,
-    status: t,
-    handleClick: h,
-    handleKeyDown: v
-  } = me(G);
-  if (l === "horizontal") {
-    let L;
-    e[4] !== i?.stepWrapper || e[5] !== r || e[6] !== l ? (L = s(te({
+import { t } from "../../../../utils-DHuiYnx1.js";
+import { t as v } from "../../../../StepIndicatorContent-D5z1Ziqg.js";
+import { useStepItemLogic as w } from "../../hooks/useStepItemLogic.js";
+import { stepContentVariants as C, stepDescriptionVariants as k, stepIndicatorVariants as g, stepLabelVariants as I, stepVariants as x } from "../../Stepper.variants.js";
+import { getStepAriaLabel as S } from "../../utils/index.js";
+import { StepConnector as y } from "../StepConnector/StepConnector.js";
+import { memo as K } from "react";
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+var L = ({ classNames: r, clickable: D, icons: m, index: c, isLast: p, showConnector: b, size: n, step: i, variant: o, onClick: V }) => {
+  const { isClickable: l, isDisabled: h, LabelComponent: s, status: e, handleClick: u, handleKeyDown: f } = w({
+    clickable: D,
+    step: i,
+    onClick: V
+  });
+  return o === "horizontal" ? /* @__PURE__ */ d("div", {
+    className: "flex items-center",
+    children: [/* @__PURE__ */ d("div", {
+      className: t(x({
+        orientation: "horizontal",
+        variant: o,
+        clickable: l
+      }), r?.stepWrapper),
+      role: l ? "button" : void 0,
+      tabIndex: l ? 0 : void 0,
+      onClick: u,
+      onKeyDown: f,
+      "aria-current": e === "active" ? "step" : void 0,
+      ...h && { "aria-disabled": !0 },
+      "aria-label": S(c, i.label, e),
+      children: [/* @__PURE__ */ a("div", {
+        className: t(g({
+          status: e,
+          size: n
+        }), r?.indicator),
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ a(v, {
+          status: e,
+          index: c,
+          size: n,
+          icons: m,
+          className: r?.indicatorContent
+        })
+      }), /* @__PURE__ */ d("div", {
+        className: t(C({ variant: o }), r?.content),
+        children: [i.label && /* @__PURE__ */ a(s, {
+          className: t(I({
+            status: e,
+            size: n,
+            variant: o
+          }), r?.label),
+          children: i.label
+        }), i.description && /* @__PURE__ */ a("span", {
+          className: t(k({
+            status: e,
+            size: n,
+            variant: o
+          }), r?.description),
+          children: i.description
+        })]
+      })]
+    }), !p && b && /* @__PURE__ */ a("div", {
+      className: t("h-0.5 w-7.5 mx-2 transition-colors duration-200", e === "completed" || e === "active" ? "bg-aurora-500" : e === "error" ? "bg-red-700 dark:bg-red-600" : "bg-slate-300 dark:bg-metal-400", r?.connector),
+      role: "presentation",
+      "aria-hidden": "true"
+    })]
+  }) : /* @__PURE__ */ d("div", {
+    className: "flex flex-1 items-start",
+    children: [/* @__PURE__ */ d("div", {
+      className: t(x({
+        orientation: "horizontal",
+        variant: o,
+        clickable: l
+      }), r?.stepWrapper),
+      role: l ? "button" : void 0,
+      tabIndex: l ? 0 : void 0,
+      onClick: u,
+      onKeyDown: f,
+      "aria-current": e === "active" ? "step" : void 0,
+      ...h && { "aria-disabled": !0 },
+      "aria-label": S(c, i.label, e),
+      children: [/* @__PURE__ */ a("div", {
+        className: t(g({
+          status: e,
+          size: n
+        }), r?.indicator),
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ a(v, {
+          status: e,
+          index: c,
+          size: n,
+          icons: m,
+          className: r?.indicatorContent
+        })
+      }), /* @__PURE__ */ d("div", {
+        className: t(C({ variant: o }), r?.content),
+        children: [i.label && /* @__PURE__ */ a(s, {
+          className: t(I({
+            status: e,
+            size: n,
+            variant: o
+          }), r?.label),
+          children: i.label
+        }), i.description && /* @__PURE__ */ a("span", {
+          className: t(k({
+            status: e,
+            size: n,
+            variant: o
+          }), r?.description),
+          children: i.description
+        })]
+      })]
+    }), !p && b && /* @__PURE__ */ a(y, {
       orientation: "horizontal",
-      variant: l,
-      clickable: r
-    }), i?.stepWrapper), e[4] = i?.stepWrapper, e[5] = r, e[6] = l, e[7] = L) : L = e[7];
-    const Y = r ? "button" : void 0, Z = r ? 0 : void 0, _ = t === "active" ? "step" : void 0;
-    let V;
-    e[8] !== b ? (V = b && {
-      "aria-disabled": !0
-    }, e[8] = b, e[9] = V) : V = e[9];
-    let H;
-    e[10] !== o || e[11] !== t || e[12] !== n.label ? (H = oe(o, n.label, t), e[10] = o, e[11] = t, e[12] = n.label, e[13] = H) : H = e[13];
-    let y;
-    e[14] !== i?.indicator || e[15] !== a || e[16] !== t ? (y = s(ie({
-      status: t,
-      size: a
-    }), i?.indicator), e[14] = i?.indicator, e[15] = a, e[16] = t, e[17] = y) : y = e[17];
-    const ee = i?.indicatorContent;
-    let K;
-    e[18] !== d || e[19] !== o || e[20] !== a || e[21] !== t || e[22] !== ee ? (K = /* @__PURE__ */ c(se, { status: t, index: o, size: a, icons: d, className: ee }), e[18] = d, e[19] = o, e[20] = a, e[21] = t, e[22] = ee, e[23] = K) : K = e[23];
-    let j;
-    e[24] !== K || e[25] !== y ? (j = /* @__PURE__ */ c("div", { className: y, "aria-hidden": "true", children: K }), e[24] = K, e[25] = y, e[26] = j) : j = e[26];
-    let A;
-    e[27] !== i?.content || e[28] !== l ? (A = s(le({
-      variant: l
-    }), i?.content), e[27] = i?.content, e[28] = l, e[29] = A) : A = e[29];
-    let B;
-    e[30] !== f || e[31] !== i?.label || e[32] !== a || e[33] !== t || e[34] !== n.label || e[35] !== l ? (B = n.label && /* @__PURE__ */ c(f, { className: s(ae({
-      status: t,
-      size: a,
-      variant: l
-    }), i?.label), children: n.label }), e[30] = f, e[31] = i?.label, e[32] = a, e[33] = t, e[34] = n.label, e[35] = l, e[36] = B) : B = e[36];
-    let E;
-    e[37] !== i?.description || e[38] !== a || e[39] !== t || e[40] !== n.description || e[41] !== l ? (E = n.description && /* @__PURE__ */ c("span", { className: s(ne({
-      status: t,
-      size: a,
-      variant: l
-    }), i?.description), children: n.description }), e[37] = i?.description, e[38] = a, e[39] = t, e[40] = n.description, e[41] = l, e[42] = E) : E = e[42];
-    let R;
-    e[43] !== A || e[44] !== B || e[45] !== E ? (R = /* @__PURE__ */ F("div", { className: A, children: [
-      B,
-      E
-    ] }), e[43] = A, e[44] = B, e[45] = E, e[46] = R) : R = e[46];
-    let $;
-    e[47] !== h || e[48] !== v || e[49] !== j || e[50] !== R || e[51] !== L || e[52] !== Y || e[53] !== Z || e[54] !== _ || e[55] !== V || e[56] !== H ? ($ = /* @__PURE__ */ F("div", { className: L, role: Y, tabIndex: Z, onClick: h, onKeyDown: v, "aria-current": _, ...V, "aria-label": H, children: [
-      j,
-      R
-    ] }), e[47] = h, e[48] = v, e[49] = j, e[50] = R, e[51] = L, e[52] = Y, e[53] = Z, e[54] = _, e[55] = V, e[56] = H, e[57] = $) : $ = e[57];
-    let q;
-    e[58] !== i?.connector || e[59] !== p || e[60] !== m || e[61] !== t ? (q = !p && m && /* @__PURE__ */ c("div", { className: s("h-0.5 w-7.5 mx-2 transition-colors duration-200", t === "completed" || t === "active" ? "bg-aurora-500" : t === "error" ? "bg-red-700 dark:bg-red-600" : "bg-slate-300 dark:bg-metal-400", i?.connector), role: "presentation", "aria-hidden": "true" }), e[58] = i?.connector, e[59] = p, e[60] = m, e[61] = t, e[62] = q) : q = e[62];
-    let M;
-    return e[63] !== $ || e[64] !== q ? (M = /* @__PURE__ */ F("div", { className: "flex items-center", children: [
-      $,
-      q
-    ] }), e[63] = $, e[64] = q, e[65] = M) : M = e[65], M;
-  }
-  let N;
-  e[66] !== i?.stepWrapper || e[67] !== r || e[68] !== l ? (N = s(te({
-    orientation: "horizontal",
-    variant: l,
-    clickable: r
-  }), i?.stepWrapper), e[66] = i?.stepWrapper, e[67] = r, e[68] = l, e[69] = N) : N = e[69];
-  const Q = r ? "button" : void 0, T = r ? 0 : void 0, U = t === "active" ? "step" : void 0;
-  let u;
-  e[70] !== b ? (u = b && {
-    "aria-disabled": !0
-  }, e[70] = b, e[71] = u) : u = e[71];
-  let C;
-  e[72] !== o || e[73] !== t || e[74] !== n.label ? (C = oe(o, n.label, t), e[72] = o, e[73] = t, e[74] = n.label, e[75] = C) : C = e[75];
-  let x;
-  e[76] !== i?.indicator || e[77] !== a || e[78] !== t ? (x = s(ie({
-    status: t,
-    size: a
-  }), i?.indicator), e[76] = i?.indicator, e[77] = a, e[78] = t, e[79] = x) : x = e[79];
-  const X = i?.indicatorContent;
-  let k;
-  e[80] !== d || e[81] !== o || e[82] !== a || e[83] !== t || e[84] !== X ? (k = /* @__PURE__ */ c(se, { status: t, index: o, size: a, icons: d, className: X }), e[80] = d, e[81] = o, e[82] = a, e[83] = t, e[84] = X, e[85] = k) : k = e[85];
-  let z;
-  e[86] !== k || e[87] !== x ? (z = /* @__PURE__ */ c("div", { className: x, "aria-hidden": "true", children: k }), e[86] = k, e[87] = x, e[88] = z) : z = e[88];
-  let g;
-  e[89] !== i?.content || e[90] !== l ? (g = s(le({
-    variant: l
-  }), i?.content), e[89] = i?.content, e[90] = l, e[91] = g) : g = e[91];
-  let I;
-  e[92] !== f || e[93] !== i?.label || e[94] !== a || e[95] !== t || e[96] !== n.label || e[97] !== l ? (I = n.label && /* @__PURE__ */ c(f, { className: s(ae({
-    status: t,
-    size: a,
-    variant: l
-  }), i?.label), children: n.label }), e[92] = f, e[93] = i?.label, e[94] = a, e[95] = t, e[96] = n.label, e[97] = l, e[98] = I) : I = e[98];
-  let S;
-  e[99] !== i?.description || e[100] !== a || e[101] !== t || e[102] !== n.description || e[103] !== l ? (S = n.description && /* @__PURE__ */ c("span", { className: s(ne({
-    status: t,
-    size: a,
-    variant: l
-  }), i?.description), children: n.description }), e[99] = i?.description, e[100] = a, e[101] = t, e[102] = n.description, e[103] = l, e[104] = S) : S = e[104];
-  let W;
-  e[105] !== g || e[106] !== I || e[107] !== S ? (W = /* @__PURE__ */ F("div", { className: g, children: [
-    I,
-    S
-  ] }), e[105] = g, e[106] = I, e[107] = S, e[108] = W) : W = e[108];
-  let w;
-  e[109] !== h || e[110] !== v || e[111] !== z || e[112] !== W || e[113] !== N || e[114] !== Q || e[115] !== T || e[116] !== U || e[117] !== u || e[118] !== C ? (w = /* @__PURE__ */ F("div", { className: N, role: Q, tabIndex: T, onClick: h, onKeyDown: v, "aria-current": U, ...u, "aria-label": C, children: [
-    z,
-    W
-  ] }), e[109] = h, e[110] = v, e[111] = z, e[112] = W, e[113] = N, e[114] = Q, e[115] = T, e[116] = U, e[117] = u, e[118] = C, e[119] = w) : w = e[119];
-  let D;
-  e[120] !== i?.connector || e[121] !== p || e[122] !== m || e[123] !== a || e[124] !== t || e[125] !== l ? (D = !p && m && /* @__PURE__ */ c(pe, { orientation: "horizontal", status: t, size: a, variant: l, className: s("mt-6.5", i?.connector) }), e[120] = i?.connector, e[121] = p, e[122] = m, e[123] = a, e[124] = t, e[125] = l, e[126] = D) : D = e[126];
-  let J;
-  return e[127] !== w || e[128] !== D ? (J = /* @__PURE__ */ F("div", { className: "flex flex-1 items-start", children: [
-    w,
-    D
-  ] }), e[127] = w, e[128] = D, e[129] = J) : J = e[129], J;
-}, Ie = de(be);
+      status: e,
+      size: n,
+      variant: o,
+      className: t("mt-6.5", r?.connector)
+    })]
+  });
+}, F = K(L);
 export {
-  Ie as HorizontalStepItem
+  F as HorizontalStepItem
 };

package/dist/components/Stepper/components/StepConnector/StepConnector.js

@@ -1,26 +1,17 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as p } from "../../../../compiler-runtime-DA41awpA.js";
-import { memo as l } from "react";
-import { cn as f } from "../../../../utils/index.js";
-import { stepConnectorVariants as u } from "../../Stepper.variants.js";
-const d = (a) => {
-  const t = p.c(8), {
-    className: r,
-    orientation: n,
-    size: s,
-    status: i,
-    variant: m
-  } = a;
-  let o;
-  t[0] !== r || t[1] !== n || t[2] !== s || t[3] !== i || t[4] !== m ? (o = f(u({
-    orientation: n,
-    size: s,
-    status: i,
-    variant: m
-  }), r), t[0] = r, t[1] = n, t[2] = s, t[3] = i, t[4] = m, t[5] = o) : o = t[5];
-  let e;
-  return t[6] !== o ? (e = /* @__PURE__ */ c("div", { className: o, role: "presentation", "aria-hidden": "true" }), t[6] = o, t[7] = e) : e = t[7], e;
-}, h = l(d);
+import { t as m } from "../../../../utils-DHuiYnx1.js";
+import { stepConnectorVariants as n } from "../../Stepper.variants.js";
+import { memo as i } from "react";
+import { jsx as p } from "react/jsx-runtime";
+var s = ({ className: r, orientation: o, size: t, status: e, variant: a }) => /* @__PURE__ */ p("div", {
+  className: m(n({
+    orientation: o,
+    size: t,
+    status: e,
+    variant: a
+  }), r),
+  role: "presentation",
+  "aria-hidden": "true"
+}), C = i(s);
 export {
-  h as StepConnector
+  C as StepConnector
 };

package/dist/components/Stepper/components/StepIndicatorContent/StepIndicatorContent.js

@@ -1,42 +1,4 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as u } from "../../../../compiler-runtime-DA41awpA.js";
-import { memo as h } from "react";
-import { cn as I } from "../../../../utils/index.js";
-import { CHECK_ICON_SIZE_MAP as C, ICON_SIZE_MAP as _ } from "../../constants/index.js";
-import { c as x } from "../../../../createLucideIcon-CP-mMPfa.js";
-import { ExclamationIcon as E } from "../../../../assets/icons/components/Exclamation.js";
-const N = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], k = x("check", N), S = (d) => {
-  const e = u.c(17), {
-    className: t,
-    icons: c,
-    index: f,
-    size: a,
-    status: p
-  } = d;
-  if (p === "completed") {
-    if (c?.completed) {
-      let m;
-      return e[0] !== t || e[1] !== c.completed ? (m = /* @__PURE__ */ n("span", { className: t, children: c.completed }), e[0] = t, e[1] = c.completed, e[2] = m) : m = e[2], m;
-    }
-    const i = C[a];
-    let r;
-    e[3] !== t || e[4] !== i ? (r = I(i, t), e[3] = t, e[4] = i, e[5] = r) : r = e[5];
-    let o;
-    return e[6] !== r ? (o = /* @__PURE__ */ n(k, { className: r, strokeWidth: 2.5, "aria-hidden": "true" }), e[6] = r, e[7] = o) : o = e[7], o;
-  }
-  if (p === "error") {
-    if (c?.error) {
-      let o;
-      return e[8] !== t || e[9] !== c.error ? (o = /* @__PURE__ */ n("span", { className: t, children: c.error }), e[8] = t, e[9] = c.error, e[10] = o) : o = e[10], o;
-    }
-    const i = _[a];
-    let r;
-    return e[11] !== t || e[12] !== i ? (r = /* @__PURE__ */ n(E, { size: i, className: t }), e[11] = t, e[12] = i, e[13] = r) : r = e[13], r;
-  }
-  const l = f + 1;
-  let s;
-  return e[14] !== t || e[15] !== l ? (s = /* @__PURE__ */ n("span", { className: t, "aria-hidden": "true", children: l }), e[14] = t, e[15] = l, e[16] = s) : s = e[16], s;
-}, j = h(S);
+import { t as o } from "../../../../StepIndicatorContent-D5z1Ziqg.js";
 export {
-  j as StepIndicatorContent
+  o as StepIndicatorContent
 };

package/dist/components/Stepper/components/StepItem/StepItem.js

@@ -1,17 +1,8 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as r } from "../../../../compiler-runtime-DA41awpA.js";
-import { memo as n } from "react";
-import { HorizontalStepItem as a } from "../HorizontalStepItem/HorizontalStepItem.js";
-import { VerticalStepItem as l } from "../VerticalStepItem/VerticalStepItem.js";
-const f = (t) => {
-  const e = r.c(4);
-  if (t.orientation === "horizontal" || t.variant === "horizontal") {
-    let o;
-    return e[0] !== t ? (o = /* @__PURE__ */ i(a, { ...t }), e[0] = t, e[1] = o) : o = e[1], o;
-  }
-  let m;
-  return e[2] !== t ? (m = /* @__PURE__ */ i(l, { ...t }), e[2] = t, e[3] = m) : m = e[3], m;
-}, z = n(f);
+import { HorizontalStepItem as e } from "../HorizontalStepItem/HorizontalStepItem.js";
+import { VerticalStepItem as o } from "../VerticalStepItem/VerticalStepItem.js";
+import { memo as m } from "react";
+import { jsx as r } from "react/jsx-runtime";
+var i = (t) => t.orientation === "horizontal" || t.variant === "horizontal" ? /* @__PURE__ */ r(e, { ...t }) : /* @__PURE__ */ r(o, { ...t }), I = m(i);
 export {
-  z as StepItem
+  I as StepItem
 };

package/dist/components/Stepper/components/VerticalStepItem/VerticalStepItem.js

@@ -1,96 +1,72 @@
-import { jsx as u, jsxs as $ } from "react/jsx-runtime";
-import { c as F } from "../../../../compiler-runtime-DA41awpA.js";
-import { memo as G } from "react";
-import { cn as k } from "../../../../utils/index.js";
-import { stepVariants as H, stepIndicatorVariants as J, stepContentVariants as M, stepLabelVariants as O, stepDescriptionVariants as P } from "../../Stepper.variants.js";
-import { getStepAriaLabel as Q } from "../../utils/index.js";
-import { StepConnector as T } from "../StepConnector/StepConnector.js";
-import { StepIndicatorContent as U } from "../StepIndicatorContent/StepIndicatorContent.js";
-import { useStepItemLogic as X } from "../../hooks/useStepItemLogic.js";
-const Y = (q) => {
-  const e = F.c(69), {
-    classNames: t,
-    clickable: S,
-    icons: L,
-    index: o,
-    isLast: w,
-    showConnector: D,
-    size: s,
-    step: a,
-    variant: l,
-    onClick: W
-  } = q;
-  let V;
-  e[0] !== S || e[1] !== W || e[2] !== a ? (V = {
-    clickable: S,
-    step: a,
-    onClick: W
-  }, e[0] = S, e[1] = W, e[2] = a, e[3] = V) : V = e[3];
-  const {
-    isClickable: N,
-    isDisabled: g,
-    LabelComponent: j,
-    status: i,
-    handleClick: y,
-    handleKeyDown: K
-  } = X(V), z = l === "stacked" ? "flex flex-col items-center" : "flex flex-col";
-  let n;
-  e[4] !== t?.stepWrapper || e[5] !== N || e[6] !== l ? (n = k(H({
-    orientation: "vertical",
-    variant: l,
-    clickable: N
-  }), t?.stepWrapper), e[4] = t?.stepWrapper, e[5] = N, e[6] = l, e[7] = n) : n = e[7];
-  const A = N ? "button" : void 0, B = N ? 0 : void 0, E = i === "active" ? "step" : void 0;
-  let r;
-  e[8] !== g ? (r = g && {
-    "aria-disabled": !0
-  }, e[8] = g, e[9] = r) : r = e[9];
-  let c;
-  e[10] !== o || e[11] !== i || e[12] !== a.label ? (c = Q(o, a.label, i), e[10] = o, e[11] = i, e[12] = a.label, e[13] = c) : c = e[13];
-  let p;
-  e[14] !== t?.indicator || e[15] !== s || e[16] !== i ? (p = k(J({
-    status: i,
-    size: s
-  }), t?.indicator), e[14] = t?.indicator, e[15] = s, e[16] = i, e[17] = p) : p = e[17];
-  const R = t?.indicatorContent;
-  let d;
-  e[18] !== L || e[19] !== o || e[20] !== s || e[21] !== i || e[22] !== R ? (d = /* @__PURE__ */ u(U, { status: i, index: o, size: s, icons: L, className: R }), e[18] = L, e[19] = o, e[20] = s, e[21] = i, e[22] = R, e[23] = d) : d = e[23];
-  let m;
-  e[24] !== d || e[25] !== p ? (m = /* @__PURE__ */ u("div", { className: p, "aria-hidden": "true", children: d }), e[24] = d, e[25] = p, e[26] = m) : m = e[26];
-  let f;
-  e[27] !== t?.content || e[28] !== l ? (f = k(M({
-    variant: l
-  }), t?.content), e[27] = t?.content, e[28] = l, e[29] = f) : f = e[29];
-  let b;
-  e[30] !== j || e[31] !== t?.label || e[32] !== s || e[33] !== i || e[34] !== a.label || e[35] !== l ? (b = a.label && /* @__PURE__ */ u(j, { className: k(O({
-    status: i,
-    size: s,
-    variant: l
-  }), t?.label), children: a.label }), e[30] = j, e[31] = t?.label, e[32] = s, e[33] = i, e[34] = a.label, e[35] = l, e[36] = b) : b = e[36];
-  let v;
-  e[37] !== t?.description || e[38] !== s || e[39] !== i || e[40] !== a.description || e[41] !== l ? (v = a.description && /* @__PURE__ */ u("span", { className: k(P({
-    status: i,
-    size: s,
-    variant: l
-  }), t?.description), children: a.description }), e[37] = t?.description, e[38] = s, e[39] = i, e[40] = a.description, e[41] = l, e[42] = v) : v = e[42];
-  let C;
-  e[43] !== f || e[44] !== b || e[45] !== v ? (C = /* @__PURE__ */ $("div", { className: f, children: [
-    b,
-    v
-  ] }), e[43] = f, e[44] = b, e[45] = v, e[46] = C) : C = e[46];
-  let h;
-  e[47] !== y || e[48] !== K || e[49] !== m || e[50] !== C || e[51] !== n || e[52] !== A || e[53] !== B || e[54] !== E || e[55] !== r || e[56] !== c ? (h = /* @__PURE__ */ $("div", { className: n, role: A, tabIndex: B, onClick: y, onKeyDown: K, "aria-current": E, ...r, "aria-label": c, children: [
-    m,
-    C
-  ] }), e[47] = y, e[48] = K, e[49] = m, e[50] = C, e[51] = n, e[52] = A, e[53] = B, e[54] = E, e[55] = r, e[56] = c, e[57] = h) : h = e[57];
-  let x;
-  e[58] !== t?.connector || e[59] !== w || e[60] !== D || e[61] !== s || e[62] !== i || e[63] !== l ? (x = !w && D && /* @__PURE__ */ u(T, { orientation: "vertical", status: i, size: s, variant: l, className: t?.connector }), e[58] = t?.connector, e[59] = w, e[60] = D, e[61] = s, e[62] = i, e[63] = l, e[64] = x) : x = e[64];
-  let I;
-  return e[65] !== h || e[66] !== x || e[67] !== z ? (I = /* @__PURE__ */ $("div", { className: z, children: [
-    h,
-    x
-  ] }), e[65] = h, e[66] = x, e[67] = z, e[68] = I) : I = e[68], I;
-}, ne = G(Y);
+import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { t as x } from "../../../../StepIndicatorContent-D5z1Ziqg.js";
+import { useStepItemLogic as V } from "../../hooks/useStepItemLogic.js";
+import { stepContentVariants as I, stepDescriptionVariants as S, stepIndicatorVariants as k, stepLabelVariants as D, stepVariants as L } from "../../Stepper.variants.js";
+import { getStepAriaLabel as g } from "../../utils/index.js";
+import { StepConnector as j } from "../StepConnector/StepConnector.js";
+import { memo as w } from "react";
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
+var y = ({ classNames: e, clickable: m, icons: p, index: d, isLast: s, showConnector: b, size: o, step: r, variant: i, onClick: f }) => {
+  const { isClickable: l, isDisabled: h, LabelComponent: C, status: t, handleClick: u, handleKeyDown: v } = V({
+    clickable: m,
+    step: r,
+    onClick: f
+  });
+  return /* @__PURE__ */ c("div", {
+    className: i === "stacked" ? "flex flex-col items-center" : "flex flex-col",
+    children: [/* @__PURE__ */ c("div", {
+      className: a(L({
+        orientation: "vertical",
+        variant: i,
+        clickable: l
+      }), e?.stepWrapper),
+      role: l ? "button" : void 0,
+      tabIndex: l ? 0 : void 0,
+      onClick: u,
+      onKeyDown: v,
+      "aria-current": t === "active" ? "step" : void 0,
+      ...h && { "aria-disabled": !0 },
+      "aria-label": g(d, r.label, t),
+      children: [/* @__PURE__ */ n("div", {
+        className: a(k({
+          status: t,
+          size: o
+        }), e?.indicator),
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ n(x, {
+          status: t,
+          index: d,
+          size: o,
+          icons: p,
+          className: e?.indicatorContent
+        })
+      }), /* @__PURE__ */ c("div", {
+        className: a(I({ variant: i }), e?.content),
+        children: [r.label && /* @__PURE__ */ n(C, {
+          className: a(D({
+            status: t,
+            size: o,
+            variant: i
+          }), e?.label),
+          children: r.label
+        }), r.description && /* @__PURE__ */ n("span", {
+          className: a(S({
+            status: t,
+            size: o,
+            variant: i
+          }), e?.description),
+          children: r.description
+        })]
+      })]
+    }), !s && b && /* @__PURE__ */ n(j, {
+      orientation: "vertical",
+      status: t,
+      size: o,
+      variant: i,
+      className: e?.connector
+    })]
+  });
+}, G = w(y);
 export {
-  ne as VerticalStepItem
+  G as VerticalStepItem
 };

package/dist/components/Stepper/constants/index.js

@@ -1,4 +1,4 @@
-const _ = {
+var _ = {
   sm: 12,
   md: 16,
   lg: 24

package/dist/components/Stepper/hooks/index.js

@@ -1,4 +1,4 @@
-import { useStepItemLogic as t } from "./useStepItemLogic.js";
+import { useStepItemLogic as o } from "./useStepItemLogic.js";
 export {
-  t as useStepItemLogic
+  o as useStepItemLogic
 };

package/dist/components/Stepper/hooks/useStepItemLogic.js

@@ -1,24 +1,24 @@
-import { S as b } from "../../../index-BvoZGpli.js";
+import { t as u } from "../../../dist-DXJSck4j.js";
 import { useCallback as s } from "react";
-function m({
-  clickable: c,
-  onClick: t,
-  step: n
-}) {
-  const i = n.status ?? "pending", l = n.disabled || i === "active", r = !!(n.onClick || t), o = c && !l && r, f = typeof n.label == "string" ? "span" : b, e = s(() => {
-    o && (n.onClick ? n.onClick() : t && t());
-  }, [o, n.onClick, t]), u = s((a) => {
-    o && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), e());
-  }, [o, e]);
+function d({ clickable: c, onClick: e, step: n }) {
+  const i = n.status ?? "pending", l = n.disabled || i === "active", r = !!(n.onClick || e), t = c && !l && r, f = typeof n.label == "string" ? "span" : u, o = s(() => {
+    t && (n.onClick ? n.onClick() : e && e());
+  }, [
+    t,
+    n.onClick,
+    e
+  ]);
   return {
-    isClickable: o,
+    isClickable: t,
     isDisabled: l,
     LabelComponent: f,
     status: i,
-    handleClick: e,
-    handleKeyDown: u
+    handleClick: o,
+    handleKeyDown: s((a) => {
+      t && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), o());
+    }, [t, o])
   };
 }
 export {
-  m as useStepItemLogic
+  d as useStepItemLogic
 };

package/dist/components/Stepper/utils/index.js

@@ -1,13 +1,12 @@
-const c = {
+var n = {
   completed: ", completed",
   active: ", current",
   error: ", error",
   pending: ""
 };
-function p(t, e, r) {
-  const n = `Step ${t + 1}`, o = typeof e == "string" ? `: ${e}` : "";
-  return `${n}${o}${c[r]}`;
+function o(r, e, t) {
+  return `${`Step ${r + 1}`}${typeof e == "string" ? `: ${e}` : ""}${n[t]}`;
 }
 export {
-  p as getStepAriaLabel
+  o as getStepAriaLabel
 };