@adam-milo/ui 1.0.58 → 1.0.59

package/dist/index13.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("@radix-ui/react-select"),a=require("./index50.cjs"),s=require("./index61.cjs");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const c=l(r),i=c.Root,d=t.forwardRef(({className:r,children:l,label:i,error:d,helperText:o,fullWidth:n=!1,hasValue:p=!1,placeholder:g,id:u,"data-cy":y,"data-testid":S,disabled:h,required:m,...x},b)=>{const f=t.useId(),j=u||f,N=`${j}-label`,$=`${j}-error`,w=`${j}-helper`,v=y||"select-trigger",L=S||"select-trigger";return e.jsxs("div",{className:a.cn(s.triggerWrapperStyles,n&&s.triggerWrapperFullWidthStyles),"data-cy":`${v}-wrapper`,"data-testid":`${L}-wrapper`,children:[i&&e.jsx("label",{id:N,htmlFor:j,className:a.cn(s.triggerLabelStyles,d&&s.triggerLabelErrorStyles,h&&s.triggerLabelDisabledStyles),"data-cy":`${v}-label`,"data-testid":`${L}-label`,children:i}),e.jsxs(c.Trigger,{ref:b,id:j,className:a.cn(s.triggerButtonStyles,d&&s.triggerButtonErrorStyles,!p&&s.triggerButtonPlaceholderStyles,r),"aria-invalid":d?"true":"false","aria-describedby":d?$:o?w:void 0,"aria-labelledby":i?N:void 0,"aria-required":m?"true":void 0,"data-cy":v,"data-testid":L,disabled:h,...x,children:[e.jsx("span",{className:s.triggerValueStyles,children:p?l:e.jsx("span",{"data-cy":`${v}-placeholder`,"data-testid":`${L}-placeholder`,children:g||i})}),e.jsx(c.Icon,{className:s.triggerIconStyles,"data-cy":`${v}-icon`,"data-testid":`${L}-icon`,children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),d&&e.jsx("span",{id:$,className:s.triggerErrorStyles,role:"alert","data-cy":`${v}-error`,"data-testid":`${L}-error`,children:d}),o&&!d&&e.jsx("span",{id:w,className:s.triggerHelperStyles,"data-cy":`${v}-helper`,"data-testid":`${L}-helper`,children:o})]})});d.displayName="SelectTrigger";const o=c.Value,n=t.forwardRef(({className:t,children:r,position:l="popper","data-cy":i,"data-testid":d,...o},n)=>{const p=i||"select-content",g=d||"select-content";return e.jsx(c.Portal,{children:e.jsx(c.Content,{ref:n,className:a.cn(s.contentStyles,t),position:l,sideOffset:4,"data-cy":p,"data-testid":g,...o,children:e.jsx(c.Viewport,{className:s.viewportStyles,children:r})})})});n.displayName="SelectContent";const p=t.forwardRef(({className:t,children:r,value:l,"data-cy":i,"data-testid":d,...o},n)=>{const p=i||`select-item-${l}`,g=d||`select-item-${l}`;return e.jsx(c.Item,{ref:n,className:a.cn(s.itemStyles,t),value:l,"data-cy":p,"data-testid":g,...o,children:e.jsx(c.ItemText,{children:r})})});p.displayName="SelectItem";const g=c.Group,u=t.forwardRef(({className:t,"data-cy":r,"data-testid":l,...i},d)=>{const o=r||"select-label",n=l||"select-label";return e.jsx(c.Label,{ref:d,className:a.cn(s.labelStyles,t),"data-cy":o,"data-testid":n,...i})});u.displayName="SelectLabel";const y=t.forwardRef(({className:t,"data-cy":r,"data-testid":l,...i},d)=>{const o=r||"select-separator",n=l||"select-separator";return e.jsx(c.Separator,{ref:d,className:a.cn(s.separatorStyles,t),"data-cy":o,"data-testid":n,...i})});y.displayName="SelectSeparator",exports.Select=i,exports.SelectContent=n,exports.SelectGroup=g,exports.SelectItem=p,exports.SelectLabel=u,exports.SelectSeparator=y,exports.SelectTrigger=d,exports.SelectValue=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("@radix-ui/react-select"),a=require("./index50.cjs"),s=require("./index61.cjs");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const c=l(r),i=c.Root,d=t.forwardRef(({className:r,children:l,label:i,error:d,helperText:o,fullWidth:n=!1,hasValue:p=!1,placeholder:g,id:u,"data-cy":y,"data-testid":S,disabled:h,required:m,...x},b)=>{const f=t.useId(),j=u||f,N=`${j}-label`,$=`${j}-error`,w=`${j}-helper`,v=y||"select-trigger",L=S||"select-trigger";return e.jsxs("div",{className:a.cn(s.triggerWrapperStyles,n&&s.triggerWrapperFullWidthStyles),"data-cy":`${v}-wrapper`,"data-testid":`${L}-wrapper`,children:[i&&e.jsx("label",{id:N,htmlFor:j,className:a.cn(s.triggerLabelStyles,d&&s.triggerLabelErrorStyles,h&&s.triggerLabelDisabledStyles),"data-cy":`${v}-label`,"data-testid":`${L}-label`,children:i}),e.jsxs(c.Trigger,{ref:b,id:j,className:a.cn(s.triggerButtonStyles,d&&s.triggerButtonErrorStyles,!p&&s.triggerButtonPlaceholderStyles,r),"aria-invalid":d?"true":"false","aria-describedby":d?$:o?w:void 0,"aria-labelledby":i?N:void 0,"aria-required":m?"true":void 0,"data-cy":v,"data-testid":L,disabled:h,...x,children:[e.jsx("span",{className:s.triggerValueStyles,children:p?l:e.jsx("span",{"data-cy":`${v}-placeholder`,"data-testid":`${L}-placeholder`,children:g||i})}),e.jsx(c.Icon,{className:s.triggerIconStyles,"data-cy":`${v}-icon`,"data-testid":`${L}-icon`,children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),d&&e.jsx("span",{id:$,className:s.triggerErrorStyles,role:"alert","data-cy":`${v}-error`,"data-testid":`${L}-error`,children:d}),o&&!d&&e.jsx("span",{id:w,className:s.triggerHelperStyles,"data-cy":`${v}-helper`,"data-testid":`${L}-helper`,children:o})]})});d.displayName="SelectTrigger";const o=c.Value,n=t.forwardRef(({className:t,children:r,position:l="popper","data-cy":i,"data-testid":d,...o},n)=>{const p=i||"select-content",g=d||"select-content";return e.jsx(c.Portal,{children:e.jsx(c.Content,{ref:n,className:a.cn(s.contentStyles,t),position:l,sideOffset:0,"data-cy":p,"data-testid":g,...o,children:e.jsx(c.Viewport,{className:s.viewportStyles,children:r})})})});n.displayName="SelectContent";const p=t.forwardRef(({className:t,children:r,value:l,"data-cy":i,"data-testid":d,...o},n)=>{const p=i||`select-item-${l}`,g=d||`select-item-${l}`;return e.jsx(c.Item,{ref:n,className:a.cn(s.itemStyles,t),value:l,"data-cy":p,"data-testid":g,...o,children:e.jsx(c.ItemText,{children:r})})});p.displayName="SelectItem";const g=c.Group,u=t.forwardRef(({className:t,"data-cy":r,"data-testid":l,...i},d)=>{const o=r||"select-label",n=l||"select-label";return e.jsx(c.Label,{ref:d,className:a.cn(s.labelStyles,t),"data-cy":o,"data-testid":n,...i})});u.displayName="SelectLabel";const y=t.forwardRef(({className:t,"data-cy":r,"data-testid":l,...i},d)=>{const o=r||"select-separator",n=l||"select-separator";return e.jsx(c.Separator,{ref:d,className:a.cn(s.separatorStyles,t),"data-cy":o,"data-testid":n,...i})});y.displayName="SelectSeparator",exports.Select=i,exports.SelectContent=n,exports.SelectGroup=g,exports.SelectItem=p,exports.SelectLabel=u,exports.SelectSeparator=y,exports.SelectTrigger=d,exports.SelectValue=o;

package/dist/index13.js

@@ -3,7 +3,7 @@ return a("div",{className:l(b,w&&$),"data-cy":`${M}-wrapper`,"data-testid":`${O}
 /* @__PURE__ */a(d.Trigger,{ref:V,id:W,className:l(u,g&&N,!x&&y,t),"aria-invalid":g?"true":"false","aria-describedby":g?F:v?G:void 0,"aria-labelledby":f?B:void 0,"aria-required":T?"true":void 0,"data-cy":M,"data-testid":O,disabled:I,...C,children:[
 /* @__PURE__ */e("span",{className:i,children:x?s:/* @__PURE__ */e("span",{"data-cy":`${M}-placeholder`,"data-testid":`${O}-placeholder`,children:S||f})}),
 /* @__PURE__ */e(d.Icon,{className:c,"data-cy":`${M}-icon`,"data-testid":`${O}-icon`,children:/* @__PURE__ */e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:/* @__PURE__ */e("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),g&&/* @__PURE__ */e("span",{id:F,className:o,role:"alert","data-cy":`${M}-error`,"data-testid":`${O}-error`,children:g}),v&&!g&&/* @__PURE__ */e("span",{id:G,className:n,"data-cy":`${M}-helper`,"data-testid":`${O}-helper`,children:v})]})});S.displayName="SelectTrigger";const L=d.Value,j=t(({className:a,children:t,position:r="popper","data-cy":i,"data-testid":c,...o},n)=>{const m=i||"select-content",p=c||"select-content";/* @__PURE__ */
-return e(d.Portal,{children:/* @__PURE__ */e(d.Content,{ref:n,className:l(f,a),position:r,sideOffset:4,"data-cy":m,"data-testid":p,...o,children:/* @__PURE__ */e(d.Viewport,{className:s,children:t})})})});j.displayName="SelectContent";const k=t(({className:a,children:t,value:r,"data-cy":s,"data-testid":i,...c},o)=>{const n=s||`select-item-${r}`,m=i||`select-item-${r}`;/* @__PURE__ */
+return e(d.Portal,{children:/* @__PURE__ */e(d.Content,{ref:n,className:l(f,a),position:r,sideOffset:0,"data-cy":m,"data-testid":p,...o,children:/* @__PURE__ */e(d.Viewport,{className:s,children:t})})})});j.displayName="SelectContent";const k=t(({className:a,children:t,value:r,"data-cy":s,"data-testid":i,...c},o)=>{const n=s||`select-item-${r}`,m=i||`select-item-${r}`;/* @__PURE__ */
 return e(d.Item,{ref:o,className:l(g,a),value:r,"data-cy":n,"data-testid":m,...c,children:/* @__PURE__ */e(d.ItemText,{children:t})})});k.displayName="SelectItem";const I=d.Group,T=t(({className:a,"data-cy":t,"data-testid":r,...s},i)=>{const c=t||"select-label",o=r||"select-label";/* @__PURE__ */
 return e(d.Label,{ref:i,className:l(v,a),"data-cy":c,"data-testid":o,...s})});T.displayName="SelectLabel";const C=t(({className:a,"data-cy":t,"data-testid":r,...s},i)=>{const c=t||"select-separator",o=r||"select-separator";/* @__PURE__ */
 return e(d.Separator,{ref:i,className:l(w,a),"data-cy":c,"data-testid":o,...s})});C.displayName="SelectSeparator";export{x as Select,j as SelectContent,I as SelectGroup,k as SelectItem,T as SelectLabel,C as SelectSeparator,S as SelectTrigger,L as SelectValue};

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

package/dist/index14.js

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

package/dist/index61.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["group flex items-center justify-between gap-2 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: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-50 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_rgba(0,0,0,0.1)]"].join(" "),t=["flex items-center gap-4 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.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-sm 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-2 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: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_rgba(0,0,0,0.1)] mt-3"].join(" "),t=["flex items-center gap-4 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.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-sm 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]";

package/dist/index61.js

@@ -1 +1 @@
-const r="flex flex-col gap-2 relative w-auto items-start text-start",e="w-full",o="text-sm 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-2 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: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)]",d="text-[var(--color-icon-secondary)]",i="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",v="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",x=["select-content-animate overflow-hidden z-50 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_rgba(0,0,0,0.1)]"].join(" "),b="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]",u=["flex items-center gap-4 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="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",p="h-px my-1 bg-[var(--color-border)]";export{x as contentStyles,u as itemStyles,g as labelStyles,p as separatorStyles,l as triggerButtonErrorStyles,d as triggerButtonPlaceholderStyles,n as triggerButtonStyles,c as triggerErrorStyles,v as triggerHelperStyles,s as triggerIconStyles,a as triggerLabelDisabledStyles,t as triggerLabelErrorStyles,o as triggerLabelStyles,i as triggerValueStyles,e as triggerWrapperFullWidthStyles,r as triggerWrapperStyles,b as viewportStyles};
+const r="flex flex-col gap-2 relative w-auto items-start text-start",e="w-full",o="text-sm 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-2 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: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)]",d="text-[var(--color-icon-secondary)]",i="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",v="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",x=["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_rgba(0,0,0,0.1)] mt-3"].join(" "),b="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]",u=["flex items-center gap-4 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="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",p="h-px my-1 bg-[var(--color-border)]";export{x as contentStyles,u as itemStyles,g as labelStyles,p as separatorStyles,l as triggerButtonErrorStyles,d as triggerButtonPlaceholderStyles,n as triggerButtonStyles,c as triggerErrorStyles,v as triggerHelperStyles,s as triggerIconStyles,a as triggerLabelDisabledStyles,t as triggerLabelErrorStyles,o as triggerLabelStyles,i as triggerValueStyles,e as triggerWrapperFullWidthStyles,r as triggerWrapperStyles,b as viewportStyles};

package/dist/index62.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex items-center gap-4 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-4 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:border-[var(--color-button-blue)]",exports.dialCodeStyles="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",exports.dropdownStyles="dropdown-scrollbar phone-dropdown-animate absolute top-full left-0 right-0 z-50 mt-1 flex flex-col p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]",exports.errorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.flagStyles="flex items-center justify-center w-5 h-5 text-xl leading-none",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",exports.labelStyles="text-sm 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="flex items-center justify-center w-5 h-5 text-xl leading-none shrink-0",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-4 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-4 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: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_rgba(0,0,0,0.1)]",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="flex items-center justify-center w-5 h-5 text-xl leading-none",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",exports.labelStyles="text-sm 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="flex items-center justify-center w-5 h-5 text-xl leading-none shrink-0",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/index62.js

@@ -1 +1 @@
-const e="flex flex-col gap-2 relative w-auto items-start text-start",o="w-full",r="text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t=["flex items-center gap-4 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)]",s="cursor-not-allowed opacity-50 pointer-events-none",i="hover:border-[var(--color-button-blue)]",c="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",x="flex items-center justify-center w-5 h-5 text-xl leading-none",d="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",b="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",u="dropdown-scrollbar phone-dropdown-animate absolute top-full left-0 right-0 z-50 mt-1 flex flex-col p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]",m=["flex items-center gap-4 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(" "),p="bg-[var(--color-bg)]",v="bg-[var(--color-bg-secondary)]",f="flex items-center justify-center w-5 h-5 text-xl leading-none shrink-0",g="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",h="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",w="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",y="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5";export{t as containerBaseStyles,s as containerDisabledStyles,a as containerErrorStyles,l as containerFocusStyles,n as containerFullWidthStyles,i as containerIdleStyles,d as dialCodeStyles,u as dropdownStyles,w as errorStyles,x as flagStyles,y as helperStyles,b as inputStyles,r as labelStyles,m as optionBaseStyles,h as optionDialCodeStyles,f as optionFlagStyles,p as optionHighlightedStyles,g as optionNameStyles,v as optionSelectedStyles,c 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-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t=["flex items-center gap-4 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)]",s="cursor-not-allowed opacity-50 pointer-events-none",i="hover:border-[var(--color-button-blue)]",c="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",x="flex items-center justify-center w-5 h-5 text-xl leading-none",d="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",b="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",u="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_rgba(0,0,0,0.1)]",v="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] flex flex-col",m=["flex items-center gap-4 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(" "),f="bg-[var(--color-bg)]",p="bg-[var(--color-bg-secondary)]",g="flex items-center justify-center w-5 h-5 text-xl leading-none shrink-0",w="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",h="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,s as containerDisabledStyles,a as containerErrorStyles,l as containerFocusStyles,n as containerFullWidthStyles,i as containerIdleStyles,d as dialCodeStyles,u as dropdownStyles,v as dropdownViewportStyles,y as errorStyles,x as flagStyles,k as helperStyles,b as inputStyles,r as labelStyles,m as optionBaseStyles,h as optionDialCodeStyles,g as optionFlagStyles,f as optionHighlightedStyles,w as optionNameStyles,p as optionSelectedStyles,c as triggerStyles,o as wrapperFullWidthStyles,e as wrapperStyles};

package/dist/index70.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.cardContentStyles="px-6 pb-6 pt-0 max-sm:px-4 max-sm:pb-4",exports.cardDescriptionStyles="text-sm leading-normal text-[var(--color-icon-secondary)]",exports.cardFooterAlignMap={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between"},exports.cardFooterBaseStyles="flex items-center gap-4 px-6 pb-6 pt-0 max-sm:px-4 max-sm:pb-4",exports.cardHeaderStyles="flex flex-col gap-1.5 p-6 max-sm:p-4",exports.cardRootStyles="flex flex-col overflow-hidden rounded-lg",exports.cardTitleStyles="text-xl font-semibold leading-tight text-[var(--color-text)]",exports.cardVariantMap={default:"border border-[var(--color-border)] bg-[var(--color-card)]",outlined:"border-2 border-[var(--color-system-text)] bg-[var(--color-card)]",elevated:"border border-[var(--color-border)] bg-[var(--color-card)] shadow-[0_0.625rem_1.875rem_-0.1875rem_rgba(0,0,0,0.1),0_0.25rem_0.375rem_-0.125rem_rgba(0,0,0,0.05)]"};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.cardContentStyles="px-6 pb-6 pt-0 max-sm:px-4 max-sm:pb-4",exports.cardDescriptionStyles="text-sm leading-normal text-[var(--color-icon-secondary)]",exports.cardFooterAlignMap={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between"},exports.cardFooterBaseStyles="flex items-center gap-4 px-6 pb-6 pt-0 max-sm:px-4 max-sm:pb-4",exports.cardHeaderStyles="flex flex-col gap-1.5 p-6 max-sm:p-4",exports.cardRootStyles="flex flex-col overflow-visible rounded-lg",exports.cardTitleStyles="text-xl font-semibold leading-tight text-[var(--color-text)]",exports.cardVariantMap={default:"border border-[var(--color-border)] bg-[var(--color-card)]",outlined:"border-2 border-[var(--color-system-text)] bg-[var(--color-card)]",elevated:"border border-[var(--color-border)] bg-[var(--color-card)] shadow-[0_0.625rem_1.875rem_-0.1875rem_rgba(0,0,0,0.1),0_0.25rem_0.375rem_-0.125rem_rgba(0,0,0,0.05)]"};

package/dist/index70.js

@@ -1 +1 @@
-const e={default:"border border-[var(--color-border)] bg-[var(--color-card)]",outlined:"border-2 border-[var(--color-system-text)] bg-[var(--color-card)]",elevated:"border border-[var(--color-border)] bg-[var(--color-card)] shadow-[0_0.625rem_1.875rem_-0.1875rem_rgba(0,0,0,0.1),0_0.25rem_0.375rem_-0.125rem_rgba(0,0,0,0.05)]"},r="flex flex-col overflow-hidden rounded-lg",o="flex flex-col gap-1.5 p-6 max-sm:p-4",t="text-xl font-semibold leading-tight text-[var(--color-text)]",a="text-sm leading-normal text-[var(--color-icon-secondary)]",d="px-6 pb-6 pt-0 max-sm:px-4 max-sm:pb-4",l="flex items-center gap-4 px-6 pb-6 pt-0 max-sm:px-4 max-sm:pb-4",x={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between"};export{d as cardContentStyles,a as cardDescriptionStyles,x as cardFooterAlignMap,l as cardFooterBaseStyles,o as cardHeaderStyles,r as cardRootStyles,t as cardTitleStyles,e as cardVariantMap};
+const e={default:"border border-[var(--color-border)] bg-[var(--color-card)]",outlined:"border-2 border-[var(--color-system-text)] bg-[var(--color-card)]",elevated:"border border-[var(--color-border)] bg-[var(--color-card)] shadow-[0_0.625rem_1.875rem_-0.1875rem_rgba(0,0,0,0.1),0_0.25rem_0.375rem_-0.125rem_rgba(0,0,0,0.05)]"},r="flex flex-col overflow-visible rounded-lg",o="flex flex-col gap-1.5 p-6 max-sm:p-4",t="text-xl font-semibold leading-tight text-[var(--color-text)]",a="text-sm leading-normal text-[var(--color-icon-secondary)]",l="px-6 pb-6 pt-0 max-sm:px-4 max-sm:pb-4",d="flex items-center gap-4 px-6 pb-6 pt-0 max-sm:px-4 max-sm:pb-4",x={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between"};export{l as cardContentStyles,a as cardDescriptionStyles,x as cardFooterAlignMap,d as cardFooterBaseStyles,o as cardHeaderStyles,r as cardRootStyles,t as cardTitleStyles,e as cardVariantMap};

package/dist/src/components/data-display/card/Card.styles.d.ts

@@ -3,7 +3,7 @@ export declare const cardVariantMap: {
     readonly outlined: "border-2 border-[var(--color-system-text)] bg-[var(--color-card)]";
     readonly elevated: "border border-[var(--color-border)] bg-[var(--color-card)] shadow-[0_0.625rem_1.875rem_-0.1875rem_rgba(0,0,0,0.1),0_0.25rem_0.375rem_-0.125rem_rgba(0,0,0,0.05)]";
 };
-export declare const cardRootStyles = "flex flex-col overflow-hidden rounded-lg";
+export declare const cardRootStyles = "flex flex-col overflow-visible rounded-lg";
 export declare const cardHeaderStyles = "flex flex-col gap-1.5 p-6 max-sm:p-4";
 export declare const cardTitleStyles = "text-xl font-semibold leading-tight text-[var(--color-text)]";
 export declare const cardDescriptionStyles = "text-sm leading-normal text-[var(--color-icon-secondary)]";

package/dist/src/components/data-display/card/Card.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/card/Card.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,cAAc,6CAA6C,CAAC;AAEzE,eAAO,MAAM,gBAAgB,yCAAyC,CAAC;AACvE,eAAO,MAAM,eAAe,iEAAiE,CAAC;AAC9F,eAAO,MAAM,qBAAqB,8DAA8D,CAAC;AACjG,eAAO,MAAM,iBAAiB,2CAA2C,CAAC;AAC1E,eAAO,MAAM,oBAAoB,mEACiC,CAAC;AAEnE,eAAO,MAAM,kBAAkB;;;;;CAKrB,CAAC"}
+{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/card/Card.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,cAAc,8CAA8C,CAAC;AAE1E,eAAO,MAAM,gBAAgB,yCAAyC,CAAC;AACvE,eAAO,MAAM,eAAe,iEAAiE,CAAC;AAC9F,eAAO,MAAM,qBAAqB,8DAA8D,CAAC;AACjG,eAAO,MAAM,iBAAiB,2CAA2C,CAAC;AAC1E,eAAO,MAAM,oBAAoB,mEACiC,CAAC;AAEnE,eAAO,MAAM,kBAAkB;;;;;CAKrB,CAAC"}

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":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA0B1D,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EACL,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,kBAAkB,GACnB,MAAM,aAAa,CAAC;AAErB,eAAO,MAAM,UAAU,8GA8UtB,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":"AAoBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA2B1D,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EACL,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,kBAAkB,GACnB,MAAM,aAAa,CAAC;AAErB,eAAO,MAAM,UAAU,8GAuXtB,CAAC;AAIF,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -11,8 +11,10 @@ export declare const triggerStyles = "inline-flex items-center gap-1 shrink-0 m-
 export declare const flagStyles = "flex items-center justify-center w-5 h-5 text-xl leading-none";
 export declare const dialCodeStyles = "text-base text-[var(--color-text)] whitespace-nowrap shrink-0";
 export declare const 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";
-/** Max height for 4 visible options (min-h-11 each), then scroll. Always show scrollbar track/thumb (dropdown-scrollbar in effects.css). */
-export declare const dropdownStyles = "dropdown-scrollbar phone-dropdown-animate absolute top-full left-0 right-0 z-50 mt-1 flex flex-col p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]";
+/** Outer container: rounded corners, shadow. Matches Select Content structure. */
+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_rgba(0,0,0,0.1)]";
+/** 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";
 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,mFAC0D,CAAC;AAEnF,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,4CAA4C,CAAC;AAE7E,eAAO,MAAM,aAAa,wSAC6Q,CAAC;AAExS,eAAO,MAAM,UAAU,kEAAkE,CAAC;AAE1F,eAAO,MAAM,cAAc,kEAAkE,CAAC;AAE9F,eAAO,MAAM,WAAW,mLAC0J,CAAC;AAEnL,4IAA4I;AAC5I,eAAO,MAAM,cAAc,wQAC4O,CAAC;AAExQ,eAAO,MAAM,gBAAgB,QAGlB,CAAC;AACZ,eAAO,MAAM,uBAAuB,yBAAyB,CAAC;AAC9D,eAAO,MAAM,oBAAoB,mCAAmC,CAAC;AAErE,eAAO,MAAM,gBAAgB,2EAC6C,CAAC;AAC3E,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,mFAC0D,CAAC;AAEnF,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,4CAA4C,CAAC;AAE7E,eAAO,MAAM,aAAa,wSAC6Q,CAAC;AAExS,eAAO,MAAM,UAAU,kEAAkE,CAAC;AAE1F,eAAO,MAAM,cAAc,kEAAkE,CAAC;AAE9F,eAAO,MAAM,WAAW,mLAC0J,CAAC;AAEnL,kFAAkF;AAClF,eAAO,MAAM,cAAc,+KACmJ,CAAC;AAE/K,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,2EAC6C,CAAC;AAC3E,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

@@ -10,6 +10,7 @@ export declare const triggerValueStyles = "flex-1 min-w-0 overflow-hidden text-e
 export declare const 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";
 export declare const triggerErrorStyles = "text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5";
 export declare const triggerHelperStyles = "text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5";
+/** 12px gap between trigger and dropdown (matches PhoneInput). 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]";

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,mFACmD,CAAC;AACnF,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,eAAO,MAAM,aAAa,QAGf,CAAC;AAEZ,6IAA6I;AAC7I,eAAO,MAAM,cAAc,qGACyE,CAAC;AAErG,eAAO,MAAM,UAAU,QAMZ,CAAC;AAEZ,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,mFACmD,CAAC;AACnF,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,0GAA0G;AAC1G,eAAO,MAAM,aAAa,QAGf,CAAC;AAEZ,6IAA6I;AAC7I,eAAO,MAAM,cAAc,qGACyE,CAAC;AAErG,eAAO,MAAM,UAAU,QAMZ,CAAC;AAEZ,eAAO,MAAM,WAAW,8DAA8D,CAAC;AAEvF,eAAO,MAAM,eAAe,uCAAuC,CAAC"}