@choc-ui/chakra-autocomplete 5.8.2 → 5.8.4

package/dist/components/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/components/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAmB,MAAM,kBAAkB,CAAC;AAIlE,eAAO,MAAM,UAAU,UAAW,QAAQ,4CAQzC,CAAC"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/components/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAmB,MAAM,kBAAkB,CAAC;AAIlE,eAAO,MAAM,UAAU,GAAI,OAAO,QAAQ,4CAQzC,CAAC"}

package/dist/helpers/group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../src/helpers/group.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,eAAO,MAAM,YAAY,aAAc,SAAS,aAAa,GAAG,QAS/D,CAAC;AACF,eAAO,MAAM,WAAW,aAAc,SAAS,YAAY,GAAG,QAQ7D,CAAC;AAEF,eAAO,MAAM,WAAW,aAAc,GAAG,gBAAgB,GAAG,EAAE,YAU7D,CAAC"}
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../src/helpers/group.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,eAAO,MAAM,YAAY,GAAI,UAAU,SAAS,EAAE,WAAW,GAAG,QAS/D,CAAC;AACF,eAAO,MAAM,WAAW,GAAI,UAAU,SAAS,EAAE,UAAU,GAAG,QAQ7D,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,UAAU,GAAG,EAAE,cAAc,GAAG,EAAE,YAU7D,CAAC"}

package/dist/helpers/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/helpers/input.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,eAAgB,GAAG,aAAa,OAAO,QAyCxE,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/helpers/input.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,GAAI,YAAY,GAAG,EAAE,WAAW,OAAO,QAyCxE,CAAC"}

