@adam-milo/ui 1.0.111 → 1.0.112

package/dist/index14.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("react-dom"),r=require("./index57.cjs"),n=require("@adam-milo/icons"),s=require("./index59.cjs"),o=require("./index70.cjs"),i={name:"United States",dialCode:"+1",flag:"🇺🇸",mask:s.defaultPhoneMask},l=t.forwardRef(({label:l,error:d,helperText:c,fullWidth:u=!0,value:p="",onChange:h,countryCode:y,initialCountryCode:m,onCountryChange:f,countries:g,enableFormatting:x=!0,onValidationChange:w,disabled:S,required:b,placeholder:$,id:v,"data-cy":C,"data-testid":k,className:j,onFocus:D,onBlur:N,...P},E)=>{const[L,M]=t.useState(!1),[q,I]=t.useState(!1),[W,F]=t.useState(0),[R,B]=t.useState({top:0,left:0,width:0}),[T,V]=t.useState(()=>y??m??"US"),z=y??T,A=t.useId(),K=v||A,U=`${K}-error`,H=`${K}-helper`,O=`${K}-listbox`,G=t.useRef(null),J=t.useRef(null),Q=t.useRef(null),X=t.useRef(null),Y=C||"phone-input",Z=k||"phone-input",_=g.find(e=>e.code===z)||g[0]||i,ee=_.mask??s.defaultPhoneMask,te=$??ee.placeholder,ae=l&&b&&!l.includes("*")?`${l}*`:l,re=_.dialCode.replace(/\D/g,"").length,ne=s.getPhoneDigits(p),se=p.startsWith("+")?ne.slice(re):ne,oe=x?s.formatWithMask(se,ee):se;t.useLayoutEffect(()=>{if(!L||!J.current)return;const e=()=>{if(J.current){const e=J.current.getBoundingClientRect();B({top:e.bottom+8,left:e.left,width:Math.max(e.width,320)})}};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[L]),t.useEffect(()=>{const e=e=>{const t=e.target,a=G.current?.contains(t),r=Q.current?.contains(t);a||r||M(!1)};return L&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[L]);const ie=t.useCallback(e=>{void 0===y&&V(e.code),f?.(e);const t=s.getPhoneDigits(p),a=_.dialCode.replace(/\D/g,"").length,r=p.startsWith("+")?t.slice(a):t;h?.(`${e.dialCode}${r}`),M(!1),setTimeout(()=>{const e=G.current?.querySelector("input");e?.focus()},0)},[y,f,h,p,_.dialCode]),le=t.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),F(e=>Math.min(e+1,g.length-1));break;case"ArrowUp":e.preventDefault(),F(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),ie(g[W]);break;case"Escape":e.preventDefault(),M(!1),X.current?.focus();break;case"Tab":M(!1)}},[g,W,ie]),de=S?"disabled":d?"error":q||L?"focus":"idle";return e.jsxs("div",{ref:G,className:r.cn(o.wrapperStyles,u&&o.wrapperFullWidthStyles),"data-cy":`${Y}-wrapper`,"data-testid":`${Z}-wrapper`,children:[l&&e.jsx("label",{htmlFor:K,className:o.labelStyles,"data-cy":`${Y}-label`,"data-testid":`${Z}-label`,children:ae}),e.jsxs("div",{ref:J,className:r.cn(o.containerBaseStyles,u&&o.containerFullWidthStyles,"focus"===de&&o.containerFocusStyles,"error"===de&&o.containerErrorStyles,"disabled"===de&&o.containerDisabledStyles,"idle"===de&&o.containerIdleStyles),"data-state":de,"data-cy":`${Y}-container`,"data-testid":`${Z}-container`,children:[e.jsxs("button",{ref:X,type:"button",className:o.triggerStyles,onClick:()=>!S&&M(!L),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),M(!0);const t=g.findIndex(e=>e.code===z);F(-1===t?0:t)}},disabled:S,"aria-haspopup":"listbox","aria-expanded":L,"aria-controls":O,"aria-label":`Select country. Current: ${_.name}`,"data-cy":`${Y}-country-trigger`,"data-testid":`${Z}-country-trigger`,children:[e.jsx("span",{className:o.flagStyles,"aria-hidden":"true","data-cy":`${Y}-flag`,"data-testid":`${Z}-flag`,children:_.flag}),e.jsx(n.Icon,{name:"ChevronDownIcon",size:"sm",color:q||L?"clickable":"text",decorative:!0,"data-cy":`${Y}-chevron`})]}),e.jsx("span",{className:o.dialCodeStyles,"data-cy":`${Y}-dial-code`,"data-testid":`${Z}-dial-code`,children:_.dialCode}),e.jsx("input",{ref:E,id:K,type:"tel",inputMode:"numeric",value:oe,onChange:e=>{const t=e.target.value;if(x){const e=s.getPhoneDigits(t).slice(0,ee.maxLength);h?.(`${_.dialCode}${e}`);const a=e.length===ee.maxLength;w?.(a)}else{const e=t.replace(/[^0-9]/g,"");h?.(`${_.dialCode}${e}`);const a=e.length===ee.maxLength;w?.(a)}},onFocus:e=>{I(!0),D?.(e)},onBlur:e=>{I(!1),N?.(e)},placeholder:te,disabled:S,required:b,className:r.cn(o.inputStyles,j),"aria-invalid":d?"true":"false","aria-required":b?"true":void 0,"aria-describedby":d?U:c?H:void 0,"data-cy":Y,"data-testid":Z,...P})]}),L&&a.createPortal(e.jsx("div",{ref:Q,id:O,role:"listbox","aria-label":"Select country",className:o.dropdownStyles,style:{top:R.top,left:R.left,width:R.width,minWidth:"20rem"},tabIndex:-1,onKeyDown:le,"data-cy":`${Y}-dropdown`,"data-testid":`${Z}-dropdown`,children:e.jsx("div",{className:o.dropdownViewportStyles,children:g.map((t,a)=>e.jsxs("div",{role:"option","aria-selected":t.code===z,className:r.cn(o.optionBaseStyles,a===W&&o.optionHighlightedStyles,t.code===z&&o.optionSelectedStyles),onClick:()=>ie(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ie(t))},onMouseEnter:()=>F(a),tabIndex:a===W?0:-1,"data-cy":`${Y}-option-${t.code.toLowerCase()}`,"data-testid":`${Z}-option-${t.code.toLowerCase()}`,children:[e.jsx("span",{className:o.optionFlagStyles,"aria-hidden":"true",children:t.flag}),e.jsx("span",{className:o.optionNameStyles,children:t.name}),e.jsx("span",{className:o.optionDialCodeStyles,children:t.dialCode})]},t.code))})}),document.body),d&&e.jsx("span",{id:U,className:o.errorStyles,role:"alert","data-cy":`${Y}-error`,"data-testid":`${Z}-error`,children:d}),c&&!d&&e.jsx("span",{id:H,className:o.helperStyles,"data-cy":`${Y}-helper`,"data-testid":`${Z}-helper`,children:c})]})});l.displayName="PhoneInput",exports.defaultPhoneMask=s.defaultPhoneMask,exports.formatWithMask=s.formatWithMask,exports.getPhoneDigits=s.getPhoneDigits,exports.isValidPhoneLength=s.isValidPhoneLength,exports.PhoneInput=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("react-dom"),r=require("./index57.cjs"),n=require("@adam-milo/icons"),o=require("./index59.cjs"),s=require("./index70.cjs"),i={name:"United States",dialCode:"+1",flag:"🇺🇸",mask:o.defaultPhoneMask},l=t.forwardRef(({label:l,error:d,helperText:c,fullWidth:u=!0,value:p="",onChange:h,countryCode:y,initialCountryCode:m,onCountryChange:f,countries:g,enableFormatting:v=!0,onValidationChange:x,disabled:w,required:S,placeholder:b,id:$,"data-cy":C,"data-testid":k,className:j,onFocus:D,onBlur:E,...L},N)=>{const[P,M]=t.useState(!1),[q,I]=t.useState(!1),[W,F]=t.useState(0),[R,B]=t.useState({top:0,left:0,width:0}),[T,V]=t.useState(()=>y??m??"US"),z=y??T,A=t.useId(),K=$||A,U=`${K}-error`,H=`${K}-helper`,O=`${K}-listbox`,G=t.useRef(null),J=t.useRef(null),Q=t.useRef(null),X=t.useRef(null),Y=C||"phone-input",Z=k||"phone-input",_=g.find(e=>e.code===z)||g[0]||i,ee=_.mask??o.defaultPhoneMask,te=b??ee.placeholder,ae=l&&S&&!l.includes("*")?`${l}*`:l,re=_.dialCode.replace(/\D/g,"").length,ne=o.getPhoneDigits(p),oe=p.startsWith("+")?ne.slice(re):ne,se=v?o.formatWithMask(oe,ee):oe;t.useLayoutEffect(()=>{if(!P||!J.current)return;const e=()=>{if(J.current){const e=J.current.getBoundingClientRect();B({top:e.bottom+8,left:e.left,width:Math.max(e.width,320)})}};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[P]),t.useEffect(()=>{const e=e=>{const t=e.target,a=G.current?.contains(t),r=Q.current?.contains(t);a||r||M(!1)};return P&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[P]),t.useEffect(()=>{if(!P)return;const e=Q.current;if(!e)return;const t=e=>e.stopPropagation(),a={passive:!1};return e.addEventListener("touchmove",t,a),e.addEventListener("wheel",t,a),()=>{e.removeEventListener("touchmove",t),e.removeEventListener("wheel",t)}},[P]);const ie=t.useCallback(e=>{void 0===y&&V(e.code),f?.(e);const t=o.getPhoneDigits(p),a=_.dialCode.replace(/\D/g,"").length,r=p.startsWith("+")?t.slice(a):t;h?.(`${e.dialCode}${r}`),M(!1),setTimeout(()=>{const e=G.current?.querySelector("input");e?.focus()},0)},[y,f,h,p,_.dialCode]),le=t.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),F(e=>Math.min(e+1,g.length-1));break;case"ArrowUp":e.preventDefault(),F(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),ie(g[W]);break;case"Escape":e.preventDefault(),M(!1),X.current?.focus();break;case"Tab":M(!1)}},[g,W,ie]),de=w?"disabled":d?"error":q||P?"focus":"idle";return e.jsxs("div",{ref:G,className:r.cn(s.wrapperStyles,u&&s.wrapperFullWidthStyles),"data-cy":`${Y}-wrapper`,"data-testid":`${Z}-wrapper`,children:[l&&e.jsx("label",{htmlFor:K,className:s.labelStyles,"data-cy":`${Y}-label`,"data-testid":`${Z}-label`,children:ae}),e.jsxs("div",{ref:J,className:r.cn(s.containerBaseStyles,u&&s.containerFullWidthStyles,"focus"===de&&s.containerFocusStyles,"error"===de&&s.containerErrorStyles,"disabled"===de&&s.containerDisabledStyles,"idle"===de&&s.containerIdleStyles),"data-state":de,"data-cy":`${Y}-container`,"data-testid":`${Z}-container`,children:[e.jsxs("button",{ref:X,type:"button",className:s.triggerStyles,onClick:()=>!w&&M(!P),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),M(!0);const t=g.findIndex(e=>e.code===z);F(-1===t?0:t)}},disabled:w,"aria-haspopup":"listbox","aria-expanded":P,"aria-controls":O,"aria-label":`Select country. Current: ${_.name}`,"data-cy":`${Y}-country-trigger`,"data-testid":`${Z}-country-trigger`,children:[e.jsx("span",{className:s.flagStyles,"aria-hidden":"true","data-cy":`${Y}-flag`,"data-testid":`${Z}-flag`,children:_.flag}),e.jsx(n.Icon,{name:"ChevronDownIcon",size:"sm",color:q||P?"clickable":"text",decorative:!0,"data-cy":`${Y}-chevron`})]}),e.jsx("span",{className:s.dialCodeStyles,"data-cy":`${Y}-dial-code`,"data-testid":`${Z}-dial-code`,children:_.dialCode}),e.jsx("input",{ref:N,id:K,type:"tel",inputMode:"numeric",value:se,onChange:e=>{const t=e.target.value;if(v){const e=o.getPhoneDigits(t).slice(0,ee.maxLength);h?.(`${_.dialCode}${e}`);const a=e.length===ee.maxLength;x?.(a)}else{const e=t.replace(/[^0-9]/g,"");h?.(`${_.dialCode}${e}`);const a=e.length===ee.maxLength;x?.(a)}},onFocus:e=>{I(!0),D?.(e)},onBlur:e=>{I(!1),E?.(e)},placeholder:te,disabled:w,required:S,className:r.cn(s.inputStyles,j),"aria-invalid":d?"true":"false","aria-required":S?"true":void 0,"aria-describedby":d?U:c?H:void 0,"data-cy":Y,"data-testid":Z,...L})]}),P&&a.createPortal(e.jsx("div",{ref:Q,id:O,role:"listbox","aria-label":"Select country",className:s.dropdownStyles,style:{top:R.top,left:R.left,width:R.width,minWidth:"20rem"},tabIndex:-1,onKeyDown:le,"data-cy":`${Y}-dropdown`,"data-testid":`${Z}-dropdown`,children:e.jsx("div",{className:s.dropdownViewportStyles,children:g.map((t,a)=>e.jsxs("div",{role:"option","aria-selected":t.code===z,className:r.cn(s.optionBaseStyles,a===W&&s.optionHighlightedStyles,t.code===z&&s.optionSelectedStyles),onClick:()=>ie(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ie(t))},onMouseEnter:()=>F(a),tabIndex:a===W?0:-1,"data-cy":`${Y}-option-${t.code.toLowerCase()}`,"data-testid":`${Z}-option-${t.code.toLowerCase()}`,children:[e.jsx("span",{className:s.optionFlagStyles,"aria-hidden":"true",children:t.flag}),e.jsx("span",{className:s.optionNameStyles,children:t.name}),e.jsx("span",{className:s.optionDialCodeStyles,children:t.dialCode})]},t.code))})}),document.body),d&&e.jsx("span",{id:U,className:s.errorStyles,role:"alert","data-cy":`${Y}-error`,"data-testid":`${Z}-error`,children:d}),c&&!d&&e.jsx("span",{id:H,className:s.helperStyles,"data-cy":`${Y}-helper`,"data-testid":`${Z}-helper`,children:c})]})});l.displayName="PhoneInput",exports.defaultPhoneMask=o.defaultPhoneMask,exports.formatWithMask=o.formatWithMask,exports.getPhoneDigits=o.getPhoneDigits,exports.isValidPhoneLength=o.isValidPhoneLength,exports.PhoneInput=l;

