@canvas-components/react-components 0.3.20 → 0.3.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -2
- package/dist/index.cjs +970 -383
- package/dist/index.d.cts +124 -76
- package/dist/index.d.ts +124 -76
- package/dist/index.js +970 -384
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { forwardRef, createElement, useRef, useEffect, useImperativeHandle,
|
|
3
|
-
import { iconDefinitions, iconNames } from '@canvas-components/icons';
|
|
2
|
+
import { createContext, forwardRef, createElement, useRef, useEffect, useImperativeHandle, useState, useLayoutEffect, useMemo, useSyncExternalStore, useContext, isValidElement, cloneElement, Fragment as Fragment$1, useId, Children } from 'react';
|
|
4
3
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
4
|
+
import { iconDefinitions, iconNames } from '@canvas-components/icons';
|
|
5
5
|
import * as ReactDOM from 'react-dom';
|
|
6
6
|
import { createPortal } from 'react-dom';
|
|
7
7
|
|
|
@@ -29,6 +29,139 @@ function styleInject(css, { insertAt } = {}) {
|
|
|
29
29
|
|
|
30
30
|
// src/styles/variables.css
|
|
31
31
|
styleInject(":root {\n --canvas-react-color-primary: #1677ff;\n --canvas-react-color-primary-hover: #4096ff;\n --canvas-react-color-border: #d9d9d9;\n --canvas-react-color-border-strong: #bfbfbf;\n --canvas-react-color-text: #1f2937;\n --canvas-react-color-text-muted: #6b7280;\n --canvas-react-color-bg: #ffffff;\n --canvas-react-color-bg-soft: #f5f5f5;\n --canvas-react-color-bg-hover: #f3f4f6;\n --canvas-react-color-bg-active: #e6f4ff;\n --canvas-react-shadow-focus: 0 0 0 2px rgba(22, 119, 255, 0.12);\n --canvas-react-shadow-popup: 0 8px 24px rgba(15, 23, 42, 0.16);\n --canvas-react-radius-sm: 6px;\n --canvas-react-radius-md: 8px;\n --canvas-react-control-height: 32px;\n --canvas-react-font-size: 14px;\n --canvas-react-font-size-secondary: 12px;\n --canvas-react-font-size-label: 13px;\n --canvas-react-control-padding-inline: 11px;\n --canvas-react-control-padding-block: 0px;\n --canvas-react-content-zoom: 1;\n}\n.canvas-react-scrollbar {\n scrollbar-width: thin;\n}\n.canvas-react-scrollbar::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n.canvas-react-scrollbar::-webkit-scrollbar-track {\n background: transparent;\n}\n.canvas-react-scrollbar::-webkit-scrollbar-thumb {\n min-height: 32px;\n border: 2px solid transparent;\n border-radius: 999px;\n background: #aeb4bd;\n background-clip: content-box;\n}\n.canvas-react-scrollbar::-webkit-scrollbar-thumb:hover {\n background: #8f98a5;\n background-clip: content-box;\n}\n.canvas-react-scrollbar::-webkit-scrollbar-corner {\n background: transparent;\n}\n");
|
|
32
|
+
var ConfigContext = createContext({});
|
|
33
|
+
var variables = {
|
|
34
|
+
fontSize: "font-size",
|
|
35
|
+
secondaryFontSize: "font-size-secondary",
|
|
36
|
+
labelFontSize: "font-size-label",
|
|
37
|
+
colorText: "color-text",
|
|
38
|
+
colorTextSecondary: "color-text-muted",
|
|
39
|
+
colorPrimary: "color-primary",
|
|
40
|
+
colorPrimaryHover: "color-primary-hover",
|
|
41
|
+
colorBorder: "color-border",
|
|
42
|
+
colorBackground: "color-bg",
|
|
43
|
+
controlHeight: "control-height",
|
|
44
|
+
borderRadius: "radius-sm"
|
|
45
|
+
};
|
|
46
|
+
function reactConfigThemeStyle(theme) {
|
|
47
|
+
const style = {};
|
|
48
|
+
for (const key of Object.keys(variables)) {
|
|
49
|
+
const value = theme[key];
|
|
50
|
+
if (typeof value === "number" && Number.isFinite(value) && value >= 0)
|
|
51
|
+
style[`--canvas-react-${variables[key]}`] = `${value}px`;
|
|
52
|
+
else if (typeof value === "string" && value.trim())
|
|
53
|
+
style[`--canvas-react-${variables[key]}`] = value;
|
|
54
|
+
}
|
|
55
|
+
return style;
|
|
56
|
+
}
|
|
57
|
+
function useReactConfig() {
|
|
58
|
+
return useContext(ConfigContext);
|
|
59
|
+
}
|
|
60
|
+
function useReactConfigStyle() {
|
|
61
|
+
return reactConfigThemeStyle(useReactConfig());
|
|
62
|
+
}
|
|
63
|
+
function ReactConfigProvider({
|
|
64
|
+
theme = {},
|
|
65
|
+
style,
|
|
66
|
+
className,
|
|
67
|
+
children,
|
|
68
|
+
...rest
|
|
69
|
+
}) {
|
|
70
|
+
const parent = useReactConfig();
|
|
71
|
+
const merged = useMemo(
|
|
72
|
+
() => ({
|
|
73
|
+
...parent,
|
|
74
|
+
...Object.fromEntries(
|
|
75
|
+
Object.entries(theme).filter(([, value]) => value !== void 0)
|
|
76
|
+
)
|
|
77
|
+
}),
|
|
78
|
+
[parent, theme]
|
|
79
|
+
);
|
|
80
|
+
return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: merged, children: /* @__PURE__ */ jsx(
|
|
81
|
+
"div",
|
|
82
|
+
{
|
|
83
|
+
...rest,
|
|
84
|
+
className: ["canvas-react-config-provider", className].filter(Boolean).join(" "),
|
|
85
|
+
style: {
|
|
86
|
+
color: "var(--canvas-react-color-text)",
|
|
87
|
+
fontSize: "var(--canvas-react-font-size)",
|
|
88
|
+
...reactConfigThemeStyle(merged),
|
|
89
|
+
...style
|
|
90
|
+
},
|
|
91
|
+
children
|
|
92
|
+
}
|
|
93
|
+
) });
|
|
94
|
+
}
|
|
95
|
+
function ReactProgress({
|
|
96
|
+
percent,
|
|
97
|
+
label,
|
|
98
|
+
showInfo = true,
|
|
99
|
+
status = "normal",
|
|
100
|
+
className,
|
|
101
|
+
style
|
|
102
|
+
}) {
|
|
103
|
+
const configStyle = useReactConfigStyle();
|
|
104
|
+
const value = Number.isFinite(percent) ? Math.min(100, Math.max(0, percent)) : 0;
|
|
105
|
+
return /* @__PURE__ */ jsxs(
|
|
106
|
+
"div",
|
|
107
|
+
{
|
|
108
|
+
className: ["canvas-react-progress", className].filter(Boolean).join(" "),
|
|
109
|
+
role: "progressbar",
|
|
110
|
+
"aria-label": label,
|
|
111
|
+
"aria-valuemin": 0,
|
|
112
|
+
"aria-valuemax": 100,
|
|
113
|
+
"aria-valuenow": value,
|
|
114
|
+
style: {
|
|
115
|
+
...configStyle,
|
|
116
|
+
display: "flex",
|
|
117
|
+
alignItems: "center",
|
|
118
|
+
gap: 12,
|
|
119
|
+
...style
|
|
120
|
+
},
|
|
121
|
+
children: [
|
|
122
|
+
/* @__PURE__ */ jsx(
|
|
123
|
+
"div",
|
|
124
|
+
{
|
|
125
|
+
style: {
|
|
126
|
+
flex: 1,
|
|
127
|
+
height: 8,
|
|
128
|
+
overflow: "hidden",
|
|
129
|
+
borderRadius: 4,
|
|
130
|
+
background: "var(--canvas-react-color-bg-soft)"
|
|
131
|
+
},
|
|
132
|
+
children: /* @__PURE__ */ jsx(
|
|
133
|
+
"div",
|
|
134
|
+
{
|
|
135
|
+
style: {
|
|
136
|
+
width: `${value}%`,
|
|
137
|
+
height: "100%",
|
|
138
|
+
borderRadius: "inherit",
|
|
139
|
+
background: status === "exception" ? "#ff4d4f" : "var(--canvas-react-color-primary)",
|
|
140
|
+
transition: "width 160ms ease"
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
)
|
|
144
|
+
}
|
|
145
|
+
),
|
|
146
|
+
showInfo && /* @__PURE__ */ jsxs(
|
|
147
|
+
"span",
|
|
148
|
+
{
|
|
149
|
+
style: {
|
|
150
|
+
minWidth: "4ch",
|
|
151
|
+
textAlign: "right",
|
|
152
|
+
color: "var(--canvas-react-color-text-muted)",
|
|
153
|
+
fontVariantNumeric: "tabular-nums"
|
|
154
|
+
},
|
|
155
|
+
children: [
|
|
156
|
+
Math.round(value),
|
|
157
|
+
"%"
|
|
158
|
+
]
|
|
159
|
+
}
|
|
160
|
+
)
|
|
161
|
+
]
|
|
162
|
+
}
|
|
163
|
+
);
|
|
164
|
+
}
|
|
32
165
|
var REACT_ICON_DEFINITIONS = iconDefinitions;
|
|
33
166
|
|
|
34
167
|
// src/components/icon/style.css
|
|
@@ -1433,69 +1566,6 @@ var ReactInput = forwardRef(
|
|
|
1433
1566
|
}
|
|
1434
1567
|
}
|
|
1435
1568
|
);
|
|
1436
|
-
var ConfigContext = createContext({});
|
|
1437
|
-
var variables = {
|
|
1438
|
-
fontSize: "font-size",
|
|
1439
|
-
secondaryFontSize: "font-size-secondary",
|
|
1440
|
-
labelFontSize: "font-size-label",
|
|
1441
|
-
colorText: "color-text",
|
|
1442
|
-
colorTextSecondary: "color-text-muted",
|
|
1443
|
-
colorPrimary: "color-primary",
|
|
1444
|
-
colorPrimaryHover: "color-primary-hover",
|
|
1445
|
-
colorBorder: "color-border",
|
|
1446
|
-
colorBackground: "color-bg",
|
|
1447
|
-
controlHeight: "control-height",
|
|
1448
|
-
borderRadius: "radius-sm"
|
|
1449
|
-
};
|
|
1450
|
-
function reactConfigThemeStyle(theme) {
|
|
1451
|
-
const style = {};
|
|
1452
|
-
for (const key of Object.keys(variables)) {
|
|
1453
|
-
const value = theme[key];
|
|
1454
|
-
if (typeof value === "number" && Number.isFinite(value) && value >= 0)
|
|
1455
|
-
style[`--canvas-react-${variables[key]}`] = `${value}px`;
|
|
1456
|
-
else if (typeof value === "string" && value.trim())
|
|
1457
|
-
style[`--canvas-react-${variables[key]}`] = value;
|
|
1458
|
-
}
|
|
1459
|
-
return style;
|
|
1460
|
-
}
|
|
1461
|
-
function useReactConfig() {
|
|
1462
|
-
return useContext(ConfigContext);
|
|
1463
|
-
}
|
|
1464
|
-
function useReactConfigStyle() {
|
|
1465
|
-
return reactConfigThemeStyle(useReactConfig());
|
|
1466
|
-
}
|
|
1467
|
-
function ReactConfigProvider({
|
|
1468
|
-
theme = {},
|
|
1469
|
-
style,
|
|
1470
|
-
className,
|
|
1471
|
-
children,
|
|
1472
|
-
...rest
|
|
1473
|
-
}) {
|
|
1474
|
-
const parent = useReactConfig();
|
|
1475
|
-
const merged = useMemo(
|
|
1476
|
-
() => ({
|
|
1477
|
-
...parent,
|
|
1478
|
-
...Object.fromEntries(
|
|
1479
|
-
Object.entries(theme).filter(([, value]) => value !== void 0)
|
|
1480
|
-
)
|
|
1481
|
-
}),
|
|
1482
|
-
[parent, theme]
|
|
1483
|
-
);
|
|
1484
|
-
return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: merged, children: /* @__PURE__ */ jsx(
|
|
1485
|
-
"div",
|
|
1486
|
-
{
|
|
1487
|
-
...rest,
|
|
1488
|
-
className: ["canvas-react-config-provider", className].filter(Boolean).join(" "),
|
|
1489
|
-
style: {
|
|
1490
|
-
color: "var(--canvas-react-color-text)",
|
|
1491
|
-
fontSize: "var(--canvas-react-font-size)",
|
|
1492
|
-
...reactConfigThemeStyle(merged),
|
|
1493
|
-
...style
|
|
1494
|
-
},
|
|
1495
|
-
children
|
|
1496
|
-
}
|
|
1497
|
-
) });
|
|
1498
|
-
}
|
|
1499
1569
|
var DEFAULT_CONTENT_SCALE = {
|
|
1500
1570
|
scale: 1
|
|
1501
1571
|
};
|
|
@@ -6290,89 +6360,300 @@ function compareDateTimeValue(left, right) {
|
|
|
6290
6360
|
return left.localeCompare(right);
|
|
6291
6361
|
}
|
|
6292
6362
|
|
|
6293
|
-
// src/components/number
|
|
6294
|
-
styleInject('@import "../../styles/variables.css";\n.canvas-react-
|
|
6295
|
-
var
|
|
6296
|
-
function
|
|
6363
|
+
// src/components/input-number/style.css
|
|
6364
|
+
styleInject('@import "../../styles/variables.css";\n.canvas-react-input-number {\n box-sizing: border-box;\n display: inline-flex;\n align-items: stretch;\n width: 100%;\n min-width: 0;\n height: var(--canvas-react-control-height);\n border: 1px solid var(--canvas-react-color-border);\n border-radius: var(--canvas-react-radius-sm);\n background: var(--canvas-react-color-bg);\n color: var(--canvas-react-color-text);\n font-size: var(--canvas-react-font-size);\n text-align: left;\n overflow: hidden;\n transition:\n border-color 0.2s ease,\n box-shadow 0.2s ease,\n background-color 0.2s ease;\n}\n.canvas-react-input-number:hover {\n border-color: var(--canvas-react-color-primary-hover);\n}\n.canvas-react-input-number-focused {\n border-color: var(--canvas-react-color-primary);\n box-shadow: var(--canvas-react-shadow-focus);\n}\n.canvas-react-input-number-disabled {\n background: #fafafa;\n color: #9ca3af;\n cursor: not-allowed;\n}\n.canvas-react-input-number-handler {\n position: relative;\n display: flex;\n flex: 0 0 28px;\n align-items: center;\n justify-content: center;\n margin: 0;\n padding: 0;\n border: none;\n background: transparent;\n color: var(--canvas-react-color-text-muted);\n cursor: pointer;\n transition: color 0.16s ease, background-color 0.16s ease;\n}\n.canvas-react-input-number-handler-down {\n border-right: 1px solid var(--canvas-react-color-border);\n}\n.canvas-react-input-number-handler-up {\n border-left: 1px solid var(--canvas-react-color-border);\n}\n.canvas-react-input-number-handler:hover:not(:disabled) {\n color: var(--canvas-react-color-primary);\n background: rgba(22, 119, 255, 0.06);\n}\n.canvas-react-input-number-handler:disabled {\n color: #c4c7cf;\n cursor: not-allowed;\n}\n.canvas-react-input-number-handler-icon {\n position: relative;\n display: block;\n width: 10px;\n height: 10px;\n}\n.canvas-react-input-number-handler-icon::before,\n.canvas-react-input-number-handler-icon::after {\n content: "";\n position: absolute;\n top: 50%;\n left: 50%;\n background: currentColor;\n border-radius: 1px;\n transform: translate(-50%, -50%);\n}\n.canvas-react-input-number-handler-icon::before {\n width: 10px;\n height: 1.5px;\n}\n.canvas-react-input-number-handler-up .canvas-react-input-number-handler-icon::after {\n width: 1.5px;\n height: 10px;\n}\n.canvas-react-input-number-input-wrap {\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n min-width: 0;\n height: 100%;\n}\n.canvas-react-input-number-input {\n box-sizing: border-box;\n width: 100%;\n min-width: 0;\n height: 100%;\n padding: 0 var(--canvas-react-control-padding-inline, 8px);\n border: none;\n background: transparent;\n color: inherit;\n font-size: inherit;\n outline: none;\n text-align: inherit;\n appearance: textfield;\n -moz-appearance: textfield;\n}\n.canvas-react-input-number-input::placeholder {\n color: #9ca3af;\n}\n.canvas-react-input-number-input::-webkit-outer-spin-button,\n.canvas-react-input-number-input::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none;\n}\n.canvas-react-input-number-addon {\n flex: 0 0 auto;\n padding-right: 8px;\n color: var(--canvas-react-color-text-muted);\n font-size: 12px;\n line-height: 1;\n user-select: none;\n}\n');
|
|
6365
|
+
var ReactInputNumber = forwardRef(
|
|
6366
|
+
function ReactInputNumber2(props, ref) {
|
|
6297
6367
|
const {
|
|
6368
|
+
addonAfter,
|
|
6298
6369
|
className,
|
|
6299
6370
|
changeOnWheel = false,
|
|
6371
|
+
controls = false,
|
|
6372
|
+
defaultValue = null,
|
|
6300
6373
|
disabled,
|
|
6374
|
+
formatter,
|
|
6375
|
+
initialText,
|
|
6376
|
+
max,
|
|
6377
|
+
min,
|
|
6301
6378
|
onBlur,
|
|
6302
6379
|
onChange,
|
|
6380
|
+
onCommit,
|
|
6381
|
+
onFocus,
|
|
6303
6382
|
onKeyDown,
|
|
6304
|
-
onWheel,
|
|
6305
6383
|
onPressEnter,
|
|
6384
|
+
onWheel,
|
|
6385
|
+
parser,
|
|
6386
|
+
precision,
|
|
6387
|
+
step = 1,
|
|
6306
6388
|
style,
|
|
6307
6389
|
value,
|
|
6308
6390
|
...restProps
|
|
6309
6391
|
} = props;
|
|
6310
|
-
const
|
|
6392
|
+
const isControlled = value !== void 0;
|
|
6393
|
+
const [innerValue, setInnerValue] = useState(
|
|
6394
|
+
isControlled ? value ?? null : defaultValue
|
|
6395
|
+
);
|
|
6396
|
+
const currentValue = isControlled ? value ?? null : innerValue;
|
|
6397
|
+
const [draftText, setDraftText] = useState(
|
|
6398
|
+
initialText ?? formatDisplayValue(
|
|
6399
|
+
currentValue,
|
|
6400
|
+
formatter,
|
|
6401
|
+
resolvePrecision(precision, props.step, currentValue)
|
|
6402
|
+
)
|
|
6403
|
+
);
|
|
6404
|
+
const initialTextPendingRef = useRef(initialText !== void 0);
|
|
6405
|
+
const initialValueRef = useRef(currentValue);
|
|
6406
|
+
const [focused, setFocused] = useState(false);
|
|
6407
|
+
const resolvedPrecision = useMemo(
|
|
6408
|
+
() => resolvePrecision(precision, props.step, currentValue),
|
|
6409
|
+
[precision, props.step, currentValue]
|
|
6410
|
+
);
|
|
6311
6411
|
useEffect(() => {
|
|
6312
|
-
|
|
6313
|
-
|
|
6314
|
-
|
|
6412
|
+
if (initialValueRef.current !== currentValue) {
|
|
6413
|
+
initialTextPendingRef.current = false;
|
|
6414
|
+
}
|
|
6415
|
+
initialValueRef.current = currentValue;
|
|
6416
|
+
if (!focused && !initialTextPendingRef.current) {
|
|
6417
|
+
setDraftText(
|
|
6418
|
+
formatDisplayValue(currentValue, formatter, resolvedPrecision)
|
|
6419
|
+
);
|
|
6420
|
+
}
|
|
6421
|
+
}, [currentValue, focused, formatter, resolvedPrecision]);
|
|
6422
|
+
const commitValue = (nextValue, stepPrecision) => {
|
|
6423
|
+
initialTextPendingRef.current = false;
|
|
6424
|
+
const normalized = normalizeNumberValue(nextValue, {
|
|
6425
|
+
min,
|
|
6426
|
+
max,
|
|
6427
|
+
precision: stepPrecision ?? resolvePrecision(precision, props.step, nextValue)
|
|
6428
|
+
});
|
|
6429
|
+
if (!isControlled) {
|
|
6430
|
+
setInnerValue(normalized);
|
|
6431
|
+
}
|
|
6432
|
+
if (normalized !== currentValue) {
|
|
6433
|
+
onChange?.(normalized);
|
|
6434
|
+
}
|
|
6435
|
+
onCommit?.(normalized);
|
|
6436
|
+
setDraftText(
|
|
6437
|
+
formatDisplayValue(
|
|
6438
|
+
normalized,
|
|
6439
|
+
formatter,
|
|
6440
|
+
resolvePrecision(precision, props.step, normalized)
|
|
6441
|
+
)
|
|
6442
|
+
);
|
|
6443
|
+
return normalized;
|
|
6444
|
+
};
|
|
6445
|
+
const stepBy = (direction) => {
|
|
6446
|
+
if (disabled) {
|
|
6447
|
+
return;
|
|
6448
|
+
}
|
|
6449
|
+
const base = currentValue == null || !Number.isFinite(currentValue) ? 0 : currentValue;
|
|
6450
|
+
const next = base + direction * step;
|
|
6451
|
+
commitValue(next, resolvedPrecision);
|
|
6452
|
+
};
|
|
6453
|
+
const atMin = currentValue != null && min != null && currentValue <= min + Number.EPSILON;
|
|
6454
|
+
const atMax = currentValue != null && max != null && currentValue >= max - Number.EPSILON;
|
|
6455
|
+
return /* @__PURE__ */ jsxs(
|
|
6315
6456
|
"span",
|
|
6316
6457
|
{
|
|
6317
6458
|
className: joinClassNames(
|
|
6318
|
-
`${REACT_COMPONENT_PREFIX}-
|
|
6319
|
-
|
|
6459
|
+
`${REACT_COMPONENT_PREFIX}-input-number`,
|
|
6460
|
+
focused && `${REACT_COMPONENT_PREFIX}-input-number-focused`,
|
|
6461
|
+
disabled && `${REACT_COMPONENT_PREFIX}-input-number-disabled`,
|
|
6462
|
+
className
|
|
6320
6463
|
),
|
|
6321
6464
|
style,
|
|
6322
|
-
children:
|
|
6323
|
-
|
|
6324
|
-
|
|
6325
|
-
|
|
6326
|
-
|
|
6327
|
-
|
|
6328
|
-
|
|
6329
|
-
|
|
6330
|
-
|
|
6331
|
-
|
|
6332
|
-
|
|
6333
|
-
|
|
6334
|
-
|
|
6335
|
-
|
|
6336
|
-
|
|
6337
|
-
|
|
6338
|
-
|
|
6339
|
-
|
|
6340
|
-
|
|
6341
|
-
|
|
6342
|
-
|
|
6343
|
-
|
|
6344
|
-
|
|
6345
|
-
|
|
6346
|
-
|
|
6347
|
-
|
|
6348
|
-
|
|
6349
|
-
|
|
6350
|
-
|
|
6351
|
-
|
|
6352
|
-
|
|
6353
|
-
|
|
6354
|
-
|
|
6355
|
-
|
|
6356
|
-
|
|
6357
|
-
|
|
6358
|
-
|
|
6359
|
-
|
|
6360
|
-
|
|
6361
|
-
|
|
6362
|
-
|
|
6363
|
-
|
|
6364
|
-
|
|
6365
|
-
|
|
6366
|
-
|
|
6367
|
-
|
|
6368
|
-
|
|
6465
|
+
children: [
|
|
6466
|
+
controls && /* @__PURE__ */ jsx(
|
|
6467
|
+
"button",
|
|
6468
|
+
{
|
|
6469
|
+
type: "button",
|
|
6470
|
+
tabIndex: -1,
|
|
6471
|
+
disabled: disabled || atMin,
|
|
6472
|
+
className: joinClassNames(
|
|
6473
|
+
`${REACT_COMPONENT_PREFIX}-input-number-handler`,
|
|
6474
|
+
`${REACT_COMPONENT_PREFIX}-input-number-handler-down`
|
|
6475
|
+
),
|
|
6476
|
+
"aria-label": "\u51CF\u5C11",
|
|
6477
|
+
onMouseDown: (event) => {
|
|
6478
|
+
event.preventDefault();
|
|
6479
|
+
},
|
|
6480
|
+
onClick: () => {
|
|
6481
|
+
stepBy(-1);
|
|
6482
|
+
},
|
|
6483
|
+
children: /* @__PURE__ */ jsx(
|
|
6484
|
+
"span",
|
|
6485
|
+
{
|
|
6486
|
+
className: `${REACT_COMPONENT_PREFIX}-input-number-handler-icon`,
|
|
6487
|
+
"aria-hidden": "true"
|
|
6488
|
+
}
|
|
6489
|
+
)
|
|
6490
|
+
}
|
|
6491
|
+
),
|
|
6492
|
+
/* @__PURE__ */ jsxs("span", { className: `${REACT_COMPONENT_PREFIX}-input-number-input-wrap`, children: [
|
|
6493
|
+
/* @__PURE__ */ jsx(
|
|
6494
|
+
"input",
|
|
6495
|
+
{
|
|
6496
|
+
...restProps,
|
|
6497
|
+
type: "text",
|
|
6498
|
+
ref,
|
|
6499
|
+
disabled,
|
|
6500
|
+
inputMode: "decimal",
|
|
6501
|
+
min,
|
|
6502
|
+
max,
|
|
6503
|
+
step,
|
|
6504
|
+
value: draftText,
|
|
6505
|
+
className: `${REACT_COMPONENT_PREFIX}-input-number-input`,
|
|
6506
|
+
onFocus: (event) => {
|
|
6507
|
+
setFocused(true);
|
|
6508
|
+
onFocus?.(event);
|
|
6509
|
+
},
|
|
6510
|
+
onChange: (event) => {
|
|
6511
|
+
const nextText = event.target.value;
|
|
6512
|
+
if (!isValidNumberDraftText(nextText)) {
|
|
6513
|
+
return;
|
|
6514
|
+
}
|
|
6515
|
+
setDraftText(nextText);
|
|
6516
|
+
if (isIncompleteNumberText(nextText)) {
|
|
6517
|
+
return;
|
|
6518
|
+
}
|
|
6519
|
+
const parsed = parser ? parser(nextText) : parseNumberText(nextText);
|
|
6520
|
+
if (!isControlled) {
|
|
6521
|
+
setInnerValue(parsed);
|
|
6522
|
+
}
|
|
6523
|
+
onChange?.(parsed);
|
|
6524
|
+
},
|
|
6525
|
+
onBlur: (event) => {
|
|
6526
|
+
setFocused(false);
|
|
6527
|
+
const parsed = parser ? parser(event.target.value) : parseNumberText(event.target.value);
|
|
6528
|
+
commitValue(parsed);
|
|
6529
|
+
onBlur?.(event);
|
|
6530
|
+
},
|
|
6531
|
+
onKeyDown: (event) => {
|
|
6532
|
+
onKeyDown?.(event);
|
|
6533
|
+
if (event.defaultPrevented) return;
|
|
6534
|
+
if (event.key === "ArrowUp") {
|
|
6535
|
+
event.preventDefault();
|
|
6536
|
+
stepBy(1);
|
|
6537
|
+
} else if (event.key === "ArrowDown") {
|
|
6538
|
+
event.preventDefault();
|
|
6539
|
+
stepBy(-1);
|
|
6540
|
+
} else if (event.key === "Enter") {
|
|
6541
|
+
const parsed = parser ? parser(event.currentTarget.value) : parseNumberText(event.currentTarget.value);
|
|
6542
|
+
commitValue(parsed);
|
|
6543
|
+
onPressEnter?.(event);
|
|
6544
|
+
}
|
|
6545
|
+
},
|
|
6546
|
+
onWheel: (event) => {
|
|
6547
|
+
if (changeOnWheel && !disabled && event.deltaY !== 0) {
|
|
6548
|
+
stepBy(event.deltaY < 0 ? 1 : -1);
|
|
6549
|
+
} else if (!changeOnWheel) {
|
|
6550
|
+
event.currentTarget.blur();
|
|
6551
|
+
}
|
|
6552
|
+
onWheel?.(event);
|
|
6553
|
+
}
|
|
6554
|
+
}
|
|
6555
|
+
),
|
|
6556
|
+
addonAfter != null ? /* @__PURE__ */ jsx("span", { className: `${REACT_COMPONENT_PREFIX}-input-number-addon`, children: addonAfter }) : null
|
|
6557
|
+
] }),
|
|
6558
|
+
controls && /* @__PURE__ */ jsx(
|
|
6559
|
+
"button",
|
|
6560
|
+
{
|
|
6561
|
+
type: "button",
|
|
6562
|
+
tabIndex: -1,
|
|
6563
|
+
disabled: disabled || atMax,
|
|
6564
|
+
className: joinClassNames(
|
|
6565
|
+
`${REACT_COMPONENT_PREFIX}-input-number-handler`,
|
|
6566
|
+
`${REACT_COMPONENT_PREFIX}-input-number-handler-up`
|
|
6567
|
+
),
|
|
6568
|
+
"aria-label": "\u589E\u52A0",
|
|
6569
|
+
onMouseDown: (event) => {
|
|
6570
|
+
event.preventDefault();
|
|
6571
|
+
},
|
|
6572
|
+
onClick: () => {
|
|
6573
|
+
stepBy(1);
|
|
6574
|
+
},
|
|
6575
|
+
children: /* @__PURE__ */ jsx(
|
|
6576
|
+
"span",
|
|
6577
|
+
{
|
|
6578
|
+
className: `${REACT_COMPONENT_PREFIX}-input-number-handler-icon`,
|
|
6579
|
+
"aria-hidden": "true"
|
|
6580
|
+
}
|
|
6581
|
+
)
|
|
6582
|
+
}
|
|
6583
|
+
)
|
|
6584
|
+
]
|
|
6585
|
+
}
|
|
6586
|
+
);
|
|
6587
|
+
}
|
|
6588
|
+
);
|
|
6589
|
+
function parseNumberText(value) {
|
|
6590
|
+
const text = value.trim().replace(/%/g, "");
|
|
6591
|
+
if (!text) {
|
|
6592
|
+
return null;
|
|
6593
|
+
}
|
|
6594
|
+
const nextValue = Number(text);
|
|
6595
|
+
return Number.isFinite(nextValue) ? nextValue : null;
|
|
6596
|
+
}
|
|
6597
|
+
function isValidNumberDraftText(value) {
|
|
6598
|
+
const minusIndex = value.indexOf("-");
|
|
6599
|
+
return (minusIndex === -1 || minusIndex === 0 && value.lastIndexOf("-") === 0) && value.indexOf(".") === value.lastIndexOf(".");
|
|
6600
|
+
}
|
|
6601
|
+
function isIncompleteNumberText(value) {
|
|
6602
|
+
const text = value.trim();
|
|
6603
|
+
return text === "-" || text === "." || text === "-." || /^-?\d+\.$/.test(text);
|
|
6604
|
+
}
|
|
6605
|
+
function resolvePrecision(precision, step, value) {
|
|
6606
|
+
if (typeof precision === "number" && Number.isInteger(precision) && precision >= 0) {
|
|
6607
|
+
return precision;
|
|
6608
|
+
}
|
|
6609
|
+
if (step == null) {
|
|
6610
|
+
return void 0;
|
|
6611
|
+
}
|
|
6612
|
+
return Math.max(countDecimalPlaces(step), countDecimalPlaces(value));
|
|
6613
|
+
}
|
|
6614
|
+
function countDecimalPlaces(value) {
|
|
6615
|
+
if (value == null || !Number.isFinite(value)) return 0;
|
|
6616
|
+
const [mantissa, exponentText] = String(value).toLowerCase().split("e");
|
|
6617
|
+
const fractionDigits = mantissa.split(".")[1]?.length ?? 0;
|
|
6618
|
+
return Math.min(100, Math.max(0, fractionDigits - Number(exponentText ?? 0)));
|
|
6619
|
+
}
|
|
6620
|
+
function normalizeNumberValue(value, options) {
|
|
6621
|
+
if (value == null || !Number.isFinite(value)) {
|
|
6622
|
+
return null;
|
|
6623
|
+
}
|
|
6624
|
+
let next = value;
|
|
6625
|
+
if (options.min != null) {
|
|
6626
|
+
next = Math.max(options.min, next);
|
|
6627
|
+
}
|
|
6628
|
+
if (options.max != null) {
|
|
6629
|
+
next = Math.min(options.max, next);
|
|
6630
|
+
}
|
|
6631
|
+
if (options.precision == null) {
|
|
6632
|
+
return next;
|
|
6633
|
+
}
|
|
6634
|
+
const factor = 10 ** options.precision;
|
|
6635
|
+
return Math.round(next * factor) / factor;
|
|
6636
|
+
}
|
|
6637
|
+
function formatDisplayValue(value, formatter, precision) {
|
|
6638
|
+
if (formatter) {
|
|
6639
|
+
return formatter(value);
|
|
6640
|
+
}
|
|
6641
|
+
if (value == null || !Number.isFinite(value)) {
|
|
6642
|
+
return "";
|
|
6643
|
+
}
|
|
6644
|
+
if (precision == null) {
|
|
6645
|
+
return String(value);
|
|
6646
|
+
}
|
|
6647
|
+
return precision > 0 ? value.toFixed(precision) : String(Math.round(value));
|
|
6648
|
+
}
|
|
6369
6649
|
|
|
6370
6650
|
// src/components/input-range/style.css
|
|
6371
|
-
styleInject('@import "../../styles/variables.css";\n.canvas-react-input-range {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n width: 100%;\n min-width: 0;\n height: var(--canvas-react-control-height);\n overflow: hidden;\n border: 1px solid var(--canvas-react-color-border);\n border-radius: var(--canvas-react-radius-sm);\n background: var(--canvas-react-color-bg);\n color: var(--canvas-react-color-text);\n font-size: var(--canvas-react-font-size);\n outline: none;\n transition:\n border-color 0.2s ease,\n box-shadow 0.2s ease,\n background-color 0.2s ease;\n}\n.canvas-react-input-range:hover {\n border-color: var(--canvas-react-color-primary-hover);\n}\n.canvas-react-input-range:focus-within {\n border-color: var(--canvas-react-color-primary);\n box-shadow: var(--canvas-react-shadow-focus);\n}\n.canvas-react-input-range-disabled {\n background: #fafafa;\n color: #9ca3af;\n cursor: not-allowed;\n}\n.canvas-react-input-range > .canvas-react-
|
|
6651
|
+
styleInject('@import "../../styles/variables.css";\n.canvas-react-input-range {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n width: 100%;\n min-width: 0;\n height: var(--canvas-react-control-height);\n overflow: hidden;\n border: 1px solid var(--canvas-react-color-border);\n border-radius: var(--canvas-react-radius-sm);\n background: var(--canvas-react-color-bg);\n color: var(--canvas-react-color-text);\n font-size: var(--canvas-react-font-size);\n outline: none;\n transition:\n border-color 0.2s ease,\n box-shadow 0.2s ease,\n background-color 0.2s ease;\n}\n.canvas-react-input-range:hover {\n border-color: var(--canvas-react-color-primary-hover);\n}\n.canvas-react-input-range:focus-within {\n border-color: var(--canvas-react-color-primary);\n box-shadow: var(--canvas-react-shadow-focus);\n}\n.canvas-react-input-range-disabled {\n background: #fafafa;\n color: #9ca3af;\n cursor: not-allowed;\n}\n.canvas-react-input-range > .canvas-react-input-number,\n.canvas-react-input-range > .canvas-react-input-number:hover,\n.canvas-react-input-range > .canvas-react-input-number:focus-within {\n flex: 1 1 0;\n width: 0;\n height: 100%;\n border: 0;\n border-radius: 0;\n box-shadow: none;\n}\n.canvas-react-input-range-separator {\n flex: 0 0 auto;\n color: #9ca3af;\n line-height: 1;\n}\n');
|
|
6372
6652
|
var ReactInputRange = forwardRef(function ReactInputRange2(props, ref) {
|
|
6373
6653
|
const {
|
|
6374
6654
|
autoFocus,
|
|
6375
6655
|
className,
|
|
6656
|
+
changeOnWheel,
|
|
6376
6657
|
disabled,
|
|
6377
6658
|
max,
|
|
6378
6659
|
min,
|
|
@@ -6415,7 +6696,7 @@ var ReactInputRange = forwardRef(function ReactInputRange2(props, ref) {
|
|
|
6415
6696
|
style,
|
|
6416
6697
|
children: [
|
|
6417
6698
|
/* @__PURE__ */ jsx(
|
|
6418
|
-
|
|
6699
|
+
ReactInputNumber,
|
|
6419
6700
|
{
|
|
6420
6701
|
...restProps,
|
|
6421
6702
|
ref: startInputRef,
|
|
@@ -6429,12 +6710,13 @@ var ReactInputRange = forwardRef(function ReactInputRange2(props, ref) {
|
|
|
6429
6710
|
onFocus,
|
|
6430
6711
|
onBlur: handleBlur,
|
|
6431
6712
|
onKeyDown,
|
|
6432
|
-
onPressEnter
|
|
6713
|
+
onPressEnter,
|
|
6714
|
+
changeOnWheel
|
|
6433
6715
|
}
|
|
6434
6716
|
),
|
|
6435
6717
|
/* @__PURE__ */ jsx("span", { className: `${REACT_COMPONENT_PREFIX}-input-range-separator`, children: rangeSeparator }),
|
|
6436
6718
|
/* @__PURE__ */ jsx(
|
|
6437
|
-
|
|
6719
|
+
ReactInputNumber,
|
|
6438
6720
|
{
|
|
6439
6721
|
...restProps,
|
|
6440
6722
|
value: value[1],
|
|
@@ -6447,7 +6729,8 @@ var ReactInputRange = forwardRef(function ReactInputRange2(props, ref) {
|
|
|
6447
6729
|
onFocus,
|
|
6448
6730
|
onBlur: handleBlur,
|
|
6449
6731
|
onKeyDown,
|
|
6450
|
-
onPressEnter
|
|
6732
|
+
onPressEnter,
|
|
6733
|
+
changeOnWheel
|
|
6451
6734
|
}
|
|
6452
6735
|
)
|
|
6453
6736
|
]
|
|
@@ -8158,12 +8441,6 @@ function ReactCol({ span = 24, style, ...props }) {
|
|
|
8158
8441
|
}
|
|
8159
8442
|
);
|
|
8160
8443
|
}
|
|
8161
|
-
function ReactTooltip({ title, children }) {
|
|
8162
|
-
return cloneElement(children, {
|
|
8163
|
-
title: typeof title === "string" ? title : void 0,
|
|
8164
|
-
"aria-label": typeof title === "string" ? title : void 0
|
|
8165
|
-
});
|
|
8166
|
-
}
|
|
8167
8444
|
var RadioGroupContext = createContext({});
|
|
8168
8445
|
function ReactRadioOption({
|
|
8169
8446
|
value,
|
|
@@ -8238,252 +8515,19 @@ function ReactTextArea({ className, ...props }) {
|
|
|
8238
8515
|
);
|
|
8239
8516
|
}
|
|
8240
8517
|
|
|
8241
|
-
// src/
|
|
8242
|
-
|
|
8243
|
-
var
|
|
8244
|
-
|
|
8245
|
-
|
|
8246
|
-
|
|
8247
|
-
|
|
8248
|
-
|
|
8249
|
-
|
|
8250
|
-
|
|
8251
|
-
|
|
8252
|
-
|
|
8253
|
-
|
|
8254
|
-
onBlur,
|
|
8255
|
-
onChange,
|
|
8256
|
-
onCommit,
|
|
8257
|
-
onFocus,
|
|
8258
|
-
onKeyDown,
|
|
8259
|
-
parser,
|
|
8260
|
-
precision,
|
|
8261
|
-
step = 1,
|
|
8262
|
-
style,
|
|
8263
|
-
value,
|
|
8264
|
-
...restProps
|
|
8265
|
-
} = props;
|
|
8266
|
-
const isControlled = value !== void 0;
|
|
8267
|
-
const [innerValue, setInnerValue] = useState(
|
|
8268
|
-
isControlled ? value ?? null : defaultValue
|
|
8269
|
-
);
|
|
8270
|
-
const currentValue = isControlled ? value ?? null : innerValue;
|
|
8271
|
-
const [draftText, setDraftText] = useState(
|
|
8272
|
-
formatDisplayValue(
|
|
8273
|
-
currentValue,
|
|
8274
|
-
formatter,
|
|
8275
|
-
resolvePrecision(precision, step),
|
|
8276
|
-
step
|
|
8277
|
-
)
|
|
8278
|
-
);
|
|
8279
|
-
const [focused, setFocused] = useState(false);
|
|
8280
|
-
const resolvedPrecision = useMemo(
|
|
8281
|
-
() => resolvePrecision(precision, step),
|
|
8282
|
-
[precision, step]
|
|
8283
|
-
);
|
|
8284
|
-
useEffect(() => {
|
|
8285
|
-
if (!focused) {
|
|
8286
|
-
setDraftText(
|
|
8287
|
-
formatDisplayValue(currentValue, formatter, resolvedPrecision, step)
|
|
8288
|
-
);
|
|
8289
|
-
}
|
|
8290
|
-
}, [currentValue, focused, formatter, resolvedPrecision, step]);
|
|
8291
|
-
const commitValue = (nextValue) => {
|
|
8292
|
-
const normalized = normalizeNumberValue(nextValue, {
|
|
8293
|
-
min,
|
|
8294
|
-
max,
|
|
8295
|
-
precision: resolvedPrecision
|
|
8296
|
-
});
|
|
8297
|
-
if (!isControlled) {
|
|
8298
|
-
setInnerValue(normalized);
|
|
8299
|
-
}
|
|
8300
|
-
onChange?.(normalized);
|
|
8301
|
-
onCommit?.(normalized);
|
|
8302
|
-
setDraftText(
|
|
8303
|
-
formatDisplayValue(normalized, formatter, resolvedPrecision, step)
|
|
8304
|
-
);
|
|
8305
|
-
return normalized;
|
|
8306
|
-
};
|
|
8307
|
-
const stepBy = (direction) => {
|
|
8308
|
-
if (disabled) {
|
|
8309
|
-
return;
|
|
8310
|
-
}
|
|
8311
|
-
const base = currentValue == null || !Number.isFinite(currentValue) ? 0 : currentValue;
|
|
8312
|
-
const next = base + direction * step;
|
|
8313
|
-
commitValue(next);
|
|
8314
|
-
};
|
|
8315
|
-
const atMin = currentValue != null && min != null && currentValue <= min + Number.EPSILON;
|
|
8316
|
-
const atMax = currentValue != null && max != null && currentValue >= max - Number.EPSILON;
|
|
8317
|
-
return /* @__PURE__ */ jsxs(
|
|
8318
|
-
"span",
|
|
8319
|
-
{
|
|
8320
|
-
className: joinClassNames(
|
|
8321
|
-
`${REACT_COMPONENT_PREFIX}-input-number`,
|
|
8322
|
-
focused && `${REACT_COMPONENT_PREFIX}-input-number-focused`,
|
|
8323
|
-
disabled && `${REACT_COMPONENT_PREFIX}-input-number-disabled`,
|
|
8324
|
-
className
|
|
8325
|
-
),
|
|
8326
|
-
style,
|
|
8327
|
-
children: [
|
|
8328
|
-
controls && /* @__PURE__ */ jsx(
|
|
8329
|
-
"button",
|
|
8330
|
-
{
|
|
8331
|
-
type: "button",
|
|
8332
|
-
tabIndex: -1,
|
|
8333
|
-
disabled: disabled || atMin,
|
|
8334
|
-
className: joinClassNames(
|
|
8335
|
-
`${REACT_COMPONENT_PREFIX}-input-number-handler`,
|
|
8336
|
-
`${REACT_COMPONENT_PREFIX}-input-number-handler-down`
|
|
8337
|
-
),
|
|
8338
|
-
"aria-label": "\u51CF\u5C11",
|
|
8339
|
-
onMouseDown: (event) => {
|
|
8340
|
-
event.preventDefault();
|
|
8341
|
-
},
|
|
8342
|
-
onClick: () => {
|
|
8343
|
-
stepBy(-1);
|
|
8344
|
-
},
|
|
8345
|
-
children: /* @__PURE__ */ jsx(
|
|
8346
|
-
"span",
|
|
8347
|
-
{
|
|
8348
|
-
className: `${REACT_COMPONENT_PREFIX}-input-number-handler-icon`,
|
|
8349
|
-
"aria-hidden": "true"
|
|
8350
|
-
}
|
|
8351
|
-
)
|
|
8352
|
-
}
|
|
8353
|
-
),
|
|
8354
|
-
/* @__PURE__ */ jsxs("span", { className: `${REACT_COMPONENT_PREFIX}-input-number-input-wrap`, children: [
|
|
8355
|
-
/* @__PURE__ */ jsx(
|
|
8356
|
-
"input",
|
|
8357
|
-
{
|
|
8358
|
-
...restProps,
|
|
8359
|
-
ref,
|
|
8360
|
-
disabled,
|
|
8361
|
-
inputMode: "decimal",
|
|
8362
|
-
value: draftText,
|
|
8363
|
-
className: `${REACT_COMPONENT_PREFIX}-input-number-input`,
|
|
8364
|
-
onFocus: (event) => {
|
|
8365
|
-
setFocused(true);
|
|
8366
|
-
onFocus?.(event);
|
|
8367
|
-
},
|
|
8368
|
-
onChange: (event) => {
|
|
8369
|
-
const nextText = event.target.value;
|
|
8370
|
-
setDraftText(nextText);
|
|
8371
|
-
const parsed = parser ? parser(nextText) : parseNumberText(nextText);
|
|
8372
|
-
if (!isControlled) {
|
|
8373
|
-
setInnerValue(parsed);
|
|
8374
|
-
}
|
|
8375
|
-
onChange?.(parsed);
|
|
8376
|
-
},
|
|
8377
|
-
onBlur: (event) => {
|
|
8378
|
-
setFocused(false);
|
|
8379
|
-
const parsed = parser ? parser(event.target.value) : parseNumberText(event.target.value);
|
|
8380
|
-
commitValue(parsed);
|
|
8381
|
-
onBlur?.(event);
|
|
8382
|
-
},
|
|
8383
|
-
onKeyDown: (event) => {
|
|
8384
|
-
if (event.key === "ArrowUp") {
|
|
8385
|
-
event.preventDefault();
|
|
8386
|
-
stepBy(1);
|
|
8387
|
-
} else if (event.key === "ArrowDown") {
|
|
8388
|
-
event.preventDefault();
|
|
8389
|
-
stepBy(-1);
|
|
8390
|
-
} else if (event.key === "Enter") {
|
|
8391
|
-
const parsed = parser ? parser(event.currentTarget.value) : parseNumberText(event.currentTarget.value);
|
|
8392
|
-
commitValue(parsed);
|
|
8393
|
-
}
|
|
8394
|
-
onKeyDown?.(event);
|
|
8395
|
-
}
|
|
8396
|
-
}
|
|
8397
|
-
),
|
|
8398
|
-
addonAfter != null ? /* @__PURE__ */ jsx("span", { className: `${REACT_COMPONENT_PREFIX}-input-number-addon`, children: addonAfter }) : null
|
|
8399
|
-
] }),
|
|
8400
|
-
controls && /* @__PURE__ */ jsx(
|
|
8401
|
-
"button",
|
|
8402
|
-
{
|
|
8403
|
-
type: "button",
|
|
8404
|
-
tabIndex: -1,
|
|
8405
|
-
disabled: disabled || atMax,
|
|
8406
|
-
className: joinClassNames(
|
|
8407
|
-
`${REACT_COMPONENT_PREFIX}-input-number-handler`,
|
|
8408
|
-
`${REACT_COMPONENT_PREFIX}-input-number-handler-up`
|
|
8409
|
-
),
|
|
8410
|
-
"aria-label": "\u589E\u52A0",
|
|
8411
|
-
onMouseDown: (event) => {
|
|
8412
|
-
event.preventDefault();
|
|
8413
|
-
},
|
|
8414
|
-
onClick: () => {
|
|
8415
|
-
stepBy(1);
|
|
8416
|
-
},
|
|
8417
|
-
children: /* @__PURE__ */ jsx(
|
|
8418
|
-
"span",
|
|
8419
|
-
{
|
|
8420
|
-
className: `${REACT_COMPONENT_PREFIX}-input-number-handler-icon`,
|
|
8421
|
-
"aria-hidden": "true"
|
|
8422
|
-
}
|
|
8423
|
-
)
|
|
8424
|
-
}
|
|
8425
|
-
)
|
|
8426
|
-
]
|
|
8427
|
-
}
|
|
8428
|
-
);
|
|
8429
|
-
}
|
|
8430
|
-
);
|
|
8431
|
-
function parseNumberText(value) {
|
|
8432
|
-
const text = value.trim().replace(/%/g, "");
|
|
8433
|
-
if (!text) {
|
|
8434
|
-
return null;
|
|
8435
|
-
}
|
|
8436
|
-
const nextValue = Number(text);
|
|
8437
|
-
return Number.isFinite(nextValue) ? nextValue : null;
|
|
8438
|
-
}
|
|
8439
|
-
function resolvePrecision(precision, step) {
|
|
8440
|
-
if (typeof precision === "number" && Number.isInteger(precision) && precision >= 0) {
|
|
8441
|
-
return precision;
|
|
8442
|
-
}
|
|
8443
|
-
const stepText = String(step);
|
|
8444
|
-
if (!stepText.includes(".")) {
|
|
8445
|
-
return 0;
|
|
8446
|
-
}
|
|
8447
|
-
return stepText.split(".")[1]?.length ?? 0;
|
|
8448
|
-
}
|
|
8449
|
-
function normalizeNumberValue(value, options) {
|
|
8450
|
-
if (value == null || !Number.isFinite(value)) {
|
|
8451
|
-
return null;
|
|
8452
|
-
}
|
|
8453
|
-
let next = value;
|
|
8454
|
-
if (options.min != null) {
|
|
8455
|
-
next = Math.max(options.min, next);
|
|
8456
|
-
}
|
|
8457
|
-
if (options.max != null) {
|
|
8458
|
-
next = Math.min(options.max, next);
|
|
8459
|
-
}
|
|
8460
|
-
const factor = 10 ** options.precision;
|
|
8461
|
-
return Math.round(next * factor) / factor;
|
|
8462
|
-
}
|
|
8463
|
-
function formatDisplayValue(value, formatter, precision, step) {
|
|
8464
|
-
if (formatter) {
|
|
8465
|
-
return formatter(value);
|
|
8466
|
-
}
|
|
8467
|
-
if (value == null || !Number.isFinite(value)) {
|
|
8468
|
-
return "";
|
|
8469
|
-
}
|
|
8470
|
-
const digits = resolvePrecision(precision, step);
|
|
8471
|
-
return digits > 0 ? value.toFixed(digits) : String(Math.round(value));
|
|
8472
|
-
}
|
|
8473
|
-
|
|
8474
|
-
// src/shared/scrollbar-settings.ts
|
|
8475
|
-
var STORAGE_KEY = "canvas-components:shared-scrollbar-settings";
|
|
8476
|
-
var listeners = /* @__PURE__ */ new Set();
|
|
8477
|
-
function readStoredSettings() {
|
|
8478
|
-
try {
|
|
8479
|
-
const raw = globalThis.localStorage?.getItem(STORAGE_KEY);
|
|
8480
|
-
if (!raw) return { shared: false };
|
|
8481
|
-
const parsed = JSON.parse(raw);
|
|
8482
|
-
if (!parsed || typeof parsed !== "object") return { shared: false };
|
|
8483
|
-
const settings = parsed;
|
|
8484
|
-
return {
|
|
8485
|
-
shared: settings.shared === true,
|
|
8486
|
-
value: settings.value && typeof settings.value === "object" ? settings.value : void 0
|
|
8518
|
+
// src/shared/scrollbar-settings.ts
|
|
8519
|
+
var STORAGE_KEY = "canvas-components:shared-scrollbar-settings";
|
|
8520
|
+
var listeners = /* @__PURE__ */ new Set();
|
|
8521
|
+
function readStoredSettings() {
|
|
8522
|
+
try {
|
|
8523
|
+
const raw = globalThis.localStorage?.getItem(STORAGE_KEY);
|
|
8524
|
+
if (!raw) return { shared: false };
|
|
8525
|
+
const parsed = JSON.parse(raw);
|
|
8526
|
+
if (!parsed || typeof parsed !== "object") return { shared: false };
|
|
8527
|
+
const settings = parsed;
|
|
8528
|
+
return {
|
|
8529
|
+
shared: settings.shared === true,
|
|
8530
|
+
value: settings.value && typeof settings.value === "object" ? settings.value : void 0
|
|
8487
8531
|
};
|
|
8488
8532
|
} catch {
|
|
8489
8533
|
return { shared: false };
|
|
@@ -9450,6 +9494,548 @@ function ReactDropdown(props) {
|
|
|
9450
9494
|
)
|
|
9451
9495
|
] });
|
|
9452
9496
|
}
|
|
9497
|
+
var VIEWPORT_MARGIN = 8;
|
|
9498
|
+
function clamp3(value, min, max) {
|
|
9499
|
+
return Math.max(min, Math.min(value, max));
|
|
9500
|
+
}
|
|
9501
|
+
function resolveTooltipLayout(params) {
|
|
9502
|
+
const {
|
|
9503
|
+
anchor,
|
|
9504
|
+
width,
|
|
9505
|
+
height,
|
|
9506
|
+
viewportWidth,
|
|
9507
|
+
viewportHeight,
|
|
9508
|
+
gap,
|
|
9509
|
+
arrowSize
|
|
9510
|
+
} = params;
|
|
9511
|
+
const centerX = anchor.x + anchor.width / 2;
|
|
9512
|
+
const centerY = anchor.y + anchor.height / 2;
|
|
9513
|
+
const right = anchor.x + anchor.width;
|
|
9514
|
+
const bottom = anchor.y + anchor.height;
|
|
9515
|
+
const room = {
|
|
9516
|
+
bottom: viewportHeight - VIEWPORT_MARGIN - bottom - gap,
|
|
9517
|
+
top: anchor.y - VIEWPORT_MARGIN - gap,
|
|
9518
|
+
right: viewportWidth - VIEWPORT_MARGIN - right - gap,
|
|
9519
|
+
left: anchor.x - VIEWPORT_MARGIN - gap
|
|
9520
|
+
};
|
|
9521
|
+
const choices = ["bottom", "top", "right", "left"];
|
|
9522
|
+
const placement = choices.find(
|
|
9523
|
+
(side) => room[side] >= (side === "bottom" || side === "top" ? height : width)
|
|
9524
|
+
) ?? choices.reduce(
|
|
9525
|
+
(best, side) => room[side] - (side === "bottom" || side === "top" ? height : width) > room[best] - (best === "bottom" || best === "top" ? height : width) ? side : best
|
|
9526
|
+
);
|
|
9527
|
+
const rawLeft = placement === "right" ? right + gap : placement === "left" ? anchor.x - width - gap : centerX - width / 2;
|
|
9528
|
+
const rawTop = placement === "bottom" ? bottom + gap : placement === "top" ? anchor.y - height - gap : centerY - height / 2;
|
|
9529
|
+
const left = clamp3(
|
|
9530
|
+
rawLeft,
|
|
9531
|
+
VIEWPORT_MARGIN,
|
|
9532
|
+
Math.max(VIEWPORT_MARGIN, viewportWidth - width - VIEWPORT_MARGIN)
|
|
9533
|
+
);
|
|
9534
|
+
const top = clamp3(
|
|
9535
|
+
rawTop,
|
|
9536
|
+
VIEWPORT_MARGIN,
|
|
9537
|
+
Math.max(VIEWPORT_MARGIN, viewportHeight - height - VIEWPORT_MARGIN)
|
|
9538
|
+
);
|
|
9539
|
+
const horizontal = placement === "bottom" || placement === "top";
|
|
9540
|
+
const available = horizontal ? width : height;
|
|
9541
|
+
const target = horizontal ? centerX - left : centerY - top;
|
|
9542
|
+
const arrowOffset = clamp3(
|
|
9543
|
+
target - arrowSize / 2,
|
|
9544
|
+
4,
|
|
9545
|
+
Math.max(4, available - arrowSize - 4)
|
|
9546
|
+
);
|
|
9547
|
+
return { left, top, placement, arrowOffset };
|
|
9548
|
+
}
|
|
9549
|
+
function ReactTooltip(props) {
|
|
9550
|
+
if ("request" in props) {
|
|
9551
|
+
return /* @__PURE__ */ jsx(ReactPositionedTooltip, { request: props.request });
|
|
9552
|
+
}
|
|
9553
|
+
return cloneElement(props.children, {
|
|
9554
|
+
title: typeof props.title === "string" ? props.title : void 0,
|
|
9555
|
+
"aria-label": typeof props.title === "string" ? props.title : void 0
|
|
9556
|
+
});
|
|
9557
|
+
}
|
|
9558
|
+
function ReactPositionedTooltip(props) {
|
|
9559
|
+
const { request } = props;
|
|
9560
|
+
const tooltipRef = useRef(null);
|
|
9561
|
+
const arrowRef = useRef(null);
|
|
9562
|
+
const zoom = typeof request?.contentZoom === "number" && Number.isFinite(request.contentZoom) && request.contentZoom > 0 ? request.contentZoom : 1;
|
|
9563
|
+
const arrowSize = 8 * zoom;
|
|
9564
|
+
useLayoutEffect(() => {
|
|
9565
|
+
const tooltip = tooltipRef.current;
|
|
9566
|
+
const arrow = arrowRef.current;
|
|
9567
|
+
if (!tooltip || !arrow || !request || typeof window === "undefined") return;
|
|
9568
|
+
const updateLayout = () => {
|
|
9569
|
+
const bounds = tooltip.getBoundingClientRect();
|
|
9570
|
+
const layout = resolveTooltipLayout({
|
|
9571
|
+
anchor: request.anchorRect ?? {
|
|
9572
|
+
x: request.x,
|
|
9573
|
+
y: request.y,
|
|
9574
|
+
width: 0,
|
|
9575
|
+
height: 0
|
|
9576
|
+
},
|
|
9577
|
+
width: bounds.width,
|
|
9578
|
+
height: bounds.height,
|
|
9579
|
+
viewportWidth: window.innerWidth,
|
|
9580
|
+
viewportHeight: window.innerHeight,
|
|
9581
|
+
gap: 6 * zoom,
|
|
9582
|
+
arrowSize
|
|
9583
|
+
});
|
|
9584
|
+
tooltip.style.left = `${layout.left}px`;
|
|
9585
|
+
tooltip.style.top = `${layout.top}px`;
|
|
9586
|
+
tooltip.dataset.placement = layout.placement;
|
|
9587
|
+
arrow.style.left = "";
|
|
9588
|
+
arrow.style.right = "";
|
|
9589
|
+
arrow.style.top = "";
|
|
9590
|
+
arrow.style.bottom = "";
|
|
9591
|
+
arrow.style.borderTop = "";
|
|
9592
|
+
arrow.style.borderRight = "";
|
|
9593
|
+
arrow.style.borderBottom = "";
|
|
9594
|
+
arrow.style.borderLeft = "";
|
|
9595
|
+
const arrowBorder = request.variant === "error" ? "1px solid rgba(255, 77, 79, 0.2)" : "none";
|
|
9596
|
+
if (layout.placement === "bottom" || layout.placement === "top") {
|
|
9597
|
+
arrow.style.left = `${layout.arrowOffset}px`;
|
|
9598
|
+
if (layout.placement === "bottom") {
|
|
9599
|
+
arrow.style.top = `${-arrowSize / 2}px`;
|
|
9600
|
+
arrow.style.borderTop = arrowBorder;
|
|
9601
|
+
arrow.style.borderLeft = arrowBorder;
|
|
9602
|
+
} else {
|
|
9603
|
+
arrow.style.bottom = `${-arrowSize / 2}px`;
|
|
9604
|
+
arrow.style.borderBottom = arrowBorder;
|
|
9605
|
+
arrow.style.borderRight = arrowBorder;
|
|
9606
|
+
}
|
|
9607
|
+
} else {
|
|
9608
|
+
arrow.style.top = `${layout.arrowOffset}px`;
|
|
9609
|
+
if (layout.placement === "right") {
|
|
9610
|
+
arrow.style.left = `${-arrowSize / 2}px`;
|
|
9611
|
+
arrow.style.borderLeft = arrowBorder;
|
|
9612
|
+
arrow.style.borderBottom = arrowBorder;
|
|
9613
|
+
} else {
|
|
9614
|
+
arrow.style.right = `${-arrowSize / 2}px`;
|
|
9615
|
+
arrow.style.borderTop = arrowBorder;
|
|
9616
|
+
arrow.style.borderRight = arrowBorder;
|
|
9617
|
+
}
|
|
9618
|
+
}
|
|
9619
|
+
};
|
|
9620
|
+
updateLayout();
|
|
9621
|
+
window.addEventListener("resize", updateLayout);
|
|
9622
|
+
return () => window.removeEventListener("resize", updateLayout);
|
|
9623
|
+
}, [request, arrowSize, zoom]);
|
|
9624
|
+
if (!request) return null;
|
|
9625
|
+
const fontSize = 14 * zoom;
|
|
9626
|
+
const paddingBlock = 6 * zoom;
|
|
9627
|
+
const paddingInline = 10 * zoom;
|
|
9628
|
+
const background = request.variant === "error" ? "#ffffff" : "rgba(17, 24, 39, 0.92)";
|
|
9629
|
+
const style = {
|
|
9630
|
+
position: "fixed",
|
|
9631
|
+
left: request.x,
|
|
9632
|
+
top: request.y,
|
|
9633
|
+
boxSizing: "border-box",
|
|
9634
|
+
maxWidth: request.variant === "resize" ? "calc(100vw - 16px)" : `min(${320 * zoom}px, calc(100vw - 16px))`,
|
|
9635
|
+
maxHeight: "calc(100vh - 16px)",
|
|
9636
|
+
padding: `${paddingBlock}px ${paddingInline}px`,
|
|
9637
|
+
borderRadius: 6 * zoom,
|
|
9638
|
+
background,
|
|
9639
|
+
color: request.variant === "error" ? "#ff4d4f" : "#fff",
|
|
9640
|
+
fontSize,
|
|
9641
|
+
lineHeight: 1.5,
|
|
9642
|
+
boxShadow: request.variant === "error" ? "0 10px 30px rgba(255, 77, 79, 0.16)" : "0 10px 30px rgba(15, 23, 42, 0.18)",
|
|
9643
|
+
border: request.variant === "error" ? "1px solid rgba(255, 77, 79, 0.2)" : "none",
|
|
9644
|
+
pointerEvents: "none",
|
|
9645
|
+
zIndex: 1200,
|
|
9646
|
+
whiteSpace: request.variant === "resize" ? "nowrap" : "pre-wrap",
|
|
9647
|
+
wordBreak: "break-word"
|
|
9648
|
+
};
|
|
9649
|
+
return /* @__PURE__ */ jsxs("div", { ref: tooltipRef, role: "tooltip", style, children: [
|
|
9650
|
+
/* @__PURE__ */ jsx(
|
|
9651
|
+
"span",
|
|
9652
|
+
{
|
|
9653
|
+
style: {
|
|
9654
|
+
display: "block",
|
|
9655
|
+
maxHeight: `calc(100vh - ${16 + 2 * paddingBlock + 2}px)`,
|
|
9656
|
+
overflow: "hidden",
|
|
9657
|
+
textOverflow: request.variant === "resize" ? "ellipsis" : void 0
|
|
9658
|
+
},
|
|
9659
|
+
children: request.content
|
|
9660
|
+
}
|
|
9661
|
+
),
|
|
9662
|
+
/* @__PURE__ */ jsx(
|
|
9663
|
+
"span",
|
|
9664
|
+
{
|
|
9665
|
+
ref: arrowRef,
|
|
9666
|
+
"aria-hidden": "true",
|
|
9667
|
+
style: {
|
|
9668
|
+
position: "absolute",
|
|
9669
|
+
width: arrowSize,
|
|
9670
|
+
height: arrowSize,
|
|
9671
|
+
boxSizing: "border-box",
|
|
9672
|
+
background,
|
|
9673
|
+
transform: "rotate(45deg)",
|
|
9674
|
+
pointerEvents: "none"
|
|
9675
|
+
}
|
|
9676
|
+
}
|
|
9677
|
+
)
|
|
9678
|
+
] });
|
|
9679
|
+
}
|
|
9680
|
+
|
|
9681
|
+
// src/components/tour/style.css
|
|
9682
|
+
styleInject(".canvas-react-tour {\n position: fixed;\n inset: 0;\n z-index: 1800;\n pointer-events: none;\n font-family: inherit;\n}\n.canvas-react-tour-backdrop {\n position: absolute;\n inset: 0;\n background: rgba(15, 23, 42, 0.56);\n pointer-events: auto;\n}\n.canvas-react-tour-mask {\n position: absolute;\n inset: 0;\n pointer-events: none;\n}\n.canvas-react-tour-focus {\n position: absolute;\n border-radius: 8px;\n box-shadow: 0 0 0 2px #60a5fa, 0 0 0 5px rgba(96, 165, 250, 0.24);\n pointer-events: none;\n}\n.canvas-react-tour-focus-secondary {\n box-shadow: 0 0 0 3px #f59e0b, 0 0 0 7px rgba(245, 158, 11, 0.24);\n}\n.canvas-react-tour-card {\n position: absolute;\n box-sizing: border-box;\n width: min(360px, calc(100vw - 24px));\n max-height: calc(100vh - 24px);\n overflow: auto;\n padding: 16px;\n border: 1px solid #dbeafe;\n border-radius: 12px;\n background: #fff;\n color: #172033;\n box-shadow: 0 20px 50px rgba(15, 23, 42, 0.26);\n pointer-events: auto;\n transition: top 320ms cubic-bezier(0.22, 1, 0.36, 1), left 320ms cubic-bezier(0.22, 1, 0.36, 1);\n animation: canvas-react-tour-appear 220ms ease-out both;\n}\n.canvas-react-tour-card:focus {\n outline: none;\n}\n.canvas-react-tour-heading,\n.canvas-react-tour-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.canvas-react-tour-heading {\n justify-content: space-between;\n color: #64748b;\n font-size: 12px;\n}\n.canvas-react-tour-heading button {\n border: 0;\n background: transparent;\n color: #64748b;\n font-size: 22px;\n cursor: pointer;\n}\n.canvas-react-tour-card h3 {\n margin: 8px 0;\n font-size: 16px;\n line-height: 1.4;\n}\n.canvas-react-tour-content {\n animation: canvas-react-tour-content-enter 260ms ease-out both;\n}\n.canvas-react-tour-description {\n font-size: 13px;\n line-height: 1.65;\n white-space: pre-wrap;\n overflow-wrap: anywhere;\n}\n.canvas-react-tour-progress {\n display: flex;\n gap: 4px;\n overflow-x: auto;\n padding: 16px 0;\n}\n.canvas-react-tour-progress button {\n flex: 0 0 16px;\n height: 5px;\n border: 0;\n border-radius: 5px;\n background: #cbd5e1;\n cursor: pointer;\n}\n.canvas-react-tour-progress button.active {\n background: #2563eb;\n}\n.canvas-react-tour-progress button {\n transition: background-color 220ms ease;\n}\n.canvas-react-tour-start-step {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-bottom: 12px;\n color: #475569;\n font-size: 12px;\n}\n.canvas-react-tour-start-step input {\n box-sizing: border-box;\n width: 56px;\n height: 28px;\n padding: 2px 6px;\n border: 1px solid #cbd5e1;\n border-radius: 6px;\n background: #fff;\n color: #172033;\n font: inherit;\n text-align: center;\n}\n.canvas-react-tour-start-step input:focus-visible {\n outline: 2px solid #60a5fa;\n outline-offset: 1px;\n}\n.canvas-react-tour-actions {\n justify-content: flex-end;\n}\n.canvas-react-tour-actions button {\n padding: 5px 10px;\n border: 1px solid #cbd5e1;\n border-radius: 6px;\n background: #fff;\n color: #334155;\n cursor: pointer;\n}\n.canvas-react-tour-actions button:last-child {\n background: #2563eb;\n border-color: #2563eb;\n color: #fff;\n}\n.canvas-react-tour-actions button:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n@keyframes canvas-react-tour-appear {\n from {\n opacity: 0;\n transform: translateY(8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@keyframes canvas-react-tour-content-enter {\n from {\n opacity: 0;\n transform: translateY(5px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@media (prefers-reduced-motion: reduce) {\n .canvas-react-tour-card,\n .canvas-react-tour-content {\n animation: none;\n }\n .canvas-react-tour-card,\n .canvas-react-tour-progress button {\n transition: none;\n }\n}\n");
|
|
9683
|
+
function focusRect(rect, pad = 6) {
|
|
9684
|
+
if (!rect || rect.width <= 0 || rect.height <= 0) return null;
|
|
9685
|
+
const left = Math.max(0, rect.left - pad);
|
|
9686
|
+
const top = Math.max(0, rect.top - pad);
|
|
9687
|
+
const right = Math.min(window.innerWidth, rect.left + rect.width + pad);
|
|
9688
|
+
const bottom = Math.min(window.innerHeight, rect.top + rect.height + pad);
|
|
9689
|
+
if (right <= left || bottom <= top) return null;
|
|
9690
|
+
return { left, top, width: right - left, height: bottom - top };
|
|
9691
|
+
}
|
|
9692
|
+
function collapsedRect(rect) {
|
|
9693
|
+
return {
|
|
9694
|
+
left: rect.left + rect.width / 2,
|
|
9695
|
+
top: rect.top + rect.height / 2,
|
|
9696
|
+
width: 0,
|
|
9697
|
+
height: 0
|
|
9698
|
+
};
|
|
9699
|
+
}
|
|
9700
|
+
function interpolateRect(from, to, progress) {
|
|
9701
|
+
if (!from && !to) return null;
|
|
9702
|
+
const start = from ?? collapsedRect(to);
|
|
9703
|
+
const end = to ?? collapsedRect(from);
|
|
9704
|
+
return {
|
|
9705
|
+
left: start.left + (end.left - start.left) * progress,
|
|
9706
|
+
top: start.top + (end.top - start.top) * progress,
|
|
9707
|
+
width: start.width + (end.width - start.width) * progress,
|
|
9708
|
+
height: start.height + (end.height - start.height) * progress
|
|
9709
|
+
};
|
|
9710
|
+
}
|
|
9711
|
+
function ReactTour(props) {
|
|
9712
|
+
const {
|
|
9713
|
+
open,
|
|
9714
|
+
steps,
|
|
9715
|
+
current,
|
|
9716
|
+
onChange,
|
|
9717
|
+
onClose,
|
|
9718
|
+
interval = 3e3,
|
|
9719
|
+
playing = false,
|
|
9720
|
+
onPlayingChange
|
|
9721
|
+
} = props;
|
|
9722
|
+
const cardRef = useRef(null);
|
|
9723
|
+
const maskId = useRef(
|
|
9724
|
+
`canvas-react-tour-mask-${Math.random().toString(36).slice(2)}`
|
|
9725
|
+
);
|
|
9726
|
+
const [geometry, setGeometry] = useState(null);
|
|
9727
|
+
const [displayFocus, setDisplayFocus] = useState({
|
|
9728
|
+
primary: null,
|
|
9729
|
+
secondary: null
|
|
9730
|
+
});
|
|
9731
|
+
const displayFocusRef = useRef(displayFocus);
|
|
9732
|
+
const previousStepRef = useRef(null);
|
|
9733
|
+
const animationRef = useRef(null);
|
|
9734
|
+
const [startStep, setStartStep] = useState(String(current + 1));
|
|
9735
|
+
const step = steps[current];
|
|
9736
|
+
useEffect(() => {
|
|
9737
|
+
if (open)
|
|
9738
|
+
setStartStep(
|
|
9739
|
+
String(
|
|
9740
|
+
current === steps.length - 1 && steps.length > 1 ? 1 : current + 1
|
|
9741
|
+
)
|
|
9742
|
+
);
|
|
9743
|
+
}, [open, current, steps.length]);
|
|
9744
|
+
const playFromSelectedStep = () => {
|
|
9745
|
+
if (playing) {
|
|
9746
|
+
onPlayingChange?.(false);
|
|
9747
|
+
return;
|
|
9748
|
+
}
|
|
9749
|
+
const value = Number(startStep);
|
|
9750
|
+
if (!Number.isInteger(value) || !startStep.trim()) return;
|
|
9751
|
+
const index = Math.min(steps.length - 1, Math.max(0, value - 1));
|
|
9752
|
+
setStartStep(String(index + 1));
|
|
9753
|
+
if (index !== current) onChange(index);
|
|
9754
|
+
onPlayingChange?.(true);
|
|
9755
|
+
};
|
|
9756
|
+
useLayoutEffect(() => {
|
|
9757
|
+
if (!open || !step) return;
|
|
9758
|
+
let pending;
|
|
9759
|
+
const update = (reveal = false) => {
|
|
9760
|
+
const target = typeof step.target === "string" ? document.querySelector(step.target) : step.target?.();
|
|
9761
|
+
let parent = target instanceof HTMLElement ? target.parentElement : null;
|
|
9762
|
+
let opened = false;
|
|
9763
|
+
while (parent) {
|
|
9764
|
+
if (parent.hidden && parent.previousElementSibling instanceof HTMLButtonElement) {
|
|
9765
|
+
parent.previousElementSibling.click();
|
|
9766
|
+
opened = true;
|
|
9767
|
+
}
|
|
9768
|
+
parent = parent.parentElement;
|
|
9769
|
+
}
|
|
9770
|
+
if (opened) {
|
|
9771
|
+
if (pending !== void 0) window.clearTimeout(pending);
|
|
9772
|
+
pending = window.setTimeout(() => update(true), 0);
|
|
9773
|
+
return;
|
|
9774
|
+
}
|
|
9775
|
+
if (reveal && target instanceof HTMLElement)
|
|
9776
|
+
target.scrollIntoView?.({ block: "nearest", inline: "nearest" });
|
|
9777
|
+
setGeometry({
|
|
9778
|
+
stepIndex: current,
|
|
9779
|
+
primary: focusRect(
|
|
9780
|
+
target instanceof HTMLElement ? target.getBoundingClientRect() : target ?? null
|
|
9781
|
+
),
|
|
9782
|
+
secondary: focusRect(props.highlightTarget?.() ?? null, 8)
|
|
9783
|
+
});
|
|
9784
|
+
};
|
|
9785
|
+
update(true);
|
|
9786
|
+
const refresh = () => update();
|
|
9787
|
+
window.addEventListener("resize", refresh);
|
|
9788
|
+
window.addEventListener("scroll", refresh, true);
|
|
9789
|
+
return () => {
|
|
9790
|
+
if (pending !== void 0) window.clearTimeout(pending);
|
|
9791
|
+
window.removeEventListener("resize", refresh);
|
|
9792
|
+
window.removeEventListener("scroll", refresh, true);
|
|
9793
|
+
};
|
|
9794
|
+
}, [open, step, current, props.highlightTarget]);
|
|
9795
|
+
useLayoutEffect(() => {
|
|
9796
|
+
if (animationRef.current !== null) {
|
|
9797
|
+
window.cancelAnimationFrame(animationRef.current);
|
|
9798
|
+
animationRef.current = null;
|
|
9799
|
+
}
|
|
9800
|
+
if (!open) {
|
|
9801
|
+
previousStepRef.current = null;
|
|
9802
|
+
displayFocusRef.current = { primary: null, secondary: null };
|
|
9803
|
+
setDisplayFocus(displayFocusRef.current);
|
|
9804
|
+
return;
|
|
9805
|
+
}
|
|
9806
|
+
if (!geometry || geometry.stepIndex !== current) return;
|
|
9807
|
+
const target = {
|
|
9808
|
+
primary: geometry.primary,
|
|
9809
|
+
secondary: geometry.secondary
|
|
9810
|
+
};
|
|
9811
|
+
const previousStep = previousStepRef.current;
|
|
9812
|
+
previousStepRef.current = current;
|
|
9813
|
+
if (previousStep === null || previousStep === current || window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
|
|
9814
|
+
displayFocusRef.current = target;
|
|
9815
|
+
setDisplayFocus(target);
|
|
9816
|
+
return;
|
|
9817
|
+
}
|
|
9818
|
+
const start = displayFocusRef.current;
|
|
9819
|
+
let startedAt = null;
|
|
9820
|
+
const tick = (time) => {
|
|
9821
|
+
startedAt ?? (startedAt = time);
|
|
9822
|
+
const progress = Math.min(1, Math.max(0, (time - startedAt) / 320));
|
|
9823
|
+
const eased = 1 - Math.pow(1 - progress, 3);
|
|
9824
|
+
const next = {
|
|
9825
|
+
primary: interpolateRect(start.primary, target.primary, eased),
|
|
9826
|
+
secondary: interpolateRect(start.secondary, target.secondary, eased)
|
|
9827
|
+
};
|
|
9828
|
+
displayFocusRef.current = next;
|
|
9829
|
+
setDisplayFocus(next);
|
|
9830
|
+
if (progress < 1)
|
|
9831
|
+
animationRef.current = window.requestAnimationFrame(tick);
|
|
9832
|
+
else {
|
|
9833
|
+
animationRef.current = null;
|
|
9834
|
+
displayFocusRef.current = target;
|
|
9835
|
+
setDisplayFocus(target);
|
|
9836
|
+
}
|
|
9837
|
+
};
|
|
9838
|
+
animationRef.current = window.requestAnimationFrame(tick);
|
|
9839
|
+
return () => {
|
|
9840
|
+
if (animationRef.current !== null) {
|
|
9841
|
+
window.cancelAnimationFrame(animationRef.current);
|
|
9842
|
+
animationRef.current = null;
|
|
9843
|
+
}
|
|
9844
|
+
};
|
|
9845
|
+
}, [open, current, geometry]);
|
|
9846
|
+
useEffect(() => {
|
|
9847
|
+
if (!open || !playing || !step || steps.length < 2) return;
|
|
9848
|
+
const timer = window.setTimeout(
|
|
9849
|
+
() => {
|
|
9850
|
+
if (current >= steps.length - 1) onPlayingChange?.(false);
|
|
9851
|
+
else onChange(current + 1);
|
|
9852
|
+
},
|
|
9853
|
+
Math.max(500, interval)
|
|
9854
|
+
);
|
|
9855
|
+
return () => window.clearTimeout(timer);
|
|
9856
|
+
}, [
|
|
9857
|
+
open,
|
|
9858
|
+
playing,
|
|
9859
|
+
current,
|
|
9860
|
+
interval,
|
|
9861
|
+
steps.length,
|
|
9862
|
+
step,
|
|
9863
|
+
onChange,
|
|
9864
|
+
onPlayingChange
|
|
9865
|
+
]);
|
|
9866
|
+
useEffect(() => {
|
|
9867
|
+
if (!open) return;
|
|
9868
|
+
const onKeyDown = (event) => {
|
|
9869
|
+
if (event.key === "Escape") onClose();
|
|
9870
|
+
if (event.key === "ArrowLeft" && current > 0) onChange(current - 1);
|
|
9871
|
+
if (event.key === "ArrowRight" && current < steps.length - 1)
|
|
9872
|
+
onChange(current + 1);
|
|
9873
|
+
};
|
|
9874
|
+
window.addEventListener("keydown", onKeyDown);
|
|
9875
|
+
return () => window.removeEventListener("keydown", onKeyDown);
|
|
9876
|
+
}, [open, current, steps.length, onChange, onClose]);
|
|
9877
|
+
useEffect(() => {
|
|
9878
|
+
if (open) cardRef.current?.focus();
|
|
9879
|
+
}, [open]);
|
|
9880
|
+
if (!open || !step || typeof document === "undefined") return null;
|
|
9881
|
+
const focus = displayFocus.primary;
|
|
9882
|
+
const secondaryFocus = displayFocus.secondary;
|
|
9883
|
+
const cardFocus = geometry?.stepIndex === current ? geometry.primary : focus;
|
|
9884
|
+
const holes = [focus, secondaryFocus].filter(
|
|
9885
|
+
(value) => value !== null && value.width > 0 && value.height > 0
|
|
9886
|
+
);
|
|
9887
|
+
const placeBelow = !cardFocus || cardFocus.top + cardFocus.height + 280 < window.innerHeight;
|
|
9888
|
+
const side = cardFocus && cardFocus.height > 180 ? cardFocus.left + cardFocus.width + 382 < window.innerWidth ? "right" : cardFocus.left > 382 ? "left" : null : null;
|
|
9889
|
+
const top = side && cardFocus ? Math.max(12, Math.min(cardFocus.top, window.innerHeight - 280)) : cardFocus ? placeBelow ? cardFocus.top + cardFocus.height + 12 : Math.max(12, cardFocus.top - 272) : Math.max(12, (window.innerHeight - 260) / 2);
|
|
9890
|
+
const left = side && cardFocus ? side === "right" ? cardFocus.left + cardFocus.width + 12 : cardFocus.left - 372 : cardFocus ? Math.max(12, Math.min(cardFocus.left, window.innerWidth - 382)) : Math.max(12, (window.innerWidth - 360) / 2);
|
|
9891
|
+
return createPortal(
|
|
9892
|
+
/* @__PURE__ */ jsxs(
|
|
9893
|
+
"div",
|
|
9894
|
+
{
|
|
9895
|
+
className: `canvas-react-tour${props.className ? ` ${props.className}` : ""}`,
|
|
9896
|
+
children: [
|
|
9897
|
+
/* @__PURE__ */ jsx(
|
|
9898
|
+
"div",
|
|
9899
|
+
{
|
|
9900
|
+
className: "canvas-react-tour-backdrop",
|
|
9901
|
+
style: holes.length ? { background: "transparent" } : void 0,
|
|
9902
|
+
onClick: onClose,
|
|
9903
|
+
"aria-hidden": "true"
|
|
9904
|
+
}
|
|
9905
|
+
),
|
|
9906
|
+
holes.length ? /* @__PURE__ */ jsxs(
|
|
9907
|
+
"svg",
|
|
9908
|
+
{
|
|
9909
|
+
className: "canvas-react-tour-mask",
|
|
9910
|
+
"aria-hidden": "true",
|
|
9911
|
+
width: "100%",
|
|
9912
|
+
height: "100%",
|
|
9913
|
+
children: [
|
|
9914
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", { id: maskId.current, maskUnits: "userSpaceOnUse", children: [
|
|
9915
|
+
/* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: "white" }),
|
|
9916
|
+
[focus, secondaryFocus].map((hole, index) => /* @__PURE__ */ jsx(
|
|
9917
|
+
"rect",
|
|
9918
|
+
{
|
|
9919
|
+
"data-tour-mask-hole": index,
|
|
9920
|
+
x: hole?.left ?? 0,
|
|
9921
|
+
y: hole?.top ?? 0,
|
|
9922
|
+
width: hole?.width ?? 0,
|
|
9923
|
+
height: hole?.height ?? 0,
|
|
9924
|
+
rx: "8",
|
|
9925
|
+
fill: "black"
|
|
9926
|
+
},
|
|
9927
|
+
index
|
|
9928
|
+
))
|
|
9929
|
+
] }) }),
|
|
9930
|
+
/* @__PURE__ */ jsx(
|
|
9931
|
+
"rect",
|
|
9932
|
+
{
|
|
9933
|
+
width: "100%",
|
|
9934
|
+
height: "100%",
|
|
9935
|
+
fill: "rgba(15, 23, 42, 0.56)",
|
|
9936
|
+
mask: `url(#${maskId.current})`
|
|
9937
|
+
}
|
|
9938
|
+
)
|
|
9939
|
+
]
|
|
9940
|
+
}
|
|
9941
|
+
) : null,
|
|
9942
|
+
focus ? /* @__PURE__ */ jsx(
|
|
9943
|
+
"div",
|
|
9944
|
+
{
|
|
9945
|
+
className: "canvas-react-tour-focus",
|
|
9946
|
+
style: focus,
|
|
9947
|
+
"aria-hidden": "true"
|
|
9948
|
+
}
|
|
9949
|
+
) : null,
|
|
9950
|
+
secondaryFocus ? /* @__PURE__ */ jsx(
|
|
9951
|
+
"div",
|
|
9952
|
+
{
|
|
9953
|
+
className: "canvas-react-tour-focus canvas-react-tour-focus-secondary",
|
|
9954
|
+
style: secondaryFocus,
|
|
9955
|
+
"aria-hidden": "true"
|
|
9956
|
+
}
|
|
9957
|
+
) : null,
|
|
9958
|
+
/* @__PURE__ */ jsxs(
|
|
9959
|
+
"div",
|
|
9960
|
+
{
|
|
9961
|
+
ref: cardRef,
|
|
9962
|
+
className: "canvas-react-tour-card",
|
|
9963
|
+
role: "dialog",
|
|
9964
|
+
"aria-modal": "true",
|
|
9965
|
+
"aria-label": "\u64CD\u4F5C\u6307\u5F15",
|
|
9966
|
+
tabIndex: -1,
|
|
9967
|
+
style: { top, left },
|
|
9968
|
+
children: [
|
|
9969
|
+
/* @__PURE__ */ jsxs("div", { className: "canvas-react-tour-heading", children: [
|
|
9970
|
+
/* @__PURE__ */ jsxs("span", { children: [
|
|
9971
|
+
current + 1,
|
|
9972
|
+
" / ",
|
|
9973
|
+
steps.length
|
|
9974
|
+
] }),
|
|
9975
|
+
/* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, "aria-label": "\u5173\u95ED\u6307\u5F15", children: "\xD7" })
|
|
9976
|
+
] }),
|
|
9977
|
+
/* @__PURE__ */ jsxs("div", { className: "canvas-react-tour-content", children: [
|
|
9978
|
+
/* @__PURE__ */ jsx("h3", { children: step.title }),
|
|
9979
|
+
/* @__PURE__ */ jsx("div", { className: "canvas-react-tour-description", children: step.description })
|
|
9980
|
+
] }, current),
|
|
9981
|
+
/* @__PURE__ */ jsx("div", { className: "canvas-react-tour-progress", "aria-label": "\u6307\u5F15\u8FDB\u5EA6", children: steps.map((_, index) => /* @__PURE__ */ jsx(
|
|
9982
|
+
"button",
|
|
9983
|
+
{
|
|
9984
|
+
type: "button",
|
|
9985
|
+
className: index === current ? "active" : "",
|
|
9986
|
+
"aria-label": `\u7B2C ${index + 1} \u6B65`,
|
|
9987
|
+
"aria-current": index === current ? "step" : void 0,
|
|
9988
|
+
onClick: () => onChange(index)
|
|
9989
|
+
},
|
|
9990
|
+
index
|
|
9991
|
+
)) }),
|
|
9992
|
+
onPlayingChange && steps.length > 1 ? /* @__PURE__ */ jsxs("label", { className: "canvas-react-tour-start-step", children: [
|
|
9993
|
+
"\u4ECE\u7B2C",
|
|
9994
|
+
/* @__PURE__ */ jsx(
|
|
9995
|
+
"input",
|
|
9996
|
+
{
|
|
9997
|
+
type: "number",
|
|
9998
|
+
min: 1,
|
|
9999
|
+
max: steps.length,
|
|
10000
|
+
step: 1,
|
|
10001
|
+
value: startStep,
|
|
10002
|
+
onChange: (event) => setStartStep(event.target.value),
|
|
10003
|
+
"aria-label": "\u64AD\u653E\u8D77\u59CB\u6B65\u9AA4"
|
|
10004
|
+
}
|
|
10005
|
+
),
|
|
10006
|
+
"/ ",
|
|
10007
|
+
steps.length,
|
|
10008
|
+
" \u6B65\u5F00\u59CB\u64AD\u653E"
|
|
10009
|
+
] }) : null,
|
|
10010
|
+
/* @__PURE__ */ jsxs("div", { className: "canvas-react-tour-actions", children: [
|
|
10011
|
+
/* @__PURE__ */ jsx(
|
|
10012
|
+
"button",
|
|
10013
|
+
{
|
|
10014
|
+
type: "button",
|
|
10015
|
+
disabled: current === 0,
|
|
10016
|
+
onClick: () => onChange(current - 1),
|
|
10017
|
+
children: "\u4E0A\u4E00\u6B65"
|
|
10018
|
+
}
|
|
10019
|
+
),
|
|
10020
|
+
onPlayingChange ? /* @__PURE__ */ jsx("button", { type: "button", onClick: playFromSelectedStep, children: playing ? "\u6682\u505C" : current === steps.length - 1 && startStep === "1" ? "\u91CD\u64AD" : "\u64AD\u653E" }) : null,
|
|
10021
|
+
/* @__PURE__ */ jsx(
|
|
10022
|
+
"button",
|
|
10023
|
+
{
|
|
10024
|
+
type: "button",
|
|
10025
|
+
onClick: () => current === steps.length - 1 ? onClose() : onChange(current + 1),
|
|
10026
|
+
children: current === steps.length - 1 ? "\u5B8C\u6210" : "\u4E0B\u4E00\u6B65"
|
|
10027
|
+
}
|
|
10028
|
+
)
|
|
10029
|
+
] })
|
|
10030
|
+
]
|
|
10031
|
+
}
|
|
10032
|
+
)
|
|
10033
|
+
]
|
|
10034
|
+
}
|
|
10035
|
+
),
|
|
10036
|
+
document.fullscreenElement ?? document.body
|
|
10037
|
+
);
|
|
10038
|
+
}
|
|
9453
10039
|
|
|
9454
10040
|
// src/components/quarter/style.css
|
|
9455
10041
|
styleInject('@import "../year/style.css";\n.canvas-react-quarter-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px 8px;\n}\n.canvas-react-quarter-cell {\n height: 56px;\n font-size: 16px;\n font-weight: 600;\n}\n');
|
|
@@ -10125,7 +10711,7 @@ function resolveResizablePanelSizes(params) {
|
|
|
10125
10711
|
safeBeforeMax - startBeforeSize,
|
|
10126
10712
|
startAfterSize - safeAfterMin
|
|
10127
10713
|
);
|
|
10128
|
-
const safeDelta =
|
|
10714
|
+
const safeDelta = clamp4(
|
|
10129
10715
|
Number.isFinite(delta) ? delta : 0,
|
|
10130
10716
|
minDelta,
|
|
10131
10717
|
maxDelta
|
|
@@ -10177,7 +10763,7 @@ function normalizeOptionalSize(value, minSize, maxSize) {
|
|
|
10177
10763
|
if (typeof value !== "number" || !Number.isFinite(value)) {
|
|
10178
10764
|
return void 0;
|
|
10179
10765
|
}
|
|
10180
|
-
return
|
|
10766
|
+
return clamp4(value, minSize, maxSize);
|
|
10181
10767
|
}
|
|
10182
10768
|
function normalizePositiveNumber(value, fallback) {
|
|
10183
10769
|
return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : fallback;
|
|
@@ -10185,7 +10771,7 @@ function normalizePositiveNumber(value, fallback) {
|
|
|
10185
10771
|
function normalizeMaxSize(value, minSize) {
|
|
10186
10772
|
return typeof value === "number" && Number.isFinite(value) ? Math.max(value, minSize) : Number.POSITIVE_INFINITY;
|
|
10187
10773
|
}
|
|
10188
|
-
function
|
|
10774
|
+
function clamp4(value, min, max) {
|
|
10189
10775
|
if (min > max) {
|
|
10190
10776
|
return min;
|
|
10191
10777
|
}
|
|
@@ -12396,4 +12982,4 @@ function ReactCollapseMotion({
|
|
|
12396
12982
|
);
|
|
12397
12983
|
}
|
|
12398
12984
|
|
|
12399
|
-
export { ReactAccountBookFilled as AccountBookFilled, ReactAccountBookOutlined as AccountBookOutlined, ReactAccountBookTwoTone as AccountBookTwoTone, ReactAimOutlined as AimOutlined, ReactAlertFilled as AlertFilled, ReactAlertOutlined as AlertOutlined, ReactAlertTwoTone as AlertTwoTone, ReactAlibabaOutlined as AlibabaOutlined, ReactAlignCenterOutlined as AlignCenterOutlined, ReactAlignLeftOutlined as AlignLeftOutlined, ReactAlignRightOutlined as AlignRightOutlined, ReactAlipayCircleFilled as AlipayCircleFilled, ReactAlipayCircleOutlined as AlipayCircleOutlined, ReactAlipayOutlined as AlipayOutlined, ReactAlipaySquareFilled as AlipaySquareFilled, ReactAliwangwangFilled as AliwangwangFilled, ReactAliwangwangOutlined as AliwangwangOutlined, ReactAliyunOutlined as AliyunOutlined, ReactAmazonCircleFilled as AmazonCircleFilled, ReactAmazonOutlined as AmazonOutlined, ReactAmazonSquareFilled as AmazonSquareFilled, ReactAndroidFilled as AndroidFilled, ReactAndroidOutlined as AndroidOutlined, ReactAntCloudOutlined as AntCloudOutlined, ReactAntDesignOutlined as AntDesignOutlined, ReactAnthropicFilled as AnthropicFilled, ReactApartmentOutlined as ApartmentOutlined, ReactApiFilled as ApiFilled, ReactApiOutlined as ApiOutlined, ReactApiTwoTone as ApiTwoTone, ReactAppleFilled as AppleFilled, ReactAppleOutlined as AppleOutlined, ReactAppstoreAddOutlined as AppstoreAddOutlined, ReactAppstoreFilled as AppstoreFilled, ReactAppstoreOutlined as AppstoreOutlined, ReactAppstoreTwoTone as AppstoreTwoTone, ReactAreaChartOutlined as AreaChartOutlined, ReactArrowDownOutlined as ArrowDownOutlined, ReactArrowLeftOutlined as ArrowLeftOutlined, ReactArrowRightOutlined as ArrowRightOutlined, ReactArrowUpOutlined as ArrowUpOutlined, ReactArrowsAltOutlined as ArrowsAltOutlined, ReactAudioFilled as AudioFilled, ReactAudioMutedOutlined as AudioMutedOutlined, ReactAudioOutlined as AudioOutlined, ReactAudioTwoTone as AudioTwoTone, ReactAuditOutlined as AuditOutlined, ReactBackwardFilled as BackwardFilled, ReactBackwardOutlined as BackwardOutlined, ReactBaiduOutlined as BaiduOutlined, ReactBankFilled as BankFilled, ReactBankOutlined as BankOutlined, ReactBankTwoTone as BankTwoTone, ReactBarChartOutlined as BarChartOutlined, ReactBarcodeOutlined as BarcodeOutlined, ReactBarsOutlined as BarsOutlined, ReactBehanceCircleFilled as BehanceCircleFilled, ReactBehanceOutlined as BehanceOutlined, ReactBehanceSquareFilled as BehanceSquareFilled, ReactBehanceSquareOutlined as BehanceSquareOutlined, ReactBellFilled as BellFilled, ReactBellOutlined as BellOutlined, ReactBellTwoTone as BellTwoTone, ReactBgColorsOutlined as BgColorsOutlined, ReactBilibiliFilled as BilibiliFilled, ReactBilibiliOutlined as BilibiliOutlined, ReactBlockOutlined as BlockOutlined, ReactBoldOutlined as BoldOutlined, ReactBookFilled as BookFilled, ReactBookOutlined as BookOutlined, ReactBookTwoTone as BookTwoTone, ReactBorderBottomOutlined as BorderBottomOutlined, ReactBorderHorizontalOutlined as BorderHorizontalOutlined, ReactBorderInnerOutlined as BorderInnerOutlined, ReactBorderLeftOutlined as BorderLeftOutlined, ReactBorderOuterOutlined as BorderOuterOutlined, ReactBorderOutlined as BorderOutlined, ReactBorderRightOutlined as BorderRightOutlined, ReactBorderTopOutlined as BorderTopOutlined, ReactBorderVerticleOutlined as BorderVerticleOutlined, ReactBorderlessTableOutlined as BorderlessTableOutlined, ReactBoxPlotFilled as BoxPlotFilled, ReactBoxPlotOutlined as BoxPlotOutlined, ReactBoxPlotTwoTone as BoxPlotTwoTone, ReactBranchesOutlined as BranchesOutlined, ReactBugFilled as BugFilled, ReactBugOutlined as BugOutlined, ReactBugTwoTone as BugTwoTone, ReactBuildFilled as BuildFilled, ReactBuildOutlined as BuildOutlined, ReactBuildTwoTone as BuildTwoTone, ReactBulbFilled as BulbFilled, ReactBulbOutlined as BulbOutlined, ReactBulbTwoTone as BulbTwoTone, ReactCalculatorFilled as CalculatorFilled, ReactCalculatorOutlined as CalculatorOutlined, ReactCalculatorTwoTone as CalculatorTwoTone, ReactCalendarFilled as CalendarFilled, ReactCalendarOutlined as CalendarOutlined, ReactCalendarTwoTone as CalendarTwoTone, ReactCameraFilled as CameraFilled, ReactCameraOutlined as CameraOutlined, ReactCameraTwoTone as CameraTwoTone, ReactCarFilled as CarFilled, ReactCarOutlined as CarOutlined, ReactCarTwoTone as CarTwoTone, ReactCaretDownFilled as CaretDownFilled, ReactCaretDownOutlined as CaretDownOutlined, ReactCaretLeftFilled as CaretLeftFilled, ReactCaretLeftOutlined as CaretLeftOutlined, ReactCaretRightFilled as CaretRightFilled, ReactCaretRightOutlined as CaretRightOutlined, ReactCaretUpFilled as CaretUpFilled, ReactCaretUpOutlined as CaretUpOutlined, ReactCarryOutFilled as CarryOutFilled, ReactCarryOutOutlined as CarryOutOutlined, ReactCarryOutTwoTone as CarryOutTwoTone, ReactCheckCircleFilled as CheckCircleFilled, ReactCheckCircleOutlined as CheckCircleOutlined, ReactCheckCircleTwoTone as CheckCircleTwoTone, ReactCheckOutlined as CheckOutlined, ReactCheckSquareFilled as CheckSquareFilled, ReactCheckSquareOutlined as CheckSquareOutlined, ReactCheckSquareTwoTone as CheckSquareTwoTone, ReactChromeFilled as ChromeFilled, ReactChromeOutlined as ChromeOutlined, ReactCiCircleFilled as CiCircleFilled, ReactCiCircleOutlined as CiCircleOutlined, ReactCiCircleTwoTone as CiCircleTwoTone, ReactCiOutlined as CiOutlined, ReactCiTwoTone as CiTwoTone, ReactClaudeFilled as ClaudeFilled, ReactClearOutlined as ClearOutlined, ReactClockCircleFilled as ClockCircleFilled, ReactClockCircleOutlined as ClockCircleOutlined, ReactClockCircleTwoTone as ClockCircleTwoTone, ReactCloseCircleFilled as CloseCircleFilled, ReactCloseCircleOutlined as CloseCircleOutlined, ReactCloseCircleTwoTone as CloseCircleTwoTone, ReactCloseOutlined as CloseOutlined, ReactCloseSquareFilled as CloseSquareFilled, ReactCloseSquareOutlined as CloseSquareOutlined, ReactCloseSquareTwoTone as CloseSquareTwoTone, ReactCloudDownloadOutlined as CloudDownloadOutlined, ReactCloudFilled as CloudFilled, ReactCloudOutlined as CloudOutlined, ReactCloudServerOutlined as CloudServerOutlined, ReactCloudSyncOutlined as CloudSyncOutlined, ReactCloudTwoTone as CloudTwoTone, ReactCloudUploadOutlined as CloudUploadOutlined, ReactClusterOutlined as ClusterOutlined, ReactCodeFilled as CodeFilled, ReactCodeOutlined as CodeOutlined, ReactCodeSandboxCircleFilled as CodeSandboxCircleFilled, ReactCodeSandboxOutlined as CodeSandboxOutlined, ReactCodeSandboxSquareFilled as CodeSandboxSquareFilled, ReactCodeTwoTone as CodeTwoTone, ReactCodepenCircleFilled as CodepenCircleFilled, ReactCodepenCircleOutlined as CodepenCircleOutlined, ReactCodepenOutlined as CodepenOutlined, ReactCodepenSquareFilled as CodepenSquareFilled, ReactCoffeeOutlined as CoffeeOutlined, ReactColumnHeightOutlined as ColumnHeightOutlined, ReactColumnWidthOutlined as ColumnWidthOutlined, ReactCommentOutlined as CommentOutlined, ReactCompassFilled as CompassFilled, ReactCompassOutlined as CompassOutlined, ReactCompassTwoTone as CompassTwoTone, ReactCompressOutlined as CompressOutlined, ReactConfigProvider as ConfigProvider, ReactConsoleSqlOutlined as ConsoleSqlOutlined, ReactContactsFilled as ContactsFilled, ReactContactsOutlined as ContactsOutlined, ReactContactsTwoTone as ContactsTwoTone, ReactContainerFilled as ContainerFilled, ReactContainerOutlined as ContainerOutlined, ReactContainerTwoTone as ContainerTwoTone, ReactControlFilled as ControlFilled, ReactControlOutlined as ControlOutlined, ReactControlTwoTone as ControlTwoTone, ReactCopyFilled as CopyFilled, ReactCopyOutlined as CopyOutlined, ReactCopyTwoTone as CopyTwoTone, ReactCopyrightCircleFilled as CopyrightCircleFilled, ReactCopyrightCircleOutlined as CopyrightCircleOutlined, ReactCopyrightCircleTwoTone as CopyrightCircleTwoTone, ReactCopyrightOutlined as CopyrightOutlined, ReactCopyrightTwoTone as CopyrightTwoTone, ReactCreditCardFilled as CreditCardFilled, ReactCreditCardOutlined as CreditCardOutlined, ReactCreditCardTwoTone as CreditCardTwoTone, ReactCrownFilled as CrownFilled, ReactCrownOutlined as CrownOutlined, ReactCrownTwoTone as CrownTwoTone, ReactCustomerServiceFilled as CustomerServiceFilled, ReactCustomerServiceOutlined as CustomerServiceOutlined, ReactCustomerServiceTwoTone as CustomerServiceTwoTone, ReactDashOutlined as DashOutlined, ReactDashboardFilled as DashboardFilled, ReactDashboardOutlined as DashboardOutlined, ReactDashboardTwoTone as DashboardTwoTone, ReactDatabaseFilled as DatabaseFilled, ReactDatabaseOutlined as DatabaseOutlined, ReactDatabaseTwoTone as DatabaseTwoTone, ReactDeepSeekFilled as DeepSeekFilled, ReactDeleteColumnOutlined as DeleteColumnOutlined, ReactDeleteFilled as DeleteFilled, ReactDeleteOutlined as DeleteOutlined, ReactDeleteRowOutlined as DeleteRowOutlined, ReactDeleteTwoTone as DeleteTwoTone, ReactDeliveredProcedureOutlined as DeliveredProcedureOutlined, ReactDeploymentUnitOutlined as DeploymentUnitOutlined, ReactDesktopOutlined as DesktopOutlined, ReactDiffFilled as DiffFilled, ReactDiffOutlined as DiffOutlined, ReactDiffTwoTone as DiffTwoTone, ReactDingdingOutlined as DingdingOutlined, ReactDingtalkCircleFilled as DingtalkCircleFilled, ReactDingtalkOutlined as DingtalkOutlined, ReactDingtalkSquareFilled as DingtalkSquareFilled, ReactDisconnectOutlined as DisconnectOutlined, ReactDiscordFilled as DiscordFilled, ReactDiscordOutlined as DiscordOutlined, ReactDislikeFilled as DislikeFilled, ReactDislikeOutlined as DislikeOutlined, ReactDislikeTwoTone as DislikeTwoTone, ReactDockerOutlined as DockerOutlined, ReactDollarCircleFilled as DollarCircleFilled, ReactDollarCircleOutlined as DollarCircleOutlined, ReactDollarCircleTwoTone as DollarCircleTwoTone, ReactDollarOutlined as DollarOutlined, ReactDollarTwoTone as DollarTwoTone, ReactDotChartOutlined as DotChartOutlined, ReactDotNetOutlined as DotNetOutlined, ReactDoubleLeftOutlined as DoubleLeftOutlined, ReactDoubleRightOutlined as DoubleRightOutlined, ReactDownCircleFilled as DownCircleFilled, ReactDownCircleOutlined as DownCircleOutlined, ReactDownCircleTwoTone as DownCircleTwoTone, ReactDownOutlined as DownOutlined, ReactDownSquareFilled as DownSquareFilled, ReactDownSquareOutlined as DownSquareOutlined, ReactDownSquareTwoTone as DownSquareTwoTone, ReactDownloadOutlined as DownloadOutlined, ReactDragOutlined as DragOutlined, ReactDribbbleCircleFilled as DribbbleCircleFilled, ReactDribbbleOutlined as DribbbleOutlined, ReactDribbbleSquareFilled as DribbbleSquareFilled, ReactDribbbleSquareOutlined as DribbbleSquareOutlined, ReactDropboxCircleFilled as DropboxCircleFilled, ReactDropboxOutlined as DropboxOutlined, ReactDropboxSquareFilled as DropboxSquareFilled, ReactEditFilled as EditFilled, ReactEditOutlined as EditOutlined, ReactEditTwoTone as EditTwoTone, ReactElevenLabsFilled as ElevenLabsFilled, ReactEllipsisOutlined as EllipsisOutlined, ReactEnterOutlined as EnterOutlined, ReactEnvironmentFilled as EnvironmentFilled, ReactEnvironmentOutlined as EnvironmentOutlined, ReactEnvironmentTwoTone as EnvironmentTwoTone, ReactEuroCircleFilled as EuroCircleFilled, ReactEuroCircleOutlined as EuroCircleOutlined, ReactEuroCircleTwoTone as EuroCircleTwoTone, ReactEuroOutlined as EuroOutlined, ReactEuroTwoTone as EuroTwoTone, ReactExceptionOutlined as ExceptionOutlined, ReactExclamationCircleFilled as ExclamationCircleFilled, ReactExclamationCircleOutlined as ExclamationCircleOutlined, ReactExclamationCircleTwoTone as ExclamationCircleTwoTone, ReactExclamationOutlined as ExclamationOutlined, ReactExpandAltOutlined as ExpandAltOutlined, ReactExpandOutlined as ExpandOutlined, ReactExperimentFilled as ExperimentFilled, ReactExperimentOutlined as ExperimentOutlined, ReactExperimentTwoTone as ExperimentTwoTone, ReactExportOutlined as ExportOutlined, ReactEyeFilled as EyeFilled, ReactEyeInvisibleFilled as EyeInvisibleFilled, ReactEyeInvisibleOutlined as EyeInvisibleOutlined, ReactEyeInvisibleTwoTone as EyeInvisibleTwoTone, ReactEyeOutlined as EyeOutlined, ReactEyeTwoTone as EyeTwoTone, ReactFacebookFilled as FacebookFilled, ReactFacebookOutlined as FacebookOutlined, ReactFallOutlined as FallOutlined, ReactFastBackwardFilled as FastBackwardFilled, ReactFastBackwardOutlined as FastBackwardOutlined, ReactFastForwardFilled as FastForwardFilled, ReactFastForwardOutlined as FastForwardOutlined, ReactFieldBinaryOutlined as FieldBinaryOutlined, ReactFieldNumberOutlined as FieldNumberOutlined, ReactFieldStringOutlined as FieldStringOutlined, ReactFieldTimeOutlined as FieldTimeOutlined, ReactFileAddFilled as FileAddFilled, ReactFileAddOutlined as FileAddOutlined, ReactFileAddTwoTone as FileAddTwoTone, ReactFileDoneOutlined as FileDoneOutlined, ReactFileExcelFilled as FileExcelFilled, ReactFileExcelOutlined as FileExcelOutlined, ReactFileExcelTwoTone as FileExcelTwoTone, ReactFileExclamationFilled as FileExclamationFilled, ReactFileExclamationOutlined as FileExclamationOutlined, ReactFileExclamationTwoTone as FileExclamationTwoTone, ReactFileFilled as FileFilled, ReactFileGifOutlined as FileGifOutlined, ReactFileImageFilled as FileImageFilled, ReactFileImageOutlined as FileImageOutlined, ReactFileImageTwoTone as FileImageTwoTone, ReactFileJpgOutlined as FileJpgOutlined, ReactFileMarkdownFilled as FileMarkdownFilled, ReactFileMarkdownOutlined as FileMarkdownOutlined, ReactFileMarkdownTwoTone as FileMarkdownTwoTone, ReactFileOutlined as FileOutlined, ReactFilePdfFilled as FilePdfFilled, ReactFilePdfOutlined as FilePdfOutlined, ReactFilePdfTwoTone as FilePdfTwoTone, ReactFilePptFilled as FilePptFilled, ReactFilePptOutlined as FilePptOutlined, ReactFilePptTwoTone as FilePptTwoTone, ReactFileProtectOutlined as FileProtectOutlined, ReactFileSearchOutlined as FileSearchOutlined, ReactFileSyncOutlined as FileSyncOutlined, ReactFileTextFilled as FileTextFilled, ReactFileTextOutlined as FileTextOutlined, ReactFileTextTwoTone as FileTextTwoTone, ReactFileTwoTone as FileTwoTone, ReactFileUnknownFilled as FileUnknownFilled, ReactFileUnknownOutlined as FileUnknownOutlined, ReactFileUnknownTwoTone as FileUnknownTwoTone, ReactFileWordFilled as FileWordFilled, ReactFileWordOutlined as FileWordOutlined, ReactFileWordTwoTone as FileWordTwoTone, ReactFileZipFilled as FileZipFilled, ReactFileZipOutlined as FileZipOutlined, ReactFileZipTwoTone as FileZipTwoTone, ReactFilterFilled as FilterFilled, ReactFilterOutlined as FilterOutlined, ReactFilterTwoTone as FilterTwoTone, ReactFireFilled as FireFilled, ReactFireOutlined as FireOutlined, ReactFireTwoTone as FireTwoTone, ReactFlagFilled as FlagFilled, ReactFlagOutlined as FlagOutlined, ReactFlagTwoTone as FlagTwoTone, ReactFolderAddFilled as FolderAddFilled, ReactFolderAddOutlined as FolderAddOutlined, ReactFolderAddTwoTone as FolderAddTwoTone, ReactFolderFilled as FolderFilled, ReactFolderOpenFilled as FolderOpenFilled, ReactFolderOpenOutlined as FolderOpenOutlined, ReactFolderOpenTwoTone as FolderOpenTwoTone, ReactFolderOutlined as FolderOutlined, ReactFolderTwoTone as FolderTwoTone, ReactFolderViewOutlined as FolderViewOutlined, ReactFontColorsOutlined as FontColorsOutlined, ReactFontSizeOutlined as FontSizeOutlined, ReactForkOutlined as ForkOutlined, ReactFormOutlined as FormOutlined, ReactFormatPainterFilled as FormatPainterFilled, ReactFormatPainterOutlined as FormatPainterOutlined, ReactForwardFilled as ForwardFilled, ReactForwardOutlined as ForwardOutlined, ReactFrownFilled as FrownFilled, ReactFrownOutlined as FrownOutlined, ReactFrownTwoTone as FrownTwoTone, ReactFullscreenExitOutlined as FullscreenExitOutlined, ReactFullscreenOutlined as FullscreenOutlined, ReactFunctionOutlined as FunctionOutlined, ReactFundFilled as FundFilled, ReactFundOutlined as FundOutlined, ReactFundProjectionScreenOutlined as FundProjectionScreenOutlined, ReactFundTwoTone as FundTwoTone, ReactFundViewOutlined as FundViewOutlined, ReactFunnelPlotFilled as FunnelPlotFilled, ReactFunnelPlotOutlined as FunnelPlotOutlined, ReactFunnelPlotTwoTone as FunnelPlotTwoTone, ReactGatewayOutlined as GatewayOutlined, ReactGeminiFilled as GeminiFilled, ReactGifOutlined as GifOutlined, ReactGiftFilled as GiftFilled, ReactGiftOutlined as GiftOutlined, ReactGiftTwoTone as GiftTwoTone, ReactGithubFilled as GithubFilled, ReactGithubOutlined as GithubOutlined, ReactGitlabFilled as GitlabFilled, ReactGitlabOutlined as GitlabOutlined, ReactGlobalOutlined as GlobalOutlined, ReactGoldFilled as GoldFilled, ReactGoldOutlined as GoldOutlined, ReactGoldTwoTone as GoldTwoTone, ReactGoldenFilled as GoldenFilled, ReactGoogleCircleFilled as GoogleCircleFilled, ReactGoogleOutlined as GoogleOutlined, ReactGooglePlusCircleFilled as GooglePlusCircleFilled, ReactGooglePlusOutlined as GooglePlusOutlined, ReactGooglePlusSquareFilled as GooglePlusSquareFilled, ReactGoogleSquareFilled as GoogleSquareFilled, ReactGroupOutlined as GroupOutlined, ReactHarmonyOSOutlined as HarmonyOSOutlined, ReactHddFilled as HddFilled, ReactHddOutlined as HddOutlined, ReactHddTwoTone as HddTwoTone, ReactHeartFilled as HeartFilled, ReactHeartOutlined as HeartOutlined, ReactHeartTwoTone as HeartTwoTone, ReactHeatMapOutlined as HeatMapOutlined, ReactHighlightFilled as HighlightFilled, ReactHighlightOutlined as HighlightOutlined, ReactHighlightTwoTone as HighlightTwoTone, ReactHistoryOutlined as HistoryOutlined, ReactHolderOutlined as HolderOutlined, ReactHomeFilled as HomeFilled, ReactHomeOutlined as HomeOutlined, ReactHomeTwoTone as HomeTwoTone, ReactHourglassFilled as HourglassFilled, ReactHourglassOutlined as HourglassOutlined, ReactHourglassTwoTone as HourglassTwoTone, ReactHtml5Filled as Html5Filled, ReactHtml5Outlined as Html5Outlined, ReactHtml5TwoTone as Html5TwoTone, ReactHuggingFaceFilled as HuggingFaceFilled, ReactIdcardFilled as IdcardFilled, ReactIdcardOutlined as IdcardOutlined, ReactIdcardTwoTone as IdcardTwoTone, ReactIeCircleFilled as IeCircleFilled, ReactIeOutlined as IeOutlined, ReactIeSquareFilled as IeSquareFilled, ReactImportOutlined as ImportOutlined, ReactInboxOutlined as InboxOutlined, ReactInfoCircleFilled as InfoCircleFilled, ReactInfoCircleOutlined as InfoCircleOutlined, ReactInfoCircleTwoTone as InfoCircleTwoTone, ReactInfoOutlined as InfoOutlined, ReactInsertRowAboveOutlined as InsertRowAboveOutlined, ReactInsertRowBelowOutlined as InsertRowBelowOutlined, ReactInsertRowLeftOutlined as InsertRowLeftOutlined, ReactInsertRowRightOutlined as InsertRowRightOutlined, ReactInstagramFilled as InstagramFilled, ReactInstagramOutlined as InstagramOutlined, ReactInsuranceFilled as InsuranceFilled, ReactInsuranceOutlined as InsuranceOutlined, ReactInsuranceTwoTone as InsuranceTwoTone, ReactInteractionFilled as InteractionFilled, ReactInteractionOutlined as InteractionOutlined, ReactInteractionTwoTone as InteractionTwoTone, ReactIssuesCloseOutlined as IssuesCloseOutlined, ReactItalicOutlined as ItalicOutlined, ReactJavaOutlined as JavaOutlined, ReactJavaScriptOutlined as JavaScriptOutlined, ReactKeyOutlined as KeyOutlined, ReactKubernetesOutlined as KubernetesOutlined, ReactLaptopOutlined as LaptopOutlined, ReactLayoutFilled as LayoutFilled, ReactLayoutOutlined as LayoutOutlined, ReactLayoutTwoTone as LayoutTwoTone, ReactLeftCircleFilled as LeftCircleFilled, ReactLeftCircleOutlined as LeftCircleOutlined, ReactLeftCircleTwoTone as LeftCircleTwoTone, ReactLeftOutlined as LeftOutlined, ReactLeftSquareFilled as LeftSquareFilled, ReactLeftSquareOutlined as LeftSquareOutlined, ReactLeftSquareTwoTone as LeftSquareTwoTone, ReactLikeFilled as LikeFilled, ReactLikeOutlined as LikeOutlined, ReactLikeTwoTone as LikeTwoTone, ReactLineChartOutlined as LineChartOutlined, ReactLineHeightOutlined as LineHeightOutlined, ReactLineOutlined as LineOutlined, ReactLinkOutlined as LinkOutlined, ReactLinkedinFilled as LinkedinFilled, ReactLinkedinOutlined as LinkedinOutlined, ReactLinuxOutlined as LinuxOutlined, ReactLoading3QuartersOutlined as Loading3QuartersOutlined, ReactLoadingOutlined as LoadingOutlined, ReactLockFilled as LockFilled, ReactLockOutlined as LockOutlined, ReactLockTwoTone as LockTwoTone, ReactLoginOutlined as LoginOutlined, ReactLogoutOutlined as LogoutOutlined, ReactMacCommandFilled as MacCommandFilled, ReactMacCommandOutlined as MacCommandOutlined, ReactMailFilled as MailFilled, ReactMailOutlined as MailOutlined, ReactMailTwoTone as MailTwoTone, ReactManOutlined as ManOutlined, ReactMastodonFilled as MastodonFilled, ReactMedicineBoxFilled as MedicineBoxFilled, ReactMedicineBoxOutlined as MedicineBoxOutlined, ReactMedicineBoxTwoTone as MedicineBoxTwoTone, ReactMediumCircleFilled as MediumCircleFilled, ReactMediumOutlined as MediumOutlined, ReactMediumSquareFilled as MediumSquareFilled, ReactMediumWorkmarkOutlined as MediumWorkmarkOutlined, ReactMehFilled as MehFilled, ReactMehOutlined as MehOutlined, ReactMehTwoTone as MehTwoTone, ReactMenuFoldOutlined as MenuFoldOutlined, ReactMenuOutlined as MenuOutlined, ReactMenuUnfoldOutlined as MenuUnfoldOutlined, ReactMergeCellsOutlined as MergeCellsOutlined, ReactMergeFilled as MergeFilled, ReactMergeOutlined as MergeOutlined, ReactMessageFilled as MessageFilled, ReactMessageOutlined as MessageOutlined, ReactMessageTwoTone as MessageTwoTone, ReactMetaFilled as MetaFilled, ReactMinusCircleFilled as MinusCircleFilled, ReactMinusCircleOutlined as MinusCircleOutlined, ReactMinusCircleTwoTone as MinusCircleTwoTone, ReactMinusOutlined as MinusOutlined, ReactMinusSquareFilled as MinusSquareFilled, ReactMinusSquareOutlined as MinusSquareOutlined, ReactMinusSquareTwoTone as MinusSquareTwoTone, ReactMistralFilled as MistralFilled, ReactMobileFilled as MobileFilled, ReactMobileOutlined as MobileOutlined, ReactMobileTwoTone as MobileTwoTone, ReactMoneyCollectFilled as MoneyCollectFilled, ReactMoneyCollectOutlined as MoneyCollectOutlined, ReactMoneyCollectTwoTone as MoneyCollectTwoTone, ReactMonitorOutlined as MonitorOutlined, ReactMoonFilled as MoonFilled, ReactMoonOutlined as MoonOutlined, ReactMoreOutlined as MoreOutlined, ReactMutedFilled as MutedFilled, ReactMutedOutlined as MutedOutlined, ReactNetflixFilled as NetflixFilled, ReactNodeCollapseOutlined as NodeCollapseOutlined, ReactNodeExpandOutlined as NodeExpandOutlined, ReactNodeIndexOutlined as NodeIndexOutlined, ReactNotificationFilled as NotificationFilled, ReactNotificationOutlined as NotificationOutlined, ReactNotificationTwoTone as NotificationTwoTone, ReactNumberOutlined as NumberOutlined, ReactOllamaFilled as OllamaFilled, ReactOneToOneOutlined as OneToOneOutlined, ReactOpenAIFilled as OpenAIFilled, ReactOpenAIOutlined as OpenAIOutlined, ReactOrderedListOutlined as OrderedListOutlined, ReactPaperClipOutlined as PaperClipOutlined, ReactPartitionOutlined as PartitionOutlined, ReactPauseCircleFilled as PauseCircleFilled, ReactPauseCircleOutlined as PauseCircleOutlined, ReactPauseCircleTwoTone as PauseCircleTwoTone, ReactPauseOutlined as PauseOutlined, ReactPayCircleFilled as PayCircleFilled, ReactPayCircleOutlined as PayCircleOutlined, ReactPercentageOutlined as PercentageOutlined, ReactPerplexityFilled as PerplexityFilled, ReactPhoneFilled as PhoneFilled, ReactPhoneOutlined as PhoneOutlined, ReactPhoneTwoTone as PhoneTwoTone, ReactPicCenterOutlined as PicCenterOutlined, ReactPicLeftOutlined as PicLeftOutlined, ReactPicRightOutlined as PicRightOutlined, ReactPictureFilled as PictureFilled, ReactPictureOutlined as PictureOutlined, ReactPictureTwoTone as PictureTwoTone, ReactPieChartFilled as PieChartFilled, ReactPieChartOutlined as PieChartOutlined, ReactPieChartTwoTone as PieChartTwoTone, ReactPinterestFilled as PinterestFilled, ReactPinterestOutlined as PinterestOutlined, ReactPlayCircleFilled as PlayCircleFilled, ReactPlayCircleOutlined as PlayCircleOutlined, ReactPlayCircleTwoTone as PlayCircleTwoTone, ReactPlaySquareFilled as PlaySquareFilled, ReactPlaySquareOutlined as PlaySquareOutlined, ReactPlaySquareTwoTone as PlaySquareTwoTone, ReactPlusCircleFilled as PlusCircleFilled, ReactPlusCircleOutlined as PlusCircleOutlined, ReactPlusCircleTwoTone as PlusCircleTwoTone, ReactPlusOutlined as PlusOutlined, ReactPlusSquareFilled as PlusSquareFilled, ReactPlusSquareOutlined as PlusSquareOutlined, ReactPlusSquareTwoTone as PlusSquareTwoTone, ReactPoundCircleFilled as PoundCircleFilled, ReactPoundCircleOutlined as PoundCircleOutlined, ReactPoundCircleTwoTone as PoundCircleTwoTone, ReactPoundOutlined as PoundOutlined, ReactPoweroffOutlined as PoweroffOutlined, ReactPrinterFilled as PrinterFilled, ReactPrinterOutlined as PrinterOutlined, ReactPrinterTwoTone as PrinterTwoTone, ReactProductFilled as ProductFilled, ReactProductOutlined as ProductOutlined, ReactProfileFilled as ProfileFilled, ReactProfileOutlined as ProfileOutlined, ReactProfileTwoTone as ProfileTwoTone, ReactProjectFilled as ProjectFilled, ReactProjectOutlined as ProjectOutlined, ReactProjectTwoTone as ProjectTwoTone, ReactPropertySafetyFilled as PropertySafetyFilled, ReactPropertySafetyOutlined as PropertySafetyOutlined, ReactPropertySafetyTwoTone as PropertySafetyTwoTone, ReactPullRequestOutlined as PullRequestOutlined, ReactPushpinFilled as PushpinFilled, ReactPushpinOutlined as PushpinOutlined, ReactPushpinTwoTone as PushpinTwoTone, ReactPythonOutlined as PythonOutlined, ReactQqCircleFilled as QqCircleFilled, ReactQqOutlined as QqOutlined, ReactQqSquareFilled as QqSquareFilled, ReactQrcodeOutlined as QrcodeOutlined, ReactQuestionCircleFilled as QuestionCircleFilled, ReactQuestionCircleOutlined as QuestionCircleOutlined, ReactQuestionCircleTwoTone as QuestionCircleTwoTone, ReactQuestionOutlined as QuestionOutlined, ReactQwenFilled as QwenFilled, REACT_COMPONENT_PREFIX, ReactRadarChartOutlined as RadarChartOutlined, ReactRadiusBottomleftOutlined as RadiusBottomleftOutlined, ReactRadiusBottomrightOutlined as RadiusBottomrightOutlined, ReactRadiusSettingOutlined as RadiusSettingOutlined, ReactRadiusUpleftOutlined as RadiusUpleftOutlined, ReactRadiusUprightOutlined as RadiusUprightOutlined, ReactAccountBookFilled, ReactAccountBookOutlined, ReactAccountBookTwoTone, ReactAimOutlined, ReactAlertFilled, ReactAlertOutlined, ReactAlertTwoTone, ReactAlibabaOutlined, ReactAlignCenterOutlined, ReactAlignLeftOutlined, ReactAlignRightOutlined, ReactAlipayCircleFilled, ReactAlipayCircleOutlined, ReactAlipayOutlined, ReactAlipaySquareFilled, ReactAliwangwangFilled, ReactAliwangwangOutlined, ReactAliyunOutlined, ReactAmazonCircleFilled, ReactAmazonOutlined, ReactAmazonSquareFilled, ReactAndroidFilled, ReactAndroidOutlined, ReactAntCloudOutlined, ReactAntDesignOutlined, ReactAnthropicFilled, ReactApartmentOutlined, ReactApiFilled, ReactApiOutlined, ReactApiTwoTone, ReactAppleFilled, ReactAppleOutlined, ReactAppstoreAddOutlined, ReactAppstoreFilled, ReactAppstoreOutlined, ReactAppstoreTwoTone, ReactAreaChartOutlined, ReactArrowDownOutlined, ReactArrowLeftOutlined, ReactArrowRightOutlined, ReactArrowUpOutlined, ReactArrowsAltOutlined, ReactAudioFilled, ReactAudioMutedOutlined, ReactAudioOutlined, ReactAudioTwoTone, ReactAuditOutlined, ReactAutoComplete, ReactBackwardFilled, ReactBackwardOutlined, ReactBaiduOutlined, ReactBankFilled, ReactBankOutlined, ReactBankTwoTone, ReactBarChartOutlined, ReactBarcodeOutlined, ReactBarsOutlined, ReactBehanceCircleFilled, ReactBehanceOutlined, ReactBehanceSquareFilled, ReactBehanceSquareOutlined, ReactBellFilled, ReactBellOutlined, ReactBellTwoTone, ReactBgColorsOutlined, ReactBilibiliFilled, ReactBilibiliOutlined, ReactBlockOutlined, ReactBoldOutlined, ReactBookFilled, ReactBookOutlined, ReactBookTwoTone, ReactBorderBottomOutlined, ReactBorderHorizontalOutlined, ReactBorderInnerOutlined, ReactBorderLeftOutlined, ReactBorderOuterOutlined, ReactBorderOutlined, ReactBorderRightOutlined, ReactBorderTopOutlined, ReactBorderVerticleOutlined, ReactBorderlessTableOutlined, ReactBoxPlotFilled, ReactBoxPlotOutlined, ReactBoxPlotTwoTone, ReactBranchesOutlined, ReactBugFilled, ReactBugOutlined, ReactBugTwoTone, ReactBuildFilled, ReactBuildOutlined, ReactBuildTwoTone, ReactBulbFilled, ReactBulbOutlined, ReactBulbTwoTone, ReactButton, ReactCalculatorFilled, ReactCalculatorOutlined, ReactCalculatorTwoTone, ReactCalendarFilled, ReactCalendarOutlined, ReactCalendarTwoTone, ReactCameraFilled, ReactCameraOutlined, ReactCameraTwoTone, ReactCarFilled, ReactCarOutlined, ReactCarTwoTone, ReactCaretDownFilled, ReactCaretDownOutlined, ReactCaretLeftFilled, ReactCaretLeftOutlined, ReactCaretRightFilled, ReactCaretRightOutlined, ReactCaretUpFilled, ReactCaretUpOutlined, ReactCarryOutFilled, ReactCarryOutOutlined, ReactCarryOutTwoTone, ReactCascader, ReactCheckCircleFilled, ReactCheckCircleOutlined, ReactCheckCircleTwoTone, ReactCheckOutlined, ReactCheckSquareFilled, ReactCheckSquareOutlined, ReactCheckSquareTwoTone, ReactCheckbox, ReactChromeFilled, ReactChromeOutlined, ReactCiCircleFilled, ReactCiCircleOutlined, ReactCiCircleTwoTone, ReactCiOutlined, ReactCiTwoTone, ReactClaudeFilled, ReactClearOutlined, ReactClockCircleFilled, ReactClockCircleOutlined, ReactClockCircleTwoTone, ReactCloseCircleFilled, ReactCloseCircleOutlined, ReactCloseCircleTwoTone, ReactCloseOutlined, ReactCloseSquareFilled, ReactCloseSquareOutlined, ReactCloseSquareTwoTone, ReactCloudDownloadOutlined, ReactCloudFilled, ReactCloudOutlined, ReactCloudServerOutlined, ReactCloudSyncOutlined, ReactCloudTwoTone, ReactCloudUploadOutlined, ReactClusterOutlined, ReactCodeFilled, ReactCodeOutlined, ReactCodeSandboxCircleFilled, ReactCodeSandboxOutlined, ReactCodeSandboxSquareFilled, ReactCodeTwoTone, ReactCodepenCircleFilled, ReactCodepenCircleOutlined, ReactCodepenOutlined, ReactCodepenSquareFilled, ReactCoffeeOutlined, ReactCol, ReactCollapseMotion, ReactCollapsePanel, ReactColorPicker, ReactColumnHeightOutlined, ReactColumnWidthOutlined, ReactCommentOutlined, ReactCompassFilled, ReactCompassOutlined, ReactCompassTwoTone, ReactCompressOutlined, ReactConfigProvider, ReactConsoleSqlOutlined, ReactContactsFilled, ReactContactsOutlined, ReactContactsTwoTone, ReactContainerFilled, ReactContainerOutlined, ReactContainerTwoTone, ReactContentScaleProvider, ReactControlFilled, ReactControlOutlined, ReactControlTwoTone, ReactCopyFilled, ReactCopyOutlined, ReactCopyTwoTone, ReactCopyrightCircleFilled, ReactCopyrightCircleOutlined, ReactCopyrightCircleTwoTone, ReactCopyrightOutlined, ReactCopyrightTwoTone, ReactCreditCardFilled, ReactCreditCardOutlined, ReactCreditCardTwoTone, ReactCrownFilled, ReactCrownOutlined, ReactCrownTwoTone, ReactCustomerServiceFilled, ReactCustomerServiceOutlined, ReactCustomerServiceTwoTone, ReactDashOutlined, ReactDashboardFilled, ReactDashboardOutlined, ReactDashboardTwoTone, ReactDatabaseFilled, ReactDatabaseOutlined, ReactDatabaseTwoTone, ReactDatePicker, ReactDateRangePicker, ReactDateTimePicker, ReactDateTimeRangePicker, ReactDeepSeekFilled, ReactDeleteColumnOutlined, ReactDeleteFilled, ReactDeleteOutlined, ReactDeleteRowOutlined, ReactDeleteTwoTone, ReactDeliveredProcedureOutlined, ReactDeploymentUnitOutlined, ReactDesktopOutlined, ReactDiffFilled, ReactDiffOutlined, ReactDiffTwoTone, ReactDingdingOutlined, ReactDingtalkCircleFilled, ReactDingtalkOutlined, ReactDingtalkSquareFilled, ReactDisconnectOutlined, ReactDiscordFilled, ReactDiscordOutlined, ReactDislikeFilled, ReactDislikeOutlined, ReactDislikeTwoTone, ReactDockerOutlined, ReactDollarCircleFilled, ReactDollarCircleOutlined, ReactDollarCircleTwoTone, ReactDollarOutlined, ReactDollarTwoTone, ReactDotChartOutlined, ReactDotNetOutlined, ReactDoubleLeftOutlined, ReactDoubleRightOutlined, ReactDownCircleFilled, ReactDownCircleOutlined, ReactDownCircleTwoTone, ReactDownOutlined, ReactDownSquareFilled, ReactDownSquareOutlined, ReactDownSquareTwoTone, ReactDownloadOutlined, ReactDragOutlined, ReactDrawer, ReactDribbbleCircleFilled, ReactDribbbleOutlined, ReactDribbbleSquareFilled, ReactDribbbleSquareOutlined, ReactDropboxCircleFilled, ReactDropboxOutlined, ReactDropboxSquareFilled, ReactDropdown, ReactEditFilled, ReactEditOutlined, ReactEditTwoTone, ReactElevenLabsFilled, ReactEllipsisOutlined, ReactEnterOutlined, ReactEnvironmentFilled, ReactEnvironmentOutlined, ReactEnvironmentTwoTone, ReactEuroCircleFilled, ReactEuroCircleOutlined, ReactEuroCircleTwoTone, ReactEuroOutlined, ReactEuroTwoTone, ReactExceptionOutlined, ReactExclamationCircleFilled, ReactExclamationCircleOutlined, ReactExclamationCircleTwoTone, ReactExclamationOutlined, ReactExpandAltOutlined, ReactExpandOutlined, ReactExperimentFilled, ReactExperimentOutlined, ReactExperimentTwoTone, ReactExportOutlined, ReactEyeFilled, ReactEyeInvisibleFilled, ReactEyeInvisibleOutlined, ReactEyeInvisibleTwoTone, ReactEyeOutlined, ReactEyeTwoTone, ReactFacebookFilled, ReactFacebookOutlined, ReactFallOutlined, ReactFastBackwardFilled, ReactFastBackwardOutlined, ReactFastForwardFilled, ReactFastForwardOutlined, ReactFieldBinaryOutlined, ReactFieldNumberOutlined, ReactFieldStringOutlined, ReactFieldTimeOutlined, ReactFileAddFilled, ReactFileAddOutlined, ReactFileAddTwoTone, ReactFileDoneOutlined, ReactFileExcelFilled, ReactFileExcelOutlined, ReactFileExcelTwoTone, ReactFileExclamationFilled, ReactFileExclamationOutlined, ReactFileExclamationTwoTone, ReactFileFilled, ReactFileGifOutlined, ReactFileImageFilled, ReactFileImageOutlined, ReactFileImageTwoTone, ReactFileJpgOutlined, ReactFileMarkdownFilled, ReactFileMarkdownOutlined, ReactFileMarkdownTwoTone, ReactFileOutlined, ReactFilePdfFilled, ReactFilePdfOutlined, ReactFilePdfTwoTone, ReactFilePptFilled, ReactFilePptOutlined, ReactFilePptTwoTone, ReactFileProtectOutlined, ReactFileSearchOutlined, ReactFileSyncOutlined, ReactFileTextFilled, ReactFileTextOutlined, ReactFileTextTwoTone, ReactFileTwoTone, ReactFileUnknownFilled, ReactFileUnknownOutlined, ReactFileUnknownTwoTone, ReactFileWordFilled, ReactFileWordOutlined, ReactFileWordTwoTone, ReactFileZipFilled, ReactFileZipOutlined, ReactFileZipTwoTone, ReactFilterFilled, ReactFilterOutlined, ReactFilterPanel, ReactFilterTwoTone, ReactFireFilled, ReactFireOutlined, ReactFireTwoTone, ReactFlagFilled, ReactFlagOutlined, ReactFlagTwoTone, ReactFlex, ReactFolderAddFilled, ReactFolderAddOutlined, ReactFolderAddTwoTone, ReactFolderFilled, ReactFolderOpenFilled, ReactFolderOpenOutlined, ReactFolderOpenTwoTone, ReactFolderOutlined, ReactFolderTwoTone, ReactFolderViewOutlined, ReactFontColorsOutlined, ReactFontSizeOutlined, ReactForkOutlined, ReactForm, ReactFormItem, ReactFormOutlined, ReactFormatPainterFilled, ReactFormatPainterOutlined, ReactForwardFilled, ReactForwardOutlined, ReactFrownFilled, ReactFrownOutlined, ReactFrownTwoTone, ReactFullscreenExitOutlined, ReactFullscreenOutlined, ReactFunctionOutlined, ReactFundFilled, ReactFundOutlined, ReactFundProjectionScreenOutlined, ReactFundTwoTone, ReactFundViewOutlined, ReactFunnelPlotFilled, ReactFunnelPlotOutlined, ReactFunnelPlotTwoTone, ReactGatewayOutlined, ReactGeminiFilled, ReactGifOutlined, ReactGiftFilled, ReactGiftOutlined, ReactGiftTwoTone, ReactGithubFilled, ReactGithubOutlined, ReactGitlabFilled, ReactGitlabOutlined, ReactGlobalOutlined, ReactGoldFilled, ReactGoldOutlined, ReactGoldTwoTone, ReactGoldenFilled, ReactGoogleCircleFilled, ReactGoogleOutlined, ReactGooglePlusCircleFilled, ReactGooglePlusOutlined, ReactGooglePlusSquareFilled, ReactGoogleSquareFilled, ReactGroupOutlined, ReactHarmonyOSOutlined, ReactHddFilled, ReactHddOutlined, ReactHddTwoTone, ReactHeartFilled, ReactHeartOutlined, ReactHeartTwoTone, ReactHeatMapOutlined, ReactHighlightFilled, ReactHighlightOutlined, ReactHighlightTwoTone, ReactHistoryOutlined, ReactHolderOutlined, ReactHomeFilled, ReactHomeOutlined, ReactHomeTwoTone, ReactHourglassFilled, ReactHourglassOutlined, ReactHourglassTwoTone, ReactHtml5Filled, ReactHtml5Outlined, ReactHtml5TwoTone, ReactHuggingFaceFilled, ReactIcon, ReactIdcardFilled, ReactIdcardOutlined, ReactIdcardTwoTone, ReactIeCircleFilled, ReactIeOutlined, ReactIeSquareFilled, ReactImagePreview, ReactImportOutlined, ReactInboxOutlined, ReactInfoCircleFilled, ReactInfoCircleOutlined, ReactInfoCircleTwoTone, ReactInfoOutlined, ReactInput, ReactInputNumber, ReactInputRange, ReactInsertRowAboveOutlined, ReactInsertRowBelowOutlined, ReactInsertRowLeftOutlined, ReactInsertRowRightOutlined, ReactInstagramFilled, ReactInstagramOutlined, ReactInsuranceFilled, ReactInsuranceOutlined, ReactInsuranceTwoTone, ReactInteractionFilled, ReactInteractionOutlined, ReactInteractionTwoTone, ReactIssuesCloseOutlined, ReactItalicOutlined, ReactJavaOutlined, ReactJavaScriptOutlined, ReactKeyOutlined, ReactKubernetesOutlined, ReactLaptopOutlined, ReactLayoutFilled, ReactLayoutOutlined, ReactLayoutTwoTone, ReactLeftCircleFilled, ReactLeftCircleOutlined, ReactLeftCircleTwoTone, ReactLeftOutlined, ReactLeftSquareFilled, ReactLeftSquareOutlined, ReactLeftSquareTwoTone, ReactLikeFilled, ReactLikeOutlined, ReactLikeTwoTone, ReactLineChartOutlined, ReactLineHeightOutlined, ReactLineOutlined, ReactLinkOutlined, ReactLinkedinFilled, ReactLinkedinOutlined, ReactLinuxOutlined, ReactLoading3QuartersOutlined, ReactLoadingOutlined, ReactLockFilled, ReactLockOutlined, ReactLockTwoTone, ReactLoginOutlined, ReactLogoutOutlined, ReactMacCommandFilled, ReactMacCommandOutlined, ReactMailFilled, ReactMailOutlined, ReactMailTwoTone, ReactManOutlined, ReactMastodonFilled, ReactMedicineBoxFilled, ReactMedicineBoxOutlined, ReactMedicineBoxTwoTone, ReactMediumCircleFilled, ReactMediumOutlined, ReactMediumSquareFilled, ReactMediumWorkmarkOutlined, ReactMehFilled, ReactMehOutlined, ReactMehTwoTone, ReactMenuFoldOutlined, ReactMenuOutlined, ReactMenuUnfoldOutlined, ReactMergeCellsOutlined, ReactMergeFilled, ReactMergeOutlined, ReactMessageFilled, ReactMessageOutlined, ReactMessageTwoTone, ReactMetaFilled, ReactMinusCircleFilled, ReactMinusCircleOutlined, ReactMinusCircleTwoTone, ReactMinusOutlined, ReactMinusSquareFilled, ReactMinusSquareOutlined, ReactMinusSquareTwoTone, ReactMistralFilled, ReactMobileFilled, ReactMobileOutlined, ReactMobileTwoTone, ReactModal, ReactMoneyCollectFilled, ReactMoneyCollectOutlined, ReactMoneyCollectTwoTone, ReactMonitorOutlined, ReactMonthPicker, ReactMoonFilled, ReactMoonOutlined, ReactMoreOutlined, ReactMutedFilled, ReactMutedOutlined, ReactNetflixFilled, ReactNodeCollapseOutlined, ReactNodeExpandOutlined, ReactNodeIndexOutlined, ReactNotificationFilled, ReactNotificationOutlined, ReactNotificationTwoTone, ReactNumberInput, ReactNumberOutlined, ReactOllamaFilled, ReactOneToOneOutlined, ReactOpenAIFilled, ReactOpenAIOutlined, ReactOrderedListOutlined, ReactPagination, ReactPaperClipOutlined, ReactPartitionOutlined, ReactPauseCircleFilled, ReactPauseCircleOutlined, ReactPauseCircleTwoTone, ReactPauseOutlined, ReactPayCircleFilled, ReactPayCircleOutlined, ReactPercentageOutlined, ReactPerplexityFilled, ReactPhoneFilled, ReactPhoneOutlined, ReactPhoneTwoTone, ReactPicCenterOutlined, ReactPicLeftOutlined, ReactPicRightOutlined, ReactPictureFilled, ReactPictureOutlined, ReactPictureTwoTone, ReactPieChartFilled, ReactPieChartOutlined, ReactPieChartTwoTone, ReactPinterestFilled, ReactPinterestOutlined, ReactPlayCircleFilled, ReactPlayCircleOutlined, ReactPlayCircleTwoTone, ReactPlaySquareFilled, ReactPlaySquareOutlined, ReactPlaySquareTwoTone, ReactPlusCircleFilled, ReactPlusCircleOutlined, ReactPlusCircleTwoTone, ReactPlusOutlined, ReactPlusSquareFilled, ReactPlusSquareOutlined, ReactPlusSquareTwoTone, ReactPopconfirm, ReactPopup, ReactPoundCircleFilled, ReactPoundCircleOutlined, ReactPoundCircleTwoTone, ReactPoundOutlined, ReactPoweroffOutlined, ReactPrinterFilled, ReactPrinterOutlined, ReactPrinterTwoTone, ReactProductFilled, ReactProductOutlined, ReactProfileFilled, ReactProfileOutlined, ReactProfileTwoTone, ReactProjectFilled, ReactProjectOutlined, ReactProjectTwoTone, ReactPropertySafetyFilled, ReactPropertySafetyOutlined, ReactPropertySafetyTwoTone, ReactPullRequestOutlined, ReactPushpinFilled, ReactPushpinOutlined, ReactPushpinTwoTone, ReactPythonOutlined, ReactQqCircleFilled, ReactQqOutlined, ReactQqSquareFilled, ReactQrcodeOutlined, ReactQuarterPicker, ReactQuestionCircleFilled, ReactQuestionCircleOutlined, ReactQuestionCircleTwoTone, ReactQuestionOutlined, ReactQwenFilled, ReactRadarChartOutlined, ReactRadio, ReactRadiusBottomleftOutlined, ReactRadiusBottomrightOutlined, ReactRadiusSettingOutlined, ReactRadiusUpleftOutlined, ReactRadiusUprightOutlined, ReactReadFilled, ReactReadOutlined, ReactReconciliationFilled, ReactReconciliationOutlined, ReactReconciliationTwoTone, ReactRedEnvelopeFilled, ReactRedEnvelopeOutlined, ReactRedEnvelopeTwoTone, ReactRedditCircleFilled, ReactRedditOutlined, ReactRedditSquareFilled, ReactRedoOutlined, ReactReloadOutlined, ReactReplicateFilled, ReactResizablePanels, ReactRestFilled, ReactRestOutlined, ReactRestTwoTone, ReactRetweetOutlined, ReactRightCircleFilled, ReactRightCircleOutlined, ReactRightCircleTwoTone, ReactRightOutlined, ReactRightSquareFilled, ReactRightSquareOutlined, ReactRightSquareTwoTone, ReactRiseOutlined, ReactRobotFilled, ReactRobotOutlined, ReactRocketFilled, ReactRocketOutlined, ReactRocketTwoTone, ReactRollbackOutlined, ReactRotateLeftOutlined, ReactRotateRightOutlined, ReactRow, ReactRubyOutlined, ReactSafetyCertificateFilled, ReactSafetyCertificateOutlined, ReactSafetyCertificateTwoTone, ReactSafetyOutlined, ReactSaveFilled, ReactSaveOutlined, ReactSaveTwoTone, ReactScanOutlined, ReactScheduleFilled, ReactScheduleOutlined, ReactScheduleTwoTone, ReactScissorOutlined, ReactScrollbarPositionDialog, ReactScrollbarSettingsDialog, ReactSearchOutlined, ReactSecurityScanFilled, ReactSecurityScanOutlined, ReactSecurityScanTwoTone, ReactSelect, ReactSelectOutlined, ReactSendOutlined, ReactSettingFilled, ReactSettingOutlined, ReactSettingTwoTone, ReactShakeOutlined, ReactShareAltOutlined, ReactShopFilled, ReactShopOutlined, ReactShopTwoTone, ReactShoppingCartOutlined, ReactShoppingFilled, ReactShoppingOutlined, ReactShoppingTwoTone, ReactShrinkOutlined, ReactSignalFilled, ReactSignatureFilled, ReactSignatureOutlined, ReactSisternodeOutlined, ReactSketchCircleFilled, ReactSketchOutlined, ReactSketchSquareFilled, ReactSkinFilled, ReactSkinOutlined, ReactSkinTwoTone, ReactSkypeFilled, ReactSkypeOutlined, ReactSlackCircleFilled, ReactSlackOutlined, ReactSlackSquareFilled, ReactSlackSquareOutlined, ReactSlidersFilled, ReactSlidersOutlined, ReactSlidersTwoTone, ReactSmallDashOutlined, ReactSmileFilled, ReactSmileOutlined, ReactSmileTwoTone, ReactSnapchatFilled, ReactSnippetsFilled, ReactSnippetsOutlined, ReactSnippetsTwoTone, ReactSolutionOutlined, ReactSortAscendingOutlined, ReactSortDescendingOutlined, ReactSortableList, ReactSoundFilled, ReactSoundOutlined, ReactSoundTwoTone, ReactSplitCellsOutlined, ReactSpotifyFilled, ReactSpotifyOutlined, ReactStarFilled, ReactStarOutlined, ReactStarTwoTone, ReactStepBackwardFilled, ReactStepBackwardOutlined, ReactStepForwardFilled, ReactStepForwardOutlined, ReactStockOutlined, ReactStopFilled, ReactStopOutlined, ReactStopTwoTone, ReactStrikethroughOutlined, ReactSubnodeOutlined, ReactSunFilled, ReactSunOutlined, ReactSwapLeftOutlined, ReactSwapOutlined, ReactSwapRightOutlined, ReactSwitcherFilled, ReactSwitcherOutlined, ReactSwitcherTwoTone, ReactSyncOutlined, ReactTableOutlined, ReactTabletFilled, ReactTabletOutlined, ReactTabletTwoTone, ReactTagFilled, ReactTagOutlined, ReactTagTwoTone, ReactTagsFilled, ReactTagsOutlined, ReactTagsTwoTone, ReactTaobaoCircleFilled, ReactTaobaoCircleOutlined, ReactTaobaoOutlined, ReactTaobaoSquareFilled, ReactTeamOutlined, ReactTelegramFilled, ReactTextArea, ReactThreadsFilled, ReactThunderboltFilled, ReactThunderboltOutlined, ReactThunderboltTwoTone, ReactTikTokFilled, ReactTikTokOutlined, ReactTimePicker, ReactTimeRangePicker, ReactToTopOutlined, ReactToolFilled, ReactToolOutlined, ReactToolTwoTone, ReactTooltip, ReactTrademarkCircleFilled, ReactTrademarkCircleOutlined, ReactTrademarkCircleTwoTone, ReactTrademarkOutlined, ReactTransactionOutlined, ReactTransition, ReactTranslationOutlined, ReactTreeSelect, ReactTrophyFilled, ReactTrophyOutlined, ReactTrophyTwoTone, ReactTruckFilled, ReactTruckOutlined, ReactTwitchFilled, ReactTwitchOutlined, ReactTwitterCircleFilled, ReactTwitterOutlined, ReactTwitterSquareFilled, ReactUnderlineOutlined, ReactUndoOutlined, ReactUngroupOutlined, ReactUnlockFilled, ReactUnlockOutlined, ReactUnlockTwoTone, ReactUnorderedListOutlined, ReactUpCircleFilled, ReactUpCircleOutlined, ReactUpCircleTwoTone, ReactUpOutlined, ReactUpSquareFilled, ReactUpSquareOutlined, ReactUpSquareTwoTone, ReactUploadOutlined, ReactUsbFilled, ReactUsbOutlined, ReactUsbTwoTone, ReactUserAddOutlined, ReactUserDeleteOutlined, ReactUserOutlined, ReactUserSwitchOutlined, ReactUsergroupAddOutlined, ReactUsergroupDeleteOutlined, ReactVerifiedOutlined, ReactVerticalAlignBottomOutlined, ReactVerticalAlignMiddleOutlined, ReactVerticalAlignTopOutlined, ReactVerticalLeftOutlined, ReactVerticalRightOutlined, ReactVideoCameraAddOutlined, ReactVideoCameraFilled, ReactVideoCameraOutlined, ReactVideoCameraTwoTone, ReactVirtualList, ReactWalletFilled, ReactWalletOutlined, ReactWalletTwoTone, ReactWarningFilled, ReactWarningOutlined, ReactWarningTwoTone, ReactWaterfall, ReactWechatFilled, ReactWechatOutlined, ReactWechatWorkFilled, ReactWechatWorkOutlined, ReactWeiboCircleFilled, ReactWeiboCircleOutlined, ReactWeiboOutlined, ReactWeiboSquareFilled, ReactWeiboSquareOutlined, ReactWhatsAppOutlined, ReactWifiOutlined, ReactWindowsFilled, ReactWindowsOutlined, ReactWomanOutlined, ReactXFilled, ReactXOutlined, ReactYahooFilled, ReactYahooOutlined, ReactYearPicker, ReactYoutubeFilled, ReactYoutubeOutlined, ReactYuqueFilled, ReactYuqueOutlined, ReactZhihuCircleFilled, ReactZhihuOutlined, ReactZhihuSquareFilled, ReactZoomInOutlined, ReactZoomOutOutlined, ReactReadFilled as ReadFilled, ReactReadOutlined as ReadOutlined, ReactReconciliationFilled as ReconciliationFilled, ReactReconciliationOutlined as ReconciliationOutlined, ReactReconciliationTwoTone as ReconciliationTwoTone, ReactRedEnvelopeFilled as RedEnvelopeFilled, ReactRedEnvelopeOutlined as RedEnvelopeOutlined, ReactRedEnvelopeTwoTone as RedEnvelopeTwoTone, ReactRedditCircleFilled as RedditCircleFilled, ReactRedditOutlined as RedditOutlined, ReactRedditSquareFilled as RedditSquareFilled, ReactRedoOutlined as RedoOutlined, ReactReloadOutlined as ReloadOutlined, ReactReplicateFilled as ReplicateFilled, ReactRestFilled as RestFilled, ReactRestOutlined as RestOutlined, ReactRestTwoTone as RestTwoTone, ReactRetweetOutlined as RetweetOutlined, ReactRightCircleFilled as RightCircleFilled, ReactRightCircleOutlined as RightCircleOutlined, ReactRightCircleTwoTone as RightCircleTwoTone, ReactRightOutlined as RightOutlined, ReactRightSquareFilled as RightSquareFilled, ReactRightSquareOutlined as RightSquareOutlined, ReactRightSquareTwoTone as RightSquareTwoTone, ReactRiseOutlined as RiseOutlined, ReactRobotFilled as RobotFilled, ReactRobotOutlined as RobotOutlined, ReactRocketFilled as RocketFilled, ReactRocketOutlined as RocketOutlined, ReactRocketTwoTone as RocketTwoTone, ReactRollbackOutlined as RollbackOutlined, ReactRotateLeftOutlined as RotateLeftOutlined, ReactRotateRightOutlined as RotateRightOutlined, ReactRubyOutlined as RubyOutlined, ReactSafetyCertificateFilled as SafetyCertificateFilled, ReactSafetyCertificateOutlined as SafetyCertificateOutlined, ReactSafetyCertificateTwoTone as SafetyCertificateTwoTone, ReactSafetyOutlined as SafetyOutlined, ReactSaveFilled as SaveFilled, ReactSaveOutlined as SaveOutlined, ReactSaveTwoTone as SaveTwoTone, ReactScanOutlined as ScanOutlined, ReactScheduleFilled as ScheduleFilled, ReactScheduleOutlined as ScheduleOutlined, ReactScheduleTwoTone as ScheduleTwoTone, ReactScissorOutlined as ScissorOutlined, ReactSearchOutlined as SearchOutlined, ReactSecurityScanFilled as SecurityScanFilled, ReactSecurityScanOutlined as SecurityScanOutlined, ReactSecurityScanTwoTone as SecurityScanTwoTone, ReactSelectOutlined as SelectOutlined, ReactSendOutlined as SendOutlined, ReactSettingFilled as SettingFilled, ReactSettingOutlined as SettingOutlined, ReactSettingTwoTone as SettingTwoTone, ReactShakeOutlined as ShakeOutlined, ReactShareAltOutlined as ShareAltOutlined, ReactShopFilled as ShopFilled, ReactShopOutlined as ShopOutlined, ReactShopTwoTone as ShopTwoTone, ReactShoppingCartOutlined as ShoppingCartOutlined, ReactShoppingFilled as ShoppingFilled, ReactShoppingOutlined as ShoppingOutlined, ReactShoppingTwoTone as ShoppingTwoTone, ReactShrinkOutlined as ShrinkOutlined, ReactSignalFilled as SignalFilled, ReactSignatureFilled as SignatureFilled, ReactSignatureOutlined as SignatureOutlined, ReactSisternodeOutlined as SisternodeOutlined, ReactSketchCircleFilled as SketchCircleFilled, ReactSketchOutlined as SketchOutlined, ReactSketchSquareFilled as SketchSquareFilled, ReactSkinFilled as SkinFilled, ReactSkinOutlined as SkinOutlined, ReactSkinTwoTone as SkinTwoTone, ReactSkypeFilled as SkypeFilled, ReactSkypeOutlined as SkypeOutlined, ReactSlackCircleFilled as SlackCircleFilled, ReactSlackOutlined as SlackOutlined, ReactSlackSquareFilled as SlackSquareFilled, ReactSlackSquareOutlined as SlackSquareOutlined, ReactSlidersFilled as SlidersFilled, ReactSlidersOutlined as SlidersOutlined, ReactSlidersTwoTone as SlidersTwoTone, ReactSmallDashOutlined as SmallDashOutlined, ReactSmileFilled as SmileFilled, ReactSmileOutlined as SmileOutlined, ReactSmileTwoTone as SmileTwoTone, ReactSnapchatFilled as SnapchatFilled, ReactSnippetsFilled as SnippetsFilled, ReactSnippetsOutlined as SnippetsOutlined, ReactSnippetsTwoTone as SnippetsTwoTone, ReactSolutionOutlined as SolutionOutlined, ReactSortAscendingOutlined as SortAscendingOutlined, ReactSortDescendingOutlined as SortDescendingOutlined, ReactSoundFilled as SoundFilled, ReactSoundOutlined as SoundOutlined, ReactSoundTwoTone as SoundTwoTone, ReactSplitCellsOutlined as SplitCellsOutlined, ReactSpotifyFilled as SpotifyFilled, ReactSpotifyOutlined as SpotifyOutlined, ReactStarFilled as StarFilled, ReactStarOutlined as StarOutlined, ReactStarTwoTone as StarTwoTone, ReactStepBackwardFilled as StepBackwardFilled, ReactStepBackwardOutlined as StepBackwardOutlined, ReactStepForwardFilled as StepForwardFilled, ReactStepForwardOutlined as StepForwardOutlined, ReactStockOutlined as StockOutlined, ReactStopFilled as StopFilled, ReactStopOutlined as StopOutlined, ReactStopTwoTone as StopTwoTone, ReactStrikethroughOutlined as StrikethroughOutlined, ReactSubnodeOutlined as SubnodeOutlined, ReactSunFilled as SunFilled, ReactSunOutlined as SunOutlined, ReactSwapLeftOutlined as SwapLeftOutlined, ReactSwapOutlined as SwapOutlined, ReactSwapRightOutlined as SwapRightOutlined, ReactSwitcherFilled as SwitcherFilled, ReactSwitcherOutlined as SwitcherOutlined, ReactSwitcherTwoTone as SwitcherTwoTone, ReactSyncOutlined as SyncOutlined, ReactTableOutlined as TableOutlined, ReactTabletFilled as TabletFilled, ReactTabletOutlined as TabletOutlined, ReactTabletTwoTone as TabletTwoTone, ReactTagFilled as TagFilled, ReactTagOutlined as TagOutlined, ReactTagTwoTone as TagTwoTone, ReactTagsFilled as TagsFilled, ReactTagsOutlined as TagsOutlined, ReactTagsTwoTone as TagsTwoTone, ReactTaobaoCircleFilled as TaobaoCircleFilled, ReactTaobaoCircleOutlined as TaobaoCircleOutlined, ReactTaobaoOutlined as TaobaoOutlined, ReactTaobaoSquareFilled as TaobaoSquareFilled, ReactTeamOutlined as TeamOutlined, ReactTelegramFilled as TelegramFilled, ReactThreadsFilled as ThreadsFilled, ReactThunderboltFilled as ThunderboltFilled, ReactThunderboltOutlined as ThunderboltOutlined, ReactThunderboltTwoTone as ThunderboltTwoTone, ReactTikTokFilled as TikTokFilled, ReactTikTokOutlined as TikTokOutlined, ReactToTopOutlined as ToTopOutlined, ReactToolFilled as ToolFilled, ReactToolOutlined as ToolOutlined, ReactToolTwoTone as ToolTwoTone, ReactTrademarkCircleFilled as TrademarkCircleFilled, ReactTrademarkCircleOutlined as TrademarkCircleOutlined, ReactTrademarkCircleTwoTone as TrademarkCircleTwoTone, ReactTrademarkOutlined as TrademarkOutlined, ReactTransactionOutlined as TransactionOutlined, ReactTranslationOutlined as TranslationOutlined, ReactTrophyFilled as TrophyFilled, ReactTrophyOutlined as TrophyOutlined, ReactTrophyTwoTone as TrophyTwoTone, ReactTruckFilled as TruckFilled, ReactTruckOutlined as TruckOutlined, ReactTwitchFilled as TwitchFilled, ReactTwitchOutlined as TwitchOutlined, ReactTwitterCircleFilled as TwitterCircleFilled, ReactTwitterOutlined as TwitterOutlined, ReactTwitterSquareFilled as TwitterSquareFilled, ReactUnderlineOutlined as UnderlineOutlined, ReactUndoOutlined as UndoOutlined, ReactUngroupOutlined as UngroupOutlined, ReactUnlockFilled as UnlockFilled, ReactUnlockOutlined as UnlockOutlined, ReactUnlockTwoTone as UnlockTwoTone, ReactUnorderedListOutlined as UnorderedListOutlined, ReactUpCircleFilled as UpCircleFilled, ReactUpCircleOutlined as UpCircleOutlined, ReactUpCircleTwoTone as UpCircleTwoTone, ReactUpOutlined as UpOutlined, ReactUpSquareFilled as UpSquareFilled, ReactUpSquareOutlined as UpSquareOutlined, ReactUpSquareTwoTone as UpSquareTwoTone, ReactUploadOutlined as UploadOutlined, ReactUsbFilled as UsbFilled, ReactUsbOutlined as UsbOutlined, ReactUsbTwoTone as UsbTwoTone, ReactUserAddOutlined as UserAddOutlined, ReactUserDeleteOutlined as UserDeleteOutlined, ReactUserOutlined as UserOutlined, ReactUserSwitchOutlined as UserSwitchOutlined, ReactUsergroupAddOutlined as UsergroupAddOutlined, ReactUsergroupDeleteOutlined as UsergroupDeleteOutlined, ReactVerifiedOutlined as VerifiedOutlined, ReactVerticalAlignBottomOutlined as VerticalAlignBottomOutlined, ReactVerticalAlignMiddleOutlined as VerticalAlignMiddleOutlined, ReactVerticalAlignTopOutlined as VerticalAlignTopOutlined, ReactVerticalLeftOutlined as VerticalLeftOutlined, ReactVerticalRightOutlined as VerticalRightOutlined, ReactVideoCameraAddOutlined as VideoCameraAddOutlined, ReactVideoCameraFilled as VideoCameraFilled, ReactVideoCameraOutlined as VideoCameraOutlined, ReactVideoCameraTwoTone as VideoCameraTwoTone, ReactWalletFilled as WalletFilled, ReactWalletOutlined as WalletOutlined, ReactWalletTwoTone as WalletTwoTone, ReactWarningFilled as WarningFilled, ReactWarningOutlined as WarningOutlined, ReactWarningTwoTone as WarningTwoTone, ReactWechatFilled as WechatFilled, ReactWechatOutlined as WechatOutlined, ReactWechatWorkFilled as WechatWorkFilled, ReactWechatWorkOutlined as WechatWorkOutlined, ReactWeiboCircleFilled as WeiboCircleFilled, ReactWeiboCircleOutlined as WeiboCircleOutlined, ReactWeiboOutlined as WeiboOutlined, ReactWeiboSquareFilled as WeiboSquareFilled, ReactWeiboSquareOutlined as WeiboSquareOutlined, ReactWhatsAppOutlined as WhatsAppOutlined, ReactWifiOutlined as WifiOutlined, ReactWindowsFilled as WindowsFilled, ReactWindowsOutlined as WindowsOutlined, ReactWomanOutlined as WomanOutlined, ReactXFilled as XFilled, ReactXOutlined as XOutlined, ReactYahooFilled as YahooFilled, ReactYahooOutlined as YahooOutlined, ReactYoutubeFilled as YoutubeFilled, ReactYoutubeOutlined as YoutubeOutlined, ReactYuqueFilled as YuqueFilled, ReactYuqueOutlined as YuqueOutlined, ReactZhihuCircleFilled as ZhihuCircleFilled, ReactZhihuOutlined as ZhihuOutlined, ReactZhihuSquareFilled as ZhihuSquareFilled, ReactZoomInOutlined as ZoomInOutlined, ReactZoomOutOutlined as ZoomOutOutlined, getSharedScrollbarSettings, reactIconNames, reactMessage, resolveClosestSortableItem, resolveNextSortableOrder, resolveReactScrollbarMode, resolveResizablePanelSizes, setSharedScrollbarSettings, subscribeSharedScrollbarSettings, useReactConfig, useReactConfigStyle, useReactContentScale, useReactForm, useReactFormWatch, useReactMessage, useReactTransition };
|
|
12985
|
+
export { ReactAccountBookFilled as AccountBookFilled, ReactAccountBookOutlined as AccountBookOutlined, ReactAccountBookTwoTone as AccountBookTwoTone, ReactAimOutlined as AimOutlined, ReactAlertFilled as AlertFilled, ReactAlertOutlined as AlertOutlined, ReactAlertTwoTone as AlertTwoTone, ReactAlibabaOutlined as AlibabaOutlined, ReactAlignCenterOutlined as AlignCenterOutlined, ReactAlignLeftOutlined as AlignLeftOutlined, ReactAlignRightOutlined as AlignRightOutlined, ReactAlipayCircleFilled as AlipayCircleFilled, ReactAlipayCircleOutlined as AlipayCircleOutlined, ReactAlipayOutlined as AlipayOutlined, ReactAlipaySquareFilled as AlipaySquareFilled, ReactAliwangwangFilled as AliwangwangFilled, ReactAliwangwangOutlined as AliwangwangOutlined, ReactAliyunOutlined as AliyunOutlined, ReactAmazonCircleFilled as AmazonCircleFilled, ReactAmazonOutlined as AmazonOutlined, ReactAmazonSquareFilled as AmazonSquareFilled, ReactAndroidFilled as AndroidFilled, ReactAndroidOutlined as AndroidOutlined, ReactAntCloudOutlined as AntCloudOutlined, ReactAntDesignOutlined as AntDesignOutlined, ReactAnthropicFilled as AnthropicFilled, ReactApartmentOutlined as ApartmentOutlined, ReactApiFilled as ApiFilled, ReactApiOutlined as ApiOutlined, ReactApiTwoTone as ApiTwoTone, ReactAppleFilled as AppleFilled, ReactAppleOutlined as AppleOutlined, ReactAppstoreAddOutlined as AppstoreAddOutlined, ReactAppstoreFilled as AppstoreFilled, ReactAppstoreOutlined as AppstoreOutlined, ReactAppstoreTwoTone as AppstoreTwoTone, ReactAreaChartOutlined as AreaChartOutlined, ReactArrowDownOutlined as ArrowDownOutlined, ReactArrowLeftOutlined as ArrowLeftOutlined, ReactArrowRightOutlined as ArrowRightOutlined, ReactArrowUpOutlined as ArrowUpOutlined, ReactArrowsAltOutlined as ArrowsAltOutlined, ReactAudioFilled as AudioFilled, ReactAudioMutedOutlined as AudioMutedOutlined, ReactAudioOutlined as AudioOutlined, ReactAudioTwoTone as AudioTwoTone, ReactAuditOutlined as AuditOutlined, ReactBackwardFilled as BackwardFilled, ReactBackwardOutlined as BackwardOutlined, ReactBaiduOutlined as BaiduOutlined, ReactBankFilled as BankFilled, ReactBankOutlined as BankOutlined, ReactBankTwoTone as BankTwoTone, ReactBarChartOutlined as BarChartOutlined, ReactBarcodeOutlined as BarcodeOutlined, ReactBarsOutlined as BarsOutlined, ReactBehanceCircleFilled as BehanceCircleFilled, ReactBehanceOutlined as BehanceOutlined, ReactBehanceSquareFilled as BehanceSquareFilled, ReactBehanceSquareOutlined as BehanceSquareOutlined, ReactBellFilled as BellFilled, ReactBellOutlined as BellOutlined, ReactBellTwoTone as BellTwoTone, ReactBgColorsOutlined as BgColorsOutlined, ReactBilibiliFilled as BilibiliFilled, ReactBilibiliOutlined as BilibiliOutlined, ReactBlockOutlined as BlockOutlined, ReactBoldOutlined as BoldOutlined, ReactBookFilled as BookFilled, ReactBookOutlined as BookOutlined, ReactBookTwoTone as BookTwoTone, ReactBorderBottomOutlined as BorderBottomOutlined, ReactBorderHorizontalOutlined as BorderHorizontalOutlined, ReactBorderInnerOutlined as BorderInnerOutlined, ReactBorderLeftOutlined as BorderLeftOutlined, ReactBorderOuterOutlined as BorderOuterOutlined, ReactBorderOutlined as BorderOutlined, ReactBorderRightOutlined as BorderRightOutlined, ReactBorderTopOutlined as BorderTopOutlined, ReactBorderVerticleOutlined as BorderVerticleOutlined, ReactBorderlessTableOutlined as BorderlessTableOutlined, ReactBoxPlotFilled as BoxPlotFilled, ReactBoxPlotOutlined as BoxPlotOutlined, ReactBoxPlotTwoTone as BoxPlotTwoTone, ReactBranchesOutlined as BranchesOutlined, ReactBugFilled as BugFilled, ReactBugOutlined as BugOutlined, ReactBugTwoTone as BugTwoTone, ReactBuildFilled as BuildFilled, ReactBuildOutlined as BuildOutlined, ReactBuildTwoTone as BuildTwoTone, ReactBulbFilled as BulbFilled, ReactBulbOutlined as BulbOutlined, ReactBulbTwoTone as BulbTwoTone, ReactCalculatorFilled as CalculatorFilled, ReactCalculatorOutlined as CalculatorOutlined, ReactCalculatorTwoTone as CalculatorTwoTone, ReactCalendarFilled as CalendarFilled, ReactCalendarOutlined as CalendarOutlined, ReactCalendarTwoTone as CalendarTwoTone, ReactCameraFilled as CameraFilled, ReactCameraOutlined as CameraOutlined, ReactCameraTwoTone as CameraTwoTone, ReactCarFilled as CarFilled, ReactCarOutlined as CarOutlined, ReactCarTwoTone as CarTwoTone, ReactCaretDownFilled as CaretDownFilled, ReactCaretDownOutlined as CaretDownOutlined, ReactCaretLeftFilled as CaretLeftFilled, ReactCaretLeftOutlined as CaretLeftOutlined, ReactCaretRightFilled as CaretRightFilled, ReactCaretRightOutlined as CaretRightOutlined, ReactCaretUpFilled as CaretUpFilled, ReactCaretUpOutlined as CaretUpOutlined, ReactCarryOutFilled as CarryOutFilled, ReactCarryOutOutlined as CarryOutOutlined, ReactCarryOutTwoTone as CarryOutTwoTone, ReactCheckCircleFilled as CheckCircleFilled, ReactCheckCircleOutlined as CheckCircleOutlined, ReactCheckCircleTwoTone as CheckCircleTwoTone, ReactCheckOutlined as CheckOutlined, ReactCheckSquareFilled as CheckSquareFilled, ReactCheckSquareOutlined as CheckSquareOutlined, ReactCheckSquareTwoTone as CheckSquareTwoTone, ReactChromeFilled as ChromeFilled, ReactChromeOutlined as ChromeOutlined, ReactCiCircleFilled as CiCircleFilled, ReactCiCircleOutlined as CiCircleOutlined, ReactCiCircleTwoTone as CiCircleTwoTone, ReactCiOutlined as CiOutlined, ReactCiTwoTone as CiTwoTone, ReactClaudeFilled as ClaudeFilled, ReactClearOutlined as ClearOutlined, ReactClockCircleFilled as ClockCircleFilled, ReactClockCircleOutlined as ClockCircleOutlined, ReactClockCircleTwoTone as ClockCircleTwoTone, ReactCloseCircleFilled as CloseCircleFilled, ReactCloseCircleOutlined as CloseCircleOutlined, ReactCloseCircleTwoTone as CloseCircleTwoTone, ReactCloseOutlined as CloseOutlined, ReactCloseSquareFilled as CloseSquareFilled, ReactCloseSquareOutlined as CloseSquareOutlined, ReactCloseSquareTwoTone as CloseSquareTwoTone, ReactCloudDownloadOutlined as CloudDownloadOutlined, ReactCloudFilled as CloudFilled, ReactCloudOutlined as CloudOutlined, ReactCloudServerOutlined as CloudServerOutlined, ReactCloudSyncOutlined as CloudSyncOutlined, ReactCloudTwoTone as CloudTwoTone, ReactCloudUploadOutlined as CloudUploadOutlined, ReactClusterOutlined as ClusterOutlined, ReactCodeFilled as CodeFilled, ReactCodeOutlined as CodeOutlined, ReactCodeSandboxCircleFilled as CodeSandboxCircleFilled, ReactCodeSandboxOutlined as CodeSandboxOutlined, ReactCodeSandboxSquareFilled as CodeSandboxSquareFilled, ReactCodeTwoTone as CodeTwoTone, ReactCodepenCircleFilled as CodepenCircleFilled, ReactCodepenCircleOutlined as CodepenCircleOutlined, ReactCodepenOutlined as CodepenOutlined, ReactCodepenSquareFilled as CodepenSquareFilled, ReactCoffeeOutlined as CoffeeOutlined, ReactColumnHeightOutlined as ColumnHeightOutlined, ReactColumnWidthOutlined as ColumnWidthOutlined, ReactCommentOutlined as CommentOutlined, ReactCompassFilled as CompassFilled, ReactCompassOutlined as CompassOutlined, ReactCompassTwoTone as CompassTwoTone, ReactCompressOutlined as CompressOutlined, ReactConfigProvider as ConfigProvider, ReactConsoleSqlOutlined as ConsoleSqlOutlined, ReactContactsFilled as ContactsFilled, ReactContactsOutlined as ContactsOutlined, ReactContactsTwoTone as ContactsTwoTone, ReactContainerFilled as ContainerFilled, ReactContainerOutlined as ContainerOutlined, ReactContainerTwoTone as ContainerTwoTone, ReactControlFilled as ControlFilled, ReactControlOutlined as ControlOutlined, ReactControlTwoTone as ControlTwoTone, ReactCopyFilled as CopyFilled, ReactCopyOutlined as CopyOutlined, ReactCopyTwoTone as CopyTwoTone, ReactCopyrightCircleFilled as CopyrightCircleFilled, ReactCopyrightCircleOutlined as CopyrightCircleOutlined, ReactCopyrightCircleTwoTone as CopyrightCircleTwoTone, ReactCopyrightOutlined as CopyrightOutlined, ReactCopyrightTwoTone as CopyrightTwoTone, ReactCreditCardFilled as CreditCardFilled, ReactCreditCardOutlined as CreditCardOutlined, ReactCreditCardTwoTone as CreditCardTwoTone, ReactCrownFilled as CrownFilled, ReactCrownOutlined as CrownOutlined, ReactCrownTwoTone as CrownTwoTone, ReactCustomerServiceFilled as CustomerServiceFilled, ReactCustomerServiceOutlined as CustomerServiceOutlined, ReactCustomerServiceTwoTone as CustomerServiceTwoTone, ReactDashOutlined as DashOutlined, ReactDashboardFilled as DashboardFilled, ReactDashboardOutlined as DashboardOutlined, ReactDashboardTwoTone as DashboardTwoTone, ReactDatabaseFilled as DatabaseFilled, ReactDatabaseOutlined as DatabaseOutlined, ReactDatabaseTwoTone as DatabaseTwoTone, ReactDeepSeekFilled as DeepSeekFilled, ReactDeleteColumnOutlined as DeleteColumnOutlined, ReactDeleteFilled as DeleteFilled, ReactDeleteOutlined as DeleteOutlined, ReactDeleteRowOutlined as DeleteRowOutlined, ReactDeleteTwoTone as DeleteTwoTone, ReactDeliveredProcedureOutlined as DeliveredProcedureOutlined, ReactDeploymentUnitOutlined as DeploymentUnitOutlined, ReactDesktopOutlined as DesktopOutlined, ReactDiffFilled as DiffFilled, ReactDiffOutlined as DiffOutlined, ReactDiffTwoTone as DiffTwoTone, ReactDingdingOutlined as DingdingOutlined, ReactDingtalkCircleFilled as DingtalkCircleFilled, ReactDingtalkOutlined as DingtalkOutlined, ReactDingtalkSquareFilled as DingtalkSquareFilled, ReactDisconnectOutlined as DisconnectOutlined, ReactDiscordFilled as DiscordFilled, ReactDiscordOutlined as DiscordOutlined, ReactDislikeFilled as DislikeFilled, ReactDislikeOutlined as DislikeOutlined, ReactDislikeTwoTone as DislikeTwoTone, ReactDockerOutlined as DockerOutlined, ReactDollarCircleFilled as DollarCircleFilled, ReactDollarCircleOutlined as DollarCircleOutlined, ReactDollarCircleTwoTone as DollarCircleTwoTone, ReactDollarOutlined as DollarOutlined, ReactDollarTwoTone as DollarTwoTone, ReactDotChartOutlined as DotChartOutlined, ReactDotNetOutlined as DotNetOutlined, ReactDoubleLeftOutlined as DoubleLeftOutlined, ReactDoubleRightOutlined as DoubleRightOutlined, ReactDownCircleFilled as DownCircleFilled, ReactDownCircleOutlined as DownCircleOutlined, ReactDownCircleTwoTone as DownCircleTwoTone, ReactDownOutlined as DownOutlined, ReactDownSquareFilled as DownSquareFilled, ReactDownSquareOutlined as DownSquareOutlined, ReactDownSquareTwoTone as DownSquareTwoTone, ReactDownloadOutlined as DownloadOutlined, ReactDragOutlined as DragOutlined, ReactDribbbleCircleFilled as DribbbleCircleFilled, ReactDribbbleOutlined as DribbbleOutlined, ReactDribbbleSquareFilled as DribbbleSquareFilled, ReactDribbbleSquareOutlined as DribbbleSquareOutlined, ReactDropboxCircleFilled as DropboxCircleFilled, ReactDropboxOutlined as DropboxOutlined, ReactDropboxSquareFilled as DropboxSquareFilled, ReactEditFilled as EditFilled, ReactEditOutlined as EditOutlined, ReactEditTwoTone as EditTwoTone, ReactElevenLabsFilled as ElevenLabsFilled, ReactEllipsisOutlined as EllipsisOutlined, ReactEnterOutlined as EnterOutlined, ReactEnvironmentFilled as EnvironmentFilled, ReactEnvironmentOutlined as EnvironmentOutlined, ReactEnvironmentTwoTone as EnvironmentTwoTone, ReactEuroCircleFilled as EuroCircleFilled, ReactEuroCircleOutlined as EuroCircleOutlined, ReactEuroCircleTwoTone as EuroCircleTwoTone, ReactEuroOutlined as EuroOutlined, ReactEuroTwoTone as EuroTwoTone, ReactExceptionOutlined as ExceptionOutlined, ReactExclamationCircleFilled as ExclamationCircleFilled, ReactExclamationCircleOutlined as ExclamationCircleOutlined, ReactExclamationCircleTwoTone as ExclamationCircleTwoTone, ReactExclamationOutlined as ExclamationOutlined, ReactExpandAltOutlined as ExpandAltOutlined, ReactExpandOutlined as ExpandOutlined, ReactExperimentFilled as ExperimentFilled, ReactExperimentOutlined as ExperimentOutlined, ReactExperimentTwoTone as ExperimentTwoTone, ReactExportOutlined as ExportOutlined, ReactEyeFilled as EyeFilled, ReactEyeInvisibleFilled as EyeInvisibleFilled, ReactEyeInvisibleOutlined as EyeInvisibleOutlined, ReactEyeInvisibleTwoTone as EyeInvisibleTwoTone, ReactEyeOutlined as EyeOutlined, ReactEyeTwoTone as EyeTwoTone, ReactFacebookFilled as FacebookFilled, ReactFacebookOutlined as FacebookOutlined, ReactFallOutlined as FallOutlined, ReactFastBackwardFilled as FastBackwardFilled, ReactFastBackwardOutlined as FastBackwardOutlined, ReactFastForwardFilled as FastForwardFilled, ReactFastForwardOutlined as FastForwardOutlined, ReactFieldBinaryOutlined as FieldBinaryOutlined, ReactFieldNumberOutlined as FieldNumberOutlined, ReactFieldStringOutlined as FieldStringOutlined, ReactFieldTimeOutlined as FieldTimeOutlined, ReactFileAddFilled as FileAddFilled, ReactFileAddOutlined as FileAddOutlined, ReactFileAddTwoTone as FileAddTwoTone, ReactFileDoneOutlined as FileDoneOutlined, ReactFileExcelFilled as FileExcelFilled, ReactFileExcelOutlined as FileExcelOutlined, ReactFileExcelTwoTone as FileExcelTwoTone, ReactFileExclamationFilled as FileExclamationFilled, ReactFileExclamationOutlined as FileExclamationOutlined, ReactFileExclamationTwoTone as FileExclamationTwoTone, ReactFileFilled as FileFilled, ReactFileGifOutlined as FileGifOutlined, ReactFileImageFilled as FileImageFilled, ReactFileImageOutlined as FileImageOutlined, ReactFileImageTwoTone as FileImageTwoTone, ReactFileJpgOutlined as FileJpgOutlined, ReactFileMarkdownFilled as FileMarkdownFilled, ReactFileMarkdownOutlined as FileMarkdownOutlined, ReactFileMarkdownTwoTone as FileMarkdownTwoTone, ReactFileOutlined as FileOutlined, ReactFilePdfFilled as FilePdfFilled, ReactFilePdfOutlined as FilePdfOutlined, ReactFilePdfTwoTone as FilePdfTwoTone, ReactFilePptFilled as FilePptFilled, ReactFilePptOutlined as FilePptOutlined, ReactFilePptTwoTone as FilePptTwoTone, ReactFileProtectOutlined as FileProtectOutlined, ReactFileSearchOutlined as FileSearchOutlined, ReactFileSyncOutlined as FileSyncOutlined, ReactFileTextFilled as FileTextFilled, ReactFileTextOutlined as FileTextOutlined, ReactFileTextTwoTone as FileTextTwoTone, ReactFileTwoTone as FileTwoTone, ReactFileUnknownFilled as FileUnknownFilled, ReactFileUnknownOutlined as FileUnknownOutlined, ReactFileUnknownTwoTone as FileUnknownTwoTone, ReactFileWordFilled as FileWordFilled, ReactFileWordOutlined as FileWordOutlined, ReactFileWordTwoTone as FileWordTwoTone, ReactFileZipFilled as FileZipFilled, ReactFileZipOutlined as FileZipOutlined, ReactFileZipTwoTone as FileZipTwoTone, ReactFilterFilled as FilterFilled, ReactFilterOutlined as FilterOutlined, ReactFilterTwoTone as FilterTwoTone, ReactFireFilled as FireFilled, ReactFireOutlined as FireOutlined, ReactFireTwoTone as FireTwoTone, ReactFlagFilled as FlagFilled, ReactFlagOutlined as FlagOutlined, ReactFlagTwoTone as FlagTwoTone, ReactFolderAddFilled as FolderAddFilled, ReactFolderAddOutlined as FolderAddOutlined, ReactFolderAddTwoTone as FolderAddTwoTone, ReactFolderFilled as FolderFilled, ReactFolderOpenFilled as FolderOpenFilled, ReactFolderOpenOutlined as FolderOpenOutlined, ReactFolderOpenTwoTone as FolderOpenTwoTone, ReactFolderOutlined as FolderOutlined, ReactFolderTwoTone as FolderTwoTone, ReactFolderViewOutlined as FolderViewOutlined, ReactFontColorsOutlined as FontColorsOutlined, ReactFontSizeOutlined as FontSizeOutlined, ReactForkOutlined as ForkOutlined, ReactFormOutlined as FormOutlined, ReactFormatPainterFilled as FormatPainterFilled, ReactFormatPainterOutlined as FormatPainterOutlined, ReactForwardFilled as ForwardFilled, ReactForwardOutlined as ForwardOutlined, ReactFrownFilled as FrownFilled, ReactFrownOutlined as FrownOutlined, ReactFrownTwoTone as FrownTwoTone, ReactFullscreenExitOutlined as FullscreenExitOutlined, ReactFullscreenOutlined as FullscreenOutlined, ReactFunctionOutlined as FunctionOutlined, ReactFundFilled as FundFilled, ReactFundOutlined as FundOutlined, ReactFundProjectionScreenOutlined as FundProjectionScreenOutlined, ReactFundTwoTone as FundTwoTone, ReactFundViewOutlined as FundViewOutlined, ReactFunnelPlotFilled as FunnelPlotFilled, ReactFunnelPlotOutlined as FunnelPlotOutlined, ReactFunnelPlotTwoTone as FunnelPlotTwoTone, ReactGatewayOutlined as GatewayOutlined, ReactGeminiFilled as GeminiFilled, ReactGifOutlined as GifOutlined, ReactGiftFilled as GiftFilled, ReactGiftOutlined as GiftOutlined, ReactGiftTwoTone as GiftTwoTone, ReactGithubFilled as GithubFilled, ReactGithubOutlined as GithubOutlined, ReactGitlabFilled as GitlabFilled, ReactGitlabOutlined as GitlabOutlined, ReactGlobalOutlined as GlobalOutlined, ReactGoldFilled as GoldFilled, ReactGoldOutlined as GoldOutlined, ReactGoldTwoTone as GoldTwoTone, ReactGoldenFilled as GoldenFilled, ReactGoogleCircleFilled as GoogleCircleFilled, ReactGoogleOutlined as GoogleOutlined, ReactGooglePlusCircleFilled as GooglePlusCircleFilled, ReactGooglePlusOutlined as GooglePlusOutlined, ReactGooglePlusSquareFilled as GooglePlusSquareFilled, ReactGoogleSquareFilled as GoogleSquareFilled, ReactGroupOutlined as GroupOutlined, ReactHarmonyOSOutlined as HarmonyOSOutlined, ReactHddFilled as HddFilled, ReactHddOutlined as HddOutlined, ReactHddTwoTone as HddTwoTone, ReactHeartFilled as HeartFilled, ReactHeartOutlined as HeartOutlined, ReactHeartTwoTone as HeartTwoTone, ReactHeatMapOutlined as HeatMapOutlined, ReactHighlightFilled as HighlightFilled, ReactHighlightOutlined as HighlightOutlined, ReactHighlightTwoTone as HighlightTwoTone, ReactHistoryOutlined as HistoryOutlined, ReactHolderOutlined as HolderOutlined, ReactHomeFilled as HomeFilled, ReactHomeOutlined as HomeOutlined, ReactHomeTwoTone as HomeTwoTone, ReactHourglassFilled as HourglassFilled, ReactHourglassOutlined as HourglassOutlined, ReactHourglassTwoTone as HourglassTwoTone, ReactHtml5Filled as Html5Filled, ReactHtml5Outlined as Html5Outlined, ReactHtml5TwoTone as Html5TwoTone, ReactHuggingFaceFilled as HuggingFaceFilled, ReactIdcardFilled as IdcardFilled, ReactIdcardOutlined as IdcardOutlined, ReactIdcardTwoTone as IdcardTwoTone, ReactIeCircleFilled as IeCircleFilled, ReactIeOutlined as IeOutlined, ReactIeSquareFilled as IeSquareFilled, ReactImportOutlined as ImportOutlined, ReactInboxOutlined as InboxOutlined, ReactInfoCircleFilled as InfoCircleFilled, ReactInfoCircleOutlined as InfoCircleOutlined, ReactInfoCircleTwoTone as InfoCircleTwoTone, ReactInfoOutlined as InfoOutlined, ReactInsertRowAboveOutlined as InsertRowAboveOutlined, ReactInsertRowBelowOutlined as InsertRowBelowOutlined, ReactInsertRowLeftOutlined as InsertRowLeftOutlined, ReactInsertRowRightOutlined as InsertRowRightOutlined, ReactInstagramFilled as InstagramFilled, ReactInstagramOutlined as InstagramOutlined, ReactInsuranceFilled as InsuranceFilled, ReactInsuranceOutlined as InsuranceOutlined, ReactInsuranceTwoTone as InsuranceTwoTone, ReactInteractionFilled as InteractionFilled, ReactInteractionOutlined as InteractionOutlined, ReactInteractionTwoTone as InteractionTwoTone, ReactIssuesCloseOutlined as IssuesCloseOutlined, ReactItalicOutlined as ItalicOutlined, ReactJavaOutlined as JavaOutlined, ReactJavaScriptOutlined as JavaScriptOutlined, ReactKeyOutlined as KeyOutlined, ReactKubernetesOutlined as KubernetesOutlined, ReactLaptopOutlined as LaptopOutlined, ReactLayoutFilled as LayoutFilled, ReactLayoutOutlined as LayoutOutlined, ReactLayoutTwoTone as LayoutTwoTone, ReactLeftCircleFilled as LeftCircleFilled, ReactLeftCircleOutlined as LeftCircleOutlined, ReactLeftCircleTwoTone as LeftCircleTwoTone, ReactLeftOutlined as LeftOutlined, ReactLeftSquareFilled as LeftSquareFilled, ReactLeftSquareOutlined as LeftSquareOutlined, ReactLeftSquareTwoTone as LeftSquareTwoTone, ReactLikeFilled as LikeFilled, ReactLikeOutlined as LikeOutlined, ReactLikeTwoTone as LikeTwoTone, ReactLineChartOutlined as LineChartOutlined, ReactLineHeightOutlined as LineHeightOutlined, ReactLineOutlined as LineOutlined, ReactLinkOutlined as LinkOutlined, ReactLinkedinFilled as LinkedinFilled, ReactLinkedinOutlined as LinkedinOutlined, ReactLinuxOutlined as LinuxOutlined, ReactLoading3QuartersOutlined as Loading3QuartersOutlined, ReactLoadingOutlined as LoadingOutlined, ReactLockFilled as LockFilled, ReactLockOutlined as LockOutlined, ReactLockTwoTone as LockTwoTone, ReactLoginOutlined as LoginOutlined, ReactLogoutOutlined as LogoutOutlined, ReactMacCommandFilled as MacCommandFilled, ReactMacCommandOutlined as MacCommandOutlined, ReactMailFilled as MailFilled, ReactMailOutlined as MailOutlined, ReactMailTwoTone as MailTwoTone, ReactManOutlined as ManOutlined, ReactMastodonFilled as MastodonFilled, ReactMedicineBoxFilled as MedicineBoxFilled, ReactMedicineBoxOutlined as MedicineBoxOutlined, ReactMedicineBoxTwoTone as MedicineBoxTwoTone, ReactMediumCircleFilled as MediumCircleFilled, ReactMediumOutlined as MediumOutlined, ReactMediumSquareFilled as MediumSquareFilled, ReactMediumWorkmarkOutlined as MediumWorkmarkOutlined, ReactMehFilled as MehFilled, ReactMehOutlined as MehOutlined, ReactMehTwoTone as MehTwoTone, ReactMenuFoldOutlined as MenuFoldOutlined, ReactMenuOutlined as MenuOutlined, ReactMenuUnfoldOutlined as MenuUnfoldOutlined, ReactMergeCellsOutlined as MergeCellsOutlined, ReactMergeFilled as MergeFilled, ReactMergeOutlined as MergeOutlined, ReactMessageFilled as MessageFilled, ReactMessageOutlined as MessageOutlined, ReactMessageTwoTone as MessageTwoTone, ReactMetaFilled as MetaFilled, ReactMinusCircleFilled as MinusCircleFilled, ReactMinusCircleOutlined as MinusCircleOutlined, ReactMinusCircleTwoTone as MinusCircleTwoTone, ReactMinusOutlined as MinusOutlined, ReactMinusSquareFilled as MinusSquareFilled, ReactMinusSquareOutlined as MinusSquareOutlined, ReactMinusSquareTwoTone as MinusSquareTwoTone, ReactMistralFilled as MistralFilled, ReactMobileFilled as MobileFilled, ReactMobileOutlined as MobileOutlined, ReactMobileTwoTone as MobileTwoTone, ReactMoneyCollectFilled as MoneyCollectFilled, ReactMoneyCollectOutlined as MoneyCollectOutlined, ReactMoneyCollectTwoTone as MoneyCollectTwoTone, ReactMonitorOutlined as MonitorOutlined, ReactMoonFilled as MoonFilled, ReactMoonOutlined as MoonOutlined, ReactMoreOutlined as MoreOutlined, ReactMutedFilled as MutedFilled, ReactMutedOutlined as MutedOutlined, ReactNetflixFilled as NetflixFilled, ReactNodeCollapseOutlined as NodeCollapseOutlined, ReactNodeExpandOutlined as NodeExpandOutlined, ReactNodeIndexOutlined as NodeIndexOutlined, ReactNotificationFilled as NotificationFilled, ReactNotificationOutlined as NotificationOutlined, ReactNotificationTwoTone as NotificationTwoTone, ReactNumberOutlined as NumberOutlined, ReactOllamaFilled as OllamaFilled, ReactOneToOneOutlined as OneToOneOutlined, ReactOpenAIFilled as OpenAIFilled, ReactOpenAIOutlined as OpenAIOutlined, ReactOrderedListOutlined as OrderedListOutlined, ReactPaperClipOutlined as PaperClipOutlined, ReactPartitionOutlined as PartitionOutlined, ReactPauseCircleFilled as PauseCircleFilled, ReactPauseCircleOutlined as PauseCircleOutlined, ReactPauseCircleTwoTone as PauseCircleTwoTone, ReactPauseOutlined as PauseOutlined, ReactPayCircleFilled as PayCircleFilled, ReactPayCircleOutlined as PayCircleOutlined, ReactPercentageOutlined as PercentageOutlined, ReactPerplexityFilled as PerplexityFilled, ReactPhoneFilled as PhoneFilled, ReactPhoneOutlined as PhoneOutlined, ReactPhoneTwoTone as PhoneTwoTone, ReactPicCenterOutlined as PicCenterOutlined, ReactPicLeftOutlined as PicLeftOutlined, ReactPicRightOutlined as PicRightOutlined, ReactPictureFilled as PictureFilled, ReactPictureOutlined as PictureOutlined, ReactPictureTwoTone as PictureTwoTone, ReactPieChartFilled as PieChartFilled, ReactPieChartOutlined as PieChartOutlined, ReactPieChartTwoTone as PieChartTwoTone, ReactPinterestFilled as PinterestFilled, ReactPinterestOutlined as PinterestOutlined, ReactPlayCircleFilled as PlayCircleFilled, ReactPlayCircleOutlined as PlayCircleOutlined, ReactPlayCircleTwoTone as PlayCircleTwoTone, ReactPlaySquareFilled as PlaySquareFilled, ReactPlaySquareOutlined as PlaySquareOutlined, ReactPlaySquareTwoTone as PlaySquareTwoTone, ReactPlusCircleFilled as PlusCircleFilled, ReactPlusCircleOutlined as PlusCircleOutlined, ReactPlusCircleTwoTone as PlusCircleTwoTone, ReactPlusOutlined as PlusOutlined, ReactPlusSquareFilled as PlusSquareFilled, ReactPlusSquareOutlined as PlusSquareOutlined, ReactPlusSquareTwoTone as PlusSquareTwoTone, ReactPoundCircleFilled as PoundCircleFilled, ReactPoundCircleOutlined as PoundCircleOutlined, ReactPoundCircleTwoTone as PoundCircleTwoTone, ReactPoundOutlined as PoundOutlined, ReactPoweroffOutlined as PoweroffOutlined, ReactPrinterFilled as PrinterFilled, ReactPrinterOutlined as PrinterOutlined, ReactPrinterTwoTone as PrinterTwoTone, ReactProductFilled as ProductFilled, ReactProductOutlined as ProductOutlined, ReactProfileFilled as ProfileFilled, ReactProfileOutlined as ProfileOutlined, ReactProfileTwoTone as ProfileTwoTone, ReactProjectFilled as ProjectFilled, ReactProjectOutlined as ProjectOutlined, ReactProjectTwoTone as ProjectTwoTone, ReactPropertySafetyFilled as PropertySafetyFilled, ReactPropertySafetyOutlined as PropertySafetyOutlined, ReactPropertySafetyTwoTone as PropertySafetyTwoTone, ReactPullRequestOutlined as PullRequestOutlined, ReactPushpinFilled as PushpinFilled, ReactPushpinOutlined as PushpinOutlined, ReactPushpinTwoTone as PushpinTwoTone, ReactPythonOutlined as PythonOutlined, ReactQqCircleFilled as QqCircleFilled, ReactQqOutlined as QqOutlined, ReactQqSquareFilled as QqSquareFilled, ReactQrcodeOutlined as QrcodeOutlined, ReactQuestionCircleFilled as QuestionCircleFilled, ReactQuestionCircleOutlined as QuestionCircleOutlined, ReactQuestionCircleTwoTone as QuestionCircleTwoTone, ReactQuestionOutlined as QuestionOutlined, ReactQwenFilled as QwenFilled, REACT_COMPONENT_PREFIX, ReactRadarChartOutlined as RadarChartOutlined, ReactRadiusBottomleftOutlined as RadiusBottomleftOutlined, ReactRadiusBottomrightOutlined as RadiusBottomrightOutlined, ReactRadiusSettingOutlined as RadiusSettingOutlined, ReactRadiusUpleftOutlined as RadiusUpleftOutlined, ReactRadiusUprightOutlined as RadiusUprightOutlined, ReactAccountBookFilled, ReactAccountBookOutlined, ReactAccountBookTwoTone, ReactAimOutlined, ReactAlertFilled, ReactAlertOutlined, ReactAlertTwoTone, ReactAlibabaOutlined, ReactAlignCenterOutlined, ReactAlignLeftOutlined, ReactAlignRightOutlined, ReactAlipayCircleFilled, ReactAlipayCircleOutlined, ReactAlipayOutlined, ReactAlipaySquareFilled, ReactAliwangwangFilled, ReactAliwangwangOutlined, ReactAliyunOutlined, ReactAmazonCircleFilled, ReactAmazonOutlined, ReactAmazonSquareFilled, ReactAndroidFilled, ReactAndroidOutlined, ReactAntCloudOutlined, ReactAntDesignOutlined, ReactAnthropicFilled, ReactApartmentOutlined, ReactApiFilled, ReactApiOutlined, ReactApiTwoTone, ReactAppleFilled, ReactAppleOutlined, ReactAppstoreAddOutlined, ReactAppstoreFilled, ReactAppstoreOutlined, ReactAppstoreTwoTone, ReactAreaChartOutlined, ReactArrowDownOutlined, ReactArrowLeftOutlined, ReactArrowRightOutlined, ReactArrowUpOutlined, ReactArrowsAltOutlined, ReactAudioFilled, ReactAudioMutedOutlined, ReactAudioOutlined, ReactAudioTwoTone, ReactAuditOutlined, ReactAutoComplete, ReactBackwardFilled, ReactBackwardOutlined, ReactBaiduOutlined, ReactBankFilled, ReactBankOutlined, ReactBankTwoTone, ReactBarChartOutlined, ReactBarcodeOutlined, ReactBarsOutlined, ReactBehanceCircleFilled, ReactBehanceOutlined, ReactBehanceSquareFilled, ReactBehanceSquareOutlined, ReactBellFilled, ReactBellOutlined, ReactBellTwoTone, ReactBgColorsOutlined, ReactBilibiliFilled, ReactBilibiliOutlined, ReactBlockOutlined, ReactBoldOutlined, ReactBookFilled, ReactBookOutlined, ReactBookTwoTone, ReactBorderBottomOutlined, ReactBorderHorizontalOutlined, ReactBorderInnerOutlined, ReactBorderLeftOutlined, ReactBorderOuterOutlined, ReactBorderOutlined, ReactBorderRightOutlined, ReactBorderTopOutlined, ReactBorderVerticleOutlined, ReactBorderlessTableOutlined, ReactBoxPlotFilled, ReactBoxPlotOutlined, ReactBoxPlotTwoTone, ReactBranchesOutlined, ReactBugFilled, ReactBugOutlined, ReactBugTwoTone, ReactBuildFilled, ReactBuildOutlined, ReactBuildTwoTone, ReactBulbFilled, ReactBulbOutlined, ReactBulbTwoTone, ReactButton, ReactCalculatorFilled, ReactCalculatorOutlined, ReactCalculatorTwoTone, ReactCalendarFilled, ReactCalendarOutlined, ReactCalendarTwoTone, ReactCameraFilled, ReactCameraOutlined, ReactCameraTwoTone, ReactCarFilled, ReactCarOutlined, ReactCarTwoTone, ReactCaretDownFilled, ReactCaretDownOutlined, ReactCaretLeftFilled, ReactCaretLeftOutlined, ReactCaretRightFilled, ReactCaretRightOutlined, ReactCaretUpFilled, ReactCaretUpOutlined, ReactCarryOutFilled, ReactCarryOutOutlined, ReactCarryOutTwoTone, ReactCascader, ReactCheckCircleFilled, ReactCheckCircleOutlined, ReactCheckCircleTwoTone, ReactCheckOutlined, ReactCheckSquareFilled, ReactCheckSquareOutlined, ReactCheckSquareTwoTone, ReactCheckbox, ReactChromeFilled, ReactChromeOutlined, ReactCiCircleFilled, ReactCiCircleOutlined, ReactCiCircleTwoTone, ReactCiOutlined, ReactCiTwoTone, ReactClaudeFilled, ReactClearOutlined, ReactClockCircleFilled, ReactClockCircleOutlined, ReactClockCircleTwoTone, ReactCloseCircleFilled, ReactCloseCircleOutlined, ReactCloseCircleTwoTone, ReactCloseOutlined, ReactCloseSquareFilled, ReactCloseSquareOutlined, ReactCloseSquareTwoTone, ReactCloudDownloadOutlined, ReactCloudFilled, ReactCloudOutlined, ReactCloudServerOutlined, ReactCloudSyncOutlined, ReactCloudTwoTone, ReactCloudUploadOutlined, ReactClusterOutlined, ReactCodeFilled, ReactCodeOutlined, ReactCodeSandboxCircleFilled, ReactCodeSandboxOutlined, ReactCodeSandboxSquareFilled, ReactCodeTwoTone, ReactCodepenCircleFilled, ReactCodepenCircleOutlined, ReactCodepenOutlined, ReactCodepenSquareFilled, ReactCoffeeOutlined, ReactCol, ReactCollapseMotion, ReactCollapsePanel, ReactColorPicker, ReactColumnHeightOutlined, ReactColumnWidthOutlined, ReactCommentOutlined, ReactCompassFilled, ReactCompassOutlined, ReactCompassTwoTone, ReactCompressOutlined, ReactConfigProvider, ReactConsoleSqlOutlined, ReactContactsFilled, ReactContactsOutlined, ReactContactsTwoTone, ReactContainerFilled, ReactContainerOutlined, ReactContainerTwoTone, ReactContentScaleProvider, ReactControlFilled, ReactControlOutlined, ReactControlTwoTone, ReactCopyFilled, ReactCopyOutlined, ReactCopyTwoTone, ReactCopyrightCircleFilled, ReactCopyrightCircleOutlined, ReactCopyrightCircleTwoTone, ReactCopyrightOutlined, ReactCopyrightTwoTone, ReactCreditCardFilled, ReactCreditCardOutlined, ReactCreditCardTwoTone, ReactCrownFilled, ReactCrownOutlined, ReactCrownTwoTone, ReactCustomerServiceFilled, ReactCustomerServiceOutlined, ReactCustomerServiceTwoTone, ReactDashOutlined, ReactDashboardFilled, ReactDashboardOutlined, ReactDashboardTwoTone, ReactDatabaseFilled, ReactDatabaseOutlined, ReactDatabaseTwoTone, ReactDatePicker, ReactDateRangePicker, ReactDateTimePicker, ReactDateTimeRangePicker, ReactDeepSeekFilled, ReactDeleteColumnOutlined, ReactDeleteFilled, ReactDeleteOutlined, ReactDeleteRowOutlined, ReactDeleteTwoTone, ReactDeliveredProcedureOutlined, ReactDeploymentUnitOutlined, ReactDesktopOutlined, ReactDiffFilled, ReactDiffOutlined, ReactDiffTwoTone, ReactDingdingOutlined, ReactDingtalkCircleFilled, ReactDingtalkOutlined, ReactDingtalkSquareFilled, ReactDisconnectOutlined, ReactDiscordFilled, ReactDiscordOutlined, ReactDislikeFilled, ReactDislikeOutlined, ReactDislikeTwoTone, ReactDockerOutlined, ReactDollarCircleFilled, ReactDollarCircleOutlined, ReactDollarCircleTwoTone, ReactDollarOutlined, ReactDollarTwoTone, ReactDotChartOutlined, ReactDotNetOutlined, ReactDoubleLeftOutlined, ReactDoubleRightOutlined, ReactDownCircleFilled, ReactDownCircleOutlined, ReactDownCircleTwoTone, ReactDownOutlined, ReactDownSquareFilled, ReactDownSquareOutlined, ReactDownSquareTwoTone, ReactDownloadOutlined, ReactDragOutlined, ReactDrawer, ReactDribbbleCircleFilled, ReactDribbbleOutlined, ReactDribbbleSquareFilled, ReactDribbbleSquareOutlined, ReactDropboxCircleFilled, ReactDropboxOutlined, ReactDropboxSquareFilled, ReactDropdown, ReactEditFilled, ReactEditOutlined, ReactEditTwoTone, ReactElevenLabsFilled, ReactEllipsisOutlined, ReactEnterOutlined, ReactEnvironmentFilled, ReactEnvironmentOutlined, ReactEnvironmentTwoTone, ReactEuroCircleFilled, ReactEuroCircleOutlined, ReactEuroCircleTwoTone, ReactEuroOutlined, ReactEuroTwoTone, ReactExceptionOutlined, ReactExclamationCircleFilled, ReactExclamationCircleOutlined, ReactExclamationCircleTwoTone, ReactExclamationOutlined, ReactExpandAltOutlined, ReactExpandOutlined, ReactExperimentFilled, ReactExperimentOutlined, ReactExperimentTwoTone, ReactExportOutlined, ReactEyeFilled, ReactEyeInvisibleFilled, ReactEyeInvisibleOutlined, ReactEyeInvisibleTwoTone, ReactEyeOutlined, ReactEyeTwoTone, ReactFacebookFilled, ReactFacebookOutlined, ReactFallOutlined, ReactFastBackwardFilled, ReactFastBackwardOutlined, ReactFastForwardFilled, ReactFastForwardOutlined, ReactFieldBinaryOutlined, ReactFieldNumberOutlined, ReactFieldStringOutlined, ReactFieldTimeOutlined, ReactFileAddFilled, ReactFileAddOutlined, ReactFileAddTwoTone, ReactFileDoneOutlined, ReactFileExcelFilled, ReactFileExcelOutlined, ReactFileExcelTwoTone, ReactFileExclamationFilled, ReactFileExclamationOutlined, ReactFileExclamationTwoTone, ReactFileFilled, ReactFileGifOutlined, ReactFileImageFilled, ReactFileImageOutlined, ReactFileImageTwoTone, ReactFileJpgOutlined, ReactFileMarkdownFilled, ReactFileMarkdownOutlined, ReactFileMarkdownTwoTone, ReactFileOutlined, ReactFilePdfFilled, ReactFilePdfOutlined, ReactFilePdfTwoTone, ReactFilePptFilled, ReactFilePptOutlined, ReactFilePptTwoTone, ReactFileProtectOutlined, ReactFileSearchOutlined, ReactFileSyncOutlined, ReactFileTextFilled, ReactFileTextOutlined, ReactFileTextTwoTone, ReactFileTwoTone, ReactFileUnknownFilled, ReactFileUnknownOutlined, ReactFileUnknownTwoTone, ReactFileWordFilled, ReactFileWordOutlined, ReactFileWordTwoTone, ReactFileZipFilled, ReactFileZipOutlined, ReactFileZipTwoTone, ReactFilterFilled, ReactFilterOutlined, ReactFilterPanel, ReactFilterTwoTone, ReactFireFilled, ReactFireOutlined, ReactFireTwoTone, ReactFlagFilled, ReactFlagOutlined, ReactFlagTwoTone, ReactFlex, ReactFolderAddFilled, ReactFolderAddOutlined, ReactFolderAddTwoTone, ReactFolderFilled, ReactFolderOpenFilled, ReactFolderOpenOutlined, ReactFolderOpenTwoTone, ReactFolderOutlined, ReactFolderTwoTone, ReactFolderViewOutlined, ReactFontColorsOutlined, ReactFontSizeOutlined, ReactForkOutlined, ReactForm, ReactFormItem, ReactFormOutlined, ReactFormatPainterFilled, ReactFormatPainterOutlined, ReactForwardFilled, ReactForwardOutlined, ReactFrownFilled, ReactFrownOutlined, ReactFrownTwoTone, ReactFullscreenExitOutlined, ReactFullscreenOutlined, ReactFunctionOutlined, ReactFundFilled, ReactFundOutlined, ReactFundProjectionScreenOutlined, ReactFundTwoTone, ReactFundViewOutlined, ReactFunnelPlotFilled, ReactFunnelPlotOutlined, ReactFunnelPlotTwoTone, ReactGatewayOutlined, ReactGeminiFilled, ReactGifOutlined, ReactGiftFilled, ReactGiftOutlined, ReactGiftTwoTone, ReactGithubFilled, ReactGithubOutlined, ReactGitlabFilled, ReactGitlabOutlined, ReactGlobalOutlined, ReactGoldFilled, ReactGoldOutlined, ReactGoldTwoTone, ReactGoldenFilled, ReactGoogleCircleFilled, ReactGoogleOutlined, ReactGooglePlusCircleFilled, ReactGooglePlusOutlined, ReactGooglePlusSquareFilled, ReactGoogleSquareFilled, ReactGroupOutlined, ReactHarmonyOSOutlined, ReactHddFilled, ReactHddOutlined, ReactHddTwoTone, ReactHeartFilled, ReactHeartOutlined, ReactHeartTwoTone, ReactHeatMapOutlined, ReactHighlightFilled, ReactHighlightOutlined, ReactHighlightTwoTone, ReactHistoryOutlined, ReactHolderOutlined, ReactHomeFilled, ReactHomeOutlined, ReactHomeTwoTone, ReactHourglassFilled, ReactHourglassOutlined, ReactHourglassTwoTone, ReactHtml5Filled, ReactHtml5Outlined, ReactHtml5TwoTone, ReactHuggingFaceFilled, ReactIcon, ReactIdcardFilled, ReactIdcardOutlined, ReactIdcardTwoTone, ReactIeCircleFilled, ReactIeOutlined, ReactIeSquareFilled, ReactImagePreview, ReactImportOutlined, ReactInboxOutlined, ReactInfoCircleFilled, ReactInfoCircleOutlined, ReactInfoCircleTwoTone, ReactInfoOutlined, ReactInput, ReactInputNumber, ReactInputRange, ReactInsertRowAboveOutlined, ReactInsertRowBelowOutlined, ReactInsertRowLeftOutlined, ReactInsertRowRightOutlined, ReactInstagramFilled, ReactInstagramOutlined, ReactInsuranceFilled, ReactInsuranceOutlined, ReactInsuranceTwoTone, ReactInteractionFilled, ReactInteractionOutlined, ReactInteractionTwoTone, ReactIssuesCloseOutlined, ReactItalicOutlined, ReactJavaOutlined, ReactJavaScriptOutlined, ReactKeyOutlined, ReactKubernetesOutlined, ReactLaptopOutlined, ReactLayoutFilled, ReactLayoutOutlined, ReactLayoutTwoTone, ReactLeftCircleFilled, ReactLeftCircleOutlined, ReactLeftCircleTwoTone, ReactLeftOutlined, ReactLeftSquareFilled, ReactLeftSquareOutlined, ReactLeftSquareTwoTone, ReactLikeFilled, ReactLikeOutlined, ReactLikeTwoTone, ReactLineChartOutlined, ReactLineHeightOutlined, ReactLineOutlined, ReactLinkOutlined, ReactLinkedinFilled, ReactLinkedinOutlined, ReactLinuxOutlined, ReactLoading3QuartersOutlined, ReactLoadingOutlined, ReactLockFilled, ReactLockOutlined, ReactLockTwoTone, ReactLoginOutlined, ReactLogoutOutlined, ReactMacCommandFilled, ReactMacCommandOutlined, ReactMailFilled, ReactMailOutlined, ReactMailTwoTone, ReactManOutlined, ReactMastodonFilled, ReactMedicineBoxFilled, ReactMedicineBoxOutlined, ReactMedicineBoxTwoTone, ReactMediumCircleFilled, ReactMediumOutlined, ReactMediumSquareFilled, ReactMediumWorkmarkOutlined, ReactMehFilled, ReactMehOutlined, ReactMehTwoTone, ReactMenuFoldOutlined, ReactMenuOutlined, ReactMenuUnfoldOutlined, ReactMergeCellsOutlined, ReactMergeFilled, ReactMergeOutlined, ReactMessageFilled, ReactMessageOutlined, ReactMessageTwoTone, ReactMetaFilled, ReactMinusCircleFilled, ReactMinusCircleOutlined, ReactMinusCircleTwoTone, ReactMinusOutlined, ReactMinusSquareFilled, ReactMinusSquareOutlined, ReactMinusSquareTwoTone, ReactMistralFilled, ReactMobileFilled, ReactMobileOutlined, ReactMobileTwoTone, ReactModal, ReactMoneyCollectFilled, ReactMoneyCollectOutlined, ReactMoneyCollectTwoTone, ReactMonitorOutlined, ReactMonthPicker, ReactMoonFilled, ReactMoonOutlined, ReactMoreOutlined, ReactMutedFilled, ReactMutedOutlined, ReactNetflixFilled, ReactNodeCollapseOutlined, ReactNodeExpandOutlined, ReactNodeIndexOutlined, ReactNotificationFilled, ReactNotificationOutlined, ReactNotificationTwoTone, ReactNumberOutlined, ReactOllamaFilled, ReactOneToOneOutlined, ReactOpenAIFilled, ReactOpenAIOutlined, ReactOrderedListOutlined, ReactPagination, ReactPaperClipOutlined, ReactPartitionOutlined, ReactPauseCircleFilled, ReactPauseCircleOutlined, ReactPauseCircleTwoTone, ReactPauseOutlined, ReactPayCircleFilled, ReactPayCircleOutlined, ReactPercentageOutlined, ReactPerplexityFilled, ReactPhoneFilled, ReactPhoneOutlined, ReactPhoneTwoTone, ReactPicCenterOutlined, ReactPicLeftOutlined, ReactPicRightOutlined, ReactPictureFilled, ReactPictureOutlined, ReactPictureTwoTone, ReactPieChartFilled, ReactPieChartOutlined, ReactPieChartTwoTone, ReactPinterestFilled, ReactPinterestOutlined, ReactPlayCircleFilled, ReactPlayCircleOutlined, ReactPlayCircleTwoTone, ReactPlaySquareFilled, ReactPlaySquareOutlined, ReactPlaySquareTwoTone, ReactPlusCircleFilled, ReactPlusCircleOutlined, ReactPlusCircleTwoTone, ReactPlusOutlined, ReactPlusSquareFilled, ReactPlusSquareOutlined, ReactPlusSquareTwoTone, ReactPopconfirm, ReactPopup, ReactPoundCircleFilled, ReactPoundCircleOutlined, ReactPoundCircleTwoTone, ReactPoundOutlined, ReactPoweroffOutlined, ReactPrinterFilled, ReactPrinterOutlined, ReactPrinterTwoTone, ReactProductFilled, ReactProductOutlined, ReactProfileFilled, ReactProfileOutlined, ReactProfileTwoTone, ReactProgress, ReactProjectFilled, ReactProjectOutlined, ReactProjectTwoTone, ReactPropertySafetyFilled, ReactPropertySafetyOutlined, ReactPropertySafetyTwoTone, ReactPullRequestOutlined, ReactPushpinFilled, ReactPushpinOutlined, ReactPushpinTwoTone, ReactPythonOutlined, ReactQqCircleFilled, ReactQqOutlined, ReactQqSquareFilled, ReactQrcodeOutlined, ReactQuarterPicker, ReactQuestionCircleFilled, ReactQuestionCircleOutlined, ReactQuestionCircleTwoTone, ReactQuestionOutlined, ReactQwenFilled, ReactRadarChartOutlined, ReactRadio, ReactRadiusBottomleftOutlined, ReactRadiusBottomrightOutlined, ReactRadiusSettingOutlined, ReactRadiusUpleftOutlined, ReactRadiusUprightOutlined, ReactReadFilled, ReactReadOutlined, ReactReconciliationFilled, ReactReconciliationOutlined, ReactReconciliationTwoTone, ReactRedEnvelopeFilled, ReactRedEnvelopeOutlined, ReactRedEnvelopeTwoTone, ReactRedditCircleFilled, ReactRedditOutlined, ReactRedditSquareFilled, ReactRedoOutlined, ReactReloadOutlined, ReactReplicateFilled, ReactResizablePanels, ReactRestFilled, ReactRestOutlined, ReactRestTwoTone, ReactRetweetOutlined, ReactRightCircleFilled, ReactRightCircleOutlined, ReactRightCircleTwoTone, ReactRightOutlined, ReactRightSquareFilled, ReactRightSquareOutlined, ReactRightSquareTwoTone, ReactRiseOutlined, ReactRobotFilled, ReactRobotOutlined, ReactRocketFilled, ReactRocketOutlined, ReactRocketTwoTone, ReactRollbackOutlined, ReactRotateLeftOutlined, ReactRotateRightOutlined, ReactRow, ReactRubyOutlined, ReactSafetyCertificateFilled, ReactSafetyCertificateOutlined, ReactSafetyCertificateTwoTone, ReactSafetyOutlined, ReactSaveFilled, ReactSaveOutlined, ReactSaveTwoTone, ReactScanOutlined, ReactScheduleFilled, ReactScheduleOutlined, ReactScheduleTwoTone, ReactScissorOutlined, ReactScrollbarPositionDialog, ReactScrollbarSettingsDialog, ReactSearchOutlined, ReactSecurityScanFilled, ReactSecurityScanOutlined, ReactSecurityScanTwoTone, ReactSelect, ReactSelectOutlined, ReactSendOutlined, ReactSettingFilled, ReactSettingOutlined, ReactSettingTwoTone, ReactShakeOutlined, ReactShareAltOutlined, ReactShopFilled, ReactShopOutlined, ReactShopTwoTone, ReactShoppingCartOutlined, ReactShoppingFilled, ReactShoppingOutlined, ReactShoppingTwoTone, ReactShrinkOutlined, ReactSignalFilled, ReactSignatureFilled, ReactSignatureOutlined, ReactSisternodeOutlined, ReactSketchCircleFilled, ReactSketchOutlined, ReactSketchSquareFilled, ReactSkinFilled, ReactSkinOutlined, ReactSkinTwoTone, ReactSkypeFilled, ReactSkypeOutlined, ReactSlackCircleFilled, ReactSlackOutlined, ReactSlackSquareFilled, ReactSlackSquareOutlined, ReactSlidersFilled, ReactSlidersOutlined, ReactSlidersTwoTone, ReactSmallDashOutlined, ReactSmileFilled, ReactSmileOutlined, ReactSmileTwoTone, ReactSnapchatFilled, ReactSnippetsFilled, ReactSnippetsOutlined, ReactSnippetsTwoTone, ReactSolutionOutlined, ReactSortAscendingOutlined, ReactSortDescendingOutlined, ReactSortableList, ReactSoundFilled, ReactSoundOutlined, ReactSoundTwoTone, ReactSplitCellsOutlined, ReactSpotifyFilled, ReactSpotifyOutlined, ReactStarFilled, ReactStarOutlined, ReactStarTwoTone, ReactStepBackwardFilled, ReactStepBackwardOutlined, ReactStepForwardFilled, ReactStepForwardOutlined, ReactStockOutlined, ReactStopFilled, ReactStopOutlined, ReactStopTwoTone, ReactStrikethroughOutlined, ReactSubnodeOutlined, ReactSunFilled, ReactSunOutlined, ReactSwapLeftOutlined, ReactSwapOutlined, ReactSwapRightOutlined, ReactSwitcherFilled, ReactSwitcherOutlined, ReactSwitcherTwoTone, ReactSyncOutlined, ReactTableOutlined, ReactTabletFilled, ReactTabletOutlined, ReactTabletTwoTone, ReactTagFilled, ReactTagOutlined, ReactTagTwoTone, ReactTagsFilled, ReactTagsOutlined, ReactTagsTwoTone, ReactTaobaoCircleFilled, ReactTaobaoCircleOutlined, ReactTaobaoOutlined, ReactTaobaoSquareFilled, ReactTeamOutlined, ReactTelegramFilled, ReactTextArea, ReactThreadsFilled, ReactThunderboltFilled, ReactThunderboltOutlined, ReactThunderboltTwoTone, ReactTikTokFilled, ReactTikTokOutlined, ReactTimePicker, ReactTimeRangePicker, ReactToTopOutlined, ReactToolFilled, ReactToolOutlined, ReactToolTwoTone, ReactTooltip, ReactTour, ReactTrademarkCircleFilled, ReactTrademarkCircleOutlined, ReactTrademarkCircleTwoTone, ReactTrademarkOutlined, ReactTransactionOutlined, ReactTransition, ReactTranslationOutlined, ReactTreeSelect, ReactTrophyFilled, ReactTrophyOutlined, ReactTrophyTwoTone, ReactTruckFilled, ReactTruckOutlined, ReactTwitchFilled, ReactTwitchOutlined, ReactTwitterCircleFilled, ReactTwitterOutlined, ReactTwitterSquareFilled, ReactUnderlineOutlined, ReactUndoOutlined, ReactUngroupOutlined, ReactUnlockFilled, ReactUnlockOutlined, ReactUnlockTwoTone, ReactUnorderedListOutlined, ReactUpCircleFilled, ReactUpCircleOutlined, ReactUpCircleTwoTone, ReactUpOutlined, ReactUpSquareFilled, ReactUpSquareOutlined, ReactUpSquareTwoTone, ReactUploadOutlined, ReactUsbFilled, ReactUsbOutlined, ReactUsbTwoTone, ReactUserAddOutlined, ReactUserDeleteOutlined, ReactUserOutlined, ReactUserSwitchOutlined, ReactUsergroupAddOutlined, ReactUsergroupDeleteOutlined, ReactVerifiedOutlined, ReactVerticalAlignBottomOutlined, ReactVerticalAlignMiddleOutlined, ReactVerticalAlignTopOutlined, ReactVerticalLeftOutlined, ReactVerticalRightOutlined, ReactVideoCameraAddOutlined, ReactVideoCameraFilled, ReactVideoCameraOutlined, ReactVideoCameraTwoTone, ReactVirtualList, ReactWalletFilled, ReactWalletOutlined, ReactWalletTwoTone, ReactWarningFilled, ReactWarningOutlined, ReactWarningTwoTone, ReactWaterfall, ReactWechatFilled, ReactWechatOutlined, ReactWechatWorkFilled, ReactWechatWorkOutlined, ReactWeiboCircleFilled, ReactWeiboCircleOutlined, ReactWeiboOutlined, ReactWeiboSquareFilled, ReactWeiboSquareOutlined, ReactWhatsAppOutlined, ReactWifiOutlined, ReactWindowsFilled, ReactWindowsOutlined, ReactWomanOutlined, ReactXFilled, ReactXOutlined, ReactYahooFilled, ReactYahooOutlined, ReactYearPicker, ReactYoutubeFilled, ReactYoutubeOutlined, ReactYuqueFilled, ReactYuqueOutlined, ReactZhihuCircleFilled, ReactZhihuOutlined, ReactZhihuSquareFilled, ReactZoomInOutlined, ReactZoomOutOutlined, ReactReadFilled as ReadFilled, ReactReadOutlined as ReadOutlined, ReactReconciliationFilled as ReconciliationFilled, ReactReconciliationOutlined as ReconciliationOutlined, ReactReconciliationTwoTone as ReconciliationTwoTone, ReactRedEnvelopeFilled as RedEnvelopeFilled, ReactRedEnvelopeOutlined as RedEnvelopeOutlined, ReactRedEnvelopeTwoTone as RedEnvelopeTwoTone, ReactRedditCircleFilled as RedditCircleFilled, ReactRedditOutlined as RedditOutlined, ReactRedditSquareFilled as RedditSquareFilled, ReactRedoOutlined as RedoOutlined, ReactReloadOutlined as ReloadOutlined, ReactReplicateFilled as ReplicateFilled, ReactRestFilled as RestFilled, ReactRestOutlined as RestOutlined, ReactRestTwoTone as RestTwoTone, ReactRetweetOutlined as RetweetOutlined, ReactRightCircleFilled as RightCircleFilled, ReactRightCircleOutlined as RightCircleOutlined, ReactRightCircleTwoTone as RightCircleTwoTone, ReactRightOutlined as RightOutlined, ReactRightSquareFilled as RightSquareFilled, ReactRightSquareOutlined as RightSquareOutlined, ReactRightSquareTwoTone as RightSquareTwoTone, ReactRiseOutlined as RiseOutlined, ReactRobotFilled as RobotFilled, ReactRobotOutlined as RobotOutlined, ReactRocketFilled as RocketFilled, ReactRocketOutlined as RocketOutlined, ReactRocketTwoTone as RocketTwoTone, ReactRollbackOutlined as RollbackOutlined, ReactRotateLeftOutlined as RotateLeftOutlined, ReactRotateRightOutlined as RotateRightOutlined, ReactRubyOutlined as RubyOutlined, ReactSafetyCertificateFilled as SafetyCertificateFilled, ReactSafetyCertificateOutlined as SafetyCertificateOutlined, ReactSafetyCertificateTwoTone as SafetyCertificateTwoTone, ReactSafetyOutlined as SafetyOutlined, ReactSaveFilled as SaveFilled, ReactSaveOutlined as SaveOutlined, ReactSaveTwoTone as SaveTwoTone, ReactScanOutlined as ScanOutlined, ReactScheduleFilled as ScheduleFilled, ReactScheduleOutlined as ScheduleOutlined, ReactScheduleTwoTone as ScheduleTwoTone, ReactScissorOutlined as ScissorOutlined, ReactSearchOutlined as SearchOutlined, ReactSecurityScanFilled as SecurityScanFilled, ReactSecurityScanOutlined as SecurityScanOutlined, ReactSecurityScanTwoTone as SecurityScanTwoTone, ReactSelectOutlined as SelectOutlined, ReactSendOutlined as SendOutlined, ReactSettingFilled as SettingFilled, ReactSettingOutlined as SettingOutlined, ReactSettingTwoTone as SettingTwoTone, ReactShakeOutlined as ShakeOutlined, ReactShareAltOutlined as ShareAltOutlined, ReactShopFilled as ShopFilled, ReactShopOutlined as ShopOutlined, ReactShopTwoTone as ShopTwoTone, ReactShoppingCartOutlined as ShoppingCartOutlined, ReactShoppingFilled as ShoppingFilled, ReactShoppingOutlined as ShoppingOutlined, ReactShoppingTwoTone as ShoppingTwoTone, ReactShrinkOutlined as ShrinkOutlined, ReactSignalFilled as SignalFilled, ReactSignatureFilled as SignatureFilled, ReactSignatureOutlined as SignatureOutlined, ReactSisternodeOutlined as SisternodeOutlined, ReactSketchCircleFilled as SketchCircleFilled, ReactSketchOutlined as SketchOutlined, ReactSketchSquareFilled as SketchSquareFilled, ReactSkinFilled as SkinFilled, ReactSkinOutlined as SkinOutlined, ReactSkinTwoTone as SkinTwoTone, ReactSkypeFilled as SkypeFilled, ReactSkypeOutlined as SkypeOutlined, ReactSlackCircleFilled as SlackCircleFilled, ReactSlackOutlined as SlackOutlined, ReactSlackSquareFilled as SlackSquareFilled, ReactSlackSquareOutlined as SlackSquareOutlined, ReactSlidersFilled as SlidersFilled, ReactSlidersOutlined as SlidersOutlined, ReactSlidersTwoTone as SlidersTwoTone, ReactSmallDashOutlined as SmallDashOutlined, ReactSmileFilled as SmileFilled, ReactSmileOutlined as SmileOutlined, ReactSmileTwoTone as SmileTwoTone, ReactSnapchatFilled as SnapchatFilled, ReactSnippetsFilled as SnippetsFilled, ReactSnippetsOutlined as SnippetsOutlined, ReactSnippetsTwoTone as SnippetsTwoTone, ReactSolutionOutlined as SolutionOutlined, ReactSortAscendingOutlined as SortAscendingOutlined, ReactSortDescendingOutlined as SortDescendingOutlined, ReactSoundFilled as SoundFilled, ReactSoundOutlined as SoundOutlined, ReactSoundTwoTone as SoundTwoTone, ReactSplitCellsOutlined as SplitCellsOutlined, ReactSpotifyFilled as SpotifyFilled, ReactSpotifyOutlined as SpotifyOutlined, ReactStarFilled as StarFilled, ReactStarOutlined as StarOutlined, ReactStarTwoTone as StarTwoTone, ReactStepBackwardFilled as StepBackwardFilled, ReactStepBackwardOutlined as StepBackwardOutlined, ReactStepForwardFilled as StepForwardFilled, ReactStepForwardOutlined as StepForwardOutlined, ReactStockOutlined as StockOutlined, ReactStopFilled as StopFilled, ReactStopOutlined as StopOutlined, ReactStopTwoTone as StopTwoTone, ReactStrikethroughOutlined as StrikethroughOutlined, ReactSubnodeOutlined as SubnodeOutlined, ReactSunFilled as SunFilled, ReactSunOutlined as SunOutlined, ReactSwapLeftOutlined as SwapLeftOutlined, ReactSwapOutlined as SwapOutlined, ReactSwapRightOutlined as SwapRightOutlined, ReactSwitcherFilled as SwitcherFilled, ReactSwitcherOutlined as SwitcherOutlined, ReactSwitcherTwoTone as SwitcherTwoTone, ReactSyncOutlined as SyncOutlined, ReactTableOutlined as TableOutlined, ReactTabletFilled as TabletFilled, ReactTabletOutlined as TabletOutlined, ReactTabletTwoTone as TabletTwoTone, ReactTagFilled as TagFilled, ReactTagOutlined as TagOutlined, ReactTagTwoTone as TagTwoTone, ReactTagsFilled as TagsFilled, ReactTagsOutlined as TagsOutlined, ReactTagsTwoTone as TagsTwoTone, ReactTaobaoCircleFilled as TaobaoCircleFilled, ReactTaobaoCircleOutlined as TaobaoCircleOutlined, ReactTaobaoOutlined as TaobaoOutlined, ReactTaobaoSquareFilled as TaobaoSquareFilled, ReactTeamOutlined as TeamOutlined, ReactTelegramFilled as TelegramFilled, ReactThreadsFilled as ThreadsFilled, ReactThunderboltFilled as ThunderboltFilled, ReactThunderboltOutlined as ThunderboltOutlined, ReactThunderboltTwoTone as ThunderboltTwoTone, ReactTikTokFilled as TikTokFilled, ReactTikTokOutlined as TikTokOutlined, ReactToTopOutlined as ToTopOutlined, ReactToolFilled as ToolFilled, ReactToolOutlined as ToolOutlined, ReactToolTwoTone as ToolTwoTone, ReactTrademarkCircleFilled as TrademarkCircleFilled, ReactTrademarkCircleOutlined as TrademarkCircleOutlined, ReactTrademarkCircleTwoTone as TrademarkCircleTwoTone, ReactTrademarkOutlined as TrademarkOutlined, ReactTransactionOutlined as TransactionOutlined, ReactTranslationOutlined as TranslationOutlined, ReactTrophyFilled as TrophyFilled, ReactTrophyOutlined as TrophyOutlined, ReactTrophyTwoTone as TrophyTwoTone, ReactTruckFilled as TruckFilled, ReactTruckOutlined as TruckOutlined, ReactTwitchFilled as TwitchFilled, ReactTwitchOutlined as TwitchOutlined, ReactTwitterCircleFilled as TwitterCircleFilled, ReactTwitterOutlined as TwitterOutlined, ReactTwitterSquareFilled as TwitterSquareFilled, ReactUnderlineOutlined as UnderlineOutlined, ReactUndoOutlined as UndoOutlined, ReactUngroupOutlined as UngroupOutlined, ReactUnlockFilled as UnlockFilled, ReactUnlockOutlined as UnlockOutlined, ReactUnlockTwoTone as UnlockTwoTone, ReactUnorderedListOutlined as UnorderedListOutlined, ReactUpCircleFilled as UpCircleFilled, ReactUpCircleOutlined as UpCircleOutlined, ReactUpCircleTwoTone as UpCircleTwoTone, ReactUpOutlined as UpOutlined, ReactUpSquareFilled as UpSquareFilled, ReactUpSquareOutlined as UpSquareOutlined, ReactUpSquareTwoTone as UpSquareTwoTone, ReactUploadOutlined as UploadOutlined, ReactUsbFilled as UsbFilled, ReactUsbOutlined as UsbOutlined, ReactUsbTwoTone as UsbTwoTone, ReactUserAddOutlined as UserAddOutlined, ReactUserDeleteOutlined as UserDeleteOutlined, ReactUserOutlined as UserOutlined, ReactUserSwitchOutlined as UserSwitchOutlined, ReactUsergroupAddOutlined as UsergroupAddOutlined, ReactUsergroupDeleteOutlined as UsergroupDeleteOutlined, ReactVerifiedOutlined as VerifiedOutlined, ReactVerticalAlignBottomOutlined as VerticalAlignBottomOutlined, ReactVerticalAlignMiddleOutlined as VerticalAlignMiddleOutlined, ReactVerticalAlignTopOutlined as VerticalAlignTopOutlined, ReactVerticalLeftOutlined as VerticalLeftOutlined, ReactVerticalRightOutlined as VerticalRightOutlined, ReactVideoCameraAddOutlined as VideoCameraAddOutlined, ReactVideoCameraFilled as VideoCameraFilled, ReactVideoCameraOutlined as VideoCameraOutlined, ReactVideoCameraTwoTone as VideoCameraTwoTone, ReactWalletFilled as WalletFilled, ReactWalletOutlined as WalletOutlined, ReactWalletTwoTone as WalletTwoTone, ReactWarningFilled as WarningFilled, ReactWarningOutlined as WarningOutlined, ReactWarningTwoTone as WarningTwoTone, ReactWechatFilled as WechatFilled, ReactWechatOutlined as WechatOutlined, ReactWechatWorkFilled as WechatWorkFilled, ReactWechatWorkOutlined as WechatWorkOutlined, ReactWeiboCircleFilled as WeiboCircleFilled, ReactWeiboCircleOutlined as WeiboCircleOutlined, ReactWeiboOutlined as WeiboOutlined, ReactWeiboSquareFilled as WeiboSquareFilled, ReactWeiboSquareOutlined as WeiboSquareOutlined, ReactWhatsAppOutlined as WhatsAppOutlined, ReactWifiOutlined as WifiOutlined, ReactWindowsFilled as WindowsFilled, ReactWindowsOutlined as WindowsOutlined, ReactWomanOutlined as WomanOutlined, ReactXFilled as XFilled, ReactXOutlined as XOutlined, ReactYahooFilled as YahooFilled, ReactYahooOutlined as YahooOutlined, ReactYoutubeFilled as YoutubeFilled, ReactYoutubeOutlined as YoutubeOutlined, ReactYuqueFilled as YuqueFilled, ReactYuqueOutlined as YuqueOutlined, ReactZhihuCircleFilled as ZhihuCircleFilled, ReactZhihuOutlined as ZhihuOutlined, ReactZhihuSquareFilled as ZhihuSquareFilled, ReactZoomInOutlined as ZoomInOutlined, ReactZoomOutOutlined as ZoomOutOutlined, getSharedScrollbarSettings, reactIconNames, reactMessage, resolveClosestSortableItem, resolveNextSortableOrder, resolveReactScrollbarMode, resolveResizablePanelSizes, setSharedScrollbarSettings, subscribeSharedScrollbarSettings, useReactConfig, useReactConfigStyle, useReactContentScale, useReactForm, useReactFormWatch, useReactMessage, useReactTransition };
|