@thorprovider/blocks 1.0.0 → 3.0.0

package/dist/blocks/application/login-forms/login-page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/application/login-forms/login-page.tsx"],"sourcesContent":["'use client'\n\nimport { useId, useState, type FormEvent } from 'react'\nimport { Eye, EyeOff, Lock, type LucideIcon } from 'lucide-react'\n\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../../ui/card'\nimport { Input } from '../../../ui/input'\nimport { Label } from '../../../ui/label'\nimport { CheckboxCheck } from '../../e-commerce/checkout-forms/checkbox-check'\n\nexport interface LoginPageFormData {\n  email: string\n  password: string\n  remember: boolean\n}\n\nexport interface LoginPageProvider {\n  /** Must be unique within one `providers` list. */\n  id: string\n  label: string\n}\n\nexport interface LoginPageProps {\n  presentation: 'card' | 'social'\n  logoText?: string\n  welcomeTitleLabel?: string\n  welcomeDescriptionLabel?: string\n  emailLabel?: string\n  emailPlaceholder?: string\n  passwordLabel?: string\n  passwordPlaceholder?: string\n  rememberMeLabel?: string\n  forgotPasswordLabel?: string\n  signInLabel?: string\n  orContinueWithLabel?: string\n  dontHaveAccountLabel?: string\n  createAccountLabel?: string\n  showPasswordAriaLabel?: string\n  hidePasswordAriaLabel?: string\n  providers?: LoginPageProvider[]\n  providerIcons?: Record<string, LucideIcon>\n  onSubmit?: (data: { email: string; password: string; remember: boolean }) => void\n  onForgotPassword?: () => void\n  onCreateAccount?: () => void\n  onProviderSelect?: (providerId: string) => void\n}\n\nexport function LoginPage({\n  presentation,\n  logoText,\n  welcomeTitleLabel = 'Bienvenido de nuevo',\n  welcomeDescriptionLabel = 'Inicia sesión para continuar',\n  emailLabel = 'Correo electrónico',\n  emailPlaceholder = 'taller@correo.com',\n  passwordLabel = 'Contraseña',\n  passwordPlaceholder = '••••••••',\n  rememberMeLabel = 'Recuérdame',\n  forgotPasswordLabel = '¿Olvidaste tu contraseña?',\n  signInLabel = 'Iniciar sesión',\n  orContinueWithLabel = 'O continúa con',\n  dontHaveAccountLabel = '¿No tienes una cuenta?',\n  createAccountLabel = 'Crea una cuenta',\n  showPasswordAriaLabel = 'Mostrar contraseña',\n  hidePasswordAriaLabel = 'Ocultar contraseña',\n  providers = [],\n  providerIcons = {},\n  onSubmit,\n  onForgotPassword,\n  onCreateAccount,\n  onProviderSelect,\n}: LoginPageProps) {\n  if (presentation !== 'card' && presentation !== 'social') {\n    throw new Error('LoginPage requires a valid presentation: \"card\" or \"social\".')\n  }\n\n  const providerIds = new Set<string>()\n  for (const provider of providers ?? []) {\n    if (providerIds.has(provider.id)) {\n      throw new Error('LoginPage provider ids must be unique.')\n    }\n    providerIds.add(provider.id)\n  }\n\n  const id = useId()\n  const [email, setEmail] = useState('')\n  const [password, setPassword] = useState('')\n  const [remember, setRemember] = useState(false)\n  const [showPassword, setShowPassword] = useState(false)\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault()\n    onSubmit?.({ email, password, remember })\n  }\n\n  const fields = (\n    <form onSubmit={handleSubmit} className='flex flex-col gap-5'>\n      <div className='flex flex-col gap-2'>\n        <Label htmlFor={`${id}-email`}>{emailLabel}</Label>\n        <Input\n          id={`${id}-email`}\n          type='email'\n          autoComplete='email'\n          placeholder={emailPlaceholder}\n          value={email}\n          onChange={event => setEmail(event.target.value)}\n        />\n      </div>\n\n      <div className='flex flex-col gap-2'>\n        <Label htmlFor={`${id}-password`}>{passwordLabel}</Label>\n        <div className='relative'>\n          <Input\n            id={`${id}-password`}\n            type={showPassword ? 'text' : 'password'}\n            autoComplete='current-password'\n            placeholder={passwordPlaceholder}\n            value={password}\n            onChange={event => setPassword(event.target.value)}\n            className='pe-10'\n          />\n          <Button\n            type='button'\n            variant='ghost'\n            size='icon'\n            aria-label={showPassword ? hidePasswordAriaLabel : showPasswordAriaLabel}\n            className='absolute end-0 top-1/2 size-9 -translate-y-1/2 cursor-pointer hover:bg-transparent'\n            onClick={() => setShowPassword(value => !value)}\n          >\n            {showPassword ? <EyeOff aria-hidden='true' /> : <Eye aria-hidden='true' />}\n          </Button>\n        </div>\n      </div>\n\n      <div className='flex flex-wrap items-center justify-between gap-3'>\n        <div className='flex items-center gap-2'>\n          <CheckboxCheck\n            id={`${id}-remember`}\n            checked={remember}\n            onCheckedChange={value => setRemember(value === true)}\n          />\n          <Label htmlFor={`${id}-remember`} className='text-sm font-normal text-muted-foreground'>\n            {rememberMeLabel}\n          </Label>\n        </div>\n        {onForgotPassword && (\n          <Button type='button' variant='link' className='h-auto cursor-pointer p-0 text-sm' onClick={onForgotPassword}>\n            {forgotPasswordLabel}\n          </Button>\n        )}\n      </div>\n\n      <Button type='submit' className='h-9 w-full cursor-pointer px-4 py-2'>\n        {signInLabel}\n      </Button>\n    </form>\n  )\n\n  const providerSection = providers.length > 0 && onProviderSelect && (\n    <div className='flex flex-col gap-4'>\n      <div className='flex items-center gap-3' aria-hidden='true'>\n        <span className='h-px flex-1 bg-border' />\n        <span className='text-muted-foreground text-xs uppercase'>{orContinueWithLabel}</span>\n        <span className='h-px flex-1 bg-border' />\n      </div>\n      <div\n        className={presentation === 'card' ? 'grid grid-cols-3 gap-3' : 'grid grid-cols-2 gap-4'}\n        role='group'\n        aria-label={orContinueWithLabel}\n      >\n        {providers.map(provider => {\n          const Icon = providerIcons[provider.id] as LucideIcon | undefined\n          return (\n            <Button\n              key={provider.id}\n              type='button'\n              variant='outline'\n              aria-label={provider.label}\n              className='h-9 w-full cursor-pointer px-3 py-2'\n              onClick={() => onProviderSelect(provider.id)}\n            >\n              {Icon ? <Icon aria-hidden='true' className='size-5' /> : provider.label}\n              {presentation === 'social' && Icon ? <span>{provider.label}</span> : null}\n            </Button>\n          )\n        })}\n      </div>\n    </div>\n  )\n\n  const createAccount = onCreateAccount && (\n    <p className='flex justify-center gap-1 text-center text-sm'>\n      <span>{dontHaveAccountLabel}</span>\n      <Button type='button' variant='link' className='h-auto cursor-pointer p-0 text-sm' onClick={onCreateAccount}>\n        {createAccountLabel}\n      </Button>\n    </p>\n  )\n\n  if (presentation === 'card') {\n    return (\n      <div className='w-full max-w-md'>\n        <Card className='w-full p-8 shadow-2xl'>\n          <header className='mb-8 flex flex-col items-center text-center'>\n            <div className='bg-secondary mb-4 flex size-14 items-center justify-center rounded-full border'>\n              <Lock aria-hidden='true' className='size-6' />\n            </div>\n            {logoText && <p className='text-muted-foreground mb-2 text-sm font-semibold'>{logoText}</p>}\n            <h1 className='mb-2 text-2xl font-bold tracking-tight'>{welcomeTitleLabel}</h1>\n            <p className='text-muted-foreground text-sm'>{welcomeDescriptionLabel}</p>\n          </header>\n          <div className='flex flex-col gap-6'>\n            {fields}\n            {providerSection}\n            {createAccount}\n          </div>\n        </Card>\n      </div>\n    )\n  }\n\n  return (\n    <div className='flex w-full max-w-md flex-col gap-6'>\n      {logoText && <div className='text-center text-2xl font-medium'>{logoText}</div>}\n      <Card>\n        <CardHeader className='text-center'>\n          <CardTitle className='text-2xl font-bold text-balance'>{welcomeTitleLabel}</CardTitle>\n          <CardDescription>{welcomeDescriptionLabel}</CardDescription>\n        </CardHeader>\n        <CardContent className='flex flex-col gap-5'>\n          {fields}\n          {providerSection}\n          {createAccount}\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n\nexport default LoginPage\n"],"mappings":"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","names":[]}

