kiban-design-system 3.6.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/package.json

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