meticulous-ui 3.7.8 → 3.7.10

package/cjs/components/Button/Button.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),I=require("react"),L=require("../Spinner/Spinner.cjs"),M=require("../../colors/colorMap.cjs"),g=require("../../colors/blue.cjs"),P=require("../Ripple/Ripple.cjs"),R=require("../../colors/white.cjs"),w=require("../../colors/grey.cjs"),$=require("./constants.cjs"),S=require("prop-types"),l=require("styled-components"),y=e=>e&&e.__esModule?e:{default:e},o=y(S),d=y(l),z=d.default.button`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),M=require("react"),D=require("../Spinner/Spinner.cjs"),P=require("../../colors/colorMap.cjs"),w=require("../../colors/blue.cjs"),R=require("../Ripple/Ripple.cjs"),S=require("../../colors/white.cjs"),v=require("../../colors/grey.cjs"),y=require("./constants.cjs"),z=require("prop-types"),l=require("styled-components"),x=e=>e&&e.__esModule?e:{default:e},o=x(z),d=x(l),B=d.default.button`
   height: ${({$height:e})=>e}rem;
   width: ${({$width:e})=>e}rem;
   border-radius: 0.96rem;
@@ -6,7 +6,7 @@
   padding: 0.96rem 0.64rem;
   position: relative;
   overflow: hidden;
-  background-color: ${({$selectedColor:e,disabled:t})=>t?w.default.m500:e};
+  background-color: ${({$selectedColor:e,disabled:t})=>t?v.default.m500:e};
   cursor: ${({disabled:e,$isLoading:t})=>e?"not-allowed":t?"auto":"pointer"};
 
   ${({$isLoading:e})=>e&&l.css`
@@ -26,7 +26,7 @@
   &:focus-visible {
     outline: none;
   }
-`,K=d.default.div`
+`,E=d.default.div`
   font-size: ${({$font:e})=>e}rem;
   font-weight: 500;
   max-width: 100%;
@@ -34,7 +34,7 @@
   color: ${({$textColor:e})=>e};
   opacity: ${({$isLoading:e})=>e?0:1};
   transition: opacity 0.3s ease;
-`,B=d.default.div`
+`,K=d.default.div`
   height: ${({$height:e})=>e}rem;
   width: ${({$width:e})=>e}rem;
   display: inline-block;
@@ -53,7 +53,7 @@
         transform: translateY(-2px);
       }
     `};
-`,E=d.default.div`
+`,O=d.default.div`
   position: absolute;
   inset: 0;
   display: flex;
@@ -62,4 +62,4 @@
   opacity: ${({$isLoading:e})=>e?1:0};
   transition: opacity 0.3s ease;
   pointer-events: none;
-`,O=({theme:e,children:t})=>r.jsx(P.default,{rippleColor:e.m100,children:t}),v=e=>{const{children:t,theme:n=g.blue,size:x=$.MEDIUM,width:a,leftIcon:W,rightIcon:U,isLoading:i,textColor:c,onKeyDown:C,...q}=e||{},u=I.useRef(0),j=s=>{if(s.key==="Enter"||s.key===" "){const b=Date.now();if(b-u.current<500){s.preventDefault(),s.stopPropagation();return}u.current=b}C?.(s)},{m400:_,m500:D,m600:T}=M.default[n]??g.blue,{height:f,width:h,font:k}=$.SIZE[x]||{},p=["white","yellow"].includes(n)?w.default.m600:R.default,m=r.jsxs(z,{type:"button",...q,onKeyDown:j,$hoverColor:D,$activeColor:T,$selectedColor:_,$height:f,$width:a||h,disabled:e.disabled,$isLoading:i,children:[r.jsx(E,{$isLoading:i,children:r.jsx(L.default,{size:"small",color:c||p})}),r.jsx(K,{$isLoading:i,$textColor:c||p,$font:k,children:t})]});return r.jsx(B,{$height:f,$width:a||h,disabled:e.disabled,$isLoading:i,children:i?m:r.jsx(O,{theme:n,children:m})})};v.propTypes={children:o.default.node,theme:o.default.string,size:o.default.string,width:o.default.oneOfType([o.default.string,o.default.number]),leftIcon:o.default.elementType,rightIcon:o.default.elementType,isLoading:o.default.bool,textColor:o.default.string,disabled:o.default.bool};exports.default=v;
+`,W=({theme:e,children:t})=>r.jsx(R.default,{rippleColor:e.m100,children:t}),C=e=>{var g;const{children:t,theme:n=w.blue,size:q=y.MEDIUM,width:c,leftIcon:U,rightIcon:Y,isLoading:i,textColor:u,onKeyDown:a,...j}=e||{},f=M.useRef(0),_=s=>{if(s.key==="Enter"||s.key===" "){const $=Date.now();if($-f.current<500){s.preventDefault(),s.stopPropagation();return}f.current=$}a==null||a(s)},{m400:T,m500:k,m600:I}=(g=P.default[n])!=null?g:w.blue,{height:h,width:p,font:L}=y.SIZE[q]||{},m=["white","yellow"].includes(n)?v.default.m600:S.default,b=r.jsxs(B,{type:"button",...j,onKeyDown:_,$hoverColor:k,$activeColor:I,$selectedColor:T,$height:h,$width:c||p,disabled:e.disabled,$isLoading:i,children:[r.jsx(O,{$isLoading:i,children:r.jsx(D.default,{size:"small",color:u||m})}),r.jsx(E,{$isLoading:i,$textColor:u||m,$font:L,children:t})]});return r.jsx(K,{$height:h,$width:c||p,disabled:e.disabled,$isLoading:i,children:i?b:r.jsx(W,{theme:n,children:b})})};C.propTypes={children:o.default.node,theme:o.default.string,size:o.default.string,width:o.default.oneOfType([o.default.string,o.default.number]),leftIcon:o.default.elementType,rightIcon:o.default.elementType,isLoading:o.default.bool,textColor:o.default.string,disabled:o.default.bool};exports.default=C;

package/cjs/components/Carousel/Carousel.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),s=require("react"),ce=require("../Icons/ChevronLeft.cjs"),de=require("../Icons/ChevronRight.cjs"),U=require("styled-components"),fe=t=>t&&t.__esModule?t:{default:t},i=fe(U),he=i.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),s=require("react"),fe=require("../Icons/ChevronLeft.cjs"),he=require("../Icons/ChevronRight.cjs"),Y=require("styled-components"),pe=t=>t&&t.__esModule?t:{default:t},o=pe(Y),xe=o.default.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -6,10 +6,10 @@
   width: 100%;
   gap: 12px;
   outline: none;
-`,pe=i.default.div`
+`,be=o.default.div`
   position: relative;
   width: 100%;
-`,xe=i.default.div`
+`,ge=o.default.div`
   overflow: hidden;
   width: 100%;
   outline: none;
@@ -18,7 +18,7 @@
   &:active {
     cursor: ${({$draggable:t})=>t?"grabbing":"default"};
   }
-`,be=i.default.div`
+`,ve=o.default.div`
   display: flex;
   width: 100%;
   transform: translateX(${({$translateX:t})=>t}%);
@@ -33,9 +33,9 @@
     min-width: 0;
     box-sizing: border-box;
   }
-`,H=i.default.button`
+`,N=o.default.button`
   position: absolute;
-  top: ${({$arrowTop:t})=>t??"50%"};
+  top: ${({$arrowTop:t})=>t!=null?t:"50%"};
   transform: translateY(-50%);
   z-index: 1;
   display: flex;
@@ -53,7 +53,7 @@
     opacity 0.3s;
   padding: 0;
 