package/dist/blocks/application/password-recovery/forgot-password-page-1-brand-mark.d.ts

@@ -0,0 +1,3 @@
+export declare function ForgotPasswordPage1BrandMark(): import("react").JSX.Element;
+export default ForgotPasswordPage1BrandMark;
+//# sourceMappingURL=forgot-password-page-1-brand-mark.d.ts.map

package/dist/blocks/application/password-recovery/forgot-password-page-1-brand-mark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forgot-password-page-1-brand-mark.d.ts","sourceRoot":"","sources":["../../../../src/blocks/application/password-recovery/forgot-password-page-1-brand-mark.tsx"],"names":[],"mappings":"AAAA,wBAAgB,4BAA4B,gCAmC3C;AAED,eAAe,4BAA4B,CAAA"}

package/dist/blocks/application/password-recovery/forgot-password-page-1-brand-mark.js

@@ -0,0 +1,74 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var forgot_password_page_1_brand_mark_exports = {};
+__export(forgot_password_page_1_brand_mark_exports, {
+  ForgotPasswordPage1BrandMark: () => ForgotPasswordPage1BrandMark,
+  default: () => forgot_password_page_1_brand_mark_default
+});
+module.exports = __toCommonJS(forgot_password_page_1_brand_mark_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function ForgotPasswordPage1BrandMark() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "my-4 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-secondary relative size-14 rounded-full border", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        d: "M26 24.75C26.4142 24.75 26.75 24.4142 26.75 24C26.75 23.5858 26.4142 23.25 26 23.25V24.75ZM26 23.25H11V24.75H26V23.25ZM8.75 21V15H7.25V21H8.75ZM11 23.25C9.75736 23.25 8.75 22.2426 8.75 21H7.25C7.25 23.0711 8.92893 24.75 11 24.75V23.25Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        d: "M1.5 3.25C1.08579 3.25 0.75 3.58579 0.75 4C0.75 4.41421 1.08579 4.75 1.5 4.75V3.25ZM1.5 4.75H6V3.25H1.5V4.75ZM7.25 6V21H8.75V6H7.25ZM6 4.75C6.69036 4.75 7.25 5.30964 7.25 6H8.75C8.75 4.48122 7.51878 3.25 6 3.25V4.75Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        d: "M22 21.75C22.4142 21.75 22.75 21.4142 22.75 21C22.75 20.5858 22.4142 20.25 22 20.25V21.75ZM22 20.25H11V21.75H22V20.25ZM8.75 18V12H7.25V18H8.75ZM11 20.25C9.75736 20.25 8.75 19.2426 8.75 18H7.25C7.25 20.0711 8.92893 21.75 11 21.75V20.25Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        d: "M27.2057 19.754C27.0654 20.1438 26.6357 20.346 26.246 20.2057C25.8562 20.0654 25.654 19.6357 25.7943 19.246L27.2057 19.754ZM30.0361 9.67744L29.3305 9.4234L29.3305 9.4234L30.0361 9.67744ZM25.7943 19.246L29.3305 9.4234L30.7418 9.93148L27.2057 19.754L25.7943 19.246ZM28.1543 7.75L8 7.75V6.25L28.1543 6.25V7.75ZM29.3305 9.4234C29.6237 8.60882 29.0201 7.75 28.1543 7.75V6.25C30.059 6.25 31.3869 8.13941 30.7418 9.93148L29.3305 9.4234Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        d: "M13.5 21.75C13.0858 21.75 12.75 21.4142 12.75 21C12.75 20.5858 13.0858 20.25 13.5 20.25V21.75ZM26.7111 19.009L27.4174 19.2613L27.4174 19.2613L26.7111 19.009ZM13.5 20.25H23.8858V21.75H13.5V20.25ZM26.0048 18.7568L27.7937 13.7477L29.2063 14.2523L27.4174 19.2613L26.0048 18.7568ZM23.8858 20.25C24.8367 20.25 25.6849 19.6522 26.0048 18.7568L27.4174 19.2613C26.8843 20.7537 25.4706 21.75 23.8858 21.75V20.25Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21.1694 10.5806L14.5651 17.1849", stroke: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22.1694 14.5806L18.5632 18.1868", stroke: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "13.1", cy: "26.1", r: "1.7", stroke: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "22.1", cy: "26.1", r: "1.7", stroke: "currentColor" })
+  ] }) }) }) });
+}
+var forgot_password_page_1_brand_mark_default = ForgotPasswordPage1BrandMark;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ForgotPasswordPage1BrandMark
+});
+//# sourceMappingURL=forgot-password-page-1-brand-mark.js.map

