ingeniuscliq-core 0.2.22 → 0.2.24

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

@@ -5,12 +5,13 @@ interface StepProps extends BaseStyleProps {
     isActive?: boolean;
     firstStep?: boolean;
     lastStep?: boolean;
-    colorCompletedSteps?: string;
-    colorActiveSteps?: string;
-    colorInactiveSteps?: string;
-    colorLabelCompletedSteps?: string;
-    colorLabelActiveSteps?: string;
-    colorLabelInactiveSteps?: string;
+    classCompletedSteps?: string;
+    classActiveSteps?: string;
+    classInactiveSteps?: string;
+    classLabelCompletedSteps?: string;
+    classLabelActiveSteps?: string;
+    classLabelInactiveSteps?: string;
+    classDivider?: string;
 }
 interface Step {
     title: string;
@@ -20,12 +21,13 @@ declare const Step: React.FC<StepProps>;
 interface StepperProps {
     steps: Step[];
     currentStep: number;
-    colorCompletedSteps?: string;
-    colorActiveSteps?: string;
-    colorInactiveSteps?: string;
-    colorLabelCompletedSteps?: string;
-    colorLabelActiveSteps?: string;
-    colorLabelInactiveSteps?: string;
+    classCompletedSteps?: string;
+    classActiveSteps?: string;
+    classInactiveSteps?: string;
+    classLabelCompletedSteps?: string;
+    classLabelActiveSteps?: string;
+    classLabelInactiveSteps?: string;
+    classDivider?: string;
 }
-export declare function Stepper({ steps, currentStep, colorCompletedSteps, colorActiveSteps, colorInactiveSteps, colorLabelCompletedSteps, colorLabelActiveSteps, colorLabelInactiveSteps }: StepperProps): import("react/jsx-runtime").JSX.Element;
+export declare function Stepper({ steps, currentStep, classCompletedSteps, classActiveSteps, classInactiveSteps, classLabelCompletedSteps, classLabelActiveSteps, classLabelInactiveSteps, classDivider }: StepperProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.js

@@ -20091,41 +20091,42 @@ const pD = /* @__PURE__ */ E.forwardRef(function(t, n) {
       ...e
     }
   );
-}, hD = ({ className: e = "", colorCompletedSteps: t = "", colorActiveSteps: n = "", colorInactiveSteps: r = "", colorLabelCompletedSteps: o = "", colorLabelActiveSteps: a = "", colorLabelInactiveSteps: s = "", step: i, isCompleted: c, isActive: u, firstStep: f, lastStep: l }) => /* @__PURE__ */ I("div", { className: "flex flex-col justify-center w-full items-center gap-2 relative", children: [
-  !f && /* @__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" }),
-  !l && /* @__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 = "", classCompletedSteps: t = "", classActiveSteps: n = "", classInactiveSteps: r = "", classLabelCompletedSteps: o = "", classLabelActiveSteps: a = "", classLabelInactiveSteps: s = "", classDivider: 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} ${c ? `${t}` : u ? `${n}` : `${r}`}`,
-      children: c ? /* @__PURE__ */ d(za, { className: "w-4 h-4" }) : i.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 ${c ? `${o}` : u ? `${a}` : `${s}`}`,
-      children: i.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 = "", colorLabelCompletedSteps: a = "", colorLabelActiveSteps: s = "", colorLabelInactiveSteps: i = "" }) {
-  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((c, u) => /* @__PURE__ */ d(Dv, { children: /* @__PURE__ */ d(
+function a6({ steps: e, currentStep: t, classCompletedSteps: n = "", classActiveSteps: r = "", classInactiveSteps: o = "", classLabelCompletedSteps: a = "", classLabelActiveSteps: s = "", classLabelInactiveSteps: i = "", classDivider: 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: c,
-      isCompleted: u < t,
-      isActive: u === t,
-      firstStep: u === 0,
-      lastStep: u === e.length - 1,
-      colorCompletedSteps: n,
-      colorActiveSteps: r,
-      colorInactiveSteps: o,
-      colorLabelCompletedSteps: a,
-      colorLabelActiveSteps: s,
-      colorLabelInactiveSteps: i
-    }
-  ) }, c.title)) }) });
+      step: u,
+      isCompleted: f < t,
+      isActive: f === t,
+      firstStep: f === 0,
+      lastStep: f === e.length - 1,
+      classCompletedSteps: n,
+      classActiveSteps: r,
+      classInactiveSteps: o,
+      classLabelCompletedSteps: a,
+      classLabelActiveSteps: s,
+      classLabelInactiveSteps: i,
+      classDivider: c
+    }
+  ) }, 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.22",
+  "version": "0.2.24",
   "description": "IngeniusCliq Core UI y lógica compartida",
   "license": "MIT",
   "type": "module",