package/dist/index14.js

@@ -1,12 +1,12 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useState as r,useId as n,useRef as o,useLayoutEffect as d,useEffect as i,useCallback as l}from"react";import{createPortal as c}from"react-dom";import{cn as s}from"./index57.js";import{Icon as u}from"@adam-milo/icons";import{defaultPhoneMask as p,getPhoneDigits as m,formatWithMask as h}from"./index59.js";import{isValidPhoneLength as f}from"./index59.js";import{labelStyles as y,triggerStyles as $,flagStyles as w,dialCodeStyles as v,dropdownStyles as b,dropdownViewportStyles as g,optionFlagStyles as C,optionNameStyles as x,optionDialCodeStyles as N,optionSelectedStyles as k,optionHighlightedStyles as D,optionBaseStyles as E,errorStyles as L,helperStyles as j,inputStyles as I,containerIdleStyles as M,containerDisabledStyles as S,containerErrorStyles as q,containerFocusStyles as F,containerFullWidthStyles as W,containerBaseStyles as z,wrapperFullWidthStyles as A,wrapperStyles as B}from"./index70.js";const K={name:"United States",dialCode:"+1",flag:"🇺🇸",mask:p},T=a(({label:a,error:f,helperText:T,fullWidth:U=!0,value:P="",onChange:R,countryCode:V,initialCountryCode:G,onCountryChange:H,countries:J,enableFormatting:O=!0,onValidationChange:Q,disabled:X,required:Y,placeholder:Z,id:_,"data-cy":ee,"data-testid":te,className:ae,onFocus:re,onBlur:ne,...oe},de)=>{const[ie,le]=r(!1),[ce,se]=r(!1),[ue,pe]=r(0),[me,he]=r({top:0,left:0,width:0}),[fe,ye]=r(()=>V??G??"US"),$e=V??fe,we=n(),ve=_||we,be=`${ve}-error`,ge=`${ve}-helper`,Ce=`${ve}-listbox`,xe=o(null),Ne=o(null),ke=o(null),De=o(null),Ee=ee||"phone-input",Le=te||"phone-input",je=J.find(e=>e.code===$e)||J[0]||K,Ie=je.mask??p,Me=Z??Ie.placeholder,Se=a&&Y&&!a.includes("*")?`${a}*`:a,qe=je.dialCode.replace(/\D/g,"").length,Fe=m(P),We=P.startsWith("+")?Fe.slice(qe):Fe,ze=O?h(We,Ie):We;d(()=>{if(!ie||!Ne.current)return;const e=()=>{if(Ne.current){const e=Ne.current.getBoundingClientRect();he({top:e.bottom+8,left:e.left,width:Math.max(e.width,320)})}};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[ie]),i(()=>{const e=e=>{const t=e.target,a=xe.current?.contains(t),r=ke.current?.contains(t);a||r||le(!1)};return ie&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[ie]);const Ae=l(e=>{void 0===V&&ye(e.code),H?.(e);const t=m(P),a=je.dialCode.replace(/\D/g,"").length,r=P.startsWith("+")?t.slice(a):t;R?.(`${e.dialCode}${r}`),le(!1),setTimeout(()=>{const e=xe.current?.querySelector("input");e?.focus()},0)},[V,H,R,P,je.dialCode]),Be=l(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),pe(e=>Math.min(e+1,J.length-1));break;case"ArrowUp":e.preventDefault(),pe(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),Ae(J[ue]);break;case"Escape":e.preventDefault(),le(!1),De.current?.focus();break;case"Tab":le(!1)}},[J,ue,Ae]),Ke=X?"disabled":f?"error":ce||ie?"focus":"idle";/* @__PURE__ */
-return e("div",{ref:xe,className:s(B,U&&A),"data-cy":`${Ee}-wrapper`,"data-testid":`${Le}-wrapper`,children:[a&&/* @__PURE__ */t("label",{htmlFor:ve,className:y,"data-cy":`${Ee}-label`,"data-testid":`${Le}-label`,children:Se}),
-/* @__PURE__ */e("div",{ref:Ne,className:s(z,U&&W,"focus"===Ke&&F,"error"===Ke&&q,"disabled"===Ke&&S,"idle"===Ke&&M),"data-state":Ke,"data-cy":`${Ee}-container`,"data-testid":`${Le}-container`,children:[
-/* @__PURE__ */e("button",{ref:De,type:"button",className:$,onClick:()=>!X&&le(!ie),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),le(!0);const t=J.findIndex(e=>e.code===$e);pe(-1===t?0:t)}},disabled:X,"aria-haspopup":"listbox","aria-expanded":ie,"aria-controls":Ce,"aria-label":`Select country. Current: ${je.name}`,"data-cy":`${Ee}-country-trigger`,"data-testid":`${Le}-country-trigger`,children:[
-/* @__PURE__ */t("span",{className:w,"aria-hidden":"true","data-cy":`${Ee}-flag`,"data-testid":`${Le}-flag`,children:je.flag}),
-/* @__PURE__ */t(u,{name:"ChevronDownIcon",size:"sm",color:ce||ie?"clickable":"text",decorative:!0,"data-cy":`${Ee}-chevron`})]}),
-/* @__PURE__ */t("span",{className:v,"data-cy":`${Ee}-dial-code`,"data-testid":`${Le}-dial-code`,children:je.dialCode}),
-/* @__PURE__ */t("input",{ref:de,id:ve,type:"tel",inputMode:"numeric",value:ze,onChange:e=>{const t=e.target.value;if(O){const e=m(t).slice(0,Ie.maxLength);R?.(`${je.dialCode}${e}`);const a=e.length===Ie.maxLength;Q?.(a)}else{const e=t.replace(/[^0-9]/g,"");R?.(`${je.dialCode}${e}`);const a=e.length===Ie.maxLength;Q?.(a)}},onFocus:e=>{se(!0),re?.(e)},onBlur:e=>{se(!1),ne?.(e)},placeholder:Me,disabled:X,required:Y,className:s(I,ae),"aria-invalid":f?"true":"false","aria-required":Y?"true":void 0,"aria-describedby":f?be:T?ge:void 0,"data-cy":Ee,"data-testid":Le,...oe})]}),ie&&c(
-/* @__PURE__ */t("div",{ref:ke,id:Ce,role:"listbox","aria-label":"Select country",className:b,style:{top:me.top,left:me.left,width:me.width,minWidth:"20rem"},tabIndex:-1,onKeyDown:Be,"data-cy":`${Ee}-dropdown`,"data-testid":`${Le}-dropdown`,children:/* @__PURE__ */t("div",{className:g,children:J.map((a,r)=>/* @__PURE__ */e("div",{role:"option","aria-selected":a.code===$e,className:s(E,r===ue&&D,a.code===$e&&k),onClick:()=>Ae(a),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),Ae(a))},onMouseEnter:()=>pe(r),tabIndex:r===ue?0:-1,"data-cy":`${Ee}-option-${a.code.toLowerCase()}`,"data-testid":`${Le}-option-${a.code.toLowerCase()}`,children:[
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useState as r,useId as n,useRef as o,useLayoutEffect as d,useEffect as i,useCallback as l}from"react";import{createPortal as s}from"react-dom";import{cn as c}from"./index57.js";import{Icon as u}from"@adam-milo/icons";import{defaultPhoneMask as m,getPhoneDigits as p,formatWithMask as h}from"./index59.js";import{isValidPhoneLength as f}from"./index59.js";import{labelStyles as v,triggerStyles as y,flagStyles as $,dialCodeStyles as w,dropdownStyles as g,dropdownViewportStyles as b,optionFlagStyles as C,optionNameStyles as x,optionDialCodeStyles as N,optionSelectedStyles as k,optionHighlightedStyles as E,optionBaseStyles as L,errorStyles as D,helperStyles as j,inputStyles as I,containerIdleStyles as M,containerDisabledStyles as S,containerErrorStyles as q,containerFocusStyles as F,containerFullWidthStyles as W,containerBaseStyles as z,wrapperFullWidthStyles as A,wrapperStyles as B}from"./index70.js";const K={name:"United States",dialCode:"+1",flag:"🇺🇸",mask:m},T=a(({label:a,error:f,helperText:T,fullWidth:U=!0,value:P="",onChange:R,countryCode:V,initialCountryCode:G,onCountryChange:H,countries:J,enableFormatting:O=!0,onValidationChange:Q,disabled:X,required:Y,placeholder:Z,id:_,"data-cy":ee,"data-testid":te,className:ae,onFocus:re,onBlur:ne,...oe},de)=>{const[ie,le]=r(!1),[se,ce]=r(!1),[ue,me]=r(0),[pe,he]=r({top:0,left:0,width:0}),[fe,ve]=r(()=>V??G??"US"),ye=V??fe,$e=n(),we=_||$e,ge=`${we}-error`,be=`${we}-helper`,Ce=`${we}-listbox`,xe=o(null),Ne=o(null),ke=o(null),Ee=o(null),Le=ee||"phone-input",De=te||"phone-input",je=J.find(e=>e.code===ye)||J[0]||K,Ie=je.mask??m,Me=Z??Ie.placeholder,Se=a&&Y&&!a.includes("*")?`${a}*`:a,qe=je.dialCode.replace(/\D/g,"").length,Fe=p(P),We=P.startsWith("+")?Fe.slice(qe):Fe,ze=O?h(We,Ie):We;d(()=>{if(!ie||!Ne.current)return;const e=()=>{if(Ne.current){const e=Ne.current.getBoundingClientRect();he({top:e.bottom+8,left:e.left,width:Math.max(e.width,320)})}};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[ie]),i(()=>{const e=e=>{const t=e.target,a=xe.current?.contains(t),r=ke.current?.contains(t);a||r||le(!1)};return ie&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[ie]),i(()=>{if(!ie)return;const e=ke.current;if(!e)return;const t=e=>e.stopPropagation(),a={passive:!1};return e.addEventListener("touchmove",t,a),e.addEventListener("wheel",t,a),()=>{e.removeEventListener("touchmove",t),e.removeEventListener("wheel",t)}},[ie]);const Ae=l(e=>{void 0===V&&ve(e.code),H?.(e);const t=p(P),a=je.dialCode.replace(/\D/g,"").length,r=P.startsWith("+")?t.slice(a):t;R?.(`${e.dialCode}${r}`),le(!1),setTimeout(()=>{const e=xe.current?.querySelector("input");e?.focus()},0)},[V,H,R,P,je.dialCode]),Be=l(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),me(e=>Math.min(e+1,J.length-1));break;case"ArrowUp":e.preventDefault(),me(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),Ae(J[ue]);break;case"Escape":e.preventDefault(),le(!1),Ee.current?.focus();break;case"Tab":le(!1)}},[J,ue,Ae]),Ke=X?"disabled":f?"error":se||ie?"focus":"idle";/* @__PURE__ */
+return e("div",{ref:xe,className:c(B,U&&A),"data-cy":`${Le}-wrapper`,"data-testid":`${De}-wrapper`,children:[a&&/* @__PURE__ */t("label",{htmlFor:we,className:v,"data-cy":`${Le}-label`,"data-testid":`${De}-label`,children:Se}),
+/* @__PURE__ */e("div",{ref:Ne,className:c(z,U&&W,"focus"===Ke&&F,"error"===Ke&&q,"disabled"===Ke&&S,"idle"===Ke&&M),"data-state":Ke,"data-cy":`${Le}-container`,"data-testid":`${De}-container`,children:[
+/* @__PURE__ */e("button",{ref:Ee,type:"button",className:y,onClick:()=>!X&&le(!ie),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),le(!0);const t=J.findIndex(e=>e.code===ye);me(-1===t?0:t)}},disabled:X,"aria-haspopup":"listbox","aria-expanded":ie,"aria-controls":Ce,"aria-label":`Select country. Current: ${je.name}`,"data-cy":`${Le}-country-trigger`,"data-testid":`${De}-country-trigger`,children:[
+/* @__PURE__ */t("span",{className:$,"aria-hidden":"true","data-cy":`${Le}-flag`,"data-testid":`${De}-flag`,children:je.flag}),
+/* @__PURE__ */t(u,{name:"ChevronDownIcon",size:"sm",color:se||ie?"clickable":"text",decorative:!0,"data-cy":`${Le}-chevron`})]}),
+/* @__PURE__ */t("span",{className:w,"data-cy":`${Le}-dial-code`,"data-testid":`${De}-dial-code`,children:je.dialCode}),
+/* @__PURE__ */t("input",{ref:de,id:we,type:"tel",inputMode:"numeric",value:ze,onChange:e=>{const t=e.target.value;if(O){const e=p(t).slice(0,Ie.maxLength);R?.(`${je.dialCode}${e}`);const a=e.length===Ie.maxLength;Q?.(a)}else{const e=t.replace(/[^0-9]/g,"");R?.(`${je.dialCode}${e}`);const a=e.length===Ie.maxLength;Q?.(a)}},onFocus:e=>{ce(!0),re?.(e)},onBlur:e=>{ce(!1),ne?.(e)},placeholder:Me,disabled:X,required:Y,className:c(I,ae),"aria-invalid":f?"true":"false","aria-required":Y?"true":void 0,"aria-describedby":f?ge:T?be:void 0,"data-cy":Le,"data-testid":De,...oe})]}),ie&&s(
+/* @__PURE__ */t("div",{ref:ke,id:Ce,role:"listbox","aria-label":"Select country",className:g,style:{top:pe.top,left:pe.left,width:pe.width,minWidth:"20rem"},tabIndex:-1,onKeyDown:Be,"data-cy":`${Le}-dropdown`,"data-testid":`${De}-dropdown`,children:/* @__PURE__ */t("div",{className:b,children:J.map((a,r)=>/* @__PURE__ */e("div",{role:"option","aria-selected":a.code===ye,className:c(L,r===ue&&E,a.code===ye&&k),onClick:()=>Ae(a),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),Ae(a))},onMouseEnter:()=>me(r),tabIndex:r===ue?0:-1,"data-cy":`${Le}-option-${a.code.toLowerCase()}`,"data-testid":`${De}-option-${a.code.toLowerCase()}`,children:[
 /* @__PURE__ */t("span",{className:C,"aria-hidden":"true",children:a.flag}),
 /* @__PURE__ */t("span",{className:x,children:a.name}),
-/* @__PURE__ */t("span",{className:N,children:a.dialCode})]},a.code))})}),document.body),f&&/* @__PURE__ */t("span",{id:be,className:L,role:"alert","data-cy":`${Ee}-error`,"data-testid":`${Le}-error`,children:f}),T&&!f&&/* @__PURE__ */t("span",{id:ge,className:j,"data-cy":`${Ee}-helper`,"data-testid":`${Le}-helper`,children:T})]})});T.displayName="PhoneInput";export{T as PhoneInput,p as defaultPhoneMask,h as formatWithMask,m as getPhoneDigits,f as isValidPhoneLength};
+/* @__PURE__ */t("span",{className:N,children:a.dialCode})]},a.code))})}),document.body),f&&/* @__PURE__ */t("span",{id:ge,className:D,role:"alert","data-cy":`${Le}-error`,"data-testid":`${De}-error`,children:f}),T&&!f&&/* @__PURE__ */t("span",{id:be,className:j,"data-cy":`${Le}-helper`,"data-testid":`${De}-helper`,children:T})]})});T.displayName="PhoneInput";export{T as PhoneInput,m as defaultPhoneMask,h as formatWithMask,p as getPhoneDigits,f as isValidPhoneLength};