package/dist/blocks/application/password-recovery/forgot-password-page-1-brand-mark.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/application/password-recovery/forgot-password-page-1-brand-mark.tsx"],"sourcesContent":["export function ForgotPasswordPage1BrandMark() {\n  return (\n    <div className=\"my-4 flex justify-center\">\n      <div className=\"bg-secondary relative size-14 rounded-full border\">\n        <div className=\"flex h-full items-center justify-center\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n            <path\n              d=\"M26 24.75C26.4142 24.75 26.75 24.4142 26.75 24C26.75 23.5858 26.4142 23.25 26 23.25V24.75ZM26 23.25H11V24.75H26V23.25ZM8.75 21V15H7.25V21H8.75ZM11 23.25C9.75736 23.25 8.75 22.2426 8.75 21H7.25C7.25 23.0711 8.92893 24.75 11 24.75V23.25Z\"\n              fill=\"currentColor\"\n            />\n            <path\n              d=\"M1.5 3.25C1.08579 3.25 0.75 3.58579 0.75 4C0.75 4.41421 1.08579 4.75 1.5 4.75V3.25ZM1.5 4.75H6V3.25H1.5V4.75ZM7.25 6V21H8.75V6H7.25ZM6 4.75C6.69036 4.75 7.25 5.30964 7.25 6H8.75C8.75 4.48122 7.51878 3.25 6 3.25V4.75Z\"\n              fill=\"currentColor\"\n            />\n            <path\n              d=\"M22 21.75C22.4142 21.75 22.75 21.4142 22.75 21C22.75 20.5858 22.4142 20.25 22 20.25V21.75ZM22 20.25H11V21.75H22V20.25ZM8.75 18V12H7.25V18H8.75ZM11 20.25C9.75736 20.25 8.75 19.2426 8.75 18H7.25C7.25 20.0711 8.92893 21.75 11 21.75V20.25Z\"\n              fill=\"currentColor\"\n            />\n            <path\n              d=\"M27.2057 19.754C27.0654 20.1438 26.6357 20.346 26.246 20.2057C25.8562 20.0654 25.654 19.6357 25.7943 19.246L27.2057 19.754ZM30.0361 9.67744L29.3305 9.4234L29.3305 9.4234L30.0361 9.67744ZM25.7943 19.246L29.3305 9.4234L30.7418 9.93148L27.2057 19.754L25.7943 19.246ZM28.1543 7.75L8 7.75V6.25L28.1543 6.25V7.75ZM29.3305 9.4234C29.6237 8.60882 29.0201 7.75 28.1543 7.75V6.25C30.059 6.25 31.3869 8.13941 30.7418 9.93148L29.3305 9.4234Z\"\n              fill=\"currentColor\"\n            />\n            <path\n              d=\"M13.5 21.75C13.0858 21.75 12.75 21.4142 12.75 21C12.75 20.5858 13.0858 20.25 13.5 20.25V21.75ZM26.7111 19.009L27.4174 19.2613L27.4174 19.2613L26.7111 19.009ZM13.5 20.25H23.8858V21.75H13.5V20.25ZM26.0048 18.7568L27.7937 13.7477L29.2063 14.2523L27.4174 19.2613L26.0048 18.7568ZM23.8858 20.25C24.8367 20.25 25.6849 19.6522 26.0048 18.7568L27.4174 19.2613C26.8843 20.7537 25.4706 21.75 23.8858 21.75V20.25Z\"\n              fill=\"currentColor\"\n            />\n            <path d=\"M21.1694 10.5806L14.5651 17.1849\" stroke=\"currentColor\" />\n            <path d=\"M22.1694 14.5806L18.5632 18.1868\" stroke=\"currentColor\" />\n            <circle cx=\"13.1\" cy=\"26.1\" r=\"1.7\" stroke=\"currentColor\" />\n            <circle cx=\"22.1\" cy=\"26.1\" r=\"1.7\" stroke=\"currentColor\" />\n          </svg>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default ForgotPasswordPage1BrandMark"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKU;AALH,SAAS,+BAA+B;AAC7C,SACE,4CAAC,SAAI,WAAU,4BACb,sDAAC,SAAI,WAAU,qDACb,sDAAC,SAAI,WAAU,2CACb,uDAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAA6B,eAAY,QACzG;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA,4CAAC,UAAK,GAAE,oCAAmC,QAAO,gBAAe;AAAA,IACjE,4CAAC,UAAK,GAAE,oCAAmC,QAAO,gBAAe;AAAA,IACjE,4CAAC,YAAO,IAAG,QAAO,IAAG,QAAO,GAAE,OAAM,QAAO,gBAAe;AAAA,IAC1D,4CAAC,YAAO,IAAG,QAAO,IAAG,QAAO,GAAE,OAAM,QAAO,gBAAe;AAAA,KAC5D,GACF,GACF,GACF;AAEJ;AAEA,IAAO,4CAAQ;","names":[]}

package/dist/blocks/application/password-recovery/forgot-password-page-1-brand-mark.mjs

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function ForgotPasswordPage1BrandMark() {
+  return /* @__PURE__ */ jsx("div", { className: "my-4 flex justify-center", children: /* @__PURE__ */ jsx("div", { className: "bg-secondary relative size-14 rounded-full border", children: /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M26 24.75C26.4142 24.75 26.75 24.4142 26.75 24C26.75 23.5858 26.4142 23.25 26 23.25V24.75ZM26 23.25H11V24.75H26V23.25ZM8.75 21V15H7.25V21H8.75ZM11 23.25C9.75736 23.25 8.75 22.2426 8.75 21H7.25C7.25 23.0711 8.92893 24.75 11 24.75V23.25Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M1.5 3.25C1.08579 3.25 0.75 3.58579 0.75 4C0.75 4.41421 1.08579 4.75 1.5 4.75V3.25ZM1.5 4.75H6V3.25H1.5V4.75ZM7.25 6V21H8.75V6H7.25ZM6 4.75C6.69036 4.75 7.25 5.30964 7.25 6H8.75C8.75 4.48122 7.51878 3.25 6 3.25V4.75Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M22 21.75C22.4142 21.75 22.75 21.4142 22.75 21C22.75 20.5858 22.4142 20.25 22 20.25V21.75ZM22 20.25H11V21.75H22V20.25ZM8.75 18V12H7.25V18H8.75ZM11 20.25C9.75736 20.25 8.75 19.2426 8.75 18H7.25C7.25 20.0711 8.92893 21.75 11 21.75V20.25Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M27.2057 19.754C27.0654 20.1438 26.6357 20.346 26.246 20.2057C25.8562 20.0654 25.654 19.6357 25.7943 19.246L27.2057 19.754ZM30.0361 9.67744L29.3305 9.4234L29.3305 9.4234L30.0361 9.67744ZM25.7943 19.246L29.3305 9.4234L30.7418 9.93148L27.2057 19.754L25.7943 19.246ZM28.1543 7.75L8 7.75V6.25L28.1543 6.25V7.75ZM29.3305 9.4234C29.6237 8.60882 29.0201 7.75 28.1543 7.75V6.25C30.059 6.25 31.3869 8.13941 30.7418 9.93148L29.3305 9.4234Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M13.5 21.75C13.0858 21.75 12.75 21.4142 12.75 21C12.75 20.5858 13.0858 20.25 13.5 20.25V21.75ZM26.7111 19.009L27.4174 19.2613L27.4174 19.2613L26.7111 19.009ZM13.5 20.25H23.8858V21.75H13.5V20.25ZM26.0048 18.7568L27.7937 13.7477L29.2063 14.2523L27.4174 19.2613L26.0048 18.7568ZM23.8858 20.25C24.8367 20.25 25.6849 19.6522 26.0048 18.7568L27.4174 19.2613C26.8843 20.7537 25.4706 21.75 23.8858 21.75V20.25Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: "M21.1694 10.5806L14.5651 17.1849", stroke: "currentColor" }),
+    /* @__PURE__ */ jsx("path", { d: "M22.1694 14.5806L18.5632 18.1868", stroke: "currentColor" }),
+    /* @__PURE__ */ jsx("circle", { cx: "13.1", cy: "26.1", r: "1.7", stroke: "currentColor" }),
+    /* @__PURE__ */ jsx("circle", { cx: "22.1", cy: "26.1", r: "1.7", stroke: "currentColor" })
+  ] }) }) }) });
+}
+var forgot_password_page_1_brand_mark_default = ForgotPasswordPage1BrandMark;
+export {
+  ForgotPasswordPage1BrandMark,
+  forgot_password_page_1_brand_mark_default as default
+};
+//# sourceMappingURL=forgot-password-page-1-brand-mark.mjs.map

