@adam-milo/ui 1.0.131 → 1.0.133

package/dist/index122.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.colorStyles={action:"text-[var(--color-action)]",orange:"text-[var(--color-button-orange)]",white:"text-[var(--color-card)]",text:"text-[var(--color-text)]",teal:"text-[var(--color-dialog-icon-teal)]"},exports.rootStyles="inline-flex items-center justify-center",exports.sizeStyles={sm:"w-4 h-4",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-12 h-12",verify:"w-[7.875rem] h-[7.875rem] shrink-0 aspect-square"},exports.svgStyles="animate-spin w-full h-full";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.colorStyles={action:"text-[var(--color-action)]",orange:"text-[var(--color-button-orange)]",white:"text-[var(--color-card)]",text:"text-[var(--color-text)]",teal:"text-[var(--color-dialog-icon-teal)]",gray:"text-[var(--color-system-text)]"},exports.rootStyles="inline-flex items-center justify-center",exports.sizeStyles={sm:"w-4 h-4",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-12 h-12",verify:"w-[7.875rem] h-[7.875rem] shrink-0 aspect-square"},exports.svgStyles="animate-spin w-full h-full";

package/dist/index122.js

@@ -1 +1 @@
-const t={sm:"w-4 h-4",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-12 h-12",verify:"w-[7.875rem] h-[7.875rem] shrink-0 aspect-square"},e={action:"text-[var(--color-action)]",orange:"text-[var(--color-button-orange)]",white:"text-[var(--color-card)]",text:"text-[var(--color-text)]",teal:"text-[var(--color-dialog-icon-teal)]"},r="inline-flex items-center justify-center",o="animate-spin w-full h-full";export{e as colorStyles,r as rootStyles,t as sizeStyles,o as svgStyles};
+const t={sm:"w-4 h-4",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-12 h-12",verify:"w-[7.875rem] h-[7.875rem] shrink-0 aspect-square"},e={action:"text-[var(--color-action)]",orange:"text-[var(--color-button-orange)]",white:"text-[var(--color-card)]",text:"text-[var(--color-text)]",teal:"text-[var(--color-dialog-icon-teal)]",gray:"text-[var(--color-system-text)]"},r="inline-flex items-center justify-center",o="animate-spin w-full h-full";export{e as colorStyles,r as rootStyles,t as sizeStyles,o as svgStyles};

package/dist/index16.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index67.cjs"),r=require("./index82.cjs"),l=t.forwardRef(({length:l=4,label:s,value:i="",onChange:n,onComplete:c,error:d,helperText:o,disabled:u=!1,autoFocus:p=!1,fullWidth:f=!1,centered:y=!1,type:b="numeric",size:g="lg",required:h=!1,className:m,"data-cy":$,"data-testid":v},x)=>{const S=t.useId(),k=`${S}-label`,D=`${S}-error`,j=`${S}-helper`,C=$||"otp-input",w=v||"otp-input",A="sm"===g?r.digitSizeSmStyles:r.digitSizeLgStyles,I=t.useRef([]),[N,E]=t.useState(()=>i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l));t.useEffect(()=>{const e=i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l);E(e)},[i,l]);const q=t.useCallback(e=>"numeric"===b?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[b]),z=t.useCallback(e=>{E(e);const t=e.join("");n?.(t),e.every(e=>""!==e)&&e.length===l&&c?.(t)},[n,c,l]),P=t.useCallback(e=>{const t=I.current[e];t&&(t.focus(),t.select())},[]),T=t.useCallback((e,t)=>{const a=t.target.value;if(1===a.length&&q(a)){const t=[...N];t[e]=a,z(t),e<l-1&&P(e+1)}else if(a.length>1){const t=a.split("").filter(q),r=[...N];t.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),z(r);const s=r.findIndex(e=>""===e);P(-1===s?l-1:s)}},[N,l,q,z,P]),B=t.useCallback((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),N[e]){const t=[...N];t[e]="",z(t)}else if(e>0){const t=[...N];t[e-1]="",z(t),P(e-1)}break;case"Delete":if(t.preventDefault(),N[e]){const t=[...N];t[e]="",z(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&P(e-1);break;case"ArrowRight":t.preventDefault(),e<l-1&&P(e+1);break;case"Home":t.preventDefault(),P(0);break;case"End":t.preventDefault(),P(l-1);break;default:if(1===t.key.length&&q(t.key)){t.preventDefault();const a=[...N];a[e]=t.key,z(a),e<l-1&&P(e+1)}}},[N,l,q,z,P]),O=t.useCallback((e,t)=>{t.preventDefault();const a=t.clipboardData.getData("text").split("").filter(q);if(0===a.length)return;const r=[...N];a.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),z(r);const s=r.findIndex(e=>""===e);P(-1===s?l-1:s)},[N,l,q,z,P]),F=t.useCallback(e=>{e.target.select()},[]);return t.useImperativeHandle(x,()=>({focus:()=>{const e=N.findIndex(e=>""===e);P(-1===e?l-1:e)},clear:()=>{const e=Array(l).fill("");z(e),P(0)},getValue:()=>N.join("")}),[N,l,P,z]),t.useEffect(()=>{p&&!u&&P(0)},[p,u,P]),e.jsxs("div",{className:a.cn(r.wrapperStyles,f&&r.wrapperFullWidthStyles,m),"data-cy":`${C}-wrapper`,"data-testid":`${w}-wrapper`,children:[s&&e.jsx("label",{id:k,className:a.cn(r.labelBaseStyles,d&&r.labelErrorStyles,u&&r.labelDisabledStyles),"data-cy":`${C}-label`,"data-testid":`${w}-label`,children:s}),e.jsx("div",{className:a.cn(r.containerBaseStyles,y&&r.containerCenteredStyles),role:"group","aria-labelledby":s?k:void 0,"aria-label":s?void 0:"OTP Input","data-cy":`${C}-container`,"data-testid":`${w}-container`,children:Array.from({length:l},(t,s)=>e.jsx("input",{ref:e=>{I.current[s]=e},type:"text",inputMode:"numeric"===b?"numeric":"text",pattern:"numeric"===b?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:N[s]||"",onChange:e=>T(s,e),onKeyDown:e=>B(s,e),onPaste:e=>O(s,e),onFocus:F,disabled:u,required:h,"aria-label":`Digit ${s+1} of ${l}`,"aria-invalid":d?"true":"false","aria-describedby":d?D:o?j:void 0,className:a.cn(r.digitBaseStyles,A,d&&r.digitErrorStyles),"data-otp-digit":!0,"data-cy":`${C}-digit-${s}`,"data-testid":`${w}-digit-${s}`,autoComplete:"one-time-code"},s))}),d&&e.jsx("span",{id:D,className:r.errorStyles,role:"alert","data-cy":`${C}-error`,"data-testid":`${w}-error`,children:d}),o&&!d&&e.jsx("span",{id:j,className:r.helperStyles,"data-cy":`${C}-helper`,"data-testid":`${w}-helper`,children:o})]})});l.displayName="OTPInput",exports.OTPInput=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index67.cjs"),l=require("./index82.cjs"),r=t.forwardRef(({length:r=4,label:s,value:i="",onChange:n,onComplete:c,error:d,helperText:o,disabled:u=!1,autoFocus:p=!1,fullWidth:f=!1,centered:y=!1,type:b="numeric",size:g="lg",required:h=!1,className:m,"data-cy":S,"data-testid":$},v)=>{const x=t.useId(),k=`${x}-label`,D=`${x}-error`,j=`${x}-helper`,C=S||"otp-input",w=$||"otp-input",A="sm"===g?l.digitSizeSmStyles:l.digitSizeLgStyles,I="sm"===g?l.digitFullWidthSmStyles:l.digitFullWidthLgStyles,N=t.useRef([]),[E,q]=t.useState(()=>i.split("").slice(0,r).concat(Array(r).fill("")).slice(0,r));t.useEffect(()=>{const e=i.split("").slice(0,r).concat(Array(r).fill("")).slice(0,r);q(e)},[i,r]);const F=t.useCallback(e=>"numeric"===b?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[b]),z=t.useCallback(e=>{q(e);const t=e.join("");n?.(t),e.every(e=>""!==e)&&e.length===r&&c?.(t)},[n,c,r]),P=t.useCallback(e=>{const t=N.current[e];t&&(t.focus(),t.select())},[]),T=t.useCallback((e,t)=>{const a=t.target.value;if(1===a.length&&F(a)){const t=[...E];t[e]=a,z(t),e<r-1&&P(e+1)}else if(a.length>1){const t=a.split("").filter(F),l=[...E];t.forEach((t,a)=>{e+a<r&&(l[e+a]=t)}),z(l);const s=l.findIndex(e=>""===e);P(-1===s?r-1:s)}},[E,r,F,z,P]),W=t.useCallback((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),E[e]){const t=[...E];t[e]="",z(t)}else if(e>0){const t=[...E];t[e-1]="",z(t),P(e-1)}break;case"Delete":if(t.preventDefault(),E[e]){const t=[...E];t[e]="",z(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&P(e-1);break;case"ArrowRight":t.preventDefault(),e<r-1&&P(e+1);break;case"Home":t.preventDefault(),P(0);break;case"End":t.preventDefault(),P(r-1);break;default:if(1===t.key.length&&F(t.key)){t.preventDefault();const a=[...E];a[e]=t.key,z(a),e<r-1&&P(e+1)}}},[E,r,F,z,P]),B=t.useCallback((e,t)=>{t.preventDefault();const a=t.clipboardData.getData("text").split("").filter(F);if(0===a.length)return;const l=[...E];a.forEach((t,a)=>{e+a<r&&(l[e+a]=t)}),z(l);const s=l.findIndex(e=>""===e);P(-1===s?r-1:s)},[E,r,F,z,P]),L=t.useCallback(e=>{e.target.select()},[]);return t.useImperativeHandle(v,()=>({focus:()=>{const e=E.findIndex(e=>""===e);P(-1===e?r-1:e)},clear:()=>{const e=Array(r).fill("");z(e),P(0)},getValue:()=>E.join("")}),[E,r,P,z]),t.useEffect(()=>{p&&!u&&P(0)},[p,u,P]),e.jsxs("div",{className:a.cn(l.wrapperStyles,f&&l.wrapperFullWidthStyles,m),"data-cy":`${C}-wrapper`,"data-testid":`${w}-wrapper`,children:[s&&e.jsx("label",{id:k,className:a.cn(l.labelBaseStyles,d&&l.labelErrorStyles,u&&l.labelDisabledStyles),"data-cy":`${C}-label`,"data-testid":`${w}-label`,children:s}),e.jsx("div",{className:a.cn(l.containerBaseStyles,f?l.containerFullWidthStyles:l.containerGapStyles,y&&l.containerCenteredStyles),role:"group","aria-labelledby":s?k:void 0,"aria-label":s?void 0:"OTP Input","data-cy":`${C}-container`,"data-testid":`${w}-container`,children:Array.from({length:r},(t,s)=>e.jsx("input",{ref:e=>{N.current[s]=e},type:"text",inputMode:"numeric"===b?"numeric":"text",pattern:"numeric"===b?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:E[s]||"",onChange:e=>T(s,e),onKeyDown:e=>W(s,e),onPaste:e=>B(s,e),onFocus:L,disabled:u,required:h,"aria-label":`Digit ${s+1} of ${r}`,"aria-invalid":d?"true":"false","aria-describedby":d?D:o?j:void 0,className:a.cn(l.digitBaseStyles,f?I:A,d&&l.digitErrorStyles),"data-otp-digit":!0,"data-cy":`${C}-digit-${s}`,"data-testid":`${w}-digit-${s}`,autoComplete:"one-time-code"},s))}),d&&e.jsx("span",{id:D,className:l.errorStyles,role:"alert","data-cy":`${C}-error`,"data-testid":`${w}-error`,children:d}),o&&!d&&e.jsx("span",{id:j,className:l.helperStyles,"data-cy":`${C}-helper`,"data-testid":`${w}-helper`,children:o})]})});r.displayName="OTPInput",exports.OTPInput=r;

