@photonix/basic 3.0.0 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +288 -20
- package/dist/index.d.mts +263 -5
- package/dist/index.d.ts +263 -5
- package/dist/index.js +1932 -392
- package/dist/index.mjs +1935 -406
- package/package.json +4 -3
package/dist/index.js
CHANGED
|
@@ -80,6 +80,8 @@ __export(index_exports, {
|
|
|
80
80
|
CheckSmallFilled: () => CheckSmallFilled,
|
|
81
81
|
CheckSmallOutline: () => CheckSmallOutline,
|
|
82
82
|
Checkbox: () => Checkbox,
|
|
83
|
+
CheckboxGroup: () => CheckboxGroup,
|
|
84
|
+
CheckboxGroupContext: () => CheckboxGroupContext,
|
|
83
85
|
ChevronDownFilled: () => ChevronDownFilled,
|
|
84
86
|
ChevronDownOutline: () => ChevronDownOutline,
|
|
85
87
|
ChevronDownSmallFilled: () => ChevronDownSmallFilled,
|
|
@@ -123,6 +125,7 @@ __export(index_exports, {
|
|
|
123
125
|
CreditCardFilled: () => CreditCardFilled,
|
|
124
126
|
CreditCardOutline: () => CreditCardOutline,
|
|
125
127
|
CustomScrollbar: () => CustomScrollbar,
|
|
128
|
+
DataList: () => DataList,
|
|
126
129
|
DayFilled: () => DayFilled,
|
|
127
130
|
DayOutline: () => DayOutline,
|
|
128
131
|
Divider: () => Divider,
|
|
@@ -134,6 +137,7 @@ __export(index_exports, {
|
|
|
134
137
|
DraftOutline: () => DraftOutline,
|
|
135
138
|
DuplicateFilled: () => DuplicateFilled,
|
|
136
139
|
DuplicateOutline: () => DuplicateOutline,
|
|
140
|
+
Empty: () => Empty,
|
|
137
141
|
ExitFilled: () => ExitFilled,
|
|
138
142
|
ExitOutline: () => ExitOutline,
|
|
139
143
|
EyeDropperFilled: () => EyeDropperFilled,
|
|
@@ -142,6 +146,7 @@ __export(index_exports, {
|
|
|
142
146
|
EyeOffFilled: () => EyeOffFilled,
|
|
143
147
|
EyeOffOutline: () => EyeOffOutline,
|
|
144
148
|
EyeOutline: () => EyeOutline,
|
|
149
|
+
Fieldset: () => Fieldset,
|
|
145
150
|
Flex: () => Flex,
|
|
146
151
|
FolderFilled: () => FolderFilled,
|
|
147
152
|
FolderOutline: () => FolderOutline,
|
|
@@ -183,10 +188,13 @@ __export(index_exports, {
|
|
|
183
188
|
MoreVerticalOutline: () => MoreVerticalOutline,
|
|
184
189
|
MusicNoteFilled: () => MusicNoteFilled,
|
|
185
190
|
MusicNoteOutline: () => MusicNoteOutline,
|
|
191
|
+
NumberField: () => NumberField,
|
|
192
|
+
OTP: () => OTP,
|
|
186
193
|
OpenWithFilled: () => OpenWithFilled,
|
|
187
194
|
OpenWithOutline: () => OpenWithOutline,
|
|
188
195
|
OptionFilled: () => OptionFilled,
|
|
189
196
|
OptionOutline: () => OptionOutline,
|
|
197
|
+
PIN: () => PIN,
|
|
190
198
|
PenFilled: () => PenFilled,
|
|
191
199
|
PenOutline: () => PenOutline,
|
|
192
200
|
PersonalBookFilled: () => PersonalBookFilled,
|
|
@@ -198,11 +206,14 @@ __export(index_exports, {
|
|
|
198
206
|
Portal: () => Portal,
|
|
199
207
|
Radio: () => Radio,
|
|
200
208
|
RadioFilled: () => RadioFilled,
|
|
209
|
+
RadioGroup: () => RadioGroup,
|
|
201
210
|
RadioOutline: () => RadioOutline,
|
|
202
211
|
RainFilled: () => RainFilled,
|
|
203
212
|
RainOutline: () => RainOutline,
|
|
213
|
+
Rating: () => Rating,
|
|
204
214
|
RectangleFilled: () => RectangleFilled,
|
|
205
215
|
RectangleOutline: () => RectangleOutline,
|
|
216
|
+
Result: () => Result,
|
|
206
217
|
RouterFilled: () => RouterFilled,
|
|
207
218
|
RouterOutline: () => RouterOutline,
|
|
208
219
|
ScheduleFilled: () => ScheduleFilled,
|
|
@@ -1459,7 +1470,7 @@ var ArrowLeftFilled = React19.forwardRef(
|
|
|
1459
1470
|
fill: "none",
|
|
1460
1471
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1461
1472
|
...props,
|
|
1462
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M6.71204 7.22693C7.00486 6.93421 7.47971 6.9343 7.77258 7.22693C8.06535 7.
|
|
1473
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M6.71204 7.22693C7.00486 6.93421 7.47971 6.9343 7.77258 7.22693C8.06535 7.51979 8.06533 7.9946 7.77258 8.28748L4.80969 11.2504H20.0001C20.4142 11.2505 20.7501 11.5863 20.7501 12.0004C20.7499 12.4143 20.4141 12.7502 20.0001 12.7504H4.81067L7.77258 15.7123C8.06541 16.0051 8.06528 16.4799 7.77258 16.7728C7.47968 17.0656 7.00488 17.0657 6.71204 16.7728L2.82336 12.8842C2.33521 12.396 2.33521 11.6038 2.82336 11.1156L6.71204 7.22693Z", fill: "currentColor" })
|
|
1463
1474
|
}
|
|
1464
1475
|
)
|
|
1465
1476
|
);
|
|
@@ -1479,7 +1490,7 @@ var ArrowLeftOutline = React20.forwardRef(
|
|
|
1479
1490
|
fill: "none",
|
|
1480
1491
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1481
1492
|
...props,
|
|
1482
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M6.71204 7.22691C7.00486 6.9342 7.47971 6.93428 7.77258 7.22691C8.06535 7.51978 8.06533 7.99458 7.77258 8.28746L4.80969 11.2504H20.0001C20.4142 11.2505 20.7501 11.5863 20.7501 12.0004C20.7499 12.4143 20.4141 12.7502 20.0001 12.7504H4.81067L7.77258 15.7123C8.06541 16.0051 8.06528 16.4799 7.77258 16.7728C7.47968 17.0655 7.00488 17.0657 6.71204 16.7728L2.82336 12.8841C2.33521 12.396 2.33521 11.
|
|
1493
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M6.71204 7.22691C7.00486 6.9342 7.47971 6.93428 7.77258 7.22691C8.06535 7.51978 8.06533 7.99458 7.77258 8.28746L4.80969 11.2504H20.0001C20.4142 11.2505 20.7501 11.5863 20.7501 12.0004C20.7499 12.4143 20.4141 12.7502 20.0001 12.7504H4.81067L7.77258 15.7123C8.06541 16.0051 8.06528 16.4799 7.77258 16.7728C7.47968 17.0655 7.00488 17.0657 6.71204 16.7728L2.82336 12.8841C2.33521 12.396 2.33521 11.6037 2.82336 11.1156L6.71204 7.22691Z", fill: "currentColor" })
|
|
1483
1494
|
}
|
|
1484
1495
|
)
|
|
1485
1496
|
);
|
|
@@ -1539,7 +1550,7 @@ var ArrowTopLeftFilled = React23.forwardRef(
|
|
|
1539
1550
|
fill: "none",
|
|
1540
1551
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1541
1552
|
...props,
|
|
1542
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M12.001 5.25C12.4147 5.25053 12.7509 5.58614 12.751 6C12.7509 6.41386 12.4147 6.74947 12.001 6.75H7.81055L18.1875 17.127C18.4801 17.4198 18.
|
|
1553
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M12.001 5.25C12.4147 5.25053 12.7509 5.58614 12.751 6C12.7509 6.41386 12.4147 6.74947 12.001 6.75H7.81055L18.1875 17.127C18.4801 17.4198 18.48 17.8947 18.1875 18.1875C17.8947 18.4801 17.4198 18.4801 17.127 18.1875L6.75098 7.81152V12C6.75095 12.4139 6.41472 12.7495 6.00098 12.75C5.58678 12.75 5.25003 12.4142 5.25 12V6.5C5.25003 5.80967 5.81064 5.25 6.50098 5.25H12.001Z", fill: "currentColor" })
|
|
1543
1554
|
}
|
|
1544
1555
|
)
|
|
1545
1556
|
);
|
|
@@ -1699,7 +1710,7 @@ var BackspaceFilled = React31.forwardRef(
|
|
|
1699
1710
|
fill: "none",
|
|
1700
1711
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1701
1712
|
...props,
|
|
1702
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M17.8635
|
|
1713
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M17.8635 4C19.2634 4 19.9636 4 20.4983 4.27246C20.9686 4.51215 21.3514 4.89487 21.5911 5.36523C21.8634 5.89997 21.8635 6.60016 21.8635 8V16C21.8635 17.3998 21.8634 18.1 21.5911 18.6348C21.3514 19.1051 20.9686 19.4879 20.4983 19.7275C19.9636 20 19.2634 20 17.8635 20H10.8655L10.8616 19.9961C10.6207 19.9995 10.348 20 10.0364 20C9.40729 20 9.09224 20 8.80005 19.9287C8.45618 19.8447 8.13378 19.6885 7.85474 19.4707C7.61762 19.2855 7.42233 19.0379 7.03247 18.5439L3.82056 14.4756C3.12137 13.5898 2.7721 13.1464 2.63794 12.6562C2.51964 12.2239 2.51939 11.7673 2.63794 11.335C2.77242 10.845 3.12303 10.4018 3.82251 9.5166L7.03247 5.45508C7.42245 4.96156 7.61762 4.71434 7.85474 4.5293C8.13356 4.31184 8.45557 4.15521 8.79907 4.07129C9.09125 3.99998 9.40642 4 10.0354 4C10.3475 4 10.6204 3.99949 10.8616 4.00293L10.8645 4H17.8635ZM17.3938 8.46973C17.101 8.17695 16.6262 8.17717 16.3333 8.46973L13.8635 10.9395L11.3938 8.46973C11.101 8.17695 10.6262 8.17717 10.3333 8.46973C10.0406 8.76264 10.0404 9.23746 10.3333 9.53027L12.803 12L10.3333 14.4697C10.0406 14.7626 10.0404 15.2375 10.3333 15.5303C10.6261 15.8228 11.101 15.8228 11.3938 15.5303L13.8635 13.0605L16.3333 15.5303C16.6261 15.8228 17.101 15.8228 17.3938 15.5303C17.6863 15.2375 17.6863 14.7625 17.3938 14.4697L14.9241 12L17.3938 9.53027C17.6863 9.23745 17.6863 8.76253 17.3938 8.46973Z", fill: "currentColor" })
|
|
1703
1714
|
}
|
|
1704
1715
|
)
|
|
1705
1716
|
);
|
|
@@ -1719,7 +1730,7 @@ var BackspaceOutline = React32.forwardRef(
|
|
|
1719
1730
|
fill: "none",
|
|
1720
1731
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1721
1732
|
...props,
|
|
1722
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M18.
|
|
1733
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M18.7903 4.00391C19.6029 4.01668 20.0972 4.06816 20.4983 4.27246C20.9686 4.51215 21.3514 4.89492 21.5911 5.36523C21.8634 5.89997 21.8635 6.60018 21.8635 8V16L21.8596 16.9268C21.8469 17.7394 21.7953 18.2337 21.5911 18.6348L21.4944 18.8076C21.2542 19.199 20.9097 19.5179 20.4983 19.7275C20.0972 19.9319 19.6029 19.9833 18.7903 19.9961L17.8635 20H10.8655L10.8616 19.9961C10.6207 19.9995 10.348 20 10.0364 20L9.61841 19.999C9.37339 19.9968 9.18842 19.9898 9.02759 19.9697L8.80005 19.9287C8.54205 19.8657 8.29605 19.7619 8.07153 19.6221L7.85474 19.4707C7.67693 19.3318 7.52265 19.1577 7.29224 18.8711L7.03247 18.5439L3.82056 14.4756C3.2088 13.7006 2.86478 13.2642 2.69849 12.8389L2.63794 12.6562C2.51964 12.2239 2.51939 11.7673 2.63794 11.335C2.7388 10.9675 2.96154 10.6266 3.36157 10.1055L3.82251 9.5166L7.03247 5.45508C7.32492 5.08498 7.50776 4.85329 7.68091 4.68262L7.85474 4.5293C8.13357 4.31183 8.45557 4.15521 8.79907 4.07129C9.09125 3.99998 9.40642 4 10.0354 4L10.8616 4.00293L10.8635 4.00195L10.8645 4H17.8635L18.7903 4.00391ZM10.8411 5.50293C10.6135 5.49969 10.3538 5.5 10.0354 5.5C9.33429 5.5 9.23108 5.50998 9.15552 5.52832C9.05351 5.55324 8.95481 5.59508 8.8645 5.65137L8.77759 5.71191C8.71618 5.75984 8.64543 5.83275 8.20923 6.38477L4.99927 10.4463C4.63606 10.9059 4.41331 11.1897 4.25903 11.417C4.11569 11.6282 4.09103 11.7076 4.08423 11.7324C4.03725 11.9043 4.03674 12.0872 4.08423 12.2607C4.11836 12.3851 4.21331 12.5514 4.99829 13.5459L8.21021 17.6143C8.64541 18.1656 8.71637 18.2402 8.77759 18.2881C8.88899 18.375 9.01805 18.438 9.15552 18.4717C9.23116 18.4901 9.33349 18.5 10.0364 18.5C10.3485 18.5 10.6113 18.4993 10.8401 18.4961C10.8751 18.4956 10.9102 18.4981 10.9446 18.5H17.8635C18.5879 18.5 19.0415 18.4986 19.3831 18.4707C19.7069 18.4442 19.7969 18.4012 19.8176 18.3906C20.0055 18.2948 20.1584 18.142 20.2542 17.9541C20.2648 17.9332 20.3078 17.8431 20.3342 17.5195C20.3621 17.1779 20.3635 16.7246 20.3635 16V8C20.3635 7.27543 20.3621 6.82206 20.3342 6.48047C20.3078 6.15716 20.2648 6.06688 20.2542 6.0459C20.1584 5.85803 20.0055 5.70522 19.8176 5.60938C19.7969 5.59884 19.7069 5.55578 19.3831 5.5293C19.0415 5.50141 18.5879 5.5 17.8635 5.5H10.9192C10.8934 5.50095 10.8672 5.50327 10.8411 5.50293ZM16.3333 8.46973C16.6262 8.17716 17.101 8.17694 17.3938 8.46973C17.6863 8.76254 17.6863 9.23746 17.3938 9.53027L14.9241 12L17.3938 14.4697C17.6863 14.7625 17.6863 15.2375 17.3938 15.5303C17.101 15.8228 16.6261 15.8228 16.3333 15.5303L13.8635 13.0605L11.3938 15.5303C11.101 15.8228 10.6261 15.8228 10.3333 15.5303C10.0404 15.2375 10.0406 14.7626 10.3333 14.4697L12.803 12L10.3333 9.53027C10.0404 9.23746 10.0406 8.76264 10.3333 8.46973C10.6262 8.17716 11.101 8.17694 11.3938 8.46973L13.8635 10.9395L16.3333 8.46973Z", fill: "currentColor" })
|
|
1723
1734
|
}
|
|
1724
1735
|
)
|
|
1725
1736
|
);
|
|
@@ -2139,7 +2150,7 @@ var ChevronLeftFilled = React53.forwardRef(
|
|
|
2139
2150
|
fill: "none",
|
|
2140
2151
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2141
2152
|
...props,
|
|
2142
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M14.9846 2.98459C15.2775 2.69191 15.7523 2.69177 16.0452 2.98459C16.3378 3.27743 16.3378 3.7523 16.0452 4.04514L8.09009 12.0002L16.0452 19.9553C16.3377 20.2482 16.3378 20.723 16.0452 21.0158C15.
|
|
2153
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M14.9846 2.98459C15.2775 2.69191 15.7523 2.69177 16.0452 2.98459C16.3378 3.27743 16.3378 3.7523 16.0452 4.04514L8.09009 12.0002L16.0452 19.9553C16.3377 20.2482 16.3378 20.723 16.0452 21.0158C15.7524 21.3084 15.2774 21.3083 14.9846 21.0158L6.85278 12.884C6.36472 12.3959 6.3649 11.6046 6.85278 11.1164L14.9846 2.98459Z", fill: "currentColor" })
|
|
2143
2154
|
}
|
|
2144
2155
|
)
|
|
2145
2156
|
);
|
|
@@ -2619,7 +2630,7 @@ var CoffeeFilled = React77.forwardRef(
|
|
|
2619
2630
|
fill: "none",
|
|
2620
2631
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2621
2632
|
...props,
|
|
2622
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", { d: "M18.2061 8.00488C20.3194 8.11214 22 9.86002 22 12L21.9951 12.2061C21.8879 14.3194 20.14 16 18 16L17.7939 15.9951C17.7218 15.9915 17.6502 15.985 17.5791 15.9775L17.5449 16.0791C16.4933 18.9507 13.7359 21 10.5 21C6.35787 21 3 17.6421 3 13.5V10.8262C3 10.5233 2.99959 10.3716 3.0127 10.2441C3.
|
|
2633
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", { d: "M18.2061 8.00488C20.3194 8.11214 22 9.86002 22 12L21.9951 12.2061C21.8879 14.3194 20.14 16 18 16L17.7939 15.9951C17.7218 15.9915 17.6502 15.985 17.5791 15.9775L17.5449 16.0791C16.4933 18.9507 13.7359 21 10.5 21C6.35787 21 3 17.6421 3 13.5V10.8262C3 10.5233 2.99959 10.3716 3.0127 10.2441C3.1339 9.06581 4.06581 8.13391 5.24414 8.0127C5.37163 7.99959 5.52334 8 5.82617 8H18L18.2061 8.00488ZM18 13.5C18 13.8378 17.9749 14.1701 17.9316 14.4961C17.9544 14.4967 17.9771 14.5 18 14.5C19.3806 14.5 20.5 13.3806 20.5 12C20.5 10.6193 19.3806 9.50003 18 9.5V13.5ZM5.53516 3.25C5.94937 3.25 6.28516 3.58579 6.28516 4V6C6.28516 6.41421 5.94937 6.75 5.53516 6.75C5.1211 6.74981 4.78516 6.4141 4.78516 6V4C4.78516 3.5859 5.1211 3.25019 5.53516 3.25ZM10.5352 3.25C10.9494 3.25 11.2852 3.58579 11.2852 4V6C11.2852 6.41421 10.9494 6.75 10.5352 6.75C10.1211 6.74981 9.78516 6.4141 9.78516 6V4C9.78516 3.5859 10.1211 3.25019 10.5352 3.25ZM15.5352 3.25C15.9494 3.25 16.2852 3.58579 16.2852 4V6C16.2852 6.41421 15.9494 6.75 15.5352 6.75C15.1211 6.74981 14.7852 6.4141 14.7852 6V4C14.7852 3.5859 15.1211 3.25019 15.5352 3.25Z", fill: "currentColor" })
|
|
2623
2634
|
}
|
|
2624
2635
|
)
|
|
2625
2636
|
);
|
|
@@ -2639,7 +2650,7 @@ var CoffeeOutline = React78.forwardRef(
|
|
|
2639
2650
|
fill: "none",
|
|
2640
2651
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2641
2652
|
...props,
|
|
2642
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { d: "M18.2061 8.00488C20.3194 8.11214 22 9.86002 22 12L21.9951 12.2061C21.8879 14.3194 20.14 16 18 16L17.7939 15.9951C17.7218 15.9915 17.6502 15.985 17.5791 15.9775L17.5449 16.0791C16.4933 18.9507 13.7359 21 10.5 21C6.35787 21 3 17.6421 3 13.5V10.8262C3 10.5233 2.99959 10.3716 3.0127 10.2441C3.
|
|
2653
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { d: "M18.2061 8.00488C20.3194 8.11214 22 9.86002 22 12L21.9951 12.2061C21.8879 14.3194 20.14 16 18 16L17.7939 15.9951C17.7218 15.9915 17.6502 15.985 17.5791 15.9775L17.5449 16.0791C16.4933 18.9507 13.7359 21 10.5 21C6.35787 21 3 17.6421 3 13.5V10.8262C3 10.5233 2.99959 10.3716 3.0127 10.2441C3.1339 9.06581 4.06581 8.13391 5.24414 8.0127C5.30795 8.00614 5.37795 8.00359 5.46973 8.00195L5.82617 8H18L18.2061 8.00488ZM5.39746 9.50488C4.92627 9.55343 4.55343 9.92627 4.50488 10.3975C4.50162 10.4292 4.5 10.4861 4.5 10.8262V13.5C4.5 16.8137 7.18629 19.5 10.5 19.5C13.8137 19.5 16.5 16.8137 16.5 13.5V9.5H5.82617C5.48609 9.5 5.42918 9.50162 5.39746 9.50488ZM18 13.5C18 13.8378 17.9749 14.1701 17.9316 14.4961C17.9544 14.4967 17.9771 14.5 18 14.5C19.3806 14.5 20.5 13.3806 20.5 12C20.5 10.6193 19.3806 9.50003 18 9.5V13.5ZM5.53516 3.25C5.94937 3.25 6.28516 3.58579 6.28516 4V6C6.28516 6.41421 5.94937 6.75 5.53516 6.75C5.1211 6.74981 4.78516 6.4141 4.78516 6V4C4.78516 3.5859 5.1211 3.25019 5.53516 3.25ZM10.5352 3.25C10.9494 3.25 11.2852 3.58579 11.2852 4V6C11.2852 6.41421 10.9494 6.75 10.5352 6.75C10.1211 6.74981 9.78516 6.4141 9.78516 6V4C9.78516 3.5859 10.1211 3.25019 10.5352 3.25ZM15.5352 3.25C15.9494 3.25 16.2852 3.58579 16.2852 4V6C16.2852 6.41421 15.9494 6.75 15.5352 6.75C15.1211 6.74981 14.7852 6.4141 14.7852 6V4C14.7852 3.5859 15.1211 3.25019 15.5352 3.25Z", fill: "currentColor" })
|
|
2643
2654
|
}
|
|
2644
2655
|
)
|
|
2645
2656
|
);
|
|
@@ -2659,7 +2670,7 @@ var ComponentFilled = React79.forwardRef(
|
|
|
2659
2670
|
fill: "none",
|
|
2660
2671
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2661
2672
|
...props,
|
|
2662
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M10.6577 13.6011C11.
|
|
2673
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M10.6577 13.6011C11.3707 13.2378 12.2152 13.2378 12.9282 13.6011C13.2809 13.7809 13.6102 14.1102 14.2681 14.7681C14.926 15.426 15.2553 15.7552 15.4351 16.1079C15.7982 16.8208 15.7981 17.6646 15.4351 18.3774C15.2553 18.7302 14.926 19.0594 14.2681 19.7173C13.6102 20.3752 13.2809 20.7045 12.9282 20.8843C12.2152 21.2476 11.3708 21.2476 10.6577 20.8843C10.305 20.7045 9.97571 20.3751 9.31787 19.7173C8.66002 19.0594 8.33061 18.7302 8.15088 18.3774C7.78782 17.6646 7.78778 16.8208 8.15088 16.1079C8.33062 15.7552 8.65997 15.426 9.31787 14.7681C9.97575 14.1102 10.305 13.7809 10.6577 13.6011ZM5.10791 8.15088C5.82076 7.78778 6.66458 7.78781 7.37744 8.15088C7.73019 8.33061 8.05943 8.66001 8.71729 9.31787C9.37513 9.97572 9.70448 10.305 9.88428 10.6577C10.2476 11.3708 10.2476 12.2152 9.88428 12.9282C9.70448 13.2809 9.37518 13.6102 8.71729 14.2681C8.05939 14.926 7.7302 15.2553 7.37744 15.4351C6.66456 15.7982 5.82078 15.7982 5.10791 15.4351C4.75515 15.2553 4.42597 14.926 3.76807 14.2681C3.11016 13.6102 2.78086 13.2809 2.60107 12.9282C2.23778 12.2152 2.23777 11.3707 2.60107 10.6577C2.78087 10.305 3.11018 9.97575 3.76807 9.31787C4.42596 8.65997 4.75515 8.33062 5.10791 8.15088ZM16.1079 8.15088C16.8208 7.78778 17.6646 7.78781 18.3774 8.15088C18.7302 8.33061 19.0594 8.66001 19.7173 9.31787C20.3751 9.97572 20.7045 10.305 20.8843 10.6577C21.2476 11.3708 21.2476 12.2152 20.8843 12.9282C20.7045 13.2809 20.3752 13.6102 19.7173 14.2681C19.0594 14.926 18.7302 15.2553 18.3774 15.4351C17.6646 15.7982 16.8208 15.7982 16.1079 15.4351C15.7552 15.2553 15.426 14.926 14.7681 14.2681C14.1102 13.6102 13.7809 13.2809 13.6011 12.9282C13.2378 12.2152 13.2378 11.3707 13.6011 10.6577C13.7809 10.305 14.1102 9.97575 14.7681 9.31787C15.426 8.65998 15.7552 8.33062 16.1079 8.15088ZM10.6577 2.60107C11.3707 2.23777 12.2152 2.23778 12.9282 2.60107C13.2809 2.78088 13.6103 3.11025 14.2681 3.76807C14.9259 4.42588 15.2543 4.75519 15.4341 5.10791C15.7974 5.82094 15.7974 6.66441 15.4341 7.37744C15.2544 7.73018 14.9259 8.05946 14.2681 8.71729C13.6103 9.37508 13.2809 9.70447 12.9282 9.88428C12.2152 10.2476 11.3708 10.2476 10.6577 9.88428C10.305 9.70449 9.97581 9.37523 9.31787 8.71729C8.65995 8.05937 8.33062 7.73021 8.15088 7.37744C7.78777 6.66454 7.78772 5.8208 8.15088 5.10791C8.33063 4.75513 8.6599 4.42603 9.31787 3.76807C9.97585 3.11008 10.305 2.78085 10.6577 2.60107Z", fill: "currentColor" })
|
|
2663
2674
|
}
|
|
2664
2675
|
)
|
|
2665
2676
|
);
|
|
@@ -2679,7 +2690,7 @@ var ComponentOutline = React80.forwardRef(
|
|
|
2679
2690
|
fill: "none",
|
|
2680
2691
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2681
2692
|
...props,
|
|
2682
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", { d: "M10.
|
|
2693
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", { d: "M10.6577 13.6011C11.3707 13.2378 12.2152 13.2378 12.9282 13.6011C13.2809 13.7809 13.6102 14.1102 14.2681 14.7681C14.9258 15.4258 15.2553 15.7552 15.4351 16.1079L15.4985 16.2427C15.7966 16.9255 15.7756 17.7099 15.4351 18.3784L15.3599 18.5103C15.1675 18.8184 14.8433 19.142 14.2681 19.7173C13.6926 20.2927 13.3682 20.6166 13.0601 20.8091L12.9282 20.8843C12.2152 21.2476 11.3707 21.2475 10.6577 20.8843C10.3051 20.7045 9.97567 20.3751 9.31787 19.7173C8.74261 19.142 8.41849 18.8184 8.22607 18.5103L8.15088 18.3784C7.81025 17.7099 7.78931 16.9256 8.0874 16.2427L8.15088 16.1079C8.33065 15.7552 8.66012 15.4258 9.31787 14.7681C9.97569 14.1103 10.305 13.7809 10.6577 13.6011ZM12.2476 14.938C11.9624 14.7927 11.6236 14.7927 11.3384 14.938C11.2506 14.9829 11.117 15.0901 10.3784 15.8286C9.63938 16.5677 9.53265 16.7008 9.48779 16.7886C9.34266 17.0736 9.34269 17.4117 9.48779 17.6968C9.53264 17.7845 9.63936 17.9177 10.3784 18.6567C11.1169 19.3952 11.2506 19.5024 11.3384 19.5474C11.6236 19.6926 11.9624 19.6927 12.2476 19.5474C12.3353 19.5024 12.4693 19.395 13.2075 18.6567C13.9467 17.9175 14.0533 17.7845 14.0981 17.6968C14.2432 17.4117 14.2433 17.0736 14.0981 16.7886C14.0533 16.7008 13.9468 16.5679 13.2075 15.8286C12.4691 15.0902 12.3353 14.9829 12.2476 14.938ZM5.10791 8.15088C5.82082 7.78788 6.66558 7.78767 7.37842 8.15088C7.73096 8.33068 8.05976 8.66035 8.71729 9.31787C9.37509 9.97568 9.70449 10.305 9.88428 10.6577L9.94775 10.7935C10.2457 11.4763 10.2248 12.2598 9.88428 12.9282L9.80908 13.0601C9.61666 13.3682 9.29276 13.6926 8.71729 14.2681C8.14207 14.8433 7.81833 15.1674 7.51025 15.3599L7.37842 15.4351C6.66557 15.7983 5.82083 15.7981 5.10791 15.4351C4.75522 15.2553 4.42584 14.9258 3.76807 14.2681C3.19255 13.6925 2.86871 13.3682 2.67627 13.0601L2.60107 12.9282C2.26048 12.2598 2.23959 11.4763 2.5376 10.7935L2.60107 10.6577C2.78088 10.3051 3.11024 9.9757 3.76807 9.31787C4.4258 8.66013 4.75522 8.33063 5.10791 8.15088ZM16.1079 8.15088C16.8208 7.78788 17.6656 7.78767 18.3784 8.15088C18.731 8.33068 19.0598 8.66035 19.7173 9.31787C20.3751 9.97568 20.7045 10.305 20.8843 10.6577L20.9478 10.7935C21.2457 11.4763 21.2248 12.2598 20.8843 12.9282L20.8091 13.0601C20.6167 13.3682 20.2928 13.6926 19.7173 14.2681C19.1421 14.8433 18.8183 15.1674 18.5103 15.3599L18.3784 15.4351C17.6656 15.7983 16.8208 15.7981 16.1079 15.4351C15.7552 15.2553 15.4258 14.9258 14.7681 14.2681C14.1925 13.6925 13.8687 13.3682 13.6763 13.0601L13.6011 12.9282C13.2605 12.2598 13.2396 11.4763 13.5376 10.7935L13.6011 10.6577C13.7809 10.3051 14.1102 9.9757 14.7681 9.31787C15.4258 8.66013 15.7552 8.33063 16.1079 8.15088ZM6.69678 9.48779C6.41177 9.34271 6.07359 9.34274 5.78857 9.48779C5.70082 9.53262 5.56783 9.63921 4.82861 10.3784C4.09023 11.1168 3.98294 11.2506 3.93799 11.3384C3.79266 11.6236 3.79266 11.9623 3.93799 12.2476C3.98292 12.3353 4.09001 12.4689 4.82861 13.2075C5.56787 13.9468 5.70082 14.0533 5.78857 14.0981C6.07361 14.2432 6.41176 14.2432 6.69678 14.0981C6.78453 14.0533 6.91791 13.9463 7.65674 13.2075C8.39534 12.4689 8.50245 12.3353 8.54736 12.2476C8.69263 11.9624 8.69264 11.6235 8.54736 11.3384C8.50243 11.2506 8.39521 11.1169 7.65674 10.3784C6.9179 9.63959 6.78453 9.53267 6.69678 9.48779ZM17.6968 9.48779C17.4118 9.34271 17.0736 9.34274 16.7886 9.48779C16.7008 9.53262 16.5678 9.63922 15.8286 10.3784C15.0902 11.1168 14.9829 11.2506 14.938 11.3384C14.7927 11.6236 14.7927 11.9623 14.938 12.2476C14.9829 12.3353 15.09 12.4689 15.8286 13.2075C16.5679 13.9468 16.7008 14.0533 16.7886 14.0981C17.0736 14.2432 17.4118 14.2432 17.6968 14.0981C17.7845 14.0533 17.9179 13.9463 18.6567 13.2075C19.3953 12.4689 19.5024 12.3353 19.5474 12.2476C19.6926 11.9624 19.6926 11.6235 19.5474 11.3384C19.5024 11.2506 19.3952 11.1169 18.6567 10.3784C17.9179 9.63958 17.7845 9.53267 17.6968 9.48779ZM10.6577 2.60107C11.3707 2.23786 12.2152 2.2378 12.9282 2.60107C13.2808 2.7809 13.6103 3.11033 14.2681 3.76807C14.9258 4.42578 15.2553 4.75523 15.4351 5.10791L15.4985 5.24268C15.7966 5.92551 15.7756 6.70994 15.4351 7.37842L15.3599 7.51025C15.1675 7.81837 14.8433 8.14205 14.2681 8.71729C13.6927 9.29264 13.3682 9.61662 13.0601 9.80908L12.9282 9.88428C12.2152 10.2476 11.3707 10.2475 10.6577 9.88428C10.305 9.7045 9.97577 9.37518 9.31787 8.71729C8.7426 8.14202 8.41851 7.81835 8.22607 7.51025L8.15088 7.37842C7.81025 6.7099 7.78931 5.92556 8.0874 5.24268L8.15088 5.10791C8.33066 4.75522 8.66005 4.42589 9.31787 3.76807C9.97577 3.11017 10.305 2.78084 10.6577 2.60107ZM12.2476 3.93799C11.9624 3.79269 11.6236 3.79275 11.3384 3.93799C11.2506 3.98286 11.1174 4.08961 10.3784 4.82861C9.63929 5.56775 9.53265 5.70081 9.48779 5.78857C9.3426 6.07366 9.34263 6.41167 9.48779 6.69678C9.53264 6.78453 9.63927 6.91758 10.3784 7.65674C11.1173 8.39562 11.2506 8.50247 11.3384 8.54736C11.6236 8.69261 11.9624 8.69266 12.2476 8.54736C12.3353 8.50235 12.4689 8.3944 13.2065 7.65674C13.946 6.91732 14.0533 6.78454 14.0981 6.69678C14.2432 6.41179 14.2432 6.07355 14.0981 5.78857C14.0533 5.70081 13.946 5.56805 13.2065 4.82861C12.4688 4.09083 12.3353 3.98298 12.2476 3.93799Z", fill: "currentColor" })
|
|
2683
2694
|
}
|
|
2684
2695
|
)
|
|
2685
2696
|
);
|
|
@@ -2899,7 +2910,7 @@ var DownloadFilled = React91.forwardRef(
|
|
|
2899
2910
|
fill: "none",
|
|
2900
2911
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2901
2912
|
...props,
|
|
2902
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { d: "M20.2495 14.2496C20.6636 14.2496 20.9993 14.5856 20.9995 14.9996V15.4498C20.9995 16.2773 21.0005 16.9433 20.9565 17.4811C20.9119 18.0276 20.8166 18.5076 20.5903 18.9518C20.2308 19.6574 19.6573 20.2309 18.9517 20.5905C18.5075 20.8167 18.0275 20.912 17.481 20.9567C16.9432 21.0006 16.2771 20.9996 15.4497 20.9996H8.54932C7.7219 20.9996 7.05582 21.0006 6.51807 20.9567C5.97162 20.912 5.49146 20.8167 5.04736 20.5905C4.34195 20.2309 3.76814 19.6572 3.40869 18.9518C3.18253 18.5077 3.08713 18.0275 3.04248 17.4811C2.99857 16.9433 2.99951 16.2772 2.99951 15.4498V14.9996C2.9997 14.5857 3.33558 14.2498 3.74951 14.2496C4.16361 14.2496 4.49933 14.5856 4.49951 14.9996V15.4498C4.49951 16.302 4.49983 16.8965 4.5376 17.359C4.57465 17.8125 4.64412 18.0737 4.74463 18.2711C4.96027 18.6943 5.30486 19.0388 5.72803 19.2545C5.92548 19.3551 6.18656 19.4245 6.64014 19.4615C7.10267 19.4993 7.
|
|
2913
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { d: "M20.2495 14.2496C20.6636 14.2496 20.9993 14.5856 20.9995 14.9996V15.4498C20.9995 16.2773 21.0005 16.9433 20.9565 17.4811C20.9119 18.0276 20.8166 18.5076 20.5903 18.9518C20.2308 19.6574 19.6573 20.2309 18.9517 20.5905C18.5075 20.8167 18.0275 20.912 17.481 20.9567C16.9432 21.0006 16.2771 20.9996 15.4497 20.9996H8.54932C7.7219 20.9996 7.05582 21.0006 6.51807 20.9567C5.97162 20.912 5.49146 20.8167 5.04736 20.5905C4.34195 20.2309 3.76814 19.6572 3.40869 18.9518C3.18253 18.5077 3.08713 18.0275 3.04248 17.4811C2.99857 16.9433 2.99951 16.2772 2.99951 15.4498V14.9996C2.9997 14.5857 3.33558 14.2498 3.74951 14.2496C4.16361 14.2496 4.49933 14.5856 4.49951 14.9996V15.4498C4.49951 16.302 4.49983 16.8965 4.5376 17.359C4.57465 17.8125 4.64412 18.0737 4.74463 18.2711C4.96027 18.6943 5.30486 19.0388 5.72803 19.2545C5.92548 19.3551 6.18656 19.4245 6.64014 19.4615C7.10267 19.4993 7.69716 19.4996 8.54932 19.4996H15.4497C16.3018 19.4996 16.8963 19.4993 17.3589 19.4615C17.8126 19.4245 18.0735 19.3551 18.271 19.2545C18.6944 19.0388 19.0387 18.6945 19.2544 18.2711C19.355 18.0736 19.4244 17.8127 19.4614 17.359C19.4992 16.8965 19.4995 16.302 19.4995 15.4498V14.9996C19.4997 14.5857 19.8356 14.2498 20.2495 14.2496ZM11.9995 2.24963C12.4136 2.24963 12.7493 2.58558 12.7495 2.99963V12.1901L14.2983 10.6412C14.5912 10.3484 15.066 10.3485 15.3589 10.6412C15.6518 10.9341 15.6518 11.4089 15.3589 11.7018L12.8843 14.1764C12.3961 14.6645 11.6049 14.6645 11.1167 14.1764L8.64209 11.7018C8.3492 11.4089 8.3492 10.9341 8.64209 10.6412C8.93499 10.3485 9.40979 10.3484 9.70264 10.6412L11.2495 12.1881V2.99963C11.2497 2.58558 11.5854 2.24963 11.9995 2.24963Z", fill: "currentColor" })
|
|
2903
2914
|
}
|
|
2904
2915
|
)
|
|
2905
2916
|
);
|
|
@@ -2919,7 +2930,7 @@ var DownloadOutline = React92.forwardRef(
|
|
|
2919
2930
|
fill: "none",
|
|
2920
2931
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2921
2932
|
...props,
|
|
2922
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M19.9995 13.2502C20.4135 13.2505 20.7495 13.5862 20.7495 14.0002V15.2004C20.7495 16.0279 20.7505 16.6939 20.7065 17.2317C20.6619 17.7782 20.5666 18.2583 20.3403 18.7024C19.9809 19.4079 19.4071 19.9815 18.7017 20.3411C18.2576 20.5673 17.7774 20.6626 17.231 20.7073C16.6932 20.7512 16.0271 20.7502 15.1997 20.7502H8.79932C7.97199 20.7502 7.30581 20.7512 6.76807 20.7073C6.22166 20.6626 5.
|
|
2933
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M19.9995 13.2502C20.4135 13.2505 20.7495 13.5862 20.7495 14.0002V15.2004C20.7495 16.0279 20.7505 16.6939 20.7065 17.2317C20.6619 17.7782 20.5666 18.2583 20.3403 18.7024C19.9809 19.4079 19.4071 19.9815 18.7017 20.3411C18.2576 20.5673 17.7774 20.6626 17.231 20.7073C16.6932 20.7512 16.0271 20.7502 15.1997 20.7502H8.79932C7.97199 20.7502 7.30581 20.7512 6.76807 20.7073C6.22166 20.6626 5.74142 20.5672 5.29736 20.3411C4.59189 19.9816 4.01823 19.4078 3.65869 18.7024C3.43242 18.2583 3.33715 17.7782 3.29248 17.2317C3.24855 16.6939 3.24951 16.0279 3.24951 15.2004V14.0002C3.24951 13.586 3.5853 13.2502 3.99951 13.2502C4.4135 13.2505 4.74951 13.5862 4.74951 14.0002V15.2004C4.74951 16.0526 4.74981 16.6471 4.7876 17.1096C4.82468 17.5633 4.89403 17.8243 4.99463 18.0217C5.21036 18.4449 5.5548 18.7895 5.97803 19.0051C6.17547 19.1056 6.43669 19.1751 6.89014 19.2122C7.35266 19.2499 7.94728 19.2502 8.79932 19.2502H15.1997C16.0518 19.2502 16.6464 19.2499 17.1089 19.2122C17.5624 19.1751 17.8236 19.1057 18.021 19.0051C18.4442 18.7894 18.7887 18.445 19.0044 18.0217C19.105 17.8243 19.1743 17.5633 19.2114 17.1096C19.2492 16.6471 19.2495 16.0526 19.2495 15.2004V14.0002C19.2495 13.586 19.5853 13.2502 19.9995 13.2502ZM11.9985 2.25024C12.4127 2.25024 12.7485 2.58603 12.7485 3.00024V12.1897L14.2974 10.6409C14.5901 10.3481 15.065 10.3484 15.3579 10.6409C15.6508 10.9338 15.6508 11.4085 15.3579 11.7014L12.8833 14.177C12.3952 14.6649 11.6038 14.665 11.1157 14.177L8.64111 11.7014C8.34831 11.4085 8.34825 10.9337 8.64111 10.6409C8.934 10.3483 9.40887 10.3482 9.70166 10.6409L11.2485 12.1877V3.00024C11.2485 2.58603 11.5843 2.25025 11.9985 2.25024Z", fill: "currentColor" })
|
|
2923
2934
|
}
|
|
2924
2935
|
)
|
|
2925
2936
|
);
|
|
@@ -3039,7 +3050,7 @@ var ExitOutline = React98.forwardRef(
|
|
|
3039
3050
|
fill: "none",
|
|
3040
3051
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3041
3052
|
...props,
|
|
3042
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("path", { d: "M13.6875 2C15.3789 2 16.75 3.37113 16.75 5.0625C16.75 5.
|
|
3053
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("path", { d: "M13.6875 2C15.3789 2 16.75 3.37113 16.75 5.0625C16.75 5.47671 16.4142 5.8125 16 5.8125C15.5858 5.8125 15.25 5.47671 15.25 5.0625C15.25 4.19956 14.5504 3.5 13.6875 3.5H9.5498C8.69746 3.5 8.10322 3.50029 7.64062 3.53809C7.1868 3.57517 6.92602 3.64449 6.72852 3.74512C6.30515 3.96083 5.96083 4.30515 5.74512 4.72852C5.64449 4.92602 5.57517 5.1868 5.53809 5.64062C5.50029 6.10322 5.5 6.69746 5.5 7.5498V16.4502C5.5 17.3025 5.50029 17.8968 5.53809 18.3594C5.57517 18.8132 5.64449 19.074 5.74512 19.2715C5.96083 19.6948 6.30515 20.0392 6.72852 20.2549C6.92602 20.3555 7.1868 20.4248 7.64062 20.4619C8.10322 20.4997 8.69746 20.5 9.5498 20.5H13.6875C14.5504 20.5 15.25 19.8004 15.25 18.9375C15.25 18.5233 15.5858 18.1875 16 18.1875C16.4142 18.1875 16.75 18.5233 16.75 18.9375C16.75 20.6289 15.3789 22 13.6875 22H9.5498C8.72222 22 8.05638 22.001 7.51855 21.957C6.97195 21.9124 6.49205 21.8171 6.04785 21.5908C5.34225 21.2313 4.7687 20.6578 4.40918 19.9521C4.18287 19.5079 4.08763 19.0281 4.04297 18.4814C3.99903 17.9436 4 17.2778 4 16.4502V7.5498C4 6.72222 3.99903 6.05638 4.04297 5.51855C4.08763 4.97195 4.18286 4.49205 4.40918 4.04785C4.7687 3.34225 5.34225 2.7687 6.04785 2.40918C6.49205 2.18286 6.97195 2.08763 7.51855 2.04297C8.05638 1.99903 8.72222 2 9.5498 2H13.6875ZM17.6416 8.6416C17.9345 8.34871 18.4093 8.34871 18.7021 8.6416L21.1768 11.1162C21.6649 11.6044 21.6649 12.3956 21.1768 12.8838L18.7021 15.3584C18.4093 15.6513 17.9345 15.6513 17.6416 15.3584C17.3487 15.0655 17.3487 14.5907 17.6416 14.2979L19.1895 12.75H10C9.58579 12.75 9.25 12.4142 9.25 12C9.25 11.5858 9.58579 11.25 10 11.25H19.1895L17.6416 9.70215C17.3487 9.40926 17.3487 8.9345 17.6416 8.6416Z", fill: "currentColor" })
|
|
3043
3054
|
}
|
|
3044
3055
|
)
|
|
3045
3056
|
);
|
|
@@ -3059,7 +3070,7 @@ var EyeDropperFilled = React99.forwardRef(
|
|
|
3059
3070
|
fill: "none",
|
|
3060
3071
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3061
3072
|
...props,
|
|
3062
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("path", { d: "M15.
|
|
3073
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("path", { d: "M15.7837 4.68066C16.7593 3.70542 18.3421 3.70442 19.3188 4.67969C20.2341 5.59456 20.2913 7.043 19.4907 8.02441L19.3188 8.21387L16.9517 10.5801C16.4741 11.0581 16.4741 11.8335 16.9517 12.3115C17.5784 12.9382 17.5786 13.9544 16.9517 14.5811C16.325 15.2067 15.3082 15.2078 14.6812 14.5811L13.7954 13.6963L9.74951 17.7725C9.41669 18.1078 9.18589 18.3453 8.94873 18.5146C8.71731 18.6799 8.57259 18.7607 8.31006 18.8701C8.03908 18.9829 7.61347 19.0771 6.97998 19.2227C6.66995 19.2939 6.38446 19.377 6.17139 19.4678C6.12701 19.4869 6.04497 19.5424 5.91357 19.6807C5.75639 19.8461 5.68853 19.9449 5.49561 20.1611C5.36388 20.3087 5.12493 20.5688 4.8042 20.6934C4.61796 20.7655 4.39162 20.7972 4.1499 20.7373C3.91621 20.6792 3.73094 20.55 3.59131 20.4111C3.45186 20.2722 3.32224 20.088 3.26318 19.8545C3.2023 19.6129 3.23348 19.3867 3.30518 19.2002C3.42882 18.8793 3.68806 18.64 3.83545 18.5078C4.05172 18.3139 4.15049 18.2448 4.31592 18.0869C4.45463 17.9545 4.51 17.8716 4.52881 17.8271C4.62068 17.6101 4.70455 17.3192 4.77588 17.0039C4.91758 16.3774 5.00992 15.9568 5.12061 15.6875C5.22779 15.427 5.30698 15.282 5.46924 15.0518C5.6358 14.8155 5.8697 14.5844 6.19971 14.252L10.2593 10.1611L9.41553 9.31738C8.78843 8.68987 8.79069 7.67357 9.4165 7.04785C10.0431 6.42216 11.0591 6.42196 11.686 7.04785C12.1634 7.52462 12.9371 7.5244 13.4146 7.04785L15.7837 4.68066ZM7.26416 15.3076C6.89088 15.6837 6.77137 15.8079 6.6958 15.915C6.59809 16.0537 6.57275 16.1002 6.5083 16.2568C6.45922 16.3761 6.40029 16.6252 6.23975 17.335C6.19799 17.5196 6.14719 17.7145 6.08936 17.9062C6.2751 17.8499 6.46484 17.8019 6.64404 17.7607C7.36057 17.5961 7.6117 17.5343 7.73193 17.4844C7.89041 17.4183 7.93713 17.3936 8.07666 17.2939C8.18415 17.2171 8.3087 17.096 8.68506 16.7168L12.7261 12.6445L11.312 11.2305L7.26416 15.3076Z", fill: "currentColor" })
|
|
3063
3074
|
}
|
|
3064
3075
|
)
|
|
3065
3076
|
);
|
|
@@ -3079,7 +3090,7 @@ var EyeDropperOutline = React100.forwardRef(
|
|
|
3079
3090
|
fill: "none",
|
|
3080
3091
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3081
3092
|
...props,
|
|
3082
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M15.
|
|
3093
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M15.7848 4.68066C16.7606 3.70548 18.3434 3.70433 19.3199 4.67969C20.2955 5.65487 20.2969 7.23761 19.3209 8.21387L17.4537 10.0801C17.2516 10.2822 17.2515 10.6105 17.4537 10.8125L17.6129 10.9883C18.3529 11.8963 18.2987 13.2352 17.4528 14.0811C16.6062 14.9266 15.2664 14.9804 14.358 14.2402L14.1823 14.0811L13.7965 13.6953L9.75061 17.7725C9.418 18.1075 9.18682 18.3453 8.94983 18.5146C8.71838 18.6799 8.57261 18.7608 8.31018 18.8701C8.03925 18.9828 7.61409 19.0772 6.98108 19.2227C6.67117 19.2939 6.3856 19.3771 6.17249 19.4678C6.12821 19.4867 6.04602 19.5426 5.91467 19.6807C5.75749 19.8461 5.68864 19.9449 5.49573 20.1611C5.36407 20.3087 5.12578 20.5688 4.8053 20.6934C4.61907 20.7656 4.39275 20.7971 4.151 20.7373C3.91706 20.6792 3.73215 20.5501 3.59241 20.4111C3.45291 20.2723 3.32345 20.089 3.26428 19.8555C3.20321 19.6136 3.23449 19.3868 3.30627 19.2002C3.42997 18.8794 3.6892 18.6399 3.83655 18.5078C4.05251 18.3142 4.15166 18.2447 4.31702 18.0869C4.45543 17.9547 4.51112 17.8715 4.52991 17.8271C4.62171 17.6101 4.70569 17.3191 4.77698 17.0039C4.91864 16.3776 5.01104 15.9567 5.1217 15.6875C5.22882 15.4272 5.30811 15.282 5.47034 15.0518C5.63689 14.8156 5.87093 14.5843 6.20081 14.252L10.2614 10.1602L9.91663 9.81641C9.01395 8.91337 9.01484 7.45016 9.9176 6.54785C10.8207 5.64613 12.2851 5.64533 13.1881 6.54785C13.3894 6.74847 13.7155 6.7486 13.9166 6.54785L15.7848 4.68066ZM7.26526 15.3076C6.89238 15.6833 6.77248 15.808 6.6969 15.915C6.59912 16.0538 6.57389 16.1011 6.5094 16.2578C6.46036 16.3772 6.40118 16.6261 6.24084 17.335C6.19911 17.5195 6.14826 17.7146 6.09045 17.9062C6.27617 17.8499 6.46599 17.8019 6.64514 17.7607C7.36121 17.5962 7.61282 17.5353 7.73303 17.4854C7.8912 17.4194 7.93823 17.3936 8.07776 17.2939C8.18515 17.2171 8.31032 17.0954 8.68616 16.7168L12.7272 12.6445L11.3131 11.2305L7.26526 15.3076ZM18.2594 5.74023C17.8691 5.35077 17.2359 5.3512 16.8453 5.74121L14.9772 7.6084C14.1903 8.39463 12.9146 8.39446 12.1276 7.6084C11.8105 7.29174 11.2958 7.29182 10.9781 7.6084C10.661 7.92535 10.6606 8.43907 10.9772 8.75586L11.8717 9.64941L11.8756 9.6543L15.2428 13.0205L15.3043 13.0762C15.6233 13.3361 16.0944 13.3177 16.3922 13.0205C16.6892 12.7233 16.7084 12.253 16.4489 11.9346L16.3932 11.873C15.6048 11.0852 15.6049 9.80751 16.3932 9.01953L18.2604 7.15332C18.6497 6.76369 18.6498 6.13042 18.2594 5.74023Z", fill: "currentColor" })
|
|
3083
3094
|
}
|
|
3084
3095
|
)
|
|
3085
3096
|
);
|
|
@@ -3099,7 +3110,7 @@ var EyeFilled = React101.forwardRef(
|
|
|
3099
3110
|
fill: "none",
|
|
3100
3111
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3101
3112
|
...props,
|
|
3102
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("path", { d: "M11.
|
|
3113
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("path", { d: "M11.8862 4.5C16.1195 4.50001 19.8384 6.87585 21.9741 10.4629C22.2151 10.8677 22.3358 11.0701 22.4224 11.4668C22.4804 11.7329 22.4804 12.2671 22.4224 12.5332C22.3358 12.9299 22.2151 13.1323 21.9741 13.5371C19.8384 17.1242 16.1195 19.5 11.8862 19.5C7.65301 19.4999 3.93398 17.1241 1.79834 13.5371C1.55738 13.1324 1.43669 12.9299 1.3501 12.5332C1.29206 12.2672 1.29206 11.7328 1.3501 11.4668C1.43669 11.0701 1.55738 10.8676 1.79834 10.4629C3.93398 6.87586 7.65301 4.50007 11.8862 4.5ZM11.8862 7.5C9.40102 7.50008 7.38623 9.51477 7.38623 12C7.38623 14.4852 9.40102 16.4999 11.8862 16.5C14.3715 16.5 16.3862 14.4853 16.3862 12C16.3862 9.51473 14.3715 7.50001 11.8862 7.5ZM11.8862 9C13.5431 9.00001 14.8862 10.3432 14.8862 12C14.8862 13.6568 13.5431 15 11.8862 15C10.2294 14.9999 8.88623 13.6568 8.88623 12C8.88623 10.3432 10.2294 9.00008 11.8862 9Z", fill: "currentColor" })
|
|
3103
3114
|
}
|
|
3104
3115
|
)
|
|
3105
3116
|
);
|
|
@@ -3119,7 +3130,7 @@ var EyeOffFilled = React102.forwardRef(
|
|
|
3119
3130
|
fill: "none",
|
|
3120
3131
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3121
3132
|
...props,
|
|
3122
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M3.
|
|
3133
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M3.21985 3.22009C3.51275 2.92734 3.98755 2.92725 4.2804 3.22009L20.7804 19.7201C21.0729 20.013 21.073 20.4878 20.7804 20.7806C20.4876 21.0732 20.0127 21.0731 19.7198 20.7806L3.21985 4.28064C2.92703 3.98782 2.92719 3.513 3.21985 3.22009ZM4.30872 7.42322C4.50137 7.25296 4.79293 7.26778 4.97473 7.44958L7.50989 9.98572C7.65441 10.1304 7.69429 10.3479 7.62805 10.5414C7.47154 10.9988 7.38684 11.4899 7.38684 12.0004C7.38706 14.4854 9.40182 16.5002 11.8868 16.5004C12.3971 16.5003 12.8877 16.4149 13.3448 16.2582C13.5384 16.1918 13.7558 16.2308 13.9005 16.3754L15.6407 18.1156C15.8925 18.3675 15.8071 18.794 15.4698 18.9086C14.3386 19.2924 13.1351 19.5003 11.8868 19.5004C7.6538 19.5003 3.93363 17.1243 1.79797 13.5375C1.55713 13.1329 1.43631 12.93 1.34973 12.5336C1.29172 12.2676 1.29177 11.7333 1.34973 11.4672C1.43629 11.0706 1.55716 10.8677 1.79797 10.4633C2.4833 9.31219 3.33237 8.28618 4.30872 7.42322ZM11.8868 4.50037C16.1198 4.50072 19.8392 6.87639 21.9747 10.4633C22.2155 10.8677 22.3364 11.0706 22.423 11.4672C22.4809 11.7334 22.481 12.2677 22.423 12.5336C22.3364 12.93 22.2156 13.1329 21.9747 13.5375C21.3186 14.6394 20.512 15.6267 19.588 16.4662C19.3959 16.6405 19.1016 16.6272 18.9181 16.4437L16.3175 13.8431C16.1779 13.7035 16.1363 13.495 16.1935 13.306C16.3188 12.8929 16.3868 12.4544 16.3868 12.0004C16.3868 9.51537 14.3717 7.50083 11.8868 7.50037C11.4325 7.50039 10.9935 7.56828 10.5802 7.69373C10.3913 7.75094 10.1827 7.70923 10.0431 7.5697L8.29993 5.82654C8.04573 5.57234 8.13639 5.14144 8.47864 5.03162C9.55873 4.68561 10.7031 4.5004 11.8868 4.50037ZM8.88684 12.0004C8.88684 11.7505 9.18088 11.6557 9.35754 11.8324L12.0538 14.5297C12.2303 14.7062 12.1363 15 11.8868 15.0004C10.2302 15.0002 8.88706 13.6569 8.88684 12.0004ZM11.8868 9.00037C13.5433 9.00083 14.8868 10.3438 14.8868 12.0004C14.8865 12.1579 14.6976 12.2241 14.5861 12.1127L11.7736 9.30017C11.6618 9.18829 11.7287 9.00048 11.8868 9.00037Z", fill: "currentColor" })
|
|
3123
3134
|
}
|
|
3124
3135
|
)
|
|
3125
3136
|
);
|
|
@@ -3139,7 +3150,7 @@ var EyeOffOutline = React103.forwardRef(
|
|
|
3139
3150
|
fill: "none",
|
|
3140
3151
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3141
3152
|
...props,
|
|
3142
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M3.
|
|
3153
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M3.21997 3.21985C3.51287 2.92702 3.98765 2.92698 4.28052 3.21985L20.7805 19.7198C21.0732 20.0127 21.0733 20.4876 20.7805 20.7804C20.4877 21.0732 20.0129 21.0731 19.72 20.7804L3.21997 4.2804C2.92708 3.9875 2.92708 3.51274 3.21997 3.21985ZM4.14478 7.57043C4.4268 7.312 4.86062 7.3351 5.1311 7.60559C5.44478 7.9195 5.41372 8.43576 5.08911 8.7384C4.32052 9.455 3.64512 10.2935 3.08716 11.2306C2.9562 11.4505 2.90716 11.5357 2.87329 11.6075C2.85342 11.6497 2.83646 11.692 2.81567 11.7872C2.82085 11.7635 2.817 11.7735 2.81274 11.8273C2.80901 11.8746 2.80688 11.9348 2.80688 12.0001C2.80689 12.0655 2.809 12.1256 2.81274 12.173C2.81698 12.2264 2.82077 12.2364 2.81567 12.213C2.83644 12.3081 2.85343 12.3505 2.87329 12.3927C2.90716 12.4645 2.95634 12.5499 3.08716 12.7697C4.98416 15.9557 8.24182 18.0001 11.887 18.0001C12.8083 18 13.7049 17.8674 14.5608 17.6202C14.8353 17.5412 15.1342 17.6086 15.3362 17.8107L15.3762 17.8507C15.754 18.2286 15.6249 18.8677 15.1135 19.0226C14.0871 19.3332 13.0051 19.5 11.887 19.5001L11.4915 19.4933C7.554 19.3551 4.09719 17.1609 2.00317 13.8702L1.79907 13.5372C1.58832 13.1832 1.46938 12.9837 1.38501 12.674L1.35083 12.5333C1.30003 12.3005 1.29319 11.8623 1.3313 11.5782L1.35083 11.4669C1.41578 11.1694 1.49926 10.9808 1.63892 10.7345L1.79907 10.463C2.44573 9.37693 3.2374 8.40197 4.14478 7.57043ZM7.54028 11.3937C7.61191 10.8621 8.24983 10.7243 8.62915 11.1036L8.76685 11.2423C8.93732 11.4128 9.00931 11.6546 9.00122 11.8956C9.00006 11.9302 9.00024 11.9653 9.00024 12.0001C9.00033 13.6569 10.3434 15.0001 12.0002 15.0001C12.0347 15.0001 12.0696 14.9994 12.1038 14.9982C12.3446 14.9897 12.5866 15.0611 12.7571 15.2316L12.8938 15.3693C13.2729 15.7486 13.1359 16.3864 12.6047 16.4591C12.4073 16.486 12.2051 16.5001 12.0002 16.5001C9.51502 16.5001 7.50033 14.4853 7.50024 12.0001C7.50024 11.7946 7.51363 11.5919 7.54028 11.3937ZM12.2825 4.50696C16.351 4.65003 19.9061 6.98826 21.9749 10.463C22.2157 10.8675 22.3365 11.0703 22.4231 11.4669C22.4811 11.7331 22.4811 12.2674 22.4231 12.5333L22.3889 12.674C22.3046 12.9838 22.1856 13.1832 21.9749 13.5372C21.3583 14.5728 20.6083 15.5063 19.7532 16.3116C19.4713 16.5771 19.0319 16.5571 18.7581 16.2833C18.4466 15.9719 18.4731 15.461 18.7913 15.1564C19.515 14.4635 20.1545 13.662 20.6858 12.7697C20.8169 12.5495 20.8668 12.4646 20.9006 12.3927C20.9205 12.3506 20.9365 12.3081 20.9573 12.213C20.9583 12.2045 20.9588 12.1909 20.9602 12.173C20.9639 12.1256 20.967 12.0655 20.967 12.0001C20.967 11.9348 20.9639 11.8746 20.9602 11.8273C20.9588 11.8094 20.9583 11.7958 20.9573 11.7872C20.9366 11.6923 20.9204 11.6496 20.9006 11.6075C20.8668 11.5357 20.8168 11.4506 20.6858 11.2306C18.789 8.04459 15.532 6.00042 11.887 6.00012C11.0236 6.00012 10.1813 6.11393 9.37427 6.33118C9.103 6.4042 8.81025 6.33641 8.61157 6.13782L8.56958 6.09485C8.18821 5.71347 8.32409 5.069 8.84302 4.922C9.81491 4.64671 10.8353 4.50012 11.887 4.50012L12.2825 4.50696ZM12.0002 7.50012C14.4853 7.50044 16.5002 9.51504 16.5002 12.0001C16.5002 12.2053 16.486 12.4077 16.4592 12.6056C16.387 13.1369 15.7487 13.2748 15.3694 12.8956L15.2307 12.756C15.0602 12.5855 14.9892 12.3436 14.9983 12.1027C14.9996 12.0687 15.0002 12.0344 15.0002 12.0001C15.0002 10.3435 13.6568 9.00044 12.0002 9.00012C11.9654 9.00012 11.9303 9.00091 11.8958 9.00208C11.6547 9.01023 11.412 8.93821 11.2415 8.7677L11.1038 8.62903C10.7245 8.24965 10.8621 7.61169 11.3938 7.54016C11.592 7.5135 11.7948 7.50012 12.0002 7.50012Z", fill: "currentColor" })
|
|
3143
3154
|
}
|
|
3144
3155
|
)
|
|
3145
3156
|
);
|
|
@@ -3159,7 +3170,7 @@ var EyeOutline = React104.forwardRef(
|
|
|
3159
3170
|
fill: "none",
|
|
3160
3171
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3161
3172
|
...props,
|
|
3162
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M12.
|
|
3173
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M12.2819 4.50684C16.3505 4.64971 19.9054 6.98809 21.9742 10.4629C22.2152 10.8676 22.3359 11.0702 22.4225 11.4668C22.4805 11.7329 22.4805 12.2671 22.4225 12.5332L22.3883 12.6738C22.3039 12.9837 22.185 13.1831 21.9742 13.5371C19.8386 17.1241 16.1195 19.4999 11.8864 19.5L11.4908 19.4932C7.55344 19.3549 4.09647 17.1608 2.00256 13.8701L1.79846 13.5371C1.58772 13.1831 1.46876 12.9837 1.3844 12.6738L1.35022 12.5332C1.29944 12.3003 1.29257 11.8621 1.33069 11.5781L1.35022 11.4668C1.41516 11.1693 1.4987 10.9806 1.63831 10.7344L1.79846 10.4629C3.93407 6.87599 7.65329 4.50018 11.8864 4.5L12.2819 4.50684ZM11.8864 6C8.24124 6.00018 4.98344 8.0444 3.08655 11.2305C2.95562 11.4504 2.90654 11.5356 2.87268 11.6074C2.85283 11.6496 2.83583 11.6919 2.81506 11.7871C2.82025 11.7633 2.81639 11.7734 2.81213 11.8271C2.80839 11.8745 2.80627 11.9346 2.80627 12C2.80627 12.0654 2.80839 12.1255 2.81213 12.1729C2.81639 12.2266 2.82025 12.2367 2.81506 12.2129C2.83583 12.3081 2.85283 12.3504 2.87268 12.3926C2.90654 12.4644 2.95562 12.5496 3.08655 12.7695C4.98344 15.9556 8.24124 17.9998 11.8864 18C15.5315 17.9999 18.7882 15.9556 20.6852 12.7695C20.8162 12.5494 20.8661 12.4644 20.9 12.3926C20.9199 12.3504 20.9359 12.308 20.9567 12.2129C20.9577 12.2043 20.9582 12.1909 20.9596 12.1729C20.9633 12.1255 20.9664 12.0654 20.9664 12C20.9664 11.9346 20.9633 11.8745 20.9596 11.8271C20.9582 11.8091 20.9577 11.7957 20.9567 11.7871C20.9359 11.692 20.9199 11.6496 20.9 11.6074C20.8661 11.5356 20.8162 11.4506 20.6852 11.2305C18.7882 8.04442 15.5315 6.00009 11.8864 6ZM11.8864 7.5C14.3716 7.50006 16.3864 9.51476 16.3864 12C16.3864 14.4852 14.3716 16.4999 11.8864 16.5C9.40121 16.4998 7.38635 14.4852 7.38635 12C7.38635 9.51482 9.40121 7.50017 11.8864 7.5ZM11.8864 9C10.2296 9.00017 8.88635 10.3432 8.88635 12C8.88635 13.6568 10.2296 14.9998 11.8864 15C13.5432 14.9999 14.8864 13.6568 14.8864 12C14.8864 10.3432 13.5432 9.00006 11.8864 9Z", fill: "currentColor" })
|
|
3163
3174
|
}
|
|
3164
3175
|
)
|
|
3165
3176
|
);
|
|
@@ -3259,7 +3270,7 @@ var HistoryFilled = React109.forwardRef(
|
|
|
3259
3270
|
fill: "none",
|
|
3260
3271
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3261
3272
|
...props,
|
|
3262
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("path", { d: "M11.
|
|
3273
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("path", { d: "M11.9994 3.25049C16.8318 3.25056 20.7494 7.16804 20.7494 12.0005C20.7491 16.8327 16.8317 20.7504 11.9994 20.7505C9.56765 20.7504 7.36553 19.7576 5.78064 18.1567C5.48938 17.8625 5.49261 17.3867 5.7865 17.0952C6.08089 16.8042 6.55575 16.8068 6.84705 17.1011C8.16177 18.429 9.98424 19.2504 11.9994 19.2505C16.0032 19.2504 19.2491 16.0043 19.2494 12.0005C19.2494 7.99647 16.0034 4.75056 11.9994 4.75049C8.21394 4.75072 5.10745 7.65174 4.77966 11.3521L5.70154 11.1411C6.07657 11.0549 6.40509 11.4069 6.29236 11.7749L5.27673 15.0864C5.16396 15.4544 4.69531 15.5624 4.43298 15.2808L2.07263 12.7456C1.81038 12.464 1.95066 12.004 2.32556 11.9175L3.25623 11.7026C3.41303 7.00799 7.26664 3.25073 11.9994 3.25049ZM12.0004 6.25049C12.4144 6.25066 12.7504 6.58638 12.7504 7.00049V11.6899L16.0306 14.9702C16.3231 15.2631 16.3233 15.738 16.0306 16.0308C15.7379 16.3234 15.263 16.3232 14.9701 16.0308L11.6166 12.6772C11.3823 12.443 11.2505 12.1248 11.2504 11.7935V7.00049C11.2504 6.58627 11.5862 6.25049 12.0004 6.25049Z", fill: "currentColor" })
|
|
3263
3274
|
}
|
|
3264
3275
|
)
|
|
3265
3276
|
);
|
|
@@ -3279,7 +3290,7 @@ var HistoryOutline = React110.forwardRef(
|
|
|
3279
3290
|
fill: "none",
|
|
3280
3291
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3281
3292
|
...props,
|
|
3282
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("path", { d: "
|
|
3293
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("path", { d: "M11.9999 3.25049C16.8323 3.25057 20.7499 7.16805 20.7499 12.0005C20.7496 16.8327 16.8321 20.7504 11.9999 20.7505C9.56818 20.7504 7.36604 19.7575 5.78113 18.1567C5.48993 17.8625 5.49296 17.3866 5.78699 17.0952C6.08133 16.8041 6.55621 16.8069 6.84753 17.1011C8.16228 18.4289 9.98477 19.2504 11.9999 19.2505C16.0037 19.2504 19.2496 16.0043 19.2499 12.0005C19.2499 7.99648 16.0039 4.75057 11.9999 4.75049C8.214 4.75062 5.1065 7.65217 4.77917 11.353L5.70105 11.1411C6.07614 11.0548 6.40465 11.4069 6.29187 11.7749L5.27625 15.0864C5.16343 15.4544 4.69479 15.5624 4.4325 15.2808L2.07214 12.7456C1.8101 12.464 1.95122 12.0039 2.32605 11.9175L3.25671 11.7026C3.41353 7.00794 7.26705 3.25062 11.9999 3.25049ZM11.9999 6.25049C12.414 6.25063 12.7499 6.58636 12.7499 7.00049V11.6899L16.0302 14.9702C16.3227 15.2631 16.3229 15.738 16.0302 16.0308C15.7374 16.3233 15.2624 16.3232 14.9696 16.0308L11.6161 12.6772C11.3819 12.443 11.25 12.1247 11.2499 11.7935V7.00049C11.2499 6.58636 11.5858 6.25063 11.9999 6.25049Z", fill: "currentColor" })
|
|
3283
3294
|
}
|
|
3284
3295
|
)
|
|
3285
3296
|
);
|
|
@@ -3299,7 +3310,7 @@ var HomeFilled = React111.forwardRef(
|
|
|
3299
3310
|
fill: "none",
|
|
3300
3311
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3301
3312
|
...props,
|
|
3302
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("path", { d: "M11.1265 2.
|
|
3313
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("path", { d: "M11.1265 2.8596C11.7007 2.72207 12.2993 2.72205 12.8735 2.8596C13.5236 3.01537 14.1259 3.41616 15.3286 4.21799L18.3286 6.21799C19.3052 6.86903 19.7934 7.19514 20.147 7.62522C20.4599 8.00593 20.6951 8.44473 20.8384 8.91624C21.0002 9.44898 20.9995 10.0365 20.9995 11.2102V14.9992C20.9995 17.0989 20.9997 18.1493 20.5913 18.9514C20.2318 19.657 19.6582 20.2315 18.9526 20.591C18.1505 20.9998 17.0997 20.9992 14.9995 20.9992C14.4478 20.9992 14.0005 20.552 14.0005 20.0002V14.9992C14.0003 14.4473 13.5524 13.9995 13.0005 13.9992H11.0005C10.4483 13.9992 10.0007 14.4471 10.0005 14.9992V19.9992C10.0005 20.5515 9.5518 20.9992 8.99951 20.9992C6.89966 20.9992 5.84947 20.9997 5.04736 20.591C4.34181 20.2315 3.7682 19.657 3.40869 18.9514C3.00026 18.1493 2.99951 17.0989 2.99951 14.9992V11.2102C2.99951 10.0365 2.99983 9.44898 3.16162 8.91624C3.30489 8.44474 3.54013 8.00592 3.85303 7.62522C4.20658 7.19516 4.69483 6.86903 5.67139 6.21799L8.67139 4.21799C9.87414 3.41616 10.4764 3.01537 11.1265 2.8596Z", fill: "currentColor" })
|
|
3303
3314
|
}
|
|
3304
3315
|
)
|
|
3305
3316
|
);
|
|
@@ -3319,7 +3330,7 @@ var HomeOutline = React112.forwardRef(
|
|
|
3319
3330
|
fill: "none",
|
|
3320
3331
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3321
3332
|
...props,
|
|
3322
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("path", { d: "M11.1279 2.
|
|
3333
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("path", { d: "M11.1279 2.86011C11.702 2.72267 12.3009 2.72259 12.875 2.86011C13.5248 3.01598 14.1276 3.41688 15.3301 4.21851L18.3301 6.21851C19.3063 6.86933 19.795 7.1957 20.1484 7.62573C20.4612 8.00635 20.6966 8.44542 20.8398 8.91675C21.0015 9.44936 21.001 10.0374 21.001 11.2107V14.9998L20.9951 16.3904C20.976 17.6088 20.899 18.3504 20.5928 18.9519L20.4482 19.2097C20.088 19.7972 19.5714 20.2769 18.9541 20.5916L18.8008 20.6628C18.0167 20.9997 16.9698 20.9998 15.001 20.9998L14.8984 20.9939C14.4284 20.946 14.0545 20.5724 14.0068 20.1023L14.002 20.0007V14.9998C14.0018 14.4479 13.5537 14.0003 13.002 13.9998H11.002C10.4498 13.9998 10.0021 14.4476 10.002 14.9998V19.9998L9.99707 20.1013C9.9459 20.6056 9.51862 20.9995 9.00098 20.9998L7.61035 20.9929C6.49323 20.9755 5.77703 20.9097 5.20215 20.6628L5.04883 20.5916C4.4315 20.277 3.91495 19.7972 3.55469 19.2097L3.41016 18.9519C3.10385 18.3504 3.02715 17.6088 3.00781 16.3904L3 14.9998V11.2107C3 10.1838 3.00096 9.60521 3.10938 9.11987L3.16309 8.91675C3.28844 8.5042 3.48464 8.11666 3.74121 7.77124L3.85449 7.62573C4.11963 7.30324 4.46061 7.03853 5.02637 6.6521L5.67285 6.21851L8.67285 4.21851C9.72482 3.5172 10.3178 3.12248 10.8848 2.93042L11.1279 2.86011ZM12.5254 4.31812C12.1812 4.23571 11.8218 4.23578 11.4775 4.31812C11.1498 4.39665 10.8046 4.6001 9.50488 5.46655L6.50488 7.46655C5.4522 8.16834 5.19255 8.36042 5.01367 8.57788C4.87258 8.74954 4.75749 8.94058 4.67285 9.14429L4.59863 9.35229C4.5168 9.62177 4.50098 9.94427 4.50098 11.2107V14.9998C4.50098 16.0738 4.50185 16.7898 4.54688 17.3396C4.59046 17.8715 4.66837 18.1156 4.74707 18.2703L4.83398 18.4255C5.05041 18.7784 5.36001 19.0663 5.72949 19.2546C5.88366 19.3331 6.12801 19.4105 6.66016 19.4539C7.12032 19.4913 7.69692 19.4956 8.50195 19.4968V14.9988C8.50246 13.6187 9.6213 12.4998 11.002 12.4998H13.0029C14.3817 12.5008 15.5014 13.6184 15.502 14.9988V19.4968C16.3063 19.4956 16.8828 19.4913 17.3428 19.4539C17.8752 19.4104 18.1194 19.3331 18.2734 19.2546C18.6957 19.0393 19.0398 18.6942 19.2559 18.2703C19.3343 18.116 19.4117 17.8723 19.4551 17.3406C19.4999 16.7905 19.501 16.0742 19.501 14.9998V11.2107C19.501 10.1017 19.49 9.7166 19.4326 9.45776L19.4043 9.35229C19.3186 9.0703 19.1773 8.80677 18.9893 8.57788C18.8104 8.36038 18.5507 8.16835 17.498 7.46655L14.498 5.46655C13.1988 4.60037 12.853 4.39674 12.5254 4.31812Z", fill: "currentColor" })
|
|
3323
3334
|
}
|
|
3324
3335
|
)
|
|
3325
3336
|
);
|
|
@@ -3499,7 +3510,7 @@ var InstanceFilled = React121.forwardRef(
|
|
|
3499
3510
|
fill: "none",
|
|
3500
3511
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3501
3512
|
...props,
|
|
3502
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", { d: "M10.
|
|
3513
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", { d: "M10.5305 2.46631C11.2836 2.22164 12.0948 2.22168 12.8479 2.46631C13.7041 2.74454 14.4469 3.48718 15.9319 4.97217L18.4065 7.44678C19.8914 8.93171 20.6341 9.67459 20.9124 10.5308C21.157 11.2838 21.157 12.0951 20.9124 12.8481C20.6341 13.7044 19.8915 14.4471 18.4065 15.9321L15.9319 18.4067C14.4469 19.8918 13.7041 20.6344 12.8479 20.9126C12.0948 21.1573 11.2836 21.1573 10.5305 20.9126C9.67435 20.6344 8.93147 19.8917 7.44653 18.4067L4.97192 15.9321C3.48693 14.4471 2.7443 13.7043 2.46606 12.8481C2.22143 12.0951 2.22139 11.2838 2.46606 10.5308C2.74428 9.67454 3.48687 8.93183 4.97192 7.44678L7.44653 4.97217C8.93157 3.48713 9.6743 2.74452 10.5305 2.46631Z", fill: "currentColor" })
|
|
3503
3514
|
}
|
|
3504
3515
|
)
|
|
3505
3516
|
);
|
|
@@ -3519,7 +3530,7 @@ var InstanceOutline = React122.forwardRef(
|
|
|
3519
3530
|
fill: "none",
|
|
3520
3531
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3521
3532
|
...props,
|
|
3522
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", { d: "M10.
|
|
3533
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", { d: "M10.53 2.46606C11.2831 2.22138 12.0943 2.22145 12.8474 2.46606C13.7036 2.74429 14.4465 3.48606 15.9314 4.97095L18.406 7.44556C19.8909 8.93049 20.6336 9.6734 20.9119 10.5295C21.1565 11.2826 21.1564 12.0939 20.9119 12.8469C20.6336 13.703 19.8909 14.446 18.406 15.9309L15.9314 18.4065L14.9431 19.385C14.1409 20.1624 13.5876 20.6219 13.0066 20.8538L12.8474 20.9114C12.1887 21.1253 11.4851 21.1529 10.8152 20.9924L10.53 20.9114C9.674 20.6331 8.93075 19.8912 7.44604 18.4065L4.97144 15.9309C3.57946 14.5389 2.8395 13.7995 2.52319 13.0071L2.46558 12.8469C2.25163 12.1882 2.22508 11.4845 2.3855 10.8147L2.46558 10.5295C2.67425 9.88749 3.14473 9.30913 3.99292 8.43384L4.97144 7.44556L7.44604 4.97095C8.93078 3.48621 9.67403 2.74441 10.53 2.46606ZM12.3845 3.89185C11.9327 3.74512 11.4447 3.74505 10.9929 3.89185C10.8282 3.94552 10.6007 4.06329 10.1941 4.40845C9.77342 4.76561 9.26641 5.27167 8.50659 6.03149L6.03198 8.5061C5.27212 9.26597 4.76607 9.7739 4.40894 10.1946C4.06354 10.6015 3.94586 10.8287 3.89233 10.9934C3.74562 11.4452 3.74554 11.9323 3.89233 12.384C3.94591 12.5488 4.06347 12.7759 4.40894 13.1829C4.76609 13.6036 5.27205 14.1104 6.03198 14.8704L8.50659 17.345C9.26636 18.1047 9.77344 18.6109 10.1941 18.968C10.6009 19.3133 10.8282 19.4319 10.9929 19.4856C11.4447 19.6324 11.9327 19.6323 12.3845 19.4856C12.5492 19.432 12.7765 19.3134 13.1833 18.968C13.604 18.6109 14.1111 18.1047 14.8708 17.345L17.3455 14.8704C18.1053 14.1105 18.6113 13.6035 18.9685 13.1829C19.3139 12.776 19.4315 12.5488 19.4851 12.384C19.6319 11.9322 19.6319 11.4453 19.4851 10.9934C19.4316 10.8287 19.3141 10.6017 18.9685 10.1946C18.6113 9.77387 18.1054 9.26605 17.3455 8.5061L14.8708 6.03149C14.1109 5.27156 13.6041 4.7656 13.1833 4.40845C12.7765 4.06311 12.5492 3.94545 12.3845 3.89185Z", fill: "currentColor" })
|
|
3523
3534
|
}
|
|
3524
3535
|
)
|
|
3525
3536
|
);
|
|
@@ -3659,7 +3670,7 @@ var MoonFilled = React129.forwardRef(
|
|
|
3659
3670
|
fill: "none",
|
|
3660
3671
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3661
3672
|
...props,
|
|
3662
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("path", { d: "M9.45996 2.32812C9.79899 2.23945 10.1016 2.54142 10.0625 2.88965C10.0214 3.25376 10 3.62405 10 3.99902C10 9.52187 14.4772 13.999 20 13.999C20.3755 13.999 20.7459 13.977 21.1104 13.9355C21.4585 13.896 21.7593 14.1991 21.6709 14.5381C20.
|
|
3673
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("path", { d: "M9.45996 2.32812C9.79899 2.23945 10.1016 2.54142 10.0625 2.88965C10.0214 3.25376 10 3.62405 10 3.99902C10 9.52187 14.4772 13.999 20 13.999C20.3755 13.999 20.7459 13.977 21.1104 13.9355C21.4585 13.896 21.7593 14.1991 21.6709 14.5381C20.5477 18.8313 16.6454 21.9989 12 21.999C6.47717 21.999 2 17.5219 2 11.999C2.00048 7.35441 5.16765 3.45178 9.45996 2.32812Z", fill: "currentColor" })
|
|
3663
3674
|
}
|
|
3664
3675
|
)
|
|
3665
3676
|
);
|
|
@@ -3819,7 +3830,7 @@ var OpenWithFilled = React137.forwardRef(
|
|
|
3819
3830
|
fill: "none",
|
|
3820
3831
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3821
3832
|
...props,
|
|
3822
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", { d: "M12 3C12.4142 3 12.75 3.33579 12.75 3.75C12.75 4.
|
|
3833
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", { d: "M12 3C12.4142 3 12.75 3.33579 12.75 3.75C12.75 4.16421 12.4142 4.5 12 4.5H7.75C7.03756 4.5 6.5482 4.50026 6.16895 4.53125C5.79852 4.56152 5.5991 4.61705 5.45508 4.69043C5.12597 4.85818 4.85818 5.12597 4.69043 5.45508C4.61705 5.5991 4.56152 5.79852 4.53125 6.16895C4.50026 6.5482 4.5 7.03756 4.5 7.75V16.25C4.5 16.9624 4.50026 17.4518 4.53125 17.8311C4.56152 18.2015 4.61705 18.4009 4.69043 18.5449C4.85818 18.874 5.12597 19.1418 5.45508 19.3096C5.5991 19.383 5.79852 19.4385 6.16895 19.4688C6.5482 19.4997 7.03756 19.5 7.75 19.5H16.25C16.9624 19.5 17.4518 19.4997 17.8311 19.4688C18.2015 19.4385 18.4009 19.383 18.5449 19.3096C18.874 19.1418 19.1418 18.874 19.3096 18.5449C19.383 18.4009 19.4385 18.2015 19.4688 17.8311C19.4997 17.4518 19.5 16.9624 19.5 16.25V12C19.5 11.5858 19.8358 11.25 20.25 11.25C20.6642 11.25 21 11.5858 21 12V16.25C21 16.9377 21.001 17.4986 20.9639 17.9531C20.926 18.4164 20.8446 18.8349 20.6455 19.2256C20.3339 19.837 19.837 20.3339 19.2256 20.6455C18.8349 20.8446 18.4164 20.926 17.9531 20.9639C17.4986 21.001 16.9377 21 16.25 21H7.75C7.06231 21 6.50138 21.001 6.04688 20.9639C5.58362 20.926 5.16515 20.8446 4.77441 20.6455C4.16305 20.3339 3.66605 19.837 3.35449 19.2256C3.1554 18.8349 3.07398 18.4164 3.03613 17.9531C2.999 17.4986 3 16.9377 3 16.25V7.75C3 7.06231 2.999 6.50138 3.03613 6.04688C3.07398 5.58362 3.1554 5.16515 3.35449 4.77441C3.66605 4.16305 4.16305 3.66605 4.77441 3.35449C5.16515 3.1554 5.58362 3.07398 6.04688 3.03613C6.50138 2.999 7.06231 3 7.75 3H12ZM19.75 3C20.4404 3 21 3.55965 21 4.25V7.75C21 8.16421 20.6642 8.5 20.25 8.5C19.8358 8.5 19.5 8.16421 19.5 7.75V5.56055L13.002 12.0586C12.7091 12.3514 12.2343 12.3514 11.9414 12.0586C11.6485 11.7657 11.6486 11.2909 11.9414 10.998L18.4395 4.5H16.25C15.8358 4.5 15.5 4.16421 15.5 3.75C15.5 3.33579 15.8358 3 16.25 3H19.75Z", fill: "currentColor" })
|
|
3823
3834
|
}
|
|
3824
3835
|
)
|
|
3825
3836
|
);
|
|
@@ -3839,7 +3850,7 @@ var OpenWithOutline = React138.forwardRef(
|
|
|
3839
3850
|
fill: "none",
|
|
3840
3851
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3841
3852
|
...props,
|
|
3842
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", { d: "M12 3C12.4142 3 12.75 3.33579 12.75 3.75C12.75 4.
|
|
3853
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", { d: "M12 3C12.4142 3 12.75 3.33579 12.75 3.75C12.75 4.16421 12.4142 4.5 12 4.5H7.75C7.03756 4.5 6.5482 4.50026 6.16895 4.53125C5.79852 4.56152 5.5991 4.61705 5.45508 4.69043C5.12597 4.85818 4.85818 5.12597 4.69043 5.45508C4.61705 5.5991 4.56152 5.79852 4.53125 6.16895C4.50026 6.5482 4.5 7.03756 4.5 7.75V16.25C4.5 16.9624 4.50026 17.4518 4.53125 17.8311C4.56152 18.2015 4.61705 18.4009 4.69043 18.5449C4.85818 18.874 5.12597 19.1418 5.45508 19.3096C5.5991 19.383 5.79852 19.4385 6.16895 19.4688C6.5482 19.4997 7.03756 19.5 7.75 19.5H16.25C16.9624 19.5 17.4518 19.4997 17.8311 19.4688C18.2015 19.4385 18.4009 19.383 18.5449 19.3096C18.874 19.1418 19.1418 18.874 19.3096 18.5449C19.383 18.4009 19.4385 18.2015 19.4688 17.8311C19.4997 17.4518 19.5 16.9624 19.5 16.25V12C19.5 11.5858 19.8358 11.25 20.25 11.25C20.6642 11.25 21 11.5858 21 12V16.25C21 16.9377 21.001 17.4986 20.9639 17.9531C20.926 18.4164 20.8446 18.8349 20.6455 19.2256C20.3339 19.837 19.837 20.3339 19.2256 20.6455C18.8349 20.8446 18.4164 20.926 17.9531 20.9639C17.4986 21.001 16.9377 21 16.25 21H7.75C7.06231 21 6.50138 21.001 6.04688 20.9639C5.58362 20.926 5.16515 20.8446 4.77441 20.6455C4.16305 20.3339 3.66605 19.837 3.35449 19.2256C3.1554 18.8349 3.07398 18.4164 3.03613 17.9531C2.999 17.4986 3 16.9377 3 16.25V7.75C3 7.06231 2.999 6.50138 3.03613 6.04688C3.07398 5.58362 3.1554 5.16515 3.35449 4.77441C3.66605 4.16305 4.16305 3.66605 4.77441 3.35449C5.16515 3.1554 5.58362 3.07398 6.04688 3.03613C6.50138 2.999 7.06231 3 7.75 3H12ZM19.75 3C20.4404 3 21 3.55965 21 4.25V7.75C21 8.16421 20.6642 8.5 20.25 8.5C19.8358 8.5 19.5 8.16421 19.5 7.75V5.56055L13.002 12.0586C12.7091 12.3514 12.2343 12.3514 11.9414 12.0586C11.6485 11.7657 11.6486 11.2909 11.9414 10.998L18.4395 4.5H16.25C15.8358 4.5 15.5 4.16421 15.5 3.75C15.5 3.33579 15.8358 3 16.25 3H19.75Z", fill: "currentColor" })
|
|
3843
3854
|
}
|
|
3844
3855
|
)
|
|
3845
3856
|
);
|
|
@@ -3899,7 +3910,7 @@ var PenFilled = React141.forwardRef(
|
|
|
3899
3910
|
fill: "none",
|
|
3900
3911
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3901
3912
|
...props,
|
|
3902
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("path", {
|
|
3913
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("path", { d: "M13.6572 6.80682C13.9501 6.51438 14.425 6.51427 14.7178 6.80682L17.1934 9.28143C17.4861 9.5742 17.4859 10.05 17.1934 10.343L8.46777 19.0676C8.38869 19.1466 8.29194 19.208 8.18652 19.2453L4.37402 20.5891C4.10243 20.6845 3.80069 20.6164 3.59668 20.4133C3.39246 20.2096 3.32267 19.9062 3.41797 19.634L4.75391 15.8146C4.79112 15.7086 4.85319 15.6119 4.93262 15.5324L13.6572 6.80682ZM15.8623 4.60272C16.8386 3.62674 18.4213 3.62652 19.3975 4.60272C20.3736 5.57893 20.3734 7.16157 19.3975 8.13788L18.96 8.57538C18.6671 8.86822 18.1923 8.86824 17.8994 8.57538L15.4248 6.10077C15.1319 5.80789 15.132 5.33312 15.4248 5.04022L15.8623 4.60272Z", fill: "currentColor" })
|
|
3903
3914
|
}
|
|
3904
3915
|
)
|
|
3905
3916
|
);
|
|
@@ -3919,7 +3930,7 @@ var PenOutline = React142.forwardRef(
|
|
|
3919
3930
|
fill: "none",
|
|
3920
3931
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3921
3932
|
...props,
|
|
3922
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", {
|
|
3933
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", { d: "M15.8611 4.60181C16.8372 3.62682 18.4199 3.62713 19.3962 4.60181C20.3725 5.57743 20.3733 7.16025 19.3972 8.13599L18.447 9.08521C18.4395 9.0934 18.4325 9.10266 18.4246 9.1106L8.74585 18.7844C8.6736 18.8566 8.58689 18.9137 8.49194 18.9514L4.39819 20.5774C4.12049 20.6874 3.80412 20.6222 3.59253 20.4114C3.3811 20.2002 3.31387 19.8827 3.42358 19.6047L5.04272 15.5051C5.08039 15.4099 5.13733 15.3227 5.20972 15.2502L14.3582 6.10376L15.8611 4.60181ZM6.37964 16.2014L5.45483 18.5442L7.79468 17.6155L16.8337 8.58032L15.4187 7.16626L6.37964 16.2014ZM18.3357 5.66235C17.9453 5.27295 17.3118 5.27271 16.9216 5.66235L16.4802 6.10376L17.8943 7.51685L18.3357 7.07544C18.7258 6.68532 18.7259 6.0524 18.3357 5.66235Z", fill: "currentColor" })
|
|
3923
3934
|
}
|
|
3924
3935
|
)
|
|
3925
3936
|
);
|
|
@@ -3979,7 +3990,7 @@ var PieChartFilled = React145.forwardRef(
|
|
|
3979
3990
|
fill: "none",
|
|
3980
3991
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3981
3992
|
...props,
|
|
3982
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", { d: "M11.
|
|
3993
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", { d: "M11.0024 2.04956C11.5516 1.99488 12.0004 2.44782 12.0005 2.99976V10.9998C12.0007 11.5519 12.4483 11.9998 13.0005 11.9998H21.0005C21.5525 12 22.0056 12.4485 21.9507 12.9978C21.7876 14.623 21.2278 16.19 20.3149 17.5564C19.2163 19.2004 17.6544 20.4822 15.8276 21.239C14.0005 21.9958 11.989 22.1941 10.0493 21.8083C8.10969 21.4225 6.32765 20.4694 4.9292 19.071C3.53088 17.6726 2.57875 15.8905 2.19287 13.9509C1.80714 12.0114 2.00459 10.0006 2.76123 8.17358C3.51811 6.34648 4.80046 4.78405 6.44482 3.6853C7.81112 2.77249 9.37753 2.21267 11.0024 2.04956ZM13.5005 3.2771C13.5006 2.66533 14.047 2.1935 14.6372 2.35425C15.0411 2.46449 15.4393 2.60062 15.8276 2.76147C17.0406 3.26402 18.1434 4.00104 19.0718 4.92944C20.0001 5.85789 20.7373 6.9606 21.2397 8.17358C21.4004 8.56156 21.536 8.95863 21.646 9.36206C21.8069 9.95239 21.3349 10.4994 20.7231 10.4998H14.5005C13.9483 10.4998 13.5006 10.052 13.5005 9.49976V3.2771Z", fill: "currentColor" })
|
|
3983
3994
|
}
|
|
3984
3995
|
)
|
|
3985
3996
|
);
|
|
@@ -3999,7 +4010,7 @@ var PieChartOutline = React146.forwardRef(
|
|
|
3999
4010
|
fill: "none",
|
|
4000
4011
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4001
4012
|
...props,
|
|
4002
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("path", { d: "M11.
|
|
4013
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("path", { d: "M11.1902 2.0332C11.6027 2.00004 11.9652 2.30715 11.9988 2.71973C12.0322 3.13226 11.7237 3.49348 11.3113 3.52734C6.81063 3.89362 3.38169 7.71562 3.50366 12.2295C3.62583 16.7436 7.25711 20.3749 11.7712 20.4971C16.2848 20.6187 20.1061 17.1898 20.4724 12.6895C20.5061 12.2767 20.8683 11.9685 21.281 12.002C21.6935 12.0358 22.001 12.398 21.9675 12.8105C21.5368 18.1056 17.0407 22.1395 11.7302 21.9961C6.41955 21.8524 2.14845 17.5812 2.00464 12.2705C1.86096 6.9598 5.89502 2.46396 11.1902 2.0332ZM13.5007 3.27637C13.5011 2.66466 14.0482 2.19339 14.6384 2.35449C15.042 2.4647 15.4398 2.59999 15.8279 2.76074C17.0408 3.26325 18.1437 4.00039 19.072 4.92871C20.0003 5.85709 20.7375 6.95996 21.24 8.17285C21.4007 8.56086 21.5363 8.95884 21.6462 9.3623C21.7967 9.91541 21.3916 10.4304 20.8367 10.4932L20.7234 10.499H14.5007C13.9484 10.499 13.5007 10.0513 13.5007 9.49902V3.27637ZM15.0007 8.99902H19.9529C19.9211 8.91473 19.8887 8.83037 19.8542 8.74707C19.4273 7.71632 18.8007 6.77861 18.0115 5.98926C17.2223 5.20011 16.2845 4.57356 15.2537 4.14648C15.17 4.11184 15.0854 4.07877 15.0007 4.04688V8.99902Z", fill: "currentColor" })
|
|
4003
4014
|
}
|
|
4004
4015
|
)
|
|
4005
4016
|
);
|
|
@@ -4179,7 +4190,7 @@ var RouterFilled = React155.forwardRef(
|
|
|
4179
4190
|
fill: "none",
|
|
4180
4191
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4181
4192
|
...props,
|
|
4182
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("path", { d: "M9 5.
|
|
4193
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("path", { d: "M9 5.09277C9.82823 5.09277 10.4997 5.76462 10.5 6.59277C10.5 7.14761 10.1979 7.63114 9.75 7.89062V13H18C19.3999 13 20.1 13.0001 20.6348 13.2725C21.1051 13.5121 21.4879 13.8949 21.7275 14.3652C22 14.9 22 15.6001 22 17C22 18.3998 21.9998 19.1 21.7275 19.6348C21.4879 20.1052 21.1052 20.4879 20.6348 20.7275C20.1 21 19.4 21 18 21H6C4.59998 21 3.9 21 3.36523 20.7275C2.89485 20.4879 2.51214 20.1052 2.27246 19.6348C2.00016 19.1 2 18.3998 2 17C2 15.6001 2.00003 14.9 2.27246 14.3652C2.51215 13.8949 2.89486 13.5121 3.36523 13.2725C3.89998 13.0001 4.60011 13 6 13H8.25V7.89062C7.80215 7.63114 7.5 7.14761 7.5 6.59277C7.50032 5.76462 8.17177 5.09277 9 5.09277ZM6 16C5.44779 16 5.00013 16.4478 5 17C5 17.5523 5.44772 18 6 18C6.55228 18 7 17.5523 7 17C6.99987 16.4478 6.55221 16 6 16ZM9 16C8.44779 16 8.00013 16.4478 8 17C8 17.5523 8.44772 18 9 18C9.55228 18 10 17.5523 10 17C9.99987 16.4478 9.55221 16 9 16ZM12 16C11.4478 16 11.0001 16.4478 11 17C11 17.5523 11.4477 18 12 18C12.5522 17.9999 13 17.5522 13 17C12.9999 16.4479 12.5521 16.0001 12 16ZM3.54883 2.20117C3.80869 1.87915 4.28731 1.88139 4.58008 2.17383C4.87258 2.46634 4.86811 2.93796 4.61816 3.26758C3.91674 4.19104 3.50018 5.34385 3.5 6.59277C3.50005 7.84168 3.91669 8.99381 4.61816 9.91699C4.86878 10.247 4.87319 10.7198 4.58008 11.0127C4.28701 11.3051 3.8088 11.3067 3.54883 10.9844C2.58022 9.78349 2.00005 8.25572 2 6.59277C2.00019 4.92989 2.58013 3.40207 3.54883 2.20117ZM5.69434 4.3418C5.92778 3.99991 6.40927 4.00235 6.70215 4.29492C6.99497 4.58774 6.98263 5.06067 6.78906 5.42676C6.60495 5.77492 6.50014 6.17163 6.5 6.59277C6.50004 7.01404 6.604 7.41157 6.78809 7.75977C6.98165 8.1258 6.99475 8.59773 6.70215 8.89062C6.40934 9.18344 5.92786 9.18665 5.69434 8.84473C5.25657 8.20339 5.00005 7.42786 5 6.59277C5.00017 5.75797 5.25669 4.98304 5.69434 4.3418Z", fill: "currentColor" })
|
|
4183
4194
|
}
|
|
4184
4195
|
)
|
|
4185
4196
|
);
|
|
@@ -4199,7 +4210,7 @@ var RouterOutline = React156.forwardRef(
|
|
|
4199
4210
|
fill: "none",
|
|
4200
4211
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4201
4212
|
...props,
|
|
4202
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("path", { d: "M9 5.
|
|
4213
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("path", { d: "M9 5.09229C9.82821 5.09229 10.4997 5.76415 10.5 6.59229C10.5 7.14712 10.1978 7.63065 9.75 7.89014V12.9995H18C19.3999 12.9995 20.1 12.9996 20.6348 13.272C21.1051 13.5116 21.4878 13.8944 21.7275 14.3647C21.9999 14.8995 22 15.5997 22 16.9995C22 18.3993 21.9998 19.0995 21.7275 19.6343L21.6309 19.8071C21.3907 20.1985 21.0462 20.5174 20.6348 20.7271L20.4258 20.8169C20.0604 20.9474 19.6043 20.985 18.9268 20.9956L18 20.9995H6L5.07324 20.9956C4.39571 20.985 3.93961 20.9474 3.57422 20.8169L3.36523 20.7271C2.89488 20.4874 2.51213 20.1046 2.27246 19.6343C2.00018 19.0995 2 18.3993 2 16.9995C2 15.7744 2.00004 15.0851 2.18262 14.5737L2.27246 14.3647C2.48211 13.9534 2.80103 13.6088 3.19238 13.3687L3.36523 13.272C3.89998 12.9996 4.60012 12.9995 6 12.9995H8.25V7.89014C7.80215 7.63065 7.5 7.14712 7.5 6.59229C7.50035 5.76415 8.17179 5.09229 9 5.09229ZM6 14.4995C5.27541 14.4995 4.82206 14.5009 4.48047 14.5288C4.15692 14.5552 4.06679 14.5982 4.0459 14.6089C3.858 14.7047 3.70522 14.8575 3.60938 15.0454C3.59884 15.0661 3.55578 15.1561 3.5293 15.48C3.50141 15.8215 3.5 16.2751 3.5 16.9995C3.5 17.7239 3.50143 18.1775 3.5293 18.519C3.55569 18.842 3.59865 18.9325 3.60938 18.9536C3.7052 19.1415 3.85798 19.2943 4.0459 19.3901C4.06659 19.4007 4.15637 19.4437 4.48047 19.4702C4.82206 19.4981 5.27539 19.4995 6 19.4995H18C18.7246 19.4995 19.1779 19.4981 19.5195 19.4702C19.8436 19.4437 19.9334 19.4007 19.9541 19.3901C20.142 19.2943 20.2948 19.1415 20.3906 18.9536C20.4014 18.9325 20.4443 18.842 20.4707 18.519C20.4986 18.1775 20.5 17.7239 20.5 16.9995C20.5 16.2751 20.4986 15.8215 20.4707 15.48C20.4442 15.1561 20.4012 15.0661 20.3906 15.0454C20.2948 14.8575 20.142 14.7047 19.9541 14.6089C19.9332 14.5982 19.8431 14.5552 19.5195 14.5288C19.1779 14.5009 18.7246 14.4995 18 14.4995H6ZM6 15.9995C6.55219 15.9995 6.99985 16.4474 7 16.9995C7 17.5518 6.55228 17.9995 6 17.9995C5.44772 17.9995 5 17.5518 5 16.9995C5.00015 16.4474 5.44781 15.9995 6 15.9995ZM9 15.9995C9.55219 15.9995 9.99985 16.4474 10 16.9995C10 17.5518 9.55228 17.9995 9 17.9995C8.44772 17.9995 8 17.5518 8 16.9995C8.00015 16.4474 8.44781 15.9995 9 15.9995ZM12 15.9995C12.5521 15.9996 12.9999 16.4474 13 16.9995C13 17.5517 12.5522 17.9994 12 17.9995C11.4477 17.9995 11 17.5518 11 16.9995C11.0001 16.4474 11.4478 15.9995 12 15.9995ZM3.54883 2.20166C3.80866 1.8797 4.28729 1.88104 4.58008 2.17334C4.87288 2.46588 4.86834 2.93837 4.61816 3.26807C3.91679 4.19138 3.50014 5.34345 3.5 6.59229C3.5 7.84108 3.91681 8.99238 4.61816 9.91553C4.86894 10.2456 4.87408 10.7191 4.58105 11.0122C4.28792 11.3053 3.8081 11.3075 3.54785 10.9849C2.57925 9.78383 2 8.25534 2 6.59229C2.00015 4.92959 2.58029 3.4024 3.54883 2.20166ZM5.69336 4.34131C5.9267 3.99925 6.40826 4.00179 6.70117 4.29443C6.99395 4.58722 6.98136 5.06008 6.78809 5.42627C6.60433 5.77445 6.50011 6.17132 6.5 6.59229C6.5 7.01362 6.60394 7.41105 6.78809 7.75928C6.98166 8.12534 6.99489 8.59729 6.70215 8.89014C6.40939 9.1829 5.92793 9.18595 5.69434 8.84424C5.25659 8.20292 5 7.42736 5 6.59229C5.00013 5.75765 5.25608 4.98261 5.69336 4.34131Z", fill: "currentColor" })
|
|
4203
4214
|
}
|
|
4204
4215
|
)
|
|
4205
4216
|
);
|
|
@@ -4299,7 +4310,7 @@ var SettingsFilled = React161.forwardRef(
|
|
|
4299
4310
|
fill: "none",
|
|
4300
4311
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4301
4312
|
...props,
|
|
4302
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("path", { d: "M14.
|
|
4313
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("path", { d: "M14.0002 1.99976C14.5522 2.00002 15.0001 2.44773 15.0002 2.99976C15.0002 4.69005 16.8302 5.74677 18.2942 4.9021C18.7724 4.62602 19.3842 4.79028 19.6604 5.26831L21.6604 8.73218C21.9361 9.2103 21.7721 9.82129 21.2942 10.0974C19.8303 10.9425 19.8308 13.0563 21.2942 13.9021C21.7725 14.1782 21.9365 14.79 21.6604 15.2683L19.6604 18.7322C19.3841 19.21 18.7723 19.3734 18.2942 19.0974C16.8304 18.2525 15.0003 19.3096 15.0002 20.9998C15.0002 21.5519 14.5523 21.9995 14.0002 21.9998H10.0002C9.44824 21.9994 9.00024 21.5518 9.00024 20.9998C9.00016 19.3089 7.1697 18.2519 5.70532 19.0974C5.22715 19.3732 4.61522 19.2102 4.33911 18.7322L2.34009 15.2683C2.06438 14.7903 2.22777 14.1784 2.70532 13.9021C4.16915 13.0565 4.17039 10.9425 2.7063 10.0974C2.22857 9.82124 2.06448 9.21022 2.34009 8.73218L4.34009 5.26831C4.61613 4.79018 5.22808 4.62636 5.7063 4.9021C7.17035 5.7472 9.00024 4.69021 9.00024 2.99976C9.00036 2.44777 9.44831 2.00008 10.0002 1.99976H14.0002ZM12.0002 7.99976C9.79133 7.99993 8.00036 9.79082 8.00024 11.9998C8.00024 14.2088 9.79125 15.9996 12.0002 15.9998C14.2093 15.9996 16.0002 14.2088 16.0002 11.9998C16.0001 9.79079 14.2092 7.99988 12.0002 7.99976Z", fill: "currentColor" })
|
|
4303
4314
|
}
|
|
4304
4315
|
)
|
|
4305
4316
|
);
|
|
@@ -4319,7 +4330,7 @@ var SettingsOutline = React162.forwardRef(
|
|
|
4319
4330
|
fill: "none",
|
|
4320
4331
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4321
4332
|
...props,
|
|
4322
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("path", { d: "M13.
|
|
4333
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("path", { d: "M13.9998 1.99976C14.5519 1.99984 14.9996 2.44763 14.9998 2.99976C14.9998 4.69039 16.8303 5.74684 18.2947 4.9021C18.7729 4.62621 19.3847 4.79025 19.6609 5.26831L21.6599 8.73218C21.9358 9.21023 21.7724 9.82114 21.2947 10.0974C19.8307 10.9425 19.831 13.0563 21.2947 13.9021C21.7728 14.1783 21.9369 14.7901 21.6609 15.2683L19.6609 18.7322C19.3846 19.2101 18.7728 19.3734 18.2947 19.0974C16.8305 18.2519 14.9998 19.309 14.9998 20.9998C14.9998 21.552 14.552 21.9997 13.9998 21.9998H10.0007C9.44863 21.9995 9.00073 21.5519 9.00073 20.9998C9.00065 19.3089 7.17016 18.2521 5.70581 19.0974C5.22766 19.3733 4.61576 19.2101 4.3396 18.7322L2.3396 15.2683C2.06371 14.7902 2.22798 14.1783 2.70581 13.9021C4.16944 13.0565 4.17075 10.9425 2.70679 10.0974C2.22887 9.82127 2.06483 9.21031 2.34058 8.73218L4.3396 5.26831C4.61569 4.7903 5.22764 4.62638 5.70581 4.9021C7.17022 5.74708 9.00073 4.69048 9.00073 2.99976C9.00085 2.44771 9.44871 1.99997 10.0007 1.99976H13.9998ZM10.4675 3.49976C10.1539 5.88484 7.62692 7.34332 5.40503 6.42261L3.87378 9.0769C5.7831 10.5414 5.7791 13.4594 3.87183 14.9226L5.40405 17.5769C7.6264 16.655 10.1539 18.1146 10.4675 20.4998H13.533C13.8466 18.1153 16.3732 16.6557 18.5955 17.5769L20.1287 14.9216C18.2217 13.458 18.2188 10.5411 20.1267 9.0769L18.5945 6.42261C16.3729 7.34223 13.8464 5.88443 13.533 3.49976H10.4675ZM11.9998 7.99976C14.2088 7.99976 15.9996 9.79072 15.9998 11.9998C15.9998 14.2089 14.2089 15.9998 11.9998 15.9998C9.79082 15.9995 7.99976 14.2087 7.99976 11.9998C7.99987 9.79087 9.7909 8 11.9998 7.99976ZM11.9998 9.49976C10.6193 9.5 9.49987 10.6193 9.49976 11.9998C9.49976 13.3803 10.6193 14.4995 11.9998 14.4998C13.3805 14.4998 14.4998 13.3805 14.4998 11.9998C14.4996 10.6191 13.3804 9.49976 11.9998 9.49976Z", fill: "currentColor" })
|
|
4323
4334
|
}
|
|
4324
4335
|
)
|
|
4325
4336
|
);
|
|
@@ -4379,7 +4390,7 @@ var SideBarCollapseFilled = React165.forwardRef(
|
|
|
4379
4390
|
fill: "none",
|
|
4380
4391
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4381
4392
|
...props,
|
|
4382
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime164.jsx)("path", { d: "M17.3906 4.00684C18.6095 4.026 19.
|
|
4393
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime164.jsx)("path", { d: "M17.3906 4.00684C18.6095 4.026 19.3505 4.10268 19.9521 4.40918C20.6577 4.76871 21.2313 5.34231 21.5908 6.04785C21.9995 6.85 22 7.89995 22 10V14C22 16.1001 21.9995 17.15 21.5908 17.9521C21.2313 18.6577 20.6577 19.2313 19.9521 19.5908C19.3505 19.8973 18.6095 19.974 17.3906 19.9932L16 20H8C7.23641 20 6.61142 19.9992 6.08691 19.9795C6.01745 19.9769 5.94983 19.9721 5.88379 19.9688C5.78689 19.9638 5.69351 19.9599 5.60352 19.9531C5.53345 19.9479 5.4656 19.9401 5.39941 19.9336C5.3193 19.9257 5.24185 19.9181 5.16699 19.9082C5.05811 19.8938 4.95447 19.8778 4.85547 19.8584C4.82805 19.853 4.80115 19.8466 4.77441 19.8408C4.74877 19.8353 4.72328 19.8302 4.69824 19.8242C4.66513 19.8163 4.6327 19.8075 4.60059 19.7988C4.45905 19.7608 4.32659 19.7169 4.20117 19.6631L4.04688 19.5908C3.96783 19.5505 3.89105 19.5065 3.81543 19.4609C3.77096 19.4341 3.72779 19.4055 3.68457 19.377C3.65085 19.3547 3.61692 19.3329 3.58398 19.3096C3.54408 19.2813 3.50551 19.2514 3.4668 19.2217C3.42962 19.1931 3.39249 19.1646 3.35645 19.1348C3.32356 19.1075 3.29168 19.0792 3.25977 19.0508C3.22374 19.0188 3.18807 18.9865 3.15332 18.9531C3.12093 18.922 3.08886 18.8906 3.05762 18.8584C3.02345 18.8232 2.99077 18.7866 2.95801 18.75C2.92908 18.7177 2.89988 18.6857 2.87207 18.6523C2.84118 18.6154 2.8117 18.5773 2.78223 18.5391C2.75615 18.5053 2.72904 18.4722 2.7041 18.4375C2.67331 18.3946 2.64522 18.3499 2.61621 18.3057C2.54148 18.1917 2.4705 18.0744 2.4082 17.9521C2.1018 17.3506 2.02501 16.6094 2.00586 15.3906C1.99943 14.9844 2 14.525 2 14V10C2 9.48509 1.99982 9.0333 2.00586 8.63281C2.00699 8.55745 2.00914 8.48392 2.01074 8.41211C2.01322 8.30095 2.01568 8.19394 2.01953 8.09082C2.02217 8.01998 2.02687 7.95107 2.03027 7.88379C2.03518 7.78689 2.03917 7.69351 2.0459 7.60352C2.05113 7.53345 2.05894 7.4656 2.06543 7.39941C2.07344 7.31789 2.08165 7.23918 2.0918 7.16309C2.1054 7.06103 2.1197 6.96345 2.1377 6.87012C2.14701 6.82183 2.15735 6.77471 2.16797 6.72852C2.22591 6.47628 2.3033 6.25381 2.4082 6.04785C2.44562 5.97442 2.48636 5.90252 2.52832 5.83203C2.53175 5.82628 2.53463 5.82019 2.53809 5.81445C2.5667 5.76697 2.59732 5.72086 2.62793 5.6748C2.64829 5.64417 2.66921 5.61397 2.69043 5.58398C2.71857 5.54424 2.74772 5.50536 2.77734 5.4668C2.80588 5.42963 2.83438 5.39248 2.86426 5.35645C2.89153 5.32357 2.91988 5.29167 2.94824 5.25977C2.97993 5.22409 3.01191 5.18872 3.04492 5.1543C3.07617 5.12173 3.10822 5.09001 3.14062 5.05859C3.17551 5.02475 3.21088 4.99145 3.24707 4.95898C3.27988 4.92957 3.31284 4.90033 3.34668 4.87207C3.37851 4.84548 3.41161 4.82046 3.44434 4.79492C3.48605 4.76238 3.5272 4.72904 3.57031 4.69824L3.57422 4.69629L3.78906 4.55371C3.87285 4.50232 3.95882 4.45406 4.04688 4.40918C4.44804 4.20478 4.91161 4.10186 5.53711 4.05078C6.16232 3.99959 6.95006 4 8 4H16L17.3906 4.00684ZM10 18.5H16C17.0747 18.5 17.7908 18.499 18.3408 18.4541C18.8731 18.4106 19.1171 18.3335 19.2715 18.2549C19.6948 18.0392 20.0392 17.6948 20.2549 17.2715C20.3335 17.1171 20.4106 16.8732 20.4541 16.3408C20.499 15.7908 20.5 15.0748 20.5 14V10C20.5 8.92519 20.499 8.20924 20.4541 7.65918C20.4106 7.12678 20.3335 6.88291 20.2549 6.72852C20.0392 6.30522 19.6948 5.96084 19.2715 5.74512C19.1171 5.66648 18.8731 5.58941 18.3408 5.5459C17.7908 5.50096 17.0747 5.5 16 5.5H10V18.5ZM15.7979 8.6416C16.0907 8.34871 16.5655 8.34871 16.8584 8.6416C17.1513 8.93449 17.1513 9.40926 16.8584 9.70215L14.5605 12L16.8584 14.2979C17.1513 14.5907 17.1513 15.0655 16.8584 15.3584C16.5655 15.6513 16.0907 15.6513 15.7979 15.3584L13.3232 12.8838C12.8351 12.3956 12.8351 11.6044 13.3232 11.1162L15.7979 8.6416Z", fill: "currentColor" })
|
|
4383
4394
|
}
|
|
4384
4395
|
)
|
|
4385
4396
|
);
|
|
@@ -4419,7 +4430,7 @@ var SideBarExpandFilled = React167.forwardRef(
|
|
|
4419
4430
|
fill: "none",
|
|
4420
4431
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4421
4432
|
...props,
|
|
4422
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("path", { d: "M17.3906 4.00684C18.6095 4.026 19.
|
|
4433
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("path", { d: "M17.3906 4.00684C18.6095 4.026 19.3505 4.10268 19.9521 4.40918C20.6577 4.76871 21.2313 5.34231 21.5908 6.04785C21.9995 6.85 22 7.89995 22 10V14C22 16.1001 21.9995 17.15 21.5908 17.9521C21.2313 18.6577 20.6577 19.2313 19.9521 19.5908C19.3505 19.8973 18.6095 19.974 17.3906 19.9932L16 20H8C7.23641 20 6.61142 19.9992 6.08691 19.9795C6.01745 19.9769 5.94983 19.9721 5.88379 19.9688C5.78689 19.9638 5.69351 19.9599 5.60352 19.9531C5.53345 19.9479 5.4656 19.9401 5.39941 19.9336C5.3193 19.9257 5.24185 19.9181 5.16699 19.9082C5.05811 19.8938 4.95447 19.8778 4.85547 19.8584C4.82805 19.853 4.80115 19.8466 4.77441 19.8408C4.74877 19.8353 4.72328 19.8302 4.69824 19.8242C4.66513 19.8163 4.6327 19.8075 4.60059 19.7988C4.45905 19.7608 4.32659 19.7169 4.20117 19.6631L4.04688 19.5908C3.96783 19.5505 3.89105 19.5065 3.81543 19.4609C3.77096 19.4341 3.72779 19.4055 3.68457 19.377C3.65085 19.3547 3.61692 19.3329 3.58398 19.3096C3.54408 19.2813 3.50551 19.2514 3.4668 19.2217C3.42962 19.1931 3.39249 19.1646 3.35645 19.1348C3.32356 19.1075 3.29168 19.0792 3.25977 19.0508C3.22374 19.0188 3.18807 18.9865 3.15332 18.9531C3.12093 18.922 3.08886 18.8906 3.05762 18.8584C3.02345 18.8232 2.99077 18.7866 2.95801 18.75C2.92908 18.7177 2.89988 18.6857 2.87207 18.6523C2.84118 18.6154 2.8117 18.5773 2.78223 18.5391C2.75615 18.5053 2.72904 18.4722 2.7041 18.4375C2.67331 18.3946 2.64522 18.3499 2.61621 18.3057C2.54148 18.1917 2.4705 18.0744 2.4082 17.9521C2.1018 17.3506 2.02501 16.6094 2.00586 15.3906C1.99943 14.9844 2 14.525 2 14V10C2 9.48509 1.99982 9.0333 2.00586 8.63281C2.00699 8.55745 2.00914 8.48392 2.01074 8.41211C2.01322 8.30095 2.01568 8.19394 2.01953 8.09082C2.02217 8.01998 2.02687 7.95107 2.03027 7.88379C2.03518 7.78689 2.03917 7.69351 2.0459 7.60352C2.05113 7.53345 2.05894 7.4656 2.06543 7.39941C2.07344 7.31789 2.08165 7.23918 2.0918 7.16309C2.1054 7.06103 2.1197 6.96345 2.1377 6.87012C2.14701 6.82183 2.15735 6.77471 2.16797 6.72852C2.22591 6.47628 2.3033 6.25381 2.4082 6.04785C2.44562 5.97442 2.48636 5.90252 2.52832 5.83203C2.53175 5.82628 2.53463 5.82019 2.53809 5.81445C2.5667 5.76697 2.59732 5.72086 2.62793 5.6748C2.64829 5.64417 2.66921 5.61397 2.69043 5.58398C2.71857 5.54424 2.74772 5.50536 2.77734 5.4668C2.80588 5.42963 2.83438 5.39248 2.86426 5.35645C2.89153 5.32357 2.91988 5.29167 2.94824 5.25977C2.97993 5.22409 3.01191 5.18872 3.04492 5.1543C3.07617 5.12173 3.10822 5.09001 3.14062 5.05859C3.17551 5.02475 3.21088 4.99145 3.24707 4.95898C3.27988 4.92957 3.31284 4.90033 3.34668 4.87207C3.37851 4.84548 3.41161 4.82046 3.44434 4.79492C3.48605 4.76238 3.5272 4.72904 3.57031 4.69824L3.57422 4.69629L3.78906 4.55371C3.87285 4.50232 3.95882 4.45406 4.04688 4.40918C4.44804 4.20478 4.91161 4.10186 5.53711 4.05078C6.16232 3.99959 6.95006 4 8 4H16L17.3906 4.00684ZM10 18.5H16C17.0747 18.5 17.7908 18.499 18.3408 18.4541C18.8731 18.4106 19.1171 18.3335 19.2715 18.2549C19.6948 18.0392 20.0392 17.6948 20.2549 17.2715C20.3335 17.1171 20.4106 16.8732 20.4541 16.3408C20.499 15.7908 20.5 15.0748 20.5 14V10C20.5 8.92519 20.499 8.20924 20.4541 7.65918C20.4106 7.12678 20.3335 6.88291 20.2549 6.72852C20.0392 6.30522 19.6948 5.96084 19.2715 5.74512C19.1171 5.66648 18.8731 5.58941 18.3408 5.5459C17.7908 5.50096 17.0747 5.5 16 5.5H10V18.5ZM13.7979 8.6416C14.0907 8.34871 14.5655 8.34872 14.8584 8.6416L17.334 11.1162C17.8218 11.6043 17.8218 12.3957 17.334 12.8838L14.8584 15.3584C14.5655 15.6513 14.0907 15.6513 13.7979 15.3584C13.5053 15.0655 13.5051 14.5906 13.7979 14.2979L16.0967 12L13.7979 9.70215C13.5051 9.40936 13.5053 8.93452 13.7979 8.6416Z", fill: "currentColor" })
|
|
4423
4434
|
}
|
|
4424
4435
|
)
|
|
4425
4436
|
);
|
|
@@ -4459,7 +4470,7 @@ var SparklesFilled = React169.forwardRef(
|
|
|
4459
4470
|
fill: "none",
|
|
4460
4471
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4461
4472
|
...props,
|
|
4462
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("path", { d: "M11.0696 3.3584C11.4025 2.51455 12.5968 2.51478 12.9299 3.3584L14.9524 8.48438C15.
|
|
4473
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("path", { d: "M11.0696 3.3584C11.4025 2.51455 12.5968 2.51478 12.9299 3.3584L14.9524 8.48438C15.0539 8.74188 15.2575 8.94612 15.5149 9.04785L20.6409 11.0693C21.485 11.4023 21.485 12.5968 20.6409 12.9297L15.5149 14.9521C15.2575 15.0539 15.054 15.2581 14.9524 15.5156L12.9299 20.6416C12.5968 21.4852 11.4026 21.4853 11.0696 20.6416L9.0481 15.5156C8.94643 15.258 8.74229 15.0538 8.48462 14.9521L3.35864 12.9297C2.51504 12.5965 2.51481 11.4023 3.35864 11.0693L8.48462 9.04785C8.74234 8.94621 8.94645 8.7421 9.0481 8.48438L11.0696 3.3584ZM4.76685 3.17969C4.9333 2.75769 5.53096 2.75779 5.69751 3.17969L6.06665 4.11621C6.11747 4.24492 6.22018 4.34663 6.34888 4.39746L7.2854 4.7666C7.70743 4.93305 7.70734 5.53073 7.2854 5.69727L6.34888 6.06641C6.22009 6.11725 6.11746 6.21983 6.06665 6.34863L5.69751 7.28516C5.53098 7.70711 4.93329 7.70719 4.76685 7.28516L4.39771 6.34863C4.34689 6.21991 4.24517 6.11723 4.11646 6.06641L3.17993 5.69727C2.75813 5.5307 2.75808 4.93312 3.17993 4.7666L4.11646 4.39746C4.24506 4.34664 4.34688 4.24482 4.39771 4.11621L4.76685 3.17969Z", fill: "currentColor" })
|
|
4463
4474
|
}
|
|
4464
4475
|
)
|
|
4465
4476
|
);
|
|
@@ -4642,7 +4653,7 @@ var SwapFilled = React178.forwardRef(
|
|
|
4642
4653
|
fill: "none",
|
|
4643
4654
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4644
4655
|
...props,
|
|
4645
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("path", { d: "M5.29822 11.6412C5.5911 11.3484 6.06591 11.3484 6.35876 11.6412C6.65157 11.934 6.
|
|
4656
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("path", { d: "M5.29822 11.6412C5.5911 11.3484 6.06591 11.3484 6.35876 11.6412C6.65157 11.934 6.65152 12.4088 6.35876 12.7017L4.81091 14.2496H14.0004C14.4142 14.2498 14.7501 14.5857 14.7504 14.9996C14.7503 15.4136 14.4144 15.7494 14.0004 15.7496H4.81091L6.35876 17.2984C6.65151 17.5913 6.65161 18.0661 6.35876 18.3589C6.06591 18.6517 5.59109 18.6517 5.29822 18.3589L2.82361 15.8843C2.33548 15.3962 2.33552 14.604 2.82361 14.1158L5.29822 11.6412ZM17.641 5.64117C17.9338 5.34835 18.4086 5.34851 18.7015 5.64117L21.1771 8.11578C21.6651 8.60396 21.6652 9.39622 21.1771 9.88434L18.7015 12.3589C18.4087 12.6515 17.9338 12.6517 17.641 12.3589C17.3482 12.0661 17.3484 11.5913 17.641 11.2984L19.1898 9.74957H10.0004C9.58621 9.74957 9.25045 9.41372 9.25037 8.99957C9.25061 8.58556 9.58631 8.24957 10.0004 8.24957H19.1898L17.641 6.70172C17.3484 6.40885 17.3483 5.93401 17.641 5.64117Z", fill: "currentColor" })
|
|
4646
4657
|
}
|
|
4647
4658
|
)
|
|
4648
4659
|
);
|
|
@@ -4842,7 +4853,7 @@ var UploadFilled = React188.forwardRef(
|
|
|
4842
4853
|
fill: "none",
|
|
4843
4854
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4844
4855
|
...props,
|
|
4845
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("path", { d: "M20.0015 13.
|
|
4856
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("path", { d: "M20.0015 13.2504C20.4155 13.2507 20.7515 13.5864 20.7515 14.0004V15.2006C20.7515 16.028 20.7524 16.6942 20.7085 17.2319C20.6638 17.7783 20.5685 18.2585 20.3423 18.7026C19.9828 19.408 19.409 19.9818 18.7036 20.3412C18.2595 20.5675 17.7793 20.6628 17.2329 20.7075C16.6952 20.7514 16.029 20.7504 15.2017 20.7504H8.80127C7.97396 20.7504 7.30776 20.7514 6.77002 20.7075C6.22366 20.6628 5.74335 20.5673 5.29932 20.3412C4.59392 19.9818 4.02019 19.4079 3.66064 18.7026C3.43441 18.2585 3.33911 17.7782 3.29443 17.2319C3.2505 16.6942 3.25049 16.028 3.25049 15.2006V14.0004C3.25049 13.5862 3.58725 13.2504 4.00146 13.2504C4.41545 13.2507 4.75146 13.5864 4.75146 14.0004V15.2006C4.75147 16.0527 4.75176 16.6473 4.78955 17.1098C4.82664 17.5633 4.896 17.8245 4.99658 18.0219C5.21232 18.445 5.55683 18.7897 5.97998 19.0053C6.17741 19.1058 6.43873 19.1753 6.89209 19.2123C7.35461 19.2501 7.94924 19.2504 8.80127 19.2504H15.2017C16.0537 19.2504 16.6483 19.2501 17.1108 19.2123C17.5644 19.1753 17.8255 19.1059 18.0229 19.0053C18.4461 18.7896 18.7907 18.4451 19.0063 18.0219C19.1069 17.8245 19.1763 17.5633 19.2134 17.1098C19.2512 16.6473 19.2515 16.0527 19.2515 15.2006V14.0004C19.2515 13.5862 19.5873 13.2504 20.0015 13.2504ZM11.1167 2.82367C11.6049 2.33551 12.3961 2.33551 12.8843 2.82367L15.3589 5.29828C15.6517 5.59118 15.6518 6.06595 15.3589 6.35883C15.066 6.65143 14.5911 6.65158 14.2983 6.35883L12.7505 4.81097V14.0004C12.7502 14.4144 12.4145 14.7504 12.0005 14.7504C11.5865 14.7504 11.2508 14.4144 11.2505 14.0004V4.81097L9.70264 6.35883C9.40983 6.65158 8.93499 6.65143 8.64209 6.35883C8.34921 6.06595 8.34924 5.59118 8.64209 5.29828L11.1167 2.82367Z", fill: "currentColor" })
|
|
4846
4857
|
}
|
|
4847
4858
|
)
|
|
4848
4859
|
);
|
|
@@ -4862,7 +4873,7 @@ var UploadOutline = React189.forwardRef(
|
|
|
4862
4873
|
fill: "none",
|
|
4863
4874
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4864
4875
|
...props,
|
|
4865
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("path", { d: "M19.9995 13.
|
|
4876
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("path", { d: "M19.9995 13.2504C20.4135 13.2506 20.7495 13.5863 20.7495 14.0004V15.2006C20.7495 16.0279 20.7505 16.6941 20.7065 17.2318C20.6619 17.7782 20.5666 18.2584 20.3403 18.7025C19.9808 19.408 19.4071 19.9817 18.7017 20.3412C18.2576 20.5674 17.7774 20.6627 17.231 20.7074C16.6932 20.7513 16.0271 20.7504 15.1997 20.7504H8.79932C7.972 20.7504 7.3058 20.7513 6.76807 20.7074C6.22169 20.6628 5.7414 20.5673 5.29736 20.3412C4.59194 19.9818 4.01823 19.4079 3.65869 18.7025C3.43244 18.2584 3.33716 17.7782 3.29248 17.2318C3.24855 16.6941 3.24951 16.0279 3.24951 15.2006V14.0004C3.24951 13.5862 3.5853 13.2504 3.99951 13.2504C4.4135 13.2506 4.74951 13.5863 4.74951 14.0004V15.2006C4.74951 16.0527 4.74981 16.6472 4.7876 17.1097C4.82469 17.5633 4.89404 17.8244 4.99463 18.0219C5.21036 18.445 5.55485 18.7896 5.97803 19.0052C6.17547 19.1057 6.43675 19.1752 6.89014 19.2123C7.35266 19.25 7.94729 19.2504 8.79932 19.2504H15.1997C16.0518 19.2504 16.6464 19.2501 17.1089 19.2123C17.5624 19.1752 17.8236 19.1058 18.021 19.0052C18.4442 18.7896 18.7887 18.4451 19.0044 18.0219C19.105 17.8244 19.1743 17.5633 19.2114 17.1097C19.2492 16.6472 19.2495 16.0527 19.2495 15.2006V14.0004C19.2495 13.5862 19.5853 13.2504 19.9995 13.2504ZM11.1147 2.82361C11.6029 2.33545 12.3942 2.33545 12.8823 2.82361L15.3569 5.29822C15.6498 5.59111 15.6498 6.06589 15.3569 6.35876C15.064 6.65142 14.5892 6.65154 14.2964 6.35876L12.7485 4.81091V14.0004C12.7483 14.4144 12.4126 14.7504 11.9985 14.7504C11.5845 14.7504 11.2488 14.4144 11.2485 14.0004V4.81091L9.70068 6.35876C9.40786 6.65154 8.93303 6.65142 8.64014 6.35876C8.34726 6.06589 8.34729 5.59111 8.64014 5.29822L11.1147 2.82361Z", fill: "currentColor" })
|
|
4866
4877
|
}
|
|
4867
4878
|
)
|
|
4868
4879
|
);
|
|
@@ -5134,11 +5145,16 @@ var Text_default = {};
|
|
|
5134
5145
|
|
|
5135
5146
|
// ../ultimate/src/components/text/Text.tsx
|
|
5136
5147
|
var import_jsx_runtime201 = require("react/jsx-runtime");
|
|
5137
|
-
var getVariantVars = (value) => {
|
|
5148
|
+
var getVariantVars = (value, weight) => {
|
|
5138
5149
|
if (!value) return {};
|
|
5139
5150
|
const vars = {};
|
|
5140
5151
|
const breakpoints = ["base", "sm", "md", "lg", "xl", "2xl"];
|
|
5141
|
-
const getWeightToken = (variant) =>
|
|
5152
|
+
const getWeightToken = (variant) => {
|
|
5153
|
+
if (weight === "regular") return `var(--${variant}-weight, var(--body-md-weight))`;
|
|
5154
|
+
if (weight === "medium") return `var(--${variant}-weight-emphasize, var(--label-md-weight-emphasize))`;
|
|
5155
|
+
if (weight === "bold") return "var(--display-lg-weight)";
|
|
5156
|
+
return variant.startsWith("title-") || variant.startsWith("label-") ? `var(--${variant}-weight-emphasize)` : `var(--${variant}-weight)`;
|
|
5157
|
+
};
|
|
5142
5158
|
if (typeof value === "object" && value !== null) {
|
|
5143
5159
|
breakpoints.forEach((bp) => {
|
|
5144
5160
|
const v = value[bp];
|
|
@@ -5208,7 +5224,7 @@ var Text = React202.forwardRef(
|
|
|
5208
5224
|
].filter(Boolean).join(" ");
|
|
5209
5225
|
const inlineStyles = {
|
|
5210
5226
|
...style,
|
|
5211
|
-
...getVariantVars(variant),
|
|
5227
|
+
...getVariantVars(variant, weight),
|
|
5212
5228
|
...getAlignVars(align),
|
|
5213
5229
|
...typeof truncate === "number" && {
|
|
5214
5230
|
"--line-clamp": truncate
|
|
@@ -5297,6 +5313,10 @@ function getElementRef(element) {
|
|
|
5297
5313
|
}
|
|
5298
5314
|
function mergeProps(slotProps, childProps) {
|
|
5299
5315
|
const mergedProps = { ...childProps, ...slotProps };
|
|
5316
|
+
if (childProps.disabled === true) mergedProps.disabled = true;
|
|
5317
|
+
if (childProps["aria-disabled"] === true || childProps["aria-disabled"] === "true") {
|
|
5318
|
+
mergedProps["aria-disabled"] = childProps["aria-disabled"];
|
|
5319
|
+
}
|
|
5300
5320
|
Object.keys(childProps).forEach((propName) => {
|
|
5301
5321
|
const childPropValue = childProps[propName];
|
|
5302
5322
|
const slotPropValue = slotProps[propName];
|
|
@@ -5304,7 +5324,7 @@ function mergeProps(slotProps, childProps) {
|
|
|
5304
5324
|
if (isEventHandler && typeof childPropValue === "function" && typeof slotPropValue === "function") {
|
|
5305
5325
|
mergedProps[propName] = (...args) => {
|
|
5306
5326
|
childPropValue(...args);
|
|
5307
|
-
slotPropValue(...args);
|
|
5327
|
+
if (!args[0]?.defaultPrevented) slotPropValue(...args);
|
|
5308
5328
|
};
|
|
5309
5329
|
} else if (propName === "className") {
|
|
5310
5330
|
mergedProps[propName] = [childPropValue, slotPropValue].filter(Boolean).join(" ");
|
|
@@ -5325,6 +5345,20 @@ var Slot = React204.forwardRef(
|
|
|
5325
5345
|
}
|
|
5326
5346
|
const childRef = getElementRef(child);
|
|
5327
5347
|
const props = mergeProps(slotProps, child.props);
|
|
5348
|
+
if (props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true") {
|
|
5349
|
+
const block = (event) => {
|
|
5350
|
+
event.preventDefault();
|
|
5351
|
+
event.stopPropagation();
|
|
5352
|
+
};
|
|
5353
|
+
const onKeyDown = props.onKeyDown;
|
|
5354
|
+
props.onClick = block;
|
|
5355
|
+
props.onAuxClick = block;
|
|
5356
|
+
props.onKeyDown = (event) => {
|
|
5357
|
+
if (event.key === "Enter" || event.key === " ") block(event);
|
|
5358
|
+
else onKeyDown?.(event);
|
|
5359
|
+
};
|
|
5360
|
+
props.tabIndex = -1;
|
|
5361
|
+
}
|
|
5328
5362
|
if (childRef || forwardedRef) {
|
|
5329
5363
|
props.ref = composeRefs(childRef, forwardedRef);
|
|
5330
5364
|
}
|
|
@@ -5419,7 +5453,7 @@ var Badge = React206.forwardRef(
|
|
|
5419
5453
|
...rest,
|
|
5420
5454
|
children: !isDot && /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)(import_jsx_runtime204.Fragment, { children: [
|
|
5421
5455
|
!isTextOnly && icon && /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("span", { className: Badge_default.badgeIcon, children: icon }),
|
|
5422
|
-
!isIconOnly && (label || count !== void 0 || children) && /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)("span", { className: Badge_default.badgeLabel, children: [
|
|
5456
|
+
(!isIconOnly || !icon) && (label || count !== void 0 || children) && /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)("span", { className: Badge_default.badgeLabel, children: [
|
|
5423
5457
|
count !== void 0 ? count : label,
|
|
5424
5458
|
children
|
|
5425
5459
|
] }),
|
|
@@ -5496,6 +5530,7 @@ var Button = React207.forwardRef(
|
|
|
5496
5530
|
{
|
|
5497
5531
|
className: buttonClasses,
|
|
5498
5532
|
ref,
|
|
5533
|
+
disabled: disabled || isLoading,
|
|
5499
5534
|
"aria-disabled": isLoading || disabled || void 0,
|
|
5500
5535
|
"data-loading": isLoading || void 0,
|
|
5501
5536
|
...rest,
|
|
@@ -5532,7 +5567,7 @@ var Button = React207.forwardRef(
|
|
|
5532
5567
|
{
|
|
5533
5568
|
className: buttonClasses,
|
|
5534
5569
|
ref,
|
|
5535
|
-
disabled,
|
|
5570
|
+
disabled: disabled || isLoading,
|
|
5536
5571
|
"aria-disabled": isLoading || disabled || void 0,
|
|
5537
5572
|
"data-loading": isLoading || void 0,
|
|
5538
5573
|
...rest,
|
|
@@ -5602,7 +5637,7 @@ var IconButton = React208.forwardRef(
|
|
|
5602
5637
|
{
|
|
5603
5638
|
className: buttonClasses,
|
|
5604
5639
|
ref,
|
|
5605
|
-
disabled,
|
|
5640
|
+
disabled: disabled || isLoading,
|
|
5606
5641
|
"aria-disabled": isLoading || disabled || void 0,
|
|
5607
5642
|
"data-loading": isLoading || void 0,
|
|
5608
5643
|
...rest,
|
|
@@ -5615,7 +5650,7 @@ var IconButton = React208.forwardRef(
|
|
|
5615
5650
|
{
|
|
5616
5651
|
className: buttonClasses,
|
|
5617
5652
|
ref,
|
|
5618
|
-
disabled,
|
|
5653
|
+
disabled: disabled || isLoading,
|
|
5619
5654
|
"aria-disabled": isLoading || disabled || void 0,
|
|
5620
5655
|
"data-loading": isLoading || void 0,
|
|
5621
5656
|
...rest,
|
|
@@ -5627,14 +5662,285 @@ var IconButton = React208.forwardRef(
|
|
|
5627
5662
|
IconButton.displayName = "IconButton";
|
|
5628
5663
|
|
|
5629
5664
|
// ../ultimate/src/components/checkbox/Checkbox.tsx
|
|
5665
|
+
var React214 = __toESM(require("react"));
|
|
5666
|
+
|
|
5667
|
+
// ../ultimate/src/internal/form/NativeSelectionInput.tsx
|
|
5630
5668
|
var React209 = __toESM(require("react"));
|
|
5631
5669
|
|
|
5670
|
+
// ../ultimate/src/hooks/useCallbackRef.ts
|
|
5671
|
+
var import_react2 = require("react");
|
|
5672
|
+
function useCallbackRef(callback) {
|
|
5673
|
+
const callbackRef = (0, import_react2.useRef)(callback);
|
|
5674
|
+
(0, import_react2.useEffect)(() => {
|
|
5675
|
+
callbackRef.current = callback;
|
|
5676
|
+
});
|
|
5677
|
+
return (0, import_react2.useMemo)(() => ((...args) => callbackRef.current?.(...args)), []);
|
|
5678
|
+
}
|
|
5679
|
+
|
|
5680
|
+
// ../ultimate/src/internal/form/NativeSelectionInput.tsx
|
|
5681
|
+
var import_jsx_runtime207 = require("react/jsx-runtime");
|
|
5682
|
+
var visuallyHiddenInputStyle = {
|
|
5683
|
+
position: "absolute",
|
|
5684
|
+
width: 1,
|
|
5685
|
+
height: 1,
|
|
5686
|
+
padding: 0,
|
|
5687
|
+
margin: -1,
|
|
5688
|
+
overflow: "hidden",
|
|
5689
|
+
clipPath: "inset(50%)",
|
|
5690
|
+
whiteSpace: "nowrap",
|
|
5691
|
+
border: 0
|
|
5692
|
+
};
|
|
5693
|
+
function NativeSelectionInput({
|
|
5694
|
+
checked,
|
|
5695
|
+
defaultChecked,
|
|
5696
|
+
controlled,
|
|
5697
|
+
onReset,
|
|
5698
|
+
controlRef,
|
|
5699
|
+
...props
|
|
5700
|
+
}) {
|
|
5701
|
+
const inputRef = React209.useRef(null);
|
|
5702
|
+
const reset = useCallbackRef((event) => {
|
|
5703
|
+
queueMicrotask(() => {
|
|
5704
|
+
if (event.defaultPrevented || !inputRef.current) return;
|
|
5705
|
+
const next = controlled ? checked : defaultChecked;
|
|
5706
|
+
inputRef.current.checked = next;
|
|
5707
|
+
if (!controlled) onReset(next);
|
|
5708
|
+
});
|
|
5709
|
+
});
|
|
5710
|
+
React209.useEffect(() => {
|
|
5711
|
+
const form = inputRef.current?.form;
|
|
5712
|
+
form?.addEventListener("reset", reset);
|
|
5713
|
+
return () => form?.removeEventListener("reset", reset);
|
|
5714
|
+
}, [props.form, reset]);
|
|
5715
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
5716
|
+
"input",
|
|
5717
|
+
{
|
|
5718
|
+
...props,
|
|
5719
|
+
ref: inputRef,
|
|
5720
|
+
checked,
|
|
5721
|
+
onChange: () => {
|
|
5722
|
+
},
|
|
5723
|
+
tabIndex: -1,
|
|
5724
|
+
"aria-hidden": "true",
|
|
5725
|
+
style: visuallyHiddenInputStyle,
|
|
5726
|
+
onInvalid: (event) => {
|
|
5727
|
+
event.preventDefault();
|
|
5728
|
+
controlRef.current?.focus();
|
|
5729
|
+
}
|
|
5730
|
+
}
|
|
5731
|
+
);
|
|
5732
|
+
}
|
|
5733
|
+
|
|
5734
|
+
// ../ultimate/src/components/checkbox-group/CheckboxGroup.tsx
|
|
5735
|
+
var React213 = __toESM(require("react"));
|
|
5736
|
+
|
|
5737
|
+
// ../ultimate/src/hooks/useControllableState.ts
|
|
5738
|
+
var React210 = __toESM(require("react"));
|
|
5739
|
+
function useControllableState({
|
|
5740
|
+
value: valueProp,
|
|
5741
|
+
defaultValue,
|
|
5742
|
+
onChange
|
|
5743
|
+
}) {
|
|
5744
|
+
const [uncontrolledValue, setUncontrolledValue] = React210.useState(() => typeof defaultValue === "function" ? defaultValue() : defaultValue);
|
|
5745
|
+
const isControlledRef = React210.useRef(valueProp !== void 0);
|
|
5746
|
+
const isControlled = isControlledRef.current;
|
|
5747
|
+
const value = isControlled ? valueProp : uncontrolledValue;
|
|
5748
|
+
const handleChange = useCallbackRef(onChange);
|
|
5749
|
+
const previousUncontrolledValueRef = React210.useRef(uncontrolledValue);
|
|
5750
|
+
React210.useEffect(() => {
|
|
5751
|
+
if (isControlled) return;
|
|
5752
|
+
if (previousUncontrolledValueRef.current === uncontrolledValue) return;
|
|
5753
|
+
previousUncontrolledValueRef.current = uncontrolledValue;
|
|
5754
|
+
handleChange(uncontrolledValue);
|
|
5755
|
+
}, [isControlled, uncontrolledValue, handleChange]);
|
|
5756
|
+
const setValue = React210.useCallback(
|
|
5757
|
+
(nextValue) => {
|
|
5758
|
+
if (isControlled) {
|
|
5759
|
+
const setter = nextValue;
|
|
5760
|
+
const valueToEmit = typeof nextValue === "function" ? setter(valueProp) : nextValue;
|
|
5761
|
+
handleChange(valueToEmit);
|
|
5762
|
+
} else {
|
|
5763
|
+
setUncontrolledValue((prev) => {
|
|
5764
|
+
const setter = nextValue;
|
|
5765
|
+
return typeof nextValue === "function" ? setter(prev) : nextValue;
|
|
5766
|
+
});
|
|
5767
|
+
}
|
|
5768
|
+
},
|
|
5769
|
+
[isControlled, valueProp, handleChange]
|
|
5770
|
+
);
|
|
5771
|
+
const reset = React210.useCallback(() => {
|
|
5772
|
+
if (isControlled) return;
|
|
5773
|
+
const next = typeof defaultValue === "function" ? defaultValue() : defaultValue;
|
|
5774
|
+
previousUncontrolledValueRef.current = next;
|
|
5775
|
+
setUncontrolledValue(next);
|
|
5776
|
+
}, [isControlled, defaultValue]);
|
|
5777
|
+
return [value, setValue, reset];
|
|
5778
|
+
}
|
|
5779
|
+
|
|
5780
|
+
// ../ultimate/src/internal/form/SelectionGroup.tsx
|
|
5781
|
+
var React212 = __toESM(require("react"));
|
|
5782
|
+
|
|
5783
|
+
// ../ultimate/src/components/fieldset/Fieldset.tsx
|
|
5784
|
+
var React211 = __toESM(require("react"));
|
|
5785
|
+
|
|
5786
|
+
// ../ultimate/src/utils/aria.utils.ts
|
|
5787
|
+
function mergeAriaIds(...values) {
|
|
5788
|
+
const ids = values.filter((value) => Boolean(value)).flatMap((value) => value.split(/\s+/));
|
|
5789
|
+
return [...new Set(ids)].join(" ") || void 0;
|
|
5790
|
+
}
|
|
5791
|
+
|
|
5792
|
+
// ../ultimate/src/components/fieldset/Fieldset.tsx
|
|
5793
|
+
var import_jsx_runtime208 = require("react/jsx-runtime");
|
|
5794
|
+
var Fieldset = React211.forwardRef(
|
|
5795
|
+
({ legend, description, error, children, className, ...props }, ref) => {
|
|
5796
|
+
const id = React211.useId();
|
|
5797
|
+
return /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(
|
|
5798
|
+
Box,
|
|
5799
|
+
{
|
|
5800
|
+
as: "fieldset",
|
|
5801
|
+
border: "none",
|
|
5802
|
+
p: "none",
|
|
5803
|
+
m: "none",
|
|
5804
|
+
minW: 0,
|
|
5805
|
+
...props,
|
|
5806
|
+
ref,
|
|
5807
|
+
className,
|
|
5808
|
+
"aria-describedby": mergeAriaIds(
|
|
5809
|
+
props["aria-describedby"],
|
|
5810
|
+
description ? `${id}-description` : void 0,
|
|
5811
|
+
error ? `${id}-error` : void 0
|
|
5812
|
+
),
|
|
5813
|
+
"aria-invalid": error ? true : props["aria-invalid"],
|
|
5814
|
+
children: [
|
|
5815
|
+
legend != null && /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Box, { as: "legend", p: "none", mb: "2xs", children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Text, { as: "span", variant: "title-md", children: legend }) }),
|
|
5816
|
+
/* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(VStack, { gap: "2xs", children: [
|
|
5817
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
|
|
5818
|
+
Text,
|
|
5819
|
+
{
|
|
5820
|
+
as: "div",
|
|
5821
|
+
variant: "body-md",
|
|
5822
|
+
color: "secondary",
|
|
5823
|
+
id: `${id}-description`,
|
|
5824
|
+
children: description
|
|
5825
|
+
}
|
|
5826
|
+
),
|
|
5827
|
+
children,
|
|
5828
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Text, { as: "div", variant: "body-md", color: "red", id: `${id}-error`, children: error })
|
|
5829
|
+
] })
|
|
5830
|
+
]
|
|
5831
|
+
}
|
|
5832
|
+
);
|
|
5833
|
+
}
|
|
5834
|
+
);
|
|
5835
|
+
Fieldset.displayName = "Fieldset";
|
|
5836
|
+
|
|
5837
|
+
// ../ultimate/src/internal/form/SelectionGroup.tsx
|
|
5838
|
+
var import_jsx_runtime209 = require("react/jsx-runtime");
|
|
5839
|
+
var SelectionGroupFrame = React212.forwardRef(({ label, description, error, orientation = "vertical", disabled, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Fieldset, { ref, legend: label, description, error, disabled, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
|
|
5840
|
+
Stack,
|
|
5841
|
+
{
|
|
5842
|
+
direction: orientation === "horizontal" ? "row" : "column",
|
|
5843
|
+
gap: "2xs",
|
|
5844
|
+
columnGap: orientation === "horizontal" ? "md" : void 0,
|
|
5845
|
+
wrap: true,
|
|
5846
|
+
children
|
|
5847
|
+
}
|
|
5848
|
+
) }));
|
|
5849
|
+
SelectionGroupFrame.displayName = "SelectionGroupFrame";
|
|
5850
|
+
function useGroupFormReset(rootRef, form, reset) {
|
|
5851
|
+
const onReset = useCallbackRef((event) => {
|
|
5852
|
+
queueMicrotask(() => {
|
|
5853
|
+
if (!event.defaultPrevented) reset();
|
|
5854
|
+
});
|
|
5855
|
+
});
|
|
5856
|
+
React212.useEffect(() => {
|
|
5857
|
+
const owner = form ? document.getElementById(form) : rootRef.current?.closest("form");
|
|
5858
|
+
owner?.addEventListener("reset", onReset);
|
|
5859
|
+
return () => owner?.removeEventListener("reset", onReset);
|
|
5860
|
+
}, [form, rootRef, onReset]);
|
|
5861
|
+
}
|
|
5862
|
+
function assignRef(ref, node) {
|
|
5863
|
+
if (typeof ref === "function") ref(node);
|
|
5864
|
+
else if (ref) ref.current = node;
|
|
5865
|
+
}
|
|
5866
|
+
|
|
5867
|
+
// ../ultimate/src/components/checkbox-group/CheckboxGroup.tsx
|
|
5868
|
+
var import_jsx_runtime210 = require("react/jsx-runtime");
|
|
5869
|
+
var CheckboxGroupContext = React213.createContext(null);
|
|
5870
|
+
var EMPTY = [];
|
|
5871
|
+
var CheckboxGroup = React213.forwardRef(({
|
|
5872
|
+
value,
|
|
5873
|
+
defaultValue = EMPTY,
|
|
5874
|
+
onChange,
|
|
5875
|
+
name,
|
|
5876
|
+
form,
|
|
5877
|
+
disabled,
|
|
5878
|
+
required,
|
|
5879
|
+
requiredMessage = "Select at least one option.",
|
|
5880
|
+
children,
|
|
5881
|
+
...props
|
|
5882
|
+
}, forwardedRef) => {
|
|
5883
|
+
const [selected = EMPTY, setSelected, reset] = useControllableState({ value, defaultValue, onChange });
|
|
5884
|
+
const rootRef = React213.useRef(null);
|
|
5885
|
+
const validationRef = React213.useRef(null);
|
|
5886
|
+
useGroupFormReset(rootRef, form, reset);
|
|
5887
|
+
const missing = Boolean(required) && selected.length === 0;
|
|
5888
|
+
React213.useLayoutEffect(() => {
|
|
5889
|
+
const input = validationRef.current;
|
|
5890
|
+
input.checked = !missing;
|
|
5891
|
+
input.setCustomValidity(missing ? requiredMessage : "");
|
|
5892
|
+
}, [missing, requiredMessage]);
|
|
5893
|
+
const context = React213.useMemo(() => ({
|
|
5894
|
+
value: selected,
|
|
5895
|
+
name,
|
|
5896
|
+
form,
|
|
5897
|
+
disabled,
|
|
5898
|
+
toggle: (option, checked) => setSelected(
|
|
5899
|
+
checked ? [...selected.filter((item) => item !== option), option] : selected.filter((item) => item !== option)
|
|
5900
|
+
)
|
|
5901
|
+
}), [selected, name, form, disabled, setSelected]);
|
|
5902
|
+
return /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(CheckboxGroupContext.Provider, { value: context, children: [
|
|
5903
|
+
/* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
5904
|
+
SelectionGroupFrame,
|
|
5905
|
+
{
|
|
5906
|
+
...props,
|
|
5907
|
+
ref: (node) => {
|
|
5908
|
+
rootRef.current = node;
|
|
5909
|
+
assignRef(forwardedRef, node);
|
|
5910
|
+
},
|
|
5911
|
+
disabled,
|
|
5912
|
+
"aria-required": required || void 0,
|
|
5913
|
+
children
|
|
5914
|
+
}
|
|
5915
|
+
),
|
|
5916
|
+
/* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
5917
|
+
"input",
|
|
5918
|
+
{
|
|
5919
|
+
ref: validationRef,
|
|
5920
|
+
type: "checkbox",
|
|
5921
|
+
form,
|
|
5922
|
+
required,
|
|
5923
|
+
defaultChecked: !missing,
|
|
5924
|
+
disabled,
|
|
5925
|
+
tabIndex: -1,
|
|
5926
|
+
"aria-hidden": "true",
|
|
5927
|
+
style: visuallyHiddenInputStyle,
|
|
5928
|
+
onInvalid: (event) => {
|
|
5929
|
+
event.preventDefault();
|
|
5930
|
+
rootRef.current?.querySelector('[role="checkbox"]:not(:disabled)')?.focus();
|
|
5931
|
+
}
|
|
5932
|
+
}
|
|
5933
|
+
)
|
|
5934
|
+
] });
|
|
5935
|
+
});
|
|
5936
|
+
CheckboxGroup.displayName = "CheckboxGroup";
|
|
5937
|
+
|
|
5632
5938
|
// ../ultimate/src/components/checkbox/Checkbox.module.css
|
|
5633
5939
|
var Checkbox_default = {};
|
|
5634
5940
|
|
|
5635
5941
|
// ../ultimate/src/components/checkbox/Checkbox.tsx
|
|
5636
|
-
var
|
|
5637
|
-
var Checkbox =
|
|
5942
|
+
var import_jsx_runtime211 = require("react/jsx-runtime");
|
|
5943
|
+
var Checkbox = React214.forwardRef(
|
|
5638
5944
|
({
|
|
5639
5945
|
className,
|
|
5640
5946
|
style,
|
|
@@ -5646,18 +5952,33 @@ var Checkbox = React209.forwardRef(
|
|
|
5646
5952
|
disabled,
|
|
5647
5953
|
onChange,
|
|
5648
5954
|
onClick,
|
|
5955
|
+
name,
|
|
5956
|
+
value,
|
|
5957
|
+
form,
|
|
5958
|
+
required,
|
|
5649
5959
|
...rest
|
|
5650
5960
|
}, ref) => {
|
|
5961
|
+
const group = React214.useContext(CheckboxGroupContext);
|
|
5962
|
+
const inGroup = Boolean(group) && value !== void 0;
|
|
5963
|
+
const optionValue = String(value);
|
|
5964
|
+
if (inGroup) {
|
|
5965
|
+
controlledChecked = group.value.includes(optionValue);
|
|
5966
|
+
name = group.name ?? name;
|
|
5967
|
+
form = group.form ?? form;
|
|
5968
|
+
disabled = disabled || group.disabled;
|
|
5969
|
+
}
|
|
5651
5970
|
const isControlled = controlledChecked !== void 0;
|
|
5652
|
-
const [internalChecked, setInternalChecked] =
|
|
5653
|
-
const [rippleActive, setRippleActive] =
|
|
5654
|
-
const rippleTimeoutRef =
|
|
5655
|
-
const checked = isControlled ? controlledChecked : internalChecked;
|
|
5971
|
+
const [internalChecked, setInternalChecked] = React214.useState(defaultChecked);
|
|
5972
|
+
const [rippleActive, setRippleActive] = React214.useState(false);
|
|
5973
|
+
const rippleTimeoutRef = React214.useRef(null);
|
|
5974
|
+
const checked = isControlled ? Boolean(controlledChecked) : internalChecked;
|
|
5975
|
+
const controlRef = React214.useRef(null);
|
|
5656
5976
|
const isIndeterminate = indeterminate;
|
|
5657
5977
|
const isChecked = !indeterminate && checked;
|
|
5658
5978
|
const isUnchecked = !indeterminate && !checked;
|
|
5659
5979
|
const iconSize = size === "small" ? 20 : 24;
|
|
5660
5980
|
const handleClick = (e) => {
|
|
5981
|
+
e.preventDefault();
|
|
5661
5982
|
if (disabled) return;
|
|
5662
5983
|
if (rippleTimeoutRef.current) {
|
|
5663
5984
|
clearTimeout(rippleTimeoutRef.current);
|
|
@@ -5670,6 +5991,7 @@ var Checkbox = React209.forwardRef(
|
|
|
5670
5991
|
if (!isControlled) {
|
|
5671
5992
|
setInternalChecked(nextChecked);
|
|
5672
5993
|
}
|
|
5994
|
+
if (inGroup) group.toggle(optionValue, nextChecked);
|
|
5673
5995
|
if (onChange) {
|
|
5674
5996
|
onChange(nextChecked);
|
|
5675
5997
|
}
|
|
@@ -5677,7 +5999,7 @@ var Checkbox = React209.forwardRef(
|
|
|
5677
5999
|
onClick(e);
|
|
5678
6000
|
}
|
|
5679
6001
|
};
|
|
5680
|
-
|
|
6002
|
+
React214.useEffect(() => {
|
|
5681
6003
|
return () => {
|
|
5682
6004
|
if (rippleTimeoutRef.current) {
|
|
5683
6005
|
clearTimeout(rippleTimeoutRef.current);
|
|
@@ -5697,11 +6019,18 @@ var Checkbox = React209.forwardRef(
|
|
|
5697
6019
|
disabled && Checkbox_default.disabled,
|
|
5698
6020
|
label && className
|
|
5699
6021
|
].filter(Boolean).join(" ");
|
|
5700
|
-
const checkboxContent = /* @__PURE__ */ (0,
|
|
6022
|
+
const checkboxContent = /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
|
|
5701
6023
|
"button",
|
|
5702
6024
|
{
|
|
5703
|
-
ref
|
|
6025
|
+
ref: (node) => {
|
|
6026
|
+
controlRef.current = node;
|
|
6027
|
+
if (typeof ref === "function") ref(node);
|
|
6028
|
+
else if (ref) ref.current = node;
|
|
6029
|
+
},
|
|
5704
6030
|
type: "button",
|
|
6031
|
+
form,
|
|
6032
|
+
value,
|
|
6033
|
+
"aria-required": required || void 0,
|
|
5705
6034
|
role: "checkbox",
|
|
5706
6035
|
"aria-checked": indeterminate ? "mixed" : checked,
|
|
5707
6036
|
className: checkboxClasses,
|
|
@@ -5709,35 +6038,137 @@ var Checkbox = React209.forwardRef(
|
|
|
5709
6038
|
onClick: handleClick,
|
|
5710
6039
|
style: !label ? style : void 0,
|
|
5711
6040
|
...rest,
|
|
5712
|
-
children: /* @__PURE__ */ (0,
|
|
5713
|
-
/* @__PURE__ */ (0,
|
|
5714
|
-
(isChecked || isIndeterminate) && /* @__PURE__ */ (0,
|
|
5715
|
-
isChecked && /* @__PURE__ */ (0,
|
|
5716
|
-
isIndeterminate && /* @__PURE__ */ (0,
|
|
6041
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("span", { className: Checkbox_default.checkboxIcon, children: [
|
|
6042
|
+
/* @__PURE__ */ (0, import_jsx_runtime211.jsx)("span", { className: Checkbox_default.checkboxBase, children: isUnchecked ? /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(RectangleOutline, { size: iconSize }) : /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(RectangleFilled, { size: iconSize }) }),
|
|
6043
|
+
(isChecked || isIndeterminate) && /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("span", { className: Checkbox_default.checkboxOverlay, children: [
|
|
6044
|
+
isChecked && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(CheckSmallOutline, { size: iconSize }),
|
|
6045
|
+
isIndeterminate && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(IndeterminateSmallOutline, { size: iconSize })
|
|
5717
6046
|
] })
|
|
5718
6047
|
] })
|
|
5719
6048
|
}
|
|
5720
6049
|
);
|
|
6050
|
+
const formInput = /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
|
|
6051
|
+
NativeSelectionInput,
|
|
6052
|
+
{
|
|
6053
|
+
type: "checkbox",
|
|
6054
|
+
name,
|
|
6055
|
+
value,
|
|
6056
|
+
form,
|
|
6057
|
+
required,
|
|
6058
|
+
disabled,
|
|
6059
|
+
checked,
|
|
6060
|
+
defaultChecked,
|
|
6061
|
+
controlled: isControlled,
|
|
6062
|
+
controlRef,
|
|
6063
|
+
onReset: setInternalChecked
|
|
6064
|
+
}
|
|
6065
|
+
);
|
|
5721
6066
|
if (label) {
|
|
5722
|
-
return /* @__PURE__ */ (0,
|
|
5723
|
-
|
|
5724
|
-
/* @__PURE__ */ (0,
|
|
6067
|
+
return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(import_jsx_runtime211.Fragment, { children: [
|
|
6068
|
+
formInput,
|
|
6069
|
+
/* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("label", { className: containerClasses, style, children: [
|
|
6070
|
+
checkboxContent,
|
|
6071
|
+
/* @__PURE__ */ (0, import_jsx_runtime211.jsx)("span", { className: Checkbox_default.checkboxLabel, children: label })
|
|
6072
|
+
] })
|
|
5725
6073
|
] });
|
|
5726
6074
|
}
|
|
5727
|
-
return
|
|
6075
|
+
return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(import_jsx_runtime211.Fragment, { children: [
|
|
6076
|
+
formInput,
|
|
6077
|
+
checkboxContent
|
|
6078
|
+
] });
|
|
5728
6079
|
}
|
|
5729
6080
|
);
|
|
5730
6081
|
Checkbox.displayName = "Checkbox";
|
|
5731
6082
|
|
|
5732
6083
|
// ../ultimate/src/components/radio/Radio.tsx
|
|
5733
|
-
var
|
|
6084
|
+
var React216 = __toESM(require("react"));
|
|
6085
|
+
|
|
6086
|
+
// ../ultimate/src/components/radio/RadioGroup.tsx
|
|
6087
|
+
var React215 = __toESM(require("react"));
|
|
6088
|
+
var import_jsx_runtime212 = require("react/jsx-runtime");
|
|
6089
|
+
var RadioGroupContext = React215.createContext(null);
|
|
6090
|
+
var NAVIGATION_KEYS = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"];
|
|
6091
|
+
var RadioGroup = React215.forwardRef(
|
|
6092
|
+
({
|
|
6093
|
+
value,
|
|
6094
|
+
defaultValue,
|
|
6095
|
+
onChange,
|
|
6096
|
+
name,
|
|
6097
|
+
form,
|
|
6098
|
+
disabled,
|
|
6099
|
+
required,
|
|
6100
|
+
onKeyDown,
|
|
6101
|
+
children,
|
|
6102
|
+
...props
|
|
6103
|
+
}, forwardedRef) => {
|
|
6104
|
+
const generatedName = React215.useId();
|
|
6105
|
+
const [currentValue, setValue, reset] = useControllableState({
|
|
6106
|
+
value,
|
|
6107
|
+
defaultValue,
|
|
6108
|
+
onChange
|
|
6109
|
+
});
|
|
6110
|
+
const rootRef = React215.useRef(null);
|
|
6111
|
+
useGroupFormReset(rootRef, form, reset);
|
|
6112
|
+
const ownRadios = (root) => Array.from(root.querySelectorAll('[role="radio"]:not(:disabled)')).filter(
|
|
6113
|
+
(item) => item.closest('[role="radiogroup"]') === root
|
|
6114
|
+
);
|
|
6115
|
+
React215.useLayoutEffect(() => {
|
|
6116
|
+
if (!rootRef.current) return;
|
|
6117
|
+
const items = ownRadios(rootRef.current);
|
|
6118
|
+
const selected = items.find((item) => item.getAttribute("aria-checked") === "true") ?? items[0];
|
|
6119
|
+
items.forEach((item) => {
|
|
6120
|
+
item.tabIndex = item === selected ? 0 : -1;
|
|
6121
|
+
});
|
|
6122
|
+
}, [currentValue, children, disabled]);
|
|
6123
|
+
const context = React215.useMemo(
|
|
6124
|
+
() => ({
|
|
6125
|
+
value: currentValue,
|
|
6126
|
+
name: name ?? generatedName,
|
|
6127
|
+
form,
|
|
6128
|
+
disabled,
|
|
6129
|
+
required,
|
|
6130
|
+
onChange: (next) => setValue(next)
|
|
6131
|
+
}),
|
|
6132
|
+
[currentValue, name, generatedName, form, disabled, required, setValue]
|
|
6133
|
+
);
|
|
6134
|
+
return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(RadioGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
|
|
6135
|
+
SelectionGroupFrame,
|
|
6136
|
+
{
|
|
6137
|
+
...props,
|
|
6138
|
+
ref: (node) => {
|
|
6139
|
+
rootRef.current = node;
|
|
6140
|
+
assignRef(forwardedRef, node);
|
|
6141
|
+
},
|
|
6142
|
+
disabled,
|
|
6143
|
+
role: "radiogroup",
|
|
6144
|
+
"aria-required": required || void 0,
|
|
6145
|
+
onKeyDown: (event) => {
|
|
6146
|
+
onKeyDown?.(event);
|
|
6147
|
+
if (event.defaultPrevented || event.nativeEvent.isComposing || disabled || !NAVIGATION_KEYS.includes(event.key))
|
|
6148
|
+
return;
|
|
6149
|
+
const items = ownRadios(event.currentTarget);
|
|
6150
|
+
const index = items.indexOf(event.target);
|
|
6151
|
+
if (index < 0) return;
|
|
6152
|
+
event.preventDefault();
|
|
6153
|
+
const rtl = getComputedStyle(event.currentTarget).direction === "rtl";
|
|
6154
|
+
const previous = event.key === "ArrowUp" || event.key === (rtl ? "ArrowRight" : "ArrowLeft");
|
|
6155
|
+
const next = event.key === "Home" ? 0 : event.key === "End" ? items.length - 1 : (index + (previous ? -1 : 1) + items.length) % items.length;
|
|
6156
|
+
items[next]?.focus();
|
|
6157
|
+
items[next]?.click();
|
|
6158
|
+
},
|
|
6159
|
+
children
|
|
6160
|
+
}
|
|
6161
|
+
) });
|
|
6162
|
+
}
|
|
6163
|
+
);
|
|
6164
|
+
RadioGroup.displayName = "RadioGroup";
|
|
5734
6165
|
|
|
5735
6166
|
// ../ultimate/src/components/radio/Radio.module.css
|
|
5736
6167
|
var Radio_default = {};
|
|
5737
6168
|
|
|
5738
6169
|
// ../ultimate/src/components/radio/Radio.tsx
|
|
5739
|
-
var
|
|
5740
|
-
var Radio =
|
|
6170
|
+
var import_jsx_runtime213 = require("react/jsx-runtime");
|
|
6171
|
+
var Radio = React216.forwardRef(
|
|
5741
6172
|
({
|
|
5742
6173
|
className,
|
|
5743
6174
|
style,
|
|
@@ -5748,16 +6179,35 @@ var Radio = React210.forwardRef(
|
|
|
5748
6179
|
disabled,
|
|
5749
6180
|
onChange,
|
|
5750
6181
|
onClick,
|
|
6182
|
+
name,
|
|
6183
|
+
value,
|
|
6184
|
+
form,
|
|
6185
|
+
required,
|
|
5751
6186
|
...rest
|
|
5752
6187
|
}, ref) => {
|
|
5753
|
-
const
|
|
5754
|
-
const
|
|
5755
|
-
const
|
|
5756
|
-
const
|
|
5757
|
-
|
|
6188
|
+
const group = React216.useContext(RadioGroupContext);
|
|
6189
|
+
const optionValue = value === void 0 ? "on" : String(value);
|
|
6190
|
+
const effectiveChecked = group ? group.value === optionValue : controlledChecked;
|
|
6191
|
+
const isControlled = effectiveChecked !== void 0 || Boolean(group);
|
|
6192
|
+
disabled = disabled || group?.disabled;
|
|
6193
|
+
name = group?.name ?? name;
|
|
6194
|
+
form = group?.form ?? form;
|
|
6195
|
+
required = required || group?.required;
|
|
6196
|
+
const [internalChecked, setInternalChecked] = React216.useState(defaultChecked);
|
|
6197
|
+
const [pressed, setPressed] = React216.useState(false);
|
|
6198
|
+
const timeoutRef = React216.useRef(null);
|
|
6199
|
+
const checked = isControlled ? Boolean(effectiveChecked) : internalChecked;
|
|
6200
|
+
const controlRef = React216.useRef(null);
|
|
5758
6201
|
const iconSize = size === "small" ? 20 : 24;
|
|
5759
6202
|
const handleClick = (e) => {
|
|
6203
|
+
e.preventDefault();
|
|
5760
6204
|
if (disabled) return;
|
|
6205
|
+
if (name && !checked) {
|
|
6206
|
+
controlRef.current?.dispatchEvent(new CustomEvent("photonix-radio-select", {
|
|
6207
|
+
bubbles: true,
|
|
6208
|
+
detail: { name, form: controlRef.current.form }
|
|
6209
|
+
}));
|
|
6210
|
+
}
|
|
5761
6211
|
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
5762
6212
|
setPressed(true);
|
|
5763
6213
|
timeoutRef.current = setTimeout(() => setPressed(false), 350);
|
|
@@ -5765,6 +6215,7 @@ var Radio = React210.forwardRef(
|
|
|
5765
6215
|
if (!isControlled) {
|
|
5766
6216
|
setInternalChecked(true);
|
|
5767
6217
|
}
|
|
6218
|
+
group?.onChange(optionValue);
|
|
5768
6219
|
if (onChange) {
|
|
5769
6220
|
onChange(true);
|
|
5770
6221
|
}
|
|
@@ -5773,11 +6224,22 @@ var Radio = React210.forwardRef(
|
|
|
5773
6224
|
onClick(e);
|
|
5774
6225
|
}
|
|
5775
6226
|
};
|
|
5776
|
-
|
|
6227
|
+
React216.useEffect(() => {
|
|
5777
6228
|
return () => {
|
|
5778
6229
|
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
5779
6230
|
};
|
|
5780
6231
|
}, []);
|
|
6232
|
+
React216.useEffect(() => {
|
|
6233
|
+
if (isControlled || !name) return;
|
|
6234
|
+
const clearSibling = (event) => {
|
|
6235
|
+
const selection = event;
|
|
6236
|
+
if (selection.target !== controlRef.current && selection.detail.name === name && selection.detail.form === controlRef.current?.form) {
|
|
6237
|
+
setInternalChecked(false);
|
|
6238
|
+
}
|
|
6239
|
+
};
|
|
6240
|
+
document.addEventListener("photonix-radio-select", clearSibling);
|
|
6241
|
+
return () => document.removeEventListener("photonix-radio-select", clearSibling);
|
|
6242
|
+
}, [isControlled, name]);
|
|
5781
6243
|
const radioClasses = [
|
|
5782
6244
|
"phx-radio",
|
|
5783
6245
|
Radio_default.radioRoot,
|
|
@@ -5791,41 +6253,71 @@ var Radio = React210.forwardRef(
|
|
|
5791
6253
|
disabled && Radio_default.disabled,
|
|
5792
6254
|
label && className
|
|
5793
6255
|
].filter(Boolean).join(" ");
|
|
5794
|
-
const radioContent = /* @__PURE__ */ (0,
|
|
6256
|
+
const radioContent = /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
|
|
5795
6257
|
"button",
|
|
5796
6258
|
{
|
|
5797
|
-
ref
|
|
6259
|
+
ref: (node) => {
|
|
6260
|
+
controlRef.current = node;
|
|
6261
|
+
if (typeof ref === "function") ref(node);
|
|
6262
|
+
else if (ref) ref.current = node;
|
|
6263
|
+
},
|
|
5798
6264
|
type: "button",
|
|
6265
|
+
form,
|
|
6266
|
+
value,
|
|
6267
|
+
"aria-required": required || void 0,
|
|
5799
6268
|
role: "radio",
|
|
5800
6269
|
"aria-checked": checked,
|
|
5801
6270
|
className: radioClasses,
|
|
5802
6271
|
disabled,
|
|
5803
6272
|
onClick: handleClick,
|
|
5804
6273
|
style: !label ? style : void 0,
|
|
6274
|
+
tabIndex: group ? checked || group.value === void 0 ? 0 : -1 : void 0,
|
|
5805
6275
|
...rest,
|
|
5806
|
-
children: /* @__PURE__ */ (0,
|
|
6276
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("span", { className: Radio_default.radioIcon, children: checked ? /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(RadioOutline, { size: iconSize }) : /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(CircleOutline, { size: iconSize }) })
|
|
6277
|
+
}
|
|
6278
|
+
);
|
|
6279
|
+
const formInput = /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
|
|
6280
|
+
NativeSelectionInput,
|
|
6281
|
+
{
|
|
6282
|
+
type: "radio",
|
|
6283
|
+
name,
|
|
6284
|
+
value,
|
|
6285
|
+
form,
|
|
6286
|
+
required,
|
|
6287
|
+
disabled,
|
|
6288
|
+
checked,
|
|
6289
|
+
defaultChecked,
|
|
6290
|
+
controlled: isControlled,
|
|
6291
|
+
controlRef,
|
|
6292
|
+
onReset: setInternalChecked
|
|
5807
6293
|
}
|
|
5808
6294
|
);
|
|
5809
6295
|
if (label) {
|
|
5810
|
-
return /* @__PURE__ */ (0,
|
|
5811
|
-
|
|
5812
|
-
/* @__PURE__ */ (0,
|
|
6296
|
+
return /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(import_jsx_runtime213.Fragment, { children: [
|
|
6297
|
+
formInput,
|
|
6298
|
+
/* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("label", { className: containerClasses, style, children: [
|
|
6299
|
+
radioContent,
|
|
6300
|
+
/* @__PURE__ */ (0, import_jsx_runtime213.jsx)("span", { className: Radio_default.radioLabel, children: label })
|
|
6301
|
+
] })
|
|
5813
6302
|
] });
|
|
5814
6303
|
}
|
|
5815
|
-
return
|
|
6304
|
+
return /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(import_jsx_runtime213.Fragment, { children: [
|
|
6305
|
+
formInput,
|
|
6306
|
+
radioContent
|
|
6307
|
+
] });
|
|
5816
6308
|
}
|
|
5817
6309
|
);
|
|
5818
6310
|
Radio.displayName = "Radio";
|
|
5819
6311
|
|
|
5820
6312
|
// ../ultimate/src/components/switch/Switch.tsx
|
|
5821
|
-
var
|
|
6313
|
+
var React217 = __toESM(require("react"));
|
|
5822
6314
|
|
|
5823
6315
|
// ../ultimate/src/components/switch/Switch.module.css
|
|
5824
6316
|
var Switch_default = {};
|
|
5825
6317
|
|
|
5826
6318
|
// ../ultimate/src/components/switch/Switch.tsx
|
|
5827
|
-
var
|
|
5828
|
-
var Switch =
|
|
6319
|
+
var import_jsx_runtime214 = require("react/jsx-runtime");
|
|
6320
|
+
var Switch = React217.forwardRef(
|
|
5829
6321
|
({
|
|
5830
6322
|
className,
|
|
5831
6323
|
checked: controlledChecked,
|
|
@@ -5835,14 +6327,19 @@ var Switch = React211.forwardRef(
|
|
|
5835
6327
|
disabled,
|
|
5836
6328
|
onChange,
|
|
5837
6329
|
onClick,
|
|
6330
|
+
name,
|
|
6331
|
+
value,
|
|
6332
|
+
form,
|
|
6333
|
+
required,
|
|
5838
6334
|
...rest
|
|
5839
6335
|
}, ref) => {
|
|
5840
6336
|
const isControlled = controlledChecked !== void 0;
|
|
5841
|
-
const [internalChecked, setInternalChecked] =
|
|
5842
|
-
const [pressed, setPressed] =
|
|
5843
|
-
const timeoutRef =
|
|
6337
|
+
const [internalChecked, setInternalChecked] = React217.useState(defaultChecked);
|
|
6338
|
+
const [pressed, setPressed] = React217.useState(false);
|
|
6339
|
+
const timeoutRef = React217.useRef(null);
|
|
5844
6340
|
const checked = isControlled ? controlledChecked : internalChecked;
|
|
5845
6341
|
const handleClick = (e) => {
|
|
6342
|
+
e.preventDefault();
|
|
5846
6343
|
if (disabled) return;
|
|
5847
6344
|
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
5848
6345
|
setPressed(true);
|
|
@@ -5858,7 +6355,7 @@ var Switch = React211.forwardRef(
|
|
|
5858
6355
|
onClick(e);
|
|
5859
6356
|
}
|
|
5860
6357
|
};
|
|
5861
|
-
|
|
6358
|
+
React217.useEffect(() => {
|
|
5862
6359
|
return () => {
|
|
5863
6360
|
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
5864
6361
|
};
|
|
@@ -5876,45 +6373,75 @@ var Switch = React211.forwardRef(
|
|
|
5876
6373
|
Switch_default[size],
|
|
5877
6374
|
disabled && Switch_default.disabled
|
|
5878
6375
|
].filter(Boolean).join(" ");
|
|
6376
|
+
const controlRef = React217.useRef(null);
|
|
5879
6377
|
const iconSize = size === "small" ? 16 : 24;
|
|
5880
|
-
const switchContent = /* @__PURE__ */ (0,
|
|
6378
|
+
const switchContent = /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
5881
6379
|
"button",
|
|
5882
6380
|
{
|
|
5883
|
-
ref
|
|
6381
|
+
ref: (node) => {
|
|
6382
|
+
controlRef.current = node;
|
|
6383
|
+
if (typeof ref === "function") ref(node);
|
|
6384
|
+
else if (ref) ref.current = node;
|
|
6385
|
+
},
|
|
5884
6386
|
type: "button",
|
|
6387
|
+
form,
|
|
6388
|
+
value,
|
|
6389
|
+
"aria-required": required || void 0,
|
|
5885
6390
|
role: "switch",
|
|
5886
6391
|
"aria-checked": checked,
|
|
5887
6392
|
className: switchClasses,
|
|
5888
6393
|
disabled,
|
|
5889
6394
|
onClick: handleClick,
|
|
5890
6395
|
...rest,
|
|
5891
|
-
children: /* @__PURE__ */ (0,
|
|
6396
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("span", { className: Switch_default.switchTrack, children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("span", { className: Switch_default.switchThumb, children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("span", { className: Switch_default.switchThumbInner, children: checked && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("span", { className: Switch_default.switchIcon, children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(CheckSmallOutline, { size: iconSize }) }) }) }) })
|
|
6397
|
+
}
|
|
6398
|
+
);
|
|
6399
|
+
const formInput = /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
6400
|
+
NativeSelectionInput,
|
|
6401
|
+
{
|
|
6402
|
+
type: "checkbox",
|
|
6403
|
+
name,
|
|
6404
|
+
value,
|
|
6405
|
+
form,
|
|
6406
|
+
required,
|
|
6407
|
+
disabled,
|
|
6408
|
+
checked,
|
|
6409
|
+
defaultChecked,
|
|
6410
|
+
controlled: isControlled,
|
|
6411
|
+
controlRef,
|
|
6412
|
+
onReset: setInternalChecked
|
|
5892
6413
|
}
|
|
5893
6414
|
);
|
|
5894
6415
|
if (label) {
|
|
5895
|
-
return /* @__PURE__ */ (0,
|
|
5896
|
-
|
|
5897
|
-
/* @__PURE__ */ (0,
|
|
6416
|
+
return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(import_jsx_runtime214.Fragment, { children: [
|
|
6417
|
+
formInput,
|
|
6418
|
+
/* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("label", { className: containerClasses, children: [
|
|
6419
|
+
switchContent,
|
|
6420
|
+
/* @__PURE__ */ (0, import_jsx_runtime214.jsx)("span", { className: Switch_default.switchLabel, children: label })
|
|
6421
|
+
] })
|
|
5898
6422
|
] });
|
|
5899
6423
|
}
|
|
5900
|
-
return
|
|
6424
|
+
return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(import_jsx_runtime214.Fragment, { children: [
|
|
6425
|
+
formInput,
|
|
6426
|
+
switchContent
|
|
6427
|
+
] });
|
|
5901
6428
|
}
|
|
5902
6429
|
);
|
|
5903
6430
|
Switch.displayName = "Switch";
|
|
5904
6431
|
|
|
5905
6432
|
// ../ultimate/src/components/text-field/TextField.tsx
|
|
5906
|
-
var
|
|
6433
|
+
var React228 = __toESM(require("react"));
|
|
5907
6434
|
var import_react_dom2 = require("react-dom");
|
|
5908
6435
|
|
|
5909
6436
|
// ../ultimate/src/components/divider/Divider.tsx
|
|
5910
|
-
var
|
|
6437
|
+
var React218 = __toESM(require("react"));
|
|
5911
6438
|
|
|
5912
6439
|
// ../ultimate/src/components/divider/Divider.module.css
|
|
5913
6440
|
var Divider_default = {};
|
|
5914
6441
|
|
|
5915
6442
|
// ../ultimate/src/components/divider/Divider.tsx
|
|
5916
|
-
var
|
|
5917
|
-
var Divider =
|
|
6443
|
+
var import_jsx_runtime215 = require("react/jsx-runtime");
|
|
6444
|
+
var Divider = React218.forwardRef(
|
|
5918
6445
|
({
|
|
5919
6446
|
orientation = "horizontal",
|
|
5920
6447
|
variant = "solid",
|
|
@@ -5930,7 +6457,7 @@ var Divider = React212.forwardRef(
|
|
|
5930
6457
|
Divider_default[`divider${variant.charAt(0).toUpperCase() + variant.slice(1)}${thicknessKey}`],
|
|
5931
6458
|
className
|
|
5932
6459
|
].filter(Boolean).join(" ");
|
|
5933
|
-
return /* @__PURE__ */ (0,
|
|
6460
|
+
return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
|
|
5934
6461
|
"hr",
|
|
5935
6462
|
{
|
|
5936
6463
|
ref,
|
|
@@ -5945,23 +6472,13 @@ var Divider = React212.forwardRef(
|
|
|
5945
6472
|
Divider.displayName = "Divider";
|
|
5946
6473
|
|
|
5947
6474
|
// ../ultimate/src/components/dropdown-list/DropdownList.tsx
|
|
5948
|
-
var
|
|
6475
|
+
var React226 = __toESM(require("react"));
|
|
5949
6476
|
|
|
5950
6477
|
// ../ultimate/src/components/search-field/SearchField.tsx
|
|
5951
|
-
var
|
|
6478
|
+
var React225 = __toESM(require("react"));
|
|
5952
6479
|
|
|
5953
6480
|
// ../ultimate/src/hooks/useComposedRefs.ts
|
|
5954
|
-
var import_react2 = require("react");
|
|
5955
|
-
|
|
5956
|
-
// ../ultimate/src/hooks/useCallbackRef.ts
|
|
5957
6481
|
var import_react3 = require("react");
|
|
5958
|
-
function useCallbackRef(callback) {
|
|
5959
|
-
const callbackRef = (0, import_react3.useRef)(callback);
|
|
5960
|
-
(0, import_react3.useEffect)(() => {
|
|
5961
|
-
callbackRef.current = callback;
|
|
5962
|
-
});
|
|
5963
|
-
return (0, import_react3.useMemo)(() => ((...args) => callbackRef.current?.(...args)), []);
|
|
5964
|
-
}
|
|
5965
6482
|
|
|
5966
6483
|
// ../ultimate/src/hooks/useIsomorphicLayoutEffect.ts
|
|
5967
6484
|
var import_react4 = require("react");
|
|
@@ -5994,69 +6511,56 @@ function useClickOutside(ref, handler, enabled = true, ignoredRefs = []) {
|
|
|
5994
6511
|
}
|
|
5995
6512
|
|
|
5996
6513
|
// ../ultimate/src/hooks/useBottomNavElevation.ts
|
|
5997
|
-
var
|
|
5998
|
-
|
|
5999
|
-
// ../ultimate/src/hooks/useControllableState.ts
|
|
6000
|
-
var React214 = __toESM(require("react"));
|
|
6001
|
-
function useControllableState({
|
|
6002
|
-
value: valueProp,
|
|
6003
|
-
defaultValue,
|
|
6004
|
-
onChange
|
|
6005
|
-
}) {
|
|
6006
|
-
const [uncontrolledValue, setUncontrolledValue] = React214.useState(() => typeof defaultValue === "function" ? defaultValue() : defaultValue);
|
|
6007
|
-
const isControlledRef = React214.useRef(valueProp !== void 0);
|
|
6008
|
-
const isControlled = isControlledRef.current;
|
|
6009
|
-
const value = isControlled ? valueProp : uncontrolledValue;
|
|
6010
|
-
const handleChange = useCallbackRef(onChange);
|
|
6011
|
-
const previousUncontrolledValueRef = React214.useRef(uncontrolledValue);
|
|
6012
|
-
React214.useEffect(() => {
|
|
6013
|
-
if (isControlled) return;
|
|
6014
|
-
if (previousUncontrolledValueRef.current === uncontrolledValue) return;
|
|
6015
|
-
previousUncontrolledValueRef.current = uncontrolledValue;
|
|
6016
|
-
handleChange(uncontrolledValue);
|
|
6017
|
-
}, [isControlled, uncontrolledValue, handleChange]);
|
|
6018
|
-
const setValue = React214.useCallback(
|
|
6019
|
-
(nextValue) => {
|
|
6020
|
-
if (isControlled) {
|
|
6021
|
-
const setter = nextValue;
|
|
6022
|
-
const valueToEmit = typeof nextValue === "function" ? setter(valueProp) : nextValue;
|
|
6023
|
-
handleChange(valueToEmit);
|
|
6024
|
-
} else {
|
|
6025
|
-
setUncontrolledValue((prev) => {
|
|
6026
|
-
const setter = nextValue;
|
|
6027
|
-
return typeof nextValue === "function" ? setter(prev) : nextValue;
|
|
6028
|
-
});
|
|
6029
|
-
}
|
|
6030
|
-
},
|
|
6031
|
-
[isControlled, valueProp, handleChange]
|
|
6032
|
-
);
|
|
6033
|
-
return [value, setValue];
|
|
6034
|
-
}
|
|
6514
|
+
var React219 = __toESM(require("react"));
|
|
6035
6515
|
|
|
6036
6516
|
// ../ultimate/src/hooks/useEscapeKeydown.ts
|
|
6037
6517
|
var import_react6 = require("react");
|
|
6518
|
+
|
|
6519
|
+
// ../ultimate/src/internal/overlay/OverlayScope.tsx
|
|
6520
|
+
var React220 = __toESM(require("react"));
|
|
6521
|
+
var import_jsx_runtime216 = require("react/jsx-runtime");
|
|
6522
|
+
var OverlayDepthContext = React220.createContext(0);
|
|
6523
|
+
|
|
6524
|
+
// ../ultimate/src/hooks/useEscapeKeydown.ts
|
|
6525
|
+
var layersByDocument = /* @__PURE__ */ new WeakMap();
|
|
6038
6526
|
function useEscapeKeydown(handler, enabled = true) {
|
|
6039
6527
|
const handleEscape = useCallbackRef(handler);
|
|
6528
|
+
const depth = (0, import_react6.useContext)(OverlayDepthContext);
|
|
6040
6529
|
(0, import_react6.useEffect)(() => {
|
|
6041
6530
|
if (!enabled) return;
|
|
6531
|
+
const owner = document;
|
|
6532
|
+
let layers = layersByDocument.get(owner);
|
|
6533
|
+
if (!layers) {
|
|
6534
|
+
layers = [];
|
|
6535
|
+
layersByDocument.set(owner, layers);
|
|
6536
|
+
}
|
|
6537
|
+
const layer = { depth, handler: handleEscape };
|
|
6538
|
+
layers.push(layer);
|
|
6042
6539
|
const onKeydown = (event) => {
|
|
6043
|
-
if (event.key
|
|
6044
|
-
|
|
6045
|
-
|
|
6540
|
+
if (event.key !== "Escape" || event.isComposing || event.defaultPrevented) return;
|
|
6541
|
+
const top = layers.reduce((candidate, item) => !candidate || item.depth >= candidate.depth ? item : candidate, void 0);
|
|
6542
|
+
if (top !== layer) return;
|
|
6543
|
+
event.preventDefault();
|
|
6544
|
+
event.stopPropagation();
|
|
6545
|
+
layer.handler(event);
|
|
6046
6546
|
};
|
|
6047
|
-
|
|
6048
|
-
return () =>
|
|
6049
|
-
|
|
6547
|
+
owner.addEventListener("keydown", onKeydown);
|
|
6548
|
+
return () => {
|
|
6549
|
+
const index = layers.indexOf(layer);
|
|
6550
|
+
if (index >= 0) layers.splice(index, 1);
|
|
6551
|
+
owner.removeEventListener("keydown", onKeydown);
|
|
6552
|
+
};
|
|
6553
|
+
}, [enabled, handleEscape, depth]);
|
|
6050
6554
|
}
|
|
6051
6555
|
|
|
6052
6556
|
// ../ultimate/src/hooks/useFocusTrap.ts
|
|
6053
|
-
var
|
|
6557
|
+
var React221 = __toESM(require("react"));
|
|
6054
6558
|
|
|
6055
6559
|
// ../ultimate/src/hooks/useId.ts
|
|
6056
|
-
var
|
|
6560
|
+
var React222 = __toESM(require("react"));
|
|
6057
6561
|
|
|
6058
6562
|
// ../ultimate/src/hooks/useMediaQuery.ts
|
|
6059
|
-
var
|
|
6563
|
+
var React223 = __toESM(require("react"));
|
|
6060
6564
|
|
|
6061
6565
|
// ../ultimate/src/hooks/usePopoverPosition.ts
|
|
6062
6566
|
var import_react7 = require("react");
|
|
@@ -6213,7 +6717,7 @@ var import_react10 = require("react");
|
|
|
6213
6717
|
var import_react11 = require("react");
|
|
6214
6718
|
|
|
6215
6719
|
// ../ultimate/src/hooks/useSubHeaderStickyState.ts
|
|
6216
|
-
var
|
|
6720
|
+
var React224 = __toESM(require("react"));
|
|
6217
6721
|
|
|
6218
6722
|
// ../ultimate/src/hooks/useVirtualList.ts
|
|
6219
6723
|
var import_react12 = require("react");
|
|
@@ -6272,18 +6776,18 @@ var FOCUSABLE_SELECTOR = [
|
|
|
6272
6776
|
].join(", ");
|
|
6273
6777
|
var isFocusable = (element) => {
|
|
6274
6778
|
if (element.hasAttribute("disabled")) return false;
|
|
6275
|
-
if (element.
|
|
6779
|
+
if (element.closest('[aria-hidden="true"], [inert], [hidden]')) return false;
|
|
6276
6780
|
if (element.tabIndex < 0) return false;
|
|
6277
6781
|
const style = window.getComputedStyle(element);
|
|
6278
6782
|
if (style.display === "none" || style.visibility === "hidden") return false;
|
|
6279
6783
|
return true;
|
|
6280
6784
|
};
|
|
6281
|
-
var focusNextElement = (currentElement) => {
|
|
6785
|
+
var focusNextElement = (currentElement, backwards = false) => {
|
|
6282
6786
|
if (typeof document === "undefined") return;
|
|
6283
6787
|
const focusableElements = Array.from(document.querySelectorAll(FOCUSABLE_SELECTOR)).filter(isFocusable);
|
|
6284
6788
|
const currentIndex = focusableElements.indexOf(currentElement);
|
|
6285
6789
|
if (currentIndex === -1) return;
|
|
6286
|
-
const nextElement = focusableElements[currentIndex + 1];
|
|
6790
|
+
const nextElement = focusableElements[currentIndex + (backwards ? -1 : 1)];
|
|
6287
6791
|
nextElement?.focus();
|
|
6288
6792
|
};
|
|
6289
6793
|
|
|
@@ -6291,8 +6795,8 @@ var focusNextElement = (currentElement) => {
|
|
|
6291
6795
|
var SearchField_default = {};
|
|
6292
6796
|
|
|
6293
6797
|
// ../ultimate/src/components/search-field/SearchField.tsx
|
|
6294
|
-
var
|
|
6295
|
-
var SearchField =
|
|
6798
|
+
var import_jsx_runtime217 = require("react/jsx-runtime");
|
|
6799
|
+
var SearchField = React225.forwardRef(
|
|
6296
6800
|
({
|
|
6297
6801
|
placeholder = "Search",
|
|
6298
6802
|
variant = "default",
|
|
@@ -6301,6 +6805,7 @@ var SearchField = React219.forwardRef(
|
|
|
6301
6805
|
showClear = true,
|
|
6302
6806
|
onClear,
|
|
6303
6807
|
disabled,
|
|
6808
|
+
readOnly,
|
|
6304
6809
|
className,
|
|
6305
6810
|
style,
|
|
6306
6811
|
onFocus,
|
|
@@ -6313,17 +6818,17 @@ var SearchField = React219.forwardRef(
|
|
|
6313
6818
|
width,
|
|
6314
6819
|
...props
|
|
6315
6820
|
}, ref) => {
|
|
6316
|
-
const [focused, setFocused] =
|
|
6821
|
+
const [focused, setFocused] = React225.useState(false);
|
|
6317
6822
|
const [valueState, setValueState] = useControllableState({
|
|
6318
6823
|
value,
|
|
6319
6824
|
defaultValue: defaultValue || "",
|
|
6320
6825
|
onChange
|
|
6321
6826
|
});
|
|
6322
|
-
const inputRef =
|
|
6323
|
-
|
|
6827
|
+
const inputRef = React225.useRef(null);
|
|
6828
|
+
React225.useEffect(() => {
|
|
6324
6829
|
if (!shortcutHint || disabled) return;
|
|
6325
6830
|
const handleGlobalKeyDown = (e) => {
|
|
6326
|
-
if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
|
|
6831
|
+
if (!e.isComposing && !e.defaultPrevented && (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
|
|
6327
6832
|
e.preventDefault();
|
|
6328
6833
|
inputRef.current?.focus();
|
|
6329
6834
|
}
|
|
@@ -6331,7 +6836,7 @@ var SearchField = React219.forwardRef(
|
|
|
6331
6836
|
window.addEventListener("keydown", handleGlobalKeyDown);
|
|
6332
6837
|
return () => window.removeEventListener("keydown", handleGlobalKeyDown);
|
|
6333
6838
|
}, [shortcutHint, disabled]);
|
|
6334
|
-
|
|
6839
|
+
React225.useImperativeHandle(ref, () => inputRef.current);
|
|
6335
6840
|
const currentValue = valueState;
|
|
6336
6841
|
const handleFocus = (e) => {
|
|
6337
6842
|
setFocused(true);
|
|
@@ -6342,6 +6847,7 @@ var SearchField = React219.forwardRef(
|
|
|
6342
6847
|
onBlur?.(e);
|
|
6343
6848
|
};
|
|
6344
6849
|
const handleChange = (e) => {
|
|
6850
|
+
if (disabled || readOnly) return;
|
|
6345
6851
|
setValueState(e.target.value);
|
|
6346
6852
|
};
|
|
6347
6853
|
const handleDoubleClick = (e) => {
|
|
@@ -6351,6 +6857,7 @@ var SearchField = React219.forwardRef(
|
|
|
6351
6857
|
}
|
|
6352
6858
|
};
|
|
6353
6859
|
const handleClear = (e) => {
|
|
6860
|
+
if (disabled || readOnly) return;
|
|
6354
6861
|
e.preventDefault();
|
|
6355
6862
|
e.stopPropagation();
|
|
6356
6863
|
setValueState("");
|
|
@@ -6358,12 +6865,13 @@ var SearchField = React219.forwardRef(
|
|
|
6358
6865
|
inputRef.current?.focus();
|
|
6359
6866
|
};
|
|
6360
6867
|
const handleKeyDown = (e) => {
|
|
6868
|
+
if (disabled || e.nativeEvent.isComposing) return;
|
|
6361
6869
|
if (e.key === "Enter") {
|
|
6362
6870
|
e.preventDefault();
|
|
6363
6871
|
focusNextElement(e.currentTarget);
|
|
6364
6872
|
}
|
|
6365
6873
|
};
|
|
6366
|
-
return /* @__PURE__ */ (0,
|
|
6874
|
+
return /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(
|
|
6367
6875
|
"div",
|
|
6368
6876
|
{
|
|
6369
6877
|
className: [
|
|
@@ -6379,13 +6887,14 @@ var SearchField = React219.forwardRef(
|
|
|
6379
6887
|
style: { ...style, width },
|
|
6380
6888
|
onClick: () => !disabled && inputRef.current?.focus(),
|
|
6381
6889
|
children: [
|
|
6382
|
-
/* @__PURE__ */ (0,
|
|
6383
|
-
/* @__PURE__ */ (0,
|
|
6890
|
+
/* @__PURE__ */ (0, import_jsx_runtime217.jsx)("span", { className: SearchField_default.searchFieldIcon, children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(SearchOutline, { size: size === "large" ? 24 : 20 }) }),
|
|
6891
|
+
/* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
6384
6892
|
"input",
|
|
6385
6893
|
{
|
|
6386
6894
|
ref: inputRef,
|
|
6387
6895
|
className: SearchField_default.searchFieldInput,
|
|
6388
6896
|
disabled,
|
|
6897
|
+
readOnly,
|
|
6389
6898
|
onFocus: handleFocus,
|
|
6390
6899
|
onBlur: handleBlur,
|
|
6391
6900
|
onDoubleClick: handleDoubleClick,
|
|
@@ -6397,8 +6906,8 @@ var SearchField = React219.forwardRef(
|
|
|
6397
6906
|
...props
|
|
6398
6907
|
}
|
|
6399
6908
|
),
|
|
6400
|
-
/* @__PURE__ */ (0,
|
|
6401
|
-
shortcutHint && (!focused || !currentValue) && /* @__PURE__ */ (0,
|
|
6909
|
+
/* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { className: SearchField_default.searchFieldTrailingGroup, children: [
|
|
6910
|
+
shortcutHint && (!focused || !currentValue) && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
6402
6911
|
Badge,
|
|
6403
6912
|
{
|
|
6404
6913
|
variant: "secondary",
|
|
@@ -6407,12 +6916,12 @@ var SearchField = React219.forwardRef(
|
|
|
6407
6916
|
label: shortcutHint
|
|
6408
6917
|
}
|
|
6409
6918
|
),
|
|
6410
|
-
showClear && focused && currentValue && !disabled && /* @__PURE__ */ (0,
|
|
6919
|
+
showClear && focused && currentValue && !disabled && !readOnly && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
6411
6920
|
IconButton,
|
|
6412
6921
|
{
|
|
6413
6922
|
variant: "primary",
|
|
6414
6923
|
shape: "pill",
|
|
6415
|
-
icon: /* @__PURE__ */ (0,
|
|
6924
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(CloseSmallOutline, {}),
|
|
6416
6925
|
onMouseDown: (e) => e.preventDefault(),
|
|
6417
6926
|
onClick: handleClear,
|
|
6418
6927
|
tabIndex: -1,
|
|
@@ -6431,11 +6940,21 @@ SearchField.displayName = "SearchField";
|
|
|
6431
6940
|
// ../ultimate/src/components/dropdown-list/DropdownList.module.css
|
|
6432
6941
|
var DropdownList_default = {};
|
|
6433
6942
|
|
|
6943
|
+
// ../ultimate/src/internal/collection/getItemId.ts
|
|
6944
|
+
function getItemId(collectionId, part, key) {
|
|
6945
|
+
const escaped = key.replace(/[^A-Za-z0-9-]/g, (char) => `_${char.charCodeAt(0).toString(16)}_`);
|
|
6946
|
+
return `${collectionId}-${part}-${escaped}`;
|
|
6947
|
+
}
|
|
6948
|
+
|
|
6434
6949
|
// ../ultimate/src/components/dropdown-list/DropdownList.tsx
|
|
6435
|
-
var
|
|
6436
|
-
var DropdownList =
|
|
6950
|
+
var import_jsx_runtime218 = require("react/jsx-runtime");
|
|
6951
|
+
var DropdownList = React226.forwardRef(
|
|
6437
6952
|
({
|
|
6438
6953
|
items,
|
|
6954
|
+
role = "listbox",
|
|
6955
|
+
id,
|
|
6956
|
+
"aria-label": ariaLabel,
|
|
6957
|
+
"aria-labelledby": ariaLabelledBy,
|
|
6439
6958
|
value = [],
|
|
6440
6959
|
size = "md",
|
|
6441
6960
|
mode = "single",
|
|
@@ -6447,29 +6966,32 @@ var DropdownList = React220.forwardRef(
|
|
|
6447
6966
|
className,
|
|
6448
6967
|
style
|
|
6449
6968
|
}, ref) => {
|
|
6450
|
-
const
|
|
6451
|
-
const
|
|
6452
|
-
const
|
|
6969
|
+
const typeaheadRef = React226.useRef({ text: "", time: 0 });
|
|
6970
|
+
const [searchQuery, setSearchQuery] = React226.useState("");
|
|
6971
|
+
const showSearch = role === "listbox" && items.length >= 10;
|
|
6972
|
+
const instanceId = React226.useId();
|
|
6973
|
+
const itemId = (value2) => value2 === void 0 ? void 0 : getItemId(instanceId, "item", value2);
|
|
6974
|
+
const selectedValues = React226.useMemo(() => {
|
|
6453
6975
|
if (Array.isArray(value)) return value;
|
|
6454
6976
|
return value ? [value] : [];
|
|
6455
6977
|
}, [value]);
|
|
6456
|
-
const filteredItems =
|
|
6978
|
+
const filteredItems = React226.useMemo(() => {
|
|
6457
6979
|
if (!searchQuery.trim()) return items;
|
|
6458
6980
|
const query = searchQuery.toLowerCase();
|
|
6459
6981
|
return items.filter(
|
|
6460
6982
|
(item) => item.label.toLowerCase().includes(query)
|
|
6461
6983
|
);
|
|
6462
6984
|
}, [items, searchQuery]);
|
|
6463
|
-
const selectableFilteredValues =
|
|
6985
|
+
const selectableFilteredValues = React226.useMemo(() => filteredItems.filter((item) => !item.disabled).map((item) => item.value), [filteredItems]);
|
|
6464
6986
|
const showSelectAll = mode === "multi" && Boolean(selectAllLabel) && selectableFilteredValues.length > 0;
|
|
6465
6987
|
const allFilteredSelected = showSelectAll && selectableFilteredValues.every((itemValue) => selectedValues.includes(itemValue));
|
|
6466
6988
|
const someFilteredSelected = showSelectAll && !allFilteredSelected && selectableFilteredValues.some((itemValue) => selectedValues.includes(itemValue));
|
|
6467
|
-
const handleSelectAllClick =
|
|
6989
|
+
const handleSelectAllClick = React226.useCallback(() => {
|
|
6468
6990
|
if (!showSelectAll) return;
|
|
6469
6991
|
const nextValues = allFilteredSelected ? selectedValues.filter((itemValue) => !selectableFilteredValues.includes(itemValue)) : Array.from(/* @__PURE__ */ new Set([...selectedValues, ...selectableFilteredValues]));
|
|
6470
6992
|
onChange?.(nextValues);
|
|
6471
6993
|
}, [allFilteredSelected, onChange, selectableFilteredValues, selectedValues, showSelectAll]);
|
|
6472
|
-
const displayItems =
|
|
6994
|
+
const displayItems = React226.useMemo(() => {
|
|
6473
6995
|
if (!showSelectAll || !selectAllLabel) return filteredItems;
|
|
6474
6996
|
return [
|
|
6475
6997
|
{ value: "__phx_select_all__", label: selectAllLabel, __selectAll: true },
|
|
@@ -6492,10 +7014,10 @@ var DropdownList = React220.forwardRef(
|
|
|
6492
7014
|
const isSelected = (itemValue) => {
|
|
6493
7015
|
return selectedValues.includes(itemValue);
|
|
6494
7016
|
};
|
|
6495
|
-
const [showTopGradient, setShowTopGradient] =
|
|
6496
|
-
const [showBottomGradient, setShowBottomGradient] =
|
|
6497
|
-
const listRef =
|
|
6498
|
-
const handleScroll =
|
|
7017
|
+
const [showTopGradient, setShowTopGradient] = React226.useState(false);
|
|
7018
|
+
const [showBottomGradient, setShowBottomGradient] = React226.useState(false);
|
|
7019
|
+
const listRef = React226.useRef(null);
|
|
7020
|
+
const handleScroll = React226.useCallback(() => {
|
|
6499
7021
|
const el = listRef.current;
|
|
6500
7022
|
if (!el) return;
|
|
6501
7023
|
const scrollTop = el.scrollTop;
|
|
@@ -6504,7 +7026,7 @@ var DropdownList = React220.forwardRef(
|
|
|
6504
7026
|
setShowTopGradient(scrollTop > 10);
|
|
6505
7027
|
setShowBottomGradient(scrollTop + clientHeight < scrollHeight - 10);
|
|
6506
7028
|
}, []);
|
|
6507
|
-
|
|
7029
|
+
React226.useEffect(() => {
|
|
6508
7030
|
handleScroll();
|
|
6509
7031
|
}, [displayItems, handleScroll]);
|
|
6510
7032
|
const ITEM_HEIGHT = size === "sm" ? 32 : 48;
|
|
@@ -6514,9 +7036,9 @@ var DropdownList = React220.forwardRef(
|
|
|
6514
7036
|
itemHeight: ITEM_HEIGHT,
|
|
6515
7037
|
containerHeight: parsedMaxHeight
|
|
6516
7038
|
});
|
|
6517
|
-
const [focusedIndex, setFocusedIndex] =
|
|
6518
|
-
const [isKeyboardMode, setIsKeyboardMode] =
|
|
6519
|
-
|
|
7039
|
+
const [focusedIndex, setFocusedIndex] = React226.useState(-1);
|
|
7040
|
+
const [isKeyboardMode, setIsKeyboardMode] = React226.useState(false);
|
|
7041
|
+
React226.useEffect(() => {
|
|
6520
7042
|
if (displayItems.length === 0) {
|
|
6521
7043
|
setFocusedIndex(-1);
|
|
6522
7044
|
return;
|
|
@@ -6533,7 +7055,7 @@ var DropdownList = React220.forwardRef(
|
|
|
6533
7055
|
return prev;
|
|
6534
7056
|
});
|
|
6535
7057
|
}, [displayItems, value, mode]);
|
|
6536
|
-
|
|
7058
|
+
React226.useEffect(() => {
|
|
6537
7059
|
if (focusedIndex !== -1 && listRef.current) {
|
|
6538
7060
|
const itemTop = focusedIndex * ITEM_HEIGHT;
|
|
6539
7061
|
const itemBottom = itemTop + ITEM_HEIGHT;
|
|
@@ -6547,22 +7069,34 @@ var DropdownList = React220.forwardRef(
|
|
|
6547
7069
|
}
|
|
6548
7070
|
}
|
|
6549
7071
|
}, [focusedIndex, ITEM_HEIGHT]);
|
|
6550
|
-
const handleListScroll =
|
|
7072
|
+
const handleListScroll = React226.useCallback((e) => {
|
|
6551
7073
|
handleScroll();
|
|
6552
7074
|
if (isVirtual) onVirtualScroll(e);
|
|
6553
7075
|
}, [handleScroll, isVirtual, onVirtualScroll]);
|
|
6554
7076
|
const handleKeyDown = (e) => {
|
|
6555
|
-
if (displayItems.length === 0) return;
|
|
7077
|
+
if (e.nativeEvent.isComposing || e.defaultPrevented || displayItems.length === 0) return;
|
|
6556
7078
|
if (["ArrowDown", "ArrowUp", "Home", "End", "Enter", " "].includes(e.key)) {
|
|
6557
7079
|
setIsKeyboardMode(true);
|
|
6558
7080
|
}
|
|
6559
7081
|
const isSearchFocus = e.target.tagName === "INPUT";
|
|
6560
7082
|
if (e.key === "ArrowDown") {
|
|
6561
7083
|
e.preventDefault();
|
|
6562
|
-
setFocusedIndex((prev) =>
|
|
7084
|
+
setFocusedIndex((prev) => {
|
|
7085
|
+
for (let offset = 1; offset <= displayItems.length; offset++) {
|
|
7086
|
+
const next = (prev + offset + displayItems.length) % displayItems.length;
|
|
7087
|
+
if (displayItems[next] && !displayItems[next].disabled) return next;
|
|
7088
|
+
}
|
|
7089
|
+
return -1;
|
|
7090
|
+
});
|
|
6563
7091
|
} else if (e.key === "ArrowUp") {
|
|
6564
7092
|
e.preventDefault();
|
|
6565
|
-
setFocusedIndex((prev) =>
|
|
7093
|
+
setFocusedIndex((prev) => {
|
|
7094
|
+
for (let offset = 1; offset <= displayItems.length; offset++) {
|
|
7095
|
+
const next = ((prev < 0 ? 0 : prev) - offset + displayItems.length) % displayItems.length;
|
|
7096
|
+
if (displayItems[next] && !displayItems[next].disabled) return next;
|
|
7097
|
+
}
|
|
7098
|
+
return -1;
|
|
7099
|
+
});
|
|
6566
7100
|
} else if (e.key === "Enter") {
|
|
6567
7101
|
e.preventDefault();
|
|
6568
7102
|
if (focusedIndex !== -1) {
|
|
@@ -6584,16 +7118,32 @@ var DropdownList = React220.forwardRef(
|
|
|
6584
7118
|
} else if (e.key === "Home") {
|
|
6585
7119
|
if (!isSearchFocus) {
|
|
6586
7120
|
e.preventDefault();
|
|
6587
|
-
setFocusedIndex(
|
|
7121
|
+
setFocusedIndex(displayItems.findIndex((item) => !item.disabled));
|
|
6588
7122
|
}
|
|
6589
7123
|
} else if (e.key === "End") {
|
|
6590
7124
|
if (!isSearchFocus) {
|
|
6591
7125
|
e.preventDefault();
|
|
6592
|
-
setFocusedIndex(displayItems.
|
|
7126
|
+
setFocusedIndex(displayItems.map((item) => !item.disabled).lastIndexOf(true));
|
|
7127
|
+
}
|
|
7128
|
+
} else if (!isSearchFocus && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
|
|
7129
|
+
const now = Date.now();
|
|
7130
|
+
const previous = typeaheadRef.current;
|
|
7131
|
+
const text = `${now - previous.time < 600 ? previous.text : ""}${e.key.toLocaleLowerCase()}`;
|
|
7132
|
+
typeaheadRef.current = { text, time: now };
|
|
7133
|
+
const query = [...text].every((character) => character === text[0]) ? text[0] : text;
|
|
7134
|
+
for (let offset = 1; offset <= displayItems.length; offset++) {
|
|
7135
|
+
const next = (focusedIndex + offset + displayItems.length) % displayItems.length;
|
|
7136
|
+
const item = displayItems[next];
|
|
7137
|
+
if (item && !item.disabled && item.label.toLocaleLowerCase().startsWith(query)) {
|
|
7138
|
+
e.preventDefault();
|
|
7139
|
+
setIsKeyboardMode(true);
|
|
7140
|
+
setFocusedIndex(next);
|
|
7141
|
+
break;
|
|
7142
|
+
}
|
|
6593
7143
|
}
|
|
6594
7144
|
}
|
|
6595
7145
|
};
|
|
6596
|
-
return /* @__PURE__ */ (0,
|
|
7146
|
+
return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(
|
|
6597
7147
|
"div",
|
|
6598
7148
|
{
|
|
6599
7149
|
ref,
|
|
@@ -6602,38 +7152,43 @@ var DropdownList = React220.forwardRef(
|
|
|
6602
7152
|
onKeyDown: handleKeyDown,
|
|
6603
7153
|
onMouseMove: () => setIsKeyboardMode(false),
|
|
6604
7154
|
children: [
|
|
6605
|
-
showSearch && /* @__PURE__ */ (0,
|
|
7155
|
+
showSearch && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("div", { className: DropdownList_default.dropdownListSearchWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
6606
7156
|
SearchField,
|
|
6607
7157
|
{
|
|
6608
7158
|
placeholder: searchPlaceholder,
|
|
6609
7159
|
value: searchQuery,
|
|
6610
7160
|
onChange: setSearchQuery,
|
|
6611
|
-
shortcutHint: "Ctrl + /"
|
|
7161
|
+
shortcutHint: "Ctrl + /",
|
|
7162
|
+
onKeyDown: () => {
|
|
7163
|
+
}
|
|
6612
7164
|
}
|
|
6613
7165
|
) }),
|
|
6614
|
-
/* @__PURE__ */ (0,
|
|
6615
|
-
/* @__PURE__ */ (0,
|
|
7166
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("div", { className: DropdownList_default.dropdownListItemsListContainer, children: [
|
|
7167
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsx)("div", { className: [
|
|
6616
7168
|
DropdownList_default.dropdownListGradient,
|
|
6617
7169
|
DropdownList_default.dropdownListGradientTop,
|
|
6618
7170
|
showTopGradient && DropdownList_default.dropdownListGradientVisible
|
|
6619
7171
|
].filter(Boolean).join(" ") }),
|
|
6620
|
-
/* @__PURE__ */ (0,
|
|
7172
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
6621
7173
|
"div",
|
|
6622
7174
|
{
|
|
6623
7175
|
ref: listRef,
|
|
6624
7176
|
className: `${DropdownList_default.dropdownListItemsList} scrollbarSm`,
|
|
6625
7177
|
style: { maxHeight },
|
|
6626
|
-
role
|
|
7178
|
+
role,
|
|
7179
|
+
id,
|
|
7180
|
+
"aria-label": ariaLabel,
|
|
7181
|
+
"aria-labelledby": ariaLabelledBy,
|
|
6627
7182
|
tabIndex: 0,
|
|
6628
|
-
"aria-multiselectable": mode === "multi" ? true : void 0,
|
|
6629
|
-
"aria-activedescendant": focusedIndex !== -1 ?
|
|
7183
|
+
"aria-multiselectable": role === "listbox" && mode === "multi" ? true : void 0,
|
|
7184
|
+
"aria-activedescendant": focusedIndex !== -1 ? itemId(displayItems[focusedIndex]?.value) : void 0,
|
|
6630
7185
|
onScroll: handleListScroll,
|
|
6631
|
-
children: displayItems.length === 0 ? /* @__PURE__ */ (0,
|
|
7186
|
+
children: displayItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("div", { className: DropdownList_default.dropdownListEmptyState, children: "No results found" }) : isVirtual ? /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("div", { style: { height: totalHeight, position: "relative" }, children: virtualItems.map(({ index, style: style2 }) => {
|
|
6632
7187
|
const item = displayItems[index];
|
|
6633
7188
|
if (!item) return null;
|
|
6634
7189
|
const isFocused = index === focusedIndex;
|
|
6635
7190
|
const isSelectAllItem = Boolean(item.__selectAll);
|
|
6636
|
-
return /* @__PURE__ */ (0,
|
|
7191
|
+
return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("div", { style: style2, children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
6637
7192
|
"div",
|
|
6638
7193
|
{
|
|
6639
7194
|
className: [
|
|
@@ -6641,10 +7196,10 @@ var DropdownList = React220.forwardRef(
|
|
|
6641
7196
|
showDividers && DropdownList_default.dropdownListItemWrapperWithDivider,
|
|
6642
7197
|
item.divider && DropdownList_default.dropdownListItemWrapperWithBottomDivider
|
|
6643
7198
|
].filter(Boolean).join(" "),
|
|
6644
|
-
children: /* @__PURE__ */ (0,
|
|
7199
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(
|
|
6645
7200
|
"div",
|
|
6646
7201
|
{
|
|
6647
|
-
id:
|
|
7202
|
+
id: itemId(item.value),
|
|
6648
7203
|
className: [
|
|
6649
7204
|
DropdownList_default.dropdownListItem,
|
|
6650
7205
|
size === "sm" && DropdownList_default.dropdownListItemSm,
|
|
@@ -6653,11 +7208,11 @@ var DropdownList = React220.forwardRef(
|
|
|
6653
7208
|
item.disabled && DropdownList_default.dropdownListItemDisabled
|
|
6654
7209
|
].filter(Boolean).join(" "),
|
|
6655
7210
|
onClick: () => handleItemClick(item.value, item.disabled, isSelectAllItem),
|
|
6656
|
-
role: "option",
|
|
6657
|
-
"aria-selected": isSelectAllItem ? allFilteredSelected : isSelected(item.value),
|
|
7211
|
+
role: role === "menu" ? "menuitem" : "option",
|
|
7212
|
+
"aria-selected": role === "listbox" ? isSelectAllItem ? allFilteredSelected : isSelected(item.value) : void 0,
|
|
6658
7213
|
"aria-disabled": item.disabled,
|
|
6659
7214
|
children: [
|
|
6660
|
-
mode === "multi" && /* @__PURE__ */ (0,
|
|
7215
|
+
mode === "multi" && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
6661
7216
|
Checkbox,
|
|
6662
7217
|
{
|
|
6663
7218
|
checked: isSelectAllItem ? allFilteredSelected : isSelected(item.value),
|
|
@@ -6669,9 +7224,9 @@ var DropdownList = React220.forwardRef(
|
|
|
6669
7224
|
tabIndex: -1
|
|
6670
7225
|
}
|
|
6671
7226
|
),
|
|
6672
|
-
item.icon && /* @__PURE__ */ (0,
|
|
6673
|
-
/* @__PURE__ */ (0,
|
|
6674
|
-
mode === "single" && isSelected(item.value) && /* @__PURE__ */ (0,
|
|
7227
|
+
item.icon && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("span", { className: DropdownList_default.dropdownListItemIcon, children: React226.isValidElement(item.icon) ? React226.cloneElement(item.icon, { size: size === "sm" ? 20 : 24 }) : item.icon }),
|
|
7228
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsx)("span", { className: DropdownList_default.dropdownListItemLabel, children: item.label }),
|
|
7229
|
+
mode === "single" && isSelected(item.value) && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("span", { className: DropdownList_default.dropdownListCheckmark, children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(CheckSmallOutline, { size: size === "sm" ? 20 : 24 }) })
|
|
6675
7230
|
]
|
|
6676
7231
|
}
|
|
6677
7232
|
)
|
|
@@ -6680,7 +7235,7 @@ var DropdownList = React220.forwardRef(
|
|
|
6680
7235
|
}) }) : displayItems.map((item, index) => {
|
|
6681
7236
|
const isFocused = index === focusedIndex;
|
|
6682
7237
|
const isSelectAllItem = Boolean(item.__selectAll);
|
|
6683
|
-
return /* @__PURE__ */ (0,
|
|
7238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
6684
7239
|
"div",
|
|
6685
7240
|
{
|
|
6686
7241
|
className: [
|
|
@@ -6688,10 +7243,10 @@ var DropdownList = React220.forwardRef(
|
|
|
6688
7243
|
showDividers && DropdownList_default.dropdownListItemWrapperWithDivider,
|
|
6689
7244
|
item.divider && DropdownList_default.dropdownListItemWrapperWithBottomDivider
|
|
6690
7245
|
].filter(Boolean).join(" "),
|
|
6691
|
-
children: /* @__PURE__ */ (0,
|
|
7246
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(
|
|
6692
7247
|
"div",
|
|
6693
7248
|
{
|
|
6694
|
-
id:
|
|
7249
|
+
id: itemId(item.value),
|
|
6695
7250
|
className: [
|
|
6696
7251
|
DropdownList_default.dropdownListItem,
|
|
6697
7252
|
size === "sm" && DropdownList_default.dropdownListItemSm,
|
|
@@ -6700,11 +7255,11 @@ var DropdownList = React220.forwardRef(
|
|
|
6700
7255
|
item.disabled && DropdownList_default.dropdownListItemDisabled
|
|
6701
7256
|
].filter(Boolean).join(" "),
|
|
6702
7257
|
onClick: () => handleItemClick(item.value, item.disabled, isSelectAllItem),
|
|
6703
|
-
role: "option",
|
|
6704
|
-
"aria-selected": isSelectAllItem ? allFilteredSelected : isSelected(item.value),
|
|
7258
|
+
role: role === "menu" ? "menuitem" : "option",
|
|
7259
|
+
"aria-selected": role === "listbox" ? isSelectAllItem ? allFilteredSelected : isSelected(item.value) : void 0,
|
|
6705
7260
|
"aria-disabled": item.disabled,
|
|
6706
7261
|
children: [
|
|
6707
|
-
mode === "multi" && /* @__PURE__ */ (0,
|
|
7262
|
+
mode === "multi" && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
6708
7263
|
Checkbox,
|
|
6709
7264
|
{
|
|
6710
7265
|
checked: isSelectAllItem ? allFilteredSelected : isSelected(item.value),
|
|
@@ -6716,9 +7271,9 @@ var DropdownList = React220.forwardRef(
|
|
|
6716
7271
|
tabIndex: -1
|
|
6717
7272
|
}
|
|
6718
7273
|
),
|
|
6719
|
-
item.icon && /* @__PURE__ */ (0,
|
|
6720
|
-
/* @__PURE__ */ (0,
|
|
6721
|
-
mode === "single" && isSelected(item.value) && /* @__PURE__ */ (0,
|
|
7274
|
+
item.icon && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("span", { className: DropdownList_default.dropdownListItemIcon, children: React226.isValidElement(item.icon) ? React226.cloneElement(item.icon, { size: size === "sm" ? 20 : 24 }) : item.icon }),
|
|
7275
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsx)("span", { className: DropdownList_default.dropdownListItemLabel, children: item.label }),
|
|
7276
|
+
mode === "single" && isSelected(item.value) && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("span", { className: DropdownList_default.dropdownListCheckmark, children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(CheckSmallOutline, { size: size === "sm" ? 20 : 24 }) })
|
|
6722
7277
|
]
|
|
6723
7278
|
}
|
|
6724
7279
|
)
|
|
@@ -6728,7 +7283,7 @@ var DropdownList = React220.forwardRef(
|
|
|
6728
7283
|
})
|
|
6729
7284
|
}
|
|
6730
7285
|
),
|
|
6731
|
-
/* @__PURE__ */ (0,
|
|
7286
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsx)("div", { className: [
|
|
6732
7287
|
DropdownList_default.dropdownListGradient,
|
|
6733
7288
|
DropdownList_default.dropdownListGradientBottom,
|
|
6734
7289
|
showBottomGradient && DropdownList_default.dropdownListGradientVisible
|
|
@@ -6801,9 +7356,26 @@ var calculateCursorPosition = (prevValue, nextValue, prevCursorPos) => {
|
|
|
6801
7356
|
// ../ultimate/src/components/text-field/TextField.module.css
|
|
6802
7357
|
var TextField_default = {};
|
|
6803
7358
|
|
|
7359
|
+
// ../ultimate/src/internal/form/useNativeFieldReset.ts
|
|
7360
|
+
var React227 = __toESM(require("react"));
|
|
7361
|
+
function useNativeFieldReset(ref, resetState, resetValue, formId) {
|
|
7362
|
+
const reset = useCallbackRef((event) => {
|
|
7363
|
+
queueMicrotask(() => {
|
|
7364
|
+
if (event.defaultPrevented || !ref.current) return;
|
|
7365
|
+
resetState();
|
|
7366
|
+
ref.current.value = resetValue;
|
|
7367
|
+
});
|
|
7368
|
+
});
|
|
7369
|
+
React227.useEffect(() => {
|
|
7370
|
+
const form = ref.current?.form;
|
|
7371
|
+
form?.addEventListener("reset", reset);
|
|
7372
|
+
return () => form?.removeEventListener("reset", reset);
|
|
7373
|
+
}, [formId, ref, reset]);
|
|
7374
|
+
}
|
|
7375
|
+
|
|
6804
7376
|
// ../ultimate/src/components/text-field/TextField.tsx
|
|
6805
|
-
var
|
|
6806
|
-
var TextField =
|
|
7377
|
+
var import_jsx_runtime219 = require("react/jsx-runtime");
|
|
7378
|
+
var TextField = React228.forwardRef(
|
|
6807
7379
|
({
|
|
6808
7380
|
label,
|
|
6809
7381
|
labelStyle = "outside",
|
|
@@ -6830,6 +7402,7 @@ var TextField = React221.forwardRef(
|
|
|
6830
7402
|
readOnly,
|
|
6831
7403
|
className,
|
|
6832
7404
|
style,
|
|
7405
|
+
inputStyle,
|
|
6833
7406
|
onFocus,
|
|
6834
7407
|
onBlur,
|
|
6835
7408
|
onChange,
|
|
@@ -6844,23 +7417,32 @@ var TextField = React221.forwardRef(
|
|
|
6844
7417
|
selectOnFocus = false,
|
|
6845
7418
|
...props
|
|
6846
7419
|
}, ref) => {
|
|
6847
|
-
const
|
|
6848
|
-
const
|
|
6849
|
-
const
|
|
6850
|
-
const
|
|
6851
|
-
const [
|
|
7420
|
+
const generatedId = React228.useId();
|
|
7421
|
+
const inputId = props.id ?? generatedId;
|
|
7422
|
+
const helperId = `${inputId}-help`;
|
|
7423
|
+
const [focused, setFocused] = React228.useState(false);
|
|
7424
|
+
const [isDropdownOpen, setIsDropdownOpen] = React228.useState(false);
|
|
7425
|
+
const [passwordVisible, setPasswordVisible] = React228.useState(false);
|
|
7426
|
+
const inputRef = React228.useRef(null);
|
|
7427
|
+
const [valueState, setValueState, resetValueState] = useControllableState({
|
|
6852
7428
|
value,
|
|
6853
7429
|
defaultValue: defaultValue || "",
|
|
6854
7430
|
onChange
|
|
6855
7431
|
});
|
|
6856
7432
|
const currentValue = valueState;
|
|
7433
|
+
useNativeFieldReset(
|
|
7434
|
+
inputRef,
|
|
7435
|
+
resetValueState,
|
|
7436
|
+
String(value === void 0 ? defaultValue ?? "" : currentValue ?? ""),
|
|
7437
|
+
props.form
|
|
7438
|
+
);
|
|
6857
7439
|
const [dropdownValueState, setDropdownValueState] = useControllableState({
|
|
6858
7440
|
value: trailingDropdownValue,
|
|
6859
7441
|
defaultValue: defaultTrailingDropdownValue || "",
|
|
6860
7442
|
onChange: onTrailingDropdownChange
|
|
6861
7443
|
});
|
|
6862
|
-
const triggerWrapperRef =
|
|
6863
|
-
const popoverRef =
|
|
7444
|
+
const triggerWrapperRef = React228.useRef(null);
|
|
7445
|
+
const popoverRef = React228.useRef(null);
|
|
6864
7446
|
const { style: popoverStyle } = usePopoverPosition(triggerWrapperRef, popoverRef, isDropdownOpen, {
|
|
6865
7447
|
margin: 8,
|
|
6866
7448
|
strategy: portal ? "fixed" : "absolute",
|
|
@@ -6873,7 +7455,7 @@ var TextField = React221.forwardRef(
|
|
|
6873
7455
|
[triggerWrapperRef]
|
|
6874
7456
|
);
|
|
6875
7457
|
useEscapeKeydown(() => setIsDropdownOpen(false), isDropdownOpen);
|
|
6876
|
-
const keepSelectionOnMouseUpRef =
|
|
7458
|
+
const keepSelectionOnMouseUpRef = React228.useRef(false);
|
|
6877
7459
|
const handleFocus = (e) => {
|
|
6878
7460
|
setFocused(true);
|
|
6879
7461
|
if (selectOnFocus) e.currentTarget.select();
|
|
@@ -6890,7 +7472,7 @@ var TextField = React221.forwardRef(
|
|
|
6890
7472
|
}
|
|
6891
7473
|
props.onMouseUp?.(e);
|
|
6892
7474
|
};
|
|
6893
|
-
const isPhoneFormat =
|
|
7475
|
+
const isPhoneFormat = React228.useMemo(() => {
|
|
6894
7476
|
if (inputFormat) return false;
|
|
6895
7477
|
if (!leadingText) return false;
|
|
6896
7478
|
return (leadingText.startsWith("+") || /^\d+$/.test(leadingText.replace(/[\s()]/g, ""))) && !leadingText.includes("://");
|
|
@@ -6900,7 +7482,7 @@ var TextField = React221.forwardRef(
|
|
|
6900
7482
|
const separator = formatOptions?.separator ?? ",";
|
|
6901
7483
|
const allowDecimal = formatOptions?.allowDecimal ?? true;
|
|
6902
7484
|
const maxDigits = formatOptions?.maxDigits;
|
|
6903
|
-
const applyFormat =
|
|
7485
|
+
const applyFormat = React228.useCallback((raw) => {
|
|
6904
7486
|
switch (activeFormat) {
|
|
6905
7487
|
case "currency": {
|
|
6906
7488
|
let cleaned = raw;
|
|
@@ -6936,7 +7518,7 @@ var TextField = React221.forwardRef(
|
|
|
6936
7518
|
}
|
|
6937
7519
|
onBlur?.(e);
|
|
6938
7520
|
};
|
|
6939
|
-
|
|
7521
|
+
React228.useEffect(() => {
|
|
6940
7522
|
if (activeFormat && currentValue) {
|
|
6941
7523
|
const formatted = applyFormat(String(currentValue));
|
|
6942
7524
|
if (currentValue !== formatted) {
|
|
@@ -7035,7 +7617,7 @@ var TextField = React221.forwardRef(
|
|
|
7035
7617
|
displayedDropdownLabel = selectedOption.label;
|
|
7036
7618
|
}
|
|
7037
7619
|
}
|
|
7038
|
-
const dropdownMenu = isDropdownOpen && dropdownListItems && /* @__PURE__ */ (0,
|
|
7620
|
+
const dropdownMenu = isDropdownOpen && dropdownListItems && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
7039
7621
|
"div",
|
|
7040
7622
|
{
|
|
7041
7623
|
ref: popoverRef,
|
|
@@ -7044,7 +7626,7 @@ var TextField = React221.forwardRef(
|
|
|
7044
7626
|
...popoverStyle,
|
|
7045
7627
|
minWidth: triggerWrapperRef.current?.offsetWidth || 120
|
|
7046
7628
|
},
|
|
7047
|
-
children: /* @__PURE__ */ (0,
|
|
7629
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
7048
7630
|
DropdownList,
|
|
7049
7631
|
{
|
|
7050
7632
|
items: dropdownListItems,
|
|
@@ -7057,7 +7639,7 @@ var TextField = React221.forwardRef(
|
|
|
7057
7639
|
)
|
|
7058
7640
|
}
|
|
7059
7641
|
);
|
|
7060
|
-
return /* @__PURE__ */ (0,
|
|
7642
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
7061
7643
|
"div",
|
|
7062
7644
|
{
|
|
7063
7645
|
className: [
|
|
@@ -7069,16 +7651,16 @@ var TextField = React221.forwardRef(
|
|
|
7069
7651
|
].filter(Boolean).join(" "),
|
|
7070
7652
|
style: { ...style, width },
|
|
7071
7653
|
children: [
|
|
7072
|
-
shouldShowLabelOutside && /* @__PURE__ */ (0,
|
|
7654
|
+
shouldShowLabelOutside && /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("label", { htmlFor: inputId, className: [
|
|
7073
7655
|
TextField_default.textFieldLabel,
|
|
7074
7656
|
TextField_default.outsideLabel,
|
|
7075
7657
|
size === "medium" && TextField_default.outsideLabelMedium,
|
|
7076
7658
|
size === "small" && TextField_default.outsideLabelSmall
|
|
7077
7659
|
].filter(Boolean).join(" "), children: [
|
|
7078
7660
|
label,
|
|
7079
|
-
required && /* @__PURE__ */ (0,
|
|
7661
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { "aria-hidden": "true", className: TextField_default.textFieldRequiredIndicator, children: " *" })
|
|
7080
7662
|
] }),
|
|
7081
|
-
/* @__PURE__ */ (0,
|
|
7663
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
7082
7664
|
"div",
|
|
7083
7665
|
{
|
|
7084
7666
|
className: [
|
|
@@ -7094,26 +7676,32 @@ var TextField = React221.forwardRef(
|
|
|
7094
7676
|
].filter(Boolean).join(" "),
|
|
7095
7677
|
onClick: () => !disabled && !readOnly && !focused && inputRef.current?.focus(),
|
|
7096
7678
|
children: [
|
|
7097
|
-
!shouldShowLabelInside && leadingIcon && /* @__PURE__ */ (0,
|
|
7098
|
-
!shouldShowLabelInside && leadingText && /* @__PURE__ */ (0,
|
|
7099
|
-
/* @__PURE__ */ (0,
|
|
7100
|
-
shouldShowLabelInside && /* @__PURE__ */ (0,
|
|
7101
|
-
"
|
|
7679
|
+
!shouldShowLabelInside && leadingIcon && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { className: TextField_default.textFieldLeadingIcon, children: leadingIcon }),
|
|
7680
|
+
!shouldShowLabelInside && leadingText && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { className: TextField_default.textFieldLeadingText, children: leadingText }),
|
|
7681
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: TextField_default.textFieldInputWrapper, children: [
|
|
7682
|
+
shouldShowLabelInside && /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
7683
|
+
"label",
|
|
7102
7684
|
{
|
|
7685
|
+
htmlFor: inputId,
|
|
7103
7686
|
className: [
|
|
7104
7687
|
TextField_default.textFieldInlineLabel,
|
|
7105
7688
|
(focused || currentValue) && TextField_default.shrunk
|
|
7106
7689
|
].filter(Boolean).join(" "),
|
|
7107
7690
|
children: [
|
|
7108
7691
|
label,
|
|
7109
|
-
required && /* @__PURE__ */ (0,
|
|
7692
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { "aria-hidden": "true", className: TextField_default.textFieldRequiredIndicator, children: " *" })
|
|
7110
7693
|
]
|
|
7111
7694
|
}
|
|
7112
7695
|
),
|
|
7113
|
-
/* @__PURE__ */ (0,
|
|
7696
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
7114
7697
|
"input",
|
|
7115
7698
|
{
|
|
7699
|
+
style: inputStyle,
|
|
7116
7700
|
...props,
|
|
7701
|
+
id: inputId,
|
|
7702
|
+
required,
|
|
7703
|
+
"aria-invalid": error || props["aria-invalid"],
|
|
7704
|
+
"aria-describedby": mergeAriaIds(props["aria-describedby"], helperText ? helperId : void 0),
|
|
7117
7705
|
ref: (node) => {
|
|
7118
7706
|
inputRef.current = node;
|
|
7119
7707
|
if (typeof ref === "function") ref(node);
|
|
@@ -7144,8 +7732,8 @@ var TextField = React221.forwardRef(
|
|
|
7144
7732
|
}
|
|
7145
7733
|
)
|
|
7146
7734
|
] }),
|
|
7147
|
-
/* @__PURE__ */ (0,
|
|
7148
|
-
shortcutHint && !focused && /* @__PURE__ */ (0,
|
|
7735
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: TextField_default.textFieldTrailingGroup, children: [
|
|
7736
|
+
shortcutHint && !focused && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
7149
7737
|
Badge,
|
|
7150
7738
|
{
|
|
7151
7739
|
variant: "secondary",
|
|
@@ -7154,12 +7742,12 @@ var TextField = React221.forwardRef(
|
|
|
7154
7742
|
label: shortcutHint
|
|
7155
7743
|
}
|
|
7156
7744
|
),
|
|
7157
|
-
showClear && focused && currentValue && !disabled && !readOnly && /* @__PURE__ */ (0,
|
|
7745
|
+
showClear && focused && currentValue && !disabled && !readOnly && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
7158
7746
|
IconButton,
|
|
7159
7747
|
{
|
|
7160
7748
|
variant: "primary",
|
|
7161
7749
|
shape: "pill",
|
|
7162
|
-
icon: /* @__PURE__ */ (0,
|
|
7750
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(CloseSmallOutline, {}),
|
|
7163
7751
|
onMouseDown: (e) => e.preventDefault(),
|
|
7164
7752
|
onClick: handleClear,
|
|
7165
7753
|
tabIndex: -1,
|
|
@@ -7167,13 +7755,13 @@ var TextField = React221.forwardRef(
|
|
|
7167
7755
|
className: TextField_default.textFieldClearButton
|
|
7168
7756
|
}
|
|
7169
7757
|
),
|
|
7170
|
-
(trailingDropdownLabel || trailingDropdownOptions) && /* @__PURE__ */ (0,
|
|
7758
|
+
(trailingDropdownLabel || trailingDropdownOptions) && /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
7171
7759
|
"div",
|
|
7172
7760
|
{
|
|
7173
7761
|
ref: triggerWrapperRef,
|
|
7174
7762
|
className: TextField_default.textFieldTrailingDropdownWrapper,
|
|
7175
7763
|
children: [
|
|
7176
|
-
/* @__PURE__ */ (0,
|
|
7764
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
7177
7765
|
"div",
|
|
7178
7766
|
{
|
|
7179
7767
|
className: [
|
|
@@ -7182,12 +7770,12 @@ var TextField = React221.forwardRef(
|
|
|
7182
7770
|
].filter(Boolean).join(" "),
|
|
7183
7771
|
onClick: handleDropdownClick,
|
|
7184
7772
|
children: [
|
|
7185
|
-
/* @__PURE__ */ (0,
|
|
7186
|
-
/* @__PURE__ */ (0,
|
|
7187
|
-
/* @__PURE__ */ (0,
|
|
7773
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Divider, { orientation: "vertical", className: TextField_default.textFieldSuffixDivider }),
|
|
7774
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { children: displayedDropdownLabel }),
|
|
7775
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { className: [
|
|
7188
7776
|
TextField_default.textFieldChevronIcon,
|
|
7189
7777
|
isDropdownOpen && TextField_default.rotated
|
|
7190
|
-
].filter(Boolean).join(" "), children: /* @__PURE__ */ (0,
|
|
7778
|
+
].filter(Boolean).join(" "), children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(ChevronDownSmallOutline, { size: 20 }) })
|
|
7191
7779
|
]
|
|
7192
7780
|
}
|
|
7193
7781
|
),
|
|
@@ -7195,7 +7783,7 @@ var TextField = React221.forwardRef(
|
|
|
7195
7783
|
]
|
|
7196
7784
|
}
|
|
7197
7785
|
),
|
|
7198
|
-
activeFormat === "password" && /* @__PURE__ */ (0,
|
|
7786
|
+
activeFormat === "password" && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
7199
7787
|
"div",
|
|
7200
7788
|
{
|
|
7201
7789
|
className: [TextField_default.textFieldTrailingIconWrapper, TextField_default.textFieldPasswordToggleButton].join(" "),
|
|
@@ -7206,12 +7794,20 @@ var TextField = React221.forwardRef(
|
|
|
7206
7794
|
}
|
|
7207
7795
|
},
|
|
7208
7796
|
role: "button",
|
|
7209
|
-
tabIndex: -1,
|
|
7797
|
+
tabIndex: disabled ? -1 : 0,
|
|
7798
|
+
"aria-disabled": disabled || void 0,
|
|
7799
|
+
onKeyDown: (e) => {
|
|
7800
|
+
if (!disabled && (e.key === "Enter" || e.key === " ")) {
|
|
7801
|
+
e.preventDefault();
|
|
7802
|
+
e.stopPropagation();
|
|
7803
|
+
togglePasswordVisibility(e);
|
|
7804
|
+
}
|
|
7805
|
+
},
|
|
7210
7806
|
"aria-label": passwordVisible ? "Hide password" : "Show password",
|
|
7211
|
-
children: /* @__PURE__ */ (0,
|
|
7807
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { className: TextField_default.textFieldPasswordToggle, children: passwordVisible ? /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(EyeOffOutline, {}) : /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(EyeOutline, {}) })
|
|
7212
7808
|
}
|
|
7213
7809
|
),
|
|
7214
|
-
trailingIcon && activeFormat !== "password" && /* @__PURE__ */ (0,
|
|
7810
|
+
trailingIcon && activeFormat !== "password" && /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
7215
7811
|
"div",
|
|
7216
7812
|
{
|
|
7217
7813
|
className: TextField_default.textFieldTrailingIconWrapper,
|
|
@@ -7222,7 +7818,7 @@ var TextField = React221.forwardRef(
|
|
|
7222
7818
|
}
|
|
7223
7819
|
},
|
|
7224
7820
|
children: [
|
|
7225
|
-
/* @__PURE__ */ (0,
|
|
7821
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Divider, { orientation: "vertical", className: TextField_default.textFieldSuffixDivider }),
|
|
7226
7822
|
trailingIcon
|
|
7227
7823
|
]
|
|
7228
7824
|
}
|
|
@@ -7231,12 +7827,12 @@ var TextField = React221.forwardRef(
|
|
|
7231
7827
|
]
|
|
7232
7828
|
}
|
|
7233
7829
|
),
|
|
7234
|
-
(helperText || showCharacterCount && maxLength) && /* @__PURE__ */ (0,
|
|
7235
|
-
helperText && /* @__PURE__ */ (0,
|
|
7830
|
+
(helperText || showCharacterCount && maxLength) && /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: TextField_default.textFieldFooter, children: [
|
|
7831
|
+
helperText && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { id: helperId, className: [
|
|
7236
7832
|
TextField_default.textFieldHelperText,
|
|
7237
7833
|
error && TextField_default.errorText
|
|
7238
7834
|
].filter(Boolean).join(" "), children: helperText }),
|
|
7239
|
-
showCharacterCount && maxLength && /* @__PURE__ */ (0,
|
|
7835
|
+
showCharacterCount && maxLength && /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("span", { className: TextField_default.textFieldCharacterCount, children: [
|
|
7240
7836
|
String(currentValue || "").length,
|
|
7241
7837
|
"/",
|
|
7242
7838
|
maxLength
|
|
@@ -7250,14 +7846,14 @@ var TextField = React221.forwardRef(
|
|
|
7250
7846
|
TextField.displayName = "TextField";
|
|
7251
7847
|
|
|
7252
7848
|
// ../ultimate/src/components/text-area/TextArea.tsx
|
|
7253
|
-
var
|
|
7849
|
+
var React229 = __toESM(require("react"));
|
|
7254
7850
|
|
|
7255
7851
|
// ../ultimate/src/components/text-area/TextArea.module.css
|
|
7256
7852
|
var TextArea_default = {};
|
|
7257
7853
|
|
|
7258
7854
|
// ../ultimate/src/components/text-area/TextArea.tsx
|
|
7259
|
-
var
|
|
7260
|
-
var TextArea =
|
|
7855
|
+
var import_jsx_runtime220 = require("react/jsx-runtime");
|
|
7856
|
+
var TextArea = React229.forwardRef(
|
|
7261
7857
|
({
|
|
7262
7858
|
label,
|
|
7263
7859
|
labelStyle = "outside",
|
|
@@ -7283,13 +7879,20 @@ var TextArea = React222.forwardRef(
|
|
|
7283
7879
|
fullWidth = true,
|
|
7284
7880
|
...props
|
|
7285
7881
|
}, ref) => {
|
|
7286
|
-
const [focused, setFocused] =
|
|
7287
|
-
const
|
|
7882
|
+
const [focused, setFocused] = React229.useState(false);
|
|
7883
|
+
const textareaRef = React229.useRef(null);
|
|
7884
|
+
const [valueState, setValueState, resetValueState] = useControllableState({
|
|
7288
7885
|
value,
|
|
7289
7886
|
defaultValue: defaultValue || "",
|
|
7290
7887
|
onChange
|
|
7291
7888
|
});
|
|
7292
7889
|
const currentValue = valueState;
|
|
7890
|
+
useNativeFieldReset(
|
|
7891
|
+
textareaRef,
|
|
7892
|
+
resetValueState,
|
|
7893
|
+
String(value === void 0 ? defaultValue ?? "" : currentValue ?? ""),
|
|
7894
|
+
props.form
|
|
7895
|
+
);
|
|
7293
7896
|
const charCount = currentValue?.length || 0;
|
|
7294
7897
|
const shouldShowCount = showCount ?? maxLength !== void 0;
|
|
7295
7898
|
const handleFocus = (e) => {
|
|
@@ -7307,11 +7910,12 @@ var TextArea = React222.forwardRef(
|
|
|
7307
7910
|
}
|
|
7308
7911
|
setValueState(newValue);
|
|
7309
7912
|
};
|
|
7310
|
-
const generatedId =
|
|
7913
|
+
const generatedId = React229.useId();
|
|
7311
7914
|
const shouldShowLabelOutside = label && labelStyle === "outside";
|
|
7312
7915
|
const shouldShowLabelInside = label && labelStyle === "inside";
|
|
7313
7916
|
const textareaId = id ?? generatedId;
|
|
7314
|
-
|
|
7917
|
+
const helperId = `${textareaId}-help`;
|
|
7918
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
|
|
7315
7919
|
"div",
|
|
7316
7920
|
{
|
|
7317
7921
|
className: [
|
|
@@ -7323,12 +7927,12 @@ var TextArea = React222.forwardRef(
|
|
|
7323
7927
|
].filter(Boolean).join(" "),
|
|
7324
7928
|
style: { ...style, width },
|
|
7325
7929
|
children: [
|
|
7326
|
-
shouldShowLabelOutside && /* @__PURE__ */ (0,
|
|
7930
|
+
shouldShowLabelOutside && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("label", { htmlFor: textareaId, className: TextArea_default.textAreaOutsideLabel, children: [
|
|
7327
7931
|
label,
|
|
7328
|
-
required && /* @__PURE__ */ (0,
|
|
7932
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("span", { "aria-hidden": "true", className: TextArea_default.textAreaRequiredIndicator, children: " *" })
|
|
7329
7933
|
] }),
|
|
7330
|
-
/* @__PURE__ */ (0,
|
|
7331
|
-
shouldShowLabelInside && /* @__PURE__ */ (0,
|
|
7934
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: TextArea_default.textAreaInputWrapper, children: [
|
|
7935
|
+
shouldShowLabelInside && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
|
|
7332
7936
|
"label",
|
|
7333
7937
|
{
|
|
7334
7938
|
className: [
|
|
@@ -7338,14 +7942,18 @@ var TextArea = React222.forwardRef(
|
|
|
7338
7942
|
htmlFor: textareaId,
|
|
7339
7943
|
children: [
|
|
7340
7944
|
label,
|
|
7341
|
-
required && /* @__PURE__ */ (0,
|
|
7945
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("span", { "aria-hidden": "true", className: TextArea_default.textAreaRequiredIndicator, children: " *" })
|
|
7342
7946
|
]
|
|
7343
7947
|
}
|
|
7344
7948
|
),
|
|
7345
|
-
/* @__PURE__ */ (0,
|
|
7949
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
7346
7950
|
"textarea",
|
|
7347
7951
|
{
|
|
7348
|
-
ref
|
|
7952
|
+
ref: (node) => {
|
|
7953
|
+
textareaRef.current = node;
|
|
7954
|
+
if (typeof ref === "function") ref(node);
|
|
7955
|
+
else if (ref) ref.current = node;
|
|
7956
|
+
},
|
|
7349
7957
|
id: textareaId,
|
|
7350
7958
|
className: [
|
|
7351
7959
|
TextArea_default.textAreaInput,
|
|
@@ -7365,16 +7973,19 @@ var TextArea = React222.forwardRef(
|
|
|
7365
7973
|
rows,
|
|
7366
7974
|
style: { resize },
|
|
7367
7975
|
maxLength: maxLength ?? void 0,
|
|
7368
|
-
...props
|
|
7976
|
+
...props,
|
|
7977
|
+
required,
|
|
7978
|
+
"aria-invalid": error || props["aria-invalid"],
|
|
7979
|
+
"aria-describedby": mergeAriaIds(props["aria-describedby"], helperText ? helperId : void 0)
|
|
7369
7980
|
}
|
|
7370
7981
|
)
|
|
7371
7982
|
] }),
|
|
7372
|
-
(helperText || shouldShowCount) && /* @__PURE__ */ (0,
|
|
7373
|
-
helperText && /* @__PURE__ */ (0,
|
|
7983
|
+
(helperText || shouldShowCount) && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: TextArea_default.textAreaFooter, children: [
|
|
7984
|
+
helperText && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("span", { id: helperId, className: [
|
|
7374
7985
|
TextArea_default.textAreaHelperText,
|
|
7375
7986
|
error && TextArea_default.textAreaErrorText
|
|
7376
7987
|
].filter(Boolean).join(" "), children: helperText }),
|
|
7377
|
-
shouldShowCount && /* @__PURE__ */ (0,
|
|
7988
|
+
shouldShowCount && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("span", { className: TextArea_default.textAreaCharCount, children: [
|
|
7378
7989
|
charCount,
|
|
7379
7990
|
maxLength !== void 0 ? `/${maxLength}` : ""
|
|
7380
7991
|
] })
|
|
@@ -7387,16 +7998,16 @@ var TextArea = React222.forwardRef(
|
|
|
7387
7998
|
TextArea.displayName = "TextArea";
|
|
7388
7999
|
|
|
7389
8000
|
// ../ultimate/src/components/avatar/Avatar.tsx
|
|
7390
|
-
var
|
|
8001
|
+
var React230 = __toESM(require("react"));
|
|
7391
8002
|
|
|
7392
8003
|
// ../ultimate/src/components/avatar/Avatar.module.css
|
|
7393
8004
|
var Avatar_default = {};
|
|
7394
8005
|
|
|
7395
8006
|
// ../ultimate/src/components/avatar/Avatar.tsx
|
|
7396
|
-
var
|
|
7397
|
-
var Avatar =
|
|
8007
|
+
var import_jsx_runtime221 = require("react/jsx-runtime");
|
|
8008
|
+
var Avatar = React230.forwardRef(
|
|
7398
8009
|
({ src, alt, name, icon, size = "40", status, stroke, className, onClick, ...rest }, ref) => {
|
|
7399
|
-
const [hasError, setHasError] =
|
|
8010
|
+
const [hasError, setHasError] = React230.useState(false);
|
|
7400
8011
|
const isInteractive = !!onClick;
|
|
7401
8012
|
const Component = isInteractive ? "button" : "div";
|
|
7402
8013
|
const getInitials = (userName) => {
|
|
@@ -7405,7 +8016,7 @@ var Avatar = React223.forwardRef(
|
|
|
7405
8016
|
};
|
|
7406
8017
|
const renderContent = () => {
|
|
7407
8018
|
if (src && !hasError) {
|
|
7408
|
-
return /* @__PURE__ */ (0,
|
|
8019
|
+
return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
|
|
7409
8020
|
"img",
|
|
7410
8021
|
{
|
|
7411
8022
|
src,
|
|
@@ -7416,9 +8027,9 @@ var Avatar = React223.forwardRef(
|
|
|
7416
8027
|
);
|
|
7417
8028
|
}
|
|
7418
8029
|
if (name) {
|
|
7419
|
-
return /* @__PURE__ */ (0,
|
|
8030
|
+
return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("span", { className: Avatar_default.avatarInitials, children: getInitials(name) });
|
|
7420
8031
|
}
|
|
7421
|
-
return /* @__PURE__ */ (0,
|
|
8032
|
+
return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("span", { className: Avatar_default.avatarIcon, children: icon || /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(UserOutline, {}) });
|
|
7422
8033
|
};
|
|
7423
8034
|
const avatarClasses = [
|
|
7424
8035
|
"phx-avatar",
|
|
@@ -7428,7 +8039,7 @@ var Avatar = React223.forwardRef(
|
|
|
7428
8039
|
isInteractive && Avatar_default.interactive,
|
|
7429
8040
|
className
|
|
7430
8041
|
].filter(Boolean).join(" ");
|
|
7431
|
-
return /* @__PURE__ */ (0,
|
|
8042
|
+
return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
|
|
7432
8043
|
Component,
|
|
7433
8044
|
{
|
|
7434
8045
|
ref,
|
|
@@ -7437,8 +8048,8 @@ var Avatar = React223.forwardRef(
|
|
|
7437
8048
|
...isInteractive ? { type: "button" } : {},
|
|
7438
8049
|
...rest,
|
|
7439
8050
|
children: [
|
|
7440
|
-
/* @__PURE__ */ (0,
|
|
7441
|
-
status && /* @__PURE__ */ (0,
|
|
8051
|
+
/* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { className: Avatar_default.avatarContent, children: renderContent() }),
|
|
8052
|
+
status && /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
|
|
7442
8053
|
Badge,
|
|
7443
8054
|
{
|
|
7444
8055
|
className: ["phx-avatar-status", Avatar_default.avatarStatus].filter(Boolean).join(" "),
|
|
@@ -7454,16 +8065,16 @@ var Avatar = React223.forwardRef(
|
|
|
7454
8065
|
Avatar.displayName = "Avatar";
|
|
7455
8066
|
|
|
7456
8067
|
// ../ultimate/src/components/avatar/AvatarGroup.tsx
|
|
7457
|
-
var
|
|
8068
|
+
var React231 = __toESM(require("react"));
|
|
7458
8069
|
|
|
7459
8070
|
// ../ultimate/src/components/avatar/AvatarGroup.module.css
|
|
7460
8071
|
var AvatarGroup_default = {};
|
|
7461
8072
|
|
|
7462
8073
|
// ../ultimate/src/components/avatar/AvatarGroup.tsx
|
|
7463
|
-
var
|
|
7464
|
-
var AvatarGroup =
|
|
8074
|
+
var import_jsx_runtime222 = require("react/jsx-runtime");
|
|
8075
|
+
var AvatarGroup = React231.forwardRef(
|
|
7465
8076
|
({ children, size = "40", max = 5, showStatus = false, className, ...rest }, ref) => {
|
|
7466
|
-
const childrenArray =
|
|
8077
|
+
const childrenArray = React231.Children.toArray(children);
|
|
7467
8078
|
const hasOverflow = childrenArray.length > max;
|
|
7468
8079
|
const visibleCount = hasOverflow ? max - 1 : childrenArray.length;
|
|
7469
8080
|
const visibleChildren = childrenArray.slice(0, visibleCount);
|
|
@@ -7474,10 +8085,10 @@ var AvatarGroup = React224.forwardRef(
|
|
|
7474
8085
|
AvatarGroup_default[`size${size}`],
|
|
7475
8086
|
className
|
|
7476
8087
|
].filter(Boolean).join(" ");
|
|
7477
|
-
return /* @__PURE__ */ (0,
|
|
8088
|
+
return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { ref, className: groupClasses, ...rest, children: [
|
|
7478
8089
|
visibleChildren.map((child, index) => {
|
|
7479
|
-
if (
|
|
7480
|
-
return
|
|
8090
|
+
if (React231.isValidElement(child)) {
|
|
8091
|
+
return React231.cloneElement(child, {
|
|
7481
8092
|
size,
|
|
7482
8093
|
stroke: true,
|
|
7483
8094
|
key: index,
|
|
@@ -7491,7 +8102,7 @@ var AvatarGroup = React224.forwardRef(
|
|
|
7491
8102
|
}
|
|
7492
8103
|
return child;
|
|
7493
8104
|
}),
|
|
7494
|
-
hasOverflow && /* @__PURE__ */ (0,
|
|
8105
|
+
hasOverflow && /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
7495
8106
|
Avatar,
|
|
7496
8107
|
{
|
|
7497
8108
|
size,
|
|
@@ -7507,7 +8118,7 @@ var AvatarGroup = React224.forwardRef(
|
|
|
7507
8118
|
AvatarGroup.displayName = "AvatarGroup";
|
|
7508
8119
|
|
|
7509
8120
|
// ../ultimate/src/components/avatar/AvatarTemplate.tsx
|
|
7510
|
-
var
|
|
8121
|
+
var React232 = __toESM(require("react"));
|
|
7511
8122
|
|
|
7512
8123
|
// ../ultimate/src/img/Image=1.png
|
|
7513
8124
|
var Image_1_default = "./Image=1-LTDZFXMH.png";
|
|
@@ -7528,7 +8139,7 @@ var Image_5_default = "./Image=5-7WFTKF52.png";
|
|
|
7528
8139
|
var Image_6_default = "./Image=6-U5HZ7K2N.png";
|
|
7529
8140
|
|
|
7530
8141
|
// ../ultimate/src/components/avatar/AvatarTemplate.tsx
|
|
7531
|
-
var
|
|
8142
|
+
var import_jsx_runtime223 = require("react/jsx-runtime");
|
|
7532
8143
|
var toImageSrc = (image) => {
|
|
7533
8144
|
if (typeof image === "string") {
|
|
7534
8145
|
return image;
|
|
@@ -7539,10 +8150,10 @@ var toImageSrc = (image) => {
|
|
|
7539
8150
|
return image.default;
|
|
7540
8151
|
};
|
|
7541
8152
|
var AVATAR_IMAGES = [Image_1_default, Image_2_default, Image_3_default, Image_4_default, Image_5_default, Image_6_default].map(toImageSrc);
|
|
7542
|
-
var AvatarTemplate =
|
|
8153
|
+
var AvatarTemplate = React232.forwardRef(
|
|
7543
8154
|
({ templateId = 1, ...rest }, ref) => {
|
|
7544
8155
|
const src = AVATAR_IMAGES[templateId - 1];
|
|
7545
|
-
return /* @__PURE__ */ (0,
|
|
8156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Avatar, { ref, src, className: ["phx-avatar-template", rest.className].filter(Boolean).join(" "), ...rest });
|
|
7546
8157
|
}
|
|
7547
8158
|
);
|
|
7548
8159
|
AvatarTemplate.displayName = "AvatarTemplate";
|
|
@@ -7551,7 +8162,7 @@ AvatarTemplate.displayName = "AvatarTemplate";
|
|
|
7551
8162
|
var Image_default = {};
|
|
7552
8163
|
|
|
7553
8164
|
// ../ultimate/src/components/image/Image.tsx
|
|
7554
|
-
var
|
|
8165
|
+
var import_jsx_runtime224 = require("react/jsx-runtime");
|
|
7555
8166
|
var Image = ({
|
|
7556
8167
|
src,
|
|
7557
8168
|
alt,
|
|
@@ -7561,7 +8172,7 @@ var Image = ({
|
|
|
7561
8172
|
style
|
|
7562
8173
|
}) => {
|
|
7563
8174
|
const ratioClass = aspectRatio.replace(":", "");
|
|
7564
|
-
return /* @__PURE__ */ (0,
|
|
8175
|
+
return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
7565
8176
|
"div",
|
|
7566
8177
|
{
|
|
7567
8178
|
className: [
|
|
@@ -7571,7 +8182,7 @@ var Image = ({
|
|
|
7571
8182
|
className
|
|
7572
8183
|
].filter(Boolean).join(" "),
|
|
7573
8184
|
style,
|
|
7574
|
-
children: /* @__PURE__ */ (0,
|
|
8185
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
7575
8186
|
"img",
|
|
7576
8187
|
{
|
|
7577
8188
|
src,
|
|
@@ -7585,14 +8196,14 @@ var Image = ({
|
|
|
7585
8196
|
};
|
|
7586
8197
|
|
|
7587
8198
|
// ../ultimate/src/components/skeleton/Skeleton.tsx
|
|
7588
|
-
var
|
|
8199
|
+
var React233 = __toESM(require("react"));
|
|
7589
8200
|
|
|
7590
8201
|
// ../ultimate/src/components/skeleton/Skeleton.module.css
|
|
7591
8202
|
var Skeleton_default = {};
|
|
7592
8203
|
|
|
7593
8204
|
// ../ultimate/src/components/skeleton/Skeleton.tsx
|
|
7594
|
-
var
|
|
7595
|
-
var Skeleton =
|
|
8205
|
+
var import_jsx_runtime225 = require("react/jsx-runtime");
|
|
8206
|
+
var Skeleton = React233.forwardRef(
|
|
7596
8207
|
({ variant = "text", width, height, rounded, className, style, ...rest }, ref) => {
|
|
7597
8208
|
const skeletonClasses = [
|
|
7598
8209
|
"phx-skeleton",
|
|
@@ -7606,7 +8217,7 @@ var Skeleton = React226.forwardRef(
|
|
|
7606
8217
|
...height !== void 0 && { height: typeof height === "number" ? `${height}px` : height },
|
|
7607
8218
|
...style
|
|
7608
8219
|
};
|
|
7609
|
-
return /* @__PURE__ */ (0,
|
|
8220
|
+
return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
7610
8221
|
"div",
|
|
7611
8222
|
{
|
|
7612
8223
|
ref,
|
|
@@ -7622,14 +8233,14 @@ var Skeleton = React226.forwardRef(
|
|
|
7622
8233
|
Skeleton.displayName = "Skeleton";
|
|
7623
8234
|
|
|
7624
8235
|
// ../ultimate/src/components/chip/Chip.tsx
|
|
7625
|
-
var
|
|
8236
|
+
var React234 = __toESM(require("react"));
|
|
7626
8237
|
|
|
7627
8238
|
// ../ultimate/src/components/chip/Chip.module.css
|
|
7628
8239
|
var Chip_default = {};
|
|
7629
8240
|
|
|
7630
8241
|
// ../ultimate/src/components/chip/Chip.tsx
|
|
7631
|
-
var
|
|
7632
|
-
var Chip =
|
|
8242
|
+
var import_jsx_runtime226 = require("react/jsx-runtime");
|
|
8243
|
+
var Chip = React234.forwardRef(
|
|
7633
8244
|
({
|
|
7634
8245
|
label,
|
|
7635
8246
|
icon,
|
|
@@ -7637,9 +8248,12 @@ var Chip = React227.forwardRef(
|
|
|
7637
8248
|
badge,
|
|
7638
8249
|
variant = "outline",
|
|
7639
8250
|
size = "large",
|
|
8251
|
+
shape = "pill",
|
|
7640
8252
|
disabled,
|
|
7641
8253
|
hasDropdown,
|
|
7642
8254
|
onClear,
|
|
8255
|
+
onRemove,
|
|
8256
|
+
removeLabel,
|
|
7643
8257
|
actionIcon,
|
|
7644
8258
|
onAction,
|
|
7645
8259
|
actionLabel,
|
|
@@ -7655,6 +8269,7 @@ var Chip = React227.forwardRef(
|
|
|
7655
8269
|
Chip_default.chipRoot,
|
|
7656
8270
|
Chip_default[variant],
|
|
7657
8271
|
Chip_default[size],
|
|
8272
|
+
shape === "rounded" && Chip_default.rounded,
|
|
7658
8273
|
disabled && Chip_default.disabled,
|
|
7659
8274
|
isClickable && Chip_default.clickable,
|
|
7660
8275
|
avatar && Chip_default.hasAvatar,
|
|
@@ -7663,28 +8278,30 @@ var Chip = React227.forwardRef(
|
|
|
7663
8278
|
].filter(Boolean).join(" ");
|
|
7664
8279
|
const badgeColor = variant === "filled" ? "white" : "black";
|
|
7665
8280
|
const trailingIconSize = size === "large" ? 20 : 16;
|
|
8281
|
+
const renderCloseButton = (onPress, ariaLabel) => /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
|
|
8282
|
+
"button",
|
|
8283
|
+
{
|
|
8284
|
+
type: "button",
|
|
8285
|
+
className: Chip_default.chipDelete,
|
|
8286
|
+
onClick: (e) => {
|
|
8287
|
+
e.stopPropagation();
|
|
8288
|
+
if (!disabled) onPress?.(e);
|
|
8289
|
+
},
|
|
8290
|
+
disabled,
|
|
8291
|
+
"aria-label": ariaLabel,
|
|
8292
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(CancelFilled, { size: trailingIconSize })
|
|
8293
|
+
}
|
|
8294
|
+
);
|
|
7666
8295
|
const renderTrailing = () => {
|
|
8296
|
+
if (onRemove) return renderCloseButton(onRemove, removeLabel ?? `Remove ${label}`);
|
|
7667
8297
|
const hasAction = Boolean(actionIcon && onAction);
|
|
7668
8298
|
if (!hasDropdown && !hasAction) return null;
|
|
7669
8299
|
if (variant === "filled" && hasDropdown && !hasAction) {
|
|
7670
|
-
return
|
|
7671
|
-
"button",
|
|
7672
|
-
{
|
|
7673
|
-
type: "button",
|
|
7674
|
-
className: Chip_default.chipDelete,
|
|
7675
|
-
onClick: (e) => {
|
|
7676
|
-
e.stopPropagation();
|
|
7677
|
-
if (!disabled && onClear) onClear(e);
|
|
7678
|
-
},
|
|
7679
|
-
disabled,
|
|
7680
|
-
"aria-label": `Clear ${label}`,
|
|
7681
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(CancelFilled, { size: trailingIconSize })
|
|
7682
|
-
}
|
|
7683
|
-
);
|
|
8300
|
+
return renderCloseButton(onClear, `Clear ${label}`);
|
|
7684
8301
|
}
|
|
7685
|
-
return /* @__PURE__ */ (0,
|
|
7686
|
-
hasDropdown && /* @__PURE__ */ (0,
|
|
7687
|
-
hasAction && /* @__PURE__ */ (0,
|
|
8302
|
+
return /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("span", { className: Chip_default.chipTrailing, children: [
|
|
8303
|
+
hasDropdown && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("span", { className: Chip_default.chipTrailingIcon, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(ChevronDownSmallOutline, { size: trailingIconSize }) }),
|
|
8304
|
+
hasAction && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
|
|
7688
8305
|
"button",
|
|
7689
8306
|
{
|
|
7690
8307
|
type: "button",
|
|
@@ -7700,7 +8317,7 @@ var Chip = React227.forwardRef(
|
|
|
7700
8317
|
)
|
|
7701
8318
|
] });
|
|
7702
8319
|
};
|
|
7703
|
-
return /* @__PURE__ */ (0,
|
|
8320
|
+
return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
|
|
7704
8321
|
"div",
|
|
7705
8322
|
{
|
|
7706
8323
|
ref,
|
|
@@ -7709,15 +8326,22 @@ var Chip = React227.forwardRef(
|
|
|
7709
8326
|
role: isClickable ? "button" : void 0,
|
|
7710
8327
|
tabIndex: isClickable ? 0 : void 0,
|
|
7711
8328
|
...rest,
|
|
7712
|
-
|
|
7713
|
-
|
|
8329
|
+
onKeyDown: (event) => {
|
|
8330
|
+
rest.onKeyDown?.(event);
|
|
8331
|
+
if (!event.defaultPrevented && event.target === event.currentTarget && isClickable && (event.key === "Enter" || event.key === " ")) {
|
|
8332
|
+
event.preventDefault();
|
|
8333
|
+
event.currentTarget.click();
|
|
8334
|
+
}
|
|
8335
|
+
},
|
|
8336
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { className: Chip_default.chipContainer, children: [
|
|
8337
|
+
avatar && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { className: Chip_default.chipAvatar, children: React234.isValidElement(avatar) ? React234.cloneElement(avatar, {
|
|
7714
8338
|
size: size === "large" ? "32" : "24",
|
|
7715
8339
|
stroke: variant === "filled" || avatar.props.stroke
|
|
7716
8340
|
}) : avatar }),
|
|
7717
|
-
!avatar && icon && /* @__PURE__ */ (0,
|
|
7718
|
-
/* @__PURE__ */ (0,
|
|
7719
|
-
/* @__PURE__ */ (0,
|
|
7720
|
-
shouldShowBadge && /* @__PURE__ */ (0,
|
|
8341
|
+
!avatar && icon && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("span", { className: Chip_default.chipIcon, children: icon }),
|
|
8342
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("span", { className: Chip_default.chipContent, children: [
|
|
8343
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)("span", { className: Chip_default.chipLabel, children: label }),
|
|
8344
|
+
shouldShowBadge && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
|
|
7721
8345
|
Badge,
|
|
7722
8346
|
{
|
|
7723
8347
|
count: typeof badge === "number" ? badge : void 0,
|
|
@@ -7737,16 +8361,16 @@ var Chip = React227.forwardRef(
|
|
|
7737
8361
|
Chip.displayName = "Chip";
|
|
7738
8362
|
|
|
7739
8363
|
// ../ultimate/src/components/chip-bar/ChipBar.tsx
|
|
7740
|
-
var
|
|
8364
|
+
var React235 = __toESM(require("react"));
|
|
7741
8365
|
|
|
7742
8366
|
// ../ultimate/src/components/chip-bar/ChipBar.module.css
|
|
7743
8367
|
var ChipBar_default = {};
|
|
7744
8368
|
|
|
7745
8369
|
// ../ultimate/src/components/chip-bar/ChipBar.tsx
|
|
7746
|
-
var
|
|
8370
|
+
var import_jsx_runtime227 = require("react/jsx-runtime");
|
|
7747
8371
|
var OVERFLOW_BUTTON_SIZE = 32;
|
|
7748
8372
|
var MASK_FADE_SIZE = 44;
|
|
7749
|
-
var ChipBar =
|
|
8373
|
+
var ChipBar = React235.forwardRef(
|
|
7750
8374
|
({
|
|
7751
8375
|
leading,
|
|
7752
8376
|
children,
|
|
@@ -7758,13 +8382,13 @@ var ChipBar = React228.forwardRef(
|
|
|
7758
8382
|
className,
|
|
7759
8383
|
...rest
|
|
7760
8384
|
}, ref) => {
|
|
7761
|
-
const [showLeftGradient, setShowLeftGradient] =
|
|
7762
|
-
const [showRightGradient, setShowRightGradient] =
|
|
7763
|
-
const [internalIsStuck, setInternalIsStuck] =
|
|
8385
|
+
const [showLeftGradient, setShowLeftGradient] = React235.useState(false);
|
|
8386
|
+
const [showRightGradient, setShowRightGradient] = React235.useState(false);
|
|
8387
|
+
const [internalIsStuck, setInternalIsStuck] = React235.useState(false);
|
|
7764
8388
|
const isStuck = stuck !== void 0 ? stuck : internalIsStuck;
|
|
7765
|
-
const listRef =
|
|
7766
|
-
const containerRef =
|
|
7767
|
-
const updateScrollGradients =
|
|
8389
|
+
const listRef = React235.useRef(null);
|
|
8390
|
+
const containerRef = React235.useRef(null);
|
|
8391
|
+
const updateScrollGradients = React235.useCallback(() => {
|
|
7768
8392
|
const el = listRef.current;
|
|
7769
8393
|
if (el) {
|
|
7770
8394
|
const { scrollLeft, scrollWidth, clientWidth } = el;
|
|
@@ -7772,7 +8396,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7772
8396
|
setShowRightGradient(Math.ceil(scrollLeft + clientWidth) < scrollWidth);
|
|
7773
8397
|
}
|
|
7774
8398
|
}, []);
|
|
7775
|
-
|
|
8399
|
+
React235.useEffect(() => {
|
|
7776
8400
|
const el = listRef.current;
|
|
7777
8401
|
if (el) {
|
|
7778
8402
|
updateScrollGradients();
|
|
@@ -7799,7 +8423,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7799
8423
|
});
|
|
7800
8424
|
}
|
|
7801
8425
|
};
|
|
7802
|
-
|
|
8426
|
+
React235.useEffect(() => {
|
|
7803
8427
|
if (!sticky) return;
|
|
7804
8428
|
const container = containerRef.current;
|
|
7805
8429
|
if (!container) return;
|
|
@@ -7831,7 +8455,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7831
8455
|
window.removeEventListener("resize", checkStuck);
|
|
7832
8456
|
};
|
|
7833
8457
|
}, [sticky]);
|
|
7834
|
-
const setRefs =
|
|
8458
|
+
const setRefs = React235.useCallback((node) => {
|
|
7835
8459
|
containerRef.current = node;
|
|
7836
8460
|
if (typeof ref === "function") {
|
|
7837
8461
|
ref(node);
|
|
@@ -7845,7 +8469,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7845
8469
|
"--chip-bar-left-button-offset": showLeftGradient ? `${OVERFLOW_BUTTON_SIZE}px` : "0px",
|
|
7846
8470
|
"--chip-bar-right-button-offset": showRightGradient ? `${OVERFLOW_BUTTON_SIZE}px` : "0px"
|
|
7847
8471
|
};
|
|
7848
|
-
return /* @__PURE__ */ (0,
|
|
8472
|
+
return /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(
|
|
7849
8473
|
"div",
|
|
7850
8474
|
{
|
|
7851
8475
|
ref: setRefs,
|
|
@@ -7864,14 +8488,14 @@ var ChipBar = React228.forwardRef(
|
|
|
7864
8488
|
},
|
|
7865
8489
|
...rest,
|
|
7866
8490
|
children: [
|
|
7867
|
-
leading && /* @__PURE__ */ (0,
|
|
7868
|
-
|
|
8491
|
+
leading && /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: ChipBar_default.chipBarLeading, children: [
|
|
8492
|
+
React235.isValidElement(leading) ? React235.cloneElement(leading, {
|
|
7869
8493
|
size: size === "large" ? "large" : "medium"
|
|
7870
8494
|
}) : leading,
|
|
7871
|
-
showDivider && /* @__PURE__ */ (0,
|
|
8495
|
+
showDivider && /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("div", { className: ChipBar_default.chipBarDivider })
|
|
7872
8496
|
] }),
|
|
7873
|
-
/* @__PURE__ */ (0,
|
|
7874
|
-
/* @__PURE__ */ (0,
|
|
8497
|
+
/* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: ChipBar_default.chipBarScrollOuter, children: [
|
|
8498
|
+
/* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
|
|
7875
8499
|
"div",
|
|
7876
8500
|
{
|
|
7877
8501
|
className: [
|
|
@@ -7880,7 +8504,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7880
8504
|
showLeftGradient && ChipBar_default.chipBarGradientVisible,
|
|
7881
8505
|
"phx-nav-slot-left"
|
|
7882
8506
|
].filter(Boolean).join(" "),
|
|
7883
|
-
children: /* @__PURE__ */ (0,
|
|
8507
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
|
|
7884
8508
|
IconButton,
|
|
7885
8509
|
{
|
|
7886
8510
|
type: "button",
|
|
@@ -7890,12 +8514,12 @@ var ChipBar = React228.forwardRef(
|
|
|
7890
8514
|
className: ChipBar_default.chipBarNavButton,
|
|
7891
8515
|
onClick: () => handleScrollAction("left"),
|
|
7892
8516
|
"aria-label": "Scroll left",
|
|
7893
|
-
icon: /* @__PURE__ */ (0,
|
|
8517
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(ChevronLeftOutline, {})
|
|
7894
8518
|
}
|
|
7895
8519
|
)
|
|
7896
8520
|
}
|
|
7897
8521
|
),
|
|
7898
|
-
/* @__PURE__ */ (0,
|
|
8522
|
+
/* @__PURE__ */ (0, import_jsx_runtime227.jsx)("div", { className: ChipBar_default.chipBarScrollArea, style: chipBarMaskStyle, children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("div", { className: ChipBar_default.chipBarMaskWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
|
|
7899
8523
|
"div",
|
|
7900
8524
|
{
|
|
7901
8525
|
ref: listRef,
|
|
@@ -7905,9 +8529,9 @@ var ChipBar = React228.forwardRef(
|
|
|
7905
8529
|
"scrollbarHidden",
|
|
7906
8530
|
"phx-chip-bar-list"
|
|
7907
8531
|
].filter(Boolean).join(" "),
|
|
7908
|
-
children:
|
|
7909
|
-
if (
|
|
7910
|
-
return
|
|
8532
|
+
children: React235.Children.map(children, (child) => {
|
|
8533
|
+
if (React235.isValidElement(child)) {
|
|
8534
|
+
return React235.cloneElement(child, {
|
|
7911
8535
|
size: size === "large" ? "large" : "medium"
|
|
7912
8536
|
});
|
|
7913
8537
|
}
|
|
@@ -7915,7 +8539,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7915
8539
|
})
|
|
7916
8540
|
}
|
|
7917
8541
|
) }) }),
|
|
7918
|
-
/* @__PURE__ */ (0,
|
|
8542
|
+
/* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
|
|
7919
8543
|
"div",
|
|
7920
8544
|
{
|
|
7921
8545
|
className: [
|
|
@@ -7924,7 +8548,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7924
8548
|
showRightGradient && ChipBar_default.chipBarGradientVisible,
|
|
7925
8549
|
"phx-nav-slot-right"
|
|
7926
8550
|
].filter(Boolean).join(" "),
|
|
7927
|
-
children: /* @__PURE__ */ (0,
|
|
8551
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
|
|
7928
8552
|
IconButton,
|
|
7929
8553
|
{
|
|
7930
8554
|
type: "button",
|
|
@@ -7934,7 +8558,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7934
8558
|
className: ChipBar_default.chipBarNavButton,
|
|
7935
8559
|
onClick: () => handleScrollAction("right"),
|
|
7936
8560
|
"aria-label": "Scroll right",
|
|
7937
|
-
icon: /* @__PURE__ */ (0,
|
|
8561
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(ChevronRightOutline, {})
|
|
7938
8562
|
}
|
|
7939
8563
|
)
|
|
7940
8564
|
}
|
|
@@ -7948,12 +8572,12 @@ var ChipBar = React228.forwardRef(
|
|
|
7948
8572
|
ChipBar.displayName = "ChipBar";
|
|
7949
8573
|
|
|
7950
8574
|
// ../ultimate/src/components/visually-hidden/VisuallyHidden.tsx
|
|
7951
|
-
var
|
|
7952
|
-
var
|
|
7953
|
-
var VisuallyHidden =
|
|
8575
|
+
var React236 = __toESM(require("react"));
|
|
8576
|
+
var import_jsx_runtime228 = require("react/jsx-runtime");
|
|
8577
|
+
var VisuallyHidden = React236.forwardRef(
|
|
7954
8578
|
({ as, children, className, style, ...props }, ref) => {
|
|
7955
8579
|
const Component = as || "span";
|
|
7956
|
-
return /* @__PURE__ */ (0,
|
|
8580
|
+
return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
|
|
7957
8581
|
Component,
|
|
7958
8582
|
{
|
|
7959
8583
|
ref,
|
|
@@ -7980,21 +8604,926 @@ var VisuallyHidden = React229.forwardRef(
|
|
|
7980
8604
|
VisuallyHidden.displayName = "VisuallyHidden";
|
|
7981
8605
|
|
|
7982
8606
|
// ../ultimate/src/components/layout-context/LayoutContext.tsx
|
|
7983
|
-
var
|
|
7984
|
-
var
|
|
7985
|
-
var LayoutContext =
|
|
8607
|
+
var React237 = __toESM(require("react"));
|
|
8608
|
+
var import_jsx_runtime229 = require("react/jsx-runtime");
|
|
8609
|
+
var LayoutContext = React237.createContext(null);
|
|
7986
8610
|
var LayoutProvider = ({ children }) => {
|
|
7987
|
-
const [drawerCount, setDrawerCount] =
|
|
7988
|
-
const
|
|
8611
|
+
const [drawerCount, setDrawerCount] = React237.useState(0);
|
|
8612
|
+
const registerDrawer = React237.useCallback(() => setDrawerCount((count) => count + 1), []);
|
|
8613
|
+
const unregisterDrawer = React237.useCallback(() => setDrawerCount((count) => Math.max(0, count - 1)), []);
|
|
8614
|
+
const value = React237.useMemo(() => ({
|
|
7989
8615
|
hasDrawer: drawerCount > 0,
|
|
7990
|
-
registerDrawer
|
|
7991
|
-
unregisterDrawer
|
|
7992
|
-
}), [drawerCount]);
|
|
7993
|
-
return /* @__PURE__ */ (0,
|
|
8616
|
+
registerDrawer,
|
|
8617
|
+
unregisterDrawer
|
|
8618
|
+
}), [drawerCount, registerDrawer, unregisterDrawer]);
|
|
8619
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(LayoutContext.Provider, { value, children });
|
|
7994
8620
|
};
|
|
7995
8621
|
var useLayout = () => {
|
|
7996
|
-
return
|
|
8622
|
+
return React237.useContext(LayoutContext);
|
|
8623
|
+
};
|
|
8624
|
+
|
|
8625
|
+
// ../ultimate/src/components/number-field/NumberField.tsx
|
|
8626
|
+
var React238 = __toESM(require("react"));
|
|
8627
|
+
var import_jsx_runtime230 = require("react/jsx-runtime");
|
|
8628
|
+
var parseNumber = (text) => {
|
|
8629
|
+
const normalized = text.trim().replace(",", ".");
|
|
8630
|
+
if (normalized === "") return null;
|
|
8631
|
+
if (!/^-?\d*\.?\d*$/.test(normalized) || !/\d/.test(normalized)) return void 0;
|
|
8632
|
+
return Number(normalized);
|
|
8633
|
+
};
|
|
8634
|
+
function NumberField({
|
|
8635
|
+
label,
|
|
8636
|
+
size = "large",
|
|
8637
|
+
inputWidth = 64,
|
|
8638
|
+
value,
|
|
8639
|
+
defaultValue = null,
|
|
8640
|
+
onChange,
|
|
8641
|
+
min = -Infinity,
|
|
8642
|
+
max = Infinity,
|
|
8643
|
+
step = 1,
|
|
8644
|
+
error,
|
|
8645
|
+
description,
|
|
8646
|
+
disabled,
|
|
8647
|
+
readOnly,
|
|
8648
|
+
name,
|
|
8649
|
+
decreaseLabel = `Decrease ${label}`,
|
|
8650
|
+
increaseLabel = `Increase ${label}`,
|
|
8651
|
+
...props
|
|
8652
|
+
}) {
|
|
8653
|
+
const [current, setCurrent, reset] = useControllableState({
|
|
8654
|
+
value,
|
|
8655
|
+
defaultValue,
|
|
8656
|
+
onChange
|
|
8657
|
+
});
|
|
8658
|
+
const ref = React238.useRef(null);
|
|
8659
|
+
const [draft, setDraft] = React238.useState(null);
|
|
8660
|
+
const display = draft ?? (current == null ? "" : String(current));
|
|
8661
|
+
const resetValue = String((value !== void 0 ? current : defaultValue) ?? "");
|
|
8662
|
+
useNativeFieldReset(
|
|
8663
|
+
ref,
|
|
8664
|
+
() => {
|
|
8665
|
+
reset();
|
|
8666
|
+
setDraft(null);
|
|
8667
|
+
},
|
|
8668
|
+
resetValue,
|
|
8669
|
+
props.form
|
|
8670
|
+
);
|
|
8671
|
+
const bounded = (number) => Math.min(Math.max(min, max), Math.max(min, number));
|
|
8672
|
+
const stepSize = Math.abs(step || 1);
|
|
8673
|
+
const editable = !disabled && !readOnly;
|
|
8674
|
+
const commit = (next) => {
|
|
8675
|
+
setDraft(null);
|
|
8676
|
+
if (next !== current) setCurrent(next);
|
|
8677
|
+
};
|
|
8678
|
+
const increment = (direction) => {
|
|
8679
|
+
if (!editable) return;
|
|
8680
|
+
const base = parseNumber(display) ?? current;
|
|
8681
|
+
commit(
|
|
8682
|
+
bounded(
|
|
8683
|
+
Number(
|
|
8684
|
+
((base ?? (Number.isFinite(min) ? min : 0)) + direction * stepSize).toFixed(10)
|
|
8685
|
+
)
|
|
8686
|
+
)
|
|
8687
|
+
);
|
|
8688
|
+
};
|
|
8689
|
+
const generatedId = React238.useId();
|
|
8690
|
+
const inputId = props.id ?? generatedId;
|
|
8691
|
+
const descriptionId = description ? `${inputId}-description` : void 0;
|
|
8692
|
+
const errorId = error ? `${inputId}-error` : void 0;
|
|
8693
|
+
const buttonSize = size === "large" ? "medium" : "small";
|
|
8694
|
+
const buttonStyle = size === "small" ? { blockSize: "var(--dimensions-28)", inlineSize: "var(--dimensions-28)" } : void 0;
|
|
8695
|
+
const allowNegative = min < 0;
|
|
8696
|
+
const integerOnly = Number.isInteger(stepSize) && (!Number.isFinite(min) || Number.isInteger(min));
|
|
8697
|
+
return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Box, { w: "fit-content", maxW: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(VStack, { gap: "5xs", children: [
|
|
8698
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(Text, { as: "label", variant: "title-md", htmlFor: inputId, children: [
|
|
8699
|
+
label,
|
|
8700
|
+
props.required && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("span", { "aria-hidden": "true", children: " *" })
|
|
8701
|
+
] }),
|
|
8702
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(HStack, { gap: "2xs", align: "center", wrap: false, children: [
|
|
8703
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
8704
|
+
IconButton,
|
|
8705
|
+
{
|
|
8706
|
+
variant: "secondary",
|
|
8707
|
+
size: buttonSize,
|
|
8708
|
+
style: buttonStyle,
|
|
8709
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(IndeterminateSmallOutline, {}),
|
|
8710
|
+
"aria-label": decreaseLabel,
|
|
8711
|
+
"aria-controls": inputId,
|
|
8712
|
+
disabled: disabled || readOnly || current != null && current <= min,
|
|
8713
|
+
onClick: () => increment(-1)
|
|
8714
|
+
}
|
|
8715
|
+
),
|
|
8716
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
8717
|
+
TextField,
|
|
8718
|
+
{
|
|
8719
|
+
...props,
|
|
8720
|
+
id: inputId,
|
|
8721
|
+
showClear: false,
|
|
8722
|
+
size,
|
|
8723
|
+
width: inputWidth,
|
|
8724
|
+
fullWidth: false,
|
|
8725
|
+
ref,
|
|
8726
|
+
type: "text",
|
|
8727
|
+
role: "spinbutton",
|
|
8728
|
+
inputMode: integerOnly && !allowNegative ? "numeric" : "decimal",
|
|
8729
|
+
autoComplete: "off",
|
|
8730
|
+
"aria-valuenow": current ?? void 0,
|
|
8731
|
+
"aria-valuemin": Number.isFinite(min) ? min : void 0,
|
|
8732
|
+
"aria-valuemax": Number.isFinite(max) ? max : void 0,
|
|
8733
|
+
disabled,
|
|
8734
|
+
error: !!error,
|
|
8735
|
+
"aria-describedby": mergeAriaIds(props["aria-describedby"], descriptionId, errorId),
|
|
8736
|
+
inputStyle: {
|
|
8737
|
+
textAlign: "center",
|
|
8738
|
+
fontVariantNumeric: "tabular-nums"
|
|
8739
|
+
},
|
|
8740
|
+
value: display,
|
|
8741
|
+
readOnly,
|
|
8742
|
+
onChange: (next) => {
|
|
8743
|
+
const text = next.trim();
|
|
8744
|
+
if (!/^-?\d*[.,]?\d*$/.test(text)) return;
|
|
8745
|
+
setDraft(text);
|
|
8746
|
+
const parsed = parseNumber(text);
|
|
8747
|
+
if (parsed !== void 0 && parsed !== current) setCurrent(parsed);
|
|
8748
|
+
},
|
|
8749
|
+
onKeyDown: (event) => {
|
|
8750
|
+
props.onKeyDown?.(event);
|
|
8751
|
+
if (event.defaultPrevented || event.nativeEvent.isComposing) return;
|
|
8752
|
+
let direction = 0;
|
|
8753
|
+
if (event.key === "ArrowUp") direction = 1;
|
|
8754
|
+
else if (event.key === "ArrowDown") direction = -1;
|
|
8755
|
+
else if (event.key === "PageUp") direction = 10;
|
|
8756
|
+
else if (event.key === "PageDown") direction = -10;
|
|
8757
|
+
if (direction) {
|
|
8758
|
+
event.preventDefault();
|
|
8759
|
+
increment(direction);
|
|
8760
|
+
} else if (event.key === "Home" && Number.isFinite(min)) {
|
|
8761
|
+
event.preventDefault();
|
|
8762
|
+
if (editable) commit(min);
|
|
8763
|
+
} else if (event.key === "End" && Number.isFinite(max)) {
|
|
8764
|
+
event.preventDefault();
|
|
8765
|
+
if (editable) commit(max);
|
|
8766
|
+
}
|
|
8767
|
+
},
|
|
8768
|
+
onBlur: (event) => {
|
|
8769
|
+
if (editable) {
|
|
8770
|
+
const parsed = parseNumber(display);
|
|
8771
|
+
commit(parsed === void 0 ? current ?? null : parsed === null ? null : bounded(parsed));
|
|
8772
|
+
}
|
|
8773
|
+
props.onBlur?.(event);
|
|
8774
|
+
}
|
|
8775
|
+
}
|
|
8776
|
+
),
|
|
8777
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
8778
|
+
IconButton,
|
|
8779
|
+
{
|
|
8780
|
+
variant: "secondary",
|
|
8781
|
+
size: buttonSize,
|
|
8782
|
+
style: buttonStyle,
|
|
8783
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(AddOutline, {}),
|
|
8784
|
+
"aria-label": increaseLabel,
|
|
8785
|
+
"aria-controls": inputId,
|
|
8786
|
+
disabled: disabled || readOnly || current != null && current >= max,
|
|
8787
|
+
onClick: () => increment(1)
|
|
8788
|
+
}
|
|
8789
|
+
)
|
|
8790
|
+
] }),
|
|
8791
|
+
name && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
8792
|
+
"input",
|
|
8793
|
+
{
|
|
8794
|
+
type: "hidden",
|
|
8795
|
+
name,
|
|
8796
|
+
form: props.form,
|
|
8797
|
+
value: current == null ? "" : String(current),
|
|
8798
|
+
disabled
|
|
8799
|
+
}
|
|
8800
|
+
),
|
|
8801
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Text, { as: "div", variant: "body-md", color: "secondary", id: descriptionId, children: description }),
|
|
8802
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Text, { as: "div", variant: "body-md", color: "red", id: errorId, children: error })
|
|
8803
|
+
] }) });
|
|
8804
|
+
}
|
|
8805
|
+
|
|
8806
|
+
// ../ultimate/src/components/rating/Rating.tsx
|
|
8807
|
+
var React240 = __toESM(require("react"));
|
|
8808
|
+
|
|
8809
|
+
// ../ultimate/src/components/star/Star.tsx
|
|
8810
|
+
var React239 = __toESM(require("react"));
|
|
8811
|
+
|
|
8812
|
+
// ../ultimate/src/components/star/Star.module.css
|
|
8813
|
+
var Star_default = {};
|
|
8814
|
+
|
|
8815
|
+
// ../ultimate/src/components/star/Star.tsx
|
|
8816
|
+
var import_jsx_runtime231 = require("react/jsx-runtime");
|
|
8817
|
+
var Star = React239.forwardRef(
|
|
8818
|
+
({
|
|
8819
|
+
className,
|
|
8820
|
+
checked = false,
|
|
8821
|
+
size = "medium",
|
|
8822
|
+
variant = "default",
|
|
8823
|
+
disabled,
|
|
8824
|
+
onChange,
|
|
8825
|
+
onClick,
|
|
8826
|
+
...rest
|
|
8827
|
+
}, ref) => {
|
|
8828
|
+
const [pressed, setPressed] = React239.useState(false);
|
|
8829
|
+
const timeoutRef = React239.useRef(null);
|
|
8830
|
+
const iconSize = size === "small" ? 20 : 24;
|
|
8831
|
+
const handleClick = (e) => {
|
|
8832
|
+
if (disabled) return;
|
|
8833
|
+
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
8834
|
+
setPressed(true);
|
|
8835
|
+
timeoutRef.current = setTimeout(() => setPressed(false), 350);
|
|
8836
|
+
if (onChange) {
|
|
8837
|
+
onChange(!checked);
|
|
8838
|
+
}
|
|
8839
|
+
if (onClick) {
|
|
8840
|
+
onClick(e);
|
|
8841
|
+
}
|
|
8842
|
+
};
|
|
8843
|
+
React239.useEffect(() => {
|
|
8844
|
+
return () => {
|
|
8845
|
+
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
8846
|
+
};
|
|
8847
|
+
}, []);
|
|
8848
|
+
const starClasses = [
|
|
8849
|
+
"phx-star",
|
|
8850
|
+
Star_default.starRoot,
|
|
8851
|
+
Star_default[`starSize${size.charAt(0).toUpperCase() + size.slice(1)}`],
|
|
8852
|
+
Star_default[`starVariant${variant.charAt(0).toUpperCase() + variant.slice(1)}`],
|
|
8853
|
+
checked && Star_default.starStateChecked,
|
|
8854
|
+
pressed && Star_default.starStatePressed,
|
|
8855
|
+
className
|
|
8856
|
+
].filter(Boolean).join(" ");
|
|
8857
|
+
return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
|
|
8858
|
+
"button",
|
|
8859
|
+
{
|
|
8860
|
+
ref,
|
|
8861
|
+
type: "button",
|
|
8862
|
+
className: starClasses,
|
|
8863
|
+
disabled,
|
|
8864
|
+
onClick: handleClick,
|
|
8865
|
+
"aria-pressed": checked,
|
|
8866
|
+
"aria-label": "Favorite",
|
|
8867
|
+
...rest,
|
|
8868
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)("span", { className: Star_default.starIconWrapper, children: checked ? /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(StarFilled, { size: iconSize }) : /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(StarOutline, { size: iconSize }) })
|
|
8869
|
+
}
|
|
8870
|
+
);
|
|
8871
|
+
}
|
|
8872
|
+
);
|
|
8873
|
+
Star.displayName = "Star";
|
|
8874
|
+
|
|
8875
|
+
// ../ultimate/src/components/rating/Rating.tsx
|
|
8876
|
+
var import_jsx_runtime232 = require("react/jsx-runtime");
|
|
8877
|
+
function Rating({
|
|
8878
|
+
label,
|
|
8879
|
+
value,
|
|
8880
|
+
defaultValue = 0,
|
|
8881
|
+
max = 5,
|
|
8882
|
+
onChange,
|
|
8883
|
+
disabled,
|
|
8884
|
+
readOnly,
|
|
8885
|
+
name,
|
|
8886
|
+
form,
|
|
8887
|
+
clearable = false,
|
|
8888
|
+
clearText = "Clear",
|
|
8889
|
+
clearLabel = `Clear ${label}`,
|
|
8890
|
+
getStarLabel = (star, total) => `${star} of ${total} stars`
|
|
8891
|
+
}) {
|
|
8892
|
+
const count = Math.max(1, Math.min(100, Math.floor(max) || 5));
|
|
8893
|
+
const [current = 0, setCurrent, reset] = useControllableState({
|
|
8894
|
+
value,
|
|
8895
|
+
defaultValue,
|
|
8896
|
+
onChange
|
|
8897
|
+
});
|
|
8898
|
+
const hidden = React240.useRef(null);
|
|
8899
|
+
const normalize = (rating) => Number.isFinite(rating) ? Math.max(0, Math.min(count, Math.round(rating))) : 0;
|
|
8900
|
+
const selected = normalize(current);
|
|
8901
|
+
useNativeFieldReset(
|
|
8902
|
+
hidden,
|
|
8903
|
+
reset,
|
|
8904
|
+
String(value !== void 0 ? selected : normalize(defaultValue)),
|
|
8905
|
+
form
|
|
8906
|
+
);
|
|
8907
|
+
return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(HStack, { gap: "2xs", align: "center", wrap: true, children: [
|
|
8908
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
|
|
8909
|
+
HStack,
|
|
8910
|
+
{
|
|
8911
|
+
gap: "none",
|
|
8912
|
+
align: "center",
|
|
8913
|
+
role: "radiogroup",
|
|
8914
|
+
"aria-label": label,
|
|
8915
|
+
"aria-readonly": readOnly || void 0,
|
|
8916
|
+
onKeyDown: (event) => {
|
|
8917
|
+
if (disabled || readOnly || event.nativeEvent.isComposing) return;
|
|
8918
|
+
const rtl = getComputedStyle(event.currentTarget).direction === "rtl";
|
|
8919
|
+
const forward = rtl ? "ArrowLeft" : "ArrowRight";
|
|
8920
|
+
const backward = rtl ? "ArrowRight" : "ArrowLeft";
|
|
8921
|
+
let next;
|
|
8922
|
+
if (event.key === forward || event.key === "ArrowUp")
|
|
8923
|
+
next = selected >= count ? 1 : selected + 1;
|
|
8924
|
+
else if (event.key === backward || event.key === "ArrowDown")
|
|
8925
|
+
next = selected <= 1 ? count : selected - 1;
|
|
8926
|
+
else if (event.key === "Home") next = 1;
|
|
8927
|
+
else if (event.key === "End") next = count;
|
|
8928
|
+
else return;
|
|
8929
|
+
event.preventDefault();
|
|
8930
|
+
setCurrent(next);
|
|
8931
|
+
event.currentTarget.querySelectorAll('[role="radio"]')[next - 1]?.focus();
|
|
8932
|
+
},
|
|
8933
|
+
children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
|
|
8934
|
+
Star,
|
|
8935
|
+
{
|
|
8936
|
+
checked: index < selected,
|
|
8937
|
+
"aria-pressed": void 0,
|
|
8938
|
+
type: "button",
|
|
8939
|
+
role: "radio",
|
|
8940
|
+
"aria-label": getStarLabel(index + 1, count),
|
|
8941
|
+
"aria-checked": selected === index + 1,
|
|
8942
|
+
disabled,
|
|
8943
|
+
tabIndex: selected === index + 1 || !selected && index === 0 ? 0 : -1,
|
|
8944
|
+
onClick: () => {
|
|
8945
|
+
if (!disabled && !readOnly) setCurrent(index + 1);
|
|
8946
|
+
}
|
|
8947
|
+
},
|
|
8948
|
+
index
|
|
8949
|
+
))
|
|
8950
|
+
}
|
|
8951
|
+
),
|
|
8952
|
+
clearable && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
|
|
8953
|
+
Button,
|
|
8954
|
+
{
|
|
8955
|
+
variant: "secondary",
|
|
8956
|
+
size: "small",
|
|
8957
|
+
type: "button",
|
|
8958
|
+
"aria-label": clearLabel,
|
|
8959
|
+
disabled: disabled || readOnly || !selected,
|
|
8960
|
+
onClick: () => setCurrent(0),
|
|
8961
|
+
children: clearText
|
|
8962
|
+
}
|
|
8963
|
+
),
|
|
8964
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
|
|
8965
|
+
"input",
|
|
8966
|
+
{
|
|
8967
|
+
ref: hidden,
|
|
8968
|
+
type: "hidden",
|
|
8969
|
+
name,
|
|
8970
|
+
form,
|
|
8971
|
+
value: selected,
|
|
8972
|
+
disabled
|
|
8973
|
+
}
|
|
8974
|
+
)
|
|
8975
|
+
] });
|
|
8976
|
+
}
|
|
8977
|
+
|
|
8978
|
+
// ../ultimate/src/components/otp/OTP.tsx
|
|
8979
|
+
var React241 = __toESM(require("react"));
|
|
8980
|
+
var import_react_dom3 = require("react-dom");
|
|
8981
|
+
|
|
8982
|
+
// ../ultimate/src/components/otp/OTP.module.css
|
|
8983
|
+
var OTP_default = {};
|
|
8984
|
+
|
|
8985
|
+
// ../ultimate/src/components/otp/OTP.tsx
|
|
8986
|
+
var import_jsx_runtime233 = require("react/jsx-runtime");
|
|
8987
|
+
function OTP({
|
|
8988
|
+
label,
|
|
8989
|
+
length = 6,
|
|
8990
|
+
groupSize,
|
|
8991
|
+
masked = false,
|
|
8992
|
+
hideLabel = false,
|
|
8993
|
+
dotFields = false,
|
|
8994
|
+
size = "large",
|
|
8995
|
+
value,
|
|
8996
|
+
defaultValue = "",
|
|
8997
|
+
onChange,
|
|
8998
|
+
onComplete,
|
|
8999
|
+
disabled,
|
|
9000
|
+
readOnly,
|
|
9001
|
+
required,
|
|
9002
|
+
name,
|
|
9003
|
+
form,
|
|
9004
|
+
helperText,
|
|
9005
|
+
error,
|
|
9006
|
+
getCellLabel = (name2, position, total) => `${name2}, digit ${position} of ${total}`,
|
|
9007
|
+
sequential = false,
|
|
9008
|
+
autoFocus = false
|
|
9009
|
+
}) {
|
|
9010
|
+
const count = Number.isFinite(length) ? Math.max(1, Math.min(32, Math.floor(length))) : 6;
|
|
9011
|
+
const normalize = (text) => text.replace(/\D/g, "").slice(0, count);
|
|
9012
|
+
const split = (text) => Array.from({ length: count }, (_, index) => normalize(text)[index] ?? "");
|
|
9013
|
+
const [code = "", setCode, reset] = useControllableState({
|
|
9014
|
+
value,
|
|
9015
|
+
defaultValue: normalize(defaultValue),
|
|
9016
|
+
onChange
|
|
9017
|
+
});
|
|
9018
|
+
const [local, setLocal] = React241.useState(() => split(value ?? defaultValue));
|
|
9019
|
+
const pending = React241.useRef(null);
|
|
9020
|
+
const digits = value === void 0 ? Array.from({ length: count }, (_, index) => local[index] ?? "") : pending.current?.code === normalize(code) ? Array.from(
|
|
9021
|
+
{ length: count },
|
|
9022
|
+
(_, index) => pending.current.digits[index] ?? ""
|
|
9023
|
+
) : split(code);
|
|
9024
|
+
const currentDigits = React241.useRef(digits);
|
|
9025
|
+
currentDigits.current = digits;
|
|
9026
|
+
const composing = React241.useRef(null);
|
|
9027
|
+
const inputs = React241.useRef([]);
|
|
9028
|
+
const first = React241.useRef(null);
|
|
9029
|
+
const previousReadOnly = React241.useRef(readOnly);
|
|
9030
|
+
React241.useEffect(() => {
|
|
9031
|
+
if (readOnly && !previousReadOnly.current) {
|
|
9032
|
+
const active = inputs.current.find((input) => input === document.activeElement);
|
|
9033
|
+
active?.blur();
|
|
9034
|
+
}
|
|
9035
|
+
previousReadOnly.current = readOnly;
|
|
9036
|
+
}, [readOnly]);
|
|
9037
|
+
const id = React241.useId();
|
|
9038
|
+
const supportingText = error || helperText;
|
|
9039
|
+
const supportingId = error ? `${id}-error` : helperText ? `${id}-helper` : void 0;
|
|
9040
|
+
const focus = (index) => inputs.current[index]?.focus({ preventScroll: true });
|
|
9041
|
+
const nextCell = (from) => {
|
|
9042
|
+
const empty = from.findIndex((digit) => !digit);
|
|
9043
|
+
return empty === -1 ? count - 1 : empty;
|
|
9044
|
+
};
|
|
9045
|
+
const commit = (next) => {
|
|
9046
|
+
const nextCode = next.join("");
|
|
9047
|
+
pending.current = { code: nextCode, digits: next };
|
|
9048
|
+
currentDigits.current = next;
|
|
9049
|
+
setLocal(next);
|
|
9050
|
+
setCode(nextCode);
|
|
9051
|
+
if (next.every(Boolean) && nextCode !== normalize(code))
|
|
9052
|
+
onComplete?.(nextCode);
|
|
9053
|
+
};
|
|
9054
|
+
const enter = (cell, raw) => {
|
|
9055
|
+
if (disabled || readOnly) return;
|
|
9056
|
+
if (sequential && raw && currentDigits.current.every(Boolean)) return;
|
|
9057
|
+
const index = sequential ? nextCell(currentDigits.current) : cell;
|
|
9058
|
+
const text = normalize(raw);
|
|
9059
|
+
if (raw && !text) return;
|
|
9060
|
+
const start = text.length === count ? 0 : index;
|
|
9061
|
+
const next = [...currentDigits.current];
|
|
9062
|
+
if (!text) next[index] = "";
|
|
9063
|
+
else
|
|
9064
|
+
[...text].forEach((digit, offset) => {
|
|
9065
|
+
if (start + offset < count) next[start + offset] = digit;
|
|
9066
|
+
});
|
|
9067
|
+
(0, import_react_dom3.flushSync)(() => commit(next));
|
|
9068
|
+
const nextIndex = sequential ? nextCell(next) : Math.min(count - 1, start + text.length);
|
|
9069
|
+
if (text && !inputs.current[nextIndex]?.readOnly) focus(nextIndex);
|
|
9070
|
+
};
|
|
9071
|
+
React241.useEffect(() => {
|
|
9072
|
+
if (autoFocus && !disabled && !readOnly) focus(sequential ? nextCell(currentDigits.current) : 0);
|
|
9073
|
+
}, []);
|
|
9074
|
+
React241.useEffect(() => {
|
|
9075
|
+
const cleanups = inputs.current.slice(0, count).map((input, index) => {
|
|
9076
|
+
if (!input) return () => {
|
|
9077
|
+
};
|
|
9078
|
+
const beforeInput = (event) => {
|
|
9079
|
+
if (disabled || readOnly || !event.cancelable || !event.data) return;
|
|
9080
|
+
if (!event.inputType.startsWith("insert") || !/^[0-9]+$/.test(event.data)) return;
|
|
9081
|
+
event.preventDefault();
|
|
9082
|
+
composing.current = null;
|
|
9083
|
+
enter(index, event.data);
|
|
9084
|
+
};
|
|
9085
|
+
input.addEventListener("beforeinput", beforeInput);
|
|
9086
|
+
return () => input.removeEventListener("beforeinput", beforeInput);
|
|
9087
|
+
});
|
|
9088
|
+
return () => cleanups.forEach((cleanup) => cleanup());
|
|
9089
|
+
});
|
|
9090
|
+
const resetCode = value === void 0 ? normalize(defaultValue) : normalize(code);
|
|
9091
|
+
useNativeFieldReset(
|
|
9092
|
+
first,
|
|
9093
|
+
() => {
|
|
9094
|
+
reset();
|
|
9095
|
+
const next = split(resetCode);
|
|
9096
|
+
pending.current = { code: resetCode, digits: next };
|
|
9097
|
+
setLocal(next);
|
|
9098
|
+
composing.current = null;
|
|
9099
|
+
inputs.current.forEach((input, index) => {
|
|
9100
|
+
if (input) input.value = next[index] ?? "";
|
|
9101
|
+
});
|
|
9102
|
+
},
|
|
9103
|
+
resetCode[0] ?? "",
|
|
9104
|
+
form
|
|
9105
|
+
);
|
|
9106
|
+
const columns = Math.min(count, 6);
|
|
9107
|
+
const cellWidth = dotFields ? 16 : size === "large" ? 44 : size === "medium" ? 36 : 28;
|
|
9108
|
+
const grouping = groupSize !== void 0 && Number.isFinite(groupSize) && groupSize >= 1 ? Math.floor(groupSize) : 0;
|
|
9109
|
+
const separates = (index) => grouping > 0 && index > 0 && index % grouping === 0 && index % columns !== 0;
|
|
9110
|
+
const tracks = Array.from(
|
|
9111
|
+
{ length: columns },
|
|
9112
|
+
(_, index) => `${separates(index) ? "var(--dimensions-12) " : ""}minmax(0, 1fr)`
|
|
9113
|
+
).join(" ");
|
|
9114
|
+
const separatorCount = Array.from({ length: columns }, (_, index) => separates(index)).filter(Boolean).length;
|
|
9115
|
+
return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(VStack, { gap: "5xs", align: "start", maxW: "100%", children: [
|
|
9116
|
+
!hideLabel && /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Text, { as: "span", id: `${id}-label`, variant: size === "large" ? "title-md" : size === "medium" ? "title-sm" : "label-md", children: [
|
|
9117
|
+
label,
|
|
9118
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("span", { "aria-hidden": "true", children: " *" })
|
|
9119
|
+
] }),
|
|
9120
|
+
/* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
|
|
9121
|
+
Grid,
|
|
9122
|
+
{
|
|
9123
|
+
role: "group",
|
|
9124
|
+
dir: "ltr",
|
|
9125
|
+
"aria-labelledby": hideLabel ? void 0 : `${id}-label`,
|
|
9126
|
+
"aria-label": hideLabel ? label : void 0,
|
|
9127
|
+
"aria-describedby": supportingId,
|
|
9128
|
+
templateColumns: tracks,
|
|
9129
|
+
gap: dotFields ? "md" : "4xs",
|
|
9130
|
+
maxW: "100%",
|
|
9131
|
+
w: `calc(${columns} * ${cellWidth}px + ${columns - 1 + separatorCount} * var(${dotFields ? "--space-md" : "--space-4xs"}) + ${separatorCount} * var(--dimensions-12))`,
|
|
9132
|
+
children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(React241.Fragment, { children: [
|
|
9133
|
+
separates(index % columns) && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Text, { as: "span", "aria-hidden": "true", className: OTP_default.separator, children: "-" }),
|
|
9134
|
+
/* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Text, { as: "span", className: `${OTP_default.cellSlot} ${OTP_default[size]} ${dotFields ? OTP_default.dotField : ""}`, variant: size === "large" ? "headline-sm" : size === "medium" ? "title-lg" : "title-md", weight: "medium", children: [
|
|
9135
|
+
/* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
|
|
9136
|
+
"input",
|
|
9137
|
+
{
|
|
9138
|
+
id: `${id}-${index}`,
|
|
9139
|
+
className: `${OTP_default.cell} ${masked ? OTP_default.masked : ""} ${dotFields ? OTP_default.dotFieldInput : ""}`,
|
|
9140
|
+
"data-filled": dotFields ? !!digits[index] : void 0,
|
|
9141
|
+
ref: (node) => {
|
|
9142
|
+
inputs.current[index] = node;
|
|
9143
|
+
if (index === 0) first.current = node;
|
|
9144
|
+
},
|
|
9145
|
+
"aria-label": getCellLabel(label, index + 1, count),
|
|
9146
|
+
"aria-describedby": supportingId,
|
|
9147
|
+
"aria-invalid": error ? true : void 0,
|
|
9148
|
+
type: masked ? "password" : "text",
|
|
9149
|
+
inputMode: "numeric",
|
|
9150
|
+
autoComplete: masked ? "off" : index === 0 ? "one-time-code" : "off",
|
|
9151
|
+
pattern: "[0-9]",
|
|
9152
|
+
maxLength: 1,
|
|
9153
|
+
required: required || digits.some(Boolean),
|
|
9154
|
+
disabled,
|
|
9155
|
+
readOnly,
|
|
9156
|
+
form,
|
|
9157
|
+
value: digits[index] ?? "",
|
|
9158
|
+
tabIndex: sequential && index !== nextCell(digits) ? -1 : void 0,
|
|
9159
|
+
onMouseDown: (event) => {
|
|
9160
|
+
if (!sequential || disabled || readOnly) return;
|
|
9161
|
+
event.preventDefault();
|
|
9162
|
+
focus(nextCell(currentDigits.current));
|
|
9163
|
+
},
|
|
9164
|
+
onFocus: (event) => {
|
|
9165
|
+
const target = nextCell(currentDigits.current);
|
|
9166
|
+
if (sequential && index !== target && !readOnly) {
|
|
9167
|
+
focus(target);
|
|
9168
|
+
return;
|
|
9169
|
+
}
|
|
9170
|
+
event.currentTarget.setSelectionRange(0, event.currentTarget.value.length);
|
|
9171
|
+
},
|
|
9172
|
+
onCopy: (event) => {
|
|
9173
|
+
if (masked) {
|
|
9174
|
+
event.preventDefault();
|
|
9175
|
+
return;
|
|
9176
|
+
}
|
|
9177
|
+
if (!readOnly) return;
|
|
9178
|
+
event.preventDefault();
|
|
9179
|
+
event.clipboardData.setData("text/plain", normalize(code));
|
|
9180
|
+
},
|
|
9181
|
+
onChange: () => {
|
|
9182
|
+
},
|
|
9183
|
+
onInput: (event) => {
|
|
9184
|
+
if (disabled || readOnly) return;
|
|
9185
|
+
const next = event.currentTarget.value;
|
|
9186
|
+
event.currentTarget.value = normalize(next).slice(0, 1) || (digits[index] ?? "");
|
|
9187
|
+
if (composing.current === index && next && !/^[0-9]+$/.test(next)) return;
|
|
9188
|
+
composing.current = null;
|
|
9189
|
+
enter(index, next);
|
|
9190
|
+
},
|
|
9191
|
+
onPaste: (event) => {
|
|
9192
|
+
event.preventDefault();
|
|
9193
|
+
enter(index, event.clipboardData.getData("text"));
|
|
9194
|
+
},
|
|
9195
|
+
onCompositionStart: () => {
|
|
9196
|
+
if (disabled || readOnly) return;
|
|
9197
|
+
composing.current = index;
|
|
9198
|
+
},
|
|
9199
|
+
onCompositionEnd: (event) => {
|
|
9200
|
+
if (disabled || readOnly) return;
|
|
9201
|
+
const text = event.data || event.currentTarget.value;
|
|
9202
|
+
event.currentTarget.value = currentDigits.current[index] ?? "";
|
|
9203
|
+
if (composing.current !== index) return;
|
|
9204
|
+
composing.current = null;
|
|
9205
|
+
enter(index, text);
|
|
9206
|
+
},
|
|
9207
|
+
onKeyDown: (event) => {
|
|
9208
|
+
if (event.nativeEvent.isComposing || composing.current !== null || disabled)
|
|
9209
|
+
return;
|
|
9210
|
+
if (event.key === "Backspace" || event.key === "Delete") {
|
|
9211
|
+
event.preventDefault();
|
|
9212
|
+
if (readOnly) return;
|
|
9213
|
+
if (sequential) {
|
|
9214
|
+
const next2 = [...currentDigits.current];
|
|
9215
|
+
const last = next2.map(Boolean).lastIndexOf(true);
|
|
9216
|
+
if (last >= 0) next2[last] = "";
|
|
9217
|
+
(0, import_react_dom3.flushSync)(() => commit(next2));
|
|
9218
|
+
focus(nextCell(next2));
|
|
9219
|
+
return;
|
|
9220
|
+
}
|
|
9221
|
+
const target = event.key === "Backspace" && !digits[index] ? Math.max(0, index - 1) : index;
|
|
9222
|
+
const next = [...currentDigits.current];
|
|
9223
|
+
next[target] = "";
|
|
9224
|
+
commit(next);
|
|
9225
|
+
focus(target);
|
|
9226
|
+
} else if (["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) {
|
|
9227
|
+
event.preventDefault();
|
|
9228
|
+
if (sequential) return;
|
|
9229
|
+
focus(
|
|
9230
|
+
event.key === "Home" ? 0 : event.key === "End" ? count - 1 : Math.max(
|
|
9231
|
+
0,
|
|
9232
|
+
Math.min(
|
|
9233
|
+
count - 1,
|
|
9234
|
+
index + (event.key === "ArrowRight" ? 1 : -1)
|
|
9235
|
+
)
|
|
9236
|
+
)
|
|
9237
|
+
);
|
|
9238
|
+
}
|
|
9239
|
+
}
|
|
9240
|
+
}
|
|
9241
|
+
),
|
|
9242
|
+
masked && !dotFields && digits[index] && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("span", { className: OTP_default.dot, "aria-hidden": "true" })
|
|
9243
|
+
] })
|
|
9244
|
+
] }, index))
|
|
9245
|
+
}
|
|
9246
|
+
),
|
|
9247
|
+
name && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
|
|
9248
|
+
"input",
|
|
9249
|
+
{
|
|
9250
|
+
type: "hidden",
|
|
9251
|
+
name,
|
|
9252
|
+
form,
|
|
9253
|
+
value: normalize(code),
|
|
9254
|
+
disabled
|
|
9255
|
+
}
|
|
9256
|
+
),
|
|
9257
|
+
supportingText && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Text, { as: "div", id: supportingId, variant: "body-md", color: error ? "red" : "secondary", role: error ? "alert" : void 0, children: supportingText })
|
|
9258
|
+
] });
|
|
9259
|
+
}
|
|
9260
|
+
|
|
9261
|
+
// ../ultimate/src/components/pin/PIN.tsx
|
|
9262
|
+
var import_jsx_runtime234 = require("react/jsx-runtime");
|
|
9263
|
+
function PIN({ length = 4, "aria-label": accessibleLabel = "PIN", autoFocus = true, ...props }) {
|
|
9264
|
+
return /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(OTP, { ...props, label: accessibleLabel, length, size: "large", masked: true, hideLabel: true, dotFields: true, readOnly: false, sequential: true, autoFocus });
|
|
9265
|
+
}
|
|
9266
|
+
|
|
9267
|
+
// ../ultimate/src/components/empty/Empty.tsx
|
|
9268
|
+
var React242 = __toESM(require("react"));
|
|
9269
|
+
var import_jsx_runtime235 = require("react/jsx-runtime");
|
|
9270
|
+
function Empty({
|
|
9271
|
+
title = "No results",
|
|
9272
|
+
description,
|
|
9273
|
+
icon,
|
|
9274
|
+
action
|
|
9275
|
+
}) {
|
|
9276
|
+
const titleId = React242.useId();
|
|
9277
|
+
return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
|
|
9278
|
+
VStack,
|
|
9279
|
+
{
|
|
9280
|
+
as: "section",
|
|
9281
|
+
gap: "sm",
|
|
9282
|
+
p: "xl",
|
|
9283
|
+
align: "center",
|
|
9284
|
+
textAlign: "center",
|
|
9285
|
+
"aria-labelledby": titleId,
|
|
9286
|
+
children: [
|
|
9287
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("span", { "aria-hidden": "true", children: icon }),
|
|
9288
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(VStack, { gap: "4xs", align: "center", children: [
|
|
9289
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Heading, { as: "h3", size: "title-lg", id: titleId, children: title }),
|
|
9290
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text, { as: "div", color: "secondary", children: description })
|
|
9291
|
+
] }),
|
|
9292
|
+
action
|
|
9293
|
+
]
|
|
9294
|
+
}
|
|
9295
|
+
);
|
|
9296
|
+
}
|
|
9297
|
+
|
|
9298
|
+
// ../ultimate/src/components/result/Result.tsx
|
|
9299
|
+
var React243 = __toESM(require("react"));
|
|
9300
|
+
var import_illustrations = require("@photonix/illustrations");
|
|
9301
|
+
var import_jsx_runtime236 = require("react/jsx-runtime");
|
|
9302
|
+
var STATUS_ILLUSTRATION = {
|
|
9303
|
+
success: import_illustrations.CheckCircle,
|
|
9304
|
+
error: import_illustrations.Cancel,
|
|
9305
|
+
warning: import_illustrations.Warning,
|
|
9306
|
+
info: import_illustrations.Information
|
|
7997
9307
|
};
|
|
9308
|
+
function Result({ status, title, description, action }) {
|
|
9309
|
+
const titleId = React243.useId();
|
|
9310
|
+
const StatusIllustration = STATUS_ILLUSTRATION[status];
|
|
9311
|
+
return /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(
|
|
9312
|
+
VStack,
|
|
9313
|
+
{
|
|
9314
|
+
as: "section",
|
|
9315
|
+
gap: "sm",
|
|
9316
|
+
p: "xl",
|
|
9317
|
+
align: "center",
|
|
9318
|
+
textAlign: "center",
|
|
9319
|
+
"aria-labelledby": titleId,
|
|
9320
|
+
"data-status": status,
|
|
9321
|
+
children: [
|
|
9322
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(StatusIllustration, { tone: "accent" }) }),
|
|
9323
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(
|
|
9324
|
+
VStack,
|
|
9325
|
+
{
|
|
9326
|
+
gap: "4xs",
|
|
9327
|
+
align: "center",
|
|
9328
|
+
role: status === "error" ? "alert" : "status",
|
|
9329
|
+
children: [
|
|
9330
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Heading, { as: "h3", size: "title-lg", id: titleId, children: title }),
|
|
9331
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Text, { as: "div", color: "secondary", children: description })
|
|
9332
|
+
]
|
|
9333
|
+
}
|
|
9334
|
+
),
|
|
9335
|
+
action
|
|
9336
|
+
]
|
|
9337
|
+
}
|
|
9338
|
+
);
|
|
9339
|
+
}
|
|
9340
|
+
|
|
9341
|
+
// ../ultimate/src/components/data-list/DataList.tsx
|
|
9342
|
+
var import_jsx_runtime237 = require("react/jsx-runtime");
|
|
9343
|
+
var DOTS = [0, 1, 2, 3, 4, 5];
|
|
9344
|
+
function Action({ children, slot }) {
|
|
9345
|
+
return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
9346
|
+
Box,
|
|
9347
|
+
{
|
|
9348
|
+
display: "flex",
|
|
9349
|
+
alignItems: "center",
|
|
9350
|
+
justifyContent: "center",
|
|
9351
|
+
flexShrink: 0,
|
|
9352
|
+
h: slot ? "var(--body-lg-line-height)" : void 0,
|
|
9353
|
+
w: slot ? "var(--dimensions-20)" : void 0,
|
|
9354
|
+
children
|
|
9355
|
+
}
|
|
9356
|
+
);
|
|
9357
|
+
}
|
|
9358
|
+
function DataList({
|
|
9359
|
+
items,
|
|
9360
|
+
label = "Details",
|
|
9361
|
+
layout,
|
|
9362
|
+
labelSize,
|
|
9363
|
+
orientation = "horizontal"
|
|
9364
|
+
}) {
|
|
9365
|
+
const resolvedLayout = layout ?? (orientation === "vertical" ? "stack" : "inline");
|
|
9366
|
+
const resolvedLabelSize = labelSize ?? (resolvedLayout === "stack" ? "sm" : "lg");
|
|
9367
|
+
return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(VStack, { as: "dl", "aria-label": label, gap: "md", m: "none", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
9368
|
+
DataListRow,
|
|
9369
|
+
{
|
|
9370
|
+
item,
|
|
9371
|
+
layout: resolvedLayout,
|
|
9372
|
+
labelSize: resolvedLabelSize
|
|
9373
|
+
},
|
|
9374
|
+
item.id
|
|
9375
|
+
)) });
|
|
9376
|
+
}
|
|
9377
|
+
function DataListRow({
|
|
9378
|
+
item,
|
|
9379
|
+
layout,
|
|
9380
|
+
labelSize
|
|
9381
|
+
}) {
|
|
9382
|
+
const variant = item.variant ?? "normal";
|
|
9383
|
+
const isStack = layout === "stack";
|
|
9384
|
+
const isInline = layout === "inline";
|
|
9385
|
+
const isTotal = variant === "total";
|
|
9386
|
+
const isHero = isStack && variant === "hero";
|
|
9387
|
+
const isComplex = isStack && variant === "complex";
|
|
9388
|
+
const isFlexible = !isStack && variant === "flexible";
|
|
9389
|
+
const emphasizeValue = variant === "emphasize" || isTotal || isStack && variant === "normal";
|
|
9390
|
+
const labelEmphasized = item.labelEmphasized ?? isTotal;
|
|
9391
|
+
const labelVariant = labelSize === "lg" ? "title-md" : "title-sm";
|
|
9392
|
+
const labelWeight = labelEmphasized ? "medium" : "regular";
|
|
9393
|
+
const badgeBelow = item.badgePlacement === "below";
|
|
9394
|
+
const description = isHero ? void 0 : item.description;
|
|
9395
|
+
const term = /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(Box, { as: "dt", display: "flex", alignItems: "baseline", gap: "4xs", minW: 0, children: [
|
|
9396
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(Box, { display: "flex", alignItems: "center", gap: "4xs", flex: "1 1 0", minW: 0, children: [
|
|
9397
|
+
item.labelIcon && /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Box, { display: "flex", flexShrink: 0, children: item.labelIcon }),
|
|
9398
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
9399
|
+
Text,
|
|
9400
|
+
{
|
|
9401
|
+
as: "div",
|
|
9402
|
+
variant: labelVariant,
|
|
9403
|
+
color: item.labelLead || !labelEmphasized ? "secondary" : "primary",
|
|
9404
|
+
weight: labelWeight,
|
|
9405
|
+
children: [
|
|
9406
|
+
item.labelLead && /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(Text, { as: "span", variant: labelVariant, color: "primary", weight: labelWeight, children: [
|
|
9407
|
+
item.labelLead,
|
|
9408
|
+
" "
|
|
9409
|
+
] }),
|
|
9410
|
+
item.label
|
|
9411
|
+
]
|
|
9412
|
+
}
|
|
9413
|
+
)
|
|
9414
|
+
] }),
|
|
9415
|
+
item.labelTrailing && /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Box, { flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Text, { as: "div", variant: "body-md", color: "secondary", align: "right", children: item.labelTrailing }) })
|
|
9416
|
+
] });
|
|
9417
|
+
const figure = isHero && item.masked ? /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
9418
|
+
Box,
|
|
9419
|
+
{
|
|
9420
|
+
display: "flex",
|
|
9421
|
+
alignItems: "center",
|
|
9422
|
+
gap: "2xs",
|
|
9423
|
+
h: "var(--headline-lg-line-height)",
|
|
9424
|
+
role: "img",
|
|
9425
|
+
"aria-label": "Hidden",
|
|
9426
|
+
children: DOTS.map((dot) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
9427
|
+
Box,
|
|
9428
|
+
{
|
|
9429
|
+
w: "10px",
|
|
9430
|
+
h: "10px",
|
|
9431
|
+
borderRadius: "full",
|
|
9432
|
+
flexShrink: 0,
|
|
9433
|
+
style: { backgroundColor: "var(--foreground-neutral-primary)" }
|
|
9434
|
+
},
|
|
9435
|
+
dot
|
|
9436
|
+
))
|
|
9437
|
+
}
|
|
9438
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
9439
|
+
Text,
|
|
9440
|
+
{
|
|
9441
|
+
as: "div",
|
|
9442
|
+
variant: isHero ? "headline-lg" : "body-lg",
|
|
9443
|
+
weight: emphasizeValue && !isHero ? "medium" : void 0,
|
|
9444
|
+
align: isInline ? "right" : void 0,
|
|
9445
|
+
children: item.value
|
|
9446
|
+
}
|
|
9447
|
+
);
|
|
9448
|
+
const valueRow = isComplex ? /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(Box, { display: "flex", alignItems: "center", gap: "xs", w: "100%", minW: 0, children: [
|
|
9449
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Box, { flex: "1 1 0", minW: 0, children: item.value }),
|
|
9450
|
+
item.action && /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Action, { slot: false, children: item.action })
|
|
9451
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
9452
|
+
Box,
|
|
9453
|
+
{
|
|
9454
|
+
display: "flex",
|
|
9455
|
+
alignItems: "center",
|
|
9456
|
+
gap: "4xs",
|
|
9457
|
+
minW: 0,
|
|
9458
|
+
justifyContent: isInline ? "end" : void 0,
|
|
9459
|
+
children: [
|
|
9460
|
+
item.icon && /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Box, { display: "flex", flexShrink: 0, children: item.icon }),
|
|
9461
|
+
item.valuePrefix && /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Box, { alignSelf: "baseline", flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Text, { as: "span", variant: isHero ? "headline-lg" : "body-lg", color: "secondary", children: item.valuePrefix }) }),
|
|
9462
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Box, { alignSelf: "baseline", minW: 0, children: figure }),
|
|
9463
|
+
item.action && /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Action, { slot: !isHero, children: item.action })
|
|
9464
|
+
]
|
|
9465
|
+
}
|
|
9466
|
+
);
|
|
9467
|
+
const badge = item.badge ? /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Box, { display: "flex", flexShrink: 0, children: item.badge }) : null;
|
|
9468
|
+
const firstLine = badge && !badgeBelow ? /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
9469
|
+
Box,
|
|
9470
|
+
{
|
|
9471
|
+
display: "flex",
|
|
9472
|
+
alignItems: "center",
|
|
9473
|
+
gap: "2xs",
|
|
9474
|
+
w: "100%",
|
|
9475
|
+
minW: 0,
|
|
9476
|
+
justifyContent: isInline ? "end" : void 0,
|
|
9477
|
+
children: [
|
|
9478
|
+
valueRow,
|
|
9479
|
+
badge
|
|
9480
|
+
]
|
|
9481
|
+
}
|
|
9482
|
+
) : valueRow;
|
|
9483
|
+
const definition = /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
9484
|
+
Box,
|
|
9485
|
+
{
|
|
9486
|
+
as: "dd",
|
|
9487
|
+
m: "none",
|
|
9488
|
+
display: "flex",
|
|
9489
|
+
flexDirection: "column",
|
|
9490
|
+
alignItems: isInline ? "end" : "stretch",
|
|
9491
|
+
gap: badge && badgeBelow && !description ? "4xs" : "5xs",
|
|
9492
|
+
minW: 0,
|
|
9493
|
+
children: [
|
|
9494
|
+
firstLine,
|
|
9495
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Text, { as: "div", variant: "body-md", color: "secondary", align: isInline ? "right" : void 0, children: description }),
|
|
9496
|
+
badgeBelow && badge
|
|
9497
|
+
]
|
|
9498
|
+
}
|
|
9499
|
+
);
|
|
9500
|
+
if (isStack) {
|
|
9501
|
+
return /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(VStack, { gap: "4xs", align: "stretch", children: [
|
|
9502
|
+
term,
|
|
9503
|
+
definition,
|
|
9504
|
+
isHero && item.description && /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Text, { as: "div", variant: "body-md", color: "secondary", children: item.description })
|
|
9505
|
+
] });
|
|
9506
|
+
}
|
|
9507
|
+
if (layout === "column") {
|
|
9508
|
+
return /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
9509
|
+
Grid,
|
|
9510
|
+
{
|
|
9511
|
+
columns: isFlexible ? void 0 : 5,
|
|
9512
|
+
templateColumns: isFlexible ? "auto minmax(0, 1fr)" : void 0,
|
|
9513
|
+
columnGap: "2xs",
|
|
9514
|
+
alignItems: "baseline",
|
|
9515
|
+
children: [
|
|
9516
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(GridItem, { colSpan: isFlexible ? void 0 : 2, minW: 0, children: term }),
|
|
9517
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(GridItem, { colSpan: isFlexible ? void 0 : 3, minW: 0, children: definition })
|
|
9518
|
+
]
|
|
9519
|
+
}
|
|
9520
|
+
);
|
|
9521
|
+
}
|
|
9522
|
+
return /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(HStack, { gap: "2xs", align: "baseline", children: [
|
|
9523
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Box, { flex: isFlexible ? "0 1 auto" : "1 1 0", minW: 0, children: term }),
|
|
9524
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Box, { flex: "1 1 0", minW: 0, children: definition })
|
|
9525
|
+
] });
|
|
9526
|
+
}
|
|
7998
9527
|
// Annotate the CommonJS export names for ESM import in node:
|
|
7999
9528
|
0 && (module.exports = {
|
|
8000
9529
|
AVATAR_IMAGES,
|
|
@@ -8047,6 +9576,8 @@ var useLayout = () => {
|
|
|
8047
9576
|
CheckSmallFilled,
|
|
8048
9577
|
CheckSmallOutline,
|
|
8049
9578
|
Checkbox,
|
|
9579
|
+
CheckboxGroup,
|
|
9580
|
+
CheckboxGroupContext,
|
|
8050
9581
|
ChevronDownFilled,
|
|
8051
9582
|
ChevronDownOutline,
|
|
8052
9583
|
ChevronDownSmallFilled,
|
|
@@ -8090,6 +9621,7 @@ var useLayout = () => {
|
|
|
8090
9621
|
CreditCardFilled,
|
|
8091
9622
|
CreditCardOutline,
|
|
8092
9623
|
CustomScrollbar,
|
|
9624
|
+
DataList,
|
|
8093
9625
|
DayFilled,
|
|
8094
9626
|
DayOutline,
|
|
8095
9627
|
Divider,
|
|
@@ -8101,6 +9633,7 @@ var useLayout = () => {
|
|
|
8101
9633
|
DraftOutline,
|
|
8102
9634
|
DuplicateFilled,
|
|
8103
9635
|
DuplicateOutline,
|
|
9636
|
+
Empty,
|
|
8104
9637
|
ExitFilled,
|
|
8105
9638
|
ExitOutline,
|
|
8106
9639
|
EyeDropperFilled,
|
|
@@ -8109,6 +9642,7 @@ var useLayout = () => {
|
|
|
8109
9642
|
EyeOffFilled,
|
|
8110
9643
|
EyeOffOutline,
|
|
8111
9644
|
EyeOutline,
|
|
9645
|
+
Fieldset,
|
|
8112
9646
|
Flex,
|
|
8113
9647
|
FolderFilled,
|
|
8114
9648
|
FolderOutline,
|
|
@@ -8150,10 +9684,13 @@ var useLayout = () => {
|
|
|
8150
9684
|
MoreVerticalOutline,
|
|
8151
9685
|
MusicNoteFilled,
|
|
8152
9686
|
MusicNoteOutline,
|
|
9687
|
+
NumberField,
|
|
9688
|
+
OTP,
|
|
8153
9689
|
OpenWithFilled,
|
|
8154
9690
|
OpenWithOutline,
|
|
8155
9691
|
OptionFilled,
|
|
8156
9692
|
OptionOutline,
|
|
9693
|
+
PIN,
|
|
8157
9694
|
PenFilled,
|
|
8158
9695
|
PenOutline,
|
|
8159
9696
|
PersonalBookFilled,
|
|
@@ -8165,11 +9702,14 @@ var useLayout = () => {
|
|
|
8165
9702
|
Portal,
|
|
8166
9703
|
Radio,
|
|
8167
9704
|
RadioFilled,
|
|
9705
|
+
RadioGroup,
|
|
8168
9706
|
RadioOutline,
|
|
8169
9707
|
RainFilled,
|
|
8170
9708
|
RainOutline,
|
|
9709
|
+
Rating,
|
|
8171
9710
|
RectangleFilled,
|
|
8172
9711
|
RectangleOutline,
|
|
9712
|
+
Result,
|
|
8173
9713
|
RouterFilled,
|
|
8174
9714
|
RouterOutline,
|
|
8175
9715
|
ScheduleFilled,
|