package/dist/blocks/application/password-recovery/forgot-password-page-1-brand-mark.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/application/password-recovery/forgot-password-page-1-brand-mark.tsx"],"sourcesContent":["export function ForgotPasswordPage1BrandMark() {\n  return (\n    <div className=\"my-4 flex justify-center\">\n      <div className=\"bg-secondary relative size-14 rounded-full border\">\n        <div className=\"flex h-full items-center justify-center\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n            <path\n              d=\"M26 24.75C26.4142 24.75 26.75 24.4142 26.75 24C26.75 23.5858 26.4142 23.25 26 23.25V24.75ZM26 23.25H11V24.75H26V23.25ZM8.75 21V15H7.25V21H8.75ZM11 23.25C9.75736 23.25 8.75 22.2426 8.75 21H7.25C7.25 23.0711 8.92893 24.75 11 24.75V23.25Z\"\n              fill=\"currentColor\"\n            />\n            <path\n              d=\"M1.5 3.25C1.08579 3.25 0.75 3.58579 0.75 4C0.75 4.41421 1.08579 4.75 1.5 4.75V3.25ZM1.5 4.75H6V3.25H1.5V4.75ZM7.25 6V21H8.75V6H7.25ZM6 4.75C6.69036 4.75 7.25 5.30964 7.25 6H8.75C8.75 4.48122 7.51878 3.25 6 3.25V4.75Z\"\n              fill=\"currentColor\"\n            />\n            <path\n              d=\"M22 21.75C22.4142 21.75 22.75 21.4142 22.75 21C22.75 20.5858 22.4142 20.25 22 20.25V21.75ZM22 20.25H11V21.75H22V20.25ZM8.75 18V12H7.25V18H8.75ZM11 20.25C9.75736 20.25 8.75 19.2426 8.75 18H7.25C7.25 20.0711 8.92893 21.75 11 21.75V20.25Z\"\n              fill=\"currentColor\"\n            />\n            <path\n              d=\"M27.2057 19.754C27.0654 20.1438 26.6357 20.346 26.246 20.2057C25.8562 20.0654 25.654 19.6357 25.7943 19.246L27.2057 19.754ZM30.0361 9.67744L29.3305 9.4234L29.3305 9.4234L30.0361 9.67744ZM25.7943 19.246L29.3305 9.4234L30.7418 9.93148L27.2057 19.754L25.7943 19.246ZM28.1543 7.75L8 7.75V6.25L28.1543 6.25V7.75ZM29.3305 9.4234C29.6237 8.60882 29.0201 7.75 28.1543 7.75V6.25C30.059 6.25 31.3869 8.13941 30.7418 9.93148L29.3305 9.4234Z\"\n              fill=\"currentColor\"\n            />\n            <path\n              d=\"M13.5 21.75C13.0858 21.75 12.75 21.4142 12.75 21C12.75 20.5858 13.0858 20.25 13.5 20.25V21.75ZM26.7111 19.009L27.4174 19.2613L27.4174 19.2613L26.7111 19.009ZM13.5 20.25H23.8858V21.75H13.5V20.25ZM26.0048 18.7568L27.7937 13.7477L29.2063 14.2523L27.4174 19.2613L26.0048 18.7568ZM23.8858 20.25C24.8367 20.25 25.6849 19.6522 26.0048 18.7568L27.4174 19.2613C26.8843 20.7537 25.4706 21.75 23.8858 21.75V20.25Z\"\n              fill=\"currentColor\"\n            />\n            <path d=\"M21.1694 10.5806L14.5651 17.1849\" stroke=\"currentColor\" />\n            <path d=\"M22.1694 14.5806L18.5632 18.1868\" stroke=\"currentColor\" />\n            <circle cx=\"13.1\" cy=\"26.1\" r=\"1.7\" stroke=\"currentColor\" />\n            <circle cx=\"22.1\" cy=\"26.1\" r=\"1.7\" stroke=\"currentColor\" />\n          </svg>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default ForgotPasswordPage1BrandMark"],"mappings":"AAKU,SACE,KADF;AALH,SAAS,+BAA+B;AAC7C,SACE,oBAAC,SAAI,WAAU,4BACb,8BAAC,SAAI,WAAU,qDACb,8BAAC,SAAI,WAAU,2CACb,+BAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAA6B,eAAY,QACzG;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA,oBAAC,UAAK,GAAE,oCAAmC,QAAO,gBAAe;AAAA,IACjE,oBAAC,UAAK,GAAE,oCAAmC,QAAO,gBAAe;AAAA,IACjE,oBAAC,YAAO,IAAG,QAAO,IAAG,QAAO,GAAE,OAAM,QAAO,gBAAe;AAAA,IAC1D,oBAAC,YAAO,IAAG,QAAO,IAAG,QAAO,GAAE,OAAM,QAAO,gBAAe;AAAA,KAC5D,GACF,GACF,GACF;AAEJ;AAEA,IAAO,4CAAQ;","names":[]}

