@clicktap/ui 0.14.27 → 0.15.1

package/assets/_interop_require_wildcard-hxwiIWAf.js

@@ -0,0 +1 @@
+var u={};u._=u._interop_require_default=l;function l(e){return e&&e.__esModule?e:{default:e}}var _={};function f(e){if(typeof WeakMap!="function")return null;var a=new WeakMap,r=new WeakMap;return(f=function(t){return t?r:a})(e)}_._=_._interop_require_wildcard=c;function c(e,a){if(!a&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=f(a);if(r&&r.has(e))return r.get(e);var t={__proto__:null},p=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if(n!=="default"&&Object.prototype.hasOwnProperty.call(e,n)){var i=p?Object.getOwnPropertyDescriptor(e,n):null;i&&(i.get||i.set)?Object.defineProperty(t,n,i):t[n]=e[n]}return t.default=e,r&&r.set(e,t),t}export{u as _,_ as a};

package/assets/image-k0c3_NVg.js

@@ -0,0 +1,3 @@
+import{_ as W,a as Pe}from"./_interop_require_wildcard-hxwiIWAf.js";import je from"react/jsx-runtime";import G from"react";import Re from"react-dom";function ze(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var Ie={},le={},qe={};(function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"warnOnce",{enumerable:!0,get:function(){return n}});let n=d=>{}})(qe);var Ee={};(function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"getImageBlurSvg",{enumerable:!0,get:function(){return n}});function n(d){let{widthInt:c,heightInt:_,blurWidth:p,blurHeight:a,blurDataURL:o,objectFit:E}=d;const b=20,i=p?p*40:c,l=a?a*40:_,s=i&&l?"viewBox='0 0 "+i+" "+l+"'":"",O=s?"none":E==="contain"?"xMidYMid":E==="cover"?"xMidYMid slice":"none";return"%3Csvg xmlns='http://www.w3.org/2000/svg' "+s+"%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='"+b+"'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='"+b+"'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='"+O+"' style='filter: url(%23b);' href='"+o+"'/%3E%3C/svg%3E"}})(Ee);var te={};(function(t){Object.defineProperty(t,"__esModule",{value:!0});function n(_,p){for(var a in p)Object.defineProperty(_,a,{enumerable:!0,get:p[a]})}n(t,{VALID_LOADERS:function(){return d},imageConfigDefault:function(){return c}});const d=["default","imgix","cloudinary","akamai","custom"],c={deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",loaderFile:"",domains:[],disableStaticImages:!1,minimumCacheTTL:60,formats:["image/webp"],dangerouslyAllowSVG:!1,contentSecurityPolicy:"script-src 'none'; frame-src 'none'; sandbox;",contentDispositionType:"inline",localPatterns:void 0,remotePatterns:[],unoptimized:!1}})(te);(function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"getImgProps",{enumerable:!0,get:function(){return b}});const n=Ee,d=te;function c(i){return i.default!==void 0}function _(i){return i.src!==void 0}function p(i){return typeof i=="object"&&(c(i)||_(i))}function a(i){return typeof i>"u"?i:typeof i=="number"?Number.isFinite(i)?i:NaN:typeof i=="string"&&/^[0-9]+$/.test(i)?parseInt(i,10):NaN}function o(i,l,s){let{deviceSizes:O,allSizes:h}=i;if(s){const C=/(^|\s)(1?\d?\d)vw/g,M=[];for(let w;w=C.exec(s);w)M.push(parseInt(w[2]));if(M.length){const w=Math.min(...M)*.01;return{widths:h.filter(f=>f>=O[0]*w),kind:"w"}}return{widths:h,kind:"w"}}return typeof l!="number"?{widths:O,kind:"w"}:{widths:[...new Set([l,l*2].map(C=>h.find(M=>M>=C)||h[h.length-1]))],kind:"x"}}function E(i){let{config:l,src:s,unoptimized:O,width:h,quality:q,sizes:C,loader:M}=i;if(O)return{src:s,srcSet:void 0,sizes:void 0};const{widths:w,kind:f}=o(l,h,C),e=w.length-1;return{sizes:!C&&f==="w"?"100vw":C,srcSet:w.map((u,r)=>M({config:l,src:s,quality:q,width:u})+" "+(f==="w"?u:r+1)+f).join(", "),src:M({config:l,src:s,quality:q,width:w[e]})}}function b(i,l){let{src:s,sizes:O,unoptimized:h=!1,priority:q=!1,loading:C,className:M,quality:w,width:f,height:e,fill:u=!1,style:r,overrideSrc:m,onLoad:P,onLoadingComplete:S,placeholder:y="empty",blurDataURL:x,fetchPriority:v,decoding:j="async",layout:I,objectFit:A,objectPosition:Y,lazyBoundary:K,lazyRoot:V,...z}=i;const{imgConf:L,showAltText:$,blurComplete:J,defaultLoader:H}=l;let T,D=L||d.imageConfigDefault;if("allSizes"in D)T=D;else{const g=[...D.deviceSizes,...D.imageSizes].sort((U,F)=>U-F),N=D.deviceSizes.sort((U,F)=>U-F);T={...D,allSizes:g,deviceSizes:N}}if(typeof H>"u")throw new Error(`images.loaderFile detected but the file is missing default export.
+Read more: https://nextjs.org/docs/messages/invalid-images-config`);let X=z.loader||H;delete z.loader,delete z.srcSet;const R="__next_img_default"in X;if(R){if(T.loader==="custom")throw new Error('Image with src "'+s+`" is missing "loader" prop.
+Read more: https://nextjs.org/docs/messages/next-image-missing-loader`)}else{const g=X;X=N=>{const{config:U,...F}=N;return g(F)}}if(I){I==="fill"&&(u=!0);const g={intrinsic:{maxWidth:"100%",height:"auto"},responsive:{width:"100%",height:"auto"}},N={responsive:"100vw",fill:"100vw"},U=g[I];U&&(r={...r,...U});const F=N[I];F&&!O&&(O=F)}let Q="",k=a(f),B=a(e),fe,pe;if(p(s)){const g=c(s)?s.default:s;if(!g.src)throw new Error("An object should only be passed to the image component src parameter if it comes from a static image import. It must include src. Received "+JSON.stringify(g));if(!g.height||!g.width)throw new Error("An object should only be passed to the image component src parameter if it comes from a static image import. It must include height and width. Received "+JSON.stringify(g));if(fe=g.blurWidth,pe=g.blurHeight,x=x||g.blurDataURL,Q=g.src,!u){if(!k&&!B)k=g.width,B=g.height;else if(k&&!B){const N=k/g.width;B=Math.round(g.height*N)}else if(!k&&B){const N=B/g.height;k=Math.round(g.width*N)}}}s=typeof s=="string"?s:Q;let me=!q&&(C==="lazy"||typeof C>"u");(!s||s.startsWith("data:")||s.startsWith("blob:"))&&(h=!0,me=!1),T.unoptimized&&(h=!0),R&&s.endsWith(".svg")&&!T.dangerouslyAllowSVG&&(h=!0),q&&(v="high");const Me=a(w),Z=Object.assign(u?{position:"absolute",height:"100%",width:"100%",left:0,top:0,right:0,bottom:0,objectFit:A,objectPosition:Y}:{},$?{}:{color:"transparent"},r),ge=!J&&y!=="empty"?y==="blur"?'url("data:image/svg+xml;charset=utf-8,'+(0,n.getImageBlurSvg)({widthInt:k,heightInt:B,blurWidth:fe,blurHeight:pe,blurDataURL:x||"",objectFit:Z.objectFit})+'")':'url("'+y+'")':null;let xe=ge?{backgroundSize:Z.objectFit||"cover",backgroundPosition:Z.objectPosition||"50% 50%",backgroundRepeat:"no-repeat",backgroundImage:ge}:{};const ne=E({config:T,src:s,unoptimized:h,width:k,quality:Me,sizes:O,loader:X});return{props:{...z,loading:me?"lazy":C,fetchPriority:v,width:k,height:B,decoding:j,className:M,style:{...Z,...xe},sizes:ne.sizes,srcSet:ne.srcSet,src:m||ne.src},meta:{unoptimized:h,priority:q,placeholder:y,fill:u}}}})(le);var de={exports:{}},ee={exports:{}},re={},_e;function Ae(){return _e||(_e=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return p}});const n=G,d=typeof window>"u",c=d?()=>{}:n.useLayoutEffect,_=d?()=>{}:n.useEffect;function p(a){const{headManager:o,reduceComponentsToState:E}=a;function b(){if(o&&o.mountedInstances){const l=n.Children.toArray(Array.from(o.mountedInstances).filter(Boolean));o.updateHead(E(l,a))}}if(d){var i;o==null||(i=o.mountedInstances)==null||i.add(a.children),b()}return c(()=>{var l;return o==null||(l=o.mountedInstances)==null||l.add(a.children),()=>{var s;o==null||(s=o.mountedInstances)==null||s.delete(a.children)}}),c(()=>(o&&(o._pendingUpdate=b),()=>{o&&(o._pendingUpdate=b)})),_(()=>(o&&o._pendingUpdate&&(o._pendingUpdate(),o._pendingUpdate=null),()=>{o&&o._pendingUpdate&&(o._pendingUpdate(),o._pendingUpdate=null)})),null}}(re)),re}var oe={},he;function Te(){return he||(he=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"AmpStateContext",{enumerable:!0,get:function(){return c}});const c=W._(G).default.createContext({})}(oe)),oe}var ie={},ye;function De(){return ye||(ye=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"HeadManagerContext",{enumerable:!0,get:function(){return c}});const c=W._(G).default.createContext({})}(ie)),ie}var ae={},ve;function Le(){return ve||(ve=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"isInAmpMode",{enumerable:!0,get:function(){return n}});function n(d){let{ampFirst:c=!1,hybrid:_=!1,hasQuery:p=!1}=d===void 0?{}:d;return c||_&&p}}(ae)),ae}var be;function ke(){return be||(be=1,function(t,n){"use client";var d={};Object.defineProperty(n,"__esModule",{value:!0});function c(f,e){for(var u in e)Object.defineProperty(f,u,{enumerable:!0,get:e[u]})}c(n,{default:function(){return w},defaultHead:function(){return s}});const _=W,p=Pe,a=je,o=p._(G),E=_._(Ae()),b=Te(),i=De(),l=Le();function s(f){f===void 0&&(f=!1);const e=[(0,a.jsx)("meta",{charSet:"utf-8"})];return f||e.push((0,a.jsx)("meta",{name:"viewport",content:"width=device-width"})),e}function O(f,e){return typeof e=="string"||typeof e=="number"?f:e.type===o.default.Fragment?f.concat(o.default.Children.toArray(e.props.children).reduce((u,r)=>typeof r=="string"||typeof r=="number"?u:u.concat(r),[])):f.concat(e)}const h=["name","httpEquiv","charSet","itemProp"];function q(){const f=new Set,e=new Set,u=new Set,r={};return m=>{let P=!0,S=!1;if(m.key&&typeof m.key!="number"&&m.key.indexOf("$")>0){S=!0;const y=m.key.slice(m.key.indexOf("$")+1);f.has(y)?P=!1:f.add(y)}switch(m.type){case"title":case"base":e.has(m.type)?P=!1:e.add(m.type);break;case"meta":for(let y=0,x=h.length;y<x;y++){const v=h[y];if(m.props.hasOwnProperty(v))if(v==="charSet")u.has(v)?P=!1:u.add(v);else{const j=m.props[v],I=r[v]||new Set;(v!=="name"||!S)&&I.has(j)?P=!1:(I.add(j),r[v]=I)}}break}return P}}function C(f,e){const{inAmpMode:u}=e;return f.reduce(O,[]).reverse().concat(s(u).reverse()).filter(q()).reverse().map((r,m)=>{const P=r.key||m;if(d.__NEXT_OPTIMIZE_FONTS&&!u&&r.type==="link"&&r.props.href&&["https://fonts.googleapis.com/css","https://use.typekit.net/"].some(S=>r.props.href.startsWith(S))){const S={...r.props||{}};return S["data-href"]=S.href,S.href=void 0,S["data-optimized-fonts"]=!0,o.default.cloneElement(r,S)}return o.default.cloneElement(r,{key:P})})}function M(f){let{children:e}=f;const u=(0,o.useContext)(b.AmpStateContext),r=(0,o.useContext)(i.HeadManagerContext);return(0,a.jsx)(E.default,{reduceComponentsToState:C,headManager:r,inAmpMode:(0,l.isInAmpMode)(u),children:e})}const w=M;(typeof n.default=="function"||typeof n.default=="object"&&n.default!==null)&&typeof n.default.__esModule>"u"&&(Object.defineProperty(n.default,"__esModule",{value:!0}),Object.assign(n.default,n),t.exports=n.default)}(ee,ee.exports)),ee.exports}var ue={},Ce;function Ne(){return Ce||(Ce=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ImageConfigContext",{enumerable:!0,get:function(){return _}});const d=W._(G),c=te,_=d.default.createContext(c.imageConfigDefault)}(ue)),ue}var se={},Se;function $e(){return Se||(Se=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"RouterContext",{enumerable:!0,get:function(){return c}});const c=W._(G).default.createContext(null)}(se)),se}var ce={},we;function Oe(){return we||(we=1,function(t){var n={};Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return c}});function d(_){let{config:p,src:a,width:o,quality:E}=_;return p.path+"?url="+encodeURIComponent(a)+"&w="+o+"&q="+(E||75)+(n.NEXT_DEPLOYMENT_ID?"&dpl="+n.NEXT_DEPLOYMENT_ID:"")}d.__next_img_default=!0;const c=d}(ce)),ce}(function(t,n){"use client";var d={};Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Image",{enumerable:!0,get:function(){return f}});const c=W,_=Pe,p=je,a=_._(G),o=c._(Re),E=c._(ke()),b=le,i=te,l=Ne(),s=$e(),O=c._(Oe()),h=d.__NEXT_IMAGE_OPTS;typeof window>"u"&&(globalThis.__NEXT_IMAGE_IMPORTED=!0);function q(e,u,r,m,P,S,y){const x=e==null?void 0:e.src;if(!e||e["data-loaded-src"]===x)return;e["data-loaded-src"]=x,("decode"in e?e.decode():Promise.resolve()).catch(()=>{}).then(()=>{if(!(!e.parentElement||!e.isConnected)){if(u!=="empty"&&P(!0),r!=null&&r.current){const j=new Event("load");Object.defineProperty(j,"target",{writable:!1,value:e});let I=!1,A=!1;r.current({...j,nativeEvent:j,currentTarget:e,target:e,isDefaultPrevented:()=>I,isPropagationStopped:()=>A,persist:()=>{},preventDefault:()=>{I=!0,j.preventDefault()},stopPropagation:()=>{A=!0,j.stopPropagation()}})}m!=null&&m.current&&m.current(e)}})}function C(e){return a.use?{fetchPriority:e}:{fetchpriority:e}}const M=(0,a.forwardRef)((e,u)=>{let{src:r,srcSet:m,sizes:P,height:S,width:y,decoding:x,className:v,style:j,fetchPriority:I,placeholder:A,loading:Y,unoptimized:K,fill:V,onLoadRef:z,onLoadingCompleteRef:L,setBlurComplete:$,setShowAltText:J,sizesInput:H,onLoad:T,onError:D,...X}=e;return(0,p.jsx)("img",{...X,...C(I),loading:Y,width:y,height:S,decoding:x,"data-nimg":V?"fill":"1",className:v,style:j,sizes:P,srcSet:m,src:r,ref:(0,a.useCallback)(R=>{u&&(typeof u=="function"?u(R):typeof u=="object"&&(u.current=R)),R&&(D&&(R.src=R.src),R.complete&&q(R,A,z,L,$))},[r,A,z,L,$,D,K,H,u]),onLoad:R=>{const Q=R.currentTarget;q(Q,A,z,L,$)},onError:R=>{J(!0),A!=="empty"&&$(!0),D&&D(R)}})});function w(e){let{isAppRouter:u,imgAttributes:r}=e;const m={as:"image",imageSrcSet:r.srcSet,imageSizes:r.sizes,crossOrigin:r.crossOrigin,referrerPolicy:r.referrerPolicy,...C(r.fetchPriority)};return u&&o.default.preload?(o.default.preload(r.src,m),null):(0,p.jsx)(E.default,{children:(0,p.jsx)("link",{rel:"preload",href:r.srcSet?void 0:r.src,...m},"__nimg-"+r.src+r.srcSet+r.sizes)})}const f=(0,a.forwardRef)((e,u)=>{const m=!(0,a.useContext)(s.RouterContext),P=(0,a.useContext)(l.ImageConfigContext),S=(0,a.useMemo)(()=>{const L=h||P||i.imageConfigDefault,$=[...L.deviceSizes,...L.imageSizes].sort((H,T)=>H-T),J=L.deviceSizes.sort((H,T)=>H-T);return{...L,allSizes:$,deviceSizes:J}},[P]),{onLoad:y,onLoadingComplete:x}=e,v=(0,a.useRef)(y);(0,a.useEffect)(()=>{v.current=y},[y]);const j=(0,a.useRef)(x);(0,a.useEffect)(()=>{j.current=x},[x]);const[I,A]=(0,a.useState)(!1),[Y,K]=(0,a.useState)(!1),{props:V,meta:z}=(0,b.getImgProps)(e,{defaultLoader:O.default,imgConf:S,blurComplete:I,showAltText:Y});return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(M,{...V,unoptimized:z.unoptimized,placeholder:z.placeholder,fill:z.fill,onLoadRef:v,onLoadingCompleteRef:j,setBlurComplete:A,setShowAltText:K,sizesInput:e.sizes,ref:u}),z.priority?(0,p.jsx)(w,{isAppRouter:m,imgAttributes:V}):null]})});(typeof n.default=="function"||typeof n.default=="object"&&n.default!==null)&&typeof n.default.__esModule>"u"&&(Object.defineProperty(n.default,"__esModule",{value:!0}),Object.assign(n.default,n),t.exports=n.default)})(de,de.exports);var He=de.exports;(function(t){var n={};Object.defineProperty(t,"__esModule",{value:!0});function d(b,i){for(var l in i)Object.defineProperty(b,l,{enumerable:!0,get:i[l]})}d(t,{default:function(){return E},getImageProps:function(){return o}});const c=W,_=le,p=He,a=c._(Oe());function o(b){const{props:i}=(0,_.getImgProps)(b,{defaultLoader:a.default,imgConf:n.__NEXT_IMAGE_OPTS});for(const[l,s]of Object.entries(i))s===void 0&&delete i[l];return{props:i}}const E=p.Image})(Ie);var Be=Ie;const Ve=ze(Be);export{Ve as N};

package/components/Avatar/Avatar.js

@@ -1 +1 @@
-import{jsx as e,jsxs as h}from"react/jsx-runtime";import{cn as o}from"../../utils/cn.js";const w=()=>e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M20 21C20 19.6044 20 18.9067 19.8278 18.3389C19.44 17.0605 18.4395 16.06 17.1611 15.6722C16.5933 15.5 15.8956 15.5 14.5 15.5H9.5C8.10444 15.5 7.40665 15.5 6.83886 15.6722C5.56045 16.06 4.56004 17.0605 4.17224 18.3389C4 18.9067 4 19.6044 4 21M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});function C({icon:f,className:x,isDisabled:l,size:d="md",classNames:t,isBordered:p,radius:n="full",name:r,src:i,alt:u}){return e("div",{className:o("group","z-10","first:ms-0",x),children:h("div",{className:o("transition-transform duration-300 ease-in-out","bg-slate-100","flex items-center justify-center","relative","z-10","overflow-hidden",l?"opacity-50":"opacity-100",[d==="sm"&&"h-8 w-8 text-xs",d==="md"&&"h-10 w-10 text-sm",d==="lg"&&"h-12 w-12 text-base"],[n==="full"&&"rounded-full",n==="lg"&&"rounded-2xl",n==="md"&&"rounded-xl",n==="sm"&&"rounded-lg",n==="none"&&"rounded-none"],p&&"shadow-[#fff_0px_0px_0px_2px,_#f1f5f9_0px_0px_0px_4px,_#00000000_0px_0px_0px_0px]",t==null?void 0:t.base),children:[i&&e("img",{src:i,alt:u||r||"Avatar",className:o("absolute","w-full","h-full","overflow-hidden","object-cover","object-center",t==null?void 0:t.icon)}),!i&&r&&e("span",{className:o("flex items-center justify-center","text-center","max-w-full","overflow-hidden","font-medium",t==null?void 0:t.name),children:r}),!i&&!r&&e("span",{className:o("flex items-center justify-center",t==null?void 0:t.fallback),children:f||e(w,{})})]})})}export{C as Avatar,C as default};
+import{jsx as e,jsxs as h}from"react/jsx-runtime";import{cn as o}from"../../utils/cn.js";function w(){return e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M20 21C20 19.6044 20 18.9067 19.8278 18.3389C19.44 17.0605 18.4395 16.06 17.1611 15.6722C16.5933 15.5 15.8956 15.5 14.5 15.5H9.5C8.10444 15.5 7.40665 15.5 6.83886 15.6722C5.56045 16.06 4.56004 17.0605 4.17224 18.3389C4 18.9067 4 19.6044 4 21M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function C({icon:d,className:x,isDisabled:l,size:f="md",classNames:t,isBordered:u,radius:n="full",name:r,src:i,alt:p}){return e("div",{className:o("group","z-10","first:ms-0",x),children:h("div",{className:o("transition-transform duration-300 ease-in-out","bg-slate-100","flex items-center justify-center","relative","z-10","overflow-hidden",l?"opacity-50":"opacity-100",[f==="sm"&&"h-8 w-8 text-xs",f==="md"&&"h-10 w-10 text-sm",f==="lg"&&"h-12 w-12 text-base"],[n==="full"&&"rounded-full",n==="lg"&&"rounded-2xl",n==="md"&&"rounded-xl",n==="sm"&&"rounded-lg",n==="none"&&"rounded-none"],u&&"shadow-[#fff_0px_0px_0px_2px,_#f1f5f9_0px_0px_0px_4px,_#00000000_0px_0px_0px_0px]",t==null?void 0:t.base),children:[i&&e("img",{src:i,alt:p||r||"Avatar",className:o("absolute","w-full","h-full","overflow-hidden","object-cover","object-center",t==null?void 0:t.icon)}),!i&&r&&e("span",{className:o("flex items-center justify-center","text-center","max-w-full","overflow-hidden","font-medium",t==null?void 0:t.name),children:r}),!i&&!r&&e("span",{className:o("flex items-center justify-center",t==null?void 0:t.fallback),children:d||e(w,{})})]})})}export{C as Avatar,C as default};

package/components/Container/Container.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const Container: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
     children?: import('react').ReactNode;
 } & import('react').RefAttributes<HTMLDivElement>>;

package/components/DateTimeFormat/DateTimeFormat.d.ts

@@ -1,3 +1,3 @@
 import { DateTimeFormatProps } from './DateTimeFormat.types';
-export declare function DateTimeFormat({ locale, fallback, children, ...options }: DateTimeFormatProps): string | number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null;
+export declare function DateTimeFormat({ locale, fallback, children, ...options }: DateTimeFormatProps): string | number | bigint | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | Promise<import('react').AwaitedReactNode> | null;
 export default DateTimeFormat;

package/components/Image/Image.js

@@ -1 +1 @@
-import{jsx as g}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import{N as u}from"../../assets/image-DzfFRUBL.js";import{cn as p}from"../../utils/cn.js";import"react-dom";function j({src:e,className:a,...s}){const[i,m]=t(!0),[n,o]=t(e),[l,f]=t(!1);return r(()=>o(e),[e]),r(()=>f(!0),[]),g(u,{src:n,className:p("transition-[filter] ease-linear duration-200",l&&i&&"blur-md",a),onError:()=>o("/images/placeholder.jpg"),onLoad:()=>m(!1),...s})}export{j as Image,j as default};
+import{jsx as g}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import{N as p}from"../../assets/image-k0c3_NVg.js";import{cn as u}from"../../utils/cn.js";import"../../assets/_interop_require_wildcard-hxwiIWAf.js";import"react-dom";function C({src:e,className:a,...i}){const[m,s]=t(!0),[n,o]=t(e),[l,f]=t(!1);return r(()=>o(e),[e]),r(()=>f(!0),[]),g(p,{src:n,className:u("transition-[filter] ease-linear duration-200",l&&m&&"blur-md",a),onError:()=>o("/images/placeholder.jpg"),onLoad:()=>s(!1),...i})}export{C as Image,C as default};

package/components/Image/index.js

@@ -1 +1 @@
-import{Image as a}from"./Image.js";import"react/jsx-runtime";import"react";import"../../assets/image-DzfFRUBL.js";import"react-dom";import"../../utils/cn.js";export{a as Image};
+import{Image as f}from"./Image.js";import"react/jsx-runtime";import"react";import"../../assets/image-k0c3_NVg.js";import"../../assets/_interop_require_wildcard-hxwiIWAf.js";import"react-dom";import"../../utils/cn.js";export{f as Image};

package/components/Input/Input.js

@@ -1 +1 @@
-import{jsxs as n,jsx as r}from"react/jsx-runtime";import{Label as u,TextField as h,Input as v,Text as w,FieldError as I}from"react-aria-components";import{forwardRef as g}from"react";import{cn as e}from"../../utils/cn.js";import{Skeleton as k}from"../Skeleton/Skeleton.js";import{useIsClient as C}from"../../hooks/useIsClient.js";function j({className:o}){return r(k,{className:e("w-full h-10 rounded-md z-20 relative",o)})}const R=g(({inputProps:o,label:i,description:d,errorMessage:f,placeholder:x,className:l,classNames:t,...p},b)=>C()?n(h,{className:e("flex flex-col w-full text-slate-900",l),...p,children:[r(u,{className:e("flex text-slate-500 text-xs",t==null?void 0:t.label),children:i}),r(v,{ref:b,placeholder:x,className:e("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",t==null?void 0:t.input),...o}),d&&r(w,{className:e("flex text-slate-500 text-sm",t==null?void 0:t.description),slot:"description",children:d}),r(I,{className:e("flex text-red-500 text-sm",t==null?void 0:t.error),children:f})]}):n("div",{className:e("flex flex-col w-full text-slate-900",l),children:[i?r(u,{className:e("flex text-slate-500 text-xs",t==null?void 0:t.label),children:i}):null,r(j,{className:t==null?void 0:t.skeleton})]}));export{R as Input,R as default};
+import{jsxs as n,jsx as r}from"react/jsx-runtime";import{Label as u,TextField as v,Input as w,Text as I,FieldError as g}from"react-aria-components";import{forwardRef as k}from"react";import{cn as e}from"../../utils/cn.js";import{Skeleton as C}from"../Skeleton/Skeleton.js";import{useIsClient as j}from"../../hooks/useIsClient.js";function F({className:o}){return r(C,{className:e("w-full h-10 rounded-md z-20 relative",o)})}const $=k(({inputProps:o,label:i,description:d,errorMessage:f,placeholder:x,className:l,classNames:t,disableSkeleton:p,...b},h)=>!j()&&!p?n("div",{className:e("flex flex-col w-full text-slate-900",l),children:[i?r(u,{className:e("flex text-slate-500 text-xs",t==null?void 0:t.label),children:i}):null,r(F,{className:t==null?void 0:t.skeleton})]}):n(v,{className:e("flex flex-col w-full text-slate-900",l),...b,children:[r(u,{className:e("flex text-slate-500 text-xs",t==null?void 0:t.label),children:i}),r(w,{ref:h,placeholder:x,className:e("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",t==null?void 0:t.input),...o}),d&&r(I,{className:e("flex text-slate-500 text-sm",t==null?void 0:t.description),slot:"description",children:d}),r(g,{className:e("flex text-red-500 text-sm",t==null?void 0:t.error),children:f})]}));export{$ as Input,$ as default};

package/components/Input/Input.types.d.ts

@@ -7,4 +7,10 @@ export interface InputProps extends TextFieldProps {
     placeholder?: string;
     classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'skeleton'>;
     inputProps?: AriaInputProps;
+    /**
+     * When true, renders the input immediately without showing a skeleton during hydration.
+     * Use this when the input doesn't need hydration protection (e.g., simple text inputs
+     * that don't have complex state or need immediate interactivity).
+     */
+    disableSkeleton?: boolean;
 }

package/components/Link/Link.js

@@ -1 +1 @@
-import{jsx as n}from"react/jsx-runtime";import{forwardRef as d}from"react";import{Link as l}from"react-aria-components";import{cn as u}from"../../utils/cn.js";const x=d(({children:e,isDisabled:r,className:t,...o},a)=>n(l,{...o,isDisabled:r,className:s=>{const i=typeof t=="function"?t(s):t;return u("flex items-center cursor-pointer","text-slate-500","no-underline","transition-colors duration-300","hover:text-slate-800",['data-[disabled="true"]:cursor-default','data-[disabled="true"]:text-slate-300','data-[disabled="true"]:hover:text-slate-300'],i)},ref:a,children:e}));export{x as Link,x as default};
+import{jsx as f}from"react/jsx-runtime";import{forwardRef as p,useMemo as c}from"react";import{Link as x}from"react-aria-components";import{cn as k}from"../../utils/cn.js";import{useLinkConfig as b}from"./LinkContext.js";import{isExternalUrl as L}from"./utils.js";const v=p(({children:n,isDisabled:s,className:e,href:t,target:a,rel:i,...l},d)=>{const{baseUrl:r}=b(),o=c(()=>t?L(t,r):!1,[t,r]);return f(x,{...l,href:t,isDisabled:s,target:a??(o?"_blank":void 0),rel:i??(o?"noopener noreferrer":void 0),className:u=>{const m=typeof e=="function"?e(u):e;return k("flex items-center cursor-pointer","text-slate-500","no-underline","transition-colors duration-300","hover:text-slate-800",['data-[disabled="true"]:cursor-default','data-[disabled="true"]:text-slate-300','data-[disabled="true"]:hover:text-slate-300'],m)},ref:d,children:n})});v.displayName="Link";export{v as Link,v as default};

package/components/Link/LinkContext.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type LinkConfig = {
+    /** Base URL for external link detection */
+    baseUrl?: string;
+};
+type LinkProviderProps = {
+    children: ReactNode;
+    config: LinkConfig;
+};
+export declare function LinkProvider({ children, config }: LinkProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useLinkConfig(): LinkConfig;
+export {};

package/components/Link/LinkContext.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,useContext as i}from"react";const t=e({});function x({children:n,config:o}){return r(t.Provider,{value:o,children:n})}function c(){return i(t)}export{x as LinkProvider,c as useLinkConfig};

package/components/Link/index.d.ts

@@ -1,2 +1,4 @@
 export { Link } from './Link';
 export type { LinkProps } from './Link.types';
+export { LinkProvider, useLinkConfig, type LinkConfig } from './LinkContext';
+export { isExternalUrl } from './utils';

package/components/Link/index.js

@@ -1 +1 @@
-import{Link as e}from"./Link.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"../../utils/cn.js";export{e as Link};
+import{Link as e}from"./Link.js";import{LinkProvider as f,useLinkConfig as x}from"./LinkContext.js";import{isExternalUrl as L}from"./utils.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"../../utils/cn.js";export{e as Link,f as LinkProvider,L as isExternalUrl,x as useLinkConfig};

package/components/Link/utils.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Check if a URL is external (different host than current site).
+ *
+ * On client: uses window.location.host for accurate detection
+ * On server (SSR): falls back to baseUrl or treats absolute URLs as external (safe default)
+ *
+ * @param href - The URL to check
+ * @param baseUrl - Optional fallback base URL for SSR (e.g., 'https://example.com')
+ * @returns true if the URL is external
+ */
+export declare function isExternalUrl(href: string, baseUrl?: string): boolean;

package/components/Link/utils.js

@@ -0,0 +1 @@
+function o(t,n){if(t.startsWith("/")||t.startsWith("#"))return!1;try{const r=new URL(t);if(typeof window<"u")return r.host!==window.location.host;if(n){const e=new URL(n);return r.host!==e.host}return!0}catch{return!1}}export{o as isExternalUrl};

package/components/ModalOverlay/ModalOverlay.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{forwardRef as h,useId as b}from"react";import{ModalOverlay as c}from"react-aria-components";import{AnimatePresence as O,motion as g}from"framer-motion";import{useDialogTrigger as x}from"../DialogTrigger/DialogTrigger.js";import{cn as w}from"../../utils/cn.js";const k=h(({style:i,...e},n)=>{const o=typeof i=="function"?i(e):i;return t(c,{...e,ref:n,style:o})});let r=null;function A(){return typeof window>"u"?null:(r||(r=g.create(k)),r)}function s({animate:i,animation:e,setAnimation:n,className:o,animationVariants:f,children:a,...u}){const p=b(),d=A(),{key:v,...y}=u,l={className:w("bg-black/30","fixed top-0 left-0","z-50","w-screen h-[var(--visual-viewport-height)]",o),...y};return d?t(d,{isExiting:e==="hidden",onAnimationComplete:M=>{n(m=>M==="hidden"&&m==="hidden"?"unmounted":m)},variants:f||{hidden:{opacity:0,backdropFilter:"blur(0px)",transition:{delay:.08}},visible:{opacity:1,backdropFilter:"blur(8px)"}},initial:"hidden",animate:i,exit:"hidden",...l,children:a},v||p):t(c,{...l,children:a})}function D(i){const{isOpen:e}=i,{animation:n,setAnimation:o}=x();return e!==void 0?t(O,{children:e&&t(s,{...i,animate:"visible",animation:n,setAnimation:o})}):t(s,{...i,animate:n,animation:n,setAnimation:o})}export{D as ModalOverlay,D as default};
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as h,useId as b}from"react";import{ModalOverlay as c}from"react-aria-components";import{AnimatePresence as O,motion as g}from"framer-motion";import{useDialogTrigger as x}from"../DialogTrigger/DialogTrigger.js";import{cn as w}from"../../utils/cn.js";const k=h(({style:i,...e},n)=>{const o=typeof i=="function"?i(e):i;return t(c,{...e,ref:n,style:o})});let r=null;function A(){return typeof window>"u"?null:(r||(r=g.create(k)),r)}function s({animate:i,animation:e,setAnimation:n,className:o,animationVariants:f,children:a,...u}){const p=b(),d=A(),{key:v,...y}=u,l={className:w("bg-black/30","fixed top-0 left-0","z-[1000]","w-screen h-[var(--visual-viewport-height)]",o),...y};return d?t(d,{isExiting:e==="hidden",onAnimationComplete:M=>{n(m=>M==="hidden"&&m==="hidden"?"unmounted":m)},variants:f||{hidden:{opacity:0,backdropFilter:"blur(0px)",transition:{delay:.08}},visible:{opacity:1,backdropFilter:"blur(8px)"}},initial:"hidden",animate:i,exit:"hidden",...l,children:a},v||p):t(c,{...l,children:a})}function D(i){const{isOpen:e}=i,{animation:n,setAnimation:o}=x();return e!==void 0?t(O,{children:e&&t(s,{...i,animate:"visible",animation:n,setAnimation:o})}):t(s,{...i,animate:n,animation:n,setAnimation:o})}export{D as ModalOverlay,D as default};