package/dist/index69.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["group flex items-center justify-between gap-3 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:enabled:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),r=["select-content-animate overflow-hidden z-[100] min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] mt-2"].join(" "),t=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" ");exports.contentStyles=r,exports.itemFlagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.itemIconStyles="inline-flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-icon-secondary)]",exports.itemStyles=t,exports.labelStyles="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",exports.separatorStyles="h-px my-1 bg-[var(--color-border)]",exports.triggerButtonErrorStyles="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",exports.triggerButtonPlaceholderStyles="text-[var(--color-icon-secondary)]",exports.triggerButtonStyles=e,exports.triggerErrorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.triggerHelperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.triggerIconStyles="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",exports.triggerLabelDisabledStyles="opacity-50",exports.triggerLabelErrorStyles="text-[var(--color-error)]",exports.triggerLabelStyles="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.triggerValueStyles="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",exports.triggerWrapperFullWidthStyles="w-full",exports.triggerWrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start",exports.viewportStyles="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["group flex items-center justify-between gap-3 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:enabled:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),r=["select-content-animate overflow-hidden z-[100] min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] mt-2"].join(" "),t=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" ");exports.contentStyles=r,exports.itemFlagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.itemIconStyles="inline-flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-icon-secondary)]",exports.itemStyles=t,exports.labelStyles="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",exports.separatorStyles="h-px my-1 bg-[var(--color-border)]",exports.triggerButtonErrorStyles="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",exports.triggerButtonPlaceholderStyles="text-[var(--color-icon-secondary)]",exports.triggerButtonStyles=e,exports.triggerErrorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.triggerHelperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.triggerIconStyles="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",exports.triggerLabelDisabledStyles="opacity-50",exports.triggerLabelErrorStyles="text-[var(--color-error)]",exports.triggerLabelStyles="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.triggerValueStyles="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",exports.triggerWrapperFullWidthStyles="w-full",exports.triggerWrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start",exports.viewportStyles="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll";

