kiban-design-system 3.6.0 → 3.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/otp-form.d.ts +6 -1
  2. package/dist/components/otp-form.d.ts.map +1 -1
  3. package/dist/components/otp-form.js +49 -43
  4. package/dist/components/register-form.d.ts +3 -1
  5. package/dist/components/register-form.d.ts.map +1 -1
  6. package/dist/components/register-form.js +84 -81
  7. package/package.json +1 -1
package/dist/components/otp-form.d.ts CHANGED
@@ -16,7 +16,12 @@ interface OTPFormProps extends React.ComponentProps<"div"> {
16
16
  onVerificationCodeChange?: (verificationCode: string) => void;
17
17
  verificationCodeLength?: number;
18
18
  verificationCodePattern?: string;
19
+ secondaryAction?: {
20
+ text?: string;
21
+ onClick?: () => void;
22
+ disabled?: boolean;
23
+ };
19
24
  }
20
- export declare function OTPForm({ logo, title, description, onSubmit, submitButtonText, footerLinks, error, isLoading, className, otpFieldLabel, verificationCode, onVerificationCodeChange, verificationCodeLength, verificationCodePattern, ...props }: OTPFormProps): import("react/jsx-runtime").JSX.Element;
25
+ export declare function OTPForm({ logo, title, description, onSubmit, submitButtonText, footerLinks, error, isLoading, className, otpFieldLabel, verificationCode, onVerificationCodeChange, verificationCodeLength, verificationCodePattern, secondaryAction, ...props }: OTPFormProps): import("react/jsx-runtime").JSX.Element;
21
26
  export {};
22
27
  //# sourceMappingURL=otp-form.d.ts.map
