@clicktap/ui 0.17.0 → 0.17.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/_interop_require_wildcard--0BIJI4E.js +1 -0
- package/assets/image-iQPPtd0u.js +3 -0
- package/components/Accordion/Accordion.js +1 -1
- package/components/AssetRenderer/AssetRenderer.js +1 -1
- package/components/AssetRenderer/renderers/AudioRenderer.js +1 -1
- package/components/AssetRenderer/renderers/DownloadLink.js +1 -1
- package/components/AssetRenderer/renderers/ImageRenderer.js +1 -1
- package/components/AssetRenderer/renderers/PdfRenderer.js +1 -1
- package/components/AssetRenderer/renderers/VideoRenderer.js +1 -1
- package/components/Avatar/Avatar.js +1 -1
- package/components/Badge/Badge.js +1 -1
- package/components/Checkbox/Checkbox.js +1 -1
- package/components/Collapsible/Collapsible.js +1 -1
- package/components/Collapsible/CollapsibleTrigger.js +7 -1
- package/components/Collapsible/index.js +1 -1
- package/components/ContextMenu/ContextMenu.js +1 -1
- package/components/CreditCardExpirationInput/CreditCardExpirationInput.js +1 -1
- package/components/CreditCardInput/CreditCardInput.js +1 -1
- package/components/DateInput/DateInput.js +1 -1
- package/components/Dialog/Dialog.js +1 -1
- package/components/DialogTrigger/DialogTrigger.js +1 -1
- package/components/DobInput/DobInput.js +1 -1
- package/components/Drawer/Drawer.js +1 -1
- package/components/FeatureGate/PermissionsProvider.js +1 -1
- package/components/Image/Image.js +1 -1
- package/components/Image/index.js +1 -1
- package/components/Input/Input.js +1 -1
- package/components/Loader/Pulse.js +1 -1
- package/components/Menu/ContextMenu.js +1 -1
- package/components/Menu/Menu.js +1 -1
- package/components/Meter/Meter.js +1 -1
- package/components/ModalOverlay/ModalOverlay.js +1 -1
- package/components/NumberInput/NumberInput.js +1 -1
- package/components/NumberTicker/DigitResolver.js +1 -1
- package/components/NumberTicker/NumberTicker.js +1 -1
- package/components/NumberTicker/hooks/useNumberTicker.js +1 -1
- package/components/Pagination/Pagination.js +1 -1
- package/components/PhoneInput/PhoneInput.js +1 -1
- package/components/PinInput/PinInput.js +1 -1
- package/components/Progressbar/CircularProgressbar.js +1 -1
- package/components/Progressbar/LinearProgressbar.js +1 -1
- package/components/Radio/Radio.js +1 -1
- package/components/Select/Select.js +1 -1
- package/components/Slider/Slider.js +1 -1
- package/components/Switch/Switch.js +1 -1
- package/components/Table/Table.js +1 -1
- package/components/Tabs/Tab.js +1 -1
- package/components/TimeInput/TimeInput.js +1 -1
- package/components/Tooltip/Tooltip.js +1 -1
- package/components/UploadImage/UploadImage.js +1 -1
- package/components/UploadImage/index.js +1 -1
- package/hooks/useEnterExitAnimation.js +1 -1
- package/hooks/useIsClient.js +1 -1
- package/hooks/useRoute/index.d.ts +1 -1
- package/hooks/useRoute/index.js +1 -1
- package/hooks/useRoute/useRoute.js +1 -1
- package/package.json +1 -1
- package/utils/cn.js +1 -1
- package/assets/_interop_require_wildcard-hxwiIWAf.js +0 -1
- package/assets/image-k0c3_NVg.js +0 -3
package/components/Menu/Menu.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as Ce,jsxs as Ve,Fragment as xt}from"react/jsx-runtime";import*as d from"react";import{useLayoutEffect as tt,useEffect as nt,useRef as ot,useState as bt,useId as Et,cloneElement as Rt}from"react";import{motion as Ct}from"framer-motion";import*as Pt from"react-dom";function rt(e){return it(e)?(e.nodeName||"").toLowerCase():"#document"}function se(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function Tt(e){var t;return(t=(it(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function it(e){return e instanceof Node||e instanceof se(e).Node}function _(e){return e instanceof Element||e instanceof se(e).Element}function xe(e){return e instanceof HTMLElement||e instanceof se(e).HTMLElement}function Se(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof se(e).ShadowRoot}function Ot(e){return["html","body","#document"].includes(rt(e))}function At(e){return se(e).getComputedStyle(e)}function St(e){if(rt(e)==="html")return e;const t=e.assignedSlot||e.parentNode||Se(e)&&e.host||Tt(e);return Se(t)?t.host:t}function Dt(e){let t=e.activeElement;for(;((o=t)==null||(n=o.shadowRoot)==null?void 0:n.activeElement)!=null;){var o,n;t=t.shadowRoot.activeElement}return t}function ie(e,t){if(!e||!t)return!1;const o=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(o&&Se(o)){let n=t;for(;n;){if(e===n)return!0;n=n.parentNode||n.host}}return!1}function Lt(){const e=navigator.userAgentData;return e!=null&&e.platform?e.platform:navigator.platform}function kt(){const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?e.brands.map(t=>{let{brand:o,version:n}=t;return o+"/"+n}).join(" "):navigator.userAgent}function Mt(e){if(e.mozInputSource===0&&e.isTrusted)return!0;const t=/Android/i;return(t.test(Lt())||t.test(kt()))&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function Ft(e){return e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType!=="mouse"||e.width<1&&e.height<1&&e.pressure===0&&e.detail===0}function pe(e,t){const o=["mouse","pen"];return t||o.push("",void 0),o.includes(e)}function $t(e){return"nativeEvent"in e}function It(e){return e.matches("html,body")}function j(e){return(e==null?void 0:e.ownerDocument)||document}function ae(e,t){if(t==null)return!1;if("composedPath"in e)return e.composedPath().includes(t);const o=e;return o.target!=null&&t.contains(o.target)}function Nt(e){return"composedPath"in e?e.composedPath()[0]:e.target}const _t="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";function Bt(e){return xe(e)&&e.matches(_t)}const ee=Math.min,G=Math.max,he=Math.round,fe=Math.floor,U=e=>({x:e,y:e}),Wt={left:"right",right:"left",bottom:"top",top:"bottom"},Ht={start:"end",end:"start"};function De(e,t,o){return G(e,ee(t,o))}function ce(e,t){return typeof e=="function"?e(t):e}function Q(e){return e.split("-")[0]}function le(e){return e.split("-")[1]}function st(e){return e==="x"?"y":"x"}function Fe(e){return e==="y"?"height":"width"}function te(e){return["top","bottom"].includes(Q(e))?"y":"x"}function $e(e){return st(te(e))}function Vt(e,t,o){o===void 0&&(o=!1);const n=le(e),r=$e(e),i=Fe(r);let s=r==="x"?n===(o?"end":"start")?"right":"left":n==="start"?"bottom":"top";return t.reference[i]>t.floating[i]&&(s=ve(s)),[s,ve(s)]}function Kt(e){const t=ve(e);return[Le(e),t,Le(t)]}function Le(e){return e.replace(/start|end/g,t=>Ht[t])}function jt(e,t,o){const n=["left","right"],r=["right","left"],i=["top","bottom"],s=["bottom","top"];switch(e){case"top":case"bottom":return o?t?r:n:t?n:r;case"left":case"right":return t?i:s;default:return[]}}function zt(e,t,o,n){const r=le(e);let i=jt(Q(e),o==="start",n);return r&&(i=i.map(s=>s+"-"+r),t&&(i=i.concat(i.map(Le)))),i}function ve(e){return e.replace(/left|right|bottom|top/g,t=>Wt[t])}function Xt(e){return{top:0,right:0,bottom:0,left:0,...e}}function ct(e){return typeof e!="number"?Xt(e):{top:e,right:e,bottom:e,left:e}}function ye(e){const{x:t,y:o,width:n,height:r}=e;return{width:n,height:r,top:o,left:t,right:t+n,bottom:o+r,x:t,y:o}}function Ke(e,t,o){let{reference:n,floating:r}=e;const i=te(t),s=$e(t),c=Fe(s),l=Q(t),u=i==="y",a=n.x+n.width/2-r.width/2,m=n.y+n.height/2-r.height/2,p=n[c]/2-r[c]/2;let f;switch(l){case"top":f={x:a,y:n.y-r.height};break;case"bottom":f={x:a,y:n.y+n.height};break;case"right":f={x:n.x+n.width,y:m};break;case"left":f={x:n.x-r.width,y:m};break;default:f={x:n.x,y:n.y}}switch(le(t)){case"start":f[s]-=p*(o&&u?-1:1);break;case"end":f[s]+=p*(o&&u?-1:1);break}return f}const Yt=async(e,t,o)=>{const{placement:n="bottom",strategy:r="absolute",middleware:i=[],platform:s}=o,c=i.filter(Boolean),l=await(s.isRTL==null?void 0:s.isRTL(t));let u=await s.getElementRects({reference:e,floating:t,strategy:r}),{x:a,y:m}=Ke(u,n,l),p=n,f={},h=0;for(let g=0;g<c.length;g++){const{name:R,fn:w}=c[g],{x:b,y:P,data:v,reset:x}=await w({x:a,y:m,initialPlacement:n,placement:p,strategy:r,middlewareData:f,rects:u,platform:s,elements:{reference:e,floating:t}});a=b??a,m=P??m,f={...f,[R]:{...f[R],...v}},x&&h<=50&&(h++,typeof x=="object"&&(x.placement&&(p=x.placement),x.rects&&(u=x.rects===!0?await s.getElementRects({reference:e,floating:t,strategy:r}):x.rects),{x:a,y:m}=Ke(u,p,l)),g=-1)}return{x:a,y:m,placement:p,strategy:r,middlewareData:f}};async function lt(e,t){var o;t===void 0&&(t={});const{x:n,y:r,platform:i,rects:s,elements:c,strategy:l}=e,{boundary:u="clippingAncestors",rootBoundary:a="viewport",elementContext:m="floating",altBoundary:p=!1,padding:f=0}=ce(t,e),h=ct(f),R=c[p?m==="floating"?"reference":"floating":m],w=ye(await i.getClippingRect({element:(o=await(i.isElement==null?void 0:i.isElement(R)))==null||o?R:R.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(c.floating)),boundary:u,rootBoundary:a,strategy:l})),b=m==="floating"?{x:n,y:r,width:s.floating.width,height:s.floating.height}:s.reference,P=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c.floating)),v=await(i.isElement==null?void 0:i.isElement(P))?await(i.getScale==null?void 0:i.getScale(P))||{x:1,y:1}:{x:1,y:1},x=ye(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:b,offsetParent:P,strategy:l}):b);return{top:(w.top-x.top+h.top)/v.y,bottom:(x.bottom-w.bottom+h.bottom)/v.y,left:(w.left-x.left+h.left)/v.x,right:(x.right-w.right+h.right)/v.x}}const Ut=e=>({name:"arrow",options:e,async fn(t){const{x:o,y:n,placement:r,rects:i,platform:s,elements:c,middlewareData:l}=t,{element:u,padding:a=0}=ce(e,t)||{};if(u==null)return{};const m=ct(a),p={x:o,y:n},f=$e(r),h=Fe(f),g=await s.getDimensions(u),R=f==="y",w=R?"top":"left",b=R?"bottom":"right",P=R?"clientHeight":"clientWidth",v=i.reference[h]+i.reference[f]-p[f]-i.floating[h],x=p[f]-i.reference[f],D=await(s.getOffsetParent==null?void 0:s.getOffsetParent(u));let k=D?D[P]:0;(!k||!await(s.isElement==null?void 0:s.isElement(D)))&&(k=c.floating[P]||i.floating[h]);const I=v/2-x/2,$=k/2-g[h]/2-1,F=ee(m[w],$),O=ee(m[b],$),L=F,E=k-g[h]-O,y=k/2-g[h]/2+I,C=De(L,y,E),M=!l.arrow&&le(r)!=null&&y!==C&&i.reference[h]/2-(y<L?F:O)-g[h]/2<0,A=M?y<L?y-L:y-E:0;return{[f]:p[f]+A,data:{[f]:C,centerOffset:y-C-A,...M&&{alignmentOffset:A}},reset:M}}}),qt=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var o,n;const{placement:r,middlewareData:i,rects:s,initialPlacement:c,platform:l,elements:u}=t,{mainAxis:a=!0,crossAxis:m=!0,fallbackPlacements:p,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:h="none",flipAlignment:g=!0,...R}=ce(e,t);if((o=i.arrow)!=null&&o.alignmentOffset)return{};const w=Q(r),b=te(c),P=Q(c)===c,v=await(l.isRTL==null?void 0:l.isRTL(u.floating)),x=p||(P||!g?[ve(c)]:Kt(c)),D=h!=="none";!p&&D&&x.push(...zt(c,g,h,v));const k=[c,...x],I=await lt(t,R),$=[];let F=((n=i.flip)==null?void 0:n.overflows)||[];if(a&&$.push(I[w]),m){const y=Vt(r,s,v);$.push(I[y[0]],I[y[1]])}if(F=[...F,{placement:r,overflows:$}],!$.every(y=>y<=0)){var O,L;const y=(((O=i.flip)==null?void 0:O.index)||0)+1,C=k[y];if(C)return{data:{index:y,overflows:F},reset:{placement:C}};let M=(L=F.filter(A=>A.overflows[0]<=0).sort((A,T)=>A.overflows[1]-T.overflows[1])[0])==null?void 0:L.placement;if(!M)switch(f){case"bestFit":{var E;const A=(E=F.filter(T=>{if(D){const S=te(T.placement);return S===b||S==="y"}return!0}).map(T=>[T.placement,T.overflows.filter(S=>S>0).reduce((S,N)=>S+N,0)]).sort((T,S)=>T[1]-S[1])[0])==null?void 0:E[0];A&&(M=A);break}case"initialPlacement":M=c;break}if(r!==M)return{reset:{placement:M}}}return{}}}};async function Gt(e,t){const{placement:o,platform:n,elements:r}=e,i=await(n.isRTL==null?void 0:n.isRTL(r.floating)),s=Q(o),c=le(o),l=te(o)==="y",u=["left","top"].includes(s)?-1:1,a=i&&l?-1:1,m=ce(t,e);let{mainAxis:p,crossAxis:f,alignmentAxis:h}=typeof m=="number"?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...m};return c&&typeof h=="number"&&(f=c==="end"?h*-1:h),l?{x:f*a,y:p*u}:{x:p*u,y:f*a}}const Qt=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var o,n;const{x:r,y:i,placement:s,middlewareData:c}=t,l=await Gt(t,e);return s===((o=c.offset)==null?void 0:o.placement)&&(n=c.arrow)!=null&&n.alignmentOffset?{}:{x:r+l.x,y:i+l.y,data:{...l,placement:s}}}}},Zt=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:o,y:n,placement:r}=t,{mainAxis:i=!0,crossAxis:s=!1,limiter:c={fn:R=>{let{x:w,y:b}=R;return{x:w,y:b}}},...l}=ce(e,t),u={x:o,y:n},a=await lt(t,l),m=te(Q(r)),p=st(m);let f=u[p],h=u[m];if(i){const R=p==="y"?"top":"left",w=p==="y"?"bottom":"right",b=f+a[R],P=f-a[w];f=De(b,f,P)}if(s){const R=m==="y"?"top":"left",w=m==="y"?"bottom":"right",b=h+a[R],P=h-a[w];h=De(b,h,P)}const g=c.fn({...t,[p]:f,[m]:h});return{...g,data:{x:g.x-o,y:g.y-n}}}}};function oe(e){return ut(e)?(e.nodeName||"").toLowerCase():"#document"}function B(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function z(e){var t;return(t=(ut(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function ut(e){return e instanceof Node||e instanceof B(e).Node}function W(e){return e instanceof Element||e instanceof B(e).Element}function K(e){return e instanceof HTMLElement||e instanceof B(e).HTMLElement}function je(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof B(e).ShadowRoot}function ue(e){const{overflow:t,overflowX:o,overflowY:n,display:r}=H(e);return/auto|scroll|overlay|hidden|clip/.test(t+n+o)&&!["inline","contents"].includes(r)}function Jt(e){return["table","td","th"].includes(oe(e))}function be(e){return[":popover-open",":modal"].some(t=>{try{return e.matches(t)}catch{return!1}})}function Ie(e){const t=Ne(),o=W(e)?H(e):e;return o.transform!=="none"||o.perspective!=="none"||(o.containerType?o.containerType!=="normal":!1)||!t&&(o.backdropFilter?o.backdropFilter!=="none":!1)||!t&&(o.filter?o.filter!=="none":!1)||["transform","perspective","filter"].some(n=>(o.willChange||"").includes(n))||["paint","layout","strict","content"].some(n=>(o.contain||"").includes(n))}function en(e){let t=q(e);for(;K(t)&&!ne(t);){if(Ie(t))return t;if(be(t))return null;t=q(t)}return null}function Ne(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function ne(e){return["html","body","#document"].includes(oe(e))}function H(e){return B(e).getComputedStyle(e)}function Ee(e){return W(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function q(e){if(oe(e)==="html")return e;const t=e.assignedSlot||e.parentNode||je(e)&&e.host||z(e);return je(t)?t.host:t}function ft(e){const t=q(e);return ne(t)?e.ownerDocument?e.ownerDocument.body:e.body:K(t)&&ue(t)?t:ft(t)}function X(e,t,o){var n;t===void 0&&(t=[]),o===void 0&&(o=!0);const r=ft(e),i=r===((n=e.ownerDocument)==null?void 0:n.body),s=B(r);if(i){const c=ke(s);return t.concat(s,s.visualViewport||[],ue(r)?r:[],c&&o?X(c):[])}return t.concat(r,X(r,[],o))}function ke(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function at(e){const t=H(e);let o=parseFloat(t.width)||0,n=parseFloat(t.height)||0;const r=K(e),i=r?e.offsetWidth:o,s=r?e.offsetHeight:n,c=he(o)!==i||he(n)!==s;return c&&(o=i,n=s),{width:o,height:n,$:c}}function _e(e){return W(e)?e:e.contextElement}function J(e){const t=_e(e);if(!K(t))return U(1);const o=t.getBoundingClientRect(),{width:n,height:r,$:i}=at(t);let s=(i?he(o.width):o.width)/n,c=(i?he(o.height):o.height)/r;return(!s||!Number.isFinite(s))&&(s=1),(!c||!Number.isFinite(c))&&(c=1),{x:s,y:c}}const tn=U(0);function dt(e){const t=B(e);return!Ne()||!t.visualViewport?tn:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function nn(e,t,o){return t===void 0&&(t=!1),!o||t&&o!==B(e)?!1:t}function Z(e,t,o,n){t===void 0&&(t=!1),o===void 0&&(o=!1);const r=e.getBoundingClientRect(),i=_e(e);let s=U(1);t&&(n?W(n)&&(s=J(n)):s=J(e));const c=nn(i,o,n)?dt(i):U(0);let l=(r.left+c.x)/s.x,u=(r.top+c.y)/s.y,a=r.width/s.x,m=r.height/s.y;if(i){const p=B(i),f=n&&W(n)?B(n):n;let h=p,g=ke(h);for(;g&&n&&f!==h;){const R=J(g),w=g.getBoundingClientRect(),b=H(g),P=w.left+(g.clientLeft+parseFloat(b.paddingLeft))*R.x,v=w.top+(g.clientTop+parseFloat(b.paddingTop))*R.y;l*=R.x,u*=R.y,a*=R.x,m*=R.y,l+=P,u+=v,h=B(g),g=ke(h)}}return ye({width:a,height:m,x:l,y:u})}function on(e){let{elements:t,rect:o,offsetParent:n,strategy:r}=e;const i=r==="fixed",s=z(n),c=t?be(t.floating):!1;if(n===s||c&&i)return o;let l={scrollLeft:0,scrollTop:0},u=U(1);const a=U(0),m=K(n);if((m||!m&&!i)&&((oe(n)!=="body"||ue(s))&&(l=Ee(n)),K(n))){const p=Z(n);u=J(n),a.x=p.x+n.clientLeft,a.y=p.y+n.clientTop}return{width:o.width*u.x,height:o.height*u.y,x:o.x*u.x-l.scrollLeft*u.x+a.x,y:o.y*u.y-l.scrollTop*u.y+a.y}}function rn(e){return Array.from(e.getClientRects())}function mt(e){return Z(z(e)).left+Ee(e).scrollLeft}function sn(e){const t=z(e),o=Ee(e),n=e.ownerDocument.body,r=G(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),i=G(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight);let s=-o.scrollLeft+mt(e);const c=-o.scrollTop;return H(n).direction==="rtl"&&(s+=G(t.clientWidth,n.clientWidth)-r),{width:r,height:i,x:s,y:c}}function cn(e,t){const o=B(e),n=z(e),r=o.visualViewport;let i=n.clientWidth,s=n.clientHeight,c=0,l=0;if(r){i=r.width,s=r.height;const u=Ne();(!u||u&&t==="fixed")&&(c=r.offsetLeft,l=r.offsetTop)}return{width:i,height:s,x:c,y:l}}function ln(e,t){const o=Z(e,!0,t==="fixed"),n=o.top+e.clientTop,r=o.left+e.clientLeft,i=K(e)?J(e):U(1),s=e.clientWidth*i.x,c=e.clientHeight*i.y,l=r*i.x,u=n*i.y;return{width:s,height:c,x:l,y:u}}function ze(e,t,o){let n;if(t==="viewport")n=cn(e,o);else if(t==="document")n=sn(z(e));else if(W(t))n=ln(t,o);else{const r=dt(e);n={...t,x:t.x-r.x,y:t.y-r.y}}return ye(n)}function gt(e,t){const o=q(e);return o===t||!W(o)||ne(o)?!1:H(o).position==="fixed"||gt(o,t)}function un(e,t){const o=t.get(e);if(o)return o;let n=X(e,[],!1).filter(c=>W(c)&&oe(c)!=="body"),r=null;const i=H(e).position==="fixed";let s=i?q(e):e;for(;W(s)&&!ne(s);){const c=H(s),l=Ie(s);!l&&c.position==="fixed"&&(r=null),(i?!l&&!r:!l&&c.position==="static"&&!!r&&["absolute","fixed"].includes(r.position)||ue(s)&&!l&>(e,s))?n=n.filter(a=>a!==s):r=c,s=q(s)}return t.set(e,n),n}function fn(e){let{element:t,boundary:o,rootBoundary:n,strategy:r}=e;const s=[...o==="clippingAncestors"?be(t)?[]:un(t,this._c):[].concat(o),n],c=s[0],l=s.reduce((u,a)=>{const m=ze(t,a,r);return u.top=G(m.top,u.top),u.right=ee(m.right,u.right),u.bottom=ee(m.bottom,u.bottom),u.left=G(m.left,u.left),u},ze(t,c,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function an(e){const{width:t,height:o}=at(e);return{width:t,height:o}}function dn(e,t,o){const n=K(t),r=z(t),i=o==="fixed",s=Z(e,!0,i,t);let c={scrollLeft:0,scrollTop:0};const l=U(0);if(n||!n&&!i)if((oe(t)!=="body"||ue(r))&&(c=Ee(t)),n){const m=Z(t,!0,i,t);l.x=m.x+t.clientLeft,l.y=m.y+t.clientTop}else r&&(l.x=mt(r));const u=s.left+c.scrollLeft-l.x,a=s.top+c.scrollTop-l.y;return{x:u,y:a,width:s.width,height:s.height}}function Pe(e){return H(e).position==="static"}function Xe(e,t){return!K(e)||H(e).position==="fixed"?null:t?t(e):e.offsetParent}function pt(e,t){const o=B(e);if(be(e))return o;if(!K(e)){let r=q(e);for(;r&&!ne(r);){if(W(r)&&!Pe(r))return r;r=q(r)}return o}let n=Xe(e,t);for(;n&&Jt(n)&&Pe(n);)n=Xe(n,t);return n&&ne(n)&&Pe(n)&&!Ie(n)?o:n||en(e)||o}const mn=async function(e){const t=this.getOffsetParent||pt,o=this.getDimensions,n=await o(e.floating);return{reference:dn(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}};function gn(e){return H(e).direction==="rtl"}const ht={convertOffsetParentRelativeRectToViewportRelativeRect:on,getDocumentElement:z,getClippingRect:fn,getOffsetParent:pt,getElementRects:mn,getClientRects:rn,getDimensions:an,getScale:J,isElement:W,isRTL:gn};function pn(e,t){let o=null,n;const r=z(e);function i(){var c;clearTimeout(n),(c=o)==null||c.disconnect(),o=null}function s(c,l){c===void 0&&(c=!1),l===void 0&&(l=1),i();const{left:u,top:a,width:m,height:p}=e.getBoundingClientRect();if(c||t(),!m||!p)return;const f=fe(a),h=fe(r.clientWidth-(u+m)),g=fe(r.clientHeight-(a+p)),R=fe(u),b={rootMargin:-f+"px "+-h+"px "+-g+"px "+-R+"px",threshold:G(0,ee(1,l))||1};let P=!0;function v(x){const D=x[0].intersectionRatio;if(D!==l){if(!P)return s();D?s(!1,D):n=setTimeout(()=>{s(!1,1e-7)},1e3)}P=!1}try{o=new IntersectionObserver(v,{...b,root:r.ownerDocument})}catch{o=new IntersectionObserver(v,b)}o.observe(e)}return s(!0),i}function hn(e,t,o,n){n===void 0&&(n={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:l=!1}=n,u=_e(e),a=r||i?[...u?X(u):[],...X(t)]:[];a.forEach(w=>{r&&w.addEventListener("scroll",o,{passive:!0}),i&&w.addEventListener("resize",o)});const m=u&&c?pn(u,o):null;let p=-1,f=null;s&&(f=new ResizeObserver(w=>{let[b]=w;b&&b.target===u&&f&&(f.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var P;(P=f)==null||P.observe(t)})),o()}),u&&!l&&f.observe(u),f.observe(t));let h,g=l?Z(e):null;l&&R();function R(){const w=Z(e);g&&(w.x!==g.x||w.y!==g.y||w.width!==g.width||w.height!==g.height)&&o(),g=w,h=requestAnimationFrame(R)}return o(),()=>{var w;a.forEach(b=>{r&&b.removeEventListener("scroll",o),i&&b.removeEventListener("resize",o)}),m==null||m(),(w=f)==null||w.disconnect(),f=null,l&&cancelAnimationFrame(h)}}const vn=Qt,yn=Zt,wn=qt,Ye=Ut,xn=(e,t,o)=>{const n=new Map,r={platform:ht,...o},i={...r.platform,_c:n};return Yt(e,t,{...r,platform:i})};var de=typeof document<"u"?tt:nt;function we(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if(typeof e=="function"&&e.toString()===t.toString())return!0;let o,n,r;if(e&&t&&typeof e=="object"){if(Array.isArray(e)){if(o=e.length,o!==t.length)return!1;for(n=o;n--!==0;)if(!we(e[n],t[n]))return!1;return!0}if(r=Object.keys(e),o=r.length,o!==Object.keys(t).length)return!1;for(n=o;n--!==0;)if(!{}.hasOwnProperty.call(t,r[n]))return!1;for(n=o;n--!==0;){const i=r[n];if(!(i==="_owner"&&e.$$typeof)&&!we(e[i],t[i]))return!1}return!0}return e!==e&&t!==t}function vt(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function Ue(e,t){const o=vt(e);return Math.round(t*o)/o}function qe(e){const t=d.useRef(e);return de(()=>{t.current=e}),t}function bn(e){e===void 0&&(e={});const{placement:t="bottom",strategy:o="absolute",middleware:n=[],platform:r,elements:{reference:i,floating:s}={},transform:c=!0,whileElementsMounted:l,open:u}=e,[a,m]=d.useState({x:0,y:0,strategy:o,placement:t,middlewareData:{},isPositioned:!1}),[p,f]=d.useState(n);we(p,n)||f(n);const[h,g]=d.useState(null),[R,w]=d.useState(null),b=d.useCallback(A=>{A!==D.current&&(D.current=A,g(A))},[]),P=d.useCallback(A=>{A!==k.current&&(k.current=A,w(A))},[]),v=i||h,x=s||R,D=d.useRef(null),k=d.useRef(null),I=d.useRef(a),$=l!=null,F=qe(l),O=qe(r),L=d.useCallback(()=>{if(!D.current||!k.current)return;const A={placement:t,strategy:o,middleware:p};O.current&&(A.platform=O.current),xn(D.current,k.current,A).then(T=>{const S={...T,isPositioned:!0};E.current&&!we(I.current,S)&&(I.current=S,Pt.flushSync(()=>{m(S)}))})},[p,t,o,O]);de(()=>{u===!1&&I.current.isPositioned&&(I.current.isPositioned=!1,m(A=>({...A,isPositioned:!1})))},[u]);const E=d.useRef(!1);de(()=>(E.current=!0,()=>{E.current=!1}),[]),de(()=>{if(v&&(D.current=v),x&&(k.current=x),v&&x){if(F.current)return F.current(v,x,L);L()}},[v,x,L,F,$]);const y=d.useMemo(()=>({reference:D,floating:k,setReference:b,setFloating:P}),[b,P]),C=d.useMemo(()=>({reference:v,floating:x}),[v,x]),M=d.useMemo(()=>{const A={position:o,left:0,top:0};if(!C.floating)return A;const T=Ue(C.floating,a.x),S=Ue(C.floating,a.y);return c?{...A,transform:"translate("+T+"px, "+S+"px)",...vt(C.floating)>=1.5&&{willChange:"transform"}}:{position:o,left:T,top:S}},[o,c,C.floating,a.x,a.y]);return d.useMemo(()=>({...a,update:L,refs:y,elements:C,floatingStyles:M}),[a,L,y,C,M])}const En=e=>{function t(o){return{}.hasOwnProperty.call(o,"current")}return{name:"arrow",options:e,fn(o){const{element:n,padding:r}=typeof e=="function"?e(o):e;return n&&t(n)?n.current!=null?Ye({element:n.current,padding:r}).fn(o):{}:n?Ye({element:n,padding:r}).fn(o):{}}}},Rn=(e,t)=>({...vn(e),options:[e,t]}),Cn=(e,t)=>({...yn(e),options:[e,t]}),Pn=(e,t)=>({...wn(e),options:[e,t]}),Tn=(e,t)=>({...En(e),options:[e,t]});var Y=typeof document<"u"?tt:nt;function Me(){return Me=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},Me.apply(this,arguments)}let Te=!1,On=0;const Ge=()=>"floating-ui-"+On++;function An(){const[e,t]=d.useState(()=>Te?Ge():void 0);return Y(()=>{e==null&&t(Ge())},[]),d.useEffect(()=>{Te||(Te=!0)},[]),e}const Sn=d.useId,Be=Sn||An,Dn=d.forwardRef(function(t,o){let{context:{placement:n,elements:{floating:r},middlewareData:{arrow:i}},width:s=14,height:c=7,tipRadius:l=0,strokeWidth:u=0,staticOffset:a,stroke:m,d:p,style:{transform:f,...h}={},...g}=t;const R=Be();if(!r)return null;u*=2;const w=u/2,b=s/2*(l/-8+1),P=c/2*l/4,[v,x]=n.split("-"),D=ht.isRTL(r),k=!!p,I=v==="top"||v==="bottom",$=a&&x==="end"?"bottom":"top";let F=a&&x==="end"?"right":"left";a&&D&&(F=x==="end"?"left":"right");const O=(i==null?void 0:i.x)!=null?a||i.x:"",L=(i==null?void 0:i.y)!=null?a||i.y:"",E=p||"M0,0"+(" H"+s)+(" L"+(s-b)+","+(c-P))+(" Q"+s/2+","+c+" "+b+","+(c-P))+" Z",y={top:k?"rotate(180deg)":"",left:k?"rotate(90deg)":"rotate(-90deg)",bottom:k?"":"rotate(180deg)",right:k?"rotate(-90deg)":"rotate(90deg)"}[v];return d.createElement("svg",Me({},g,{"aria-hidden":!0,ref:o,width:k?s:s+u,height:s,viewBox:"0 0 "+s+" "+(c>s?c:s),style:{position:"absolute",pointerEvents:"none",[F]:O,[$]:L,[v]:I||k?"100%":"calc(100% - "+u/2+"px)",transform:""+y+(f??""),...h}}),u>0&&d.createElement("path",{clipPath:"url(#"+R+")",fill:"none",stroke:m,strokeWidth:u+(p?0:1),d:E}),d.createElement("path",{stroke:u&&!p?g.fill:"none",d:E}),d.createElement("clipPath",{id:R},d.createElement("rect",{x:-w,y:w*(k?-1:1),width:s+u,height:s})))});function Ln(){const e=new Map;return{emit(t,o){var n;(n=e.get(t))==null||n.forEach(r=>r(o))},on(t,o){e.set(t,[...e.get(t)||[],o])},off(t,o){var n;e.set(t,((n=e.get(t))==null?void 0:n.filter(r=>r!==o))||[])}}}const kn=d.createContext(null),Mn=d.createContext(null),yt=()=>{var e;return((e=d.useContext(kn))==null?void 0:e.id)||null},We=()=>d.useContext(Mn);function He(e){return"data-floating-ui-"+e}function Qe(e){const t=ot(e);return Y(()=>{t.current=e}),t}const Ze=He("safe-polygon");function me(e,t,o){return o&&!pe(o)?0:typeof e=="number"?e:e==null?void 0:e[t]}function Fn(e,t){t===void 0&&(t={});const{open:o,onOpenChange:n,dataRef:r,events:i,elements:{domReference:s,floating:c},refs:l}=e,{enabled:u=!0,delay:a=0,handleClose:m=null,mouseOnly:p=!1,restMs:f=0,move:h=!0}=t,g=We(),R=yt(),w=Qe(m),b=Qe(a),P=d.useRef(),v=d.useRef(),x=d.useRef(),D=d.useRef(),k=d.useRef(!0),I=d.useRef(!1),$=d.useRef(()=>{}),F=d.useCallback(()=>{var y;const C=(y=r.current.openEvent)==null?void 0:y.type;return(C==null?void 0:C.includes("mouse"))&&C!=="mousedown"},[r]);d.useEffect(()=>{if(!u)return;function y(){clearTimeout(v.current),clearTimeout(D.current),k.current=!0}return i.on("dismiss",y),()=>{i.off("dismiss",y)}},[u,i]),d.useEffect(()=>{if(!u||!w.current||!o)return;function y(M){F()&&n(!1,M)}const C=j(c).documentElement;return C.addEventListener("mouseleave",y),()=>{C.removeEventListener("mouseleave",y)}},[c,o,n,u,w,r,F]);const O=d.useCallback(function(y,C){C===void 0&&(C=!0);const M=me(b.current,"close",P.current);M&&!x.current?(clearTimeout(v.current),v.current=setTimeout(()=>n(!1,y),M)):C&&(clearTimeout(v.current),n(!1,y))},[b,n]),L=d.useCallback(()=>{$.current(),x.current=void 0},[]),E=d.useCallback(()=>{if(I.current){const y=j(l.floating.current).body;y.style.pointerEvents="",y.removeAttribute(Ze),I.current=!1}},[l]);return d.useEffect(()=>{if(!u)return;function y(){return r.current.openEvent?["click","mousedown"].includes(r.current.openEvent.type):!1}function C(T){if(clearTimeout(v.current),k.current=!1,p&&!pe(P.current)||f>0&&me(b.current,"open")===0)return;const S=me(b.current,"open",P.current);S?v.current=setTimeout(()=>{n(!0,T)},S):n(!0,T)}function M(T){if(y())return;$.current();const S=j(c);if(clearTimeout(D.current),w.current){o||clearTimeout(v.current),x.current=w.current({...e,tree:g,x:T.clientX,y:T.clientY,onClose(){E(),L(),O(T)}});const V=x.current;S.addEventListener("mousemove",V),$.current=()=>{S.removeEventListener("mousemove",V)};return}(P.current==="touch"?!ie(c,T.relatedTarget):!0)&&O(T)}function A(T){y()||w.current==null||w.current({...e,tree:g,x:T.clientX,y:T.clientY,onClose(){E(),L(),O(T)}})(T)}if(_(s)){const T=s;return o&&T.addEventListener("mouseleave",A),c==null||c.addEventListener("mouseleave",A),h&&T.addEventListener("mousemove",C,{once:!0}),T.addEventListener("mouseenter",C),T.addEventListener("mouseleave",M),()=>{o&&T.removeEventListener("mouseleave",A),c==null||c.removeEventListener("mouseleave",A),h&&T.removeEventListener("mousemove",C),T.removeEventListener("mouseenter",C),T.removeEventListener("mouseleave",M)}}},[s,c,u,e,p,f,h,O,L,E,n,o,g,b,w,r]),Y(()=>{var y;if(u&&o&&(y=w.current)!=null&&y.__options.blockPointerEvents&&F()){const A=j(c).body;if(A.setAttribute(Ze,""),A.style.pointerEvents="none",I.current=!0,_(s)&&c){var C,M;const T=s,S=g==null||(C=g.nodesRef.current.find(N=>N.id===R))==null||(M=C.context)==null?void 0:M.elements.floating;return S&&(S.style.pointerEvents=""),T.style.pointerEvents="auto",c.style.pointerEvents="auto",()=>{T.style.pointerEvents="",c.style.pointerEvents=""}}}},[u,o,R,c,s,g,w,r,F]),Y(()=>{o||(P.current=void 0,L(),E())},[o,L,E]),d.useEffect(()=>()=>{L(),clearTimeout(v.current),clearTimeout(D.current),E()},[u,s,L,E]),d.useMemo(()=>{if(!u)return{};function y(C){P.current=C.pointerType}return{reference:{onPointerDown:y,onPointerEnter:y,onMouseMove(C){o||f===0||(clearTimeout(D.current),D.current=setTimeout(()=>{k.current||n(!0,C.nativeEvent)},f))}},floating:{onMouseEnter(){clearTimeout(v.current)},onMouseLeave(C){i.emit("dismiss",{type:"mouseLeave",data:{returnFocus:!1}}),O(C.nativeEvent,!1)}}}},[i,u,f,o,n,O])}const $n=d.createContext({delay:0,initialDelay:0,timeoutMs:0,currentId:null,setCurrentId:()=>{},setState:()=>{},isInstantPhase:!1}),wt=()=>d.useContext($n),In=(e,t)=>{let{open:o,onOpenChange:n}=e,{id:r}=t;const{currentId:i,setCurrentId:s,initialDelay:c,setState:l,timeoutMs:u}=wt();Y(()=>{i&&(l({delay:{open:1,close:me(c,"close")}}),i!==r&&n(!1))},[r,n,l,i,c]),Y(()=>{function a(){n(!1),l({delay:c,currentId:null})}if(!o&&i===r)if(u){const m=window.setTimeout(a,u);return()=>{clearTimeout(m)}}else a()},[o,l,i,r,n,c,u]),Y(()=>{o&&s(r)},[o,s,r])};function Oe(e,t){let o=e.filter(r=>{var i;return r.parentId===t&&((i=r.context)==null?void 0:i.open)}),n=o;for(;n.length;)n=e.filter(r=>{var i;return(i=n)==null?void 0:i.some(s=>{var c;return r.parentId===s.id&&((c=r.context)==null?void 0:c.open)})}),o=o.concat(n);return o}function Je(e){return xe(e.target)&&e.target.tagName==="BUTTON"}function et(e){return Bt(e)}function Nn(e,t){t===void 0&&(t={});const{open:o,onOpenChange:n,dataRef:r,elements:{domReference:i}}=e,{enabled:s=!0,event:c="click",toggle:l=!0,ignoreMouse:u=!1,keyboardHandlers:a=!0}=t,m=d.useRef(),p=d.useRef(!1);return d.useMemo(()=>s?{reference:{onPointerDown(f){m.current=f.pointerType},onMouseDown(f){f.button===0&&(pe(m.current,!0)&&u||c!=="click"&&(o&&l&&(!r.current.openEvent||r.current.openEvent.type==="mousedown")?n(!1,f.nativeEvent):(f.preventDefault(),n(!0,f.nativeEvent))))},onClick(f){if(c==="mousedown"&&m.current){m.current=void 0;return}pe(m.current,!0)&&u||(o&&l&&(!r.current.openEvent||r.current.openEvent.type==="click")?n(!1,f.nativeEvent):n(!0,f.nativeEvent))},onKeyDown(f){m.current=void 0,!(f.defaultPrevented||!a||Je(f))&&(f.key===" "&&!et(i)&&(f.preventDefault(),p.current=!0),f.key==="Enter"&&n(!(o&&l),f.nativeEvent))},onKeyUp(f){f.defaultPrevented||!a||Je(f)||et(i)||f.key===" "&&p.current&&(p.current=!1,n(!(o&&l),f.nativeEvent))}}}:{},[s,r,c,u,a,i,l,o,n])}const _n=d.useInsertionEffect,Bn=_n||(e=>e());function ge(e){const t=d.useRef(()=>{});return Bn(()=>{t.current=e}),d.useCallback(function(){for(var o=arguments.length,n=new Array(o),r=0;r<o;r++)n[r]=arguments[r];return t.current==null?void 0:t.current(...n)},[])}const Wn={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},Hn={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},Vn=e=>{var t,o;return{escapeKeyBubbles:typeof e=="boolean"?e:(t=e==null?void 0:e.escapeKey)!=null?t:!1,outsidePressBubbles:typeof e=="boolean"?e:(o=e==null?void 0:e.outsidePress)!=null?o:!0}};function Kn(e,t){t===void 0&&(t={});const{open:o,onOpenChange:n,events:r,nodeId:i,elements:{reference:s,domReference:c,floating:l},dataRef:u}=e,{enabled:a=!0,escapeKey:m=!0,outsidePress:p=!0,outsidePressEvent:f="pointerdown",referencePress:h=!1,referencePressEvent:g="pointerdown",ancestorScroll:R=!1,bubbles:w}=t,b=We(),P=yt()!=null,v=ge(typeof p=="function"?p:()=>!1),x=typeof p=="function"?v:p,D=d.useRef(!1),{escapeKeyBubbles:k,outsidePressBubbles:I}=Vn(w),$=ge(O=>{if(!o||!a||!m||O.key!=="Escape")return;const L=b?Oe(b.nodesRef.current,i):[];if(!k&&(O.stopPropagation(),L.length>0)){let E=!0;if(L.forEach(y=>{var C;if((C=y.context)!=null&&C.open&&!y.context.dataRef.current.__escapeKeyBubbles){E=!1;return}}),!E)return}r.emit("dismiss",{type:"escapeKey",data:{returnFocus:{preventScroll:!1}}}),n(!1,$t(O)?O.nativeEvent:O)}),F=ge(O=>{const L=D.current;if(D.current=!1,L||typeof x=="function"&&!x(O))return;const E=Nt(O),y="["+He("inert")+"]",C=j(l).querySelectorAll(y);let M=_(E)?E:null;for(;M&&!Ot(M);){const S=St(M);if(S===j(l).body||!_(S))break;M=S}if(C.length&&_(E)&&!It(E)&&!ie(E,l)&&Array.from(C).every(S=>!ie(M,S)))return;if(xe(E)&&l){const S=E.clientWidth>0&&E.scrollWidth>E.clientWidth,N=E.clientHeight>0&&E.scrollHeight>E.clientHeight;let V=N&&O.offsetX>E.clientWidth;if(N&&At(E).direction==="rtl"&&(V=O.offsetX<=E.offsetWidth-E.clientWidth),V||S&&O.offsetY>E.clientHeight)return}const A=b&&Oe(b.nodesRef.current,i).some(S=>{var N;return ae(O,(N=S.context)==null?void 0:N.elements.floating)});if(ae(O,l)||ae(O,c)||A)return;const T=b?Oe(b.nodesRef.current,i):[];if(T.length>0){let S=!0;if(T.forEach(N=>{var V;if((V=N.context)!=null&&V.open&&!N.context.dataRef.current.__outsidePressBubbles){S=!1;return}}),!S)return}r.emit("dismiss",{type:"outsidePress",data:{returnFocus:P?{preventScroll:!0}:Mt(O)||Ft(O)}}),n(!1,O)});return d.useEffect(()=>{if(!o||!a)return;u.current.__escapeKeyBubbles=k,u.current.__outsidePressBubbles=I;function O(y){n(!1,y)}const L=j(l);m&&L.addEventListener("keydown",$),x&&L.addEventListener(f,F);let E=[];return R&&(_(c)&&(E=X(c)),_(l)&&(E=E.concat(X(l))),!_(s)&&s&&s.contextElement&&(E=E.concat(X(s.contextElement)))),E=E.filter(y=>{var C;return y!==((C=L.defaultView)==null?void 0:C.visualViewport)}),E.forEach(y=>{y.addEventListener("scroll",O,{passive:!0})}),()=>{m&&L.removeEventListener("keydown",$),x&&L.removeEventListener(f,F),E.forEach(y=>{y.removeEventListener("scroll",O)})}},[u,l,c,s,m,x,f,o,n,R,a,k,I,$,F]),d.useEffect(()=>{D.current=!1},[x,f]),d.useMemo(()=>a?{reference:{onKeyDown:$,[Wn[g]]:O=>{h&&(r.emit("dismiss",{type:"referencePress",data:{returnFocus:!1}}),n(!1,O.nativeEvent))}},floating:{onKeyDown:$,[Hn[f]]:()=>{D.current=!0}}}:{},[a,r,h,f,g,n,$])}function jn(e){var t;e===void 0&&(e={});const{open:o=!1,onOpenChange:n,nodeId:r}=e,[i,s]=d.useState(null),c=((t=e.elements)==null?void 0:t.reference)||i,l=bn(e),u=We(),a=ge((v,x)=>{v&&(p.current.openEvent=x),n==null||n(v,x)}),m=d.useRef(null),p=d.useRef({}),f=d.useState(()=>Ln())[0],h=Be(),g=d.useCallback(v=>{const x=_(v)?{getBoundingClientRect:()=>v.getBoundingClientRect(),contextElement:v}:v;l.refs.setReference(x)},[l.refs]),R=d.useCallback(v=>{(_(v)||v===null)&&(m.current=v,s(v)),(_(l.refs.reference.current)||l.refs.reference.current===null||v!==null&&!_(v))&&l.refs.setReference(v)},[l.refs]),w=d.useMemo(()=>({...l.refs,setReference:R,setPositionReference:g,domReference:m}),[l.refs,R,g]),b=d.useMemo(()=>({...l.elements,domReference:c}),[l.elements,c]),P=d.useMemo(()=>({...l,refs:w,elements:b,dataRef:p,nodeId:r,floatingId:h,events:f,open:o,onOpenChange:a}),[l,r,h,f,o,a,w,b]);return Y(()=>{const v=u==null?void 0:u.nodesRef.current.find(x=>x.id===r);v&&(v.context=P)}),d.useMemo(()=>({...l,context:P,refs:w,elements:b}),[l,w,b,P])}function zn(e,t){t===void 0&&(t={});const{open:o,onOpenChange:n,dataRef:r,events:i,refs:s,elements:{floating:c,domReference:l}}=e,{enabled:u=!0,keyboardOnly:a=!0}=t,m=d.useRef(""),p=d.useRef(!1),f=d.useRef();return d.useEffect(()=>{if(!u)return;const g=j(c).defaultView||window;function R(){!o&&xe(l)&&l===Dt(j(l))&&(p.current=!0)}return g.addEventListener("blur",R),()=>{g.removeEventListener("blur",R)}},[c,l,o,u]),d.useEffect(()=>{if(!u)return;function h(g){(g.type==="referencePress"||g.type==="escapeKey")&&(p.current=!0)}return i.on("dismiss",h),()=>{i.off("dismiss",h)}},[i,u]),d.useEffect(()=>()=>{clearTimeout(f.current)},[]),d.useMemo(()=>u?{reference:{onPointerDown(h){let{pointerType:g}=h;m.current=g,p.current=!!(g&&a)},onMouseLeave(){p.current=!1},onFocus(h){var g;p.current||h.type==="focus"&&((g=r.current.openEvent)==null?void 0:g.type)==="mousedown"&&ae(r.current.openEvent,l)||n(!0,h.nativeEvent)},onBlur(h){p.current=!1;const g=h.relatedTarget,R=_(g)&&g.hasAttribute(He("focus-guard"))&&g.getAttribute("data-type")==="outside";f.current=setTimeout(()=>{ie(s.floating.current,g)||ie(l,g)||R||n(!1,h.nativeEvent)})}}}:{},[u,a,l,s,r,n])}function Ae(e,t,o){const n=new Map;return{...o==="floating"&&{tabIndex:-1},...e,...t.map(r=>r?r[o]:null).concat(e).reduce((r,i)=>(i&&Object.entries(i).forEach(s=>{let[c,l]=s;if(c.indexOf("on")===0){if(n.has(c)||n.set(c,[]),typeof l=="function"){var u;(u=n.get(c))==null||u.push(l),r[c]=function(){for(var a,m=arguments.length,p=new Array(m),f=0;f<m;f++)p[f]=arguments[f];return(a=n.get(c))==null?void 0:a.map(h=>h(...p)).find(h=>h!==void 0)}}}else r[c]=l}),r),{})}}function Xn(e){e===void 0&&(e=[]);const t=e,o=d.useCallback(i=>Ae(i,e,"reference"),t),n=d.useCallback(i=>Ae(i,e,"floating"),t),r=d.useCallback(i=>Ae(i,e,"item"),e.map(i=>i==null?void 0:i.item));return d.useMemo(()=>({getReferenceProps:o,getFloatingProps:n,getItemProps:r}),[o,n,r])}function Yn(e,t){t===void 0&&(t={});const{open:o,floatingId:n}=e,{enabled:r=!0,role:i="dialog"}=t,s=Be();return d.useMemo(()=>{const c={id:n,role:i};return r?i==="tooltip"?{reference:{"aria-describedby":o?n:void 0},floating:c}:{reference:{"aria-expanded":o?"true":"false","aria-haspopup":i==="alertdialog"?"dialog":i,"aria-controls":o?n:void 0,...i==="listbox"&&{role:"combobox"},...i==="menu"&&{id:s}},floating:{...c,...i==="menu"&&{"aria-labelledby":s}}}:{}},[r,i,o,n,s])}function Qn({closeDelay:e=300,offset:t=20,openDelay:o=0,placement:n="bottom-start",slots:r,trigger:i=["hover","focus"],withArrow:s=!0,arrow:c,role:l="dialog",visible:u={},hidden:a={},floatingOptions:m={},isOpen:p,onOpenChange:f}){var Re;const[h,g]=bt(!1),R=ot(null),w=Et(),{x:b,y:P,strategy:v,refs:x,context:D}=jn({placement:n,middleware:[Rn(t),Pn(),Cn(),Tn({element:R})],open:p||h,onOpenChange:f||g,whileElementsMounted:hn,...m}),k=Kn(D),I=Yn(D,{role:l}),{delay:$}=wt(),O=Fn(D,{delay:$||{open:o,close:e}}),L=zn(D),E=Nn(D),y=[i.find(re=>re==="hover")?O:void 0,i.find(re=>re==="click")?E:void 0,i.find(re=>re==="focus")?L:void 0,k,I],{getReferenceProps:C,getFloatingProps:M}=Xn(y);In(D,{id:w});const{onClick:A,...T}=C(),S=String(((Re=r==null?void 0:r.content)==null?void 0:Re.props).className).includes("pressable")?{onPress:A}:{onClick:A},N=r!=null&&r.content?Rt(r.content,{...r.content.props,ref:x.setReference,...T,...S}):Ce("div",{ref:x.setReference,...C(),children:"Menu Action"}),V=r!=null&&r.submenu?Ve(Ct.nav,{ref:x.setFloating,style:{position:v,top:P??0,left:b??0,width:"max-content",zIndex:50},...M(),variants:{hidden:a,visible:u},initial:"hidden",animate:p||h?"visible":"hidden",children:[s&&Ce(Dn,{ref:R,context:D,...c}),r.submenu]}):Ce("nav",{children:"Submenu"});return Ve(xt,{children:[N,V]})}export{Qn as Menu,Qn as default};
|
|
1
|
+
import{jsx as Re,jsxs as He,Fragment as wt}from"react/jsx-runtime";import*as d from"react";import{useLayoutEffect as et,useEffect as tt,useRef as nt,useState as xt,useId as bt,cloneElement as Et}from"react";import{motion as Rt}from"framer-motion";import*as Ct from"react-dom";function ot(e){return rt(e)?(e.nodeName||"").toLowerCase():"#document"}function se(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function Pt(e){var t;return(t=(rt(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function rt(e){return e instanceof Node||e instanceof se(e).Node}function _(e){return e instanceof Element||e instanceof se(e).Element}function xe(e){return e instanceof HTMLElement||e instanceof se(e).HTMLElement}function Ae(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof se(e).ShadowRoot}function Tt(e){return["html","body","#document"].includes(ot(e))}function Ot(e){return se(e).getComputedStyle(e)}function At(e){if(ot(e)==="html")return e;const t=e.assignedSlot||e.parentNode||Ae(e)&&e.host||Pt(e);return Ae(t)?t.host:t}function St(e){let t=e.activeElement;for(;((o=t)==null||(n=o.shadowRoot)==null?void 0:n.activeElement)!=null;){var o,n;t=t.shadowRoot.activeElement}return t}function ie(e,t){if(!e||!t)return!1;const o=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(o&&Ae(o)){let n=t;for(;n;){if(e===n)return!0;n=n.parentNode||n.host}}return!1}function Dt(){const e=navigator.userAgentData;return e!=null&&e.platform?e.platform:navigator.platform}function Lt(){const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?e.brands.map(t=>{let{brand:o,version:n}=t;return o+"/"+n}).join(" "):navigator.userAgent}function kt(e){if(e.mozInputSource===0&&e.isTrusted)return!0;const t=/Android/i;return(t.test(Dt())||t.test(Lt()))&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function Mt(e){return e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType!=="mouse"||e.width<1&&e.height<1&&e.pressure===0&&e.detail===0}function pe(e,t){const o=["mouse","pen"];return t||o.push("",void 0),o.includes(e)}function Ft(e){return"nativeEvent"in e}function $t(e){return e.matches("html,body")}function j(e){return e?.ownerDocument||document}function ae(e,t){if(t==null)return!1;if("composedPath"in e)return e.composedPath().includes(t);const o=e;return o.target!=null&&t.contains(o.target)}function It(e){return"composedPath"in e?e.composedPath()[0]:e.target}const Nt="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";function _t(e){return xe(e)&&e.matches(Nt)}const te=Math.min,G=Math.max,he=Math.round,fe=Math.floor,U=e=>({x:e,y:e}),Bt={left:"right",right:"left",bottom:"top",top:"bottom"},Wt={start:"end",end:"start"};function Se(e,t,o){return G(e,te(t,o))}function ce(e,t){return typeof e=="function"?e(t):e}function Q(e){return e.split("-")[0]}function le(e){return e.split("-")[1]}function it(e){return e==="x"?"y":"x"}function Me(e){return e==="y"?"height":"width"}function ne(e){return["top","bottom"].includes(Q(e))?"y":"x"}function Fe(e){return it(ne(e))}function Ht(e,t,o){o===void 0&&(o=!1);const n=le(e),r=Fe(e),i=Me(r);let s=r==="x"?n===(o?"end":"start")?"right":"left":n==="start"?"bottom":"top";return t.reference[i]>t.floating[i]&&(s=ve(s)),[s,ve(s)]}function Vt(e){const t=ve(e);return[De(e),t,De(t)]}function De(e){return e.replace(/start|end/g,t=>Wt[t])}function Kt(e,t,o){const n=["left","right"],r=["right","left"],i=["top","bottom"],s=["bottom","top"];switch(e){case"top":case"bottom":return o?t?r:n:t?n:r;case"left":case"right":return t?i:s;default:return[]}}function jt(e,t,o,n){const r=le(e);let i=Kt(Q(e),o==="start",n);return r&&(i=i.map(s=>s+"-"+r),t&&(i=i.concat(i.map(De)))),i}function ve(e){return e.replace(/left|right|bottom|top/g,t=>Bt[t])}function zt(e){return{top:0,right:0,bottom:0,left:0,...e}}function st(e){return typeof e!="number"?zt(e):{top:e,right:e,bottom:e,left:e}}function ye(e){const{x:t,y:o,width:n,height:r}=e;return{width:n,height:r,top:o,left:t,right:t+n,bottom:o+r,x:t,y:o}}function Ve(e,t,o){let{reference:n,floating:r}=e;const i=ne(t),s=Fe(t),c=Me(s),l=Q(t),u=i==="y",a=n.x+n.width/2-r.width/2,m=n.y+n.height/2-r.height/2,p=n[c]/2-r[c]/2;let f;switch(l){case"top":f={x:a,y:n.y-r.height};break;case"bottom":f={x:a,y:n.y+n.height};break;case"right":f={x:n.x+n.width,y:m};break;case"left":f={x:n.x-r.width,y:m};break;default:f={x:n.x,y:n.y}}switch(le(t)){case"start":f[s]-=p*(o&&u?-1:1);break;case"end":f[s]+=p*(o&&u?-1:1);break}return f}const Xt=async(e,t,o)=>{const{placement:n="bottom",strategy:r="absolute",middleware:i=[],platform:s}=o,c=i.filter(Boolean),l=await(s.isRTL==null?void 0:s.isRTL(t));let u=await s.getElementRects({reference:e,floating:t,strategy:r}),{x:a,y:m}=Ve(u,n,l),p=n,f={},h=0;for(let g=0;g<c.length;g++){const{name:R,fn:w}=c[g],{x:b,y:P,data:v,reset:x}=await w({x:a,y:m,initialPlacement:n,placement:p,strategy:r,middlewareData:f,rects:u,platform:s,elements:{reference:e,floating:t}});a=b??a,m=P??m,f={...f,[R]:{...f[R],...v}},x&&h<=50&&(h++,typeof x=="object"&&(x.placement&&(p=x.placement),x.rects&&(u=x.rects===!0?await s.getElementRects({reference:e,floating:t,strategy:r}):x.rects),{x:a,y:m}=Ve(u,p,l)),g=-1)}return{x:a,y:m,placement:p,strategy:r,middlewareData:f}};async function ct(e,t){var o;t===void 0&&(t={});const{x:n,y:r,platform:i,rects:s,elements:c,strategy:l}=e,{boundary:u="clippingAncestors",rootBoundary:a="viewport",elementContext:m="floating",altBoundary:p=!1,padding:f=0}=ce(t,e),h=st(f),R=c[p?m==="floating"?"reference":"floating":m],w=ye(await i.getClippingRect({element:(o=await(i.isElement==null?void 0:i.isElement(R)))==null||o?R:R.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(c.floating)),boundary:u,rootBoundary:a,strategy:l})),b=m==="floating"?{x:n,y:r,width:s.floating.width,height:s.floating.height}:s.reference,P=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c.floating)),v=await(i.isElement==null?void 0:i.isElement(P))?await(i.getScale==null?void 0:i.getScale(P))||{x:1,y:1}:{x:1,y:1},x=ye(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:b,offsetParent:P,strategy:l}):b);return{top:(w.top-x.top+h.top)/v.y,bottom:(x.bottom-w.bottom+h.bottom)/v.y,left:(w.left-x.left+h.left)/v.x,right:(x.right-w.right+h.right)/v.x}}const Yt=e=>({name:"arrow",options:e,async fn(t){const{x:o,y:n,placement:r,rects:i,platform:s,elements:c,middlewareData:l}=t,{element:u,padding:a=0}=ce(e,t)||{};if(u==null)return{};const m=st(a),p={x:o,y:n},f=Fe(r),h=Me(f),g=await s.getDimensions(u),R=f==="y",w=R?"top":"left",b=R?"bottom":"right",P=R?"clientHeight":"clientWidth",v=i.reference[h]+i.reference[f]-p[f]-i.floating[h],x=p[f]-i.reference[f],D=await(s.getOffsetParent==null?void 0:s.getOffsetParent(u));let k=D?D[P]:0;(!k||!await(s.isElement==null?void 0:s.isElement(D)))&&(k=c.floating[P]||i.floating[h]);const I=v/2-x/2,$=k/2-g[h]/2-1,F=te(m[w],$),O=te(m[b],$),L=F,E=k-g[h]-O,y=k/2-g[h]/2+I,C=Se(L,y,E),M=!l.arrow&&le(r)!=null&&y!==C&&i.reference[h]/2-(y<L?F:O)-g[h]/2<0,A=M?y<L?y-L:y-E:0;return{[f]:p[f]+A,data:{[f]:C,centerOffset:y-C-A,...M&&{alignmentOffset:A}},reset:M}}}),Ut=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var o,n;const{placement:r,middlewareData:i,rects:s,initialPlacement:c,platform:l,elements:u}=t,{mainAxis:a=!0,crossAxis:m=!0,fallbackPlacements:p,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:h="none",flipAlignment:g=!0,...R}=ce(e,t);if((o=i.arrow)!=null&&o.alignmentOffset)return{};const w=Q(r),b=ne(c),P=Q(c)===c,v=await(l.isRTL==null?void 0:l.isRTL(u.floating)),x=p||(P||!g?[ve(c)]:Vt(c)),D=h!=="none";!p&&D&&x.push(...jt(c,g,h,v));const k=[c,...x],I=await ct(t,R),$=[];let F=((n=i.flip)==null?void 0:n.overflows)||[];if(a&&$.push(I[w]),m){const y=Ht(r,s,v);$.push(I[y[0]],I[y[1]])}if(F=[...F,{placement:r,overflows:$}],!$.every(y=>y<=0)){var O,L;const y=(((O=i.flip)==null?void 0:O.index)||0)+1,C=k[y];if(C)return{data:{index:y,overflows:F},reset:{placement:C}};let M=(L=F.filter(A=>A.overflows[0]<=0).sort((A,T)=>A.overflows[1]-T.overflows[1])[0])==null?void 0:L.placement;if(!M)switch(f){case"bestFit":{var E;const A=(E=F.filter(T=>{if(D){const S=ne(T.placement);return S===b||S==="y"}return!0}).map(T=>[T.placement,T.overflows.filter(S=>S>0).reduce((S,N)=>S+N,0)]).sort((T,S)=>T[1]-S[1])[0])==null?void 0:E[0];A&&(M=A);break}case"initialPlacement":M=c;break}if(r!==M)return{reset:{placement:M}}}return{}}}};async function qt(e,t){const{placement:o,platform:n,elements:r}=e,i=await(n.isRTL==null?void 0:n.isRTL(r.floating)),s=Q(o),c=le(o),l=ne(o)==="y",u=["left","top"].includes(s)?-1:1,a=i&&l?-1:1,m=ce(t,e);let{mainAxis:p,crossAxis:f,alignmentAxis:h}=typeof m=="number"?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...m};return c&&typeof h=="number"&&(f=c==="end"?h*-1:h),l?{x:f*a,y:p*u}:{x:p*u,y:f*a}}const Gt=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var o,n;const{x:r,y:i,placement:s,middlewareData:c}=t,l=await qt(t,e);return s===((o=c.offset)==null?void 0:o.placement)&&(n=c.arrow)!=null&&n.alignmentOffset?{}:{x:r+l.x,y:i+l.y,data:{...l,placement:s}}}}},Qt=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:o,y:n,placement:r}=t,{mainAxis:i=!0,crossAxis:s=!1,limiter:c={fn:R=>{let{x:w,y:b}=R;return{x:w,y:b}}},...l}=ce(e,t),u={x:o,y:n},a=await ct(t,l),m=ne(Q(r)),p=it(m);let f=u[p],h=u[m];if(i){const R=p==="y"?"top":"left",w=p==="y"?"bottom":"right",b=f+a[R],P=f-a[w];f=Se(b,f,P)}if(s){const R=m==="y"?"top":"left",w=m==="y"?"bottom":"right",b=h+a[R],P=h-a[w];h=Se(b,h,P)}const g=c.fn({...t,[p]:f,[m]:h});return{...g,data:{x:g.x-o,y:g.y-n}}}}};function re(e){return lt(e)?(e.nodeName||"").toLowerCase():"#document"}function B(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function z(e){var t;return(t=(lt(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function lt(e){return e instanceof Node||e instanceof B(e).Node}function W(e){return e instanceof Element||e instanceof B(e).Element}function K(e){return e instanceof HTMLElement||e instanceof B(e).HTMLElement}function Ke(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof B(e).ShadowRoot}function ue(e){const{overflow:t,overflowX:o,overflowY:n,display:r}=H(e);return/auto|scroll|overlay|hidden|clip/.test(t+n+o)&&!["inline","contents"].includes(r)}function Zt(e){return["table","td","th"].includes(re(e))}function be(e){return[":popover-open",":modal"].some(t=>{try{return e.matches(t)}catch{return!1}})}function $e(e){const t=Ie(),o=W(e)?H(e):e;return o.transform!=="none"||o.perspective!=="none"||(o.containerType?o.containerType!=="normal":!1)||!t&&(o.backdropFilter?o.backdropFilter!=="none":!1)||!t&&(o.filter?o.filter!=="none":!1)||["transform","perspective","filter"].some(n=>(o.willChange||"").includes(n))||["paint","layout","strict","content"].some(n=>(o.contain||"").includes(n))}function Jt(e){let t=q(e);for(;K(t)&&!oe(t);){if($e(t))return t;if(be(t))return null;t=q(t)}return null}function Ie(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function oe(e){return["html","body","#document"].includes(re(e))}function H(e){return B(e).getComputedStyle(e)}function Ee(e){return W(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function q(e){if(re(e)==="html")return e;const t=e.assignedSlot||e.parentNode||Ke(e)&&e.host||z(e);return Ke(t)?t.host:t}function ut(e){const t=q(e);return oe(t)?e.ownerDocument?e.ownerDocument.body:e.body:K(t)&&ue(t)?t:ut(t)}function X(e,t,o){var n;t===void 0&&(t=[]),o===void 0&&(o=!0);const r=ut(e),i=r===((n=e.ownerDocument)==null?void 0:n.body),s=B(r);if(i){const c=Le(s);return t.concat(s,s.visualViewport||[],ue(r)?r:[],c&&o?X(c):[])}return t.concat(r,X(r,[],o))}function Le(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function ft(e){const t=H(e);let o=parseFloat(t.width)||0,n=parseFloat(t.height)||0;const r=K(e),i=r?e.offsetWidth:o,s=r?e.offsetHeight:n,c=he(o)!==i||he(n)!==s;return c&&(o=i,n=s),{width:o,height:n,$:c}}function Ne(e){return W(e)?e:e.contextElement}function ee(e){const t=Ne(e);if(!K(t))return U(1);const o=t.getBoundingClientRect(),{width:n,height:r,$:i}=ft(t);let s=(i?he(o.width):o.width)/n,c=(i?he(o.height):o.height)/r;return(!s||!Number.isFinite(s))&&(s=1),(!c||!Number.isFinite(c))&&(c=1),{x:s,y:c}}const en=U(0);function at(e){const t=B(e);return!Ie()||!t.visualViewport?en:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function tn(e,t,o){return t===void 0&&(t=!1),!o||t&&o!==B(e)?!1:t}function Z(e,t,o,n){t===void 0&&(t=!1),o===void 0&&(o=!1);const r=e.getBoundingClientRect(),i=Ne(e);let s=U(1);t&&(n?W(n)&&(s=ee(n)):s=ee(e));const c=tn(i,o,n)?at(i):U(0);let l=(r.left+c.x)/s.x,u=(r.top+c.y)/s.y,a=r.width/s.x,m=r.height/s.y;if(i){const p=B(i),f=n&&W(n)?B(n):n;let h=p,g=Le(h);for(;g&&n&&f!==h;){const R=ee(g),w=g.getBoundingClientRect(),b=H(g),P=w.left+(g.clientLeft+parseFloat(b.paddingLeft))*R.x,v=w.top+(g.clientTop+parseFloat(b.paddingTop))*R.y;l*=R.x,u*=R.y,a*=R.x,m*=R.y,l+=P,u+=v,h=B(g),g=Le(h)}}return ye({width:a,height:m,x:l,y:u})}function nn(e){let{elements:t,rect:o,offsetParent:n,strategy:r}=e;const i=r==="fixed",s=z(n),c=t?be(t.floating):!1;if(n===s||c&&i)return o;let l={scrollLeft:0,scrollTop:0},u=U(1);const a=U(0),m=K(n);if((m||!m&&!i)&&((re(n)!=="body"||ue(s))&&(l=Ee(n)),K(n))){const p=Z(n);u=ee(n),a.x=p.x+n.clientLeft,a.y=p.y+n.clientTop}return{width:o.width*u.x,height:o.height*u.y,x:o.x*u.x-l.scrollLeft*u.x+a.x,y:o.y*u.y-l.scrollTop*u.y+a.y}}function on(e){return Array.from(e.getClientRects())}function dt(e){return Z(z(e)).left+Ee(e).scrollLeft}function rn(e){const t=z(e),o=Ee(e),n=e.ownerDocument.body,r=G(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),i=G(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight);let s=-o.scrollLeft+dt(e);const c=-o.scrollTop;return H(n).direction==="rtl"&&(s+=G(t.clientWidth,n.clientWidth)-r),{width:r,height:i,x:s,y:c}}function sn(e,t){const o=B(e),n=z(e),r=o.visualViewport;let i=n.clientWidth,s=n.clientHeight,c=0,l=0;if(r){i=r.width,s=r.height;const u=Ie();(!u||u&&t==="fixed")&&(c=r.offsetLeft,l=r.offsetTop)}return{width:i,height:s,x:c,y:l}}function cn(e,t){const o=Z(e,!0,t==="fixed"),n=o.top+e.clientTop,r=o.left+e.clientLeft,i=K(e)?ee(e):U(1),s=e.clientWidth*i.x,c=e.clientHeight*i.y,l=r*i.x,u=n*i.y;return{width:s,height:c,x:l,y:u}}function je(e,t,o){let n;if(t==="viewport")n=sn(e,o);else if(t==="document")n=rn(z(e));else if(W(t))n=cn(t,o);else{const r=at(e);n={...t,x:t.x-r.x,y:t.y-r.y}}return ye(n)}function mt(e,t){const o=q(e);return o===t||!W(o)||oe(o)?!1:H(o).position==="fixed"||mt(o,t)}function ln(e,t){const o=t.get(e);if(o)return o;let n=X(e,[],!1).filter(c=>W(c)&&re(c)!=="body"),r=null;const i=H(e).position==="fixed";let s=i?q(e):e;for(;W(s)&&!oe(s);){const c=H(s),l=$e(s);!l&&c.position==="fixed"&&(r=null),(i?!l&&!r:!l&&c.position==="static"&&!!r&&["absolute","fixed"].includes(r.position)||ue(s)&&!l&&mt(e,s))?n=n.filter(a=>a!==s):r=c,s=q(s)}return t.set(e,n),n}function un(e){let{element:t,boundary:o,rootBoundary:n,strategy:r}=e;const s=[...o==="clippingAncestors"?be(t)?[]:ln(t,this._c):[].concat(o),n],c=s[0],l=s.reduce((u,a)=>{const m=je(t,a,r);return u.top=G(m.top,u.top),u.right=te(m.right,u.right),u.bottom=te(m.bottom,u.bottom),u.left=G(m.left,u.left),u},je(t,c,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function fn(e){const{width:t,height:o}=ft(e);return{width:t,height:o}}function an(e,t,o){const n=K(t),r=z(t),i=o==="fixed",s=Z(e,!0,i,t);let c={scrollLeft:0,scrollTop:0};const l=U(0);if(n||!n&&!i)if((re(t)!=="body"||ue(r))&&(c=Ee(t)),n){const m=Z(t,!0,i,t);l.x=m.x+t.clientLeft,l.y=m.y+t.clientTop}else r&&(l.x=dt(r));const u=s.left+c.scrollLeft-l.x,a=s.top+c.scrollTop-l.y;return{x:u,y:a,width:s.width,height:s.height}}function Ce(e){return H(e).position==="static"}function ze(e,t){return!K(e)||H(e).position==="fixed"?null:t?t(e):e.offsetParent}function gt(e,t){const o=B(e);if(be(e))return o;if(!K(e)){let r=q(e);for(;r&&!oe(r);){if(W(r)&&!Ce(r))return r;r=q(r)}return o}let n=ze(e,t);for(;n&&Zt(n)&&Ce(n);)n=ze(n,t);return n&&oe(n)&&Ce(n)&&!$e(n)?o:n||Jt(e)||o}const dn=async function(e){const t=this.getOffsetParent||gt,o=this.getDimensions,n=await o(e.floating);return{reference:an(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}};function mn(e){return H(e).direction==="rtl"}const pt={convertOffsetParentRelativeRectToViewportRelativeRect:nn,getDocumentElement:z,getClippingRect:un,getOffsetParent:gt,getElementRects:dn,getClientRects:on,getDimensions:fn,getScale:ee,isElement:W,isRTL:mn};function gn(e,t){let o=null,n;const r=z(e);function i(){var c;clearTimeout(n),(c=o)==null||c.disconnect(),o=null}function s(c,l){c===void 0&&(c=!1),l===void 0&&(l=1),i();const{left:u,top:a,width:m,height:p}=e.getBoundingClientRect();if(c||t(),!m||!p)return;const f=fe(a),h=fe(r.clientWidth-(u+m)),g=fe(r.clientHeight-(a+p)),R=fe(u),b={rootMargin:-f+"px "+-h+"px "+-g+"px "+-R+"px",threshold:G(0,te(1,l))||1};let P=!0;function v(x){const D=x[0].intersectionRatio;if(D!==l){if(!P)return s();D?s(!1,D):n=setTimeout(()=>{s(!1,1e-7)},1e3)}P=!1}try{o=new IntersectionObserver(v,{...b,root:r.ownerDocument})}catch{o=new IntersectionObserver(v,b)}o.observe(e)}return s(!0),i}function pn(e,t,o,n){n===void 0&&(n={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:l=!1}=n,u=Ne(e),a=r||i?[...u?X(u):[],...X(t)]:[];a.forEach(w=>{r&&w.addEventListener("scroll",o,{passive:!0}),i&&w.addEventListener("resize",o)});const m=u&&c?gn(u,o):null;let p=-1,f=null;s&&(f=new ResizeObserver(w=>{let[b]=w;b&&b.target===u&&f&&(f.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var P;(P=f)==null||P.observe(t)})),o()}),u&&!l&&f.observe(u),f.observe(t));let h,g=l?Z(e):null;l&&R();function R(){const w=Z(e);g&&(w.x!==g.x||w.y!==g.y||w.width!==g.width||w.height!==g.height)&&o(),g=w,h=requestAnimationFrame(R)}return o(),()=>{var w;a.forEach(b=>{r&&b.removeEventListener("scroll",o),i&&b.removeEventListener("resize",o)}),m?.(),(w=f)==null||w.disconnect(),f=null,l&&cancelAnimationFrame(h)}}const hn=Gt,vn=Qt,yn=Ut,Xe=Yt,wn=(e,t,o)=>{const n=new Map,r={platform:pt,...o},i={...r.platform,_c:n};return Xt(e,t,{...r,platform:i})};var de=typeof document<"u"?et:tt;function we(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if(typeof e=="function"&&e.toString()===t.toString())return!0;let o,n,r;if(e&&t&&typeof e=="object"){if(Array.isArray(e)){if(o=e.length,o!==t.length)return!1;for(n=o;n--!==0;)if(!we(e[n],t[n]))return!1;return!0}if(r=Object.keys(e),o=r.length,o!==Object.keys(t).length)return!1;for(n=o;n--!==0;)if(!{}.hasOwnProperty.call(t,r[n]))return!1;for(n=o;n--!==0;){const i=r[n];if(!(i==="_owner"&&e.$$typeof)&&!we(e[i],t[i]))return!1}return!0}return e!==e&&t!==t}function ht(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function Ye(e,t){const o=ht(e);return Math.round(t*o)/o}function Ue(e){const t=d.useRef(e);return de(()=>{t.current=e}),t}function xn(e){e===void 0&&(e={});const{placement:t="bottom",strategy:o="absolute",middleware:n=[],platform:r,elements:{reference:i,floating:s}={},transform:c=!0,whileElementsMounted:l,open:u}=e,[a,m]=d.useState({x:0,y:0,strategy:o,placement:t,middlewareData:{},isPositioned:!1}),[p,f]=d.useState(n);we(p,n)||f(n);const[h,g]=d.useState(null),[R,w]=d.useState(null),b=d.useCallback(A=>{A!==D.current&&(D.current=A,g(A))},[]),P=d.useCallback(A=>{A!==k.current&&(k.current=A,w(A))},[]),v=i||h,x=s||R,D=d.useRef(null),k=d.useRef(null),I=d.useRef(a),$=l!=null,F=Ue(l),O=Ue(r),L=d.useCallback(()=>{if(!D.current||!k.current)return;const A={placement:t,strategy:o,middleware:p};O.current&&(A.platform=O.current),wn(D.current,k.current,A).then(T=>{const S={...T,isPositioned:!0};E.current&&!we(I.current,S)&&(I.current=S,Ct.flushSync(()=>{m(S)}))})},[p,t,o,O]);de(()=>{u===!1&&I.current.isPositioned&&(I.current.isPositioned=!1,m(A=>({...A,isPositioned:!1})))},[u]);const E=d.useRef(!1);de(()=>(E.current=!0,()=>{E.current=!1}),[]),de(()=>{if(v&&(D.current=v),x&&(k.current=x),v&&x){if(F.current)return F.current(v,x,L);L()}},[v,x,L,F,$]);const y=d.useMemo(()=>({reference:D,floating:k,setReference:b,setFloating:P}),[b,P]),C=d.useMemo(()=>({reference:v,floating:x}),[v,x]),M=d.useMemo(()=>{const A={position:o,left:0,top:0};if(!C.floating)return A;const T=Ye(C.floating,a.x),S=Ye(C.floating,a.y);return c?{...A,transform:"translate("+T+"px, "+S+"px)",...ht(C.floating)>=1.5&&{willChange:"transform"}}:{position:o,left:T,top:S}},[o,c,C.floating,a.x,a.y]);return d.useMemo(()=>({...a,update:L,refs:y,elements:C,floatingStyles:M}),[a,L,y,C,M])}const bn=e=>{function t(o){return{}.hasOwnProperty.call(o,"current")}return{name:"arrow",options:e,fn(o){const{element:n,padding:r}=typeof e=="function"?e(o):e;return n&&t(n)?n.current!=null?Xe({element:n.current,padding:r}).fn(o):{}:n?Xe({element:n,padding:r}).fn(o):{}}}},En=(e,t)=>({...hn(e),options:[e,t]}),Rn=(e,t)=>({...vn(e),options:[e,t]}),Cn=(e,t)=>({...yn(e),options:[e,t]}),Pn=(e,t)=>({...bn(e),options:[e,t]});var Y=typeof document<"u"?et:tt;function ke(){return ke=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},ke.apply(this,arguments)}let Pe=!1,Tn=0;const qe=()=>"floating-ui-"+Tn++;function On(){const[e,t]=d.useState(()=>Pe?qe():void 0);return Y(()=>{e==null&&t(qe())},[]),d.useEffect(()=>{Pe||(Pe=!0)},[]),e}const An=d.useId,_e=An||On,Sn=d.forwardRef(function(t,o){let{context:{placement:n,elements:{floating:r},middlewareData:{arrow:i}},width:s=14,height:c=7,tipRadius:l=0,strokeWidth:u=0,staticOffset:a,stroke:m,d:p,style:{transform:f,...h}={},...g}=t;const R=_e();if(!r)return null;u*=2;const w=u/2,b=s/2*(l/-8+1),P=c/2*l/4,[v,x]=n.split("-"),D=pt.isRTL(r),k=!!p,I=v==="top"||v==="bottom",$=a&&x==="end"?"bottom":"top";let F=a&&x==="end"?"right":"left";a&&D&&(F=x==="end"?"left":"right");const O=i?.x!=null?a||i.x:"",L=i?.y!=null?a||i.y:"",E=p||"M0,0"+(" H"+s)+(" L"+(s-b)+","+(c-P))+(" Q"+s/2+","+c+" "+b+","+(c-P))+" Z",y={top:k?"rotate(180deg)":"",left:k?"rotate(90deg)":"rotate(-90deg)",bottom:k?"":"rotate(180deg)",right:k?"rotate(-90deg)":"rotate(90deg)"}[v];return d.createElement("svg",ke({},g,{"aria-hidden":!0,ref:o,width:k?s:s+u,height:s,viewBox:"0 0 "+s+" "+(c>s?c:s),style:{position:"absolute",pointerEvents:"none",[F]:O,[$]:L,[v]:I||k?"100%":"calc(100% - "+u/2+"px)",transform:""+y+(f??""),...h}}),u>0&&d.createElement("path",{clipPath:"url(#"+R+")",fill:"none",stroke:m,strokeWidth:u+(p?0:1),d:E}),d.createElement("path",{stroke:u&&!p?g.fill:"none",d:E}),d.createElement("clipPath",{id:R},d.createElement("rect",{x:-w,y:w*(k?-1:1),width:s+u,height:s})))});function Dn(){const e=new Map;return{emit(t,o){var n;(n=e.get(t))==null||n.forEach(r=>r(o))},on(t,o){e.set(t,[...e.get(t)||[],o])},off(t,o){var n;e.set(t,((n=e.get(t))==null?void 0:n.filter(r=>r!==o))||[])}}}const Ln=d.createContext(null),kn=d.createContext(null),vt=()=>{var e;return((e=d.useContext(Ln))==null?void 0:e.id)||null},Be=()=>d.useContext(kn);function We(e){return"data-floating-ui-"+e}function Ge(e){const t=nt(e);return Y(()=>{t.current=e}),t}const Qe=We("safe-polygon");function me(e,t,o){return o&&!pe(o)?0:typeof e=="number"?e:e?.[t]}function Mn(e,t){t===void 0&&(t={});const{open:o,onOpenChange:n,dataRef:r,events:i,elements:{domReference:s,floating:c},refs:l}=e,{enabled:u=!0,delay:a=0,handleClose:m=null,mouseOnly:p=!1,restMs:f=0,move:h=!0}=t,g=Be(),R=vt(),w=Ge(m),b=Ge(a),P=d.useRef(),v=d.useRef(),x=d.useRef(),D=d.useRef(),k=d.useRef(!0),I=d.useRef(!1),$=d.useRef(()=>{}),F=d.useCallback(()=>{var y;const C=(y=r.current.openEvent)==null?void 0:y.type;return C?.includes("mouse")&&C!=="mousedown"},[r]);d.useEffect(()=>{if(!u)return;function y(){clearTimeout(v.current),clearTimeout(D.current),k.current=!0}return i.on("dismiss",y),()=>{i.off("dismiss",y)}},[u,i]),d.useEffect(()=>{if(!u||!w.current||!o)return;function y(M){F()&&n(!1,M)}const C=j(c).documentElement;return C.addEventListener("mouseleave",y),()=>{C.removeEventListener("mouseleave",y)}},[c,o,n,u,w,r,F]);const O=d.useCallback(function(y,C){C===void 0&&(C=!0);const M=me(b.current,"close",P.current);M&&!x.current?(clearTimeout(v.current),v.current=setTimeout(()=>n(!1,y),M)):C&&(clearTimeout(v.current),n(!1,y))},[b,n]),L=d.useCallback(()=>{$.current(),x.current=void 0},[]),E=d.useCallback(()=>{if(I.current){const y=j(l.floating.current).body;y.style.pointerEvents="",y.removeAttribute(Qe),I.current=!1}},[l]);return d.useEffect(()=>{if(!u)return;function y(){return r.current.openEvent?["click","mousedown"].includes(r.current.openEvent.type):!1}function C(T){if(clearTimeout(v.current),k.current=!1,p&&!pe(P.current)||f>0&&me(b.current,"open")===0)return;const S=me(b.current,"open",P.current);S?v.current=setTimeout(()=>{n(!0,T)},S):n(!0,T)}function M(T){if(y())return;$.current();const S=j(c);if(clearTimeout(D.current),w.current){o||clearTimeout(v.current),x.current=w.current({...e,tree:g,x:T.clientX,y:T.clientY,onClose(){E(),L(),O(T)}});const V=x.current;S.addEventListener("mousemove",V),$.current=()=>{S.removeEventListener("mousemove",V)};return}(P.current!=="touch"||!ie(c,T.relatedTarget))&&O(T)}function A(T){y()||w.current==null||w.current({...e,tree:g,x:T.clientX,y:T.clientY,onClose(){E(),L(),O(T)}})(T)}if(_(s)){const T=s;return o&&T.addEventListener("mouseleave",A),c?.addEventListener("mouseleave",A),h&&T.addEventListener("mousemove",C,{once:!0}),T.addEventListener("mouseenter",C),T.addEventListener("mouseleave",M),()=>{o&&T.removeEventListener("mouseleave",A),c?.removeEventListener("mouseleave",A),h&&T.removeEventListener("mousemove",C),T.removeEventListener("mouseenter",C),T.removeEventListener("mouseleave",M)}}},[s,c,u,e,p,f,h,O,L,E,n,o,g,b,w,r]),Y(()=>{var y;if(u&&o&&(y=w.current)!=null&&y.__options.blockPointerEvents&&F()){const A=j(c).body;if(A.setAttribute(Qe,""),A.style.pointerEvents="none",I.current=!0,_(s)&&c){var C,M;const T=s,S=g==null||(C=g.nodesRef.current.find(N=>N.id===R))==null||(M=C.context)==null?void 0:M.elements.floating;return S&&(S.style.pointerEvents=""),T.style.pointerEvents="auto",c.style.pointerEvents="auto",()=>{T.style.pointerEvents="",c.style.pointerEvents=""}}}},[u,o,R,c,s,g,w,r,F]),Y(()=>{o||(P.current=void 0,L(),E())},[o,L,E]),d.useEffect(()=>()=>{L(),clearTimeout(v.current),clearTimeout(D.current),E()},[u,s,L,E]),d.useMemo(()=>{if(!u)return{};function y(C){P.current=C.pointerType}return{reference:{onPointerDown:y,onPointerEnter:y,onMouseMove(C){o||f===0||(clearTimeout(D.current),D.current=setTimeout(()=>{k.current||n(!0,C.nativeEvent)},f))}},floating:{onMouseEnter(){clearTimeout(v.current)},onMouseLeave(C){i.emit("dismiss",{type:"mouseLeave",data:{returnFocus:!1}}),O(C.nativeEvent,!1)}}}},[i,u,f,o,n,O])}const Fn=d.createContext({delay:0,initialDelay:0,timeoutMs:0,currentId:null,setCurrentId:()=>{},setState:()=>{},isInstantPhase:!1}),yt=()=>d.useContext(Fn),$n=(e,t)=>{let{open:o,onOpenChange:n}=e,{id:r}=t;const{currentId:i,setCurrentId:s,initialDelay:c,setState:l,timeoutMs:u}=yt();Y(()=>{i&&(l({delay:{open:1,close:me(c,"close")}}),i!==r&&n(!1))},[r,n,l,i,c]),Y(()=>{function a(){n(!1),l({delay:c,currentId:null})}if(!o&&i===r)if(u){const m=window.setTimeout(a,u);return()=>{clearTimeout(m)}}else a()},[o,l,i,r,n,c,u]),Y(()=>{o&&s(r)},[o,s,r])};function Te(e,t){let o=e.filter(r=>{var i;return r.parentId===t&&((i=r.context)==null?void 0:i.open)}),n=o;for(;n.length;)n=e.filter(r=>{var i;return(i=n)==null?void 0:i.some(s=>{var c;return r.parentId===s.id&&((c=r.context)==null?void 0:c.open)})}),o=o.concat(n);return o}function Ze(e){return xe(e.target)&&e.target.tagName==="BUTTON"}function Je(e){return _t(e)}function In(e,t){t===void 0&&(t={});const{open:o,onOpenChange:n,dataRef:r,elements:{domReference:i}}=e,{enabled:s=!0,event:c="click",toggle:l=!0,ignoreMouse:u=!1,keyboardHandlers:a=!0}=t,m=d.useRef(),p=d.useRef(!1);return d.useMemo(()=>s?{reference:{onPointerDown(f){m.current=f.pointerType},onMouseDown(f){f.button===0&&(pe(m.current,!0)&&u||c!=="click"&&(o&&l&&(!r.current.openEvent||r.current.openEvent.type==="mousedown")?n(!1,f.nativeEvent):(f.preventDefault(),n(!0,f.nativeEvent))))},onClick(f){if(c==="mousedown"&&m.current){m.current=void 0;return}pe(m.current,!0)&&u||(o&&l&&(!r.current.openEvent||r.current.openEvent.type==="click")?n(!1,f.nativeEvent):n(!0,f.nativeEvent))},onKeyDown(f){m.current=void 0,!(f.defaultPrevented||!a||Ze(f))&&(f.key===" "&&!Je(i)&&(f.preventDefault(),p.current=!0),f.key==="Enter"&&n(!(o&&l),f.nativeEvent))},onKeyUp(f){f.defaultPrevented||!a||Ze(f)||Je(i)||f.key===" "&&p.current&&(p.current=!1,n(!(o&&l),f.nativeEvent))}}}:{},[s,r,c,u,a,i,l,o,n])}const Nn=d.useInsertionEffect,_n=Nn||(e=>e());function ge(e){const t=d.useRef(()=>{});return _n(()=>{t.current=e}),d.useCallback(function(){for(var o=arguments.length,n=new Array(o),r=0;r<o;r++)n[r]=arguments[r];return t.current==null?void 0:t.current(...n)},[])}const Bn={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},Wn={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},Hn=e=>{var t,o;return{escapeKeyBubbles:typeof e=="boolean"?e:(t=e?.escapeKey)!=null?t:!1,outsidePressBubbles:typeof e=="boolean"?e:(o=e?.outsidePress)!=null?o:!0}};function Vn(e,t){t===void 0&&(t={});const{open:o,onOpenChange:n,events:r,nodeId:i,elements:{reference:s,domReference:c,floating:l},dataRef:u}=e,{enabled:a=!0,escapeKey:m=!0,outsidePress:p=!0,outsidePressEvent:f="pointerdown",referencePress:h=!1,referencePressEvent:g="pointerdown",ancestorScroll:R=!1,bubbles:w}=t,b=Be(),P=vt()!=null,v=ge(typeof p=="function"?p:()=>!1),x=typeof p=="function"?v:p,D=d.useRef(!1),{escapeKeyBubbles:k,outsidePressBubbles:I}=Hn(w),$=ge(O=>{if(!o||!a||!m||O.key!=="Escape")return;const L=b?Te(b.nodesRef.current,i):[];if(!k&&(O.stopPropagation(),L.length>0)){let E=!0;if(L.forEach(y=>{var C;if((C=y.context)!=null&&C.open&&!y.context.dataRef.current.__escapeKeyBubbles){E=!1;return}}),!E)return}r.emit("dismiss",{type:"escapeKey",data:{returnFocus:{preventScroll:!1}}}),n(!1,Ft(O)?O.nativeEvent:O)}),F=ge(O=>{const L=D.current;if(D.current=!1,L||typeof x=="function"&&!x(O))return;const E=It(O),y="["+We("inert")+"]",C=j(l).querySelectorAll(y);let M=_(E)?E:null;for(;M&&!Tt(M);){const S=At(M);if(S===j(l).body||!_(S))break;M=S}if(C.length&&_(E)&&!$t(E)&&!ie(E,l)&&Array.from(C).every(S=>!ie(M,S)))return;if(xe(E)&&l){const S=E.clientWidth>0&&E.scrollWidth>E.clientWidth,N=E.clientHeight>0&&E.scrollHeight>E.clientHeight;let V=N&&O.offsetX>E.clientWidth;if(N&&Ot(E).direction==="rtl"&&(V=O.offsetX<=E.offsetWidth-E.clientWidth),V||S&&O.offsetY>E.clientHeight)return}const A=b&&Te(b.nodesRef.current,i).some(S=>{var N;return ae(O,(N=S.context)==null?void 0:N.elements.floating)});if(ae(O,l)||ae(O,c)||A)return;const T=b?Te(b.nodesRef.current,i):[];if(T.length>0){let S=!0;if(T.forEach(N=>{var V;if((V=N.context)!=null&&V.open&&!N.context.dataRef.current.__outsidePressBubbles){S=!1;return}}),!S)return}r.emit("dismiss",{type:"outsidePress",data:{returnFocus:P?{preventScroll:!0}:kt(O)||Mt(O)}}),n(!1,O)});return d.useEffect(()=>{if(!o||!a)return;u.current.__escapeKeyBubbles=k,u.current.__outsidePressBubbles=I;function O(y){n(!1,y)}const L=j(l);m&&L.addEventListener("keydown",$),x&&L.addEventListener(f,F);let E=[];return R&&(_(c)&&(E=X(c)),_(l)&&(E=E.concat(X(l))),!_(s)&&s&&s.contextElement&&(E=E.concat(X(s.contextElement)))),E=E.filter(y=>{var C;return y!==((C=L.defaultView)==null?void 0:C.visualViewport)}),E.forEach(y=>{y.addEventListener("scroll",O,{passive:!0})}),()=>{m&&L.removeEventListener("keydown",$),x&&L.removeEventListener(f,F),E.forEach(y=>{y.removeEventListener("scroll",O)})}},[u,l,c,s,m,x,f,o,n,R,a,k,I,$,F]),d.useEffect(()=>{D.current=!1},[x,f]),d.useMemo(()=>a?{reference:{onKeyDown:$,[Bn[g]]:O=>{h&&(r.emit("dismiss",{type:"referencePress",data:{returnFocus:!1}}),n(!1,O.nativeEvent))}},floating:{onKeyDown:$,[Wn[f]]:()=>{D.current=!0}}}:{},[a,r,h,f,g,n,$])}function Kn(e){var t;e===void 0&&(e={});const{open:o=!1,onOpenChange:n,nodeId:r}=e,[i,s]=d.useState(null),c=((t=e.elements)==null?void 0:t.reference)||i,l=xn(e),u=Be(),a=ge((v,x)=>{v&&(p.current.openEvent=x),n?.(v,x)}),m=d.useRef(null),p=d.useRef({}),f=d.useState(()=>Dn())[0],h=_e(),g=d.useCallback(v=>{const x=_(v)?{getBoundingClientRect:()=>v.getBoundingClientRect(),contextElement:v}:v;l.refs.setReference(x)},[l.refs]),R=d.useCallback(v=>{(_(v)||v===null)&&(m.current=v,s(v)),(_(l.refs.reference.current)||l.refs.reference.current===null||v!==null&&!_(v))&&l.refs.setReference(v)},[l.refs]),w=d.useMemo(()=>({...l.refs,setReference:R,setPositionReference:g,domReference:m}),[l.refs,R,g]),b=d.useMemo(()=>({...l.elements,domReference:c}),[l.elements,c]),P=d.useMemo(()=>({...l,refs:w,elements:b,dataRef:p,nodeId:r,floatingId:h,events:f,open:o,onOpenChange:a}),[l,r,h,f,o,a,w,b]);return Y(()=>{const v=u?.nodesRef.current.find(x=>x.id===r);v&&(v.context=P)}),d.useMemo(()=>({...l,context:P,refs:w,elements:b}),[l,w,b,P])}function jn(e,t){t===void 0&&(t={});const{open:o,onOpenChange:n,dataRef:r,events:i,refs:s,elements:{floating:c,domReference:l}}=e,{enabled:u=!0,keyboardOnly:a=!0}=t,m=d.useRef(""),p=d.useRef(!1),f=d.useRef();return d.useEffect(()=>{if(!u)return;const g=j(c).defaultView||window;function R(){!o&&xe(l)&&l===St(j(l))&&(p.current=!0)}return g.addEventListener("blur",R),()=>{g.removeEventListener("blur",R)}},[c,l,o,u]),d.useEffect(()=>{if(!u)return;function h(g){(g.type==="referencePress"||g.type==="escapeKey")&&(p.current=!0)}return i.on("dismiss",h),()=>{i.off("dismiss",h)}},[i,u]),d.useEffect(()=>()=>{clearTimeout(f.current)},[]),d.useMemo(()=>u?{reference:{onPointerDown(h){let{pointerType:g}=h;m.current=g,p.current=!!(g&&a)},onMouseLeave(){p.current=!1},onFocus(h){var g;p.current||h.type==="focus"&&((g=r.current.openEvent)==null?void 0:g.type)==="mousedown"&&ae(r.current.openEvent,l)||n(!0,h.nativeEvent)},onBlur(h){p.current=!1;const g=h.relatedTarget,R=_(g)&&g.hasAttribute(We("focus-guard"))&&g.getAttribute("data-type")==="outside";f.current=setTimeout(()=>{ie(s.floating.current,g)||ie(l,g)||R||n(!1,h.nativeEvent)})}}}:{},[u,a,l,s,r,n])}function Oe(e,t,o){const n=new Map;return{...o==="floating"&&{tabIndex:-1},...e,...t.map(r=>r?r[o]:null).concat(e).reduce((r,i)=>(i&&Object.entries(i).forEach(s=>{let[c,l]=s;if(c.indexOf("on")===0){if(n.has(c)||n.set(c,[]),typeof l=="function"){var u;(u=n.get(c))==null||u.push(l),r[c]=function(){for(var a,m=arguments.length,p=new Array(m),f=0;f<m;f++)p[f]=arguments[f];return(a=n.get(c))==null?void 0:a.map(h=>h(...p)).find(h=>h!==void 0)}}}else r[c]=l}),r),{})}}function zn(e){e===void 0&&(e=[]);const t=e,o=d.useCallback(i=>Oe(i,e,"reference"),t),n=d.useCallback(i=>Oe(i,e,"floating"),t),r=d.useCallback(i=>Oe(i,e,"item"),e.map(i=>i?.item));return d.useMemo(()=>({getReferenceProps:o,getFloatingProps:n,getItemProps:r}),[o,n,r])}function Xn(e,t){t===void 0&&(t={});const{open:o,floatingId:n}=e,{enabled:r=!0,role:i="dialog"}=t,s=_e();return d.useMemo(()=>{const c={id:n,role:i};return r?i==="tooltip"?{reference:{"aria-describedby":o?n:void 0},floating:c}:{reference:{"aria-expanded":o?"true":"false","aria-haspopup":i==="alertdialog"?"dialog":i,"aria-controls":o?n:void 0,...i==="listbox"&&{role:"combobox"},...i==="menu"&&{id:s}},floating:{...c,...i==="menu"&&{"aria-labelledby":s}}}:{}},[r,i,o,n,s])}function Gn({closeDelay:e=300,offset:t=20,openDelay:o=0,placement:n="bottom-start",slots:r,trigger:i=["hover","focus"],withArrow:s=!0,arrow:c,role:l="dialog",visible:u={},hidden:a={},floatingOptions:m={},isOpen:p,onOpenChange:f}){const[h,g]=xt(!1),R=nt(null),w=bt(),{x:b,y:P,strategy:v,refs:x,context:D}=Kn({placement:n,middleware:[En(t),Cn(),Rn(),Pn({element:R})],open:p||h,onOpenChange:f||g,whileElementsMounted:pn,...m}),k=Vn(D),I=Xn(D,{role:l}),{delay:$}=yt(),O=Mn(D,{delay:$||{open:o,close:e}}),L=jn(D),E=In(D),y=[i.find(J=>J==="hover")?O:void 0,i.find(J=>J==="click")?E:void 0,i.find(J=>J==="focus")?L:void 0,k,I],{getReferenceProps:C,getFloatingProps:M}=zn(y);$n(D,{id:w});const{onClick:A,...T}=C(),S=String((r?.content?.props).className).includes("pressable")?{onPress:A}:{onClick:A},N=r?.content?Et(r.content,{...r.content.props,ref:x.setReference,...T,...S}):Re("div",{ref:x.setReference,...C(),children:"Menu Action"}),V=r?.submenu?He(Rt.nav,{ref:x.setFloating,style:{position:v,top:P??0,left:b??0,width:"max-content",zIndex:50},...M(),variants:{hidden:a,visible:u},initial:"hidden",animate:p||h?"visible":"hidden",children:[s&&Re(Sn,{ref:R,context:D,...c}),r.submenu]}):Re("nav",{children:"Submenu"});return He(wt,{children:[N,V]})}export{Gn as Menu,Gn as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as r,jsxs as p}from"react/jsx-runtime";import{Meter as u,Label as h}from"react-aria-components";import{motion as x}from"framer-motion";import{cn as e}from"../../utils/cn.js";function w({label:a,showValue:i=!0,value:n=0,minValue:o=0,maxValue:d=100,formatOptions:m={style:"percent"},className:s,classNames:t,...c}){return r(u,{className:e("flex flex-col gap-2",s),value:n,minValue:o,maxValue:d,formatOptions:m,...c,children:({percentage:l,valueText:f})=>p("div",{className:e("flex justify-between items-center gap-4",t?.labelWrapper),children:[a&&r(h,{className:e("text-sm",t?.label),children:a}),r("div",{className:e("flex-auto h-2.5 rounded-md bg-slate-300 forced-color-adjust-none overflow-hidden",t?.trackWrapepr),children:r(x.div,{className:e("h-full bg-slate-800",t?.track),initial:{width:`${l}%`},animate:{width:`${l}%`},transition:{type:"spring",bounce:0}})}),i&&r("span",{className:e("text-sm tabular-nums ml-auto",t?.value),children:f})]})})}export{w as Meter,w as default};
|
|
@@ -1 +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{
|
|
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{motion as O,AnimatePresence 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=O.create(k)),r)}const m=A();function s({animate:i,animation:e,setAnimation:n,className:o,animationVariants:f,children:a,...u}){const p=b(),{key:v,...y}=u,d={className:w("bg-black/30","fixed top-0 left-0","z-[1000]","w-screen h-[var(--visual-viewport-height)]",o),...y};return m?t(m,{isExiting:e==="hidden",onAnimationComplete:M=>{n(l=>M==="hidden"&&l==="hidden"?"unmounted":l)},variants:f||{hidden:{opacity:0,backdropFilter:"blur(0px)",transition:{delay:.08}},visible:{opacity:1,backdropFilter:"blur(8px)"}},initial:"hidden",animate:i,exit:"hidden",...d,children:a},v||p):t(c,{...d,children:a})}function D(i){const{isOpen:e}=i,{animation:n,setAnimation:o}=x();return e!==void 0?t(g,{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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as a,jsx as e}from"react/jsx-runtime";import{NumberField as f,Label as g,Group as x,Button as u,Input as m,Text as v,FieldError as w}from"react-aria-components";import{cn as r}from"../../utils/cn.js";const k=e("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M5 12H19",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),y=e("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M12 5V19M5 12H19",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});function L({label:c,description:n,errorMessage:b,isInvalid:l,isReadOnly:d,slots:i,className:p,classNames:t,...h}){const o=["group-hover:border-slate-400","group-disabled:border-slate-200","group-invalid:border-red-500 group-invalid:bg-red-100 group-invalid:text-red-600","group-invalid:group-hover:border-red-600","group-invalid:group-focus:border-red-600"],s=["flex items-center justify-center shrink-0","rounded-md border-solid border","font-semibold text-sm","w-10 h-10 py-0 px-0 cursor-pointer disabled:cursor-default","transition-all duration-200 ease-in-out","focus:outline-2 focus:outline focus:outline-slate-200 pressed:scale-95","bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-slate-300 hover:border-slate-400 focus:border-slate-400 disabled:border-slate-200","text-slate-900 disabled:text-slate-500","group-aria-readonly:bg-slate-100 group-aria-readonly:text-slate-500 group-aria-readonly:border-slate-200 group-aria-readonly:cursor-default"];return a(f,{isInvalid:l,isReadOnly:d,className:r("flex flex-col w-full",p),...h,children:[e(g,{className:r("flex text-slate-500 text-sm",t?.label),children:c}),a(x,{isInvalid:l,"aria-readonly":d,className:r("flex rounded-md group","focus-within:outline-2 focus-within:outline focus-within:outline-slate-200","focus-within:invalid:outline-2 focus-within:invalid:outline focus-within:invalid:outline-slate-200","disabled:bg-slate-100",t?.group),children:[e(u,{slot:"decrement",className:r(s,o,"border-r-0 rounded-r-none",t?.decrementBtn),children:i?.decrementIcon||k}),e(m,{className:r("border-solid border border-slate-300 text-center","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-0 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",o,t?.input)}),e(u,{slot:"increment",className:r(s,o,"border-l-0 rounded-l-none",t?.incrementBtn),children:i?.incrementIcon||y})]}),n&&e(v,{className:r("flex text-slate-500 text-sm",t?.description),slot:"description",children:n}),e(w,{className:r("flex text-red-500 text-sm",t?.error),children:b})]})}export{L as NumberInput,L as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as h,jsx as e,Fragment as d}from"react/jsx-runtime";import{memo as p,useState as b,useCallback as f,useId as x,useMemo as g}from"react";import{motion as s}from"framer-motion";import
|
|
1
|
+
import{jsxs as h,jsx as e,Fragment as d}from"react/jsx-runtime";import{memo as p,useState as b,useCallback as f,useId as x,useMemo as g}from"react";import{motion as s}from"framer-motion";import N from"./hooks/useColumnTransition.js";const k=/^-?\d*\.?\d+$/;function $({digit:i,tickerMotionProps:l,transition:m,updateTransition:n}){const[o,r]=b(0),a=f(t=>{t!==null&&r(t.clientHeight*parseInt(i,10))},[i]);return h("span",{className:"relative h-auto block",ref:a,"aria-hidden":!0,children:[e(s.span,{className:"absolute block bottom-0 h-[1000%]",initial:{x:0,y:o},animate:{x:0,y:o},transition:{...m},onAnimationComplete:n,style:{fontFeatureSettings:"tnum"},children:[9,8,7,6,5,4,3,2,1,0].map(t=>e(s.span,{className:"block text-[inherit] leading-[inherit] tabular-nums",...l,children:t},t))}),e(s.span,{className:"block text-[inherit] leading-[inherit] invisible","aria-hidden":!0,children:"0"})]})}const y=p($);function R({delta:i,digits:l,isNegative:m,tickerMotionProps:n,...o}){const r=x(),a=g(()=>typeof n=="function"?n({delta:i}):n,[i,n]),t=N({...o});return h(d,{children:[m&&e(s.span,{className:"block text-[inherit] leading-[inherit] tabular-nums","aria-hidden":!0,...a,children:"-"}),l.map((c,u)=>k.test(c)?e(y,{digit:c,tickerMotionProps:a,...t},`${r}_${u}`):e(s.span,{className:"block text-[inherit] leading-[inherit] tabular-nums","aria-hidden":!0,...a,children:c},`${r}_${u}`))]})}export{R as DigitResolver,R as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as c,jsx as d}from"react/jsx-runtime";import{motion as x}from"framer-motion";import{cn as N}from"../../utils/cn.js";import h from"./hooks/useNumberDelta.js";import w from"./hooks/useNumberTicker.js";import{DigitResolver as b}from"./DigitResolver.js";import"react";import"./hooks/useColumnTransition.js";function T({value:t,asLocal:o,localeConfig:e,precision:i,slots:r,skipFirstAnimation:m,transition:n,tickerMotionProps:a,className:s,...f}){const{digits:u,isNegative:l}=w({value:t,asLocal:o,localeConfig:e,precision:i}),p=h(t);return c(x.span,{className:N("flex h-auto flex-row flex-nowrap overflow-hidden relative text-[inherit]",s),"aria-valuenow":t,layout:!0,layoutRoot:!0,...f,children:[r?.startContent,d(b,{isNegative:l,digits:u,tickerMotionProps:a,skipFirstAnimation:m,transition:n,delta:p}),r?.endContent]})}export{T as NumberTicker,T as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useMemo as
|
|
1
|
+
import{useMemo as i}from"react";const m=({value:t=0,asLocal:o=!1,localeConfig:e={locale:"en-US",options:{style:"currency",currency:"USD",minimumFractionDigits:2}},precision:a=2})=>{const r=parseFloat(`${Math.max(Math.abs(t),0)}`).toFixed(a??0),s=o?new Intl.NumberFormat(e?.locale,{...e?.options}).format(parseFloat(r)):r;return i(()=>({digits:s.split(""),isNegative:t<0}),[s,t])};export{m as default,m as useNumberTicker};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as s}from"react/jsx-runtime";import{Pagination as n}from"@nextui-org/pagination";import{cn as t}from"../../utils/cn.js";const r=t("w-8 h-8 flex justify-center items-center cursor-pointer shadow-none","border border-slate-200 data-[disabled=true]:border-0",'rounded transition-colors duration-300 data-[focus-visible="true"]:outline-white data-[focus-visible="true"]:outline-offset-4',"hover:bg-slate-50 data-[disabled=true]:bg-slate-100 data-[disabled=true]:text-slate-400","[&>svg]:w-4.5 [&>svg]:h-auto");function f({showControls:a=!0,className:o,classNames:e,...i}){return s(n,{showControls:a,className:t("text-slate-600",o),classNames:{wrapper:t("flex flex-nowrap gap-2 lg:gap-3",e?.wrapper),item:t("w-8 h-8 flex text-sm justify-center items-center cursor-pointer rounded shadow-none","border-solid border border-slate-100 bg-transparent transition-colors duration-300",'data-[active=true]:bg-slate-500 data-[active=true]:text-white data-[focus-visible="true"]:outline-white data-[focus-visible="true"]:outline-offset-4',"[&[data-hover=true]:not([data-active=true])]:border-slate-200",e?.item),prev:t(r,e?.prev),next:t(r,e?.next),ellipsis:t("w-4 h-4.5 scale-110 translate-y-1",e?.ellipsis)},...i})}export{f as Pagination,f as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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};
|
|
1
|
+
import{jsxs as q,jsx as z}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 O,useState as F}from"react";import{DialogTrigger as se,Button as ue,Input as de,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 j=[["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:n,offset:i=0,trimNonMaskCharsLeftover:a=!1})=>{if(t.length<i)return t;let r=t.slice(0,i),c=t.slice(i),l=r,o=0;for(let s of e.split("")){if(o>=c.length){if(!a&&s!==n){l+=s;continue}break}s===n?(l+=c[o],o+=1):l+=s}return l},T=t=>t?/^\d+$/.test(t):!1,Q=t=>t.replace(/\D/g,""),Ce=(t,e)=>{let n=t.style.display;n!=="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=n},ge=()=>typeof window>"u"?!1:window.navigator.userAgent.toLowerCase().includes("macintosh"),be=(t,e)=>{let n=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||n?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(n?`${e.prefix}${e.dialCode}${e.charAfterDialCode}`:`${e.prefix}${a}`);if(!a.startsWith(e.dialCode)&&!e.disableDialCodeAndPrefix){if(n)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,u=a.slice(0,s),C=a.slice(s);return{phoneLeftSide:u,phoneRightSide:C}},{phoneLeftSide:l,phoneRightSide:o}=c();return l=`${e.prefix}${l}${e.charAfterDialCode}`,o=ye({value:o,mask:e.mask,maskSymbol:e.maskChar,trimNonMaskCharsLeftover:e.trimNonDigitsEnd||e.disableDialCodeAndPrefix&&o.length===0}),e.disableDialCodeAndPrefix&&(l=""),r(`${l}${o}`)},ve=({phoneBeforeInput:t,phoneAfterInput:e,phoneAfterFormatted:n,cursorPositionAfterInput:i,leftOffset:a=0,deletion:r})=>{if(i<a)return a;if(!t)return n.length;let c=null;for(let u=i-1;u>=0;u-=1)if(T(e[u])){c=u;break}if(c===null){for(let u=0;u<e.length;u+=1)if(T(n[u]))return u;return e.length}let l=0;for(let u=0;u<c;u+=1)T(e[u])&&(l+=1);let o=0,s=0;for(let u=0;u<n.length&&(o+=1,T(n[u])&&(s+=1),!(s>=l+1));u+=1);if(r!=="backward")for(;!T(n[o])&&o<n.length;)o+=1;return o},Z=({phone:t,prefix:e})=>t?`${e}${Q(t)}`:"";function X({value:t,country:e,insertDialCodeOnEmpty:n,trimNonDigitsEnd:i,countries:a,prefix:r,charAfterDialCode:c,forceDialCode:l,disableDialCodeAndPrefix:o,defaultMask:s,countryGuessingEnabled:u,disableFormatting:C}){let f=t;o&&(f=f.startsWith(`${r}`)?f:`${r}${e.dialCode}${f}`);let g=u?$e({phone:f,countries:a,currentCountryIso2:e?.iso2}):void 0,w=g?.country??e,p=be(f,{prefix:r,mask:Pe({phone:f,country:w,defaultMask:s,disableFormatting:C}),maskChar:te,dialCode:w.dialCode,trimNonDigitsEnd:i,charAfterDialCode:c,forceDialCode:l,insertDialCodeOnEmpty:n,disableDialCodeAndPrefix:o}),h=u&&!g?.fullDialCodeMatch?e:w;return{phone:Z({phone:o?`${h.dialCode}${p}`:p,prefix:r}),inputValue:p,country:h}}var we=t=>{if(t?.toLocaleLowerCase().includes("delete")??!1)return t?.toLocaleLowerCase().includes("forward")?"forward":"backward"},De=(t,{country:e,insertDialCodeOnEmpty:n,phoneBeforeInput:i,prefix:a,charAfterDialCode:r,forceDialCode:c,disableDialCodeAndPrefix:l,countryGuessingEnabled:o,defaultMask:s,disableFormatting:u,countries:C})=>{let f=t.nativeEvent,g=f.inputType,w=we(g),p=!!g?.startsWith("insertFrom"),h=g==="insertText",D=f?.data||void 0,m=t.target.value,$=t.target.selectionStart??0;if(g?.includes("history"))return{inputValue:i,phone:Z({phone:i,prefix:a}),cursorPosition:i.length,country:e};if(h&&!T(D)&&m!==a)return{inputValue:i,phone:Z({phone:l?`${e.dialCode}${i}`:i,prefix:a}),cursorPosition:$-(D?.length??0),country:e};if(c&&!m.startsWith(`${a}${e.dialCode}`)&&!p){let y=m?i:`${a}${e.dialCode}${r}`;return{inputValue:y,phone:Z({phone:y,prefix:a}),cursorPosition:a.length+e.dialCode.length+r.length,country:e}}let{phone:B,inputValue:M,country:d}=X({value:m,country:e,trimNonDigitsEnd:w==="backward",insertDialCodeOnEmpty:n,countryGuessingEnabled:o,countries:C,prefix:a,charAfterDialCode:r,forceDialCode:c,disableDialCodeAndPrefix:l,disableFormatting:u,defaultMask:s}),b=ve({cursorPositionAfterInput:$,phoneBeforeInput:i,phoneAfterInput:m,phoneAfterFormatted:M,leftOffset:c?a.length+e.dialCode.length+r.length:0,deletion:w});return{phone:B,inputValue:M,cursorPosition:b,country:d}},xe=(t,e)=>{let n=Object.keys(t),i=Object.keys(e);if(n.length!==i.length)return!1;for(let a of n)if(t[a]!==e[a])return!1;return!0},ke=()=>{let t=_(),e=_(Date.now());return{check:()=>{let n=Date.now(),i=t.current?n-e.current:void 0;return t.current=e.current,e.current=n,i}}},Ne={size:20,overrideLastItemDebounceMS:-1};function Se(t,e){let{size:n,overrideLastItemDebounceMS:i,onChange:a}={...Ne,...e},[r,c]=F(t),[l,o]=F([r]),[s,u]=F(0),C=ke();return[r,(f,g)=>{if(typeof f=="object"&&typeof r=="object"&&xe(f,r)||f===r)return;let w=i>0,p=C.check(),h=w&&p!==void 0?p>i:!0;if(g?.overrideLastItem!==void 0?g.overrideLastItem:!h)o(D=>[...D.slice(0,s),f]);else{let D=l.length>=n;o(m=>[...m.slice(D?1:0,s+1),f]),D||u(m=>m+1)}c(f),a?.(f)},()=>{if(s<=0)return{success:!1};let f=l[s-1];return c(f),u(g=>g-1),a?.(f),{success:!0,value:f}},()=>{if(s+1>=l.length)return{success:!1};let f=l[s+1];return c(f),u(g=>g+1),a?.(f),{success:!0,value:f}}]}var te=".",E={defaultCountry:"us",value:"",prefix:"+",defaultMask:"............",charAfterDialCode:" ",historySaveDebounceMS:200,disableCountryGuess:!1,disableDialCodePrefill:!1,forceDialCode:!1,disableDialCodeAndPrefix:!1,disableFormatting:!1,countries:j},ae=({defaultCountry:t=E.defaultCountry,value:e=E.value,countries:n=E.countries,prefix:i=E.prefix,defaultMask:a=E.defaultMask,charAfterDialCode:r=E.charAfterDialCode,historySaveDebounceMS:c=E.historySaveDebounceMS,disableCountryGuess:l=E.disableCountryGuess,disableDialCodePrefill:o=E.disableDialCodePrefill,forceDialCode:s=E.forceDialCode,disableDialCodeAndPrefix:u=E.disableDialCodeAndPrefix,disableFormatting:C=E.disableFormatting,onChange:f,inputRef:g})=>{let w={countries:n,prefix:i,charAfterDialCode:r,forceDialCode:u?!1:s,disableDialCodeAndPrefix:u,defaultMask:a,countryGuessingEnabled:!l,disableFormatting:C},p=_(null),h=g||p,D=v=>{Promise.resolve().then(()=>{typeof window>"u"||h.current!==document?.activeElement||h.current?.setSelectionRange(v,v)})},[{phone:m,inputValue:$,country:B},M,d,b]=Se(()=>{let v=G({value:t,field:"iso2",countries:n});v||console.error(`[react-international-phone]: can not find a country with "${t}" iso2 code`);let N=v||G({value:"us",field:"iso2",countries:n}),{phone:S,inputValue:L,country:W}=X({value:e,country:N,insertDialCodeOnEmpty:!o,...w});return D(L.length),{phone:S,inputValue:L,country:W.iso2}},{overrideLastItemDebounceMS:c,onChange:({inputValue:v,phone:N,country:S})=>{if(!f)return;let L=y(S);f({phone:N,inputValue:v,country:L})}}),y=H(v=>G({value:v,field:"iso2",countries:n}),[n]),x=J(()=>y(B),[B,y]);O(()=>{let v=h.current;if(!v)return;let N=S=>{if(!S.key)return;let L=S.ctrlKey,W=S.metaKey,ne=S.shiftKey;if(S.key.toLowerCase()==="z"){if(ge()){if(!W)return}else if(!L)return;ne?b():d()}};return v.addEventListener("keydown",N),()=>{v.removeEventListener("keydown",N)}},[h,d,b]);let P=v=>{v.preventDefault();let{phone:N,inputValue:S,country:L,cursorPosition:W}=De(v,{country:x,phoneBeforeInput:$,insertDialCodeOnEmpty:!1,...w});return M({inputValue:S,phone:N,country:L.iso2}),D(W),e},V=(v,N={focusOnInput:!1})=>{let S=G({value:v,field:"iso2",countries:n});if(!S){console.error(`[react-international-phone]: can not find a country with "${v}" iso2 code`);return}let L=u?"":`${i}${S.dialCode}${r}`;M({inputValue:L,phone:`${i}${S.dialCode}`,country:S.iso2}),N.focusOnInput&&Promise.resolve().then(()=>{h.current?.focus()})},[R,K]=F(!1);return O(()=>{if(!R){K(!0),e!==m&&f?.({inputValue:$,phone:m,country:x});return}if(e===m)return;let{phone:v,inputValue:N,country:S}=X({value:e,country:x,insertDialCodeOnEmpty:!o,...w});M({phone:v,inputValue:N,country:S.iso2})},[e]),{phone:m,inputValue:$,country:x,setCountry:V,handlePhoneValueChange:P,inputRef:h}},Pe=({phone:t,country:e,defaultMask:n="............",disableFormatting:i=!1})=>{let a=e.format,r=l=>i?l.replace(new RegExp(`[^${te}]`,"g"),""):l;if(!a)return r(n);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(n);let c=Object.keys(a).find(l=>{if(l==="default")return!1;if(!(l.charAt(0)==="/"&&l.charAt(l.length-1)==="/"))return console.error(`[react-international-phone]: format regex "${l}" for ${e.iso2} is not valid`),!1;let o=new RegExp(l.substring(1,l.length-1)),s=t.replace(e.dialCode,"");return o.test(Q(s))});return r(c?a[c]:a.default)},I=t=>{let[e,n,i,a,r,c]=t;return{name:e,iso2:n,dialCode:i,format:a,priority:r,areaCodes:c}},Ae=t=>`Field "${t}" is not supported`,G=({field:t,value:e,countries:n=j})=>{if(["priority"].includes(t))throw new Error(Ae(t));let i=n.find(a=>{let r=I(a);return e===r[t]});if(i)return I(i)},$e=({phone:t,countries:e=j,currentCountryIso2:n})=>{let i={country:void 0,fullDialCodeMatch:!1};if(!t)return i;let a=Q(t);if(!a)return i;let r=i,c=({country:l,fullDialCodeMatch:o})=>{let s=l.dialCode===r.country?.dialCode,u=(l.priority??0)<(r.country?.priority??0);(!s||u)&&(r={country:l,fullDialCodeMatch:o})};for(let l of e){let o=I(l),{dialCode:s,areaCodes:u}=o;if(a.startsWith(s)){let C=r.country?Number(s)>=Number(r.country.dialCode):!0;if(u){let f=a.substring(s.length);for(let g of u)if(f.startsWith(g))return{country:o,fullDialCodeMatch:!0}}(C||s===a||!r.fullDialCodeMatch)&&c({country:o,fullDialCodeMatch:!0})}r.fullDialCodeMatch||a.length<s.length&&s.startsWith(a)&&(!r.country||Number(s)<=Number(r.country.dialCode))&&c({country:o,fullDialCodeMatch:!1})}if(n){let l=G({value:n,field:"iso2",countries:e});if(!l)return r;let o=l?(s=>{if(!s?.areaCodes)return!1;let u=a.substring(s.dialCode.length);return s.areaCodes.some(C=>C.startsWith(u))})(l):!1;r&&r.country?.dialCode===l.dialCode&&r.country!==l&&r.fullDialCodeMatch&&(!l.areaCodes||o)&&(r={country:l,fullDialCodeMatch:!0})}return r},Ee=(t,e)=>{let n=parseInt(t,16);return Number(n+e).toString(16)},Me="abcdefghijklmnopqrstuvwxyz",Ie="1f1e6",Y=Me.split("").reduce((t,e,n)=>({...t,[e]:Ee(Ie,n)}),{}),Le=t=>[Y[t[0]],Y[t[1]]].join("-"),re=({iso2:t,size:e,src:n,protocol:i="https",disableLazyLoading:a,className:r,style:c,...l})=>{if(!t)return k.createElement("img",{className:A({addPrefix:["flag-emoji"],rawClassNames:[r]}),width:e,height:e,...l});let o=()=>{if(n)return n;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:o(),width:e,height:e,draggable:!1,"data-country":t,loading:a?void 0:"lazy",style:{width:e,height:e,...c},alt:"",...l})},Ve=1e3,_e=({show:t,dialCodePrefix:e="+",selectedCountry:n,countries:i=j,preferredCountries:a=[],flags:r,onSelect:c,onClose:l,...o})=>{let s=_(null),u=_(),C=J(()=>{if(!a||!a.length)return i;let d=[],b=[...i];for(let y of a){let x=b.findIndex(P=>I(P).iso2===y);if(x!==-1){let P=b.splice(x,1)[0];d.push(P)}}return d.concat(b)},[i,a]),f=_({updatedAt:void 0,value:""}),g=d=>{let b=f.current.updatedAt&&new Date().getTime()-f.current.updatedAt.getTime()>Ve;f.current={value:b?d:`${f.current.value}${d}`,updatedAt:new Date};let y=C.findIndex(x=>I(x).name.toLowerCase().startsWith(f.current.value));y!==-1&&h(y)},w=H(d=>C.findIndex(b=>I(b).iso2===d),[C]),[p,h]=F(w(n)),D=()=>{u.current!==n&&h(w(n))},m=H(d=>{h(w(d.iso2)),c?.(d)},[c,w]),$=d=>{let b=C.length-1,y=x=>d==="prev"?x-1:d==="next"?x+1:d==="last"?b:0;h(x=>{let P=y(x);return P<0?0:P>b?b:P})},B=d=>{if(d.stopPropagation(),d.key==="Enter"){d.preventDefault();let b=I(C[p]);m(b);return}if(d.key==="Escape"){l?.();return}if(d.key==="ArrowUp"){d.preventDefault(),$("prev");return}if(d.key==="ArrowDown"){d.preventDefault(),$("next");return}if(d.key==="PageUp"){d.preventDefault(),$("first");return}if(d.key==="PageDown"){d.preventDefault(),$("last");return}d.key===" "&&d.preventDefault(),d.key.length===1&&!d.altKey&&!d.ctrlKey&&!d.metaKey&&g(d.key.toLocaleLowerCase())},M=H(()=>{if(!s.current||p===void 0)return;let d=I(C[p]).iso2;if(d===u.current)return;let b=s.current.querySelector(`[data-country="${d}"]`);b&&(Ce(s.current,b),u.current=d)},[p,C]);return O(()=>{M()},[p,M]),O(()=>{s.current&&(t?s.current.focus():D())},[t]),O(()=>{D()},[n]),k.createElement("ul",{ref:s,role:"listbox",className:A({addPrefix:["country-selector-dropdown"],rawClassNames:[o.className]}),style:{display:t?"block":"none",...o.style},onKeyDown:B,onBlur:l,tabIndex:-1,"aria-activedescendant":`react-international-phone__${I(C[p]).iso2}-option`},C.map((d,b)=>{let y=I(d),x=y.iso2===n,P=b===p,V=a.includes(y.iso2),R=b===a.length-1,K=r?.find(v=>v.iso2===y.iso2);return k.createElement(k.Fragment,{key:y.iso2},k.createElement("li",{"data-country":y.iso2,role:"option","aria-selected":x,"aria-label":`${y.name} ${e}${y.dialCode}`,id:`react-international-phone__${y.iso2}-option`,className:A({addPrefix:["country-selector-dropdown__list-item",V&&"country-selector-dropdown__list-item--preferred",x&&"country-selector-dropdown__list-item--selected",P&&"country-selector-dropdown__list-item--focused"],rawClassNames:[o.listItemClassName]}),onClick:()=>m(y),style:o.listItemStyle,title:y.name},k.createElement(re,{iso2:y.iso2,src:K?.src,className:A({addPrefix:["country-selector-dropdown__list-item-flag-emoji"],rawClassNames:[o.listItemFlagClassName]}),style:o.listItemFlagStyle}),k.createElement("span",{className:A({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[o.listItemCountryNameClassName]}),style:o.listItemCountryNameStyle},y.name),k.createElement("span",{className:A({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[o.listItemDialCodeClassName]}),style:o.listItemDialCodeStyle},e,y.dialCode)),R?k.createElement("hr",{className:A({addPrefix:["country-selector-dropdown__preferred-list-divider"],rawClassNames:[o.preferredListDividerClassName]}),style:o.preferredListDividerStyle}):null)}))},Be=({selectedCountry:t,onSelect:e,disabled:n,hideDropdown:i,countries:a=j,preferredCountries:r=[],flags:c,renderButtonWrapper:l,...o})=>{let[s,u]=F(!1),C=J(()=>{if(t)return G({value:t,field:"iso2",countries:a})},[a,t]),f=_(null),g=p=>{p.key&&["ArrowUp","ArrowDown"].includes(p.key)&&(p.preventDefault(),u(!0))},w=()=>{let p={title:C?.name,onClick:()=>u(D=>!D),onMouseDown:D=>D.preventDefault(),onKeyDown:g,disabled:i||n,role:"combobox","aria-label":"Country selector","aria-haspopup":"listbox","aria-expanded":s},h=k.createElement("div",{className:A({addPrefix:["country-selector-button__button-content"],rawClassNames:[o.buttonContentWrapperClassName]}),style:o.buttonContentWrapperStyle},k.createElement(re,{iso2:t,src:c?.find(D=>D.iso2===t)?.src,className:A({addPrefix:["country-selector-button__flag-emoji",n&&"country-selector-button__flag-emoji--disabled"],rawClassNames:[o.flagClassName]}),style:{visibility:t?"visible":"hidden",...o.flagStyle}}),!i&&k.createElement("div",{className:A({addPrefix:["country-selector-button__dropdown-arrow",n&&"country-selector-button__dropdown-arrow--disabled",s&&"country-selector-button__dropdown-arrow--active"],rawClassNames:[o.dropdownArrowClassName]}),style:o.dropdownArrowStyle}));return l?l({children:h,rootProps:p}):k.createElement("button",{...p,type:"button",className:A({addPrefix:["country-selector-button",s&&"country-selector-button--active",n&&"country-selector-button--disabled",i&&"country-selector-button--hide-dropdown"],rawClassNames:[o.buttonClassName]}),"data-country":t,style:o.buttonStyle},h)};return k.createElement("div",{className:A({addPrefix:["country-selector"],rawClassNames:[o.className]}),style:o.style,ref:f},w(),k.createElement(_e,{show:s,countries:a,preferredCountries:r,flags:c,onSelect:p=>{u(!1),e?.(p)},selectedCountry:t,onClose:()=>{u(!1)},...o.dropdownStyleProps}))},ze=({dialCode:t,prefix:e,disabled:n,style:i,className:a})=>k.createElement("div",{className:A({addPrefix:["dial-code-preview",n&&"dial-code-preview--disabled"],rawClassNames:[a]}),style:i},`${e}${t}`);ie(({value:t,onChange:e,countries:n=j,preferredCountries:i=[],hideDropdown:a,showDisabledDialCodeAndPrefix:r,disableFocusAfterCountrySelect:c,flags:l,style:o,className:s,inputStyle:u,inputClassName:C,countrySelectorStyleProps:f,dialCodePreviewStyleProps:g,inputProps:w,placeholder:p,disabled:h,name:D,onFocus:m,onBlur:$,required:B,autoFocus:M,...d},b)=>{let{phone:y,inputValue:x,inputRef:P,country:V,setCountry:R,handlePhoneValueChange:K}=ae({value:t,countries:n,...d,onChange:N=>{e?.(N.phone,{country:N.country,inputValue:N.inputValue})}}),v=d.disableDialCodeAndPrefix&&r&&V?.dialCode;return le(b,()=>P.current?Object.assign(P.current,{setCountry:R,state:{phone:y,inputValue:x,country:V}}):null,[P,R,y,x,V]),k.createElement("div",{ref:b,className:A({addPrefix:["input-container"],rawClassNames:[s]}),style:o},k.createElement(Be,{onSelect:N=>R(N.iso2,{focusOnInput:!c}),flags:l,selectedCountry:V.iso2,countries:n,preferredCountries:i,disabled:h,hideDropdown:a,...f}),v&&k.createElement(ze,{dialCode:V.dialCode,prefix:d.prefix??"+",disabled:h,...g}),k.createElement("input",{onChange:K,value:x,type:"tel",ref:P,className:A({addPrefix:["input",h&&"input--disabled"],rawClassNames:[C]}),placeholder:p,disabled:h,style:u,name:D,onFocus:m,onBlur:$,autoFocus:M,required:B,...w}))});const Fe=j.map(I);function Ue({value:t,onChange:e,defaultCountry:n="us",...i}){const a=_(null),r=_(null),{inputValue:c,handlePhoneValueChange:l,inputRef:o,country:s,setCountry:u}=ae({defaultCountry:n,value:t,countries:j,onChange:m=>{e?.(m.phone)},forceDialCode:!0}),C=`+${s.dialCode}`,{startsWith:f}=oe({sensitivity:"base"}),[g,w]=F(""),[p,h]=F(!1),D=J(()=>Fe.filter(m=>f(m.name,g)),[g]);return O(()=>{p&&r.current?.focus()},[p]),q("div",{className:U("flex relative",i.label?"pt-4":""),"aria-label":i["aria-label"],children:[q(se,{isOpen:p,onOpenChange:h,children:[q(ue,{"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,z("svg",{width:"15",height:"8",viewBox:"0 0 15 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:z("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",p?"block":"hidden"),ref:a,children:[z("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:z("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"})}),z(de,{"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:m=>w(m.target.value),onBlur:()=>{h(!1),o.current?.focus()},value:g,ref:r}),z("div",{className:"p-2.5",children:z(ce,{className:"text-slate-950 max-h-60 overflow-y-auto",selectionMode:"single","aria-label":"Countries List",onSelectionChange:m=>{u(String([...m][0])),w(""),h(!1)},children:(p?D:[]).map(m=>q(fe,{id:m.iso2,value:m,textValue:m.iso2,className:"p-3 text-slate-900 data-[hovered]:bg-slate-100 rounded-md",children:[m.name," (+",m.dialCode,")"]},m.iso2))})})]})]}),z(pe,{...i,value:c,inputProps:{onChange:l},ref:o,classNames:{input:U("rounded-l-none",c.trim()===C?"text-slate-600":""),label:"absolute top-0 left-0"}})]})}export{Ue as PhoneInput,Ue as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as k,jsx as m}from"react/jsx-runtime";import{useState as A,useRef as L,useEffect as P}from"react";import{Group as R,Label as B,TextField as S,Input as W}from"react-aria-components";import{cn as f}from"../../utils/cn.js";function q({description:g,errorMessage:b,isDisabled:I=!1,isInvalid:D=!1,isMasked:$=!1,isRequired:j=!0,label:V,length:d=6,name:F,onChange:l,value:J="",type:y="numeric",validationBehavior:N="native",className:z,classNames:p,...K}){const[,w]=A(J),[u,h]=A(Array(d).fill("")),c=L([]);P(()=>{c.current=c.current.slice(0,d)},[d]);const T=t=>{const e=t.target.value,r=Number(t.target.getAttribute("data-pin-input-index"));e!==""&&r<u.length-1&&c.current?.[r+1]?.focus();const s=u.map((i,o)=>o===r?e:i);h(s);const a=s.join("");w(a),l&&l(a)},v=t=>{const e=Number(t.currentTarget.getAttribute("data-pin-input-index"));if(t.ctrlKey||t.metaKey)return;const r=["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Control","Alt","Meta","Shift","Tab","Enter","Escape"],s={alpha:/^[a-z]$/i,alphanumeric:/^[a-z0-9]$/i,numeric:/^[0-9]$/i};if(!t.key.match(s[y])&&!r.includes(t.key)&&t.preventDefault(),u[e]===""&&e>0&&t.key==="Backspace"){const a=u.map((o,x)=>x===e-1?"":o);h(a),c.current?.[e-1]?.focus(),t.preventDefault();const i=a.join("");w(i),l&&l(i)}if(u[e]===""&&e<u.length-1&&t.key==="Delete"){const a=u.map((o,x)=>x===e+1?"":o);h(a),c.current?.[e+1]?.focus(),t.preventDefault();const i=a.join("");w(i),l&&l(i)}},E=t=>{const e=Number(t.currentTarget.getAttribute("data-pin-input-index"));t.preventDefault();const r=t.clipboardData?.getData("text");if(!r)return;const s=r.split("").filter(n=>{switch(y){case"alpha":return/^[a-zA-Z]$/.test(n);case"alphanumeric":return/^[a-z0-9]$/i.test(n);default:return/^[0-9]$/.test(n)}});if(s.length===0)return;const a=[...u];let i=e;for(let n=0;n<s.length&&e+n<d;n++)a[e+n]=s[n],i=e+n;h(a);const o=a.join("");w(o),l&&l(o);const x=i+1<d?i+1:d-1;c.current[x]?.focus()};return k(R,{className:f("flex flex-wrap gap-2",z),"aria-label":V,...K,children:[m(B,{className:f("flex text-slate-500 text-sm grow shrink-0 basis-full",p?.label),children:V}),u.map((t,e)=>m(S,{className:f("flex flex-col w-full flex-1 text-slate-900",p?.inputWrap),"aria-label":`Pin Input Digit ${e+1}`,isDisabled:I,isInvalid:D,isRequired:j,validationBehavior:N,children:m(W,{className:f("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",p?.input),onChange:T,onKeyDown:v,onPaste:E,type:$?"password":"text",autoComplete:"one-time-code",ref:r=>{r&&(c.current[e]=r)},value:t,maxLength:1,"data-pin-input-index":e})},`pin-input-${e}`)),(g||D&&b)&&k("div",{className:f("flex flex-row flex-wrap grow shrink-0 basis-full",p?.textWrap),children:[g&&m("p",{className:f("flex text-slate-500 text-sm grow shrink-0 basis-full",p?.description),children:g}),D&&b&&typeof b=="string"&&m("p",{className:f("flex text-red-500 text-sm grow shrink-0 basis-full",p?.error),children:b})]})]})}export{q as PinInput,q as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t,jsxs as n}from"react/jsx-runtime";import{ProgressBar as u,Label as b}from"react-aria-components";import{cn as r}from"../../utils/cn.js";function y({label:m,value:f=0,showValue:d=!0,size:a=60,strokeWidth:s=6,className:x,classNames:l,...h}){const e=a/2,c=e-s,o=2*Math.PI*c;return t(u,{"aria-label":"Loading...",className:r("flex",x),...h,value:f,children:({percentage:i=0})=>n("div",{className:r("flex items-center flex-col",l?.base),children:[t(b,{className:r("text-sm",l?.label),children:m}),n("svg",{width:a,height:a,fill:"none",children:[t("circle",{className:r("stroke-slate-300"),cx:e,cy:e,r:c,strokeWidth:s}),t("circle",{className:r("stroke-slate-800 transition-stroke-dashoffset duration-500 ease-in-out"),cx:e,cy:e,r:c,strokeWidth:s,strokeDasharray:`${o} ${o}`,strokeDashoffset:(100-i)/100*o,strokeLinecap:"round",transform:`rotate(-90 ${e} ${e})`}),d&&n("text",{className:r("text-sm fill-slate-800",l?.value),x:"50%",y:"50%",alignmentBaseline:"middle",textAnchor:"middle",children:[i,"%"]})]})]})})}export{y as CircularProgressbar,y as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t,jsxs as a,Fragment as f}from"react/jsx-runtime";import{ProgressBar as h,Label as u}from"react-aria-components";import{motion as p}from"framer-motion";import{cn as r}from"../../utils/cn.js";function v({label:i,isIndeterminate:o,showValue:l=!0,width:d,className:s,classNames:e,...m}){return t(h,{style:{width:d||"100%"},className:r("overflow-hidden",s),...m,children:({percentage:n,valueText:c})=>a(f,{children:[a("div",{className:r("flex items-center justify-between gap-2 mb-1",e?.labelWrapper),children:[t(u,{className:r("text-sm",e?.label),children:i}),l&&t("span",{className:r("text-sm",e?.value),children:c})]}),t("div",{className:r("overflow-hidden forced-color-adjust-none h-2.5 rounded will-change-transform bg-slate-300",e?.trackWrapper),children:t(p.div,{style:{width:!o&&typeof n=="number"?`${n}%`:""},...o&&{animate:{x:["-100%","250px"]},transition:{repeat:1/0,duration:1.5}},className:r("h-full bg-slate-800 rounded transition-width duration-500 ease-in-out",{"w-1/2":o,"transition-none":o},e?.track)})})]})})}export{v as LinearProgressbar,v as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as r,jsxs as v,Fragment as p}from"react/jsx-runtime";import{Radio as m}from"react-aria-components";import{cn as n}from"../../utils/cn.js";function g({control:e,classNames:i,isHovered:d,isFocused:t,isFocusVisible:u,isDisabled:a,isInvalid:o,isSelected:l,isPressed:s,isReadOnly:b,isRequired:f,defaultChildren:x,...h}){const c={isHovered:d,isFocused:t,isFocusVisible:u,isDisabled:a,isInvalid:o,isSelected:l,isPressed:s,isReadOnly:b,isRequired:f};return e?typeof e=="function"?e(c):e:r("div",{"data-hovered":d,"data-focused":t,"data-disabled":a,"data-invalid":o,"data-selected":l,"data-pressed":s,className:n("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',i?.control),children:r("div",{"data-invalid":o,className:n('w-3 h-3 rounded-full bg-slate-900 opacity-0 transition-all duration-300 ease data-[invalid="true"]:bg-red-500',{"opacity-100":l})})})}function N({children:e,slots:i,className:d,classNames:t,...u}){return r(m,{className:n("flex items-center gap-2 group","invalid:text-red-500 invalid:disabled:text-red-300","disabled:text-slate-400",d),...u,children:a=>v(p,{children:[r(g,{control:i?.control,classNames:t,...a}),typeof e=="function"?e(a):e]})})}export{N as Radio,N as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as
|
|
1
|
+
import{jsx as e,jsxs as u,Fragment as B}from"react/jsx-runtime";import{Popover as C,ComboBox as k,Label as _,Input as L,Button as N,Text as S,FieldError as y,ListBox as I}from"react-aria-components";import{forwardRef as j}from"react";import{cn as t}from"../../utils/cn.js";import"framer-motion";import{Pulse as D}from"../Loader/Pulse.js";function F({buttonIcon:d,...a}){return d?typeof d=="function"?d(a):d:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t("transition-all ease-in-out duration-200",a.isOpen?"rotate-180":"rotate-0"),children:e("path",{d:"M6 9L12 15L18 9",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t(["stroke-slate-900",a.isDisabled&&"stroke-slate-400",a.isInvalid&&"stroke-red-500"])})})}function M({listBoxComponent:d,children:a,...r}){return e(d||I,{...r,children:a})}function P({label:d,description:a,errorMessage:r,children:s,placeholder:x,isLoading:l,slots:i,popoverOffset:f,selectedKey:n,className:b,classNames:o,autoComplete:m,...c},p){const h=t("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",o?.listContainer),v=e(C,{offset:f,className:h,children:e(M,{listBoxComponent:i?.listBoxComponent,className:t("max-h-80","overflow-y-scroll",o?.list),children:s})}),w=n===void 0?null:n;return e(k,{isDisabled:c.isDisabled||l,"data-has-value":!!n,selectedKey:w,...c,className:t("flex flex-col","w-full",b),children:g=>u(B,{children:[e(_,{className:t("flex","text-xs text-slate-500",o?.label),children:d}),u("div",{className:t("flex","relative","w-full",o?.comboBoxContainer),children:[e(L,{placeholder:x,className:t("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",o?.input),ref:p,autoComplete:m}),l?e("div",{className:t("absolute top-2 right-2","block",o?.loader),children:i?.loadingIcon||e(D,{})}):e(N,{className:t("absolute top-2 right-0","block","border-none","bg-none",o?.arrowButton),children:e(F,{buttonIcon:i?.buttonIcon,...g})})]}),a&&e(S,{slot:"description",className:t("flex","text-xs","text-slate-500",o?.description),children:a}),e(y,{className:t("flex","text-xs","text-red-500",o?.errorMessage),children:r}),v]})})}const q=j(P);export{q as Select,q as default};
|