package/dist/index69.js

@@ -1 +1 @@
-const e="flex flex-col gap-2 relative w-auto items-start text-start",r="w-full",o="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t="text-[var(--color-error)]",a="opacity-50",n=["group flex items-center justify-between gap-3 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:enabled:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),l="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",i="text-[var(--color-icon-secondary)]",d="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",s="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",c="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",x="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",v=["select-content-animate overflow-hidden z-[100] min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] mt-2"].join(" "),b="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]",u=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" "),g="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",h="inline-flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-icon-secondary)]",p="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",m="h-px my-1 bg-[var(--color-border)]";export{v as contentStyles,g as itemFlagStyles,h as itemIconStyles,u as itemStyles,p as labelStyles,m as separatorStyles,l as triggerButtonErrorStyles,i as triggerButtonPlaceholderStyles,n as triggerButtonStyles,c as triggerErrorStyles,x as triggerHelperStyles,s as triggerIconStyles,a as triggerLabelDisabledStyles,t as triggerLabelErrorStyles,o as triggerLabelStyles,d as triggerValueStyles,r as triggerWrapperFullWidthStyles,e as triggerWrapperStyles,b as viewportStyles};
+const e="flex flex-col gap-2 relative w-auto items-start text-start",r="w-full",o="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t="text-[var(--color-error)]",a="opacity-50",n=["group flex items-center justify-between gap-3 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:enabled:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),l="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",i="text-[var(--color-icon-secondary)]",d="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",s="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",c="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",x="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",v=["select-content-animate overflow-hidden z-[100] min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] mt-2"].join(" "),b="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll",u=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" "),p="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",g="inline-flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-icon-secondary)]",h="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",m="h-px my-1 bg-[var(--color-border)]";export{v as contentStyles,p as itemFlagStyles,g as itemIconStyles,u as itemStyles,h as labelStyles,m as separatorStyles,l as triggerButtonErrorStyles,i as triggerButtonPlaceholderStyles,n as triggerButtonStyles,c as triggerErrorStyles,x as triggerHelperStyles,s as triggerIconStyles,a as triggerLabelDisabledStyles,t as triggerLabelErrorStyles,o as triggerLabelStyles,d as triggerValueStyles,r as triggerWrapperFullWidthStyles,e as triggerWrapperStyles,b as viewportStyles};