package/dist/blocks/application/password-recovery/forgot-password-page-1.d.ts

@@ -0,0 +1,42 @@
+export interface ForgotPasswordPage1Props {
+    /** Callback fired with the email when the user submits the reset-code step. */
+    onSendResetCode?: (email: string) => void;
+    /** Callback fired with the 6-digit code when the user verifies it. */
+    onVerifyCode?: (code: string) => void;
+    /** Callback fired when the user requests a new code. */
+    onResendCode?: () => void;
+    /** Callback fired with the new password when the user sets it. */
+    onSetNewPassword?: (password: string) => void;
+    /** Callback fired when the user goes back to login from the success step. */
+    onBackToLogin?: () => void;
+    step1TitleLabel?: string;
+    step1DescriptionLabel?: string;
+    emailLabel?: string;
+    emailPlaceholder?: string;
+    sendResetCodeLabel?: string;
+    step2TitleLabel?: string;
+    step2DescriptionLabel?: string;
+    codeLabel?: string;
+    verifyCodeLabel?: string;
+    resendCodeLabel?: string;
+    resendCodeCooldownLabel?: string;
+    didNotReceiveLabel?: string;
+    step3TitleLabel?: string;
+    step3DescriptionLabel?: string;
+    newPasswordLabel?: string;
+    setNewPasswordLabel?: string;
+    strengthWeakLabel?: string;
+    strengthMediumLabel?: string;
+    strengthStrongLabel?: string;
+    strengthIndicatorLabel?: string;
+    step4TitleLabel?: string;
+    step4DescriptionLabel?: string;
+    backToLoginLabel?: string;
+    dontHaveAccountLabel?: string;
+    signUpLabel?: string;
+    showPasswordLabel?: string;
+    hidePasswordLabel?: string;
+}
+export declare function ForgotPasswordPage1({ onSendResetCode, onVerifyCode, onResendCode, onSetNewPassword, onBackToLogin, step1TitleLabel, step1DescriptionLabel, emailLabel, emailPlaceholder, sendResetCodeLabel, step2TitleLabel, step2DescriptionLabel, codeLabel, verifyCodeLabel, resendCodeLabel, resendCodeCooldownLabel, didNotReceiveLabel, step3TitleLabel, step3DescriptionLabel, newPasswordLabel, setNewPasswordLabel, strengthWeakLabel, strengthMediumLabel, strengthStrongLabel, strengthIndicatorLabel, step4TitleLabel, step4DescriptionLabel, backToLoginLabel, dontHaveAccountLabel, signUpLabel, showPasswordLabel, hidePasswordLabel, }: ForgotPasswordPage1Props): import("react").JSX.Element;
+export default ForgotPasswordPage1;
+//# sourceMappingURL=forgot-password-page-1.d.ts.map

package/dist/blocks/application/password-recovery/forgot-password-page-1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forgot-password-page-1.d.ts","sourceRoot":"","sources":["../../../../src/blocks/application/password-recovery/forgot-password-page-1.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,wBAAwB;IACvC,+EAA+E;IAC/E,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,6EAA6E;IAC7E,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAoBD,wBAAgB,mBAAmB,CAAC,EAClC,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,eAA6C,EAC7C,qBAA0E,EAC1E,UAAiC,EACjC,gBAAyC,EACzC,kBAAwD,EACxD,eAAoC,EACpC,qBAA0E,EAC1E,SAAoC,EACpC,eAAoC,EACpC,eAAmC,EACnC,uBAA4C,EAC5C,kBAAwC,EACxC,eAA6C,EAC7C,qBAA6E,EAC7E,gBAAqC,EACrC,mBAAmD,EACnD,iBAA2B,EAC3B,mBAA6B,EAC7B,mBAA8B,EAC9B,sBAA4D,EAC5D,eAAoC,EACpC,qBAAmE,EACnE,gBAA+C,EAC/C,oBAAmD,EACnD,WAA0B,EAC1B,iBAAwC,EACxC,iBAAwC,GACzC,EAAE,wBAAwB,+BAmN1B;AAED,eAAe,mBAAmB,CAAA"}

package/dist/blocks/application/password-recovery/forgot-password-page-1.js

