@adam-milo/ui 1.0.131 → 1.0.132

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/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/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"}