package/dist/index70.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex items-center gap-3 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),o=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" ");exports.containerBaseStyles=e,exports.containerDisabledStyles="cursor-not-allowed opacity-50 pointer-events-none",exports.containerErrorStyles="border-[var(--color-error)]",exports.containerFocusStyles="border-[var(--color-button-blue)]",exports.containerFullWidthStyles="w-full",exports.containerIdleStyles="hover:[&:not(:has(input:disabled))]:border-[var(--color-button-blue)]",exports.dialCodeStyles="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",exports.dropdownStyles="phone-dropdown-animate fixed z-[100] flex flex-col min-w-[20rem] overflow-hidden bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] pointer-events-auto",exports.dropdownViewportStyles="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] flex flex-col",exports.errorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.flagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.inputStyles="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start disabled:[-webkit-text-fill-color:var(--color-text)]",exports.labelStyles="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.optionBaseStyles=o,exports.optionDialCodeStyles="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",exports.optionFlagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.optionHighlightedStyles="bg-[var(--color-bg)]",exports.optionNameStyles="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",exports.optionSelectedStyles="bg-[var(--color-bg-secondary)]",exports.triggerStyles="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex items-center gap-3 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),t=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" ");exports.containerBaseStyles=e,exports.containerDisabledStyles="cursor-not-allowed opacity-50 pointer-events-none",exports.containerErrorStyles="border-[var(--color-error)]",exports.containerFocusStyles="border-[var(--color-button-blue)]",exports.containerFullWidthStyles="w-full",exports.containerIdleStyles="hover:[&:not(:has(input:disabled))]:border-[var(--color-button-blue)]",exports.dialCodeStyles="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",exports.dropdownStyles="phone-dropdown-animate fixed z-[100] flex flex-col min-w-[20rem] overflow-hidden bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] pointer-events-auto",exports.dropdownViewportStyles="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll flex flex-col",exports.errorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.flagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.inputStyles="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start disabled:[-webkit-text-fill-color:var(--color-text)]",exports.labelStyles="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.optionBaseStyles=t,exports.optionDialCodeStyles="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",exports.optionFlagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.optionHighlightedStyles="bg-[var(--color-bg)]",exports.optionNameStyles="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",exports.optionSelectedStyles="bg-[var(--color-bg-secondary)]",exports.triggerStyles="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start";