@@ -0,0 +1,293 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var forgot_password_page_1_exports = {};
+__export(forgot_password_page_1_exports, {
+  ForgotPasswordPage1: () => ForgotPasswordPage1,
+  default: () => forgot_password_page_1_default
+});
+module.exports = __toCommonJS(forgot_password_page_1_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_button = require("../../../ui/button.js");
+var import_card = require("../../../ui/card.js");
+var import_input = require("../../../ui/input.js");
+var import_input_otp = require("../../../ui/input-otp.js");
+var import_progress = require("../../../ui/progress.js");
+var import_forgot_password_page_1_brand_mark = __toESM(require("./forgot-password-page-1-brand-mark.js"));
+const RESEND_COOLDOWN_SECONDS = 30;
+function passwordStrength(password) {
+  let strength = 0;
+  if (password.length >= 8) strength += 25;
+  if (/[A-Z]/.test(password)) strength += 25;
+  if (/[0-9]/.test(password)) strength += 25;
+  if (/[^A-Za-z0-9]/.test(password)) strength += 25;
+  return strength;
+}
+function ForgotPasswordPage1({
+  onSendResetCode,
+  onVerifyCode,
+  onResendCode,
+  onSetNewPassword,
+  onBackToLogin,
+  step1TitleLabel = "\xBFOlvidaste tu contrase\xF1a?",
+  step1DescriptionLabel = "Ingresa tu correo para restablecer tu contrase\xF1a",
+  emailLabel = "Correo electr\xF3nico",
+  emailPlaceholder = "tucorreo@ejemplo.com",
+  sendResetCodeLabel = "Enviar c\xF3digo de restablecimiento",
+  step2TitleLabel = "Revisa tu correo",
+  step2DescriptionLabel = "Ingresa el c\xF3digo de 6 d\xEDgitos enviado a {email}",
+  codeLabel = "C\xF3digo de verificaci\xF3n",
+  verifyCodeLabel = "Verificar c\xF3digo",
+  resendCodeLabel = "Reenviar c\xF3digo",
+  resendCodeCooldownLabel = "Reenviar en {n}s",
+  didNotReceiveLabel = "\xBFNo lo recibiste?",
+  step3TitleLabel = "Crea una nueva contrase\xF1a",
+  step3DescriptionLabel = "Elige una contrase\xF1a segura para proteger tu cuenta",
+  newPasswordLabel = "Nueva contrase\xF1a",
+  setNewPasswordLabel = "Establecer nueva contrase\xF1a",
+  strengthWeakLabel = "D\xE9bil",
+  strengthMediumLabel = "Media",
+  strengthStrongLabel = "Fuerte",
+  strengthIndicatorLabel = "Indicador de fuerza de contrase\xF1a",
+  step4TitleLabel = "\xA1Felicitaciones!",
+  step4DescriptionLabel = "Restableciste tu contrase\xF1a correctamente",
+  backToLoginLabel = "Volver al inicio de sesi\xF3n",
+  dontHaveAccountLabel = "\xBFA\xFAn no tienes una cuenta?",
+  signUpLabel = "Reg\xEDstrate",
+  showPasswordLabel = "Mostrar contrase\xF1a",
+  hidePasswordLabel = "Ocultar contrase\xF1a"
+}) {
+  const [step, setStep] = (0, import_react.useState)(1);
+  const [email, setEmail] = (0, import_react.useState)("");
+  const [code, setCode] = (0, import_react.useState)("");
+  const [password, setPassword] = (0, import_react.useState)("");
+  const [showPassword, setShowPassword] = (0, import_react.useState)(false);
+  const [resendCooldown, setResendCooldown] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    if (resendCooldown <= 0) return;
+    const timer = setInterval(() => {
+      setResendCooldown((prev) => prev <= 1 ? 0 : prev - 1);
+    }, 1e3);
+    return () => clearInterval(timer);
+  }, [resendCooldown]);
+  const handleResend = () => {
+    onResendCode?.();
+    setResendCooldown(RESEND_COOLDOWN_SECONDS);
+  };
+  const renderStepContent = () => {
+    switch (step) {
+      case 1:
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardHeader, { className: "pt-0 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { className: "text-2xl", children: step1TitleLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardDescription, { children: step1DescriptionLabel })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_input.Input,
+                {
+                  id: "email-forgot-password-page-1",
+                  type: "email",
+                  placeholder: emailPlaceholder,
+                  className: "bg-transparent ps-10 h-9 text-sm",
+                  autoComplete: "email",
+                  "aria-label": emailLabel,
+                  value: email,
+                  onChange: (e) => setEmail(e.target.value),
+                  required: true
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Mail, { className: "text-muted-foreground absolute start-3 top-1/2 size-5 -translate-y-1/2" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_button.Button,
+              {
+                type: "button",
+                className: "h-9 px-4 py-2 w-full cursor-pointer",
+                onClick: () => {
+                  onSendResetCode?.(email);
+                  setStep(2);
+                },
+                disabled: !email,
+                children: sendResetCodeLabel
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-6 flex justify-center gap-1 text-center text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: dontHaveAccountLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "#", className: "underline underline-offset-4", children: signUpLabel })
+            ] })
+          ] })
+        ] });
+      case 2:
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-6 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "mb-2 text-2xl font-bold tracking-tight text-balance", children: step2TitleLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm text-balance", children: step2DescriptionLabel.replace("{email}", email || "tu correo") })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_input_otp.InputOTP,
+              {
+                maxLength: 6,
+                value: code,
+                onChange: (value) => setCode(value),
+                "aria-label": codeLabel,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_input_otp.InputOTPGroup, { className: "grid w-full grid-cols-6 gap-2 sm:gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_otp.InputOTPSlot, { index: 0, className: "h-12 w-auto flex-1 rounded-md border-l text-lg" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_otp.InputOTPSlot, { index: 1, className: "h-12 w-auto flex-1 rounded-md border-l text-lg" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_otp.InputOTPSlot, { index: 2, className: "h-12 w-auto flex-1 rounded-md border-l text-lg" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_otp.InputOTPSlot, { index: 3, className: "h-12 w-auto flex-1 rounded-md border-l text-lg" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_otp.InputOTPSlot, { index: 4, className: "h-12 w-auto flex-1 rounded-md border-l text-lg" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_otp.InputOTPSlot, { index: 5, className: "h-12 w-auto flex-1 rounded-md border-l text-lg" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_button.Button,
+              {
+                type: "button",
+                className: "h-9 px-4 py-2 w-full cursor-pointer",
+                onClick: () => {
+                  onVerifyCode?.(code);
+                  setStep(3);
+                },
+                disabled: code.length < 6,
+                children: verifyCodeLabel
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-muted-foreground text-center text-sm", children: [
+              didNotReceiveLabel,
+              " ",
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_button.Button,
+                {
+                  variant: "link",
+                  className: "cursor-pointer px-1 font-medium underline underline-offset-4 hover:underline",
+                  onClick: handleResend,
+                  disabled: resendCooldown > 0,
+                  children: resendCooldown > 0 ? resendCodeCooldownLabel.replace("{n}", String(resendCooldown)) : resendCodeLabel
+                }
+              )
+            ] })
+          ] })
+        ] });
+      case 3: {
+        const strength = passwordStrength(password);
+        const strengthLabel = strength === 0 ? "" : strength < 50 ? strengthWeakLabel : strength < 75 ? strengthMediumLabel : strengthStrongLabel;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-6 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "mb-2 text-2xl font-bold tracking-tight text-balance", children: step3TitleLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm text-balance", children: step3DescriptionLabel })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_input.Input,
+                {
+                  id: "new-password-forgot-password-page-1",
+                  type: showPassword ? "text" : "password",
+                  placeholder: newPasswordLabel,
+                  className: "bg-transparent ps-10 text-sm",
+                  autoComplete: "new-password",
+                  "aria-label": newPasswordLabel,
+                  value: password,
+                  onChange: (e) => setPassword(e.target.value),
+                  required: true
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Lock, { className: "text-muted-foreground absolute start-3 top-1/2 size-5 -translate-y-1/2" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_button.Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  className: "size-9 text-muted-foreground absolute end-1 top-1/2 -translate-y-1/2 cursor-pointer hover:bg-transparent",
+                  onClick: () => setShowPassword((prev) => !prev),
+                  "aria-label": showPassword ? hidePasswordLabel : showPasswordLabel,
+                  children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.EyeOff, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Eye, {})
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_progress.Progress, { value: strength, className: "h-2", "aria-label": strengthIndicatorLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { className: "text-muted-foreground block text-end text-xs", children: strengthLabel })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_button.Button,
+              {
+                type: "button",
+                className: "h-9 px-4 py-2 w-full cursor-pointer",
+                onClick: () => {
+                  onSetNewPassword?.(password);
+                  setStep(4);
+                },
+                disabled: strength < 75,
+                children: setNewPasswordLabel
+              }
+            )
+          ] })
+        ] });
+      }
+      case 4:
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardHeader, { className: "mb-4 pt-0 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { className: "text-2xl", children: step4TitleLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardDescription, { children: step4DescriptionLabel })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_button.Button,
+            {
+              className: "h-9 px-4 py-2 w-full cursor-pointer",
+              onClick: () => {
+                onBackToLogin?.();
+                setStep(1);
+              },
+              children: backToLoginLabel
+            }
+          ) })
+        ] });
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full max-w-md", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { className: "bg-background/80 relative w-full max-w-md ring-0 p-6 shadow-2xl backdrop-blur-md sm:p-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_forgot_password_page_1_brand_mark.default, {}),
+    renderStepContent()
+  ] }) });
+}
+var forgot_password_page_1_default = ForgotPasswordPage1;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ForgotPasswordPage1
+});
+//# sourceMappingURL=forgot-password-page-1.js.map

