@x-plat/design-system 0.5.10 → 0.5.12

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 (24) hide show
  1. package/dist/components/Chart/index.cjs +67 -48
  2. package/dist/components/Chart/index.js +68 -49
  3. package/dist/components/DatePicker/index.cjs +401 -379
  4. package/dist/components/DatePicker/index.js +388 -366
  5. package/dist/components/Dropdown/index.cjs +55 -27
  6. package/dist/components/Dropdown/index.css +10 -10
  7. package/dist/components/Dropdown/index.js +54 -26
  8. package/dist/components/Modal/index.cjs +29 -9
  9. package/dist/components/Modal/index.d.cts +0 -3
  10. package/dist/components/Modal/index.d.ts +0 -3
  11. package/dist/components/Modal/index.js +28 -8
  12. package/dist/components/PopOver/index.cjs +50 -22
  13. package/dist/components/PopOver/index.css +7 -10
  14. package/dist/components/PopOver/index.js +49 -21
  15. package/dist/components/Select/index.cjs +369 -341
  16. package/dist/components/Select/index.css +13 -23
  17. package/dist/components/Select/index.js +368 -340
  18. package/dist/components/index.cjs +503 -451
  19. package/dist/components/index.css +30 -43
  20. package/dist/components/index.js +459 -407
  21. package/dist/index.cjs +527 -475
  22. package/dist/index.css +30 -43
  23. package/dist/index.js +481 -429
  24. package/package.json +1 -1
package/dist/components/Select/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  // src/components/Select/Select.tsx
2
- import React5 from "react";
2
+ import React6 from "react";
3
3
 
4
4
  // src/tokens/hooks/useAutoPosition.ts
5
5
  import React from "react";
@@ -12,28 +12,38 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
12
12
  if (!triggerRef.current || !popRef.current) return;
13
13
  const triggerRect = triggerRef.current.getBoundingClientRect();
14
14
  const popRect = popRef.current.getBoundingClientRect();
15
- const viewportWidth = window.innerWidth;
16
15
  const viewportHeight = window.innerHeight;
17
- const position2 = {};
16
+ const viewportWidth = window.innerWidth;
18
17
  let direction = "bottom";
19
- if (triggerRect.bottom + popRect.height > viewportHeight) {
18
+ let top;
19
+ let left = triggerRect.left;
20
+ if (triggerRect.bottom + popRect.height > viewportHeight && triggerRect.top - popRect.height > 0) {
20
21
  direction = "top";
22
+ top = triggerRect.top - popRect.height;
23
+ } else {
24
+ top = triggerRect.bottom;
21
25
  }
22
- if (triggerRect.left + popRect.width > viewportWidth) {
23
- position2["right"] = 10;
24
- }
25
- if (triggerRect.left < 0) {
26
- position2["left"] = 10;
26
+ if (left + popRect.width > viewportWidth) {
27
+ left = viewportWidth - popRect.width - 8;
27
28
  }
29
+ if (left < 8) left = 8;
28
30
  setPosition({
29
- position: position2,
31
+ position: { top, left, width: triggerRect.width },
30
32
  direction
31
33
  });
32
34
  }, [triggerRef, popRef]);
33
35
  React.useEffect(() => {
34
- calculatePosition();
36
+ if (!enabled) return;
37
+ const raf = requestAnimationFrame(() => {
38
+ calculatePosition();
39
+ });
35
40
  window.addEventListener("resize", calculatePosition);
36
- return () => window.removeEventListener("resize", calculatePosition);
41
+ window.addEventListener("scroll", calculatePosition, true);
42
+ return () => {
43
+ cancelAnimationFrame(raf);
44
+ window.removeEventListener("resize", calculatePosition);
45
+ window.removeEventListener("scroll", calculatePosition, true);
46
+ };
37
47
  }, [calculatePosition, enabled]);
38
48
  return position;
39
49
  };
@@ -64,129 +74,147 @@ var useClickOutside = (refs, handler, enabled = true) => {
64
74
  };
65
75
  var useClickOutside_default = useClickOutside;
66
76
 
77
+ // src/tokens/hooks/Portal.tsx
78
+ import React3 from "react";
79
+ import ReactDOM from "react-dom";
80
+ import { jsx } from "react/jsx-runtime";
81
+ var PortalContainerContext = React3.createContext(null);
82
+ var Portal = ({ children }) => {
83
+ const contextContainer = React3.useContext(PortalContainerContext);
84
+ const [fallback, setFallback] = React3.useState(null);
85
+ React3.useEffect(() => {
86
+ if (!contextContainer) setFallback(document.body);
87
+ }, [contextContainer]);
88
+ const container = contextContainer ?? fallback;
89
+ if (!container) return null;
90
+ return ReactDOM.createPortal(children, container);
91
+ };
92
+ Portal.displayName = "Portal";
93
+ var Portal_default = Portal;
94
+
67
95
  // src/tokens/svg/action/CopyIcon.tsx
68
- import { jsx, jsxs } from "react/jsx-runtime";
96
+ import { jsx as jsx2, jsxs } from "react/jsx-runtime";
69
97
 
70
98
  // src/tokens/svg/action/CropIcon.tsx
71
- import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
99
+ import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
72
100
 
73
101
  // src/tokens/svg/action/DeleteIcon.tsx
74
- import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
102
+ import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
75
103
 
76
104
  // src/tokens/svg/action/DownloadCloudIcon.tsx
77
- import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
105
+ import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
78
106
 
79
107
  // src/tokens/svg/action/DownloadIcon.tsx
80
- import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
108
+ import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
81
109
 
82
110
  // src/tokens/svg/action/Edit2Icon.tsx
83
- import { jsx as jsx6 } from "react/jsx-runtime";
111
+ import { jsx as jsx7 } from "react/jsx-runtime";
84
112
 
85
113
  // src/tokens/svg/action/Edit3Icon.tsx
86
- import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
114
+ import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
87
115
 
88
116
  // src/tokens/svg/action/EditIcon.tsx
89
- import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
117
+ import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
90
118
 
91
119
  // src/tokens/svg/action/ExternalLinkIcon.tsx
92
- import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
120
+ import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
93
121
 
94
122
  // src/tokens/svg/action/FilterIcon.tsx
95
- import { jsx as jsx10 } from "react/jsx-runtime";
123
+ import { jsx as jsx11 } from "react/jsx-runtime";
96
124
 
97
125
  // src/tokens/svg/action/Link2Icon.tsx
98
- import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
126
+ import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
99
127
 
100
128
  // src/tokens/svg/action/LinkIcon.tsx
101
- import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
129
+ import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
102
130
 
103
131
  // src/tokens/svg/action/MoveIcon.tsx
104
- import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
132
+ import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
105
133
 
106
134
  // src/tokens/svg/action/RefreshCcwIcon.tsx
107
- import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
135
+ import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
108
136
 
109
137
  // src/tokens/svg/action/RefreshCwIcon.tsx
110
- import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
138
+ import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
111
139
 
112
140
  // src/tokens/svg/action/RotateCcwIcon.tsx
113
- import { jsx as jsx16 } from "react/jsx-runtime";
141
+ import { jsx as jsx17 } from "react/jsx-runtime";
114
142
 
115
143
  // src/tokens/svg/action/RotateCwIcon.tsx
116
- import { jsx as jsx17 } from "react/jsx-runtime";
144
+ import { jsx as jsx18 } from "react/jsx-runtime";
117
145
 
118
146
  // src/tokens/svg/action/SaveIcon.tsx
119
- import { jsx as jsx18 } from "react/jsx-runtime";
147
+ import { jsx as jsx19 } from "react/jsx-runtime";
120
148
 
121
149
  // src/tokens/svg/action/ScissorsIcon.tsx
122
- import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
150
+ import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
123
151
 
124
152
  // src/tokens/svg/action/SearchIcon.tsx
125
- import { jsx as jsx20 } from "react/jsx-runtime";
153
+ import { jsx as jsx21 } from "react/jsx-runtime";
126
154
 
127
155
  // src/tokens/svg/action/Share2Icon.tsx
128
- import { jsx as jsx21 } from "react/jsx-runtime";
156
+ import { jsx as jsx22 } from "react/jsx-runtime";
129
157
 
130
158
  // src/tokens/svg/action/ShareIcon.tsx
131
- import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
159
+ import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
132
160
 
133
161
  // src/tokens/svg/action/Trash2Icon.tsx
134
- import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
162
+ import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
135
163
 
136
164
  // src/tokens/svg/action/TrashIcon.tsx
137
- import { jsx as jsx24 } from "react/jsx-runtime";
165
+ import { jsx as jsx25 } from "react/jsx-runtime";
138
166
 
139
167
  // src/tokens/svg/action/UploadCloudIcon.tsx
140
- import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
168
+ import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
141
169
 
142
170
  // src/tokens/svg/action/UploadIcon.tsx
143
- import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
171
+ import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
144
172
 
145
173
  // src/tokens/svg/action/ZoomInIcon.tsx
146
- import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
174
+ import { jsx as jsx28, jsxs as jsxs19 } from "react/jsx-runtime";
147
175
 
148
176
  // src/tokens/svg/action/ZoomOutIcon.tsx
149
- import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
177
+ import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
150
178
 
151
179
  // src/tokens/svg/arrow/ArrowDownCircleIcon.tsx
152
- import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
180
+ import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
153
181
 
154
182
  // src/tokens/svg/arrow/ArrowDownIcon.tsx
155
- import { jsx as jsx30 } from "react/jsx-runtime";
183
+ import { jsx as jsx31 } from "react/jsx-runtime";
156
184
 
157
185
  // src/tokens/svg/arrow/ArrowDownLeftIcon.tsx
158
- import { jsx as jsx31 } from "react/jsx-runtime";
186
+ import { jsx as jsx32 } from "react/jsx-runtime";
159
187
 
160
188
  // src/tokens/svg/arrow/ArrowDownRightIcon.tsx
161
- import { jsx as jsx32 } from "react/jsx-runtime";
189
+ import { jsx as jsx33 } from "react/jsx-runtime";
162
190
 
163
191
  // src/tokens/svg/arrow/ArrowLeftCircleIcon.tsx
