@tipp/ui 1.4.20 → 1.4.22

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.
Files changed (47) hide show
  1. package/dist/atoms/button.d.cts +1 -1
  2. package/dist/atoms/button.d.ts +1 -1
  3. package/dist/atoms/field-error-wrapper.js +2 -2
  4. package/dist/atoms/index.js +53 -53
  5. package/dist/atoms/pagination.js +2 -2
  6. package/dist/chunk-23P5I2JR.js +192 -0
  7. package/dist/chunk-23P5I2JR.js.map +1 -0
  8. package/dist/chunk-52V6NWNP.js +350 -0
  9. package/dist/chunk-52V6NWNP.js.map +1 -0
  10. package/dist/chunk-6XAYAEHG.js +360 -0
  11. package/dist/chunk-6XAYAEHG.js.map +1 -0
  12. package/dist/chunk-IYEPU2SQ.js +350 -0
  13. package/dist/chunk-IYEPU2SQ.js.map +1 -0
  14. package/dist/chunk-P42HAVOT.js +359 -0
  15. package/dist/chunk-P42HAVOT.js.map +1 -0
  16. package/dist/chunk-SQ7HPPKD.js +360 -0
  17. package/dist/chunk-SQ7HPPKD.js.map +1 -0
  18. package/dist/chunk-WNYDAKKK.js +350 -0
  19. package/dist/chunk-WNYDAKKK.js.map +1 -0
  20. package/dist/chunk-WWQSL5XC.js +357 -0
  21. package/dist/chunk-WWQSL5XC.js.map +1 -0
  22. package/dist/chunk-ZCAMAL6P.js +360 -0
  23. package/dist/chunk-ZCAMAL6P.js.map +1 -0
  24. package/dist/chunk-ZRCNIT7C.js +357 -0
  25. package/dist/chunk-ZRCNIT7C.js.map +1 -0
  26. package/dist/index.cjs +20 -17
  27. package/dist/index.cjs.map +1 -1
  28. package/dist/index.css +5 -1
  29. package/dist/index.css.map +1 -1
  30. package/dist/index.js +64 -64
  31. package/dist/molecules/date-picker/index.js +2 -2
  32. package/dist/molecules/expand-table/index.js +27 -27
  33. package/dist/molecules/expand-table/row.js +24 -24
  34. package/dist/molecules/form.js +2 -2
  35. package/dist/molecules/index.cjs +20 -17
  36. package/dist/molecules/index.cjs.map +1 -1
  37. package/dist/molecules/index.js +33 -33
  38. package/dist/molecules/learning-post.js +4 -4
  39. package/dist/molecules/navigation.js +25 -25
  40. package/dist/molecules/stepper.js +2 -2
  41. package/dist/molecules/tag-selector.cjs +20 -17
  42. package/dist/molecules/tag-selector.cjs.map +1 -1
  43. package/dist/molecules/tag-selector.d.cts +1 -0
  44. package/dist/molecules/tag-selector.d.ts +1 -0
  45. package/dist/molecules/tag-selector.js +25 -25
  46. package/package.json +1 -1
  47. package/src/molecules/tag-selector.tsx +20 -20
package/dist/index.js CHANGED
@@ -17,36 +17,43 @@ import {
17
17
  import "./chunk-6ZAP2Q6K.js";
18
18
  import {
19
19
  DatePicker
20
- } from "./chunk-MJ3D2VRP.js";
20
+ } from "./chunk-W7HWGDR4.js";
21
21
  import {
22
22
  ExpandTable,
23
23
  createColumnHelper
24
- } from "./chunk-E6DAU6RB.js";
24
+ } from "./chunk-JQZRRHYW.js";
25
25
  import "./chunk-PCWEW2UL.js";
26
26
  import {
27
27
  DotNavigation
28
28
  } from "./chunk-EDTEVEJW.js";
