@choc-ui/chakra-autocomplete 6.1.5 → 6.1.7

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { jsx as a, jsxs as Y, Fragment as at } from "react/jsx-runtime";
+import { jsx as a, jsxs as Y, Fragment as Ye } from "react/jsx-runtime";
 import * as N from "react";
 import E, { useMemo as U, useRef as te, useState as Le, useEffect as L, forwardRef as B, useImperativeHandle as ct, memo as ft } from "react";
-import { useDisclosure as dt, useControllableState as pt, IconButton as mt, Portal as gt, Popover as P, chakra as ht, Flex as pe, Box as je, Separator as Ve, Group as vt, InputElement as $e, Input as yt, Spinner as Ye, PopoverAnchor as bt, Center as Ct, Tag as Q } from "@chakra-ui/react";
+import { useDisclosure as dt, useControllableState as pt, IconButton as mt, Portal as gt, Popover as P, chakra as ht, Flex as pe, Box as je, Separator as Ve, Group as vt, InputElement as $e, Input as yt, PopoverAnchor as bt, Spinner as Xe, Center as Ct, Tag as Q } from "@chakra-ui/react";
 const [It, W] = wt();
 function wt() {
   const e = N.createContext(void 0);
@@ -22,16 +22,16 @@ function xt(e) {
 function Ne(e) {
   return e?.length ? e[e.length - 1] : void 0;
 }
-function Xe(e, t, n = 1, r = !0) {
+function qe(e, t, n = 1, r = !0) {
   if (t === 0) return -1;
   let o = e + n;
   return e === -1 && (o = n > 0 ? 0 : t - 1), r ? o = (o % t + t) % t : o = Math.max(0, Math.min(o, t - 1)), o;
 }
 function St(e, t, n = !0) {
-  return Xe(e, t, -1, n);
+  return qe(e, t, -1, n);
 }
 function Ot(e, t, n = !0) {
-  const r = Xe(e, t.length, 1, n);
+  const r = qe(e, t.length, 1, n);
   return t[r];
 }
 function At(e, t, n = !0) {
@@ -56,7 +56,7 @@ function Te(e) {
 function ce(e) {
   return typeof e > "u";
 }
-function qe(e) {
+function Je(e) {
   return typeof e < "u";
 }
 function Rt(e, t) {
@@ -115,10 +115,10 @@ var ge = function(e, t) {
   for (var n = 0, r = t.length, o = e.length; n < r; n++, o++)
     e[o] = t[n];
   return e;
-}, Je = function(e, t) {
+}, Ze = function(e, t) {
   for (var n, r = N.Children.toArray(e), o = [], i = 0, l = r; i < l.length; i++) {
     var u = l[i];
-    t(u) && (o = ae(ae([], o), [u])), !((n = u.props) === null || n === void 0) && n.children && (o = ae(ae([], o), Je(u.props.children, t)));
+    t(u) && (o = ae(ae([], o), [u])), !((n = u.props) === null || n === void 0) && n.children && (o = ae(ae([], o), Ze(u.props.children, t)));
   }
   return o;
 };
@@ -140,12 +140,12 @@ function He(e, t, n = 2) {
 const Ge = (e) => (typeof e == "string" || typeof e == "number" ? e : e[Object.keys(e)[0]])?.toString(), Ft = (e, t) => typeof e != "string" || Te(t) ? e : e.toString().replace(
   new RegExp(Gt(t), "gi"),
   (r) => `<mark>${r}</mark>`
-), Dt = (e) => Je(
+), Dt = (e) => Ze(
   e,
   (n) => n?.type?.displayName === "AutoCompleteItem"
 ).map((n) => {
   const r = Rt(n.props, ["value", "label", "fixed", "disabled"]), { getValue: o = Ge } = n.props, i = o(r.value);
-  return { ...qe(r.label) ? r : { ...r, label: i }, value: i, originalValue: r.value };
+  return { ...Je(r.label) ? r : { ...r, label: i }, value: i, originalValue: r.value };
 }), Tt = () => ({
   bg: "whiteAlpha.100",
   _light: {
@@ -161,7 +161,7 @@ const Mt = (e, t) => ge(
 ), Wt = (e, t) => ge(
   e,
   (r) => r?.type?.displayName === "AutoCompleteItem" && r.props.value === t?.value
-), kt = (e, t) => qe(
+), kt = (e, t) => Je(
   ge(e, (n) => {
     const r = m(
       n.props?.getValue || Ge,
@@ -221,14 +221,14 @@ function zt(e) {
       (s, d) => h ? s.fixed || d < h : !0
     ),
     [j, C, We, h, X]
-  ), se = r ? [{ value: j, noFilter: !0, creatable: !0 }] : [], v = U(() => [...xe, ...se], [xe, se]), nt = U(() => [...C, ...se], [C, se]), [F, Se] = pt({
+  ), se = r ? [{ value: j, noFilter: !0, creatable: !0 }] : [], v = U(() => [...xe, ...se], [xe, se]), rt = U(() => [...C, ...se], [C, se]), [F, Se] = pt({
     defaultValue: w.map((s) => s?.toString()),
     value: Ce,
     onChange: (s) => {
       const d = v.find((S) => S.value === s.at(-1));
       if (!d) return;
       const I = s.map(
-        (S) => nt.find((R) => R.value === S)
+        (S) => rt.find((R) => R.value === S)
       );
       m(
         e.onChange,
@@ -242,15 +242,15 @@ function zt(e) {
   }, [v.length, i, x]);
   const [K, D] = Le(
     t ? C[0]?.value : null
-  ), rt = e.maxSelections || F.length + 1, Oe = v.findIndex((s) => s.value === K), ot = Ot(
+  ), ot = e.maxSelections || F.length + 1, Oe = v.findIndex((s) => s.value === K), it = Ot(
     Oe,
     v,
     !!e.rollNavigation
-  ), it = At(
+  ), st = At(
     Oe,
     v,
     !!e.rollNavigation
-  ), le = xt(v), st = Ne(v), ke = !v.some(
+  ), le = xt(v), lt = Ne(v), ke = !v.some(
     (s) => s.value === K
   );
   L(() => {
@@ -271,7 +271,7 @@ function zt(e) {
   }, [K, e.onOptionFocus]);
   const Ae = (s) => {
     const d = v.find((S) => S.value === s), I = d?.label || d?.value;
-    J(() => f ? "" : I ?? ""), !F.includes(s) && F.length < rt && Se((S) => f ? [...S, s] : [s]), f && M.current?.focus(), e.focusInputOnSelect && M.current?.focus(), m(e.onSelectOption, {
+    J(() => f ? "" : I ?? ""), !F.includes(s) && F.length < ot && Se((S) => f ? [...S, s] : [s]), f && M.current?.focus(), e.focusInputOnSelect && M.current?.focus(), m(e.onSelectOption, {
       item: d,
       selectMethod: H.current,
       isNewInput: d?.creatable
@@ -286,7 +286,7 @@ function zt(e) {
     });
     const I = C.find((R) => R.value === s), S = I?.label || I?.value;
     j === S && J(""), d && M.current?.focus();
-  }, lt = (s) => {
+  }, ut = (s) => {
     Se([]), s && M.current?.focus();
   }, Be = f ? F.map((s) => ({
     label: C.find((d) => d.value === s?.toString())?.label || s,
@@ -332,7 +332,7 @@ function zt(e) {
           ...Z
         },
         input: {
-          isReadOnly: c,
+          readOnly: c,
           onFocus: (p) => {
             m(R, p), e.openOnFocus && !c && $(), e.selectOnFocus && p.target.select(), g && oe(!0);
           },
@@ -362,11 +362,11 @@ function zt(e) {
               return;
             }
             if (b === "ArrowDown") {
-              x ? D(ot?.value) : $(), p.preventDefault();
+              x ? D(it?.value) : $(), p.preventDefault();
               return;
             }
             if (b === "ArrowUp") {
-              x ? D(it?.value) : $(), p.preventDefault();
+              x ? D(st?.value) : $(), p.preventDefault();
               return;
             }
             if (b === "Tab") {
@@ -378,7 +378,7 @@ function zt(e) {
               return;
             }
             if (b === "End") {
-              D(st?.value), p.preventDefault();
+              D(lt?.value), p.preventDefault();
               return;
             }
             b === "Escape" && (G(), p.preventDefault());
@@ -404,7 +404,7 @@ function zt(e) {
         onMouseOver: Ee,
         //sx,
         ...ue
-      } = s, _ = d ? Z : b(Z)?.toString(), Pe = _ === K, ut = v.findIndex((ee) => ee.value === _) >= 0, Re = R || z || _;
+      } = s, _ = d ? Z : b(Z)?.toString(), Pe = _ === K, at = v.findIndex((ee) => ee.value === _) >= 0, Re = R || z || _;
       return {
         item: {
           ...typeof Re != "string" || !o ? { children: Re } : {
@@ -436,7 +436,7 @@ function zt(e) {
           ...ue
         },
         root: {
-          isValidSuggestion: ut,
+          isValidSuggestion: at,
           value: _
         }
       };
@@ -452,20 +452,20 @@ function zt(e) {
     placement: q,
     query: j,
     removeItem: ze,
-    resetItems: lt,
+    resetItems: ut,
     setQuery: J,
     tags: Be,
     value: k,
     values: F
   };
 }
-var Ze = {
+var et = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Ke = E.createContext && /* @__PURE__ */ E.createContext(Ze), Bt = ["attr", "size", "title"];
+}, Ke = E.createContext && /* @__PURE__ */ E.createContext(et), Bt = ["attr", "size", "title"];
 function Vt(e, t) {
   if (e == null) return {};
   var n = $t(e, t), r, o;
@@ -534,15 +534,15 @@ function Qt(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function et(e) {
+function tt(e) {
   return e && e.map((t, n) => /* @__PURE__ */ E.createElement(t.tag, de({
     key: n
-  }, t.attr), et(t.child)));
+  }, t.attr), tt(t.child)));
 }
 function Ut(e) {
   return (t) => /* @__PURE__ */ E.createElement(Yt, fe({
     attr: de({}, e.attr)
-  }, t), et(e.child));
+  }, t), tt(e.child));
 }
 function Yt(e) {
   var t = (n) => {
@@ -565,7 +565,7 @@ function Yt(e) {
       xmlns: "http://www.w3.org/2000/svg"
     }), i && /* @__PURE__ */ E.createElement("title", null, i), e.children);
   };
-  return Ke !== void 0 ? /* @__PURE__ */ E.createElement(Ke.Consumer, null, (n) => t(n)) : t(Ze);
+  return Ke !== void 0 ? /* @__PURE__ */ E.createElement(Ke.Consumer, null, (n) => t(n)) : t(et);
 }
 function Xt(e) {
   return Ut({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M18 6 6 18" }, child: [] }, { tag: "path", attr: { d: "m6 6 12 12" }, child: [] }] })(e);
@@ -646,11 +646,11 @@ const nn = B(
       );
     }, []);
     const { children: f, dangerouslySetInnerHTML: y, ...O } = u.item, w = me(O, ["groupId"]);
-    return c ? /* @__PURE__ */ a(pe, { ref: l, ...tt, ...w, children: f || /* @__PURE__ */ a("span", { dangerouslySetInnerHTML: y }) }) : null;
+    return c ? /* @__PURE__ */ a(pe, { ref: l, ...nt, ...w, children: f || /* @__PURE__ */ a("span", { dangerouslySetInnerHTML: y }) }) : null;
   }
 );
 nn.displayName = "AutoCompleteItem";
-const tt = {
+const nt = {
   mx: "2",
   px: "2",
   py: "2",
@@ -673,7 +673,7 @@ function rn(e) {
     },
     !0
   ).item, h = u.some((O) => O.value === l), f = Te(l) ? t : !0;
-  return o.creatable && f && !h ? /* @__PURE__ */ a(pe, { ...tt, ...g, ...r, children: c || `Add ${l}` }) : null;
+  return o.creatable && f && !h ? /* @__PURE__ */ a(pe, { ...nt, ...g, ...r, children: c || `Add ${l}` }) : null;
 }
 rn.displayName = "AutoCompleteCreatable";
 const on = B(
@@ -737,8 +737,9 @@ const ln = {
     ] });
   }
 ), cn = B((e, t) => {
-  const { isLoading: n } = W(), { loadingIcon: r, ...o } = e, i = me(o, ["children", "wrapStyles", "hidePlaceholder"]), l = /* @__PURE__ */ a(yt, { ...i, ref: t });
-  return n ? /* @__PURE__ */ a(an, { w: "full", endElement: r || /* @__PURE__ */ a(Ye, {}), children: l }) : l;
+  const { isLoading: n } = W(), { loadingIcon: r, ...o } = e, i = me(o, ["children", "wrapStyles", "hidePlaceholder"]);
+  let l;
+  return n && (l = r || /* @__PURE__ */ a(Xe, {})), /* @__PURE__ */ a(an, { w: "full", endElement: /* @__PURE__ */ a(Ye, { children: l }), children: /* @__PURE__ */ a(yt, { ...i, ref: t }) });
 }), fn = B(
   (e, t) => {
     const {
@@ -821,8 +822,8 @@ const dn = (e) => {
   (e, t) => {
     const { children: n, loadingState: r, ...o } = e, { listRef: i, isLoading: l } = W(), u = _e(t, i), [c, g] = mn(n);
     return /* @__PURE__ */ a(Jt, { width: "auto", children: /* @__PURE__ */ Y(en, { ref: u, w: "inherit", ...hn, ...o, children: [
-      l && /* @__PURE__ */ a(Ct, { children: r || /* @__PURE__ */ a(Ye, { size: "md" }) }),
-      !l && /* @__PURE__ */ Y(at, { children: [
+      l && /* @__PURE__ */ a(Ct, { children: r || /* @__PURE__ */ a(Xe, { size: "md" }) }),
+      !l && /* @__PURE__ */ Y(Ye, { children: [
         c,
         /* @__PURE__ */ a(dn, {}),
         g
@@ -895,7 +896,7 @@ export {
   gn as AutoCompleteList,
   It as AutoCompleteProvider,
   An as AutoCompleteTag,
-  tt as baseItemStyles,
+  nt as baseItemStyles,
   wt as createContext,
   zt as useAutoComplete,
   W as useAutoCompleteContext

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),i=require("react"),f=require("@chakra-ui/react");function it(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const R=it(i),[ke,M]=Be();function Be(){const e=R.createContext(void 0);e.displayName="AutoCompleteContext";function t(){const n=R.useContext(e),r="useAutoCompleteContext: `context` is undefined. Seems you forgot to wrap all autoomplete components within `<AutoComplete />`";if(!n){const o=new Error(r);throw o.name="ContextError",Error.captureStackTrace?.(o,t),o}return n}return[e.Provider,t,e]}function ut(e){return e?.[0]}function we(e){return e?.length?e[e.length-1]:void 0}function We(e,t,n=1,r=!0){if(t===0)return-1;let o=e+n;return e===-1&&(o=n>0?0:t-1),r?o=(o%t+t)%t:o=Math.max(0,Math.min(o,t-1)),o}function at(e,t,n=!0){return We(e,t,-1,n)}function ct(e,t,n=!0){const r=We(e,t.length,1,n);return t[r]}function ft(e,t,n=!0){const r=at(e,t.length,n);return t[r]}function je(e){return Array.isArray(e)}function pt(e){return je(e)&&e.length===0}function Se(e){return e!==null&&typeof e=="object"&&!je(e)}function dt(e){return Se(e)&&Object.keys(e).length===0}function Ae(e){return je(e)?pt(e):Se(e)?dt(e):e==null||e===""}function oe(e){return typeof e>"u"}function ze(e){return typeof e<"u"}function mt(e,t){const n={};return t.forEach(r=>{r in e&&(n[r]=e[r])}),n}function ie(e,t){const n={...e};return t.forEach(r=>{delete n[r]}),n}function gt(e){return typeof e=="function"}function h(e,...t){return gt(e)?e(...t):e}function ht(e,t){if(e!=null){if(typeof e=="function"){e(t);return}try{e.current=t}catch{throw new Error(`Cannot assign value '${t}' to ref '${e}'`)}}}function vt(...e){return t=>{e.forEach(n=>{ht(n,t)})}}function Ee(...e){return i.useMemo(()=>vt(...e),e)}var ue=function(e,t){for(var n,r=R.Children.toArray(e),o=0,s=r;o<s.length;o++){var a=s[o];if(t(a))return a;if(!((n=a.props)===null||n===void 0)&&n.children){var c=ue(a.props.children,t);if(c)return c}}},re=function(e,t){for(var n=0,r=t.length,o=e.length;n<r;n++,o++)e[o]=t[n];return e},Ve=function(e,t){for(var n,r=R.Children.toArray(e),o=[],s=0,a=r;s<a.length;s++){var c=a[s];t(c)&&(o=re(re([],o),[c])),!((n=c.props)===null||n===void 0)&&n.children&&(o=re(re([],o),Ve(c.props.children,t)))}return o};function De(e,t,n=2){function r(d,x){d=" ".repeat(x-1)+d.toLowerCase()+" ".repeat(x-1);let E=new Array(d.length-x+1);for(let j=0;j<E.length;j++)E[j]=d.slice(j,j+x);return E}if(!e?.length||!t?.length)return 0;let o=e.length<t.length?e:t,s=e.length<t.length?t:e,a=r(o,n),c=r(s,n),p=new Set(a),v=c.length,y=0;for(let d of c)p.delete(d)&&y++;return y/v}const Pe=e=>(typeof e=="string"||typeof e=="number"?e:e[Object.keys(e)[0]])?.toString(),yt=(e,t)=>typeof e!="string"||Ae(t)?e:e.toString().replace(new RegExp(It(t),"gi"),r=>`<mark>${r}</mark>`),bt=e=>Ve(e,n=>n?.type?.displayName==="AutoCompleteItem").map(n=>{const r=mt(n.props,["value","label","fixed","disabled"]),{getValue:o=Pe}=n.props,s=o(r.value);return{...ze(r.label)?r:{...r,label:s},value:s,originalValue:r.value}}),xt=()=>({bg:"whiteAlpha.100",_light:{bg:"gray.200"}}),Ct=(e,t,n)=>t?.toLowerCase().indexOf(e?.toLowerCase())>=0||n?.toLowerCase().indexOf(e?.toLowerCase())>=0||De(e,t)>=.5||De(e,n)>=.5;function It(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}const wt=(e,t)=>ue(e,r=>r?.type?.displayName==="AutoCompleteItem"&&r.props.value===t?.value),jt=(e,t)=>ue(e,r=>r?.type?.displayName==="AutoCompleteItem"&&r.props.value===t?.value),St=(e,t)=>ze(ue(e,n=>{const r=h(n.props?.getValue||Pe,n.props?.value||{});return t.some(o=>o.value===r)}));function $e(e){let{prefocusFirstItem:t=!0,closeOnBlur:n=!0,creatable:r,emphasize:o,emptyState:s=!0,defaultEmptyStateProps:a={},freeSolo:c,isReadOnly:p,listAllValuesOnFocus:v,maxSuggestions:y,multiple:d,closeOnSelect:x=!d,defaultValue:E,defaultValues:j=E?[E]:[],onReady:W,defaultIsOpen:ae,disableFilter:H,isLoading:ce=!1,placement:K="bottom",restoreOnBlurIfEmpty:Y=!c,shouldRenderSuggestions:fe=()=>!0,submitKeys:X=[],suggestWhenEmpty:pe,value:k,values:de=k?typeof k=="string"?[k]:[...k]:void 0}=e;c=c||(d?!0:e.freeSolo);const{open:S,onClose:_,onOpen:z}=f.useDisclosure({open:ae}),me=i.useMemo(()=>h(e.children,{isOpen:S,onClose:_,onOpen:z}),[e.children,S]),I=i.useMemo(()=>bt(me),[me]),G=i.useRef(null),Re=i.useRef(null),ge=i.useRef(null),V=i.useRef(null),[Le,J]=i.useState(!1);let Z="";d?Z="":oe(j)?oe(de)||(Z=de[0]):Z=j[0];const[L,Q]=i.useState(Z??""),he=i.useMemo(()=>H?I:I.filter(l=>l.fixed||h(e.filter||Ct,L,l.value,l.label)||Le).filter((l,m)=>y?l.fixed||m<y:!0),[L,I,Le,y,H]),ee=r?[{value:L,noFilter:!0,creatable:!0}]:[],b=i.useMemo(()=>[...he,...ee],[he,ee]),et=i.useMemo(()=>[...I,...ee],[I,ee]),[T,ve]=f.useControllableState({defaultValue:j.map(l=>l?.toString()),value:de,onChange:l=>{const m=b.find(A=>A.value===l.at(-1));if(!m)return;const w=l.map(A=>et.find(O=>O.value===A));h(e.onChange,d?l:l[0],d?w:m)}});i.useEffect(()=>{b.length===0&&!s&&S&&_()},[b.length,s,S]);const[$,N]=i.useState(t?I[0]?.value:null),tt=e.maxSelections||T.length+1,ye=b.findIndex(l=>l.value===$),nt=ct(ye,b,!!e.rollNavigation),rt=ft(ye,b,!!e.rollNavigation),te=ut(b),ot=we(b),Te=!b.some(l=>l.value===$);i.useEffect(()=>{Te&&N(t?I[0]?.value:null)},[Te]),i.useEffect(()=>{t&&N(te?.value)},[t,N,L,te?.value]),i.useEffect(()=>{!S&&t&&N(I[0]?.value)},[S]),i.useEffect(()=>{S&&v&&J(!0)},[S,v,J]),i.useEffect(()=>{const l=I.find(m=>m.value===$);h(e.onOptionFocus,{item:l,focusMethod:V.current,isNewInput:l?.creatable})},[$,e.onOptionFocus]);const be=l=>{const m=b.find(A=>A.value===l),w=m?.label||m?.value;Q(()=>d?"":w??""),!T.includes(l)&&T.length<tt&&ve(A=>d?[...A,l]:[l]),d&&G.current?.focus(),e.focusInputOnSelect&&G.current?.focus(),h(e.onSelectOption,{item:m,selectMethod:V.current,isNewInput:m?.creatable}),m?.creatable&&h(e.onCreateOption,{item:ie(m,["noFilter"]),selectMethod:V.current}),x&&_()},Ne=(l,m)=>{ve(O=>{let F=I.find(B=>B.value===l);return!F&&r===!0&&(F={label:l,value:l}),F?(h(e.onTagRemoved,l,F,O),O.filter(B=>B!==l)):O});const w=I.find(O=>O.value===l),A=w?.label||w?.value;L===A&&Q(""),m&&G.current?.focus()},st=l=>{ve([]),l&&G.current?.focus()},Fe=d?T.map(l=>({label:I.find(m=>m.value===l?.toString())?.label||l,onRemove:()=>Ne(l)})):[];return i.useEffect(()=>{h(W,{tags:Fe})},[T]),{autoCompleteProps:e,children:me,filteredList:b,filteredResults:he,focusedValue:$,defaultEmptyStateProps:a,getEmptyStateProps:l=>{if(b.every(w=>w.noFilter)&&s&&!r)return typeof s=="boolean"?l:h(s,{query:L})},getGroupProps:l=>{const m=St(l.children,b);return{divider:{hasFirstChild:wt(l.children,te),hasLastChild:jt(l.children,we(b.filter(w=>oe(w?.noFilter))))},group:{display:m?"initial":"none"}}},getInputProps:(l,m)=>{const{onBlur:w,onChange:A,onFocus:O,onKeyDown:F,variant:B,...q}=l;return{wrapper:{ref:Re,onClick:()=>{G?.current?.focus()},...q},input:{isReadOnly:p,onFocus:g=>{h(O,g),e.openOnFocus&&!p&&z(),e.selectOnFocus&&g.target.select(),v&&J(!0)},onBlur:g=>{h(w,g);const C=g.relatedTarget===ge?.current||ge.current?.contains(g.relatedTarget),P=Re.current?.contains(g.relatedTarget);if(!C&&!P&&(n&&_(),!T.includes(g.target.value)&&Y)){const xe=we(T),ne=I.find(Ce=>Ce.value===xe),D=ne?.label||ne?.value||"";Q(D)}},onChange:g=>{const C=g.target.value;h(A,g),Q(C);const P=Ae(C);h(fe,C)&&(!P||pe)?z():_(),J(!1)},onKeyDown:g=>{h(F,g),V.current="keyboard";const{key:C}=g,P=b[ye];if(["Enter",...X].includes(C)){P&&!P?.disabled&&S?be(P?.value):G.current?.focus(),g.preventDefault();return}if(C==="ArrowDown"){S?N(nt?.value):z(),g.preventDefault();return}if(C==="ArrowUp"){S?N(rt?.value):z(),g.preventDefault();return}if(C==="Tab"){S&&P&&!P?.disabled?be(P?.value):_();return}if(C==="Home"){N(te?.value),g.preventDefault();return}if(C==="End"){N(ot?.value),g.preventDefault();return}C==="Escape"&&(_(),g.preventDefault())},value:L,variant:B,...q}}},getItemProps:(l,m)=>{const{_fixed:w,_focus:A,children:O,disabled:F,label:B,value:q,fixed:g,getValue:C=Pe,onClick:P,onMouseOver:xe,...ne}=l,D=m?q:C(q)?.toString(),Ce=D===$,lt=b.findIndex(U=>U.value===D)>=0,Ie=O||B||D;return{item:{...typeof Ie!="string"||!o?{children:Ie}:{dangerouslySetInnerHTML:{__html:yt(Ie,L)}},"aria-selected":T.includes(D),"aria-disabled":F,_disabled:{opacity:.4,cursor:"not-allowed",userSelect:"none"},onMouseDown:U=>{h(P,U),F?G.current?.focus():be(D)},onMouseOver:U=>{h(xe,U),N(D),V.current="mouse"},sx:{mark:{color:"inherit",bg:"transparent",...Se(o)?o:{fontWeight:o?"extrabold":"inherit"}}},...Ce&&(A||xt()),...g&&w,...ne},root:{isValidSuggestion:lt,value:D}}},inputRef:G,interactionRef:V,isLoading:ce,isOpen:S,itemList:I,listRef:ge,onClose:_,onOpen:z,placement:K,query:L,removeItem:Ne,resetItems:st,setQuery:Q,tags:Fe,value:k,values:T}}var He={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},Me=i.createContext&&i.createContext(He),At=["attr","size","title"];function Et(e,t){if(e==null)return{};var n=Pt(e,t),r,o;if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)r=s[o],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function Pt(e,t){if(e==null)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},se.apply(this,arguments)}function _e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,r)}return n}function le(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?_e(Object(n),!0).forEach(function(r){Ot(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_e(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function Ot(e,t,n){return t=Rt(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Rt(e){var t=Lt(e,"string");return typeof t=="symbol"?t:t+""}function Lt(e,t){if(typeof e!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ke(e){return e&&e.map((t,n)=>i.createElement(t.tag,le({key:n},t.attr),Ke(t.child)))}function Tt(e){return t=>i.createElement(Nt,se({attr:le({},e.attr)},t),Ke(e.child))}function Nt(e){var t=n=>{var{attr:r,size:o,title:s}=e,a=Et(e,At),c=o||n.size||"1em",p;return n.className&&(p=n.className),e.className&&(p=(p?p+" ":"")+e.className),i.createElement("svg",se({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,r,a,{className:p,style:le(le({color:e.color||n.color},n.style),e.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),s&&i.createElement("title",null,s),e.children)};return Me!==void 0?i.createElement(Me.Consumer,null,n=>t(n)):t(He)}function Ft(e){return Tt({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M18 6 6 18"},child:[]},{tag:"path",attr:{d:"m6 6 12 12"},child:[]}]})(e)}const Dt=R.forwardRef(function(t,n){return u.jsx(f.IconButton,{variant:"ghost","aria-label":"Close",ref:n,...t,children:t.children??u.jsx(Ft,{})})}),Mt=R.forwardRef(function(t,n){const{portalled:r=!0,portalRef:o,...s}=t;return u.jsx(f.Portal,{disabled:!r,container:o,children:u.jsx(f.Popover.Positioner,{children:u.jsx(f.Popover.Content,{ref:n,...s})})})});R.forwardRef(function(t,n){return u.jsx(f.Popover.Arrow,{...t,ref:n,children:u.jsx(f.Popover.ArrowTip,{})})});R.forwardRef(function(t,n){return u.jsx(f.Popover.CloseTrigger,{position:"absolute",top:"1",insetEnd:"1",...t,asChild:!0,ref:n,children:u.jsx(Dt,{size:"sm"})})});f.Popover.Title;f.Popover.Description;f.Popover.Footer;f.Popover.Header;const _t=f.Popover.Root,Gt=f.Popover.Body;f.Popover.Trigger;const Qe=i.forwardRef((e,t)=>{const n=$e(e),{children:r,isOpen:o,onClose:s,onOpen:a,placement:c,resetItems:p,removeItem:v}=n;i.useImperativeHandle(t,()=>({resetItems:p,removeItem:v}));const{matchWidth:y=!0}=n.autoCompleteProps;return u.jsx(ke,{value:n,children:u.jsx(_t,{open:o,autoFocus:!1,positioning:{placement:c,sameWidth:y},present:o,children:u.jsx(f.chakra.div,{w:"full",ref:t,children:r})})})});Qe.displayName="AutoComplete";const qe=i.forwardRef((e,t)=>{const{focusedValue:n,getItemProps:r,interactionRef:o}=M(),s=i.useRef(),a=Ee(t,s),c=r(e),{isValidSuggestion:p,value:v}=c.root,y=n===v;i.useEffect(()=>{y&&o.current==="keyboard"&&s?.current?.scrollIntoView({behavior:"smooth",block:"nearest"})},[y,o]),i.useEffect(()=>{typeof v!="string"&&console.warn("wow"),typeof v!="string"&&oe(e.getValue)&&console.error("You must define the `getValue` prop, when an Item's value is not a string")},[]);const{children:d,dangerouslySetInnerHTML:x,...E}=c.item,j=ie(E,["groupId"]);return p?u.jsx(f.Flex,{ref:a,...Oe,...j,children:d||u.jsx("span",{dangerouslySetInnerHTML:x})}):null});qe.displayName="AutoCompleteItem";const Oe={mx:"2",px:"2",py:"2",rounded:"md",cursor:"pointer"};function Ue(e){const{alwaysDisplay:t,children:n,...r}=e,{autoCompleteProps:o,getItemProps:s,query:a,filteredResults:c}=M(),{children:p,...v}=s({...e,value:a,children:h(n,{value:a})},!0).item,y=c.some(E=>E.value===a),d=Ae(a)?t:!0;return o.creatable&&d&&!y?u.jsx(f.Flex,{...Oe,...v,...r,children:p||`Add ${a}`}):null}Ue.displayName="AutoCompleteCreatable";const Ye=i.forwardRef((e,t)=>{const{children:n,showDivider:r,...o}=e,s=ie(o,["groupSibling"]),{getGroupProps:a}=M(),{group:c}=a(e),p=Bt(e);return u.jsxs(f.Box,{ref:t,...c,...s,children:[u.jsx(f.Separator,{...p.top}),n,u.jsx(f.Separator,{...p.bottom})]})}),Xe=i.forwardRef((e,t)=>u.jsx(f.Flex,{...kt,...e,ref:t}));Ye.displayName="AutoCompleteGroup";Xe.displayName="AutoCompleteGroupTitle";const kt={ml:5,my:1,fontSize:"xs",letterSpacing:"wider",fontWeight:"extrabold",textTransform:"uppercase"},Bt=e=>{const{getGroupProps:t}=M(),n=e.groupSibling,{divider:{hasFirstChild:r,hasLastChild:o}}=t(e),s={my:2,borderColor:e.dividerColor},a={...s,mb:4,display:!e.showDivider||r?"none":""},c={...s,display:!e.showDivider||o||n?"none":""};return{top:a,bottom:c}},Wt=R.forwardRef(function(t,n){const{startElement:r,startElementProps:o,endElement:s,endElementProps:a,children:c,startOffset:p="6px",endOffset:v="6px",...y}=t;return u.jsxs(f.Group,{ref:n,...y,children:[r&&u.jsx(f.InputElement,{pointerEvents:"none",...o,children:r}),R.cloneElement(c,{...r&&{ps:`calc(var(--input-height) - ${p})`},...s&&{pe:`calc(var(--input-height) - ${v})`},...c.props}),s&&u.jsx(f.InputElement,{placement:"end",...a,children:s})]})}),zt=i.forwardRef((e,t)=>{const{isLoading:n}=M(),{loadingIcon:r,...o}=e,s=ie(o,["children","wrapStyles","hidePlaceholder"]),a=u.jsx(f.Input,{...s,ref:t});return n?u.jsx(Wt,{w:"full",endElement:r||u.jsx(f.Spinner,{}),children:a}):a}),Je=i.forwardRef((e,t)=>{const{autoCompleteProps:n,inputRef:r,getInputProps:o,tags:s,setQuery:a,value:c,itemList:p}=M(),{children:v,hidePlaceholder:y,...d}=e,{value:x}=d;i.useEffect(()=>{if(c!==void 0&&(typeof c=="string"||c instanceof String)){const X=p.find(k=>k.value===c),pe=X===void 0?c:X.label;a(pe)}},[c]),i.useEffect(()=>{x!==void 0&&(typeof x=="string"||x instanceof String)&&a(x)},[x]);const E={};let{wrapper:j,input:W}=o(d,E);const{ref:ae,...H}=j,ce=Ee(t,r),K=h(v,{tags:s});y&&(W={...W,placeholder:Array.isArray(K)&&K.length?void 0:W.placeholder});const Y=u.jsx(zt,{...W,ref:ce}),fe=u.jsxs(f.Box,{...H,ref:ae,children:[K,Y]});return u.jsx(f.PopoverAnchor,{w:"full",...H,children:n.multiple?fe:Y})});Je.displayName="Input";const Vt=e=>{const{getEmptyStateProps:t,defaultEmptyStateProps:n}=M(),r=t(u.jsx(f.Flex,{...$t,...n,children:"No options found!"}));return u.jsx(f.Box,{...e,children:r})},$t={fontSize:"sm",align:"center",justify:"center",fontWeight:"bold",fontStyle:"italic"},Ge=["AutoCompleteGroup","AutoCompleteItem","AutoCompleteCreatable"],Ht=e=>{const t=i.Children.map(e,(o,s)=>{if(o?.type?.displayName==="AutoCompleteGroup"){const a=i.Children.toArray(e)[s+1];return i.cloneElement(o,{groupSibling:a?a.type.displayName==="AutoCompleteGroup":!1})}return o}),n=i.Children.toArray(t).filter(o=>!Ge.includes(o?.type?.displayName));return[i.Children.toArray(t).filter(o=>Ge.includes(o?.type?.displayName)),n]},Ze=i.forwardRef((e,t)=>{const{children:n,loadingState:r,...o}=e,{listRef:s,isLoading:a}=M(),c=Ee(t,s),[p,v]=Ht(n);return u.jsx(Mt,{width:"auto",children:u.jsxs(Gt,{ref:c,w:"inherit",...Kt,...o,children:[a&&u.jsx(f.Center,{children:r||u.jsx(f.Spinner,{size:"md"})}),!a&&u.jsxs(u.Fragment,{children:[p,u.jsx(Vt,{}),v]})]})})});Ze.displayName="AutoCompleteList";const Kt={px:"0px",bg:"#232934",rounded:"md",maxH:"350px",border:"none",shadow:"base",zIndex:"popover",overflowY:"auto",_light:{bg:"#ffffff"},_focus:{boxShadow:"none"}},Qt=R.forwardRef(function(t,n){const{startElement:r,endElement:o,onClose:s,closable:a=!!s,children:c,...p}=t;return u.jsxs(f.Tag.Root,{ref:n,...p,children:[r&&u.jsx(f.Tag.StartElement,{children:r}),u.jsx(f.Tag.Label,{children:c}),o&&u.jsx(f.Tag.EndElement,{children:o}),a&&u.jsx(f.Tag.EndElement,{children:u.jsx(f.Tag.CloseTrigger,{onClick:s})})]})}),qt=i.memo(e=>{const{label:t,onRemove:n,disabled:r,...o}=e;return u.jsx(Qt,{borderRadius:"md",fontWeight:"normal",closable:!0,onClose:()=>!r&&h(n),...r&&Ut,...o,children:t})}),Ut={cursor:"text",userSelect:"none",opacity:.4,_focus:{boxShadow:"none"}};exports.AutoComplete=Qe;exports.AutoCompleteCreatable=Ue;exports.AutoCompleteGroup=Ye;exports.AutoCompleteGroupTitle=Xe;exports.AutoCompleteInput=Je;exports.AutoCompleteItem=qe;exports.AutoCompleteList=Ze;exports.AutoCompleteProvider=ke;exports.AutoCompleteTag=qt;exports.baseItemStyles=Oe;exports.createContext=Be;exports.useAutoComplete=$e;exports.useAutoCompleteContext=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),i=require("react"),f=require("@chakra-ui/react");function it(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const R=it(i),[ke,M]=Be();function Be(){const e=R.createContext(void 0);e.displayName="AutoCompleteContext";function t(){const n=R.useContext(e),r="useAutoCompleteContext: `context` is undefined. Seems you forgot to wrap all autoomplete components within `<AutoComplete />`";if(!n){const o=new Error(r);throw o.name="ContextError",Error.captureStackTrace?.(o,t),o}return n}return[e.Provider,t,e]}function ut(e){return e?.[0]}function we(e){return e?.length?e[e.length-1]:void 0}function We(e,t,n=1,r=!0){if(t===0)return-1;let o=e+n;return e===-1&&(o=n>0?0:t-1),r?o=(o%t+t)%t:o=Math.max(0,Math.min(o,t-1)),o}function at(e,t,n=!0){return We(e,t,-1,n)}function ct(e,t,n=!0){const r=We(e,t.length,1,n);return t[r]}function ft(e,t,n=!0){const r=at(e,t.length,n);return t[r]}function je(e){return Array.isArray(e)}function dt(e){return je(e)&&e.length===0}function Se(e){return e!==null&&typeof e=="object"&&!je(e)}function pt(e){return Se(e)&&Object.keys(e).length===0}function Ae(e){return je(e)?dt(e):Se(e)?pt(e):e==null||e===""}function oe(e){return typeof e>"u"}function ze(e){return typeof e<"u"}function mt(e,t){const n={};return t.forEach(r=>{r in e&&(n[r]=e[r])}),n}function ie(e,t){const n={...e};return t.forEach(r=>{delete n[r]}),n}function gt(e){return typeof e=="function"}function h(e,...t){return gt(e)?e(...t):e}function ht(e,t){if(e!=null){if(typeof e=="function"){e(t);return}try{e.current=t}catch{throw new Error(`Cannot assign value '${t}' to ref '${e}'`)}}}function vt(...e){return t=>{e.forEach(n=>{ht(n,t)})}}function Ee(...e){return i.useMemo(()=>vt(...e),e)}var ue=function(e,t){for(var n,r=R.Children.toArray(e),o=0,s=r;o<s.length;o++){var a=s[o];if(t(a))return a;if(!((n=a.props)===null||n===void 0)&&n.children){var c=ue(a.props.children,t);if(c)return c}}},re=function(e,t){for(var n=0,r=t.length,o=e.length;n<r;n++,o++)e[o]=t[n];return e},Ve=function(e,t){for(var n,r=R.Children.toArray(e),o=[],s=0,a=r;s<a.length;s++){var c=a[s];t(c)&&(o=re(re([],o),[c])),!((n=c.props)===null||n===void 0)&&n.children&&(o=re(re([],o),Ve(c.props.children,t)))}return o};function De(e,t,n=2){function r(p,x){p=" ".repeat(x-1)+p.toLowerCase()+" ".repeat(x-1);let E=new Array(p.length-x+1);for(let j=0;j<E.length;j++)E[j]=p.slice(j,j+x);return E}if(!e?.length||!t?.length)return 0;let o=e.length<t.length?e:t,s=e.length<t.length?t:e,a=r(o,n),c=r(s,n),d=new Set(a),v=c.length,y=0;for(let p of c)d.delete(p)&&y++;return y/v}const Oe=e=>(typeof e=="string"||typeof e=="number"?e:e[Object.keys(e)[0]])?.toString(),yt=(e,t)=>typeof e!="string"||Ae(t)?e:e.toString().replace(new RegExp(It(t),"gi"),r=>`<mark>${r}</mark>`),bt=e=>Ve(e,n=>n?.type?.displayName==="AutoCompleteItem").map(n=>{const r=mt(n.props,["value","label","fixed","disabled"]),{getValue:o=Oe}=n.props,s=o(r.value);return{...ze(r.label)?r:{...r,label:s},value:s,originalValue:r.value}}),xt=()=>({bg:"whiteAlpha.100",_light:{bg:"gray.200"}}),Ct=(e,t,n)=>t?.toLowerCase().indexOf(e?.toLowerCase())>=0||n?.toLowerCase().indexOf(e?.toLowerCase())>=0||De(e,t)>=.5||De(e,n)>=.5;function It(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}const wt=(e,t)=>ue(e,r=>r?.type?.displayName==="AutoCompleteItem"&&r.props.value===t?.value),jt=(e,t)=>ue(e,r=>r?.type?.displayName==="AutoCompleteItem"&&r.props.value===t?.value),St=(e,t)=>ze(ue(e,n=>{const r=h(n.props?.getValue||Oe,n.props?.value||{});return t.some(o=>o.value===r)}));function $e(e){let{prefocusFirstItem:t=!0,closeOnBlur:n=!0,creatable:r,emphasize:o,emptyState:s=!0,defaultEmptyStateProps:a={},freeSolo:c,isReadOnly:d,listAllValuesOnFocus:v,maxSuggestions:y,multiple:p,closeOnSelect:x=!p,defaultValue:E,defaultValues:j=E?[E]:[],onReady:W,defaultIsOpen:ae,disableFilter:H,isLoading:ce=!1,placement:K="bottom",restoreOnBlurIfEmpty:Y=!c,shouldRenderSuggestions:fe=()=>!0,submitKeys:X=[],suggestWhenEmpty:de,value:k,values:pe=k?typeof k=="string"?[k]:[...k]:void 0}=e;c=c||(p?!0:e.freeSolo);const{open:S,onClose:_,onOpen:z}=f.useDisclosure({open:ae}),me=i.useMemo(()=>h(e.children,{isOpen:S,onClose:_,onOpen:z}),[e.children,S]),I=i.useMemo(()=>bt(me),[me]),G=i.useRef(null),Re=i.useRef(null),ge=i.useRef(null),V=i.useRef(null),[Le,J]=i.useState(!1);let Z="";p?Z="":oe(j)?oe(pe)||(Z=pe[0]):Z=j[0];const[L,Q]=i.useState(Z??""),he=i.useMemo(()=>H?I:I.filter(l=>l.fixed||h(e.filter||Ct,L,l.value,l.label)||Le).filter((l,m)=>y?l.fixed||m<y:!0),[L,I,Le,y,H]),ee=r?[{value:L,noFilter:!0,creatable:!0}]:[],b=i.useMemo(()=>[...he,...ee],[he,ee]),et=i.useMemo(()=>[...I,...ee],[I,ee]),[T,ve]=f.useControllableState({defaultValue:j.map(l=>l?.toString()),value:pe,onChange:l=>{const m=b.find(A=>A.value===l.at(-1));if(!m)return;const w=l.map(A=>et.find(P=>P.value===A));h(e.onChange,p?l:l[0],p?w:m)}});i.useEffect(()=>{b.length===0&&!s&&S&&_()},[b.length,s,S]);const[$,N]=i.useState(t?I[0]?.value:null),tt=e.maxSelections||T.length+1,ye=b.findIndex(l=>l.value===$),nt=ct(ye,b,!!e.rollNavigation),rt=ft(ye,b,!!e.rollNavigation),te=ut(b),ot=we(b),Te=!b.some(l=>l.value===$);i.useEffect(()=>{Te&&N(t?I[0]?.value:null)},[Te]),i.useEffect(()=>{t&&N(te?.value)},[t,N,L,te?.value]),i.useEffect(()=>{!S&&t&&N(I[0]?.value)},[S]),i.useEffect(()=>{S&&v&&J(!0)},[S,v,J]),i.useEffect(()=>{const l=I.find(m=>m.value===$);h(e.onOptionFocus,{item:l,focusMethod:V.current,isNewInput:l?.creatable})},[$,e.onOptionFocus]);const be=l=>{const m=b.find(A=>A.value===l),w=m?.label||m?.value;Q(()=>p?"":w??""),!T.includes(l)&&T.length<tt&&ve(A=>p?[...A,l]:[l]),p&&G.current?.focus(),e.focusInputOnSelect&&G.current?.focus(),h(e.onSelectOption,{item:m,selectMethod:V.current,isNewInput:m?.creatable}),m?.creatable&&h(e.onCreateOption,{item:ie(m,["noFilter"]),selectMethod:V.current}),x&&_()},Ne=(l,m)=>{ve(P=>{let F=I.find(B=>B.value===l);return!F&&r===!0&&(F={label:l,value:l}),F?(h(e.onTagRemoved,l,F,P),P.filter(B=>B!==l)):P});const w=I.find(P=>P.value===l),A=w?.label||w?.value;L===A&&Q(""),m&&G.current?.focus()},st=l=>{ve([]),l&&G.current?.focus()},Fe=p?T.map(l=>({label:I.find(m=>m.value===l?.toString())?.label||l,onRemove:()=>Ne(l)})):[];return i.useEffect(()=>{h(W,{tags:Fe})},[T]),{autoCompleteProps:e,children:me,filteredList:b,filteredResults:he,focusedValue:$,defaultEmptyStateProps:a,getEmptyStateProps:l=>{if(b.every(w=>w.noFilter)&&s&&!r)return typeof s=="boolean"?l:h(s,{query:L})},getGroupProps:l=>{const m=St(l.children,b);return{divider:{hasFirstChild:wt(l.children,te),hasLastChild:jt(l.children,we(b.filter(w=>oe(w?.noFilter))))},group:{display:m?"initial":"none"}}},getInputProps:(l,m)=>{const{onBlur:w,onChange:A,onFocus:P,onKeyDown:F,variant:B,...q}=l;return{wrapper:{ref:Re,onClick:()=>{G?.current?.focus()},...q},input:{readOnly:d,onFocus:g=>{h(P,g),e.openOnFocus&&!d&&z(),e.selectOnFocus&&g.target.select(),v&&J(!0)},onBlur:g=>{h(w,g);const C=g.relatedTarget===ge?.current||ge.current?.contains(g.relatedTarget),O=Re.current?.contains(g.relatedTarget);if(!C&&!O&&(n&&_(),!T.includes(g.target.value)&&Y)){const xe=we(T),ne=I.find(Ce=>Ce.value===xe),D=ne?.label||ne?.value||"";Q(D)}},onChange:g=>{const C=g.target.value;h(A,g),Q(C);const O=Ae(C);h(fe,C)&&(!O||de)?z():_(),J(!1)},onKeyDown:g=>{h(F,g),V.current="keyboard";const{key:C}=g,O=b[ye];if(["Enter",...X].includes(C)){O&&!O?.disabled&&S?be(O?.value):G.current?.focus(),g.preventDefault();return}if(C==="ArrowDown"){S?N(nt?.value):z(),g.preventDefault();return}if(C==="ArrowUp"){S?N(rt?.value):z(),g.preventDefault();return}if(C==="Tab"){S&&O&&!O?.disabled?be(O?.value):_();return}if(C==="Home"){N(te?.value),g.preventDefault();return}if(C==="End"){N(ot?.value),g.preventDefault();return}C==="Escape"&&(_(),g.preventDefault())},value:L,variant:B,...q}}},getItemProps:(l,m)=>{const{_fixed:w,_focus:A,children:P,disabled:F,label:B,value:q,fixed:g,getValue:C=Oe,onClick:O,onMouseOver:xe,...ne}=l,D=m?q:C(q)?.toString(),Ce=D===$,lt=b.findIndex(U=>U.value===D)>=0,Ie=P||B||D;return{item:{...typeof Ie!="string"||!o?{children:Ie}:{dangerouslySetInnerHTML:{__html:yt(Ie,L)}},"aria-selected":T.includes(D),"aria-disabled":F,_disabled:{opacity:.4,cursor:"not-allowed",userSelect:"none"},onMouseDown:U=>{h(O,U),F?G.current?.focus():be(D)},onMouseOver:U=>{h(xe,U),N(D),V.current="mouse"},sx:{mark:{color:"inherit",bg:"transparent",...Se(o)?o:{fontWeight:o?"extrabold":"inherit"}}},...Ce&&(A||xt()),...g&&w,...ne},root:{isValidSuggestion:lt,value:D}}},inputRef:G,interactionRef:V,isLoading:ce,isOpen:S,itemList:I,listRef:ge,onClose:_,onOpen:z,placement:K,query:L,removeItem:Ne,resetItems:st,setQuery:Q,tags:Fe,value:k,values:T}}var He={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},Me=i.createContext&&i.createContext(He),At=["attr","size","title"];function Et(e,t){if(e==null)return{};var n=Ot(e,t),r,o;if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)r=s[o],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function Ot(e,t){if(e==null)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},se.apply(this,arguments)}function _e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,r)}return n}function le(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?_e(Object(n),!0).forEach(function(r){Pt(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_e(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function Pt(e,t,n){return t=Rt(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Rt(e){var t=Lt(e,"string");return typeof t=="symbol"?t:t+""}function Lt(e,t){if(typeof e!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ke(e){return e&&e.map((t,n)=>i.createElement(t.tag,le({key:n},t.attr),Ke(t.child)))}function Tt(e){return t=>i.createElement(Nt,se({attr:le({},e.attr)},t),Ke(e.child))}function Nt(e){var t=n=>{var{attr:r,size:o,title:s}=e,a=Et(e,At),c=o||n.size||"1em",d;return n.className&&(d=n.className),e.className&&(d=(d?d+" ":"")+e.className),i.createElement("svg",se({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,r,a,{className:d,style:le(le({color:e.color||n.color},n.style),e.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),s&&i.createElement("title",null,s),e.children)};return Me!==void 0?i.createElement(Me.Consumer,null,n=>t(n)):t(He)}function Ft(e){return Tt({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M18 6 6 18"},child:[]},{tag:"path",attr:{d:"m6 6 12 12"},child:[]}]})(e)}const Dt=R.forwardRef(function(t,n){return u.jsx(f.IconButton,{variant:"ghost","aria-label":"Close",ref:n,...t,children:t.children??u.jsx(Ft,{})})}),Mt=R.forwardRef(function(t,n){const{portalled:r=!0,portalRef:o,...s}=t;return u.jsx(f.Portal,{disabled:!r,container:o,children:u.jsx(f.Popover.Positioner,{children:u.jsx(f.Popover.Content,{ref:n,...s})})})});R.forwardRef(function(t,n){return u.jsx(f.Popover.Arrow,{...t,ref:n,children:u.jsx(f.Popover.ArrowTip,{})})});R.forwardRef(function(t,n){return u.jsx(f.Popover.CloseTrigger,{position:"absolute",top:"1",insetEnd:"1",...t,asChild:!0,ref:n,children:u.jsx(Dt,{size:"sm"})})});f.Popover.Title;f.Popover.Description;f.Popover.Footer;f.Popover.Header;const _t=f.Popover.Root,Gt=f.Popover.Body;f.Popover.Trigger;const Qe=i.forwardRef((e,t)=>{const n=$e(e),{children:r,isOpen:o,onClose:s,onOpen:a,placement:c,resetItems:d,removeItem:v}=n;i.useImperativeHandle(t,()=>({resetItems:d,removeItem:v}));const{matchWidth:y=!0}=n.autoCompleteProps;return u.jsx(ke,{value:n,children:u.jsx(_t,{open:o,autoFocus:!1,positioning:{placement:c,sameWidth:y},present:o,children:u.jsx(f.chakra.div,{w:"full",ref:t,children:r})})})});Qe.displayName="AutoComplete";const qe=i.forwardRef((e,t)=>{const{focusedValue:n,getItemProps:r,interactionRef:o}=M(),s=i.useRef(),a=Ee(t,s),c=r(e),{isValidSuggestion:d,value:v}=c.root,y=n===v;i.useEffect(()=>{y&&o.current==="keyboard"&&s?.current?.scrollIntoView({behavior:"smooth",block:"nearest"})},[y,o]),i.useEffect(()=>{typeof v!="string"&&console.warn("wow"),typeof v!="string"&&oe(e.getValue)&&console.error("You must define the `getValue` prop, when an Item's value is not a string")},[]);const{children:p,dangerouslySetInnerHTML:x,...E}=c.item,j=ie(E,["groupId"]);return d?u.jsx(f.Flex,{ref:a,...Pe,...j,children:p||u.jsx("span",{dangerouslySetInnerHTML:x})}):null});qe.displayName="AutoCompleteItem";const Pe={mx:"2",px:"2",py:"2",rounded:"md",cursor:"pointer"};function Ue(e){const{alwaysDisplay:t,children:n,...r}=e,{autoCompleteProps:o,getItemProps:s,query:a,filteredResults:c}=M(),{children:d,...v}=s({...e,value:a,children:h(n,{value:a})},!0).item,y=c.some(E=>E.value===a),p=Ae(a)?t:!0;return o.creatable&&p&&!y?u.jsx(f.Flex,{...Pe,...v,...r,children:d||`Add ${a}`}):null}Ue.displayName="AutoCompleteCreatable";const Ye=i.forwardRef((e,t)=>{const{children:n,showDivider:r,...o}=e,s=ie(o,["groupSibling"]),{getGroupProps:a}=M(),{group:c}=a(e),d=Bt(e);return u.jsxs(f.Box,{ref:t,...c,...s,children:[u.jsx(f.Separator,{...d.top}),n,u.jsx(f.Separator,{...d.bottom})]})}),Xe=i.forwardRef((e,t)=>u.jsx(f.Flex,{...kt,...e,ref:t}));Ye.displayName="AutoCompleteGroup";Xe.displayName="AutoCompleteGroupTitle";const kt={ml:5,my:1,fontSize:"xs",letterSpacing:"wider",fontWeight:"extrabold",textTransform:"uppercase"},Bt=e=>{const{getGroupProps:t}=M(),n=e.groupSibling,{divider:{hasFirstChild:r,hasLastChild:o}}=t(e),s={my:2,borderColor:e.dividerColor},a={...s,mb:4,display:!e.showDivider||r?"none":""},c={...s,display:!e.showDivider||o||n?"none":""};return{top:a,bottom:c}},Wt=R.forwardRef(function(t,n){const{startElement:r,startElementProps:o,endElement:s,endElementProps:a,children:c,startOffset:d="6px",endOffset:v="6px",...y}=t;return u.jsxs(f.Group,{ref:n,...y,children:[r&&u.jsx(f.InputElement,{pointerEvents:"none",...o,children:r}),R.cloneElement(c,{...r&&{ps:`calc(var(--input-height) - ${d})`},...s&&{pe:`calc(var(--input-height) - ${v})`},...c.props}),s&&u.jsx(f.InputElement,{placement:"end",...a,children:s})]})}),zt=i.forwardRef((e,t)=>{const{isLoading:n}=M(),{loadingIcon:r,...o}=e,s=ie(o,["children","wrapStyles","hidePlaceholder"]);let a;return n&&(a=r||u.jsx(f.Spinner,{})),u.jsx(Wt,{w:"full",endElement:u.jsx(u.Fragment,{children:a}),children:u.jsx(f.Input,{...s,ref:t})})}),Je=i.forwardRef((e,t)=>{const{autoCompleteProps:n,inputRef:r,getInputProps:o,tags:s,setQuery:a,value:c,itemList:d}=M(),{children:v,hidePlaceholder:y,...p}=e,{value:x}=p;i.useEffect(()=>{if(c!==void 0&&(typeof c=="string"||c instanceof String)){const X=d.find(k=>k.value===c),de=X===void 0?c:X.label;a(de)}},[c]),i.useEffect(()=>{x!==void 0&&(typeof x=="string"||x instanceof String)&&a(x)},[x]);const E={};let{wrapper:j,input:W}=o(p,E);const{ref:ae,...H}=j,ce=Ee(t,r),K=h(v,{tags:s});y&&(W={...W,placeholder:Array.isArray(K)&&K.length?void 0:W.placeholder});const Y=u.jsx(zt,{...W,ref:ce}),fe=u.jsxs(f.Box,{...H,ref:ae,children:[K,Y]});return u.jsx(f.PopoverAnchor,{w:"full",...H,children:n.multiple?fe:Y})});Je.displayName="Input";const Vt=e=>{const{getEmptyStateProps:t,defaultEmptyStateProps:n}=M(),r=t(u.jsx(f.Flex,{...$t,...n,children:"No options found!"}));return u.jsx(f.Box,{...e,children:r})},$t={fontSize:"sm",align:"center",justify:"center",fontWeight:"bold",fontStyle:"italic"},Ge=["AutoCompleteGroup","AutoCompleteItem","AutoCompleteCreatable"],Ht=e=>{const t=i.Children.map(e,(o,s)=>{if(o?.type?.displayName==="AutoCompleteGroup"){const a=i.Children.toArray(e)[s+1];return i.cloneElement(o,{groupSibling:a?a.type.displayName==="AutoCompleteGroup":!1})}return o}),n=i.Children.toArray(t).filter(o=>!Ge.includes(o?.type?.displayName));return[i.Children.toArray(t).filter(o=>Ge.includes(o?.type?.displayName)),n]},Ze=i.forwardRef((e,t)=>{const{children:n,loadingState:r,...o}=e,{listRef:s,isLoading:a}=M(),c=Ee(t,s),[d,v]=Ht(n);return u.jsx(Mt,{width:"auto",children:u.jsxs(Gt,{ref:c,w:"inherit",...Kt,...o,children:[a&&u.jsx(f.Center,{children:r||u.jsx(f.Spinner,{size:"md"})}),!a&&u.jsxs(u.Fragment,{children:[d,u.jsx(Vt,{}),v]})]})})});Ze.displayName="AutoCompleteList";const Kt={px:"0px",bg:"#232934",rounded:"md",maxH:"350px",border:"none",shadow:"base",zIndex:"popover",overflowY:"auto",_light:{bg:"#ffffff"},_focus:{boxShadow:"none"}},Qt=R.forwardRef(function(t,n){const{startElement:r,endElement:o,onClose:s,closable:a=!!s,children:c,...d}=t;return u.jsxs(f.Tag.Root,{ref:n,...d,children:[r&&u.jsx(f.Tag.StartElement,{children:r}),u.jsx(f.Tag.Label,{children:c}),o&&u.jsx(f.Tag.EndElement,{children:o}),a&&u.jsx(f.Tag.EndElement,{children:u.jsx(f.Tag.CloseTrigger,{onClick:s})})]})}),qt=i.memo(e=>{const{label:t,onRemove:n,disabled:r,...o}=e;return u.jsx(Qt,{borderRadius:"md",fontWeight:"normal",closable:!0,onClose:()=>!r&&h(n),...r&&Ut,...o,children:t})}),Ut={cursor:"text",userSelect:"none",opacity:.4,_focus:{boxShadow:"none"}};exports.AutoComplete=Qe;exports.AutoCompleteCreatable=Ue;exports.AutoCompleteGroup=Ye;exports.AutoCompleteGroupTitle=Xe;exports.AutoCompleteInput=Je;exports.AutoCompleteItem=qe;exports.AutoCompleteList=Ze;exports.AutoCompleteProvider=ke;exports.AutoCompleteTag=qt;exports.baseItemStyles=Pe;exports.createContext=Be;exports.useAutoComplete=$e;exports.useAutoCompleteContext=M;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "6.1.5",
+  "version": "6.1.7",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",