ingeniuscliq-core 0.2.21 → 0.2.23

package/dist/components/ui/stepper.d.ts

@@ -8,6 +8,10 @@ interface StepProps extends BaseStyleProps {
     colorCompletedSteps?: string;
     colorActiveSteps?: string;
     colorInactiveSteps?: string;
+    colorLabelCompletedSteps?: string;
+    colorLabelActiveSteps?: string;
+    colorLabelInactiveSteps?: string;
+    colorDivider?: string;
 }
 interface Step {
     title: string;
@@ -20,6 +24,10 @@ interface StepperProps {
     colorCompletedSteps?: string;
     colorActiveSteps?: string;
     colorInactiveSteps?: string;
+    colorLabelCompletedSteps?: string;
+    colorLabelActiveSteps?: string;
+    colorLabelInactiveSteps?: string;
+    colorDivider?: string;
 }
-export declare function Stepper({ steps, currentStep, colorCompletedSteps, colorActiveSteps, colorInactiveSteps }: StepperProps): import("react/jsx-runtime").JSX.Element;
+export declare function Stepper({ steps, currentStep, colorCompletedSteps, colorActiveSteps, colorInactiveSteps, colorLabelCompletedSteps, colorLabelActiveSteps, colorLabelInactiveSteps, colorDivider }: StepperProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.js

@@ -20091,38 +20091,42 @@ const pD = /* @__PURE__ */ E.forwardRef(function(t, n) {
       ...e
     }
   );
-}, hD = ({ className: e = "", colorCompletedSteps: t = "", colorActiveSteps: n = "", colorInactiveSteps: r = "", step: o, isCompleted: a, isActive: s, firstStep: i, lastStep: c }) => /* @__PURE__ */ I("div", { className: "flex flex-col justify-center w-full items-center gap-2 relative", children: [
-  !i && /* @__PURE__ */ d("div", { className: "absolute top-0 bottom-0 my-auto md:bottom-auto md:top-[calc(25%+4px)] left-0 w-1/2 h-0.25 bg-customGray -translate-x-full" }),
-  !c && /* @__PURE__ */ d("div", { className: "absolute top-0 bottom-0 my-auto md:bottom-auto md:top-[calc(25%+4px)] right-0 w-1/2 h-0.25 bg-customGray translate-x-full" }),
+}, hD = ({ className: e = "", colorCompletedSteps: t = "", colorActiveSteps: n = "", colorInactiveSteps: r = "", colorLabelCompletedSteps: o = "", colorLabelActiveSteps: a = "", colorLabelInactiveSteps: s = "", colorDivider: i = "", step: c, isCompleted: u, isActive: f, firstStep: l, lastStep: m }) => /* @__PURE__ */ I("div", { className: "flex flex-col justify-center w-full items-center gap-2 relative", children: [
+  !l && /* @__PURE__ */ d("div", { className: `absolute top-0 bottom-0 my-auto md:bottom-auto md:top-[calc(25%+4px)] left-0 w-1/2 h-0.25 ${i} -translate-x-full` }),
+  !m && /* @__PURE__ */ d("div", { className: `absolute top-0 bottom-0 my-auto md:bottom-auto md:top-[calc(25%+4px)] right-0 w-1/2 h-0.25 ${i} translate-x-full` }),
   /* @__PURE__ */ d("div", { className: "relative flex items-center justify-center z-10 bg-white", children: /* @__PURE__ */ d(
     "div",
     {
-      className: `w-10 h-10 p-1 rounded-full border flex items-center justify-center ${e} ${a ? `${t}` : s ? `${n}` : `${r}`}`,
-      children: a ? /* @__PURE__ */ d(za, { className: "w-4 h-4" }) : o.icon
+      className: `w-10 h-10 p-1 rounded-full border flex items-center justify-center ${e} ${u ? `${t}` : f ? `${n}` : `${r}`}`,
+      children: u ? /* @__PURE__ */ d(za, { className: "w-4 h-4" }) : c.icon
     }
   ) }),
   /* @__PURE__ */ d(
     "p",
     {
-      className: `hidden md:block text-sm font-medium ${a ? `${t}` : s ? `${n}` : `${r}`}`,
-      children: o.title
+      className: `hidden md:block text-sm font-medium ${u ? `${o}` : f ? `${a}` : `${s}`}`,
+      children: c.title
     }
   )
 ] });
-function a6({ steps: e, currentStep: t, colorCompletedSteps: n = "", colorActiveSteps: r = "", colorInactiveSteps: o = "" }) {
-  return /* @__PURE__ */ d("div", { className: "w-full max-w-3xl mx-auto", children: /* @__PURE__ */ d("div", { className: "flex flex-row justify-between items-center gap-4 mb-8", children: e.map((a, s) => /* @__PURE__ */ d(Dv, { children: /* @__PURE__ */ d(
+function a6({ steps: e, currentStep: t, colorCompletedSteps: n = "", colorActiveSteps: r = "", colorInactiveSteps: o = "", colorLabelCompletedSteps: a = "", colorLabelActiveSteps: s = "", colorLabelInactiveSteps: i = "", colorDivider: c = "" }) {
+  return /* @__PURE__ */ d("div", { className: "w-full max-w-3xl mx-auto", children: /* @__PURE__ */ d("div", { className: "flex flex-row justify-between items-center gap-4 mb-8", children: e.map((u, f) => /* @__PURE__ */ d(Dv, { children: /* @__PURE__ */ d(
     hD,
     {
-      step: a,
-      isCompleted: s < t,
-      isActive: s === t,
-      firstStep: s === 0,
-      lastStep: s === e.length - 1,
+      step: u,
+      isCompleted: f < t,
+      isActive: f === t,
+      firstStep: f === 0,
+      lastStep: f === e.length - 1,
       colorCompletedSteps: n,
       colorActiveSteps: r,
-      colorInactiveSteps: o
+      colorInactiveSteps: o,
+      colorLabelCompletedSteps: a,
+      colorLabelActiveSteps: s,
+      colorLabelInactiveSteps: i,
+      colorDivider: c
     }
-  ) }, a.title)) }) });
+  ) }, u.title)) }) });
 }
 var Es = "Switch", [gD, s6] = tt(Es), [vD, bD] = gD(Es), q0 = h.forwardRef(
   (e, t) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ingeniuscliq-core",
-  "version": "0.2.21",
+  "version": "0.2.23",
   "description": "IngeniusCliq Core UI y lógica compartida",
   "license": "MIT",
   "type": "module",