29
29
  import {
30
30
  LearningPost
31
- } from "./chunk-YNIACSWN.js";
31
+ } from "./chunk-BH6Y4UOA.js";
32
+ import {
33
+ ThemeProvider
34
+ } from "./chunk-BVNXAZ4W.js";
32
35
  import {
33
36
  Navigation
34
- } from "./chunk-OCINOC2X.js";
37
+ } from "./chunk-F44BXTHN.js";
35
38
  import {
36
39
  Stepper
37
- } from "./chunk-I7R4T7IL.js";
40
+ } from "./chunk-DTWPFSUG.js";
38
41
  import {
39
42
  TagSelector
40
- } from "./chunk-HBAMB3GV.js";
41
- import {
42
- ThemeProvider
43
- } from "./chunk-BVNXAZ4W.js";
44
- import "./chunk-BSTJBBEX.js";
45
- import "./chunk-NDUKDKGB.js";
43
+ } from "./chunk-52V6NWNP.js";
46
44
  import "./chunk-KTVZ4KLX.js";
47
45
  import {
48
46
  Form
49
- } from "./chunk-DWCPI2UN.js";
47
+ } from "./chunk-OHBL3CTQ.js";
48
+ import {
49
+ Switch
50
+ } from "./chunk-OYM4XCHQ.js";
51
+ import {
52
+ TabNav
53
+ } from "./chunk-YJ7ZFOYL.js";
54
+ import {
55
+ Tabs
56
+ } from "./chunk-5ZITU5L7.js";
50
57
  import {
51
58
  TextArea
52
59
  } from "./chunk-TTYPIX4R.js";
@@ -57,6 +64,15 @@ import {
57
64
  ToastContainer,
58
65
  toast
59
66
  } from "./chunk-CYYWMYE7.js";
67
+ import {
68
+ ScrollArea
69
+ } from "./chunk-ZKZDVS7G.js";
70
+ import {
71
+ Section
72
+ } from "./chunk-MUNMDHRF.js";
73
+ import {
74
+ SegmentedControl
75
+ } from "./chunk-TVDKGMBI.js";
60
76
  import {
61
77
  Select
62
78
  } from "./chunk-3JRNKBMN.js";
@@ -73,14 +89,14 @@ import {
73
89
  Strong
74
90
  } from "./chunk-74DX4CU7.js";
75
91
  import {
76
- Switch
77
- } from "./chunk-OYM4XCHQ.js";
92
+ Link
93
+ } from "./chunk-SIM6HKVI.js";
78
94
  import {
79
- TabNav
80
- } from "./chunk-YJ7ZFOYL.js";
95
+ Pagination
96
+ } from "./chunk-FIYBLL2Z.js";
81
97
  import {
82
- Tabs
83
- } from "./chunk-5ZITU5L7.js";
98
+ Popover
99
+ } from "./chunk-5AVBYDPB.js";
84
100
  import {
85
101
  Progress
86
102
  } from "./chunk-365QMK4D.js";
@@ -97,17 +113,17 @@ import {
97
113
  Radio
98
114
  } from "./chunk-FPD73OHW.js";
99
115
  import {
100
- ScrollArea
101
- } from "./chunk-ZKZDVS7G.js";
102
- import {
103
- Section
104
- } from "./chunk-MUNMDHRF.js";
116
+ Grid
117
+ } from "./chunk-EGEQY3KT.js";
105
118
  import {
106
- SegmentedControl
107
- } from "./chunk-TVDKGMBI.js";
119
+ Heading
120
+ } from "./chunk-HK224ADT.js";
108
121
  import {
109
122
  HoverCard
110
123
  } from "./chunk-O3T3TM3V.js";
124
+ import {
125
+ IconButton
126
+ } from "./chunk-O3DNDMV3.js";
111
127
  import {
112
128
  Inset
113
129
  } from "./chunk-XQOL7UBI.js";
@@ -115,17 +131,14 @@ import {
115
131
  Kbd
116
132
  } from "./chunk-TULWX7D6.js";
