@choc-ui/chakra-autocomplete 5.1.5 → 5.1.7
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/README.md +13 -3
- package/dist/autocomplete-context.d.ts +3 -3
- package/dist/autocomplete-creatable.d.ts +14 -14
- package/dist/autocomplete-group.d.ts +9 -9
- package/dist/autocomplete-input.d.ts +11 -10
- package/dist/autocomplete-item.d.ts +12 -12
- package/dist/autocomplete-list.d.ts +3 -3
- package/dist/autocomplete-tag.d.ts +9 -9
- package/dist/autocomplete.d.ts +13 -13
- package/dist/components/empty-state.d.ts +3 -3
- package/dist/helpers/fuzzySearch.d.ts +1 -1
- package/dist/helpers/group.d.ts +4 -4
- package/dist/helpers/input.d.ts +1 -1
- package/dist/helpers/items.d.ts +9 -9
- package/dist/helpers/list.d.ts +2 -2
- package/dist/index.d.ts +10 -10
- package/dist/index.es.js +3501 -0
- package/dist/index.js +25 -6
- package/dist/types.d.ts +124 -124
- package/dist/use-autocomplete.d.ts +8 -8
- package/package.json +8 -8
- package/Changelog.md +0 -28
- package/dist/chakra-autocomplete.cjs.development.js +0 -1033
- package/dist/chakra-autocomplete.cjs.development.js.map +0 -1
- package/dist/chakra-autocomplete.cjs.production.min.js +0 -2
- package/dist/chakra-autocomplete.cjs.production.min.js.map +0 -1
- package/dist/chakra-autocomplete.esm.js +0 -1015
- package/dist/chakra-autocomplete.esm.js.map +0 -1
package/dist/index.js
CHANGED
|
@@ -1,8 +1,27 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const G=require("react"),N=require("@chakra-ui/react"),po=require("@emotion/styled"),go=require("@emotion/react"),on=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function ho(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const an=ho(G),he=on(G),Nt=on(po);var Mr=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},pt={exports:{}};(function(e,r){var n=200,o="__lodash_hash_undefined__",l=800,u=16,f=9007199254740991,p="[object Arguments]",g="[object Array]",v="[object AsyncFunction]",m="[object Boolean]",k="[object Date]",y="[object Error]",T="[object Function]",W="[object GeneratorFunction]",D="[object Map]",O="[object Number]",A="[object Null]",w="[object Object]",me="[object Proxy]",qe="[object RegExp]",lr="[object Set]",ze="[object String]",Pe="[object Undefined]",Ke="[object WeakMap]",cr="[object ArrayBuffer]",ve="[object DataView]",de="[object Float32Array]",Je="[object Float64Array]",ne="[object Int8Array]",le="[object Int16Array]",Ne="[object Int32Array]",ur="[object Uint8Array]",Ie="[object Uint8ClampedArray]",be="[object Uint16Array]",Be="[object Uint32Array]",dr=/[\\^$.*+?()[\]{}|]/g,br=/^\[object .+?Constructor\]$/,Q=/^(?:0|[1-9]\d*)$/,R={};R[de]=R[Je]=R[ne]=R[le]=R[Ne]=R[ur]=R[Ie]=R[be]=R[Be]=!0,R[p]=R[g]=R[cr]=R[m]=R[ve]=R[k]=R[y]=R[T]=R[D]=R[O]=R[w]=R[qe]=R[lr]=R[ze]=R[Ke]=!1;var Ze=typeof Mr=="object"&&Mr&&Mr.Object===Object&&Mr,Ve=typeof self=="object"&&self&&self.Object===Object&&self,re=Ze||Ve||Function("return this")(),Qe=r&&!r.nodeType&&r,fe=Qe&&!0&&e&&!e.nodeType&&e,ye=fe&&fe.exports===Qe,Te=ye&&Ze.process,we=function(){try{var t=fe&&fe.require&&fe.require("util").types;return t||Te&&Te.binding&&Te.binding("util")}catch{}}(),Ge=we&&we.isTypedArray;function yr(t,i,c){switch(c.length){case 0:return t.call(i);case 1:return t.call(i,c[0]);case 2:return t.call(i,c[0],c[1]);case 3:return t.call(i,c[0],c[1],c[2])}return t.apply(i,c)}function Sr(t,i){for(var c=-1,b=Array(t);++c<t;)b[c]=i(c);return b}function er(t){return function(i){return t(i)}}function Ye(t,i){return t==null?void 0:t[i]}function _r(t,i){return function(c){return t(i(c))}}var rr=Array.prototype,je=Function.prototype,fr=Object.prototype,kr=re["__core-js_shared__"],He=je.toString,xe=fr.hasOwnProperty,pr=function(){var t=/[^.]+$/.exec(kr&&kr.keys&&kr.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),S=fr.toString,x=He.call(Object),z=RegExp("^"+He.call(xe).replace(dr,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),J=ye?re.Buffer:void 0,ce=re.Symbol,te=re.Uint8Array,$e=J?J.allocUnsafe:void 0,Fe=_r(Object.getPrototypeOf,Object),L=Object.create,ee=fr.propertyIsEnumerable,oe=rr.splice,ae=ce?ce.toStringTag:void 0,Oe=function(){try{var t=tt(Object,"defineProperty");return t({},"",{}),t}catch{}}(),gr=J?J.isBuffer:void 0,K=Math.max,tr=Date.now,Se=tt(re,"Map"),_e=tt(Object,"create"),nr=function(){function t(){}return function(i){if(!hr(i))return{};if(L)return L(i);t.prototype=i;var c=new t;return t.prototype=void 0,c}}();function ue(t){var i=-1,c=t==null?0:t.length;for(this.clear();++i<c;){var b=t[i];this.set(b[0],b[1])}}function Tr(){this.__data__=_e?_e(null):{},this.size=0}function Ar(t){var i=this.has(t)&&delete this.__data__[t];return this.size-=i?1:0,i}function Kr(t){var i=this.__data__;if(_e){var c=i[t];return c===o?void 0:c}return xe.call(i,t)?i[t]:void 0}function Pr(t){var i=this.__data__;return _e?i[t]!==void 0:xe.call(i,t)}function Br(t,i){var c=this.__data__;return this.size+=this.has(t)?0:1,c[t]=_e&&i===void 0?o:i,this}ue.prototype.clear=Tr,ue.prototype.delete=Ar,ue.prototype.get=Kr,ue.prototype.has=Pr,ue.prototype.set=Br;function Ae(t){var i=-1,c=t==null?0:t.length;for(this.clear();++i<c;){var b=t[i];this.set(b[0],b[1])}}function Jr(){this.__data__=[],this.size=0}function jr(t){var i=this.__data__,c=ge(i,t);if(c<0)return!1;var b=i.length-1;return c==b?i.pop():oe.call(i,c,1),--this.size,!0}function Zr(t){var i=this.__data__,c=ge(i,t);return c<0?void 0:i[c][1]}function Qr(t){return ge(this.__data__,t)>-1}function et(t,i){var c=this.__data__,b=ge(c,t);return b<0?(++this.size,c.push([t,i])):c[b][1]=i,this}Ae.prototype.clear=Jr,Ae.prototype.delete=jr,Ae.prototype.get=Zr,Ae.prototype.has=Qr,Ae.prototype.set=et;function or(t){var i=-1,c=t==null?0:t.length;for(this.clear();++i<c;){var b=t[i];this.set(b[0],b[1])}}function a(){this.size=0,this.__data__={hash:new ue,map:new(Se||Ae),string:new ue}}function d(t){var i=Wr(this,t).delete(t);return this.size-=i?1:0,i}function h(t){return Wr(this,t).get(t)}function _(t){return Wr(this,t).has(t)}function $(t,i){var c=Wr(this,t),b=c.size;return c.set(t,i),this.size+=c.size==b?0:1,this}or.prototype.clear=a,or.prototype.delete=d,or.prototype.get=h,or.prototype.has=_,or.prototype.set=$;function P(t){var i=this.__data__=new Ae(t);this.size=i.size}function E(){this.__data__=new Ae,this.size=0}function C(t){var i=this.__data__,c=i.delete(t);return this.size=i.size,c}function ie(t){return this.__data__.get(t)}function X(t){return this.__data__.has(t)}function q(t,i){var c=this.__data__;if(c instanceof Ae){var b=c.__data__;if(!Se||b.length<n-1)return b.push([t,i]),this.size=++c.size,this;c=this.__data__=new or(b)}return c.set(t,i),this.size=c.size,this}P.prototype.clear=E,P.prototype.delete=C,P.prototype.get=ie,P.prototype.has=X,P.prototype.set=q;function pe(t,i){var c=at(t),b=!c&&ot(t),B=!c&&!b&&Ft(t),V=!c&&!b&&!B&&Lt(t),H=c||b||B||V,I=H?Sr(t.length,String):[],U=I.length;for(var Re in t)(i||xe.call(t,Re))&&!(H&&(Re=="length"||B&&(Re=="offset"||Re=="parent")||V&&(Re=="buffer"||Re=="byteLength"||Re=="byteOffset")||jt(Re,U)))&&I.push(Re);return I}function We(t,i,c){(c!==void 0&&!Lr(t[i],c)||c===void 0&&!(i in t))&&rt(t,i,c)}function $r(t,i,c){var b=t[i];(!(xe.call(t,i)&&Lr(b,c))||c===void 0&&!(i in t))&&rt(t,i,c)}function ge(t,i){for(var c=t.length;c--;)if(Lr(t[c][0],i))return c;return-1}function rt(t,i,c){i=="__proto__"&&Oe?Oe(t,i,{configurable:!0,enumerable:!0,value:c,writable:!0}):t[i]=c}var $n=Xn();function Fr(t){return t==null?t===void 0?Pe:A:ae&&ae in Object(t)?qn(t):ro(t)}function Pt(t){return wr(t)&&Fr(t)==p}function Fn(t){if(!hr(t)||Qn(t))return!1;var i=st(t)?z:br;return i.test(ao(t))}function Wn(t){return wr(t)&&Wt(t.length)&&!!R[Fr(t)]}function Ln(t){if(!hr(t))return eo(t);var i=$t(t),c=[];for(var b in t)b=="constructor"&&(i||!xe.call(t,b))||c.push(b);return c}function Bt(t,i,c,b,B){t!==i&&$n(i,function(V,H){if(B||(B=new P),hr(V))Mn(t,i,H,c,Bt,b,B);else{var I=b?b(nt(t,H),V,H+"",t,i,B):void 0;I===void 0&&(I=V),We(t,H,I)}},Mt)}function Mn(t,i,c,b,B,V,H){var I=nt(t,c),U=nt(i,c),Re=H.get(U);if(Re){We(t,c,Re);return}var ke=V?V(I,U,c+"",t,i,H):void 0,xr=ke===void 0;if(xr){var lt=at(U),ct=!lt&&Ft(U),zt=!lt&&!ct&&Lt(U);ke=U,lt||ct||zt?at(I)?ke=I:io(I)?ke=Yn(I):ct?(xr=!1,ke=Nn(U,!0)):zt?(xr=!1,ke=Gn(U,!0)):ke=[]:so(U)||ot(U)?(ke=I,ot(I)?ke=lo(I):(!hr(I)||st(I))&&(ke=Kn(U))):xr=!1}xr&&(H.set(U,ke),B(ke,U,b,V,H),H.delete(U)),We(t,c,ke)}function Dn(t,i){return no(to(t,i,Dt),t+"")}var zn=Oe?function(t,i){return Oe(t,"toString",{configurable:!0,enumerable:!1,value:uo(i),writable:!0})}:Dt;function Nn(t,i){if(i)return t.slice();var c=t.length,b=$e?$e(c):new t.constructor(c);return t.copy(b),b}function Vn(t){var i=new t.constructor(t.byteLength);return new te(i).set(new te(t)),i}function Gn(t,i){var c=i?Vn(t.buffer):t.buffer;return new t.constructor(c,t.byteOffset,t.length)}function Yn(t,i){var c=-1,b=t.length;for(i||(i=Array(b));++c<b;)i[c]=t[c];return i}function Hn(t,i,c,b){var B=!c;c||(c={});for(var V=-1,H=i.length;++V<H;){var I=i[V],U=b?b(c[I],t[I],I,c,t):void 0;U===void 0&&(U=t[I]),B?rt(c,I,U):$r(c,I,U)}return c}function Un(t){return Dn(function(i,c){var b=-1,B=c.length,V=B>1?c[B-1]:void 0,H=B>2?c[2]:void 0;for(V=t.length>3&&typeof V=="function"?(B--,V):void 0,H&&Jn(c[0],c[1],H)&&(V=B<3?void 0:V,B=1),i=Object(i);++b<B;){var I=c[b];I&&t(i,I,b,V)}return i})}function Xn(t){return function(i,c,b){for(var B=-1,V=Object(i),H=b(i),I=H.length;I--;){var U=H[t?I:++B];if(c(V[U],U,V)===!1)break}return i}}function Wr(t,i){var c=t.__data__;return Zn(i)?c[typeof i=="string"?"string":"hash"]:c.map}function tt(t,i){var c=Ye(t,i);return Fn(c)?c:void 0}function qn(t){var i=xe.call(t,ae),c=t[ae];try{t[ae]=void 0;var b=!0}catch{}var B=S.call(t);return b&&(i?t[ae]=c:delete t[ae]),B}function Kn(t){return typeof t.constructor=="function"&&!$t(t)?nr(Fe(t)):{}}function jt(t,i){var c=typeof t;return i=i==null?f:i,!!i&&(c=="number"||c!="symbol"&&Q.test(t))&&t>-1&&t%1==0&&t<i}function Jn(t,i,c){if(!hr(c))return!1;var b=typeof i;return(b=="number"?it(c)&&jt(i,c.length):b=="string"&&i in c)?Lr(c[i],t):!1}function Zn(t){var i=typeof t;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?t!=="__proto__":t===null}function Qn(t){return!!pr&&pr in t}function $t(t){var i=t&&t.constructor,c=typeof i=="function"&&i.prototype||fr;return t===c}function eo(t){var i=[];if(t!=null)for(var c in Object(t))i.push(c);return i}function ro(t){return S.call(t)}function to(t,i,c){return i=K(i===void 0?t.length-1:i,0),function(){for(var b=arguments,B=-1,V=K(b.length-i,0),H=Array(V);++B<V;)H[B]=b[i+B];B=-1;for(var I=Array(i+1);++B<i;)I[B]=b[B];return I[i]=c(H),yr(t,this,I)}}function nt(t,i){if(!(i==="constructor"&&typeof t[i]=="function")&&i!="__proto__")return t[i]}var no=oo(zn);function oo(t){var i=0,c=0;return function(){var b=tr(),B=u-(b-c);if(c=b,B>0){if(++i>=l)return arguments[0]}else i=0;return t.apply(void 0,arguments)}}function ao(t){if(t!=null){try{return He.call(t)}catch{}try{return t+""}catch{}}return""}function Lr(t,i){return t===i||t!==t&&i!==i}var ot=Pt(function(){return arguments}())?Pt:function(t){return wr(t)&&xe.call(t,"callee")&&!ee.call(t,"callee")},at=Array.isArray;function it(t){return t!=null&&Wt(t.length)&&!st(t)}function io(t){return wr(t)&&it(t)}var Ft=gr||fo;function st(t){if(!hr(t))return!1;var i=Fr(t);return i==T||i==W||i==v||i==me}function Wt(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=f}function hr(t){var i=typeof t;return t!=null&&(i=="object"||i=="function")}function wr(t){return t!=null&&typeof t=="object"}function so(t){if(!wr(t)||Fr(t)!=w)return!1;var i=Fe(t);if(i===null)return!0;var c=xe.call(i,"constructor")&&i.constructor;return typeof c=="function"&&c instanceof c&&He.call(c)==x}var Lt=Ge?er(Ge):Wn;function lo(t){return Hn(t,Mt(t))}function Mt(t){return it(t)?pe(t,!0):Ln(t)}var co=Un(function(t,i,c,b){Bt(t,i,c,b)});function uo(t){return function(){return t}}function Dt(t){return t}function fo(){return!1}e.exports=co})(pt,pt.exports);const Xe=pt.exports;function mo(e){return e!=null&&e.length?e[0]:void 0}function ut(e){const r=e==null?0:e.length;return r?e[r-1]:void 0}function vo(e,r,n=!0){const o=yo(e,r.length,n);return r[o]}function bo(e,r,n=!0){const o=sn(e,r.length,1,n);return r[o]}function sn(e,r,n=1,o=!0){const l=r-1;if(e===-1)return n>0?0:l;const u=e+n;return u<0?o?l:0:u>=r?o?0:e>r?r:e:u}function yo(e,r,n=!0){return sn(e,r,-1,n)}function St(e){return Array.isArray(e)}function So(e){return St(e)&&e.length===0}function _o(e){return typeof e=="function"}function ln(e){return typeof e<"u"&&e!==void 0}function Nr(e){return typeof e>"u"||e===void 0}function _t(e){const r=typeof e;return e!=null&&(r==="object"||r==="function")&&!St(e)}function ko(e){return _t(e)&&Object.keys(e).length===0}function kt(e){return St(e)?So(e):_t(e)?ko(e):e==null||e===""}var vr=process.env.NODE_ENV!=="production";process.env.NODE_ENV;function Tt(e,r){const n={};return Object.keys(e).forEach(o=>{r.includes(o)||(n[o]=e[o])}),n}function To(e,r){const n={};return r.forEach(o=>{o in e&&(n[o]=e[o])}),n}var wo=(...e)=>e.filter(Boolean).join(" ");function Z(e,...r){return _o(e)?e(...r):e}function xo(...e){return function(n){e.forEach(o=>{o==null||o(n)})}}Object.freeze(["base","sm","md","lg","xl","2xl"]);function cn(e={}){const{strict:r=!0,errorMessage:n="useContext: `context` is undefined. Seems you forgot to wrap component within the Provider",name:o}=e,l=G.createContext(void 0);l.displayName=o;function u(){var f;const p=G.useContext(l);if(!p&&r){const g=new Error(n);throw g.name="ContextError",(f=Error.captureStackTrace)==null||f.call(Error,g,u),g}return p}return[l.Provider,u,l]}const[un,sr]=cn({name:"AutoCompleteContext",errorMessage:"useAutoCompleteContext: `context` is undefined. Seems you forgot to wrap all autoomplete components within `<AutoComplete />`"});var Hr=function(e,r){for(var n,o=an.Children.toArray(e),l=0,u=o;l<u.length;l++){var f=u[l];if(r(f))return f;if(!((n=f.props)===null||n===void 0)&&n.children){var p=Hr(f.props.children,r);if(p)return p}}},Dr=globalThis&&globalThis.__spreadArray||function(e,r){for(var n=0,o=r.length,l=e.length;n<o;n++,l++)e[l]=r[n];return e},dn=function(e,r){for(var n,o=an.Children.toArray(e),l=[],u=0,f=o;u<f.length;u++){var p=f[u];r(p)&&(l=Dr(Dr([],l),[p])),!((n=p.props)===null||n===void 0)&&n.children&&(l=Dr(Dr([],l),dn(p.props.children,r)))}return l};function Vt(e,r,n=2){function o(k,y){k=" ".repeat(y-1)+k.toLowerCase()+" ".repeat(y-1);let T=new Array(k.length-y+1);for(let W=0;W<T.length;W++)T[W]=k.slice(W,W+y);return T}if(!(e!=null&&e.length)||!(r!=null&&r.length))return 0;let l=e.length<r.length?e:r,u=e.length<r.length?r:e,f=o(l,n),p=o(u,n),g=new Set(f),v=p.length,m=0;for(let k of p)g.delete(k)&&m++;return m/v}const wt=e=>{var r;return(r=typeof e=="string"?e:e[Object.keys(e)[0]])==null?void 0:r.toString()},Ro=(e,r)=>typeof e!="string"||kt(r)?e:e.toString().replace(new RegExp(Oo(r),"gi"),o=>`<mark>${o}</mark>`),Co=e=>dn(e,n=>{var o;return((o=n==null?void 0:n.type)==null?void 0:o.displayName)==="AutoCompleteItem"}).map(n=>{const o=To(n.props,["value","label","fixed","disabled"]),{getValue:l=wt}=n.props,u=l(o.value);return{...ln(o.label)?o:{...o,label:u},value:u,originalValue:o.value}}),Eo=()=>({bg:"whiteAlpha.100",_light:{bg:"gray.200"}}),Io=(e,r,n)=>(r==null?void 0:r.toLowerCase().indexOf(e==null?void 0:e.toLowerCase()))>=0||(n==null?void 0:n.toLowerCase().indexOf(e==null?void 0:e.toLowerCase()))>=0||Vt(e,r)>=.5||Vt(e,n)>=.5;function Oo(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}const Ao=(e,r)=>({...r&&{...e.field,_focusWithin:e.field._focus,pos:"relative",minH:9,py:1.5,spacing:3},cursor:"text",h:"fit-content"}),Po=(e,r)=>Hr(e,o=>{var l;return((l=o==null?void 0:o.type)==null?void 0:l.displayName)==="AutoCompleteItem"&&o.props.value===(r==null?void 0:r.value)}),Bo=(e,r)=>Hr(e,o=>{var l;return((l=o==null?void 0:o.type)==null?void 0:l.displayName)==="AutoCompleteItem"&&o.props.value===(r==null?void 0:r.value)}),jo=(e,r)=>ln(Hr(e,n=>{var l,u;const o=Z(((l=n.props)==null?void 0:l.getValue)||wt,((u=n.props)==null?void 0:u.value)||{});return r.some(f=>f.value===o)}));function fn(e){var pr;let{closeOnBlur:r=!0,closeOnSelect:n,creatable:o,emphasize:l,emptyState:u=!0,freeSolo:f,isReadOnly:p,listAllValuesOnFocus:g,maxSuggestions:v,multiple:m,defaultValue:k,defaultValues:y=k?[k]:[],onReady:T,defaultIsOpen:W,disableFilter:D,restoreOnBlurIfEmpty:O=!f,shouldRenderSuggestions:A=()=>!0,submitKeys:w=[],suggestWhenEmpty:me,value:qe,values:lr=qe?typeof qe=="string"?[qe]:[...qe]:void 0}=e;n=n||!m,f=f||(m?!0:e.freeSolo);const{isOpen:ze,onClose:Pe,onOpen:Ke}=N.useDisclosure({defaultIsOpen:W}),cr=Z(e.children,{isOpen:ze,onClose:Pe,onOpen:Ke}),ve=Co(cr),de=G.useRef(null),Je=G.useRef(null),ne=G.useRef(null),le=G.useRef(null),[Ne,ur]=G.useState(!1);let Ie="";m?Ie="":Nr(y)?Nr(lr)||(Ie=lr[0]):Ie=y[0];const[be,Be]=G.useState(Ie!=null?Ie:""),dr=D?ve:ve.filter(S=>S.fixed||Z(e.filter||Io,be,S.value,S.label)||Ne).filter((S,x)=>v?S.fixed||x<v:!0),br=o?[{value:be,noFilter:!0,creatable:!0}]:[],Q=[...dr,...br],[R,Ze]=N.useControllableState({defaultValue:y,value:lr,onChange:S=>{const x=Q.find(J=>J.value===S[0]),z=S.map(J=>Q.find(ce=>ce.value===J));Z(e.onChange,m?S:S[0],m?z:x)}}),[Ve,re]=G.useState((pr=ve[0])==null?void 0:pr.value),Qe=e.maxSelections||R.length+1,fe=Q.findIndex(S=>S.value===Ve),ye=bo(fe,Q,!!e.rollNavigation),Te=vo(fe,Q,!!e.rollNavigation),we=mo(Q),Ge=ut(Q);N.useUpdateEffect(()=>{re(we==null?void 0:we.value)},[be]),G.useEffect(()=>{var S;ze||re((S=ve[0])==null?void 0:S.value)},[ze]),G.useEffect(()=>{const S=ve.find(x=>x.value===Ve);Z(e.onOptionFocus,{item:S,focusMethod:le.current,isNewInput:S==null?void 0:S.creatable})},[Ve,e.onOptionFocus]);const yr=S=>{var J,ce;!R.includes(S)&&R.length<Qe&&Ze(te=>m?[...te,S]:[S]);const x=Q.find(te=>te.value===S);m&&((J=de.current)==null||J.focus()),e.focusInputOnSelect&&((ce=de.current)==null||ce.focus()),Z(e.onSelectOption,{item:x,selectMethod:le.current,isNewInput:x==null?void 0:x.creatable}),x!=null&&x.creatable&&Z(e.onCreateOption,{item:Tt(x,["noFilter"]),selectMethod:le.current});const z=(x==null?void 0:x.label)||(x==null?void 0:x.value);Be(()=>m?"":z!=null?z:""),n&&Pe()},Sr=(S,x)=>{var z;Ze(J=>{const ce=ve.find(te=>te.value===S);return Z(e.onTagRemoved,S,ce,J),J.filter(te=>te!==S)}),be===S&&Be(""),x&&((z=de.current)==null||z.focus())},er=S=>{var x;Ze([]),S&&((x=de.current)==null||x.focus())},Ye=m?R.map(S=>{var x;return{label:((x=ve.find(z=>z.value===S))==null?void 0:x.label)||S,onRemove:()=>Sr(S)}}):[];G.useEffect(()=>{Z(T,{tags:Ye})},[R]);const _r=(S,x)=>{const{onBlur:z,onChange:J,onFocus:ce,onKeyDown:te,variant:$e,...Fe}=S;return{wrapper:{ref:Je,onClick:()=>{var L;(L=de==null?void 0:de.current)==null||L.focus()},...Ao(x,m),...Fe},input:{isReadOnly:p,onFocus:L=>{Z(ce,L),e.openOnFocus&&!p&&Ke(),e.selectOnFocus&&L.target.select(),g&&ur(!0)},onBlur:L=>{var ae,Oe;Z(z,L);const ee=L.relatedTarget===(ne==null?void 0:ne.current)||((ae=ne.current)==null?void 0:ae.contains(L.relatedTarget)),oe=(Oe=Je.current)==null?void 0:Oe.contains(L.relatedTarget);if(!ee&&!oe&&(r&&Pe(),!R.includes(L.target.value)&&O)){const gr=ut(R),K=ve.find(Se=>Se.value===gr),tr=(K==null?void 0:K.label)||(K==null?void 0:K.value)||"";Be(tr)}},onChange:L=>{const ee=L.target.value;Z(J,L),Be(ee);const oe=kt(ee);Z(A,ee)&&(!oe||me)?Ke():Pe(),ur(!1)},onKeyDown:L=>{var ae;Z(te,L),le.current="keyboard";const{key:ee}=L,oe=Q[fe];if(["Enter",...w].includes(ee)){oe&&!(oe!=null&&oe.disabled)?yr(oe==null?void 0:oe.value):(ae=de.current)==null||ae.focus(),L.preventDefault();return}if(ee==="ArrowDown"){re(ye==null?void 0:ye.value),L.preventDefault();return}if(ee==="ArrowUp"){re(Te==null?void 0:Te.value),L.preventDefault();return}if(ee==="Tab"){re(ye==null?void 0:ye.value),ze&&L.preventDefault();return}if(ee==="Home"){re(we==null?void 0:we.value),L.preventDefault();return}if(ee==="End"){re(Ge==null?void 0:Ge.value),L.preventDefault();return}ee==="Escape"&&xo(Pe,L.preventDefault)},value:be,variant:m?"unstyled":$e,...Fe}}},rr=N.useDimensions(Je,!0),je=N.useDimensions(de,!0);return{autoCompleteProps:e,children:cr,filteredList:Q,filteredResults:dr,focusedValue:Ve,getEmptyStateProps:S=>{if(Q.every(z=>z.noFilter)&&u&&!o)return typeof u=="boolean"?S:Z(u,{query:be})},getGroupProps:S=>{const x=jo(S.children,Q);return{divider:{hasFirstChild:Po(S.children,we),hasLastChild:Bo(S.children,ut(Q.filter(z=>Nr(z==null?void 0:z.noFilter))))},group:{display:x?"initial":"none"}}},getInputProps:_r,getItemProps:(S,x)=>{var nr;const{_fixed:z,_focus:J,children:ce,disabled:te,label:$e,value:Fe,fixed:L,getValue:ee=wt,onClick:oe,onMouseOver:ae,sx:Oe,...gr}=S,K=x?Fe:(nr=ee(Fe))==null?void 0:nr.toString(),tr=K===Ve,Se=Q.findIndex(ue=>ue.value===K)>=0,_e=ce||$e||K;return{item:{...typeof _e!="string"||!l?{children:_e}:{dangerouslySetInnerHTML:{__html:Ro(_e,be)}},"aria-selected":R.includes(K),"aria-disabled":te,_disabled:{opacity:.4,cursor:"not-allowed",userSelect:"none"},onClick:ue=>{var Tr;Z(oe,ue),te?(Tr=de.current)==null||Tr.focus():yr(K)},onMouseOver:ue=>{Z(ae,ue),re(K),le.current="mouse"},sx:{...Oe,mark:{color:"inherit",bg:"transparent",..._t(l)?l:{fontWeight:l?"extrabold":"inherit"}}},...tr&&(J||Eo()),...L&&z,...gr},root:{isValidSuggestion:Se,value:K}}},getListProps:()=>({width:e.multiple?rr==null?void 0:rr.marginBox.width:je==null?void 0:je.marginBox.width}),inputRef:de,interactionRef:le,isOpen:ze,itemList:ve,listRef:ne,onClose:Pe,onOpen:Ke,query:be,removeItem:Sr,resetItems:er,setQuery:Be,tags:Ye,values:R}}var Ur={exports:{}},Rr={};/**
|
|
2
|
+
* @license React
|
|
3
|
+
* react-jsx-runtime.production.min.js
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/var Gt;function $o(){if(Gt)return Rr;Gt=1;var e=he.default,r=Symbol.for("react.element"),n=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,l=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u={key:!0,ref:!0,__self:!0,__source:!0};function f(p,g,v){var m,k={},y=null,T=null;v!==void 0&&(y=""+v),g.key!==void 0&&(y=""+g.key),g.ref!==void 0&&(T=g.ref);for(m in g)o.call(g,m)&&!u.hasOwnProperty(m)&&(k[m]=g[m]);if(p&&p.defaultProps)for(m in g=p.defaultProps,g)k[m]===void 0&&(k[m]=g[m]);return{$$typeof:r,type:p,key:y,ref:T,props:k,_owner:l.current}}return Rr.Fragment=n,Rr.jsx=f,Rr.jsxs=f,Rr}var Cr={};/**
|
|
10
|
+
* @license React
|
|
11
|
+
* react-jsx-runtime.development.js
|
|
12
|
+
*
|
|
13
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
14
|
+
*
|
|
15
|
+
* This source code is licensed under the MIT license found in the
|
|
16
|
+
* LICENSE file in the root directory of this source tree.
|
|
17
|
+
*/var Yt;function Fo(){return Yt||(Yt=1,process.env.NODE_ENV!=="production"&&function(){var e=he.default,r=Symbol.for("react.element"),n=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),u=Symbol.for("react.profiler"),f=Symbol.for("react.provider"),p=Symbol.for("react.context"),g=Symbol.for("react.forward_ref"),v=Symbol.for("react.suspense"),m=Symbol.for("react.suspense_list"),k=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),T=Symbol.for("react.offscreen"),W=Symbol.iterator,D="@@iterator";function O(a){if(a===null||typeof a!="object")return null;var d=W&&a[W]||a[D];return typeof d=="function"?d:null}var A=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function w(a){{for(var d=arguments.length,h=new Array(d>1?d-1:0),_=1;_<d;_++)h[_-1]=arguments[_];me("error",a,h)}}function me(a,d,h){{var _=A.ReactDebugCurrentFrame,$=_.getStackAddendum();$!==""&&(d+="%s",h=h.concat([$]));var P=h.map(function(E){return String(E)});P.unshift("Warning: "+d),Function.prototype.apply.call(console[a],console,P)}}var qe=!1,lr=!1,ze=!1,Pe=!1,Ke=!1,cr;cr=Symbol.for("react.module.reference");function ve(a){return!!(typeof a=="string"||typeof a=="function"||a===o||a===u||Ke||a===l||a===v||a===m||Pe||a===T||qe||lr||ze||typeof a=="object"&&a!==null&&(a.$$typeof===y||a.$$typeof===k||a.$$typeof===f||a.$$typeof===p||a.$$typeof===g||a.$$typeof===cr||a.getModuleId!==void 0))}function de(a,d,h){var _=a.displayName;if(_)return _;var $=d.displayName||d.name||"";return $!==""?h+"("+$+")":h}function Je(a){return a.displayName||"Context"}function ne(a){if(a==null)return null;if(typeof a.tag=="number"&&w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof a=="function")return a.displayName||a.name||null;if(typeof a=="string")return a;switch(a){case o:return"Fragment";case n:return"Portal";case u:return"Profiler";case l:return"StrictMode";case v:return"Suspense";case m:return"SuspenseList"}if(typeof a=="object")switch(a.$$typeof){case p:var d=a;return Je(d)+".Consumer";case f:var h=a;return Je(h._context)+".Provider";case g:return de(a,a.render,"ForwardRef");case k:var _=a.displayName||null;return _!==null?_:ne(a.type)||"Memo";case y:{var $=a,P=$._payload,E=$._init;try{return ne(E(P))}catch{return null}}}return null}var le=Object.assign,Ne=0,ur,Ie,be,Be,dr,br,Q;function R(){}R.__reactDisabledLog=!0;function Ze(){{if(Ne===0){ur=console.log,Ie=console.info,be=console.warn,Be=console.error,dr=console.group,br=console.groupCollapsed,Q=console.groupEnd;var a={configurable:!0,enumerable:!0,value:R,writable:!0};Object.defineProperties(console,{info:a,log:a,warn:a,error:a,group:a,groupCollapsed:a,groupEnd:a})}Ne++}}function Ve(){{if(Ne--,Ne===0){var a={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:le({},a,{value:ur}),info:le({},a,{value:Ie}),warn:le({},a,{value:be}),error:le({},a,{value:Be}),group:le({},a,{value:dr}),groupCollapsed:le({},a,{value:br}),groupEnd:le({},a,{value:Q})})}Ne<0&&w("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var re=A.ReactCurrentDispatcher,Qe;function fe(a,d,h){{if(Qe===void 0)try{throw Error()}catch($){var _=$.stack.trim().match(/\n( *(at )?)/);Qe=_&&_[1]||""}return`
|
|
18
|
+
`+Qe+a}}var ye=!1,Te;{var we=typeof WeakMap=="function"?WeakMap:Map;Te=new we}function Ge(a,d){if(!a||ye)return"";{var h=Te.get(a);if(h!==void 0)return h}var _;ye=!0;var $=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var P;P=re.current,re.current=null,Ze();try{if(d){var E=function(){throw Error()};if(Object.defineProperty(E.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(E,[])}catch(ge){_=ge}Reflect.construct(a,[],E)}else{try{E.call()}catch(ge){_=ge}a.call(E.prototype)}}else{try{throw Error()}catch(ge){_=ge}a()}}catch(ge){if(ge&&_&&typeof ge.stack=="string"){for(var C=ge.stack.split(`
|
|
19
|
+
`),ie=_.stack.split(`
|
|
20
|
+
`),X=C.length-1,q=ie.length-1;X>=1&&q>=0&&C[X]!==ie[q];)q--;for(;X>=1&&q>=0;X--,q--)if(C[X]!==ie[q]){if(X!==1||q!==1)do if(X--,q--,q<0||C[X]!==ie[q]){var pe=`
|
|
21
|
+
`+C[X].replace(" at new "," at ");return a.displayName&&pe.includes("<anonymous>")&&(pe=pe.replace("<anonymous>",a.displayName)),typeof a=="function"&&Te.set(a,pe),pe}while(X>=1&&q>=0);break}}}finally{ye=!1,re.current=P,Ve(),Error.prepareStackTrace=$}var We=a?a.displayName||a.name:"",$r=We?fe(We):"";return typeof a=="function"&&Te.set(a,$r),$r}function yr(a,d,h){return Ge(a,!1)}function Sr(a){var d=a.prototype;return!!(d&&d.isReactComponent)}function er(a,d,h){if(a==null)return"";if(typeof a=="function")return Ge(a,Sr(a));if(typeof a=="string")return fe(a);switch(a){case v:return fe("Suspense");case m:return fe("SuspenseList")}if(typeof a=="object")switch(a.$$typeof){case g:return yr(a.render);case k:return er(a.type,d,h);case y:{var _=a,$=_._payload,P=_._init;try{return er(P($),d,h)}catch{}}}return""}var Ye=Object.prototype.hasOwnProperty,_r={},rr=A.ReactDebugCurrentFrame;function je(a){if(a){var d=a._owner,h=er(a.type,a._source,d?d.type:null);rr.setExtraStackFrame(h)}else rr.setExtraStackFrame(null)}function fr(a,d,h,_,$){{var P=Function.call.bind(Ye);for(var E in a)if(P(a,E)){var C=void 0;try{if(typeof a[E]!="function"){var ie=Error((_||"React class")+": "+h+" type `"+E+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof a[E]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ie.name="Invariant Violation",ie}C=a[E](d,E,_,h,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(X){C=X}C&&!(C instanceof Error)&&(je($),w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",_||"React class",h,E,typeof C),je(null)),C instanceof Error&&!(C.message in _r)&&(_r[C.message]=!0,je($),w("Failed %s type: %s",h,C.message),je(null))}}}var kr=Array.isArray;function He(a){return kr(a)}function xe(a){{var d=typeof Symbol=="function"&&Symbol.toStringTag,h=d&&a[Symbol.toStringTag]||a.constructor.name||"Object";return h}}function pr(a){try{return S(a),!1}catch{return!0}}function S(a){return""+a}function x(a){if(pr(a))return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",xe(a)),S(a)}var z=A.ReactCurrentOwner,J={key:!0,ref:!0,__self:!0,__source:!0},ce,te,$e;$e={};function Fe(a){if(Ye.call(a,"ref")){var d=Object.getOwnPropertyDescriptor(a,"ref").get;if(d&&d.isReactWarning)return!1}return a.ref!==void 0}function L(a){if(Ye.call(a,"key")){var d=Object.getOwnPropertyDescriptor(a,"key").get;if(d&&d.isReactWarning)return!1}return a.key!==void 0}function ee(a,d){if(typeof a.ref=="string"&&z.current&&d&&z.current.stateNode!==d){var h=ne(z.current.type);$e[h]||(w('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',ne(z.current.type),a.ref),$e[h]=!0)}}function oe(a,d){{var h=function(){ce||(ce=!0,w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",d))};h.isReactWarning=!0,Object.defineProperty(a,"key",{get:h,configurable:!0})}}function ae(a,d){{var h=function(){te||(te=!0,w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",d))};h.isReactWarning=!0,Object.defineProperty(a,"ref",{get:h,configurable:!0})}}var Oe=function(a,d,h,_,$,P,E){var C={$$typeof:r,type:a,key:d,ref:h,props:E,_owner:P};return C._store={},Object.defineProperty(C._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(C,"_self",{configurable:!1,enumerable:!1,writable:!1,value:_}),Object.defineProperty(C,"_source",{configurable:!1,enumerable:!1,writable:!1,value:$}),Object.freeze&&(Object.freeze(C.props),Object.freeze(C)),C};function gr(a,d,h,_,$){{var P,E={},C=null,ie=null;h!==void 0&&(x(h),C=""+h),L(d)&&(x(d.key),C=""+d.key),Fe(d)&&(ie=d.ref,ee(d,$));for(P in d)Ye.call(d,P)&&!J.hasOwnProperty(P)&&(E[P]=d[P]);if(a&&a.defaultProps){var X=a.defaultProps;for(P in X)E[P]===void 0&&(E[P]=X[P])}if(C||ie){var q=typeof a=="function"?a.displayName||a.name||"Unknown":a;C&&oe(E,q),ie&&ae(E,q)}return Oe(a,C,ie,$,_,z.current,E)}}var K=A.ReactCurrentOwner,tr=A.ReactDebugCurrentFrame;function Se(a){if(a){var d=a._owner,h=er(a.type,a._source,d?d.type:null);tr.setExtraStackFrame(h)}else tr.setExtraStackFrame(null)}var _e;_e=!1;function nr(a){return typeof a=="object"&&a!==null&&a.$$typeof===r}function ue(){{if(K.current){var a=ne(K.current.type);if(a)return`
|
|
1
22
|
|
|
2
|
-
|
|
23
|
+
Check the render method of \``+a+"`."}return""}}function Tr(a){{if(a!==void 0){var d=a.fileName.replace(/^.*[\\\/]/,""),h=a.lineNumber;return`
|
|
3
24
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
} else {
|
|
7
|
-
module.exports = require('./chakra-autocomplete.cjs.development.js')
|
|
8
|
-
}
|
|
25
|
+
Check your code at `+d+":"+h+"."}return""}}var Ar={};function Kr(a){{var d=ue();if(!d){var h=typeof a=="string"?a:a.displayName||a.name;h&&(d=`
|
|
26
|
+
|
|
27
|
+
Check the top-level render call using <`+h+">.")}return d}}function Pr(a,d){{if(!a._store||a._store.validated||a.key!=null)return;a._store.validated=!0;var h=Kr(d);if(Ar[h])return;Ar[h]=!0;var _="";a&&a._owner&&a._owner!==K.current&&(_=" It was passed a child from "+ne(a._owner.type)+"."),Se(a),w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',h,_),Se(null)}}function Br(a,d){{if(typeof a!="object")return;if(He(a))for(var h=0;h<a.length;h++){var _=a[h];nr(_)&&Pr(_,d)}else if(nr(a))a._store&&(a._store.validated=!0);else if(a){var $=O(a);if(typeof $=="function"&&$!==a.entries)for(var P=$.call(a),E;!(E=P.next()).done;)nr(E.value)&&Pr(E.value,d)}}}function Ae(a){{var d=a.type;if(d==null||typeof d=="string")return;var h;if(typeof d=="function")h=d.propTypes;else if(typeof d=="object"&&(d.$$typeof===g||d.$$typeof===k))h=d.propTypes;else return;if(h){var _=ne(d);fr(h,a.props,"prop",_,a)}else if(d.PropTypes!==void 0&&!_e){_e=!0;var $=ne(d);w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",$||"Unknown")}typeof d.getDefaultProps=="function"&&!d.getDefaultProps.isReactClassApproved&&w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Jr(a){{for(var d=Object.keys(a.props),h=0;h<d.length;h++){var _=d[h];if(_!=="children"&&_!=="key"){Se(a),w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",_),Se(null);break}}a.ref!==null&&(Se(a),w("Invalid attribute `ref` supplied to `React.Fragment`."),Se(null))}}function jr(a,d,h,_,$,P){{var E=ve(a);if(!E){var C="";(a===void 0||typeof a=="object"&&a!==null&&Object.keys(a).length===0)&&(C+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var ie=Tr($);ie?C+=ie:C+=ue();var X;a===null?X="null":He(a)?X="array":a!==void 0&&a.$$typeof===r?(X="<"+(ne(a.type)||"Unknown")+" />",C=" Did you accidentally export a JSX literal instead of a component?"):X=typeof a,w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",X,C)}var q=gr(a,d,h,$,P);if(q==null)return q;if(E){var pe=d.children;if(pe!==void 0)if(_)if(He(pe)){for(var We=0;We<pe.length;We++)Br(pe[We],a);Object.freeze&&Object.freeze(pe)}else w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Br(pe,a)}return a===o?Jr(q):Ae(q),q}}function Zr(a,d,h){return jr(a,d,h,!0)}function Qr(a,d,h){return jr(a,d,h,!1)}var et=Qr,or=Zr;Cr.Fragment=o,Cr.jsx=et,Cr.jsxs=or}()),Cr}(function(e){process.env.NODE_ENV==="production"?e.exports=$o():e.exports=Fo()})(Ur);const Wo=Ur.exports.Fragment,j=Ur.exports.jsx,Or=Ur.exports.jsxs,pn=N.forwardRef((e,r)=>{const n=fn(e),{children:o,isOpen:l,onClose:u,onOpen:f,resetItems:p,removeItem:g}=n;return G.useImperativeHandle(r,()=>({resetItems:p,removeItem:g})),j(un,{value:n,children:j(N.Popover,{isLazy:!0,isOpen:l,onClose:u,onOpen:f,autoFocus:!1,placement:"bottom",closeOnBlur:!0,children:j(N.chakra.div,{sx:{".chakra-popover__popper":{position:"unset !important"}},w:"full",ref:r,children:o})})})});pn.displayName="AutoComplete";const gn=N.forwardRef((e,r)=>{const{focusedValue:n,getItemProps:o,interactionRef:l}=sr(),u=G.useRef(),f=N.useMergeRefs(r,u),p=o(e),{isValidSuggestion:g,value:v}=p.root,m=n===v;G.useEffect(()=>{var D;m&&l.current==="keyboard"&&((D=u==null?void 0:u.current)==null||D.scrollIntoView({behavior:"smooth",block:"center"}))},[m,l]),G.useEffect(()=>{typeof v!="string"&&console.warn("wow"),typeof v!="string"&&Nr(e.getValue)&&console.error("You must define the `getValue` prop, when an Item's value is not a string")},[]);const{children:k,dangerouslySetInnerHTML:y,...T}=p.item,W=Tt(T,["groupId"]);return g?j(N.Flex,{ref:f,...xt,...W,children:k||j("span",{dangerouslySetInnerHTML:y})}):null});gn.displayName="AutoCompleteItem";const xt={mx:"2",px:"2",py:"2",rounded:"md",cursor:"pointer"};function hn(e){const{alwaysDisplay:r,children:n,...o}=e,{autoCompleteProps:l,getItemProps:u,query:f,filteredResults:p}=sr(),{children:g,...v}=u({...e,value:f,children:Z(n,{value:f})},!0).item,m=p.some(T=>T.value===f),k=kt(f)?r:!0;return l.creatable&&k&&!m?j(N.Flex,{...xt,...v,...o,children:g||`Add ${f}`}):null}hn.displayName="AutoCompleteCreatable";const mn=N.forwardRef((e,r)=>{const{children:n,showDivider:o,...l}=e,u=Tt(l,["groupSibling"]),{getGroupProps:f}=sr(),{group:p}=f(e),g=Mo(e);return Or(N.Box,{ref:r,...p,...u,children:[j(N.Divider,{...g.top}),n,j(N.Divider,{...g.bottom})]})}),vn=N.forwardRef((e,r)=>j(N.Flex,{...Lo,...e,ref:r}));mn.displayName="AutoCompleteGroup";vn.displayName="AutoCompleteGroupTitle";const Lo={ml:5,my:1,fontSize:"xs",letterSpacing:"wider",fontWeight:"extrabold",textTransform:"uppercase"},Mo=e=>{const{getGroupProps:r}=sr(),n=e.groupSibling,{divider:{hasFirstChild:o,hasLastChild:l}}=r(e),u={my:2,borderColor:e.dividerColor},f={...u,mb:4,display:!e.showDivider||o?"none":""},p={...u,display:!e.showDivider||l||n?"none":""};return{top:f,bottom:p}},Rt=N.forwardRef((e,r)=>{const{autoCompleteProps:n,inputRef:o,getInputProps:l,tags:u}=sr(),{children:f,isInvalid:p,hidePlaceholder:g,...v}=e,m=N.useMultiStyleConfig("Input",e);let{wrapper:k,input:y}=l(v,m);const{ref:T,...W}=k,D=N.useMergeRefs(r,o),O=Z(f,{tags:u});g&&(y={...y,placeholder:Array.isArray(O)&&O.length?void 0:y.placeholder});const A=j(N.Input,{isInvalid:p,...y,ref:D}),w=Or(N.Wrap,{...W,ref:T,children:[O,j(N.WrapItem,{as:N.Input,...y,ref:D})]});return j(Wo,{children:n.multiple?w:A})});Rt.displayName="Input";Rt.id="Input";function Do(){const e=G.useContext(go.ThemeContext);if(!e)throw Error("useTheme: `theme` is undefined. Seems you forgot to wrap your app in `<ChakraProvider />` or `<ThemeProvider />`");return e}var bn=G.createContext({});bn.displayName="ColorModeContext";function yn(){const e=G.useContext(bn);if(e===void 0)throw new Error("useColorMode must be used within a ColorModeProvider");return e}function zo(){const e=yn(),r=Do();return{...e,theme:r}}var Sn=(...e)=>e.filter(Boolean).join(" ");function ir(e){const r=typeof e;return e!=null&&(r==="object"||r==="function")&&!Array.isArray(e)}function mr(e,...r){return No(e)?e(...r):e}var No=e=>typeof e=="function",Vo=e=>/!(important)?$/.test(e),Ht=e=>typeof e=="string"?e.replace(/!(important)?$/,"").trim():e,gt=(e,r)=>n=>{const o=String(r),l=Vo(o),u=Ht(o),f=e?`${e}.${u}`:u;let p=ir(n.__cssMap)&&f in n.__cssMap?n.__cssMap[f].varRef:r;return p=Ht(p),l?`${p} !important`:p};function Ct(e){const{scale:r,transform:n,compose:o}=e;return(u,f)=>{var p;const g=gt(r,u)(f);let v=(p=n==null?void 0:n(g,f))!=null?p:g;return o&&(v=o(v,f)),v}}var zr=(...e)=>r=>e.reduce((n,o)=>o(n),r);function Ce(e,r){return n=>{const o={property:n,scale:e};return o.transform=Ct({scale:e,transform:r}),o}}var Go=({rtl:e,ltr:r})=>n=>n.direction==="rtl"?e:r;function Yo(e){const{property:r,scale:n,transform:o}=e;return{scale:n,property:Go(r),transform:n?Ct({scale:n,compose:o}):o}}var _n=["rotate(var(--chakra-rotate, 0))","scaleX(var(--chakra-scale-x, 1))","scaleY(var(--chakra-scale-y, 1))","skewX(var(--chakra-skew-x, 0))","skewY(var(--chakra-skew-y, 0))"];function Ho(){return["translateX(var(--chakra-translate-x, 0))","translateY(var(--chakra-translate-y, 0))",..._n].join(" ")}function Uo(){return["translate3d(var(--chakra-translate-x, 0), var(--chakra-translate-y, 0), 0)",..._n].join(" ")}var Xo={"--chakra-blur":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-brightness":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-contrast":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-grayscale":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-hue-rotate":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-invert":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-saturate":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-sepia":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-drop-shadow":"var(--chakra-empty,/*!*/ /*!*/)",filter:["var(--chakra-blur)","var(--chakra-brightness)","var(--chakra-contrast)","var(--chakra-grayscale)","var(--chakra-hue-rotate)","var(--chakra-invert)","var(--chakra-saturate)","var(--chakra-sepia)","var(--chakra-drop-shadow)"].join(" ")},qo={backdropFilter:["var(--chakra-backdrop-blur)","var(--chakra-backdrop-brightness)","var(--chakra-backdrop-contrast)","var(--chakra-backdrop-grayscale)","var(--chakra-backdrop-hue-rotate)","var(--chakra-backdrop-invert)","var(--chakra-backdrop-opacity)","var(--chakra-backdrop-saturate)","var(--chakra-backdrop-sepia)"].join(" "),"--chakra-backdrop-blur":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-brightness":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-contrast":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-grayscale":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-hue-rotate":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-invert":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-opacity":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-saturate":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-sepia":"var(--chakra-empty,/*!*/ /*!*/)"};function Ko(e){return{"--chakra-ring-offset-shadow":"var(--chakra-ring-inset) 0 0 0 var(--chakra-ring-offset-width) var(--chakra-ring-offset-color)","--chakra-ring-shadow":"var(--chakra-ring-inset) 0 0 0 calc(var(--chakra-ring-width) + var(--chakra-ring-offset-width)) var(--chakra-ring-color)","--chakra-ring-width":e,boxShadow:["var(--chakra-ring-offset-shadow)","var(--chakra-ring-shadow)","var(--chakra-shadow, 0 0 #0000)"].join(", ")}}var Jo={"row-reverse":{space:"--chakra-space-x-reverse",divide:"--chakra-divide-x-reverse"},"column-reverse":{space:"--chakra-space-y-reverse",divide:"--chakra-divide-y-reverse"}},ht={"to-t":"to top","to-tr":"to top right","to-r":"to right","to-br":"to bottom right","to-b":"to bottom","to-bl":"to bottom left","to-l":"to left","to-tl":"to top left"},Zo=new Set(Object.values(ht)),mt=new Set(["none","-moz-initial","inherit","initial","revert","unset"]),Qo=e=>e.trim();function ea(e,r){if(e==null||mt.has(e))return e;if(!(vt(e)||mt.has(e)))return`url('${e}')`;const l=/(^[a-z-A-Z]+)\((.*)\)/g.exec(e),u=l==null?void 0:l[1],f=l==null?void 0:l[2];if(!u||!f)return e;const p=u.includes("-gradient")?u:`${u}-gradient`,[g,...v]=f.split(",").map(Qo).filter(Boolean);if((v==null?void 0:v.length)===0)return e;const m=g in ht?ht[g]:g;v.unshift(m);const k=v.map(y=>{if(Zo.has(y))return y;const T=y.indexOf(" "),[W,D]=T!==-1?[y.substr(0,T),y.substr(T+1)]:[y],O=vt(D)?D:D&&D.split(" "),A=`colors.${W}`,w=A in r.__cssMap?r.__cssMap[A].varRef:W;return O?[w,...Array.isArray(O)?O:[O]].join(" "):w});return`${p}(${k.join(", ")})`}var vt=e=>typeof e=="string"&&e.includes("(")&&e.includes(")"),ra=(e,r)=>ea(e,r!=null?r:{});function ta(e){return/^var\(--.+\)$/.test(e)}var na=e=>{const r=parseFloat(e.toString()),n=e.toString().replace(String(r),"");return{unitless:!n,value:r,unit:n}},Le=e=>r=>`${e}(${r})`,F={filter(e){return e!=="auto"?e:Xo},backdropFilter(e){return e!=="auto"?e:qo},ring(e){return Ko(F.px(e))},bgClip(e){return e==="text"?{color:"transparent",backgroundClip:"text"}:{backgroundClip:e}},transform(e){return e==="auto"?Ho():e==="auto-gpu"?Uo():e},vh(e){return e==="$100vh"?"var(--chakra-vh)":e},px(e){if(e==null)return e;const{unitless:r}=na(e);return r||typeof e=="number"?`${e}px`:e},fraction(e){return typeof e!="number"||e>1?e:`${e*100}%`},float(e,r){const n={left:"right",right:"left"};return r.direction==="rtl"?n[e]:e},degree(e){if(ta(e)||e==null)return e;const r=typeof e=="string"&&!e.endsWith("deg");return typeof e=="number"||r?`${e}deg`:e},gradient:ra,blur:Le("blur"),opacity:Le("opacity"),brightness:Le("brightness"),contrast:Le("contrast"),dropShadow:Le("drop-shadow"),grayscale:Le("grayscale"),hueRotate:Le("hue-rotate"),invert:Le("invert"),saturate:Le("saturate"),sepia:Le("sepia"),bgImage(e){return e==null||vt(e)||mt.has(e)?e:`url(${e})`},outline(e){const r=String(e)==="0"||String(e)==="none";return e!==null&&r?{outline:"2px solid transparent",outlineOffset:"2px"}:{outline:e}},flexDirection(e){var r;const{space:n,divide:o}=(r=Jo[e])!=null?r:{},l={flexDirection:e};return n&&(l[n]=1),o&&(l[o]=1),l}},s={borderWidths:Ce("borderWidths"),borderStyles:Ce("borderStyles"),colors:Ce("colors"),borders:Ce("borders"),gradients:Ce("gradients",F.gradient),radii:Ce("radii",F.px),space:Ce("space",zr(F.vh,F.px)),spaceT:Ce("space",zr(F.vh,F.px)),degreeT(e){return{property:e,transform:F.degree}},prop(e,r,n){return{property:e,scale:r,...r&&{transform:Ct({scale:r,transform:n})}}},propT(e,r){return{property:e,transform:r}},sizes:Ce("sizes",zr(F.vh,F.px)),sizesT:Ce("sizes",zr(F.vh,F.fraction)),shadows:Ce("shadows"),logical:Yo,blur:Ce("blur",F.blur)},Vr={background:s.colors("background"),backgroundColor:s.colors("backgroundColor"),backgroundImage:s.gradients("backgroundImage"),backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0,backgroundAttachment:!0,backgroundClip:{transform:F.bgClip},bgSize:s.prop("backgroundSize"),bgPosition:s.prop("backgroundPosition"),bg:s.colors("background"),bgColor:s.colors("backgroundColor"),bgPos:s.prop("backgroundPosition"),bgRepeat:s.prop("backgroundRepeat"),bgAttachment:s.prop("backgroundAttachment"),bgGradient:s.gradients("backgroundImage"),bgClip:{transform:F.bgClip}};Object.assign(Vr,{bgImage:Vr.backgroundImage,bgImg:Vr.backgroundImage});var M={border:s.borders("border"),borderWidth:s.borderWidths("borderWidth"),borderStyle:s.borderStyles("borderStyle"),borderColor:s.colors("borderColor"),borderRadius:s.radii("borderRadius"),borderTop:s.borders("borderTop"),borderBlockStart:s.borders("borderBlockStart"),borderTopLeftRadius:s.radii("borderTopLeftRadius"),borderStartStartRadius:s.logical({scale:"radii",property:{ltr:"borderTopLeftRadius",rtl:"borderTopRightRadius"}}),borderEndStartRadius:s.logical({scale:"radii",property:{ltr:"borderBottomLeftRadius",rtl:"borderBottomRightRadius"}}),borderTopRightRadius:s.radii("borderTopRightRadius"),borderStartEndRadius:s.logical({scale:"radii",property:{ltr:"borderTopRightRadius",rtl:"borderTopLeftRadius"}}),borderEndEndRadius:s.logical({scale:"radii",property:{ltr:"borderBottomRightRadius",rtl:"borderBottomLeftRadius"}}),borderRight:s.borders("borderRight"),borderInlineEnd:s.borders("borderInlineEnd"),borderBottom:s.borders("borderBottom"),borderBlockEnd:s.borders("borderBlockEnd"),borderBottomLeftRadius:s.radii("borderBottomLeftRadius"),borderBottomRightRadius:s.radii("borderBottomRightRadius"),borderLeft:s.borders("borderLeft"),borderInlineStart:{property:"borderInlineStart",scale:"borders"},borderInlineStartRadius:s.logical({scale:"radii",property:{ltr:["borderTopLeftRadius","borderBottomLeftRadius"],rtl:["borderTopRightRadius","borderBottomRightRadius"]}}),borderInlineEndRadius:s.logical({scale:"radii",property:{ltr:["borderTopRightRadius","borderBottomRightRadius"],rtl:["borderTopLeftRadius","borderBottomLeftRadius"]}}),borderX:s.borders(["borderLeft","borderRight"]),borderInline:s.borders("borderInline"),borderY:s.borders(["borderTop","borderBottom"]),borderBlock:s.borders("borderBlock"),borderTopWidth:s.borderWidths("borderTopWidth"),borderBlockStartWidth:s.borderWidths("borderBlockStartWidth"),borderTopColor:s.colors("borderTopColor"),borderBlockStartColor:s.colors("borderBlockStartColor"),borderTopStyle:s.borderStyles("borderTopStyle"),borderBlockStartStyle:s.borderStyles("borderBlockStartStyle"),borderBottomWidth:s.borderWidths("borderBottomWidth"),borderBlockEndWidth:s.borderWidths("borderBlockEndWidth"),borderBottomColor:s.colors("borderBottomColor"),borderBlockEndColor:s.colors("borderBlockEndColor"),borderBottomStyle:s.borderStyles("borderBottomStyle"),borderBlockEndStyle:s.borderStyles("borderBlockEndStyle"),borderLeftWidth:s.borderWidths("borderLeftWidth"),borderInlineStartWidth:s.borderWidths("borderInlineStartWidth"),borderLeftColor:s.colors("borderLeftColor"),borderInlineStartColor:s.colors("borderInlineStartColor"),borderLeftStyle:s.borderStyles("borderLeftStyle"),borderInlineStartStyle:s.borderStyles("borderInlineStartStyle"),borderRightWidth:s.borderWidths("borderRightWidth"),borderInlineEndWidth:s.borderWidths("borderInlineEndWidth"),borderRightColor:s.colors("borderRightColor"),borderInlineEndColor:s.colors("borderInlineEndColor"),borderRightStyle:s.borderStyles("borderRightStyle"),borderInlineEndStyle:s.borderStyles("borderInlineEndStyle"),borderTopRadius:s.radii(["borderTopLeftRadius","borderTopRightRadius"]),borderBottomRadius:s.radii(["borderBottomLeftRadius","borderBottomRightRadius"]),borderLeftRadius:s.radii(["borderTopLeftRadius","borderBottomLeftRadius"]),borderRightRadius:s.radii(["borderTopRightRadius","borderBottomRightRadius"])};Object.assign(M,{rounded:M.borderRadius,roundedTop:M.borderTopRadius,roundedTopLeft:M.borderTopLeftRadius,roundedTopRight:M.borderTopRightRadius,roundedTopStart:M.borderStartStartRadius,roundedTopEnd:M.borderStartEndRadius,roundedBottom:M.borderBottomRadius,roundedBottomLeft:M.borderBottomLeftRadius,roundedBottomRight:M.borderBottomRightRadius,roundedBottomStart:M.borderEndStartRadius,roundedBottomEnd:M.borderEndEndRadius,roundedLeft:M.borderLeftRadius,roundedRight:M.borderRightRadius,roundedStart:M.borderInlineStartRadius,roundedEnd:M.borderInlineEndRadius,borderStart:M.borderInlineStart,borderEnd:M.borderInlineEnd,borderTopStartRadius:M.borderStartStartRadius,borderTopEndRadius:M.borderStartEndRadius,borderBottomStartRadius:M.borderEndStartRadius,borderBottomEndRadius:M.borderEndEndRadius,borderStartRadius:M.borderInlineStartRadius,borderEndRadius:M.borderInlineEndRadius,borderStartWidth:M.borderInlineStartWidth,borderEndWidth:M.borderInlineEndWidth,borderStartColor:M.borderInlineStartColor,borderEndColor:M.borderInlineEndColor,borderStartStyle:M.borderInlineStartStyle,borderEndStyle:M.borderInlineEndStyle});var oa={color:s.colors("color"),textColor:s.colors("color"),fill:s.colors("fill"),stroke:s.colors("stroke")},bt={boxShadow:s.shadows("boxShadow"),mixBlendMode:!0,blendMode:s.prop("mixBlendMode"),backgroundBlendMode:!0,bgBlendMode:s.prop("backgroundBlendMode"),opacity:!0};Object.assign(bt,{shadow:bt.boxShadow});var aa={filter:{transform:F.filter},blur:s.blur("--chakra-blur"),brightness:s.propT("--chakra-brightness",F.brightness),contrast:s.propT("--chakra-contrast",F.contrast),hueRotate:s.degreeT("--chakra-hue-rotate"),invert:s.propT("--chakra-invert",F.invert),saturate:s.propT("--chakra-saturate",F.saturate),dropShadow:s.propT("--chakra-drop-shadow",F.dropShadow),backdropFilter:{transform:F.backdropFilter},backdropBlur:s.blur("--chakra-backdrop-blur"),backdropBrightness:s.propT("--chakra-backdrop-brightness",F.brightness),backdropContrast:s.propT("--chakra-backdrop-contrast",F.contrast),backdropHueRotate:s.degreeT("--chakra-backdrop-hue-rotate"),backdropInvert:s.propT("--chakra-backdrop-invert",F.invert),backdropSaturate:s.propT("--chakra-backdrop-saturate",F.saturate)},Yr={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:{transform:F.flexDirection},flex:!0,flexFlow:!0,flexGrow:!0,flexShrink:!0,flexBasis:s.sizes("flexBasis"),justifySelf:!0,alignSelf:!0,order:!0,placeItems:!0,placeContent:!0,placeSelf:!0,gap:s.space("gap"),rowGap:s.space("rowGap"),columnGap:s.space("columnGap")};Object.assign(Yr,{flexDir:Yr.flexDirection});var kn={gridGap:s.space("gridGap"),gridColumnGap:s.space("gridColumnGap"),gridRowGap:s.space("gridRowGap"),gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridColumnStart:!0,gridColumnEnd:!0,gridRowStart:!0,gridRowEnd:!0,gridAutoRows:!0,gridTemplate:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0},ia={appearance:!0,cursor:!0,resize:!0,userSelect:!0,pointerEvents:!0,outline:{transform:F.outline},outlineOffset:!0,outlineColor:s.colors("outlineColor")},Ee={width:s.sizesT("width"),inlineSize:s.sizesT("inlineSize"),height:s.sizes("height"),blockSize:s.sizes("blockSize"),boxSize:s.sizes(["width","height"]),minWidth:s.sizes("minWidth"),minInlineSize:s.sizes("minInlineSize"),minHeight:s.sizes("minHeight"),minBlockSize:s.sizes("minBlockSize"),maxWidth:s.sizes("maxWidth"),maxInlineSize:s.sizes("maxInlineSize"),maxHeight:s.sizes("maxHeight"),maxBlockSize:s.sizes("maxBlockSize"),overflow:!0,overflowX:!0,overflowY:!0,overscrollBehavior:!0,overscrollBehaviorX:!0,overscrollBehaviorY:!0,display:!0,aspectRatio:!0,hideFrom:{scale:"breakpoints",transform:(e,r)=>{var n,o,l;return{[`@media screen and (min-width: ${(l=(o=(n=r.__breakpoints)==null?void 0:n.get(e))==null?void 0:o.minW)!=null?l:e})`]:{display:"none"}}}},hideBelow:{scale:"breakpoints",transform:(e,r)=>{var n,o,l;return{[`@media screen and (max-width: ${(l=(o=(n=r.__breakpoints)==null?void 0:n.get(e))==null?void 0:o._minW)!=null?l:e})`]:{display:"none"}}}},verticalAlign:!0,boxSizing:!0,boxDecorationBreak:!0,float:s.propT("float",F.float),objectFit:!0,objectPosition:!0,visibility:!0,isolation:!0};Object.assign(Ee,{w:Ee.width,h:Ee.height,minW:Ee.minWidth,maxW:Ee.maxWidth,minH:Ee.minHeight,maxH:Ee.maxHeight,overscroll:Ee.overscrollBehavior,overscrollX:Ee.overscrollBehaviorX,overscrollY:Ee.overscrollBehaviorY});var sa={listStyleType:!0,listStylePosition:!0,listStylePos:s.prop("listStylePosition"),listStyleImage:!0,listStyleImg:s.prop("listStyleImage")};function la(e,r,n,o){const l=typeof r=="string"?r.split("."):[r];for(o=0;o<l.length&&e;o+=1)e=e[l[o]];return e===void 0?n:e}var ca=e=>{const r=new WeakMap;return(o,l,u,f)=>{if(typeof o>"u")return e(o,l,u);r.has(o)||r.set(o,new Map);const p=r.get(o);if(p.has(l))return p.get(l);const g=e(o,l,u,f);return p.set(l,g),g}},ua=ca(la),da={border:"0px",clip:"rect(0, 0, 0, 0)",width:"1px",height:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"},fa={position:"static",width:"auto",height:"auto",clip:"auto",padding:"0",margin:"0",overflow:"visible",whiteSpace:"normal"},dt=(e,r,n)=>{const o={},l=ua(e,r,{});for(const u in l)u in n&&n[u]!=null||(o[u]=l[u]);return o},pa={srOnly:{transform(e){return e===!0?da:e==="focusable"?fa:{}}},layerStyle:{processResult:!0,transform:(e,r,n)=>dt(r,`layerStyles.${e}`,n)},textStyle:{processResult:!0,transform:(e,r,n)=>dt(r,`textStyles.${e}`,n)},apply:{processResult:!0,transform:(e,r,n)=>dt(r,e,n)}},Ir={position:!0,pos:s.prop("position"),zIndex:s.prop("zIndex","zIndices"),inset:s.spaceT("inset"),insetX:s.spaceT(["left","right"]),insetInline:s.spaceT("insetInline"),insetY:s.spaceT(["top","bottom"]),insetBlock:s.spaceT("insetBlock"),top:s.spaceT("top"),insetBlockStart:s.spaceT("insetBlockStart"),bottom:s.spaceT("bottom"),insetBlockEnd:s.spaceT("insetBlockEnd"),left:s.spaceT("left"),insetInlineStart:s.logical({scale:"space",property:{ltr:"left",rtl:"right"}}),right:s.spaceT("right"),insetInlineEnd:s.logical({scale:"space",property:{ltr:"right",rtl:"left"}})};Object.assign(Ir,{insetStart:Ir.insetInlineStart,insetEnd:Ir.insetInlineEnd});var ga={ring:{transform:F.ring},ringColor:s.colors("--chakra-ring-color"),ringOffset:s.prop("--chakra-ring-offset-width"),ringOffsetColor:s.colors("--chakra-ring-offset-color"),ringInset:s.prop("--chakra-ring-inset")},Y={margin:s.spaceT("margin"),marginTop:s.spaceT("marginTop"),marginBlockStart:s.spaceT("marginBlockStart"),marginRight:s.spaceT("marginRight"),marginInlineEnd:s.spaceT("marginInlineEnd"),marginBottom:s.spaceT("marginBottom"),marginBlockEnd:s.spaceT("marginBlockEnd"),marginLeft:s.spaceT("marginLeft"),marginInlineStart:s.spaceT("marginInlineStart"),marginX:s.spaceT(["marginInlineStart","marginInlineEnd"]),marginInline:s.spaceT("marginInline"),marginY:s.spaceT(["marginTop","marginBottom"]),marginBlock:s.spaceT("marginBlock"),padding:s.space("padding"),paddingTop:s.space("paddingTop"),paddingBlockStart:s.space("paddingBlockStart"),paddingRight:s.space("paddingRight"),paddingBottom:s.space("paddingBottom"),paddingBlockEnd:s.space("paddingBlockEnd"),paddingLeft:s.space("paddingLeft"),paddingInlineStart:s.space("paddingInlineStart"),paddingInlineEnd:s.space("paddingInlineEnd"),paddingX:s.space(["paddingInlineStart","paddingInlineEnd"]),paddingInline:s.space("paddingInline"),paddingY:s.space(["paddingTop","paddingBottom"]),paddingBlock:s.space("paddingBlock")};Object.assign(Y,{m:Y.margin,mt:Y.marginTop,mr:Y.marginRight,me:Y.marginInlineEnd,marginEnd:Y.marginInlineEnd,mb:Y.marginBottom,ml:Y.marginLeft,ms:Y.marginInlineStart,marginStart:Y.marginInlineStart,mx:Y.marginX,my:Y.marginY,p:Y.padding,pt:Y.paddingTop,py:Y.paddingY,px:Y.paddingX,pb:Y.paddingBottom,pl:Y.paddingLeft,ps:Y.paddingInlineStart,paddingStart:Y.paddingInlineStart,pr:Y.paddingRight,pe:Y.paddingInlineEnd,paddingEnd:Y.paddingInlineEnd});var ha={textDecorationColor:s.colors("textDecorationColor"),textDecoration:!0,textDecor:{property:"textDecoration"},textDecorationLine:!0,textDecorationStyle:!0,textDecorationThickness:!0,textUnderlineOffset:!0,textShadow:s.shadows("textShadow")},ma={clipPath:!0,transform:s.propT("transform",F.transform),transformOrigin:!0,translateX:s.spaceT("--chakra-translate-x"),translateY:s.spaceT("--chakra-translate-y"),skewX:s.degreeT("--chakra-skew-x"),skewY:s.degreeT("--chakra-skew-y"),scaleX:s.prop("--chakra-scale-x"),scaleY:s.prop("--chakra-scale-y"),scale:s.prop(["--chakra-scale-x","--chakra-scale-y"]),rotate:s.degreeT("--chakra-rotate")},va={transition:!0,transitionDelay:!0,animation:!0,willChange:!0,transitionDuration:s.prop("transitionDuration","transition.duration"),transitionProperty:s.prop("transitionProperty","transition.property"),transitionTimingFunction:s.prop("transitionTimingFunction","transition.easing")},ba={fontFamily:s.prop("fontFamily","fonts"),fontSize:s.prop("fontSize","fontSizes",F.px),fontWeight:s.prop("fontWeight","fontWeights"),lineHeight:s.prop("lineHeight","lineHeights"),letterSpacing:s.prop("letterSpacing","letterSpacings"),textAlign:!0,fontStyle:!0,textIndent:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,isTruncated:{transform(e){if(e===!0)return{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}},noOfLines:{static:{overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:"var(--chakra-line-clamp)"},property:"--chakra-line-clamp"}},ya={scrollBehavior:!0,scrollSnapAlign:!0,scrollSnapStop:!0,scrollSnapType:!0,scrollMargin:s.spaceT("scrollMargin"),scrollMarginTop:s.spaceT("scrollMarginTop"),scrollMarginBottom:s.spaceT("scrollMarginBottom"),scrollMarginLeft:s.spaceT("scrollMarginLeft"),scrollMarginRight:s.spaceT("scrollMarginRight"),scrollMarginX:s.spaceT(["scrollMarginLeft","scrollMarginRight"]),scrollMarginY:s.spaceT(["scrollMarginTop","scrollMarginBottom"]),scrollPadding:s.spaceT("scrollPadding"),scrollPaddingTop:s.spaceT("scrollPaddingTop"),scrollPaddingBottom:s.spaceT("scrollPaddingBottom"),scrollPaddingLeft:s.spaceT("scrollPaddingLeft"),scrollPaddingRight:s.spaceT("scrollPaddingRight"),scrollPaddingX:s.spaceT(["scrollPaddingLeft","scrollPaddingRight"]),scrollPaddingY:s.spaceT(["scrollPaddingTop","scrollPaddingBottom"])};function Tn(e){return ir(e)&&e.reference?e.reference:String(e)}var Xr=(e,...r)=>r.map(Tn).join(` ${e} `).replace(/calc/g,""),Ut=(...e)=>`calc(${Xr("+",...e)})`,Xt=(...e)=>`calc(${Xr("-",...e)})`,yt=(...e)=>`calc(${Xr("*",...e)})`,qt=(...e)=>`calc(${Xr("/",...e)})`,Kt=e=>{const r=Tn(e);return r!=null&&!Number.isNaN(parseFloat(r))?String(r).startsWith("-")?String(r).slice(1):`-${r}`:yt(r,-1)},Er=Object.assign(e=>({add:(...r)=>Er(Ut(e,...r)),subtract:(...r)=>Er(Xt(e,...r)),multiply:(...r)=>Er(yt(e,...r)),divide:(...r)=>Er(qt(e,...r)),negate:()=>Er(Kt(e)),toString:()=>e.toString()}),{add:Ut,subtract:Xt,multiply:yt,divide:qt,negate:Kt});function Sa(e){const r=parseFloat(e.toString()),n=e.toString().replace(String(r),"");return{unitless:!n,value:r,unit:n}}function Jt(e){if(e==null)return e;const{unitless:r}=Sa(e);return r||typeof e=="number"?`${e}px`:e}function _a(e,r){const n=["@media screen"];return e&&n.push("and",`(min-width: ${Jt(e)})`),r&&n.push("and",`(max-width: ${Jt(r)})`),n.join(" ")}var se={hover:(e,r)=>`${e}:hover ${r}, ${e}[data-hover] ${r}`,focus:(e,r)=>`${e}:focus ${r}, ${e}[data-focus] ${r}`,focusVisible:(e,r)=>`${e}:focus-visible ${r}`,focusWithin:(e,r)=>`${e}:focus-within ${r}`,active:(e,r)=>`${e}:active ${r}, ${e}[data-active] ${r}`,disabled:(e,r)=>`${e}:disabled ${r}, ${e}[data-disabled] ${r}`,invalid:(e,r)=>`${e}:invalid ${r}, ${e}[data-invalid] ${r}`,checked:(e,r)=>`${e}:checked ${r}, ${e}[data-checked] ${r}`,indeterminate:(e,r)=>`${e}:indeterminate ${r}, ${e}[aria-checked=mixed] ${r}, ${e}[data-indeterminate] ${r}`,readOnly:(e,r)=>`${e}:read-only ${r}, ${e}[readonly] ${r}, ${e}[data-read-only] ${r}`,expanded:(e,r)=>`${e}:read-only ${r}, ${e}[aria-expanded=true] ${r}, ${e}[data-expanded] ${r}`,placeholderShown:(e,r)=>`${e}:placeholder-shown ${r}`},ar=e=>wn(r=>e(r,"&"),"[role=group]","[data-group]",".group"),Ue=e=>wn(r=>e(r,"~ &"),"[data-peer]",".peer"),wn=(e,...r)=>r.map(e).join(", "),Et={_hover:"&:hover, &[data-hover]",_active:"&:active, &[data-active]",_focus:"&:focus, &[data-focus]",_highlighted:"&[data-highlighted]",_focusWithin:"&:focus-within",_focusVisible:"&:focus-visible, &[data-focus-visible]",_disabled:"&:disabled, &[disabled], &[aria-disabled=true], &[data-disabled]",_readOnly:"&[aria-readonly=true], &[readonly], &[data-readonly]",_before:"&::before",_after:"&::after",_empty:"&:empty",_expanded:"&[aria-expanded=true], &[data-expanded]",_checked:"&[aria-checked=true], &[data-checked]",_grabbed:"&[aria-grabbed=true], &[data-grabbed]",_pressed:"&[aria-pressed=true], &[data-pressed]",_invalid:"&[aria-invalid=true], &[data-invalid]",_valid:"&[data-valid], &[data-state=valid]",_loading:"&[data-loading], &[aria-busy=true]",_selected:"&[aria-selected=true], &[data-selected]",_hidden:"&[hidden], &[data-hidden]",_autofill:"&:-webkit-autofill",_even:"&:nth-of-type(even)",_odd:"&:nth-of-type(odd)",_first:"&:first-of-type",_firstLetter:"&::first-letter",_last:"&:last-of-type",_notFirst:"&:not(:first-of-type)",_notLast:"&:not(:last-of-type)",_visited:"&:visited",_activeLink:"&[aria-current=page]",_activeStep:"&[aria-current=step]",_indeterminate:"&:indeterminate, &[aria-checked=mixed], &[data-indeterminate]",_groupHover:ar(se.hover),_peerHover:Ue(se.hover),_groupFocus:ar(se.focus),_peerFocus:Ue(se.focus),_groupFocusVisible:ar(se.focusVisible),_peerFocusVisible:Ue(se.focusVisible),_groupActive:ar(se.active),_peerActive:Ue(se.active),_groupDisabled:ar(se.disabled),_peerDisabled:Ue(se.disabled),_groupInvalid:ar(se.invalid),_peerInvalid:Ue(se.invalid),_groupChecked:ar(se.checked),_peerChecked:Ue(se.checked),_groupFocusWithin:ar(se.focusWithin),_peerFocusWithin:Ue(se.focusWithin),_peerPlaceholderShown:Ue(se.placeholderShown),_placeholder:"&::placeholder",_placeholderShown:"&:placeholder-shown",_fullScreen:"&:fullscreen",_selection:"&::selection",_rtl:"[dir=rtl] &, &[dir=rtl]",_ltr:"[dir=ltr] &, &[dir=ltr]",_mediaDark:"@media (prefers-color-scheme: dark)",_mediaReduceMotion:"@media (prefers-reduced-motion: reduce)",_dark:".chakra-ui-dark &:not([data-theme]),[data-theme=dark] &:not([data-theme]),&[data-theme=dark]",_light:".chakra-ui-light &:not([data-theme]),[data-theme=light] &:not([data-theme]),&[data-theme=light]",_horizontal:"&[data-orientation=horizontal]",_vertical:"&[data-orientation=vertical]"},ka=Object.keys(Et);function Ta(e,r=[]){const n=Object.assign({},e);for(const o of r)o in n&&delete n[o];return n}var It=Xe({},Vr,M,oa,Yr,Ee,aa,ga,ia,kn,pa,Ir,bt,Y,ya,ba,ha,ma,sa,va);Object.assign({},Y,Ee,Yr,kn,Ir);var wa=[...Object.keys(It),...ka],xa={...It,...Et},Ra=e=>e in xa,Ca=e=>r=>{if(!r.__breakpoints)return e;const{isResponsive:n,toArrayValue:o,media:l}=r.__breakpoints,u={};for(const f in e){let p=mr(e[f],r);if(p==null)continue;if(p=ir(p)&&n(p)?o(p):p,!Array.isArray(p)){u[f]=p;continue}const g=p.slice(0,l.length).length;for(let v=0;v<g;v+=1){const m=l==null?void 0:l[v];if(!m){u[f]=p[v];continue}u[m]=u[m]||{},p[v]!=null&&(u[m][f]=p[v])}}return u};function Ea(e){const r=[];let n="",o=!1;for(let l=0;l<e.length;l++){const u=e[l];u==="("?(o=!0,n+=u):u===")"?(o=!1,n+=u):u===","&&!o?(r.push(n),n=""):n+=u}return n=n.trim(),n&&r.push(n),r}function Ia(e){return/^var\(--.+\)$/.test(e)}var Oa=(e,r)=>e.startsWith("--")&&typeof r=="string"&&!Ia(r),Aa=(e,r)=>{var n,o;if(r==null)return r;const l=g=>{var v,m;return(m=(v=e.__cssMap)==null?void 0:v[g])==null?void 0:m.varRef},u=g=>{var v;return(v=l(g))!=null?v:g},[f,p]=Ea(r);return r=(o=(n=l(f))!=null?n:u(p))!=null?o:u(r),r};function Pa(e){const{configs:r={},pseudos:n={},theme:o}=e,l=(u,f=!1)=>{var p,g,v;const m=mr(u,o),k=Ca(m)(o);let y={};for(let T in k){const W=k[T];let D=mr(W,o);T in n&&(T=n[T]),Oa(T,D)&&(D=Aa(o,D));let O=r[T];if(O===!0&&(O={property:T}),ir(D)){y[T]=(p=y[T])!=null?p:{},y[T]=Xe({},y[T],l(D,!0));continue}let A=(v=(g=O==null?void 0:O.transform)==null?void 0:g.call(O,D,o,m))!=null?v:D;A=O!=null&&O.processResult?l(A,!0):A;const w=mr(O==null?void 0:O.property,o);if(!f&&(O==null?void 0:O.static)){const me=mr(O.static,o);y=Xe({},y,me)}if(w&&Array.isArray(w)){for(const me of w)y[me]=A;continue}if(w){w==="&"&&ir(A)?y=Xe({},y,A):y[w]=A;continue}if(ir(A)){y=Xe({},y,A);continue}y[T]=A}return y};return l}var Ba=e=>r=>Pa({theme:r,pseudos:Et,configs:It})(e);function ja(e,r){if(Array.isArray(e))return e;if(ir(e))return r(e);if(e!=null)return[e]}function $a(e,r){for(let n=r+1;n<e.length;n++)if(e[n]!=null)return n;return-1}function Fa(e){const r=e.__breakpoints;return function(o,l,u,f){var p,g;if(!r)return;const v={},m=ja(u,r.toArrayValue);if(!m)return v;const k=m.length,y=k===1,T=!!o.parts;for(let W=0;W<k;W++){const D=r.details[W],O=r.details[$a(m,W)],A=_a(D.minW,O==null?void 0:O._minW),w=mr((p=o[l])==null?void 0:p[m[W]],f);if(!!w){if(T){(g=o.parts)==null||g.forEach(me=>{Xe(v,{[me]:y?w[me]:{[A]:w[me]}})});continue}if(!T){y?Xe(v,w):v[A]=w;continue}v[A]=w}}return v}}function Wa(e){return r=>{var n;const{variant:o,size:l,theme:u}=r,f=Fa(u);return Xe({},mr((n=e.baseStyle)!=null?n:{},r),f(e,"sizes",l,r),f(e,"variants",o,r))}}function La(e){return Ta(e,["styleConfig","size","variant","colorScheme"])}function Ma(e,r){const n={};return Object.keys(e).forEach(o=>{r.includes(o)||(n[o]=e[o])}),n}function Da(e,r,n,o){const l=typeof r=="string"?r.split("."):[r];for(o=0;o<l.length&&e;o+=1)e=e[l[o]];return e===void 0?n:e}var za=e=>{const r=new WeakMap;return(o,l,u,f)=>{if(typeof o>"u")return e(o,l,u);r.has(o)||r.set(o,new Map);const p=r.get(o);if(p.has(l))return p.get(l);const g=e(o,l,u,f);return p.set(l,g),g}},Na=za(Da);function xn(e,r){const n={};return Object.keys(e).forEach(o=>{const l=e[o];r(l,o,e)&&(n[o]=l)}),n}var Rn=e=>xn(e,r=>r!=null);function Va(e){return typeof e=="function"}process.env.NODE_ENV;process.env.NODE_ENV;function Ga(e,...r){return Va(e)?e(...r):e}var Ya=typeof Element<"u",Ha=typeof Map=="function",Ua=typeof Set=="function",Xa=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function Gr(e,r){if(e===r)return!0;if(e&&r&&typeof e=="object"&&typeof r=="object"){if(e.constructor!==r.constructor)return!1;var n,o,l;if(Array.isArray(e)){if(n=e.length,n!=r.length)return!1;for(o=n;o--!==0;)if(!Gr(e[o],r[o]))return!1;return!0}var u;if(Ha&&e instanceof Map&&r instanceof Map){if(e.size!==r.size)return!1;for(u=e.entries();!(o=u.next()).done;)if(!r.has(o.value[0]))return!1;for(u=e.entries();!(o=u.next()).done;)if(!Gr(o.value[1],r.get(o.value[0])))return!1;return!0}if(Ua&&e instanceof Set&&r instanceof Set){if(e.size!==r.size)return!1;for(u=e.entries();!(o=u.next()).done;)if(!r.has(o.value[0]))return!1;return!0}if(Xa&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(r)){if(n=e.length,n!=r.length)return!1;for(o=n;o--!==0;)if(e[o]!==r[o])return!1;return!0}if(e.constructor===RegExp)return e.source===r.source&&e.flags===r.flags;if(e.valueOf!==Object.prototype.valueOf&&typeof e.valueOf=="function"&&typeof r.valueOf=="function")return e.valueOf()===r.valueOf();if(e.toString!==Object.prototype.toString&&typeof e.toString=="function"&&typeof r.toString=="function")return e.toString()===r.toString();if(l=Object.keys(e),n=l.length,n!==Object.keys(r).length)return!1;for(o=n;o--!==0;)if(!Object.prototype.hasOwnProperty.call(r,l[o]))return!1;if(Ya&&e instanceof Element)return!1;for(o=n;o--!==0;)if(!((l[o]==="_owner"||l[o]==="__v"||l[o]==="__o")&&e.$$typeof)&&!Gr(e[l[o]],r[l[o]]))return!1;return!0}return e!==e&&r!==r}var qa=function(r,n){try{return Gr(r,n)}catch(o){if((o.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw o}};function Ka(e,r={}){var n;const{styleConfig:o,...l}=r,{theme:u,colorMode:f}=zo(),p=e?Na(u,`components.${e}`):void 0,g=o||p,v=Xe({theme:u,colorMode:f},(n=g==null?void 0:g.defaultProps)!=null?n:{},Rn(Ma(l,["children"]))),m=G.useRef({});if(g){const y=Wa(g)(v);qa(m.current,y)||(m.current=y)}return m.current}function Ja(e,r={}){return Ka(e,r)}var Za=new Set([...wa,"textStyle","layerStyle","apply","noOfLines","focusBorderColor","errorBorderColor","as","__css","css","sx"]),Qa=new Set(["htmlWidth","htmlHeight","htmlSize","htmlTranslate"]);function ei(e){return Qa.has(e)||!Za.has(e)}function ri(e,...r){if(e==null)throw new TypeError("Cannot convert undefined or null to object");const n={...e};for(const o of r)if(o!=null)for(const l in o)!Object.prototype.hasOwnProperty.call(o,l)||(l in n&&delete n[l],n[l]=o[l]);return n}var Zt,ti=(Zt=Nt.default.default)!=null?Zt:Nt.default,ni=({baseStyle:e})=>r=>{const{theme:n,css:o,__css:l,sx:u,...f}=r,p=xn(f,(k,y)=>Ra(y)),g=Ga(e,r),v=ri({},l,g,Rn(p),u),m=Ba(v)(r.theme);return o?[m,o]:m};function ft(e,r){const{baseStyle:n,...o}=r!=null?r:{};o.shouldForwardProp||(o.shouldForwardProp=ei);const l=ni({baseStyle:n}),u=ti(e,o)(l);return he.default.forwardRef(function(g,v){const{colorMode:m,forced:k}=yn();return j(u,{ref:v,"data-theme":k?m:void 0,...g})})}function oi(){const e=new Map;return new Proxy(ft,{apply(r,n,o){return ft(...o)},get(r,n){return e.has(n)||e.set(n,ft(n)),e.get(n)}})}var Me=oi();function De(e){return G.forwardRef(e)}Object.freeze(["base","sm","md","lg","xl","2xl"]);function Qt(e,r){return Array.isArray(e)?e.map(n=>n===null?null:r(n)):ir(e)?Object.keys(e).reduce((n,o)=>(n[o]=r(e[o]),n),{}):e!=null?r(e):null}function en(e){return typeof e=="number"?`${e}px`:e}var ai=De(function(r,n){const{spacing:o="0.5rem",spacingX:l,spacingY:u,children:f,justify:p,direction:g,align:v,className:m,shouldWrapChildren:k,...y}=r,T=G.useMemo(()=>{const{spacingX:D=o,spacingY:O=o}={spacingX:l,spacingY:u};return{"--chakra-wrap-x-spacing":A=>Qt(D,w=>en(gt("space",w)(A))),"--chakra-wrap-y-spacing":A=>Qt(O,w=>en(gt("space",w)(A))),"--wrap-x-spacing":"calc(var(--chakra-wrap-x-spacing) / 2)","--wrap-y-spacing":"calc(var(--chakra-wrap-y-spacing) / 2)",display:"flex",flexWrap:"wrap",justifyContent:p,alignItems:v,flexDirection:g,listStyleType:"none",padding:"0",margin:"calc(var(--wrap-y-spacing) * -1) calc(var(--wrap-x-spacing) * -1)","& > *:not(style)":{margin:"var(--wrap-y-spacing) var(--wrap-x-spacing)"}}},[o,l,u,p,v,g]),W=G.useMemo(()=>k?G.Children.map(f,(D,O)=>j(Ot,{children:D},O)):f,[f,k]);return j(Me.div,{ref:n,className:Sn("chakra-wrap",m),overflow:"hidden",...y,children:j(Me.ul,{className:"chakra-wrap__list",__css:T,children:W})})});ai.displayName="Wrap";var Ot=De(function(r,n){const{className:o,...l}=r;return j(Me.li,{ref:n,__css:{display:"flex",alignItems:"flex-start"},className:Sn("chakra-wrap__listitem",o),...l})});Ot.displayName="WrapItem";var At=Me("div");At.displayName="Box";var Cn=De(function(r,n){const{size:o,centerContent:l=!0,...u}=r;return j(At,{ref:n,boxSize:o,__css:{...l?{display:"flex",alignItems:"center",justifyContent:"center"}:{},flexShrink:0,flexGrow:0},...u})});Cn.displayName="Square";var ii=De(function(r,n){const{size:o,...l}=r;return j(Cn,{size:o,ref:n,borderRadius:"9999px",...l})});ii.displayName="Circle";var En=De(function(r,n){const{direction:o,align:l,justify:u,wrap:f,basis:p,grow:g,shrink:v,...m}=r,k={display:"flex",flexDirection:o,alignItems:l,justifyContent:u,flexWrap:f,flexBasis:p,flexGrow:g,flexShrink:v};return j(Me.div,{ref:n,__css:k,...m})});En.displayName="Flex";const si=e=>{const{getEmptyStateProps:r}=sr(),n=r(j(En,{...li,children:"No options found!"}));return j(At,{...e,children:n})},li={fontSize:"sm",align:"center",justify:"center",fontWeight:"bold",fontStyle:"italic"},rn=["AutoCompleteGroup","AutoCompleteItem","AutoCompleteCreatable"],ci=e=>{const r=he.default.Children.map(e,(l,u)=>{var f;if(((f=l==null?void 0:l.type)==null?void 0:f.displayName)==="AutoCompleteGroup"){const p=he.default.Children.toArray(e)[u+1];return he.default.cloneElement(l,{groupSibling:p?p.type.displayName==="AutoCompleteGroup":!1})}return l}),n=he.default.Children.toArray(r).filter(l=>{var u;return!rn.includes((u=l==null?void 0:l.type)==null?void 0:u.displayName)});return[he.default.Children.toArray(r).filter(l=>{var u;return rn.includes((u=l==null?void 0:l.type)==null?void 0:u.displayName)}),n]},In=N.forwardRef((e,r)=>{const{children:n,...o}=e,{listRef:l,getListProps:u}=sr(),f=N.useMergeRefs(r,l),p=u(),[g,v]=ci(n);return Or(N.PopoverContent,{ref:f,...ui,...p,...o,children:[g,j(si,{}),v]})});In.displayName="AutoCompleteList";const ui={mt:"4",py:"4",opacity:"0",bg:"#232934",rounded:"md",maxH:"350px",border:"none",shadow:"base",pos:"absolute",zIndex:"popover",overflowY:"auto",_light:{bg:"#ffffff"},_focus:{boxShadow:"none"}};var tn={path:Or("g",{stroke:"currentColor",strokeWidth:"1.5",children:[j("path",{strokeLinecap:"round",fill:"none",d:"M9,9a3,3,0,1,1,4,2.829,1.5,1.5,0,0,0-1,1.415V14.25"}),j("path",{fill:"currentColor",strokeLinecap:"round",d:"M12,17.25a.375.375,0,1,0,.375.375A.375.375,0,0,0,12,17.25h0"}),j("circle",{fill:"none",strokeMiterlimit:"10",cx:"12",cy:"12",r:"11.25"})]}),viewBox:"0 0 24 24"},qr=De((e,r)=>{const{as:n,viewBox:o,color:l="currentColor",focusable:u=!1,children:f,className:p,__css:g,...v}=e,m=wo("chakra-icon",p),k={w:"1em",h:"1em",display:"inline-block",lineHeight:"1em",flexShrink:0,color:l,...g},y={ref:r,focusable:u,className:m,__css:k},T=o!=null?o:tn.viewBox;if(n&&typeof n!="string")return he.default.createElement(Me.svg,{as:n,...y,...v});const W=f!=null?f:tn.path;return he.default.createElement(Me.svg,{verticalAlign:"middle",viewBox:T,...y,...v},W)});vr&&(qr.displayName="Icon");var[di,On]=cn({name:"TagStylesContext",errorMessage:`useTagStyles returned is 'undefined'. Seems you forgot to wrap the components in "<Tag />" `}),An=De((e,r)=>{const n=Ja("Tag",e),o=La(e),l={display:"inline-flex",verticalAlign:"top",alignItems:"center",maxWidth:"100%",...n.container};return he.default.createElement(di,{value:n},he.default.createElement(Me.span,{ref:r,...o,__css:l}))});vr&&(An.displayName="Tag");var Pn=De((e,r)=>{const n=On();return he.default.createElement(Me.span,{ref:r,noOfLines:1,...e,__css:n.label})});vr&&(Pn.displayName="TagLabel");var fi=De((e,r)=>j(qr,{ref:r,verticalAlign:"top",marginEnd:"0.5rem",...e}));vr&&(fi.displayName="TagLeftIcon");var pi=De((e,r)=>j(qr,{ref:r,verticalAlign:"top",marginStart:"0.5rem",...e}));vr&&(pi.displayName="TagRightIcon");var Bn=e=>j(qr,{verticalAlign:"inherit",viewBox:"0 0 512 512",...e,children:j("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"})});vr&&(Bn.displayName="TagCloseIcon");var jn=e=>{const{isDisabled:r,children:n,...o}=e,l=On(),u={display:"flex",alignItems:"center",justifyContent:"center",outline:"0",...l.closeButton};return he.default.createElement(Me.button,{"aria-label":"close",...o,type:"button",disabled:r,__css:u},n||j(Bn,{}))};vr&&(jn.displayName="TagCloseButton");const gi=G.memo(e=>{const{label:r,onRemove:n,disabled:o,...l}=e;return j(Ot,{children:Or(An,{borderRadius:"md",fontWeight:"normal",...o&&nn,...l,children:[j(Pn,{children:r}),j(jn,{onClick:()=>!o&&Z(n),cursor:"pointer",...o&&nn})]})})}),nn={cursor:"text",userSelect:"none",opacity:.4,_focus:{boxShadow:"none"}};exports.AutoComplete=pn;exports.AutoCompleteCreatable=hn;exports.AutoCompleteGroup=mn;exports.AutoCompleteGroupTitle=vn;exports.AutoCompleteInput=Rt;exports.AutoCompleteItem=gn;exports.AutoCompleteList=In;exports.AutoCompleteProvider=un;exports.AutoCompleteTag=gi;exports.baseItemStyles=xt;exports.useAutoComplete=fn;exports.useAutoCompleteContext=sr;
|
package/dist/types.d.ts
CHANGED
|
@@ -1,124 +1,124 @@
|
|
|
1
|
-
import { BoxProps,
|
|
2
|
-
import { MaybeRenderProp } from "@chakra-ui/react-utils";
|
|
3
|
-
import React, { Dispatch, SetStateAction } from "react";
|
|
4
|
-
import { AutoCompleteGroupProps } from "./autocomplete-group";
|
|
5
|
-
import { AutoCompleteInputProps } from "./autocomplete-input";
|
|
6
|
-
import { AutoCompleteProps } from "./autocomplete";
|
|
7
|
-
import { AutoCompleteItemProps } from "./autocomplete-item";
|
|
8
|
-
export interface Item {
|
|
9
|
-
value: any;
|
|
10
|
-
label?: any;
|
|
11
|
-
fixed?: boolean;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
itemVal?: any;
|
|
14
|
-
noFilter?: boolean;
|
|
15
|
-
creatable?: boolean;
|
|
16
|
-
originalValue?: any;
|
|
17
|
-
}
|
|
18
|
-
export declare type UseAutoCompleteProps = Partial<{
|
|
19
|
-
closeOnBlur: boolean;
|
|
20
|
-
closeOnSelect: boolean;
|
|
21
|
-
creatable: boolean;
|
|
22
|
-
defaultIsOpen: boolean;
|
|
23
|
-
defaultValue: Item["value"];
|
|
24
|
-
defaultValues: Item["value"][];
|
|
25
|
-
disableFilter: boolean;
|
|
26
|
-
emphasize: boolean |
|
|
27
|
-
emptyState: boolean | MaybeRenderProp<{
|
|
28
|
-
|
|
29
|
-
}>;
|
|
30
|
-
filter: (query: string, optionValue: Item["value"], optionLabel: Item["label"]) => boolean;
|
|
31
|
-
focusInputOnSelect: boolean;
|
|
32
|
-
freeSolo: boolean;
|
|
33
|
-
isReadOnly: boolean;
|
|
34
|
-
listAllValuesOnFocus: boolean;
|
|
35
|
-
maxSelections: number;
|
|
36
|
-
maxSuggestions: number;
|
|
37
|
-
multiple: boolean;
|
|
38
|
-
onChange: (value: Item["value"] | Item["value"][], item: Item | Item[]) => void;
|
|
39
|
-
onCreateOption: (params: {
|
|
40
|
-
item: Item;
|
|
41
|
-
selectMethod: "mouse" | "keyboard" | null;
|
|
42
|
-
}) => boolean | void;
|
|
43
|
-
onSelectOption: (params: {
|
|
44
|
-
item: Item;
|
|
45
|
-
selectMethod: "mouse" | "keyboard" | null;
|
|
46
|
-
isNewInput?: boolean;
|
|
47
|
-
}) => boolean | void;
|
|
48
|
-
onOptionFocus: (params: {
|
|
49
|
-
item: Item;
|
|
50
|
-
focusMethod: "mouse" | "keyboard" | null;
|
|
51
|
-
isNewInput?: boolean;
|
|
52
|
-
}) => boolean | void;
|
|
53
|
-
onTagRemoved: (removedTag: Item["value"], item: Item, tags: ItemTag[]) => void;
|
|
54
|
-
onReady: (params: OnReadyProps) => void;
|
|
55
|
-
openOnFocus: boolean;
|
|
56
|
-
restoreOnBlurIfEmpty: boolean;
|
|
57
|
-
rollNavigation: boolean;
|
|
58
|
-
selectOnFocus: boolean;
|
|
59
|
-
shouldRenderSuggestions: (value: string) => boolean;
|
|
60
|
-
submitKeys: string[];
|
|
61
|
-
suggestWhenEmpty: boolean;
|
|
62
|
-
value: Item["value"];
|
|
63
|
-
values: Item["value"][];
|
|
64
|
-
}>;
|
|
65
|
-
export declare type ItemTag = {
|
|
66
|
-
label: any;
|
|
67
|
-
onRemove: () => void;
|
|
68
|
-
};
|
|
69
|
-
export declare type OnReadyProps = {
|
|
70
|
-
tags: ItemTag[];
|
|
71
|
-
};
|
|
72
|
-
export declare type InputReturnProps = {
|
|
73
|
-
wrapper: {
|
|
74
|
-
onClick: React.MouseEventHandler<HTMLDivElement>;
|
|
75
|
-
ref: React.RefObject<HTMLDivElement>;
|
|
76
|
-
} & WrapProps;
|
|
77
|
-
input: InputProps;
|
|
78
|
-
};
|
|
79
|
-
export declare type ItemReturnProps = {
|
|
80
|
-
item: FlexProps;
|
|
81
|
-
root: {
|
|
82
|
-
isValidSuggestion: boolean;
|
|
83
|
-
value: AutoCompleteItemProps["value"];
|
|
84
|
-
};
|
|
85
|
-
};
|
|
86
|
-
export declare type ListReturnProps = {
|
|
87
|
-
width: number;
|
|
88
|
-
};
|
|
89
|
-
export declare type GroupReturnProps = {
|
|
90
|
-
divider: {
|
|
91
|
-
hasFirstChild: boolean;
|
|
92
|
-
hasLastChild: boolean;
|
|
93
|
-
};
|
|
94
|
-
group: BoxProps;
|
|
95
|
-
};
|
|
96
|
-
export declare type UseAutoCompleteReturn = {
|
|
97
|
-
autoCompleteProps: AutoCompleteProps;
|
|
98
|
-
children: React.ReactNode;
|
|
99
|
-
filteredList: Item[];
|
|
100
|
-
filteredResults: Item[];
|
|
101
|
-
focusedValue: Item["value"];
|
|
102
|
-
getEmptyStateProps: (component: any) => any;
|
|
103
|
-
getGroupProps: (props: AutoCompleteGroupProps) => GroupReturnProps;
|
|
104
|
-
getInputProps: (props: AutoCompleteInputProps, themeInput?: any) => InputReturnProps;
|
|
105
|
-
getItemProps: (props: AutoCompleteItemProps, creatable?: boolean) => ItemReturnProps;
|
|
106
|
-
getListProps: () => ListReturnProps;
|
|
107
|
-
inputRef: React.RefObject<HTMLInputElement>;
|
|
108
|
-
interactionRef: React.RefObject<"mouse" | "keyboard" | null>;
|
|
109
|
-
isOpen: boolean;
|
|
110
|
-
itemList: Item[];
|
|
111
|
-
listRef: React.RefObject<HTMLDivElement>;
|
|
112
|
-
onClose: () => void;
|
|
113
|
-
onOpen: () => void;
|
|
114
|
-
query: string;
|
|
115
|
-
removeItem: (valueToRemove?: Item["value"], focusInput?: boolean) => void;
|
|
116
|
-
resetItems: (focusInput?: boolean) => void;
|
|
117
|
-
setQuery: Dispatch<SetStateAction<any>>;
|
|
118
|
-
tags: ItemTag[];
|
|
119
|
-
values: Item["value"][];
|
|
120
|
-
};
|
|
121
|
-
export declare type AutoCompleteRefMethods = {
|
|
122
|
-
removeItem: UseAutoCompleteReturn["removeItem"];
|
|
123
|
-
resetItems: UseAutoCompleteReturn["resetItems"];
|
|
124
|
-
} | undefined;
|
|
1
|
+
import { BoxProps, FlexProps, InputProps, SystemStyleObject, WrapProps } from "@chakra-ui/react";
|
|
2
|
+
import { MaybeRenderProp } from "@chakra-ui/react-utils";
|
|
3
|
+
import React, { Dispatch, SetStateAction } from "react";
|
|
4
|
+
import { AutoCompleteGroupProps } from "./autocomplete-group";
|
|
5
|
+
import { AutoCompleteInputProps } from "./autocomplete-input";
|
|
6
|
+
import { AutoCompleteProps } from "./autocomplete";
|
|
7
|
+
import { AutoCompleteItemProps } from "./autocomplete-item";
|
|
8
|
+
export interface Item {
|
|
9
|
+
value: any;
|
|
10
|
+
label?: any;
|
|
11
|
+
fixed?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
itemVal?: any;
|
|
14
|
+
noFilter?: boolean;
|
|
15
|
+
creatable?: boolean;
|
|
16
|
+
originalValue?: any;
|
|
17
|
+
}
|
|
18
|
+
export declare type UseAutoCompleteProps = Partial<{
|
|
19
|
+
closeOnBlur: boolean;
|
|
20
|
+
closeOnSelect: boolean;
|
|
21
|
+
creatable: boolean;
|
|
22
|
+
defaultIsOpen: boolean;
|
|
23
|
+
defaultValue: Item["value"];
|
|
24
|
+
defaultValues: Item["value"][];
|
|
25
|
+
disableFilter: boolean;
|
|
26
|
+
emphasize: boolean | SystemStyleObject;
|
|
27
|
+
emptyState: boolean | MaybeRenderProp<{
|
|
28
|
+
query: Item["value"];
|
|
29
|
+
}>;
|
|
30
|
+
filter: (query: string, optionValue: Item["value"], optionLabel: Item["label"]) => boolean;
|
|
31
|
+
focusInputOnSelect: boolean;
|
|
32
|
+
freeSolo: boolean;
|
|
33
|
+
isReadOnly: boolean;
|
|
34
|
+
listAllValuesOnFocus: boolean;
|
|
35
|
+
maxSelections: number;
|
|
36
|
+
maxSuggestions: number;
|
|
37
|
+
multiple: boolean;
|
|
38
|
+
onChange: (value: Item["value"] | Item["value"][], item: Item | Item[]) => void;
|
|
39
|
+
onCreateOption: (params: {
|
|
40
|
+
item: Item;
|
|
41
|
+
selectMethod: "mouse" | "keyboard" | null;
|
|
42
|
+
}) => boolean | void;
|
|
43
|
+
onSelectOption: (params: {
|
|
44
|
+
item: Item;
|
|
45
|
+
selectMethod: "mouse" | "keyboard" | null;
|
|
46
|
+
isNewInput?: boolean;
|
|
47
|
+
}) => boolean | void;
|
|
48
|
+
onOptionFocus: (params: {
|
|
49
|
+
item: Item;
|
|
50
|
+
focusMethod: "mouse" | "keyboard" | null;
|
|
51
|
+
isNewInput?: boolean;
|
|
52
|
+
}) => boolean | void;
|
|
53
|
+
onTagRemoved: (removedTag: Item["value"], item: Item, tags: ItemTag[]) => void;
|
|
54
|
+
onReady: (params: OnReadyProps) => void;
|
|
55
|
+
openOnFocus: boolean;
|
|
56
|
+
restoreOnBlurIfEmpty: boolean;
|
|
57
|
+
rollNavigation: boolean;
|
|
58
|
+
selectOnFocus: boolean;
|
|
59
|
+
shouldRenderSuggestions: (value: string) => boolean;
|
|
60
|
+
submitKeys: string[];
|
|
61
|
+
suggestWhenEmpty: boolean;
|
|
62
|
+
value: Item["value"];
|
|
63
|
+
values: Item["value"][];
|
|
64
|
+
}>;
|
|
65
|
+
export declare type ItemTag = {
|
|
66
|
+
label: any;
|
|
67
|
+
onRemove: () => void;
|
|
68
|
+
};
|
|
69
|
+
export declare type OnReadyProps = {
|
|
70
|
+
tags: ItemTag[];
|
|
71
|
+
};
|
|
72
|
+
export declare type InputReturnProps = {
|
|
73
|
+
wrapper: {
|
|
74
|
+
onClick: React.MouseEventHandler<HTMLDivElement>;
|
|
75
|
+
ref: React.RefObject<HTMLDivElement>;
|
|
76
|
+
} & WrapProps;
|
|
77
|
+
input: InputProps;
|
|
78
|
+
};
|
|
79
|
+
export declare type ItemReturnProps = {
|
|
80
|
+
item: FlexProps;
|
|
81
|
+
root: {
|
|
82
|
+
isValidSuggestion: boolean;
|
|
83
|
+
value: AutoCompleteItemProps["value"];
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
export declare type ListReturnProps = {
|
|
87
|
+
width: number;
|
|
88
|
+
};
|
|
89
|
+
export declare type GroupReturnProps = {
|
|
90
|
+
divider: {
|
|
91
|
+
hasFirstChild: boolean;
|
|
92
|
+
hasLastChild: boolean;
|
|
93
|
+
};
|
|
94
|
+
group: BoxProps;
|
|
95
|
+
};
|
|
96
|
+
export declare type UseAutoCompleteReturn = {
|
|
97
|
+
autoCompleteProps: AutoCompleteProps;
|
|
98
|
+
children: React.ReactNode;
|
|
99
|
+
filteredList: Item[];
|
|
100
|
+
filteredResults: Item[];
|
|
101
|
+
focusedValue: Item["value"];
|
|
102
|
+
getEmptyStateProps: (component: any) => any;
|
|
103
|
+
getGroupProps: (props: AutoCompleteGroupProps) => GroupReturnProps;
|
|
104
|
+
getInputProps: (props: AutoCompleteInputProps, themeInput?: any) => InputReturnProps;
|
|
105
|
+
getItemProps: (props: AutoCompleteItemProps, creatable?: boolean) => ItemReturnProps;
|
|
106
|
+
getListProps: () => ListReturnProps;
|
|
107
|
+
inputRef: React.RefObject<HTMLInputElement>;
|
|
108
|
+
interactionRef: React.RefObject<"mouse" | "keyboard" | null>;
|
|
109
|
+
isOpen: boolean;
|
|
110
|
+
itemList: Item[];
|
|
111
|
+
listRef: React.RefObject<HTMLDivElement>;
|
|
112
|
+
onClose: () => void;
|
|
113
|
+
onOpen: () => void;
|
|
114
|
+
query: string;
|
|
115
|
+
removeItem: (valueToRemove?: Item["value"], focusInput?: boolean) => void;
|
|
116
|
+
resetItems: (focusInput?: boolean) => void;
|
|
117
|
+
setQuery: Dispatch<SetStateAction<any>>;
|
|
118
|
+
tags: ItemTag[];
|
|
119
|
+
values: Item["value"][];
|
|
120
|
+
};
|
|
121
|
+
export declare type AutoCompleteRefMethods = {
|
|
122
|
+
removeItem: UseAutoCompleteReturn["removeItem"];
|
|
123
|
+
resetItems: UseAutoCompleteReturn["resetItems"];
|
|
124
|
+
} | undefined;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { AutoCompleteProps } from "./autocomplete";
|
|
2
|
-
import { UseAutoCompleteReturn } from "./types";
|
|
3
|
-
/**
|
|
4
|
-
* useAutoComplete that provides all the state and focus management logic
|
|
5
|
-
* for the autocomplete component. It is consumed by the `Autocomplete` component
|
|
6
|
-
*
|
|
7
|
-
*/
|
|
8
|
-
export declare function useAutoComplete(autoCompleteProps: AutoCompleteProps): UseAutoCompleteReturn;
|
|
1
|
+
import { AutoCompleteProps } from "./autocomplete";
|
|
2
|
+
import { UseAutoCompleteReturn } from "./types";
|
|
3
|
+
/**
|
|
4
|
+
* useAutoComplete that provides all the state and focus management logic
|
|
5
|
+
* for the autocomplete component. It is consumed by the `Autocomplete` component
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
export declare function useAutoComplete(autoCompleteProps: AutoCompleteProps): UseAutoCompleteReturn;
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "5.1.
|
|
2
|
+
"version": "5.1.7",
|
|
3
3
|
"license": "MIT",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"typings": "dist/index.d.ts",
|
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
"analyze": "size-limit --why"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
|
-
"@chakra-ui/react": "^2.
|
|
23
|
+
"@chakra-ui/react": "^2.5.5",
|
|
24
24
|
"@emotion/react": "^11.10.0",
|
|
25
25
|
"@emotion/styled": "^11.10.0",
|
|
26
|
-
"framer-motion": "
|
|
26
|
+
"framer-motion": ">7.6.14",
|
|
27
27
|
"react": "^18.2.0"
|
|
28
28
|
},
|
|
29
29
|
"husky": {
|
|
@@ -55,15 +55,15 @@
|
|
|
55
55
|
],
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@babel/core": "^7.18.10",
|
|
58
|
-
"@chakra-ui/react": "^2.
|
|
59
|
-
"@emotion/react": "^11.10.
|
|
60
|
-
"@emotion/styled": "^11.10.
|
|
58
|
+
"@chakra-ui/react": "^2.5.5",
|
|
59
|
+
"@emotion/react": "^11.10.6",
|
|
60
|
+
"@emotion/styled": "^11.10.6",
|
|
61
61
|
"@size-limit/preset-small-lib": "^5.0.1",
|
|
62
62
|
"@types/react": "^18.0.17",
|
|
63
63
|
"@types/react-dom": "^18.0.6",
|
|
64
64
|
"@vitejs/plugin-react": "2.0.1",
|
|
65
65
|
"babel-loader": "^8.2.5",
|
|
66
|
-
"framer-motion": "
|
|
66
|
+
"framer-motion": ">7.6.14",
|
|
67
67
|
"husky": "^7.0.1",
|
|
68
68
|
"react": "^18.2.0",
|
|
69
69
|
"react-dom": "^18.2.0",
|
|
@@ -80,4 +80,4 @@
|
|
|
80
80
|
"@chakra-ui/utils": "^2.0.8",
|
|
81
81
|
"react-nanny": "2.15.0"
|
|
82
82
|
}
|
|
83
|
-
}
|
|
83
|
+
}
|
package/Changelog.md
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
# v4 Changelog
|
|
2
|
-
|
|
3
|
-
v4.0.0
|
|
4
|
-
|
|
5
|
-
- New multiple prop
|
|
6
|
-
- New AutoCompleteTag component
|
|
7
|
-
- Input can Now be controlled
|
|
8
|
-
- Now built on hooks
|
|
9
|
-
- Automatic list scroll
|
|
10
|
-
- Allow custom filter method
|
|
11
|
-
- onChangeProps new provides values array, when it's multiple
|
|
12
|
-
- onSelectOption params changed - `click` to `mouse`
|
|
13
|
-
- New onOptionFocus method
|
|
14
|
-
- New `AutoCompleteGroupTitle` component. `AutoCompleteGroup` no longer takes a title prop.
|
|
15
|
-
- `AutoCompleteFixedItem` is not exported, just add `fixed` prop to `AutoCompleteItem`
|
|
16
|
-
- `_fixed` pseudo prop to style fixed items
|
|
17
|
-
- `emptyState` can now be a function that is provided with the `inputValue`
|
|
18
|
-
- new `AutoCompleteCreatable` Component in place of `creatable` prop for easier user customization. It takes a function child that exposes the current value, or just normal children. And it's accepts flexProps
|
|
19
|
-
- use `_selected` pseudo prop to apply selected styles to items
|
|
20
|
-
- add `disabled` prop to Items which can be styled with `_disabled` pseudo prop
|
|
21
|
-
- `onTagRemoved` method is called when a tag is removed in the `multiple` multi select mode.
|
|
22
|
-
|
|
23
|
-
v4.1.0
|
|
24
|
-
- ✨ Add `maxSelections` prop 9136eba
|
|
25
|
-
|
|
26
|
-
v4.5.3
|
|
27
|
-
- 🐛 Patch Input width eda5cdb
|
|
28
|
-
- ✨ Return full item object in `AutoCompleteTags` callback b81919b
|