package/dist/blocks/application/password-recovery/forgot-password-page-1.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/application/password-recovery/forgot-password-page-1.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\nimport { Eye, EyeOff, Lock, Mail } from 'lucide-react'\n\nimport { Button } from '../../../ui/button'\nimport { Card, CardDescription, CardFooter, CardHeader, CardTitle } from '../../../ui/card'\nimport { Input } from '../../../ui/input'\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../../../ui/input-otp'\nimport { Progress } from '../../../ui/progress'\n\nimport ForgotPasswordPage1BrandMark from './forgot-password-page-1-brand-mark'\n\nexport interface ForgotPasswordPage1Props {\n  /** Callback fired with the email when the user submits the reset-code step. */\n  onSendResetCode?: (email: string) => void\n  /** Callback fired with the 6-digit code when the user verifies it. */\n  onVerifyCode?: (code: string) => void\n  /** Callback fired when the user requests a new code. */\n  onResendCode?: () => void\n  /** Callback fired with the new password when the user sets it. */\n  onSetNewPassword?: (password: string) => void\n  /** Callback fired when the user goes back to login from the success step. */\n  onBackToLogin?: () => void\n  step1TitleLabel?: string\n  step1DescriptionLabel?: string\n  emailLabel?: string\n  emailPlaceholder?: string\n  sendResetCodeLabel?: string\n  step2TitleLabel?: string\n  step2DescriptionLabel?: string\n  codeLabel?: string\n  verifyCodeLabel?: string\n  resendCodeLabel?: string\n  resendCodeCooldownLabel?: string\n  didNotReceiveLabel?: string\n  step3TitleLabel?: string\n  step3DescriptionLabel?: string\n  newPasswordLabel?: string\n  setNewPasswordLabel?: string\n  strengthWeakLabel?: string\n  strengthMediumLabel?: string\n  strengthStrongLabel?: string\n  strengthIndicatorLabel?: string\n  step4TitleLabel?: string\n  step4DescriptionLabel?: string\n  backToLoginLabel?: string\n  dontHaveAccountLabel?: string\n  signUpLabel?: string\n  showPasswordLabel?: string\n  hidePasswordLabel?: string\n}\n\nconst RESEND_COOLDOWN_SECONDS = 30\n\n/**\n * Returns a password strength score from 0 to 100.\n * Adds 25 points per satisfied criterion: length >= 8, contains an\n * uppercase letter, contains a digit, and contains a non-alphanumeric\n * character. Used to gate the \"Set new password\" step and drive the\n * strength progress bar.\n */\nfunction passwordStrength(password: string) {\n  let strength = 0\n  if (password.length >= 8) strength += 25\n  if (/[A-Z]/.test(password)) strength += 25\n  if (/[0-9]/.test(password)) strength += 25\n  if (/[^A-Za-z0-9]/.test(password)) strength += 25\n  return strength\n}\n\nexport function ForgotPasswordPage1({\n  onSendResetCode,\n  onVerifyCode,\n  onResendCode,\n  onSetNewPassword,\n  onBackToLogin,\n  step1TitleLabel = '¿Olvidaste tu contraseña?',\n  step1DescriptionLabel = 'Ingresa tu correo para restablecer tu contraseña',\n  emailLabel = 'Correo electrónico',\n  emailPlaceholder = 'tucorreo@ejemplo.com',\n  sendResetCodeLabel = 'Enviar código de restablecimiento',\n  step2TitleLabel = 'Revisa tu correo',\n  step2DescriptionLabel = 'Ingresa el código de 6 dígitos enviado a {email}',\n  codeLabel = 'Código de verificación',\n  verifyCodeLabel = 'Verificar código',\n  resendCodeLabel = 'Reenviar código',\n  resendCodeCooldownLabel = 'Reenviar en {n}s',\n  didNotReceiveLabel = '¿No lo recibiste?',\n  step3TitleLabel = 'Crea una nueva contraseña',\n  step3DescriptionLabel = 'Elige una contraseña segura para proteger tu cuenta',\n  newPasswordLabel = 'Nueva contraseña',\n  setNewPasswordLabel = 'Establecer nueva contraseña',\n  strengthWeakLabel = 'Débil',\n  strengthMediumLabel = 'Media',\n  strengthStrongLabel = 'Fuerte',\n  strengthIndicatorLabel = 'Indicador de fuerza de contraseña',\n  step4TitleLabel = '¡Felicitaciones!',\n  step4DescriptionLabel = 'Restableciste tu contraseña correctamente',\n  backToLoginLabel = 'Volver al inicio de sesión',\n  dontHaveAccountLabel = '¿Aún no tienes una cuenta?',\n  signUpLabel = 'Regístrate',\n  showPasswordLabel = 'Mostrar contraseña',\n  hidePasswordLabel = 'Ocultar contraseña',\n}: ForgotPasswordPage1Props) {\n  const [step, setStep] = useState(1)\n  const [email, setEmail] = useState('')\n  const [code, setCode] = useState('')\n  const [password, setPassword] = useState('')\n  const [showPassword, setShowPassword] = useState(false)\n  const [resendCooldown, setResendCooldown] = useState(0)\n\n  useEffect(() => {\n    if (resendCooldown <= 0) return\n    const timer = setInterval(() => {\n      setResendCooldown(prev => (prev <= 1 ? 0 : prev - 1))\n    }, 1000)\n    return () => clearInterval(timer)\n  }, [resendCooldown])\n\n  const handleResend = () => {\n    onResendCode?.()\n    setResendCooldown(RESEND_COOLDOWN_SECONDS)\n  }\n\n  const renderStepContent = () => {\n    switch (step) {\n      case 1:\n        return (\n          <>\n            <CardHeader className=\"pt-0 text-center\">\n              <CardTitle className=\"text-2xl\">{step1TitleLabel}</CardTitle>\n              <CardDescription>{step1DescriptionLabel}</CardDescription>\n            </CardHeader>\n\n            <div className=\"flex flex-col gap-6\">\n              <div className=\"relative\">\n                <Input\n                  id=\"email-forgot-password-page-1\"\n                  type=\"email\"\n                  placeholder={emailPlaceholder}\n                  className=\"bg-transparent ps-10 h-9 text-sm\"\n                  autoComplete=\"email\"\n                  aria-label={emailLabel}\n                  value={email}\n                  onChange={e => setEmail(e.target.value)}\n                  required\n                />\n                <Mail className=\"text-muted-foreground absolute start-3 top-1/2 size-5 -translate-y-1/2\" />\n              </div>\n              <Button\n                type=\"button\"\n                className=\"h-9 px-4 py-2 w-full cursor-pointer\"\n                onClick={() => {\n                  onSendResetCode?.(email)\n                  setStep(2)\n                }}\n                disabled={!email}\n              >\n                {sendResetCodeLabel}\n              </Button>\n              <p className=\"mt-6 flex justify-center gap-1 text-center text-sm\">\n                <span>{dontHaveAccountLabel}</span>\n                <a href=\"#\" className=\"underline underline-offset-4\">\n                  {signUpLabel}\n                </a>\n              </p>\n            </div>\n          </>\n        )\n\n      case 2:\n        return (\n          <>\n            <div className=\"mb-6 text-center\">\n              <h1 className=\"mb-2 text-2xl font-bold tracking-tight text-balance\">{step2TitleLabel}</h1>\n              <p className=\"text-muted-foreground text-sm text-balance\">\n                {step2DescriptionLabel.replace('{email}', email || 'tu correo')}\n              </p>\n            </div>\n\n            <div className=\"flex flex-col gap-6\">\n              <InputOTP\n                maxLength={6}\n                value={code}\n                onChange={value => setCode(value)}\n                aria-label={codeLabel}\n              >\n                <InputOTPGroup className=\"grid w-full grid-cols-6 gap-2 sm:gap-3\">\n                  <InputOTPSlot index={0} className=\"h-12 w-auto flex-1 rounded-md border-l text-lg\" />\n                  <InputOTPSlot index={1} className=\"h-12 w-auto flex-1 rounded-md border-l text-lg\" />\n                  <InputOTPSlot index={2} className=\"h-12 w-auto flex-1 rounded-md border-l text-lg\" />\n                  <InputOTPSlot index={3} className=\"h-12 w-auto flex-1 rounded-md border-l text-lg\" />\n                  <InputOTPSlot index={4} className=\"h-12 w-auto flex-1 rounded-md border-l text-lg\" />\n                  <InputOTPSlot index={5} className=\"h-12 w-auto flex-1 rounded-md border-l text-lg\" />\n                </InputOTPGroup>\n              </InputOTP>\n              <Button\n                type=\"button\"\n                className=\"h-9 px-4 py-2 w-full cursor-pointer\"\n                onClick={() => {\n                  onVerifyCode?.(code)\n                  setStep(3)\n                }}\n                disabled={code.length < 6}\n              >\n                {verifyCodeLabel}\n              </Button>\n              <p className=\"text-muted-foreground text-center text-sm\">\n                {didNotReceiveLabel}{' '}\n                <Button\n                  variant=\"link\"\n                  className=\"cursor-pointer px-1 font-medium underline underline-offset-4 hover:underline\"\n                  onClick={handleResend}\n                  disabled={resendCooldown > 0}\n                >\n                  {resendCooldown > 0\n                    ? resendCodeCooldownLabel.replace('{n}', String(resendCooldown))\n                    : resendCodeLabel}\n                </Button>\n              </p>\n            </div>\n          </>\n        )\n\n      case 3: {\n        const strength = passwordStrength(password)\n        const strengthLabel =\n          strength === 0 ? '' : strength < 50 ? strengthWeakLabel : strength < 75 ? strengthMediumLabel : strengthStrongLabel\n        return (\n          <>\n            <div className=\"mb-6 text-center\">\n              <h1 className=\"mb-2 text-2xl font-bold tracking-tight text-balance\">{step3TitleLabel}</h1>\n              <p className=\"text-muted-foreground text-sm text-balance\">{step3DescriptionLabel}</p>\n            </div>\n\n            <div className=\"flex flex-col gap-6\">\n              <div className=\"relative\">\n                <Input\n                  id=\"new-password-forgot-password-page-1\"\n                  type={showPassword ? 'text' : 'password'}\n                  placeholder={newPasswordLabel}\n                  className=\"bg-transparent ps-10 text-sm\"\n                  autoComplete=\"new-password\"\n                  aria-label={newPasswordLabel}\n                  value={password}\n                  onChange={e => setPassword(e.target.value)}\n                  required\n                />\n                <Lock className=\"text-muted-foreground absolute start-3 top-1/2 size-5 -translate-y-1/2\" />\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  className=\"size-9 text-muted-foreground absolute end-1 top-1/2 -translate-y-1/2 cursor-pointer hover:bg-transparent\"\n                  onClick={() => setShowPassword(prev => !prev)}\n                  aria-label={showPassword ? hidePasswordLabel : showPasswordLabel}\n                >\n                  {showPassword ? <EyeOff /> : <Eye />}\n                </Button>\n              </div>\n              <div className=\"flex flex-col gap-1\">\n                <Progress value={strength} className=\"h-2\" aria-label={strengthIndicatorLabel} />\n                <small className=\"text-muted-foreground block text-end text-xs\">{strengthLabel}</small>\n              </div>\n\n              <Button\n                type=\"button\"\n                className=\"h-9 px-4 py-2 w-full cursor-pointer\"\n                onClick={() => {\n                  onSetNewPassword?.(password)\n                  setStep(4)\n                }}\n                disabled={strength < 75}\n              >\n                {setNewPasswordLabel}\n              </Button>\n            </div>\n          </>\n        )\n      }\n\n      case 4:\n        return (\n          <>\n            <CardHeader className=\"mb-4 pt-0 text-center\">\n              <CardTitle className=\"text-2xl\">{step4TitleLabel}</CardTitle>\n              <CardDescription>{step4DescriptionLabel}</CardDescription>\n            </CardHeader>\n            <CardFooter>\n              <Button\n                className=\"h-9 px-4 py-2 w-full cursor-pointer\"\n                onClick={() => {\n                  onBackToLogin?.()\n                  setStep(1)\n                }}\n              >\n                {backToLoginLabel}\n              </Button>\n            </CardFooter>\n          </>\n        )\n      default:\n        return null\n    }\n  }\n\n  return (\n    <div className=\"w-full max-w-md\">\n      <Card className=\"bg-background/80 relative w-full max-w-md ring-0 p-6 shadow-2xl backdrop-blur-md sm:p-8\">\n        <ForgotPasswordPage1BrandMark />\n        {renderStepContent()}\n      </Card>\n    </div>\n  )\n}\n\nexport default ForgotPasswordPage1"],"mappings":"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","names":["ForgotPasswordPage1BrandMark"]}