117
133
  import {
118
- Link
119
- } from "./chunk-SIM6HKVI.js";
120
- import {
121
- Pagination
122
- } from "./chunk-RWJ7HBJY.js";
134
+ Container
135
+ } from "./chunk-Q37G2GS6.js";
123
136
  import {
124
- IconButton
125
- } from "./chunk-O3DNDMV3.js";
137
+ DataList
138
+ } from "./chunk-VTJZMOSP.js";
126
139
  import {
127
- Popover
128
- } from "./chunk-5AVBYDPB.js";
140
+ Dialog
141
+ } from "./chunk-2VD5Y72N.js";
129
142
  import {
130
143
  Content,
131
144
  Drawer,
@@ -146,19 +159,20 @@ import {
146
159
  } from "./chunk-2DZ2Y3JI.js";
147
160
  import {
148
161
  FieldErrorWrapper
149
- } from "./chunk-QDZS4B6A.js";
150
- import {
151
- Typo
152
- } from "./chunk-52MVZ6AN.js";
162
+ } from "./chunk-DJN2IEY6.js";
153
163
  import {
154
164
  Flex
155
165
  } from "./chunk-25HMMI7R.js";
156
166
  import {
157
- Grid
158
- } from "./chunk-EGEQY3KT.js";
167
+ Typo
168
+ } from "./chunk-52MVZ6AN.js";
169
+ import "./chunk-ZD7MNMED.js";
159
170
  import {
160
- Heading
161
- } from "./chunk-HK224ADT.js";
171
+ Callout
172
+ } from "./chunk-B6XJN6EC.js";
173
+ import {
174
+ Card
175
+ } from "./chunk-UVKNLJDZ.js";
162
176
  import {
163
177
  CheckboxCards
164
178
  } from "./chunk-MIMJ7LON.js";
@@ -175,14 +189,14 @@ import {
175
189
  Collapse
176
190
  } from "./chunk-LZJR77Q2.js";
177
191
  import {
178
- Container
179
- } from "./chunk-Q37G2GS6.js";
192
+ AlertDialog
193
+ } from "./chunk-J242TTFH.js";
180
194
  import {
181
- DataList
182
- } from "./chunk-VTJZMOSP.js";
195
+ AspectRatio
196
+ } from "./chunk-EAXUQEO5.js";
183
197
  import {
184
- Dialog
185
- } from "./chunk-2VD5Y72N.js";
198
+ AutoSizingInput
199
+ } from "./chunk-YJCCE5WP.js";
186
200
  import {
187
201
  Avatar
188
202
  } from "./chunk-3SSSCLJ5.js";
@@ -199,13 +213,6 @@ import {
199
213
  Button
200
214
  } from "./chunk-U7JPP7WJ.js";
201
215
  import "./chunk-LQY4RKWI.js";