package/dist/components/otp-form.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"otp-form.d.ts","sourceRoot":"","sources":["../../src/components/otp-form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACxD,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,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,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,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,KAAK,EACL,SAAS,EACT,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,wBAAwB,EACxB,sBAA0B,EAC1B,uBAAuB,EACvB,GAAG,KAAK,EACT,EAAE,YAAY,2CAoDd"}
1
+ {"version":3,"file":"otp-form.d.ts","sourceRoot":"","sources":["../../src/components/otp-form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACxD,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,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,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,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,eAAe,CAAC,EAAE;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,KAAK,EACL,SAAS,EACT,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,wBAAwB,EACxB,sBAA0B,EAC1B,uBAAuB,EACvB,eAAe,EACf,GAAG,KAAK,EACT,EAAE,YAAY,2CA6Dd"}
package/dist/components/otp-form.js CHANGED
@@ -1,67 +1,73 @@
1
- import { jsx as e, jsxs as d } from "react/jsx-runtime";
2
- import { Button as v } from "./ui/button.js";
3
- import { FieldGroup as n } from "./ui/field.js";
1
+ import { jsx as e, jsxs as o } from "react/jsx-runtime";
2
+ import { Button as C } from "./ui/button.js";
3
+ import { FieldGroup as a } from "./ui/field.js";
4
4
  import { Spinner as N } from "./ui/spinner.js";
5
- import { AuthCard as j, AuthCardFooter as A } from "./auth-card.js";
6
- import { OTPField as B } from "./otp-field.js";
7
- function z({
8
- logo: a,
9
- title: i,
10
- description: p,
11
- onSubmit: h,
12
- submitButtonText: u,
13
- footerLinks: r,
14
- error: c,
15
- isLoading: l,
5
+ import { AuthCard as j, AuthCardFooter as B } from "./auth-card.js";
6
+ import { OTPField as O } from "./otp-field.js";
7
+ function G({
8
+ logo: p,
9
+ title: h,
10
+ description: n,
11
+ onSubmit: u,
12
+ submitButtonText: x,
13
+ footerLinks: t,
14
+ error: f,
15
+ isLoading: r,
16
16
  className: s,
17
- otpFieldLabel: f,
18
- verificationCode: m,
19
- onVerificationCodeChange: x,
20
- verificationCodeLength: o = 6,
21
- verificationCodePattern: b,
22
- ...F
17
+ otpFieldLabel: c,
18
+ verificationCode: d,
19
+ onVerificationCodeChange: b,
20
+ verificationCodeLength: i = 6,
21
+ verificationCodePattern: F,
22
+ secondaryAction: l,
23
+ ...v
23
24
  }) {
24
- const g = l || m?.length !== o;
25
+ const g = r || d?.length !== i;
25
26
  return /* @__PURE__ */ e(
26
27
  j,
27
28
  {
28
29
  className: s,
29
- title: i,
30
- description: p,
31
- logo: a,
32
- error: c,
33
- renderForm: () => /* @__PURE__ */ d(n, { className: "flex flex-col gap-3", children: [
30
+ title: h,
31
+ description: n,
32
+ logo: p,
33
+ error: f,
34
+ extraAction: l ? {
35
+ text: l.text,
36
+ onClick: l.onClick,
37
+ disabled: l.disabled ?? r
38
+ } : void 0,
39
+ renderForm: () => /* @__PURE__ */ o(a, { className: "flex flex-col gap-3", children: [
34
40
  /* @__PURE__ */ e(
35
- B,
41
+ O,
36
42
  {
37
- label: f,
38
- value: m,
39
- onChange: x,
40
- length: o,
41
- pattern: b,
42
- disabled: l,
43
+ label: c,
44
+ value: d,
45
+ onChange: b,
46
+ length: i,
47
+ pattern: F,
48
+ disabled: r,
43
49
  id: "verification-code-input"
44
50
  }
45
51
  ),
46
- /* @__PURE__ */ e(n, { children: /* @__PURE__ */ d(v, { type: "submit", size: "lg", disabled: g, children: [
47
- l ? /* @__PURE__ */ e(N, {}) : null,
48
- u
52
+ /* @__PURE__ */ e(a, { children: /* @__PURE__ */ o(C, { type: "submit", size: "lg", disabled: g, children: [
53
+ r ? /* @__PURE__ */ e(N, {}) : null,
54
+ x
49
55
  ] }) })
50
56
  ] }),
51
- renderFooter: r && r.length > 0 ? () => /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e("div", { className: "flex gap-4 flex-wrap", children: r.map((t) => /* @__PURE__ */ e(
57
+ renderFooter: t && t.length > 0 ? () => /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e("div", { className: "flex gap-4 flex-wrap", children: t.map((m) => /* @__PURE__ */ e(
52
58
  "a",
53
59
  {
54
- href: t.href,
60
+ href: m.href,
55
61
  className: "hover:underline",
56
- children: t.text
62
+ children: m.text
57
63
  },
58
- t.text
64
+ m.text
59
65
  )) }) }) : void 0,
60
- onSubmit: h,
61
- ...F
66
+ onSubmit: u,
67
+ ...v
62
68
  }
63
69
  );
64
70
  }
65
71
  export {
66
- z as OTPForm
72
+ G as OTPForm
67
73
  };
package/dist/components/register-form.d.ts CHANGED
@@ -23,6 +23,8 @@ interface IRegisterFormProps extends React.ComponentProps<"div"> {
23
23
  passwordPlaceholder?: string;
24
24
  emailFormatError?: string;
25
25
  showPasswordTitle?: string;
26
+ passwordPattern?: RegExp | string;
27
+ passwordPatternError?: string;
26
28
  signInButtonProps?: {
27
29
  text?: string;
28
30
  onClick?: () => void;
@@ -34,6 +36,6 @@ interface IRegisterFormProps extends React.ComponentProps<"div"> {
34
36
  error?: TErrorAlert;
35
37
  isLoading?: boolean;
36
38
  }
37
- 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;
39
+ 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;
38
40
  export {};
39
41
  //# sourceMappingURL=register-form.d.ts.map
package/dist/components/register-form.d.ts.map CHANGED
@@ -1 +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"}
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,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 CHANGED
@@ -1,119 +1,122 @@
1
1
  import { jsx as e, jsxs as d } from "react/jsx-runtime";
2
- import { isEmailValid as m } from "../lib/utils.js";
3
- import { Button as R } from "./ui/button.js";
4
- import { FieldGroup as T, Field as B } from "./ui/field.js";
5
- import { TextField as l } from "./text-field.js";
6
- import { useState as J } from "react";
7
- import { EyeOffIcon as K, EyeIcon as M } from "lucide-react";
8
- import { Spinner as Q } from "./ui/spinner.js";
9
- import { AuthCard as U, AuthCardFooter as W } from "./auth-card.js";
10
- function oe({
2
+ import { isEmailValid as f } from "../lib/utils.js";
3
+ import { Button as K } from "./ui/button.js";
4
+ import { FieldGroup as M, Field as Q } from "./ui/field.js";
5
+ import { TextField as a } from "./text-field.js";
6
+ import { useState as U } from "react";
7
+ import { EyeOffIcon as W, EyeIcon as X } from "lucide-react";
8
+ import { Spinner as Y } from "./ui/spinner.js";
9
+ import { AuthCard as Z, AuthCardFooter as _ } from "./auth-card.js";
10
+ function ce({
11
11
  className: h,
12
- logo: u,
13
- title: f,
14
- description: x,
15
- onSubmit: b,
16
- email: o,
17
- names: c,
18
- lastName: s,
19
- password: n,
20
- onEmailChange: v,
21
- onPasswordChange: C,
22
- onNamesChange: g,
23
- onLastNameChange: w,
24
- submitButtonText: y,
25
- emailLabel: F = "Correo electrónico",
26
- emailPlaceholder: j = "ej. email@kiban.com",
27
- namesLabel: A = "Nombre(s)",
28
- namesPlaceholder: N = "ej. Andrés",
29
- lastNameLabel: P = "Apellido(s)",
30
- lastNamePlaceholder: S = "ej. Hernández",
31
- passwordLabel: E = "Contraseña",
32
- passwordPlaceholder: z = "Ingresa aquí tu contraseña",
33
- emailFormatError: V = "Formato de correo electrónico incorrecto",
12
+ logo: x,
13
+ title: b,
14
+ description: v,
15
+ onSubmit: g,
16
+ email: l,
17
+ names: s,
18
+ lastName: m,
19
+ password: t,
20
+ onEmailChange: C,
21
+ onPasswordChange: y,
22
+ onNamesChange: F,
23
+ onLastNameChange: E,
24
+ submitButtonText: j,
25
+ emailLabel: A = "Correo electrónico",
26
+ emailPlaceholder: N = "ej. email@kiban.com",
27
+ namesLabel: S = "Nombre(s)",
28
+ namesPlaceholder: w = "ej. Andrés",
29
+ lastNameLabel: V = "Apellido(s)",
30
+ lastNamePlaceholder: q = "ej. Hernández",
31
+ passwordLabel: z = "Contraseña",
32
+ passwordPlaceholder: P = "Ingresa aquí tu contraseña",
33
+ emailFormatError: R = "Formato de correo electrónico incorrecto",
34
34
  showPasswordTitle: k = "Show and hide password",
35
- signInButtonProps: a,
35
+ passwordPattern: i,
36
+ passwordPatternError: D = "La contraseña no cumple con los requisitos",
37
+ signInButtonProps: c,
36
38
  footerLinks: p = [],
37
- error: q,
38
- isLoading: t = !1,
39
- ...D
39
+ error: G,
40
+ isLoading: o = !1,
41
+ ...H
40
42
  }) {
41
- 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;
43
+ 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;
42
44
  return /* @__PURE__ */ e(
43
- U,
45
+ Z,
44
46
  {
45
47
  className: h,
46
- title: f,
47
- description: x,
48
- logo: u,
49
- error: q,
50
- renderForm: () => /* @__PURE__ */ d(T, { className: "flex flex-col gap-3", children: [
48
+ title: b,
49
+ description: v,
50
+ logo: x,
51
+ error: G,
52
+ renderForm: () => /* @__PURE__ */ d(M, { className: "flex flex-col gap-3", children: [
51
53
  /* @__PURE__ */ e(
52
- l,
54
+ a,
53
55
  {
54
- label: F,
55
- disabled: t,
56
- error: O,
56
+ label: A,
57
+ disabled: o,
58
+ error: J,
57
59
  inputProps: {
58
- placeholder: j,
60
+ placeholder: N,
59
61
  type: "email",
60
- value: o,
61
- onChange: (r) => v?.(r.target.value)
62
+ value: l,
63
+ onChange: (r) => C?.(r.target.value)
62
64
  }
63
65
  }
64
66
  ),
65
67
  /* @__PURE__ */ d("div", { className: "flex flex-row gap-3", children: [
66
68
  /* @__PURE__ */ e(
67
- l,
69
+ a,
68
70
  {
69
- label: A,
70
- disabled: t,
71
+ label: S,
72
+ disabled: o,
71
73
  inputProps: {
72
- placeholder: N,
74
+ placeholder: w,
73
75
  type: "text",
74
- value: c,
75
- onChange: (r) => g?.(r.target.value)
76
+ value: s,
77
+ onChange: (r) => F?.(r.target.value)
76
78
  }
77
79
  }
78
80
  ),
79
81
  /* @__PURE__ */ e(
80
- l,
82
+ a,
81
83
  {
82
- label: P,
83
- disabled: t,
84
+ label: V,
85
+ disabled: o,
84
86
  inputProps: {
85
- placeholder: S,
87
+ placeholder: q,
86
88
  type: "text",
87
- value: s,
88
- onChange: (r) => w?.(r.target.value)
89
+ value: m,
90
+ onChange: (r) => E?.(r.target.value)
89
91
  }
90
92
  }
91
93
  )
92
94
  ] }),
93
95
  /* @__PURE__ */ e(
94
- l,
96
+ a,
95
97
  {
96
- label: E,
97
- disabled: t,
98
+ label: z,
99
+ disabled: o,
100
+ error: T,
98
101
  inputProps: {
99
- placeholder: z,
100
- type: i ? "text" : "password",
101
- value: n,
102
- onChange: (r) => C?.(r.target.value)
102
+ placeholder: P,
103
+ type: n ? "text" : "password",
104
+ value: t,
105
+ onChange: (r) => y?.(r.target.value)
103
106
  },
104
107
  action: {
105
108
  title: k,
106
- onClick: H,
107
- icon: i ? /* @__PURE__ */ e(K, {}) : /* @__PURE__ */ e(M, {})
109
+ onClick: O,
110
+ icon: n ? /* @__PURE__ */ e(W, {}) : /* @__PURE__ */ e(X, {})
108
111
  }
109
112
  }
110
113
  ),
111
- /* @__PURE__ */ e(B, { className: "flex flex-col", children: /* @__PURE__ */ d(R, { type: "submit", size: "lg", disabled: I, children: [
112
- t ? /* @__PURE__ */ e(Q, {}) : null,
113
- y
114
+ /* @__PURE__ */ e(Q, { className: "flex flex-col", children: /* @__PURE__ */ d(K, { type: "submit", size: "lg", disabled: B, children: [
115
+ o ? /* @__PURE__ */ e(Y, {}) : null,
116
+ j
114
117
  ] }) })
115
118
  ] }),
116
- renderFooter: p.length > 0 ? () => /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e("div", { className: "flex gap-4 flex-wrap", children: p.map((r) => /* @__PURE__ */ e(
119
+ renderFooter: p.length > 0 ? () => /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e("div", { className: "flex gap-4 flex-wrap", children: p.map((r) => /* @__PURE__ */ e(
117
120
  "a",
118
121
  {
119
122
  href: r.href,
@@ -122,16 +125,16 @@ function oe({
122
125
  },
123
126
  r.text
124
127
  )) }) }) : void 0,
125
- extraAction: a ? {
126
- text: a.text,
127
- onClick: a.onClick,
128
- disabled: t
128
+ extraAction: c ? {
129
+ text: c.text,
130
+ onClick: c.onClick,
131
+ disabled: o
129
132
  } : void 0,
130
- onSubmit: b,
131
- ...D
133
+ onSubmit: g,
134
+ ...H
132
135
  }
133
136
  );
134
137
  }
135
138
  export {
136
- oe as RegisterForm
139
+ ce as RegisterForm
137
140
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kiban-design-system",
3
- "version": "3.6.0",
3
+ "version": "3.8.0",
4
4
  "type": "module",
5
5
  "description": "Kiban Design System - A React component library",
6
6
  "main": "./dist/index.js",