kiban-design-system 3.5.0 → 3.6.0

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.6.0",
   "type": "module",
   "description": "Kiban Design System - A React component library",
   "main": "./dist/index.js",