202
- import "./chunk-ZD7MNMED.js";
203
- import {
204
- Callout
205
- } from "./chunk-B6XJN6EC.js";
206
- import {
207
- Card
208
- } from "./chunk-UVKNLJDZ.js";
209
216
  import {
210
217
  ArchiveIcon,
211
218
  ArrowLeftIcon,
@@ -251,15 +258,8 @@ import {
251
258
  import {
252
259
  HorizontalBarChart
253
260
  } from "./chunk-SGMO4KBC.js";
254
- import {
255
- AlertDialog
256
- } from "./chunk-J242TTFH.js";
257
- import {
258
- AspectRatio
259
- } from "./chunk-EAXUQEO5.js";
260
- import {
261
- AutoSizingInput
262
- } from "./chunk-YJCCE5WP.js";
261
+ import "./chunk-BSTJBBEX.js";
262
+ import "./chunk-NDUKDKGB.js";
263
263
  import "./chunk-N552FDTV.js";
264
264
  export {
265
265
  AlertDialog,
package/dist/molecules/date-picker/index.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  DatePicker
3
- } from "../../chunk-MJ3D2VRP.js";
3
+ } from "../../chunk-W7HWGDR4.js";
4
+ import "../../chunk-HK224ADT.js";
4
5
  import "../../chunk-O3DNDMV3.js";
5
6
  import "../../chunk-25HMMI7R.js";
6
- import "../../chunk-HK224ADT.js";
7
7
  import "../../chunk-F77ES5Y3.js";
8
8
  import "../../chunk-N552FDTV.js";
9
9
  export {
package/dist/molecules/expand-table/index.js CHANGED
@@ -1,69 +1,69 @@
1
1
  import {
2
2
  ExpandTable,
3
3
  createColumnHelper
4
- } from "../../chunk-E6DAU6RB.js";
4
+ } from "../../chunk-JQZRRHYW.js";
5
5
  import "../../chunk-PCWEW2UL.js";
6
- import "../../chunk-BSTJBBEX.js";
7
- import "../../chunk-NDUKDKGB.js";
8
6
  import "../../chunk-KTVZ4KLX.js";
9
- import "../../chunk-DWCPI2UN.js";
7
+ import "../../chunk-OHBL3CTQ.js";
8
+ import "../../chunk-OYM4XCHQ.js";
9
+ import "../../chunk-YJ7ZFOYL.js";
10
+ import "../../chunk-5ZITU5L7.js";
10
11
  import "../../chunk-TTYPIX4R.js";
11
12
  import "../../chunk-YY45YYJE.js";
12
13
  import "../../chunk-CYYWMYE7.js";
14
+ import "../../chunk-ZKZDVS7G.js";
15
+ import "../../chunk-MUNMDHRF.js";
16
+ import "../../chunk-TVDKGMBI.js";
13
17
  import "../../chunk-3JRNKBMN.js";
14
18
  import "../../chunk-HYITAA4J.js";
15
19
  import "../../chunk-5H3YPCZK.js";
16
20
  import "../../chunk-FR2GDOU2.js";
17
21
  import "../../chunk-74DX4CU7.js";
18
- import "../../chunk-OYM4XCHQ.js";
19
- import "../../chunk-YJ7ZFOYL.js";
20
- import "../../chunk-5ZITU5L7.js";
22
+ import "../../chunk-SIM6HKVI.js";
23
+ import "../../chunk-FIYBLL2Z.js";
24
+ import "../../chunk-5AVBYDPB.js";
21
25
  import "../../chunk-365QMK4D.js";
22
26
  import "../../chunk-YO3BQW6S.js";
23
27
  import "../../chunk-6IVCARWS.js";
24
28
  import "../../chunk-6DJOIRMF.js";
25
29
  import "../../chunk-FPD73OHW.js";
26
- import "../../chunk-ZKZDVS7G.js";
27
- import "../../chunk-MUNMDHRF.js";
28
- import "../../chunk-TVDKGMBI.js";
30
+ import "../../chunk-EGEQY3KT.js";
31
+ import "../../chunk-HK224ADT.js";
29
32
  import "../../chunk-O3T3TM3V.js";
33
+ import "../../chunk-O3DNDMV3.js";
30
34
  import "../../chunk-XQOL7UBI.js";
31
35
  import "../../chunk-TULWX7D6.js";
32
- import "../../chunk-SIM6HKVI.js";
33
- import "../../chunk-RWJ7HBJY.js";
34
- import "../../chunk-O3DNDMV3.js";
35
- import "../../chunk-5AVBYDPB.js";
36
+ import "../../chunk-Q37G2GS6.js";
37
+ import "../../chunk-VTJZMOSP.js";
38
+ import "../../chunk-2VD5Y72N.js";
36
39
  import "../../chunk-UC627KGO.js";
37
40
  import "../../chunk-4WFMOFN2.js";
38
41
  import "../../chunk-WKFZ5MMN.js";
39
42
  import "../../chunk-ACVANQJ4.js";
40
43
  import "../../chunk-2DZ2Y3JI.js";
41
- import "../../chunk-QDZS4B6A.js";
42
- import "../../chunk-52MVZ6AN.js";
44
+ import "../../chunk-DJN2IEY6.js";
43
45
  import "../../chunk-25HMMI7R.js";
44
- import "../../chunk-EGEQY3KT.js";
45
- import "../../chunk-HK224ADT.js";
46
+ import "../../chunk-52MVZ6AN.js";
47
+ import "../../chunk-ZD7MNMED.js";
48
+ import "../../chunk-B6XJN6EC.js";
49
+ import "../../chunk-UVKNLJDZ.js";
46
50
  import "../../chunk-MIMJ7LON.js";
47
51
  import "../../chunk-IQEEPHOY.js";
48
52
  import "../../chunk-LHCDPZ5E.js";
49
53
  import "../../chunk-OHMOP5PV.js";
50
54
  import "../../chunk-LZJR77Q2.js";
51
- import "../../chunk-Q37G2GS6.js";
52
- import "../../chunk-VTJZMOSP.js";
53
- import "../../chunk-2VD5Y72N.js";
55
+ import "../../chunk-J242TTFH.js";
56
+ import "../../chunk-EAXUQEO5.js";
57
+ import "../../chunk-YJCCE5WP.js";
54
58
  import "../../chunk-3SSSCLJ5.js";
55
59
  import "../../chunk-EWD4AO5N.js";
56
60
  import "../../chunk-YGL6SWKN.js";
57
61
  import "../../chunk-4Y5BEXVN.js";
58
62
  import "../../chunk-U7JPP7WJ.js";
59
63
  import "../../chunk-LQY4RKWI.js";
60
- import "../../chunk-ZD7MNMED.js";
61
- import "../../chunk-B6XJN6EC.js";
62
- import "../../chunk-UVKNLJDZ.js";
63
64
  import "../../chunk-F77ES5Y3.js";
64
- import "../../chunk-J242TTFH.js";
65
- import "../../chunk-EAXUQEO5.js";
66
- import "../../chunk-YJCCE5WP.js";
65
+ import "../../chunk-BSTJBBEX.js";
66
+ import "../../chunk-NDUKDKGB.js";
67
67
  import "../../chunk-N552FDTV.js";
68
68
  export {
69
69
  ExpandTable,
package/dist/molecules/expand-table/row.js CHANGED
@@ -2,64 +2,64 @@ import {
2
2
  Row
3
3
  } from "../../chunk-PCWEW2UL.js";
4
4
  import "../../chunk-KTVZ4KLX.js";
5
- import "../../chunk-DWCPI2UN.js";
5
+ import "../../chunk-OHBL3CTQ.js";
6
+ import "../../chunk-OYM4XCHQ.js";
7
+ import "../../chunk-YJ7ZFOYL.js";
8
+ import "../../chunk-5ZITU5L7.js";
6
9
  import "../../chunk-TTYPIX4R.js";
7
10
  import "../../chunk-YY45YYJE.js";
8
11
  import "../../chunk-CYYWMYE7.js";
12
+ import "../../chunk-ZKZDVS7G.js";
13
+ import "../../chunk-MUNMDHRF.js";
14
+ import "../../chunk-TVDKGMBI.js";
9
15
  import "../../chunk-3JRNKBMN.js";
10
16
  import "../../chunk-HYITAA4J.js";
11
17
  import "../../chunk-5H3YPCZK.js";
12
18
  import "../../chunk-FR2GDOU2.js";
13
19
  import "../../chunk-74DX4CU7.js";
14
- import "../../chunk-OYM4XCHQ.js";
15
- import "../../chunk-YJ7ZFOYL.js";
16
- import "../../chunk-5ZITU5L7.js";
20
+ import "../../chunk-SIM6HKVI.js";
21
+ import "../../chunk-FIYBLL2Z.js";
22
+ import "../../chunk-5AVBYDPB.js";
17
23
  import "../../chunk-365QMK4D.js";
18
24
  import "../../chunk-YO3BQW6S.js";
19
25
  import "../../chunk-6IVCARWS.js";
20
26
  import "../../chunk-6DJOIRMF.js";
21
27
  import "../../chunk-FPD73OHW.js";
22
- import "../../chunk-ZKZDVS7G.js";
23
- import "../../chunk-MUNMDHRF.js";
24
- import "../../chunk-TVDKGMBI.js";
28
+ import "../../chunk-EGEQY3KT.js";
29
+ import "../../chunk-HK224ADT.js";
25
30
  import "../../chunk-O3T3TM3V.js";
31
+ import "../../chunk-O3DNDMV3.js";
26
32
  import "../../chunk-XQOL7UBI.js";
27
33
  import "../../chunk-TULWX7D6.js";
28
- import "../../chunk-SIM6HKVI.js";
29
- import "../../chunk-RWJ7HBJY.js";
30
- import "../../chunk-O3DNDMV3.js";
31
- import "../../chunk-5AVBYDPB.js";
34
+ import "../../chunk-Q37G2GS6.js";
35
+ import "../../chunk-VTJZMOSP.js";
36
+ import "../../chunk-2VD5Y72N.js";
32
37
  import "../../chunk-UC627KGO.js";
33
38
  import "../../chunk-4WFMOFN2.js";
34
39
  import "../../chunk-WKFZ5MMN.js";
35
40
  import "../../chunk-ACVANQJ4.js";
36
41
  import "../../chunk-2DZ2Y3JI.js";
37
- import "../../chunk-QDZS4B6A.js";
38
- import "../../chunk-52MVZ6AN.js";
42
+ import "../../chunk-DJN2IEY6.js";
39
43
  import "../../chunk-25HMMI7R.js";
40
- import "../../chunk-EGEQY3KT.js";
41
- import "../../chunk-HK224ADT.js";
44
+ import "../../chunk-52MVZ6AN.js";
45
+ import "../../chunk-ZD7MNMED.js";
46
+ import "../../chunk-B6XJN6EC.js";
47
+ import "../../chunk-UVKNLJDZ.js";
42
48
  import "../../chunk-MIMJ7LON.js";
43
49
  import "../../chunk-IQEEPHOY.js";
44
50
  import "../../chunk-LHCDPZ5E.js";
45
51
  import "../../chunk-OHMOP5PV.js";
46
52
  import "../../chunk-LZJR77Q2.js";
47
- import "../../chunk-Q37G2GS6.js";
48
- import "../../chunk-VTJZMOSP.js";
49
- import "../../chunk-2VD5Y72N.js";
53
+ import "../../chunk-J242TTFH.js";
54
+ import "../../chunk-EAXUQEO5.js";
55
+ import "../../chunk-YJCCE5WP.js";
50
56
  import "../../chunk-3SSSCLJ5.js";
51
57
  import "../../chunk-EWD4AO5N.js";
52
58
  import "../../chunk-YGL6SWKN.js";
53
59
  import "../../chunk-4Y5BEXVN.js";
54
60
  import "../../chunk-U7JPP7WJ.js";
55
61
  import "../../chunk-LQY4RKWI.js";
56
- import "../../chunk-ZD7MNMED.js";
57
- import "../../chunk-B6XJN6EC.js";
58
- import "../../chunk-UVKNLJDZ.js";
59
62
  import "../../chunk-F77ES5Y3.js";
60
- import "../../chunk-J242TTFH.js";
61
- import "../../chunk-EAXUQEO5.js";
62
- import "../../chunk-YJCCE5WP.js";
63
63
  import "../../chunk-N552FDTV.js";
64
64
  export {
65
65
  Row
package/dist/molecules/form.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  Form
3
- } from "../chunk-DWCPI2UN.js";
4
- import "../chunk-52MVZ6AN.js";
3
+ } from "../chunk-OHBL3CTQ.js";
5
4
  import "../chunk-HK224ADT.js";
5
+ import "../chunk-52MVZ6AN.js";
6
6
  import "../chunk-N552FDTV.js";
7
7
  export {
8
8
  Form
package/dist/molecules/index.cjs CHANGED
@@ -1066,11 +1066,13 @@ function TagSelector(props) {
1066
1066
  placeholder,
1067
1067
  maxCount = 0,
1068
1068
  DropdownContainer = DefaultDropdownContainer,
1069
- onChange,
1070
1069
  size = "medium",
1071
- readOnly
1070
+ readOnly,
1071
+ error
1072
1072
  } = props;
1073
- const [selected, setSelected] = (0, import_react14.useState)(props.selected || []);
1073
+ const [_selected, _setSelected] = (0, import_react14.useState)(props.selected || []);
1074
+ const selected = props.selected || _selected;
1075
+ const setSelected = props.onChange || _setSelected;
1074
1076
  const [value, setValue] = (0, import_react14.useState)("");
1075
1077
  const [focusIndex, setFocusIndex] = (0, import_react14.useState)(null);
1076
1078
  const [open, setOpen] = (0, import_react14.useState)(false);
@@ -1112,16 +1114,19 @@ function TagSelector(props) {
1112
1114
  });
1113
1115
  return result;
1114
1116
  }, [options, selected]);