package/dist/index16.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useId as r,useRef as i,useState as l,useEffect as n,useCallback as c,useImperativeHandle as s}from"react";import{cn as o}from"./index67.js";import{errorStyles as d,helperStyles as p,labelDisabledStyles as u,labelErrorStyles as f,labelBaseStyles as m,digitErrorStyles as h,digitSizeSmStyles as y,digitSizeLgStyles as g,digitBaseStyles as $,containerCenteredStyles as b,containerBaseStyles as v,wrapperFullWidthStyles as D,wrapperStyles as x}from"./index82.js";const k=a(({length:a=4,label:k,value:A="",onChange:N,onComplete:w,error:j,helperText:I,disabled:C=!1,autoFocus:z=!1,fullWidth:E=!1,centered:P=!1,type:T="numeric",size:q="lg",required:F=!1,className:L,"data-cy":O,"data-testid":Z},B)=>{const H=r(),K=`${H}-label`,M=`${H}-error`,R=`${H}-helper`,V=O||"otp-input",W=Z||"otp-input",G="sm"===q?y:g,J=i([]),[Q,S]=l(()=>A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));n(()=>{const e=A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);S(e)},[A,a]);const U=c(e=>"numeric"===T?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[T]),X=c(e=>{S(e);const t=e.join("");N?.(t),e.every(e=>""!==e)&&e.length===a&&w?.(t)},[N,w,a]),Y=c(e=>{const t=J.current[e];t&&(t.focus(),t.select())},[]),_=c((e,t)=>{const r=t.target.value;if(1===r.length&&U(r)){const t=[...Q];t[e]=r,X(t),e<a-1&&Y(e+1)}else if(r.length>1){const t=r.split("").filter(U),i=[...Q];t.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),X(i);const l=i.findIndex(e=>""===e);Y(-1===l?a-1:l)}},[Q,a,U,X,Y]),ee=c((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),Q[e]){const t=[...Q];t[e]="",X(t)}else if(e>0){const t=[...Q];t[e-1]="",X(t),Y(e-1)}break;case"Delete":if(t.preventDefault(),Q[e]){const t=[...Q];t[e]="",X(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&Y(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&Y(e+1);break;case"Home":t.preventDefault(),Y(0);break;case"End":t.preventDefault(),Y(a-1);break;default:if(1===t.key.length&&U(t.key)){t.preventDefault();const r=[...Q];r[e]=t.key,X(r),e<a-1&&Y(e+1)}}},[Q,a,U,X,Y]),te=c((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(U);if(0===r.length)return;const i=[...Q];r.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),X(i);const l=i.findIndex(e=>""===e);Y(-1===l?a-1:l)},[Q,a,U,X,Y]),ae=c(e=>{e.target.select()},[]);return s(B,()=>({focus:()=>{const e=Q.findIndex(e=>""===e);Y(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");X(e),Y(0)},getValue:()=>Q.join("")}),[Q,a,Y,X]),n(()=>{z&&!C&&Y(0)},[z,C,Y]),/* @__PURE__ */e("div",{className:o(x,E&&D,L),"data-cy":`${V}-wrapper`,"data-testid":`${W}-wrapper`,children:[k&&/* @__PURE__ */t("label",{id:K,className:o(m,j&&f,C&&u),"data-cy":`${V}-label`,"data-testid":`${W}-label`,children:k}),
-/* @__PURE__ */t("div",{className:o(v,P&&b),role:"group","aria-labelledby":k?K:void 0,"aria-label":k?void 0:"OTP Input","data-cy":`${V}-container`,"data-testid":`${W}-container`,children:Array.from({length:a},(e,r)=>/* @__PURE__ */t("input",{ref:e=>{J.current[r]=e},type:"text",inputMode:"numeric"===T?"numeric":"text",pattern:"numeric"===T?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:Q[r]||"",onChange:e=>_(r,e),onKeyDown:e=>ee(r,e),onPaste:e=>te(r,e),onFocus:ae,disabled:C,required:F,"aria-label":`Digit ${r+1} of ${a}`,"aria-invalid":j?"true":"false","aria-describedby":j?M:I?R:void 0,className:o($,G,j&&h),"data-otp-digit":!0,"data-cy":`${V}-digit-${r}`,"data-testid":`${W}-digit-${r}`,autoComplete:"one-time-code"},r))}),j&&/* @__PURE__ */t("span",{id:M,className:d,role:"alert","data-cy":`${V}-error`,"data-testid":`${W}-error`,children:j}),I&&!j&&/* @__PURE__ */t("span",{id:R,className:p,"data-cy":`${V}-helper`,"data-testid":`${W}-helper`,children:I})]})});k.displayName="OTPInput";export{k as OTPInput};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useId as r,useRef as i,useState as l,useEffect as n,useCallback as s,useImperativeHandle as c}from"react";import{cn as o}from"./index67.js";import{errorStyles as d,helperStyles as p,labelDisabledStyles as u,labelErrorStyles as f,labelBaseStyles as m,digitErrorStyles as h,digitFullWidthSmStyles as y,digitFullWidthLgStyles as g,digitSizeSmStyles as $,digitSizeLgStyles as b,digitBaseStyles as v,containerCenteredStyles as D,containerFullWidthStyles as x,containerGapStyles as k,containerBaseStyles as A,wrapperFullWidthStyles as N,wrapperStyles as w}from"./index82.js";const j=a(({length:a=4,label:j,value:I="",onChange:C,onComplete:z,error:E,helperText:P,disabled:T=!1,autoFocus:q=!1,fullWidth:F=!1,centered:L=!1,type:O="numeric",size:Z="lg",required:B=!1,className:H,"data-cy":K,"data-testid":M},R)=>{const V=r(),W=`${V}-label`,G=`${V}-error`,J=`${V}-helper`,Q=K||"otp-input",S=M||"otp-input",U="sm"===Z?$:b,X="sm"===Z?y:g,Y=i([]),[_,ee]=l(()=>I.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));n(()=>{const e=I.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);ee(e)},[I,a]);const te=s(e=>"numeric"===O?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[O]),ae=s(e=>{ee(e);const t=e.join("");C?.(t),e.every(e=>""!==e)&&e.length===a&&z?.(t)},[C,z,a]),re=s(e=>{const t=Y.current[e];t&&(t.focus(),t.select())},[]),ie=s((e,t)=>{const r=t.target.value;if(1===r.length&&te(r)){const t=[..._];t[e]=r,ae(t),e<a-1&&re(e+1)}else if(r.length>1){const t=r.split("").filter(te),i=[..._];t.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),ae(i);const l=i.findIndex(e=>""===e);re(-1===l?a-1:l)}},[_,a,te,ae,re]),le=s((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),_[e]){const t=[..._];t[e]="",ae(t)}else if(e>0){const t=[..._];t[e-1]="",ae(t),re(e-1)}break;case"Delete":if(t.preventDefault(),_[e]){const t=[..._];t[e]="",ae(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&re(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&re(e+1);break;case"Home":t.preventDefault(),re(0);break;case"End":t.preventDefault(),re(a-1);break;default:if(1===t.key.length&&te(t.key)){t.preventDefault();const r=[..._];r[e]=t.key,ae(r),e<a-1&&re(e+1)}}},[_,a,te,ae,re]),ne=s((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(te);if(0===r.length)return;const i=[..._];r.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),ae(i);const l=i.findIndex(e=>""===e);re(-1===l?a-1:l)},[_,a,te,ae,re]),se=s(e=>{e.target.select()},[]);return c(R,()=>({focus:()=>{const e=_.findIndex(e=>""===e);re(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");ae(e),re(0)},getValue:()=>_.join("")}),[_,a,re,ae]),n(()=>{q&&!T&&re(0)},[q,T,re]),/* @__PURE__ */e("div",{className:o(w,F&&N,H),"data-cy":`${Q}-wrapper`,"data-testid":`${S}-wrapper`,children:[j&&/* @__PURE__ */t("label",{id:W,className:o(m,E&&f,T&&u),"data-cy":`${Q}-label`,"data-testid":`${S}-label`,children:j}),
+/* @__PURE__ */t("div",{className:o(A,F?x:k,L&&D),role:"group","aria-labelledby":j?W:void 0,"aria-label":j?void 0:"OTP Input","data-cy":`${Q}-container`,"data-testid":`${S}-container`,children:Array.from({length:a},(e,r)=>/* @__PURE__ */t("input",{ref:e=>{Y.current[r]=e},type:"text",inputMode:"numeric"===O?"numeric":"text",pattern:"numeric"===O?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:_[r]||"",onChange:e=>ie(r,e),onKeyDown:e=>le(r,e),onPaste:e=>ne(r,e),onFocus:se,disabled:T,required:B,"aria-label":`Digit ${r+1} of ${a}`,"aria-invalid":E?"true":"false","aria-describedby":E?G:P?J:void 0,className:o(v,F?X:U,E&&h),"data-otp-digit":!0,"data-cy":`${Q}-digit-${r}`,"data-testid":`${S}-digit-${r}`,autoComplete:"one-time-code"},r))}),E&&/* @__PURE__ */t("span",{id:G,className:d,role:"alert","data-cy":`${Q}-error`,"data-testid":`${S}-error`,children:E}),P&&!E&&/* @__PURE__ */t("span",{id:J,className:p,"data-cy":`${Q}-helper`,"data-testid":`${S}-helper`,children:P})]})});j.displayName="OTPInput";export{j as OTPInput};