-  ${({$direction:t,$overlay:c})=>t==="prev"?`left: ${c?"12px":"-16px"};`:`right: ${c?"12px":"-16px"};`}
+  ${({$direction:t,$overlay:l})=>t==="prev"?`left: ${l?"12px":"-16px"};`:`right: ${l?"12px":"-16px"};`}
 
   &:hover:not(:disabled) {
     background: #f5f5f5;
@@ -74,15 +74,15 @@
     border-color: #bdbdbd;
   `}
 
-  ${({$overlay:t,$visible:c})=>t&&!c&&`
+  ${({$overlay:t,$visible:l})=>t&&!l&&`
     opacity: 0;
     pointer-events: none;
   `}
-`,ge=i.default.div`
+`,me=o.default.div`
   display: flex;
   gap: 6px;
   align-items: center;
-`,ve=i.default.button`
+`,we=o.default.button`
   width: ${({$active:t})=>t?"20px":"8px"};
   height: 8px;
   border-radius: 4px;
@@ -93,10 +93,10 @@
   transition:
     width 0.2s ease,
     background 0.2s ease;
-`,me=U.keyframes`
+`,$e=Y.keyframes`
   from { width: 0%; }
   to { width: 100%; }
-`,we=i.default.div`
+`,je=o.default.div`
   width: 100%;
   height: 3px;
   background: #e0e0e0;
@@ -110,7 +110,7 @@
     inset: 0;
     width: 0%;
     background: #333;
-    animation: ${me} ${({$duration:t})=>t}s linear forwards;
+    animation: ${$e} ${({$duration:t})=>t}s linear forwards;
     animation-play-state: ${({$paused:t})=>t?"paused":"running"};
 
     @media (prefers-reduced-motion: reduce) {
@@ -118,7 +118,7 @@
       width: 100%;
     }
   }
-`,$e=i.default.button`
+`,ke=o.default.button`
   position: absolute;
   bottom: 8px;
   right: 8px;
@@ -145,4 +145,4 @@
     outline: 2px solid #fff;
     outline-offset: 2px;
   }