1115
- const onDelete = (0, import_react14.useCallback)((id) => {
1116
- setSelected((prev) => prev.filter((el) => el !== id));
1117
- }, []);
1117
+ const onDelete = (0, import_react14.useCallback)(
1118
+ (id) => {
1119
+ setSelected(selected.filter((el) => el !== id));
1120
+ },
1121
+ [selected, setSelected]
1122
+ );
1118
1123
  const onSelect = (0, import_react14.useCallback)(
1119
1124
  (id) => {
1120
1125
  if (maxCount && selected.length + 1 > maxCount)
1121
1126
  return;
1122
- setSelected((prev) => [...prev, id]);
1127
+ setSelected([...selected, id]);
1123
1128
  },
1124
- [maxCount, selected]
1129
+ [maxCount, selected, setSelected]
1125
1130
  );
1126
1131
  const toggleItem = (0, import_react14.useCallback)(
1127
1132
  (id) => {
@@ -1178,7 +1183,7 @@ function TagSelector(props) {
1178
1183
  break;
1179
1184
  case "Backspace":
1180
1185
  if (value.length === 0) {
1181
- setSelected((prev) => prev.slice(0, -1));
1186
+ setSelected(selected.slice(0, -1));
1182
1187
  }
1183
1188
  break;
1184
1189
  case "Escape":
@@ -1192,7 +1197,9 @@ function TagSelector(props) {
1192
1197
  setScroll,
1193
1198
  options.length,
1194
1199
  toggleItem,
1195
- filteredOptions
1200
+ filteredOptions,
1201
+ setSelected,
1202
+ selected
1196
1203
  ]
1197
1204
  );
1198
1205
  const placeholderVisible = (0, import_react14.useMemo)(() => {
@@ -1204,12 +1211,6 @@ function TagSelector(props) {
1204
1211
  return false;
1205
1212
  return true;
1206
1213
  }, [focus, selectedItem.length, value]);
1207
- (0, import_react14.useEffect)(() => {
1208
- onChange == null ? void 0 : onChange(selected);
1209
- }, [[...selected].sort().join(",")]);
1210
- (0, import_react14.useEffect)(() => {
1211
- setSelected(props.selected || []);
1212
- }, [[...props.selected || []].sort().join(",")]);
1213
1214
  (0, import_react14.useEffect)(() => {
1214
1215
  setFocusIndex(null);
1215
1216
  }, [open]);
@@ -1237,6 +1238,7 @@ function TagSelector(props) {
1237
1238
  }, [size]);
1238
1239
  const focusClassName = focus ? " focused" : "";
1239
1240
  const readOnlyClassName = readOnly ? " read-only" : "";
1241
+ const errorClassName = error ? " error" : "";
1240
1242
  const readonlyContent = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes6.Flex, { gap: "1", children: selectedItem.map((item) => {
1241
1243
  return tagRender ? tagRender(item) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Badge, { size: badgeSize, children: item.name }, item.id);
1242
1244
  }) });
@@ -1287,7 +1289,7 @@ function TagSelector(props) {
1287
1289
  import_themes7.Grid,
1288
1290
  {
1289
1291
  align: "center",
1290
- className: `tag-selector ${size} ${focusClassName}${readOnlyClassName}`,
1292
+ className: `tag-selector ${size} ${focusClassName}${readOnlyClassName}${errorClassName}`,
1291
1293
  columns: "1fr auto",
1292
1294
  gap: "1",
1293
1295
  onClick: () => {
@@ -1323,6 +1325,7 @@ function TagSelector(props) {
1323
1325
  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1324
1326
  Button,
1325
1327
  {
1328
+ className: `tag-selector-button ${isFocus ? "focus" : ""}`,
1326
1329
  onClick: () => {
1327
1330
  var _a;
1328
1331
  toggleItem(item.id);