@clicoh/orion-library 1.0.19 → 1.1.0-beta.2

package/dist/components/04-templates/LoginTemplate/LoginForm.jsx

@@ -18,7 +18,7 @@ import { SetupMfa } from './SetupMfa';
  *
  * @returns {ReactNode} The rendered LoginForm component.
  */
-export function LoginForm({ login, callback, needCode = false, lengthCode = 6, setupMfa, }) {
+export function LoginForm({ login, callback, needCode = false, lengthCode = 6, setupMfa, showPasswordAriaLabel, hidePasswordAriaLabel, getOtpDigitAriaLabel, loadingLabel, setupMfaAccessibilityLabels, }) {
     const [errorMessage, setErrorMessage] = useState();
     const [otpCode, setOtpCode] = useState('');
     const [isPending, setIsPending] = useState(false);
@@ -58,7 +58,7 @@ export function LoginForm({ login, callback, needCode = false, lengthCode = 6, s
     return (<>
       {!qr && (<>
           <Heading level="h4">Bienvenido!</Heading>
-          <form onSubmit={handlerSubmit} className="flex w-72 flex-col items-center gap-4">
+          <form onSubmit={handlerSubmit} aria-busy={isPending} className="flex w-72 flex-col items-center gap-4">
             {!!showLogin && (<>
                 <Input label="Usuario" input={{
                     type: 'email',
@@ -67,7 +67,7 @@ export function LoginForm({ login, callback, needCode = false, lengthCode = 6, s
                     autoComplete: 'email',
                     disabled: isPending,
                 }}/>
-                <Input label="Contraseña" input={{
+                <Input label="Contraseña" showPasswordAriaLabel={showPasswordAriaLabel} hidePasswordAriaLabel={hidePasswordAriaLabel} input={{
                     type: 'password',
                     name: 'password',
                     required: true,
@@ -76,7 +76,7 @@ export function LoginForm({ login, callback, needCode = false, lengthCode = 6, s
                 }}/>
               </>)}
 
-            {!showLogin && (<OtpInput label="Codigo de Verificación" length={lengthCode} handleSubmit={(otp) => setOtpCode(otp)}/>)}
+            {!showLogin && (<OtpInput label="Codigo de Verificación" length={lengthCode} handleSubmit={(otp) => setOtpCode(otp)} getDigitAriaLabel={getOtpDigitAriaLabel}/>)}
 
             <Button type="submit" iconR={<FiArrowRight />} aria-disabled={isPending} disabled={isPending} className="w-full">
               Iniciar sesión
@@ -84,15 +84,15 @@ export function LoginForm({ login, callback, needCode = false, lengthCode = 6, s
             {!showLogin && (<Button className="w-56" type="button" onClick={onCancel}>
                 Volver
               </Button>)}
-            {!!errorMessage && (<Paragraph className="text-error text-center" size="chips">
+            {!!errorMessage && (<Paragraph role="alert" className="text-error dark:text-error-1 text-center" size="chips">
                 {errorMessage}
               </Paragraph>)}
             <div className={clsx('self-center', !isPending && 'invisible opacity-0')}>
-              <Spinner />
+              <Spinner label={loadingLabel}/>
             </div>
           </form>
         </>)}
-      {!!qr && (<SetupMfa lengthCode={lengthCode} onCancel={onCancel} qrImage={qr} setupMfa={handleSetupMfa}/>)}
+      {!!qr && (<SetupMfa lengthCode={lengthCode} onCancel={onCancel} qrImage={qr} setupMfa={handleSetupMfa} accessibilityLabels={setupMfaAccessibilityLabels}/>)}
     </>);
 }
 //# sourceMappingURL=LoginForm.jsx.map

package/dist/components/04-templates/LoginTemplate/LoginForm.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"LoginForm.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/LoginTemplate/LoginForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"LoginForm.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/LoginTemplate/LoginForm.tsx"],"names":[],"mappings":"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"}

package/dist/components/04-templates/LoginTemplate/LoginTemplate.d.ts

@@ -3,6 +3,7 @@ import { StaticImageData } from 'next/dist/shared/lib/get-img-props';
 type LoginTemplateProps = {
     children: ReactNode;
     loginImg?: StaticImageData;
+    logoAriaLabel?: string;
 };
 /**
  * LoginTemplate component for rendering the login page layout.

package/dist/components/04-templates/LoginTemplate/LoginTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/LoginTemplate/LoginTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAsBlE"}
+{"version":3,"file":"LoginTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/LoginTemplate/LoginTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAuBlE"}

package/dist/components/04-templates/LoginTemplate/LoginTemplate.jsx

@@ -20,14 +20,14 @@ import { dataUrl } from './dataUrl';
 export function LoginTemplate(props) {
     return (<div className="flex">
       <div className="relative min-h-svh flex-1 bg-black">
-        <Image src={props.loginImg || LoginImg} alt="Login Clioh BG" sizes="(max-width: 2247px) 100vw, 2247px" fill={true} className="object-cover" placeholder="blur" blurDataURL={dataUrl}/>
+        <Image src={props.loginImg || LoginImg} alt="" aria-hidden="true" sizes="(max-width: 2247px) 100vw, 2247px" fill={true} className="object-cover" placeholder="blur" blurDataURL={dataUrl}/>
       </div>
-      <div className="flex min-h-svh w-[460px] items-center justify-center">
+      <main className="flex min-h-svh w-[460px] items-center justify-center bg-white text-black dark:bg-black dark:text-white">
         <div className="flex flex-col items-center justify-center gap-4">
-          <Logo width={94} height={40}/>
+          <Logo width={94} height={40} aria-label={props.logoAriaLabel}/>
           {props.children}
         </div>
-      </div>
+      </main>
     </div>);
 }
 //# sourceMappingURL=LoginTemplate.jsx.map

package/dist/components/04-templates/LoginTemplate/LoginTemplate.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"LoginTemplate.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/LoginTemplate/LoginTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,OAAO,QAAQ,MAAM,4CAA4C,CAAC;AAClE,OAAO,EAAW,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAQpC;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,oCAAoC,CACjD;QAAA,CAAC,KAAK,CACJ,GAAG,CAAC,CAAE,KAAK,CAAC,QAA4B,IAAI,QAAQ,CAAC,CACrD,GAAG,CAAC,gBAAgB,CACpB,KAAK,CAAC,mCAAmC,CACzC,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,cAAc,CACxB,WAAW,CAAC,MAAM,CAClB,WAAW,CAAC,CAAC,OAAO,CAAC,EAEzB;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,sDAAsD,CACnE;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,iDAAiD,CAC9D;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAC5B;UAAA,CAAC,KAAK,CAAC,QAAQ,CACjB;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"LoginTemplate.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/LoginTemplate/LoginTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,OAAO,QAAQ,MAAM,4CAA4C,CAAC;AAClE,OAAO,EAAW,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AASpC;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,oCAAoC,CACjD;QAAA,CAAC,KAAK,CACJ,GAAG,CAAC,CAAE,KAAK,CAAC,QAA4B,IAAI,QAAQ,CAAC,CACrD,GAAG,CAAC,EAAE,CACN,WAAW,CAAC,MAAM,CAClB,KAAK,CAAC,mCAAmC,CACzC,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,cAAc,CACxB,WAAW,CAAC,MAAM,CAClB,WAAW,CAAC,CAAC,OAAO,CAAC,EAEzB;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,wGAAwG,CACtH;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,iDAAiD,CAC9D;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,EAC7D;UAAA,CAAC,KAAK,CAAC,QAAQ,CACjB;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepFour.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepFour.d.ts","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepFour.tsx"],"names":[],"mappings":"AAEA,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,+BAsCnD"}
+{"version":3,"file":"StepFour.d.ts","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepFour.tsx"],"names":[],"mappings":"AAEA,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,+BA2CnD"}

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepFour.jsx

@@ -1,6 +1,6 @@
 import { Button, Heading, List, Paragraph } from '../../../01-atoms';
 export function StepFour({ onFinish }) {
-    return (<div className="flex w-96 flex-col items-center">
+    return (<div className="flex w-96 flex-col items-center text-black dark:text-white">
       <Heading className="mb-2" level="h7">
         Configuración exitosa
       </Heading>
@@ -9,7 +9,7 @@ export function StepFour({ onFinish }) {
         Tu autenticación de dos factores ha sido activada correctamente.
       </Paragraph>
 
-      <div className="border-gray-3 mb-4 rounded-lg border p-4">
+      <div className="border-gray-1 dark:border-gray-2 mb-4 rounded-lg border p-4">
         <Heading className="mb-4 text-start" level="h7">
           Pasos para iniciar sesión
         </Heading>
@@ -31,7 +31,7 @@ export function StepFour({ onFinish }) {
         </List>
       </div>
 
-      <Button modifier="principal" className="w-[80%]" onClick={onFinish}>
+      <Button modifier="principal" className="w-[80%]" type="button" onClick={onFinish}>
         Iniciar sesión
       </Button>
     </div>);

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepFour.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"StepFour.jsx","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepFour.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAMrE,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAiB;IAClD,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,iCAAiC,CAC9C;MAAA,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAClC;;MACF,EAAE,OAAO,CAET;;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CACvC;;MACF,EAAE,SAAS,CAEX;;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,0CAA0C,CACvD;QAAA,CAAC,OAAO,CAAC,SAAS,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAC7C;;QACF,EAAE,OAAO,CAET;;QAAA,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,gBAAgB,CACrD;UAAA,CAAC,EAAE,CACD;YAAA,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CACtB;;YACF,EAAE,SAAS,CACb;UAAA,EAAE,EAAE,CACJ;UAAA,CAAC,EAAE,CACD;YAAA,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CACtB;;YACF,EAAE,SAAS,CACb;UAAA,EAAE,EAAE,CACJ;UAAA,CAAC,EAAE,CACD;YAAA,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,uBAAuB,EAAE,SAAS,CAC7D;UAAA,EAAE,EAAE,CACN;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,GAAG,CAEL;;MAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CACjE;;MACF,EAAE,MAAM,CACV;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"StepFour.jsx","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepFour.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAMrE,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAiB;IAClD,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,4DAA4D,CACzE;MAAA,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAClC;;MACF,EAAE,OAAO,CAET;;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CACvC;;MACF,EAAE,SAAS,CAEX;;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,6DAA6D,CAC1E;QAAA,CAAC,OAAO,CAAC,SAAS,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAC7C;;QACF,EAAE,OAAO,CAET;;QAAA,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,gBAAgB,CACrD;UAAA,CAAC,EAAE,CACD;YAAA,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CACtB;;YACF,EAAE,SAAS,CACb;UAAA,EAAE,EAAE,CACJ;UAAA,CAAC,EAAE,CACD;YAAA,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CACtB;;YACF,EAAE,SAAS,CACb;UAAA,EAAE,EAAE,CACJ;UAAA,CAAC,EAAE,CACD;YAAA,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,uBAAuB,EAAE,SAAS,CAC7D;UAAA,EAAE,EAAE,CACN;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,GAAG,CAEL;;MAAA,CAAC,MAAM,CACL,QAAQ,CAAC,WAAW,CACpB,SAAS,CAAC,SAAS,CACnB,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,QAAQ,CAAC,CAElB;;MACF,EAAE,MAAM,CACV;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepOne.d.ts

@@ -2,7 +2,8 @@ type StepOneProps = {
     qrImage: string;
     nextStep: () => void;
     onCancel: () => void;
+    qrImageAlt?: string;
 };
-export declare function StepOne({ qrImage, nextStep, onCancel }: StepOneProps): import("react").JSX.Element;
+export declare function StepOne({ qrImage, nextStep, onCancel, qrImageAlt, }: StepOneProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=StepOne.d.ts.map

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepOne.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepOne.d.ts","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepOne.tsx"],"names":[],"mappings":"AAIA,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,YAAY,+BA8BpE"}
+{"version":3,"file":"StepOne.d.ts","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepOne.tsx"],"names":[],"mappings":"AAIA,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,GACX,EAAE,YAAY,+BAoCd"}

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepOne.jsx

@@ -1,7 +1,7 @@
 import Image from 'next/image';
 import { Button, Heading, Paragraph } from '../../../01-atoms';
-export function StepOne({ qrImage, nextStep, onCancel }) {
-    return (<div className="flex w-72 flex-col items-center">
+export function StepOne({ qrImage, nextStep, onCancel, qrImageAlt, }) {
+    return (<div className="flex w-72 flex-col items-center text-black dark:text-white">
       <Heading className="mb-2" level="h7">
         Configurar autenticación
       </Heading>
@@ -10,17 +10,17 @@ export function StepOne({ qrImage, nextStep, onCancel }) {
         Escanea el código QR con tu app de autenticación
       </Paragraph>
 
-      <Image src={qrImage} alt="QR Code" width={200} height={200}/>
+      <Image src={qrImage} alt={qrImageAlt ?? ''} width={200} height={200}/>
 
       <Paragraph className="mt-2 text-center" size="body-2">
         Usa Google Authenticator, Microsoft Authenticator o similar
       </Paragraph>
 
-      <Button modifier="principal" className="my-2 w-full" onClick={() => nextStep()}>
+      <Button modifier="principal" className="my-2 w-full" type="button" onClick={() => nextStep()}>
         Verificar
       </Button>
 
-      <Button modifier="second" className="w-[70%]" onClick={onCancel}>
+      <Button modifier="second" className="w-[70%]" type="button" onClick={onCancel}>
         Cancelar
       </Button>
     </div>);

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepOne.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"StepOne.jsx","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepOne.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAS/D,MAAM,UAAU,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAgB;IACnE,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,iCAAiC,CAC9C;MAAA,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAClC;;MACF,EAAE,OAAO,CAET;;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CACvC;;MACF,EAAE,SAAS,CAEX;;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAE3D;;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CACnD;;MACF,EAAE,SAAS,CAEX;;MAAA,CAAC,MAAM,CACL,QAAQ,CAAC,WAAW,CACpB,SAAS,CAAC,aAAa,CACvB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAE1B;;MACF,EAAE,MAAM,CAER;;MAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAC9D;;MACF,EAAE,MAAM,CACV;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"StepOne.jsx","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepOne.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAU/D,MAAM,UAAU,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,GACG;IACb,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,4DAA4D,CACzE;MAAA,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAClC;;MACF,EAAE,OAAO,CAET;;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CACvC;;MACF,EAAE,SAAS,CAEX;;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAEpE;;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CACnD;;MACF,EAAE,SAAS,CAEX;;MAAA,CAAC,MAAM,CACL,QAAQ,CAAC,WAAW,CACpB,SAAS,CAAC,aAAa,CACvB,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAE1B;;MACF,EAAE,MAAM,CAER;;MAAA,CAAC,MAAM,CACL,QAAQ,CAAC,QAAQ,CACjB,SAAS,CAAC,SAAS,CACnB,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,QAAQ,CAAC,CAElB;;MACF,EAAE,MAAM,CACV;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepThree.d.ts

@@ -5,7 +5,9 @@ type StepThreeProps = {
     onCancel: () => void;
     submit: (firstCode: string, secondCode: string) => Promise<undefined> | undefined;
     lengthCode: number;
+    getDigitAriaLabel?: (digit: number) => string;
+    loadingLabel?: string;
 };
-export declare function StepThree({ previousCode, previousStep, nextStep, onCancel, submit, lengthCode, }: StepThreeProps): import("react").JSX.Element;
+export declare function StepThree({ previousCode, previousStep, nextStep, onCancel, submit, lengthCode, getDigitAriaLabel, loadingLabel, }: StepThreeProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=StepThree.d.ts.map

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepThree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepThree.d.ts","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepThree.tsx"],"names":[],"mappings":"AAUA,KAAK,cAAc,GAAG;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CACN,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,KACf,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,UAAc,GACf,EAAE,cAAc,+BA4EhB"}
+{"version":3,"file":"StepThree.d.ts","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepThree.tsx"],"names":[],"mappings":"AAUA,KAAK,cAAc,GAAG;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CACN,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,KACf,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,UAAc,EACd,iBAAiB,EACjB,YAAY,GACb,EAAE,cAAc,+BAyFhB"}

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepThree.jsx

@@ -1,7 +1,7 @@
 import { Button, Heading, OtpInput, Paragraph, Spinner, } from '../../../01-atoms';
 import { useState } from 'react';
 import clsx from 'clsx';
-export function StepThree({ previousCode, previousStep, nextStep, onCancel, submit, lengthCode = 4, }) {
+export function StepThree({ previousCode, previousStep, nextStep, onCancel, submit, lengthCode = 4, getDigitAriaLabel, loadingLabel, }) {
     const [secondCode, setSecondCode] = useState('');
     const [errorMessage, setErrorMessage] = useState('');
     const [isPending, setIsPending] = useState(false);
@@ -18,7 +18,7 @@ export function StepThree({ previousCode, previousStep, nextStep, onCancel, subm
             setIsPending(false);
         });
     };
-    return (<div className="col-1 flex w-72 flex-col items-center">
+    return (<div className="col-1 flex w-72 flex-col items-center text-black dark:text-white">
       <Heading className="mb-4" level="h7">
         Configurar autenticación
       </Heading>
@@ -27,31 +27,31 @@ export function StepThree({ previousCode, previousStep, nextStep, onCancel, subm
         Espera a que cambie el código e ingresa el siguiente
       </Paragraph>
 
-      <div className="bg-lavender-1 my-4 flex flex-col items-center rounded-lg p-4">
+      <div className="bg-lavender-1 dark:bg-lavender-dark-1 my-4 flex flex-col items-center rounded-lg p-4 text-black dark:text-white">
         <Paragraph size="body-2">Código anterior</Paragraph>
-        <Paragraph size="subtitle-1" className="text-lavender mt-2 text-center tracking-[0.2rem]">
+        <Paragraph size="subtitle-1" className="mt-2 text-center tracking-[0.2rem] text-black dark:text-white">
           {previousCode}
         </Paragraph>
       </div>
 
-      <OtpInput label="Codigo de Verificación 2" length={lengthCode} handleSubmit={setSecondCode} error={errorMessage}/>
+      <OtpInput label="Codigo de Verificación 2" length={lengthCode} handleSubmit={setSecondCode} error={errorMessage} className="dark:[&_.text-error]:text-error-1" getDigitAriaLabel={getDigitAriaLabel}/>
 
-      <Button disabled={secondCode?.length < lengthCode || isPending} modifier="principal" className="my-2 w-full" onClick={handleSubmit} aria-disabled={isPending}>
+      <Button disabled={secondCode?.length < lengthCode || isPending} modifier="principal" className="my-2 w-full" type="button" onClick={handleSubmit} aria-disabled={isPending}>
         Verificar y Completar
       </Button>
 
       <div className="flex items-center gap-4">
-        <Button modifier="second" className="min-w-40" onClick={onCancel}>
+        <Button modifier="second" className="min-w-40" type="button" onClick={onCancel}>
           Cancelar
         </Button>
 
-        <Button modifier="second" className="min-w-40" onClick={previousStep}>
+        <Button modifier="second" className="min-w-40" type="button" onClick={previousStep}>
           Atrás
         </Button>
       </div>
 
       <div className={clsx('mt-4 self-center', !isPending && 'invisible opacity-0')}>
-        <Spinner />
+        <Spinner label={loadingLabel}/>
       </div>
     </div>);
 }

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepThree.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"StepThree.jsx","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepThree.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StepThree.jsx","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepThree.tsx"],"names":[],"mappings":"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"}

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepTwo.d.ts

@@ -2,7 +2,8 @@ type StepTwoProps = {
     nextStep: (code?: string) => void;
     previousStep: () => void;
     onCancel: () => void;
+    getDigitAriaLabel?: (digit: number) => string;
 };
-export declare function StepTwo({ nextStep, previousStep, onCancel }: StepTwoProps): import("react").JSX.Element;
+export declare function StepTwo({ nextStep, previousStep, onCancel, getDigitAriaLabel, }: StepTwoProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=StepTwo.d.ts.map

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepTwo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepTwo.d.ts","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepTwo.tsx"],"names":[],"mappings":"AAGA,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAsCzE"}
+{"version":3,"file":"StepTwo.d.ts","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepTwo.tsx"],"names":[],"mappings":"AAGA,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,iBAAiB,GAClB,EAAE,YAAY,+BAkDd"}

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepTwo.jsx

@@ -1,8 +1,8 @@
 import { useState } from 'react';
 import { Button, Heading, OtpInput, Paragraph } from '../../../01-atoms';
-export function StepTwo({ nextStep, previousStep, onCancel }) {
+export function StepTwo({ nextStep, previousStep, onCancel, getDigitAriaLabel, }) {
     const [code, setCode] = useState('');
-    return (<div className="flex w-72 flex-col items-center">
+    return (<div className="flex w-72 flex-col items-center text-black dark:text-white">
       <Heading className="mb-4" level="h7">
         Configurar autenticación
       </Heading>
@@ -11,18 +11,18 @@ export function StepTwo({ nextStep, previousStep, onCancel }) {
         Ingresa el primer código de tu Authenticator.
       </Paragraph>
 
-      <OtpInput label="Codigo de Verificación 1" length={6} handleSubmit={(otp) => setCode(otp)}/>
+      <OtpInput label="Codigo de Verificación 1" length={6} handleSubmit={(otp) => setCode(otp)} getDigitAriaLabel={getDigitAriaLabel}/>
 
-      <Button modifier="principal" className="my-2 w-full" onClick={() => nextStep(code)} disabled={code.length < 6}>
+      <Button modifier="principal" className="my-2 w-full" type="button" onClick={() => nextStep(code)} disabled={code.length < 6}>
         Continuar
       </Button>
 
       <div className="flex items-center gap-4">
-        <Button modifier="second" className="min-w-40" onClick={onCancel}>
+        <Button modifier="second" className="min-w-40" type="button" onClick={onCancel}>
           Cancelar
         </Button>
 
-        <Button modifier="second" className="min-w-40" onClick={previousStep}>
+        <Button modifier="second" className="min-w-40" type="button" onClick={previousStep}>
           Atrás
         </Button>
       </div>

package/dist/components/04-templates/LoginTemplate/SetupMfa/StepTwo.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"StepTwo.jsx","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepTwo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAQzE,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAgB;IACxE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC7C,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,iCAAiC,CAC9C;MAAA,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAClC;;MACF,EAAE,OAAO,CAET;;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CACvC;;MACF,EAAE,SAAS,CAEX;;MAAA,CAAC,QAAQ,CACP,KAAK,CAAC,0BAA0B,CAChC,MAAM,CAAC,CAAC,CAAC,CAAC,CACV,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAGtC;;MAAA,CAAC,MAAM,CACL,QAAQ,CAAC,WAAW,CACpB,SAAS,CAAC,aAAa,CACvB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAC9B,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAE1B;;MACF,EAAE,MAAM,CAER;;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;QAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAC/D;;QACF,EAAE,MAAM,CAER;;QAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CACnE;;QACF,EAAE,MAAM,CACV;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"StepTwo.jsx","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/StepTwo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AASzE,MAAM,UAAU,OAAO,CAAC,EACtB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,iBAAiB,GACJ;IACb,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC7C,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,4DAA4D,CACzE;MAAA,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAClC;;MACF,EAAE,OAAO,CAET;;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CACvC;;MACF,EAAE,SAAS,CAEX;;MAAA,CAAC,QAAQ,CACP,KAAK,CAAC,0BAA0B,CAChC,MAAM,CAAC,CAAC,CAAC,CAAC,CACV,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CACpC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EAGvC;;MAAA,CAAC,MAAM,CACL,QAAQ,CAAC,WAAW,CACpB,SAAS,CAAC,aAAa,CACvB,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAC9B,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAE1B;;MACF,EAAE,MAAM,CAER;;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;QAAA,CAAC,MAAM,CACL,QAAQ,CAAC,QAAQ,CACjB,SAAS,CAAC,UAAU,CACpB,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,QAAQ,CAAC,CAElB;;QACF,EAAE,MAAM,CAER;;QAAA,CAAC,MAAM,CACL,QAAQ,CAAC,QAAQ,CACjB,SAAS,CAAC,UAAU,CACpB,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,YAAY,CAAC,CAEtB;;QACF,EAAE,MAAM,CACV;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/04-templates/LoginTemplate/SetupMfa/index.d.ts

@@ -1,9 +1,19 @@
+import { type ReactNode } from 'react';
+export type SetupMfaAccessibilityLabels = {
+    sectionLabel?: (currentStep: number, totalSteps: number) => string;
+    stepStatusLabel?: (currentStep: number, totalSteps: number) => string;
+    firstCodeDigitLabel?: (digit: number) => string;
+    secondCodeDigitLabel?: (digit: number) => string;
+    loadingLabel?: string;
+    qrImageAlt?: string;
+};
 type SetupMfaProps = {
     qrImage: string;
     onCancel: () => void;
     lengthCode?: number;
     setupMfa: (firstCode: string, secondCode: string) => Promise<undefined> | undefined;
+    accessibilityLabels?: SetupMfaAccessibilityLabels;
 };
-export declare function SetupMfa({ qrImage, onCancel, setupMfa, lengthCode, }: SetupMfaProps): import("react").JSX.Element;
+export declare function SetupMfa({ qrImage, onCancel, setupMfa, lengthCode, accessibilityLabels, }: SetupMfaProps): ReactNode;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/04-templates/LoginTemplate/SetupMfa/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/index.tsx"],"names":[],"mappings":"AAMA,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CACR,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,KACf,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;CACrC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAc,GACf,EAAE,aAAa,+BAkEf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAOjD,MAAM,MAAM,2BAA2B,GAAG;IACxC,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACnE,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACtE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CACR,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,KACf,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACpC,mBAAmB,CAAC,EAAE,2BAA2B,CAAC;CACnD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAc,EACd,mBAAmB,GACpB,EAAE,aAAa,GAAG,SAAS,CAkF3B"}

package/dist/components/04-templates/LoginTemplate/SetupMfa/index.jsx

@@ -1,9 +1,10 @@
 import { useState } from 'react';
+import { Show } from '../../../00-base';
 import { StepOne } from './StepOne';
 import { StepTwo } from './StepTwo';
 import { StepThree } from './StepThree';
 import { StepFour } from './StepFour';
-export function SetupMfa({ qrImage, onCancel, setupMfa, lengthCode = 6, }) {
+export function SetupMfa({ qrImage, onCancel, setupMfa, lengthCode = 6, accessibilityLabels, }) {
     const [currentStep, setCurrentStep] = useState(1);
     const [firstCode, setFirstCode] = useState('');
     const handleNextWithCode = (code) => {
@@ -25,17 +26,26 @@ export function SetupMfa({ qrImage, onCancel, setupMfa, lengthCode = 6, }) {
     const renderStep = () => {
         switch (currentStep) {
             case 1:
-                return (<StepOne qrImage={qrImage} nextStep={handleNextWithCode} onCancel={handleCancel}/>);
+                return (<StepOne qrImage={qrImage} nextStep={handleNextWithCode} onCancel={handleCancel} qrImageAlt={accessibilityLabels?.qrImageAlt}/>);
             case 2:
-                return (<StepTwo onCancel={handleCancel} nextStep={handleNextWithCode} previousStep={handlePreviousStep}/>);
+                return (<StepTwo onCancel={handleCancel} nextStep={handleNextWithCode} previousStep={handlePreviousStep} getDigitAriaLabel={accessibilityLabels?.firstCodeDigitLabel}/>);
             case 3:
-                return (<StepThree previousCode={firstCode} previousStep={handlePreviousStep} nextStep={handleNextWithCode} submit={handleSubmit} lengthCode={lengthCode} onCancel={handleCancel}/>);
+                return (<StepThree previousCode={firstCode} previousStep={handlePreviousStep} nextStep={handleNextWithCode} submit={handleSubmit} lengthCode={lengthCode} onCancel={handleCancel} getDigitAriaLabel={accessibilityLabels?.secondCodeDigitLabel} loadingLabel={accessibilityLabels?.loadingLabel}/>);
             case 4:
                 return <StepFour onFinish={handleCancel}/>;
             default:
-                return (<StepOne qrImage={qrImage} nextStep={handleNextWithCode} onCancel={handleCancel}/>);
+                return (<StepOne qrImage={qrImage} nextStep={handleNextWithCode} onCancel={handleCancel} qrImageAlt={accessibilityLabels?.qrImageAlt}/>);
         }
     };
-    return <>{renderStep()}</>;
+    return (<section aria-label={accessibilityLabels?.sectionLabel?.(currentStep, 4)}>
+      <Show>
+        <Show.When isTrue={Boolean(accessibilityLabels?.stepStatusLabel)}>
+          <span role="status" className="sr-only">
+            {accessibilityLabels?.stepStatusLabel?.(currentStep, 4)}
+          </span>
+        </Show.When>
+      </Show>
+      {renderStep()}
+    </section>);
 }
 //# sourceMappingURL=index.jsx.map

package/dist/components/04-templates/LoginTemplate/SetupMfa/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAYtC,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,GAAG,CAAC,GACA;IACd,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEvD,MAAM,kBAAkB,GAAG,CAAC,IAAa,EAAE,EAAE;QAC3C,IAAI,IAAI;YAAE,YAAY,CAAC,IAAI,CAAC,CAAC;QAC7B,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,cAAc,CAAC,CAAC,CAAC,CAAC;QAClB,YAAY,CAAC,EAAE,CAAC,CAAC;QACjB,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAE,EAAE;QAC7D,OAAO,QAAQ,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,CAAC;gBACJ,OAAO,CACL,CAAC,OAAO,CACN,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,kBAAkB,CAAC,CAC7B,QAAQ,CAAC,CAAC,YAAY,CAAC,EACvB,CACH,CAAC;YACJ,KAAK,CAAC;gBACJ,OAAO,CACL,CAAC,OAAO,CACN,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,QAAQ,CAAC,CAAC,kBAAkB,CAAC,CAC7B,YAAY,CAAC,CAAC,kBAAkB,CAAC,EACjC,CACH,CAAC;YACJ,KAAK,CAAC;gBACJ,OAAO,CACL,CAAC,SAAS,CACR,YAAY,CAAC,CAAC,SAAS,CAAC,CACxB,YAAY,CAAC,CAAC,kBAAkB,CAAC,CACjC,QAAQ,CAAC,CAAC,kBAAkB,CAAC,CAC7B,MAAM,CAAC,CAAC,YAAY,CAAC,CACrB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,QAAQ,CAAC,CAAC,YAAY,CAAC,EACvB,CACH,CAAC;YACJ,KAAK,CAAC;gBACJ,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,EAAG,CAAC;YAC9C;gBACE,OAAO,CACL,CAAC,OAAO,CACN,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,kBAAkB,CAAC,CAC7B,QAAQ,CAAC,CAAC,YAAY,CAAC,EACvB,CACH,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC;AAC7B,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/components/04-templates/LoginTemplate/SetupMfa/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/04-templates/SideFilterTemplate/SideFilterTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideFilterTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/SideFilterTemplate/SideFilterTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAM5C,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,GAAG,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACnD,MAAM,EAAE,GAAG,CAAC;CACb,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,MAAM,EACN,YAAY,GACb,EAAE,uBAAuB,GAAG,SAAS,CA4CrC"}
+{"version":3,"file":"SideFilterTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/SideFilterTemplate/SideFilterTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAM5C,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,GAAG,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACnD,MAAM,EAAE,GAAG,CAAC;CACb,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,MAAM,EACN,YAAY,GACb,EAAE,uBAAuB,GAAG,SAAS,CAgDrC"}

package/dist/components/04-templates/SideFilterTemplate/SideFilterTemplate.jsx

@@ -28,9 +28,11 @@ import { AsideFilters } from '../../03-organisms';
 export function SideFilterTemplate({ filterCount, handleSetFilter, handledClearFilter, config, valuesFilter, }) {
     const [isOpen, setIsOpen] = useState(false);
     return (<>
-      <div className="flex items-center gap-2">
-        {Boolean(filterCount) && (<Paragraph size="chips">{filterCount} Filtros activos</Paragraph>)}
-        <Button modifier="text" iconL={<HiAdjustmentsHorizontal />} onClick={() => setIsOpen(true)}>
+      <div className="flex items-center gap-2 text-black dark:text-white">
+        {Boolean(filterCount) && (<Paragraph size="chips" aria-live="polite">
+            {filterCount} Filtros activos
+          </Paragraph>)}
+        <Button modifier="text" iconL={<HiAdjustmentsHorizontal />} onClick={() => setIsOpen(true)} aria-expanded={isOpen} aria-haspopup="dialog">
           Filtros
         </Button>
       </div>

package/dist/components/04-templates/SideFilterTemplate/SideFilterTemplate.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"SideFilterTemplate.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/SideFilterTemplate/SideFilterTemplate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAUlD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,MAAM,EACN,YAAY,GACY;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,EACE;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;QAAA,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CACvB,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,WAAW,CAAE,gBAAe,EAAE,SAAS,CAAC,CAClE,CACD;QAAA,CAAC,MAAM,CACL,QAAQ,CAAC,MAAM,CACf,KAAK,CAAC,CAAC,CAAC,uBAAuB,CAAC,AAAD,EAAG,CAAC,CACnC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAE/B;;QACF,EAAE,MAAM,CACV;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,CAAC,CAAC,MAAM;YACP,YAAY,CACV,CAAC,YAAY,CACX,KAAK,CAAC,SAAS,CACf,aAAa,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CACtC,MAAM,CAAC,CAAC;oBACN,kBAAkB,EAAE,kBAAkB;oBACtC,YAAY,EAAE;wBACZ,IAAI,EAAE,iBAAiB;wBACvB,QAAQ,EAAE,eAAe;qBAC1B;oBACD,WAAW,EAAE;wBACX,IAAI,EAAE,SAAS;wBACf,QAAQ,EAAE,kBAAkB;qBAC7B;oBACD,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE;wBACxB,IAAI,YAAY,EAAE,CAAC;4BACjB,YAAY,CAAC,IAAI,CAAC,CAAC;wBACrB,CAAC;oBACH,CAAC;oBACD,MAAM,EAAE,MAAM;iBACf,CAAC,EACF,EACF,QAAQ,CAAC,IAAI,CACd,CACL;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SideFilterTemplate.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/SideFilterTemplate/SideFilterTemplate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAUlD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,MAAM,EACN,YAAY,GACY;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,EACE;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,oDAAoD,CACjE;QAAA,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CACvB,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CACxC;YAAA,CAAC,WAAW,CAAE;UAChB,EAAE,SAAS,CAAC,CACb,CACD;QAAA,CAAC,MAAM,CACL,QAAQ,CAAC,MAAM,CACf,KAAK,CAAC,CAAC,CAAC,uBAAuB,CAAC,AAAD,EAAG,CAAC,CACnC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAC/B,aAAa,CAAC,CAAC,MAAM,CAAC,CACtB,aAAa,CAAC,QAAQ,CAEtB;;QACF,EAAE,MAAM,CACV;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,CAAC,CAAC,MAAM;YACP,YAAY,CACV,CAAC,YAAY,CACX,KAAK,CAAC,SAAS,CACf,aAAa,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CACtC,MAAM,CAAC,CAAC;oBACN,kBAAkB,EAAE,kBAAkB;oBACtC,YAAY,EAAE;wBACZ,IAAI,EAAE,iBAAiB;wBACvB,QAAQ,EAAE,eAAe;qBAC1B;oBACD,WAAW,EAAE;wBACX,IAAI,EAAE,SAAS;wBACf,QAAQ,EAAE,kBAAkB;qBAC7B;oBACD,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE;wBACxB,IAAI,YAAY,EAAE,CAAC;4BACjB,YAAY,CAAC,IAAI,CAAC,CAAC;wBACrB,CAAC;oBACH,CAAC;oBACD,MAAM,EAAE,MAAM;iBACf,CAAC,EACF,EACF,QAAQ,CAAC,IAAI,CACd,CACL;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC"}

package/dist/hooks/index.d.ts

@@ -1,4 +1,6 @@
 export { useSegments } from './useSegments';
 export { setFilterStore } from './useFilterStore';
 export type { TConfigFilter, TFilterState } from './useFilterStore';
+export { ThemeProvider, ThemeScript, useTheme } from './useTheme';
+export type { ResolvedTheme, Theme } from './useTheme';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

package/dist/hooks/index.js

@@ -1,3 +1,4 @@
 export { useSegments } from './useSegments';
 export { setFilterStore } from './useFilterStore';
+export { ThemeProvider, ThemeScript, useTheme } from './useTheme';
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export type Theme = 'light' | 'dark' | 'system';
+export type ResolvedTheme = Exclude<Theme, 'system'>;
+type ThemeContextValue = {
+    theme: Theme;
+    resolvedTheme: ResolvedTheme;
+    setTheme: (theme: Theme) => void;
+};
+type ThemeProviderProps = {
+    children: ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+};
+type ThemeScriptProps = Pick<ThemeProviderProps, 'defaultTheme' | 'storageKey'> & {
+    nonce?: string;
+};
+export declare function ThemeProvider({ children, defaultTheme, storageKey, }: ThemeProviderProps): ReactNode;
+export declare function useTheme(): ThemeContextValue;
+export declare function ThemeScript({ defaultTheme, storageKey, nonce, }: ThemeScriptProps): ReactNode;
+export {};
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,SAAS,EAMV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAErD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAC1B,kBAAkB,EAClB,cAAc,GAAG,YAAY,CAC9B,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA6BF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAA4B,EAC5B,UAAgC,GACjC,EAAE,kBAAkB,GAAG,SAAS,CAoEhC;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAQ5C;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAA4B,EAC5B,UAAgC,EAChC,KAAK,GACN,EAAE,gBAAgB,GAAG,SAAS,CAU9B"}