@choc-ui/chakra-autocomplete 6.1.2 → 6.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1,9 +1,9 @@
1
- import { jsx as a, jsxs as Z, Fragment as ft } from "react/jsx-runtime";
1
+ import { jsx as a, jsxs as q, Fragment as pt } from "react/jsx-runtime";
2
2
  import * as L from "react";
3
- import I, { useMemo as oe, useRef as se, useState as Fe, useEffect as j, forwardRef as U, useImperativeHandle as pt, memo as dt } from "react";
4
- import { useDisclosure as mt, useControllableState as gt, IconButton as ht, Portal as vt, Popover as N, chakra as yt, Flex as he, Box as Te, Separator as Xe, Group as bt, InputElement as Je, Input as Ct, Spinner as nt, PopoverAnchor as wt, Center as St, Tag as J } from "@chakra-ui/react";
5
- const [xt, H] = Ot();
6
- function Ot() {
3
+ 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";
4
+ 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";
5
+ const [Ot, H] = At();
6
+ function At() {
7
7
  const e = L.createContext(void 0);
8
8
  e.displayName = "AutoCompleteContext";
9
9
  function t() {
@@ -17,10 +17,10 @@ function Ot() {
17
17
  }
18
18
  return [e.Provider, t, e];
19
19
  }
20
- function At(e) {
20
+ function Et(e) {
21
21
  return e == null ? void 0 : e[0];
22
22
  }
23
- function De(e) {
23
+ function Te(e) {
24
24
  return e != null && e.length ? e[e.length - 1] : void 0;
25
25
  }
26
26
  function rt(e, t, n = 1, r = !0) {
@@ -28,57 +28,57 @@ function rt(e, t, n = 1, r = !0) {
28
28
  let o = e + n;
29
29
  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;
30
30
  }
31
- function Et(e, t, n = !0) {
31
+ function It(e, t, n = !0) {
32
32
  return rt(e, t, -1, n);
33
33
  }
34
34
  function Pt(e, t, n = !0) {
35
35
  const r = rt(e, t.length, 1, n);
36
36
  return t[r];
37
37
  }
38
- function It(e, t, n = !0) {
39
- const r = Et(e, t.length, n);
38
+ function Nt(e, t, n = !0) {
39
+ const r = It(e, t.length, n);
40
40
  return t[r];
41
41
  }
42
- function _e(e) {
43
- return Array.isArray(e);
44
- }
45
- function Nt(e) {
46
- return _e(e) && e.length === 0;
47
- }
48
42
  function Ge(e) {
49
- return e !== null && typeof e == "object" && !_e(e);
43
+ return Array.isArray(e);
50
44
  }
51
45
  function Rt(e) {
52
- return Ge(e) && Object.keys(e).length === 0;
46
+ return Ge(e) && e.length === 0;
53
47
  }
54
48
  function Me(e) {
55
- return _e(e) ? Nt(e) : Ge(e) ? Rt(e) : e == null || e === "";
49
+ return e !== null && typeof e == "object" && !Ge(e);
50
+ }
51
+ function jt(e) {
52
+ return Me(e) && Object.keys(e).length === 0;
53
+ }
54
+ function We(e) {
55
+ return Ge(e) ? Rt(e) : Me(e) ? jt(e) : e == null || e === "";
56
56
  }
57
- function de(e) {
57
+ function me(e) {
58
58
  return typeof e > "u";
59
59
  }
60
60
  function ot(e) {
61
61
  return typeof e < "u";
62
62
  }
63
- function jt(e, t) {
63
+ function Lt(e, t) {
64
64
  const n = {};
65
65
  return t.forEach((r) => {
66
66
  r in e && (n[r] = e[r]);
67
67
  }), n;
68
68
  }
69
- function ve(e, t) {
69
+ function ye(e, t) {
70
70
  const n = { ...e };
71
71
  return t.forEach((r) => {
72
72
  delete n[r];
73
73
  }), n;
74
74
  }
75
- function Lt(e) {
75
+ function Ft(e) {
76
76
  return typeof e == "function";
77
77
  }
78
78
  function h(e, ...t) {
79
- return Lt(e) ? e(...t) : e;
79
+ return Ft(e) ? e(...t) : e;
80
80
  }
81
- function Ft(e, t) {
81
+ function Dt(e, t) {
82
82
  if (e != null) {
83
83
  if (typeof e == "function") {
84
84
  e(t);
@@ -91,45 +91,45 @@ function Ft(e, t) {
91
91
  }
92
92
  }
93
93
  }
94
- function Dt(...e) {
94
+ function Tt(...e) {
95
95
  return (t) => {
96
96
  e.forEach((n) => {
97
- Ft(n, t);
97
+ Dt(n, t);
98
98
  });
99
99
  };
100
100
  }
101
- function We(...e) {
102
- return oe(() => Dt(...e), e);
101
+ function ke(...e) {
102
+ return Z(() => Tt(...e), e);
103
103
  }
104
- var ye = function(e, t) {
104
+ var be = function(e, t) {
105
105
  for (var n, r = L.Children.toArray(e), o = 0, s = r; o < s.length; o++) {
106
106
  var u = s[o];
107
107
  if (t(u))
108
108
  return u;
109
109
  if (!((n = u.props) === null || n === void 0) && n.children) {
110
- var l = ye(u.props.children, t);
110
+ var l = be(u.props.children, t);
111
111
  if (l)
112
112
  return l;
113
113
  }
114
114
  }
115
- }, pe = function(e, t) {
115
+ }, de = function(e, t) {
116
116
  for (var n = 0, r = t.length, o = e.length; n < r; n++, o++)
117
117
  e[o] = t[n];
118
118
  return e;
119
119
  }, st = function(e, t) {
120
120
  for (var n, r = L.Children.toArray(e), o = [], s = 0, u = r; s < u.length; s++) {
121
121
  var l = u[s];
122
- t(l) && (o = pe(pe([], o), [l])), !((n = l.props) === null || n === void 0) && n.children && (o = pe(pe([], o), st(l.props.children, t)));
122
+ 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)));
123
123
  }
124
124
  return o;
125
125
  };
126
126
  function Ze(e, t, n = 2) {
127
127
  function r(d, C) {
128
128
  d = " ".repeat(C - 1) + d.toLowerCase() + " ".repeat(C - 1);
129
- let A = new Array(d.length - C + 1);
130
- for (let x = 0; x < A.length; x++)
131
- A[x] = d.slice(x, x + C);
132
- return A;
129
+ let E = new Array(d.length - C + 1);
130
+ for (let O = 0; O < E.length; O++)
131
+ E[O] = d.slice(O, O + C);
132
+ return E;
133
133
  }
134
134
  if (!(e != null && e.length) || !(t != null && t.length))
135
135
  return 0;
@@ -138,53 +138,53 @@ function Ze(e, t, n = 2) {
138
138
  f.delete(d) && y++;
139
139
  return y / v;
140
140
  }
141
- const ke = (e) => {
141
+ const ze = (e) => {
142
142
  var t;
143
143
  return (t = typeof e == "string" || typeof e == "number" ? e : e[Object.keys(e)[0]]) == null ? void 0 : t.toString();
144
- }, Tt = (e, t) => typeof e != "string" || Me(t) ? e : e.toString().replace(
145
- new RegExp(Wt(t), "gi"),
144
+ }, _t = (e, t) => typeof e != "string" || We(t) ? e : e.toString().replace(
145
+ new RegExp(kt(t), "gi"),
146
146
  (r) => `<mark>${r}</mark>`
147
- ), _t = (e) => st(
147
+ ), Gt = (e) => st(
148
148
  e,
149
149
  (n) => {
150
150
  var r;
151
151
  return ((r = n == null ? void 0 : n.type) == null ? void 0 : r.displayName) === "AutoCompleteItem";
152
152
  }
153
153
  ).map((n) => {
154
- const r = jt(n.props, ["value", "label", "fixed", "disabled"]), { getValue: o = ke } = n.props, s = o(r.value);
154
+ const r = Lt(n.props, ["value", "label", "fixed", "disabled"]), { getValue: o = ze } = n.props, s = o(r.value);
155
155
  return { ...ot(r.label) ? r : { ...r, label: s }, value: s, originalValue: r.value };
156
- }), Gt = () => ({
156
+ }), Mt = () => ({
157
157
  bg: "whiteAlpha.100",
158
158
  _light: {
159
159
  bg: "gray.200"
160
160
  }
161
- }), Mt = (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;
162
- function Wt(e) {
161
+ }), 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;
162
+ function kt(e) {
163
163
  return e.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
164
164
  }
165
- const kt = (e, t) => ye(
165
+ const zt = (e, t) => be(
166
166
  e,
167
167
  (r) => {
168
168
  var o;
169
169
  return ((o = r == null ? void 0 : r.type) == null ? void 0 : o.displayName) === "AutoCompleteItem" && r.props.value === (t == null ? void 0 : t.value);
170
170
  }
171
- ), zt = (e, t) => ye(
171
+ ), Bt = (e, t) => be(
172
172
  e,
173
173
  (r) => {
174
174
  var o;
175
175
  return ((o = r == null ? void 0 : r.type) == null ? void 0 : o.displayName) === "AutoCompleteItem" && r.props.value === (t == null ? void 0 : t.value);
176
176
  }
177
- ), Bt = (e, t) => ot(
178
- ye(e, (n) => {
177
+ ), $t = (e, t) => ot(
178
+ be(e, (n) => {
179
179
  var o, s;
180
180
  const r = h(
181
- ((o = n.props) == null ? void 0 : o.getValue) || ke,
181
+ ((o = n.props) == null ? void 0 : o.getValue) || ze,
182
182
  ((s = n.props) == null ? void 0 : s.value) || {}
183
183
  );
184
184
  return t.some((u) => u.value === r);
185
185
  })
186
186
  );
187
- function $t(e) {
187
+ function Ht(e) {
188
188
  var Ue;
189
189
  let {
190
190
  prefocusFirstItem: t = !0,
@@ -199,51 +199,51 @@ function $t(e) {
199
199
  maxSuggestions: y,
200
200
  multiple: d,
201
201
  closeOnSelect: C = !d,
202
- defaultValue: A,
203
- defaultValues: x = A ? [A] : [],
202
+ defaultValue: E,
203
+ defaultValues: O = E ? [E] : [],
204
204
  onReady: T,
205
- defaultIsOpen: be,
205
+ defaultIsOpen: Ce,
206
206
  disableFilter: ie,
207
- isLoading: Ce = !1,
208
- placement: q = "bottom",
207
+ isLoading: we = !1,
208
+ placement: ee = "bottom",
209
209
  restoreOnBlurIfEmpty: le = !l,
210
- shouldRenderSuggestions: we = () => !0,
210
+ shouldRenderSuggestions: Se = () => !0,
211
211
  submitKeys: ue = [],
212
- suggestWhenEmpty: Se,
212
+ suggestWhenEmpty: xe,
213
213
  value: K,
214
- values: xe = K ? typeof K == "string" ? [K] : [...K] : void 0
214
+ values: Oe = K ? typeof K == "string" ? [K] : [...K] : void 0
215
215
  } = e;
216
216
  l = l || (d ? !0 : e.freeSolo);
217
- const { open: O, onClose: z, onOpen: V } = mt({ open: be }), Oe = oe(
217
+ const { open: A, onClose: z, onOpen: V } = gt({ open: Ce }), Ae = Z(
218
218
  () => h(e.children, {
219
- isOpen: O,
219
+ isOpen: A,
220
220
  onClose: z,
221
221
  onOpen: V
222
222
  }),
223
- [e.children, O]
224
- ), E = oe(() => _t(Oe), [Oe]), F = se(null), ze = se(null), ee = se(null), Y = se(null), [Be, ae] = Fe(!1);
223
+ [e.children, A]
224
+ ), S = Z(() => Gt(Ae), [Ae]), F = se(null), Be = se(null), te = se(null), Y = se(null), [$e, ae] = De(!1);
225
225
  let ce = "";
226
- d ? ce = "" : de(x) ? de(xe) || (ce = xe[0]) : ce = x[0];
227
- const [_, te] = Fe(ce ?? ""), Ae = oe(
228
- () => ie ? E : E.filter(
226
+ d ? ce = "" : me(O) ? me(Oe) || (ce = Oe[0]) : ce = O[0];
227
+ const [_, ne] = De(ce ?? ""), Ee = Z(
228
+ () => ie ? S : S.filter(
229
229
  (i) => i.fixed || h(
230
- e.filter || Mt,
230
+ e.filter || Wt,
231
231
  _,
232
232
  i.value,
233
233
  i.label
234
- ) || Be
234
+ ) || $e
235
235
  ).filter(
236
236
  (i, c) => y ? i.fixed || c < y : !0
237
237
  ),
238
- [_, E, Be, y, ie]
239
- ), $e = r ? [{ value: _, noFilter: !0, creatable: !0 }] : [], b = oe(() => [...Ae, ...$e], [Ae, $e]), [G, Ee] = gt({
240
- defaultValue: x.map((i) => i == null ? void 0 : i.toString()),
241
- value: xe,
238
+ [_, S, $e, y, ie]
239
+ ), fe = r ? [{ value: _, noFilter: !0, creatable: !0 }] : [], b = Z(() => [...Ee, ...fe], [Ee, fe]), at = Z(() => [...S, ...fe], [S, fe]), [G, Ie] = ht({
240
+ defaultValue: O.map((i) => i == null ? void 0 : i.toString()),
241
+ value: Oe,
242
242
  onChange: (i) => {
243
- const c = b.find((P) => P.value === i.at(-1));
243
+ const c = b.find((I) => I.value === i.at(-1));
244
244
  if (!c) return;
245
245
  const m = i.map(
246
- (P) => b.find((R) => R.value === P)
246
+ (I) => at.find((R) => R.value === I)
247
247
  );
248
248
  h(
249
249
  e.onChange,
@@ -253,65 +253,65 @@ function $t(e) {
253
253
  }
254
254
  });
255
255
  j(() => {
256
- b.length === 0 && !s && O && z();
257
- }, [b.length, s, O]);
258
- const [X, M] = Fe(
259
- t ? (Ue = E[0]) == null ? void 0 : Ue.value : null
260
- ), at = e.maxSelections || G.length + 1, Pe = b.findIndex((i) => i.value === X), Ie = Pt(
256
+ b.length === 0 && !s && A && z();
257
+ }, [b.length, s, A]);
258
+ const [X, M] = De(
259
+ t ? (Ue = S[0]) == null ? void 0 : Ue.value : null
260
+ ), ct = e.maxSelections || G.length + 1, Pe = b.findIndex((i) => i.value === X), Ne = Pt(
261
261
  Pe,
262
262
  b,
263
263
  !!e.rollNavigation
264
- ), Ne = It(
264
+ ), Re = Nt(
265
265
  Pe,
266
266
  b,
267
267
  !!e.rollNavigation
268
- ), D = At(b), Re = De(b), He = !b.some(
268
+ ), D = Et(b), je = Te(b), He = !b.some(
269
269
  (i) => i.value === X
270
270
  );
271
271
  j(() => {
272
272
  var i;
273
- He && M(t ? (i = E[0]) == null ? void 0 : i.value : null);
273
+ He && M(t ? (i = S[0]) == null ? void 0 : i.value : null);
274
274
  }, [He]), j(() => {
275
275
  t && M(D == null ? void 0 : D.value);
276
276
  }, [t, M, _, D == null ? void 0 : D.value]), j(() => {
277
277
  var i;
278
- !O && t && M((i = E[0]) == null ? void 0 : i.value);
279
- }, [O]), j(() => {
280
- O && v && ae(!0);
281
- }, [O, v, ae]), j(() => {
282
- const i = E.find((c) => c.value === X);
278
+ !A && t && M((i = S[0]) == null ? void 0 : i.value);
279
+ }, [A]), j(() => {
280
+ A && v && ae(!0);
281
+ }, [A, v, ae]), j(() => {
282
+ const i = S.find((c) => c.value === X);
283
283
  h(e.onOptionFocus, {
284
284
  item: i,
285
285
  focusMethod: Y.current,
286
286
  isNewInput: i == null ? void 0 : i.creatable
287
287
  });
288
288
  }, [X, e.onOptionFocus]);
289
- const je = (i) => {
290
- var P, R;
291
- const c = b.find((S) => S.value === i), m = (c == null ? void 0 : c.label) || (c == null ? void 0 : c.value);
292
- te(() => d ? "" : m ?? ""), !G.includes(i) && G.length < at && Ee((S) => d ? [...S, i] : [i]), d && ((P = F.current) == null || P.focus()), e.focusInputOnSelect && ((R = F.current) == null || R.focus()), h(e.onSelectOption, {
289
+ const Le = (i) => {
290
+ var I, R;
291
+ const c = b.find((x) => x.value === i), m = (c == null ? void 0 : c.label) || (c == null ? void 0 : c.value);
292
+ 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, {
293
293
  item: c,
294
294
  selectMethod: Y.current,
295
295
  isNewInput: c == null ? void 0 : c.creatable
296
296
  }), c != null && c.creatable && h(e.onCreateOption, {
297
- item: ve(c, ["noFilter"]),
297
+ item: ye(c, ["noFilter"]),
298
298
  selectMethod: Y.current
299
299
  }), C && z();
300
300
  }, Ke = (i, c) => {
301
301
  var R;
302
- Ee((S) => {
303
- let B = E.find((W) => W.value === i);
304
- return !B && r === !0 && (B = { label: i, value: i }), B ? (h(e.onTagRemoved, i, B, S), S.filter((W) => W !== i)) : S;
302
+ Ie((x) => {
303
+ let B = S.find((W) => W.value === i);
304
+ return !B && r === !0 && (B = { label: i, value: i }), B ? (h(e.onTagRemoved, i, B, x), x.filter((W) => W !== i)) : x;
305
305
  });
306
- const m = E.find((S) => S.value === i), P = (m == null ? void 0 : m.label) || (m == null ? void 0 : m.value);
307
- _ === P && te(""), c && ((R = F.current) == null || R.focus());
308
- }, ct = (i) => {
306
+ const m = S.find((x) => x.value === i), I = (m == null ? void 0 : m.label) || (m == null ? void 0 : m.value);
307
+ _ === I && ne(""), c && ((R = F.current) == null || R.focus());
308
+ }, ft = (i) => {
309
309
  var c;
310
- Ee([]), i && ((c = F.current) == null || c.focus());
310
+ Ie([]), i && ((c = F.current) == null || c.focus());
311
311
  }, Qe = d ? G.map((i) => {
312
312
  var c;
313
313
  return {
314
- label: ((c = E.find((m) => m.value === (i == null ? void 0 : i.toString()))) == null ? void 0 : c.label) || i,
314
+ label: ((c = S.find((m) => m.value === (i == null ? void 0 : i.toString()))) == null ? void 0 : c.label) || i,
315
315
  onRemove: () => Ke(i)
316
316
  };
317
317
  }) : [];
@@ -319,9 +319,9 @@ function $t(e) {
319
319
  h(T, { tags: Qe });
320
320
  }, [G]), {
321
321
  autoCompleteProps: e,
322
- children: Oe,
322
+ children: Ae,
323
323
  filteredList: b,
324
- filteredResults: Ae,
324
+ filteredResults: Ee,
325
325
  focusedValue: X,
326
326
  defaultEmptyStateProps: u,
327
327
  getEmptyStateProps: (i) => {
@@ -329,13 +329,13 @@ function $t(e) {
329
329
  return typeof s == "boolean" ? i : h(s, { query: _ });
330
330
  },
331
331
  getGroupProps: (i) => {
332
- const c = Bt(i.children, b);
332
+ const c = $t(i.children, b);
333
333
  return {
334
334
  divider: {
335
- hasFirstChild: kt(i.children, D),
336
- hasLastChild: zt(
335
+ hasFirstChild: zt(i.children, D),
336
+ hasLastChild: Bt(
337
337
  i.children,
338
- De(b.filter((m) => de(m == null ? void 0 : m.noFilter)))
338
+ Te(b.filter((m) => me(m == null ? void 0 : m.noFilter)))
339
339
  )
340
340
  },
341
341
  group: {
@@ -344,10 +344,10 @@ function $t(e) {
344
344
  };
345
345
  },
346
346
  getInputProps: (i, c) => {
347
- const { onBlur: m, onChange: P, onFocus: R, onKeyDown: S, variant: B, ...W } = i;
347
+ const { onBlur: m, onChange: I, onFocus: R, onKeyDown: x, variant: B, ...W } = i;
348
348
  return {
349
349
  wrapper: {
350
- ref: ze,
350
+ ref: Be,
351
351
  onClick: () => {
352
352
  var p;
353
353
  (p = F == null ? void 0 : F.current) == null || p.focus();
@@ -361,42 +361,42 @@ function $t(e) {
361
361
  h(R, p), e.openOnFocus && !f && V(), e.selectOnFocus && p.target.select(), v && ae(!0);
362
362
  },
363
363
  onBlur: (p) => {
364
- var Q, fe;
364
+ var Q, pe;
365
365
  h(m, p);
366
- const w = p.relatedTarget === (ee == null ? void 0 : ee.current) || ((Q = ee.current) == null ? void 0 : Q.contains(p.relatedTarget)), g = (fe = ze.current) == null ? void 0 : fe.contains(
366
+ 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(
367
367
  p.relatedTarget
368
368
  );
369
369
  if (!w && !g && (n && z(), !G.includes(p.target.value) && le)) {
370
- const k = De(G), $ = E.find(
371
- (ne) => ne.value === k
372
- ), Le = ($ == null ? void 0 : $.label) || ($ == null ? void 0 : $.value) || "";
373
- te(Le);
370
+ const k = Te(G), $ = S.find(
371
+ (re) => re.value === k
372
+ ), Fe = ($ == null ? void 0 : $.label) || ($ == null ? void 0 : $.value) || "";
373
+ ne(Fe);
374
374
  }
375
375
  },
376
376
  onChange: (p) => {
377
377
  const w = p.target.value;
378
- h(P, p), te(w);
379
- const g = Me(w);
380
- h(we, w) && (!g || Se) ? V() : z(), ae(!1);
378
+ h(I, p), ne(w);
379
+ const g = We(w);
380
+ h(Se, w) && (!g || xe) ? V() : z(), ae(!1);
381
381
  },
382
382
  onKeyDown: (p) => {
383
383
  var Q;
384
- h(S, p), Y.current = "keyboard";
384
+ h(x, p), Y.current = "keyboard";
385
385
  const { key: w } = p, g = b[Pe];
386
386
  if (["Enter", ...ue].includes(w)) {
387
- g && !(g != null && g.disabled) && O ? je(g == null ? void 0 : g.value) : (Q = F.current) == null || Q.focus(), p.preventDefault();
387
+ g && !(g != null && g.disabled) && A ? Le(g == null ? void 0 : g.value) : (Q = F.current) == null || Q.focus(), p.preventDefault();
388
388
  return;
389
389
  }
390
390
  if (w === "ArrowDown") {
391
- O ? M(Ie == null ? void 0 : Ie.value) : V(), p.preventDefault();
391
+ A ? M(Ne == null ? void 0 : Ne.value) : V(), p.preventDefault();
392
392
  return;
393
393
  }
394
394
  if (w === "ArrowUp") {
395
- O ? M(Ne == null ? void 0 : Ne.value) : V(), p.preventDefault();
395
+ A ? M(Re == null ? void 0 : Re.value) : V(), p.preventDefault();
396
396
  return;
397
397
  }
398
398
  if (w === "Tab") {
399
- O && g && !(g != null && g.disabled) ? je(g == null ? void 0 : g.value) : z();
399
+ A && g && !(g != null && g.disabled) ? Le(g == null ? void 0 : g.value) : z();
400
400
  return;
401
401
  }
402
402
  if (w === "Home") {
@@ -404,7 +404,7 @@ function $t(e) {
404
404
  return;
405
405
  }
406
406
  if (w === "End") {
407
- M(Re == null ? void 0 : Re.value), p.preventDefault();
407
+ M(je == null ? void 0 : je.value), p.preventDefault();
408
408
  return;
409
409
  }
410
410
  w === "Escape" && (z(), p.preventDefault());
@@ -420,68 +420,68 @@ function $t(e) {
420
420
  var Ve;
421
421
  const {
422
422
  _fixed: m,
423
- _focus: P,
423
+ _focus: I,
424
424
  children: R,
425
- disabled: S,
425
+ disabled: x,
426
426
  label: B,
427
427
  value: W,
428
428
  fixed: p,
429
- getValue: w = ke,
429
+ getValue: w = ze,
430
430
  onClick: g,
431
431
  onMouseOver: Q,
432
432
  //sx,
433
- ...fe
434
- } = i, k = c ? W : (Ve = w(W)) == null ? void 0 : Ve.toString(), $ = k === X, Le = b.findIndex((re) => re.value === k) >= 0, ne = R || B || k;
433
+ ...pe
434
+ } = 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;
435
435
  return {
436
436
  item: {
437
- ...typeof ne != "string" || !o ? { children: ne } : {
437
+ ...typeof re != "string" || !o ? { children: re } : {
438
438
  dangerouslySetInnerHTML: {
439
- __html: Tt(ne, _)
439
+ __html: _t(re, _)
440
440
  }
441
441
  },
442
442
  "aria-selected": G.includes(k),
443
- "aria-disabled": S,
443
+ "aria-disabled": x,
444
444
  _disabled: { opacity: 0.4, cursor: "not-allowed", userSelect: "none" },
445
- onMouseDown: (re) => {
445
+ onMouseDown: (oe) => {
446
446
  var Ye;
447
- h(g, re), S ? (Ye = F.current) == null || Ye.focus() : je(k);
447
+ h(g, oe), x ? (Ye = F.current) == null || Ye.focus() : Le(k);
448
448
  },
449
- onMouseOver: (re) => {
450
- h(Q, re), M(k), Y.current = "mouse";
449
+ onMouseOver: (oe) => {
450
+ h(Q, oe), M(k), Y.current = "mouse";
451
451
  },
452
452
  sx: {
453
453
  //...sx,
454
454
  mark: {
455
455
  color: "inherit",
456
456
  bg: "transparent",
457
- ...Ge(o) ? o : {
457
+ ...Me(o) ? o : {
458
458
  fontWeight: o ? "extrabold" : "inherit"
459
459
  }
460
460
  }
461
461
  },
462
- ...$ && (P || Gt()),
462
+ ...$ && (I || Mt()),
463
463
  ...p && m,
464
- ...fe
464
+ ...pe
465
465
  },
466
466
  root: {
467
- isValidSuggestion: Le,
467
+ isValidSuggestion: Fe,
468
468
  value: k
469
469
  }
470
470
  };
471
471
  },
472
472
  inputRef: F,
473
473
  interactionRef: Y,
474
- isLoading: Ce,
475
- isOpen: O,
476
- itemList: E,
477
- listRef: ee,
474
+ isLoading: we,
475
+ isOpen: A,
476
+ itemList: S,
477
+ listRef: te,
478
478
  onClose: z,
479
479
  onOpen: V,
480
- placement: q,
480
+ placement: ee,
481
481
  query: _,
482
482
  removeItem: Ke,
483
- resetItems: ct,
484
- setQuery: te,
483
+ resetItems: ft,
484
+ setQuery: ne,
485
485
  tags: Qe,
486
486
  value: K,
487
487
  values: G
@@ -493,10 +493,10 @@ var it = {
493
493
  className: void 0,
494
494
  style: void 0,
495
495
  attr: void 0
496
- }, qe = I.createContext && /* @__PURE__ */ I.createContext(it), Ht = ["attr", "size", "title"];
497
- function Kt(e, t) {
496
+ }, qe = P.createContext && /* @__PURE__ */ P.createContext(it), Kt = ["attr", "size", "title"];
497
+ function Qt(e, t) {
498
498
  if (e == null) return {};
499
- var n = Qt(e, t), r, o;
499
+ var n = Ut(e, t), r, o;
500
500
  if (Object.getOwnPropertySymbols) {
501
501
  var s = Object.getOwnPropertySymbols(e);
502
502
  for (o = 0; o < s.length; o++)
@@ -504,7 +504,7 @@ function Kt(e, t) {
504
504
  }
505
505
  return n;
506
506
  }
507
- function Qt(e, t) {
507
+ function Ut(e, t) {
508
508
  if (e == null) return {};
509
509
  var n = {};
510
510
  for (var r in e)
@@ -514,15 +514,15 @@ function Qt(e, t) {
514
514
  }
515
515
  return n;
516
516
  }
517
- function me() {
518
- return me = Object.assign ? Object.assign.bind() : function(e) {
517
+ function ge() {
518
+ return ge = Object.assign ? Object.assign.bind() : function(e) {
519
519
  for (var t = 1; t < arguments.length; t++) {
520
520
  var n = arguments[t];
521
521
  for (var r in n)
522
522
  Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
523
523
  }
524
524
  return e;
525
- }, me.apply(this, arguments);
525
+ }, ge.apply(this, arguments);
526
526
  }
527
527
  function et(e, t) {
528
528
  var n = Object.keys(e);
@@ -534,25 +534,25 @@ function et(e, t) {
534
534
  }
535
535
  return n;
536
536
  }
537
- function ge(e) {
537
+ function he(e) {
538
538
  for (var t = 1; t < arguments.length; t++) {
539
539
  var n = arguments[t] != null ? arguments[t] : {};
540
540
  t % 2 ? et(Object(n), !0).forEach(function(r) {
541
- Ut(e, r, n[r]);
541
+ Vt(e, r, n[r]);
542
542
  }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : et(Object(n)).forEach(function(r) {
543
543
  Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
544
544
  });
545
545
  }
546
546
  return e;
547
547
  }
548
- function Ut(e, t, n) {
549
- return t = Vt(t), t in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
548
+ function Vt(e, t, n) {
549
+ return t = Yt(t), t in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
550
550
  }
551
- function Vt(e) {
552
- var t = Yt(e, "string");
551
+ function Yt(e) {
552
+ var t = Xt(e, "string");
553
553
  return typeof t == "symbol" ? t : t + "";
554
554
  }
555
- function Yt(e, t) {
555
+ function Xt(e, t) {
556
556
  if (typeof e != "object" || !e) return e;
557
557
  var n = e[Symbol.toPrimitive];
558
558
  if (n !== void 0) {
@@ -563,46 +563,46 @@ function Yt(e, t) {
563
563
  return (t === "string" ? String : Number)(e);
564
564
  }
565
565
  function lt(e) {
566
- return e && e.map((t, n) => /* @__PURE__ */ I.createElement(t.tag, ge({
566
+ return e && e.map((t, n) => /* @__PURE__ */ P.createElement(t.tag, he({
567
567
  key: n
568
568
  }, t.attr), lt(t.child)));
569
569
  }
570
- function Xt(e) {
571
- return (t) => /* @__PURE__ */ I.createElement(Jt, me({
572
- attr: ge({}, e.attr)
570
+ function Jt(e) {
571
+ return (t) => /* @__PURE__ */ P.createElement(Zt, ge({
572
+ attr: he({}, e.attr)
573
573
  }, t), lt(e.child));
574
574
  }
575
- function Jt(e) {
575
+ function Zt(e) {
576
576
  var t = (n) => {
577
577
  var {
578
578
  attr: r,
579
579
  size: o,
580
580
  title: s
581
- } = e, u = Kt(e, Ht), l = o || n.size || "1em", f;
582
- return n.className && (f = n.className), e.className && (f = (f ? f + " " : "") + e.className), /* @__PURE__ */ I.createElement("svg", me({
581
+ } = e, u = Qt(e, Kt), l = o || n.size || "1em", f;
582
+ return n.className && (f = n.className), e.className && (f = (f ? f + " " : "") + e.className), /* @__PURE__ */ P.createElement("svg", ge({
583
583
  stroke: "currentColor",
584
584
  fill: "currentColor",
585
585
  strokeWidth: "0"
586
586
  }, n.attr, r, u, {
587
587
  className: f,
588
- style: ge(ge({
588
+ style: he(he({
589
589
  color: e.color || n.color
590
590
  }, n.style), e.style),
591
591
  height: l,
592
592
  width: l,
593
593
  xmlns: "http://www.w3.org/2000/svg"
594
- }), s && /* @__PURE__ */ I.createElement("title", null, s), e.children);
594
+ }), s && /* @__PURE__ */ P.createElement("title", null, s), e.children);
595
595
  };
596
- return qe !== void 0 ? /* @__PURE__ */ I.createElement(qe.Consumer, null, (n) => t(n)) : t(it);
596
+ return qe !== void 0 ? /* @__PURE__ */ P.createElement(qe.Consumer, null, (n) => t(n)) : t(it);
597
597
  }
598
- function Zt(e) {
599
- return Xt({ 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);
598
+ function qt(e) {
599
+ 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);
600
600
  }
601
- const qt = L.forwardRef(function(t, n) {
602
- return /* @__PURE__ */ a(ht, { variant: "ghost", "aria-label": "Close", ref: n, ...t, children: t.children ?? /* @__PURE__ */ a(Zt, {}) });
603
- }), en = L.forwardRef(function(t, n) {
601
+ const en = L.forwardRef(function(t, n) {
602
+ return /* @__PURE__ */ a(vt, { variant: "ghost", "aria-label": "Close", ref: n, ...t, children: t.children ?? /* @__PURE__ */ a(qt, {}) });
603
+ }), tn = L.forwardRef(function(t, n) {
604
604
  const { portalled: r = !0, portalRef: o, ...s } = t;
605
- return /* @__PURE__ */ a(vt, { disabled: !r, container: o, children: /* @__PURE__ */ a(N.Positioner, { children: /* @__PURE__ */ a(N.Content, { ref: n, ...s }) }) });
605
+ return /* @__PURE__ */ a(yt, { disabled: !r, container: o, children: /* @__PURE__ */ a(N.Positioner, { children: /* @__PURE__ */ a(N.Content, { ref: n, ...s }) }) });
606
606
  });
607
607
  L.forwardRef(function(t, n) {
608
608
  return /* @__PURE__ */ a(N.Arrow, { ...t, ref: n, children: /* @__PURE__ */ a(N.ArrowTip, {}) });
@@ -617,7 +617,7 @@ L.forwardRef(function(t, n) {
617
617
  ...t,
618
618
  asChild: !0,
619
619
  ref: n,
620
- children: /* @__PURE__ */ a(qt, { size: "sm" })
620
+ children: /* @__PURE__ */ a(en, { size: "sm" })
621
621
  }
622
622
  );
623
623
  });
@@ -625,11 +625,11 @@ N.Title;
625
625
  N.Description;
626
626
  N.Footer;
627
627
  N.Header;
628
- const tn = N.Root, nn = N.Body;
628
+ const nn = N.Root, rn = N.Body;
629
629
  N.Trigger;
630
- const rn = U(
630
+ const on = U(
631
631
  (e, t) => {
632
- const n = $t(e), {
632
+ const n = Ht(e), {
633
633
  children: r,
634
634
  isOpen: o,
635
635
  onClose: s,
@@ -638,31 +638,31 @@ const rn = U(
638
638
  resetItems: f,
639
639
  removeItem: v
640
640
  } = n;
641
- pt(t, () => ({
641
+ dt(t, () => ({
642
642
  resetItems: f,
643
643
  removeItem: v
644
644
  }));
645
645
  const { matchWidth: y = !0 } = n.autoCompleteProps;
646
- return /* @__PURE__ */ a(xt, { value: n, children: /* @__PURE__ */ a(
647
- tn,
646
+ return /* @__PURE__ */ a(Ot, { value: n, children: /* @__PURE__ */ a(
647
+ nn,
648
648
  {
649
649
  open: o,
650
650
  autoFocus: !1,
651
651
  positioning: { placement: l, sameWidth: y },
652
652
  present: o,
653
- children: /* @__PURE__ */ a(yt.div, { w: "full", ref: t, children: r })
653
+ children: /* @__PURE__ */ a(bt.div, { w: "full", ref: t, children: r })
654
654
  }
655
655
  ) });
656
656
  }
657
657
  );
658
- rn.displayName = "AutoComplete";
659
- const on = U(
658
+ on.displayName = "AutoComplete";
659
+ const sn = U(
660
660
  (e, t) => {
661
661
  const {
662
662
  focusedValue: n,
663
663
  getItemProps: r,
664
664
  interactionRef: o
665
- } = H(), s = se(), u = We(t, s), l = r(e), { isValidSuggestion: f, value: v } = l.root, y = n === v;
665
+ } = H(), s = se(), u = ke(t, s), l = r(e), { isValidSuggestion: f, value: v } = l.root, y = n === v;
666
666
  j(() => {
667
667
  var T;
668
668
  y && o.current === "keyboard" && ((T = s == null ? void 0 : s.current) == null || T.scrollIntoView({
@@ -670,15 +670,15 @@ const on = U(
670
670
  block: "nearest"
671
671
  }));
672
672
  }, [y, o]), j(() => {
673
- typeof v != "string" && console.warn("wow"), typeof v != "string" && de(e.getValue) && console.error(
673
+ typeof v != "string" && console.warn("wow"), typeof v != "string" && me(e.getValue) && console.error(
674
674
  "You must define the `getValue` prop, when an Item's value is not a string"
675
675
  );
676
676
  }, []);
677
- const { children: d, dangerouslySetInnerHTML: C, ...A } = l.item, x = ve(A, ["groupId"]);
678
- return f ? /* @__PURE__ */ a(he, { ref: u, ...ut, ...x, children: d || /* @__PURE__ */ a("span", { dangerouslySetInnerHTML: C }) }) : null;
677
+ const { children: d, dangerouslySetInnerHTML: C, ...E } = l.item, O = ye(E, ["groupId"]);
678
+ return f ? /* @__PURE__ */ a(ve, { ref: u, ...ut, ...O, children: d || /* @__PURE__ */ a("span", { dangerouslySetInnerHTML: C }) }) : null;
679
679
  }
680
680
  );
681
- on.displayName = "AutoCompleteItem";
681
+ sn.displayName = "AutoCompleteItem";
682
682
  const ut = {
683
683
  mx: "2",
684
684
  px: "2",
@@ -686,7 +686,7 @@ const ut = {
686
686
  rounded: "md",
687
687
  cursor: "pointer"
688
688
  };
689
- function sn(e) {
689
+ function ln(e) {
690
690
  const { alwaysDisplay: t, children: n, ...r } = e, {
691
691
  autoCompleteProps: o,
692
692
  getItemProps: s,
@@ -701,32 +701,32 @@ function sn(e) {
701
701
  })
702
702
  },
703
703
  !0
704
- ).item, y = l.some((A) => A.value === u), d = Me(u) ? t : !0;
705
- return o.creatable && d && !y ? /* @__PURE__ */ a(he, { ...ut, ...v, ...r, children: f || `Add ${u}` }) : null;
704
+ ).item, y = l.some((E) => E.value === u), d = We(u) ? t : !0;
705
+ return o.creatable && d && !y ? /* @__PURE__ */ a(ve, { ...ut, ...v, ...r, children: f || `Add ${u}` }) : null;
706
706
  }
707
- sn.displayName = "AutoCompleteCreatable";
708
- const ln = U(
707
+ ln.displayName = "AutoCompleteCreatable";
708
+ const un = U(
709
709
  (e, t) => {
710
- const { children: n, showDivider: r, ...o } = e, s = ve(o, ["groupSibling"]), { getGroupProps: u } = H(), { group: l } = u(e), f = cn(e);
711
- return /* @__PURE__ */ Z(Te, { ref: t, ...l, ...s, children: [
710
+ const { children: n, showDivider: r, ...o } = e, s = ye(o, ["groupSibling"]), { getGroupProps: u } = H(), { group: l } = u(e), f = fn(e);
711
+ return /* @__PURE__ */ q(_e, { ref: t, ...l, ...s, children: [
712
712
  /* @__PURE__ */ a(Xe, { ...f.top }),
713
713
  n,
714
714
  /* @__PURE__ */ a(Xe, { ...f.bottom })
715
715
  ] });
716
716
  }
717
- ), un = U(
718
- (e, t) => /* @__PURE__ */ a(he, { ...an, ...e, ref: t })
717
+ ), an = U(
718
+ (e, t) => /* @__PURE__ */ a(ve, { ...cn, ...e, ref: t })
719
719
  );
720
- ln.displayName = "AutoCompleteGroup";
721
- un.displayName = "AutoCompleteGroupTitle";
722
- const an = {
720
+ un.displayName = "AutoCompleteGroup";
721
+ an.displayName = "AutoCompleteGroupTitle";
722
+ const cn = {
723
723
  ml: 5,
724
724
  my: 1,
725
725
  fontSize: "xs",
726
726
  letterSpacing: "wider",
727
727
  fontWeight: "extrabold",
728
728
  textTransform: "uppercase"
729
- }, cn = (e) => {
729
+ }, fn = (e) => {
730
730
  const { getGroupProps: t } = H(), n = e.groupSibling, {
731
731
  divider: { hasFirstChild: r, hasLastChild: o }
732
732
  } = t(e), s = {
@@ -741,7 +741,7 @@ const an = {
741
741
  display: !e.showDivider || o || n ? "none" : ""
742
742
  };
743
743
  return { top: u, bottom: l };
744
- }, fn = L.forwardRef(
744
+ }, pn = L.forwardRef(
745
745
  function(t, n) {
746
746
  const {
747
747
  startElement: r,
@@ -753,7 +753,7 @@ const an = {
753
753
  endOffset: v = "6px",
754
754
  ...y
755
755
  } = t;
756
- return /* @__PURE__ */ Z(bt, { ref: n, ...y, children: [
756
+ return /* @__PURE__ */ q(Ct, { ref: n, ...y, children: [
757
757
  r && /* @__PURE__ */ a(Je, { pointerEvents: "none", ...o, children: r }),
758
758
  L.cloneElement(l, {
759
759
  ...r && {
@@ -765,10 +765,10 @@ const an = {
765
765
  s && /* @__PURE__ */ a(Je, { placement: "end", ...u, children: s })
766
766
  ] });
767
767
  }
768
- ), pn = U((e, t) => {
769
- const { isLoading: n } = H(), { loadingIcon: r, ...o } = e, s = ve(o, ["children", "wrapStyles", "hidePlaceholder"]), u = /* @__PURE__ */ a(Ct, { ...s, ref: t });
770
- return n ? /* @__PURE__ */ a(fn, { endElement: r || /* @__PURE__ */ a(nt, {}), children: u }) : u;
771
- }), dn = U(
768
+ ), dn = U((e, t) => {
769
+ const { isLoading: n } = H(), { loadingIcon: r, ...o } = e, s = ye(o, ["children", "wrapStyles", "hidePlaceholder"]), u = /* @__PURE__ */ a(wt, { ...s, ref: t });
770
+ return n ? /* @__PURE__ */ a(pn, { endElement: r || /* @__PURE__ */ a(nt, {}), children: u }) : u;
771
+ }), mn = U(
772
772
  (e, t) => {
773
773
  const {
774
774
  autoCompleteProps: n,
@@ -785,39 +785,39 @@ const an = {
785
785
  } = e, { value: C } = d;
786
786
  j(() => {
787
787
  if (l !== void 0 && (typeof l == "string" || l instanceof String)) {
788
- const ue = f.find((K) => K.value === l), Se = ue === void 0 ? l : ue.label;
789
- u(Se);
788
+ const ue = f.find((K) => K.value === l), xe = ue === void 0 ? l : ue.label;
789
+ u(xe);
790
790
  }
791
791
  }, [l]), j(() => {
792
792
  C !== void 0 && (typeof C == "string" || C instanceof String) && u(C);
793
793
  }, [C]);
794
- const A = {};
795
- let { wrapper: x, input: T } = o(d, A);
796
- const { ref: be, ...ie } = x, Ce = We(t, r), q = h(v, { tags: s });
794
+ const E = {};
795
+ let { wrapper: O, input: T } = o(d, E);
796
+ const { ref: Ce, ...ie } = O, we = ke(t, r), ee = h(v, { tags: s });
797
797
  y && (T = {
798
798
  ...T,
799
- placeholder: Array.isArray(q) && q.length ? void 0 : T.placeholder
799
+ placeholder: Array.isArray(ee) && ee.length ? void 0 : T.placeholder
800
800
  });
801
801
  const le = /* @__PURE__ */ a(
802
- pn,
802
+ dn,
803
803
  {
804
804
  ...T,
805
- ref: Ce
805
+ ref: we
806
806
  }
807
- ), we = /* @__PURE__ */ Z(Te, { ...ie, ref: be, children: [
808
- q,
807
+ ), Se = /* @__PURE__ */ q(_e, { ...ie, ref: Ce, children: [
808
+ ee,
809
809
  le
810
810
  ] });
811
- return /* @__PURE__ */ a(wt, { children: n.multiple ? we : le });
811
+ return /* @__PURE__ */ a(St, { children: n.multiple ? Se : le });
812
812
  }
813
813
  );
814
- dn.displayName = "Input";
815
- const mn = (e) => {
814
+ mn.displayName = "Input";
815
+ const gn = (e) => {
816
816
  const { getEmptyStateProps: t, defaultEmptyStateProps: n } = H(), r = t(
817
- /* @__PURE__ */ a(he, { ...gn, ...n, children: "No options found!" })
817
+ /* @__PURE__ */ a(ve, { ...hn, ...n, children: "No options found!" })
818
818
  );
819
- return /* @__PURE__ */ a(Te, { ...e, children: r });
820
- }, gn = {
819
+ return /* @__PURE__ */ a(_e, { ...e, children: r });
820
+ }, hn = {
821
821
  fontSize: "sm",
822
822
  align: "center",
823
823
  justify: "center",
@@ -827,17 +827,17 @@ const mn = (e) => {
827
827
  "AutoCompleteGroup",
828
828
  "AutoCompleteItem",
829
829
  "AutoCompleteCreatable"
830
- ], hn = (e) => {
831
- const t = I.Children.map(e, (o, s) => {
830
+ ], vn = (e) => {
831
+ const t = P.Children.map(e, (o, s) => {
832
832
  var u;
833
833
  if (((u = o == null ? void 0 : o.type) == null ? void 0 : u.displayName) === "AutoCompleteGroup") {
834
- const l = I.Children.toArray(e)[s + 1];
835
- return I.cloneElement(o, {
834
+ const l = P.Children.toArray(e)[s + 1];
835
+ return P.cloneElement(o, {
836
836
  groupSibling: l ? l.type.displayName === "AutoCompleteGroup" : !1
837
837
  });
838
838
  }
839
839
  return o;
840
- }), n = I.Children.toArray(t).filter(
840
+ }), n = P.Children.toArray(t).filter(
841
841
  (o) => {
842
842
  var s;
843
843
  return !tt.includes(
@@ -845,7 +845,7 @@ const mn = (e) => {
845
845
  );
846
846
  }
847
847
  );
848
- return [I.Children.toArray(t).filter(
848
+ return [P.Children.toArray(t).filter(
849
849
  (o) => {
850
850
  var s;
851
851
  return tt.includes(
@@ -853,21 +853,21 @@ const mn = (e) => {
853
853
  );
854
854
  }
855
855
  ), n];
856
- }, vn = U(
856
+ }, yn = U(
857
857
  (e, t) => {
858
- const { children: n, loadingState: r, ...o } = e, { listRef: s, isLoading: u } = H(), l = We(t, s), [f, v] = hn(n);
859
- return /* @__PURE__ */ a(en, { width: "auto", children: /* @__PURE__ */ Z(nn, { ref: l, w: "inherit", ...yn, ...o, children: [
860
- u && /* @__PURE__ */ a(St, { children: r || /* @__PURE__ */ a(nt, { size: "md" }) }),
861
- !u && /* @__PURE__ */ Z(ft, { children: [
858
+ const { children: n, loadingState: r, ...o } = e, { listRef: s, isLoading: u } = H(), l = ke(t, s), [f, v] = vn(n);
859
+ return /* @__PURE__ */ a(tn, { width: "auto", children: /* @__PURE__ */ q(rn, { ref: l, w: "inherit", ...bn, ...o, children: [
860
+ u && /* @__PURE__ */ a(xt, { children: r || /* @__PURE__ */ a(nt, { size: "md" }) }),
861
+ !u && /* @__PURE__ */ q(pt, { children: [
862
862
  f,
863
- /* @__PURE__ */ a(mn, {}),
863
+ /* @__PURE__ */ a(gn, {}),
864
864
  v
865
865
  ] })
866
866
  ] }) });
867
867
  }
868
868
  );
869
- vn.displayName = "AutoCompleteList";
870
- const yn = {
869
+ yn.displayName = "AutoCompleteList";
870
+ const bn = {
871
871
  // py: "4",
872
872
  //opacity: "0",
873
873
  px: "0px",
@@ -884,7 +884,7 @@ const yn = {
884
884
  _focus: {
885
885
  boxShadow: "none"
886
886
  }
887
- }, bn = L.forwardRef(
887
+ }, Cn = L.forwardRef(
888
888
  function(t, n) {
889
889
  const {
890
890
  startElement: r,
@@ -894,45 +894,45 @@ const yn = {
894
894
  children: l,
895
895
  ...f
896
896
  } = t;
897
- return /* @__PURE__ */ Z(J.Root, { ref: n, ...f, children: [
897
+ return /* @__PURE__ */ q(J.Root, { ref: n, ...f, children: [
898
898
  r && /* @__PURE__ */ a(J.StartElement, { children: r }),
899
899
  /* @__PURE__ */ a(J.Label, { children: l }),
900
900
  o && /* @__PURE__ */ a(J.EndElement, { children: o }),
901
901
  u && /* @__PURE__ */ a(J.EndElement, { children: /* @__PURE__ */ a(J.CloseTrigger, { onClick: s }) })
902
902
  ] });
903
903
  }
904
- ), In = dt((e) => {
904
+ ), Nn = mt((e) => {
905
905
  const { label: t, onRemove: n, disabled: r, ...o } = e;
906
906
  return /* @__PURE__ */ a(
907
- bn,
907
+ Cn,
908
908
  {
909
909
  borderRadius: "md",
910
910
  fontWeight: "normal",
911
911
  closable: !0,
912
912
  onClose: () => !r && h(n),
913
- ...r && Cn,
913
+ ...r && wn,
914
914
  ...o,
915
915
  children: t
916
916
  }
917
917
  );
918
- }), Cn = {
918
+ }), wn = {
919
919
  cursor: "text",
920
920
  userSelect: "none",
921
921
  opacity: 0.4,
922
922
  _focus: { boxShadow: "none" }
923
923
  };
924
924
  export {
925
- rn as AutoComplete,
926
- sn as AutoCompleteCreatable,
927
- ln as AutoCompleteGroup,
928
- un as AutoCompleteGroupTitle,
929
- dn as AutoCompleteInput,
930
- on as AutoCompleteItem,
931
- vn as AutoCompleteList,
932
- xt as AutoCompleteProvider,
933
- In as AutoCompleteTag,
925
+ on as AutoComplete,
926
+ ln as AutoCompleteCreatable,
927
+ un as AutoCompleteGroup,
928
+ an as AutoCompleteGroupTitle,
929
+ mn as AutoCompleteInput,
930
+ sn as AutoCompleteItem,
931
+ yn as AutoCompleteList,
932
+ Ot as AutoCompleteProvider,
933
+ Nn as AutoCompleteTag,
934
934
  ut as baseItemStyles,
935
- Ot as createContext,
936
- $t as useAutoComplete,
935
+ At as createContext,
936
+ Ht as useAutoComplete,
937
937
  H as useAutoCompleteContext
938
938
  };
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),f=require("@chakra-ui/react");function at(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 T=at(u),[Qe,B]=Ue();function Ue(){const e=T.createContext(void 0);e.displayName="AutoCompleteContext";function t(){var o;const n=T.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}return n}return[e.Provider,t,e]}function ct(e){return e==null?void 0:e[0]}function Ee(e){return e!=null&&e.length?e[e.length-1]:void 0}function Ve(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 ft(e,t,n=!0){return Ve(e,t,-1,n)}function pt(e,t,n=!0){const r=Ve(e,t.length,1,n);return t[r]}function dt(e,t,n=!0){const r=ft(e,t.length,n);return t[r]}function Pe(e){return Array.isArray(e)}function mt(e){return Pe(e)&&e.length===0}function Oe(e){return e!==null&&typeof e=="object"&&!Pe(e)}function gt(e){return Oe(e)&&Object.keys(e).length===0}function Ie(e){return Pe(e)?mt(e):Oe(e)?gt(e):e==null||e===""}function ie(e){return typeof e>"u"}function Ye(e){return typeof e<"u"}function vt(e,t){const n={};return t.forEach(r=>{r in e&&(n[r]=e[r])}),n}function ce(e,t){const n={...e};return t.forEach(r=>{delete n[r]}),n}function ht(e){return typeof e=="function"}function b(e,...t){return ht(e)?e(...t):e}function bt(e,t){if(e!=null){if(typeof e=="function"){e(t);return}try{e.current=t}catch{throw new Error(`Cannot assign value '${t}' to ref '${e}'`)}}}function yt(...e){return t=>{e.forEach(n=>{bt(n,t)})}}function Re(...e){return u.useMemo(()=>yt(...e),e)}var fe=function(e,t){for(var n,r=T.Children.toArray(e),o=0,s=r;o<s.length;o++){var a=s[o];if(t(a))return a;if(!((n=a.props)===null||n===void 0)&&n.children){var i=fe(a.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},Xe=function(e,t){for(var n,r=T.Children.toArray(e),o=[],s=0,a=r;s<a.length;s++){var i=a[s];t(i)&&(o=le(le([],o),[i])),!((n=i.props)===null||n===void 0)&&n.children&&(o=le(le([],o),Xe(i.props.children,t)))}return o};function ze(e,t,n=2){function r(g,w){g=" ".repeat(w-1)+g.toLowerCase()+" ".repeat(w-1);let P=new Array(g.length-w+1);for(let A=0;A<P.length;A++)P[A]=g.slice(A,A+w);return P}if(!(e!=null&&e.length)||!(t!=null&&t.length))return 0;let o=e.length<t.length?e:t,s=e.length<t.length?t:e,a=r(o,n),i=r(s,n),d=new Set(a),y=i.length,x=0;for(let g of i)d.delete(g)&&x++;return x/y}const Te=e=>{var t;return(t=typeof e=="string"||typeof e=="number"?e:e[Object.keys(e)[0]])==null?void 0:t.toString()},xt=(e,t)=>typeof e!="string"||Ie(t)?e:e.toString().replace(new RegExp(St(t),"gi"),r=>`<mark>${r}</mark>`),Ct=e=>Xe(e,n=>{var r;return((r=n==null?void 0:n.type)==null?void 0:r.displayName)==="AutoCompleteItem"}).map(n=>{const r=vt(n.props,["value","label","fixed","disabled"]),{getValue:o=Te}=n.props,s=o(r.value);return{...Ye(r.label)?r:{...r,label:s},value:s,originalValue:r.value}}),wt=()=>({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||ze(e,t)>=.5||ze(e,n)>=.5;function St(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}const At=(e,t)=>fe(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)}),Et=(e,t)=>fe(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)}),Pt=(e,t)=>Ye(fe(e,n=>{var o,s;const r=b(((o=n.props)==null?void 0:o.getValue)||Te,((s=n.props)==null?void 0:s.value)||{});return t.some(a=>a.value===r)}));function Je(e){var ke;let{prefocusFirstItem:t=!0,closeOnBlur:n=!0,creatable:r,emphasize:o,emptyState:s=!0,defaultEmptyStateProps:a={},freeSolo:i,isReadOnly:d,listAllValuesOnFocus:y,maxSuggestions:x,multiple:g,closeOnSelect:w=!g,defaultValue:P,defaultValues:A=P?[P]:[],onReady:L,defaultIsOpen:pe,disableFilter:ee,isLoading:de=!1,placement:Y="bottom",restoreOnBlurIfEmpty:te=!i,shouldRenderSuggestions:me=()=>!0,submitKeys:ne=[],suggestWhenEmpty:ge,value:H,values:ve=H?typeof H=="string"?[H]:[...H]:void 0}=e;i=i||(g?!0:e.freeSolo);const{open:E,onClose:W,onOpen:Q}=f.useDisclosure({open:pe}),he=u.useMemo(()=>b(e.children,{isOpen:E,onClose:W,onOpen:Q}),[e.children,E]),O=u.useMemo(()=>Ct(he),[he]),N=u.useRef(null),Fe=u.useRef(null),X=u.useRef(null),U=u.useRef(null),[Le,re]=u.useState(!1);let oe="";g?oe="":ie(A)?ie(ve)||(oe=ve[0]):oe=A[0];const[D,J]=u.useState(oe??""),be=u.useMemo(()=>ee?O:O.filter(l=>l.fixed||b(e.filter||jt,D,l.value,l.label)||Le).filter((l,p)=>x?l.fixed||p<x:!0),[D,O,Le,x,ee]),De=r?[{value:D,noFilter:!0,creatable:!0}]:[],C=u.useMemo(()=>[...be,...De],[be,De]),[_,ye]=f.useControllableState({defaultValue:A.map(l=>l==null?void 0:l.toString()),value:ve,onChange:l=>{const p=C.find(I=>I.value===l.at(-1));if(!p)return;const v=l.map(I=>C.find(R=>R.value===I));b(e.onChange,g?l:l[0],g?v:p)}});u.useEffect(()=>{C.length===0&&!s&&E&&W()},[C.length,s,E]);const[V,M]=u.useState(t?(ke=O[0])==null?void 0:ke.value:null),it=e.maxSelections||_.length+1,xe=C.findIndex(l=>l.value===V),Ce=pt(xe,C,!!e.rollNavigation),we=dt(xe,C,!!e.rollNavigation),F=ct(C),je=Ee(C),_e=!C.some(l=>l.value===V);u.useEffect(()=>{var l;_e&&M(t?(l=O[0])==null?void 0:l.value:null)},[_e]),u.useEffect(()=>{t&&M(F==null?void 0:F.value)},[t,M,D,F==null?void 0:F.value]),u.useEffect(()=>{var l;!E&&t&&M((l=O[0])==null?void 0:l.value)},[E]),u.useEffect(()=>{E&&y&&re(!0)},[E,y,re]),u.useEffect(()=>{const l=O.find(p=>p.value===V);b(e.onOptionFocus,{item:l,focusMethod:U.current,isNewInput:l==null?void 0:l.creatable})},[V,e.onOptionFocus]);const Se=l=>{var I,R;const p=C.find(S=>S.value===l),v=(p==null?void 0:p.label)||(p==null?void 0:p.value);J(()=>g?"":v??""),!_.includes(l)&&_.length<it&&ye(S=>g?[...S,l]:[l]),g&&((I=N.current)==null||I.focus()),e.focusInputOnSelect&&((R=N.current)==null||R.focus()),b(e.onSelectOption,{item:p,selectMethod:U.current,isNewInput:p==null?void 0:p.creatable}),p!=null&&p.creatable&&b(e.onCreateOption,{item:ce(p,["noFilter"]),selectMethod:U.current}),w&&W()},Me=(l,p)=>{var R;ye(S=>{let z=O.find(G=>G.value===l);return!z&&r===!0&&(z={label:l,value:l}),z?(b(e.onTagRemoved,l,z,S),S.filter(G=>G!==l)):S});const v=O.find(S=>S.value===l),I=(v==null?void 0:v.label)||(v==null?void 0:v.value);D===I&&J(""),p&&((R=N.current)==null||R.focus())},ut=l=>{var p;ye([]),l&&((p=N.current)==null||p.focus())},Ge=g?_.map(l=>{var p;return{label:((p=O.find(v=>v.value===(l==null?void 0:l.toString())))==null?void 0:p.label)||l,onRemove:()=>Me(l)}}):[];return u.useEffect(()=>{b(L,{tags:Ge})},[_]),{autoCompleteProps:e,children:he,filteredList:C,filteredResults:be,focusedValue:V,defaultEmptyStateProps:a,getEmptyStateProps:l=>{if(C.every(v=>v.noFilter)&&s&&!r)return typeof s=="boolean"?l:b(s,{query:D})},getGroupProps:l=>{const p=Pt(l.children,C);return{divider:{hasFirstChild:At(l.children,F),hasLastChild:Et(l.children,Ee(C.filter(v=>ie(v==null?void 0:v.noFilter))))},group:{display:p?"initial":"none"}}},getInputProps:(l,p)=>{const{onBlur:v,onChange:I,onFocus:R,onKeyDown:S,variant:z,...G}=l;return{wrapper:{ref:Fe,onClick:()=>{var m;(m=N==null?void 0:N.current)==null||m.focus()},...G},input:{isReadOnly:d,onFocus:m=>{b(R,m),e.openOnFocus&&!d&&Q(),e.selectOnFocus&&m.target.select(),y&&re(!0)},onBlur:m=>{var K,se;b(v,m);const j=m.relatedTarget===(X==null?void 0:X.current)||((K=X.current)==null?void 0:K.contains(m.relatedTarget)),h=(se=Fe.current)==null?void 0:se.contains(m.relatedTarget);if(!j&&!h&&(n&&W(),!_.includes(m.target.value)&&te)){const k=Ee(_),$=O.find(Z=>Z.value===k),Ae=($==null?void 0:$.label)||($==null?void 0:$.value)||"";J(Ae)}},onChange:m=>{const j=m.target.value;b(I,m),J(j);const h=Ie(j);b(me,j)&&(!h||ge)?Q():W(),re(!1)},onKeyDown:m=>{var K;b(S,m),U.current="keyboard";const{key:j}=m,h=C[xe];if(["Enter",...ne].includes(j)){h&&!(h!=null&&h.disabled)&&E?Se(h==null?void 0:h.value):(K=N.current)==null||K.focus(),m.preventDefault();return}if(j==="ArrowDown"){E?M(Ce==null?void 0:Ce.value):Q(),m.preventDefault();return}if(j==="ArrowUp"){E?M(we==null?void 0:we.value):Q(),m.preventDefault();return}if(j==="Tab"){E&&h&&!(h!=null&&h.disabled)?Se(h==null?void 0:h.value):W();return}if(j==="Home"){M(F==null?void 0:F.value),m.preventDefault();return}if(j==="End"){M(je==null?void 0:je.value),m.preventDefault();return}j==="Escape"&&(W(),m.preventDefault())},value:D,variant:z,...G}}},getItemProps:(l,p)=>{var Be;const{_fixed:v,_focus:I,children:R,disabled:S,label:z,value:G,fixed:m,getValue:j=Te,onClick:h,onMouseOver:K,...se}=l,k=p?G:(Be=j(G))==null?void 0:Be.toString(),$=k===V,Ae=C.findIndex(q=>q.value===k)>=0,Z=R||z||k;return{item:{...typeof Z!="string"||!o?{children:Z}:{dangerouslySetInnerHTML:{__html:xt(Z,D)}},"aria-selected":_.includes(k),"aria-disabled":S,_disabled:{opacity:.4,cursor:"not-allowed",userSelect:"none"},onMouseDown:q=>{var We;b(h,q),S?(We=N.current)==null||We.focus():Se(k)},onMouseOver:q=>{b(K,q),M(k),U.current="mouse"},sx:{mark:{color:"inherit",bg:"transparent",...Oe(o)?o:{fontWeight:o?"extrabold":"inherit"}}},...$&&(I||wt()),...m&&v,...se},root:{isValidSuggestion:Ae,value:k}}},inputRef:N,interactionRef:U,isLoading:de,isOpen:E,itemList:O,listRef:X,onClose:W,onOpen:Q,placement:Y,query:D,removeItem:Me,resetItems:ut,setQuery:J,tags:Ge,value:H,values:_}}var Ze={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},$e=u.createContext&&u.createContext(Ze),Ot=["attr","size","title"];function It(e,t){if(e==null)return{};var n=Rt(e,t),r,o;if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)r=s[o],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function Rt(e,t){if(e==null)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}function ue(){return ue=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},ue.apply(this,arguments)}function He(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,r)}return n}function ae(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?He(Object(n),!0).forEach(function(r){Tt(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function Tt(e,t,n){return t=Nt(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Nt(e){var t=Ft(e,"string");return typeof t=="symbol"?t:t+""}function Ft(e,t){if(typeof e!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function qe(e){return e&&e.map((t,n)=>u.createElement(t.tag,ae({key:n},t.attr),qe(t.child)))}function Lt(e){return t=>u.createElement(Dt,ue({attr:ae({},e.attr)},t),qe(e.child))}function Dt(e){var t=n=>{var{attr:r,size:o,title:s}=e,a=It(e,Ot),i=o||n.size||"1em",d;return n.className&&(d=n.className),e.className&&(d=(d?d+" ":"")+e.className),u.createElement("svg",ue({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,r,a,{className:d,style:ae(ae({color:e.color||n.color},n.style),e.style),height:i,width:i,xmlns:"http://www.w3.org/2000/svg"}),s&&u.createElement("title",null,s),e.children)};return $e!==void 0?u.createElement($e.Consumer,null,n=>t(n)):t(Ze)}function _t(e){return Lt({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 Mt=T.forwardRef(function(t,n){return c.jsx(f.IconButton,{variant:"ghost","aria-label":"Close",ref:n,...t,children:t.children??c.jsx(_t,{})})}),Gt=T.forwardRef(function(t,n){const{portalled:r=!0,portalRef:o,...s}=t;return c.jsx(f.Portal,{disabled:!r,container:o,children:c.jsx(f.Popover.Positioner,{children:c.jsx(f.Popover.Content,{ref:n,...s})})})});T.forwardRef(function(t,n){return c.jsx(f.Popover.Arrow,{...t,ref:n,children:c.jsx(f.Popover.ArrowTip,{})})});T.forwardRef(function(t,n){return c.jsx(f.Popover.CloseTrigger,{position:"absolute",top:"1",insetEnd:"1",...t,asChild:!0,ref:n,children:c.jsx(Mt,{size:"sm"})})});f.Popover.Title;f.Popover.Description;f.Popover.Footer;f.Popover.Header;const kt=f.Popover.Root,Bt=f.Popover.Body;f.Popover.Trigger;const et=u.forwardRef((e,t)=>{const n=Je(e),{children:r,isOpen:o,onClose:s,onOpen:a,placement:i,resetItems:d,removeItem:y}=n;u.useImperativeHandle(t,()=>({resetItems:d,removeItem:y}));const{matchWidth:x=!0}=n.autoCompleteProps;return c.jsx(Qe,{value:n,children:c.jsx(kt,{open:o,autoFocus:!1,positioning:{placement:i,sameWidth:x},present:o,children:c.jsx(f.chakra.div,{w:"full",ref:t,children:r})})})});et.displayName="AutoComplete";const tt=u.forwardRef((e,t)=>{const{focusedValue:n,getItemProps:r,interactionRef:o}=B(),s=u.useRef(),a=Re(t,s),i=r(e),{isValidSuggestion:d,value:y}=i.root,x=n===y;u.useEffect(()=>{var L;x&&o.current==="keyboard"&&((L=s==null?void 0:s.current)==null||L.scrollIntoView({behavior:"smooth",block:"nearest"}))},[x,o]),u.useEffect(()=>{typeof y!="string"&&console.warn("wow"),typeof y!="string"&&ie(e.getValue)&&console.error("You must define the `getValue` prop, when an Item's value is not a string")},[]);const{children:g,dangerouslySetInnerHTML:w,...P}=i.item,A=ce(P,["groupId"]);return d?c.jsx(f.Flex,{ref:a,...Ne,...A,children:g||c.jsx("span",{dangerouslySetInnerHTML:w})}):null});tt.displayName="AutoCompleteItem";const Ne={mx:"2",px:"2",py:"2",rounded:"md",cursor:"pointer"};function nt(e){const{alwaysDisplay:t,children:n,...r}=e,{autoCompleteProps:o,getItemProps:s,query:a,filteredResults:i}=B(),{children:d,...y}=s({...e,value:a,children:b(n,{value:a})},!0).item,x=i.some(P=>P.value===a),g=Ie(a)?t:!0;return o.creatable&&g&&!x?c.jsx(f.Flex,{...Ne,...y,...r,children:d||`Add ${a}`}):null}nt.displayName="AutoCompleteCreatable";const rt=u.forwardRef((e,t)=>{const{children:n,showDivider:r,...o}=e,s=ce(o,["groupSibling"]),{getGroupProps:a}=B(),{group:i}=a(e),d=zt(e);return c.jsxs(f.Box,{ref:t,...i,...s,children:[c.jsx(f.Separator,{...d.top}),n,c.jsx(f.Separator,{...d.bottom})]})}),ot=u.forwardRef((e,t)=>c.jsx(f.Flex,{...Wt,...e,ref:t}));rt.displayName="AutoCompleteGroup";ot.displayName="AutoCompleteGroupTitle";const Wt={ml:5,my:1,fontSize:"xs",letterSpacing:"wider",fontWeight:"extrabold",textTransform:"uppercase"},zt=e=>{const{getGroupProps:t}=B(),n=e.groupSibling,{divider:{hasFirstChild:r,hasLastChild:o}}=t(e),s={my:2,borderColor:e.dividerColor},a={...s,mb:4,display:!e.showDivider||r?"none":""},i={...s,display:!e.showDivider||o||n?"none":""};return{top:a,bottom:i}},$t=T.forwardRef(function(t,n){const{startElement:r,startElementProps:o,endElement:s,endElementProps:a,children:i,startOffset:d="6px",endOffset:y="6px",...x}=t;return c.jsxs(f.Group,{ref:n,...x,children:[r&&c.jsx(f.InputElement,{pointerEvents:"none",...o,children:r}),T.cloneElement(i,{...r&&{ps:`calc(var(--input-height) - ${d})`},...s&&{pe:`calc(var(--input-height) - ${y})`},...i.props}),s&&c.jsx(f.InputElement,{placement:"end",...a,children:s})]})}),Ht=u.forwardRef((e,t)=>{const{isLoading:n}=B(),{loadingIcon:r,...o}=e,s=ce(o,["children","wrapStyles","hidePlaceholder"]),a=c.jsx(f.Input,{...s,ref:t});return n?c.jsx($t,{endElement:r||c.jsx(f.Spinner,{}),children:a}):a}),st=u.forwardRef((e,t)=>{const{autoCompleteProps:n,inputRef:r,getInputProps:o,tags:s,setQuery:a,value:i,itemList:d}=B(),{children:y,hidePlaceholder:x,...g}=e,{value:w}=g;u.useEffect(()=>{if(i!==void 0&&(typeof i=="string"||i instanceof String)){const ne=d.find(H=>H.value===i),ge=ne===void 0?i:ne.label;a(ge)}},[i]),u.useEffect(()=>{w!==void 0&&(typeof w=="string"||w instanceof String)&&a(w)},[w]);const P={};let{wrapper:A,input:L}=o(g,P);const{ref:pe,...ee}=A,de=Re(t,r),Y=b(y,{tags:s});x&&(L={...L,placeholder:Array.isArray(Y)&&Y.length?void 0:L.placeholder});const te=c.jsx(Ht,{...L,ref:de}),me=c.jsxs(f.Box,{...ee,ref:pe,children:[Y,te]});return c.jsx(f.PopoverAnchor,{children:n.multiple?me:te})});st.displayName="Input";const Kt=e=>{const{getEmptyStateProps:t,defaultEmptyStateProps:n}=B(),r=t(c.jsx(f.Flex,{...Qt,...n,children:"No options found!"}));return c.jsx(f.Box,{...e,children:r})},Qt={fontSize:"sm",align:"center",justify:"center",fontWeight:"bold",fontStyle:"italic"},Ke=["AutoCompleteGroup","AutoCompleteItem","AutoCompleteCreatable"],Ut=e=>{const t=u.Children.map(e,(o,s)=>{var a;if(((a=o==null?void 0:o.type)==null?void 0:a.displayName)==="AutoCompleteGroup"){const i=u.Children.toArray(e)[s+1];return u.cloneElement(o,{groupSibling:i?i.type.displayName==="AutoCompleteGroup":!1})}return o}),n=u.Children.toArray(t).filter(o=>{var s;return!Ke.includes((s=o==null?void 0:o.type)==null?void 0:s.displayName)});return[u.Children.toArray(t).filter(o=>{var s;return Ke.includes((s=o==null?void 0:o.type)==null?void 0:s.displayName)}),n]},lt=u.forwardRef((e,t)=>{const{children:n,loadingState:r,...o}=e,{listRef:s,isLoading:a}=B(),i=Re(t,s),[d,y]=Ut(n);return c.jsx(Gt,{width:"auto",children:c.jsxs(Bt,{ref:i,w:"inherit",...Vt,...o,children:[a&&c.jsx(f.Center,{children:r||c.jsx(f.Spinner,{size:"md"})}),!a&&c.jsxs(c.Fragment,{children:[d,c.jsx(Kt,{}),y]})]})})});lt.displayName="AutoCompleteList";const Vt={px:"0px",bg:"#232934",rounded:"md",maxH:"350px",border:"none",shadow:"base",zIndex:"popover",overflowY:"auto",_light:{bg:"#ffffff"},_focus:{boxShadow:"none"}},Yt=T.forwardRef(function(t,n){const{startElement:r,endElement:o,onClose:s,closable:a=!!s,children:i,...d}=t;return c.jsxs(f.Tag.Root,{ref:n,...d,children:[r&&c.jsx(f.Tag.StartElement,{children:r}),c.jsx(f.Tag.Label,{children:i}),o&&c.jsx(f.Tag.EndElement,{children:o}),a&&c.jsx(f.Tag.EndElement,{children:c.jsx(f.Tag.CloseTrigger,{onClick:s})})]})}),Xt=u.memo(e=>{const{label:t,onRemove:n,disabled:r,...o}=e;return c.jsx(Yt,{borderRadius:"md",fontWeight:"normal",closable:!0,onClose:()=>!r&&b(n),...r&&Jt,...o,children:t})}),Jt={cursor:"text",userSelect:"none",opacity:.4,_focus:{boxShadow:"none"}};exports.AutoComplete=et;exports.AutoCompleteCreatable=nt;exports.AutoCompleteGroup=rt;exports.AutoCompleteGroupTitle=ot;exports.AutoCompleteInput=st;exports.AutoCompleteItem=tt;exports.AutoCompleteList=lt;exports.AutoCompleteProvider=Qe;exports.AutoCompleteTag=Xt;exports.baseItemStyles=Ne;exports.createContext=Ue;exports.useAutoComplete=Je;exports.useAutoCompleteContext=B;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),f=require("@chakra-ui/react");function ct(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 T=ct(i),[Qe,B]=Ue();function Ue(){const e=T.createContext(void 0);e.displayName="AutoCompleteContext";function t(){var o;const n=T.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}return n}return[e.Provider,t,e]}function ft(e){return e==null?void 0:e[0]}function Pe(e){return e!=null&&e.length?e[e.length-1]:void 0}function Ve(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 pt(e,t,n=!0){return Ve(e,t,-1,n)}function dt(e,t,n=!0){const r=Ve(e,t.length,1,n);return t[r]}function mt(e,t,n=!0){const r=pt(e,t.length,n);return t[r]}function Oe(e){return Array.isArray(e)}function gt(e){return Oe(e)&&e.length===0}function Ie(e){return e!==null&&typeof e=="object"&&!Oe(e)}function vt(e){return Ie(e)&&Object.keys(e).length===0}function Re(e){return Oe(e)?gt(e):Ie(e)?vt(e):e==null||e===""}function ue(e){return typeof e>"u"}function Ye(e){return typeof e<"u"}function ht(e,t){const n={};return t.forEach(r=>{r in e&&(n[r]=e[r])}),n}function fe(e,t){const n={...e};return t.forEach(r=>{delete n[r]}),n}function bt(e){return typeof e=="function"}function b(e,...t){return bt(e)?e(...t):e}function yt(e,t){if(e!=null){if(typeof e=="function"){e(t);return}try{e.current=t}catch{throw new Error(`Cannot assign value '${t}' to ref '${e}'`)}}}function xt(...e){return t=>{e.forEach(n=>{yt(n,t)})}}function Te(...e){return i.useMemo(()=>xt(...e),e)}var pe=function(e,t){for(var n,r=T.Children.toArray(e),o=0,s=r;o<s.length;o++){var a=s[o];if(t(a))return a;if(!((n=a.props)===null||n===void 0)&&n.children){var u=pe(a.props.children,t);if(u)return u}}},ie=function(e,t){for(var n=0,r=t.length,o=e.length;n<r;n++,o++)e[o]=t[n];return e},Xe=function(e,t){for(var n,r=T.Children.toArray(e),o=[],s=0,a=r;s<a.length;s++){var u=a[s];t(u)&&(o=ie(ie([],o),[u])),!((n=u.props)===null||n===void 0)&&n.children&&(o=ie(ie([],o),Xe(u.props.children,t)))}return o};function ze(e,t,n=2){function r(g,w){g=" ".repeat(w-1)+g.toLowerCase()+" ".repeat(w-1);let O=new Array(g.length-w+1);for(let E=0;E<O.length;E++)O[E]=g.slice(E,E+w);return O}if(!(e!=null&&e.length)||!(t!=null&&t.length))return 0;let o=e.length<t.length?e:t,s=e.length<t.length?t:e,a=r(o,n),u=r(s,n),d=new Set(a),y=u.length,x=0;for(let g of u)d.delete(g)&&x++;return x/y}const Ne=e=>{var t;return(t=typeof e=="string"||typeof e=="number"?e:e[Object.keys(e)[0]])==null?void 0:t.toString()},Ct=(e,t)=>typeof e!="string"||Re(t)?e:e.toString().replace(new RegExp(At(t),"gi"),r=>`<mark>${r}</mark>`),wt=e=>Xe(e,n=>{var r;return((r=n==null?void 0:n.type)==null?void 0:r.displayName)==="AutoCompleteItem"}).map(n=>{const r=ht(n.props,["value","label","fixed","disabled"]),{getValue:o=Ne}=n.props,s=o(r.value);return{...Ye(r.label)?r:{...r,label:s},value:s,originalValue:r.value}}),jt=()=>({bg:"whiteAlpha.100",_light:{bg:"gray.200"}}),St=(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 At(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}const Et=(e,t)=>pe(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)}),Pt=(e,t)=>pe(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)}),Ot=(e,t)=>Ye(pe(e,n=>{var o,s;const r=b(((o=n.props)==null?void 0:o.getValue)||Ne,((s=n.props)==null?void 0:s.value)||{});return t.some(a=>a.value===r)}));function Je(e){var ke;let{prefocusFirstItem:t=!0,closeOnBlur:n=!0,creatable:r,emphasize:o,emptyState:s=!0,defaultEmptyStateProps:a={},freeSolo:u,isReadOnly:d,listAllValuesOnFocus:y,maxSuggestions:x,multiple:g,closeOnSelect:w=!g,defaultValue:O,defaultValues:E=O?[O]:[],onReady:L,defaultIsOpen:de,disableFilter:ee,isLoading:me=!1,placement:Y="bottom",restoreOnBlurIfEmpty:te=!u,shouldRenderSuggestions:ge=()=>!0,submitKeys:ne=[],suggestWhenEmpty:ve,value:H,values:he=H?typeof H=="string"?[H]:[...H]:void 0}=e;u=u||(g?!0:e.freeSolo);const{open:P,onClose:W,onOpen:Q}=f.useDisclosure({open:de}),be=i.useMemo(()=>b(e.children,{isOpen:P,onClose:W,onOpen:Q}),[e.children,P]),S=i.useMemo(()=>wt(be),[be]),N=i.useRef(null),Le=i.useRef(null),X=i.useRef(null),U=i.useRef(null),[De,re]=i.useState(!1);let oe="";g?oe="":ue(E)?ue(he)||(oe=he[0]):oe=E[0];const[D,J]=i.useState(oe??""),ye=i.useMemo(()=>ee?S:S.filter(l=>l.fixed||b(e.filter||St,D,l.value,l.label)||De).filter((l,p)=>x?l.fixed||p<x:!0),[D,S,De,x,ee]),se=r?[{value:D,noFilter:!0,creatable:!0}]:[],C=i.useMemo(()=>[...ye,...se],[ye,se]),it=i.useMemo(()=>[...S,...se],[S,se]),[M,xe]=f.useControllableState({defaultValue:E.map(l=>l==null?void 0:l.toString()),value:he,onChange:l=>{const p=C.find(I=>I.value===l.at(-1));if(!p)return;const v=l.map(I=>it.find(R=>R.value===I));b(e.onChange,g?l:l[0],g?v:p)}});i.useEffect(()=>{C.length===0&&!s&&P&&W()},[C.length,s,P]);const[V,_]=i.useState(t?(ke=S[0])==null?void 0:ke.value:null),ut=e.maxSelections||M.length+1,Ce=C.findIndex(l=>l.value===V),we=dt(Ce,C,!!e.rollNavigation),je=mt(Ce,C,!!e.rollNavigation),F=ft(C),Se=Pe(C),Me=!C.some(l=>l.value===V);i.useEffect(()=>{var l;Me&&_(t?(l=S[0])==null?void 0:l.value:null)},[Me]),i.useEffect(()=>{t&&_(F==null?void 0:F.value)},[t,_,D,F==null?void 0:F.value]),i.useEffect(()=>{var l;!P&&t&&_((l=S[0])==null?void 0:l.value)},[P]),i.useEffect(()=>{P&&y&&re(!0)},[P,y,re]),i.useEffect(()=>{const l=S.find(p=>p.value===V);b(e.onOptionFocus,{item:l,focusMethod:U.current,isNewInput:l==null?void 0:l.creatable})},[V,e.onOptionFocus]);const Ae=l=>{var I,R;const p=C.find(A=>A.value===l),v=(p==null?void 0:p.label)||(p==null?void 0:p.value);J(()=>g?"":v??""),!M.includes(l)&&M.length<ut&&xe(A=>g?[...A,l]:[l]),g&&((I=N.current)==null||I.focus()),e.focusInputOnSelect&&((R=N.current)==null||R.focus()),b(e.onSelectOption,{item:p,selectMethod:U.current,isNewInput:p==null?void 0:p.creatable}),p!=null&&p.creatable&&b(e.onCreateOption,{item:fe(p,["noFilter"]),selectMethod:U.current}),w&&W()},_e=(l,p)=>{var R;xe(A=>{let z=S.find(G=>G.value===l);return!z&&r===!0&&(z={label:l,value:l}),z?(b(e.onTagRemoved,l,z,A),A.filter(G=>G!==l)):A});const v=S.find(A=>A.value===l),I=(v==null?void 0:v.label)||(v==null?void 0:v.value);D===I&&J(""),p&&((R=N.current)==null||R.focus())},at=l=>{var p;xe([]),l&&((p=N.current)==null||p.focus())},Ge=g?M.map(l=>{var p;return{label:((p=S.find(v=>v.value===(l==null?void 0:l.toString())))==null?void 0:p.label)||l,onRemove:()=>_e(l)}}):[];return i.useEffect(()=>{b(L,{tags:Ge})},[M]),{autoCompleteProps:e,children:be,filteredList:C,filteredResults:ye,focusedValue:V,defaultEmptyStateProps:a,getEmptyStateProps:l=>{if(C.every(v=>v.noFilter)&&s&&!r)return typeof s=="boolean"?l:b(s,{query:D})},getGroupProps:l=>{const p=Ot(l.children,C);return{divider:{hasFirstChild:Et(l.children,F),hasLastChild:Pt(l.children,Pe(C.filter(v=>ue(v==null?void 0:v.noFilter))))},group:{display:p?"initial":"none"}}},getInputProps:(l,p)=>{const{onBlur:v,onChange:I,onFocus:R,onKeyDown:A,variant:z,...G}=l;return{wrapper:{ref:Le,onClick:()=>{var m;(m=N==null?void 0:N.current)==null||m.focus()},...G},input:{isReadOnly:d,onFocus:m=>{b(R,m),e.openOnFocus&&!d&&Q(),e.selectOnFocus&&m.target.select(),y&&re(!0)},onBlur:m=>{var K,le;b(v,m);const j=m.relatedTarget===(X==null?void 0:X.current)||((K=X.current)==null?void 0:K.contains(m.relatedTarget)),h=(le=Le.current)==null?void 0:le.contains(m.relatedTarget);if(!j&&!h&&(n&&W(),!M.includes(m.target.value)&&te)){const k=Pe(M),$=S.find(Z=>Z.value===k),Ee=($==null?void 0:$.label)||($==null?void 0:$.value)||"";J(Ee)}},onChange:m=>{const j=m.target.value;b(I,m),J(j);const h=Re(j);b(ge,j)&&(!h||ve)?Q():W(),re(!1)},onKeyDown:m=>{var K;b(A,m),U.current="keyboard";const{key:j}=m,h=C[Ce];if(["Enter",...ne].includes(j)){h&&!(h!=null&&h.disabled)&&P?Ae(h==null?void 0:h.value):(K=N.current)==null||K.focus(),m.preventDefault();return}if(j==="ArrowDown"){P?_(we==null?void 0:we.value):Q(),m.preventDefault();return}if(j==="ArrowUp"){P?_(je==null?void 0:je.value):Q(),m.preventDefault();return}if(j==="Tab"){P&&h&&!(h!=null&&h.disabled)?Ae(h==null?void 0:h.value):W();return}if(j==="Home"){_(F==null?void 0:F.value),m.preventDefault();return}if(j==="End"){_(Se==null?void 0:Se.value),m.preventDefault();return}j==="Escape"&&(W(),m.preventDefault())},value:D,variant:z,...G}}},getItemProps:(l,p)=>{var Be;const{_fixed:v,_focus:I,children:R,disabled:A,label:z,value:G,fixed:m,getValue:j=Ne,onClick:h,onMouseOver:K,...le}=l,k=p?G:(Be=j(G))==null?void 0:Be.toString(),$=k===V,Ee=C.findIndex(q=>q.value===k)>=0,Z=R||z||k;return{item:{...typeof Z!="string"||!o?{children:Z}:{dangerouslySetInnerHTML:{__html:Ct(Z,D)}},"aria-selected":M.includes(k),"aria-disabled":A,_disabled:{opacity:.4,cursor:"not-allowed",userSelect:"none"},onMouseDown:q=>{var We;b(h,q),A?(We=N.current)==null||We.focus():Ae(k)},onMouseOver:q=>{b(K,q),_(k),U.current="mouse"},sx:{mark:{color:"inherit",bg:"transparent",...Ie(o)?o:{fontWeight:o?"extrabold":"inherit"}}},...$&&(I||jt()),...m&&v,...le},root:{isValidSuggestion:Ee,value:k}}},inputRef:N,interactionRef:U,isLoading:me,isOpen:P,itemList:S,listRef:X,onClose:W,onOpen:Q,placement:Y,query:D,removeItem:_e,resetItems:at,setQuery:J,tags:Ge,value:H,values:M}}var Ze={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},$e=i.createContext&&i.createContext(Ze),It=["attr","size","title"];function Rt(e,t){if(e==null)return{};var n=Tt(e,t),r,o;if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)r=s[o],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function Tt(e,t){if(e==null)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}function ae(){return ae=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},ae.apply(this,arguments)}function He(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,r)}return n}function ce(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?He(Object(n),!0).forEach(function(r){Nt(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function Nt(e,t,n){return t=Ft(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ft(e){var t=Lt(e,"string");return typeof t=="symbol"?t:t+""}function Lt(e,t){if(typeof e!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function qe(e){return e&&e.map((t,n)=>i.createElement(t.tag,ce({key:n},t.attr),qe(t.child)))}function Dt(e){return t=>i.createElement(Mt,ae({attr:ce({},e.attr)},t),qe(e.child))}function Mt(e){var t=n=>{var{attr:r,size:o,title:s}=e,a=Rt(e,It),u=o||n.size||"1em",d;return n.className&&(d=n.className),e.className&&(d=(d?d+" ":"")+e.className),i.createElement("svg",ae({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,r,a,{className:d,style:ce(ce({color:e.color||n.color},n.style),e.style),height:u,width:u,xmlns:"http://www.w3.org/2000/svg"}),s&&i.createElement("title",null,s),e.children)};return $e!==void 0?i.createElement($e.Consumer,null,n=>t(n)):t(Ze)}function _t(e){return Dt({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 Gt=T.forwardRef(function(t,n){return c.jsx(f.IconButton,{variant:"ghost","aria-label":"Close",ref:n,...t,children:t.children??c.jsx(_t,{})})}),kt=T.forwardRef(function(t,n){const{portalled:r=!0,portalRef:o,...s}=t;return c.jsx(f.Portal,{disabled:!r,container:o,children:c.jsx(f.Popover.Positioner,{children:c.jsx(f.Popover.Content,{ref:n,...s})})})});T.forwardRef(function(t,n){return c.jsx(f.Popover.Arrow,{...t,ref:n,children:c.jsx(f.Popover.ArrowTip,{})})});T.forwardRef(function(t,n){return c.jsx(f.Popover.CloseTrigger,{position:"absolute",top:"1",insetEnd:"1",...t,asChild:!0,ref:n,children:c.jsx(Gt,{size:"sm"})})});f.Popover.Title;f.Popover.Description;f.Popover.Footer;f.Popover.Header;const Bt=f.Popover.Root,Wt=f.Popover.Body;f.Popover.Trigger;const et=i.forwardRef((e,t)=>{const n=Je(e),{children:r,isOpen:o,onClose:s,onOpen:a,placement:u,resetItems:d,removeItem:y}=n;i.useImperativeHandle(t,()=>({resetItems:d,removeItem:y}));const{matchWidth:x=!0}=n.autoCompleteProps;return c.jsx(Qe,{value:n,children:c.jsx(Bt,{open:o,autoFocus:!1,positioning:{placement:u,sameWidth:x},present:o,children:c.jsx(f.chakra.div,{w:"full",ref:t,children:r})})})});et.displayName="AutoComplete";const tt=i.forwardRef((e,t)=>{const{focusedValue:n,getItemProps:r,interactionRef:o}=B(),s=i.useRef(),a=Te(t,s),u=r(e),{isValidSuggestion:d,value:y}=u.root,x=n===y;i.useEffect(()=>{var L;x&&o.current==="keyboard"&&((L=s==null?void 0:s.current)==null||L.scrollIntoView({behavior:"smooth",block:"nearest"}))},[x,o]),i.useEffect(()=>{typeof y!="string"&&console.warn("wow"),typeof y!="string"&&ue(e.getValue)&&console.error("You must define the `getValue` prop, when an Item's value is not a string")},[]);const{children:g,dangerouslySetInnerHTML:w,...O}=u.item,E=fe(O,["groupId"]);return d?c.jsx(f.Flex,{ref:a,...Fe,...E,children:g||c.jsx("span",{dangerouslySetInnerHTML:w})}):null});tt.displayName="AutoCompleteItem";const Fe={mx:"2",px:"2",py:"2",rounded:"md",cursor:"pointer"};function nt(e){const{alwaysDisplay:t,children:n,...r}=e,{autoCompleteProps:o,getItemProps:s,query:a,filteredResults:u}=B(),{children:d,...y}=s({...e,value:a,children:b(n,{value:a})},!0).item,x=u.some(O=>O.value===a),g=Re(a)?t:!0;return o.creatable&&g&&!x?c.jsx(f.Flex,{...Fe,...y,...r,children:d||`Add ${a}`}):null}nt.displayName="AutoCompleteCreatable";const rt=i.forwardRef((e,t)=>{const{children:n,showDivider:r,...o}=e,s=fe(o,["groupSibling"]),{getGroupProps:a}=B(),{group:u}=a(e),d=$t(e);return c.jsxs(f.Box,{ref:t,...u,...s,children:[c.jsx(f.Separator,{...d.top}),n,c.jsx(f.Separator,{...d.bottom})]})}),ot=i.forwardRef((e,t)=>c.jsx(f.Flex,{...zt,...e,ref:t}));rt.displayName="AutoCompleteGroup";ot.displayName="AutoCompleteGroupTitle";const zt={ml:5,my:1,fontSize:"xs",letterSpacing:"wider",fontWeight:"extrabold",textTransform:"uppercase"},$t=e=>{const{getGroupProps:t}=B(),n=e.groupSibling,{divider:{hasFirstChild:r,hasLastChild:o}}=t(e),s={my:2,borderColor:e.dividerColor},a={...s,mb:4,display:!e.showDivider||r?"none":""},u={...s,display:!e.showDivider||o||n?"none":""};return{top:a,bottom:u}},Ht=T.forwardRef(function(t,n){const{startElement:r,startElementProps:o,endElement:s,endElementProps:a,children:u,startOffset:d="6px",endOffset:y="6px",...x}=t;return c.jsxs(f.Group,{ref:n,...x,children:[r&&c.jsx(f.InputElement,{pointerEvents:"none",...o,children:r}),T.cloneElement(u,{...r&&{ps:`calc(var(--input-height) - ${d})`},...s&&{pe:`calc(var(--input-height) - ${y})`},...u.props}),s&&c.jsx(f.InputElement,{placement:"end",...a,children:s})]})}),Kt=i.forwardRef((e,t)=>{const{isLoading:n}=B(),{loadingIcon:r,...o}=e,s=fe(o,["children","wrapStyles","hidePlaceholder"]),a=c.jsx(f.Input,{...s,ref:t});return n?c.jsx(Ht,{endElement:r||c.jsx(f.Spinner,{}),children:a}):a}),st=i.forwardRef((e,t)=>{const{autoCompleteProps:n,inputRef:r,getInputProps:o,tags:s,setQuery:a,value:u,itemList:d}=B(),{children:y,hidePlaceholder:x,...g}=e,{value:w}=g;i.useEffect(()=>{if(u!==void 0&&(typeof u=="string"||u instanceof String)){const ne=d.find(H=>H.value===u),ve=ne===void 0?u:ne.label;a(ve)}},[u]),i.useEffect(()=>{w!==void 0&&(typeof w=="string"||w instanceof String)&&a(w)},[w]);const O={};let{wrapper:E,input:L}=o(g,O);const{ref:de,...ee}=E,me=Te(t,r),Y=b(y,{tags:s});x&&(L={...L,placeholder:Array.isArray(Y)&&Y.length?void 0:L.placeholder});const te=c.jsx(Kt,{...L,ref:me}),ge=c.jsxs(f.Box,{...ee,ref:de,children:[Y,te]});return c.jsx(f.PopoverAnchor,{children:n.multiple?ge:te})});st.displayName="Input";const Qt=e=>{const{getEmptyStateProps:t,defaultEmptyStateProps:n}=B(),r=t(c.jsx(f.Flex,{...Ut,...n,children:"No options found!"}));return c.jsx(f.Box,{...e,children:r})},Ut={fontSize:"sm",align:"center",justify:"center",fontWeight:"bold",fontStyle:"italic"},Ke=["AutoCompleteGroup","AutoCompleteItem","AutoCompleteCreatable"],Vt=e=>{const t=i.Children.map(e,(o,s)=>{var a;if(((a=o==null?void 0:o.type)==null?void 0:a.displayName)==="AutoCompleteGroup"){const u=i.Children.toArray(e)[s+1];return i.cloneElement(o,{groupSibling:u?u.type.displayName==="AutoCompleteGroup":!1})}return o}),n=i.Children.toArray(t).filter(o=>{var s;return!Ke.includes((s=o==null?void 0:o.type)==null?void 0:s.displayName)});return[i.Children.toArray(t).filter(o=>{var s;return Ke.includes((s=o==null?void 0:o.type)==null?void 0:s.displayName)}),n]},lt=i.forwardRef((e,t)=>{const{children:n,loadingState:r,...o}=e,{listRef:s,isLoading:a}=B(),u=Te(t,s),[d,y]=Vt(n);return c.jsx(kt,{width:"auto",children:c.jsxs(Wt,{ref:u,w:"inherit",...Yt,...o,children:[a&&c.jsx(f.Center,{children:r||c.jsx(f.Spinner,{size:"md"})}),!a&&c.jsxs(c.Fragment,{children:[d,c.jsx(Qt,{}),y]})]})})});lt.displayName="AutoCompleteList";const Yt={px:"0px",bg:"#232934",rounded:"md",maxH:"350px",border:"none",shadow:"base",zIndex:"popover",overflowY:"auto",_light:{bg:"#ffffff"},_focus:{boxShadow:"none"}},Xt=T.forwardRef(function(t,n){const{startElement:r,endElement:o,onClose:s,closable:a=!!s,children:u,...d}=t;return c.jsxs(f.Tag.Root,{ref:n,...d,children:[r&&c.jsx(f.Tag.StartElement,{children:r}),c.jsx(f.Tag.Label,{children:u}),o&&c.jsx(f.Tag.EndElement,{children:o}),a&&c.jsx(f.Tag.EndElement,{children:c.jsx(f.Tag.CloseTrigger,{onClick:s})})]})}),Jt=i.memo(e=>{const{label:t,onRemove:n,disabled:r,...o}=e;return c.jsx(Xt,{borderRadius:"md",fontWeight:"normal",closable:!0,onClose:()=>!r&&b(n),...r&&Zt,...o,children:t})}),Zt={cursor:"text",userSelect:"none",opacity:.4,_focus:{boxShadow:"none"}};exports.AutoComplete=et;exports.AutoCompleteCreatable=nt;exports.AutoCompleteGroup=rt;exports.AutoCompleteGroupTitle=ot;exports.AutoCompleteInput=st;exports.AutoCompleteItem=tt;exports.AutoCompleteList=lt;exports.AutoCompleteProvider=Qe;exports.AutoCompleteTag=Jt;exports.baseItemStyles=Fe;exports.createContext=Ue;exports.useAutoComplete=Je;exports.useAutoCompleteContext=B;
@@ -1 +1 @@
1
- {"version":3,"file":"use-autocomplete.d.ts","sourceRoot":"","sources":["../src/use-autocomplete.ts"],"names":[],"mappings":"AAkBA,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,CAgevB"}
1
+ {"version":3,"file":"use-autocomplete.d.ts","sourceRoot":"","sources":["../src/use-autocomplete.ts"],"names":[],"mappings":"AAkBA,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,CAqevB"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "6.1.2",
2
+ "version": "6.1.3",
3
3
  "license": "MIT",
4
4
  "main": "./dist/index.js",
5
5
  "types": "./dist/index.d.ts",