kiban-design-system 3.5.0 → 3.7.0

package/dist/components/register-form.d.ts

@@ -23,6 +23,8 @@ interface IRegisterFormProps extends React.ComponentProps<"div"> {
     passwordPlaceholder?: string;
     emailFormatError?: string;
     showPasswordTitle?: string;
+    passwordPattern?: RegExp | string;
+    passwordPatternError?: string;
     signInButtonProps?: {
         text?: string;
         onClick?: () => void;
@@ -34,6 +36,6 @@ interface IRegisterFormProps extends React.ComponentProps<"div"> {
     error?: TErrorAlert;
     isLoading?: boolean;
 }
-export declare function RegisterForm({ className, logo, title, description, onSubmit, email, names, lastName, password, onEmailChange, onPasswordChange, onNamesChange, onLastNameChange, submitButtonText, emailLabel, emailPlaceholder, namesLabel, namesPlaceholder, lastNameLabel, lastNamePlaceholder, passwordLabel, passwordPlaceholder, emailFormatError, showPasswordTitle, signInButtonProps, footerLinks, error, isLoading, ...props }: IRegisterFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function RegisterForm({ className, logo, title, description, onSubmit, email, names, lastName, password, onEmailChange, onPasswordChange, onNamesChange, onLastNameChange, submitButtonText, emailLabel, emailPlaceholder, namesLabel, namesPlaceholder, lastNameLabel, lastNamePlaceholder, passwordLabel, passwordPlaceholder, emailFormatError, showPasswordTitle, passwordPattern, passwordPatternError, signInButtonProps, footerLinks, error, isLoading, ...props }: IRegisterFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=register-form.d.ts.map

package/dist/components/register-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"register-form.d.ts","sourceRoot":"","sources":["../../src/components/register-form.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,UAAiC,EACjC,gBAAwC,EACxC,UAAwB,EACxB,gBAA+B,EAC/B,aAA6B,EAC7B,mBAAqC,EACrC,aAA4B,EAC5B,mBAAkD,EAClD,gBAA6D,EAC7D,iBAA4C,EAC5C,iBAAiB,EACjB,WAAgB,EAChB,KAAK,EACL,SAAiB,EACjB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAkHpB"}
+{"version":3,"file":"register-form.d.ts","sourceRoot":"","sources":["../../src/components/register-form.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,UAAiC,EACjC,gBAAwC,EACxC,UAAwB,EACxB,gBAA+B,EAC/B,aAA6B,EAC7B,mBAAqC,EACrC,aAA4B,EAC5B,mBAAkD,EAClD,gBAA6D,EAC7D,iBAA4C,EAC5C,eAAe,EACf,oBAAmE,EACnE,iBAAiB,EACjB,WAAgB,EAChB,KAAK,EACL,SAAiB,EACjB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAmIpB"}

package/dist/components/register-form.js

@@ -1,119 +1,122 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { isEmailValid as m } from "../lib/utils.js";
-import { Button as R } from "./ui/button.js";
-import { FieldGroup as T, Field as B } from "./ui/field.js";
-import { TextField as l } from "./text-field.js";
-import { useState as J } from "react";
-import { EyeOffIcon as K, EyeIcon as M } from "lucide-react";
-import { Spinner as Q } from "./ui/spinner.js";
-import { AuthCard as U, AuthCardFooter as W } from "./auth-card.js";
-function oe({
+import { isEmailValid as f } from "../lib/utils.js";
+import { Button as K } from "./ui/button.js";
+import { FieldGroup as M, Field as Q } from "./ui/field.js";
+import { TextField as a } from "./text-field.js";
+import { useState as U } from "react";
+import { EyeOffIcon as W, EyeIcon as X } from "lucide-react";
+import { Spinner as Y } from "./ui/spinner.js";
+import { AuthCard as Z, AuthCardFooter as _ } from "./auth-card.js";
+function ce({
   className: h,
-  logo: u,
-  title: f,
-  description: x,
-  onSubmit: b,
-  email: o,
-  names: c,
-  lastName: s,
-  password: n,
-  onEmailChange: v,
-  onPasswordChange: C,
-  onNamesChange: g,
-  onLastNameChange: w,
-  submitButtonText: y,
-  emailLabel: F = "Correo electrónico",
-  emailPlaceholder: j = "ej. email@kiban.com",
-  namesLabel: A = "Nombre(s)",
-  namesPlaceholder: N = "ej. Andrés",
-  lastNameLabel: P = "Apellido(s)",
-  lastNamePlaceholder: S = "ej. Hernández",
-  passwordLabel: E = "Contraseña",
-  passwordPlaceholder: z = "Ingresa aquí tu contraseña",
-  emailFormatError: V = "Formato de correo electrónico incorrecto",
+  logo: x,
+  title: b,
+  description: v,
+  onSubmit: g,
+  email: l,
+  names: s,
+  lastName: m,
+  password: t,
+  onEmailChange: C,
+  onPasswordChange: y,
+  onNamesChange: F,
+  onLastNameChange: E,
+  submitButtonText: j,
+  emailLabel: A = "Correo electrónico",
+  emailPlaceholder: N = "ej. email@kiban.com",
+  namesLabel: S = "Nombre(s)",
+  namesPlaceholder: w = "ej. Andrés",
+  lastNameLabel: V = "Apellido(s)",
+  lastNamePlaceholder: q = "ej. Hernández",
+  passwordLabel: z = "Contraseña",
+  passwordPlaceholder: P = "Ingresa aquí tu contraseña",
+  emailFormatError: R = "Formato de correo electrónico incorrecto",
   showPasswordTitle: k = "Show and hide password",
-  signInButtonProps: a,
+  passwordPattern: i,
+  passwordPatternError: D = "La contraseña no cumple con los requisitos",
+  signInButtonProps: c,
   footerLinks: p = [],
-  error: q,
-  isLoading: t = !1,
-  ...D
+  error: G,
+  isLoading: o = !1,
+  ...H
 }) {
-  const [i, G] = J(!1), H = () => G(!i), I = !o?.trim() || !n?.trim() || !c?.trim() || !s?.trim() || !m(o ?? "") || t, O = o && o.trim() && !m(o) ? V : void 0;
+  const [n, I] = U(!1), O = () => I(!n), u = i ? t ? typeof i == "string" ? new RegExp(i).test(t) : i.test(t) : !1 : !0, T = i && t && t.trim() && !u ? D : void 0, B = !l?.trim() || !t?.trim() || !s?.trim() || !m?.trim() || !f(l ?? "") || !u || o, J = l && l.trim() && !f(l) ? R : void 0;
   return /* @__PURE__ */ e(
-    U,
+    Z,
     {
       className: h,
-      title: f,
-      description: x,
-      logo: u,
-      error: q,
-      renderForm: () => /* @__PURE__ */ d(T, { className: "flex flex-col gap-3", children: [
+      title: b,
+      description: v,
+      logo: x,
+      error: G,
+      renderForm: () => /* @__PURE__ */ d(M, { className: "flex flex-col gap-3", children: [
         /* @__PURE__ */ e(
-          l,
+          a,
           {
-            label: F,
-            disabled: t,
-            error: O,
+            label: A,
+            disabled: o,
+            error: J,
             inputProps: {
-              placeholder: j,
+              placeholder: N,
               type: "email",
-              value: o,
-              onChange: (r) => v?.(r.target.value)
+              value: l,
+              onChange: (r) => C?.(r.target.value)
             }
           }
         ),
         /* @__PURE__ */ d("div", { className: "flex flex-row gap-3", children: [
           /* @__PURE__ */ e(
-            l,
+            a,
             {
-              label: A,
-              disabled: t,
+              label: S,
+              disabled: o,
               inputProps: {
-                placeholder: N,
+                placeholder: w,
                 type: "text",
-                value: c,
-                onChange: (r) => g?.(r.target.value)
+                value: s,
+                onChange: (r) => F?.(r.target.value)
               }
             }
           ),
           /* @__PURE__ */ e(
-            l,
+            a,
             {
-              label: P,
-              disabled: t,
+              label: V,
+              disabled: o,
               inputProps: {
-                placeholder: S,
+                placeholder: q,
                 type: "text",
-                value: s,
-                onChange: (r) => w?.(r.target.value)
+                value: m,
+                onChange: (r) => E?.(r.target.value)
               }
             }
           )
         ] }),
         /* @__PURE__ */ e(
-          l,
+          a,
           {
-            label: E,
-            disabled: t,
+            label: z,
+            disabled: o,
+            error: T,
             inputProps: {
-              placeholder: z,
-              type: i ? "text" : "password",
-              value: n,
-              onChange: (r) => C?.(r.target.value)
+              placeholder: P,
+              type: n ? "text" : "password",
+              value: t,
+              onChange: (r) => y?.(r.target.value)
             },
             action: {
               title: k,
-              onClick: H,
-              icon: i ? /* @__PURE__ */ e(K, {}) : /* @__PURE__ */ e(M, {})
+              onClick: O,
+              icon: n ? /* @__PURE__ */ e(W, {}) : /* @__PURE__ */ e(X, {})
             }
           }
         ),
-        /* @__PURE__ */ e(B, { className: "flex flex-col", children: /* @__PURE__ */ d(R, { type: "submit", size: "lg", disabled: I, children: [
-          t ? /* @__PURE__ */ e(Q, {}) : null,
-          y
+        /* @__PURE__ */ e(Q, { className: "flex flex-col", children: /* @__PURE__ */ d(K, { type: "submit", size: "lg", disabled: B, children: [
+          o ? /* @__PURE__ */ e(Y, {}) : null,
+          j
         ] }) })
       ] }),
-      renderFooter: p.length > 0 ? () => /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e("div", { className: "flex gap-4 flex-wrap", children: p.map((r) => /* @__PURE__ */ e(
+      renderFooter: p.length > 0 ? () => /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e("div", { className: "flex gap-4 flex-wrap", children: p.map((r) => /* @__PURE__ */ e(
         "a",
         {
           href: r.href,
@@ -122,16 +125,16 @@ function oe({
         },
         r.text
       )) }) }) : void 0,
-      extraAction: a ? {
-        text: a.text,
-        onClick: a.onClick,
-        disabled: t
+      extraAction: c ? {
+        text: c.text,
+        onClick: c.onClick,
+        disabled: o
       } : void 0,
-      onSubmit: b,
-      ...D
+      onSubmit: g,
+      ...H
     }
   );
 }
 export {
-  oe as RegisterForm
+  ce as RegisterForm
 };

package/dist/components/reset-password-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reset-password-form.d.ts","sourceRoot":"","sources":["../../src/components/reset-password-form.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,OAAO,EAKL,KAAK,WAAW,EACjB,MAAM,YAAY,CAAC;AAEpB,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE;QACnB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;QACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;QAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;KACzB,CAAC;CACH;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,kBAAkB,EAClB,WAAgB,EAChB,KAAK,EACL,SAAiB,EACjB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAiIzB"}
+{"version":3,"file":"reset-password-form.d.ts","sourceRoot":"","sources":["../../src/components/reset-password-form.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,OAAO,EAKL,KAAK,WAAW,EACjB,MAAM,YAAY,CAAC;AAEpB,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE;QACnB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;QACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;QAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;KACzB,CAAC;CACH;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,kBAAkB,EAClB,WAAgB,EAChB,KAAK,EACL,SAAiB,EACjB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAoIzB"}

package/dist/components/reset-password-form.js

@@ -0,0 +1,116 @@
+import { jsxs as i, jsx as e, Fragment as W } from "react/jsx-runtime";
+import { Button as $ } from "./ui/button.js";
+import { FieldGroup as q, Field as J } from "./ui/field.js";
+import { TextField as f } from "./text-field.js";
+import { useState as p } from "react";
+import { CheckCircle2Icon as K, EyeOffIcon as u, EyeIcon as w } from "lucide-react";
+import { Spinner as Q } from "./ui/spinner.js";
+import { AuthCard as U, AuthCardFooter as X } from "./auth-card.js";
+import { Alert as Y, AlertTitle as Z, AlertDescription as ee, AlertActions as re } from "./ui/alert.js";
+function me({
+  className: g,
+  logo: v,
+  title: x,
+  description: b,
+  onSubmit: C,
+  password: t,
+  confirmPassword: a,
+  onPasswordChange: E,
+  onConfirmPasswordChange: F,
+  submitButtonText: N,
+  passwordFieldProps: P,
+  footerLinks: c = [],
+  error: S,
+  isLoading: n = !1,
+  successAlertProps: o,
+  ...y
+}) {
+  const [l, M] = p(!1), [s, D] = p(!1), I = () => M(!l), T = () => D(!s), {
+    passwordLabel: A = "Nueva contraseña",
+    passwordPlaceholder: L = "Nueva contraseña",
+    confirmPasswordLabel: V = "Confirma tu nueva contraseña",
+    confirmPasswordPlaceholder: j = "Confirma tu contraseña",
+    passwordMinLengthError: k,
+    passwordMismatchError: B = "Las contraseñas no coinciden",
+    showPasswordTitle: d = "Show and hide password"
+  } = P || {}, m = 12, h = t && t.trim().length >= m, G = !t?.trim() || !a?.trim() || !h || t !== a || n, O = `La contraseña debe tener al menos ${m} caracteres`, R = t && t.trim() && !h ? k || O : void 0, _ = a && a.trim() && t !== a ? B : void 0, z = o ? /* @__PURE__ */ i(Y, { variant: "success", children: [
+    /* @__PURE__ */ e(K, {}),
+    /* @__PURE__ */ e(Z, { children: o.title }),
+    /* @__PURE__ */ e(ee, { children: o.description }),
+    o.actions && o.actions.length > 0 && /* @__PURE__ */ e(re, { actions: o.actions })
+  ] }) : null, H = o ? null : /* @__PURE__ */ i(q, { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ e(
+      f,
+      {
+        label: A,
+        disabled: n,
+        error: R,
+        inputProps: {
+          placeholder: L,
+          type: l ? "text" : "password",
+          value: t,
+          onChange: (r) => E?.(r.target.value)
+        },
+        action: {
+          title: d,
+          onClick: I,
+          icon: l ? /* @__PURE__ */ e(u, {}) : /* @__PURE__ */ e(w, {})
+        }
+      }
+    ),
+    /* @__PURE__ */ e(
+      f,
+      {
+        label: V,
+        disabled: n,
+        error: _,
+        inputProps: {
+          placeholder: j,
+          type: s ? "text" : "password",
+          value: a,
+          onChange: (r) => F?.(r.target.value),
+          onPaste: (r) => {
+            r.preventDefault();
+          }
+        },
+        action: {
+          title: d,
+          onClick: T,
+          icon: s ? /* @__PURE__ */ e(u, {}) : /* @__PURE__ */ e(w, {})
+        }
+      }
+    ),
+    /* @__PURE__ */ e(J, { className: "flex flex-col", children: /* @__PURE__ */ i($, { type: "submit", size: "lg", disabled: G, children: [
+      n ? /* @__PURE__ */ e(Q, {}) : null,
+      N
+    ] }) })
+  ] });
+  return /* @__PURE__ */ e(
+    U,
+    {
+      className: g,
+      title: x,
+      description: b,
+      logo: v,
+      error: S,
+      renderForm: () => /* @__PURE__ */ i(W, { children: [
+        z,
+        H
+      ] }),
+      renderFooter: c.length > 0 ? () => /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e("div", { className: "flex gap-4 flex-wrap", children: c.map((r) => /* @__PURE__ */ e(
+        "a",
+        {
+          href: r.href,
+          className: "hover:underline",
+          children: r.text
+        },
+        r.text
+      )) }) }) : void 0,
+      onSubmit: C,
+      ...y
+    }
+  );
+}
+export {
+  me as ResetPasswordForm
+};

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { ForgotPasswordForm } from "./components/forgot-password-form";
 export { Labelled } from "./components/labelled";
 export { LoginForm } from "./components/login-form";
 export { RegisterForm } from "./components/register-form";
+export { ResetPasswordForm } from "./components/reset-password-form";
 export { OTPField } from "./components/otp-field";
 export { OTPForm } from "./components/otp-form";
 export { TextField } from "./components/text-field";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGpD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGpD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -1,67 +1,69 @@
 import { AuthCard as t, AuthCardFooter as e } from "./components/auth-card.js";
 import { ForgotPasswordForm as n } from "./components/forgot-password-form.js";
 import { Labelled as a } from "./components/labelled.js";
-import { LoginForm as u } from "./components/login-form.js";
-import { RegisterForm as m } from "./components/register-form.js";
-import { OTPField as f } from "./components/otp-field.js";
-import { OTPForm as T } from "./components/otp-form.js";
-import { TextField as C } from "./components/text-field.js";
-import { Alert as s, AlertDescription as A, AlertTitle as P } from "./components/ui/alert.js";
-import { Button as S, buttonVariants as L } from "./components/ui/button.js";
-import { Card as c, CardAction as g, CardContent as D, CardDescription as h, CardFooter as B, CardHeader as w, CardTitle as E } from "./components/ui/card.js";
-import { Field as R, FieldContent as V, FieldDescription as j, FieldError as k, FieldGroup as q, FieldLabel as v, FieldLegend as y, FieldSeparator as z, FieldSet as J, FieldTitle as K } from "./components/ui/field.js";
-import { InputGroup as N, InputGroupAddon as Q, InputGroupButton as U, InputGroupInput as W, InputGroupText as X, InputGroupTextarea as Y } from "./components/ui/input-group.js";
-import { InputOTP as _, InputOTPGroup as $, InputOTPSeparator as rr, InputOTPSlot as or } from "./components/ui/input-otp.js";
-import { Input as er } from "./components/ui/input.js";
-import { Label as nr } from "./components/ui/label.js";
-import { Separator as ar } from "./components/ui/separator.js";
-import { Spinner as ur } from "./components/ui/spinner.js";
-import { Textarea as mr } from "./components/ui/textarea.js";
+import { LoginForm as m } from "./components/login-form.js";
+import { RegisterForm as x } from "./components/register-form.js";
+import { ResetPasswordForm as f } from "./components/reset-password-form.js";
+import { OTPField as T } from "./components/otp-field.js";
+import { OTPForm as C } from "./components/otp-form.js";
+import { TextField as G } from "./components/text-field.js";
+import { Alert as A, AlertDescription as O, AlertTitle as S } from "./components/ui/alert.js";
+import { Button as b, buttonVariants as c } from "./components/ui/button.js";
+import { Card as D, CardAction as h, CardContent as w, CardDescription as B, CardFooter as R, CardHeader as E, CardTitle as H } from "./components/ui/card.js";
+import { Field as j, FieldContent as k, FieldDescription as q, FieldError as v, FieldGroup as y, FieldLabel as z, FieldLegend as J, FieldSeparator as K, FieldSet as M, FieldTitle as N } from "./components/ui/field.js";
+import { InputGroup as U, InputGroupAddon as W, InputGroupButton as X, InputGroupInput as Y, InputGroupText as Z, InputGroupTextarea as _ } from "./components/ui/input-group.js";
+import { InputOTP as rr, InputOTPGroup as or, InputOTPSeparator as tr, InputOTPSlot as er } from "./components/ui/input-otp.js";
+import { Input as nr } from "./components/ui/input.js";
+import { Label as ar } from "./components/ui/label.js";
+import { Separator as mr } from "./components/ui/separator.js";
+import { Spinner as xr } from "./components/ui/spinner.js";
+import { Textarea as fr } from "./components/ui/textarea.js";
 export {
-  s as Alert,
-  A as AlertDescription,
-  P as AlertTitle,
+  A as Alert,
+  O as AlertDescription,
+  S as AlertTitle,
   t as AuthCard,
   e as AuthCardFooter,
-  S as Button,
-  c as Card,
-  g as CardAction,
-  D as CardContent,
-  h as CardDescription,
-  B as CardFooter,
-  w as CardHeader,
-  E as CardTitle,
-  R as Field,
-  V as FieldContent,
-  j as FieldDescription,
-  k as FieldError,
-  q as FieldGroup,
-  v as FieldLabel,
-  y as FieldLegend,
-  z as FieldSeparator,
-  J as FieldSet,
-  K as FieldTitle,
+  b as Button,
+  D as Card,
+  h as CardAction,
+  w as CardContent,
+  B as CardDescription,
+  R as CardFooter,
+  E as CardHeader,
+  H as CardTitle,
+  j as Field,
+  k as FieldContent,
+  q as FieldDescription,
+  v as FieldError,
+  y as FieldGroup,
+  z as FieldLabel,
+  J as FieldLegend,
+  K as FieldSeparator,
+  M as FieldSet,
+  N as FieldTitle,
   n as ForgotPasswordForm,
-  er as Input,
-  N as InputGroup,
-  Q as InputGroupAddon,
-  U as InputGroupButton,
-  W as InputGroupInput,
-  X as InputGroupText,
-  Y as InputGroupTextarea,
-  _ as InputOTP,
-  $ as InputOTPGroup,
-  rr as InputOTPSeparator,
-  or as InputOTPSlot,
-  nr as Label,
+  nr as Input,
+  U as InputGroup,
+  W as InputGroupAddon,
+  X as InputGroupButton,
+  Y as InputGroupInput,
+  Z as InputGroupText,
+  _ as InputGroupTextarea,
+  rr as InputOTP,
+  or as InputOTPGroup,
+  tr as InputOTPSeparator,
+  er as InputOTPSlot,
+  ar as Label,
   a as Labelled,
-  u as LoginForm,
-  f as OTPField,
-  T as OTPForm,
-  m as RegisterForm,
-  ar as Separator,
-  ur as Spinner,
-  C as TextField,
-  mr as Textarea,
-  L as buttonVariants
+  m as LoginForm,
+  T as OTPField,
+  C as OTPForm,
+  x as RegisterForm,
+  f as ResetPasswordForm,
+  mr as Separator,
+  xr as Spinner,
+  G as TextField,
+  fr as Textarea,
+  c as buttonVariants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kiban-design-system",
-  "version": "3.5.0",
+  "version": "3.7.0",
   "type": "module",
   "description": "Kiban Design System - A React component library",
   "main": "./dist/index.js",