@choc-ui/chakra-autocomplete 6.1.3 → 6.1.5

package/dist/index.es.js

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