package/dist/helpers/items.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../../src/helpers/items.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,eAAO,MAAM,eAAe,SAAU,qBAAqB,CAAC,OAAO,CAAC,QAIrD,CAAC;AAEhB,eAAO,MAAM,WAAW,aAAc,GAAG,SAAS,MAAM,QAWvD,CAAC;AAEF,eAAO,MAAM,WAAW,aAAc,SAAS,KAAG,IAAI,EAerD,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,SAOnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,UACvB,MAAM,aACF,IAAI,CAAC,OAAO,CAAC,aACb,IAAI,CAAC,OAAO,CAAC,YAQzB,CAAC"}
+{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../../src/helpers/items.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,eAAO,MAAM,eAAe,GAAI,MAAM,qBAAqB,CAAC,OAAO,CAAC,QAIrD,CAAC;AAEhB,eAAO,MAAM,WAAW,GAAI,UAAU,GAAG,EAAE,OAAO,MAAM,QAWvD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,UAAU,SAAS,KAAG,IAAI,EAerD,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,SAOnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,MAAM,EACb,WAAW,IAAI,CAAC,OAAO,CAAC,EACxB,WAAW,IAAI,CAAC,OAAO,CAAC,YAQzB,CAAC"}

package/dist/helpers/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/helpers/list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,WAAW,aAAc,KAAK,CAAC,SAAS,kSA8BpD,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/helpers/list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,WAAW,GAAI,UAAU,KAAK,CAAC,SAAS,kSA8BpD,CAAC"}

package/dist/index.es.js

@@ -1,14 +1,14 @@
-import { jsx as p, jsxs as V, Fragment as it } from "react/jsx-runtime";
-import * as fe from "react";
-import ee, { useMemo as ue, useRef as te, useState as Le, useEffect as D, useImperativeHandle as ut, memo as at } from "react";
-import { useDisclosure as ct, useControllableState as ft, useUpdateEffect as pt, forwardRef as H, Popover as dt, chakra as gt, useMergeRefs as Pe, Flex as pe, Box as Xe, Divider as $e, InputGroup as mt, Input as vt, InputRightElement as ht, Spinner as Ze, useMultiStyleConfig as yt, Wrap as bt, WrapItem as qe, PopoverAnchor as Ct, PopoverContent as St, Center as xt, Tag as At, TagLabel as It, TagCloseButton as wt } from "@chakra-ui/react";
-const [Ot, j] = Et();
-function Et() {
-  const e = fe.createContext(void 0);
+import { jsx as p, jsxs as V, Fragment as ut } from "react/jsx-runtime";
+import * as pe from "react";
+import ee, { useMemo as te, useRef as ne, useState as Ne, useEffect as D, useImperativeHandle as at, memo as ct } from "react";
+import { useDisclosure as ft, useControllableState as pt, useUpdateEffect as dt, forwardRef as H, Popover as gt, chakra as mt, useMergeRefs as De, Flex as de, Box as Xe, Divider as $e, InputGroup as vt, Input as ht, InputRightElement as yt, Spinner as Ze, useMultiStyleConfig as bt, Wrap as Ct, WrapItem as qe, PopoverAnchor as St, PopoverContent as xt, Center as At, Tag as It, TagLabel as wt, TagCloseButton as Ot } from "@chakra-ui/react";
+const [Et, j] = Ft();
+function Ft() {
+  const e = pe.createContext(void 0);
   e.displayName = "AutoCompleteContext";
   function t() {
     var o;
-    const n = fe.useContext(e), r = "useAutoCompleteContext: `context` is undefined. Seems you forgot to wrap all autoomplete components within `<AutoComplete />`";
+    const n = pe.useContext(e), r = "useAutoCompleteContext: `context` is undefined. Seems you forgot to wrap all autoomplete components within `<AutoComplete />`";
     if (!n) {
       const l = new Error(r);
       throw l.name = "ContextError", (o = Error.captureStackTrace) == null || o.call(Error, l, t), l;
@@ -17,10 +17,10 @@ function Et() {
   }
   return [e.Provider, t, e];
 }
-function Ft(e) {
+function Lt(e) {
   return e == null ? void 0 : e[0];
 }
-function Ne(e) {
+function Pe(e) {
   return e != null && e.length ? e[e.length - 1] : void 0;
 }
 function et(e, t, n = 1, r = !0) {
@@ -28,139 +28,139 @@ function et(e, t, n = 1, r = !0) {
   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 Lt(e, t, n = !0) {
+function Nt(e, t, n = !0) {
   return et(e, t, -1, n);
 }
-function Nt(e, t, n = !0) {
+function Pt(e, t, n = !0) {
   const r = et(e, t.length, 1, n);
   return t[r];
 }
-function Pt(e, t, n = !0) {
-  const r = Lt(e, t.length, n);
+function Dt(e, t, n = !0) {
+  const r = Nt(e, t.length, n);
   return t[r];
 }
-function De(e) {
-  return Array.isArray(e);
-}
-function Dt(e) {
-  return De(e) && e.length === 0;
-}
 function Re(e) {
-  return e !== null && typeof e == "object" && !De(e);
+  return Array.isArray(e);
 }
 function Rt(e) {
-  return Re(e) && Object.keys(e).length === 0;
+  return Re(e) && e.length === 0;
 }
 function Te(e) {
-  return De(e) ? Dt(e) : Re(e) ? Rt(e) : e == null || e === "";
+  return e !== null && typeof e == "object" && !Re(e);
+}
+function Tt(e) {
+  return Te(e) && Object.keys(e).length === 0;
 }
-function ce(e) {
+function Me(e) {
+  return Re(e) ? Rt(e) : Te(e) ? Tt(e) : e == null || e === "";
+}
+function fe(e) {
   return typeof e > "u";
 }
 function tt(e) {
   return typeof e < "u";
 }
-function Tt(e, t) {
+function Mt(e, t) {
   const n = {};
   return t.forEach((r) => {
     r in e && (n[r] = e[r]);
   }), n;
 }
-function Me(e, t) {
+function _e(e, t) {
   const n = { ...e };
   return t.forEach((r) => {
     delete n[r];
   }), n;
 }
-function Mt(e) {
+function _t(e) {
   return typeof e == "function";
 }
 function m(e, ...t) {
-  return Mt(e) ? e(...t) : e;
+  return _t(e) ? e(...t) : e;
 }
-var de = function(e, t) {
-  for (var n, r = fe.Children.toArray(e), o = 0, l = r; o < l.length; o++) {
+var ge = function(e, t) {
+  for (var n, r = pe.Children.toArray(e), o = 0, l = r; o < l.length; o++) {
     var i = l[o];
     if (t(i))
       return i;
     if (!((n = i.props) === null || n === void 0) && n.children) {
-      var u = de(i.props.children, t);
+      var u = ge(i.props.children, t);
       if (u)
         return u;
     }
   }
-}, ae = function(e, t) {
+}, ce = function(e, t) {
   for (var n = 0, r = t.length, o = e.length; n < r; n++, o++)
     e[o] = t[n];
   return e;
 }, nt = function(e, t) {
-  for (var n, r = fe.Children.toArray(e), o = [], l = 0, i = r; l < i.length; l++) {
+  for (var n, r = pe.Children.toArray(e), o = [], l = 0, i = r; l < i.length; l++) {
     var u = i[l];
-    t(u) && (o = ae(ae([], o), [u])), !((n = u.props) === null || n === void 0) && n.children && (o = ae(ae([], o), nt(u.props.children, t)));
+    t(u) && (o = ce(ce([], o), [u])), !((n = u.props) === null || n === void 0) && n.children && (o = ce(ce([], o), nt(u.props.children, t)));
   }
   return o;
 };
 function Ke(e, t, n = 2) {
-  function r(c, O) {
-    c = " ".repeat(O - 1) + c.toLowerCase() + " ".repeat(O - 1);
-    let C = new Array(c.length - O + 1);
-    for (let I = 0; I < C.length; I++)
-      C[I] = c.slice(I, I + O);
-    return C;
+  function r(c, E) {
+    c = " ".repeat(E - 1) + c.toLowerCase() + " ".repeat(E - 1);
+    let b = new Array(c.length - E + 1);
+    for (let w = 0; w < b.length; w++)
+      b[w] = c.slice(w, w + E);
+    return b;
   }
   if (!(e != null && e.length) || !(t != null && t.length))
     return 0;
-  let o = e.length < t.length ? e : t, l = e.length < t.length ? t : e, i = r(o, n), u = r(l, n), v = new Set(i), h = u.length, b = 0;
+  let o = e.length < t.length ? e : t, l = e.length < t.length ? t : e, i = r(o, n), u = r(l, n), v = new Set(i), h = u.length, y = 0;
   for (let c of u)
-    v.delete(c) && b++;
-  return b / h;
+    v.delete(c) && y++;
+  return y / h;
 }
-const _e = (e) => {
+const Ge = (e) => {
   var t;
   return (t = typeof e == "string" || typeof e == "number" ? e : e[Object.keys(e)[0]]) == null ? void 0 : t.toString();
-}, _t = (e, t) => typeof e != "string" || Te(t) ? e : e.toString().replace(
-  new RegExp(kt(t), "gi"),
+}, Gt = (e, t) => typeof e != "string" || Me(t) ? e : e.toString().replace(
+  new RegExp(zt(t), "gi"),
   (r) => `<mark>${r}</mark>`
-), Gt = (e) => nt(
+), Wt = (e) => nt(
   e,
   (n) => {
     var r;
     return ((r = n == null ? void 0 : n.type) == null ? void 0 : r.displayName) === "AutoCompleteItem";
   }
 ).map((n) => {
-  const r = Tt(n.props, ["value", "label", "fixed", "disabled"]), { getValue: o = _e } = n.props, l = o(r.value);
+  const r = Mt(n.props, ["value", "label", "fixed", "disabled"]), { getValue: o = Ge } = n.props, l = o(r.value);
   return { ...tt(r.label) ? r : { ...r, label: l }, value: l, originalValue: r.value };
-}), Wt = () => ({
+}), jt = () => ({
   bg: "whiteAlpha.100",
   _light: {
     bg: "gray.200"
   }
-}), jt = (e, t, n) => (t == null ? void 0 : t.toLowerCase().indexOf(e == null ? void 0 : e.toLowerCase())) >= 0 || (n == null ? void 0 : n.toLowerCase().indexOf(e == null ? void 0 : e.toLowerCase())) >= 0 || Ke(e, t) >= 0.5 || Ke(e, n) >= 0.5;
-function kt(e) {
+}), kt = (e, t, n) => (t == null ? void 0 : t.toLowerCase().indexOf(e == null ? void 0 : e.toLowerCase())) >= 0 || (n == null ? void 0 : n.toLowerCase().indexOf(e == null ? void 0 : e.toLowerCase())) >= 0 || Ke(e, t) >= 0.5 || Ke(e, n) >= 0.5;
+function zt(e) {
   return e.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
 }
-const zt = (e, t) => de(
+const Bt = (e, t) => ge(
   e,
   (r) => {
     var o;
     return ((o = r == null ? void 0 : r.type) == null ? void 0 : o.displayName) === "AutoCompleteItem" && r.props.value === (t == null ? void 0 : t.value);
   }
-), Bt = (e, t) => de(
+), Ht = (e, t) => ge(
   e,
   (r) => {
     var o;
     return ((o = r == null ? void 0 : r.type) == null ? void 0 : o.displayName) === "AutoCompleteItem" && r.props.value === (t == null ? void 0 : t.value);
   }
-), Ht = (e, t) => tt(
-  de(e, (n) => {
+), Ut = (e, t) => tt(
+  ge(e, (n) => {
     var o, l;
     const r = m(
-      ((o = n.props) == null ? void 0 : o.getValue) || _e,
+      ((o = n.props) == null ? void 0 : o.getValue) || Ge,
       ((l = n.props) == null ? void 0 : l.value) || {}
     );
     return t.some((i) => i.value === r);
   })
-), Ut = (e, t) => {
+), Qt = (e, t) => {
   const n = {}, r = {}, { field: o } = e;
   return o && Object.keys(o).forEach((l) => {
     if (l.startsWith("--input") === !1)
@@ -188,7 +188,7 @@ const zt = (e, t) => de(
     // w: "full",
   };
 };
-function Qt(e) {
+function $t(e) {
   var He;
   let {
     prefocusFirstItem: t = !0,
@@ -200,54 +200,54 @@ function Qt(e) {
     freeSolo: u,
     isReadOnly: v,
     listAllValuesOnFocus: h,
-    maxSuggestions: b,
+    maxSuggestions: y,
     multiple: c,
-    closeOnSelect: O = !c,
-    defaultValue: C,
-    defaultValues: I = C ? [C] : [],
+    closeOnSelect: E = !c,
+    defaultValue: b,
+    defaultValues: w = b ? [b] : [],
     onReady: U,
     defaultIsOpen: k,
-    disableFilter: ne,
-    isLoading: ge = !1,
-    placement: oe = "bottom",
+    disableFilter: oe,
+    isLoading: me = !1,
+    placement: re = "bottom",
     restoreOnBlurIfEmpty: Y = !u,
-    shouldRenderSuggestions: me = () => !0,
-    submitKeys: ve = [],
-    suggestWhenEmpty: re,
+    shouldRenderSuggestions: ve = () => !0,
+    submitKeys: he = [],
+    suggestWhenEmpty: se,
     value: z,
     values: J = z ? typeof z == "string" ? [z] : [...z] : void 0
   } = e;
   u = u || (c ? !0 : e.freeSolo);
-  const { isOpen: w, onClose: _, onOpen: Q } = ct({ defaultIsOpen: k }), he = ue(
+  const { isOpen: O, onClose: _, onOpen: Q } = ft({ defaultIsOpen: k }), ye = te(
     () => m(e.children, {
-      isOpen: w,
+      isOpen: O,
       onClose: _,
       onOpen: Q
     }),
-    [e.children, w]
-  ), E = ue(() => Gt(he), [he]), N = te(null), Ge = te(null), X = te(null), $ = te(null), [We, se] = Le(!1);
-  let le = "";
-  c ? le = "" : ce(I) ? ce(J) || (le = J[0]) : le = I[0];
-  const [R, Z] = Le(le ?? ""), ye = ue(
-    () => ne ? E : E.filter(
+    [e.children, O]
+  ), x = te(() => Wt(ye), [ye]), N = ne(null), We = ne(null), X = ne(null), $ = ne(null), [je, le] = Ne(!1);
+  let ie = "";
+  c ? ie = "" : fe(w) ? fe(J) || (ie = J[0]) : ie = w[0];
+  const [R, Z] = Ne(ie ?? ""), be = te(
+    () => oe ? x : x.filter(
       (s) => s.fixed || m(
-        e.filter || jt,
+        e.filter || kt,
         R,
         s.value,
         s.label
-      ) || We
+      ) || je
     ).filter(
-      (s, a) => b ? s.fixed || a < b : !0
+      (s, a) => y ? s.fixed || a < y : !0
     ),
-    [R, E, We, b, ne]
-  ), je = r ? [{ value: R, noFilter: !0, creatable: !0 }] : [], y = ue(() => [...ye, ...je], [ye, je]), [T, be] = ft({
-    defaultValue: I.map((s) => s == null ? void 0 : s.toString()),
+    [R, x, je, y, oe]
+  ), ue = r ? [{ value: R, noFilter: !0, creatable: !0 }] : [], C = te(() => [...be, ...ue], [be, ue]), st = te(() => [...x, ...ue], [x, ue]), [T, Ce] = pt({
+    defaultValue: w.map((s) => s == null ? void 0 : s.toString()),
     value: J,
     onChange: (s) => {
-      const a = y.find((F) => F.value === s[0]);
+      const a = C.find((F) => F.value === s.at(-1));
       if (!a) return;
       const d = s.map(
-        (F) => y.find((L) => L.value === F)
+        (F) => st.find((L) => L.value === F)
       );
       m(
         e.onChange,
@@ -257,65 +257,65 @@ function Qt(e) {
     }
   });
   D(() => {
-    y.length === 0 && !l && w && _();
-  }, [y.length, l, w]);
-  const [K, G] = Le(
-    t ? (He = E[0]) == null ? void 0 : He.value : null
-  ), st = e.maxSelections || T.length + 1, Ce = y.findIndex((s) => s.value === K), Se = Nt(
-    Ce,
-    y,
+    C.length === 0 && !l && O && _();
+  }, [C.length, l, O]);
+  const [K, G] = Ne(
+    t ? (He = x[0]) == null ? void 0 : He.value : null
+  ), lt = e.maxSelections || T.length + 1, Se = C.findIndex((s) => s.value === K), xe = Pt(
+    Se,
+    C,
     !!e.rollNavigation
-  ), xe = Pt(
-    Ce,
-    y,
+  ), Ae = Dt(
+    Se,
+    C,
     !!e.rollNavigation
-  ), P = Ft(y), Ae = Ne(y), ke = !y.some(
+  ), P = Lt(C), Ie = Pe(C), ke = !C.some(
     (s) => s.value === K
   );
   D(() => {
     var s;
-    ke && G(t ? (s = E[0]) == null ? void 0 : s.value : null);
-  }, [ke]), pt(() => {
+    ke && G(t ? (s = x[0]) == null ? void 0 : s.value : null);
+  }, [ke]), dt(() => {
     t && G(P == null ? void 0 : P.value);
   }, [R, P == null ? void 0 : P.value]), D(() => {
     var s;
-    !w && t && G((s = E[0]) == null ? void 0 : s.value);
-  }, [w]), D(() => {
-    w && h && se(!0);
-  }, [w, h, se]), D(() => {
-    const s = E.find((a) => a.value === K);
+    !O && t && G((s = x[0]) == null ? void 0 : s.value);
+  }, [O]), D(() => {
+    O && h && le(!0);
+  }, [O, h, le]), D(() => {
+    const s = x.find((a) => a.value === K);
     m(e.onOptionFocus, {
       item: s,
       focusMethod: $.current,
       isNewInput: s == null ? void 0 : s.creatable
     });
   }, [K, e.onOptionFocus]);
-  const Ie = (s) => {
+  const we = (s) => {
     var F, L;
-    const a = y.find((x) => x.value === s), d = (a == null ? void 0 : a.label) || (a == null ? void 0 : a.value);
-    Z(() => c ? "" : d ?? ""), !T.includes(s) && T.length < st && be((x) => c ? [...x, s] : [s]), c && ((F = N.current) == null || F.focus()), e.focusInputOnSelect && ((L = N.current) == null || L.focus()), m(e.onSelectOption, {
+    const a = C.find((A) => A.value === s), d = (a == null ? void 0 : a.label) || (a == null ? void 0 : a.value);
+    Z(() => c ? "" : d ?? ""), !T.includes(s) && T.length < lt && Ce((A) => c ? [...A, s] : [s]), c && ((F = N.current) == null || F.focus()), e.focusInputOnSelect && ((L = N.current) == null || L.focus()), m(e.onSelectOption, {
       item: a,
       selectMethod: $.current,
       isNewInput: a == null ? void 0 : a.creatable
     }), a != null && a.creatable && m(e.onCreateOption, {
-      item: Me(a, ["noFilter"]),
+      item: _e(a, ["noFilter"]),
       selectMethod: $.current
-    }), O && _();
+    }), E && _();
   }, ze = (s, a) => {
     var L;
-    be((x) => {
-      let W = E.find((M) => M.value === s);
-      return !W && r === !0 && (W = { label: s, value: s }), W ? (m(e.onTagRemoved, s, W, x), x.filter((M) => M !== s)) : x;
+    Ce((A) => {
+      let W = x.find((M) => M.value === s);
+      return !W && r === !0 && (W = { label: s, value: s }), W ? (m(e.onTagRemoved, s, W, A), A.filter((M) => M !== s)) : A;
     });
-    const d = E.find((x) => x.value === s), F = (d == null ? void 0 : d.label) || (d == null ? void 0 : d.value);
+    const d = x.find((A) => A.value === s), F = (d == null ? void 0 : d.label) || (d == null ? void 0 : d.value);
     R === F && Z(""), a && ((L = N.current) == null || L.focus());
-  }, lt = (s) => {
+  }, it = (s) => {
     var a;
-    be([]), s && ((a = N.current) == null || a.focus());
+    Ce([]), s && ((a = N.current) == null || a.focus());
   }, Be = c ? T.map((s) => {
     var a;
     return {
-      label: ((a = E.find((d) => d.value === (s == null ? void 0 : s.toString()))) == null ? void 0 : a.label) || s,
+      label: ((a = x.find((d) => d.value === (s == null ? void 0 : s.toString()))) == null ? void 0 : a.label) || s,
       onRemove: () => ze(s)
     };
   }) : [];
@@ -323,23 +323,23 @@ function Qt(e) {
     m(U, { tags: Be });
   }, [T]), {
     autoCompleteProps: e,
-    children: he,
-    filteredList: y,
-    filteredResults: ye,
+    children: ye,
+    filteredList: C,
+    filteredResults: be,
     focusedValue: K,
     defaultEmptyStateProps: i,
     getEmptyStateProps: (s) => {
-      if (y.every((d) => d.noFilter) && l && !r)
+      if (C.every((d) => d.noFilter) && l && !r)
         return typeof l == "boolean" ? s : m(l, { query: R });
     },
     getGroupProps: (s) => {
-      const a = Ht(s.children, y);
+      const a = Ut(s.children, C);
       return {
         divider: {
-          hasFirstChild: zt(s.children, P),
-          hasLastChild: Bt(
+          hasFirstChild: Bt(s.children, P),
+          hasLastChild: Ht(
             s.children,
-            Ne(y.filter((d) => ce(d == null ? void 0 : d.noFilter)))
+            Pe(C.filter((d) => fe(d == null ? void 0 : d.noFilter)))
           )
         },
         group: {
@@ -348,59 +348,59 @@ function Qt(e) {
       };
     },
     getInputProps: (s, a) => {
-      const { onBlur: d, onChange: F, onFocus: L, onKeyDown: x, variant: W, ...M } = s;
+      const { onBlur: d, onChange: F, onFocus: L, onKeyDown: A, variant: W, ...M } = s;
       return {
         wrapper: {
-          ref: Ge,
+          ref: We,
           onClick: () => {
             var f;
             (f = N == null ? void 0 : N.current) == null || f.focus();
           },
-          ...Ut(a, c),
+          ...Qt(a, c),
           ...M
         },
         input: {
           isReadOnly: v,
           onFocus: (f) => {
-            m(L, f), e.openOnFocus && !v && Q(), e.selectOnFocus && f.target.select(), h && se(!0);
+            m(L, f), e.openOnFocus && !v && Q(), e.selectOnFocus && f.target.select(), h && le(!0);
           },
           onBlur: (f) => {
-            var B, ie;
+            var B, ae;
             m(d, f);
-            const S = f.relatedTarget === (X == null ? void 0 : X.current) || ((B = X.current) == null ? void 0 : B.contains(f.relatedTarget)), g = (ie = Ge.current) == null ? void 0 : ie.contains(
+            const S = f.relatedTarget === (X == null ? void 0 : X.current) || ((B = X.current) == null ? void 0 : B.contains(f.relatedTarget)), g = (ae = We.current) == null ? void 0 : ae.contains(
               f.relatedTarget
             );
             if (!S && !g && (n && _(), !T.includes(f.target.value) && Y)) {
-              const we = Ne(T), A = E.find(
-                (Ee) => Ee.value === we
-              ), Oe = (A == null ? void 0 : A.label) || (A == null ? void 0 : A.value) || "";
-              Z(Oe);
+              const Oe = Pe(T), I = x.find(
+                (Fe) => Fe.value === Oe
+              ), Ee = (I == null ? void 0 : I.label) || (I == null ? void 0 : I.value) || "";
+              Z(Ee);
             }
           },
           onChange: (f) => {
             const S = f.target.value;
             m(F, f), Z(S);
-            const g = Te(S);
-            m(me, S) && (!g || re) ? Q() : _(), se(!1);
+            const g = Me(S);
+            m(ve, S) && (!g || se) ? Q() : _(), le(!1);
           },
           onKeyDown: (f) => {
             var B;
-            m(x, f), $.current = "keyboard";
-            const { key: S } = f, g = y[Ce];
-            if (["Enter", ...ve].includes(S)) {
-              g && !(g != null && g.disabled) && w ? Ie(g == null ? void 0 : g.value) : (B = N.current) == null || B.focus(), f.preventDefault();
+            m(A, f), $.current = "keyboard";
+            const { key: S } = f, g = C[Se];
+            if (["Enter", ...he].includes(S)) {
+              g && !(g != null && g.disabled) && O ? we(g == null ? void 0 : g.value) : (B = N.current) == null || B.focus(), f.preventDefault();
               return;
             }
             if (S === "ArrowDown") {
-              w ? G(Se == null ? void 0 : Se.value) : Q(), f.preventDefault();
+              O ? G(xe == null ? void 0 : xe.value) : Q(), f.preventDefault();
               return;
             }
             if (S === "ArrowUp") {
-              w ? G(xe == null ? void 0 : xe.value) : Q(), f.preventDefault();
+              O ? G(Ae == null ? void 0 : Ae.value) : Q(), f.preventDefault();
               return;
             }
             if (S === "Tab") {
-              w && g && !(g != null && g.disabled) ? Ie(g == null ? void 0 : g.value) : _();
+              O && g && !(g != null && g.disabled) ? we(g == null ? void 0 : g.value) : _();
               return;
             }
             if (S === "Home") {
@@ -408,7 +408,7 @@ function Qt(e) {
               return;
             }
             if (S === "End") {
-              G(Ae == null ? void 0 : Ae.value), f.preventDefault();
+              G(Ie == null ? void 0 : Ie.value), f.preventDefault();
               return;
             }
             S === "Escape" && (_(), f.preventDefault());
@@ -425,74 +425,74 @@ function Qt(e) {
         _fixed: d,
         _focus: F,
         children: L,
-        disabled: x,
+        disabled: A,
         label: W,
         value: M,
         fixed: f,
-        getValue: S = _e,
+        getValue: S = Ge,
         onClick: g,
         onMouseOver: B,
-        sx: ie,
-        ...we
-      } = s, A = a ? M : (Ue = S(M)) == null ? void 0 : Ue.toString(), Oe = A === K, Ee = y.findIndex((q) => q.value === A) >= 0, Fe = L || W || A;
+        sx: ae,
+        ...Oe
+      } = s, I = a ? M : (Ue = S(M)) == null ? void 0 : Ue.toString(), Ee = I === K, Fe = C.findIndex((q) => q.value === I) >= 0, Le = L || W || I;
       return {
         item: {
-          ...typeof Fe != "string" || !o ? { children: Fe } : {
+          ...typeof Le != "string" || !o ? { children: Le } : {
             dangerouslySetInnerHTML: {
-              __html: _t(Fe, R)
+              __html: Gt(Le, R)
             }
           },
-          "aria-selected": T.includes(A),
-          "aria-disabled": x,
+          "aria-selected": T.includes(I),
+          "aria-disabled": A,
           _disabled: { opacity: 0.4, cursor: "not-allowed", userSelect: "none" },
           onClick: (q) => {
             var Qe;
-            m(g, q), x ? (Qe = N.current) == null || Qe.focus() : Ie(A);
+            m(g, q), A ? (Qe = N.current) == null || Qe.focus() : we(I);
           },
           onMouseOver: (q) => {
-            m(B, q), G(A), $.current = "mouse";
+            m(B, q), G(I), $.current = "mouse";
           },
           sx: {
-            ...ie,
+            ...ae,
             mark: {
               color: "inherit",
               bg: "transparent",
-              ...Re(o) ? o : {
+              ...Te(o) ? o : {
                 fontWeight: o ? "extrabold" : "inherit"
               }
             }
           },
-          ...Oe && (F || Wt()),
+          ...Ee && (F || jt()),
           ...f && d,
-          ...we
+          ...Oe
         },
         root: {
-          isValidSuggestion: Ee,
-          value: A
+          isValidSuggestion: Fe,
+          value: I
         }
       };
     },
     inputRef: N,
     interactionRef: $,
-    isLoading: ge,
-    isOpen: w,
-    itemList: E,
+    isLoading: me,
+    isOpen: O,
+    itemList: x,
     listRef: X,
     onClose: _,
     onOpen: Q,
-    placement: oe,
+    placement: re,
     query: R,
     removeItem: ze,
-    resetItems: lt,
+    resetItems: it,
     setQuery: Z,
     tags: Be,
     value: z,
     values: T
   };
 }
-const $t = H(
+const Kt = H(
   (e, t) => {
-    const n = Qt(e), {
+    const n = $t(e), {
       children: r,
       isOpen: o,
       onClose: l,
@@ -501,49 +501,49 @@ const $t = H(
       resetItems: v,
       removeItem: h
     } = n;
-    ut(t, () => ({
+    at(t, () => ({
       resetItems: v,
       removeItem: h
     }));
-    const { matchWidth: b = !0 } = n.autoCompleteProps;
-    return /* @__PURE__ */ p(Ot, { value: n, children: /* @__PURE__ */ p(
-      dt,
+    const { matchWidth: y = !0 } = n.autoCompleteProps;
+    return /* @__PURE__ */ p(Et, { value: n, children: /* @__PURE__ */ p(
+      gt,
       {
         isLazy: !0,
         isOpen: o,
         autoFocus: !1,
         placement: u,
         closeOnBlur: !0,
-        matchWidth: b,
-        children: /* @__PURE__ */ p(gt.div, { w: "full", ref: t, children: r })
+        matchWidth: y,
+        children: /* @__PURE__ */ p(mt.div, { w: "full", ref: t, children: r })
       }
     ) });
   }
 );
-$t.displayName = "AutoComplete";
-const Kt = H(
+Kt.displayName = "AutoComplete";
+const Vt = H(
   (e, t) => {
     const {
       focusedValue: n,
       getItemProps: r,
       interactionRef: o
-    } = j(), l = te(), i = Pe(t, l), u = r(e), { isValidSuggestion: v, value: h } = u.root, b = n === h;
+    } = j(), l = ne(), i = De(t, l), u = r(e), { isValidSuggestion: v, value: h } = u.root, y = n === h;
     D(() => {
       var U;
-      b && o.current === "keyboard" && ((U = l == null ? void 0 : l.current) == null || U.scrollIntoView({
+      y && o.current === "keyboard" && ((U = l == null ? void 0 : l.current) == null || U.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       }));
-    }, [b, o]), D(() => {
-      typeof h != "string" && console.warn("wow"), typeof h != "string" && ce(e.getValue) && console.error(
+    }, [y, o]), D(() => {
+      typeof h != "string" && console.warn("wow"), typeof h != "string" && fe(e.getValue) && console.error(
         "You must define the `getValue` prop, when an Item's value is not a string"
       );
     }, []);
-    const { children: c, dangerouslySetInnerHTML: O, ...C } = u.item, I = Me(C, ["groupId"]);
-    return v ? /* @__PURE__ */ p(pe, { ref: i, ...ot, ...I, children: c || /* @__PURE__ */ p("span", { dangerouslySetInnerHTML: O }) }) : null;
+    const { children: c, dangerouslySetInnerHTML: E, ...b } = u.item, w = _e(b, ["groupId"]);
+    return v ? /* @__PURE__ */ p(de, { ref: i, ...ot, ...w, children: c || /* @__PURE__ */ p("span", { dangerouslySetInnerHTML: E }) }) : null;
   }
 );
-Kt.displayName = "AutoCompleteItem";
+Vt.displayName = "AutoCompleteItem";
 const ot = {
   mx: "2",
   px: "2",
@@ -551,7 +551,7 @@ const ot = {
   rounded: "md",
   cursor: "pointer"
 };
-function Vt(e) {
+function Yt(e) {
   const { alwaysDisplay: t, children: n, ...r } = e, {
     autoCompleteProps: o,
     getItemProps: l,
@@ -566,32 +566,32 @@ function Vt(e) {
       })
     },
     !0
-  ).item, b = u.some((C) => C.value === i), c = Te(i) ? t : !0;
-  return o.creatable && c && !b ? /* @__PURE__ */ p(pe, { ...ot, ...h, ...r, children: v || `Add ${i}` }) : null;
+  ).item, y = u.some((b) => b.value === i), c = Me(i) ? t : !0;
+  return o.creatable && c && !y ? /* @__PURE__ */ p(de, { ...ot, ...h, ...r, children: v || `Add ${i}` }) : null;
 }
-Vt.displayName = "AutoCompleteCreatable";
-const Yt = H(
+Yt.displayName = "AutoCompleteCreatable";
+const Jt = H(
   (e, t) => {
-    const { children: n, showDivider: r, ...o } = e, l = Me(o, ["groupSibling"]), { getGroupProps: i } = j(), { group: u } = i(e), v = Zt(e);
+    const { children: n, showDivider: r, ...o } = e, l = _e(o, ["groupSibling"]), { getGroupProps: i } = j(), { group: u } = i(e), v = qt(e);
     return /* @__PURE__ */ V(Xe, { ref: t, ...u, ...l, children: [
       /* @__PURE__ */ p($e, { ...v.top }),
       n,
       /* @__PURE__ */ p($e, { ...v.bottom })
     ] });
   }
-), Jt = H(
-  (e, t) => /* @__PURE__ */ p(pe, { ...Xt, ...e, ref: t })
+), Xt = H(
+  (e, t) => /* @__PURE__ */ p(de, { ...Zt, ...e, ref: t })
 );
-Yt.displayName = "AutoCompleteGroup";
-Jt.displayName = "AutoCompleteGroupTitle";
-const Xt = {
+Jt.displayName = "AutoCompleteGroup";
+Xt.displayName = "AutoCompleteGroupTitle";
+const Zt = {
   ml: 5,
   my: 1,
   fontSize: "xs",
   letterSpacing: "wider",
   fontWeight: "extrabold",
   textTransform: "uppercase"
-}, Zt = (e) => {
+}, qt = (e) => {
   const { getGroupProps: t } = j(), n = e.groupSibling, {
     divider: { hasFirstChild: r, hasLastChild: o }
   } = t(e), l = {
@@ -608,9 +608,9 @@ const Xt = {
   return { top: i, bottom: u };
 }, Ve = H((e, t) => {
   const { isLoading: n } = j(), { loadingIcon: r, ...o } = e;
-  return /* @__PURE__ */ V(mt, { children: [
-    /* @__PURE__ */ p(vt, { ...o, ref: t }),
-    n && /* @__PURE__ */ p(ht, { children: r || /* @__PURE__ */ p(Ze, {}) })
+  return /* @__PURE__ */ V(vt, { children: [
+    /* @__PURE__ */ p(ht, { ...o, ref: t }),
+    n && /* @__PURE__ */ p(yt, { children: r || /* @__PURE__ */ p(Ze, {}) })
   ] });
 }), rt = H(
   (e, t) => {
@@ -624,54 +624,54 @@ const Xt = {
       itemList: v
     } = j(), {
       children: h,
-      isInvalid: b,
+      isInvalid: y,
       hidePlaceholder: c,
-      ...O
-    } = e, { value: C } = O;
+      ...E
+    } = e, { value: b } = E;
     D(() => {
       if (u !== void 0 && (typeof u == "string" || u instanceof String)) {
-        const re = v.find((J) => J.value === u), z = re === void 0 ? u : re.label;
+        const se = v.find((J) => J.value === u), z = se === void 0 ? u : se.label;
         i(z);
       }
     }, [u]), D(() => {
-      C !== void 0 && (typeof C == "string" || C instanceof String) && i(C);
-    }, [C]);
-    const I = yt("Input", e);
-    let { wrapper: U, input: k } = o(O, I);
-    const { ref: ne, ...ge } = U, oe = Pe(t, r), Y = m(h, { tags: l });
+      b !== void 0 && (typeof b == "string" || b instanceof String) && i(b);
+    }, [b]);
+    const w = bt("Input", e);
+    let { wrapper: U, input: k } = o(E, w);
+    const { ref: oe, ...me } = U, re = De(t, r), Y = m(h, { tags: l });
     c && (k = {
       ...k,
       placeholder: Array.isArray(Y) && Y.length ? void 0 : k.placeholder
     });
-    const me = /* @__PURE__ */ p(
+    const ve = /* @__PURE__ */ p(
       Ve,
       {
-        isInvalid: b,
+        isInvalid: y,
         ...k,
-        ref: oe
+        ref: re
       }
-    ), ve = /* @__PURE__ */ V(bt, { "aria-invalid": b, ...ge, ref: ne, children: [
+    ), he = /* @__PURE__ */ V(Ct, { "aria-invalid": y, ...me, ref: oe, children: [
       Y,
       /* @__PURE__ */ p(
         qe,
         {
           as: Ve,
           ...k,
-          ref: oe
+          ref: re
         }
       )
     ] });
-    return /* @__PURE__ */ p(Ct, { children: n.multiple ? ve : me });
+    return /* @__PURE__ */ p(St, { children: n.multiple ? he : ve });
   }
 );
 rt.displayName = "Input";
 rt.id = "Input";
-const qt = (e) => {
+const en = (e) => {
   const { getEmptyStateProps: t, defaultEmptyStateProps: n } = j(), r = t(
-    /* @__PURE__ */ p(pe, { ...en, ...n, children: "No options found!" })
+    /* @__PURE__ */ p(de, { ...tn, ...n, children: "No options found!" })
   );
   return /* @__PURE__ */ p(Xe, { ...e, children: r });
-}, en = {
+}, tn = {
   fontSize: "sm",
   align: "center",
   justify: "center",
@@ -681,7 +681,7 @@ const qt = (e) => {
   "AutoCompleteGroup",
   "AutoCompleteItem",
   "AutoCompleteCreatable"
-], tn = (e) => {
+], nn = (e) => {
   const t = ee.Children.map(e, (o, l) => {
     var i;
     if (((i = o == null ? void 0 : o.type) == null ? void 0 : i.displayName) === "AutoCompleteGroup") {
@@ -707,21 +707,21 @@ const qt = (e) => {
       );
     }
   ), n];
-}, nn = H(
+}, on = H(
   (e, t) => {
-    const { children: n, loadingState: r, ...o } = e, { listRef: l, isLoading: i } = j(), u = Pe(t, l), [v, h] = tn(n);
-    return /* @__PURE__ */ V(St, { ref: u, w: "inherit", ...on, ...o, children: [
-      i && /* @__PURE__ */ p(xt, { children: r || /* @__PURE__ */ p(Ze, { size: "md" }) }),
-      !i && /* @__PURE__ */ V(it, { children: [
+    const { children: n, loadingState: r, ...o } = e, { listRef: l, isLoading: i } = j(), u = De(t, l), [v, h] = nn(n);
+    return /* @__PURE__ */ V(xt, { ref: u, w: "inherit", ...rn, ...o, children: [
+      i && /* @__PURE__ */ p(At, { children: r || /* @__PURE__ */ p(Ze, { size: "md" }) }),
+      !i && /* @__PURE__ */ V(ut, { children: [
         v,
-        /* @__PURE__ */ p(qt, {}),
+        /* @__PURE__ */ p(en, {}),
         h
       ] })
     ] });
   }
 );
-nn.displayName = "AutoCompleteList";
-const on = {
+on.displayName = "AutoCompleteList";
+const rn = {
   py: "4",
   opacity: "0",
   bg: "#232934",
@@ -737,19 +737,19 @@ const on = {
   _focus: {
     boxShadow: "none"
   }
-}, pn = at((e) => {
+}, dn = ct((e) => {
   const { label: t, onRemove: n, disabled: r, ...o } = e;
   return /* @__PURE__ */ p(qe, { children: /* @__PURE__ */ V(
-    At,
+    It,
     {
       borderRadius: "md",
       fontWeight: "normal",
       ...r && Je,
       ...o,
       children: [
-        /* @__PURE__ */ p(It, { children: t }),
+        /* @__PURE__ */ p(wt, { children: t }),
         /* @__PURE__ */ p(
-          wt,
+          Ot,
           {
             onClick: () => !r && m(n),
             cursor: "pointer",
@@ -766,17 +766,17 @@ const on = {
   _focus: { boxShadow: "none" }
 };
 export {
-  $t as AutoComplete,
-  Vt as AutoCompleteCreatable,
-  Yt as AutoCompleteGroup,
-  Jt as AutoCompleteGroupTitle,
+  Kt as AutoComplete,
+  Yt as AutoCompleteCreatable,
+  Jt as AutoCompleteGroup,
+  Xt as AutoCompleteGroupTitle,
   rt as AutoCompleteInput,
-  Kt as AutoCompleteItem,
-  nn as AutoCompleteList,
-  Ot as AutoCompleteProvider,
-  pn as AutoCompleteTag,
+  Vt as AutoCompleteItem,
+  on as AutoCompleteList,
+  Et as AutoCompleteProvider,
+  dn as AutoCompleteTag,
   ot as baseItemStyles,
-  Et as createContext,
-  Qt as useAutoComplete,
+  Ft as createContext,
+  $t as useAutoComplete,
   j as useAutoCompleteContext
 };

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),f=require("react"),a=require("@chakra-ui/react");function st(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 ue=st(f),[Qe,_]=$e();function $e(){const e=ue.createContext(void 0);e.displayName="AutoCompleteContext";function t(){var o;const n=ue.useContext(e),r="useAutoCompleteContext: `context` is undefined. Seems you forgot to wrap all autoomplete components within `<AutoComplete />`";if(!n){const l=new Error(r);throw l.name="ContextError",(o=Error.captureStackTrace)==null||o.call(Error,l,t),l}return n}return[e.Provider,t,e]}function lt(e){return e==null?void 0:e[0]}function we(e){return e!=null&&e.length?e[e.length-1]:void 0}function Ke(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 ut(e,t,n=!0){return Ke(e,t,-1,n)}function it(e,t,n=!0){const r=Ke(e,t.length,1,n);return t[r]}function at(e,t,n=!0){const r=ut(e,t.length,n);return t[r]}function Ie(e){return Array.isArray(e)}function ct(e){return Ie(e)&&e.length===0}function je(e){return e!==null&&typeof e=="object"&&!Ie(e)}function ft(e){return je(e)&&Object.keys(e).length===0}function Ee(e){return Ie(e)?ct(e):je(e)?ft(e):e==null||e===""}function le(e){return typeof e>"u"}function Ve(e){return typeof e<"u"}function pt(e,t){const n={};return t.forEach(r=>{r in e&&(n[r]=e[r])}),n}function Oe(e,t){const n={...e};return t.forEach(r=>{delete n[r]}),n}function dt(e){return typeof e=="function"}function h(e,...t){return dt(e)?e(...t):e}var ie=function(e,t){for(var n,r=ue.Children.toArray(e),o=0,l=r;o<l.length;o++){var u=l[o];if(t(u))return u;if(!((n=u.props)===null||n===void 0)&&n.children){var i=ie(u.props.children,t);if(i)return i}}},se=function(e,t){for(var n=0,r=t.length,o=e.length;n<r;n++,o++)e[o]=t[n];return e},Ye=function(e,t){for(var n,r=ue.Children.toArray(e),o=[],l=0,u=r;l<u.length;l++){var i=u[l];t(i)&&(o=se(se([],o),[i])),!((n=i.props)===null||n===void 0)&&n.children&&(o=se(se([],o),Ye(i.props.children,t)))}return o};function ze(e,t,n=2){function r(d,O){d=" ".repeat(O-1)+d.toLowerCase()+" ".repeat(O-1);let S=new Array(d.length-O+1);for(let j=0;j<S.length;j++)S[j]=d.slice(j,j+O);return S}if(!(e!=null&&e.length)||!(t!=null&&t.length))return 0;let o=e.length<t.length?e:t,l=e.length<t.length?t:e,u=r(o,n),i=r(l,n),y=new Set(u),C=i.length,b=0;for(let d of i)y.delete(d)&&b++;return b/C}const Re=e=>{var t;return(t=typeof e=="string"||typeof e=="number"?e:e[Object.keys(e)[0]])==null?void 0:t.toString()},gt=(e,t)=>typeof e!="string"||Ee(t)?e:e.toString().replace(new RegExp(yt(t),"gi"),r=>`<mark>${r}</mark>`),mt=e=>Ye(e,n=>{var r;return((r=n==null?void 0:n.type)==null?void 0:r.displayName)==="AutoCompleteItem"}).map(n=>{const r=pt(n.props,["value","label","fixed","disabled"]),{getValue:o=Re}=n.props,l=o(r.value);return{...Ve(r.label)?r:{...r,label:l},value:l,originalValue:r.value}}),vt=()=>({bg:"whiteAlpha.100",_light:{bg:"gray.200"}}),ht=(e,t,n)=>(t==null?void 0:t.toLowerCase().indexOf(e==null?void 0:e.toLowerCase()))>=0||(n==null?void 0:n.toLowerCase().indexOf(e==null?void 0:e.toLowerCase()))>=0||ze(e,t)>=.5||ze(e,n)>=.5;function yt(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}const Ct=(e,t)=>ie(e,r=>{var o;return((o=r==null?void 0:r.type)==null?void 0:o.displayName)==="AutoCompleteItem"&&r.props.value===(t==null?void 0:t.value)}),xt=(e,t)=>ie(e,r=>{var o;return((o=r==null?void 0:r.type)==null?void 0:o.displayName)==="AutoCompleteItem"&&r.props.value===(t==null?void 0:t.value)}),bt=(e,t)=>Ve(ie(e,n=>{var o,l;const r=h(((o=n.props)==null?void 0:o.getValue)||Re,((l=n.props)==null?void 0:l.value)||{});return t.some(u=>u.value===r)})),St=(e,t)=>{const n={},r={},{field:o}=e;return o&&Object.keys(o).forEach(l=>{if(l.startsWith("--input")===!1)n[l]=o[l];else{let u=o[l];const y=l.replace("--input-","").replace(/-([a-z])/g,function(C){return C[1].toUpperCase()});u.indexOf(".")!==-1&&(u=u.substring(u.indexOf(".")+1)),r[y]=u}}),{...t&&{...n,...r,_focusWithin:e.field._focus,pos:"relative",minH:9,py:1.5,spacing:3},cursor:"text",h:"fit-content"}};function Je(e){var Ge;let{prefocusFirstItem:t=!0,closeOnBlur:n=!0,creatable:r,emphasize:o,emptyState:l=!0,defaultEmptyStateProps:u={},freeSolo:i,isReadOnly:y,listAllValuesOnFocus:C,maxSuggestions:b,multiple:d,closeOnSelect:O=!d,defaultValue:S,defaultValues:j=S?[S]:[],onReady:U,defaultIsOpen:z,disableFilter:q,isLoading:ae=!1,placement:ee="bottom",restoreOnBlurIfEmpty:V=!i,shouldRenderSuggestions:ce=()=>!0,submitKeys:fe=[],suggestWhenEmpty:te,value:B,values:Y=B?typeof B=="string"?[B]:[...B]:void 0}=e;i=i||(d?!0:e.freeSolo);const{isOpen:E,onClose:G,onOpen:Q}=a.useDisclosure({defaultIsOpen:z}),pe=f.useMemo(()=>h(e.children,{isOpen:E,onClose:G,onOpen:Q}),[e.children,E]),R=f.useMemo(()=>mt(pe),[pe]),N=f.useRef(null),Ne=f.useRef(null),J=f.useRef(null),$=f.useRef(null),[Pe,ne]=f.useState(!1);let oe="";d?oe="":le(j)?le(Y)||(oe=Y[0]):oe=j[0];const[D,X]=f.useState(oe??""),de=f.useMemo(()=>q?R:R.filter(s=>s.fixed||h(e.filter||ht,D,s.value,s.label)||Pe).filter((s,c)=>b?s.fixed||c<b:!0),[D,R,Pe,b,q]),De=r?[{value:D,noFilter:!0,creatable:!0}]:[],x=f.useMemo(()=>[...de,...De],[de,De]),[M,ge]=a.useControllableState({defaultValue:j.map(s=>s==null?void 0:s.toString()),value:Y,onChange:s=>{const c=x.find(F=>F.value===s[0]);if(!c)return;const m=s.map(F=>x.find(L=>L.value===F));h(e.onChange,d?s:s[0],d?m:c)}});f.useEffect(()=>{x.length===0&&!l&&E&&G()},[x.length,l,E]);const[K,W]=f.useState(t?(Ge=R[0])==null?void 0:Ge.value:null),ot=e.maxSelections||M.length+1,me=x.findIndex(s=>s.value===K),ve=it(me,x,!!e.rollNavigation),he=at(me,x,!!e.rollNavigation),P=lt(x),ye=we(x),Me=!x.some(s=>s.value===K);f.useEffect(()=>{var s;Me&&W(t?(s=R[0])==null?void 0:s.value:null)},[Me]),a.useUpdateEffect(()=>{t&&W(P==null?void 0:P.value)},[D,P==null?void 0:P.value]),f.useEffect(()=>{var s;!E&&t&&W((s=R[0])==null?void 0:s.value)},[E]),f.useEffect(()=>{E&&C&&ne(!0)},[E,C,ne]),f.useEffect(()=>{const s=R.find(c=>c.value===K);h(e.onOptionFocus,{item:s,focusMethod:$.current,isNewInput:s==null?void 0:s.creatable})},[K,e.onOptionFocus]);const Ce=s=>{var F,L;const c=x.find(w=>w.value===s),m=(c==null?void 0:c.label)||(c==null?void 0:c.value);X(()=>d?"":m??""),!M.includes(s)&&M.length<ot&&ge(w=>d?[...w,s]:[s]),d&&((F=N.current)==null||F.focus()),e.focusInputOnSelect&&((L=N.current)==null||L.focus()),h(e.onSelectOption,{item:c,selectMethod:$.current,isNewInput:c==null?void 0:c.creatable}),c!=null&&c.creatable&&h(e.onCreateOption,{item:Oe(c,["noFilter"]),selectMethod:$.current}),O&&G()},Te=(s,c)=>{var L;ge(w=>{let k=R.find(T=>T.value===s);return!k&&r===!0&&(k={label:s,value:s}),k?(h(e.onTagRemoved,s,k,w),w.filter(T=>T!==s)):w});const m=R.find(w=>w.value===s),F=(m==null?void 0:m.label)||(m==null?void 0:m.value);D===F&&X(""),c&&((L=N.current)==null||L.focus())},rt=s=>{var c;ge([]),s&&((c=N.current)==null||c.focus())},_e=d?M.map(s=>{var c;return{label:((c=R.find(m=>m.value===(s==null?void 0:s.toString())))==null?void 0:c.label)||s,onRemove:()=>Te(s)}}):[];return f.useEffect(()=>{h(U,{tags:_e})},[M]),{autoCompleteProps:e,children:pe,filteredList:x,filteredResults:de,focusedValue:K,defaultEmptyStateProps:u,getEmptyStateProps:s=>{if(x.every(m=>m.noFilter)&&l&&!r)return typeof l=="boolean"?s:h(l,{query:D})},getGroupProps:s=>{const c=bt(s.children,x);return{divider:{hasFirstChild:Ct(s.children,P),hasLastChild:xt(s.children,we(x.filter(m=>le(m==null?void 0:m.noFilter))))},group:{display:c?"initial":"none"}}},getInputProps:(s,c)=>{const{onBlur:m,onChange:F,onFocus:L,onKeyDown:w,variant:k,...T}=s;return{wrapper:{ref:Ne,onClick:()=>{var g;(g=N==null?void 0:N.current)==null||g.focus()},...St(c,d),...T},input:{isReadOnly:y,onFocus:g=>{h(L,g),e.openOnFocus&&!y&&Q(),e.selectOnFocus&&g.target.select(),C&&ne(!0)},onBlur:g=>{var H,re;h(m,g);const A=g.relatedTarget===(J==null?void 0:J.current)||((H=J.current)==null?void 0:H.contains(g.relatedTarget)),v=(re=Ne.current)==null?void 0:re.contains(g.relatedTarget);if(!A&&!v&&(n&&G(),!M.includes(g.target.value)&&V)){const xe=we(M),I=R.find(Se=>Se.value===xe),be=(I==null?void 0:I.label)||(I==null?void 0:I.value)||"";X(be)}},onChange:g=>{const A=g.target.value;h(F,g),X(A);const v=Ee(A);h(ce,A)&&(!v||te)?Q():G(),ne(!1)},onKeyDown:g=>{var H;h(w,g),$.current="keyboard";const{key:A}=g,v=x[me];if(["Enter",...fe].includes(A)){v&&!(v!=null&&v.disabled)&&E?Ce(v==null?void 0:v.value):(H=N.current)==null||H.focus(),g.preventDefault();return}if(A==="ArrowDown"){E?W(ve==null?void 0:ve.value):Q(),g.preventDefault();return}if(A==="ArrowUp"){E?W(he==null?void 0:he.value):Q(),g.preventDefault();return}if(A==="Tab"){E&&v&&!(v!=null&&v.disabled)?Ce(v==null?void 0:v.value):G();return}if(A==="Home"){W(P==null?void 0:P.value),g.preventDefault();return}if(A==="End"){W(ye==null?void 0:ye.value),g.preventDefault();return}A==="Escape"&&(G(),g.preventDefault())},value:D,variant:d?"unstyled":k,...T}}},getItemProps:(s,c)=>{var We;const{_fixed:m,_focus:F,children:L,disabled:w,label:k,value:T,fixed:g,getValue:A=Re,onClick:v,onMouseOver:H,sx:re,...xe}=s,I=c?T:(We=A(T))==null?void 0:We.toString(),be=I===K,Se=x.findIndex(Z=>Z.value===I)>=0,Ae=L||k||I;return{item:{...typeof Ae!="string"||!o?{children:Ae}:{dangerouslySetInnerHTML:{__html:gt(Ae,D)}},"aria-selected":M.includes(I),"aria-disabled":w,_disabled:{opacity:.4,cursor:"not-allowed",userSelect:"none"},onClick:Z=>{var ke;h(v,Z),w?(ke=N.current)==null||ke.focus():Ce(I)},onMouseOver:Z=>{h(H,Z),W(I),$.current="mouse"},sx:{...re,mark:{color:"inherit",bg:"transparent",...je(o)?o:{fontWeight:o?"extrabold":"inherit"}}},...be&&(F||vt()),...g&&m,...xe},root:{isValidSuggestion:Se,value:I}}},inputRef:N,interactionRef:$,isLoading:ae,isOpen:E,itemList:R,listRef:J,onClose:G,onOpen:Q,placement:ee,query:D,removeItem:Te,resetItems:rt,setQuery:X,tags:_e,value:B,values:M}}const Xe=a.forwardRef((e,t)=>{const n=Je(e),{children:r,isOpen:o,onClose:l,onOpen:u,placement:i,resetItems:y,removeItem:C}=n;f.useImperativeHandle(t,()=>({resetItems:y,removeItem:C}));const{matchWidth:b=!0}=n.autoCompleteProps;return p.jsx(Qe,{value:n,children:p.jsx(a.Popover,{isLazy:!0,isOpen:o,autoFocus:!1,placement:i,closeOnBlur:!0,matchWidth:b,children:p.jsx(a.chakra.div,{w:"full",ref:t,children:r})})})});Xe.displayName="AutoComplete";const Ze=a.forwardRef((e,t)=>{const{focusedValue:n,getItemProps:r,interactionRef:o}=_(),l=f.useRef(),u=a.useMergeRefs(t,l),i=r(e),{isValidSuggestion:y,value:C}=i.root,b=n===C;f.useEffect(()=>{var U;b&&o.current==="keyboard"&&((U=l==null?void 0:l.current)==null||U.scrollIntoView({behavior:"smooth",block:"nearest"}))},[b,o]),f.useEffect(()=>{typeof C!="string"&&console.warn("wow"),typeof C!="string"&&le(e.getValue)&&console.error("You must define the `getValue` prop, when an Item's value is not a string")},[]);const{children:d,dangerouslySetInnerHTML:O,...S}=i.item,j=Oe(S,["groupId"]);return y?p.jsx(a.Flex,{ref:u,...Fe,...j,children:d||p.jsx("span",{dangerouslySetInnerHTML:O})}):null});Ze.displayName="AutoCompleteItem";const Fe={mx:"2",px:"2",py:"2",rounded:"md",cursor:"pointer"};function qe(e){const{alwaysDisplay:t,children:n,...r}=e,{autoCompleteProps:o,getItemProps:l,query:u,filteredResults:i}=_(),{children:y,...C}=l({...e,value:u,children:h(n,{value:u})},!0).item,b=i.some(S=>S.value===u),d=Ee(u)?t:!0;return o.creatable&&d&&!b?p.jsx(a.Flex,{...Fe,...C,...r,children:y||`Add ${u}`}):null}qe.displayName="AutoCompleteCreatable";const et=a.forwardRef((e,t)=>{const{children:n,showDivider:r,...o}=e,l=Oe(o,["groupSibling"]),{getGroupProps:u}=_(),{group:i}=u(e),y=wt(e);return p.jsxs(a.Box,{ref:t,...i,...l,children:[p.jsx(a.Divider,{...y.top}),n,p.jsx(a.Divider,{...y.bottom})]})}),tt=a.forwardRef((e,t)=>p.jsx(a.Flex,{...At,...e,ref:t}));et.displayName="AutoCompleteGroup";tt.displayName="AutoCompleteGroupTitle";const At={ml:5,my:1,fontSize:"xs",letterSpacing:"wider",fontWeight:"extrabold",textTransform:"uppercase"},wt=e=>{const{getGroupProps:t}=_(),n=e.groupSibling,{divider:{hasFirstChild:r,hasLastChild:o}}=t(e),l={my:2,borderColor:e.dividerColor},u={...l,mb:4,display:!e.showDivider||r?"none":""},i={...l,display:!e.showDivider||o||n?"none":""};return{top:u,bottom:i}},Be=a.forwardRef((e,t)=>{const{isLoading:n}=_(),{loadingIcon:r,...o}=e;return p.jsxs(a.InputGroup,{children:[p.jsx(a.Input,{...o,ref:t}),n&&p.jsx(a.InputRightElement,{children:r||p.jsx(a.Spinner,{})})]})}),Le=a.forwardRef((e,t)=>{const{autoCompleteProps:n,inputRef:r,getInputProps:o,tags:l,setQuery:u,value:i,itemList:y}=_(),{children:C,isInvalid:b,hidePlaceholder:d,...O}=e,{value:S}=O;f.useEffect(()=>{if(i!==void 0&&(typeof i=="string"||i instanceof String)){const te=y.find(Y=>Y.value===i),B=te===void 0?i:te.label;u(B)}},[i]),f.useEffect(()=>{S!==void 0&&(typeof S=="string"||S instanceof String)&&u(S)},[S]);const j=a.useMultiStyleConfig("Input",e);let{wrapper:U,input:z}=o(O,j);const{ref:q,...ae}=U,ee=a.useMergeRefs(t,r),V=h(C,{tags:l});d&&(z={...z,placeholder:Array.isArray(V)&&V.length?void 0:z.placeholder});const ce=p.jsx(Be,{isInvalid:b,...z,ref:ee}),fe=p.jsxs(a.Wrap,{"aria-invalid":b,...ae,ref:q,children:[V,p.jsx(a.WrapItem,{as:Be,...z,ref:ee})]});return p.jsx(a.PopoverAnchor,{children:n.multiple?fe:ce})});Le.displayName="Input";Le.id="Input";const It=e=>{const{getEmptyStateProps:t,defaultEmptyStateProps:n}=_(),r=t(p.jsx(a.Flex,{...jt,...n,children:"No options found!"}));return p.jsx(a.Box,{...e,children:r})},jt={fontSize:"sm",align:"center",justify:"center",fontWeight:"bold",fontStyle:"italic"},He=["AutoCompleteGroup","AutoCompleteItem","AutoCompleteCreatable"],Et=e=>{const t=f.Children.map(e,(o,l)=>{var u;if(((u=o==null?void 0:o.type)==null?void 0:u.displayName)==="AutoCompleteGroup"){const i=f.Children.toArray(e)[l+1];return f.cloneElement(o,{groupSibling:i?i.type.displayName==="AutoCompleteGroup":!1})}return o}),n=f.Children.toArray(t).filter(o=>{var l;return!He.includes((l=o==null?void 0:o.type)==null?void 0:l.displayName)});return[f.Children.toArray(t).filter(o=>{var l;return He.includes((l=o==null?void 0:o.type)==null?void 0:l.displayName)}),n]},nt=a.forwardRef((e,t)=>{const{children:n,loadingState:r,...o}=e,{listRef:l,isLoading:u}=_(),i=a.useMergeRefs(t,l),[y,C]=Et(n);return p.jsxs(a.PopoverContent,{ref:i,w:"inherit",...Ot,...o,children:[u&&p.jsx(a.Center,{children:r||p.jsx(a.Spinner,{size:"md"})}),!u&&p.jsxs(p.Fragment,{children:[y,p.jsx(It,{}),C]})]})});nt.displayName="AutoCompleteList";const Ot={py:"4",opacity:"0",bg:"#232934",rounded:"md",maxH:"350px",border:"none",shadow:"base",zIndex:"popover",overflowY:"auto",_light:{bg:"#ffffff"},_focus:{boxShadow:"none"}},Rt=f.memo(e=>{const{label:t,onRemove:n,disabled:r,...o}=e;return p.jsx(a.WrapItem,{children:p.jsxs(a.Tag,{borderRadius:"md",fontWeight:"normal",...r&&Ue,...o,children:[p.jsx(a.TagLabel,{children:t}),p.jsx(a.TagCloseButton,{onClick:()=>!r&&h(n),cursor:"pointer",...r&&Ue})]})})}),Ue={cursor:"text",userSelect:"none",opacity:.4,_focus:{boxShadow:"none"}};exports.AutoComplete=Xe;exports.AutoCompleteCreatable=qe;exports.AutoCompleteGroup=et;exports.AutoCompleteGroupTitle=tt;exports.AutoCompleteInput=Le;exports.AutoCompleteItem=Ze;exports.AutoCompleteList=nt;exports.AutoCompleteProvider=Qe;exports.AutoCompleteTag=Rt;exports.baseItemStyles=Fe;exports.createContext=$e;exports.useAutoComplete=Je;exports.useAutoCompleteContext=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),f=require("react"),a=require("@chakra-ui/react");function lt(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 ie=lt(f),[Qe,_]=$e();function $e(){const e=ie.createContext(void 0);e.displayName="AutoCompleteContext";function t(){var o;const n=ie.useContext(e),r="useAutoCompleteContext: `context` is undefined. Seems you forgot to wrap all autoomplete components within `<AutoComplete />`";if(!n){const l=new Error(r);throw l.name="ContextError",(o=Error.captureStackTrace)==null||o.call(Error,l,t),l}return n}return[e.Provider,t,e]}function ut(e){return e==null?void 0:e[0]}function we(e){return e!=null&&e.length?e[e.length-1]:void 0}function Ke(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 it(e,t,n=!0){return Ke(e,t,-1,n)}function at(e,t,n=!0){const r=Ke(e,t.length,1,n);return t[r]}function ct(e,t,n=!0){const r=it(e,t.length,n);return t[r]}function je(e){return Array.isArray(e)}function ft(e){return je(e)&&e.length===0}function Ee(e){return e!==null&&typeof e=="object"&&!je(e)}function pt(e){return Ee(e)&&Object.keys(e).length===0}function Oe(e){return je(e)?ft(e):Ee(e)?pt(e):e==null||e===""}function ue(e){return typeof e>"u"}function Ve(e){return typeof e<"u"}function dt(e,t){const n={};return t.forEach(r=>{r in e&&(n[r]=e[r])}),n}function Re(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}var ae=function(e,t){for(var n,r=ie.Children.toArray(e),o=0,l=r;o<l.length;o++){var u=l[o];if(t(u))return u;if(!((n=u.props)===null||n===void 0)&&n.children){var i=ae(u.props.children,t);if(i)return i}}},le=function(e,t){for(var n=0,r=t.length,o=e.length;n<r;n++,o++)e[o]=t[n];return e},Ye=function(e,t){for(var n,r=ie.Children.toArray(e),o=[],l=0,u=r;l<u.length;l++){var i=u[l];t(i)&&(o=le(le([],o),[i])),!((n=i.props)===null||n===void 0)&&n.children&&(o=le(le([],o),Ye(i.props.children,t)))}return o};function ze(e,t,n=2){function r(d,R){d=" ".repeat(R-1)+d.toLowerCase()+" ".repeat(R-1);let x=new Array(d.length-R+1);for(let E=0;E<x.length;E++)x[E]=d.slice(E,E+R);return x}if(!(e!=null&&e.length)||!(t!=null&&t.length))return 0;let o=e.length<t.length?e:t,l=e.length<t.length?t:e,u=r(o,n),i=r(l,n),y=new Set(u),C=i.length,b=0;for(let d of i)y.delete(d)&&b++;return b/C}const Fe=e=>{var t;return(t=typeof e=="string"||typeof e=="number"?e:e[Object.keys(e)[0]])==null?void 0:t.toString()},mt=(e,t)=>typeof e!="string"||Oe(t)?e:e.toString().replace(new RegExp(Ct(t),"gi"),r=>`<mark>${r}</mark>`),vt=e=>Ye(e,n=>{var r;return((r=n==null?void 0:n.type)==null?void 0:r.displayName)==="AutoCompleteItem"}).map(n=>{const r=dt(n.props,["value","label","fixed","disabled"]),{getValue:o=Fe}=n.props,l=o(r.value);return{...Ve(r.label)?r:{...r,label:l},value:l,originalValue:r.value}}),ht=()=>({bg:"whiteAlpha.100",_light:{bg:"gray.200"}}),yt=(e,t,n)=>(t==null?void 0:t.toLowerCase().indexOf(e==null?void 0:e.toLowerCase()))>=0||(n==null?void 0:n.toLowerCase().indexOf(e==null?void 0:e.toLowerCase()))>=0||ze(e,t)>=.5||ze(e,n)>=.5;function Ct(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}const bt=(e,t)=>ae(e,r=>{var o;return((o=r==null?void 0:r.type)==null?void 0:o.displayName)==="AutoCompleteItem"&&r.props.value===(t==null?void 0:t.value)}),xt=(e,t)=>ae(e,r=>{var o;return((o=r==null?void 0:r.type)==null?void 0:o.displayName)==="AutoCompleteItem"&&r.props.value===(t==null?void 0:t.value)}),St=(e,t)=>Ve(ae(e,n=>{var o,l;const r=h(((o=n.props)==null?void 0:o.getValue)||Fe,((l=n.props)==null?void 0:l.value)||{});return t.some(u=>u.value===r)})),At=(e,t)=>{const n={},r={},{field:o}=e;return o&&Object.keys(o).forEach(l=>{if(l.startsWith("--input")===!1)n[l]=o[l];else{let u=o[l];const y=l.replace("--input-","").replace(/-([a-z])/g,function(C){return C[1].toUpperCase()});u.indexOf(".")!==-1&&(u=u.substring(u.indexOf(".")+1)),r[y]=u}}),{...t&&{...n,...r,_focusWithin:e.field._focus,pos:"relative",minH:9,py:1.5,spacing:3},cursor:"text",h:"fit-content"}};function Je(e){var Ge;let{prefocusFirstItem:t=!0,closeOnBlur:n=!0,creatable:r,emphasize:o,emptyState:l=!0,defaultEmptyStateProps:u={},freeSolo:i,isReadOnly:y,listAllValuesOnFocus:C,maxSuggestions:b,multiple:d,closeOnSelect:R=!d,defaultValue:x,defaultValues:E=x?[x]:[],onReady:U,defaultIsOpen:z,disableFilter:q,isLoading:ce=!1,placement:ee="bottom",restoreOnBlurIfEmpty:V=!i,shouldRenderSuggestions:fe=()=>!0,submitKeys:pe=[],suggestWhenEmpty:te,value:B,values:Y=B?typeof B=="string"?[B]:[...B]:void 0}=e;i=i||(d?!0:e.freeSolo);const{isOpen:O,onClose:G,onOpen:Q}=a.useDisclosure({defaultIsOpen:z}),de=f.useMemo(()=>h(e.children,{isOpen:O,onClose:G,onOpen:Q}),[e.children,O]),I=f.useMemo(()=>vt(de),[de]),N=f.useRef(null),Pe=f.useRef(null),J=f.useRef(null),$=f.useRef(null),[De,ne]=f.useState(!1);let oe="";d?oe="":ue(E)?ue(Y)||(oe=Y[0]):oe=E[0];const[D,X]=f.useState(oe??""),ge=f.useMemo(()=>q?I:I.filter(s=>s.fixed||h(e.filter||yt,D,s.value,s.label)||De).filter((s,c)=>b?s.fixed||c<b:!0),[D,I,De,b,q]),re=r?[{value:D,noFilter:!0,creatable:!0}]:[],S=f.useMemo(()=>[...ge,...re],[ge,re]),ot=f.useMemo(()=>[...I,...re],[I,re]),[M,me]=a.useControllableState({defaultValue:E.map(s=>s==null?void 0:s.toString()),value:Y,onChange:s=>{const c=S.find(F=>F.value===s.at(-1));if(!c)return;const m=s.map(F=>ot.find(L=>L.value===F));h(e.onChange,d?s:s[0],d?m:c)}});f.useEffect(()=>{S.length===0&&!l&&O&&G()},[S.length,l,O]);const[K,W]=f.useState(t?(Ge=I[0])==null?void 0:Ge.value:null),rt=e.maxSelections||M.length+1,ve=S.findIndex(s=>s.value===K),he=at(ve,S,!!e.rollNavigation),ye=ct(ve,S,!!e.rollNavigation),P=ut(S),Ce=we(S),Me=!S.some(s=>s.value===K);f.useEffect(()=>{var s;Me&&W(t?(s=I[0])==null?void 0:s.value:null)},[Me]),a.useUpdateEffect(()=>{t&&W(P==null?void 0:P.value)},[D,P==null?void 0:P.value]),f.useEffect(()=>{var s;!O&&t&&W((s=I[0])==null?void 0:s.value)},[O]),f.useEffect(()=>{O&&C&&ne(!0)},[O,C,ne]),f.useEffect(()=>{const s=I.find(c=>c.value===K);h(e.onOptionFocus,{item:s,focusMethod:$.current,isNewInput:s==null?void 0:s.creatable})},[K,e.onOptionFocus]);const be=s=>{var F,L;const c=S.find(w=>w.value===s),m=(c==null?void 0:c.label)||(c==null?void 0:c.value);X(()=>d?"":m??""),!M.includes(s)&&M.length<rt&&me(w=>d?[...w,s]:[s]),d&&((F=N.current)==null||F.focus()),e.focusInputOnSelect&&((L=N.current)==null||L.focus()),h(e.onSelectOption,{item:c,selectMethod:$.current,isNewInput:c==null?void 0:c.creatable}),c!=null&&c.creatable&&h(e.onCreateOption,{item:Re(c,["noFilter"]),selectMethod:$.current}),R&&G()},Te=(s,c)=>{var L;me(w=>{let k=I.find(T=>T.value===s);return!k&&r===!0&&(k={label:s,value:s}),k?(h(e.onTagRemoved,s,k,w),w.filter(T=>T!==s)):w});const m=I.find(w=>w.value===s),F=(m==null?void 0:m.label)||(m==null?void 0:m.value);D===F&&X(""),c&&((L=N.current)==null||L.focus())},st=s=>{var c;me([]),s&&((c=N.current)==null||c.focus())},_e=d?M.map(s=>{var c;return{label:((c=I.find(m=>m.value===(s==null?void 0:s.toString())))==null?void 0:c.label)||s,onRemove:()=>Te(s)}}):[];return f.useEffect(()=>{h(U,{tags:_e})},[M]),{autoCompleteProps:e,children:de,filteredList:S,filteredResults:ge,focusedValue:K,defaultEmptyStateProps:u,getEmptyStateProps:s=>{if(S.every(m=>m.noFilter)&&l&&!r)return typeof l=="boolean"?s:h(l,{query:D})},getGroupProps:s=>{const c=St(s.children,S);return{divider:{hasFirstChild:bt(s.children,P),hasLastChild:xt(s.children,we(S.filter(m=>ue(m==null?void 0:m.noFilter))))},group:{display:c?"initial":"none"}}},getInputProps:(s,c)=>{const{onBlur:m,onChange:F,onFocus:L,onKeyDown:w,variant:k,...T}=s;return{wrapper:{ref:Pe,onClick:()=>{var g;(g=N==null?void 0:N.current)==null||g.focus()},...At(c,d),...T},input:{isReadOnly:y,onFocus:g=>{h(L,g),e.openOnFocus&&!y&&Q(),e.selectOnFocus&&g.target.select(),C&&ne(!0)},onBlur:g=>{var H,se;h(m,g);const A=g.relatedTarget===(J==null?void 0:J.current)||((H=J.current)==null?void 0:H.contains(g.relatedTarget)),v=(se=Pe.current)==null?void 0:se.contains(g.relatedTarget);if(!A&&!v&&(n&&G(),!M.includes(g.target.value)&&V)){const xe=we(M),j=I.find(Ae=>Ae.value===xe),Se=(j==null?void 0:j.label)||(j==null?void 0:j.value)||"";X(Se)}},onChange:g=>{const A=g.target.value;h(F,g),X(A);const v=Oe(A);h(fe,A)&&(!v||te)?Q():G(),ne(!1)},onKeyDown:g=>{var H;h(w,g),$.current="keyboard";const{key:A}=g,v=S[ve];if(["Enter",...pe].includes(A)){v&&!(v!=null&&v.disabled)&&O?be(v==null?void 0:v.value):(H=N.current)==null||H.focus(),g.preventDefault();return}if(A==="ArrowDown"){O?W(he==null?void 0:he.value):Q(),g.preventDefault();return}if(A==="ArrowUp"){O?W(ye==null?void 0:ye.value):Q(),g.preventDefault();return}if(A==="Tab"){O&&v&&!(v!=null&&v.disabled)?be(v==null?void 0:v.value):G();return}if(A==="Home"){W(P==null?void 0:P.value),g.preventDefault();return}if(A==="End"){W(Ce==null?void 0:Ce.value),g.preventDefault();return}A==="Escape"&&(G(),g.preventDefault())},value:D,variant:d?"unstyled":k,...T}}},getItemProps:(s,c)=>{var We;const{_fixed:m,_focus:F,children:L,disabled:w,label:k,value:T,fixed:g,getValue:A=Fe,onClick:v,onMouseOver:H,sx:se,...xe}=s,j=c?T:(We=A(T))==null?void 0:We.toString(),Se=j===K,Ae=S.findIndex(Z=>Z.value===j)>=0,Ie=L||k||j;return{item:{...typeof Ie!="string"||!o?{children:Ie}:{dangerouslySetInnerHTML:{__html:mt(Ie,D)}},"aria-selected":M.includes(j),"aria-disabled":w,_disabled:{opacity:.4,cursor:"not-allowed",userSelect:"none"},onClick:Z=>{var ke;h(v,Z),w?(ke=N.current)==null||ke.focus():be(j)},onMouseOver:Z=>{h(H,Z),W(j),$.current="mouse"},sx:{...se,mark:{color:"inherit",bg:"transparent",...Ee(o)?o:{fontWeight:o?"extrabold":"inherit"}}},...Se&&(F||ht()),...g&&m,...xe},root:{isValidSuggestion:Ae,value:j}}},inputRef:N,interactionRef:$,isLoading:ce,isOpen:O,itemList:I,listRef:J,onClose:G,onOpen:Q,placement:ee,query:D,removeItem:Te,resetItems:st,setQuery:X,tags:_e,value:B,values:M}}const Xe=a.forwardRef((e,t)=>{const n=Je(e),{children:r,isOpen:o,onClose:l,onOpen:u,placement:i,resetItems:y,removeItem:C}=n;f.useImperativeHandle(t,()=>({resetItems:y,removeItem:C}));const{matchWidth:b=!0}=n.autoCompleteProps;return p.jsx(Qe,{value:n,children:p.jsx(a.Popover,{isLazy:!0,isOpen:o,autoFocus:!1,placement:i,closeOnBlur:!0,matchWidth:b,children:p.jsx(a.chakra.div,{w:"full",ref:t,children:r})})})});Xe.displayName="AutoComplete";const Ze=a.forwardRef((e,t)=>{const{focusedValue:n,getItemProps:r,interactionRef:o}=_(),l=f.useRef(),u=a.useMergeRefs(t,l),i=r(e),{isValidSuggestion:y,value:C}=i.root,b=n===C;f.useEffect(()=>{var U;b&&o.current==="keyboard"&&((U=l==null?void 0:l.current)==null||U.scrollIntoView({behavior:"smooth",block:"nearest"}))},[b,o]),f.useEffect(()=>{typeof C!="string"&&console.warn("wow"),typeof C!="string"&&ue(e.getValue)&&console.error("You must define the `getValue` prop, when an Item's value is not a string")},[]);const{children:d,dangerouslySetInnerHTML:R,...x}=i.item,E=Re(x,["groupId"]);return y?p.jsx(a.Flex,{ref:u,...Le,...E,children:d||p.jsx("span",{dangerouslySetInnerHTML:R})}):null});Ze.displayName="AutoCompleteItem";const Le={mx:"2",px:"2",py:"2",rounded:"md",cursor:"pointer"};function qe(e){const{alwaysDisplay:t,children:n,...r}=e,{autoCompleteProps:o,getItemProps:l,query:u,filteredResults:i}=_(),{children:y,...C}=l({...e,value:u,children:h(n,{value:u})},!0).item,b=i.some(x=>x.value===u),d=Oe(u)?t:!0;return o.creatable&&d&&!b?p.jsx(a.Flex,{...Le,...C,...r,children:y||`Add ${u}`}):null}qe.displayName="AutoCompleteCreatable";const et=a.forwardRef((e,t)=>{const{children:n,showDivider:r,...o}=e,l=Re(o,["groupSibling"]),{getGroupProps:u}=_(),{group:i}=u(e),y=wt(e);return p.jsxs(a.Box,{ref:t,...i,...l,children:[p.jsx(a.Divider,{...y.top}),n,p.jsx(a.Divider,{...y.bottom})]})}),tt=a.forwardRef((e,t)=>p.jsx(a.Flex,{...It,...e,ref:t}));et.displayName="AutoCompleteGroup";tt.displayName="AutoCompleteGroupTitle";const It={ml:5,my:1,fontSize:"xs",letterSpacing:"wider",fontWeight:"extrabold",textTransform:"uppercase"},wt=e=>{const{getGroupProps:t}=_(),n=e.groupSibling,{divider:{hasFirstChild:r,hasLastChild:o}}=t(e),l={my:2,borderColor:e.dividerColor},u={...l,mb:4,display:!e.showDivider||r?"none":""},i={...l,display:!e.showDivider||o||n?"none":""};return{top:u,bottom:i}},Be=a.forwardRef((e,t)=>{const{isLoading:n}=_(),{loadingIcon:r,...o}=e;return p.jsxs(a.InputGroup,{children:[p.jsx(a.Input,{...o,ref:t}),n&&p.jsx(a.InputRightElement,{children:r||p.jsx(a.Spinner,{})})]})}),Ne=a.forwardRef((e,t)=>{const{autoCompleteProps:n,inputRef:r,getInputProps:o,tags:l,setQuery:u,value:i,itemList:y}=_(),{children:C,isInvalid:b,hidePlaceholder:d,...R}=e,{value:x}=R;f.useEffect(()=>{if(i!==void 0&&(typeof i=="string"||i instanceof String)){const te=y.find(Y=>Y.value===i),B=te===void 0?i:te.label;u(B)}},[i]),f.useEffect(()=>{x!==void 0&&(typeof x=="string"||x instanceof String)&&u(x)},[x]);const E=a.useMultiStyleConfig("Input",e);let{wrapper:U,input:z}=o(R,E);const{ref:q,...ce}=U,ee=a.useMergeRefs(t,r),V=h(C,{tags:l});d&&(z={...z,placeholder:Array.isArray(V)&&V.length?void 0:z.placeholder});const fe=p.jsx(Be,{isInvalid:b,...z,ref:ee}),pe=p.jsxs(a.Wrap,{"aria-invalid":b,...ce,ref:q,children:[V,p.jsx(a.WrapItem,{as:Be,...z,ref:ee})]});return p.jsx(a.PopoverAnchor,{children:n.multiple?pe:fe})});Ne.displayName="Input";Ne.id="Input";const jt=e=>{const{getEmptyStateProps:t,defaultEmptyStateProps:n}=_(),r=t(p.jsx(a.Flex,{...Et,...n,children:"No options found!"}));return p.jsx(a.Box,{...e,children:r})},Et={fontSize:"sm",align:"center",justify:"center",fontWeight:"bold",fontStyle:"italic"},He=["AutoCompleteGroup","AutoCompleteItem","AutoCompleteCreatable"],Ot=e=>{const t=f.Children.map(e,(o,l)=>{var u;if(((u=o==null?void 0:o.type)==null?void 0:u.displayName)==="AutoCompleteGroup"){const i=f.Children.toArray(e)[l+1];return f.cloneElement(o,{groupSibling:i?i.type.displayName==="AutoCompleteGroup":!1})}return o}),n=f.Children.toArray(t).filter(o=>{var l;return!He.includes((l=o==null?void 0:o.type)==null?void 0:l.displayName)});return[f.Children.toArray(t).filter(o=>{var l;return He.includes((l=o==null?void 0:o.type)==null?void 0:l.displayName)}),n]},nt=a.forwardRef((e,t)=>{const{children:n,loadingState:r,...o}=e,{listRef:l,isLoading:u}=_(),i=a.useMergeRefs(t,l),[y,C]=Ot(n);return p.jsxs(a.PopoverContent,{ref:i,w:"inherit",...Rt,...o,children:[u&&p.jsx(a.Center,{children:r||p.jsx(a.Spinner,{size:"md"})}),!u&&p.jsxs(p.Fragment,{children:[y,p.jsx(jt,{}),C]})]})});nt.displayName="AutoCompleteList";const Rt={py:"4",opacity:"0",bg:"#232934",rounded:"md",maxH:"350px",border:"none",shadow:"base",zIndex:"popover",overflowY:"auto",_light:{bg:"#ffffff"},_focus:{boxShadow:"none"}},Ft=f.memo(e=>{const{label:t,onRemove:n,disabled:r,...o}=e;return p.jsx(a.WrapItem,{children:p.jsxs(a.Tag,{borderRadius:"md",fontWeight:"normal",...r&&Ue,...o,children:[p.jsx(a.TagLabel,{children:t}),p.jsx(a.TagCloseButton,{onClick:()=>!r&&h(n),cursor:"pointer",...r&&Ue})]})})}),Ue={cursor:"text",userSelect:"none",opacity:.4,_focus:{boxShadow:"none"}};exports.AutoComplete=Xe;exports.AutoCompleteCreatable=qe;exports.AutoCompleteGroup=et;exports.AutoCompleteGroupTitle=tt;exports.AutoCompleteInput=Ne;exports.AutoCompleteItem=Ze;exports.AutoCompleteList=nt;exports.AutoCompleteProvider=Qe;exports.AutoCompleteTag=Ft;exports.baseItemStyles=Le;exports.createContext=$e;exports.useAutoComplete=Je;exports.useAutoCompleteContext=_;

package/dist/use-autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-autocomplete.d.ts","sourceRoot":"","sources":["../src/use-autocomplete.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAUnD,OAAO,EAAQ,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEtD;;;;GAIG;AAEH,wBAAgB,eAAe,CAC7B,iBAAiB,EAAE,iBAAiB,GACnC,qBAAqB,CA+dvB"}
+{"version":3,"file":"use-autocomplete.d.ts","sourceRoot":"","sources":["../src/use-autocomplete.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAUnD,OAAO,EAAQ,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEtD;;;;GAIG;AAEH,wBAAgB,eAAe,CAC7B,iBAAiB,EAAE,iBAAiB,GACnC,qBAAqB,CAoevB"}

package/package.json

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