@x-plat/design-system 0.8.0 → 0.8.1
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/components/DatePicker/index.cjs +388 -400
- package/dist/components/DatePicker/index.css +3 -0
- package/dist/components/DatePicker/index.js +375 -387
- package/dist/components/Dropdown/index.cjs +21 -26
- package/dist/components/Dropdown/index.js +20 -25
- package/dist/components/Modal/index.cjs +18 -28
- package/dist/components/Modal/index.css +3 -0
- package/dist/components/Modal/index.js +17 -27
- package/dist/components/PopOver/index.cjs +18 -23
- package/dist/components/PopOver/index.js +17 -22
- package/dist/components/Select/index.cjs +337 -342
- package/dist/components/Select/index.js +336 -341
- package/dist/components/Tooltip/index.cjs +27 -32
- package/dist/components/Tooltip/index.js +26 -31
- package/dist/components/index.cjs +467 -471
- package/dist/components/index.css +3 -0
- package/dist/components/index.js +418 -422
- package/dist/index.cjs +491 -495
- package/dist/index.css +3 -0
- package/dist/index.js +440 -444
- package/package.json +1 -1
|
@@ -36,30 +36,25 @@ __export(Select_exports, {
|
|
|
36
36
|
module.exports = __toCommonJS(Select_exports);
|
|
37
37
|
|
|
38
38
|
// src/components/Select/Select.tsx
|
|
39
|
-
var
|
|
39
|
+
var import_react5 = __toESM(require("react"), 1);
|
|
40
40
|
|
|
41
41
|
// src/tokens/hooks/Portal.tsx
|
|
42
|
-
var import_react = __toESM(require("react"), 1);
|
|
43
42
|
var import_react_dom = __toESM(require("react-dom"), 1);
|
|
44
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
45
|
-
var PortalContainerContext = import_react.default.createContext(null);
|
|
46
43
|
var Portal = ({ children }) => {
|
|
47
|
-
const contextContainer = import_react.default.useContext(PortalContainerContext);
|
|
48
44
|
if (typeof document === "undefined") return null;
|
|
49
|
-
|
|
50
|
-
return import_react_dom.default.createPortal(children, container);
|
|
45
|
+
return import_react_dom.default.createPortal(children, document.body);
|
|
51
46
|
};
|
|
52
47
|
Portal.displayName = "Portal";
|
|
53
48
|
var Portal_default = Portal;
|
|
54
49
|
|
|
55
50
|
// src/tokens/hooks/useAutoPosition.ts
|
|
56
|
-
var
|
|
51
|
+
var import_react = __toESM(require("react"), 1);
|
|
57
52
|
var useAutoPosition = (triggerRef, popRef, enabled = true) => {
|
|
58
|
-
const [position, setPosition] =
|
|
53
|
+
const [position, setPosition] = import_react.default.useState({
|
|
59
54
|
position: {},
|
|
60
55
|
direction: "bottom"
|
|
61
56
|
});
|
|
62
|
-
const calculatePosition =
|
|
57
|
+
const calculatePosition = import_react.default.useCallback(() => {
|
|
63
58
|
if (!triggerRef.current || !popRef.current) return;
|
|
64
59
|
const triggerRect = triggerRef.current.getBoundingClientRect();
|
|
65
60
|
const popW = popRef.current.offsetWidth;
|
|
@@ -86,13 +81,13 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
|
|
|
86
81
|
direction
|
|
87
82
|
});
|
|
88
83
|
}, [triggerRef, popRef]);
|
|
89
|
-
|
|
84
|
+
import_react.default.useLayoutEffect(() => {
|
|
90
85
|
if (!enabled) return;
|
|
91
86
|
calculatePosition();
|
|
92
87
|
const raf = requestAnimationFrame(calculatePosition);
|
|
93
88
|
return () => cancelAnimationFrame(raf);
|
|
94
89
|
}, [calculatePosition, enabled]);
|
|
95
|
-
|
|
90
|
+
import_react.default.useEffect(() => {
|
|
96
91
|
if (!enabled || !popRef.current) return;
|
|
97
92
|
const observer = new ResizeObserver(() => {
|
|
98
93
|
calculatePosition();
|
|
@@ -100,7 +95,7 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
|
|
|
100
95
|
observer.observe(popRef.current);
|
|
101
96
|
return () => observer.disconnect();
|
|
102
97
|
}, [calculatePosition, enabled, popRef]);
|
|
103
|
-
|
|
98
|
+
import_react.default.useEffect(() => {
|
|
104
99
|
if (!enabled) return;
|
|
105
100
|
window.addEventListener("resize", calculatePosition);
|
|
106
101
|
window.addEventListener("scroll", calculatePosition, true);
|
|
@@ -114,9 +109,9 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
|
|
|
114
109
|
var useAutoPosition_default = useAutoPosition;
|
|
115
110
|
|
|
116
111
|
// src/tokens/hooks/useClickOutside.ts
|
|
117
|
-
var
|
|
112
|
+
var import_react2 = __toESM(require("react"), 1);
|
|
118
113
|
var useClickOutside = (refs, handler, enabled = true) => {
|
|
119
|
-
|
|
114
|
+
import_react2.default.useEffect(() => {
|
|
120
115
|
if (!enabled) return;
|
|
121
116
|
const refArray = Array.isArray(refs) ? refs : [refs];
|
|
122
117
|
const listener = (event) => {
|
|
@@ -139,128 +134,128 @@ var useClickOutside = (refs, handler, enabled = true) => {
|
|
|
139
134
|
var useClickOutside_default = useClickOutside;
|
|
140
135
|
|
|
141
136
|
// src/tokens/svg/action/CopyIcon.tsx
|
|
142
|
-
var
|
|
137
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
143
138
|
|
|
144
139
|
// src/tokens/svg/action/CropIcon.tsx
|
|
145
|
-
var
|
|
140
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
146
141
|
|
|
147
142
|
// src/tokens/svg/action/DeleteIcon.tsx
|
|
148
|
-
var
|
|
143
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
149
144
|
|
|
150
145
|
// src/tokens/svg/action/DownloadCloudIcon.tsx
|
|
151
|
-
var
|
|
146
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
152
147
|
|
|
153
148
|
// src/tokens/svg/action/DownloadIcon.tsx
|
|
154
|
-
var
|
|
149
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
155
150
|
|
|
156
151
|
// src/tokens/svg/action/Edit2Icon.tsx
|
|
157
|
-
var
|
|
152
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
158
153
|
|
|
159
154
|
// src/tokens/svg/action/Edit3Icon.tsx
|
|
160
|
-
var
|
|
155
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
161
156
|
|
|
162
157
|
// src/tokens/svg/action/EditIcon.tsx
|
|
163
|
-
var
|
|
158
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
164
159
|
|
|
165
160
|
// src/tokens/svg/action/ExternalLinkIcon.tsx
|
|
166
|
-
var
|
|
161
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
167
162
|
|
|
168
163
|
// src/tokens/svg/action/FilterIcon.tsx
|
|
169
|
-
var
|
|
164
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
170
165
|
|
|
171
166
|
// src/tokens/svg/action/Link2Icon.tsx
|
|
172
|
-
var
|
|
167
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
173
168
|
|
|
174
169
|
// src/tokens/svg/action/LinkIcon.tsx
|
|
175
|
-
var
|
|
170
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
176
171
|
|
|
177
172
|
// src/tokens/svg/action/MoveIcon.tsx
|
|
178
|
-
var
|
|
173
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
179
174
|
|
|
180
175
|
// src/tokens/svg/action/RefreshCcwIcon.tsx
|
|
181
|
-
var
|
|
176
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
182
177
|
|
|
183
178
|
// src/tokens/svg/action/RefreshCwIcon.tsx
|
|
184
|
-
var
|
|
179
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
185
180
|
|
|
186
181
|
// src/tokens/svg/action/RotateCcwIcon.tsx
|
|
187
|
-
var
|
|
182
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
188
183
|
|
|
189
184
|
// src/tokens/svg/action/RotateCwIcon.tsx
|
|
190
|
-
var
|
|
185
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
191
186
|
|
|
192
187
|
// src/tokens/svg/action/SaveIcon.tsx
|
|
193
|
-
var
|
|
188
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
194
189
|
|
|
195
190
|
// src/tokens/svg/action/ScissorsIcon.tsx
|
|
196
|
-
var
|
|
191
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
197
192
|
|
|
198
193
|
// src/tokens/svg/action/SearchIcon.tsx
|
|
199
|
-
var
|
|
194
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
200
195
|
|
|
201
196
|
// src/tokens/svg/action/Share2Icon.tsx
|
|
202
|
-
var
|
|
197
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
203
198
|
|
|
204
199
|
// src/tokens/svg/action/ShareIcon.tsx
|
|
205
|
-
var
|
|
200
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
206
201
|
|
|
207
202
|
// src/tokens/svg/action/Trash2Icon.tsx
|
|
208
|
-
var
|
|
203
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
209
204
|
|
|
210
205
|
// src/tokens/svg/action/TrashIcon.tsx
|
|
211
|
-
var
|
|
206
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
212
207
|
|
|
213
208
|
// src/tokens/svg/action/UploadCloudIcon.tsx
|
|
214
|
-
var
|
|
209
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
215
210
|
|
|
216
211
|
// src/tokens/svg/action/UploadIcon.tsx
|
|
217
|
-
var
|
|
212
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
218
213
|
|
|
219
214
|
// src/tokens/svg/action/ZoomInIcon.tsx
|
|
220
|
-
var
|
|
215
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
221
216
|
|
|
222
217
|
// src/tokens/svg/action/ZoomOutIcon.tsx
|
|
223
|
-
var
|
|
218
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
224
219
|
|
|
225
220
|
// src/tokens/svg/arrow/ArrowDownCircleIcon.tsx
|
|
226
|
-
var
|
|
221
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
227
222
|
|
|
228
223
|
// src/tokens/svg/arrow/ArrowDownIcon.tsx
|
|
229
|
-
var
|
|
224
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
230
225
|
|
|
231
226
|
// src/tokens/svg/arrow/ArrowDownLeftIcon.tsx
|
|
232
|
-
var
|
|
227
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
233
228
|
|
|
234
229
|
// src/tokens/svg/arrow/ArrowDownRightIcon.tsx
|
|
235
|
-
var
|
|
230
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
236
231
|
|
|
237
232
|
// src/tokens/svg/arrow/ArrowLeftCircleIcon.tsx
|
|
238
|
-
var
|
|
233
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
239
234
|
|
|
240
235
|
// src/tokens/svg/arrow/ArrowLeftIcon.tsx
|
|
241
|
-
var
|
|
236
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
242
237
|
|
|
243
238
|
// src/tokens/svg/arrow/ArrowRightCircleIcon.tsx
|
|
244
|
-
var
|
|
239
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
245
240
|
|
|
246
241
|
// src/tokens/svg/arrow/ArrowRightIcon.tsx
|
|
247
|
-
var
|
|
242
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
248
243
|
|
|
249
244
|
// src/tokens/svg/arrow/ArrowUpCircleIcon.tsx
|
|
250
|
-
var
|
|
245
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
251
246
|
|
|
252
247
|
// src/tokens/svg/arrow/ArrowUpIcon.tsx
|
|
253
|
-
var
|
|
248
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
254
249
|
|
|
255
250
|
// src/tokens/svg/arrow/ArrowUpLeftIcon.tsx
|
|
256
|
-
var
|
|
251
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
257
252
|
|
|
258
253
|
// src/tokens/svg/arrow/ArrowUpRightIcon.tsx
|
|
259
|
-
var
|
|
254
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
260
255
|
|
|
261
256
|
// src/tokens/svg/arrow/ChevronDownIcon.tsx
|
|
262
|
-
var
|
|
263
|
-
var ChevronDownIcon = () => /* @__PURE__ */ (0,
|
|
257
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
258
|
+
var ChevronDownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
264
259
|
"svg",
|
|
265
260
|
{
|
|
266
261
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -268,7 +263,7 @@ var ChevronDownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
|
268
263
|
height: "1em",
|
|
269
264
|
viewBox: "0 0 20 20",
|
|
270
265
|
fill: "none",
|
|
271
|
-
children: /* @__PURE__ */ (0,
|
|
266
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
272
267
|
"path",
|
|
273
268
|
{
|
|
274
269
|
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",
|
|
@@ -280,763 +275,763 @@ var ChevronDownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
|
280
275
|
var ChevronDownIcon_default = ChevronDownIcon;
|
|
281
276
|
|
|
282
277
|
// src/tokens/svg/arrow/ChevronLeftIcon.tsx
|
|
283
|
-
var
|
|
278
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
284
279
|
|
|
285
280
|
// src/tokens/svg/arrow/ChevronRightIcon.tsx
|
|
286
|
-
var
|
|
281
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
287
282
|
|
|
288
283
|
// src/tokens/svg/arrow/ChevronsDownIcon.tsx
|
|
289
|
-
var
|
|
284
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
290
285
|
|
|
291
286
|
// src/tokens/svg/arrow/ChevronsLeftIcon.tsx
|
|
292
|
-
var
|
|
287
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
293
288
|
|
|
294
289
|
// src/tokens/svg/arrow/ChevronsRightIcon.tsx
|
|
295
|
-
var
|
|
290
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
296
291
|
|
|
297
292
|
// src/tokens/svg/arrow/ChevronsUpIcon.tsx
|
|
298
|
-
var
|
|
293
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
299
294
|
|
|
300
295
|
// src/tokens/svg/arrow/ChevronUpIcon.tsx
|
|
301
|
-
var
|
|
296
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
302
297
|
|
|
303
298
|
// src/tokens/svg/arrow/CompassIcon.tsx
|
|
304
|
-
var
|
|
299
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
305
300
|
|
|
306
301
|
// src/tokens/svg/arrow/CornerDownLeftIcon.tsx
|
|
307
|
-
var
|
|
302
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
308
303
|
|
|
309
304
|
// src/tokens/svg/arrow/CornerDownRightIcon.tsx
|
|
310
|
-
var
|
|
305
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
311
306
|
|
|
312
307
|
// src/tokens/svg/arrow/CornerLeftDownIcon.tsx
|
|
313
|
-
var
|
|
308
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
314
309
|
|
|
315
310
|
// src/tokens/svg/arrow/CornerLeftUpIcon.tsx
|
|
316
|
-
var
|
|
311
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
317
312
|
|
|
318
313
|
// src/tokens/svg/arrow/CornerRightDownIcon.tsx
|
|
319
|
-
var
|
|
314
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
320
315
|
|
|
321
316
|
// src/tokens/svg/arrow/CornerRightUpIcon.tsx
|
|
322
|
-
var
|
|
317
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
323
318
|
|
|
324
319
|
// src/tokens/svg/arrow/CornerUpLeftIcon.tsx
|
|
325
|
-
var
|
|
320
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
326
321
|
|
|
327
322
|
// src/tokens/svg/arrow/CornerUpRightIcon.tsx
|
|
328
|
-
var
|
|
323
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
329
324
|
|
|
330
325
|
// src/tokens/svg/arrow/MapIcon.tsx
|
|
331
|
-
var
|
|
326
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
332
327
|
|
|
333
328
|
// src/tokens/svg/arrow/MapPinIcon.tsx
|
|
334
|
-
var
|
|
329
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
335
330
|
|
|
336
331
|
// src/tokens/svg/arrow/Navigation2Icon.tsx
|
|
337
|
-
var
|
|
332
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
338
333
|
|
|
339
334
|
// src/tokens/svg/arrow/NavigationIcon.tsx
|
|
340
|
-
var
|
|
335
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
341
336
|
|
|
342
337
|
// src/tokens/svg/call/CallActiveIcon.tsx
|
|
343
|
-
var
|
|
338
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
344
339
|
|
|
345
340
|
// src/tokens/svg/call/CallForwardedIcon.tsx
|
|
346
|
-
var
|
|
341
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
347
342
|
|
|
348
343
|
// src/tokens/svg/call/CallIcon.tsx
|
|
349
|
-
var
|
|
344
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
350
345
|
|
|
351
346
|
// src/tokens/svg/call/CallIncomingIcon.tsx
|
|
352
|
-
var
|
|
347
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
353
348
|
|
|
354
349
|
// src/tokens/svg/call/CallMissedIcon.tsx
|
|
355
|
-
var
|
|
350
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
356
351
|
|
|
357
352
|
// src/tokens/svg/call/CallOffIcon.tsx
|
|
358
|
-
var
|
|
353
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
359
354
|
|
|
360
355
|
// src/tokens/svg/call/CallOutgoingIcon.tsx
|
|
361
|
-
var
|
|
356
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
362
357
|
|
|
363
358
|
// src/tokens/svg/call/VoicemailIcon.tsx
|
|
364
|
-
var
|
|
359
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
365
360
|
|
|
366
361
|
// src/tokens/svg/chart/BarChart2Icon.tsx
|
|
367
|
-
var
|
|
362
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
368
363
|
|
|
369
364
|
// src/tokens/svg/chart/BarChartIcon.tsx
|
|
370
|
-
var
|
|
365
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
371
366
|
|
|
372
367
|
// src/tokens/svg/chart/PieChartIcon.tsx
|
|
373
|
-
var
|
|
368
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
374
369
|
|
|
375
370
|
// src/tokens/svg/chart/TableIcon.tsx
|
|
376
|
-
var
|
|
371
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
377
372
|
|
|
378
373
|
// src/tokens/svg/chart/TrendingDownIcon.tsx
|
|
379
|
-
var
|
|
374
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
380
375
|
|
|
381
376
|
// src/tokens/svg/chart/TrendingUpIcon.tsx
|
|
382
|
-
var
|
|
377
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
383
378
|
|
|
384
379
|
// src/tokens/svg/commerce/CreditCardIcon.tsx
|
|
385
|
-
var
|
|
380
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
386
381
|
|
|
387
382
|
// src/tokens/svg/commerce/DollarSignIcon.tsx
|
|
388
|
-
var
|
|
383
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
389
384
|
|
|
390
385
|
// src/tokens/svg/commerce/GiftIcon.tsx
|
|
391
|
-
var
|
|
386
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
392
387
|
|
|
393
388
|
// src/tokens/svg/commerce/ShoppingBagIcon.tsx
|
|
394
|
-
var
|
|
389
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
395
390
|
|
|
396
391
|
// src/tokens/svg/commerce/ShoppingCartIcon.tsx
|
|
397
|
-
var
|
|
392
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
398
393
|
|
|
399
394
|
// src/tokens/svg/commerce/TagIcon.tsx
|
|
400
|
-
var
|
|
395
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
401
396
|
|
|
402
397
|
// src/tokens/svg/commerce/TruckIcon.tsx
|
|
403
|
-
var
|
|
398
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
404
399
|
|
|
405
400
|
// src/tokens/svg/communication/BellIcon.tsx
|
|
406
|
-
var
|
|
401
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
407
402
|
|
|
408
403
|
// src/tokens/svg/communication/BellOffIcon.tsx
|
|
409
|
-
var
|
|
404
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
410
405
|
|
|
411
406
|
// src/tokens/svg/communication/InboxIcon.tsx
|
|
412
|
-
var
|
|
407
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
413
408
|
|
|
414
409
|
// src/tokens/svg/communication/MessageCircleIcon.tsx
|
|
415
|
-
var
|
|
410
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
416
411
|
|
|
417
412
|
// src/tokens/svg/communication/MessageSquareIcon.tsx
|
|
418
|
-
var
|
|
413
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
419
414
|
|
|
420
415
|
// src/tokens/svg/communication/PaperclipIcon.tsx
|
|
421
|
-
var
|
|
416
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
422
417
|
|
|
423
418
|
// src/tokens/svg/communication/SendIcon.tsx
|
|
424
|
-
var
|
|
419
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
425
420
|
|
|
426
421
|
// src/tokens/svg/date/CalendarIcon.tsx
|
|
427
|
-
var
|
|
422
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
428
423
|
|
|
429
424
|
// src/tokens/svg/date/CalenderIcon.tsx
|
|
430
|
-
var
|
|
425
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
431
426
|
|
|
432
427
|
// src/tokens/svg/date/ClockIcon.tsx
|
|
433
|
-
var
|
|
428
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
434
429
|
|
|
435
430
|
// src/tokens/svg/date/SunriseIcon.tsx
|
|
436
|
-
var
|
|
431
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
437
432
|
|
|
438
433
|
// src/tokens/svg/date/SunsetIcon.tsx
|
|
439
|
-
var
|
|
434
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
440
435
|
|
|
441
436
|
// src/tokens/svg/dev/CodeIcon.tsx
|
|
442
|
-
var
|
|
437
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
443
438
|
|
|
444
439
|
// src/tokens/svg/dev/GitBranchIcon.tsx
|
|
445
|
-
var
|
|
440
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
446
441
|
|
|
447
442
|
// src/tokens/svg/dev/GitCommitIcon.tsx
|
|
448
|
-
var
|
|
443
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
449
444
|
|
|
450
445
|
// src/tokens/svg/dev/GitMergeIcon.tsx
|
|
451
|
-
var
|
|
446
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
452
447
|
|
|
453
448
|
// src/tokens/svg/dev/GitPullRequestIcon.tsx
|
|
454
|
-
var
|
|
449
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
455
450
|
|
|
456
451
|
// src/tokens/svg/dev/TerminalIcon.tsx
|
|
457
|
-
var
|
|
452
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
458
453
|
|
|
459
454
|
// src/tokens/svg/device/BatteryChargingIcon.tsx
|
|
460
|
-
var
|
|
455
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
461
456
|
|
|
462
457
|
// src/tokens/svg/device/BatteryIcon.tsx
|
|
463
|
-
var
|
|
458
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
464
459
|
|
|
465
460
|
// src/tokens/svg/device/BluetoothIcon.tsx
|
|
466
|
-
var
|
|
461
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
467
462
|
|
|
468
463
|
// src/tokens/svg/device/CommandIcon.tsx
|
|
469
|
-
var
|
|
464
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
470
465
|
|
|
471
466
|
// src/tokens/svg/device/CpuIcon.tsx
|
|
472
|
-
var
|
|
467
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
473
468
|
|
|
474
469
|
// src/tokens/svg/device/DatabaseIcon.tsx
|
|
475
|
-
var
|
|
470
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
476
471
|
|
|
477
472
|
// src/tokens/svg/device/HardDriveIcon.tsx
|
|
478
|
-
var
|
|
473
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
479
474
|
|
|
480
475
|
// src/tokens/svg/device/MonitorIcon.tsx
|
|
481
|
-
var
|
|
476
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
482
477
|
|
|
483
478
|
// src/tokens/svg/device/PrinterIcon.tsx
|
|
484
|
-
var
|
|
479
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
485
480
|
|
|
486
481
|
// src/tokens/svg/device/ServerIcon.tsx
|
|
487
|
-
var
|
|
482
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
488
483
|
|
|
489
484
|
// src/tokens/svg/device/SmartphoneIcon.tsx
|
|
490
|
-
var
|
|
485
|
+
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
491
486
|
|
|
492
487
|
// src/tokens/svg/device/TabletIcon.tsx
|
|
493
|
-
var
|
|
488
|
+
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
494
489
|
|
|
495
490
|
// src/tokens/svg/device/TvIcon.tsx
|
|
496
|
-
var
|
|
491
|
+
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
497
492
|
|
|
498
493
|
// src/tokens/svg/device/WatchIcon.tsx
|
|
499
|
-
var
|
|
494
|
+
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
500
495
|
|
|
501
496
|
// src/tokens/svg/device/WifiIcon.tsx
|
|
502
|
-
var
|
|
497
|
+
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
503
498
|
|
|
504
499
|
// src/tokens/svg/device/WifiOffIcon.tsx
|
|
505
|
-
var
|
|
500
|
+
var import_jsx_runtime116 = require("react/jsx-runtime");
|
|
506
501
|
|
|
507
502
|
// src/tokens/svg/edit/AlignCenterIcon.tsx
|
|
508
|
-
var
|
|
503
|
+
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
509
504
|
|
|
510
505
|
// src/tokens/svg/edit/AlignJustifyIcon.tsx
|
|
511
|
-
var
|
|
506
|
+
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
512
507
|
|
|
513
508
|
// src/tokens/svg/edit/AlignLeftIcon.tsx
|
|
514
|
-
var
|
|
509
|
+
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
515
510
|
|
|
516
511
|
// src/tokens/svg/edit/AlignRightIcon.tsx
|
|
517
|
-
var
|
|
512
|
+
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
518
513
|
|
|
519
514
|
// src/tokens/svg/edit/BoldIcon.tsx
|
|
520
|
-
var
|
|
515
|
+
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
521
516
|
|
|
522
517
|
// src/tokens/svg/edit/ItalicIcon.tsx
|
|
523
|
-
var
|
|
518
|
+
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
524
519
|
|
|
525
520
|
// src/tokens/svg/edit/PenToolIcon.tsx
|
|
526
|
-
var
|
|
521
|
+
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
527
522
|
|
|
528
523
|
// src/tokens/svg/edit/TypeIcon.tsx
|
|
529
|
-
var
|
|
524
|
+
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
530
525
|
|
|
531
526
|
// src/tokens/svg/edit/UnderlineIcon.tsx
|
|
532
|
-
var
|
|
527
|
+
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
533
528
|
|
|
534
529
|
// src/tokens/svg/file/ArchiveIcon.tsx
|
|
535
|
-
var
|
|
530
|
+
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
536
531
|
|
|
537
532
|
// src/tokens/svg/file/BookIcon.tsx
|
|
538
|
-
var
|
|
533
|
+
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
539
534
|
|
|
540
535
|
// src/tokens/svg/file/BookmarkIcon.tsx
|
|
541
|
-
var
|
|
536
|
+
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
542
537
|
|
|
543
538
|
// src/tokens/svg/file/BookOpenIcon.tsx
|
|
544
|
-
var
|
|
539
|
+
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
545
540
|
|
|
546
541
|
// src/tokens/svg/file/ClipboardIcon.tsx
|
|
547
|
-
var
|
|
542
|
+
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
548
543
|
|
|
549
544
|
// src/tokens/svg/file/FileIcon.tsx
|
|
550
|
-
var
|
|
545
|
+
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
551
546
|
|
|
552
547
|
// src/tokens/svg/file/FileMinusIcon.tsx
|
|
553
|
-
var
|
|
548
|
+
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
554
549
|
|
|
555
550
|
// src/tokens/svg/file/FilePlusIcon.tsx
|
|
556
|
-
var
|
|
551
|
+
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
557
552
|
|
|
558
553
|
// src/tokens/svg/file/FileTextIcon.tsx
|
|
559
|
-
var
|
|
554
|
+
var import_jsx_runtime134 = require("react/jsx-runtime");
|
|
560
555
|
|
|
561
556
|
// src/tokens/svg/file/FolderIcon.tsx
|
|
562
|
-
var
|
|
557
|
+
var import_jsx_runtime135 = require("react/jsx-runtime");
|
|
563
558
|
|
|
564
559
|
// src/tokens/svg/file/FolderMinusIcon.tsx
|
|
565
|
-
var
|
|
560
|
+
var import_jsx_runtime136 = require("react/jsx-runtime");
|
|
566
561
|
|
|
567
562
|
// src/tokens/svg/file/FolderPlusIcon.tsx
|
|
568
|
-
var
|
|
563
|
+
var import_jsx_runtime137 = require("react/jsx-runtime");
|
|
569
564
|
|
|
570
565
|
// src/tokens/svg/file/PackageIcon.tsx
|
|
571
|
-
var
|
|
566
|
+
var import_jsx_runtime138 = require("react/jsx-runtime");
|
|
572
567
|
|
|
573
568
|
// src/tokens/svg/form/CheckSquareIcon.tsx
|
|
574
|
-
var
|
|
569
|
+
var import_jsx_runtime139 = require("react/jsx-runtime");
|
|
575
570
|
|
|
576
571
|
// src/tokens/svg/form/CloseEyeIcon.tsx
|
|
577
|
-
var
|
|
572
|
+
var import_jsx_runtime140 = require("react/jsx-runtime");
|
|
578
573
|
|
|
579
574
|
// src/tokens/svg/form/EyeIcon.tsx
|
|
580
|
-
var
|
|
575
|
+
var import_jsx_runtime141 = require("react/jsx-runtime");
|
|
581
576
|
|
|
582
577
|
// src/tokens/svg/form/EyeOffIcon.tsx
|
|
583
|
-
var
|
|
578
|
+
var import_jsx_runtime142 = require("react/jsx-runtime");
|
|
584
579
|
|
|
585
580
|
// src/tokens/svg/form/OpenEyeIcon.tsx
|
|
586
|
-
var
|
|
581
|
+
var import_jsx_runtime143 = require("react/jsx-runtime");
|
|
587
582
|
|
|
588
583
|
// src/tokens/svg/form/SettingsIcon.tsx
|
|
589
|
-
var
|
|
584
|
+
var import_jsx_runtime144 = require("react/jsx-runtime");
|
|
590
585
|
|
|
591
586
|
// src/tokens/svg/form/SlidersIcon.tsx
|
|
592
|
-
var
|
|
587
|
+
var import_jsx_runtime145 = require("react/jsx-runtime");
|
|
593
588
|
|
|
594
589
|
// src/tokens/svg/form/ToggleLeftIcon.tsx
|
|
595
|
-
var
|
|
590
|
+
var import_jsx_runtime146 = require("react/jsx-runtime");
|
|
596
591
|
|
|
597
592
|
// src/tokens/svg/form/ToggleRightIcon.tsx
|
|
598
|
-
var
|
|
593
|
+
var import_jsx_runtime147 = require("react/jsx-runtime");
|
|
599
594
|
|
|
600
595
|
// src/tokens/svg/layout/ColumnsIcon.tsx
|
|
601
|
-
var
|
|
596
|
+
var import_jsx_runtime148 = require("react/jsx-runtime");
|
|
602
597
|
|
|
603
598
|
// src/tokens/svg/layout/GridIcon.tsx
|
|
604
|
-
var
|
|
599
|
+
var import_jsx_runtime149 = require("react/jsx-runtime");
|
|
605
600
|
|
|
606
601
|
// src/tokens/svg/layout/LayoutIcon.tsx
|
|
607
|
-
var
|
|
602
|
+
var import_jsx_runtime150 = require("react/jsx-runtime");
|
|
608
603
|
|
|
609
604
|
// src/tokens/svg/layout/ListIcon.tsx
|
|
610
|
-
var
|
|
605
|
+
var import_jsx_runtime151 = require("react/jsx-runtime");
|
|
611
606
|
|
|
612
607
|
// src/tokens/svg/layout/Maximize2Icon.tsx
|
|
613
|
-
var
|
|
608
|
+
var import_jsx_runtime152 = require("react/jsx-runtime");
|
|
614
609
|
|
|
615
610
|
// src/tokens/svg/layout/MaximizeIcon.tsx
|
|
616
|
-
var
|
|
611
|
+
var import_jsx_runtime153 = require("react/jsx-runtime");
|
|
617
612
|
|
|
618
613
|
// src/tokens/svg/layout/MenuIcon.tsx
|
|
619
|
-
var
|
|
614
|
+
var import_jsx_runtime154 = require("react/jsx-runtime");
|
|
620
615
|
|
|
621
616
|
// src/tokens/svg/layout/Minimize2Icon.tsx
|
|
622
|
-
var
|
|
617
|
+
var import_jsx_runtime155 = require("react/jsx-runtime");
|
|
623
618
|
|
|
624
619
|
// src/tokens/svg/layout/MinimizeIcon.tsx
|
|
625
|
-
var
|
|
620
|
+
var import_jsx_runtime156 = require("react/jsx-runtime");
|
|
626
621
|
|
|
627
622
|
// src/tokens/svg/layout/MoreHorizontalIcon.tsx
|
|
628
|
-
var
|
|
623
|
+
var import_jsx_runtime157 = require("react/jsx-runtime");
|
|
629
624
|
|
|
630
625
|
// src/tokens/svg/layout/MoreVerticalIcon.tsx
|
|
631
|
-
var
|
|
626
|
+
var import_jsx_runtime158 = require("react/jsx-runtime");
|
|
632
627
|
|
|
633
628
|
// src/tokens/svg/layout/SidebarIcon.tsx
|
|
634
|
-
var
|
|
629
|
+
var import_jsx_runtime159 = require("react/jsx-runtime");
|
|
635
630
|
|
|
636
631
|
// src/tokens/svg/media/AirplayIcon.tsx
|
|
637
|
-
var
|
|
632
|
+
var import_jsx_runtime160 = require("react/jsx-runtime");
|
|
638
633
|
|
|
639
634
|
// src/tokens/svg/media/CameraIcon.tsx
|
|
640
|
-
var
|
|
635
|
+
var import_jsx_runtime161 = require("react/jsx-runtime");
|
|
641
636
|
|
|
642
637
|
// src/tokens/svg/media/CameraOffIcon.tsx
|
|
643
|
-
var
|
|
638
|
+
var import_jsx_runtime162 = require("react/jsx-runtime");
|
|
644
639
|
|
|
645
640
|
// src/tokens/svg/media/CastIcon.tsx
|
|
646
|
-
var
|
|
641
|
+
var import_jsx_runtime163 = require("react/jsx-runtime");
|
|
647
642
|
|
|
648
643
|
// src/tokens/svg/media/DiscIcon.tsx
|
|
649
|
-
var
|
|
644
|
+
var import_jsx_runtime164 = require("react/jsx-runtime");
|
|
650
645
|
|
|
651
646
|
// src/tokens/svg/media/FastForwardIcon.tsx
|
|
652
|
-
var
|
|
647
|
+
var import_jsx_runtime165 = require("react/jsx-runtime");
|
|
653
648
|
|
|
654
649
|
// src/tokens/svg/media/FilmIcon.tsx
|
|
655
|
-
var
|
|
650
|
+
var import_jsx_runtime166 = require("react/jsx-runtime");
|
|
656
651
|
|
|
657
652
|
// src/tokens/svg/media/HeadphonesIcon.tsx
|
|
658
|
-
var
|
|
653
|
+
var import_jsx_runtime167 = require("react/jsx-runtime");
|
|
659
654
|
|
|
660
655
|
// src/tokens/svg/media/ImageIcon.tsx
|
|
661
|
-
var
|
|
656
|
+
var import_jsx_runtime168 = require("react/jsx-runtime");
|
|
662
657
|
|
|
663
658
|
// src/tokens/svg/media/MicIcon.tsx
|
|
664
|
-
var
|
|
659
|
+
var import_jsx_runtime169 = require("react/jsx-runtime");
|
|
665
660
|
|
|
666
661
|
// src/tokens/svg/media/MicOffIcon.tsx
|
|
667
|
-
var
|
|
662
|
+
var import_jsx_runtime170 = require("react/jsx-runtime");
|
|
668
663
|
|
|
669
664
|
// src/tokens/svg/media/MusicIcon.tsx
|
|
670
|
-
var
|
|
665
|
+
var import_jsx_runtime171 = require("react/jsx-runtime");
|
|
671
666
|
|
|
672
667
|
// src/tokens/svg/media/PauseCircleIcon.tsx
|
|
673
|
-
var
|
|
668
|
+
var import_jsx_runtime172 = require("react/jsx-runtime");
|
|
674
669
|
|
|
675
670
|
// src/tokens/svg/media/PauseIcon.tsx
|
|
676
|
-
var
|
|
671
|
+
var import_jsx_runtime173 = require("react/jsx-runtime");
|
|
677
672
|
|
|
678
673
|
// src/tokens/svg/media/PlayCircleIcon.tsx
|
|
679
|
-
var
|
|
674
|
+
var import_jsx_runtime174 = require("react/jsx-runtime");
|
|
680
675
|
|
|
681
676
|
// src/tokens/svg/media/PlayIcon.tsx
|
|
682
|
-
var
|
|
677
|
+
var import_jsx_runtime175 = require("react/jsx-runtime");
|
|
683
678
|
|
|
684
679
|
// src/tokens/svg/media/RepeatIcon.tsx
|
|
685
|
-
var
|
|
680
|
+
var import_jsx_runtime176 = require("react/jsx-runtime");
|
|
686
681
|
|
|
687
682
|
// src/tokens/svg/media/RewindIcon.tsx
|
|
688
|
-
var
|
|
683
|
+
var import_jsx_runtime177 = require("react/jsx-runtime");
|
|
689
684
|
|
|
690
685
|
// src/tokens/svg/media/SkipBackIcon.tsx
|
|
691
|
-
var
|
|
686
|
+
var import_jsx_runtime178 = require("react/jsx-runtime");
|
|
692
687
|
|
|
693
688
|
// src/tokens/svg/media/SkipForwardIcon.tsx
|
|
694
|
-
var
|
|
689
|
+
var import_jsx_runtime179 = require("react/jsx-runtime");
|
|
695
690
|
|
|
696
691
|
// src/tokens/svg/media/SpeakerIcon.tsx
|
|
697
|
-
var
|
|
692
|
+
var import_jsx_runtime180 = require("react/jsx-runtime");
|
|
698
693
|
|
|
699
694
|
// src/tokens/svg/media/StopCircleIcon.tsx
|
|
700
|
-
var
|
|
695
|
+
var import_jsx_runtime181 = require("react/jsx-runtime");
|
|
701
696
|
|
|
702
697
|
// src/tokens/svg/media/VideoIcon.tsx
|
|
703
|
-
var
|
|
698
|
+
var import_jsx_runtime182 = require("react/jsx-runtime");
|
|
704
699
|
|
|
705
700
|
// src/tokens/svg/media/VideoOffIcon.tsx
|
|
706
|
-
var
|
|
701
|
+
var import_jsx_runtime183 = require("react/jsx-runtime");
|
|
707
702
|
|
|
708
703
|
// src/tokens/svg/media/Volume1Icon.tsx
|
|
709
|
-
var
|
|
704
|
+
var import_jsx_runtime184 = require("react/jsx-runtime");
|
|
710
705
|
|
|
711
706
|
// src/tokens/svg/media/Volume2Icon.tsx
|
|
712
|
-
var
|
|
707
|
+
var import_jsx_runtime185 = require("react/jsx-runtime");
|
|
713
708
|
|
|
714
709
|
// src/tokens/svg/media/VolumeIcon.tsx
|
|
715
|
-
var
|
|
710
|
+
var import_jsx_runtime186 = require("react/jsx-runtime");
|
|
716
711
|
|
|
717
712
|
// src/tokens/svg/media/VolumeXIcon.tsx
|
|
718
|
-
var
|
|
713
|
+
var import_jsx_runtime187 = require("react/jsx-runtime");
|
|
719
714
|
|
|
720
715
|
// src/tokens/svg/misc/AnchorIcon.tsx
|
|
721
|
-
var
|
|
716
|
+
var import_jsx_runtime188 = require("react/jsx-runtime");
|
|
722
717
|
|
|
723
718
|
// src/tokens/svg/misc/ApertureIcon.tsx
|
|
724
|
-
var
|
|
719
|
+
var import_jsx_runtime189 = require("react/jsx-runtime");
|
|
725
720
|
|
|
726
721
|
// src/tokens/svg/misc/AwardIcon.tsx
|
|
727
|
-
var
|
|
722
|
+
var import_jsx_runtime190 = require("react/jsx-runtime");
|
|
728
723
|
|
|
729
724
|
// src/tokens/svg/misc/BoxIcon.tsx
|
|
730
|
-
var
|
|
725
|
+
var import_jsx_runtime191 = require("react/jsx-runtime");
|
|
731
726
|
|
|
732
727
|
// src/tokens/svg/misc/BriefcaseIcon.tsx
|
|
733
|
-
var
|
|
728
|
+
var import_jsx_runtime192 = require("react/jsx-runtime");
|
|
734
729
|
|
|
735
730
|
// src/tokens/svg/misc/CoffeeIcon.tsx
|
|
736
|
-
var
|
|
731
|
+
var import_jsx_runtime193 = require("react/jsx-runtime");
|
|
737
732
|
|
|
738
733
|
// src/tokens/svg/misc/CrosshairIcon.tsx
|
|
739
|
-
var
|
|
734
|
+
var import_jsx_runtime194 = require("react/jsx-runtime");
|
|
740
735
|
|
|
741
736
|
// src/tokens/svg/misc/FeatherIcon.tsx
|
|
742
|
-
var
|
|
737
|
+
var import_jsx_runtime195 = require("react/jsx-runtime");
|
|
743
738
|
|
|
744
739
|
// src/tokens/svg/misc/FlagIcon.tsx
|
|
745
|
-
var
|
|
740
|
+
var import_jsx_runtime196 = require("react/jsx-runtime");
|
|
746
741
|
|
|
747
742
|
// src/tokens/svg/misc/FrownIcon.tsx
|
|
748
|
-
var
|
|
743
|
+
var import_jsx_runtime197 = require("react/jsx-runtime");
|
|
749
744
|
|
|
750
745
|
// src/tokens/svg/misc/GlobeIcon.tsx
|
|
751
|
-
var
|
|
746
|
+
var import_jsx_runtime198 = require("react/jsx-runtime");
|
|
752
747
|
|
|
753
748
|
// src/tokens/svg/misc/HeartIcon.tsx
|
|
754
|
-
var
|
|
749
|
+
var import_jsx_runtime199 = require("react/jsx-runtime");
|
|
755
750
|
|
|
756
751
|
// src/tokens/svg/misc/HomeIcon.tsx
|
|
757
|
-
var
|
|
752
|
+
var import_jsx_runtime200 = require("react/jsx-runtime");
|
|
758
753
|
|
|
759
754
|
// src/tokens/svg/misc/LayersIcon.tsx
|
|
760
|
-
var
|
|
755
|
+
var import_jsx_runtime201 = require("react/jsx-runtime");
|
|
761
756
|
|
|
762
757
|
// src/tokens/svg/misc/LifeBuoyIcon.tsx
|
|
763
|
-
var
|
|
758
|
+
var import_jsx_runtime202 = require("react/jsx-runtime");
|
|
764
759
|
|
|
765
760
|
// src/tokens/svg/misc/MehIcon.tsx
|
|
766
|
-
var
|
|
761
|
+
var import_jsx_runtime203 = require("react/jsx-runtime");
|
|
767
762
|
|
|
768
763
|
// src/tokens/svg/misc/MousePointerIcon.tsx
|
|
769
|
-
var
|
|
764
|
+
var import_jsx_runtime204 = require("react/jsx-runtime");
|
|
770
765
|
|
|
771
766
|
// src/tokens/svg/misc/PocketIcon.tsx
|
|
772
|
-
var
|
|
767
|
+
var import_jsx_runtime205 = require("react/jsx-runtime");
|
|
773
768
|
|
|
774
769
|
// src/tokens/svg/misc/PowerIcon.tsx
|
|
775
|
-
var
|
|
770
|
+
var import_jsx_runtime206 = require("react/jsx-runtime");
|
|
776
771
|
|
|
777
772
|
// src/tokens/svg/misc/RadioIcon.tsx
|
|
778
|
-
var
|
|
773
|
+
var import_jsx_runtime207 = require("react/jsx-runtime");
|
|
779
774
|
|
|
780
775
|
// src/tokens/svg/misc/ShieldIcon.tsx
|
|
781
|
-
var
|
|
776
|
+
var import_jsx_runtime208 = require("react/jsx-runtime");
|
|
782
777
|
|
|
783
778
|
// src/tokens/svg/misc/ShieldOffIcon.tsx
|
|
784
|
-
var
|
|
779
|
+
var import_jsx_runtime209 = require("react/jsx-runtime");
|
|
785
780
|
|
|
786
781
|
// src/tokens/svg/misc/ShuffleIcon.tsx
|
|
787
|
-
var
|
|
782
|
+
var import_jsx_runtime210 = require("react/jsx-runtime");
|
|
788
783
|
|
|
789
784
|
// src/tokens/svg/misc/SmileIcon.tsx
|
|
790
|
-
var
|
|
785
|
+
var import_jsx_runtime211 = require("react/jsx-runtime");
|
|
791
786
|
|
|
792
787
|
// src/tokens/svg/misc/StarIcon.tsx
|
|
793
|
-
var
|
|
788
|
+
var import_jsx_runtime212 = require("react/jsx-runtime");
|
|
794
789
|
|
|
795
790
|
// src/tokens/svg/misc/TargetIcon.tsx
|
|
796
|
-
var
|
|
791
|
+
var import_jsx_runtime213 = require("react/jsx-runtime");
|
|
797
792
|
|
|
798
793
|
// src/tokens/svg/misc/ThumbsDownIcon.tsx
|
|
799
|
-
var
|
|
794
|
+
var import_jsx_runtime214 = require("react/jsx-runtime");
|
|
800
795
|
|
|
801
796
|
// src/tokens/svg/misc/ThumbsUpIcon.tsx
|
|
802
|
-
var
|
|
797
|
+
var import_jsx_runtime215 = require("react/jsx-runtime");
|
|
803
798
|
|
|
804
799
|
// src/tokens/svg/misc/ToolIcon.tsx
|
|
805
|
-
var
|
|
800
|
+
var import_jsx_runtime216 = require("react/jsx-runtime");
|
|
806
801
|
|
|
807
802
|
// src/tokens/svg/misc/ZapIcon.tsx
|
|
808
|
-
var
|
|
803
|
+
var import_jsx_runtime217 = require("react/jsx-runtime");
|
|
809
804
|
|
|
810
805
|
// src/tokens/svg/misc/ZapOffIcon.tsx
|
|
811
|
-
var
|
|
806
|
+
var import_jsx_runtime218 = require("react/jsx-runtime");
|
|
812
807
|
|
|
813
808
|
// src/tokens/svg/shape/AtSignIcon.tsx
|
|
814
|
-
var
|
|
809
|
+
var import_jsx_runtime219 = require("react/jsx-runtime");
|
|
815
810
|
|
|
816
811
|
// src/tokens/svg/shape/CircleIcon.tsx
|
|
817
|
-
var
|
|
812
|
+
var import_jsx_runtime220 = require("react/jsx-runtime");
|
|
818
813
|
|
|
819
814
|
// src/tokens/svg/shape/DivideCircleIcon.tsx
|
|
820
|
-
var
|
|
815
|
+
var import_jsx_runtime221 = require("react/jsx-runtime");
|
|
821
816
|
|
|
822
817
|
// src/tokens/svg/shape/DivideIcon.tsx
|
|
823
|
-
var
|
|
818
|
+
var import_jsx_runtime222 = require("react/jsx-runtime");
|
|
824
819
|
|
|
825
820
|
// src/tokens/svg/shape/DivideSquareIcon.tsx
|
|
826
|
-
var
|
|
821
|
+
var import_jsx_runtime223 = require("react/jsx-runtime");
|
|
827
822
|
|
|
828
823
|
// src/tokens/svg/shape/HashIcon.tsx
|
|
829
|
-
var
|
|
824
|
+
var import_jsx_runtime224 = require("react/jsx-runtime");
|
|
830
825
|
|
|
831
826
|
// src/tokens/svg/shape/HexagonIcon.tsx
|
|
832
|
-
var
|
|
827
|
+
var import_jsx_runtime225 = require("react/jsx-runtime");
|
|
833
828
|
|
|
834
829
|
// src/tokens/svg/shape/OctagonIcon.tsx
|
|
835
|
-
var
|
|
830
|
+
var import_jsx_runtime226 = require("react/jsx-runtime");
|
|
836
831
|
|
|
837
832
|
// src/tokens/svg/shape/PercentIcon.tsx
|
|
838
|
-
var
|
|
833
|
+
var import_jsx_runtime227 = require("react/jsx-runtime");
|
|
839
834
|
|
|
840
835
|
// src/tokens/svg/shape/SlashIcon.tsx
|
|
841
|
-
var
|
|
836
|
+
var import_jsx_runtime228 = require("react/jsx-runtime");
|
|
842
837
|
|
|
843
838
|
// src/tokens/svg/shape/SquareIcon.tsx
|
|
844
|
-
var
|
|
839
|
+
var import_jsx_runtime229 = require("react/jsx-runtime");
|
|
845
840
|
|
|
846
841
|
// src/tokens/svg/shape/TriangleIcon.tsx
|
|
847
|
-
var
|
|
842
|
+
var import_jsx_runtime230 = require("react/jsx-runtime");
|
|
848
843
|
|
|
849
844
|
// src/tokens/svg/social/ChromeIcon.tsx
|
|
850
|
-
var
|
|
845
|
+
var import_jsx_runtime231 = require("react/jsx-runtime");
|
|
851
846
|
|
|
852
847
|
// src/tokens/svg/social/CodepenIcon.tsx
|
|
853
|
-
var
|
|
848
|
+
var import_jsx_runtime232 = require("react/jsx-runtime");
|
|
854
849
|
|
|
855
850
|
// src/tokens/svg/social/CodesandboxIcon.tsx
|
|
856
|
-
var
|
|
851
|
+
var import_jsx_runtime233 = require("react/jsx-runtime");
|
|
857
852
|
|
|
858
853
|
// src/tokens/svg/social/DribbbleIcon.tsx
|
|
859
|
-
var
|
|
854
|
+
var import_jsx_runtime234 = require("react/jsx-runtime");
|
|
860
855
|
|
|
861
856
|
// src/tokens/svg/social/FacebookIcon.tsx
|
|
862
|
-
var
|
|
857
|
+
var import_jsx_runtime235 = require("react/jsx-runtime");
|
|
863
858
|
|
|
864
859
|
// src/tokens/svg/social/FigmaIcon.tsx
|
|
865
|
-
var
|
|
860
|
+
var import_jsx_runtime236 = require("react/jsx-runtime");
|
|
866
861
|
|
|
867
862
|
// src/tokens/svg/social/FramerIcon.tsx
|
|
868
|
-
var
|
|
863
|
+
var import_jsx_runtime237 = require("react/jsx-runtime");
|
|
869
864
|
|
|
870
865
|
// src/tokens/svg/social/GithubIcon.tsx
|
|
871
|
-
var
|
|
866
|
+
var import_jsx_runtime238 = require("react/jsx-runtime");
|
|
872
867
|
|
|
873
868
|
// src/tokens/svg/social/GitlabIcon.tsx
|
|
874
|
-
var
|
|
869
|
+
var import_jsx_runtime239 = require("react/jsx-runtime");
|
|
875
870
|
|
|
876
871
|
// src/tokens/svg/social/InstagramIcon.tsx
|
|
877
|
-
var
|
|
872
|
+
var import_jsx_runtime240 = require("react/jsx-runtime");
|
|
878
873
|
|
|
879
874
|
// src/tokens/svg/social/LinkedinIcon.tsx
|
|
880
|
-
var
|
|
875
|
+
var import_jsx_runtime241 = require("react/jsx-runtime");
|
|
881
876
|
|
|
882
877
|
// src/tokens/svg/social/RssIcon.tsx
|
|
883
|
-
var
|
|
878
|
+
var import_jsx_runtime242 = require("react/jsx-runtime");
|
|
884
879
|
|
|
885
880
|
// src/tokens/svg/social/SlackIcon.tsx
|
|
886
|
-
var
|
|
881
|
+
var import_jsx_runtime243 = require("react/jsx-runtime");
|
|
887
882
|
|
|
888
883
|
// src/tokens/svg/social/TrelloIcon.tsx
|
|
889
|
-
var
|
|
884
|
+
var import_jsx_runtime244 = require("react/jsx-runtime");
|
|
890
885
|
|
|
891
886
|
// src/tokens/svg/social/TwitchIcon.tsx
|
|
892
|
-
var
|
|
887
|
+
var import_jsx_runtime245 = require("react/jsx-runtime");
|
|
893
888
|
|
|
894
889
|
// src/tokens/svg/social/TwitterIcon.tsx
|
|
895
|
-
var
|
|
890
|
+
var import_jsx_runtime246 = require("react/jsx-runtime");
|
|
896
891
|
|
|
897
892
|
// src/tokens/svg/social/YoutubeIcon.tsx
|
|
898
|
-
var
|
|
893
|
+
var import_jsx_runtime247 = require("react/jsx-runtime");
|
|
899
894
|
|
|
900
895
|
// src/tokens/svg/status/ActivityIcon.tsx
|
|
901
|
-
var
|
|
896
|
+
var import_jsx_runtime248 = require("react/jsx-runtime");
|
|
902
897
|
|
|
903
898
|
// src/tokens/svg/status/AlertCircleIcon.tsx
|
|
904
|
-
var
|
|
899
|
+
var import_jsx_runtime249 = require("react/jsx-runtime");
|
|
905
900
|
|
|
906
901
|
// src/tokens/svg/status/AlertOctagonIcon.tsx
|
|
907
|
-
var
|
|
902
|
+
var import_jsx_runtime250 = require("react/jsx-runtime");
|
|
908
903
|
|
|
909
904
|
// src/tokens/svg/status/AlertTriangleIcon.tsx
|
|
910
|
-
var
|
|
905
|
+
var import_jsx_runtime251 = require("react/jsx-runtime");
|
|
911
906
|
|
|
912
907
|
// src/tokens/svg/status/CheckCircleIcon.tsx
|
|
913
|
-
var
|
|
908
|
+
var import_jsx_runtime252 = require("react/jsx-runtime");
|
|
914
909
|
|
|
915
910
|
// src/tokens/svg/status/CheckIcon.tsx
|
|
916
|
-
var
|
|
911
|
+
var import_jsx_runtime253 = require("react/jsx-runtime");
|
|
917
912
|
|
|
918
913
|
// src/tokens/svg/status/ErrorIcon.tsx
|
|
919
|
-
var
|
|
914
|
+
var import_jsx_runtime254 = require("react/jsx-runtime");
|
|
920
915
|
|
|
921
916
|
// src/tokens/svg/status/HelpCircleIcon.tsx
|
|
922
|
-
var
|
|
917
|
+
var import_jsx_runtime255 = require("react/jsx-runtime");
|
|
923
918
|
|
|
924
919
|
// src/tokens/svg/status/InfoIcon.tsx
|
|
925
|
-
var
|
|
920
|
+
var import_jsx_runtime256 = require("react/jsx-runtime");
|
|
926
921
|
|
|
927
922
|
// src/tokens/svg/status/LoaderIcon.tsx
|
|
928
|
-
var
|
|
923
|
+
var import_jsx_runtime257 = require("react/jsx-runtime");
|
|
929
924
|
|
|
930
925
|
// src/tokens/svg/status/MinusCircleIcon.tsx
|
|
931
|
-
var
|
|
926
|
+
var import_jsx_runtime258 = require("react/jsx-runtime");
|
|
932
927
|
|
|
933
928
|
// src/tokens/svg/status/MinusIcon.tsx
|
|
934
|
-
var
|
|
929
|
+
var import_jsx_runtime259 = require("react/jsx-runtime");
|
|
935
930
|
|
|
936
931
|
// src/tokens/svg/status/MinusSquareIcon.tsx
|
|
937
|
-
var
|
|
932
|
+
var import_jsx_runtime260 = require("react/jsx-runtime");
|
|
938
933
|
|
|
939
934
|
// src/tokens/svg/status/PlusCircleIcon.tsx
|
|
940
|
-
var
|
|
935
|
+
var import_jsx_runtime261 = require("react/jsx-runtime");
|
|
941
936
|
|
|
942
937
|
// src/tokens/svg/status/PlusIcon.tsx
|
|
943
|
-
var
|
|
938
|
+
var import_jsx_runtime262 = require("react/jsx-runtime");
|
|
944
939
|
|
|
945
940
|
// src/tokens/svg/status/PlusSquareIcon.tsx
|
|
946
|
-
var
|
|
941
|
+
var import_jsx_runtime263 = require("react/jsx-runtime");
|
|
947
942
|
|
|
948
943
|
// src/tokens/svg/status/SuccessIcon.tsx
|
|
949
|
-
var
|
|
944
|
+
var import_jsx_runtime264 = require("react/jsx-runtime");
|
|
950
945
|
|
|
951
946
|
// src/tokens/svg/status/XCircleIcon.tsx
|
|
952
|
-
var
|
|
947
|
+
var import_jsx_runtime265 = require("react/jsx-runtime");
|
|
953
948
|
|
|
954
949
|
// src/tokens/svg/status/XIcon.tsx
|
|
955
|
-
var
|
|
950
|
+
var import_jsx_runtime266 = require("react/jsx-runtime");
|
|
956
951
|
|
|
957
952
|
// src/tokens/svg/status/XOctagonIcon.tsx
|
|
958
|
-
var
|
|
953
|
+
var import_jsx_runtime267 = require("react/jsx-runtime");
|
|
959
954
|
|
|
960
955
|
// src/tokens/svg/status/XSquareIcon.tsx
|
|
961
|
-
var
|
|
956
|
+
var import_jsx_runtime268 = require("react/jsx-runtime");
|
|
962
957
|
|
|
963
958
|
// src/tokens/svg/user/GierIcon.tsx
|
|
964
|
-
var
|
|
959
|
+
var import_jsx_runtime269 = require("react/jsx-runtime");
|
|
965
960
|
|
|
966
961
|
// src/tokens/svg/user/KeyIcon.tsx
|
|
967
|
-
var
|
|
962
|
+
var import_jsx_runtime270 = require("react/jsx-runtime");
|
|
968
963
|
|
|
969
964
|
// src/tokens/svg/user/LockIcon.tsx
|
|
970
|
-
var
|
|
965
|
+
var import_jsx_runtime271 = require("react/jsx-runtime");
|
|
971
966
|
|
|
972
967
|
// src/tokens/svg/user/LogInIcon.tsx
|
|
973
|
-
var
|
|
968
|
+
var import_jsx_runtime272 = require("react/jsx-runtime");
|
|
974
969
|
|
|
975
970
|
// src/tokens/svg/user/LogOutIcon.tsx
|
|
976
|
-
var
|
|
971
|
+
var import_jsx_runtime273 = require("react/jsx-runtime");
|
|
977
972
|
|
|
978
973
|
// src/tokens/svg/user/MailIcon.tsx
|
|
979
|
-
var
|
|
974
|
+
var import_jsx_runtime274 = require("react/jsx-runtime");
|
|
980
975
|
|
|
981
976
|
// src/tokens/svg/user/ProfileIcon.tsx
|
|
982
|
-
var
|
|
977
|
+
var import_jsx_runtime275 = require("react/jsx-runtime");
|
|
983
978
|
|
|
984
979
|
// src/tokens/svg/user/UnlockIcon.tsx
|
|
985
|
-
var
|
|
980
|
+
var import_jsx_runtime276 = require("react/jsx-runtime");
|
|
986
981
|
|
|
987
982
|
// src/tokens/svg/user/UserCheckIcon.tsx
|
|
988
|
-
var
|
|
983
|
+
var import_jsx_runtime277 = require("react/jsx-runtime");
|
|
989
984
|
|
|
990
985
|
// src/tokens/svg/user/UserIcon.tsx
|
|
991
|
-
var
|
|
986
|
+
var import_jsx_runtime278 = require("react/jsx-runtime");
|
|
992
987
|
|
|
993
988
|
// src/tokens/svg/user/UserMinusIcon.tsx
|
|
994
|
-
var
|
|
989
|
+
var import_jsx_runtime279 = require("react/jsx-runtime");
|
|
995
990
|
|
|
996
991
|
// src/tokens/svg/user/UserPlusIcon.tsx
|
|
997
|
-
var
|
|
992
|
+
var import_jsx_runtime280 = require("react/jsx-runtime");
|
|
998
993
|
|
|
999
994
|
// src/tokens/svg/user/UsersIcon.tsx
|
|
1000
|
-
var
|
|
995
|
+
var import_jsx_runtime281 = require("react/jsx-runtime");
|
|
1001
996
|
|
|
1002
997
|
// src/tokens/svg/user/UserXIcon.tsx
|
|
1003
|
-
var
|
|
998
|
+
var import_jsx_runtime282 = require("react/jsx-runtime");
|
|
1004
999
|
|
|
1005
1000
|
// src/tokens/svg/weather/CloudDrizzleIcon.tsx
|
|
1006
|
-
var
|
|
1001
|
+
var import_jsx_runtime283 = require("react/jsx-runtime");
|
|
1007
1002
|
|
|
1008
1003
|
// src/tokens/svg/weather/CloudIcon.tsx
|
|
1009
|
-
var
|
|
1004
|
+
var import_jsx_runtime284 = require("react/jsx-runtime");
|
|
1010
1005
|
|
|
1011
1006
|
// src/tokens/svg/weather/CloudLightningIcon.tsx
|
|
1012
|
-
var
|
|
1007
|
+
var import_jsx_runtime285 = require("react/jsx-runtime");
|
|
1013
1008
|
|
|
1014
1009
|
// src/tokens/svg/weather/CloudOffIcon.tsx
|
|
1015
|
-
var
|
|
1010
|
+
var import_jsx_runtime286 = require("react/jsx-runtime");
|
|
1016
1011
|
|
|
1017
1012
|
// src/tokens/svg/weather/CloudRainIcon.tsx
|
|
1018
|
-
var
|
|
1013
|
+
var import_jsx_runtime287 = require("react/jsx-runtime");
|
|
1019
1014
|
|
|
1020
1015
|
// src/tokens/svg/weather/CloudSnowIcon.tsx
|
|
1021
|
-
var
|
|
1016
|
+
var import_jsx_runtime288 = require("react/jsx-runtime");
|
|
1022
1017
|
|
|
1023
1018
|
// src/tokens/svg/weather/DropletIcon.tsx
|
|
1024
|
-
var
|
|
1019
|
+
var import_jsx_runtime289 = require("react/jsx-runtime");
|
|
1025
1020
|
|
|
1026
1021
|
// src/tokens/svg/weather/MoonIcon.tsx
|
|
1027
|
-
var
|
|
1022
|
+
var import_jsx_runtime290 = require("react/jsx-runtime");
|
|
1028
1023
|
|
|
1029
1024
|
// src/tokens/svg/weather/SunIcon.tsx
|
|
1030
|
-
var
|
|
1025
|
+
var import_jsx_runtime291 = require("react/jsx-runtime");
|
|
1031
1026
|
|
|
1032
1027
|
// src/tokens/svg/weather/ThermometerIcon.tsx
|
|
1033
|
-
var
|
|
1028
|
+
var import_jsx_runtime292 = require("react/jsx-runtime");
|
|
1034
1029
|
|
|
1035
1030
|
// src/tokens/svg/weather/UmbrellaIcon.tsx
|
|
1036
|
-
var
|
|
1031
|
+
var import_jsx_runtime293 = require("react/jsx-runtime");
|
|
1037
1032
|
|
|
1038
1033
|
// src/tokens/svg/weather/WindIcon.tsx
|
|
1039
|
-
var
|
|
1034
|
+
var import_jsx_runtime294 = require("react/jsx-runtime");
|
|
1040
1035
|
|
|
1041
1036
|
// ../../node_modules/clsx/dist/clsx.mjs
|
|
1042
1037
|
function r(e) {
|
|
@@ -1055,16 +1050,16 @@ function clsx() {
|
|
|
1055
1050
|
var clsx_default = clsx;
|
|
1056
1051
|
|
|
1057
1052
|
// src/components/Select/context.ts
|
|
1058
|
-
var
|
|
1059
|
-
var SelectContext =
|
|
1053
|
+
var import_react3 = __toESM(require("react"), 1);
|
|
1054
|
+
var SelectContext = import_react3.default.createContext(null);
|
|
1060
1055
|
var context_default = SelectContext;
|
|
1061
1056
|
|
|
1062
1057
|
// src/components/Select/SelectItem.tsx
|
|
1063
|
-
var
|
|
1064
|
-
var
|
|
1058
|
+
var import_react4 = __toESM(require("react"), 1);
|
|
1059
|
+
var import_jsx_runtime295 = require("react/jsx-runtime");
|
|
1065
1060
|
var SelectItem = (props) => {
|
|
1066
1061
|
const { children, value, onClick, disabled = false } = props;
|
|
1067
|
-
const ctx =
|
|
1062
|
+
const ctx = import_react4.default.useContext(context_default);
|
|
1068
1063
|
const handleClick = (e) => {
|
|
1069
1064
|
e.preventDefault();
|
|
1070
1065
|
e.stopPropagation();
|
|
@@ -1074,7 +1069,7 @@ var SelectItem = (props) => {
|
|
|
1074
1069
|
onClick?.();
|
|
1075
1070
|
};
|
|
1076
1071
|
const isSelected = value !== void 0 ? ctx?.selectedValue === value : ctx?.selectedLabel === children;
|
|
1077
|
-
return /* @__PURE__ */ (0,
|
|
1072
|
+
return /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
|
|
1078
1073
|
"div",
|
|
1079
1074
|
{
|
|
1080
1075
|
className: clsx_default("select-item", disabled && "disabled", isSelected && "is-selected"),
|
|
@@ -1095,7 +1090,7 @@ SelectItem.displayName = "Select.Item";
|
|
|
1095
1090
|
var SelectItem_default = SelectItem;
|
|
1096
1091
|
|
|
1097
1092
|
// src/components/Select/Select.tsx
|
|
1098
|
-
var
|
|
1093
|
+
var import_jsx_runtime296 = require("react/jsx-runtime");
|
|
1099
1094
|
var ANIMATION_DURATION_MS = 200;
|
|
1100
1095
|
var SelectRoot = (props) => {
|
|
1101
1096
|
const {
|
|
@@ -1107,28 +1102,28 @@ var SelectRoot = (props) => {
|
|
|
1107
1102
|
error = false,
|
|
1108
1103
|
size = "md"
|
|
1109
1104
|
} = props;
|
|
1110
|
-
const itemChildren =
|
|
1111
|
-
(child) =>
|
|
1105
|
+
const itemChildren = import_react5.default.Children.toArray(children).filter(
|
|
1106
|
+
(child) => import_react5.default.isValidElement(child) && child.type === SelectItem_default
|
|
1112
1107
|
);
|
|
1113
1108
|
const isControlled = valueProp !== void 0;
|
|
1114
|
-
const [isOpen, setOpen] =
|
|
1115
|
-
const [uncontrolledLabel, setUncontrolledLabel] =
|
|
1116
|
-
const [uncontrolledValue, setUncontrolledValue] =
|
|
1117
|
-
const controlledLabel =
|
|
1109
|
+
const [isOpen, setOpen] = import_react5.default.useState(false);
|
|
1110
|
+
const [uncontrolledLabel, setUncontrolledLabel] = import_react5.default.useState(null);
|
|
1111
|
+
const [uncontrolledValue, setUncontrolledValue] = import_react5.default.useState(void 0);
|
|
1112
|
+
const controlledLabel = import_react5.default.useMemo(() => {
|
|
1118
1113
|
if (!isControlled) return null;
|
|
1119
1114
|
const match = itemChildren.find((child) => child.props.value === valueProp);
|
|
1120
1115
|
return match ? match.props.children : null;
|
|
1121
1116
|
}, [isControlled, valueProp, itemChildren]);
|
|
1122
1117
|
const selectedLabel = isControlled ? controlledLabel : uncontrolledLabel;
|
|
1123
1118
|
const selectedValue = isControlled ? valueProp : uncontrolledValue;
|
|
1124
|
-
const triggerRef =
|
|
1125
|
-
const contentRef =
|
|
1126
|
-
const [mounted, setMounted] =
|
|
1127
|
-
const [visible, setVisible] =
|
|
1128
|
-
|
|
1119
|
+
const triggerRef = import_react5.default.useRef(null);
|
|
1120
|
+
const contentRef = import_react5.default.useRef(null);
|
|
1121
|
+
const [mounted, setMounted] = import_react5.default.useState(false);
|
|
1122
|
+
const [visible, setVisible] = import_react5.default.useState(false);
|
|
1123
|
+
import_react5.default.useEffect(() => {
|
|
1129
1124
|
if (disabled && isOpen) setOpen(false);
|
|
1130
1125
|
}, [disabled, isOpen]);
|
|
1131
|
-
|
|
1126
|
+
import_react5.default.useEffect(() => {
|
|
1132
1127
|
if (isOpen) {
|
|
1133
1128
|
setMounted(true);
|
|
1134
1129
|
const t2 = setTimeout(() => setVisible(true), 1);
|
|
@@ -1138,12 +1133,12 @@ var SelectRoot = (props) => {
|
|
|
1138
1133
|
const t = setTimeout(() => setMounted(false), ANIMATION_DURATION_MS);
|
|
1139
1134
|
return () => clearTimeout(t);
|
|
1140
1135
|
}, [isOpen]);
|
|
1141
|
-
const open =
|
|
1142
|
-
const close =
|
|
1143
|
-
const toggle =
|
|
1136
|
+
const open = import_react5.default.useCallback(() => setOpen(true), []);
|
|
1137
|
+
const close = import_react5.default.useCallback(() => setOpen(false), []);
|
|
1138
|
+
const toggle = import_react5.default.useCallback(() => setOpen((prev) => !prev), []);
|
|
1144
1139
|
useClickOutside_default([contentRef, triggerRef], close, isOpen);
|
|
1145
1140
|
const position = useAutoPosition_default(triggerRef, contentRef, mounted);
|
|
1146
|
-
const setSelected =
|
|
1141
|
+
const setSelected = import_react5.default.useCallback(
|
|
1147
1142
|
(label, itemValue) => {
|
|
1148
1143
|
if (!isControlled) {
|
|
1149
1144
|
setUncontrolledLabel(label);
|
|
@@ -1153,7 +1148,7 @@ var SelectRoot = (props) => {
|
|
|
1153
1148
|
},
|
|
1154
1149
|
[isControlled, onChange]
|
|
1155
1150
|
);
|
|
1156
|
-
const ctxValue =
|
|
1151
|
+
const ctxValue = import_react5.default.useMemo(
|
|
1157
1152
|
() => ({
|
|
1158
1153
|
isOpen,
|
|
1159
1154
|
mounted,
|
|
@@ -1175,7 +1170,7 @@ var SelectRoot = (props) => {
|
|
|
1175
1170
|
if (disabled) return;
|
|
1176
1171
|
toggle();
|
|
1177
1172
|
};
|
|
1178
|
-
return /* @__PURE__ */ (0,
|
|
1173
|
+
return /* @__PURE__ */ (0, import_jsx_runtime296.jsx)(context_default.Provider, { value: ctxValue, children: /* @__PURE__ */ (0, import_jsx_runtime296.jsxs)(
|
|
1179
1174
|
"div",
|
|
1180
1175
|
{
|
|
1181
1176
|
className: clsx_default(
|
|
@@ -1186,7 +1181,7 @@ var SelectRoot = (props) => {
|
|
|
1186
1181
|
mounted && "is-open"
|
|
1187
1182
|
),
|
|
1188
1183
|
children: [
|
|
1189
|
-
/* @__PURE__ */ (0,
|
|
1184
|
+
/* @__PURE__ */ (0, import_jsx_runtime296.jsxs)(
|
|
1190
1185
|
"div",
|
|
1191
1186
|
{
|
|
1192
1187
|
ref: triggerRef,
|
|
@@ -1210,7 +1205,7 @@ var SelectRoot = (props) => {
|
|
|
1210
1205
|
}
|
|
1211
1206
|
},
|
|
1212
1207
|
children: [
|
|
1213
|
-
/* @__PURE__ */ (0,
|
|
1208
|
+
/* @__PURE__ */ (0, import_jsx_runtime296.jsx)(
|
|
1214
1209
|
"span",
|
|
1215
1210
|
{
|
|
1216
1211
|
className: clsx_default(
|
|
@@ -1220,25 +1215,25 @@ var SelectRoot = (props) => {
|
|
|
1220
1215
|
children: selectedLabel ?? placeholder
|
|
1221
1216
|
}
|
|
1222
1217
|
),
|
|
1223
|
-
/* @__PURE__ */ (0,
|
|
1218
|
+
/* @__PURE__ */ (0, import_jsx_runtime296.jsx)(
|
|
1224
1219
|
"span",
|
|
1225
1220
|
{
|
|
1226
1221
|
className: clsx_default("select-trigger-icon", isOpen && "open"),
|
|
1227
1222
|
"aria-hidden": true,
|
|
1228
|
-
children: /* @__PURE__ */ (0,
|
|
1223
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime296.jsx)(ChevronDownIcon_default, {})
|
|
1229
1224
|
}
|
|
1230
1225
|
)
|
|
1231
1226
|
]
|
|
1232
1227
|
}
|
|
1233
1228
|
),
|
|
1234
|
-
mounted && /* @__PURE__ */ (0,
|
|
1229
|
+
mounted && /* @__PURE__ */ (0, import_jsx_runtime296.jsx)(Portal_default, { children: /* @__PURE__ */ (0, import_jsx_runtime296.jsx)(
|
|
1235
1230
|
"div",
|
|
1236
1231
|
{
|
|
1237
1232
|
className: clsx_default("lib-xplat-select-content", size, position.direction, stateClass),
|
|
1238
1233
|
ref: contentRef,
|
|
1239
1234
|
style: { ...position.position, width: triggerRef.current?.offsetWidth },
|
|
1240
1235
|
role: "listbox",
|
|
1241
|
-
children: /* @__PURE__ */ (0,
|
|
1236
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime296.jsx)(context_default.Provider, { value: ctxValue, children: itemChildren })
|
|
1242
1237
|
}
|
|
1243
1238
|
) })
|
|
1244
1239
|
]
|