package/dist/index70.js

@@ -1 +1 @@
-const e="flex flex-col gap-2 relative w-auto items-start text-start",o="w-full",r="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t=["flex items-center gap-3 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),n="w-full",l="border-[var(--color-button-blue)]",a="border-[var(--color-error)]",i="cursor-not-allowed opacity-50 pointer-events-none",s="hover:[&:not(:has(input:disabled))]:border-[var(--color-button-blue)]",d="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",c="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",x="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",u="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start disabled:[-webkit-text-fill-color:var(--color-text)]",b="phone-dropdown-animate fixed z-[100] flex flex-col min-w-[20rem] overflow-hidden bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] pointer-events-auto",v="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] flex flex-col",f=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" "),m="bg-[var(--color-bg)]",p="bg-[var(--color-bg-secondary)]",w="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",h="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",g="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",y="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",k="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5";export{t as containerBaseStyles,i as containerDisabledStyles,a as containerErrorStyles,l as containerFocusStyles,n as containerFullWidthStyles,s as containerIdleStyles,x as dialCodeStyles,b as dropdownStyles,v as dropdownViewportStyles,y as errorStyles,c as flagStyles,k as helperStyles,u as inputStyles,r as labelStyles,f as optionBaseStyles,g as optionDialCodeStyles,w as optionFlagStyles,m as optionHighlightedStyles,h as optionNameStyles,p as optionSelectedStyles,d as triggerStyles,o as wrapperFullWidthStyles,e as wrapperStyles};
+const e="flex flex-col gap-2 relative w-auto items-start text-start",o="w-full",r="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t=["flex items-center gap-3 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),n="w-full",l="border-[var(--color-button-blue)]",a="border-[var(--color-error)]",i="cursor-not-allowed opacity-50 pointer-events-none",s="hover:[&:not(:has(input:disabled))]:border-[var(--color-button-blue)]",d="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",c="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",x="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",u="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start disabled:[-webkit-text-fill-color:var(--color-text)]",b="phone-dropdown-animate fixed z-[100] flex flex-col min-w-[20rem] overflow-hidden bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] pointer-events-auto",v="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll flex flex-col",f=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" "),m="bg-[var(--color-bg)]",p="bg-[var(--color-bg-secondary)]",h="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",w="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",g="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",y="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",k="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5";export{t as containerBaseStyles,i as containerDisabledStyles,a as containerErrorStyles,l as containerFocusStyles,n as containerFullWidthStyles,s as containerIdleStyles,x as dialCodeStyles,b as dropdownStyles,v as dropdownViewportStyles,y as errorStyles,c as flagStyles,k as helperStyles,u as inputStyles,r as labelStyles,f as optionBaseStyles,g as optionDialCodeStyles,h as optionFlagStyles,m as optionHighlightedStyles,w as optionNameStyles,p as optionSelectedStyles,d as triggerStyles,o as wrapperFullWidthStyles,e as wrapperStyles};