package/dist/index3.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),n=require("./index67.cjs"),i=require("./index71.cjs"),s=t.forwardRef(({variant:t,fullWidth:s=!1,icon:r,iconPosition:a="left",className:l,children:c,disabled:o,"data-testid":d,"data-cy":u,...f},x)=>{const y="unstyled"===t?n.cn(s&&"w-full",l):n.cn("no-underline hover:enabled:opacity-90 transition-opacity duration-200",t&&i.baseStyles,t&&i.variantStyles[t],s&&"w-full",l);return e.jsxs("button",{ref:x,disabled:o,className:y,"data-testid":d||(t?`button-${t}`:"button"),"data-cy":u||(t?`button-${t}`:"button"),...f,children:[r&&"left"===a&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:r}),c,r&&"right"===a&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:r})]})});s.displayName="Button",exports.Button=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index67.cjs"),n=require("./index71.cjs"),i=require("./index65.cjs"),s=t.forwardRef(({variant:t,fullWidth:s=!1,icon:o,iconPosition:r="left",loading:l=!1,className:c,children:d,disabled:u,"aria-busy":y,"data-testid":b,"data-cy":p,...f},h)=>{const x="unstyled"===t?a.cn(s&&"w-full",c):a.cn("no-underline hover:enabled:opacity-90 transition-opacity duration-200",t&&n.baseStyles,t&&n.variantStyles[t],s&&"w-full",c),S=t?n.spinnerColorByVariant[t]:"action",j=e.jsx("span",{className:n.iconSlotStyles,children:e.jsx(i.Spinner,{size:"sm",color:S,className:"w-full h-full","aria-hidden":!0,"data-cy":"button-spinner","data-testid":"button-spinner"})}),m=Boolean(o)&&"left"===r&&!l,N=Boolean(o)&&"right"===r&&!l,B=l&&Boolean(o)&&"right"===r,g=l&&!B;return e.jsxs("button",{ref:h,disabled:u||l,"aria-busy":l||y||void 0,className:x,"data-testid":b||(t?`button-${t}`:"button"),"data-cy":p||(t?`button-${t}`:"button"),...f,children:[g&&j,m&&e.jsx("span",{className:n.iconSlotStyles,children:o}),d,N&&e.jsx("span",{className:n.iconSlotStyles,children:o}),B&&j]})});s.displayName="Button",exports.Button=s;

