componenteszw-package 1.0.29 → 1.0.30

package/dist/Card.d.ts

@@ -7,6 +7,7 @@ type CardRowProps = {
     hoverClassName?: string;
     skeletonClassName?: string;
     clickable?: boolean;
+    title?: string;
 };
 export declare const CardRow: React.FC<CardRowProps>;
 export {};

package/dist/Switch.d.ts

@@ -1,9 +1,10 @@
 type SwitchProps = {
     checked?: boolean;
     onChange?: (checked: boolean) => void;
-    label?: string;
+    labelActivo?: string;
+    labelInactivo?: string;
     disabled?: boolean;
     className?: string;
 };
-export declare function Switch({ checked, onChange, label, disabled, className, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export declare function Switch({ checked, onChange, labelActivo, labelInactivo, disabled, className, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.js

@@ -2071,11 +2071,17 @@ var tt = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
 			})]
 		})]
 	});
-}, nt = ({ children: e, onClick: t, className: n, contentClassName: r, hoverClassName: i, skeletonClassName: a, clickable: o = !0 }) => /* @__PURE__ */ l("div", {
+}, nt = ({ children: e, onClick: t, className: n, contentClassName: r, hoverClassName: i, skeletonClassName: a, clickable: o = !0, title: s }) => /* @__PURE__ */ u("div", {
 	onClick: t,
 	className: Q("w-full bg-white rounded-2xl border border-gray-200 shadow-sm overflow-hidden transition-all duration-200", o && "cursor-pointer", o && "hover:shadow-md", i, n),
-	children: /* @__PURE__ */ l("div", {
-		className: Q("min-h-[72px] px-6 py-4 flex items-center justify-between", r),
+	children: [s && /* @__PURE__ */ l("div", {
+		className: "px-6 py-4 border-b border-gray-200",
+		children: /* @__PURE__ */ l("span", {
+			className: "font-semibold text-base",
+			children: s
+		})
+	}), /* @__PURE__ */ l("div", {
+		className: r ?? "min-h-[72px] px-6 py-4 flex items-center justify-between",
 		children: e || /* @__PURE__ */ u(c, { children: [
 			/* @__PURE__ */ l("div", { className: Q("flex-1 h-5 rounded-md bg-gray-100", a) }),
 			/* @__PURE__ */ l("div", { className: Q("w-24 h-5 rounded-md bg-gray-100 ml-6", a) }),
@@ -2083,7 +2089,7 @@ var tt = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
 			/* @__PURE__ */ l("div", { className: Q("w-32 h-5 rounded-md bg-gray-100 ml-6", a) }),
 			/* @__PURE__ */ l("div", { className: Q("w-6 h-6 rounded-md bg-gray-100 ml-6", a) })
 		] })
-	})
+	})]
 }), rt = ({ open: e, onClose: n, variant: r = "content", title: i, description: a, children: o, primaryAction: s, secondaryAction: c, size: d = "medium", closeOnOverlayClick: f = !0, closeOnEsc: p = !0, hideIcon: m = !1, className: h, overlayClassName: g, contentClassName: _, headerClassName: v, bodyClassName: y, footerClassName: b, iconClassName: x, titleClassName: S, descriptionClassName: C }) => {
 	if (t.useEffect(() => {
 		if (!e) return;
@@ -2375,34 +2381,43 @@ var ot = ({ options: e, multiple: t = !1, placeholder: n = "Select...", label: r
 };
 //#endregion
 //#region src/Switch.tsx
-function st({ checked: e = !1, onChange: t, label: n, disabled: r = !1, className: i = "" }) {
-	let [a, o] = s(e);
+function st({ checked: e = !1, onChange: t, labelActivo: n = "Activo", labelInactivo: r = "Inactivo", disabled: i = !1, className: a = "" }) {
+	let [o, c] = s(e);
 	return /* @__PURE__ */ u("div", {
-		className: `flex items-center gap-2 ${i}`,
-		children: [/* @__PURE__ */ l("button", {
-			type: "button",
-			role: "switch",
-			"aria-checked": a,
-			disabled: r,
-			onClick: () => {
-				if (r) return;
-				let e = !a;
-				o(e), t?.(e);
-			},
-			className: `
+		className: `flex items-center gap-2 ${a}`,
+		children: [
+			/* @__PURE__ */ l("span", {
+				className: "text-sm font-medium",
+				style: { color: o ? "#BB2111" : void 0 },
+				children: n
+			}),
+			/* @__PURE__ */ l("button", {
+				type: "button",
+				role: "switch",
+				"aria-checked": o,
+				disabled: i,
+				onClick: () => {
+					if (i) return;
+					let e = !o;
+					c(e), t?.(e);
+				},
+				className: `
           relative inline-flex h-6 w-11 items-center rounded-full transition-colors duration-200
-          focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500
-          ${a ? "bg-green-500" : "bg-gray-300"}
-          ${r ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
+          focus:outline-none
+          bg-gray-300
+          ${i ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
         `,
-			children: /* @__PURE__ */ l("span", { className: `
+				children: /* @__PURE__ */ l("span", { className: `
             inline-block h-4 w-4 transform rounded-full bg-white shadow transition-transform duration-200
-            ${a ? "translate-x-6" : "translate-x-1"}
+            ${o ? "translate-x-6" : "translate-x-1"}
           ` })
-		}), n && /* @__PURE__ */ l("span", {
-			className: "text-sm font-medium",
-			children: n
-		})]
+			}),
+			/* @__PURE__ */ l("span", {
+				className: "text-sm font-medium",
+				style: { color: o ? void 0 : "#BB2111" },
+				children: r
+			})
+		]
 	});
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "componenteszw-package",
-  "version": "1.0.29",
+  "version": "1.0.30",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",