package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA2B1D,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAUnG,eAAO,MAAM,UAAU,8GAmYtB,CAAC;AAIF,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"PhoneInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA2B1D,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAUnG,eAAO,MAAM,UAAU,8GAiatB,CAAC;AAIF,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts

@@ -15,8 +15,11 @@ export declare const inputStyles = "m-0 p-0 border-none bg-transparent flex-1 mi
  *  pointer-events-auto: required when used inside a Radix Dialog (Dialog disables
  *  pointer events on <body>, which the body-portaled dropdown otherwise inherits). */
 export declare const dropdownStyles = "phone-dropdown-animate fixed z-[100] flex flex-col min-w-[20rem] overflow-hidden bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] pointer-events-auto";
-/** Inner scrollable viewport: same structure as Select Viewport for scrollbar border-radius. */
-export declare const dropdownViewportStyles = "select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] flex flex-col";
+/** Inner scrollable viewport: same structure as Select Viewport for scrollbar border-radius.
+ *  Touch-scroll (touch-action / overscroll-behavior / -webkit-overflow-scrolling) lives in
+ *  `.select-viewport-scrollbar` (effects.css) so the dropdown scrolls correctly on mobile
+ *  even when portaled inside a Radix Dialog. */
+export declare const dropdownViewportStyles = "select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll flex flex-col";
 export declare const optionBaseStyles: string;
 export declare const optionHighlightedStyles = "bg-[var(--color-bg)]";
 export declare const optionSelectedStyles = "bg-[var(--color-bg-secondary)]";