package/dist/index3.js

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as n}from"react";import{cn as i}from"./index67.js";import{variantStyles as a,baseStyles as r}from"./index71.js";const s=n(({variant:n,fullWidth:s=!1,icon:l,iconPosition:o="left",className:c,children:d,disabled:f,"data-testid":m,"data-cy":u,...h},p)=>{const b="unstyled"===n?i(s&&"w-full",c):i("no-underline hover:enabled:opacity-90 transition-opacity duration-200",n&&r,n&&a[n],s&&"w-full",c);/* @__PURE__ */
-return t("button",{ref:p,disabled:f,className:b,"data-testid":m||(n?`button-${n}`:"button"),"data-cy":u||(n?`button-${n}`:"button"),...h,children:[l&&"left"===o&&/* @__PURE__ */e("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l}),d,l&&"right"===o&&/* @__PURE__ */e("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l})]})});s.displayName="Button";export{s as Button};
+import{jsxs as t,jsx as a}from"react/jsx-runtime";import{forwardRef as n}from"react";import{cn as i}from"./index67.js";import{iconSlotStyles as o,spinnerColorByVariant as e,variantStyles as s,baseStyles as r}from"./index71.js";import{Spinner as l}from"./index65.js";const d=n(({variant:n,fullWidth:d=!1,icon:c,iconPosition:u="left",loading:m=!1,className:p,children:f,disabled:b,"aria-busy":h,"data-testid":y,"data-cy":N,...x},j)=>{const B="unstyled"===n?i(d&&"w-full",p):i("no-underline hover:enabled:opacity-90 transition-opacity duration-200",n&&r,n&&s[n],d&&"w-full",p),g=n?e[n]:"action",v=/* @__PURE__ */a("span",{className:o,children:/* @__PURE__ */a(l,{size:"sm",color:g,className:"w-full h-full","aria-hidden":!0,"data-cy":"button-spinner","data-testid":"button-spinner"})}),w=Boolean(c)&&"left"===u&&!m,$=Boolean(c)&&"right"===u&&!m,z=m&&Boolean(c)&&"right"===u;/* @__PURE__ */
+return t("button",{ref:j,disabled:b||m,"aria-busy":m||h||void 0,className:B,"data-testid":y||(n?`button-${n}`:"button"),"data-cy":N||(n?`button-${n}`:"button"),...x,children:[m&&!z&&v,w&&/* @__PURE__ */a("span",{className:o,children:c}),f,$&&/* @__PURE__ */a("span",{className:o,children:c}),z&&v]})});d.displayName="Button";export{d as Button};