-`,T=50,X=2e3,je=()=>n.jsxs("svg",{width:12,height:12,viewBox:"0 0 12 12",fill:"currentColor","aria-hidden":"true",children:[n.jsx("rect",{x:"2",y:"1",width:"3",height:"10",rx:"1"}),n.jsx("rect",{x:"7",y:"1",width:"3",height:"10",rx:"1"})]}),ke=()=>n.jsx("svg",{width:12,height:12,viewBox:"0 0 12 12",fill:"currentColor","aria-hidden":"true",children:n.jsx("path",{d:"M2 1.5l9 4.5-9 4.5V1.5z"})}),ye=({data:t,renderCarousel:c,visibleSlides:E=1,hasArrow:_=!0,overlayArrows:u=!1,arrowTop:m,areDotsHidden:K=!1,autoSlide:w=!1,autoSlideSec:C=3,loop:h=!1,dragToSlide:$=!1,liveDrag:j=!1,liveDragMobile:R=!0,showProgress:N=!1,defaultIndex:Y=0,onSlideChange:A,...G})=>{const[o,k]=s.useState(Y),[D,p]=s.useState(!0),[L,O]=s.useState(!1),[x,b]=s.useState(!1),[J,g]=s.useState(0),[P,v]=s.useState(!1),[I,q]=s.useState(!1),d=s.useRef(null),l=s.useRef(null),f=s.useRef(null),z=s.useRef(null);s.useEffect(()=>{const e=window.matchMedia("(max-width: 1024px)");q(e.matches);const r=le=>q(le.matches);return e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[]);const a=t.length-E,y=()=>k(e=>h&&e===0?a:Math.max(e-1,0)),M=()=>k(e=>h&&e>=a?0:Math.min(e+1,a));s.useEffect(()=>{A?.(o)},[o]);const B=()=>{u&&(clearTimeout(f.current),p(!0),f.current=setTimeout(()=>p(!1),X))},Q=()=>{b(!0),u&&(clearTimeout(f.current),p(!0))},Z=()=>{b(!1),u&&(f.current=setTimeout(()=>p(!1),X))};s.useEffect(()=>{if(u)return f.current=setTimeout(()=>p(!1),X),()=>clearTimeout(f.current)},[u]),s.useEffect(()=>{if(!w||x)return;const e=setInterval(()=>{k(r=>r>=a?0:r+1)},C*1e3);return()=>clearInterval(e)},[w,C,x,a]);const V=e=>h?e:o===0&&e>0||o===a&&e<0?e*.3:e,ee=e=>{d.current=e.touches[0].clientX,R&&I&&v(!0),B()},te=e=>{!R||!I||d.current===null||g(V(e.touches[0].clientX-d.current))},ne=e=>{if(R&&I&&(v(!1),g(0)),d.current===null)return;const r=d.current-e.changedTouches[0].clientX;r>T?M():r<-T&&y(),d.current=null},re=e=>{$&&(l.current=e.clientX,j&&v(!0))},se=e=>{!$||!j||l.current===null||g(V(e.clientX-l.current))},oe=e=>{if(!$||l.current===null)return;j&&(v(!1),g(0));const r=l.current-e.clientX;r>T?M():r<-T&&y(),l.current=null},ie=e=>{e.key==="ArrowLeft"?(e.preventDefault(),y()):e.key==="ArrowRight"&&(e.preventDefault(),M())},W=z.current?.clientWidth??0,ae=W>0?J/W*100:0,ue=-(o*(100/E))+ae,F=m!==void 0?typeof m=="number"?`${m}px`:m:void 0,S=a+1;return n.jsxs(he,{onClick:B,onMouseEnter:Q,onMouseLeave:Z,onMouseMove:se,onMouseUp:oe,onKeyDown:ie,role:"region","aria-label":"Carousel",...G,children:[n.jsxs(pe,{onTouchStart:ee,onTouchMove:te,onTouchEnd:ne,children:[_&&n.jsx(H,{onClick:y,disabled:!h&&o===0,"aria-label":"Previous slide",$direction:"prev",$overlay:u,$visible:D,$arrowTop:F,$viewportFocused:L,children:n.jsx(ce.default,{size:20,"aria-hidden":"true"})}),n.jsx(xe,{ref:z,tabIndex:0,"aria-label":"Carousel slides. Use arrow keys to navigate.",$draggable:$,onFocus:()=>{O(!0),b(!0)},onBlur:()=>{O(!1),b(!1)},onMouseDown:re,onMouseLeave:e=>{e.buttons!==1&&(j&&P&&(v(!1),g(0)),l.current=null)},children:n.jsx(be,{$translateX:ue,$visibleSlides:E,$dragging:P,children:t.map(c)})}),_&&n.jsx(H,{onClick:M,disabled:!h&&o===a,"aria-label":"Next slide",$direction:"next",$overlay:u,$visible:D,$arrowTop:F,$viewportFocused:L,children:n.jsx(de.default,{size:20,"aria-hidden":"true"})}),w&&n.jsx($e,{onClick:()=>b(e=>!e),"aria-label":x?"Play slideshow":"Pause slideshow",children:x?n.jsx(ke,{}):n.jsx(je,{})})]}),n.jsxs("div",{"aria-live":"polite","aria-atomic":"true",style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0,0,0,0)",whiteSpace:"nowrap"},children:["Slide ",o+1," of ",S]}),w&&N&&n.jsx(we,{$duration:C,$paused:x},o),!K&&n.jsx(ge,{children:Array.from({length:S}).map((e,r)=>n.jsx(ve,{$active:r===o,onClick:()=>k(r),"aria-label":`Slide ${r+1} of ${S}`,"aria-current":r===o?"true":void 0},r))})]})};exports.default=ye;
+`,E=50,D=2e3,ye=()=>n.jsxs("svg",{width:12,height:12,viewBox:"0 0 12 12",fill:"currentColor","aria-hidden":"true",children:[n.jsx("rect",{x:"2",y:"1",width:"3",height:"10",rx:"1"}),n.jsx("rect",{x:"7",y:"1",width:"3",height:"10",rx:"1"})]}),Me=()=>n.jsx("svg",{width:12,height:12,viewBox:"0 0 12 12",fill:"currentColor","aria-hidden":"true",children:n.jsx("path",{d:"M2 1.5l9 4.5-9 4.5V1.5z"})}),Ee=({data:t,renderCarousel:l,visibleSlides:R=1,hasArrow:L=!0,overlayArrows:u=!1,arrowTop:m,areDotsHidden:A=!1,autoSlide:w=!1,autoSlideSec:T=3,loop:h=!1,dragToSlide:$=!1,liveDrag:j=!1,liveDragMobile:I=!0,showProgress:G=!1,defaultIndex:J=0,onSlideChange:X,...Q})=>{var U,K;const[i,k]=s.useState(J),[O,p]=s.useState(!0),[P,S]=s.useState(!1),[x,b]=s.useState(!1),[Z,g]=s.useState(0),[q,v]=s.useState(!1),[_,z]=s.useState(!1),d=s.useRef(null),c=s.useRef(null),f=s.useRef(null),B=s.useRef(null);s.useEffect(()=>{const e=window.matchMedia("(max-width: 1024px)");z(e.matches);const r=de=>z(de.matches);return e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[]);const a=t.length-R,y=()=>k(e=>h&&e===0?a:Math.max(e-1,0)),M=()=>k(e=>h&&e>=a?0:Math.min(e+1,a));s.useEffect(()=>{X==null||X(i)},[i]);const V=()=>{u&&(clearTimeout(f.current),p(!0),f.current=setTimeout(()=>p(!1),D))},ee=()=>{b(!0),u&&(clearTimeout(f.current),p(!0))},te=()=>{b(!1),u&&(f.current=setTimeout(()=>p(!1),D))};s.useEffect(()=>{if(u)return f.current=setTimeout(()=>p(!1),D),()=>clearTimeout(f.current)},[u]),s.useEffect(()=>{if(!w||x)return;const e=setInterval(()=>{k(r=>r>=a?0:r+1)},T*1e3);return()=>clearInterval(e)},[w,T,x,a]);const W=e=>h?e:i===0&&e>0||i===a&&e<0?e*.3:e,ne=e=>{d.current=e.touches[0].clientX,I&&_&&v(!0),V()},re=e=>{!I||!_||d.current===null||g(W(e.touches[0].clientX-d.current))},se=e=>{if(I&&_&&(v(!1),g(0)),d.current===null)return;const r=d.current-e.changedTouches[0].clientX;r>E?M():r<-E&&y(),d.current=null},ie=e=>{$&&(c.current=e.clientX,j&&v(!0))},oe=e=>{!$||!j||c.current===null||g(W(e.clientX-c.current))},ae=e=>{if(!$||c.current===null)return;j&&(v(!1),g(0));const r=c.current-e.clientX;r>E?M():r<-E&&y(),c.current=null},ue=e=>{e.key==="ArrowLeft"?(e.preventDefault(),y()):e.key==="ArrowRight"&&(e.preventDefault(),M())},F=(K=(U=B.current)==null?void 0:U.clientWidth)!=null?K:0,ce=F>0?Z/F*100:0,le=-(i*(100/R))+ce,H=m!==void 0?typeof m=="number"?`${m}px`:m:void 0,C=a+1;return n.jsxs(xe,{onClick:V,onMouseEnter:ee,onMouseLeave:te,onMouseMove:oe,onMouseUp:ae,onKeyDown:ue,role:"region","aria-label":"Carousel",...Q,children:[n.jsxs(be,{onTouchStart:ne,onTouchMove:re,onTouchEnd:se,children:[L&&n.jsx(N,{onClick:y,disabled:!h&&i===0,"aria-label":"Previous slide",$direction:"prev",$overlay:u,$visible:O,$arrowTop:H,$viewportFocused:P,children:n.jsx(fe.default,{size:20,"aria-hidden":"true"})}),n.jsx(ge,{ref:B,tabIndex:0,"aria-label":"Carousel slides. Use arrow keys to navigate.",$draggable:$,onFocus:()=>{S(!0),b(!0)},onBlur:()=>{S(!1),b(!1)},onMouseDown:ie,onMouseLeave:e=>{e.buttons!==1&&(j&&q&&(v(!1),g(0)),c.current=null)},children:n.jsx(ve,{$translateX:le,$visibleSlides:R,$dragging:q,children:t.map(l)})}),L&&n.jsx(N,{onClick:M,disabled:!h&&i===a,"aria-label":"Next slide",$direction:"next",$overlay:u,$visible:O,$arrowTop:H,$viewportFocused:P,children:n.jsx(he.default,{size:20,"aria-hidden":"true"})}),w&&n.jsx(ke,{onClick:()=>b(e=>!e),"aria-label":x?"Play slideshow":"Pause slideshow",children:x?n.jsx(Me,{}):n.jsx(ye,{})})]}),n.jsxs("div",{"aria-live":"polite","aria-atomic":"true",style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0,0,0,0)",whiteSpace:"nowrap"},children:["Slide ",i+1," of ",C]}),w&&G&&n.jsx(je,{$duration:T,$paused:x},i),!A&&n.jsx(me,{children:Array.from({length:C}).map((e,r)=>n.jsx(we,{$active:r===i,onClick:()=>k(r),"aria-label":`Slide ${r+1} of ${C}`,"aria-current":r===i?"true":void 0},r))})]})};exports.default=Ee;

package/cjs/components/DatePicker/DatePicker.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),Se=require("prop-types"),Ae=require("../../colors/colorMap.cjs"),Me=require("../../colors/blue.cjs"),s=require("./constants.cjs"),p=require("./utils.cjs"),B=require("styled-components"),se=e=>e&&e.__esModule?e:{default:e},f=se(Se),i=se(B),Re=B.keyframes`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),f=require("react"),Me=require("prop-types"),Re=require("../../colors/colorMap.cjs"),Ne=require("../../colors/blue.cjs"),s=require("./constants.cjs"),g=require("./utils.cjs"),B=require("styled-components"),le=t=>t&&t.__esModule?t:{default:t},b=le(Me),i=le(B),we=B.keyframes`
   from { opacity: 0; transform: translateY(6px); }
   to   { opacity: 1; transform: translateY(0); }
-`,Ne=i.default.div`
+`,Oe=i.default.div`
   display: inline-flex;
   flex-direction: column;
   background: #ffffff;
@@ -12,17 +12,17 @@
   padding: 20px;
   width: 320px;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-  animation: ${Re} 0.22s ease;
+  animation: ${we} 0.22s ease;
   user-select: none;
-`,we=i.default.div`
+`,Le=i.default.div`
   display: flex;
   align-items: center;
   gap: 8px;
   margin-bottom: 16px;
-`,q=i.default.div`
+`,C=i.default.div`
   flex: 1;
-  background: ${({$active:e,$primary:o})=>e?o:"#f1f3f4"};
-  color: ${({$active:e})=>e?"#fff":"#5f6368"};
+  background: ${({$active:t,$primary:r})=>t?r:"#f1f3f4"};
+  color: ${({$active:t})=>t?"#fff":"#5f6368"};
   border-radius: 12px;
   padding: 10px 14px;
   font-size: 13px;
@@ -40,21 +40,21 @@
     opacity: 0.7;
     margin-bottom: 2px;
   }
-`,Oe=i.default.div`
+`,Ge=i.default.div`
   color: #bdc1c6;
   font-size: 16px;
   flex-shrink: 0;
-`,Ce=i.default.div`
+`,_e=i.default.div`
   display: flex;
   background: #f1f3f4;
   border-radius: 10px;
   padding: 3px;
   margin-bottom: 16px;
-`,Z=i.default.button`
+`,te=i.default.button`
   flex: 1;
   border: none;
-  background: ${({$active:e})=>e?"#fff":"transparent"};
-  color: ${({$active:e,$primary:o})=>e?o:"#5f6368"};
+  background: ${({$active:t})=>t?"#fff":"transparent"};
+  color: ${({$active:t,$primary:r})=>t?r:"#5f6368"};
   border-radius: 8px;
   padding: 6px 0;
   font-size: 12px;
@@ -63,18 +63,18 @@
   transition:
     background 0.15s,
     color 0.15s;
-  box-shadow: ${({$active:e})=>e?"0 1px 4px rgba(0,0,0,0.1)":"none"};
+  box-shadow: ${({$active:t})=>t?"0 1px 4px rgba(0,0,0,0.1)":"none"};
 
   &:focus-visible {
-    outline: 2px solid ${({$primary:e})=>e};
+    outline: 2px solid ${({$primary:t})=>t};
     outline-offset: 2px;
   }
-`,Le=i.default.div`
+`,Te=i.default.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 12px;
-`,ee=i.default.button`
+`,ne=i.default.button`
   background: none;
   border: none;
   cursor: pointer;
@@ -91,13 +91,13 @@
 
   &:hover {
     background: #f1f3f4;
-    color: ${({$primary:e})=>e};
+    color: ${({$primary:t})=>t};
   }
 
   &:focus-visible {
-    outline: 2px solid ${({$primary:e})=>e};
+    outline: 2px solid ${({$primary:t})=>t};
   }
-`,ne=i.default.button`
+`,re=i.default.button`
   background: none;
   border: none;
   cursor: pointer;
@@ -113,13 +113,13 @@
   }
 
   &:focus-visible {
-    outline: 2px solid ${({$primary:e})=>e};
+    outline: 2px solid ${({$primary:t})=>t};
   }
-`,Ge=i.default.div`
+`,Ye=i.default.div`
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 0;
-`,_e=i.default.div`
+`,Ie=i.default.div`
   text-align: center;
   font-size: 11px;
   font-weight: 600;
@@ -127,7 +127,7 @@
   padding: 4px 0 8px;
   text-transform: uppercase;
   letter-spacing: 0.4px;
-`,Te=i.default.div`
+`,Pe=i.default.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -138,11 +138,11 @@
     content: '';
     position: absolute;
     inset: 4px 0;
-    background: ${({$inRange:e,$primaryLight:o})=>e?o:"transparent"};
-    border-radius: ${({$rangeStart:e,$rangeEnd:o})=>e?"50% 0 0 50%":o?"0 50% 50% 0":"0"};
+    background: ${({$inRange:t,$primaryLight:r})=>t?r:"transparent"};
+    border-radius: ${({$rangeStart:t,$rangeEnd:r})=>t?"50% 0 0 50%":r?"0 50% 50% 0":"0"};
     pointer-events: none;
   }
-`,Ye=i.default.button`
+`,ze=i.default.button`
   position: relative;
   z-index: 1;
   width: 32px;
@@ -154,36 +154,36 @@
   justify-content: center;
   font-size: 13px;
   font-weight: 500;
-  cursor: ${({$empty:e,disabled:o})=>e||o?"default":"pointer"};
-  background: ${({$selected:e,$hovered:o,$primary:u,$primaryLight:g})=>e?u:o?g:"transparent"};
-  color: ${({$selected:e,$today:o,disabled:u,$primary:g})=>e?"#fff":u?"#dadce0":o?g:"#202124"};
-  outline: ${({$today:e,$selected:o,$primary:u})=>e&&!o?`2px solid ${u}`:"none"};
+  cursor: ${({$empty:t,disabled:r})=>t||r?"default":"pointer"};
+  background: ${({$selected:t,$hovered:r,$primary:a,$primaryLight:u})=>t?a:r?u:"transparent"};
+  color: ${({$selected:t,$today:r,disabled:a,$primary:u})=>t?"#fff":a?"#dadce0":r?u:"#202124"};
+  outline: ${({$today:t,$selected:r,$primary:a})=>t&&!r?`2px solid ${a}`:"none"};
   outline-offset: -2px;
   transition:
     background 0.12s,
     color 0.12s;
-  pointer-events: ${({$empty:e,disabled:o})=>e||o?"none":"auto"};
+  pointer-events: ${({$empty:t,disabled:r})=>t||r?"none":"auto"};
 
-  ${({$empty:e})=>e&&B.css`
+  ${({$empty:t})=>t&&B.css`
       visibility: hidden;
     `}
 
   &:hover {
-    background: ${({$selected:e,$primary:o,$primaryDark:u,$primaryLight:g})=>e?u:g};
+    background: ${({$selected:t,$primary:r,$primaryDark:a,$primaryLight:u})=>t?a:u};
   }
 
   &:focus-visible {
-    outline: 2px solid ${({$primary:e})=>e};
+    outline: 2px solid ${({$primary:t})=>t};
   }
-`,Ie=i.default.div`
+`,He=i.default.div`
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 6px;
   padding: 4px 0;
-`,te=i.default.button`
+`,oe=i.default.button`
   border: none;
-  background: ${({$active:e,$primary:o})=>e?o:"transparent"};
-  color: ${({$active:e})=>e?"#fff":"#202124"};
+  background: ${({$active:t,$primary:r})=>t?r:"transparent"};
+  color: ${({$active:t})=>t?"#fff":"#202124"};
   border-radius: 10px;
   padding: 8px 4px;
   font-size: 13px;
@@ -194,13 +194,13 @@
     color 0.13s;
 
   &:hover {
-    background: ${({$active:e,$primaryDark:o})=>e?o:"#f1f3f4"};
+    background: ${({$active:t,$primaryDark:r})=>t?r:"#f1f3f4"};
   }
 
   &:focus-visible {
-    outline: 2px solid ${({$primary:e})=>e};
+    outline: 2px solid ${({$primary:t})=>t};
   }
-`,Pe=i.default.div`
+`,qe=i.default.div`
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 6px;
@@ -208,17 +208,17 @@
   overflow-y: auto;
   padding: 4px 0;
   scrollbar-width: thin;
-`,ze=i.default.div`
+`,Ce=i.default.div`
   display: flex;
   justify-content: flex-end;
   gap: 8px;
   margin-top: 16px;
   padding-top: 12px;
   border-top: 1px solid #f1f3f4;
-`,oe=i.default.button`
+`,se=i.default.button`
   border: none;
-  background: ${({$isPrimary:e,$primary:o})=>e?o:"transparent"};
-  color: ${({$isPrimary:e,$primary:o})=>e?"#fff":o};
+  background: ${({$isPrimary:t,$primary:r})=>t?r:"transparent"};
+  color: ${({$isPrimary:t,$primary:r})=>t?"#fff":r};
   border-radius: 8px;
   padding: 7px 16px;
   font-size: 13px;
@@ -229,7 +229,7 @@
     opacity 0.14s;
 
   &:hover {
-    background: ${({$isPrimary:e,$primaryDark:o,$primaryLight:u})=>e?o:u};
+    background: ${({$isPrimary:t,$primaryDark:r,$primaryLight:a})=>t?r:a};
   }
 
   &:disabled {
@@ -238,6 +238,6 @@
   }
 
   &:focus-visible {
-    outline: 2px solid ${({$primary:e})=>e};
+    outline: 2px solid ${({$primary:t})=>t};
   }
-`,He=()=>t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("polyline",{points:"15 18 9 12 15 6"})}),qe=()=>t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("polyline",{points:"9 18 15 12 9 6"})}),a={CALENDAR:"calendar",MONTH:"month",YEAR:"year"},Be=new Date,re=1924,Fe=Be.getFullYear()+20,We=Array.from({length:Fe-re+1},(e,o)=>re+o),ie=({theme:e="blue",mode:o=s.MODE.SINGLE,value:u,rangeValue:g,onChange:E,minDate:w,maxDate:O,showModeToggle:le=!0,showFooter:C=!0,...ae})=>{const L=d.useMemo(()=>Ae.default[e]??Me.blue,[e]),c=L.m500,G=L.m700,$=L.m100,_={$primary:c,$primaryDark:G,$primaryLight:$},F=new Date,[l,ce]=d.useState(o),[T,Y]=d.useState(F.getFullYear()),[v,k]=d.useState(F.getMonth()),[m,j]=d.useState(a.CALENDAR),[D,I]=d.useState(u??null),[r,P]=d.useState(g?.[0]??null),[h,S]=d.useState(g?.[1]??null),[A,M]=d.useState(null),[R,N]=d.useState(!1),de=p.buildCalendarGrid(T,v),W=d.useCallback(n=>!!(!n||w&&n<w||O&&n>O),[w,O]),ue=()=>{v===0?(k(11),Y(n=>n-1)):k(n=>n-1)},pe=()=>{v===11?(k(0),Y(n=>n+1)):k(n=>n+1)},fe=n=>{if(!(!n||W(n))){if(l===s.MODE.SINGLE){I(n),C||E?.(n);return}!R||!r?(P(n),S(null),N(!0)):(S(n),N(!1),C||E?.([n<=r?n:r,n<=r?r:n]))}},z=n=>{ce(n),I(null),P(null),S(null),N(!1),M(null)};d.useEffect(()=>{z(o)},[o]);const xe=()=>{if(l===s.MODE.SINGLE)E?.(D);else if(r&&h){const[n,y]=r<=h?[r,h]:[h,r];E?.([n,y])}},ge=()=>{I(null),P(null),S(null),N(!1),M(null),E?.(l===s.MODE.SINGLE?null:[null,null])},b=R&&A?A:h,V=n=>l===s.MODE.RANGE&&p.isRangeStart(n,r,b),U=n=>l===s.MODE.RANGE&&p.isRangeEnd(n,r,b),he=n=>l===s.MODE.RANGE&&p.isInRange(n,r,b),be=n=>l===s.MODE.SINGLE?p.isSameDay(n,D):V(n)||U(n),J=l===s.MODE.SINGLE?p.formatDate(D):p.formatDate(r?r<=(b??r)?r:b:null),me=l===s.MODE.RANGE?p.formatDate(b?b>=r?b:r:null):null,ye=l===s.MODE.SINGLE?!D:!r||!h,Ee=()=>t.jsx(Ie,{children:s.MONTHS.map((n,y)=>t.jsx(te,{$active:y===v,..._,onClick:()=>{k(y),j(a.CALENDAR)},children:n.slice(0,3)},n))}),ve=()=>t.jsx(Pe,{children:We.map(n=>t.jsx(te,{$active:n===T,..._,onClick:()=>{Y(n),j(a.CALENDAR)},children:n},n))}),ke=()=>t.jsxs(Ge,{children:[s.DAYS_SHORT.map(n=>t.jsx(_e,{children:n},n)),de.map((n,y)=>{const x=!n,K=W(n),H=!x&&be(n),De=!x&&p.isToday(n),Q=!x&&V(n),X=!x&&U(n),$e=!x&&he(n),je=!x&&A&&p.isSameDay(n,A);return t.jsx(Te,{$inRange:$e||Q||X,$rangeStart:Q,$rangeEnd:X,$primaryLight:$,children:t.jsx(Ye,{$empty:x,$selected:H,$today:De,$hovered:je&&!H,disabled:K,..._,onClick:()=>fe(n),onMouseEnter:()=>!x&&M(n),onMouseLeave:()=>M(null),"aria-label":n?n.toDateString():void 0,"aria-pressed":H,tabIndex:x||K?-1:0,children:n?.getDate()})},y)})]});return t.jsxs(Ne,{...ae,children:[t.jsx(we,{children:l===s.MODE.RANGE?t.jsxs(t.Fragment,{children:[t.jsxs(q,{$active:R||!r&&!h,$primary:c,children:[t.jsx("span",{children:"From"}),J]}),t.jsx(Oe,{children:"→"}),t.jsxs(q,{$active:!R&&!!h,$primary:c,children:[t.jsx("span",{children:"To"}),me]})]}):t.jsxs(q,{$active:!!D,$primary:c,style:{flex:"none",width:"100%"},children:[t.jsx("span",{children:"Selected"}),J]})}),le&&t.jsxs(Ce,{children:[t.jsx(Z,{$active:l===s.MODE.SINGLE,$primary:c,onClick:()=>z(s.MODE.SINGLE),children:"Single"}),t.jsx(Z,{$active:l===s.MODE.RANGE,$primary:c,onClick:()=>z(s.MODE.RANGE),children:"Range"})]}),t.jsxs(Le,{children:[t.jsx(ee,{$primary:c,onClick:ue,"aria-label":"Previous month",children:t.jsx(He,{})}),t.jsxs("div",{style:{display:"flex",gap:4},children:[t.jsx(ne,{$primary:c,onClick:()=>j(m===a.MONTH?a.CALENDAR:a.MONTH),children:s.MONTHS[v]}),t.jsx(ne,{$primary:c,onClick:()=>j(m===a.YEAR?a.CALENDAR:a.YEAR),children:T})]}),t.jsx(ee,{$primary:c,onClick:pe,"aria-label":"Next month",children:t.jsx(qe,{})})]}),m===a.CALENDAR&&ke(),m===a.MONTH&&Ee(),m===a.YEAR&&ve(),C&&m===a.CALENDAR&&t.jsxs(ze,{children:[t.jsx(oe,{$primary:c,$primaryDark:G,$primaryLight:$,onClick:ge,children:"Clear"}),t.jsx(oe,{$isPrimary:!0,$primary:c,$primaryDark:G,$primaryLight:$,disabled:ye,onClick:xe,children:"Apply"})]})]})};ie.propTypes={theme:f.default.string,mode:f.default.oneOf(["single","range"]),value:f.default.instanceOf(Date),rangeValue:f.default.arrayOf(f.default.instanceOf(Date)),onChange:f.default.func,minDate:f.default.instanceOf(Date),maxDate:f.default.instanceOf(Date),showModeToggle:f.default.bool,showFooter:f.default.bool};exports.default=ie;
+`,Be=()=>n.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:n.jsx("polyline",{points:"15 18 9 12 15 6"})}),Fe=()=>n.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:n.jsx("polyline",{points:"9 18 15 12 9 6"})}),d={CALENDAR:"calendar",MONTH:"month",YEAR:"year"},We=new Date,ie=1924,Ue=We.getFullYear()+20,Je=Array.from({length:Ue-ie+1},(t,r)=>ie+r),ae=({theme:t="blue",mode:r=s.MODE.SINGLE,value:a,rangeValue:u,onChange:l,minDate:w,maxDate:O,showModeToggle:ce=!0,showFooter:L=!0,...de})=>{var Q,X;const G=f.useMemo(()=>{var e;return(e=Re.default[t])!=null?e:Ne.blue},[t]),p=G.m500,_=G.m700,$=G.m100,T={$primary:p,$primaryDark:_,$primaryLight:$},F=new Date,[c,ue]=f.useState(r),[Y,I]=f.useState(F.getFullYear()),[k,v]=f.useState(F.getMonth()),[y,j]=f.useState(d.CALENDAR),[D,P]=f.useState(a!=null?a:null),[o,z]=f.useState((Q=u==null?void 0:u[0])!=null?Q:null),[m,S]=f.useState((X=u==null?void 0:u[1])!=null?X:null),[A,M]=f.useState(null),[R,N]=f.useState(!1),pe=g.buildCalendarGrid(Y,k),W=f.useCallback(e=>!!(!e||w&&e<w||O&&e>O),[w,O]),fe=()=>{k===0?(v(11),I(e=>e-1)):v(e=>e-1)},xe=()=>{k===11?(v(0),I(e=>e+1)):v(e=>e+1)},ge=e=>{if(!(!e||W(e))){if(c===s.MODE.SINGLE){P(e),L||l==null||l(e);return}!R||!o?(z(e),S(null),N(!0)):(S(e),N(!1),L||l==null||l([e<=o?e:o,e<=o?o:e]))}},H=e=>{ue(e),P(null),z(null),S(null),N(!1),M(null)};f.useEffect(()=>{H(r)},[r]);const be=()=>{if(c===s.MODE.SINGLE)l==null||l(D);else if(o&&m){const[e,E]=o<=m?[o,m]:[m,o];l==null||l([e,E])}},he=()=>{P(null),z(null),S(null),N(!1),M(null),l==null||l(c===s.MODE.SINGLE?null:[null,null])},x=R&&A?A:m,U=e=>c===s.MODE.RANGE&&g.isRangeStart(e,o,x),J=e=>c===s.MODE.RANGE&&g.isRangeEnd(e,o,x),me=e=>c===s.MODE.RANGE&&g.isInRange(e,o,x),ye=e=>c===s.MODE.SINGLE?g.isSameDay(e,D):U(e)||J(e),K=c===s.MODE.SINGLE?g.formatDate(D):g.formatDate(o?o<=(x!=null?x:o)?o:x:null),Ee=c===s.MODE.RANGE?g.formatDate(x?x>=o?x:o:null):null,ke=c===s.MODE.SINGLE?!D:!o||!m,ve=()=>n.jsx(He,{children:s.MONTHS.map((e,E)=>n.jsx(oe,{$active:E===k,...T,onClick:()=>{v(E),j(d.CALENDAR)},children:e.slice(0,3)},e))}),De=()=>n.jsx(qe,{children:Je.map(e=>n.jsx(oe,{$active:e===Y,...T,onClick:()=>{I(e),j(d.CALENDAR)},children:e},e))}),$e=()=>n.jsxs(Ye,{children:[s.DAYS_SHORT.map(e=>n.jsx(Ie,{children:e},e)),pe.map((e,E)=>{const h=!e,Z=W(e),q=!h&&ye(e),je=!h&&g.isToday(e),V=!h&&U(e),ee=!h&&J(e),Se=!h&&me(e),Ae=!h&&A&&g.isSameDay(e,A);return n.jsx(Pe,{$inRange:Se||V||ee,$rangeStart:V,$rangeEnd:ee,$primaryLight:$,children:n.jsx(ze,{$empty:h,$selected:q,$today:je,$hovered:Ae&&!q,disabled:Z,...T,onClick:()=>ge(e),onMouseEnter:()=>!h&&M(e),onMouseLeave:()=>M(null),"aria-label":e?e.toDateString():void 0,"aria-pressed":q,tabIndex:h||Z?-1:0,children:e==null?void 0:e.getDate()})},E)})]});return n.jsxs(Oe,{...de,children:[n.jsx(Le,{children:c===s.MODE.RANGE?n.jsxs(n.Fragment,{children:[n.jsxs(C,{$active:R||!o&&!m,$primary:p,children:[n.jsx("span",{children:"From"}),K]}),n.jsx(Ge,{children:"→"}),n.jsxs(C,{$active:!R&&!!m,$primary:p,children:[n.jsx("span",{children:"To"}),Ee]})]}):n.jsxs(C,{$active:!!D,$primary:p,style:{flex:"none",width:"100%"},children:[n.jsx("span",{children:"Selected"}),K]})}),ce&&n.jsxs(_e,{children:[n.jsx(te,{$active:c===s.MODE.SINGLE,$primary:p,onClick:()=>H(s.MODE.SINGLE),children:"Single"}),n.jsx(te,{$active:c===s.MODE.RANGE,$primary:p,onClick:()=>H(s.MODE.RANGE),children:"Range"})]}),n.jsxs(Te,{children:[n.jsx(ne,{$primary:p,onClick:fe,"aria-label":"Previous month",children:n.jsx(Be,{})}),n.jsxs("div",{style:{display:"flex",gap:4},children:[n.jsx(re,{$primary:p,onClick:()=>j(y===d.MONTH?d.CALENDAR:d.MONTH),children:s.MONTHS[k]}),n.jsx(re,{$primary:p,onClick:()=>j(y===d.YEAR?d.CALENDAR:d.YEAR),children:Y})]}),n.jsx(ne,{$primary:p,onClick:xe,"aria-label":"Next month",children:n.jsx(Fe,{})})]}),y===d.CALENDAR&&$e(),y===d.MONTH&&ve(),y===d.YEAR&&De(),L&&y===d.CALENDAR&&n.jsxs(Ce,{children:[n.jsx(se,{$primary:p,$primaryDark:_,$primaryLight:$,onClick:he,children:"Clear"}),n.jsx(se,{$isPrimary:!0,$primary:p,$primaryDark:_,$primaryLight:$,disabled:ke,onClick:be,children:"Apply"})]})]})};ae.propTypes={theme:b.default.string,mode:b.default.oneOf(["single","range"]),value:b.default.instanceOf(Date),rangeValue:b.default.arrayOf(b.default.instanceOf(Date)),onChange:b.default.func,minDate:b.default.instanceOf(Date),maxDate:b.default.instanceOf(Date),showModeToggle:b.default.bool,showFooter:b.default.bool};exports.default=ae;

package/cjs/components/Dropdown/Dropdown.cjs

@@ -1,120 +1,120 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),o=require("react"),de=require("prop-types"),f=require("../../colors/grey.cjs"),ue=require("../MenuItem/MenuItem.cjs"),fe=require("../../colors/colorMap.cjs"),pe=require("../../colors/blue.cjs"),B=require("../Spinner/Spinner.cjs"),m=require("styled-components"),me=require("../Typography/P/P.cjs"),he=require("../Icons/ChevronDown.cjs"),be=require("../Icons/Search.cjs"),ge=require("./constants.cjs"),T=require("../../colors/white.cjs"),H=t=>t&&t.__esModule?t:{default:t},n=H(de),c=H(m),xe=m.keyframes`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),o=require("react"),fe=require("prop-types"),p=require("../../colors/grey.cjs"),pe=require("../MenuItem/MenuItem.cjs"),me=require("../../colors/colorMap.cjs"),he=require("../../colors/blue.cjs"),H=require("../Spinner/Spinner.cjs"),h=require("styled-components"),be=require("../Typography/P/P.cjs"),ge=require("../Icons/ChevronDown.cjs"),xe=require("../Icons/Search.cjs"),we=require("./constants.cjs"),K=require("../../colors/white.cjs"),U=t=>t&&t.__esModule?t:{default:t},n=U(fe),c=U(h),ve=h.keyframes`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(180deg);
   }
-`,we=m.keyframes`
+`,ye=h.keyframes`
   from {
     transform: rotate(180deg);
   }
   to {
     transform: rotate(0deg);
   }
-`,ve=c.default.div`
+`,$e=c.default.div`
   max-width: ${({$width:t})=>t};
   position: relative;
   outline: none;
 
-  ${({$isLoading:t})=>t&&m.css`
+  ${({$isLoading:t})=>t&&h.css`
       pointer-events: none;
       opacity: 0.8;
     `}
 
