ui-mathilde-web 0.3.6 → 0.3.8

package/dist/ui-mathilde-web.d.ts

@@ -447,6 +447,15 @@ declare interface TermsCheckboxProps {
     label?: string;
 }
 
+export declare function Toggle({ label, checked, disabled, onChange, }: ToggleProps): JSX_2.Element;
+
+declare interface ToggleProps {
+    label?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+}
+
 declare interface ValidationListProps {
     validations: {
         hasMinLength: boolean;

package/dist/ui-mathilde-web.js

@@ -29553,8 +29553,8 @@ const jN = {
     back: h,
     goToStep: g
   };
-  return /* @__PURE__ */ G("div", { className: "mx-auto flex w-full max-w-5xl flex-col md:flex-row", children: [
-    /* @__PURE__ */ b("ol", { className: "relative border-s-2 border-[#191960] text-gray-500 dark:border-gray-700 dark:text-gray-400 w-full", children: t.map((x, w) => {
+  return /* @__PURE__ */ G("div", { className: "mx-auto flex w-full flex-col md:flex-row", children: [
+    /* @__PURE__ */ b("ol", { className: "relative border-s-2 border-[#191960] text-gray-500 dark:border-gray-700 dark:text-gray-400 w-full self-start", children: t.map((x, w) => {
       const k = w === t.length - 1, v = w + 1 === u, y = w + 1 < u;
       return /* @__PURE__ */ G("li", { className: `ms-4 ${k ? "" : "mb-8"}`, children: [
         /* @__PURE__ */ b(
@@ -29574,34 +29574,11 @@ const jN = {
         )
       ] }, x.title);
     }) }),
-    /* @__PURE__ */ G("div", { className: "w-full md:w-2/3 p-6 mt-6 mx-10 border-l-[1px] border-[#8B8B8B] md:mt-0 transition-all duration-300", children: [
-      /* @__PURE__ */ b("div", { children: ((p = t[u - 1]) == null ? void 0 : p.content) || /* @__PURE__ */ b("p", { children: "No hay contenido." }) }),
-      /* @__PURE__ */ b("div", { className: "mt-6 flex justify-between ", children: a ? (
-        // Si el parent provee renderControls, lo usamos
-        a(m)
-      ) : (
-        // Controles por defecto
-        /* @__PURE__ */ G($t, { children: [
-          /* @__PURE__ */ b(
-            Ya,
-            {
-              color: "gray",
-              disabled: u === 1,
-              onClick: h,
-              children: "Atrás"
-            }
-          ),
-          u < t.length ? /* @__PURE__ */ b(
-            Ya,
-            {
-              style: { backgroundColor: "#191960" },
-              onClick: f,
-              children: "Siguiente"
-            }
-          ) : /* @__PURE__ */ b(Ya, { color: "success", onClick: o, children: "Finalizar" })
-        ] })
-      ) })
-    ] })
+    /* @__PURE__ */ b("div", { className: "w-full p-6 mt-6 mx-10 border-l-[1px] border-[#8B8B8B] md:mt-0 transition-all duration-300", children: /* @__PURE__ */ b("div", { children: ((p = t[u - 1]) == null ? void 0 : p.content) || /* @__PURE__ */ b("p", { children: "No hay contenido." }) }) }),
+    /* @__PURE__ */ b("div", { className: "fixed bottom-0 left-0 w-full p-6", children: /* @__PURE__ */ b("div", { className: "flex justify-end gap-2", children: a ? /* @__PURE__ */ b("div", { className: "w-full flex justify-end", children: a(m) }) : /* @__PURE__ */ G($t, { children: [
+      /* @__PURE__ */ b(Ya, { color: "gray", disabled: u === 1, onClick: h, children: "Atrás" }),
+      u < t.length ? /* @__PURE__ */ b(Ya, { style: { backgroundColor: "#191960" }, onClick: f, children: "Siguiente" }) : /* @__PURE__ */ b(Ya, { color: "success", onClick: o, children: "Finalizar" })
+    ] }) }) })
   ] });
 }, XI = ({ options: t, classNameRadio: e, classNameLabel: r, onChange: n }) => /* @__PURE__ */ b("div", { className: "flex max-w-md flex-col gap-2", children: /* @__PURE__ */ b("div", { className: "flex items-center gap-3", children: t == null ? void 0 : t.map((a) => /* @__PURE__ */ G("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ b(
@@ -29653,5 +29630,6 @@ export {
   LI as TableOfContents,
   jI as TabsComponent,
   AI as TermsCheckbox,
+  X2 as Toggle,
   FI as ValidationPassword
 };