package/dist/index71.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-18 leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),o={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","btn-focus-orange","hover:bg-gradient-to-r hover:from-[color-mix(in_srgb,var(--color-text)_10%,transparent)] hover:to-[color-mix(in_srgb,var(--color-text)_10%,transparent)]","hover:bg-[var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","btn-focus-blue","hover:bg-gradient-to-r hover:from-[color-mix(in_srgb,var(--color-text)_10%,transparent)] hover:to-[color-mix(in_srgb,var(--color-text)_10%,transparent)]","hover:bg-[var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","btn-focus-orange-border","hover:bg-[var(--color-overlay-orange-15)]","active:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","btn-focus-blue","hover:bg-[var(--color-overlay-blue-15)]","active:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","btn-focus-blue","no-underline","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","btn-focus-orange-border","no-underline","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),unstyled:""};exports.baseStyles=r,exports.variantStyles=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-18 leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),o={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","btn-focus-orange","hover:bg-gradient-to-r hover:from-[color-mix(in_srgb,var(--color-text)_10%,transparent)] hover:to-[color-mix(in_srgb,var(--color-text)_10%,transparent)]","hover:bg-[var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","btn-focus-blue","hover:bg-gradient-to-r hover:from-[color-mix(in_srgb,var(--color-text)_10%,transparent)] hover:to-[color-mix(in_srgb,var(--color-text)_10%,transparent)]","hover:bg-[var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","btn-focus-orange-border","hover:bg-[var(--color-overlay-orange-15)]","active:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","btn-focus-blue","hover:bg-[var(--color-overlay-blue-15)]","active:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","btn-focus-blue","no-underline","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","btn-focus-orange-border","no-underline","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),unstyled:""};exports.baseStyles=r,exports.iconSlotStyles="inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",exports.spinnerColorByVariant={"main-orange":"white","main-blue":"white","secondary-orange":"gray","secondary-blue":"gray",link:"gray","no-stroke":"gray",unstyled:"gray"},exports.variantStyles=o;

package/dist/index71.js

@@ -1 +1 @@
-const r=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-18 leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),o={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","btn-focus-orange","hover:bg-gradient-to-r hover:from-[color-mix(in_srgb,var(--color-text)_10%,transparent)] hover:to-[color-mix(in_srgb,var(--color-text)_10%,transparent)]","hover:bg-[var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","btn-focus-blue","hover:bg-gradient-to-r hover:from-[color-mix(in_srgb,var(--color-text)_10%,transparent)] hover:to-[color-mix(in_srgb,var(--color-text)_10%,transparent)]","hover:bg-[var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","btn-focus-orange-border","hover:bg-[var(--color-overlay-orange-15)]","active:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","btn-focus-blue","hover:bg-[var(--color-overlay-blue-15)]","active:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","btn-focus-blue","no-underline","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","btn-focus-orange-border","no-underline","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),unstyled:""};export{r as baseStyles,o as variantStyles};
+const r="inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",o=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-18 leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),e={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","btn-focus-orange","hover:bg-gradient-to-r hover:from-[color-mix(in_srgb,var(--color-text)_10%,transparent)] hover:to-[color-mix(in_srgb,var(--color-text)_10%,transparent)]","hover:bg-[var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","btn-focus-blue","hover:bg-gradient-to-r hover:from-[color-mix(in_srgb,var(--color-text)_10%,transparent)] hover:to-[color-mix(in_srgb,var(--color-text)_10%,transparent)]","hover:bg-[var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","btn-focus-orange-border","hover:bg-[var(--color-overlay-orange-15)]","active:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","btn-focus-blue","hover:bg-[var(--color-overlay-blue-15)]","active:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","btn-focus-blue","no-underline","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","btn-focus-orange-border","no-underline","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),unstyled:""},t={"main-orange":"white","main-blue":"white","secondary-orange":"gray","secondary-blue":"gray",link:"gray","no-stroke":"gray",unstyled:"gray"};export{o as baseStyles,r as iconSlotStyles,t as spinnerColorByVariant,e as variantStyles};

package/dist/index82.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-32 leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-20","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-18"].join(" "),r=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-20 leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-18","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-16"].join(" "),t=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--color-text)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:enabled:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" ");exports.containerBaseStyles="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",exports.containerCenteredStyles="justify-center",exports.digitBaseStyles=t,exports.digitErrorStyles="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",exports.digitSizeLgStyles=e,exports.digitSizeSmStyles=r,exports.errorStyles="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",exports.helperStyles="text-12 leading-none text-[var(--color-grey-07)] text-center",exports.labelBaseStyles="text-16 font-normal leading-none text-[var(--color-grey-07)]",exports.labelDisabledStyles="opacity-50",exports.labelErrorStyles="text-[var(--color-error)]",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-fit";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex-1 min-w-0 basis-0 p-0","h-auto min-h-0 aspect-[82/92] max-w-[5.125rem]","text-[clamp(1rem,5vw,2rem)] leading-[1.25]"].join(" "),r=["flex-1 min-w-0 basis-0 p-0","h-auto min-h-0 aspect-[3.734375/4.470625] max-w-[3.734375rem]","text-[clamp(0.875rem,4vw,1.25rem)] leading-[1.25]"].join(" "),t=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-32 leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-20","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-18"].join(" "),o=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-20 leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-18","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-16"].join(" "),a=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--color-text)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:enabled:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" ");exports.containerBaseStyles="flex items-center",exports.containerCenteredStyles="justify-center",exports.containerFullWidthStyles="w-full gap-2 max-[374px]:gap-1 justify-center",exports.containerGapStyles="gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",exports.digitBaseStyles=a,exports.digitErrorStyles="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",exports.digitFullWidthLgStyles=e,exports.digitFullWidthSmStyles=r,exports.digitSizeLgStyles=t,exports.digitSizeSmStyles=o,exports.errorStyles="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",exports.helperStyles="text-12 leading-none text-[var(--color-grey-07)] text-center",exports.labelBaseStyles="text-16 font-normal leading-none text-[var(--color-grey-07)]",exports.labelDisabledStyles="opacity-50",exports.labelErrorStyles="text-[var(--color-error)]",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-fit";