package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+DAA+D,CAAC;AAC1F,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAE/C,eAAO,MAAM,WAAW,qFAC4D,CAAC;AAErF,eAAO,MAAM,mBAAmB,QAGrB,CAAC;AACZ,eAAO,MAAM,wBAAwB,WAAW,CAAC;AACjD,eAAO,MAAM,oBAAoB,sCAAsC,CAAC;AACxE,eAAO,MAAM,oBAAoB,gCAAgC,CAAC;AAClE,eAAO,MAAM,uBAAuB,sDAAsD,CAAC;AAC3F,eAAO,MAAM,mBAAmB,0EACyC,CAAC;AAE1E,eAAO,MAAM,aAAa,wSAC6Q,CAAC;AAExS,eAAO,MAAM,UAAU,oIAC4G,CAAC;AAEpI,eAAO,MAAM,cAAc,kEAAkE,CAAC;AAE9F,eAAO,MAAM,WAAW,wOAC+M,CAAC;AAExO;;sFAEsF;AACtF,eAAO,MAAM,cAAc,0MAC8K,CAAC;AAE1M,gGAAgG;AAChG,eAAO,MAAM,sBAAsB,mHAC+E,CAAC;AAEnH,eAAO,MAAM,gBAAgB,QAGlB,CAAC;AACZ,eAAO,MAAM,uBAAuB,yBAAyB,CAAC;AAC9D,eAAO,MAAM,oBAAoB,mCAAmC,CAAC;AAErE,eAAO,MAAM,gBAAgB,oIACsG,CAAC;AACpI,eAAO,MAAM,gBAAgB,8FACgE,CAAC;AAC9F,eAAO,MAAM,oBAAoB,oEACkC,CAAC;AAEpE,eAAO,MAAM,WAAW,iEAAiE,CAAC;AAC1F,eAAO,MAAM,YAAY,mEAAmE,CAAC"}
+{"version":3,"file":"PhoneInput.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+DAA+D,CAAC;AAC1F,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAE/C,eAAO,MAAM,WAAW,qFAC4D,CAAC;AAErF,eAAO,MAAM,mBAAmB,QAGrB,CAAC;AACZ,eAAO,MAAM,wBAAwB,WAAW,CAAC;AACjD,eAAO,MAAM,oBAAoB,sCAAsC,CAAC;AACxE,eAAO,MAAM,oBAAoB,gCAAgC,CAAC;AAClE,eAAO,MAAM,uBAAuB,sDAAsD,CAAC;AAC3F,eAAO,MAAM,mBAAmB,0EACyC,CAAC;AAE1E,eAAO,MAAM,aAAa,wSAC6Q,CAAC;AAExS,eAAO,MAAM,UAAU,oIAC4G,CAAC;AAEpI,eAAO,MAAM,cAAc,kEAAkE,CAAC;AAE9F,eAAO,MAAM,WAAW,wOAC+M,CAAC;AAExO;;sFAEsF;AACtF,eAAO,MAAM,cAAc,0MAC8K,CAAC;AAE1M;;;gDAGgD;AAChD,eAAO,MAAM,sBAAsB,gFAC4C,CAAC;AAEhF,eAAO,MAAM,gBAAgB,QAGlB,CAAC;AACZ,eAAO,MAAM,uBAAuB,yBAAyB,CAAC;AAC9D,eAAO,MAAM,oBAAoB,mCAAmC,CAAC;AAErE,eAAO,MAAM,gBAAgB,oIACsG,CAAC;AACpI,eAAO,MAAM,gBAAgB,8FACgE,CAAC;AAC9F,eAAO,MAAM,oBAAoB,oEACkC,CAAC;AAEpE,eAAO,MAAM,WAAW,iEAAiE,CAAC;AAC1F,eAAO,MAAM,YAAY,mEAAmE,CAAC"}

package/dist/src/components/forms/select/Select.styles.d.ts

@@ -12,8 +12,10 @@ export declare const triggerErrorStyles = "text-xs leading-none text-[var(--colo
 export declare const triggerHelperStyles = "text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5";
 /** 8px gap between trigger and dropdown. Radix sideOffset=0; gap via margin-top. */
 export declare const contentStyles: string;
-/** Max height for 4 visible items, then scroll. Radix hides scrollbar by default - overridden in effects.css (select-viewport-scrollbar). */
-export declare const viewportStyles = "select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]";
+/** Max height for 4 visible items, then scroll. Radix hides scrollbar by default — overridden
+ *  in effects.css (.select-viewport-scrollbar), which also handles mobile touch-scroll
+ *  (touch-action / overscroll-behavior / -webkit-overflow-scrolling). */
+export declare const viewportStyles = "select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll";
 export declare const itemStyles: string;
 export declare const itemFlagStyles = "inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden";
 /**

package/dist/src/components/forms/select/Select.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+DAA+D,CAAC;AACjG,eAAO,MAAM,6BAA6B,WAAW,CAAC;AAEtD,eAAO,MAAM,kBAAkB,qFACqD,CAAC;AACrF,eAAO,MAAM,uBAAuB,8BAA8B,CAAC;AACnE,eAAO,MAAM,0BAA0B,eAAe,CAAC;AAEvD,eAAO,MAAM,mBAAmB,QAQrB,CAAC;AACZ,eAAO,MAAM,wBAAwB,kJAC4G,CAAC;AAClJ,eAAO,MAAM,8BAA8B,uCAAuC,CAAC;AAEnF,eAAO,MAAM,kBAAkB,mEAAmE,CAAC;AAEnG,eAAO,MAAM,iBAAiB,8LAC+J,CAAC;AAE9L,eAAO,MAAM,kBAAkB,iEAAiE,CAAC;AACjG,eAAO,MAAM,mBAAmB,mEAAmE,CAAC;AAEpG,oFAAoF;AACpF,eAAO,MAAM,aAAa,QAGf,CAAC;AAEZ,6IAA6I;AAC7I,eAAO,MAAM,cAAc,qGACyE,CAAC;AAErG,eAAO,MAAM,UAAU,QAMZ,CAAC;AAEZ,eAAO,MAAM,cAAc,oIACwG,CAAC;AAEpI;;;;;GAKG;AACH,eAAO,MAAM,cAAc,gGACoE,CAAC;AAEhG,eAAO,MAAM,WAAW,8DAA8D,CAAC;AAEvF,eAAO,MAAM,eAAe,uCAAuC,CAAC"}
+{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+DAA+D,CAAC;AACjG,eAAO,MAAM,6BAA6B,WAAW,CAAC;AAEtD,eAAO,MAAM,kBAAkB,qFACqD,CAAC;AACrF,eAAO,MAAM,uBAAuB,8BAA8B,CAAC;AACnE,eAAO,MAAM,0BAA0B,eAAe,CAAC;AAEvD,eAAO,MAAM,mBAAmB,QAQrB,CAAC;AACZ,eAAO,MAAM,wBAAwB,kJAC4G,CAAC;AAClJ,eAAO,MAAM,8BAA8B,uCAAuC,CAAC;AAEnF,eAAO,MAAM,kBAAkB,mEAAmE,CAAC;AAEnG,eAAO,MAAM,iBAAiB,8LAC+J,CAAC;AAE9L,eAAO,MAAM,kBAAkB,iEAAiE,CAAC;AACjG,eAAO,MAAM,mBAAmB,mEAAmE,CAAC;AAEpG,oFAAoF;AACpF,eAAO,MAAM,aAAa,QAGf,CAAC;AAEZ;;yEAEyE;AACzE,eAAO,MAAM,cAAc,kEAAkE,CAAC;AAE9F,eAAO,MAAM,UAAU,QAMZ,CAAC;AAEZ,eAAO,MAAM,cAAc,oIACwG,CAAC;AAEpI;;;;;GAKG;AACH,eAAO,MAAM,cAAc,gGACoE,CAAC;AAEhG,eAAO,MAAM,WAAW,8DAA8D,CAAC;AAEvF,eAAO,MAAM,eAAe,uCAAuC,CAAC"}