-  ${({$isDisabled:t})=>t&&m.css`
+  ${({$isDisabled:t})=>t&&h.css`
       pointer-events: none;
       opacity: 0.7;
     `}
-`,ye=c.default.div`
+`,Se=c.default.div`
   height: 3.2rem;
   width: ${({$width:t})=>t};
   border-radius: 0.96rem;
-  border: ${({$isOpen:t,$isFocused:h,$border:l})=>t||h?`2px solid ${l}`:`1px solid ${ge.DEFAULT_BORDER}`};
+  border: ${({$isOpen:t,$isFocused:b,$border:l})=>t||b?`2px solid ${l}`:`1px solid ${we.DEFAULT_BORDER}`};
   padding: 0.64rem 0.96rem 0.64rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
-`,$e=c.default(me.default)`
+`,ke=c.default(be.default)`
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   max-width: calc(${({$width:t})=>t} - 3.2rem);
   pointer-events: none;
-`,Se=c.default(he.default)`
-  animation: ${({$isOpen:t})=>t?xe:we} 0.15s linear;
+`,Ee=c.default(ge.default)`
+  animation: ${({$isOpen:t})=>t?ve:ye} 0.15s linear;
   transform: rotate(${({$isOpen:t})=>t?180:0}deg);
-`,ke=c.default.div`
-  border: 1px solid ${f.default.m700};
+`,Ie=c.default.div`
+  border: 1px solid ${p.default.m700};
   width: calc(${({$width:t})=>t} + 1.6rem);
   /* Remove overflow: auto from here */
   display: flex;
   flex-direction: column;
   position: absolute;
   z-index: 1000;
-  background-color: ${T.default};
+  background-color: ${K.default};
   left: 0.24rem;
   max-height: 0;
   transition: max-height 0.15s ease-out;
   opacity: 0;
   overflow: hidden; /* Keep this hidden so the collapse works */
 
-  ${({$isOpen:t})=>t&&m.css`
-      max-height: ${({$height:h})=>h};
+  ${({$isOpen:t})=>t&&h.css`
+      max-height: ${({$height:b})=>b};
       opacity: 1;
     `};
 
-  ${({$top:t})=>t?m.css`
+  ${({$top:t})=>t?h.css`
           bottom: 100%;
           flex-direction: column-reverse; /* Search at bottom if menu opens upward */
           border-top-right-radius: 0.96rem;
           border-top-left-radius: 0.96rem;
           margin-bottom: 0.16rem;
-        `:m.css`
+        `:h.css`
           top: 100%;
           border-bottom-right-radius: 0.96rem;
           border-bottom-left-radius: 0.96rem;
           margin-top: 0.16rem;
         `}
-`,Ee=c.default.div`
+`,Ce=c.default.div`
   overflow-y: auto;
   flex: 1;
-`,Ie=c.default.div`
+`,je=c.default.div`
   position: absolute;
   top: 1.28rem;
   right: 1.92rem;
-`,Ce=c.default.div`
+`,Oe=c.default.div`
   position: relative;
   display: flex;
   align-items: center;
-  border-bottom: 1px solid ${f.default.m300};
-  background: ${T.default};
+  border-bottom: 1px solid ${p.default.m300};
+  background: ${K.default};
 
   &:focus-within {
-    border-bottom-color: ${f.default.m500};
+    border-bottom-color: ${p.default.m500};
   }
-`,je=c.default.input`
+`,qe=c.default.input`
   width: 100%;
   box-sizing: border-box;
   border: none;
   /* Add left padding to make room for the icon */
   padding: 0.8rem 1.2rem 0.8rem 0;
   font-size: 1.92rem;
-  color: ${f.default.m700};
+  color: ${p.default.m700};
   background: transparent;
   outline: none;
 
   &::placeholder {
-    color: ${f.default.m400};
+    color: ${p.default.m400};
   }
-`,Oe=c.default(be.default)`
+`,Re=c.default(xe.default)`
   margin: 0 1.28rem;
-`,qe=c.default.div`
+`,De=c.default.div`
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 1.6rem 0;
   min-height: 1.6rem;
   width: 100%;
-`,Re=t=>{if(typeof t!="string")return t;if(t.endsWith("px"))return parseFloat(t);if(t.endsWith("rem")){const h=parseFloat(t),l=parseFloat(getComputedStyle(document.documentElement).fontSize);return h*l}return parseFloat(t)},K=({options:t,onChange:h,value:l,width:y="32rem",menuHeight:O="32rem",placeholder:U,theme:V="blue",isLoading:$,isDisabled:S,loaderColor:R,searchable:k=!1,onLoadMore:b,hasMore:E=!1,isLoadingMore:g=!1,searchPh:D="Search...",...Q})=>{const[s,x]=o.useState(!1),[N,F]=o.useState(!1),[G,J]=o.useState("bottom"),[I,z]=o.useState(""),[d,w]=o.useState(-1),j=o.useId(),v=o.useRef(null),C=o.useRef(null),q=o.useRef(null),_=o.useRef(null),X=o.useRef(!0),Y=()=>!$&&!S&&x(e=>!e),P=e=>{e!==l&&(h(e),x(!1))},u=o.useMemo(()=>{if(!k||!I.trim())return t;const e=I.toLowerCase();return t.filter(({label:r})=>r.toLowerCase().includes(e))},[t,I,k]);o.useEffect(()=>{if(s){const e=u.findIndex(r=>r.value===l);if(e!==-1&&!u[e].disabled)w(e);else{const r=u.findIndex(a=>!a.disabled);w(r)}}else z(""),w(-1)},[s,I,u,l]),o.useEffect(()=>{if(s&&d!==-1&&C.current){const e=C.current.children[d];e&&e.scrollIntoView({block:"nearest",behavior:"auto"})}},[d,s]),o.useEffect(()=>{s&&k&&q.current&&q.current.focus()},[s,k]),o.useEffect(()=>{s||(X.current=!0)},[s]),o.useEffect(()=>{const e=r=>{v.current&&!v.current.contains(r.target)&&x(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),o.useLayoutEffect(()=>{if(s&&C.current&&v.current){const e=v.current.getBoundingClientRect(),r=window.innerHeight,a=Re(O),p=r-e.bottom;J(p<a+8&&e.top>p?"top":"bottom")}},[s,O]);const Z=e=>{let r=e+1;for(;r<u.length;){if(!u[r].disabled)return r;r++}return e},M=e=>{let r=e-1;for(;r>=0;){if(!u[r].disabled)return r;r--}return e},L=e=>{if(!($||S)){if(!s){(e.key===" "||e.key==="Enter"||e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),x(!0));return}switch(e.key){case"ArrowDown":e.preventDefault();const r=Z(d);r===d&&E&&!g&&b?.(),w(r);break;case"ArrowUp":e.preventDefault(),w(p=>M(p));break;case"Enter":e.preventDefault();const a=u[d];a&&!a.disabled&&P(a.value);break;case"Escape":x(!1);break}}},A=o.useCallback(()=>{E&&!g&&b&&b()},[E,g,b]);o.useEffect(()=>{const e=_.current;if(!e||!b||!E)return;const r=new IntersectionObserver(([a])=>{a.isIntersecting&&!g&&A()},{root:C.current,threshold:.1,rootMargin:"20px"});return r.observe(e),()=>r.disconnect()},[A,b,E,g]);const{m50:ee,m100:te,m200:re,m500:oe}=fe.default[V]??pe.blue,ne=(e,r)=>()=>!e&&w(r),W=e=>`${j}-opt-${e}`,se=({value:e,label:r,disabled:a},p)=>o.createElement(ue.default,{value:e,label:r,isDisabled:a,onSelect:P,onMouseEnter:ne(a,p),isSelected:e===l,isHighlighted:p===d,key:e,id:W(p),width:y,selectedColor:re,hoverColor:ee,activeColor:te}),ie=e=>()=>{F(e)},ae=e=>{F(!1),v.current?.contains(e.relatedTarget)||x(!1)},le=e=>{z(e.target.value)},ce=e=>{e.stopPropagation()};return i.jsxs(ve,{ref:v,$width:y,...Q,tabIndex:S||$?-1:0,onKeyDown:L,$isLoading:$,$isDisabled:S,role:"combobox","aria-expanded":s,"aria-haspopup":"listbox","aria-controls":j,"aria-disabled":S||void 0,"aria-activedescendant":d!==-1?W(d):void 0,onFocus:ie(!0),onBlur:ae,children:[i.jsxs(ye,{$width:y,onClick:Y,$isOpen:s,$border:oe,$isFocused:N&&!s,children:[i.jsx($e,{$width:y,color:l?f.default.m700:f.default.m500,size:"1.92rem",children:l?t.find(({value:e})=>l===e)?.label:U}),i.jsx(Se,{color:f.default.m500,size:22,$isOpen:s,"aria-hidden":!0})]}),i.jsxs(ke,{$isOpen:s,$width:y,$height:O,$top:G==="top",children:[k&&i.jsxs(Ce,{onClick:ce,children:[i.jsx(Oe,{size:20,color:f.default.m600,"aria-hidden":!0}),i.jsx(je,{ref:q,value:I,onChange:le,placeholder:D,"aria-label":D,"aria-controls":j,"aria-autocomplete":"list","aria-expanded":s,role:"combobox",tabIndex:s?0:-1})]}),i.jsxs(Ee,{ref:C,role:"listbox",id:j,tabIndex:-1,children:[u.map(se),b&&i.jsx(qe,{ref:_,children:g&&i.jsx(B.default,{size:"small",color:R})})]})]}),$&&i.jsx(Ie,{children:i.jsx(B.default,{size:"small",color:R})})]})};K.propTypes={options:n.default.arrayOf(n.default.shape({value:n.default.any,label:n.default.string,disabled:n.default.bool})),value:n.default.any,onChange:n.default.func,width:n.default.string,menuHeight:n.default.string,placeholder:n.default.string,theme:n.default.string,isLoading:n.default.bool,isDisabled:n.default.bool,loaderColor:n.default.string,searchable:n.default.bool,searchPh:n.default.string,onLoadMore:n.default.func,hasMore:n.default.bool,isLoadingMore:n.default.bool};exports.default=K;
+`,Fe=t=>{if(typeof t!="string")return t;if(t.endsWith("px"))return parseFloat(t);if(t.endsWith("rem")){const b=parseFloat(t),l=parseFloat(getComputedStyle(document.documentElement).fontSize);return b*l}return parseFloat(t)},V=({options:t,onChange:b,value:l,width:y="32rem",menuHeight:O="32rem",placeholder:Q,theme:N="blue",isLoading:$,isDisabled:S,loaderColor:R,searchable:k=!1,onLoadMore:d,hasMore:E=!1,isLoadingMore:g=!1,searchPh:D="Search...",...G})=>{var B,T;const[s,x]=o.useState(!1),[J,F]=o.useState(!1),[X,Y]=o.useState("bottom"),[I,z]=o.useState(""),[u,w]=o.useState(-1),j=o.useId(),v=o.useRef(null),C=o.useRef(null),q=o.useRef(null),_=o.useRef(null),Z=o.useRef(!0),M=()=>!$&&!S&&x(e=>!e),P=e=>{e!==l&&(b(e),x(!1))},f=o.useMemo(()=>{if(!k||!I.trim())return t;const e=I.toLowerCase();return t.filter(({label:r})=>r.toLowerCase().includes(e))},[t,I,k]);o.useEffect(()=>{if(s){const e=f.findIndex(r=>r.value===l);if(e!==-1&&!f[e].disabled)w(e);else{const r=f.findIndex(a=>!a.disabled);w(r)}}else z(""),w(-1)},[s,I,f,l]),o.useEffect(()=>{if(s&&u!==-1&&C.current){const e=C.current.children[u];e&&e.scrollIntoView({block:"nearest",behavior:"auto"})}},[u,s]),o.useEffect(()=>{s&&k&&q.current&&q.current.focus()},[s,k]),o.useEffect(()=>{s||(Z.current=!0)},[s]),o.useEffect(()=>{const e=r=>{v.current&&!v.current.contains(r.target)&&x(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),o.useLayoutEffect(()=>{if(s&&C.current&&v.current){const e=v.current.getBoundingClientRect(),r=window.innerHeight,a=Fe(O),m=r-e.bottom;Y(m<a+8&&e.top>m?"top":"bottom")}},[s,O]);const L=e=>{let r=e+1;for(;r<f.length;){if(!f[r].disabled)return r;r++}return e},ee=e=>{let r=e-1;for(;r>=0;){if(!f[r].disabled)return r;r--}return e},te=e=>{if(!($||S)){if(!s){(e.key===" "||e.key==="Enter"||e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),x(!0));return}switch(e.key){case"ArrowDown":e.preventDefault();const r=L(u);r===u&&E&&!g&&(d==null||d()),w(r);break;case"ArrowUp":e.preventDefault(),w(m=>ee(m));break;case"Enter":e.preventDefault();const a=f[u];a&&!a.disabled&&P(a.value);break;case"Escape":x(!1);break}}},A=o.useCallback(()=>{E&&!g&&d&&d()},[E,g,d]);o.useEffect(()=>{const e=_.current;if(!e||!d||!E)return;const r=new IntersectionObserver(([a])=>{a.isIntersecting&&!g&&A()},{root:C.current,threshold:.1,rootMargin:"20px"});return r.observe(e),()=>r.disconnect()},[A,d,E,g]);const{m50:re,m100:oe,m200:ne,m500:se}=(B=me.default[N])!=null?B:he.blue,ie=(e,r)=>()=>!e&&w(r),W=e=>`${j}-opt-${e}`,ae=({value:e,label:r,disabled:a},m)=>o.createElement(pe.default,{value:e,label:r,isDisabled:a,onSelect:P,onMouseEnter:ie(a,m),isSelected:e===l,isHighlighted:m===u,key:e,id:W(m),width:y,selectedColor:ne,hoverColor:re,activeColor:oe}),le=e=>()=>{F(e)},ce=e=>{var r;F(!1),(r=v.current)!=null&&r.contains(e.relatedTarget)||x(!1)},de=e=>{z(e.target.value)},ue=e=>{e.stopPropagation()};return i.jsxs($e,{ref:v,$width:y,...G,tabIndex:S||$?-1:0,onKeyDown:te,$isLoading:$,$isDisabled:S,role:"combobox","aria-expanded":s,"aria-haspopup":"listbox","aria-controls":j,"aria-disabled":S||void 0,"aria-activedescendant":u!==-1?W(u):void 0,onFocus:le(!0),onBlur:ce,children:[i.jsxs(Se,{$width:y,onClick:M,$isOpen:s,$border:se,$isFocused:J&&!s,children:[i.jsx(ke,{$width:y,color:l?p.default.m700:p.default.m500,size:"1.92rem",children:l?(T=t.find(({value:e})=>l===e))==null?void 0:T.label:Q}),i.jsx(Ee,{color:p.default.m500,size:22,$isOpen:s,"aria-hidden":!0})]}),i.jsxs(Ie,{$isOpen:s,$width:y,$height:O,$top:X==="top",children:[k&&i.jsxs(Oe,{onClick:ue,children:[i.jsx(Re,{size:20,color:p.default.m600,"aria-hidden":!0}),i.jsx(qe,{ref:q,value:I,onChange:de,placeholder:D,"aria-label":D,"aria-controls":j,"aria-autocomplete":"list","aria-expanded":s,role:"combobox",tabIndex:s?0:-1})]}),i.jsxs(Ce,{ref:C,role:"listbox",id:j,tabIndex:-1,children:[f.map(ae),d&&i.jsx(De,{ref:_,children:g&&i.jsx(H.default,{size:"small",color:R})})]})]}),$&&i.jsx(je,{children:i.jsx(H.default,{size:"small",color:R})})]})};V.propTypes={options:n.default.arrayOf(n.default.shape({value:n.default.any,label:n.default.string,disabled:n.default.bool})),value:n.default.any,onChange:n.default.func,width:n.default.string,menuHeight:n.default.string,placeholder:n.default.string,theme:n.default.string,isLoading:n.default.bool,isDisabled:n.default.bool,loaderColor:n.default.string,searchable:n.default.bool,searchPh:n.default.string,onLoadMore:n.default.func,hasMore:n.default.bool,isLoadingMore:n.default.bool};exports.default=V;