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

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

@@ -1,200 +1,154 @@
-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
-}) => {
+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: 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);
+    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);
 export {
-  F as HorizontalStepItem
+  Ie as HorizontalStepItem
 };

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

@@ -1,29 +1,26 @@
-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);
+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);
 export {
-  l as StepConnector
+  h as StepConnector
 };

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

@@ -1,23 +1,42 @@
-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"
+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;
   }
-) : 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);
+  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);
 export {
-  x as StepIndicatorContent
+  j as StepIndicatorContent
 };

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

@@ -1,8 +1,17 @@
-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);
+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);
 export {
-  I as StepItem
+  z as StepItem
 };