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

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

@@ -1,154 +1,200 @@
-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];
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { memo as H } from "react";
+import { cn as o } from "../../../../utils/index.js";
+import { stepIndicatorVariants as v, stepLabelVariants as C, stepDescriptionVariants as k, stepContentVariants as g, stepVariants as I } from "../../Stepper.variants.js";
+import { getStepAriaLabel as x } from "../../utils/index.js";
+import { StepConnector as w } from "../StepConnector/StepConnector.js";
+import { StepIndicatorContent as S } from "../StepIndicatorContent/StepIndicatorContent.js";
+import { useStepItemLogic as y } from "../../hooks/useStepItemLogic.js";
+const K = ({
+  classNames: r,
+  clickable: D,
+  icons: m,
+  index: c,
+  isLast: p,
+  showConnector: b,
+  size: a,
+  step: i,
+  variant: t,
+  onClick: V
+}) => {
   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({
-      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);
+    isClickable: l,
+    isDisabled: h,
+    LabelComponent: s,
+    status: e,
+    handleClick: u,
+    handleKeyDown: f
+  } = y({ clickable: D, step: i, onClick: V });
+  return t === "horizontal" ? /* @__PURE__ */ d("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ d(
+      "div",
+      {
+        className: o(
+          I({
+            orientation: "horizontal",
+            variant: t,
+            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": x(c, i.label, e),
+        children: [
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: o(
+                v({ status: e, size: a }),
+                r?.indicator
+              ),
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ n(
+                S,
+                {
+                  status: e,
+                  index: c,
+                  size: a,
+                  icons: m,
+                  className: r?.indicatorContent
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ d(
+            "div",
+            {
+              className: o(
+                g({ variant: t }),
+                r?.content
+              ),
+              children: [
+                i.label && /* @__PURE__ */ n(
+                  s,
+                  {
+                    className: o(
+                      C({ status: e, size: a, variant: t }),
+                      r?.label
+                    ),
+                    children: i.label
+                  }
+                ),
+                i.description && /* @__PURE__ */ n(
+                  "span",
+                  {
+                    className: o(
+                      k({ status: e, size: a, variant: t }),
+                      r?.description
+                    ),
+                    children: i.description
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    !p && b && /* @__PURE__ */ n(
+      "div",
+      {
+        className: o(
+          "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: o(
+          I({
+            orientation: "horizontal",
+            variant: t,
+            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": x(c, i.label, e),
+        children: [
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: o(
+                v({ status: e, size: a }),
+                r?.indicator
+              ),
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ n(
+                S,
+                {
+                  status: e,
+                  index: c,
+                  size: a,
+                  icons: m,
+                  className: r?.indicatorContent
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ d(
+            "div",
+            {
+              className: o(g({ variant: t }), r?.content),
+              children: [
+                i.label && /* @__PURE__ */ n(
+                  s,
+                  {
+                    className: o(
+                      C({ status: e, size: a, variant: t }),
+                      r?.label
+                    ),
+                    children: i.label
+                  }
+                ),
+                i.description && /* @__PURE__ */ n(
+                  "span",
+                  {
+                    className: o(
+                      k({ status: e, size: a, variant: t }),
+                      r?.description
+                    ),
+                    children: i.description
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    !p && b && /* @__PURE__ */ n(
+      w,
+      {
+        orientation: "horizontal",
+        status: e,
+        size: a,
+        variant: t,
+        className: o("mt-6.5", r?.connector)
+      }
+    )
+  ] });
+}, F = H(K);
 export {
-  Ie as HorizontalStepItem
+  F as HorizontalStepItem
 };

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

@@ -1,26 +1,29 @@
-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 { jsx as m } from "react/jsx-runtime";
+import { memo as i } from "react";
+import { cn as p } from "../../../../utils/index.js";
+import { stepConnectorVariants as s } from "../../Stepper.variants.js";
+const a = ({
+  className: o,
+  orientation: r,
+  size: t,
+  status: e,
+  variant: n
+}) => /* @__PURE__ */ m(
+  "div",
+  {
+    className: p(
+      s({
+        orientation: r,
+        size: t,
+        status: e,
+        variant: n
+      }),
+      o
+    ),
+    role: "presentation",
+    "aria-hidden": "true"
+  }
+), l = i(a);
 export {
-  h as StepConnector
+  l as StepConnector
 };

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

@@ -1,42 +1,23 @@
-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;
+import { jsx as e } from "react/jsx-runtime";
+import { memo as c } from "react";
+import { cn as d } from "../../../../utils/index.js";
+import { CHECK_ICON_SIZE_MAP as m, ICON_SIZE_MAP as p } from "../../constants/index.js";
+import { c as f } from "../../../../createLucideIcon-CP-mMPfa.js";
+import { ExclamationIcon as h } from "../../../../assets/icons/components/Exclamation.js";
+const a = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], I = f("check", a), u = ({
+  className: r,
+  icons: t,
+  index: i,
+  size: o,
+  status: n
+}) => n === "completed" ? t?.completed ? /* @__PURE__ */ e("span", { className: r, children: t.completed }) : /* @__PURE__ */ e(
+  I,
+  {
+    className: d(m[o], r),
+    strokeWidth: 2.5,
+    "aria-hidden": "true"
   }
-  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);
+) : n === "error" ? t?.error ? /* @__PURE__ */ e("span", { className: r, children: t.error }) : /* @__PURE__ */ e(h, { size: p[o], className: r }) : /* @__PURE__ */ e("span", { className: r, "aria-hidden": "true", children: i + 1 }), x = c(u);
 export {
-  j as StepIndicatorContent
+  x 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 { jsx as o } from "react/jsx-runtime";
+import { memo as r } from "react";
+import { HorizontalStepItem as e } from "../HorizontalStepItem/HorizontalStepItem.js";
+import { VerticalStepItem as m } from "../VerticalStepItem/VerticalStepItem.js";
+const i = (t) => t.orientation === "horizontal" || t.variant === "horizontal" ? /* @__PURE__ */ o(e, { ...t }) : /* @__PURE__ */ o(m, { ...t }), I = r(i);
 export {
-  z as StepItem
+  I as StepItem
 };