package/dist/index82.js

@@ -1 +1 @@
-const e="flex flex-col gap-2 relative w-fit",r="w-full",o="text-16 font-normal leading-none text-[var(--color-grey-07)]",t="text-[var(--color-error)]",a="opacity-50",x="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",m="justify-center",n=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-32 leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-20","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-18"].join(" "),d=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-20 leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-18","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-16"].join(" "),l=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--color-text)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:enabled:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),i="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",c="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",p="text-12 leading-none text-[var(--color-grey-07)] text-center";export{x as containerBaseStyles,m as containerCenteredStyles,l as digitBaseStyles,i as digitErrorStyles,n as digitSizeLgStyles,d as digitSizeSmStyles,c as errorStyles,p as helperStyles,o as labelBaseStyles,a as labelDisabledStyles,t as labelErrorStyles,r as wrapperFullWidthStyles,e as wrapperStyles};
+const e="flex flex-col gap-2 relative w-fit",r="w-full",o="w-full gap-2 max-[374px]:gap-1 justify-center",t=["flex-1 min-w-0 basis-0 p-0","h-auto min-h-0 aspect-[82/92] max-w-[5.125rem]","text-[clamp(1rem,5vw,2rem)] leading-[1.25]"].join(" "),a=["flex-1 min-w-0 basis-0 p-0","h-auto min-h-0 aspect-[3.734375/4.470625] max-w-[3.734375rem]","text-[clamp(0.875rem,4vw,1.25rem)] leading-[1.25]"].join(" "),m="text-16 font-normal leading-none text-[var(--color-grey-07)]",x="text-[var(--color-error)]",n="opacity-50",l="flex items-center",d="gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",i="justify-center",p=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-32 leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-20","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-18"].join(" "),c=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-20 leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-18","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-16"].join(" "),b=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--color-text)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:enabled:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),s="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",v="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",g="text-12 leading-none text-[var(--color-grey-07)] text-center";export{l as containerBaseStyles,i as containerCenteredStyles,o as containerFullWidthStyles,d as containerGapStyles,b as digitBaseStyles,s as digitErrorStyles,t as digitFullWidthLgStyles,a as digitFullWidthSmStyles,p as digitSizeLgStyles,c as digitSizeSmStyles,v as errorStyles,g as helperStyles,m as labelBaseStyles,n as labelDisabledStyles,x as labelErrorStyles,r as wrapperFullWidthStyles,e as wrapperStyles};