164
- import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
192
+ import { jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
165
193
 
166
194
  // src/tokens/svg/arrow/ArrowLeftIcon.tsx
167
- import { jsx as jsx34 } from "react/jsx-runtime";
195
+ import { jsx as jsx35 } from "react/jsx-runtime";
168
196
 
169
197
  // src/tokens/svg/arrow/ArrowRightCircleIcon.tsx
170
- import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
198
+ import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
171
199
 
172
200
  // src/tokens/svg/arrow/ArrowRightIcon.tsx
173
- import { jsx as jsx36 } from "react/jsx-runtime";
201
+ import { jsx as jsx37 } from "react/jsx-runtime";
174
202
 
175
203
  // src/tokens/svg/arrow/ArrowUpCircleIcon.tsx
176
- import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
204
+ import { jsx as jsx38, jsxs as jsxs24 } from "react/jsx-runtime";
177
205
 
178
206
  // src/tokens/svg/arrow/ArrowUpIcon.tsx
179
- import { jsx as jsx38 } from "react/jsx-runtime";
207
+ import { jsx as jsx39 } from "react/jsx-runtime";
180
208
 
181
209
  // src/tokens/svg/arrow/ArrowUpLeftIcon.tsx
182
- import { jsx as jsx39 } from "react/jsx-runtime";
210
+ import { jsx as jsx40 } from "react/jsx-runtime";
183
211
 
184
212
  // src/tokens/svg/arrow/ArrowUpRightIcon.tsx
185
- import { jsx as jsx40 } from "react/jsx-runtime";
213
+ import { jsx as jsx41 } from "react/jsx-runtime";
186
214
 
187
215
  // src/tokens/svg/arrow/ChevronDownIcon.tsx
188
- import { jsx as jsx41 } from "react/jsx-runtime";
189
- var ChevronDownIcon = () => /* @__PURE__ */ jsx41(
216
+ import { jsx as jsx42 } from "react/jsx-runtime";
217
+ var ChevronDownIcon = () => /* @__PURE__ */ jsx42(
190
218
  "svg",
191
219
  {
192
220
  xmlns: "http://www.w3.org/2000/svg",
@@ -194,7 +222,7 @@ var ChevronDownIcon = () => /* @__PURE__ */ jsx41(
194
222
  height: "1em",
195
223
  viewBox: "0 0 20 20",
196
224
  fill: "none",
197
- children: /* @__PURE__ */ jsx41(
225
+ children: /* @__PURE__ */ jsx42(
198
226
  "path",
199
227
  {
200
228
  d: "M14.4698 6.96967C14.7627 6.67678 15.2374 6.67678 15.5303 6.96967C15.8232 7.26257 15.8232 7.73734 15.5303 8.03022L10.5303 13.0302C10.2375 13.3231 9.76269 13.3231 9.46979 13.0302L4.46979 8.03022C4.1769 7.73732 4.1769 7.26256 4.46979 6.96967C4.76269 6.67678 5.23745 6.67678 5.53034 6.96967L10.0001 11.4394L14.4698 6.96967Z",
@@ -206,763 +234,763 @@ var ChevronDownIcon = () => /* @__PURE__ */ jsx41(
206
234
  var ChevronDownIcon_default = ChevronDownIcon;
207
235
 
208
236
  // src/tokens/svg/arrow/ChevronLeftIcon.tsx
209
- import { jsx as jsx42 } from "react/jsx-runtime";
237
+ import { jsx as jsx43 } from "react/jsx-runtime";
210
238
 
211
239
  // src/tokens/svg/arrow/ChevronRightIcon.tsx
212
- import { jsx as jsx43 } from "react/jsx-runtime";
240
+ import { jsx as jsx44 } from "react/jsx-runtime";
213
241
 
214
242
  // src/tokens/svg/arrow/ChevronsDownIcon.tsx
215
- import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
243
+ import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
216
244
 
217
245
  // src/tokens/svg/arrow/ChevronsLeftIcon.tsx
218
- import { jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
246
+ import { jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
219
247
 
220
248
  // src/tokens/svg/arrow/ChevronsRightIcon.tsx
221
- import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
249
+ import { jsx as jsx47, jsxs as jsxs27 } from "react/jsx-runtime";
222
250
 
223
251
  // src/tokens/svg/arrow/ChevronsUpIcon.tsx
224
- import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
252
+ import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
225
253
 
226
254
  // src/tokens/svg/arrow/ChevronUpIcon.tsx
227
- import { jsx as jsx48 } from "react/jsx-runtime";
255
+ import { jsx as jsx49 } from "react/jsx-runtime";
228
256
 
229
257
  // src/tokens/svg/arrow/CompassIcon.tsx
230
- import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
258
+ import { jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
231
259
 
232
260
  // src/tokens/svg/arrow/CornerDownLeftIcon.tsx
233
- import { jsx as jsx50 } from "react/jsx-runtime";
261
+ import { jsx as jsx51 } from "react/jsx-runtime";
234
262
 
235
263
  // src/tokens/svg/arrow/CornerDownRightIcon.tsx
236
- import { jsx as jsx51 } from "react/jsx-runtime";
264
+ import { jsx as jsx52 } from "react/jsx-runtime";
237
265
 
238
266
  // src/tokens/svg/arrow/CornerLeftDownIcon.tsx
239
- import { jsx as jsx52 } from "react/jsx-runtime";
267
+ import { jsx as jsx53 } from "react/jsx-runtime";
240
268
 
241
269
  // src/tokens/svg/arrow/CornerLeftUpIcon.tsx
242
- import { jsx as jsx53 } from "react/jsx-runtime";
270
+ import { jsx as jsx54 } from "react/jsx-runtime";
243
271
 
244
272
  // src/tokens/svg/arrow/CornerRightDownIcon.tsx
245
- import { jsx as jsx54 } from "react/jsx-runtime";
273
+ import { jsx as jsx55 } from "react/jsx-runtime";
246
274
 
247
275
  // src/tokens/svg/arrow/CornerRightUpIcon.tsx
248
- import { jsx as jsx55 } from "react/jsx-runtime";
276
+ import { jsx as jsx56 } from "react/jsx-runtime";
249
277
 
250
278
  // src/tokens/svg/arrow/CornerUpLeftIcon.tsx
251
- import { jsx as jsx56 } from "react/jsx-runtime";
279
+ import { jsx as jsx57 } from "react/jsx-runtime";
252
280
 
253
281
  // src/tokens/svg/arrow/CornerUpRightIcon.tsx
254
- import { jsx as jsx57 } from "react/jsx-runtime";
282
+ import { jsx as jsx58 } from "react/jsx-runtime";
255
283
 
256
284
  // src/tokens/svg/arrow/MapIcon.tsx
257
- import { jsx as jsx58, jsxs as jsxs30 } from "react/jsx-runtime";
285
+ import { jsx as jsx59, jsxs as jsxs30 } from "react/jsx-runtime";
258
286
 
259
287
  // src/tokens/svg/arrow/MapPinIcon.tsx
260
- import { jsx as jsx59, jsxs as jsxs31 } from "react/jsx-runtime";
288
+ import { jsx as jsx60, jsxs as jsxs31 } from "react/jsx-runtime";
261
289
 
262
290
  // src/tokens/svg/arrow/Navigation2Icon.tsx
263
- import { jsx as jsx60 } from "react/jsx-runtime";
291
+ import { jsx as jsx61 } from "react/jsx-runtime";
264
292
 
265
293
  // src/tokens/svg/arrow/NavigationIcon.tsx
266
- import { jsx as jsx61 } from "react/jsx-runtime";
294
+ import { jsx as jsx62 } from "react/jsx-runtime";
267
295
 
268
296
  // src/tokens/svg/call/CallActiveIcon.tsx
269
- import { jsx as jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
297
+ import { jsx as jsx63, jsxs as jsxs32 } from "react/jsx-runtime";
270
298
 
271
299
  // src/tokens/svg/call/CallForwardedIcon.tsx
272
- import { jsx as jsx63, jsxs as jsxs33 } from "react/jsx-runtime";
300
+ import { jsx as jsx64, jsxs as jsxs33 } from "react/jsx-runtime";
273
301
 
274
302
  // src/tokens/svg/call/CallIcon.tsx
275
- import { jsx as jsx64 } from "react/jsx-runtime";
303
+ import { jsx as jsx65 } from "react/jsx-runtime";
276
304
 
277
305
  // src/tokens/svg/call/CallIncomingIcon.tsx
278
- import { jsx as jsx65, jsxs as jsxs34 } from "react/jsx-runtime";
306
+ import { jsx as jsx66, jsxs as jsxs34 } from "react/jsx-runtime";
279
307
 
280
308
  // src/tokens/svg/call/CallMissedIcon.tsx
281
- import { jsx as jsx66, jsxs as jsxs35 } from "react/jsx-runtime";
309
+ import { jsx as jsx67, jsxs as jsxs35 } from "react/jsx-runtime";
282
310
 
283
311
  // src/tokens/svg/call/CallOffIcon.tsx
284
- import { jsx as jsx67, jsxs as jsxs36 } from "react/jsx-runtime";
312
+ import { jsx as jsx68, jsxs as jsxs36 } from "react/jsx-runtime";
285
313
 
286
314
  // src/tokens/svg/call/CallOutgoingIcon.tsx
287
- import { jsx as jsx68, jsxs as jsxs37 } from "react/jsx-runtime";
315
+ import { jsx as jsx69, jsxs as jsxs37 } from "react/jsx-runtime";
288
316
 
289
317
  // src/tokens/svg/call/VoicemailIcon.tsx
290
- import { jsx as jsx69 } from "react/jsx-runtime";
318
+ import { jsx as jsx70 } from "react/jsx-runtime";
291
319
 
292
320
  // src/tokens/svg/chart/BarChart2Icon.tsx
293
- import { jsx as jsx70, jsxs as jsxs38 } from "react/jsx-runtime";
321
+ import { jsx as jsx71, jsxs as jsxs38 } from "react/jsx-runtime";
294
322
 
295
323
  // src/tokens/svg/chart/BarChartIcon.tsx
296
- import { jsx as jsx71, jsxs as jsxs39 } from "react/jsx-runtime";
324
+ import { jsx as jsx72, jsxs as jsxs39 } from "react/jsx-runtime";
297
325
 
298
326
  // src/tokens/svg/chart/PieChartIcon.tsx
299
- import { jsx as jsx72, jsxs as jsxs40 } from "react/jsx-runtime";
327
+ import { jsx as jsx73, jsxs as jsxs40 } from "react/jsx-runtime";
300
328
 
301
329
  // src/tokens/svg/chart/TableIcon.tsx
302
- import { jsx as jsx73 } from "react/jsx-runtime";
330
+ import { jsx as jsx74 } from "react/jsx-runtime";
303
331
 
304
332
  // src/tokens/svg/chart/TrendingDownIcon.tsx
305
- import { jsx as jsx74 } from "react/jsx-runtime";
333
+ import { jsx as jsx75 } from "react/jsx-runtime";
306
334
 
307
335
  // src/tokens/svg/chart/TrendingUpIcon.tsx
308
- import { jsx as jsx75 } from "react/jsx-runtime";
336
+ import { jsx as jsx76 } from "react/jsx-runtime";
309
337
 
310
338
  // src/tokens/svg/commerce/CreditCardIcon.tsx
311
- import { jsx as jsx76 } from "react/jsx-runtime";
339
+ import { jsx as jsx77 } from "react/jsx-runtime";
312
340
 
313
341
  // src/tokens/svg/commerce/DollarSignIcon.tsx
314
- import { jsx as jsx77 } from "react/jsx-runtime";
342
+ import { jsx as jsx78 } from "react/jsx-runtime";
315
343
 
316
344
  // src/tokens/svg/commerce/GiftIcon.tsx
317
- import { jsx as jsx78, jsxs as jsxs41 } from "react/jsx-runtime";
345
+ import { jsx as jsx79, jsxs as jsxs41 } from "react/jsx-runtime";
318
346
 
319
347
  // src/tokens/svg/commerce/ShoppingBagIcon.tsx
320
- import { jsx as jsx79, jsxs as jsxs42 } from "react/jsx-runtime";
348
+ import { jsx as jsx80, jsxs as jsxs42 } from "react/jsx-runtime";
321
349
 
322
350
  // src/tokens/svg/commerce/ShoppingCartIcon.tsx
323
- import { jsx as jsx80, jsxs as jsxs43 } from "react/jsx-runtime";
351
+ import { jsx as jsx81, jsxs as jsxs43 } from "react/jsx-runtime";
324
352
 
325
353
  // src/tokens/svg/commerce/TagIcon.tsx
326
- import { jsx as jsx81, jsxs as jsxs44 } from "react/jsx-runtime";
354
+ import { jsx as jsx82, jsxs as jsxs44 } from "react/jsx-runtime";
327
355
 
328
356
  // src/tokens/svg/commerce/TruckIcon.tsx
329
- import { jsx as jsx82 } from "react/jsx-runtime";
357
+ import { jsx as jsx83 } from "react/jsx-runtime";
330
358
 
331
359
  // src/tokens/svg/communication/BellIcon.tsx
332
- import { jsx as jsx83, jsxs as jsxs45 } from "react/jsx-runtime";
360
+ import { jsx as jsx84, jsxs as jsxs45 } from "react/jsx-runtime";
333
361
 
334
362
  // src/tokens/svg/communication/BellOffIcon.tsx
335
- import { jsx as jsx84, jsxs as jsxs46 } from "react/jsx-runtime";
363
+ import { jsx as jsx85, jsxs as jsxs46 } from "react/jsx-runtime";
336
364
 
337
365
  // src/tokens/svg/communication/InboxIcon.tsx
338
- import { jsx as jsx85 } from "react/jsx-runtime";
366
+ import { jsx as jsx86 } from "react/jsx-runtime";
339
367
 
340
368
  // src/tokens/svg/communication/MessageCircleIcon.tsx
341
- import { jsx as jsx86 } from "react/jsx-runtime";
369
+ import { jsx as jsx87 } from "react/jsx-runtime";
342
370
 
343
371
  // src/tokens/svg/communication/MessageSquareIcon.tsx
344
- import { jsx as jsx87 } from "react/jsx-runtime";
372
+ import { jsx as jsx88 } from "react/jsx-runtime";
345
373
 
346
374
  // src/tokens/svg/communication/PaperclipIcon.tsx
347
- import { jsx as jsx88 } from "react/jsx-runtime";
375
+ import { jsx as jsx89 } from "react/jsx-runtime";
348
376
 
349
377
  // src/tokens/svg/communication/SendIcon.tsx
350
- import { jsx as jsx89, jsxs as jsxs47 } from "react/jsx-runtime";
378
+ import { jsx as jsx90, jsxs as jsxs47 } from "react/jsx-runtime";
351
379
 
352
380
  // src/tokens/svg/date/CalendarIcon.tsx
353
- import { jsx as jsx90 } from "react/jsx-runtime";
381
+ import { jsx as jsx91 } from "react/jsx-runtime";
354
382
 
355
383
  // src/tokens/svg/date/CalenderIcon.tsx
356
- import { jsx as jsx91 } from "react/jsx-runtime";
384
+ import { jsx as jsx92 } from "react/jsx-runtime";
357
385
 
358
386
  // src/tokens/svg/date/ClockIcon.tsx
359
- import { jsx as jsx92, jsxs as jsxs48 } from "react/jsx-runtime";
387
+ import { jsx as jsx93, jsxs as jsxs48 } from "react/jsx-runtime";
360
388
 
361
389
  // src/tokens/svg/date/SunriseIcon.tsx
362
- import { jsx as jsx93, jsxs as jsxs49 } from "react/jsx-runtime";
390
+ import { jsx as jsx94, jsxs as jsxs49 } from "react/jsx-runtime";
363
391
 
364
392
  // src/tokens/svg/date/SunsetIcon.tsx
365
- import { jsx as jsx94, jsxs as jsxs50 } from "react/jsx-runtime";
393
+ import { jsx as jsx95, jsxs as jsxs50 } from "react/jsx-runtime";
366
394
 
367
395
  // src/tokens/svg/dev/CodeIcon.tsx
368
- import { jsx as jsx95, jsxs as jsxs51 } from "react/jsx-runtime";
396
+ import { jsx as jsx96, jsxs as jsxs51 } from "react/jsx-runtime";
369
397
 
370
398
  // src/tokens/svg/dev/GitBranchIcon.tsx
371
- import { jsx as jsx96 } from "react/jsx-runtime";
399
+ import { jsx as jsx97 } from "react/jsx-runtime";
372
400
 
373
401
  // src/tokens/svg/dev/GitCommitIcon.tsx
374
- import { jsx as jsx97 } from "react/jsx-runtime";
402
+ import { jsx as jsx98 } from "react/jsx-runtime";
375
403
 
376
404
  // src/tokens/svg/dev/GitMergeIcon.tsx
377
- import { jsx as jsx98 } from "react/jsx-runtime";
405
+ import { jsx as jsx99 } from "react/jsx-runtime";
378
406
 
379
407
  // src/tokens/svg/dev/GitPullRequestIcon.tsx
380
- import { jsx as jsx99, jsxs as jsxs52 } from "react/jsx-runtime";
408
+ import { jsx as jsx100, jsxs as jsxs52 } from "react/jsx-runtime";
381
409
 
382
410
  // src/tokens/svg/dev/TerminalIcon.tsx
383
- import { jsx as jsx100, jsxs as jsxs53 } from "react/jsx-runtime";
411
+ import { jsx as jsx101, jsxs as jsxs53 } from "react/jsx-runtime";
384
412
 
385
413
  // src/tokens/svg/device/BatteryChargingIcon.tsx
386
- import { jsx as jsx101, jsxs as jsxs54 } from "react/jsx-runtime";
414
+ import { jsx as jsx102, jsxs as jsxs54 } from "react/jsx-runtime";
387
415
 
388
416
  // src/tokens/svg/device/BatteryIcon.tsx
389
- import { jsx as jsx102, jsxs as jsxs55 } from "react/jsx-runtime";
417
+ import { jsx as jsx103, jsxs as jsxs55 } from "react/jsx-runtime";
390
418
 
391
419
  // src/tokens/svg/device/BluetoothIcon.tsx
392
- import { jsx as jsx103 } from "react/jsx-runtime";
420
+ import { jsx as jsx104 } from "react/jsx-runtime";
393
421
 
394
422
  // src/tokens/svg/device/CommandIcon.tsx
395
- import { jsx as jsx104 } from "react/jsx-runtime";
423
+ import { jsx as jsx105 } from "react/jsx-runtime";
396
424
 
397
425
  // src/tokens/svg/device/CpuIcon.tsx
398
- import { jsx as jsx105, jsxs as jsxs56 } from "react/jsx-runtime";
426
+ import { jsx as jsx106, jsxs as jsxs56 } from "react/jsx-runtime";
399
427
 
400
428
  // src/tokens/svg/device/DatabaseIcon.tsx
401
- import { jsx as jsx106 } from "react/jsx-runtime";
429
+ import { jsx as jsx107 } from "react/jsx-runtime";
402
430
 
403
431
  // src/tokens/svg/device/HardDriveIcon.tsx
404
- import { jsx as jsx107, jsxs as jsxs57 } from "react/jsx-runtime";
432
+ import { jsx as jsx108, jsxs as jsxs57 } from "react/jsx-runtime";
405
433
 
406
434
  // src/tokens/svg/device/MonitorIcon.tsx
407
- import { jsx as jsx108 } from "react/jsx-runtime";
435
+ import { jsx as jsx109 } from "react/jsx-runtime";
408
436
 
409
437
  // src/tokens/svg/device/PrinterIcon.tsx
410
- import { jsx as jsx109, jsxs as jsxs58 } from "react/jsx-runtime";
438
+ import { jsx as jsx110, jsxs as jsxs58 } from "react/jsx-runtime";
411
439
 
412
440
  // src/tokens/svg/device/ServerIcon.tsx
413
- import { jsx as jsx110, jsxs as jsxs59 } from "react/jsx-runtime";
441
+ import { jsx as jsx111, jsxs as jsxs59 } from "react/jsx-runtime";
414
442
 
415
443
  // src/tokens/svg/device/SmartphoneIcon.tsx
416
- import { jsx as jsx111, jsxs as jsxs60 } from "react/jsx-runtime";
444
+ import { jsx as jsx112, jsxs as jsxs60 } from "react/jsx-runtime";
417
445
 
418
446
  // src/tokens/svg/device/TabletIcon.tsx
419
- import { jsx as jsx112, jsxs as jsxs61 } from "react/jsx-runtime";
447
+ import { jsx as jsx113, jsxs as jsxs61 } from "react/jsx-runtime";
420
448
 
421
449
  // src/tokens/svg/device/TvIcon.tsx
422
- import { jsx as jsx113, jsxs as jsxs62 } from "react/jsx-runtime";
450
+ import { jsx as jsx114, jsxs as jsxs62 } from "react/jsx-runtime";
423
451
 
424
452
  // src/tokens/svg/device/WatchIcon.tsx
425
- import { jsx as jsx114, jsxs as jsxs63 } from "react/jsx-runtime";
453
+ import { jsx as jsx115, jsxs as jsxs63 } from "react/jsx-runtime";
426
454
 
427
455
  // src/tokens/svg/device/WifiIcon.tsx
428
- import { jsx as jsx115, jsxs as jsxs64 } from "react/jsx-runtime";
456
+ import { jsx as jsx116, jsxs as jsxs64 } from "react/jsx-runtime";
429
457
 
430
458
  // src/tokens/svg/device/WifiOffIcon.tsx
431
- import { jsx as jsx116, jsxs as jsxs65 } from "react/jsx-runtime";
459
+ import { jsx as jsx117, jsxs as jsxs65 } from "react/jsx-runtime";
432
460
 
433
461
  // src/tokens/svg/edit/AlignCenterIcon.tsx
434
- import { jsx as jsx117, jsxs as jsxs66 } from "react/jsx-runtime";
462
+ import { jsx as jsx118, jsxs as jsxs66 } from "react/jsx-runtime";
435
463
 
436
464
  // src/tokens/svg/edit/AlignJustifyIcon.tsx
437
- import { jsx as jsx118, jsxs as jsxs67 } from "react/jsx-runtime";
465
+ import { jsx as jsx119, jsxs as jsxs67 } from "react/jsx-runtime";
438
466
 
439
467
  // src/tokens/svg/edit/AlignLeftIcon.tsx
440
- import { jsx as jsx119, jsxs as jsxs68 } from "react/jsx-runtime";
468
+ import { jsx as jsx120, jsxs as jsxs68 } from "react/jsx-runtime";
441
469
 
442
470
  // src/tokens/svg/edit/AlignRightIcon.tsx
443
- import { jsx as jsx120, jsxs as jsxs69 } from "react/jsx-runtime";
471
+ import { jsx as jsx121, jsxs as jsxs69 } from "react/jsx-runtime";
444
472
 
445
473
  // src/tokens/svg/edit/BoldIcon.tsx
446
- import { jsx as jsx121 } from "react/jsx-runtime";
474
+ import { jsx as jsx122 } from "react/jsx-runtime";
447
475
 
448
476
  // src/tokens/svg/edit/ItalicIcon.tsx
449
- import { jsx as jsx122 } from "react/jsx-runtime";
477
+ import { jsx as jsx123 } from "react/jsx-runtime";
450
478
 
451
479
  // src/tokens/svg/edit/PenToolIcon.tsx
452
- import { jsx as jsx123, jsxs as jsxs70 } from "react/jsx-runtime";
480
+ import { jsx as jsx124, jsxs as jsxs70 } from "react/jsx-runtime";
453
481
 
454
482
  // src/tokens/svg/edit/TypeIcon.tsx
455
- import { jsx as jsx124 } from "react/jsx-runtime";
483
+ import { jsx as jsx125 } from "react/jsx-runtime";
456
484
 
457
485
  // src/tokens/svg/edit/UnderlineIcon.tsx
458
- import { jsx as jsx125, jsxs as jsxs71 } from "react/jsx-runtime";
486
+ import { jsx as jsx126, jsxs as jsxs71 } from "react/jsx-runtime";
459
487
 
460
488
  // src/tokens/svg/file/ArchiveIcon.tsx
461
- import { jsx as jsx126, jsxs as jsxs72 } from "react/jsx-runtime";
489
+ import { jsx as jsx127, jsxs as jsxs72 } from "react/jsx-runtime";
462
490
 
463
491
  // src/tokens/svg/file/BookIcon.tsx
464
- import { jsx as jsx127 } from "react/jsx-runtime";
492
+ import { jsx as jsx128 } from "react/jsx-runtime";
465
493
 
466
494
  // src/tokens/svg/file/BookmarkIcon.tsx
467
- import { jsx as jsx128 } from "react/jsx-runtime";
495
+ import { jsx as jsx129 } from "react/jsx-runtime";
468
496
 
469
497
  // src/tokens/svg/file/BookOpenIcon.tsx
470
- import { jsx as jsx129 } from "react/jsx-runtime";
498
+ import { jsx as jsx130 } from "react/jsx-runtime";
471
499
 
472
500
  // src/tokens/svg/file/ClipboardIcon.tsx
473
- import { jsx as jsx130 } from "react/jsx-runtime";
501
+ import { jsx as jsx131 } from "react/jsx-runtime";
474
502
 
475
503
  // src/tokens/svg/file/FileIcon.tsx
476
- import { jsx as jsx131 } from "react/jsx-runtime";
504
+ import { jsx as jsx132 } from "react/jsx-runtime";
477
505
 
478
506
  // src/tokens/svg/file/FileMinusIcon.tsx
479
- import { jsx as jsx132, jsxs as jsxs73 } from "react/jsx-runtime";
507
+ import { jsx as jsx133, jsxs as jsxs73 } from "react/jsx-runtime";
480
508
 
481
509
  // src/tokens/svg/file/FilePlusIcon.tsx
482
- import { jsx as jsx133, jsxs as jsxs74 } from "react/jsx-runtime";
510
+ import { jsx as jsx134, jsxs as jsxs74 } from "react/jsx-runtime";
483
511
 
484
512
  // src/tokens/svg/file/FileTextIcon.tsx
485
- import { jsx as jsx134, jsxs as jsxs75 } from "react/jsx-runtime";
513
+ import { jsx as jsx135, jsxs as jsxs75 } from "react/jsx-runtime";
486
514
 
487
515
  // src/tokens/svg/file/FolderIcon.tsx
488
- import { jsx as jsx135 } from "react/jsx-runtime";
516
+ import { jsx as jsx136 } from "react/jsx-runtime";
489
517
 
490
518
  // src/tokens/svg/file/FolderMinusIcon.tsx
491
- import { jsx as jsx136, jsxs as jsxs76 } from "react/jsx-runtime";
519
+ import { jsx as jsx137, jsxs as jsxs76 } from "react/jsx-runtime";
492
520
 
493
521
  // src/tokens/svg/file/FolderPlusIcon.tsx
494
- import { jsx as jsx137, jsxs as jsxs77 } from "react/jsx-runtime";
522
+ import { jsx as jsx138, jsxs as jsxs77 } from "react/jsx-runtime";
495
523
 
496
524
  // src/tokens/svg/file/PackageIcon.tsx
497
- import { jsx as jsx138 } from "react/jsx-runtime";
525
+ import { jsx as jsx139 } from "react/jsx-runtime";
498
526
 
499
527
  // src/tokens/svg/form/CheckSquareIcon.tsx
500
- import { jsx as jsx139, jsxs as jsxs78 } from "react/jsx-runtime";
528
+ import { jsx as jsx140, jsxs as jsxs78 } from "react/jsx-runtime";
501
529
 
502
530
  // src/tokens/svg/form/CloseEyeIcon.tsx
503
- import { jsx as jsx140, jsxs as jsxs79 } from "react/jsx-runtime";
531
+ import { jsx as jsx141, jsxs as jsxs79 } from "react/jsx-runtime";
504
532
 
505
533
  // src/tokens/svg/form/EyeIcon.tsx
506
- import { jsx as jsx141, jsxs as jsxs80 } from "react/jsx-runtime";
534
+ import { jsx as jsx142, jsxs as jsxs80 } from "react/jsx-runtime";
507
535
 
508
536
  // src/tokens/svg/form/EyeOffIcon.tsx
509
- import { jsx as jsx142, jsxs as jsxs81 } from "react/jsx-runtime";
537
+ import { jsx as jsx143, jsxs as jsxs81 } from "react/jsx-runtime";
510
538
 
511
539
  // src/tokens/svg/form/OpenEyeIcon.tsx
512
- import { jsx as jsx143, jsxs as jsxs82 } from "react/jsx-runtime";
540
+ import { jsx as jsx144, jsxs as jsxs82 } from "react/jsx-runtime";
513
541
 
514
542
  // src/tokens/svg/form/SettingsIcon.tsx
515
- import { jsx as jsx144, jsxs as jsxs83 } from "react/jsx-runtime";
543
+ import { jsx as jsx145, jsxs as jsxs83 } from "react/jsx-runtime";
516
544
 
517
545
  // src/tokens/svg/form/SlidersIcon.tsx
518
- import { jsx as jsx145, jsxs as jsxs84 } from "react/jsx-runtime";
546
+ import { jsx as jsx146, jsxs as jsxs84 } from "react/jsx-runtime";
519
547
 
520
548
  // src/tokens/svg/form/ToggleLeftIcon.tsx
521
- import { jsx as jsx146, jsxs as jsxs85 } from "react/jsx-runtime";
549
+ import { jsx as jsx147, jsxs as jsxs85 } from "react/jsx-runtime";
522
550
 
523
551
  // src/tokens/svg/form/ToggleRightIcon.tsx
524
- import { jsx as jsx147, jsxs as jsxs86 } from "react/jsx-runtime";
552
+ import { jsx as jsx148, jsxs as jsxs86 } from "react/jsx-runtime";
525
553
 
526
554
  // src/tokens/svg/layout/ColumnsIcon.tsx
527
- import { jsx as jsx148 } from "react/jsx-runtime";
555
+ import { jsx as jsx149 } from "react/jsx-runtime";
528
556
 
529
557
  // src/tokens/svg/layout/GridIcon.tsx
530
- import { jsx as jsx149, jsxs as jsxs87 } from "react/jsx-runtime";
558
+ import { jsx as jsx150, jsxs as jsxs87 } from "react/jsx-runtime";
531
559
 
532
560
  // src/tokens/svg/layout/LayoutIcon.tsx
533
- import { jsx as jsx150 } from "react/jsx-runtime";
561
+ import { jsx as jsx151 } from "react/jsx-runtime";
534
562
 
535
563
  // src/tokens/svg/layout/ListIcon.tsx
536
- import { jsx as jsx151, jsxs as jsxs88 } from "react/jsx-runtime";
564
+ import { jsx as jsx152, jsxs as jsxs88 } from "react/jsx-runtime";
537
565
 
538
566
  // src/tokens/svg/layout/Maximize2Icon.tsx
539
- import { jsx as jsx152, jsxs as jsxs89 } from "react/jsx-runtime";
567
+ import { jsx as jsx153, jsxs as jsxs89 } from "react/jsx-runtime";
540
568
 
541
569
  // src/tokens/svg/layout/MaximizeIcon.tsx
542
- import { jsx as jsx153, jsxs as jsxs90 } from "react/jsx-runtime";
570
+ import { jsx as jsx154, jsxs as jsxs90 } from "react/jsx-runtime";
543
571
 
544
572
  // src/tokens/svg/layout/MenuIcon.tsx
545
- import { jsx as jsx154, jsxs as jsxs91 } from "react/jsx-runtime";
573
+ import { jsx as jsx155, jsxs as jsxs91 } from "react/jsx-runtime";
546
574
 
547
575
  // src/tokens/svg/layout/Minimize2Icon.tsx
548
- import { jsx as jsx155, jsxs as jsxs92 } from "react/jsx-runtime";
576
+ import { jsx as jsx156, jsxs as jsxs92 } from "react/jsx-runtime";
549
577
 
550
578
  // src/tokens/svg/layout/MinimizeIcon.tsx
551
- import { jsx as jsx156, jsxs as jsxs93 } from "react/jsx-runtime";
579
+ import { jsx as jsx157, jsxs as jsxs93 } from "react/jsx-runtime";
552
580
 
553
581
  // src/tokens/svg/layout/MoreHorizontalIcon.tsx
554
- import { jsx as jsx157, jsxs as jsxs94 } from "react/jsx-runtime";
582
+ import { jsx as jsx158, jsxs as jsxs94 } from "react/jsx-runtime";
555
583
 
556
584
  // src/tokens/svg/layout/MoreVerticalIcon.tsx
557
- import { jsx as jsx158, jsxs as jsxs95 } from "react/jsx-runtime";
585
+ import { jsx as jsx159, jsxs as jsxs95 } from "react/jsx-runtime";
558
586
 
559
587
  // src/tokens/svg/layout/SidebarIcon.tsx
560
- import { jsx as jsx159 } from "react/jsx-runtime";
588
+ import { jsx as jsx160 } from "react/jsx-runtime";
561
589
 
562
590
  // src/tokens/svg/media/AirplayIcon.tsx
563
- import { jsx as jsx160, jsxs as jsxs96 } from "react/jsx-runtime";
591
+ import { jsx as jsx161, jsxs as jsxs96 } from "react/jsx-runtime";
564
592
 
565
593
  // src/tokens/svg/media/CameraIcon.tsx
566
- import { jsx as jsx161, jsxs as jsxs97 } from "react/jsx-runtime";
594
+ import { jsx as jsx162, jsxs as jsxs97 } from "react/jsx-runtime";
567
595
 
568
596
  // src/tokens/svg/media/CameraOffIcon.tsx
569
- import { jsx as jsx162, jsxs as jsxs98 } from "react/jsx-runtime";
597
+ import { jsx as jsx163, jsxs as jsxs98 } from "react/jsx-runtime";
570
598
 
571
599
  // src/tokens/svg/media/CastIcon.tsx
572
- import { jsx as jsx163, jsxs as jsxs99 } from "react/jsx-runtime";
600
+ import { jsx as jsx164, jsxs as jsxs99 } from "react/jsx-runtime";
573
601
 
574
602
  // src/tokens/svg/media/DiscIcon.tsx
575
- import { jsx as jsx164, jsxs as jsxs100 } from "react/jsx-runtime";
603
+ import { jsx as jsx165, jsxs as jsxs100 } from "react/jsx-runtime";
576
604
 
577
605
  // src/tokens/svg/media/FastForwardIcon.tsx
578
- import { jsx as jsx165, jsxs as jsxs101 } from "react/jsx-runtime";
606
+ import { jsx as jsx166, jsxs as jsxs101 } from "react/jsx-runtime";
579
607
 
580
608
  // src/tokens/svg/media/FilmIcon.tsx
581
- import { jsx as jsx166, jsxs as jsxs102 } from "react/jsx-runtime";
609
+ import { jsx as jsx167, jsxs as jsxs102 } from "react/jsx-runtime";
582
610
 
583
611
  // src/tokens/svg/media/HeadphonesIcon.tsx
584
- import { jsx as jsx167 } from "react/jsx-runtime";
612
+ import { jsx as jsx168 } from "react/jsx-runtime";
585
613
 
586
614
  // src/tokens/svg/media/ImageIcon.tsx
587
- import { jsx as jsx168, jsxs as jsxs103 } from "react/jsx-runtime";
615
+ import { jsx as jsx169, jsxs as jsxs103 } from "react/jsx-runtime";
588
616
 
589
617
  // src/tokens/svg/media/MicIcon.tsx
590
- import { jsx as jsx169, jsxs as jsxs104 } from "react/jsx-runtime";
618
+ import { jsx as jsx170, jsxs as jsxs104 } from "react/jsx-runtime";
591
619
 
592
620
  // src/tokens/svg/media/MicOffIcon.tsx
593
- import { jsx as jsx170, jsxs as jsxs105 } from "react/jsx-runtime";
621
+ import { jsx as jsx171, jsxs as jsxs105 } from "react/jsx-runtime";
594
622
 
595
623
  // src/tokens/svg/media/MusicIcon.tsx
596
- import { jsx as jsx171 } from "react/jsx-runtime";
624
+ import { jsx as jsx172 } from "react/jsx-runtime";
597
625
 
598
626
  // src/tokens/svg/media/PauseCircleIcon.tsx
599
- import { jsx as jsx172, jsxs as jsxs106 } from "react/jsx-runtime";
627
+ import { jsx as jsx173, jsxs as jsxs106 } from "react/jsx-runtime";
600
628
 
601
629
  // src/tokens/svg/media/PauseIcon.tsx
602
- import { jsx as jsx173, jsxs as jsxs107 } from "react/jsx-runtime";
630
+ import { jsx as jsx174, jsxs as jsxs107 } from "react/jsx-runtime";
603
631
 
604
632
  // src/tokens/svg/media/PlayCircleIcon.tsx
605
- import { jsx as jsx174, jsxs as jsxs108 } from "react/jsx-runtime";
633
+ import { jsx as jsx175, jsxs as jsxs108 } from "react/jsx-runtime";
606
634
 
607
635
  // src/tokens/svg/media/PlayIcon.tsx
608
- import { jsx as jsx175 } from "react/jsx-runtime";
636
+ import { jsx as jsx176 } from "react/jsx-runtime";
609
637
 
610
638
  // src/tokens/svg/media/RepeatIcon.tsx
611
- import { jsx as jsx176, jsxs as jsxs109 } from "react/jsx-runtime";
639
+ import { jsx as jsx177, jsxs as jsxs109 } from "react/jsx-runtime";
612
640
 
613
641
  // src/tokens/svg/media/RewindIcon.tsx
614
- import { jsx as jsx177, jsxs as jsxs110 } from "react/jsx-runtime";
642
+ import { jsx as jsx178, jsxs as jsxs110 } from "react/jsx-runtime";
615
643
 
616
644
  // src/tokens/svg/media/SkipBackIcon.tsx
617
- import { jsx as jsx178, jsxs as jsxs111 } from "react/jsx-runtime";
645
+ import { jsx as jsx179, jsxs as jsxs111 } from "react/jsx-runtime";
618
646
 
619
647
  // src/tokens/svg/media/SkipForwardIcon.tsx
620
- import { jsx as jsx179, jsxs as jsxs112 } from "react/jsx-runtime";
648
+ import { jsx as jsx180, jsxs as jsxs112 } from "react/jsx-runtime";
621
649
 
622
650
  // src/tokens/svg/media/SpeakerIcon.tsx
623
- import { jsx as jsx180, jsxs as jsxs113 } from "react/jsx-runtime";
651
+ import { jsx as jsx181, jsxs as jsxs113 } from "react/jsx-runtime";
624
652
 
625
653
  // src/tokens/svg/media/StopCircleIcon.tsx
626
- import { jsx as jsx181, jsxs as jsxs114 } from "react/jsx-runtime";
654
+ import { jsx as jsx182, jsxs as jsxs114 } from "react/jsx-runtime";
627
655
 
628
656
  // src/tokens/svg/media/VideoIcon.tsx
629
- import { jsx as jsx182 } from "react/jsx-runtime";
657
+ import { jsx as jsx183 } from "react/jsx-runtime";
630
658
 
631
659
  // src/tokens/svg/media/VideoOffIcon.tsx
632
- import { jsx as jsx183, jsxs as jsxs115 } from "react/jsx-runtime";
660
+ import { jsx as jsx184, jsxs as jsxs115 } from "react/jsx-runtime";
633
661
 
634
662
  // src/tokens/svg/media/Volume1Icon.tsx
635
- import { jsx as jsx184, jsxs as jsxs116 } from "react/jsx-runtime";
663
+ import { jsx as jsx185, jsxs as jsxs116 } from "react/jsx-runtime";
636
664
 
637
665
  // src/tokens/svg/media/Volume2Icon.tsx
638
- import { jsx as jsx185, jsxs as jsxs117 } from "react/jsx-runtime";
666
+ import { jsx as jsx186, jsxs as jsxs117 } from "react/jsx-runtime";
639
667
 
640
668
  // src/tokens/svg/media/VolumeIcon.tsx
641
- import { jsx as jsx186 } from "react/jsx-runtime";
669
+ import { jsx as jsx187 } from "react/jsx-runtime";
642
670
 
643
671
  // src/tokens/svg/media/VolumeXIcon.tsx
644
- import { jsx as jsx187, jsxs as jsxs118 } from "react/jsx-runtime";
672
+ import { jsx as jsx188, jsxs as jsxs118 } from "react/jsx-runtime";
645
673
 
646
674
  // src/tokens/svg/misc/AnchorIcon.tsx
647
- import { jsx as jsx188, jsxs as jsxs119 } from "react/jsx-runtime";
675
+ import { jsx as jsx189, jsxs as jsxs119 } from "react/jsx-runtime";
648
676
 
649
677
  // src/tokens/svg/misc/ApertureIcon.tsx
650
- import { jsx as jsx189, jsxs as jsxs120 } from "react/jsx-runtime";
678
+ import { jsx as jsx190, jsxs as jsxs120 } from "react/jsx-runtime";
651
679
 
652
680
  // src/tokens/svg/misc/AwardIcon.tsx
653
- import { jsx as jsx190 } from "react/jsx-runtime";
681
+ import { jsx as jsx191 } from "react/jsx-runtime";
654
682
 
655
683
  // src/tokens/svg/misc/BoxIcon.tsx
656
- import { jsx as jsx191 } from "react/jsx-runtime";
684
+ import { jsx as jsx192 } from "react/jsx-runtime";
657
685
 
658
686
  // src/tokens/svg/misc/BriefcaseIcon.tsx
659
- import { jsx as jsx192 } from "react/jsx-runtime";
687
+ import { jsx as jsx193 } from "react/jsx-runtime";
660
688
 
661
689
  // src/tokens/svg/misc/CoffeeIcon.tsx
662
- import { jsx as jsx193, jsxs as jsxs121 } from "react/jsx-runtime";
690
+ import { jsx as jsx194, jsxs as jsxs121 } from "react/jsx-runtime";
663
691
 
664
692
  // src/tokens/svg/misc/CrosshairIcon.tsx
665
- import { jsx as jsx194, jsxs as jsxs122 } from "react/jsx-runtime";
693
+ import { jsx as jsx195, jsxs as jsxs122 } from "react/jsx-runtime";
666
694
 
667
695
  // src/tokens/svg/misc/FeatherIcon.tsx
668
- import { jsx as jsx195, jsxs as jsxs123 } from "react/jsx-runtime";
696
+ import { jsx as jsx196, jsxs as jsxs123 } from "react/jsx-runtime";
669
697
 
670
698
  // src/tokens/svg/misc/FlagIcon.tsx
671
- import { jsx as jsx196 } from "react/jsx-runtime";
699
+ import { jsx as jsx197 } from "react/jsx-runtime";
672
700
 
673
701
  // src/tokens/svg/misc/FrownIcon.tsx
674
- import { jsx as jsx197, jsxs as jsxs124 } from "react/jsx-runtime";
702
+ import { jsx as jsx198, jsxs as jsxs124 } from "react/jsx-runtime";
675
703
 
676
704
  // src/tokens/svg/misc/GlobeIcon.tsx
677
- import { jsx as jsx198, jsxs as jsxs125 } from "react/jsx-runtime";
705
+ import { jsx as jsx199, jsxs as jsxs125 } from "react/jsx-runtime";
678
706
 
679
707
  // src/tokens/svg/misc/HeartIcon.tsx
680
- import { jsx as jsx199 } from "react/jsx-runtime";
708
+ import { jsx as jsx200 } from "react/jsx-runtime";
681
709
 
682
710
  // src/tokens/svg/misc/HomeIcon.tsx
683
- import { jsx as jsx200 } from "react/jsx-runtime";
711
+ import { jsx as jsx201 } from "react/jsx-runtime";
684
712
 
685
713
  // src/tokens/svg/misc/LayersIcon.tsx
686
- import { jsx as jsx201, jsxs as jsxs126 } from "react/jsx-runtime";
714
+ import { jsx as jsx202, jsxs as jsxs126 } from "react/jsx-runtime";
687
715
 
688
716
  // src/tokens/svg/misc/LifeBuoyIcon.tsx
689
- import { jsx as jsx202, jsxs as jsxs127 } from "react/jsx-runtime";
717
+ import { jsx as jsx203, jsxs as jsxs127 } from "react/jsx-runtime";
690
718
 
691
719
  // src/tokens/svg/misc/MehIcon.tsx
692
- import { jsx as jsx203, jsxs as jsxs128 } from "react/jsx-runtime";
720
+ import { jsx as jsx204, jsxs as jsxs128 } from "react/jsx-runtime";
693
721
 
694
722
  // src/tokens/svg/misc/MousePointerIcon.tsx
695
- import { jsx as jsx204 } from "react/jsx-runtime";
723
+ import { jsx as jsx205 } from "react/jsx-runtime";
696
724
 
697
725
  // src/tokens/svg/misc/PocketIcon.tsx
698
- import { jsx as jsx205, jsxs as jsxs129 } from "react/jsx-runtime";
726
+ import { jsx as jsx206, jsxs as jsxs129 } from "react/jsx-runtime";
699
727
 
700
728
  // src/tokens/svg/misc/PowerIcon.tsx
701
- import { jsx as jsx206, jsxs as jsxs130 } from "react/jsx-runtime";
729
+ import { jsx as jsx207, jsxs as jsxs130 } from "react/jsx-runtime";
702
730
 
703
731
  // src/tokens/svg/misc/RadioIcon.tsx
704
- import { jsx as jsx207, jsxs as jsxs131 } from "react/jsx-runtime";
732
+ import { jsx as jsx208, jsxs as jsxs131 } from "react/jsx-runtime";
705
733
 
706
734
  // src/tokens/svg/misc/ShieldIcon.tsx
707
- import { jsx as jsx208 } from "react/jsx-runtime";
735
+ import { jsx as jsx209 } from "react/jsx-runtime";
708
736
 
709
737
  // src/tokens/svg/misc/ShieldOffIcon.tsx
710
- import { jsx as jsx209, jsxs as jsxs132 } from "react/jsx-runtime";
738
+ import { jsx as jsx210, jsxs as jsxs132 } from "react/jsx-runtime";
711
739
 
712
740
  // src/tokens/svg/misc/ShuffleIcon.tsx
713
- import { jsx as jsx210, jsxs as jsxs133 } from "react/jsx-runtime";
741
+ import { jsx as jsx211, jsxs as jsxs133 } from "react/jsx-runtime";
714
742
 
715
743
  // src/tokens/svg/misc/SmileIcon.tsx
716
- import { jsx as jsx211, jsxs as jsxs134 } from "react/jsx-runtime";
744
+ import { jsx as jsx212, jsxs as jsxs134 } from "react/jsx-runtime";
717
745
 
718
746
  // src/tokens/svg/misc/StarIcon.tsx
719
- import { jsx as jsx212 } from "react/jsx-runtime";
747
+ import { jsx as jsx213 } from "react/jsx-runtime";
720
748
 
721
749
  // src/tokens/svg/misc/TargetIcon.tsx
722
- import { jsx as jsx213, jsxs as jsxs135 } from "react/jsx-runtime";
750
+ import { jsx as jsx214, jsxs as jsxs135 } from "react/jsx-runtime";
723
751
 
724
752
  // src/tokens/svg/misc/ThumbsDownIcon.tsx
725
- import { jsx as jsx214 } from "react/jsx-runtime";
753
+ import { jsx as jsx215 } from "react/jsx-runtime";
726
754
 
727
755
  // src/tokens/svg/misc/ThumbsUpIcon.tsx
728
- import { jsx as jsx215 } from "react/jsx-runtime";
756
+ import { jsx as jsx216 } from "react/jsx-runtime";
729
757
 
730
758
  // src/tokens/svg/misc/ToolIcon.tsx
731
- import { jsx as jsx216 } from "react/jsx-runtime";
759
+ import { jsx as jsx217 } from "react/jsx-runtime";
732
760
 
733
761
  // src/tokens/svg/misc/ZapIcon.tsx
734
- import { jsx as jsx217 } from "react/jsx-runtime";
762
+ import { jsx as jsx218 } from "react/jsx-runtime";
735
763
 
736
764
  // src/tokens/svg/misc/ZapOffIcon.tsx
737
- import { jsx as jsx218, jsxs as jsxs136 } from "react/jsx-runtime";
765
+ import { jsx as jsx219, jsxs as jsxs136 } from "react/jsx-runtime";
738
766
 
739
767
  // src/tokens/svg/shape/AtSignIcon.tsx
740
- import { jsx as jsx219, jsxs as jsxs137 } from "react/jsx-runtime";
768
+ import { jsx as jsx220, jsxs as jsxs137 } from "react/jsx-runtime";
741
769
 
742
770
  // src/tokens/svg/shape/CircleIcon.tsx
743
- import { jsx as jsx220, jsxs as jsxs138 } from "react/jsx-runtime";
771
+ import { jsx as jsx221, jsxs as jsxs138 } from "react/jsx-runtime";
744
772
 
745
773
  // src/tokens/svg/shape/DivideCircleIcon.tsx
746
- import { jsx as jsx221, jsxs as jsxs139 } from "react/jsx-runtime";
774
+ import { jsx as jsx222, jsxs as jsxs139 } from "react/jsx-runtime";
747
775
 
748
776
  // src/tokens/svg/shape/DivideIcon.tsx
749
- import { jsx as jsx222, jsxs as jsxs140 } from "react/jsx-runtime";
777
+ import { jsx as jsx223, jsxs as jsxs140 } from "react/jsx-runtime";
750
778
 
751
779
  // src/tokens/svg/shape/DivideSquareIcon.tsx
752
- import { jsx as jsx223, jsxs as jsxs141 } from "react/jsx-runtime";
780
+ import { jsx as jsx224, jsxs as jsxs141 } from "react/jsx-runtime";
753
781
 
754
782
  // src/tokens/svg/shape/HashIcon.tsx
755
- import { jsx as jsx224 } from "react/jsx-runtime";
783
+ import { jsx as jsx225 } from "react/jsx-runtime";
756
784
 
757
785
  // src/tokens/svg/shape/HexagonIcon.tsx
758
- import { jsx as jsx225 } from "react/jsx-runtime";
786
+ import { jsx as jsx226 } from "react/jsx-runtime";
759
787
 
760
788
  // src/tokens/svg/shape/OctagonIcon.tsx
761
- import { jsx as jsx226, jsxs as jsxs142 } from "react/jsx-runtime";
789
+ import { jsx as jsx227, jsxs as jsxs142 } from "react/jsx-runtime";
762
790
 
763
791
  // src/tokens/svg/shape/PercentIcon.tsx
764
- import { jsx as jsx227, jsxs as jsxs143 } from "react/jsx-runtime";
792
+ import { jsx as jsx228, jsxs as jsxs143 } from "react/jsx-runtime";
765
793
 
766
794
  // src/tokens/svg/shape/SlashIcon.tsx
767
- import { jsx as jsx228, jsxs as jsxs144 } from "react/jsx-runtime";
795
+ import { jsx as jsx229, jsxs as jsxs144 } from "react/jsx-runtime";
768
796
 
769
797
  // src/tokens/svg/shape/SquareIcon.tsx
770
- import { jsx as jsx229 } from "react/jsx-runtime";
798
+ import { jsx as jsx230 } from "react/jsx-runtime";
771
799
 
772
800
  // src/tokens/svg/shape/TriangleIcon.tsx
773
- import { jsx as jsx230 } from "react/jsx-runtime";
801
+ import { jsx as jsx231 } from "react/jsx-runtime";
774
802
 
775
803
  // src/tokens/svg/social/ChromeIcon.tsx
776
- import { jsx as jsx231, jsxs as jsxs145 } from "react/jsx-runtime";
804
+ import { jsx as jsx232, jsxs as jsxs145 } from "react/jsx-runtime";
777
805
 
778
806
  // src/tokens/svg/social/CodepenIcon.tsx
779
- import { jsx as jsx232, jsxs as jsxs146 } from "react/jsx-runtime";
807
+ import { jsx as jsx233, jsxs as jsxs146 } from "react/jsx-runtime";
780
808
 
781
809
  // src/tokens/svg/social/CodesandboxIcon.tsx
782
- import { jsx as jsx233 } from "react/jsx-runtime";
810
+ import { jsx as jsx234 } from "react/jsx-runtime";
783
811
 
784
812
  // src/tokens/svg/social/DribbbleIcon.tsx
785
- import { jsx as jsx234, jsxs as jsxs147 } from "react/jsx-runtime";
813
+ import { jsx as jsx235, jsxs as jsxs147 } from "react/jsx-runtime";
786
814
 
787
815
  // src/tokens/svg/social/FacebookIcon.tsx
788
- import { jsx as jsx235 } from "react/jsx-runtime";
816
+ import { jsx as jsx236 } from "react/jsx-runtime";
789
817
 
790
818
  // src/tokens/svg/social/FigmaIcon.tsx
791
- import { jsx as jsx236 } from "react/jsx-runtime";
819
+ import { jsx as jsx237 } from "react/jsx-runtime";
792
820
 
793
821
  // src/tokens/svg/social/FramerIcon.tsx
794
- import { jsx as jsx237 } from "react/jsx-runtime";
822
+ import { jsx as jsx238 } from "react/jsx-runtime";
795
823
 
796
824
  // src/tokens/svg/social/GithubIcon.tsx
797
- import { jsx as jsx238 } from "react/jsx-runtime";
825
+ import { jsx as jsx239 } from "react/jsx-runtime";
798
826
 
799
827
  // src/tokens/svg/social/GitlabIcon.tsx
800
- import { jsx as jsx239, jsxs as jsxs148 } from "react/jsx-runtime";
828
+ import { jsx as jsx240, jsxs as jsxs148 } from "react/jsx-runtime";
801
829
 
802
830
  // src/tokens/svg/social/InstagramIcon.tsx
803
- import { jsx as jsx240, jsxs as jsxs149 } from "react/jsx-runtime";
831
+ import { jsx as jsx241, jsxs as jsxs149 } from "react/jsx-runtime";
804
832
 
805
833
  // src/tokens/svg/social/LinkedinIcon.tsx
806
- import { jsx as jsx241, jsxs as jsxs150 } from "react/jsx-runtime";
834
+ import { jsx as jsx242, jsxs as jsxs150 } from "react/jsx-runtime";
807
835
 
808
836
  // src/tokens/svg/social/RssIcon.tsx
809
- import { jsx as jsx242, jsxs as jsxs151 } from "react/jsx-runtime";
837
+ import { jsx as jsx243, jsxs as jsxs151 } from "react/jsx-runtime";
810
838
 
811
839
  // src/tokens/svg/social/SlackIcon.tsx
812
- import { jsx as jsx243, jsxs as jsxs152 } from "react/jsx-runtime";
840
+ import { jsx as jsx244, jsxs as jsxs152 } from "react/jsx-runtime";
813
841
 
814
842
  // src/tokens/svg/social/TrelloIcon.tsx
815
- import { jsx as jsx244, jsxs as jsxs153 } from "react/jsx-runtime";
843
+ import { jsx as jsx245, jsxs as jsxs153 } from "react/jsx-runtime";
816
844
 
817
845
  // src/tokens/svg/social/TwitchIcon.tsx
818
- import { jsx as jsx245, jsxs as jsxs154 } from "react/jsx-runtime";
846
+ import { jsx as jsx246, jsxs as jsxs154 } from "react/jsx-runtime";
819
847
 
820
848
  // src/tokens/svg/social/TwitterIcon.tsx
821
- import { jsx as jsx246 } from "react/jsx-runtime";
849
+ import { jsx as jsx247 } from "react/jsx-runtime";
822
850
 
823
851
  // src/tokens/svg/social/YoutubeIcon.tsx
824
- import { jsx as jsx247, jsxs as jsxs155 } from "react/jsx-runtime";
852
+ import { jsx as jsx248, jsxs as jsxs155 } from "react/jsx-runtime";
825
853
 
826
854
  // src/tokens/svg/status/ActivityIcon.tsx
827
- import { jsx as jsx248 } from "react/jsx-runtime";
855
+ import { jsx as jsx249 } from "react/jsx-runtime";
828
856
 
829
857
  // src/tokens/svg/status/AlertCircleIcon.tsx
830
- import { jsx as jsx249, jsxs as jsxs156 } from "react/jsx-runtime";
858
+ import { jsx as jsx250, jsxs as jsxs156 } from "react/jsx-runtime";
831
859
 
832
860
  // src/tokens/svg/status/AlertOctagonIcon.tsx
833
- import { jsx as jsx250, jsxs as jsxs157 } from "react/jsx-runtime";
861
+ import { jsx as jsx251, jsxs as jsxs157 } from "react/jsx-runtime";
834
862
 
835
863
  // src/tokens/svg/status/AlertTriangleIcon.tsx
836
- import { jsx as jsx251, jsxs as jsxs158 } from "react/jsx-runtime";
864
+ import { jsx as jsx252, jsxs as jsxs158 } from "react/jsx-runtime";
837
865
 
838
866
  // src/tokens/svg/status/CheckCircleIcon.tsx
839
- import { jsx as jsx252, jsxs as jsxs159 } from "react/jsx-runtime";
867
+ import { jsx as jsx253, jsxs as jsxs159 } from "react/jsx-runtime";
840
868
 
841
869
  // src/tokens/svg/status/CheckIcon.tsx
842
- import { jsx as jsx253 } from "react/jsx-runtime";
870
+ import { jsx as jsx254 } from "react/jsx-runtime";
843
871
 
844
872
  // src/tokens/svg/status/ErrorIcon.tsx
845
- import { jsx as jsx254, jsxs as jsxs160 } from "react/jsx-runtime";
873
+ import { jsx as jsx255, jsxs as jsxs160 } from "react/jsx-runtime";
846
874
 
847
875
  // src/tokens/svg/status/HelpCircleIcon.tsx
848
- import { jsx as jsx255, jsxs as jsxs161 } from "react/jsx-runtime";
876
+ import { jsx as jsx256, jsxs as jsxs161 } from "react/jsx-runtime";
849
877
 
850
878
  // src/tokens/svg/status/InfoIcon.tsx
851
- import { jsx as jsx256, jsxs as jsxs162 } from "react/jsx-runtime";
879
+ import { jsx as jsx257, jsxs as jsxs162 } from "react/jsx-runtime";
852
880
 
853
881
  // src/tokens/svg/status/LoaderIcon.tsx
854
- import { jsx as jsx257, jsxs as jsxs163 } from "react/jsx-runtime";
882
+ import { jsx as jsx258, jsxs as jsxs163 } from "react/jsx-runtime";
855
883
 
856
884
  // src/tokens/svg/status/MinusCircleIcon.tsx
857
- import { jsx as jsx258, jsxs as jsxs164 } from "react/jsx-runtime";
885
+ import { jsx as jsx259, jsxs as jsxs164 } from "react/jsx-runtime";
858
886
 
859
887
  // src/tokens/svg/status/MinusIcon.tsx
860
- import { jsx as jsx259 } from "react/jsx-runtime";
888
+ import { jsx as jsx260 } from "react/jsx-runtime";
861
889
 
862
890
  // src/tokens/svg/status/MinusSquareIcon.tsx
863
- import { jsx as jsx260, jsxs as jsxs165 } from "react/jsx-runtime";
891
+ import { jsx as jsx261, jsxs as jsxs165 } from "react/jsx-runtime";
864
892
 
865
893
  // src/tokens/svg/status/PlusCircleIcon.tsx
866
- import { jsx as jsx261, jsxs as jsxs166 } from "react/jsx-runtime";
894
+ import { jsx as jsx262, jsxs as jsxs166 } from "react/jsx-runtime";
867
895
 
868
896
  // src/tokens/svg/status/PlusIcon.tsx
869
- import { jsx as jsx262 } from "react/jsx-runtime";
897
+ import { jsx as jsx263 } from "react/jsx-runtime";
870
898
 
871
899
  // src/tokens/svg/status/PlusSquareIcon.tsx
872
- import { jsx as jsx263, jsxs as jsxs167 } from "react/jsx-runtime";
900
+ import { jsx as jsx264, jsxs as jsxs167 } from "react/jsx-runtime";
873
901
 
874
902
  // src/tokens/svg/status/SuccessIcon.tsx
875
- import { jsx as jsx264 } from "react/jsx-runtime";
903
+ import { jsx as jsx265 } from "react/jsx-runtime";
876
904
 
877
905
  // src/tokens/svg/status/XCircleIcon.tsx
878
- import { jsx as jsx265, jsxs as jsxs168 } from "react/jsx-runtime";
906
+ import { jsx as jsx266, jsxs as jsxs168 } from "react/jsx-runtime";
879
907
 
880
908
  // src/tokens/svg/status/XIcon.tsx
881
- import { jsx as jsx266 } from "react/jsx-runtime";
909
+ import { jsx as jsx267 } from "react/jsx-runtime";
882
910
 
883
911
  // src/tokens/svg/status/XOctagonIcon.tsx
884
- import { jsx as jsx267, jsxs as jsxs169 } from "react/jsx-runtime";
912
+ import { jsx as jsx268, jsxs as jsxs169 } from "react/jsx-runtime";
885
913
 
886
914
  // src/tokens/svg/status/XSquareIcon.tsx
887
- import { jsx as jsx268, jsxs as jsxs170 } from "react/jsx-runtime";
915
+ import { jsx as jsx269, jsxs as jsxs170 } from "react/jsx-runtime";
888
916
 
889
917
  // src/tokens/svg/user/GierIcon.tsx
890
- import { jsx as jsx269, jsxs as jsxs171 } from "react/jsx-runtime";
918
+ import { jsx as jsx270, jsxs as jsxs171 } from "react/jsx-runtime";
891
919
 
892
920
  // src/tokens/svg/user/KeyIcon.tsx
893
- import { jsx as jsx270 } from "react/jsx-runtime";
921
+ import { jsx as jsx271 } from "react/jsx-runtime";
894
922
 
895
923
  // src/tokens/svg/user/LockIcon.tsx
896
- import { jsx as jsx271 } from "react/jsx-runtime";
924
+ import { jsx as jsx272 } from "react/jsx-runtime";
897
925
 
898
926
  // src/tokens/svg/user/LogInIcon.tsx
899
- import { jsx as jsx272, jsxs as jsxs172 } from "react/jsx-runtime";
927
+ import { jsx as jsx273, jsxs as jsxs172 } from "react/jsx-runtime";
900
928
 
901
929
  // src/tokens/svg/user/LogOutIcon.tsx
902
- import { jsx as jsx273, jsxs as jsxs173 } from "react/jsx-runtime";
930
+ import { jsx as jsx274, jsxs as jsxs173 } from "react/jsx-runtime";
903
931
 
904
932
  // src/tokens/svg/user/MailIcon.tsx
905
- import { jsx as jsx274 } from "react/jsx-runtime";
933
+ import { jsx as jsx275 } from "react/jsx-runtime";
906
934
 
907
935
  // src/tokens/svg/user/ProfileIcon.tsx
908
- import { jsx as jsx275, jsxs as jsxs174 } from "react/jsx-runtime";
936
+ import { jsx as jsx276, jsxs as jsxs174 } from "react/jsx-runtime";
909
937
 
910
938
  // src/tokens/svg/user/UnlockIcon.tsx
911
- import { jsx as jsx276 } from "react/jsx-runtime";
939
+ import { jsx as jsx277 } from "react/jsx-runtime";
912
940
 
913
941
  // src/tokens/svg/user/UserCheckIcon.tsx
914
- import { jsx as jsx277, jsxs as jsxs175 } from "react/jsx-runtime";
942
+ import { jsx as jsx278, jsxs as jsxs175 } from "react/jsx-runtime";
915
943
 
916
944
  // src/tokens/svg/user/UserIcon.tsx
917
- import { jsx as jsx278, jsxs as jsxs176 } from "react/jsx-runtime";
945
+ import { jsx as jsx279, jsxs as jsxs176 } from "react/jsx-runtime";
918
946
 
919
947
  // src/tokens/svg/user/UserMinusIcon.tsx
920
- import { jsx as jsx279, jsxs as jsxs177 } from "react/jsx-runtime";
948
+ import { jsx as jsx280, jsxs as jsxs177 } from "react/jsx-runtime";
921
949
 
922
950
  // src/tokens/svg/user/UserPlusIcon.tsx
923
- import { jsx as jsx280, jsxs as jsxs178 } from "react/jsx-runtime";
951
+ import { jsx as jsx281, jsxs as jsxs178 } from "react/jsx-runtime";
924
952
 
925
953
  // src/tokens/svg/user/UsersIcon.tsx
926
- import { jsx as jsx281, jsxs as jsxs179 } from "react/jsx-runtime";
954
+ import { jsx as jsx282, jsxs as jsxs179 } from "react/jsx-runtime";
927
955
 
928
956
  // src/tokens/svg/user/UserXIcon.tsx
929
- import { jsx as jsx282, jsxs as jsxs180 } from "react/jsx-runtime";
957
+ import { jsx as jsx283, jsxs as jsxs180 } from "react/jsx-runtime";
930
958
 
931
959
  // src/tokens/svg/weather/CloudDrizzleIcon.tsx
932
- import { jsx as jsx283, jsxs as jsxs181 } from "react/jsx-runtime";
960
+ import { jsx as jsx284, jsxs as jsxs181 } from "react/jsx-runtime";
933
961
 
934
962
  // src/tokens/svg/weather/CloudIcon.tsx
935
- import { jsx as jsx284 } from "react/jsx-runtime";
963
+ import { jsx as jsx285 } from "react/jsx-runtime";
936
964
 
937
965
  // src/tokens/svg/weather/CloudLightningIcon.tsx
938
- import { jsx as jsx285, jsxs as jsxs182 } from "react/jsx-runtime";
966
+ import { jsx as jsx286, jsxs as jsxs182 } from "react/jsx-runtime";
939
967
 
940
968
  // src/tokens/svg/weather/CloudOffIcon.tsx
941
- import { jsx as jsx286, jsxs as jsxs183 } from "react/jsx-runtime";
969
+ import { jsx as jsx287, jsxs as jsxs183 } from "react/jsx-runtime";
942
970
 
943
971
  // src/tokens/svg/weather/CloudRainIcon.tsx
944
- import { jsx as jsx287, jsxs as jsxs184 } from "react/jsx-runtime";
972
+ import { jsx as jsx288, jsxs as jsxs184 } from "react/jsx-runtime";
945
973
 
946
974
  // src/tokens/svg/weather/CloudSnowIcon.tsx
947
- import { jsx as jsx288, jsxs as jsxs185 } from "react/jsx-runtime";
975
+ import { jsx as jsx289, jsxs as jsxs185 } from "react/jsx-runtime";
948
976
 
949
977
  // src/tokens/svg/weather/DropletIcon.tsx
950
- import { jsx as jsx289 } from "react/jsx-runtime";
978
+ import { jsx as jsx290 } from "react/jsx-runtime";
951
979
 
952
980
  // src/tokens/svg/weather/MoonIcon.tsx
953
- import { jsx as jsx290 } from "react/jsx-runtime";
981
+ import { jsx as jsx291 } from "react/jsx-runtime";
954
982
 
955
983
  // src/tokens/svg/weather/SunIcon.tsx
956
- import { jsx as jsx291, jsxs as jsxs186 } from "react/jsx-runtime";
984
+ import { jsx as jsx292, jsxs as jsxs186 } from "react/jsx-runtime";
957
985
 
958
986
  // src/tokens/svg/weather/ThermometerIcon.tsx
959
- import { jsx as jsx292 } from "react/jsx-runtime";
987
+ import { jsx as jsx293 } from "react/jsx-runtime";
960
988
 
961
989
  // src/tokens/svg/weather/UmbrellaIcon.tsx
962
- import { jsx as jsx293, jsxs as jsxs187 } from "react/jsx-runtime";
990
+ import { jsx as jsx294, jsxs as jsxs187 } from "react/jsx-runtime";
963
991
 
964
992
  // src/tokens/svg/weather/WindIcon.tsx
965
- import { jsx as jsx294, jsxs as jsxs188 } from "react/jsx-runtime";
993
+ import { jsx as jsx295, jsxs as jsxs188 } from "react/jsx-runtime";
966
994
 
967
995
  // ../../node_modules/clsx/dist/clsx.mjs
968
996
  function r(e) {
@@ -981,16 +1009,16 @@ function clsx() {
981
1009
  var clsx_default = clsx;
982
1010
 
983
1011
  // src/components/Select/context.ts
984
- import React3 from "react";
985
- var SelectContext = React3.createContext(null);
1012
+ import React4 from "react";
1013
+ var SelectContext = React4.createContext(null);
986
1014
  var context_default = SelectContext;
987
1015
 
988
1016
  // src/components/Select/SelectItem.tsx
989
- import React4 from "react";
990
- import { jsx as jsx295 } from "react/jsx-runtime";
1017
+ import React5 from "react";
1018
+ import { jsx as jsx296 } from "react/jsx-runtime";
991
1019
  var SelectItem = (props) => {
992
1020
  const { children, value, onClick, disabled = false } = props;
993
- const ctx = React4.useContext(context_default);
1021
+ const ctx = React5.useContext(context_default);
994
1022
  const handleClick = (e) => {
995
1023
  e.preventDefault();
996
1024
  e.stopPropagation();
@@ -999,7 +1027,7 @@ var SelectItem = (props) => {
999
1027
  ctx?.close();
1000
1028
  onClick?.();
1001
1029
  };
1002
- return /* @__PURE__ */ jsx295(
1030
+ return /* @__PURE__ */ jsx296(
1003
1031
  "div",
1004
1032
  {
1005
1033
  className: clsx_default("select-item", disabled && "disabled"),
@@ -1020,7 +1048,7 @@ SelectItem.displayName = "Select.Item";
1020
1048
  var SelectItem_default = SelectItem;
1021
1049
 
1022
1050
  // src/components/Select/Select.tsx
1023
- import { jsx as jsx296, jsxs as jsxs189 } from "react/jsx-runtime";
1051
+ import { jsx as jsx297, jsxs as jsxs189 } from "react/jsx-runtime";
1024
1052
  var ANIMATION_DURATION_MS = 200;
1025
1053
  var SelectRoot = (props) => {
1026
1054
  const {
@@ -1032,26 +1060,26 @@ var SelectRoot = (props) => {
1032
1060
  error = false,
1033
1061
  size = "md"
1034
1062
  } = props;
1035
- const itemChildren = React5.Children.toArray(children).filter(
1036
- (child) => React5.isValidElement(child) && child.type === SelectItem_default
1063
+ const itemChildren = React6.Children.toArray(children).filter(
1064
+ (child) => React6.isValidElement(child) && child.type === SelectItem_default
1037
1065
  );
1038
1066
  const isControlled = valueProp !== void 0;
1039
- const [isOpen, setOpen] = React5.useState(false);
1040
- const [uncontrolledLabel, setUncontrolledLabel] = React5.useState(null);
1041
- const controlledLabel = React5.useMemo(() => {
1067
+ const [isOpen, setOpen] = React6.useState(false);
1068
+ const [uncontrolledLabel, setUncontrolledLabel] = React6.useState(null);
1069
+ const controlledLabel = React6.useMemo(() => {
1042
1070
  if (!isControlled) return null;
1043
1071
  const match = itemChildren.find((child) => child.props.value === valueProp);
1044
1072
  return match ? match.props.children : null;
1045
1073
  }, [isControlled, valueProp, itemChildren]);
1046
1074
  const selectedLabel = isControlled ? controlledLabel : uncontrolledLabel;
1047
- const triggerRef = React5.useRef(null);
1048
- const contentRef = React5.useRef(null);
1049
- const [mounted, setMounted] = React5.useState(false);
1050
- const [visible, setVisible] = React5.useState(false);
1051
- React5.useEffect(() => {
1075
+ const triggerRef = React6.useRef(null);
1076
+ const contentRef = React6.useRef(null);
1077
+ const [mounted, setMounted] = React6.useState(false);
1078
+ const [visible, setVisible] = React6.useState(false);
1079
+ React6.useEffect(() => {
1052
1080
  if (disabled && isOpen) setOpen(false);
1053
1081
  }, [disabled, isOpen]);
1054
- React5.useEffect(() => {
1082
+ React6.useEffect(() => {
1055
1083
  if (isOpen) {
1056
1084
  setMounted(true);
1057
1085
  const t2 = setTimeout(() => setVisible(true), 1);
@@ -1061,12 +1089,12 @@ var SelectRoot = (props) => {
1061
1089
  const t = setTimeout(() => setMounted(false), ANIMATION_DURATION_MS);
1062
1090
  return () => clearTimeout(t);
1063
1091
  }, [isOpen]);
1064
- const open = React5.useCallback(() => setOpen(true), []);
1065
- const close = React5.useCallback(() => setOpen(false), []);
1066
- const toggle = React5.useCallback(() => setOpen((prev) => !prev), []);
1092
+ const open = React6.useCallback(() => setOpen(true), []);
1093
+ const close = React6.useCallback(() => setOpen(false), []);
1094
+ const toggle = React6.useCallback(() => setOpen((prev) => !prev), []);
1067
1095
  useClickOutside_default([contentRef, triggerRef], close, isOpen);
1068
1096
  const position = useAutoPosition_default(triggerRef, contentRef, mounted);
1069
- const setSelected = React5.useCallback(
1097
+ const setSelected = React6.useCallback(
1070
1098
  (label, itemValue) => {
1071
1099
  if (!isControlled) {
1072
1100
  setUncontrolledLabel(label);
@@ -1075,7 +1103,7 @@ var SelectRoot = (props) => {
1075
1103
  },
1076
1104
  [isControlled, onChange]
1077
1105
  );
1078
- const ctxValue = React5.useMemo(
1106
+ const ctxValue = React6.useMemo(
1079
1107
  () => ({
1080
1108
  isOpen,
1081
1109
  mounted,
@@ -1096,7 +1124,7 @@ var SelectRoot = (props) => {
1096
1124
  if (disabled) return;
1097
1125
  toggle();
1098
1126
  };
1099
- return /* @__PURE__ */ jsx296(context_default.Provider, { value: ctxValue, children: /* @__PURE__ */ jsxs189(
1127
+ return /* @__PURE__ */ jsx297(context_default.Provider, { value: ctxValue, children: /* @__PURE__ */ jsxs189(
1100
1128
  "div",
1101
1129
  {
1102
1130
  className: clsx_default(
@@ -1131,7 +1159,7 @@ var SelectRoot = (props) => {
1131
1159
  }
1132
1160
  },
1133
1161
  children: [
1134
- /* @__PURE__ */ jsx296(
1162
+ /* @__PURE__ */ jsx297(
1135
1163
  "span",
1136
1164
  {
1137
1165
  className: clsx_default(
@@ -1141,27 +1169,27 @@ var SelectRoot = (props) => {
1141
1169
  children: selectedLabel ?? placeholder
1142
1170
  }
1143
1171
  ),
1144
- /* @__PURE__ */ jsx296(
1172
+ /* @__PURE__ */ jsx297(
1145
1173
  "span",
1146
1174
  {
1147
1175
  className: clsx_default("select-trigger-icon", isOpen && "open"),
1148
1176
  "aria-hidden": true,
1149
- children: /* @__PURE__ */ jsx296(ChevronDownIcon_default, {})
1177
+ children: /* @__PURE__ */ jsx297(ChevronDownIcon_default, {})
1150
1178
  }
1151
1179
  )
1152
1180
  ]
1153
1181
  }
1154
1182
  ),
1155
- mounted && /* @__PURE__ */ jsx296(
1183
+ mounted && /* @__PURE__ */ jsx297(Portal_default, { children: /* @__PURE__ */ jsx297(
1156
1184
  "div",
1157
1185
  {
1158
- className: clsx_default("select-content", position.direction, stateClass),
1186
+ className: clsx_default("lib-xplat-select-content", position.direction, stateClass),
1159
1187
  ref: contentRef,
1160
- style: { ...position.position },
1188
+ style: { ...position.position, minWidth: position.position.width },
1161
1189
  role: "listbox",
1162
- children: itemChildren
1190
+ children: /* @__PURE__ */ jsx297(context_default.Provider, { value: ctxValue, children: itemChildren })
1163
1191
  }
1164
- )
1192
+ ) })
1165
1193
  ]
1166
1194
  }
1167
1195
  ) });