package/components/NumberFormat/NumberFormat.d.ts

@@ -1,3 +1,3 @@
 import { NumberFormatProps } from './NumberFormat.types';
-export declare function NumberFormat({ locale, style, fallback, children, ...options }: NumberFormatProps): string | number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null;
+export declare function NumberFormat({ locale, style, fallback, children, ...options }: NumberFormatProps): string | number | bigint | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | Promise<import('react').AwaitedReactNode> | null;
 export default NumberFormat;

package/components/NumberFormat/NumberFormat.js

@@ -1 +1 @@
-function u({locale:r="en-US",style:t="decimal",fallback:m="-",children:e,...a}){return e?new Intl.NumberFormat(r,{...a,style:t}).format(Number(e)):m}export{u as NumberFormat,u as default};
+function a({locale:r="en-US",style:t="decimal",fallback:m="-",children:e,...u}){return e!=null?new Intl.NumberFormat(r,{...u,style:t}).format(Number(e)):m}export{a as NumberFormat,a as default};

package/components/PhoneInput/PhoneInput.d.ts

@@ -10,14 +10,4 @@ interface PhoneInputProps extends Omit<TextFieldProps, 'type'> {
     defaultCountry?: CountryIso2;
 }
 export declare function PhoneInput({ value, onChange, defaultCountry, ...props }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace PhoneInput {
-    var defaultProps: {
-        label: undefined;
-        description: undefined;
-        errorMessage: undefined;
-        placeholder: undefined;
-        classNames: undefined;
-        defaultCountry: undefined;
-    };
-}
 export default PhoneInput;

package/components/PhoneInput/PhoneInput.js

@@ -1 +1 @@
-import{jsxs as q,jsx as F}from"react/jsx-runtime";import{useFilter as oe}from"react-aria";import k,{forwardRef as ie,useImperativeHandle as le,useRef as _,useCallback as H,useMemo as J,useEffect as W,useState as j}from"react";import{DialogTrigger as se,Button as de,Input as ue,ListBox as ce,ListBoxItem as fe}from"react-aria-components";import{cn as U}from"../../utils/cn.js";import{Input as pe}from"../Input/Input.js";import"../Skeleton/Skeleton.js";import"../../hooks/useIsClient.js";var R=[["Afghanistan","af","93"],["Albania","al","355"],["Algeria","dz","213"],["Andorra","ad","376"],["Angola","ao","244"],["Antigua and Barbuda","ag","1268"],["Argentina","ar","54","(..) ........",0],["Armenia","am","374",".. ......"],["Aruba","aw","297"],["Australia","au","61",{default:". .... ....","/^4/":"... ... ...","/^5(?!50)/":"... ... ...","/^1(3|8)00/":".... ... ...","/^13/":".. .. ..","/^180/":"... ...."},0,[]],["Austria","at","43"],["Azerbaijan","az","994","(..) ... .. .."],["Bahamas","bs","1242"],["Bahrain","bh","973"],["Bangladesh","bd","880"],["Barbados","bb","1246"],["Belarus","by","375","(..) ... .. .."],["Belgium","be","32","... .. .. .."],["Belize","bz","501"],["Benin","bj","229"],["Bhutan","bt","975"],["Bolivia","bo","591"],["Bosnia and Herzegovina","ba","387"],["Botswana","bw","267"],["Brazil","br","55","(..) ........."],["British Indian Ocean Territory","io","246"],["Brunei","bn","673"],["Bulgaria","bg","359"],["Burkina Faso","bf","226"],["Burundi","bi","257"],["Cambodia","kh","855"],["Cameroon","cm","237"],["Canada","ca","1","(...) ...-....",1,["204","226","236","249","250","289","306","343","365","387","403","416","418","431","437","438","450","506","514","519","548","579","581","587","604","613","639","647","672","705","709","742","778","780","782","807","819","825","867","873","902","905"]],["Cape Verde","cv","238"],["Caribbean Netherlands","bq","599","",1],["Cayman Islands","ky","1","... ... ....",4,["345"]],["Central African Republic","cf","236"],["Chad","td","235"],["Chile","cl","56"],["China","cn","86","... .... ...."],["Colombia","co","57","... ... ...."],["Comoros","km","269"],["Congo","cd","243"],["Congo","cg","242"],["Costa Rica","cr","506","....-...."],["Côte d'Ivoire","ci","225",".. .. .. .. .."],["Croatia","hr","385"],["Cuba","cu","53"],["Curaçao","cw","599","",0],["Cyprus","cy","357",".. ......"],["Czech Republic","cz","420","... ... ..."],["Denmark","dk","45",".. .. .. .."],["Djibouti","dj","253"],["Dominica","dm","1767"],["Dominican Republic","do","1","(...) ...-....",2,["809","829","849"]],["Ecuador","ec","593"],["Egypt","eg","20"],["El Salvador","sv","503","....-...."],["Equatorial Guinea","gq","240"],["Eritrea","er","291"],["Estonia","ee","372",".... ......"],["Ethiopia","et","251"],["Fiji","fj","679"],["Finland","fi","358",".. ... .. .."],["France","fr","33",". .. .. .. .."],["French Guiana","gf","594"],["French Polynesia","pf","689"],["Gabon","ga","241"],["Gambia","gm","220"],["Georgia","ge","995"],["Germany","de","49","... ........."],["Ghana","gh","233"],["Greece","gr","30"],["Greenland","gl","299",".. .. .."],["Grenada","gd","1473"],["Guadeloupe","gp","590","",0],["Guam","gu","1671"],["Guatemala","gt","502","....-...."],["Guinea","gn","224"],["Guinea-Bissau","gw","245"],["Guyana","gy","592"],["Haiti","ht","509","....-...."],["Honduras","hn","504"],["Hong Kong","hk","852",".... ...."],["Hungary","hu","36"],["Iceland","is","354","... ...."],["India","in","91",".....-....."],["Indonesia","id","62"],["Iran","ir","98","... ... ...."],["Iraq","iq","964"],["Ireland","ie","353",".. ......."],["Israel","il","972","... ... ...."],["Italy","it","39","... .......",0],["Jamaica","jm","1876"],["Japan","jp","81",".. .... ...."],["Jordan","jo","962"],["Kazakhstan","kz","7","... ...-..-..",0],["Kenya","ke","254"],["Kiribati","ki","686"],["Kosovo","xk","383"],["Kuwait","kw","965"],["Kyrgyzstan","kg","996","... ... ..."],["Laos","la","856"],["Latvia","lv","371",".. ... ..."],["Lebanon","lb","961"],["Lesotho","ls","266"],["Liberia","lr","231"],["Libya","ly","218"],["Liechtenstein","li","423"],["Lithuania","lt","370"],["Luxembourg","lu","352"],["Macau","mo","853"],["Macedonia","mk","389"],["Madagascar","mg","261"],["Malawi","mw","265"],["Malaysia","my","60","..-....-...."],["Maldives","mv","960"],["Mali","ml","223"],["Malta","mt","356"],["Marshall Islands","mh","692"],["Martinique","mq","596"],["Mauritania","mr","222"],["Mauritius","mu","230"],["Mexico","mx","52","... ... ....",0],["Micronesia","fm","691"],["Moldova","md","373","(..) ..-..-.."],["Monaco","mc","377"],["Mongolia","mn","976"],["Montenegro","me","382"],["Morocco","ma","212"],["Mozambique","mz","258"],["Myanmar","mm","95"],["Namibia","na","264"],["Nauru","nr","674"],["Nepal","np","977"],["Netherlands","nl","31",{"/^06/":"(.). .........","/^6/":". .........","/^0(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":"(.).. ........","/^(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":".. ........","/^0/":"(.)... .......",default:"... ......."}],["New Caledonia","nc","687"],["New Zealand","nz","64","...-...-...."],["Nicaragua","ni","505"],["Niger","ne","227"],["Nigeria","ng","234"],["North Korea","kp","850"],["Norway","no","47","... .. ..."],["Oman","om","968"],["Pakistan","pk","92","...-......."],["Palau","pw","680"],["Palestine","ps","970"],["Panama","pa","507"],["Papua New Guinea","pg","675"],["Paraguay","py","595"],["Peru","pe","51"],["Philippines","ph","63","... ... ...."],["Poland","pl","48","...-...-..."],["Portugal","pt","351"],["Puerto Rico","pr","1","(...) ...-....",3,["787","939"]],["Qatar","qa","974"],["Réunion","re","262"],["Romania","ro","40"],["Russia","ru","7","(...) ...-..-..",1],["Rwanda","rw","250"],["Saint Kitts and Nevis","kn","1869"],["Saint Lucia","lc","1758"],["Saint Vincent and the Grenadines","vc","1784"],["Samoa","ws","685"],["San Marino","sm","378"],["São Tomé and Príncipe","st","239"],["Saudi Arabia","sa","966"],["Senegal","sn","221"],["Serbia","rs","381"],["Seychelles","sc","248"],["Sierra Leone","sl","232"],["Singapore","sg","65","....-...."],["Slovakia","sk","421"],["Slovenia","si","386"],["Solomon Islands","sb","677"],["Somalia","so","252"],["South Africa","za","27"],["South Korea","kr","82","... .... ...."],["South Sudan","ss","211"],["Spain","es","34","... ... ..."],["Sri Lanka","lk","94"],["Sudan","sd","249"],["Suriname","sr","597"],["Swaziland","sz","268"],["Sweden","se","46","... ... ..."],["Switzerland","ch","41",".. ... .. .."],["Syria","sy","963"],["Taiwan","tw","886"],["Tajikistan","tj","992"],["Tanzania","tz","255"],["Thailand","th","66"],["Timor-Leste","tl","670"],["Togo","tg","228"],["Tonga","to","676"],["Trinidad and Tobago","tt","1868"],["Tunisia","tn","216"],["Turkey","tr","90","... ... .. .."],["Turkmenistan","tm","993"],["Tuvalu","tv","688"],["Uganda","ug","256"],["Ukraine","ua","380","(..) ... .. .."],["United Arab Emirates","ae","971"],["United Kingdom","gb","44",".... ......"],["United States","us","1","(...) ...-....",0],["Uruguay","uy","598"],["Uzbekistan","uz","998",".. ... .. .."],["Vanuatu","vu","678"],["Vatican City","va","39",".. .... ....",1],["Venezuela","ve","58"],["Vietnam","vn","84"],["Yemen","ye","967"],["Zambia","zm","260"],["Zimbabwe","zw","263"]],me="react-international-phone-",ee=(...t)=>t.filter(e=>!!e).join(" ").trim(),he=(...t)=>ee(...t).split(" ").map(e=>`${me}${e}`).join(" "),A=({addPrefix:t,rawClassNames:e})=>ee(he(...t),...e),ye=({value:t,mask:e,maskSymbol:o,offset:i=0,trimNonMaskCharsLeftover:a=!1})=>{if(t.length<i)return t;let r=t.slice(0,i),c=t.slice(i),d=r,n=0;for(let s of e.split("")){if(n>=c.length){if(!a&&s!==o){d+=s;continue}break}s===o?(d+=c[n],n+=1):d+=s}return d},O=t=>t?/^\d+$/.test(t):!1,Q=t=>t.replace(/\D/g,""),Ce=(t,e)=>{let o=t.style.display;o!=="block"&&(t.style.display="block");let i=t.getBoundingClientRect(),a=e.getBoundingClientRect(),r=a.top-i.top,c=i.bottom-a.bottom;r>=0&&c>=0||(Math.abs(r)<Math.abs(c)?t.scrollTop+=r:t.scrollTop-=c),t.style.display=o},ge=()=>typeof window>"u"?!1:window.navigator.userAgent.toLowerCase().includes("macintosh"),be=(t,e)=>{let o=e.disableDialCodeAndPrefix?!1:e.forceDialCode,i=e.disableDialCodeAndPrefix?!1:e.insertDialCodeOnEmpty,a=t,r=s=>e.trimNonDigitsEnd?s.trim():s;if(!a)return i&&!a.length||o?r(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`):r(a);if(a=Q(a),a===e.dialCode&&!e.disableDialCodeAndPrefix)return r(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(e.dialCode.startsWith(a)&&!e.disableDialCodeAndPrefix)return r(o?`${e.prefix}${e.dialCode}${e.charAfterDialCode}`:`${e.prefix}${a}`);if(!a.startsWith(e.dialCode)&&!e.disableDialCodeAndPrefix){if(o)return r(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(a.length<e.dialCode.length)return r(`${e.prefix}${a}`)}let c=()=>{let s=e.dialCode.length,l=a.slice(0,s),y=a.slice(s);return{phoneLeftSide:l,phoneRightSide:y}},{phoneLeftSide:d,phoneRightSide:n}=c();return d=`${e.prefix}${d}${e.charAfterDialCode}`,n=ye({value:n,mask:e.mask,maskSymbol:e.maskChar,trimNonMaskCharsLeftover:e.trimNonDigitsEnd||e.disableDialCodeAndPrefix&&n.length===0}),e.disableDialCodeAndPrefix&&(d=""),r(`${d}${n}`)},ve=({phoneBeforeInput:t,phoneAfterInput:e,phoneAfterFormatted:o,cursorPositionAfterInput:i,leftOffset:a=0,deletion:r})=>{if(i<a)return a;if(!t)return o.length;let c=null;for(let l=i-1;l>=0;l-=1)if(O(e[l])){c=l;break}if(c===null){for(let l=0;l<e.length;l+=1)if(O(o[l]))return l;return e.length}let d=0;for(let l=0;l<c;l+=1)O(e[l])&&(d+=1);let n=0,s=0;for(let l=0;l<o.length&&(n+=1,O(o[l])&&(s+=1),!(s>=d+1));l+=1);if(r!=="backward")for(;!O(o[n])&&n<o.length;)n+=1;return n},Z=({phone:t,prefix:e})=>t?`${e}${Q(t)}`:"";function X({value:t,country:e,insertDialCodeOnEmpty:o,trimNonDigitsEnd:i,countries:a,prefix:r,charAfterDialCode:c,forceDialCode:d,disableDialCodeAndPrefix:n,defaultMask:s,countryGuessingEnabled:l,disableFormatting:y}){let u=t;n&&(u=u.startsWith(`${r}`)?u:`${r}${e.dialCode}${u}`);let m=l?$e({phone:u,countries:a,currentCountryIso2:e==null?void 0:e.iso2}):void 0,v=(m==null?void 0:m.country)??e,h=be(u,{prefix:r,mask:Pe({phone:u,country:v,defaultMask:s,disableFormatting:y}),maskChar:te,dialCode:v.dialCode,trimNonDigitsEnd:i,charAfterDialCode:c,forceDialCode:d,insertDialCodeOnEmpty:o,disableDialCodeAndPrefix:n}),C=l&&!(m!=null&&m.fullDialCodeMatch)?e:v;return{phone:Z({phone:n?`${C.dialCode}${h}`:h,prefix:r}),inputValue:h,country:C}}var we=t=>{if((t==null?void 0:t.toLocaleLowerCase().includes("delete"))??!1)return t!=null&&t.toLocaleLowerCase().includes("forward")?"forward":"backward"},xe=(t,{country:e,insertDialCodeOnEmpty:o,phoneBeforeInput:i,prefix:a,charAfterDialCode:r,forceDialCode:c,disableDialCodeAndPrefix:d,countryGuessingEnabled:n,defaultMask:s,disableFormatting:l,countries:y})=>{let u=t.nativeEvent,m=u.inputType,v=we(m),h=!!(m!=null&&m.startsWith("insertFrom")),C=m==="insertText",x=(u==null?void 0:u.data)||void 0,p=t.target.value,$=t.target.selectionStart??0;if(m!=null&&m.includes("history"))return{inputValue:i,phone:Z({phone:i,prefix:a}),cursorPosition:i.length,country:e};if(C&&!O(x)&&p!==a)return{inputValue:i,phone:Z({phone:d?`${e.dialCode}${i}`:i,prefix:a}),cursorPosition:$-((x==null?void 0:x.length)??0),country:e};if(c&&!p.startsWith(`${a}${e.dialCode}`)&&!h){let g=p?i:`${a}${e.dialCode}${r}`;return{inputValue:g,phone:Z({phone:g,prefix:a}),cursorPosition:a.length+e.dialCode.length+r.length,country:e}}let{phone:B,inputValue:M,country:f}=X({value:p,country:e,trimNonDigitsEnd:v==="backward",insertDialCodeOnEmpty:o,countryGuessingEnabled:n,countries:y,prefix:a,charAfterDialCode:r,forceDialCode:c,disableDialCodeAndPrefix:d,disableFormatting:l,defaultMask:s}),b=ve({cursorPositionAfterInput:$,phoneBeforeInput:i,phoneAfterInput:p,phoneAfterFormatted:M,leftOffset:c?a.length+e.dialCode.length+r.length:0,deletion:v});return{phone:B,inputValue:M,cursorPosition:b,country:f}},De=(t,e)=>{let o=Object.keys(t),i=Object.keys(e);if(o.length!==i.length)return!1;for(let a of o)if(t[a]!==e[a])return!1;return!0},Ne=()=>{let t=_(),e=_(Date.now());return{check:()=>{let o=Date.now(),i=t.current?o-e.current:void 0;return t.current=e.current,e.current=o,i}}},ke={size:20,overrideLastItemDebounceMS:-1};function Se(t,e){let{size:o,overrideLastItemDebounceMS:i,onChange:a}={...ke,...e},[r,c]=j(t),[d,n]=j([r]),[s,l]=j(0),y=Ne();return[r,(u,m)=>{if(typeof u=="object"&&typeof r=="object"&&De(u,r)||u===r)return;let v=i>0,h=y.check(),C=v&&h!==void 0?h>i:!0;if((m==null?void 0:m.overrideLastItem)!==void 0?m.overrideLastItem:!C)n(x=>[...x.slice(0,s),u]);else{let x=d.length>=o;n(p=>[...p.slice(x?1:0,s+1),u]),x||l(p=>p+1)}c(u),a==null||a(u)},()=>{if(s<=0)return{success:!1};let u=d[s-1];return c(u),l(m=>m-1),a==null||a(u),{success:!0,value:u}},()=>{if(s+1>=d.length)return{success:!1};let u=d[s+1];return c(u),l(m=>m+1),a==null||a(u),{success:!0,value:u}}]}var te=".",E={defaultCountry:"us",value:"",prefix:"+",defaultMask:"............",charAfterDialCode:" ",historySaveDebounceMS:200,disableCountryGuess:!1,disableDialCodePrefill:!1,forceDialCode:!1,disableDialCodeAndPrefix:!1,disableFormatting:!1,countries:R,preferredCountries:[]},ae=({defaultCountry:t=E.defaultCountry,value:e=E.value,countries:o=E.countries,prefix:i=E.prefix,defaultMask:a=E.defaultMask,charAfterDialCode:r=E.charAfterDialCode,historySaveDebounceMS:c=E.historySaveDebounceMS,disableCountryGuess:d=E.disableCountryGuess,disableDialCodePrefill:n=E.disableDialCodePrefill,forceDialCode:s=E.forceDialCode,disableDialCodeAndPrefix:l=E.disableDialCodeAndPrefix,disableFormatting:y=E.disableFormatting,onChange:u,inputRef:m})=>{let v={countries:o,prefix:i,charAfterDialCode:r,forceDialCode:l?!1:s,disableDialCodeAndPrefix:l,defaultMask:a,countryGuessingEnabled:!d,disableFormatting:y},h=_(null),C=m||h,x=w=>{Promise.resolve().then(()=>{var N;typeof window>"u"||C.current!==(document==null?void 0:document.activeElement)||((N=C.current)==null||N.setSelectionRange(w,w))})},[{phone:p,inputValue:$,country:B},M,f,b]=Se(()=>{let w=K({value:t,field:"iso2",countries:o});w||console.error(`[react-international-phone]: can not find a country with "${t}" iso2 code`);let N=w||K({value:"us",field:"iso2",countries:o}),{phone:S,inputValue:V,country:z}=X({value:e,country:N,insertDialCodeOnEmpty:!n,...v});return x(V.length),{phone:S,inputValue:V,country:z.iso2}},{overrideLastItemDebounceMS:c,onChange:({inputValue:w,phone:N,country:S})=>{if(!u)return;let V=g(S);u({phone:N,inputValue:w,country:V})}}),g=H(w=>K({value:w,field:"iso2",countries:o}),[o]),D=J(()=>g(B),[B,g]);W(()=>{let w=C.current;if(!w)return;let N=S=>{if(!S.key)return;let V=S.ctrlKey,z=S.metaKey,ne=S.shiftKey;if(S.key.toLowerCase()==="z"){if(ge()){if(!z)return}else if(!V)return;ne?b():f()}};return w.addEventListener("keydown",N),()=>{w.removeEventListener("keydown",N)}},[C,f,b]);let P=w=>{w.preventDefault();let{phone:N,inputValue:S,country:V,cursorPosition:z}=xe(w,{country:D,phoneBeforeInput:$,insertDialCodeOnEmpty:!1,...v});return M({inputValue:S,phone:N,country:V.iso2}),x(z),e},I=(w,N={focusOnInput:!1})=>{let S=K({value:w,field:"iso2",countries:o});if(!S){console.error(`[react-international-phone]: can not find a country with "${w}" iso2 code`);return}let V=l?"":`${i}${S.dialCode}${r}`;M({inputValue:V,phone:`${i}${S.dialCode}`,country:S.iso2}),N.focusOnInput&&Promise.resolve().then(()=>{var z;(z=C.current)==null||z.focus()})},[T,G]=j(!1);return W(()=>{if(!T){G(!0),e!==p&&(u==null||u({inputValue:$,phone:p,country:D}));return}if(e===p)return;let{phone:w,inputValue:N,country:S}=X({value:e,country:D,insertDialCodeOnEmpty:!n,...v});M({phone:w,inputValue:N,country:S.iso2})},[e]),{phone:p,inputValue:$,country:D,setCountry:I,handlePhoneValueChange:P,inputRef:C}},Pe=({phone:t,country:e,defaultMask:o="............",disableFormatting:i=!1})=>{let a=e.format,r=d=>i?d.replace(new RegExp(`[^${te}]`,"g"),""):d;if(!a)return r(o);if(typeof a=="string")return r(a);if(!a.default)return console.error(`[react-international-phone]: default mask for ${e.iso2} is not provided`),r(o);let c=Object.keys(a).find(d=>{if(d==="default")return!1;if(!(d.charAt(0)==="/"&&d.charAt(d.length-1)==="/"))return console.error(`[react-international-phone]: format regex "${d}" for ${e.iso2} is not valid`),!1;let n=new RegExp(d.substring(1,d.length-1)),s=t.replace(e.dialCode,"");return n.test(Q(s))});return r(c?a[c]:a.default)},L=t=>{let[e,o,i,a,r,c]=t;return{name:e,iso2:o,dialCode:i,format:a,priority:r,areaCodes:c}},Ae=t=>`Field "${t}" is not supported`,K=({field:t,value:e,countries:o=R})=>{if(["priority"].includes(t))throw new Error(Ae(t));let i=o.find(a=>{let r=L(a);return e===r[t]});if(i)return L(i)},$e=({phone:t,countries:e=R,currentCountryIso2:o})=>{var d;let i={country:void 0,fullDialCodeMatch:!1};if(!t)return i;let a=Q(t);if(!a)return i;let r=i,c=({country:n,fullDialCodeMatch:s})=>{var u,m;let l=n.dialCode===((u=r.country)==null?void 0:u.dialCode),y=(n.priority??0)<(((m=r.country)==null?void 0:m.priority)??0);(!l||y)&&(r={country:n,fullDialCodeMatch:s})};for(let n of e){let s=L(n),{dialCode:l,areaCodes:y}=s;if(a.startsWith(l)){let u=r.country?Number(l)>=Number(r.country.dialCode):!0;if(y){let m=a.substring(l.length);for(let v of y)if(m.startsWith(v))return{country:s,fullDialCodeMatch:!0}}(u||l===a||!r.fullDialCodeMatch)&&c({country:s,fullDialCodeMatch:!0})}r.fullDialCodeMatch||a.length<l.length&&l.startsWith(a)&&(!r.country||Number(l)<=Number(r.country.dialCode))&&c({country:s,fullDialCodeMatch:!1})}if(o){let n=K({value:o,field:"iso2",countries:e});if(!n)return r;let s=n?(l=>{if(!(l!=null&&l.areaCodes))return!1;let y=a.substring(l.dialCode.length);return l.areaCodes.some(u=>u.startsWith(y))})(n):!1;r&&((d=r.country)==null?void 0:d.dialCode)===n.dialCode&&r.country!==n&&r.fullDialCodeMatch&&(!n.areaCodes||s)&&(r={country:n,fullDialCodeMatch:!0})}return r},Ee=(t,e)=>{let o=parseInt(t,16);return Number(o+e).toString(16)},Me="abcdefghijklmnopqrstuvwxyz",Ie="1f1e6",Y=Me.split("").reduce((t,e,o)=>({...t,[e]:Ee(Ie,o)}),{}),Le=t=>[Y[t[0]],Y[t[1]]].join("-"),re=({iso2:t,size:e,src:o,protocol:i="https",disableLazyLoading:a,className:r,style:c,...d})=>{if(!t)return k.createElement("img",{className:A({addPrefix:["flag-emoji"],rawClassNames:[r]}),width:e,height:e,...d});let n=()=>{if(o)return o;let s=Le(t);return`${i}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${s}.svg`};return k.createElement("img",{className:A({addPrefix:["flag-emoji"],rawClassNames:[r]}),src:n(),width:e,height:e,draggable:!1,"data-country":t,loading:a?void 0:"lazy",style:{width:e,height:e,...c},alt:"",...d})},Ve=1e3,_e=({show:t,dialCodePrefix:e="+",selectedCountry:o,countries:i=R,preferredCountries:a=[],flags:r,onSelect:c,onClose:d,...n})=>{let s=_(null),l=_(),y=J(()=>{if(!a||!a.length)return i;let f=[],b=[...i];for(let g of a){let D=b.findIndex(P=>L(P).iso2===g);if(D!==-1){let P=b.splice(D,1)[0];f.push(P)}}return f.concat(b)},[i,a]),u=_({updatedAt:void 0,value:""}),m=f=>{let b=u.current.updatedAt&&new Date().getTime()-u.current.updatedAt.getTime()>Ve;u.current={value:b?f:`${u.current.value}${f}`,updatedAt:new Date};let g=y.findIndex(D=>L(D).name.toLowerCase().startsWith(u.current.value));g!==-1&&C(g)},v=H(f=>y.findIndex(b=>L(b).iso2===f),[y]),[h,C]=j(v(o)),x=()=>{l.current!==o&&C(v(o))},p=H(f=>{C(v(f.iso2)),c==null||c(f)},[c,v]),$=f=>{let b=y.length-1,g=D=>f==="prev"?D-1:f==="next"?D+1:f==="last"?b:0;C(D=>{let P=g(D);return P<0?0:P>b?b:P})},B=f=>{if(f.stopPropagation(),f.key==="Enter"){f.preventDefault();let b=L(y[h]);p(b);return}if(f.key==="Escape"){d==null||d();return}if(f.key==="ArrowUp"){f.preventDefault(),$("prev");return}if(f.key==="ArrowDown"){f.preventDefault(),$("next");return}if(f.key==="PageUp"){f.preventDefault(),$("first");return}if(f.key==="PageDown"){f.preventDefault(),$("last");return}f.key===" "&&f.preventDefault(),f.key.length===1&&!f.altKey&&!f.ctrlKey&&!f.metaKey&&m(f.key.toLocaleLowerCase())},M=H(()=>{if(!s.current||h===void 0)return;let f=L(y[h]).iso2;if(f===l.current)return;let b=s.current.querySelector(`[data-country="${f}"]`);b&&(Ce(s.current,b),l.current=f)},[h,y]);return W(()=>{M()},[h,M]),W(()=>{s.current&&(t?s.current.focus():x())},[t]),W(()=>{x()},[o]),k.createElement("ul",{ref:s,role:"listbox",className:A({addPrefix:["country-selector-dropdown"],rawClassNames:[n.className]}),style:{display:t?"block":"none",...n.style},onKeyDown:B,onBlur:d,tabIndex:-1,"aria-activedescendant":`react-international-phone__${L(y[h]).iso2}-option`},y.map((f,b)=>{let g=L(f),D=g.iso2===o,P=b===h,I=a.includes(g.iso2),T=b===a.length-1,G=r==null?void 0:r.find(w=>w.iso2===g.iso2);return k.createElement(k.Fragment,{key:g.iso2},k.createElement("li",{"data-country":g.iso2,role:"option","aria-selected":D,"aria-label":`${g.name} ${e}${g.dialCode}`,id:`react-international-phone__${g.iso2}-option`,className:A({addPrefix:["country-selector-dropdown__list-item",I&&"country-selector-dropdown__list-item--preferred",D&&"country-selector-dropdown__list-item--selected",P&&"country-selector-dropdown__list-item--focused"],rawClassNames:[n.listItemClassName]}),onClick:()=>p(g),style:n.listItemStyle,title:g.name},k.createElement(re,{iso2:g.iso2,src:G==null?void 0:G.src,className:A({addPrefix:["country-selector-dropdown__list-item-flag-emoji"],rawClassNames:[n.listItemFlagClassName]}),style:n.listItemFlagStyle}),k.createElement("span",{className:A({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[n.listItemCountryNameClassName]}),style:n.listItemCountryNameStyle},g.name),k.createElement("span",{className:A({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[n.listItemDialCodeClassName]}),style:n.listItemDialCodeStyle},e,g.dialCode)),T?k.createElement("hr",{className:A({addPrefix:["country-selector-dropdown__preferred-list-divider"],rawClassNames:[n.preferredListDividerClassName]}),style:n.preferredListDividerStyle}):null)}))},Be=({selectedCountry:t,onSelect:e,disabled:o,hideDropdown:i,countries:a=R,preferredCountries:r=[],flags:c,renderButtonWrapper:d,...n})=>{let[s,l]=j(!1),y=J(()=>{if(t)return K({value:t,field:"iso2",countries:a})},[a,t]),u=_(null),m=h=>{h.key&&["ArrowUp","ArrowDown"].includes(h.key)&&(h.preventDefault(),l(!0))},v=()=>{var x;let h={title:y==null?void 0:y.name,onClick:()=>l(p=>!p),onMouseDown:p=>p.preventDefault(),onKeyDown:m,disabled:i||o,role:"combobox","aria-label":"Country selector","aria-haspopup":"listbox","aria-expanded":s},C=k.createElement("div",{className:A({addPrefix:["country-selector-button__button-content"],rawClassNames:[n.buttonContentWrapperClassName]}),style:n.buttonContentWrapperStyle},k.createElement(re,{iso2:t,src:(x=c==null?void 0:c.find(p=>p.iso2===t))==null?void 0:x.src,className:A({addPrefix:["country-selector-button__flag-emoji",o&&"country-selector-button__flag-emoji--disabled"],rawClassNames:[n.flagClassName]}),style:{visibility:t?"visible":"hidden",...n.flagStyle}}),!i&&k.createElement("div",{className:A({addPrefix:["country-selector-button__dropdown-arrow",o&&"country-selector-button__dropdown-arrow--disabled",s&&"country-selector-button__dropdown-arrow--active"],rawClassNames:[n.dropdownArrowClassName]}),style:n.dropdownArrowStyle}));return d?d({children:C,rootProps:h}):k.createElement("button",{...h,type:"button",className:A({addPrefix:["country-selector-button",s&&"country-selector-button--active",o&&"country-selector-button--disabled",i&&"country-selector-button--hide-dropdown"],rawClassNames:[n.buttonClassName]}),"data-country":t,style:n.buttonStyle},C)};return k.createElement("div",{className:A({addPrefix:["country-selector"],rawClassNames:[n.className]}),style:n.style,ref:u},v(),k.createElement(_e,{show:s,countries:a,preferredCountries:r,flags:c,onSelect:h=>{l(!1),e==null||e(h)},selectedCountry:t,onClose:()=>{l(!1)},...n.dropdownStyleProps}))},ze=({dialCode:t,prefix:e,disabled:o,style:i,className:a})=>k.createElement("div",{className:A({addPrefix:["dial-code-preview",o&&"dial-code-preview--disabled"],rawClassNames:[a]}),style:i},`${e}${t}`);ie(({value:t,onChange:e,countries:o=R,preferredCountries:i=[],hideDropdown:a,showDisabledDialCodeAndPrefix:r,disableFocusAfterCountrySelect:c,flags:d,style:n,className:s,inputStyle:l,inputClassName:y,countrySelectorStyleProps:u,dialCodePreviewStyleProps:m,inputProps:v,placeholder:h,disabled:C,name:x,onFocus:p,onBlur:$,required:B,autoFocus:M,...f},b)=>{let{phone:g,inputValue:D,inputRef:P,country:I,setCountry:T,handlePhoneValueChange:G}=ae({value:t,countries:o,...f,onChange:N=>{e==null||e(N.phone,{country:N.country,inputValue:N.inputValue})}}),w=f.disableDialCodeAndPrefix&&r&&(I==null?void 0:I.dialCode);return le(b,()=>P.current?Object.assign(P.current,{setCountry:T,state:{phone:g,inputValue:D,country:I}}):null,[P,T,g,D,I]),k.createElement("div",{ref:b,className:A({addPrefix:["input-container"],rawClassNames:[s]}),style:n},k.createElement(Be,{onSelect:N=>T(N.iso2,{focusOnInput:!c}),flags:d,selectedCountry:I.iso2,countries:o,preferredCountries:i,disabled:C,hideDropdown:a,...u}),w&&k.createElement(ze,{dialCode:I.dialCode,prefix:f.prefix??"+",disabled:C,...m}),k.createElement("input",{onChange:G,value:D,type:"tel",ref:P,className:A({addPrefix:["input",C&&"input--disabled"],rawClassNames:[y]}),placeholder:h,disabled:C,style:l,name:x,onFocus:p,onBlur:$,autoFocus:M,required:B,...v}))});const Fe=R.map(L);function je({value:t,onChange:e,defaultCountry:o="us",...i}){const a=_(null),r=_(null),{inputValue:c,handlePhoneValueChange:d,inputRef:n,country:s,setCountry:l}=ae({defaultCountry:o,value:t,countries:R,onChange:p=>{e==null||e(p.phone)},forceDialCode:!0}),y=`+${s.dialCode}`,{startsWith:u}=oe({sensitivity:"base"}),[m,v]=j(""),[h,C]=j(!1),x=J(()=>Fe.filter(p=>u(p.name,m)),[m]);return W(()=>{var p;h&&((p=r.current)==null||p.focus())},[h]),q("div",{className:U("flex relative",i.label?"pt-4":""),"aria-label":i["aria-label"],children:[q(se,{isOpen:h,onOpenChange:C,children:[q(de,{"aria-label":"Select Country",className:"flex px-4 h-10 text-sm items-center rounded-l-md bg-slate-100 gap-2 uppercase [&[aria-expanded=false]_svg]:rotate-180 border border-r-0 border-slate-300",excludeFromTabOrder:!0,children:[s.iso2,F("svg",{width:"15",height:"8",viewBox:"0 0 15 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:F("path",{d:"M1 7L7.5 0.999999L14 7",stroke:"currentColor"})})]}),q("div",{className:U("w-full grid absolute left-0 top-[calc(100%+.25rem)] bg-white z-50 rounded-md text-slate-600 border border-slate-300","shadow-inner",h?"block":"hidden"),ref:a,children:[F("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 17 16",className:"absolute top-4 left-[1.325rem]",children:F("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.3 6.9a4.9 4.9 0 1 1-9.8 0 4.9 4.9 0 0 1 9.8 0Zm-1.1 5.7c-1.1.7-2.4 1.2-3.8 1.2a6.9 6.9 0 1 1 5.3-2.5l3 3-1.4 1.4-3.1-3Z",clipRule:"evenodd"})}),F(ue,{"aria-label":"Search for countries",placeholder:"Search for countries",className:U("pl-12 pr-5 py-4 w-full m-0 border-0 text-slate-950 transition-all duration-[0.25s] ease outline-0 bg-transparent","placeholder:text-slate-950 focus:outline-0","border-b border-slate-200"),onChange:p=>v(p.target.value),onBlur:()=>{var p;C(!1),(p=n.current)==null||p.focus()},value:m,ref:r}),F("div",{className:"p-2.5",children:F(ce,{className:"text-slate-950 max-h-60 overflow-y-auto",selectionMode:"single","aria-label":"Countries List",onSelectionChange:p=>{l(String([...p][0])),v(""),C(!1)},children:(h?x:[]).map(p=>q(fe,{id:p.iso2,value:p,textValue:p.iso2,className:"p-3 text-slate-900 data-[hovered]:bg-slate-100 rounded-md",children:[p.name," (+",p.dialCode,")"]},p.iso2))})})]})]}),F(pe,{...i,value:c,inputProps:{onChange:d},ref:n,classNames:{input:U("rounded-l-none",c.trim()===y?"text-slate-600":""),label:"absolute top-0 left-0"}})]})}je.defaultProps={label:void 0,description:void 0,errorMessage:void 0,placeholder:void 0,classNames:void 0,defaultCountry:void 0};export{je as PhoneInput,je as default};
+import{jsxs as q,jsx as F}from"react/jsx-runtime";import{useFilter as ie}from"react-aria";import N,{forwardRef as oe,useImperativeHandle as le,useRef as _,useCallback as H,useMemo as J,useEffect as W,useState as j}from"react";import{DialogTrigger as se,Button as de,Input as ue,ListBox as ce,ListBoxItem as fe}from"react-aria-components";import{cn as U}from"../../utils/cn.js";import{Input as pe}from"../Input/Input.js";import"../Skeleton/Skeleton.js";import"../../hooks/useIsClient.js";var R=[["Afghanistan","af","93"],["Albania","al","355"],["Algeria","dz","213"],["Andorra","ad","376"],["Angola","ao","244"],["Antigua and Barbuda","ag","1268"],["Argentina","ar","54","(..) ........",0],["Armenia","am","374",".. ......"],["Aruba","aw","297"],["Australia","au","61",{default:". .... ....","/^4/":"... ... ...","/^5(?!50)/":"... ... ...","/^1(3|8)00/":".... ... ...","/^13/":".. .. ..","/^180/":"... ...."},0,[]],["Austria","at","43"],["Azerbaijan","az","994","(..) ... .. .."],["Bahamas","bs","1242"],["Bahrain","bh","973"],["Bangladesh","bd","880"],["Barbados","bb","1246"],["Belarus","by","375","(..) ... .. .."],["Belgium","be","32","... .. .. .."],["Belize","bz","501"],["Benin","bj","229"],["Bhutan","bt","975"],["Bolivia","bo","591"],["Bosnia and Herzegovina","ba","387"],["Botswana","bw","267"],["Brazil","br","55","(..) ........."],["British Indian Ocean Territory","io","246"],["Brunei","bn","673"],["Bulgaria","bg","359"],["Burkina Faso","bf","226"],["Burundi","bi","257"],["Cambodia","kh","855"],["Cameroon","cm","237"],["Canada","ca","1","(...) ...-....",1,["204","226","236","249","250","289","306","343","365","387","403","416","418","431","437","438","450","506","514","519","548","579","581","587","604","613","639","647","672","705","709","742","778","780","782","807","819","825","867","873","902","905"]],["Cape Verde","cv","238"],["Caribbean Netherlands","bq","599","",1],["Cayman Islands","ky","1","... ... ....",4,["345"]],["Central African Republic","cf","236"],["Chad","td","235"],["Chile","cl","56"],["China","cn","86","... .... ...."],["Colombia","co","57","... ... ...."],["Comoros","km","269"],["Congo","cd","243"],["Congo","cg","242"],["Costa Rica","cr","506","....-...."],["Côte d'Ivoire","ci","225",".. .. .. .. .."],["Croatia","hr","385"],["Cuba","cu","53"],["Curaçao","cw","599","",0],["Cyprus","cy","357",".. ......"],["Czech Republic","cz","420","... ... ..."],["Denmark","dk","45",".. .. .. .."],["Djibouti","dj","253"],["Dominica","dm","1767"],["Dominican Republic","do","1","(...) ...-....",2,["809","829","849"]],["Ecuador","ec","593"],["Egypt","eg","20"],["El Salvador","sv","503","....-...."],["Equatorial Guinea","gq","240"],["Eritrea","er","291"],["Estonia","ee","372",".... ......"],["Ethiopia","et","251"],["Fiji","fj","679"],["Finland","fi","358",".. ... .. .."],["France","fr","33",". .. .. .. .."],["French Guiana","gf","594"],["French Polynesia","pf","689"],["Gabon","ga","241"],["Gambia","gm","220"],["Georgia","ge","995"],["Germany","de","49","... ........."],["Ghana","gh","233"],["Greece","gr","30"],["Greenland","gl","299",".. .. .."],["Grenada","gd","1473"],["Guadeloupe","gp","590","",0],["Guam","gu","1671"],["Guatemala","gt","502","....-...."],["Guinea","gn","224"],["Guinea-Bissau","gw","245"],["Guyana","gy","592"],["Haiti","ht","509","....-...."],["Honduras","hn","504"],["Hong Kong","hk","852",".... ...."],["Hungary","hu","36"],["Iceland","is","354","... ...."],["India","in","91",".....-....."],["Indonesia","id","62"],["Iran","ir","98","... ... ...."],["Iraq","iq","964"],["Ireland","ie","353",".. ......."],["Israel","il","972","... ... ...."],["Italy","it","39","... .......",0],["Jamaica","jm","1876"],["Japan","jp","81",".. .... ...."],["Jordan","jo","962"],["Kazakhstan","kz","7","... ...-..-..",0],["Kenya","ke","254"],["Kiribati","ki","686"],["Kosovo","xk","383"],["Kuwait","kw","965"],["Kyrgyzstan","kg","996","... ... ..."],["Laos","la","856"],["Latvia","lv","371",".. ... ..."],["Lebanon","lb","961"],["Lesotho","ls","266"],["Liberia","lr","231"],["Libya","ly","218"],["Liechtenstein","li","423"],["Lithuania","lt","370"],["Luxembourg","lu","352"],["Macau","mo","853"],["Macedonia","mk","389"],["Madagascar","mg","261"],["Malawi","mw","265"],["Malaysia","my","60","..-....-...."],["Maldives","mv","960"],["Mali","ml","223"],["Malta","mt","356"],["Marshall Islands","mh","692"],["Martinique","mq","596"],["Mauritania","mr","222"],["Mauritius","mu","230"],["Mexico","mx","52","... ... ....",0],["Micronesia","fm","691"],["Moldova","md","373","(..) ..-..-.."],["Monaco","mc","377"],["Mongolia","mn","976"],["Montenegro","me","382"],["Morocco","ma","212"],["Mozambique","mz","258"],["Myanmar","mm","95"],["Namibia","na","264"],["Nauru","nr","674"],["Nepal","np","977"],["Netherlands","nl","31",{"/^06/":"(.). .........","/^6/":". .........","/^0(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":"(.).. ........","/^(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":".. ........","/^0/":"(.)... .......",default:"... ......."}],["New Caledonia","nc","687"],["New Zealand","nz","64","...-...-...."],["Nicaragua","ni","505"],["Niger","ne","227"],["Nigeria","ng","234"],["North Korea","kp","850"],["Norway","no","47","... .. ..."],["Oman","om","968"],["Pakistan","pk","92","...-......."],["Palau","pw","680"],["Palestine","ps","970"],["Panama","pa","507"],["Papua New Guinea","pg","675"],["Paraguay","py","595"],["Peru","pe","51"],["Philippines","ph","63","... ... ...."],["Poland","pl","48","...-...-..."],["Portugal","pt","351"],["Puerto Rico","pr","1","(...) ...-....",3,["787","939"]],["Qatar","qa","974"],["Réunion","re","262"],["Romania","ro","40"],["Russia","ru","7","(...) ...-..-..",1],["Rwanda","rw","250"],["Saint Kitts and Nevis","kn","1869"],["Saint Lucia","lc","1758"],["Saint Vincent and the Grenadines","vc","1784"],["Samoa","ws","685"],["San Marino","sm","378"],["São Tomé and Príncipe","st","239"],["Saudi Arabia","sa","966"],["Senegal","sn","221"],["Serbia","rs","381"],["Seychelles","sc","248"],["Sierra Leone","sl","232"],["Singapore","sg","65","....-...."],["Slovakia","sk","421"],["Slovenia","si","386"],["Solomon Islands","sb","677"],["Somalia","so","252"],["South Africa","za","27"],["South Korea","kr","82","... .... ...."],["South Sudan","ss","211"],["Spain","es","34","... ... ..."],["Sri Lanka","lk","94"],["Sudan","sd","249"],["Suriname","sr","597"],["Swaziland","sz","268"],["Sweden","se","46","... ... ..."],["Switzerland","ch","41",".. ... .. .."],["Syria","sy","963"],["Taiwan","tw","886"],["Tajikistan","tj","992"],["Tanzania","tz","255"],["Thailand","th","66"],["Timor-Leste","tl","670"],["Togo","tg","228"],["Tonga","to","676"],["Trinidad and Tobago","tt","1868"],["Tunisia","tn","216"],["Turkey","tr","90","... ... .. .."],["Turkmenistan","tm","993"],["Tuvalu","tv","688"],["Uganda","ug","256"],["Ukraine","ua","380","(..) ... .. .."],["United Arab Emirates","ae","971"],["United Kingdom","gb","44",".... ......"],["United States","us","1","(...) ...-....",0],["Uruguay","uy","598"],["Uzbekistan","uz","998",".. ... .. .."],["Vanuatu","vu","678"],["Vatican City","va","39",".. .... ....",1],["Venezuela","ve","58"],["Vietnam","vn","84"],["Yemen","ye","967"],["Zambia","zm","260"],["Zimbabwe","zw","263"]],me="react-international-phone-",ee=(...t)=>t.filter(e=>!!e).join(" ").trim(),he=(...t)=>ee(...t).split(" ").map(e=>`${me}${e}`).join(" "),A=({addPrefix:t,rawClassNames:e})=>ee(he(...t),...e),ye=({value:t,mask:e,maskSymbol:i,offset:o=0,trimNonMaskCharsLeftover:a=!1})=>{if(t.length<o)return t;let r=t.slice(0,o),c=t.slice(o),d=r,n=0;for(let s of e.split("")){if(n>=c.length){if(!a&&s!==i){d+=s;continue}break}s===i?(d+=c[n],n+=1):d+=s}return d},O=t=>t?/^\d+$/.test(t):!1,Q=t=>t.replace(/\D/g,""),Ce=(t,e)=>{let i=t.style.display;i!=="block"&&(t.style.display="block");let o=t.getBoundingClientRect(),a=e.getBoundingClientRect(),r=a.top-o.top,c=o.bottom-a.bottom;r>=0&&c>=0||(Math.abs(r)<Math.abs(c)?t.scrollTop+=r:t.scrollTop-=c),t.style.display=i},ge=()=>typeof window>"u"?!1:window.navigator.userAgent.toLowerCase().includes("macintosh"),be=(t,e)=>{let i=e.disableDialCodeAndPrefix?!1:e.forceDialCode,o=e.disableDialCodeAndPrefix?!1:e.insertDialCodeOnEmpty,a=t,r=s=>e.trimNonDigitsEnd?s.trim():s;if(!a)return o&&!a.length||i?r(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`):r(a);if(a=Q(a),a===e.dialCode&&!e.disableDialCodeAndPrefix)return r(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(e.dialCode.startsWith(a)&&!e.disableDialCodeAndPrefix)return r(i?`${e.prefix}${e.dialCode}${e.charAfterDialCode}`:`${e.prefix}${a}`);if(!a.startsWith(e.dialCode)&&!e.disableDialCodeAndPrefix){if(i)return r(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(a.length<e.dialCode.length)return r(`${e.prefix}${a}`)}let c=()=>{let s=e.dialCode.length,l=a.slice(0,s),y=a.slice(s);return{phoneLeftSide:l,phoneRightSide:y}},{phoneLeftSide:d,phoneRightSide:n}=c();return d=`${e.prefix}${d}${e.charAfterDialCode}`,n=ye({value:n,mask:e.mask,maskSymbol:e.maskChar,trimNonMaskCharsLeftover:e.trimNonDigitsEnd||e.disableDialCodeAndPrefix&&n.length===0}),e.disableDialCodeAndPrefix&&(d=""),r(`${d}${n}`)},ve=({phoneBeforeInput:t,phoneAfterInput:e,phoneAfterFormatted:i,cursorPositionAfterInput:o,leftOffset:a=0,deletion:r})=>{if(o<a)return a;if(!t)return i.length;let c=null;for(let l=o-1;l>=0;l-=1)if(O(e[l])){c=l;break}if(c===null){for(let l=0;l<e.length;l+=1)if(O(i[l]))return l;return e.length}let d=0;for(let l=0;l<c;l+=1)O(e[l])&&(d+=1);let n=0,s=0;for(let l=0;l<i.length&&(n+=1,O(i[l])&&(s+=1),!(s>=d+1));l+=1);if(r!=="backward")for(;!O(i[n])&&n<i.length;)n+=1;return n},Z=({phone:t,prefix:e})=>t?`${e}${Q(t)}`:"";function X({value:t,country:e,insertDialCodeOnEmpty:i,trimNonDigitsEnd:o,countries:a,prefix:r,charAfterDialCode:c,forceDialCode:d,disableDialCodeAndPrefix:n,defaultMask:s,countryGuessingEnabled:l,disableFormatting:y}){let u=t;n&&(u=u.startsWith(`${r}`)?u:`${r}${e.dialCode}${u}`);let m=l?$e({phone:u,countries:a,currentCountryIso2:e==null?void 0:e.iso2}):void 0,v=(m==null?void 0:m.country)??e,h=be(u,{prefix:r,mask:Pe({phone:u,country:v,defaultMask:s,disableFormatting:y}),maskChar:te,dialCode:v.dialCode,trimNonDigitsEnd:o,charAfterDialCode:c,forceDialCode:d,insertDialCodeOnEmpty:i,disableDialCodeAndPrefix:n}),C=l&&!(m!=null&&m.fullDialCodeMatch)?e:v;return{phone:Z({phone:n?`${C.dialCode}${h}`:h,prefix:r}),inputValue:h,country:C}}var we=t=>{if((t==null?void 0:t.toLocaleLowerCase().includes("delete"))??!1)return t!=null&&t.toLocaleLowerCase().includes("forward")?"forward":"backward"},xe=(t,{country:e,insertDialCodeOnEmpty:i,phoneBeforeInput:o,prefix:a,charAfterDialCode:r,forceDialCode:c,disableDialCodeAndPrefix:d,countryGuessingEnabled:n,defaultMask:s,disableFormatting:l,countries:y})=>{let u=t.nativeEvent,m=u.inputType,v=we(m),h=!!(m!=null&&m.startsWith("insertFrom")),C=m==="insertText",x=(u==null?void 0:u.data)||void 0,p=t.target.value,$=t.target.selectionStart??0;if(m!=null&&m.includes("history"))return{inputValue:o,phone:Z({phone:o,prefix:a}),cursorPosition:o.length,country:e};if(C&&!O(x)&&p!==a)return{inputValue:o,phone:Z({phone:d?`${e.dialCode}${o}`:o,prefix:a}),cursorPosition:$-((x==null?void 0:x.length)??0),country:e};if(c&&!p.startsWith(`${a}${e.dialCode}`)&&!h){let g=p?o:`${a}${e.dialCode}${r}`;return{inputValue:g,phone:Z({phone:g,prefix:a}),cursorPosition:a.length+e.dialCode.length+r.length,country:e}}let{phone:B,inputValue:M,country:f}=X({value:p,country:e,trimNonDigitsEnd:v==="backward",insertDialCodeOnEmpty:i,countryGuessingEnabled:n,countries:y,prefix:a,charAfterDialCode:r,forceDialCode:c,disableDialCodeAndPrefix:d,disableFormatting:l,defaultMask:s}),b=ve({cursorPositionAfterInput:$,phoneBeforeInput:o,phoneAfterInput:p,phoneAfterFormatted:M,leftOffset:c?a.length+e.dialCode.length+r.length:0,deletion:v});return{phone:B,inputValue:M,cursorPosition:b,country:f}},De=(t,e)=>{let i=Object.keys(t),o=Object.keys(e);if(i.length!==o.length)return!1;for(let a of i)if(t[a]!==e[a])return!1;return!0},ke=()=>{let t=_(),e=_(Date.now());return{check:()=>{let i=Date.now(),o=t.current?i-e.current:void 0;return t.current=e.current,e.current=i,o}}},Ne={size:20,overrideLastItemDebounceMS:-1};function Se(t,e){let{size:i,overrideLastItemDebounceMS:o,onChange:a}={...Ne,...e},[r,c]=j(t),[d,n]=j([r]),[s,l]=j(0),y=ke();return[r,(u,m)=>{if(typeof u=="object"&&typeof r=="object"&&De(u,r)||u===r)return;let v=o>0,h=y.check(),C=v&&h!==void 0?h>o:!0;if((m==null?void 0:m.overrideLastItem)!==void 0?m.overrideLastItem:!C)n(x=>[...x.slice(0,s),u]);else{let x=d.length>=i;n(p=>[...p.slice(x?1:0,s+1),u]),x||l(p=>p+1)}c(u),a==null||a(u)},()=>{if(s<=0)return{success:!1};let u=d[s-1];return c(u),l(m=>m-1),a==null||a(u),{success:!0,value:u}},()=>{if(s+1>=d.length)return{success:!1};let u=d[s+1];return c(u),l(m=>m+1),a==null||a(u),{success:!0,value:u}}]}var te=".",E={defaultCountry:"us",value:"",prefix:"+",defaultMask:"............",charAfterDialCode:" ",historySaveDebounceMS:200,disableCountryGuess:!1,disableDialCodePrefill:!1,forceDialCode:!1,disableDialCodeAndPrefix:!1,disableFormatting:!1,countries:R,preferredCountries:[]},ae=({defaultCountry:t=E.defaultCountry,value:e=E.value,countries:i=E.countries,prefix:o=E.prefix,defaultMask:a=E.defaultMask,charAfterDialCode:r=E.charAfterDialCode,historySaveDebounceMS:c=E.historySaveDebounceMS,disableCountryGuess:d=E.disableCountryGuess,disableDialCodePrefill:n=E.disableDialCodePrefill,forceDialCode:s=E.forceDialCode,disableDialCodeAndPrefix:l=E.disableDialCodeAndPrefix,disableFormatting:y=E.disableFormatting,onChange:u,inputRef:m})=>{let v={countries:i,prefix:o,charAfterDialCode:r,forceDialCode:l?!1:s,disableDialCodeAndPrefix:l,defaultMask:a,countryGuessingEnabled:!d,disableFormatting:y},h=_(null),C=m||h,x=w=>{Promise.resolve().then(()=>{var k;typeof window>"u"||C.current!==(document==null?void 0:document.activeElement)||((k=C.current)==null||k.setSelectionRange(w,w))})},[{phone:p,inputValue:$,country:B},M,f,b]=Se(()=>{let w=K({value:t,field:"iso2",countries:i});w||console.error(`[react-international-phone]: can not find a country with "${t}" iso2 code`);let k=w||K({value:"us",field:"iso2",countries:i}),{phone:S,inputValue:V,country:z}=X({value:e,country:k,insertDialCodeOnEmpty:!n,...v});return x(V.length),{phone:S,inputValue:V,country:z.iso2}},{overrideLastItemDebounceMS:c,onChange:({inputValue:w,phone:k,country:S})=>{if(!u)return;let V=g(S);u({phone:k,inputValue:w,country:V})}}),g=H(w=>K({value:w,field:"iso2",countries:i}),[i]),D=J(()=>g(B),[B,g]);W(()=>{let w=C.current;if(!w)return;let k=S=>{if(!S.key)return;let V=S.ctrlKey,z=S.metaKey,ne=S.shiftKey;if(S.key.toLowerCase()==="z"){if(ge()){if(!z)return}else if(!V)return;ne?b():f()}};return w.addEventListener("keydown",k),()=>{w.removeEventListener("keydown",k)}},[C,f,b]);let P=w=>{w.preventDefault();let{phone:k,inputValue:S,country:V,cursorPosition:z}=xe(w,{country:D,phoneBeforeInput:$,insertDialCodeOnEmpty:!1,...v});return M({inputValue:S,phone:k,country:V.iso2}),x(z),e},I=(w,k={focusOnInput:!1})=>{let S=K({value:w,field:"iso2",countries:i});if(!S){console.error(`[react-international-phone]: can not find a country with "${w}" iso2 code`);return}let V=l?"":`${o}${S.dialCode}${r}`;M({inputValue:V,phone:`${o}${S.dialCode}`,country:S.iso2}),k.focusOnInput&&Promise.resolve().then(()=>{var z;(z=C.current)==null||z.focus()})},[T,G]=j(!1);return W(()=>{if(!T){G(!0),e!==p&&(u==null||u({inputValue:$,phone:p,country:D}));return}if(e===p)return;let{phone:w,inputValue:k,country:S}=X({value:e,country:D,insertDialCodeOnEmpty:!n,...v});M({phone:w,inputValue:k,country:S.iso2})},[e]),{phone:p,inputValue:$,country:D,setCountry:I,handlePhoneValueChange:P,inputRef:C}},Pe=({phone:t,country:e,defaultMask:i="............",disableFormatting:o=!1})=>{let a=e.format,r=d=>o?d.replace(new RegExp(`[^${te}]`,"g"),""):d;if(!a)return r(i);if(typeof a=="string")return r(a);if(!a.default)return console.error(`[react-international-phone]: default mask for ${e.iso2} is not provided`),r(i);let c=Object.keys(a).find(d=>{if(d==="default")return!1;if(!(d.charAt(0)==="/"&&d.charAt(d.length-1)==="/"))return console.error(`[react-international-phone]: format regex "${d}" for ${e.iso2} is not valid`),!1;let n=new RegExp(d.substring(1,d.length-1)),s=t.replace(e.dialCode,"");return n.test(Q(s))});return r(c?a[c]:a.default)},L=t=>{let[e,i,o,a,r,c]=t;return{name:e,iso2:i,dialCode:o,format:a,priority:r,areaCodes:c}},Ae=t=>`Field "${t}" is not supported`,K=({field:t,value:e,countries:i=R})=>{if(["priority"].includes(t))throw new Error(Ae(t));let o=i.find(a=>{let r=L(a);return e===r[t]});if(o)return L(o)},$e=({phone:t,countries:e=R,currentCountryIso2:i})=>{var d;let o={country:void 0,fullDialCodeMatch:!1};if(!t)return o;let a=Q(t);if(!a)return o;let r=o,c=({country:n,fullDialCodeMatch:s})=>{var u,m;let l=n.dialCode===((u=r.country)==null?void 0:u.dialCode),y=(n.priority??0)<(((m=r.country)==null?void 0:m.priority)??0);(!l||y)&&(r={country:n,fullDialCodeMatch:s})};for(let n of e){let s=L(n),{dialCode:l,areaCodes:y}=s;if(a.startsWith(l)){let u=r.country?Number(l)>=Number(r.country.dialCode):!0;if(y){let m=a.substring(l.length);for(let v of y)if(m.startsWith(v))return{country:s,fullDialCodeMatch:!0}}(u||l===a||!r.fullDialCodeMatch)&&c({country:s,fullDialCodeMatch:!0})}r.fullDialCodeMatch||a.length<l.length&&l.startsWith(a)&&(!r.country||Number(l)<=Number(r.country.dialCode))&&c({country:s,fullDialCodeMatch:!1})}if(i){let n=K({value:i,field:"iso2",countries:e});if(!n)return r;let s=n?(l=>{if(!(l!=null&&l.areaCodes))return!1;let y=a.substring(l.dialCode.length);return l.areaCodes.some(u=>u.startsWith(y))})(n):!1;r&&((d=r.country)==null?void 0:d.dialCode)===n.dialCode&&r.country!==n&&r.fullDialCodeMatch&&(!n.areaCodes||s)&&(r={country:n,fullDialCodeMatch:!0})}return r},Ee=(t,e)=>{let i=parseInt(t,16);return Number(i+e).toString(16)},Me="abcdefghijklmnopqrstuvwxyz",Ie="1f1e6",Y=Me.split("").reduce((t,e,i)=>({...t,[e]:Ee(Ie,i)}),{}),Le=t=>[Y[t[0]],Y[t[1]]].join("-"),re=({iso2:t,size:e,src:i,protocol:o="https",disableLazyLoading:a,className:r,style:c,...d})=>{if(!t)return N.createElement("img",{className:A({addPrefix:["flag-emoji"],rawClassNames:[r]}),width:e,height:e,...d});let n=()=>{if(i)return i;let s=Le(t);return`${o}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${s}.svg`};return N.createElement("img",{className:A({addPrefix:["flag-emoji"],rawClassNames:[r]}),src:n(),width:e,height:e,draggable:!1,"data-country":t,loading:a?void 0:"lazy",style:{width:e,height:e,...c},alt:"",...d})},Ve=1e3,_e=({show:t,dialCodePrefix:e="+",selectedCountry:i,countries:o=R,preferredCountries:a=[],flags:r,onSelect:c,onClose:d,...n})=>{let s=_(null),l=_(),y=J(()=>{if(!a||!a.length)return o;let f=[],b=[...o];for(let g of a){let D=b.findIndex(P=>L(P).iso2===g);if(D!==-1){let P=b.splice(D,1)[0];f.push(P)}}return f.concat(b)},[o,a]),u=_({updatedAt:void 0,value:""}),m=f=>{let b=u.current.updatedAt&&new Date().getTime()-u.current.updatedAt.getTime()>Ve;u.current={value:b?f:`${u.current.value}${f}`,updatedAt:new Date};let g=y.findIndex(D=>L(D).name.toLowerCase().startsWith(u.current.value));g!==-1&&C(g)},v=H(f=>y.findIndex(b=>L(b).iso2===f),[y]),[h,C]=j(v(i)),x=()=>{l.current!==i&&C(v(i))},p=H(f=>{C(v(f.iso2)),c==null||c(f)},[c,v]),$=f=>{let b=y.length-1,g=D=>f==="prev"?D-1:f==="next"?D+1:f==="last"?b:0;C(D=>{let P=g(D);return P<0?0:P>b?b:P})},B=f=>{if(f.stopPropagation(),f.key==="Enter"){f.preventDefault();let b=L(y[h]);p(b);return}if(f.key==="Escape"){d==null||d();return}if(f.key==="ArrowUp"){f.preventDefault(),$("prev");return}if(f.key==="ArrowDown"){f.preventDefault(),$("next");return}if(f.key==="PageUp"){f.preventDefault(),$("first");return}if(f.key==="PageDown"){f.preventDefault(),$("last");return}f.key===" "&&f.preventDefault(),f.key.length===1&&!f.altKey&&!f.ctrlKey&&!f.metaKey&&m(f.key.toLocaleLowerCase())},M=H(()=>{if(!s.current||h===void 0)return;let f=L(y[h]).iso2;if(f===l.current)return;let b=s.current.querySelector(`[data-country="${f}"]`);b&&(Ce(s.current,b),l.current=f)},[h,y]);return W(()=>{M()},[h,M]),W(()=>{s.current&&(t?s.current.focus():x())},[t]),W(()=>{x()},[i]),N.createElement("ul",{ref:s,role:"listbox",className:A({addPrefix:["country-selector-dropdown"],rawClassNames:[n.className]}),style:{display:t?"block":"none",...n.style},onKeyDown:B,onBlur:d,tabIndex:-1,"aria-activedescendant":`react-international-phone__${L(y[h]).iso2}-option`},y.map((f,b)=>{let g=L(f),D=g.iso2===i,P=b===h,I=a.includes(g.iso2),T=b===a.length-1,G=r==null?void 0:r.find(w=>w.iso2===g.iso2);return N.createElement(N.Fragment,{key:g.iso2},N.createElement("li",{"data-country":g.iso2,role:"option","aria-selected":D,"aria-label":`${g.name} ${e}${g.dialCode}`,id:`react-international-phone__${g.iso2}-option`,className:A({addPrefix:["country-selector-dropdown__list-item",I&&"country-selector-dropdown__list-item--preferred",D&&"country-selector-dropdown__list-item--selected",P&&"country-selector-dropdown__list-item--focused"],rawClassNames:[n.listItemClassName]}),onClick:()=>p(g),style:n.listItemStyle,title:g.name},N.createElement(re,{iso2:g.iso2,src:G==null?void 0:G.src,className:A({addPrefix:["country-selector-dropdown__list-item-flag-emoji"],rawClassNames:[n.listItemFlagClassName]}),style:n.listItemFlagStyle}),N.createElement("span",{className:A({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[n.listItemCountryNameClassName]}),style:n.listItemCountryNameStyle},g.name),N.createElement("span",{className:A({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[n.listItemDialCodeClassName]}),style:n.listItemDialCodeStyle},e,g.dialCode)),T?N.createElement("hr",{className:A({addPrefix:["country-selector-dropdown__preferred-list-divider"],rawClassNames:[n.preferredListDividerClassName]}),style:n.preferredListDividerStyle}):null)}))},Be=({selectedCountry:t,onSelect:e,disabled:i,hideDropdown:o,countries:a=R,preferredCountries:r=[],flags:c,renderButtonWrapper:d,...n})=>{let[s,l]=j(!1),y=J(()=>{if(t)return K({value:t,field:"iso2",countries:a})},[a,t]),u=_(null),m=h=>{h.key&&["ArrowUp","ArrowDown"].includes(h.key)&&(h.preventDefault(),l(!0))},v=()=>{var x;let h={title:y==null?void 0:y.name,onClick:()=>l(p=>!p),onMouseDown:p=>p.preventDefault(),onKeyDown:m,disabled:o||i,role:"combobox","aria-label":"Country selector","aria-haspopup":"listbox","aria-expanded":s},C=N.createElement("div",{className:A({addPrefix:["country-selector-button__button-content"],rawClassNames:[n.buttonContentWrapperClassName]}),style:n.buttonContentWrapperStyle},N.createElement(re,{iso2:t,src:(x=c==null?void 0:c.find(p=>p.iso2===t))==null?void 0:x.src,className:A({addPrefix:["country-selector-button__flag-emoji",i&&"country-selector-button__flag-emoji--disabled"],rawClassNames:[n.flagClassName]}),style:{visibility:t?"visible":"hidden",...n.flagStyle}}),!o&&N.createElement("div",{className:A({addPrefix:["country-selector-button__dropdown-arrow",i&&"country-selector-button__dropdown-arrow--disabled",s&&"country-selector-button__dropdown-arrow--active"],rawClassNames:[n.dropdownArrowClassName]}),style:n.dropdownArrowStyle}));return d?d({children:C,rootProps:h}):N.createElement("button",{...h,type:"button",className:A({addPrefix:["country-selector-button",s&&"country-selector-button--active",i&&"country-selector-button--disabled",o&&"country-selector-button--hide-dropdown"],rawClassNames:[n.buttonClassName]}),"data-country":t,style:n.buttonStyle},C)};return N.createElement("div",{className:A({addPrefix:["country-selector"],rawClassNames:[n.className]}),style:n.style,ref:u},v(),N.createElement(_e,{show:s,countries:a,preferredCountries:r,flags:c,onSelect:h=>{l(!1),e==null||e(h)},selectedCountry:t,onClose:()=>{l(!1)},...n.dropdownStyleProps}))},ze=({dialCode:t,prefix:e,disabled:i,style:o,className:a})=>N.createElement("div",{className:A({addPrefix:["dial-code-preview",i&&"dial-code-preview--disabled"],rawClassNames:[a]}),style:o},`${e}${t}`);oe(({value:t,onChange:e,countries:i=R,preferredCountries:o=[],hideDropdown:a,showDisabledDialCodeAndPrefix:r,disableFocusAfterCountrySelect:c,flags:d,style:n,className:s,inputStyle:l,inputClassName:y,countrySelectorStyleProps:u,dialCodePreviewStyleProps:m,inputProps:v,placeholder:h,disabled:C,name:x,onFocus:p,onBlur:$,required:B,autoFocus:M,...f},b)=>{let{phone:g,inputValue:D,inputRef:P,country:I,setCountry:T,handlePhoneValueChange:G}=ae({value:t,countries:i,...f,onChange:k=>{e==null||e(k.phone,{country:k.country,inputValue:k.inputValue})}}),w=f.disableDialCodeAndPrefix&&r&&(I==null?void 0:I.dialCode);return le(b,()=>P.current?Object.assign(P.current,{setCountry:T,state:{phone:g,inputValue:D,country:I}}):null,[P,T,g,D,I]),N.createElement("div",{ref:b,className:A({addPrefix:["input-container"],rawClassNames:[s]}),style:n},N.createElement(Be,{onSelect:k=>T(k.iso2,{focusOnInput:!c}),flags:d,selectedCountry:I.iso2,countries:i,preferredCountries:o,disabled:C,hideDropdown:a,...u}),w&&N.createElement(ze,{dialCode:I.dialCode,prefix:f.prefix??"+",disabled:C,...m}),N.createElement("input",{onChange:G,value:D,type:"tel",ref:P,className:A({addPrefix:["input",C&&"input--disabled"],rawClassNames:[y]}),placeholder:h,disabled:C,style:l,name:x,onFocus:p,onBlur:$,autoFocus:M,required:B,...v}))});const Fe=R.map(L);function Ue({value:t,onChange:e,defaultCountry:i="us",...o}){const a=_(null),r=_(null),{inputValue:c,handlePhoneValueChange:d,inputRef:n,country:s,setCountry:l}=ae({defaultCountry:i,value:t,countries:R,onChange:p=>{e==null||e(p.phone)},forceDialCode:!0}),y=`+${s.dialCode}`,{startsWith:u}=ie({sensitivity:"base"}),[m,v]=j(""),[h,C]=j(!1),x=J(()=>Fe.filter(p=>u(p.name,m)),[m]);return W(()=>{var p;h&&((p=r.current)==null||p.focus())},[h]),q("div",{className:U("flex relative",o.label?"pt-4":""),"aria-label":o["aria-label"],children:[q(se,{isOpen:h,onOpenChange:C,children:[q(de,{"aria-label":"Select Country",className:"flex px-4 h-10 text-sm items-center rounded-l-md bg-slate-100 gap-2 uppercase [&[aria-expanded=false]_svg]:rotate-180 border border-r-0 border-slate-300",excludeFromTabOrder:!0,children:[s.iso2,F("svg",{width:"15",height:"8",viewBox:"0 0 15 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:F("path",{d:"M1 7L7.5 0.999999L14 7",stroke:"currentColor"})})]}),q("div",{className:U("w-full grid absolute left-0 top-[calc(100%+.25rem)] bg-white z-50 rounded-md text-slate-600 border border-slate-300","shadow-inner",h?"block":"hidden"),ref:a,children:[F("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 17 16",className:"absolute top-4 left-[1.325rem]",children:F("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.3 6.9a4.9 4.9 0 1 1-9.8 0 4.9 4.9 0 0 1 9.8 0Zm-1.1 5.7c-1.1.7-2.4 1.2-3.8 1.2a6.9 6.9 0 1 1 5.3-2.5l3 3-1.4 1.4-3.1-3Z",clipRule:"evenodd"})}),F(ue,{"aria-label":"Search for countries",placeholder:"Search for countries",className:U("pl-12 pr-5 py-4 w-full m-0 border-0 text-slate-950 transition-all duration-[0.25s] ease outline-0 bg-transparent","placeholder:text-slate-950 focus:outline-0","border-b border-slate-200"),onChange:p=>v(p.target.value),onBlur:()=>{var p;C(!1),(p=n.current)==null||p.focus()},value:m,ref:r}),F("div",{className:"p-2.5",children:F(ce,{className:"text-slate-950 max-h-60 overflow-y-auto",selectionMode:"single","aria-label":"Countries List",onSelectionChange:p=>{l(String([...p][0])),v(""),C(!1)},children:(h?x:[]).map(p=>q(fe,{id:p.iso2,value:p,textValue:p.iso2,className:"p-3 text-slate-900 data-[hovered]:bg-slate-100 rounded-md",children:[p.name," (+",p.dialCode,")"]},p.iso2))})})]})]}),F(pe,{...o,value:c,inputProps:{onChange:d},ref:n,classNames:{input:U("rounded-l-none",c.trim()===y?"text-slate-600":""),label:"absolute top-0 left-0"}})]})}export{Ue as PhoneInput,Ue as default};

package/components/PinInput/PinInput.js

@@ -1 +1 @@
-import{jsxs as T,jsx as h}from"react/jsx-runtime";import{useState as z,useRef as G,useEffect as U}from"react";import{Group as Z,Label as v,TextField as K,Input as H,Text as P}from"react-aria-components";import{cn as b}from"../../utils/cn.js";function C({description:m,errorMessage:y,isDisabled:A=!1,isInvalid:D=!1,isMasked:E=!1,isRequired:I=!0,label:$,length:s=6,name:M,onChange:f,value:L="",type:j="numeric",validationBehavior:J="native",className:R,classNames:r,...S}){const[Q,g]=z(L),[o,V]=z(Array(s).fill("")),x=G([]);U(()=>{x.current=x.current.slice(0,s)},[s]);const W=e=>{var l,d;const t=e.target.value,n=Number(e.target.getAttribute("data-pin-input-index"));t!==""&&n<o.length-1&&((d=(l=x.current)==null?void 0:l[n+1])==null||d.focus());const p=o.map((w,u)=>u===n?t:w);V(p);const a=p.join("");g(a),f&&f(a)},B=e=>{var a,l,d,w;const t=Number(e.currentTarget.getAttribute("data-pin-input-index"));if(e.ctrlKey||e.metaKey)return;const n=["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Control","Alt","Meta","Shift","Tab","Enter","Escape"],p={alpha:/^[a-z]$/i,alphanumeric:/^[a-z0-9]$/i,numeric:/^[0-9]$/i};if(!e.key.match(p[j])&&!n.includes(e.key)&&e.preventDefault(),o[t]===""&&t>0&&e.key==="Backspace"){const u=o.map((i,k)=>k===t-1?"":i);V(u),(l=(a=x.current)==null?void 0:a[t-1])==null||l.focus(),e.preventDefault();const c=u.join("");g(c),f&&f(c)}if(o[t]===""&&t<o.length-1&&e.key==="Delete"){const u=o.map((i,k)=>k===t+1?"":i);V(u),(w=(d=x.current)==null?void 0:d[t+1])==null||w.focus(),e.preventDefault();const c=u.join("");g(c),f&&f(c)}},F=e=>{var u,c;const t=Number(e.currentTarget.getAttribute("data-pin-input-index"));e.preventDefault();const n=(u=e.clipboardData)==null?void 0:u.getData("text");if(!n)return;const p=n.split("").filter(i=>{switch(j){case"alpha":return/^[a-zA-Z]$/.test(i);case"alphanumeric":return/^[a-z0-9]$/i.test(i);case"numeric":default:return/^[0-9]$/.test(i)}});if(p.length===0)return;const a=[...o];let l=t;for(let i=0;i<p.length&&t+i<s;i++)a[t+i]=p[i],l=t+i;V(a);const d=a.join("");g(d),f&&f(d);const w=l+1<s?l+1:s-1;(c=x.current[w])==null||c.focus()};return T(Z,{className:b("flex flex-wrap gap-2",R),"aria-label":$,...S,children:[h(v,{className:b("flex text-slate-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.label),children:$}),o.map((e,t)=>h(K,{className:b("flex flex-col w-full flex-1 text-slate-900",r==null?void 0:r.inputWrap),"aria-label":`Pin Input Digit ${t+1}`,isDisabled:A,isInvalid:D,isRequired:I,validationBehavior:J,children:h(H,{className:b("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400 text-center","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",r==null?void 0:r.input),onChange:W,onKeyDown:B,onPaste:F,type:E?"password":"text",autoComplete:"one-time-code",ref:n=>{n&&(x.current[t]=n)},value:e,maxLength:1,"data-pin-input-index":t})},`pin-input-${t}`)),T(K,{className:b("flex flex-row flex-wrap grow shrink-0 basis-full",r==null?void 0:r.textWrap),"aria-label":"Pin Input",isDisabled:A,isInvalid:D,isRequired:I,validationBehavior:J,children:[m&&h(P,{className:b("flex text-slate-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.description),slot:"description",children:m}),D&&y&&typeof y=="string"&&h(P,{className:b("flex text-red-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.error),slot:"errorMessage",children:y})]})]})}export{C as PinInput,C as default};
+import{jsxs as T,jsx as h}from"react/jsx-runtime";import{useState as z,useRef as G,useEffect as U}from"react";import{Group as Z,Label as v,TextField as K,Input as H,Text as P}from"react-aria-components";import{cn as b}from"../../utils/cn.js";function q({description:m,errorMessage:y,isDisabled:A=!1,isInvalid:D=!1,isMasked:E=!1,isRequired:I=!0,label:$,length:s=6,name:M,onChange:f,value:L="",type:j="numeric",validationBehavior:J="native",className:R,classNames:r,...S}){const[,g]=z(L),[o,V]=z(Array(s).fill("")),x=G([]);U(()=>{x.current=x.current.slice(0,s)},[s]);const W=e=>{var l,d;const t=e.target.value,n=Number(e.target.getAttribute("data-pin-input-index"));t!==""&&n<o.length-1&&((d=(l=x.current)==null?void 0:l[n+1])==null||d.focus());const p=o.map((w,u)=>u===n?t:w);V(p);const a=p.join("");g(a),f&&f(a)},B=e=>{var a,l,d,w;const t=Number(e.currentTarget.getAttribute("data-pin-input-index"));if(e.ctrlKey||e.metaKey)return;const n=["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Control","Alt","Meta","Shift","Tab","Enter","Escape"],p={alpha:/^[a-z]$/i,alphanumeric:/^[a-z0-9]$/i,numeric:/^[0-9]$/i};if(!e.key.match(p[j])&&!n.includes(e.key)&&e.preventDefault(),o[t]===""&&t>0&&e.key==="Backspace"){const u=o.map((i,k)=>k===t-1?"":i);V(u),(l=(a=x.current)==null?void 0:a[t-1])==null||l.focus(),e.preventDefault();const c=u.join("");g(c),f&&f(c)}if(o[t]===""&&t<o.length-1&&e.key==="Delete"){const u=o.map((i,k)=>k===t+1?"":i);V(u),(w=(d=x.current)==null?void 0:d[t+1])==null||w.focus(),e.preventDefault();const c=u.join("");g(c),f&&f(c)}},F=e=>{var u,c;const t=Number(e.currentTarget.getAttribute("data-pin-input-index"));e.preventDefault();const n=(u=e.clipboardData)==null?void 0:u.getData("text");if(!n)return;const p=n.split("").filter(i=>{switch(j){case"alpha":return/^[a-zA-Z]$/.test(i);case"alphanumeric":return/^[a-z0-9]$/i.test(i);case"numeric":default:return/^[0-9]$/.test(i)}});if(p.length===0)return;const a=[...o];let l=t;for(let i=0;i<p.length&&t+i<s;i++)a[t+i]=p[i],l=t+i;V(a);const d=a.join("");g(d),f&&f(d);const w=l+1<s?l+1:s-1;(c=x.current[w])==null||c.focus()};return T(Z,{className:b("flex flex-wrap gap-2",R),"aria-label":$,...S,children:[h(v,{className:b("flex text-slate-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.label),children:$}),o.map((e,t)=>h(K,{className:b("flex flex-col w-full flex-1 text-slate-900",r==null?void 0:r.inputWrap),"aria-label":`Pin Input Digit ${t+1}`,isDisabled:A,isInvalid:D,isRequired:I,validationBehavior:J,children:h(H,{className:b("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400 text-center","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",r==null?void 0:r.input),onChange:W,onKeyDown:B,onPaste:F,type:E?"password":"text",autoComplete:"one-time-code",ref:n=>{n&&(x.current[t]=n)},value:e,maxLength:1,"data-pin-input-index":t})},`pin-input-${t}`)),T(K,{className:b("flex flex-row flex-wrap grow shrink-0 basis-full",r==null?void 0:r.textWrap),"aria-label":"Pin Input",isDisabled:A,isInvalid:D,isRequired:I,validationBehavior:J,children:[m&&h(P,{className:b("flex text-slate-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.description),slot:"description",children:m}),D&&y&&typeof y=="string"&&h(P,{className:b("flex text-red-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.error),slot:"errorMessage",children:y})]})]})}export{q as PinInput,q as default};

package/components/Radio/Radio.js

@@ -1 +1 @@
-import{jsx as t,jsxs as n,Fragment as b}from"react/jsx-runtime";import{Radio as v}from"react-aria-components";import{cn as i}from"../../utils/cn.js";function c({control:d,classNames:a,...e}){return d?typeof d=="function"?d(e):d:t("div",{"data-hovered":e==null?void 0:e.isHovered,"data-focused":e==null?void 0:e.isFocused,"data-disabled":e==null?void 0:e.isDisabled,"data-invalid":e==null?void 0:e.isInvalid,"data-selected":e==null?void 0:e.isSelected,"data-pressed":e==null?void 0:e.isPressed,className:i("flex items-center justify-center w-6 h-6  border-solid border border-slate-300 ransition-all duration-300 ease rounded-full",'data-[hovered="true"]:border-slate-400','data-[focused="true"]:border-slate-400 data-[focused="true"]:outline-2 data-[focused="true"]:outline data-[focused="true"]:outline-slate-200','data-[disabled="true"]:border-slate-200 data-[disabled="true"]:bg-slate-100','data-[invalid="true"]:bg-red-100 data-[invalid="true"]:text-red-600 data-[invalid="true"]:border-red-500','data-[invalid="true"]:data-[disabled="true"]:border-red-200 data-[invalid="true"]:data-[disabled="true"]:bg-red-100','data-[invalid="true"]:data-[hovered="true"]:border-red-600','data-[invalid="true"]:data-[focused="true"]:border-red-600 data-[invalid="true"]:data-[focused="true"]:outline-red-200','data-[invalid="true"]:data-[selected="true"]:bg-red-100 data-[invalid="true"]:data-[selected="true"]:border-red-500','data-[invalid="true"]:data-[pressed="true"]:bg-red-600 data-[invalid="true"]:data-[pressed="true"]:border-red-600',a==null?void 0:a.control),...e,children:t("div",{"data-invalid":e==null?void 0:e.isInvalid,className:i('w-3 h-3 rounded-full bg-slate-900 opacity-0 transition-all duration-300 ease data-[invalid="true"]:bg-red-500',{"opacity-100":e==null?void 0:e.isSelected})})})}function x({children:d,slots:a,className:e,classNames:u,...l}){return t(v,{className:i("flex items-center gap-2 group","invalid:text-red-500 invalid:disabled:text-red-300","disabled:text-slate-400",e),...l,children:r=>n(b,{children:[t(c,{control:a==null?void 0:a.control,classNames:u,...r}),typeof d=="function"?d(r):d]})})}export{x as Radio,x as default};
+import{jsx as i,jsxs as p,Fragment as g}from"react/jsx-runtime";import{Radio as x}from"react-aria-components";import{cn as l}from"../../utils/cn.js";function m({control:e,classNames:a,isHovered:t,isFocused:r,isFocusVisible:u,isDisabled:d,isInvalid:o,isSelected:n,isPressed:b,isReadOnly:f,isRequired:s,defaultChildren:h,...v}){const c={isHovered:t,isFocused:r,isFocusVisible:u,isDisabled:d,isInvalid:o,isSelected:n,isPressed:b,isReadOnly:f,isRequired:s};return e?typeof e=="function"?e(c):e:i("div",{"data-hovered":t,"data-focused":r,"data-disabled":d,"data-invalid":o,"data-selected":n,"data-pressed":b,className:l("flex items-center justify-center w-6 h-6  border-solid border border-slate-300 ransition-all duration-300 ease rounded-full",'data-[hovered="true"]:border-slate-400','data-[focused="true"]:border-slate-400 data-[focused="true"]:outline-2 data-[focused="true"]:outline data-[focused="true"]:outline-slate-200','data-[disabled="true"]:border-slate-200 data-[disabled="true"]:bg-slate-100','data-[invalid="true"]:bg-red-100 data-[invalid="true"]:text-red-600 data-[invalid="true"]:border-red-500','data-[invalid="true"]:data-[disabled="true"]:border-red-200 data-[invalid="true"]:data-[disabled="true"]:bg-red-100','data-[invalid="true"]:data-[hovered="true"]:border-red-600','data-[invalid="true"]:data-[focused="true"]:border-red-600 data-[invalid="true"]:data-[focused="true"]:outline-red-200','data-[invalid="true"]:data-[selected="true"]:bg-red-100 data-[invalid="true"]:data-[selected="true"]:border-red-500','data-[invalid="true"]:data-[pressed="true"]:bg-red-600 data-[invalid="true"]:data-[pressed="true"]:border-red-600',a==null?void 0:a.control),...v,children:i("div",{"data-invalid":o,className:l('w-3 h-3 rounded-full bg-slate-900 opacity-0 transition-all duration-300 ease data-[invalid="true"]:bg-red-500',{"opacity-100":n})})})}function w({children:e,slots:a,className:t,classNames:r,...u}){return i(x,{className:l("flex items-center gap-2 group","invalid:text-red-500 invalid:disabled:text-red-300","disabled:text-slate-400",t),...u,children:d=>p(g,{children:[i(m,{control:a==null?void 0:a.control,classNames:r,...d}),typeof e=="function"?e(d):e]})})}export{w as Radio,w as default};

package/components/Select/Select.js

@@ -1 +1 @@
-import{jsx as e,jsxs as _,Fragment as j}from"react/jsx-runtime";import{Popover as D,ComboBox as F,Label as T,Input as U,Button as R,Text as W,FieldError as q,ListBox as z}from"react-aria-components";import{forwardRef as L,useState as y}from"react";import{motion as G}from"framer-motion";import{cn as o}from"../../utils/cn.js";import{Pulse as H}from"../Loader/Pulse.js";const S=L((d,n)=>e(D,{...d,ref:n}));let f=null;function J(){return typeof window>"u"?null:(f||(f=G.create(S)),f)}function Q({buttonIcon:d,...n}){return d?typeof d=="function"?d(n):d:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:o("transition-all ease-in-out duration-200",n.isOpen?"rotate-180":"rotate-0"),children:e("path",{d:"M6 9L12 15L18 9",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:o(["stroke-slate-900",n.isDisabled&&"stroke-slate-400",n.isInvalid&&"stroke-red-500"])})})}function k({listBoxComponent:d,children:n,...r}){return e(d||z,{...r,children:n})}function V({label:d,description:n,errorMessage:r,children:a,placeholder:I,key:b,isLoading:l,slots:i,popoverPortalContainer:p,popoverOffset:h,selectedKey:v,className:M,classNames:t,autoComplete:O,...w},m){const[u,g]=y("unmounted"),[x,A]=y(!1),C=J(),B=o("px-0 py-1.5","shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]","rounded-md","w-[var(--trigger-width)]","bg-white","border border-solid border-slate-300",t==null?void 0:t.listContainer);return e(F,{onOpenChange:()=>{g(u==="visible"?"hidden":"visible"),A(!x)},isDisabled:w.isDisabled||l,"data-has-value":!!v,selectedKey:v,...w,className:o("flex flex-col","w-full",M),children:E=>_(j,{children:[e(T,{className:o("flex","text-xs text-slate-500",t==null?void 0:t.label),children:d}),_("div",{className:o("flex","relative","w-full",t==null?void 0:t.comboBoxContainer),children:[e(U,{placeholder:I,className:o("border border-solid border-slate-300","text-sm text-slate-900","py-0 px-2","h-10 w-full","m-0","rounded-md","bg-white","transition-all ease-in-out duration-200","data-[hovered]:border-slate-400","data-[focused]:border-slate-400 data-[focused]:outline data-[focused]:outline-2 data-[focused]:outline-slate-200"," data-[disabled]:bg-slate-100 data-[disabled]:border-slate-300",l?"data-[disabled]:text-slate-900":"data-[disabled]:text-slate-500","data-[invalid]:border-red-500 data-[invalid]:bg-red-100 data-[invalid]:text-red-600","data-[invalid]:data-[hovered]:border-red-600","data-[invalid]:data-[focused]:border-red-600 data-[invalid]:data-[focused]:outline data-[invalid]:data-[focused]:outline-2 data-[invalid]:data-[focused]:outline-red-200","data-[invalid]:placeholder:text-slate-400",t==null?void 0:t.input),ref:m,autoComplete:O}),l?e("div",{className:o("absolute top-2 right-2","block",t==null?void 0:t.loader),children:(i==null?void 0:i.loadingIcon)||e(H,{})}):e(R,{className:o("absolute top-2 right-0","block","border-none","bg-none",t==null?void 0:t.arrowButton),children:e(Q,{buttonIcon:i==null?void 0:i.buttonIcon,...E})})]}),n&&e(W,{slot:"description",className:o("flex","text-xs","text-slate-500",t==null?void 0:t.description),children:n}),e(q,{className:o("flex","text-xs","text-red-500",t==null?void 0:t.errorMessage),children:r}),C?e(C,{isOpen:x,isExiting:u==="hidden",offset:h,UNSTABLE_portalContainer:p,onAnimationComplete:P=>{g(c=>P==="hidden"&&c==="hidden"?"unmounted":c)},variants:{hidden:{opacity:0,y:-10},visible:{opacity:1,y:0}},initial:"hidden",animate:u,className:B,children:e(k,{listBoxComponent:i==null?void 0:i.listBoxComponent,className:o("max-h-80","overflow-y-scroll",t==null?void 0:t.list),children:a})},b):e(S,{isOpen:x,offset:h,UNSTABLE_portalContainer:p,className:B,children:e(k,{listBoxComponent:i==null?void 0:i.listBoxComponent,className:o("max-h-80","overflow-y-scroll",t==null?void 0:t.list),children:a})},b)]})})}const s=L(V);export{s as Select,s as default};
+import{jsx as e,jsxs as f,Fragment as k}from"react/jsx-runtime";import{Popover as _,ComboBox as c,Label as L,Input as I,Button as S,Text as j,FieldError as y,ListBox as D}from"react-aria-components";import{forwardRef as F}from"react";import{cn as d}from"../../utils/cn.js";import"framer-motion";import{Pulse as M}from"../Loader/Pulse.js";function P({buttonIcon:i,...o}){return i?typeof i=="function"?i(o):i:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:d("transition-all ease-in-out duration-200",o.isOpen?"rotate-180":"rotate-0"),children:e("path",{d:"M6 9L12 15L18 9",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:d(["stroke-slate-900",o.isDisabled&&"stroke-slate-400",o.isInvalid&&"stroke-red-500"])})})}function E({listBoxComponent:i,children:o,...n}){return e(i||D,{...n,children:o})}function O({label:i,description:o,errorMessage:n,children:a,placeholder:b,isLoading:l,slots:r,popoverOffset:p,selectedKey:u,className:h,classNames:t,autoComplete:v,...x},w){const g=d("px-0 py-1.5","shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]","rounded-md","w-[var(--trigger-width)]","bg-white","border border-solid border-slate-300",t==null?void 0:t.listContainer),B=e(_,{offset:p,className:g,children:e(E,{listBoxComponent:r==null?void 0:r.listBoxComponent,className:d("max-h-80","overflow-y-scroll",t==null?void 0:t.list),children:a})});return e(c,{isDisabled:x.isDisabled||l,"data-has-value":!!u,selectedKey:u,...x,className:d("flex flex-col","w-full",h),children:C=>f(k,{children:[e(L,{className:d("flex","text-xs text-slate-500",t==null?void 0:t.label),children:i}),f("div",{className:d("flex","relative","w-full",t==null?void 0:t.comboBoxContainer),children:[e(I,{placeholder:b,className:d("border border-solid border-slate-300","text-sm text-slate-900","py-0 px-2","h-10 w-full","m-0","rounded-md","bg-white","transition-all ease-in-out duration-200","data-[hovered]:border-slate-400","data-[focused]:border-slate-400 data-[focused]:outline data-[focused]:outline-2 data-[focused]:outline-slate-200"," data-[disabled]:bg-slate-100 data-[disabled]:border-slate-300",l?"data-[disabled]:text-slate-900":"data-[disabled]:text-slate-500","data-[invalid]:border-red-500 data-[invalid]:bg-red-100 data-[invalid]:text-red-600","data-[invalid]:data-[hovered]:border-red-600","data-[invalid]:data-[focused]:border-red-600 data-[invalid]:data-[focused]:outline data-[invalid]:data-[focused]:outline-2 data-[invalid]:data-[focused]:outline-red-200","data-[invalid]:placeholder:text-slate-400",t==null?void 0:t.input),ref:w,autoComplete:v}),l?e("div",{className:d("absolute top-2 right-2","block",t==null?void 0:t.loader),children:(r==null?void 0:r.loadingIcon)||e(M,{})}):e(S,{className:d("absolute top-2 right-0","block","border-none","bg-none",t==null?void 0:t.arrowButton),children:e(P,{buttonIcon:r==null?void 0:r.buttonIcon,...C})})]}),o&&e(j,{slot:"description",className:d("flex","text-xs","text-slate-500",t==null?void 0:t.description),children:o}),e(y,{className:d("flex","text-xs","text-red-500",t==null?void 0:t.errorMessage),children:n}),B]})})}const G=F(O);export{G as Select,G as default};

package/components/Select/Select.types.d.ts

@@ -1,7 +1,6 @@
 import { ComboBoxRenderProps, ComboBoxProps as AriaComboBoxProps, ValidationResult, ListBoxProps } from 'react-aria-components';
-import { ComponentType, HTMLInputAutoCompleteAttribute, Key, ReactNode } from 'react';
+import { ComponentType, HTMLInputAutoCompleteAttribute, ReactNode } from 'react';
 import { SlotsToClasses } from '../../types/SlotsToClasses';
-export type ComboBoxPopoverAnimationState = 'unmounted' | 'hidden' | 'visible';
 export type SelectSlots<T extends object> = {
     buttonIcon?: ReactNode | ((values: ComboBoxRenderProps) => ReactNode);
     loadingIcon?: ReactNode;
@@ -12,12 +11,10 @@ export interface SelectProps<T extends object> extends Omit<AriaComboBoxProps<T>
     description?: string | null;
     errorMessage?: string | ((validation: ValidationResult) => string);
     placeholder?: string;
-    key?: Key | null;
     isLoading?: boolean;
     children: ReactNode | ((item: T) => ReactNode);
     slots?: SelectSlots<T>;
     popoverOffset?: number;
-    popoverPortalContainer?: Element;
     classNames?: SlotsToClasses<'label' | 'name' | 'comboBoxContainer' | 'input' | 'loader' | 'arrowButton' | 'description' | 'errorMessage' | 'listContainer' | 'list'>;
     autoComplete?: HTMLInputAutoCompleteAttribute;
 }

package/components/Select/index.d.ts

@@ -1,4 +1,4 @@
 export { Option } from './Option';
 export { Select } from './Select';
 export type { OptionProps } from './Option.types';
-export type { ComboBoxPopoverAnimationState, SelectProps, SelectSlots, } from './Select.types';
+export type { SelectProps, SelectSlots } from './Select.types';

package/components/UploadImage/UploadImage.js

@@ -1 +1 @@
-import{jsxs as t,Fragment as u,jsx as e}from"react/jsx-runtime";import{forwardRef as v,useState as j}from"react";import{motion as N}from"framer-motion";import{N as V}from"../../assets/image-DzfFRUBL.js";import{FieldError as _}from"react-aria-components";import{cn as a}from"../../utils/cn.js";import{useIsClient as k}from"../../hooks/useIsClient.js";import{Skeleton as x}from"../Skeleton/Skeleton.js";import"react-dom";function U({hasTitle:n,className:o}){return t("div",{className:"w-full h-full flex flex-col gap-4",children:[n&&e(x,{className:"w-1/2 h-8 mx-auto rounded-md z-20"}),e(x,{className:a("w-full h-56 rounded-md z-20 relative",o)})]})}const O=v(({title:n,description:o="Preview will display here.",fileExtension:h,actionTitle:g="select file",variant:c,errorMessage:f,defaultImagePath:d,classNames:i,...l},p)=>{const b=k(),[r,w]=j({src:null,alt:null}),C=!!f,y=h?h.split(",").map(s=>`image/${s.trim()}`).join(", "):"image/*";return t("div",{className:a("w-full h-full","flex flex-col gap-4"),children:[b?t(u,{children:[n&&e("h6",{className:a("text-center","text-2xl","m-0 mb-4"),children:n}),t("div",{className:a("w-full h-full","flex flex-col justify-between gap-5 items-center",["bg-slate-100",c==="base"&&"bg-transparent"],"rounded-md",[c==="base"&&"rounded-none"],["p-6 lg:p-7",c==="base"&&"p-0 lg:p-0"]),children:[t("label",{htmlFor:`${l==null?void 0:l.name}-upload-file`,"aria-label":"image upload",onChange:s=>{const{target:{files:m}}=s;m&&w({src:URL.createObjectURL(m[0]),alt:m[0].name})},className:a("inline-flex justify-center items-center","uppercase text-base border-slate-200","bg-transparent","border-1 border-solid","px-4 py-0","rounded-2xl","cursor-pointer","w-full h-9",["max-w-48",c==="base"&&"max-w-none"],"my-0 mx-auto","has-[:disabled]:bg-transparent has-[:disabled]:text-slate-950","hover:bg-slate-100s hover:text-black",i==null?void 0:i.label),children:[g,e("input",{id:`${l==null?void 0:l.name}-upload-file`,accept:y,type:"file",hidden:!0,...l,ref:p,className:"hidden"})]}),d&&!r.src?e("div",{className:"flex justify-center items-center w-60",children:e("a",{href:d,target:"_blank",rel:"noreferrer",children:e("img",{src:d,alt:"",className:"w-full h-auto"})})}):t(u,{children:[e(N.div,{initial:{opacity:0},animate:{opacity:1},transition:{type:"spring",duration:3,bounce:0},className:"flex justify-center items-center w-52 h-auto",children:r.src?e(V,{src:r.src,height:96,width:200,alt:r.alt||"",className:"max-h-full object-contain"}):t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"31",height:"55",viewBox:"0 0 31 55",fill:"none",children:[e("g",{clipPath:"url(#clip0_15607_32844)",children:e("path",{d:"M15.9521 0.721924C24.2431 0.721924 30.9521 7.36392 30.9521 15.5719V43.9219C30.9521 49.8889 26.0703 54.7219 20.0431 54.7219C14.0158 54.7219 9.13397 49.8889 9.13397 43.9219V20.9719C9.13397 17.2459 12.1885 14.2219 15.9521 14.2219C19.7158 14.2219 22.7703 17.2459 22.7703 20.9719V41.2219H17.3158V20.7289C17.3158 19.2439 14.5885 19.2439 14.5885 20.7289V43.9219C14.5885 46.8919 17.0431 49.3219 20.0431 49.3219C23.0431 49.3219 25.4976 46.8919 25.4976 43.9219V15.5719C25.4976 10.3609 21.2158 6.12192 15.9521 6.12192C10.6885 6.12192 6.40669 10.3609 6.40669 15.5719V41.2219H0.952148V15.5719C0.952148 7.36392 7.66124 0.721924 15.9521 0.721924Z",fill:"#646464"})}),e("defs",{children:e("clipPath",{id:"clip0_15607_32844",children:e("rect",{width:"30",height:"54",fill:"white",transform:"translate(0.952148 0.721924)"})})})]})},r.src),e("p",{className:"m-0 text-slate-950 text-center",children:r.alt||o})]})]})]}):e(U,{hasTitle:!!n,className:i==null?void 0:i.skeleton}),C&&e(_,{className:a("-mt-2","self-start"),children:f})]})});export{O as UploadImage,O as default};
+import{jsxs as t,Fragment as u,jsx as e}from"react/jsx-runtime";import{forwardRef as v,useState as j}from"react";import{motion as N}from"framer-motion";import{N as V}from"../../assets/image-k0c3_NVg.js";import{FieldError as _}from"react-aria-components";import{cn as a}from"../../utils/cn.js";import{useIsClient as k}from"../../hooks/useIsClient.js";import{Skeleton as x}from"../Skeleton/Skeleton.js";import"../../assets/_interop_require_wildcard-hxwiIWAf.js";import"react-dom";function U({hasTitle:n,className:o}){return t("div",{className:"w-full h-full flex flex-col gap-4",children:[n&&e(x,{className:"w-1/2 h-8 mx-auto rounded-md z-20"}),e(x,{className:a("w-full h-56 rounded-md z-20 relative",o)})]})}const P=v(({title:n,description:o="Preview will display here.",fileExtension:h,actionTitle:g="select file",variant:c,errorMessage:f,defaultImagePath:d,classNames:i,...l},p)=>{const b=k(),[r,w]=j({src:null,alt:null}),C=!!f,y=h?h.split(",").map(m=>`image/${m.trim()}`).join(", "):"image/*";return t("div",{className:a("w-full h-full","flex flex-col gap-4"),children:[b?t(u,{children:[n&&e("h6",{className:a("text-center","text-2xl","m-0 mb-4"),children:n}),t("div",{className:a("w-full h-full","flex flex-col justify-between gap-5 items-center",["bg-slate-100",c==="base"&&"bg-transparent"],"rounded-md",[c==="base"&&"rounded-none"],["p-6 lg:p-7",c==="base"&&"p-0 lg:p-0"]),children:[t("label",{htmlFor:`${l==null?void 0:l.name}-upload-file`,"aria-label":"image upload",onChange:m=>{const{target:{files:s}}=m;s&&w({src:URL.createObjectURL(s[0]),alt:s[0].name})},className:a("inline-flex justify-center items-center","uppercase text-base border-slate-200","bg-transparent","border-1 border-solid","px-4 py-0","rounded-2xl","cursor-pointer","w-full h-9",["max-w-48",c==="base"&&"max-w-none"],"my-0 mx-auto","has-[:disabled]:bg-transparent has-[:disabled]:text-slate-950","hover:bg-slate-100s hover:text-black",i==null?void 0:i.label),children:[g,e("input",{id:`${l==null?void 0:l.name}-upload-file`,accept:y,type:"file",hidden:!0,...l,ref:p,className:"hidden"})]}),d&&!r.src?e("div",{className:"flex justify-center items-center w-60",children:e("a",{href:d,target:"_blank",rel:"noreferrer",children:e("img",{src:d,alt:"",className:"w-full h-auto"})})}):t(u,{children:[e(N.div,{initial:{opacity:0},animate:{opacity:1},transition:{type:"spring",duration:3,bounce:0},className:"flex justify-center items-center w-52 h-auto",children:r.src?e(V,{src:r.src,height:96,width:200,alt:r.alt||"",className:"max-h-full object-contain"}):t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"31",height:"55",viewBox:"0 0 31 55",fill:"none",children:[e("g",{clipPath:"url(#clip0_15607_32844)",children:e("path",{d:"M15.9521 0.721924C24.2431 0.721924 30.9521 7.36392 30.9521 15.5719V43.9219C30.9521 49.8889 26.0703 54.7219 20.0431 54.7219C14.0158 54.7219 9.13397 49.8889 9.13397 43.9219V20.9719C9.13397 17.2459 12.1885 14.2219 15.9521 14.2219C19.7158 14.2219 22.7703 17.2459 22.7703 20.9719V41.2219H17.3158V20.7289C17.3158 19.2439 14.5885 19.2439 14.5885 20.7289V43.9219C14.5885 46.8919 17.0431 49.3219 20.0431 49.3219C23.0431 49.3219 25.4976 46.8919 25.4976 43.9219V15.5719C25.4976 10.3609 21.2158 6.12192 15.9521 6.12192C10.6885 6.12192 6.40669 10.3609 6.40669 15.5719V41.2219H0.952148V15.5719C0.952148 7.36392 7.66124 0.721924 15.9521 0.721924Z",fill:"#646464"})}),e("defs",{children:e("clipPath",{id:"clip0_15607_32844",children:e("rect",{width:"30",height:"54",fill:"white",transform:"translate(0.952148 0.721924)"})})})]})},r.src),e("p",{className:"m-0 text-slate-950 text-center",children:r.alt||o})]})]})]}):e(U,{hasTitle:!!n,className:i==null?void 0:i.skeleton}),C&&e(_,{className:a("-mt-2","self-start"),children:f})]})});export{P as UploadImage,P as default};

package/components/UploadImage/index.js

@@ -1 +1 @@
-import{UploadImage as l}from"./UploadImage.js";import"react/jsx-runtime";import"react";import"framer-motion";import"../../assets/image-DzfFRUBL.js";import"react-dom";import"react-aria-components";import"../../utils/cn.js";import"../../hooks/useIsClient.js";import"../Skeleton/Skeleton.js";export{l as UploadImage};
+import{UploadImage as x}from"./UploadImage.js";import"react/jsx-runtime";import"react";import"framer-motion";import"../../assets/image-k0c3_NVg.js";import"../../assets/_interop_require_wildcard-hxwiIWAf.js";import"react-dom";import"react-aria-components";import"../../utils/cn.js";import"../../hooks/useIsClient.js";import"../Skeleton/Skeleton.js";export{x as UploadImage};

package/hooks/useRoute/RouteContext.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type RouteProviderConfig = {
+    /** Whether the user is currently logged in */
+    isLoggedIn: boolean;
+};
+type RouteProviderProps = {
+    children: ReactNode;
+    config: RouteProviderConfig;
+};
+export declare function RouteProvider({ children, config }: RouteProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useRouteConfig(): RouteProviderConfig;
+export {};

package/hooks/useRoute/RouteContext.js

@@ -0,0 +1 @@
+import{jsx as n}from"react/jsx-runtime";import{createContext as r,useContext as u}from"react";const i={isLoggedIn:!1},o=r(i);function c({children:t,config:e}){return n(o.Provider,{value:e,children:t})}function x(){return u(o)}export{c as RouteProvider,x as useRouteConfig};

package/hooks/useRoute/index.d.ts

@@ -0,0 +1,2 @@
+export { useRoute, type RouteConfig } from './useRoute';
+export { RouteProvider, useRouteConfig, type RouteProviderConfig, } from './RouteContext';

package/hooks/useRoute/index.js

@@ -0,0 +1 @@
+import{useRoute as m}from"./useRoute.js";import{RouteProvider as u,useRouteConfig as f}from"./RouteContext.js";import"react";import"../../assets/_interop_require_wildcard-hxwiIWAf.js";import"react/jsx-runtime";export{u as RouteProvider,m as useRoute,f as useRouteConfig};

package/hooks/useRoute/useRoute.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Route definition with path template and metadata.
+ */
+export type RouteConfig = {
+    readonly path: string;
+    readonly isProtected: boolean;
+    readonly name?: string;
+};
+/**
+ * Options for useRoute hook.
+ */
+type UseRouteOptions = {
+    /**
+     * When true, appends ?redirect=<current-pathname> to the URL.
+     * Use this for "login with return" pattern where you want to link TO
+     * the login page and redirect back to the current page after auth.
+     *
+     * @example
+     * // On cart page: link to login, return to cart after
+     * const loginUrl = useRoute(Routes.account.authenticate, null, { returnHere: true });
+     * // '/account/authenticate?redirect=%2Fcart'
+     */
+    returnHere?: boolean;
+};
+/**
+ * Generate an href from a route config, handling:
+ * - Path param replacement (:orderId -> actual value)
+ * - Auth redirect for protected routes when not logged in
+ * - returnHere option for login-with-return pattern
+ *
+ * @param route - Route config object from Routes (e.g., Routes.checkout.success)
+ * @param params - Object with param values for dynamic routes
+ * @param options - Additional options like returnHere
+ * @returns The resolved href string
+ *
+ * @example
+ * // Static route
+ * const href = useRoute(Routes.cart.index);
+ * // '/cart'
+ *
+ * @example
+ * // Dynamic route
+ * const href = useRoute(Routes.checkout.success, { orderId: 'abc123' });
+ * // '/checkout/success/abc123'
+ *
+ * @example
+ * // Protected route when not logged in
+ * const href = useRoute(Routes.account.orders.index);
+ * // '/account/authenticate?redirect=%2Faccount%2Forders'
+ *
+ * @example
+ * // Login with return to current page (login-with-return pattern)
+ * const loginUrl = useRoute(Routes.account.authenticate, null, { returnHere: true });
+ * // '/account/authenticate?redirect=%2Fcart' (if on /cart)
+ */
+export declare function useRoute(route: RouteConfig, params?: Record<string, string> | null, options?: UseRouteOptions): string;
+export {};

package/hooks/useRoute/useRoute.js

@@ -0,0 +1 @@
+import h,{useMemo as X}from"react";import{_ as J,a as Q}from"../../assets/_interop_require_wildcard-hxwiIWAf.js";import{useRouteConfig as ee}from"./RouteContext.js";import"react/jsx-runtime";var A={exports:{}},Y={};(function(n){"use client";Object.defineProperty(n,"__esModule",{value:!0});function e(y,b){for(var g in b)Object.defineProperty(y,g,{enumerable:!0,get:b[g]})}e(n,{AppRouterContext:function(){return i},GlobalLayoutRouterContext:function(){return u},LayoutRouterContext:function(){return o},MissingSlotContext:function(){return f},TemplateContext:function(){return c}});const t=J._(h),i=t.default.createContext(null),o=t.default.createContext(null),u=t.default.createContext(null),c=t.default.createContext(null),f=t.default.createContext(new Set)})(Y);var z={};(function(n){"use client";Object.defineProperty(n,"__esModule",{value:!0});function e(u,c){for(var f in c)Object.defineProperty(u,f,{enumerable:!0,get:c[f]})}e(n,{PathParamsContext:function(){return o},PathnameContext:function(){return i},SearchParamsContext:function(){return t}});const r=h,t=(0,r.createContext)(null),i=(0,r.createContext)(null),o=(0,r.createContext)(null)})(z);var M={exports:{}};(function(n,e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"getSegmentValue",{enumerable:!0,get:function(){return r}});function r(t){return Array.isArray(t)?t[1]:t}(typeof e.default=="function"||typeof e.default=="object"&&e.default!==null)&&typeof e.default.__esModule>"u"&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)})(M,M.exports);var te=M.exports,Z={};(function(n){Object.defineProperty(n,"__esModule",{value:!0});function e(o,u){for(var c in u)Object.defineProperty(o,c,{enumerable:!0,get:u[c]})}e(n,{DEFAULT_SEGMENT_KEY:function(){return i},PAGE_SEGMENT_KEY:function(){return t},isGroupSegment:function(){return r}});function r(o){return o[0]==="("&&o.endsWith(")")}const t="__PAGE__",i="__DEFAULT__"})(Z);var T={exports:{}},L={exports:{}},w={exports:{}},q={exports:{}},G={exports:{}};(function(n,e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"createAsyncLocalStorage",{enumerable:!0,get:function(){return o}});const r=new Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available");class t{disable(){throw r}getStore(){}run(){throw r}exit(){throw r}enterWith(){throw r}}const i=globalThis.AsyncLocalStorage;function o(){return i?new i:new t}(typeof e.default=="function"||typeof e.default=="object"&&e.default!==null)&&typeof e.default.__esModule>"u"&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)})(G,G.exports);var x=G.exports;(function(n,e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"requestAsyncStorage",{enumerable:!0,get:function(){return t}});const t=(0,x.createAsyncLocalStorage)();(typeof e.default=="function"||typeof e.default=="object"&&e.default!==null)&&typeof e.default.__esModule>"u"&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)})(q,q.exports);var ne=q.exports;(function(n,e){"TURBOPACK { transition: next-shared }";Object.defineProperty(e,"__esModule",{value:!0});function r(o,u){for(var c in u)Object.defineProperty(o,c,{enumerable:!0,get:u[c]})}r(e,{getExpectedRequestStore:function(){return i},requestAsyncStorage:function(){return t.requestAsyncStorage}});const t=ne;function i(o){const u=t.requestAsyncStorage.getStore();if(u)return u;throw new Error("`"+o+"` was called outside a request scope. Read more: https://nextjs.org/docs/messages/next-dynamic-api-wrong-context")}(typeof e.default=="function"||typeof e.default=="object"&&e.default!==null)&&typeof e.default.__esModule>"u"&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)})(w,w.exports);var re=w.exports,I={exports:{}},U={exports:{}};(function(n,e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"actionAsyncStorage",{enumerable:!0,get:function(){return t}});const t=(0,x.createAsyncLocalStorage)();(typeof e.default=="function"||typeof e.default=="object"&&e.default!==null)&&typeof e.default.__esModule>"u"&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)})(U,U.exports);var oe=U.exports;(function(n,e){"TURBOPACK { transition: next-shared }";Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"actionAsyncStorage",{enumerable:!0,get:function(){return r.actionAsyncStorage}});const r=oe;(typeof e.default=="function"||typeof e.default=="object"&&e.default!==null)&&typeof e.default.__esModule>"u"&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)})(I,I.exports);var ue=I.exports,F={exports:{}};(function(n,e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"RedirectStatusCode",{enumerable:!0,get:function(){return r}});var r;(function(t){t[t.SeeOther=303]="SeeOther",t[t.TemporaryRedirect=307]="TemporaryRedirect",t[t.PermanentRedirect=308]="PermanentRedirect"})(r||(r={})),(typeof e.default=="function"||typeof e.default=="object"&&e.default!==null)&&typeof e.default.__esModule>"u"&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)})(F,F.exports);var ae=F.exports;(function(n,e){Object.defineProperty(e,"__esModule",{value:!0});function r(d,s){for(var a in s)Object.defineProperty(d,a,{enumerable:!0,get:s[a]})}r(e,{RedirectType:function(){return c},getRedirectError:function(){return f},getRedirectStatusCodeFromError:function(){return p},getRedirectTypeFromError:function(){return O},getURLFromRedirectError:function(){return j},isRedirectError:function(){return g},permanentRedirect:function(){return b},redirect:function(){return y}});const t=re,i=ue,o=ae,u="NEXT_REDIRECT";var c;(function(d){d.push="push",d.replace="replace"})(c||(c={}));function f(d,s,a){a===void 0&&(a=o.RedirectStatusCode.TemporaryRedirect);const l=new Error(u);l.digest=u+";"+s+";"+d+";"+a+";";const _=t.requestAsyncStorage.getStore();return _&&(l.mutableCookies=_.mutableCookies),l}function y(d,s){s===void 0&&(s="replace");const a=i.actionAsyncStorage.getStore();throw f(d,s,a!=null&&a.isAction?o.RedirectStatusCode.SeeOther:o.RedirectStatusCode.TemporaryRedirect)}function b(d,s){s===void 0&&(s="replace");const a=i.actionAsyncStorage.getStore();throw f(d,s,a!=null&&a.isAction?o.RedirectStatusCode.SeeOther:o.RedirectStatusCode.PermanentRedirect)}function g(d){if(typeof d!="object"||d===null||!("digest"in d)||typeof d.digest!="string")return!1;const[s,a,l,_]=d.digest.split(";",4),S=Number(_);return s===u&&(a==="replace"||a==="push")&&typeof l=="string"&&!isNaN(S)&&S in o.RedirectStatusCode}function j(d){return g(d)?d.digest.split(";",3)[2]:null}function O(d){if(!g(d))throw new Error("Not a redirect error");return d.digest.split(";",2)[1]}function p(d){if(!g(d))throw new Error("Not a redirect error");return Number(d.digest.split(";",4)[3])}(typeof e.default=="function"||typeof e.default=="object"&&e.default!==null)&&typeof e.default.__esModule>"u"&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)})(L,L.exports);var ce=L.exports,N={exports:{}};(function(n,e){Object.defineProperty(e,"__esModule",{value:!0});function r(u,c){for(var f in c)Object.defineProperty(u,f,{enumerable:!0,get:c[f]})}r(e,{isNotFoundError:function(){return o},notFound:function(){return i}});const t="NEXT_NOT_FOUND";function i(){const u=new Error(t);throw u.digest=t,u}function o(u){return typeof u!="object"||u===null||!("digest"in u)?!1:u.digest===t}(typeof e.default=="function"||typeof e.default=="object"&&e.default!==null)&&typeof e.default.__esModule>"u"&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)})(N,N.exports);var ie=N.exports;(function(n,e){Object.defineProperty(e,"__esModule",{value:!0});function r(c,f){for(var y in f)Object.defineProperty(c,y,{enumerable:!0,get:f[y]})}r(e,{ReadonlyURLSearchParams:function(){return u},RedirectType:function(){return t.RedirectType},notFound:function(){return i.notFound},permanentRedirect:function(){return t.permanentRedirect},redirect:function(){return t.redirect}});const t=ce,i=ie;class o extends Error{constructor(){super("Method unavailable on `ReadonlyURLSearchParams`. Read more: https://nextjs.org/docs/app/api-reference/functions/use-search-params#updating-searchparams")}}class u extends URLSearchParams{append(){throw new o}delete(){throw new o}set(){throw new o}sort(){throw new o}}(typeof e.default=="function"||typeof e.default=="object"&&e.default!==null)&&typeof e.default.__esModule>"u"&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)})(T,T.exports);var fe=T.exports,K={};(function(n){"use client";Object.defineProperty(n,"__esModule",{value:!0});function e(u,c){for(var f in c)Object.defineProperty(u,f,{enumerable:!0,get:c[f]})}e(n,{ServerInsertedHTMLContext:function(){return i},useServerInsertedHTML:function(){return o}});const t=Q._(h),i=t.default.createContext(null);function o(u){const c=(0,t.useContext)(i);c&&c(u)}})(K);var m={exports:{}},C={},D;function de(){return D||(D=1,function(n){Object.defineProperty(n,"__esModule",{value:!0});function e(o,u){for(var c in u)Object.defineProperty(o,c,{enumerable:!0,get:u[c]})}e(n,{BailoutToCSRError:function(){return t},isBailoutToCSRError:function(){return i}});const r="BAILOUT_TO_CLIENT_SIDE_RENDERING";class t extends Error{constructor(u){super("Bail out to client-side rendering: "+u),this.reason=u,this.digest=r}}function i(o){return typeof o!="object"||o===null||!("digest"in o)?!1:o.digest===r}}(C)),C}var R={exports:{}},P={exports:{}},$;function le(){return $||($=1,function(n,e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"staticGenerationAsyncStorage",{enumerable:!0,get:function(){return t}});const t=(0,x.createAsyncLocalStorage)();(typeof e.default=="function"||typeof e.default=="object"&&e.default!==null)&&typeof e.default.__esModule>"u"&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)}(P,P.exports)),P.exports}var k;function se(){return k||(k=1,function(n,e){"TURBOPACK { transition: next-shared }";Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"staticGenerationAsyncStorage",{enumerable:!0,get:function(){return r.staticGenerationAsyncStorage}});const r=le();(typeof e.default=="function"||typeof e.default=="object"&&e.default!==null)&&typeof e.default.__esModule>"u"&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)}(R,R.exports)),R.exports}var V;function _e(){return V||(V=1,function(n,e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"bailoutToClientRendering",{enumerable:!0,get:function(){return i}});const r=de(),t=se();function i(o){const u=t.staticGenerationAsyncStorage.getStore();if(!(u!=null&&u.forceStatic)&&u!=null&&u.isStaticGeneration)throw new r.BailoutToCSRError(o)}(typeof e.default=="function"||typeof e.default=="object"&&e.default!==null)&&typeof e.default.__esModule>"u"&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)}(m,m.exports)),m.exports}(function(n,e){Object.defineProperty(e,"__esModule",{value:!0});function r(a,l){for(var _ in l)Object.defineProperty(a,_,{enumerable:!0,get:l[_]})}r(e,{ReadonlyURLSearchParams:function(){return f.ReadonlyURLSearchParams},RedirectType:function(){return f.RedirectType},ServerInsertedHTMLContext:function(){return y.ServerInsertedHTMLContext},notFound:function(){return f.notFound},permanentRedirect:function(){return f.permanentRedirect},redirect:function(){return f.redirect},useParams:function(){return O},usePathname:function(){return g},useRouter:function(){return j},useSearchParams:function(){return b},useSelectedLayoutSegment:function(){return s},useSelectedLayoutSegments:function(){return d},useServerInsertedHTML:function(){return y.useServerInsertedHTML}});const t=h,i=Y,o=z,u=te,c=Z,f=fe,y=K;function b(){const a=(0,t.useContext)(o.SearchParamsContext),l=(0,t.useMemo)(()=>a?new f.ReadonlyURLSearchParams(a):null,[a]);if(typeof window>"u"){const{bailoutToClientRendering:_}=_e();_("useSearchParams()")}return l}function g(){return(0,t.useContext)(o.PathnameContext)}function j(){const a=(0,t.useContext)(i.AppRouterContext);if(a===null)throw new Error("invariant expected app router to be mounted");return a}function O(){return(0,t.useContext)(o.PathParamsContext)}function p(a,l,_,S){_===void 0&&(_=!0),S===void 0&&(S=[]);let v;if(_)v=a[1][l];else{const H=a[1];var B;v=(B=H.children)!=null?B:Object.values(H)[0]}if(!v)return S;const W=v[0],E=(0,u.getSegmentValue)(W);return!E||E.startsWith(c.PAGE_SEGMENT_KEY)?S:(S.push(E),p(v,l,!1,S))}function d(a){a===void 0&&(a="children");const l=(0,t.useContext)(i.LayoutRouterContext);return l?p(l.tree,a):null}function s(a){a===void 0&&(a="children");const l=d(a);if(!l||l.length===0)return null;const _=a==="children"?l[0]:l[l.length-1];return _===c.DEFAULT_SEGMENT_KEY?null:_}(typeof e.default=="function"||typeof e.default=="object"&&e.default!==null)&&typeof e.default.__esModule>"u"&&(Object.defineProperty(e.default,"__esModule",{value:!0}),Object.assign(e.default,e),n.exports=e.default)})(A,A.exports);var ye=A.exports,ge=ye;const Se="/account/authenticate";function be(n,e){return e?n.replace(/:([a-zA-Z_][a-zA-Z0-9_]*)/g,(r,t)=>{const i=e[t];if(i===void 0)throw new Error(`useRoute: missing required param "${t}" for path "${n}"`);return encodeURIComponent(i)}):n}function ve(n){return/:([a-zA-Z_][a-zA-Z0-9_]*)/.test(n)}function he(n,e,r){const t=ge.usePathname(),{isLoggedIn:i}=ee();return X(()=>{const{path:o,isProtected:u,name:c="unknown"}=n;if(ve(o)&&!e)throw new Error(`useRoute: params required for route "${c}" with path "${o}"`);const f=be(o,e);return r!=null&&r.returnHere?`${f}?redirect=${encodeURIComponent(t)}`:u&&!i?`${Se}?redirect=${encodeURIComponent(f)}`:f},[n,e,r==null?void 0:r.returnHere,t,i])}export{he as useRoute};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clicktap/ui",
-  "version": "0.14.27",
+  "version": "0.15.1",
   "private": false,
   "author": "Clicktap",
   "description": "A library of React UI components and low-level hooks.",
@@ -47,8 +47,8 @@
     "@storybook/react": "7.4.5",
     "framer-motion": "^11.0.0",
     "glob": "^11.0.0",
-    "react-aria": "^3.0.0",
-    "react-aria-components": "^1.1.1",
+    "react-aria": "^3.43.1",
+    "react-aria-components": "^1.12.2",
     "tailwindcss": "^4.0.15"
   },
   "peerDependencies": {
@@ -60,8 +60,8 @@
     "@types/react": "^17.0.0 || ^18.0.0",
     "framer-motion": "^11.0.0",
     "react": "^17.0.0 || ^18.0.0",
-    "react-aria": "^3.0.0",
-    "react-aria-components": "^1.1.1",
+    "react-aria": "^3.43.1",
+    "react-aria-components": "^1.12.2",
     "react-dom": "^17.0.0 || ^18.0.0",
     "react-international-phone": "^4.3.0"
   },

package/assets/image-DzfFRUBL.js

@@ -1,3 +0,0 @@
-import Oe from"react/jsx-runtime";import $ from"react";import qe from"react-dom";function ze(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ie={},B={};B._=B._interop_require_default=Ae;function Ae(e){return e&&e.__esModule?e:{default:e}}var fe={},De={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"warnOnce",{enumerable:!0,get:function(){return t}});let t=s=>{}})(De);var Ee={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"getImageBlurSvg",{enumerable:!0,get:function(){return t}});function t(s){let{widthInt:u,heightInt:m,blurWidth:d,blurHeight:r,blurDataURL:o,objectFit:E}=s;const b=20,a=d?d*40:u,f=r?r*40:m,l=a&&f?"viewBox='0 0 "+a+" "+f+"'":"",M=l?"none":E==="contain"?"xMidYMid":E==="cover"?"xMidYMid slice":"none";return"%3Csvg xmlns='http://www.w3.org/2000/svg' "+l+"%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='"+b+"'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='"+b+"'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='"+M+"' style='filter: url(%23b);' href='"+o+"'/%3E%3C/svg%3E"}})(Ee);var ne={};(function(e){Object.defineProperty(e,"__esModule",{value:!0});function t(m,d){for(var r in d)Object.defineProperty(m,r,{enumerable:!0,get:d[r]})}t(e,{VALID_LOADERS:function(){return s},imageConfigDefault:function(){return u}});const s=["default","imgix","cloudinary","akamai","custom"],u={deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",loaderFile:"",domains:[],disableStaticImages:!1,minimumCacheTTL:60,formats:["image/webp"],dangerouslyAllowSVG:!1,contentSecurityPolicy:"script-src 'none'; frame-src 'none'; sandbox;",contentDispositionType:"inline",localPatterns:void 0,remotePatterns:[],unoptimized:!1}})(ne);(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"getImgProps",{enumerable:!0,get:function(){return b}});const t=Ee,s=ne;function u(a){return a.default!==void 0}function m(a){return a.src!==void 0}function d(a){return typeof a=="object"&&(u(a)||m(a))}function r(a){return typeof a>"u"?a:typeof a=="number"?Number.isFinite(a)?a:NaN:typeof a=="string"&&/^[0-9]+$/.test(a)?parseInt(a,10):NaN}function o(a,f,l){let{deviceSizes:M,allSizes:h}=a;if(l){const w=/(^|\s)(1?\d?\d)vw/g,j=[];for(let S;S=w.exec(l);S)j.push(parseInt(S[2]));if(j.length){const S=Math.min(...j)*.01;return{widths:h.filter(p=>p>=M[0]*S),kind:"w"}}return{widths:h,kind:"w"}}return typeof f!="number"?{widths:M,kind:"w"}:{widths:[...new Set([f,f*2].map(w=>h.find(j=>j>=w)||h[h.length-1]))],kind:"x"}}function E(a){let{config:f,src:l,unoptimized:M,width:h,quality:z,sizes:w,loader:j}=a;if(M)return{src:l,srcSet:void 0,sizes:void 0};const{widths:S,kind:p}=o(f,h,w),n=S.length-1;return{sizes:!w&&p==="w"?"100vw":w,srcSet:S.map((c,i)=>j({config:f,src:l,quality:z,width:c})+" "+(p==="w"?c:i+1)+p).join(", "),src:j({config:f,src:l,quality:z,width:S[n]})}}function b(a,f){let{src:l,sizes:M,unoptimized:h=!1,priority:z=!1,loading:w,className:j,quality:S,width:p,height:n,fill:c=!1,style:i,overrideSrc:g,onLoad:P,onLoadingComplete:C,placeholder:y="empty",blurDataURL:x,fetchPriority:v,decoding:O="async",layout:I,objectFit:A,objectPosition:Y,lazyBoundary:K,lazyRoot:V,...q}=a;const{imgConf:L,showAltText:H,blurComplete:J,defaultLoader:W}=f;let D,T=L||s.imageConfigDefault;if("allSizes"in T)D=T;else{const _=[...T.deviceSizes,...T.imageSizes].sort((G,U)=>G-U),N=T.deviceSizes.sort((G,U)=>G-U);D={...T,allSizes:_,deviceSizes:N}}if(typeof W>"u")throw new Error(`images.loaderFile detected but the file is missing default export.
-Read more: https://nextjs.org/docs/messages/invalid-images-config`);let X=q.loader||W;delete q.loader,delete q.srcSet;const R="__next_img_default"in X;if(R){if(D.loader==="custom")throw new Error('Image with src "'+l+`" is missing "loader" prop.
-Read more: https://nextjs.org/docs/messages/next-image-missing-loader`)}else{const _=X;X=N=>{const{config:G,...U}=N;return _(U)}}if(I){I==="fill"&&(c=!0);const _={intrinsic:{maxWidth:"100%",height:"auto"},responsive:{width:"100%",height:"auto"}},N={responsive:"100vw",fill:"100vw"},G=_[I];G&&(i={...i,...G});const U=N[I];U&&!M&&(M=U)}let Q="",k=r(p),F=r(n),pe,ge;if(d(l)){const _=u(l)?l.default:l;if(!_.src)throw new Error("An object should only be passed to the image component src parameter if it comes from a static image import. It must include src. Received "+JSON.stringify(_));if(!_.height||!_.width)throw new Error("An object should only be passed to the image component src parameter if it comes from a static image import. It must include height and width. Received "+JSON.stringify(_));if(pe=_.blurWidth,ge=_.blurHeight,x=x||_.blurDataURL,Q=_.src,!c){if(!k&&!F)k=_.width,F=_.height;else if(k&&!F){const N=k/_.width;F=Math.round(_.height*N)}else if(!k&&F){const N=F/_.height;k=Math.round(_.width*N)}}}l=typeof l=="string"?l:Q;let me=!z&&(w==="lazy"||typeof w>"u");(!l||l.startsWith("data:")||l.startsWith("blob:"))&&(h=!0,me=!1),D.unoptimized&&(h=!0),R&&l.endsWith(".svg")&&!D.dangerouslyAllowSVG&&(h=!0),z&&(v="high");const xe=r(S),Z=Object.assign(c?{position:"absolute",height:"100%",width:"100%",left:0,top:0,right:0,bottom:0,objectFit:A,objectPosition:Y}:{},H?{}:{color:"transparent"},i),_e=!J&&y!=="empty"?y==="blur"?'url("data:image/svg+xml;charset=utf-8,'+(0,t.getImageBlurSvg)({widthInt:k,heightInt:F,blurWidth:pe,blurHeight:ge,blurDataURL:x||"",objectFit:Z.objectFit})+'")':'url("'+y+'")':null;let Re=_e?{backgroundSize:Z.objectFit||"cover",backgroundPosition:Z.objectPosition||"50% 50%",backgroundRepeat:"no-repeat",backgroundImage:_e}:{};const re=E({config:D,src:l,unoptimized:h,width:k,quality:xe,sizes:M,loader:X});return{props:{...q,loading:me?"lazy":w,fetchPriority:v,width:k,height:F,decoding:O,className:j,style:{...Z,...Re},sizes:re.sizes,srcSet:re.srcSet,src:g||re.src},meta:{unoptimized:h,priority:z,placeholder:y,fill:c}}}})(fe);var de={exports:{}},te={};function Me(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,s=new WeakMap;return(Me=function(u){return u?s:t})(e)}te._=te._interop_require_wildcard=Te;function Te(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var s=Me(t);if(s&&s.has(e))return s.get(e);var u={__proto__:null},m=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if(d!=="default"&&Object.prototype.hasOwnProperty.call(e,d)){var r=m?Object.getOwnPropertyDescriptor(e,d):null;r&&(r.get||r.set)?Object.defineProperty(u,d,r):u[d]=e[d]}return u.default=e,s&&s.set(e,u),u}var ee={exports:{}},ie={},he;function Le(){return he||(he=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return d}});const t=$,s=typeof window>"u",u=s?()=>{}:t.useLayoutEffect,m=s?()=>{}:t.useEffect;function d(r){const{headManager:o,reduceComponentsToState:E}=r;function b(){if(o&&o.mountedInstances){const f=t.Children.toArray(Array.from(o.mountedInstances).filter(Boolean));o.updateHead(E(f,r))}}if(s){var a;o==null||(a=o.mountedInstances)==null||a.add(r.children),b()}return u(()=>{var f;return o==null||(f=o.mountedInstances)==null||f.add(r.children),()=>{var l;o==null||(l=o.mountedInstances)==null||l.delete(r.children)}}),u(()=>(o&&(o._pendingUpdate=b),()=>{o&&(o._pendingUpdate=b)})),m(()=>(o&&o._pendingUpdate&&(o._pendingUpdate(),o._pendingUpdate=null),()=>{o&&o._pendingUpdate&&(o._pendingUpdate(),o._pendingUpdate=null)})),null}}(ie)),ie}var oe={},ye;function ke(){return ye||(ye=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"AmpStateContext",{enumerable:!0,get:function(){return u}});const u=B._($).default.createContext({})}(oe)),oe}var ae={},ve;function Ne(){return ve||(ve=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"HeadManagerContext",{enumerable:!0,get:function(){return u}});const u=B._($).default.createContext({})}(ae)),ae}var ue={},be;function Be(){return be||(be=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"isInAmpMode",{enumerable:!0,get:function(){return t}});function t(s){let{ampFirst:u=!1,hybrid:m=!1,hasQuery:d=!1}=s===void 0?{}:s;return u||m&&d}}(ue)),ue}var we;function He(){return we||(we=1,function(e,t){"use client";var s={};Object.defineProperty(t,"__esModule",{value:!0});function u(p,n){for(var c in n)Object.defineProperty(p,c,{enumerable:!0,get:n[c]})}u(t,{default:function(){return S},defaultHead:function(){return l}});const m=B,d=te,r=Oe,o=d._($),E=m._(Le()),b=ke(),a=Ne(),f=Be();function l(p){p===void 0&&(p=!1);const n=[(0,r.jsx)("meta",{charSet:"utf-8"})];return p||n.push((0,r.jsx)("meta",{name:"viewport",content:"width=device-width"})),n}function M(p,n){return typeof n=="string"||typeof n=="number"?p:n.type===o.default.Fragment?p.concat(o.default.Children.toArray(n.props.children).reduce((c,i)=>typeof i=="string"||typeof i=="number"?c:c.concat(i),[])):p.concat(n)}const h=["name","httpEquiv","charSet","itemProp"];function z(){const p=new Set,n=new Set,c=new Set,i={};return g=>{let P=!0,C=!1;if(g.key&&typeof g.key!="number"&&g.key.indexOf("$")>0){C=!0;const y=g.key.slice(g.key.indexOf("$")+1);p.has(y)?P=!1:p.add(y)}switch(g.type){case"title":case"base":n.has(g.type)?P=!1:n.add(g.type);break;case"meta":for(let y=0,x=h.length;y<x;y++){const v=h[y];if(g.props.hasOwnProperty(v))if(v==="charSet")c.has(v)?P=!1:c.add(v);else{const O=g.props[v],I=i[v]||new Set;(v!=="name"||!C)&&I.has(O)?P=!1:(I.add(O),i[v]=I)}}break}return P}}function w(p,n){const{inAmpMode:c}=n;return p.reduce(M,[]).reverse().concat(l(c).reverse()).filter(z()).reverse().map((i,g)=>{const P=i.key||g;if(s.__NEXT_OPTIMIZE_FONTS&&!c&&i.type==="link"&&i.props.href&&["https://fonts.googleapis.com/css","https://use.typekit.net/"].some(C=>i.props.href.startsWith(C))){const C={...i.props||{}};return C["data-href"]=C.href,C.href=void 0,C["data-optimized-fonts"]=!0,o.default.cloneElement(i,C)}return o.default.cloneElement(i,{key:P})})}function j(p){let{children:n}=p;const c=(0,o.useContext)(b.AmpStateContext),i=(0,o.useContext)(a.HeadManagerContext);return(0,r.jsx)(E.default,{reduceComponentsToState:w,headManager:i,inAmpMode:(0,f.isInAmpMode)(c),children:n})}const S=j;(typeof t.default=="function"||typeof t.default=="object"&&t.default!==null)&&typeof t.default.__esModule>"u"&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)}(ee,ee.exports)),ee.exports}var se={},Ce;function We(){return Ce||(Ce=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"ImageConfigContext",{enumerable:!0,get:function(){return m}});const s=B._($),u=ne,m=s.default.createContext(u.imageConfigDefault)}(se)),se}var ce={},Se;function Fe(){return Se||(Se=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"RouterContext",{enumerable:!0,get:function(){return u}});const u=B._($).default.createContext(null)}(ce)),ce}var le={},Pe;function je(){return Pe||(Pe=1,function(e){var t={};Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return u}});function s(m){let{config:d,src:r,width:o,quality:E}=m;return d.path+"?url="+encodeURIComponent(r)+"&w="+o+"&q="+(E||75)+(t.NEXT_DEPLOYMENT_ID?"&dpl="+t.NEXT_DEPLOYMENT_ID:"")}s.__next_img_default=!0;const u=s}(le)),le}(function(e,t){"use client";var s={};Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Image",{enumerable:!0,get:function(){return p}});const u=B,m=te,d=Oe,r=m._($),o=u._(qe),E=u._(He()),b=fe,a=ne,f=We(),l=Fe(),M=u._(je()),h=s.__NEXT_IMAGE_OPTS;typeof window>"u"&&(globalThis.__NEXT_IMAGE_IMPORTED=!0);function z(n,c,i,g,P,C,y){const x=n==null?void 0:n.src;if(!n||n["data-loaded-src"]===x)return;n["data-loaded-src"]=x,("decode"in n?n.decode():Promise.resolve()).catch(()=>{}).then(()=>{if(!(!n.parentElement||!n.isConnected)){if(c!=="empty"&&P(!0),i!=null&&i.current){const O=new Event("load");Object.defineProperty(O,"target",{writable:!1,value:n});let I=!1,A=!1;i.current({...O,nativeEvent:O,currentTarget:n,target:n,isDefaultPrevented:()=>I,isPropagationStopped:()=>A,persist:()=>{},preventDefault:()=>{I=!0,O.preventDefault()},stopPropagation:()=>{A=!0,O.stopPropagation()}})}g!=null&&g.current&&g.current(n)}})}function w(n){return r.use?{fetchPriority:n}:{fetchpriority:n}}const j=(0,r.forwardRef)((n,c)=>{let{src:i,srcSet:g,sizes:P,height:C,width:y,decoding:x,className:v,style:O,fetchPriority:I,placeholder:A,loading:Y,unoptimized:K,fill:V,onLoadRef:q,onLoadingCompleteRef:L,setBlurComplete:H,setShowAltText:J,sizesInput:W,onLoad:D,onError:T,...X}=n;return(0,d.jsx)("img",{...X,...w(I),loading:Y,width:y,height:C,decoding:x,"data-nimg":V?"fill":"1",className:v,style:O,sizes:P,srcSet:g,src:i,ref:(0,r.useCallback)(R=>{c&&(typeof c=="function"?c(R):typeof c=="object"&&(c.current=R)),R&&(T&&(R.src=R.src),R.complete&&z(R,A,q,L,H))},[i,A,q,L,H,T,K,W,c]),onLoad:R=>{const Q=R.currentTarget;z(Q,A,q,L,H)},onError:R=>{J(!0),A!=="empty"&&H(!0),T&&T(R)}})});function S(n){let{isAppRouter:c,imgAttributes:i}=n;const g={as:"image",imageSrcSet:i.srcSet,imageSizes:i.sizes,crossOrigin:i.crossOrigin,referrerPolicy:i.referrerPolicy,...w(i.fetchPriority)};return c&&o.default.preload?(o.default.preload(i.src,g),null):(0,d.jsx)(E.default,{children:(0,d.jsx)("link",{rel:"preload",href:i.srcSet?void 0:i.src,...g},"__nimg-"+i.src+i.srcSet+i.sizes)})}const p=(0,r.forwardRef)((n,c)=>{const g=!(0,r.useContext)(l.RouterContext),P=(0,r.useContext)(f.ImageConfigContext),C=(0,r.useMemo)(()=>{const L=h||P||a.imageConfigDefault,H=[...L.deviceSizes,...L.imageSizes].sort((W,D)=>W-D),J=L.deviceSizes.sort((W,D)=>W-D);return{...L,allSizes:H,deviceSizes:J}},[P]),{onLoad:y,onLoadingComplete:x}=n,v=(0,r.useRef)(y);(0,r.useEffect)(()=>{v.current=y},[y]);const O=(0,r.useRef)(x);(0,r.useEffect)(()=>{O.current=x},[x]);const[I,A]=(0,r.useState)(!1),[Y,K]=(0,r.useState)(!1),{props:V,meta:q}=(0,b.getImgProps)(n,{defaultLoader:M.default,imgConf:C,blurComplete:I,showAltText:Y});return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(j,{...V,unoptimized:q.unoptimized,placeholder:q.placeholder,fill:q.fill,onLoadRef:v,onLoadingCompleteRef:O,setBlurComplete:A,setShowAltText:K,sizesInput:n.sizes,ref:c}),q.priority?(0,d.jsx)(S,{isAppRouter:g,imgAttributes:V}):null]})});(typeof t.default=="function"||typeof t.default=="object"&&t.default!==null)&&typeof t.default.__esModule>"u"&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)})(de,de.exports);var Ue=de.exports;(function(e){var t={};Object.defineProperty(e,"__esModule",{value:!0});function s(b,a){for(var f in a)Object.defineProperty(b,f,{enumerable:!0,get:a[f]})}s(e,{default:function(){return E},getImageProps:function(){return o}});const u=B,m=fe,d=Ue,r=u._(je());function o(b){const{props:a}=(0,m.getImgProps)(b,{defaultLoader:r.default,imgConf:t.__NEXT_IMAGE_OPTS});for(const[f,l]of Object.entries(a))l===void 0&&delete a[f];return{props:a}}const E=d.Image})(Ie);var Ge=Ie;const Ke=ze(Ge);export{Ke as N};