package/dist/src/components/core/button/Button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,2GAkDlB,CAAC"}
+{"version":3,"file":"Button.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,2GAmElB,CAAC"}

package/dist/src/components/core/button/Button.styles.d.ts

@@ -1,5 +1,10 @@
 import { ButtonProps } from './Button.types';
+import { SpinnerColor } from '../../feedback/spinner/Spinner.types';
 
+/** Wrapper for the icon (and the loading spinner) so both occupy the same slot size. */
+export declare const iconSlotStyles = "inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0";
 export declare const baseStyles: string;
 export declare const variantStyles: Record<NonNullable<ButtonProps['variant']>, string>;
+/** Spinner color per variant: white on filled buttons for contrast, neutral gray everywhere else. */
+export declare const spinnerColorByVariant: Record<NonNullable<ButtonProps['variant']>, SpinnerColor>;
 //# sourceMappingURL=Button.styles.d.ts.map

package/dist/src/components/core/button/Button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,UAAU,QAYZ,CAAC;AAEZ,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CA2D7E,CAAC"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEzE,wFAAwF;AACxF,eAAO,MAAM,cAAc,sEAAsE,CAAC;AAElG,eAAO,MAAM,UAAU,QAYZ,CAAC;AAEZ,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CA2D7E,CAAC;AAEF,qGAAqG;AACrG,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAQ3F,CAAC"}

package/dist/src/components/core/button/Button.types.d.ts

@@ -5,6 +5,12 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     icon?: ReactNode;
     iconPosition?: 'left' | 'right';
     fullWidth?: boolean;
+    /**
+     * When true, shows a loading state: the button is disabled, `aria-busy` is set,
+     * and the label stays visible. If an `icon` is present, its slot is swapped for a
+     * spinner in the same `iconPosition`; otherwise a leading spinner is shown before the label.
+     */
+    loading?: boolean;
     'data-testid'?: string;
     'data-cy'?: string;
 }

package/dist/src/components/core/button/Button.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EACJ,aAAa,GACb,WAAW,GACX,kBAAkB,GAClB,gBAAgB,GAChB,MAAM,GACN,WAAW,GACX,UAAU,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EACJ,aAAa,GACb,WAAW,GACX,kBAAkB,GAClB,gBAAgB,GAChB,MAAM,GACN,WAAW,GACX,UAAU,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/src/components/feedback/spinner/Spinner.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/spinner/Spinner.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEjE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAMlD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAMpD,CAAC;AAEF,eAAO,MAAM,UAAU,4CAA4C,CAAC;AACpE,eAAO,MAAM,SAAS,+BAA+B,CAAC"}
+{"version":3,"file":"Spinner.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/spinner/Spinner.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEjE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAMlD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAOpD,CAAC;AAEF,eAAO,MAAM,UAAU,4CAA4C,CAAC;AACpE,eAAO,MAAM,SAAS,+BAA+B,CAAC"}

package/dist/src/components/feedback/spinner/Spinner.types.d.ts

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from 'react';
 
 export type SpinnerSize = 'sm' | 'md' | 'lg' | 'xl' | 'verify';
-export type SpinnerColor = 'action' | 'orange' | 'white' | 'text' | 'teal';
+export type SpinnerColor = 'action' | 'orange' | 'white' | 'text' | 'teal' | 'gray';
 export type SpinnerVariant = 'default' | 'segmented';
 export interface SpinnerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'> {
     size?: SpinnerSize;

package/dist/src/components/feedback/spinner/Spinner.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAC3E,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,CAAC;AAErD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACjF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AACpF,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,CAAC;AAErD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACjF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/src/components/forms/otp-input/OTPInput.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAiBnE,eAAO,MAAM,QAAQ,uGAuTpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"OTPInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAqBnE,eAAO,MAAM,QAAQ,uGAgUpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/components/forms/otp-input/OTPInput.styles.d.ts

@@ -1,9 +1,13 @@
 export declare const wrapperStyles = "flex flex-col gap-2 relative w-fit";
 export declare const wrapperFullWidthStyles = "w-full";
+export declare const containerFullWidthStyles = "w-full gap-2 max-[374px]:gap-1 justify-center";
+export declare const digitFullWidthLgStyles: string;
+export declare const digitFullWidthSmStyles: string;
 export declare const labelBaseStyles = "text-16 font-normal leading-none text-[var(--color-grey-07)]";
 export declare const labelErrorStyles = "text-[var(--color-error)]";
 export declare const labelDisabledStyles = "opacity-50";
-export declare const containerBaseStyles = "flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5";
+export declare const containerBaseStyles = "flex items-center";
+export declare const containerGapStyles = "gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5";
 export declare const containerCenteredStyles = "justify-center";
 export declare const digitSizeLgStyles: string;
 export declare const digitSizeSmStyles: string;

package/dist/src/components/forms/otp-input/OTPInput.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,uCAAuC,CAAC;AAClE,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAE/C,eAAO,MAAM,eAAe,iEAAiE,CAAC;AAC9F,eAAO,MAAM,gBAAgB,8BAA8B,CAAC;AAC5D,eAAO,MAAM,mBAAmB,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,iEAAiE,CAAC;AAClG,eAAO,MAAM,uBAAuB,mBAAmB,CAAC;AAExD,eAAO,MAAM,iBAAiB,QAKnB,CAAC;AAEZ,eAAO,MAAM,iBAAiB,QAKnB,CAAC;AAEZ,eAAO,MAAM,eAAe,QAQjB,CAAC;AACZ,eAAO,MAAM,gBAAgB,uGACyE,CAAC;AAEvG,eAAO,MAAM,WAAW,yFACgE,CAAC;AACzF,eAAO,MAAM,YAAY,iEAAiE,CAAC"}
+{"version":3,"file":"OTPInput.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,uCAAuC,CAAC;AAClE,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAO/C,eAAO,MAAM,wBAAwB,kDAAkD,CAAC;AACxF,eAAO,MAAM,sBAAsB,QAIxB,CAAC;AACZ,eAAO,MAAM,sBAAsB,QAIxB,CAAC;AAEZ,eAAO,MAAM,eAAe,iEAAiE,CAAC;AAC9F,eAAO,MAAM,gBAAgB,8BAA8B,CAAC;AAC5D,eAAO,MAAM,mBAAmB,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,sBAAsB,CAAC;AACvD,eAAO,MAAM,kBAAkB,+CAA+C,CAAC;AAC/E,eAAO,MAAM,uBAAuB,mBAAmB,CAAC;AAExD,eAAO,MAAM,iBAAiB,QAKnB,CAAC;AAEZ,eAAO,MAAM,iBAAiB,QAKnB,CAAC;AAEZ,eAAO,MAAM,eAAe,QAQjB,CAAC;AACZ,eAAO,MAAM,gBAAgB,uGACyE,CAAC;AAEvG,eAAO,MAAM,WAAW,yFACgE,CAAC;AACzF,eAAO,MAAM,YAAY,iEAAiE,CAAC"}