@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.mjs
CHANGED
|
@@ -1194,7 +1194,7 @@ var ArrowLeftFilled = React19.forwardRef(
|
|
|
1194
1194
|
fill: "none",
|
|
1195
1195
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1196
1196
|
...props,
|
|
1197
|
-
children: /* @__PURE__ */ jsx18("path", { d: "M6.71204 7.22693C7.00486 6.93421 7.47971 6.9343 7.77258 7.22693C8.06535 7.
|
|
1197
|
+
children: /* @__PURE__ */ jsx18("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" })
|
|
1198
1198
|
}
|
|
1199
1199
|
)
|
|
1200
1200
|
);
|
|
@@ -1214,7 +1214,7 @@ var ArrowLeftOutline = React20.forwardRef(
|
|
|
1214
1214
|
fill: "none",
|
|
1215
1215
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1216
1216
|
...props,
|
|
1217
|
-
children: /* @__PURE__ */ jsx19("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.
|
|
1217
|
+
children: /* @__PURE__ */ jsx19("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" })
|
|
1218
1218
|
}
|
|
1219
1219
|
)
|
|
1220
1220
|
);
|
|
@@ -1274,7 +1274,7 @@ var ArrowTopLeftFilled = React23.forwardRef(
|
|
|
1274
1274
|
fill: "none",
|
|
1275
1275
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1276
1276
|
...props,
|
|
1277
|
-
children: /* @__PURE__ */ jsx22("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.
|
|
1277
|
+
children: /* @__PURE__ */ jsx22("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" })
|
|
1278
1278
|
}
|
|
1279
1279
|
)
|
|
1280
1280
|
);
|
|
@@ -1434,7 +1434,7 @@ var BackspaceFilled = React31.forwardRef(
|
|
|
1434
1434
|
fill: "none",
|
|
1435
1435
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1436
1436
|
...props,
|
|
1437
|
-
children: /* @__PURE__ */ jsx30("path", { d: "M17.8635
|
|
1437
|
+
children: /* @__PURE__ */ jsx30("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" })
|
|
1438
1438
|
}
|
|
1439
1439
|
)
|
|
1440
1440
|
);
|
|
@@ -1454,7 +1454,7 @@ var BackspaceOutline = React32.forwardRef(
|
|
|
1454
1454
|
fill: "none",
|
|
1455
1455
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1456
1456
|
...props,
|
|
1457
|
-
children: /* @__PURE__ */ jsx31("path", { d: "M18.
|
|
1457
|
+
children: /* @__PURE__ */ jsx31("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" })
|
|
1458
1458
|
}
|
|
1459
1459
|
)
|
|
1460
1460
|
);
|
|
@@ -1874,7 +1874,7 @@ var ChevronLeftFilled = React53.forwardRef(
|
|
|
1874
1874
|
fill: "none",
|
|
1875
1875
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1876
1876
|
...props,
|
|
1877
|
-
children: /* @__PURE__ */ jsx52("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.
|
|
1877
|
+
children: /* @__PURE__ */ jsx52("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" })
|
|
1878
1878
|
}
|
|
1879
1879
|
)
|
|
1880
1880
|
);
|
|
@@ -2354,7 +2354,7 @@ var CoffeeFilled = React77.forwardRef(
|
|
|
2354
2354
|
fill: "none",
|
|
2355
2355
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2356
2356
|
...props,
|
|
2357
|
-
children: /* @__PURE__ */ jsx76("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.
|
|
2357
|
+
children: /* @__PURE__ */ jsx76("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" })
|
|
2358
2358
|
}
|
|
2359
2359
|
)
|
|
2360
2360
|
);
|
|
@@ -2374,7 +2374,7 @@ var CoffeeOutline = React78.forwardRef(
|
|
|
2374
2374
|
fill: "none",
|
|
2375
2375
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2376
2376
|
...props,
|
|
2377
|
-
children: /* @__PURE__ */ jsx77("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.
|
|
2377
|
+
children: /* @__PURE__ */ jsx77("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" })
|
|
2378
2378
|
}
|
|
2379
2379
|
)
|
|
2380
2380
|
);
|
|
@@ -2394,7 +2394,7 @@ var ComponentFilled = React79.forwardRef(
|
|
|
2394
2394
|
fill: "none",
|
|
2395
2395
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2396
2396
|
...props,
|
|
2397
|
-
children: /* @__PURE__ */ jsx78("path", { d: "M10.6577 13.6011C11.
|
|
2397
|
+
children: /* @__PURE__ */ jsx78("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" })
|
|
2398
2398
|
}
|
|
2399
2399
|
)
|
|
2400
2400
|
);
|
|
@@ -2414,7 +2414,7 @@ var ComponentOutline = React80.forwardRef(
|
|
|
2414
2414
|
fill: "none",
|
|
2415
2415
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2416
2416
|
...props,
|
|
2417
|
-
children: /* @__PURE__ */ jsx79("path", { d: "M10.
|
|
2417
|
+
children: /* @__PURE__ */ jsx79("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" })
|
|
2418
2418
|
}
|
|
2419
2419
|
)
|
|
2420
2420
|
);
|
|
@@ -2634,7 +2634,7 @@ var DownloadFilled = React91.forwardRef(
|
|
|
2634
2634
|
fill: "none",
|
|
2635
2635
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2636
2636
|
...props,
|
|
2637
|
-
children: /* @__PURE__ */ jsx90("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.
|
|
2637
|
+
children: /* @__PURE__ */ jsx90("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" })
|
|
2638
2638
|
}
|
|
2639
2639
|
)
|
|
2640
2640
|
);
|
|
@@ -2654,7 +2654,7 @@ var DownloadOutline = React92.forwardRef(
|
|
|
2654
2654
|
fill: "none",
|
|
2655
2655
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2656
2656
|
...props,
|
|
2657
|
-
children: /* @__PURE__ */ jsx91("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.
|
|
2657
|
+
children: /* @__PURE__ */ jsx91("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" })
|
|
2658
2658
|
}
|
|
2659
2659
|
)
|
|
2660
2660
|
);
|
|
@@ -2774,7 +2774,7 @@ var ExitOutline = React98.forwardRef(
|
|
|
2774
2774
|
fill: "none",
|
|
2775
2775
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2776
2776
|
...props,
|
|
2777
|
-
children: /* @__PURE__ */ jsx97("path", { d: "M13.6875 2C15.3789 2 16.75 3.37113 16.75 5.0625C16.75 5.
|
|
2777
|
+
children: /* @__PURE__ */ jsx97("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" })
|
|
2778
2778
|
}
|
|
2779
2779
|
)
|
|
2780
2780
|
);
|
|
@@ -2794,7 +2794,7 @@ var EyeDropperFilled = React99.forwardRef(
|
|
|
2794
2794
|
fill: "none",
|
|
2795
2795
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2796
2796
|
...props,
|
|
2797
|
-
children: /* @__PURE__ */ jsx98("path", { d: "M15.
|
|
2797
|
+
children: /* @__PURE__ */ jsx98("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" })
|
|
2798
2798
|
}
|
|
2799
2799
|
)
|
|
2800
2800
|
);
|
|
@@ -2814,7 +2814,7 @@ var EyeDropperOutline = React100.forwardRef(
|
|
|
2814
2814
|
fill: "none",
|
|
2815
2815
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2816
2816
|
...props,
|
|
2817
|
-
children: /* @__PURE__ */ jsx99("path", { d: "M15.
|
|
2817
|
+
children: /* @__PURE__ */ jsx99("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" })
|
|
2818
2818
|
}
|
|
2819
2819
|
)
|
|
2820
2820
|
);
|
|
@@ -2834,7 +2834,7 @@ var EyeFilled = React101.forwardRef(
|
|
|
2834
2834
|
fill: "none",
|
|
2835
2835
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2836
2836
|
...props,
|
|
2837
|
-
children: /* @__PURE__ */ jsx100("path", { d: "M11.
|
|
2837
|
+
children: /* @__PURE__ */ jsx100("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" })
|
|
2838
2838
|
}
|
|
2839
2839
|
)
|
|
2840
2840
|
);
|
|
@@ -2854,7 +2854,7 @@ var EyeOffFilled = React102.forwardRef(
|
|
|
2854
2854
|
fill: "none",
|
|
2855
2855
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2856
2856
|
...props,
|
|
2857
|
-
children: /* @__PURE__ */ jsx101("path", { d: "M3.
|
|
2857
|
+
children: /* @__PURE__ */ jsx101("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" })
|
|
2858
2858
|
}
|
|
2859
2859
|
)
|
|
2860
2860
|
);
|
|
@@ -2874,7 +2874,7 @@ var EyeOffOutline = React103.forwardRef(
|
|
|
2874
2874
|
fill: "none",
|
|
2875
2875
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2876
2876
|
...props,
|
|
2877
|
-
children: /* @__PURE__ */ jsx102("path", { d: "M3.
|
|
2877
|
+
children: /* @__PURE__ */ jsx102("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" })
|
|
2878
2878
|
}
|
|
2879
2879
|
)
|
|
2880
2880
|
);
|
|
@@ -2894,7 +2894,7 @@ var EyeOutline = React104.forwardRef(
|
|
|
2894
2894
|
fill: "none",
|
|
2895
2895
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2896
2896
|
...props,
|
|
2897
|
-
children: /* @__PURE__ */ jsx103("path", { d: "M12.
|
|
2897
|
+
children: /* @__PURE__ */ jsx103("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" })
|
|
2898
2898
|
}
|
|
2899
2899
|
)
|
|
2900
2900
|
);
|
|
@@ -2994,7 +2994,7 @@ var HistoryFilled = React109.forwardRef(
|
|
|
2994
2994
|
fill: "none",
|
|
2995
2995
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2996
2996
|
...props,
|
|
2997
|
-
children: /* @__PURE__ */ jsx108("path", { d: "M11.
|
|
2997
|
+
children: /* @__PURE__ */ jsx108("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" })
|
|
2998
2998
|
}
|
|
2999
2999
|
)
|
|
3000
3000
|
);
|
|
@@ -3014,7 +3014,7 @@ var HistoryOutline = React110.forwardRef(
|
|
|
3014
3014
|
fill: "none",
|
|
3015
3015
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3016
3016
|
...props,
|
|
3017
|
-
children: /* @__PURE__ */ jsx109("path", { d: "
|
|
3017
|
+
children: /* @__PURE__ */ jsx109("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" })
|
|
3018
3018
|
}
|
|
3019
3019
|
)
|
|
3020
3020
|
);
|
|
@@ -3034,7 +3034,7 @@ var HomeFilled = React111.forwardRef(
|
|
|
3034
3034
|
fill: "none",
|
|
3035
3035
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3036
3036
|
...props,
|
|
3037
|
-
children: /* @__PURE__ */ jsx110("path", { d: "M11.1265 2.
|
|
3037
|
+
children: /* @__PURE__ */ jsx110("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" })
|
|
3038
3038
|
}
|
|
3039
3039
|
)
|
|
3040
3040
|
);
|
|
@@ -3054,7 +3054,7 @@ var HomeOutline = React112.forwardRef(
|
|
|
3054
3054
|
fill: "none",
|
|
3055
3055
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3056
3056
|
...props,
|
|
3057
|
-
children: /* @__PURE__ */ jsx111("path", { d: "M11.1279 2.
|
|
3057
|
+
children: /* @__PURE__ */ jsx111("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" })
|
|
3058
3058
|
}
|
|
3059
3059
|
)
|
|
3060
3060
|
);
|
|
@@ -3234,7 +3234,7 @@ var InstanceFilled = React121.forwardRef(
|
|
|
3234
3234
|
fill: "none",
|
|
3235
3235
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3236
3236
|
...props,
|
|
3237
|
-
children: /* @__PURE__ */ jsx120("path", { d: "M10.
|
|
3237
|
+
children: /* @__PURE__ */ jsx120("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" })
|
|
3238
3238
|
}
|
|
3239
3239
|
)
|
|
3240
3240
|
);
|
|
@@ -3254,7 +3254,7 @@ var InstanceOutline = React122.forwardRef(
|
|
|
3254
3254
|
fill: "none",
|
|
3255
3255
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3256
3256
|
...props,
|
|
3257
|
-
children: /* @__PURE__ */ jsx121("path", { d: "M10.
|
|
3257
|
+
children: /* @__PURE__ */ jsx121("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" })
|
|
3258
3258
|
}
|
|
3259
3259
|
)
|
|
3260
3260
|
);
|
|
@@ -3394,7 +3394,7 @@ var MoonFilled = React129.forwardRef(
|
|
|
3394
3394
|
fill: "none",
|
|
3395
3395
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3396
3396
|
...props,
|
|
3397
|
-
children: /* @__PURE__ */ jsx128("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.
|
|
3397
|
+
children: /* @__PURE__ */ jsx128("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" })
|
|
3398
3398
|
}
|
|
3399
3399
|
)
|
|
3400
3400
|
);
|
|
@@ -3554,7 +3554,7 @@ var OpenWithFilled = React137.forwardRef(
|
|
|
3554
3554
|
fill: "none",
|
|
3555
3555
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3556
3556
|
...props,
|
|
3557
|
-
children: /* @__PURE__ */ jsx136("path", { d: "M12 3C12.4142 3 12.75 3.33579 12.75 3.75C12.75 4.
|
|
3557
|
+
children: /* @__PURE__ */ jsx136("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" })
|
|
3558
3558
|
}
|
|
3559
3559
|
)
|
|
3560
3560
|
);
|
|
@@ -3574,7 +3574,7 @@ var OpenWithOutline = React138.forwardRef(
|
|
|
3574
3574
|
fill: "none",
|
|
3575
3575
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3576
3576
|
...props,
|
|
3577
|
-
children: /* @__PURE__ */ jsx137("path", { d: "M12 3C12.4142 3 12.75 3.33579 12.75 3.75C12.75 4.
|
|
3577
|
+
children: /* @__PURE__ */ jsx137("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" })
|
|
3578
3578
|
}
|
|
3579
3579
|
)
|
|
3580
3580
|
);
|
|
@@ -3634,7 +3634,7 @@ var PenFilled = React141.forwardRef(
|
|
|
3634
3634
|
fill: "none",
|
|
3635
3635
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3636
3636
|
...props,
|
|
3637
|
-
children: /* @__PURE__ */ jsx140("path", {
|
|
3637
|
+
children: /* @__PURE__ */ jsx140("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" })
|
|
3638
3638
|
}
|
|
3639
3639
|
)
|
|
3640
3640
|
);
|
|
@@ -3654,7 +3654,7 @@ var PenOutline = React142.forwardRef(
|
|
|
3654
3654
|
fill: "none",
|
|
3655
3655
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3656
3656
|
...props,
|
|
3657
|
-
children: /* @__PURE__ */ jsx141("path", {
|
|
3657
|
+
children: /* @__PURE__ */ jsx141("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" })
|
|
3658
3658
|
}
|
|
3659
3659
|
)
|
|
3660
3660
|
);
|
|
@@ -3714,7 +3714,7 @@ var PieChartFilled = React145.forwardRef(
|
|
|
3714
3714
|
fill: "none",
|
|
3715
3715
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3716
3716
|
...props,
|
|
3717
|
-
children: /* @__PURE__ */ jsx144("path", { d: "M11.
|
|
3717
|
+
children: /* @__PURE__ */ jsx144("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" })
|
|
3718
3718
|
}
|
|
3719
3719
|
)
|
|
3720
3720
|
);
|
|
@@ -3734,7 +3734,7 @@ var PieChartOutline = React146.forwardRef(
|
|
|
3734
3734
|
fill: "none",
|
|
3735
3735
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3736
3736
|
...props,
|
|
3737
|
-
children: /* @__PURE__ */ jsx145("path", { d: "M11.
|
|
3737
|
+
children: /* @__PURE__ */ jsx145("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" })
|
|
3738
3738
|
}
|
|
3739
3739
|
)
|
|
3740
3740
|
);
|
|
@@ -3914,7 +3914,7 @@ var RouterFilled = React155.forwardRef(
|
|
|
3914
3914
|
fill: "none",
|
|
3915
3915
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3916
3916
|
...props,
|
|
3917
|
-
children: /* @__PURE__ */ jsx154("path", { d: "M9 5.
|
|
3917
|
+
children: /* @__PURE__ */ jsx154("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" })
|
|
3918
3918
|
}
|
|
3919
3919
|
)
|
|
3920
3920
|
);
|
|
@@ -3934,7 +3934,7 @@ var RouterOutline = React156.forwardRef(
|
|
|
3934
3934
|
fill: "none",
|
|
3935
3935
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3936
3936
|
...props,
|
|
3937
|
-
children: /* @__PURE__ */ jsx155("path", { d: "M9 5.
|
|
3937
|
+
children: /* @__PURE__ */ jsx155("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" })
|
|
3938
3938
|
}
|
|
3939
3939
|
)
|
|
3940
3940
|
);
|
|
@@ -4034,7 +4034,7 @@ var SettingsFilled = React161.forwardRef(
|
|
|
4034
4034
|
fill: "none",
|
|
4035
4035
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4036
4036
|
...props,
|
|
4037
|
-
children: /* @__PURE__ */ jsx160("path", { d: "M14.
|
|
4037
|
+
children: /* @__PURE__ */ jsx160("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" })
|
|
4038
4038
|
}
|
|
4039
4039
|
)
|
|
4040
4040
|
);
|
|
@@ -4054,7 +4054,7 @@ var SettingsOutline = React162.forwardRef(
|
|
|
4054
4054
|
fill: "none",
|
|
4055
4055
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4056
4056
|
...props,
|
|
4057
|
-
children: /* @__PURE__ */ jsx161("path", { d: "M13.
|
|
4057
|
+
children: /* @__PURE__ */ jsx161("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" })
|
|
4058
4058
|
}
|
|
4059
4059
|
)
|
|
4060
4060
|
);
|
|
@@ -4114,7 +4114,7 @@ var SideBarCollapseFilled = React165.forwardRef(
|
|
|
4114
4114
|
fill: "none",
|
|
4115
4115
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4116
4116
|
...props,
|
|
4117
|
-
children: /* @__PURE__ */ jsx164("path", { d: "M17.3906 4.00684C18.6095 4.026 19.
|
|
4117
|
+
children: /* @__PURE__ */ jsx164("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" })
|
|
4118
4118
|
}
|
|
4119
4119
|
)
|
|
4120
4120
|
);
|
|
@@ -4154,7 +4154,7 @@ var SideBarExpandFilled = React167.forwardRef(
|
|
|
4154
4154
|
fill: "none",
|
|
4155
4155
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4156
4156
|
...props,
|
|
4157
|
-
children: /* @__PURE__ */ jsx166("path", { d: "M17.3906 4.00684C18.6095 4.026 19.
|
|
4157
|
+
children: /* @__PURE__ */ jsx166("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" })
|
|
4158
4158
|
}
|
|
4159
4159
|
)
|
|
4160
4160
|
);
|
|
@@ -4194,7 +4194,7 @@ var SparklesFilled = React169.forwardRef(
|
|
|
4194
4194
|
fill: "none",
|
|
4195
4195
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4196
4196
|
...props,
|
|
4197
|
-
children: /* @__PURE__ */ jsx168("path", { d: "M11.0696 3.3584C11.4025 2.51455 12.5968 2.51478 12.9299 3.3584L14.9524 8.48438C15.
|
|
4197
|
+
children: /* @__PURE__ */ jsx168("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" })
|
|
4198
4198
|
}
|
|
4199
4199
|
)
|
|
4200
4200
|
);
|
|
@@ -4377,7 +4377,7 @@ var SwapFilled = React178.forwardRef(
|
|
|
4377
4377
|
fill: "none",
|
|
4378
4378
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4379
4379
|
...props,
|
|
4380
|
-
children: /* @__PURE__ */ jsx177("path", { d: "M5.29822 11.6412C5.5911 11.3484 6.06591 11.3484 6.35876 11.6412C6.65157 11.934 6.
|
|
4380
|
+
children: /* @__PURE__ */ jsx177("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" })
|
|
4381
4381
|
}
|
|
4382
4382
|
)
|
|
4383
4383
|
);
|
|
@@ -4577,7 +4577,7 @@ var UploadFilled = React188.forwardRef(
|
|
|
4577
4577
|
fill: "none",
|
|
4578
4578
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4579
4579
|
...props,
|
|
4580
|
-
children: /* @__PURE__ */ jsx187("path", { d: "M20.0015 13.
|
|
4580
|
+
children: /* @__PURE__ */ jsx187("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" })
|
|
4581
4581
|
}
|
|
4582
4582
|
)
|
|
4583
4583
|
);
|
|
@@ -4597,7 +4597,7 @@ var UploadOutline = React189.forwardRef(
|
|
|
4597
4597
|
fill: "none",
|
|
4598
4598
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4599
4599
|
...props,
|
|
4600
|
-
children: /* @__PURE__ */ jsx188("path", { d: "M19.9995 13.
|
|
4600
|
+
children: /* @__PURE__ */ jsx188("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" })
|
|
4601
4601
|
}
|
|
4602
4602
|
)
|
|
4603
4603
|
);
|
|
@@ -4869,11 +4869,16 @@ var Text_default = {};
|
|
|
4869
4869
|
|
|
4870
4870
|
// ../ultimate/src/components/text/Text.tsx
|
|
4871
4871
|
import { jsx as jsx201 } from "react/jsx-runtime";
|
|
4872
|
-
var getVariantVars = (value) => {
|
|
4872
|
+
var getVariantVars = (value, weight) => {
|
|
4873
4873
|
if (!value) return {};
|
|
4874
4874
|
const vars = {};
|
|
4875
4875
|
const breakpoints = ["base", "sm", "md", "lg", "xl", "2xl"];
|
|
4876
|
-
const getWeightToken = (variant) =>
|
|
4876
|
+
const getWeightToken = (variant) => {
|
|
4877
|
+
if (weight === "regular") return `var(--${variant}-weight, var(--body-md-weight))`;
|
|
4878
|
+
if (weight === "medium") return `var(--${variant}-weight-emphasize, var(--label-md-weight-emphasize))`;
|
|
4879
|
+
if (weight === "bold") return "var(--display-lg-weight)";
|
|
4880
|
+
return variant.startsWith("title-") || variant.startsWith("label-") ? `var(--${variant}-weight-emphasize)` : `var(--${variant}-weight)`;
|
|
4881
|
+
};
|
|
4877
4882
|
if (typeof value === "object" && value !== null) {
|
|
4878
4883
|
breakpoints.forEach((bp) => {
|
|
4879
4884
|
const v = value[bp];
|
|
@@ -4943,7 +4948,7 @@ var Text = React202.forwardRef(
|
|
|
4943
4948
|
].filter(Boolean).join(" ");
|
|
4944
4949
|
const inlineStyles = {
|
|
4945
4950
|
...style,
|
|
4946
|
-
...getVariantVars(variant),
|
|
4951
|
+
...getVariantVars(variant, weight),
|
|
4947
4952
|
...getAlignVars(align),
|
|
4948
4953
|
...typeof truncate === "number" && {
|
|
4949
4954
|
"--line-clamp": truncate
|
|
@@ -5032,6 +5037,10 @@ function getElementRef(element) {
|
|
|
5032
5037
|
}
|
|
5033
5038
|
function mergeProps(slotProps, childProps) {
|
|
5034
5039
|
const mergedProps = { ...childProps, ...slotProps };
|
|
5040
|
+
if (childProps.disabled === true) mergedProps.disabled = true;
|
|
5041
|
+
if (childProps["aria-disabled"] === true || childProps["aria-disabled"] === "true") {
|
|
5042
|
+
mergedProps["aria-disabled"] = childProps["aria-disabled"];
|
|
5043
|
+
}
|
|
5035
5044
|
Object.keys(childProps).forEach((propName) => {
|
|
5036
5045
|
const childPropValue = childProps[propName];
|
|
5037
5046
|
const slotPropValue = slotProps[propName];
|
|
@@ -5039,7 +5048,7 @@ function mergeProps(slotProps, childProps) {
|
|
|
5039
5048
|
if (isEventHandler && typeof childPropValue === "function" && typeof slotPropValue === "function") {
|
|
5040
5049
|
mergedProps[propName] = (...args) => {
|
|
5041
5050
|
childPropValue(...args);
|
|
5042
|
-
slotPropValue(...args);
|
|
5051
|
+
if (!args[0]?.defaultPrevented) slotPropValue(...args);
|
|
5043
5052
|
};
|
|
5044
5053
|
} else if (propName === "className") {
|
|
5045
5054
|
mergedProps[propName] = [childPropValue, slotPropValue].filter(Boolean).join(" ");
|
|
@@ -5060,6 +5069,20 @@ var Slot = React204.forwardRef(
|
|
|
5060
5069
|
}
|
|
5061
5070
|
const childRef = getElementRef(child);
|
|
5062
5071
|
const props = mergeProps(slotProps, child.props);
|
|
5072
|
+
if (props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true") {
|
|
5073
|
+
const block = (event) => {
|
|
5074
|
+
event.preventDefault();
|
|
5075
|
+
event.stopPropagation();
|
|
5076
|
+
};
|
|
5077
|
+
const onKeyDown = props.onKeyDown;
|
|
5078
|
+
props.onClick = block;
|
|
5079
|
+
props.onAuxClick = block;
|
|
5080
|
+
props.onKeyDown = (event) => {
|
|
5081
|
+
if (event.key === "Enter" || event.key === " ") block(event);
|
|
5082
|
+
else onKeyDown?.(event);
|
|
5083
|
+
};
|
|
5084
|
+
props.tabIndex = -1;
|
|
5085
|
+
}
|
|
5063
5086
|
if (childRef || forwardedRef) {
|
|
5064
5087
|
props.ref = composeRefs(childRef, forwardedRef);
|
|
5065
5088
|
}
|
|
@@ -5154,7 +5177,7 @@ var Badge = React206.forwardRef(
|
|
|
5154
5177
|
...rest,
|
|
5155
5178
|
children: !isDot && /* @__PURE__ */ jsxs4(Fragment, { children: [
|
|
5156
5179
|
!isTextOnly && icon && /* @__PURE__ */ jsx204("span", { className: Badge_default.badgeIcon, children: icon }),
|
|
5157
|
-
!isIconOnly && (label || count !== void 0 || children) && /* @__PURE__ */ jsxs4("span", { className: Badge_default.badgeLabel, children: [
|
|
5180
|
+
(!isIconOnly || !icon) && (label || count !== void 0 || children) && /* @__PURE__ */ jsxs4("span", { className: Badge_default.badgeLabel, children: [
|
|
5158
5181
|
count !== void 0 ? count : label,
|
|
5159
5182
|
children
|
|
5160
5183
|
] }),
|
|
@@ -5231,6 +5254,7 @@ var Button = React207.forwardRef(
|
|
|
5231
5254
|
{
|
|
5232
5255
|
className: buttonClasses,
|
|
5233
5256
|
ref,
|
|
5257
|
+
disabled: disabled || isLoading,
|
|
5234
5258
|
"aria-disabled": isLoading || disabled || void 0,
|
|
5235
5259
|
"data-loading": isLoading || void 0,
|
|
5236
5260
|
...rest,
|
|
@@ -5267,7 +5291,7 @@ var Button = React207.forwardRef(
|
|
|
5267
5291
|
{
|
|
5268
5292
|
className: buttonClasses,
|
|
5269
5293
|
ref,
|
|
5270
|
-
disabled,
|
|
5294
|
+
disabled: disabled || isLoading,
|
|
5271
5295
|
"aria-disabled": isLoading || disabled || void 0,
|
|
5272
5296
|
"data-loading": isLoading || void 0,
|
|
5273
5297
|
...rest,
|
|
@@ -5337,7 +5361,7 @@ var IconButton = React208.forwardRef(
|
|
|
5337
5361
|
{
|
|
5338
5362
|
className: buttonClasses,
|
|
5339
5363
|
ref,
|
|
5340
|
-
disabled,
|
|
5364
|
+
disabled: disabled || isLoading,
|
|
5341
5365
|
"aria-disabled": isLoading || disabled || void 0,
|
|
5342
5366
|
"data-loading": isLoading || void 0,
|
|
5343
5367
|
...rest,
|
|
@@ -5350,7 +5374,7 @@ var IconButton = React208.forwardRef(
|
|
|
5350
5374
|
{
|
|
5351
5375
|
className: buttonClasses,
|
|
5352
5376
|
ref,
|
|
5353
|
-
disabled,
|
|
5377
|
+
disabled: disabled || isLoading,
|
|
5354
5378
|
"aria-disabled": isLoading || disabled || void 0,
|
|
5355
5379
|
"data-loading": isLoading || void 0,
|
|
5356
5380
|
...rest,
|
|
@@ -5362,14 +5386,285 @@ var IconButton = React208.forwardRef(
|
|
|
5362
5386
|
IconButton.displayName = "IconButton";
|
|
5363
5387
|
|
|
5364
5388
|
// ../ultimate/src/components/checkbox/Checkbox.tsx
|
|
5389
|
+
import * as React214 from "react";
|
|
5390
|
+
|
|
5391
|
+
// ../ultimate/src/internal/form/NativeSelectionInput.tsx
|
|
5365
5392
|
import * as React209 from "react";
|
|
5366
5393
|
|
|
5394
|
+
// ../ultimate/src/hooks/useCallbackRef.ts
|
|
5395
|
+
import { useRef as useRef2, useEffect as useEffect3, useMemo } from "react";
|
|
5396
|
+
function useCallbackRef(callback) {
|
|
5397
|
+
const callbackRef = useRef2(callback);
|
|
5398
|
+
useEffect3(() => {
|
|
5399
|
+
callbackRef.current = callback;
|
|
5400
|
+
});
|
|
5401
|
+
return useMemo(() => ((...args) => callbackRef.current?.(...args)), []);
|
|
5402
|
+
}
|
|
5403
|
+
|
|
5404
|
+
// ../ultimate/src/internal/form/NativeSelectionInput.tsx
|
|
5405
|
+
import { jsx as jsx207 } from "react/jsx-runtime";
|
|
5406
|
+
var visuallyHiddenInputStyle = {
|
|
5407
|
+
position: "absolute",
|
|
5408
|
+
width: 1,
|
|
5409
|
+
height: 1,
|
|
5410
|
+
padding: 0,
|
|
5411
|
+
margin: -1,
|
|
5412
|
+
overflow: "hidden",
|
|
5413
|
+
clipPath: "inset(50%)",
|
|
5414
|
+
whiteSpace: "nowrap",
|
|
5415
|
+
border: 0
|
|
5416
|
+
};
|
|
5417
|
+
function NativeSelectionInput({
|
|
5418
|
+
checked,
|
|
5419
|
+
defaultChecked,
|
|
5420
|
+
controlled,
|
|
5421
|
+
onReset,
|
|
5422
|
+
controlRef,
|
|
5423
|
+
...props
|
|
5424
|
+
}) {
|
|
5425
|
+
const inputRef = React209.useRef(null);
|
|
5426
|
+
const reset = useCallbackRef((event) => {
|
|
5427
|
+
queueMicrotask(() => {
|
|
5428
|
+
if (event.defaultPrevented || !inputRef.current) return;
|
|
5429
|
+
const next = controlled ? checked : defaultChecked;
|
|
5430
|
+
inputRef.current.checked = next;
|
|
5431
|
+
if (!controlled) onReset(next);
|
|
5432
|
+
});
|
|
5433
|
+
});
|
|
5434
|
+
React209.useEffect(() => {
|
|
5435
|
+
const form = inputRef.current?.form;
|
|
5436
|
+
form?.addEventListener("reset", reset);
|
|
5437
|
+
return () => form?.removeEventListener("reset", reset);
|
|
5438
|
+
}, [props.form, reset]);
|
|
5439
|
+
return /* @__PURE__ */ jsx207(
|
|
5440
|
+
"input",
|
|
5441
|
+
{
|
|
5442
|
+
...props,
|
|
5443
|
+
ref: inputRef,
|
|
5444
|
+
checked,
|
|
5445
|
+
onChange: () => {
|
|
5446
|
+
},
|
|
5447
|
+
tabIndex: -1,
|
|
5448
|
+
"aria-hidden": "true",
|
|
5449
|
+
style: visuallyHiddenInputStyle,
|
|
5450
|
+
onInvalid: (event) => {
|
|
5451
|
+
event.preventDefault();
|
|
5452
|
+
controlRef.current?.focus();
|
|
5453
|
+
}
|
|
5454
|
+
}
|
|
5455
|
+
);
|
|
5456
|
+
}
|
|
5457
|
+
|
|
5458
|
+
// ../ultimate/src/components/checkbox-group/CheckboxGroup.tsx
|
|
5459
|
+
import * as React213 from "react";
|
|
5460
|
+
|
|
5461
|
+
// ../ultimate/src/hooks/useControllableState.ts
|
|
5462
|
+
import * as React210 from "react";
|
|
5463
|
+
function useControllableState({
|
|
5464
|
+
value: valueProp,
|
|
5465
|
+
defaultValue,
|
|
5466
|
+
onChange
|
|
5467
|
+
}) {
|
|
5468
|
+
const [uncontrolledValue, setUncontrolledValue] = React210.useState(() => typeof defaultValue === "function" ? defaultValue() : defaultValue);
|
|
5469
|
+
const isControlledRef = React210.useRef(valueProp !== void 0);
|
|
5470
|
+
const isControlled = isControlledRef.current;
|
|
5471
|
+
const value = isControlled ? valueProp : uncontrolledValue;
|
|
5472
|
+
const handleChange = useCallbackRef(onChange);
|
|
5473
|
+
const previousUncontrolledValueRef = React210.useRef(uncontrolledValue);
|
|
5474
|
+
React210.useEffect(() => {
|
|
5475
|
+
if (isControlled) return;
|
|
5476
|
+
if (previousUncontrolledValueRef.current === uncontrolledValue) return;
|
|
5477
|
+
previousUncontrolledValueRef.current = uncontrolledValue;
|
|
5478
|
+
handleChange(uncontrolledValue);
|
|
5479
|
+
}, [isControlled, uncontrolledValue, handleChange]);
|
|
5480
|
+
const setValue = React210.useCallback(
|
|
5481
|
+
(nextValue) => {
|
|
5482
|
+
if (isControlled) {
|
|
5483
|
+
const setter = nextValue;
|
|
5484
|
+
const valueToEmit = typeof nextValue === "function" ? setter(valueProp) : nextValue;
|
|
5485
|
+
handleChange(valueToEmit);
|
|
5486
|
+
} else {
|
|
5487
|
+
setUncontrolledValue((prev) => {
|
|
5488
|
+
const setter = nextValue;
|
|
5489
|
+
return typeof nextValue === "function" ? setter(prev) : nextValue;
|
|
5490
|
+
});
|
|
5491
|
+
}
|
|
5492
|
+
},
|
|
5493
|
+
[isControlled, valueProp, handleChange]
|
|
5494
|
+
);
|
|
5495
|
+
const reset = React210.useCallback(() => {
|
|
5496
|
+
if (isControlled) return;
|
|
5497
|
+
const next = typeof defaultValue === "function" ? defaultValue() : defaultValue;
|
|
5498
|
+
previousUncontrolledValueRef.current = next;
|
|
5499
|
+
setUncontrolledValue(next);
|
|
5500
|
+
}, [isControlled, defaultValue]);
|
|
5501
|
+
return [value, setValue, reset];
|
|
5502
|
+
}
|
|
5503
|
+
|
|
5504
|
+
// ../ultimate/src/internal/form/SelectionGroup.tsx
|
|
5505
|
+
import * as React212 from "react";
|
|
5506
|
+
|
|
5507
|
+
// ../ultimate/src/components/fieldset/Fieldset.tsx
|
|
5508
|
+
import * as React211 from "react";
|
|
5509
|
+
|
|
5510
|
+
// ../ultimate/src/utils/aria.utils.ts
|
|
5511
|
+
function mergeAriaIds(...values) {
|
|
5512
|
+
const ids = values.filter((value) => Boolean(value)).flatMap((value) => value.split(/\s+/));
|
|
5513
|
+
return [...new Set(ids)].join(" ") || void 0;
|
|
5514
|
+
}
|
|
5515
|
+
|
|
5516
|
+
// ../ultimate/src/components/fieldset/Fieldset.tsx
|
|
5517
|
+
import { jsx as jsx208, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
5518
|
+
var Fieldset = React211.forwardRef(
|
|
5519
|
+
({ legend, description, error, children, className, ...props }, ref) => {
|
|
5520
|
+
const id = React211.useId();
|
|
5521
|
+
return /* @__PURE__ */ jsxs7(
|
|
5522
|
+
Box,
|
|
5523
|
+
{
|
|
5524
|
+
as: "fieldset",
|
|
5525
|
+
border: "none",
|
|
5526
|
+
p: "none",
|
|
5527
|
+
m: "none",
|
|
5528
|
+
minW: 0,
|
|
5529
|
+
...props,
|
|
5530
|
+
ref,
|
|
5531
|
+
className,
|
|
5532
|
+
"aria-describedby": mergeAriaIds(
|
|
5533
|
+
props["aria-describedby"],
|
|
5534
|
+
description ? `${id}-description` : void 0,
|
|
5535
|
+
error ? `${id}-error` : void 0
|
|
5536
|
+
),
|
|
5537
|
+
"aria-invalid": error ? true : props["aria-invalid"],
|
|
5538
|
+
children: [
|
|
5539
|
+
legend != null && /* @__PURE__ */ jsx208(Box, { as: "legend", p: "none", mb: "2xs", children: /* @__PURE__ */ jsx208(Text, { as: "span", variant: "title-md", children: legend }) }),
|
|
5540
|
+
/* @__PURE__ */ jsxs7(VStack, { gap: "2xs", children: [
|
|
5541
|
+
description && /* @__PURE__ */ jsx208(
|
|
5542
|
+
Text,
|
|
5543
|
+
{
|
|
5544
|
+
as: "div",
|
|
5545
|
+
variant: "body-md",
|
|
5546
|
+
color: "secondary",
|
|
5547
|
+
id: `${id}-description`,
|
|
5548
|
+
children: description
|
|
5549
|
+
}
|
|
5550
|
+
),
|
|
5551
|
+
children,
|
|
5552
|
+
error && /* @__PURE__ */ jsx208(Text, { as: "div", variant: "body-md", color: "red", id: `${id}-error`, children: error })
|
|
5553
|
+
] })
|
|
5554
|
+
]
|
|
5555
|
+
}
|
|
5556
|
+
);
|
|
5557
|
+
}
|
|
5558
|
+
);
|
|
5559
|
+
Fieldset.displayName = "Fieldset";
|
|
5560
|
+
|
|
5561
|
+
// ../ultimate/src/internal/form/SelectionGroup.tsx
|
|
5562
|
+
import { jsx as jsx209 } from "react/jsx-runtime";
|
|
5563
|
+
var SelectionGroupFrame = React212.forwardRef(({ label, description, error, orientation = "vertical", disabled, children, ...props }, ref) => /* @__PURE__ */ jsx209(Fieldset, { ref, legend: label, description, error, disabled, ...props, children: /* @__PURE__ */ jsx209(
|
|
5564
|
+
Stack,
|
|
5565
|
+
{
|
|
5566
|
+
direction: orientation === "horizontal" ? "row" : "column",
|
|
5567
|
+
gap: "2xs",
|
|
5568
|
+
columnGap: orientation === "horizontal" ? "md" : void 0,
|
|
5569
|
+
wrap: true,
|
|
5570
|
+
children
|
|
5571
|
+
}
|
|
5572
|
+
) }));
|
|
5573
|
+
SelectionGroupFrame.displayName = "SelectionGroupFrame";
|
|
5574
|
+
function useGroupFormReset(rootRef, form, reset) {
|
|
5575
|
+
const onReset = useCallbackRef((event) => {
|
|
5576
|
+
queueMicrotask(() => {
|
|
5577
|
+
if (!event.defaultPrevented) reset();
|
|
5578
|
+
});
|
|
5579
|
+
});
|
|
5580
|
+
React212.useEffect(() => {
|
|
5581
|
+
const owner = form ? document.getElementById(form) : rootRef.current?.closest("form");
|
|
5582
|
+
owner?.addEventListener("reset", onReset);
|
|
5583
|
+
return () => owner?.removeEventListener("reset", onReset);
|
|
5584
|
+
}, [form, rootRef, onReset]);
|
|
5585
|
+
}
|
|
5586
|
+
function assignRef(ref, node) {
|
|
5587
|
+
if (typeof ref === "function") ref(node);
|
|
5588
|
+
else if (ref) ref.current = node;
|
|
5589
|
+
}
|
|
5590
|
+
|
|
5591
|
+
// ../ultimate/src/components/checkbox-group/CheckboxGroup.tsx
|
|
5592
|
+
import { jsx as jsx210, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
5593
|
+
var CheckboxGroupContext = React213.createContext(null);
|
|
5594
|
+
var EMPTY = [];
|
|
5595
|
+
var CheckboxGroup = React213.forwardRef(({
|
|
5596
|
+
value,
|
|
5597
|
+
defaultValue = EMPTY,
|
|
5598
|
+
onChange,
|
|
5599
|
+
name,
|
|
5600
|
+
form,
|
|
5601
|
+
disabled,
|
|
5602
|
+
required,
|
|
5603
|
+
requiredMessage = "Select at least one option.",
|
|
5604
|
+
children,
|
|
5605
|
+
...props
|
|
5606
|
+
}, forwardedRef) => {
|
|
5607
|
+
const [selected = EMPTY, setSelected, reset] = useControllableState({ value, defaultValue, onChange });
|
|
5608
|
+
const rootRef = React213.useRef(null);
|
|
5609
|
+
const validationRef = React213.useRef(null);
|
|
5610
|
+
useGroupFormReset(rootRef, form, reset);
|
|
5611
|
+
const missing = Boolean(required) && selected.length === 0;
|
|
5612
|
+
React213.useLayoutEffect(() => {
|
|
5613
|
+
const input = validationRef.current;
|
|
5614
|
+
input.checked = !missing;
|
|
5615
|
+
input.setCustomValidity(missing ? requiredMessage : "");
|
|
5616
|
+
}, [missing, requiredMessage]);
|
|
5617
|
+
const context = React213.useMemo(() => ({
|
|
5618
|
+
value: selected,
|
|
5619
|
+
name,
|
|
5620
|
+
form,
|
|
5621
|
+
disabled,
|
|
5622
|
+
toggle: (option, checked) => setSelected(
|
|
5623
|
+
checked ? [...selected.filter((item) => item !== option), option] : selected.filter((item) => item !== option)
|
|
5624
|
+
)
|
|
5625
|
+
}), [selected, name, form, disabled, setSelected]);
|
|
5626
|
+
return /* @__PURE__ */ jsxs8(CheckboxGroupContext.Provider, { value: context, children: [
|
|
5627
|
+
/* @__PURE__ */ jsx210(
|
|
5628
|
+
SelectionGroupFrame,
|
|
5629
|
+
{
|
|
5630
|
+
...props,
|
|
5631
|
+
ref: (node) => {
|
|
5632
|
+
rootRef.current = node;
|
|
5633
|
+
assignRef(forwardedRef, node);
|
|
5634
|
+
},
|
|
5635
|
+
disabled,
|
|
5636
|
+
"aria-required": required || void 0,
|
|
5637
|
+
children
|
|
5638
|
+
}
|
|
5639
|
+
),
|
|
5640
|
+
/* @__PURE__ */ jsx210(
|
|
5641
|
+
"input",
|
|
5642
|
+
{
|
|
5643
|
+
ref: validationRef,
|
|
5644
|
+
type: "checkbox",
|
|
5645
|
+
form,
|
|
5646
|
+
required,
|
|
5647
|
+
defaultChecked: !missing,
|
|
5648
|
+
disabled,
|
|
5649
|
+
tabIndex: -1,
|
|
5650
|
+
"aria-hidden": "true",
|
|
5651
|
+
style: visuallyHiddenInputStyle,
|
|
5652
|
+
onInvalid: (event) => {
|
|
5653
|
+
event.preventDefault();
|
|
5654
|
+
rootRef.current?.querySelector('[role="checkbox"]:not(:disabled)')?.focus();
|
|
5655
|
+
}
|
|
5656
|
+
}
|
|
5657
|
+
)
|
|
5658
|
+
] });
|
|
5659
|
+
});
|
|
5660
|
+
CheckboxGroup.displayName = "CheckboxGroup";
|
|
5661
|
+
|
|
5367
5662
|
// ../ultimate/src/components/checkbox/Checkbox.module.css
|
|
5368
5663
|
var Checkbox_default = {};
|
|
5369
5664
|
|
|
5370
5665
|
// ../ultimate/src/components/checkbox/Checkbox.tsx
|
|
5371
|
-
import { jsx as
|
|
5372
|
-
var Checkbox =
|
|
5666
|
+
import { Fragment as Fragment4, jsx as jsx211, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
5667
|
+
var Checkbox = React214.forwardRef(
|
|
5373
5668
|
({
|
|
5374
5669
|
className,
|
|
5375
5670
|
style,
|
|
@@ -5381,18 +5676,33 @@ var Checkbox = React209.forwardRef(
|
|
|
5381
5676
|
disabled,
|
|
5382
5677
|
onChange,
|
|
5383
5678
|
onClick,
|
|
5679
|
+
name,
|
|
5680
|
+
value,
|
|
5681
|
+
form,
|
|
5682
|
+
required,
|
|
5384
5683
|
...rest
|
|
5385
5684
|
}, ref) => {
|
|
5685
|
+
const group = React214.useContext(CheckboxGroupContext);
|
|
5686
|
+
const inGroup = Boolean(group) && value !== void 0;
|
|
5687
|
+
const optionValue = String(value);
|
|
5688
|
+
if (inGroup) {
|
|
5689
|
+
controlledChecked = group.value.includes(optionValue);
|
|
5690
|
+
name = group.name ?? name;
|
|
5691
|
+
form = group.form ?? form;
|
|
5692
|
+
disabled = disabled || group.disabled;
|
|
5693
|
+
}
|
|
5386
5694
|
const isControlled = controlledChecked !== void 0;
|
|
5387
|
-
const [internalChecked, setInternalChecked] =
|
|
5388
|
-
const [rippleActive, setRippleActive] =
|
|
5389
|
-
const rippleTimeoutRef =
|
|
5390
|
-
const checked = isControlled ? controlledChecked : internalChecked;
|
|
5695
|
+
const [internalChecked, setInternalChecked] = React214.useState(defaultChecked);
|
|
5696
|
+
const [rippleActive, setRippleActive] = React214.useState(false);
|
|
5697
|
+
const rippleTimeoutRef = React214.useRef(null);
|
|
5698
|
+
const checked = isControlled ? Boolean(controlledChecked) : internalChecked;
|
|
5699
|
+
const controlRef = React214.useRef(null);
|
|
5391
5700
|
const isIndeterminate = indeterminate;
|
|
5392
5701
|
const isChecked = !indeterminate && checked;
|
|
5393
5702
|
const isUnchecked = !indeterminate && !checked;
|
|
5394
5703
|
const iconSize = size === "small" ? 20 : 24;
|
|
5395
5704
|
const handleClick = (e) => {
|
|
5705
|
+
e.preventDefault();
|
|
5396
5706
|
if (disabled) return;
|
|
5397
5707
|
if (rippleTimeoutRef.current) {
|
|
5398
5708
|
clearTimeout(rippleTimeoutRef.current);
|
|
@@ -5405,6 +5715,7 @@ var Checkbox = React209.forwardRef(
|
|
|
5405
5715
|
if (!isControlled) {
|
|
5406
5716
|
setInternalChecked(nextChecked);
|
|
5407
5717
|
}
|
|
5718
|
+
if (inGroup) group.toggle(optionValue, nextChecked);
|
|
5408
5719
|
if (onChange) {
|
|
5409
5720
|
onChange(nextChecked);
|
|
5410
5721
|
}
|
|
@@ -5412,7 +5723,7 @@ var Checkbox = React209.forwardRef(
|
|
|
5412
5723
|
onClick(e);
|
|
5413
5724
|
}
|
|
5414
5725
|
};
|
|
5415
|
-
|
|
5726
|
+
React214.useEffect(() => {
|
|
5416
5727
|
return () => {
|
|
5417
5728
|
if (rippleTimeoutRef.current) {
|
|
5418
5729
|
clearTimeout(rippleTimeoutRef.current);
|
|
@@ -5432,11 +5743,18 @@ var Checkbox = React209.forwardRef(
|
|
|
5432
5743
|
disabled && Checkbox_default.disabled,
|
|
5433
5744
|
label && className
|
|
5434
5745
|
].filter(Boolean).join(" ");
|
|
5435
|
-
const checkboxContent = /* @__PURE__ */
|
|
5746
|
+
const checkboxContent = /* @__PURE__ */ jsx211(
|
|
5436
5747
|
"button",
|
|
5437
5748
|
{
|
|
5438
|
-
ref
|
|
5749
|
+
ref: (node) => {
|
|
5750
|
+
controlRef.current = node;
|
|
5751
|
+
if (typeof ref === "function") ref(node);
|
|
5752
|
+
else if (ref) ref.current = node;
|
|
5753
|
+
},
|
|
5439
5754
|
type: "button",
|
|
5755
|
+
form,
|
|
5756
|
+
value,
|
|
5757
|
+
"aria-required": required || void 0,
|
|
5440
5758
|
role: "checkbox",
|
|
5441
5759
|
"aria-checked": indeterminate ? "mixed" : checked,
|
|
5442
5760
|
className: checkboxClasses,
|
|
@@ -5444,35 +5762,137 @@ var Checkbox = React209.forwardRef(
|
|
|
5444
5762
|
onClick: handleClick,
|
|
5445
5763
|
style: !label ? style : void 0,
|
|
5446
5764
|
...rest,
|
|
5447
|
-
children: /* @__PURE__ */
|
|
5448
|
-
/* @__PURE__ */
|
|
5449
|
-
(isChecked || isIndeterminate) && /* @__PURE__ */
|
|
5450
|
-
isChecked && /* @__PURE__ */
|
|
5451
|
-
isIndeterminate && /* @__PURE__ */
|
|
5765
|
+
children: /* @__PURE__ */ jsxs9("span", { className: Checkbox_default.checkboxIcon, children: [
|
|
5766
|
+
/* @__PURE__ */ jsx211("span", { className: Checkbox_default.checkboxBase, children: isUnchecked ? /* @__PURE__ */ jsx211(RectangleOutline, { size: iconSize }) : /* @__PURE__ */ jsx211(RectangleFilled, { size: iconSize }) }),
|
|
5767
|
+
(isChecked || isIndeterminate) && /* @__PURE__ */ jsxs9("span", { className: Checkbox_default.checkboxOverlay, children: [
|
|
5768
|
+
isChecked && /* @__PURE__ */ jsx211(CheckSmallOutline, { size: iconSize }),
|
|
5769
|
+
isIndeterminate && /* @__PURE__ */ jsx211(IndeterminateSmallOutline, { size: iconSize })
|
|
5452
5770
|
] })
|
|
5453
5771
|
] })
|
|
5454
5772
|
}
|
|
5455
5773
|
);
|
|
5774
|
+
const formInput = /* @__PURE__ */ jsx211(
|
|
5775
|
+
NativeSelectionInput,
|
|
5776
|
+
{
|
|
5777
|
+
type: "checkbox",
|
|
5778
|
+
name,
|
|
5779
|
+
value,
|
|
5780
|
+
form,
|
|
5781
|
+
required,
|
|
5782
|
+
disabled,
|
|
5783
|
+
checked,
|
|
5784
|
+
defaultChecked,
|
|
5785
|
+
controlled: isControlled,
|
|
5786
|
+
controlRef,
|
|
5787
|
+
onReset: setInternalChecked
|
|
5788
|
+
}
|
|
5789
|
+
);
|
|
5456
5790
|
if (label) {
|
|
5457
|
-
return /* @__PURE__ */
|
|
5458
|
-
|
|
5459
|
-
/* @__PURE__ */
|
|
5791
|
+
return /* @__PURE__ */ jsxs9(Fragment4, { children: [
|
|
5792
|
+
formInput,
|
|
5793
|
+
/* @__PURE__ */ jsxs9("label", { className: containerClasses, style, children: [
|
|
5794
|
+
checkboxContent,
|
|
5795
|
+
/* @__PURE__ */ jsx211("span", { className: Checkbox_default.checkboxLabel, children: label })
|
|
5796
|
+
] })
|
|
5460
5797
|
] });
|
|
5461
5798
|
}
|
|
5462
|
-
return
|
|
5799
|
+
return /* @__PURE__ */ jsxs9(Fragment4, { children: [
|
|
5800
|
+
formInput,
|
|
5801
|
+
checkboxContent
|
|
5802
|
+
] });
|
|
5463
5803
|
}
|
|
5464
5804
|
);
|
|
5465
5805
|
Checkbox.displayName = "Checkbox";
|
|
5466
5806
|
|
|
5467
5807
|
// ../ultimate/src/components/radio/Radio.tsx
|
|
5468
|
-
import * as
|
|
5808
|
+
import * as React216 from "react";
|
|
5809
|
+
|
|
5810
|
+
// ../ultimate/src/components/radio/RadioGroup.tsx
|
|
5811
|
+
import * as React215 from "react";
|
|
5812
|
+
import { jsx as jsx212 } from "react/jsx-runtime";
|
|
5813
|
+
var RadioGroupContext = React215.createContext(null);
|
|
5814
|
+
var NAVIGATION_KEYS = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"];
|
|
5815
|
+
var RadioGroup = React215.forwardRef(
|
|
5816
|
+
({
|
|
5817
|
+
value,
|
|
5818
|
+
defaultValue,
|
|
5819
|
+
onChange,
|
|
5820
|
+
name,
|
|
5821
|
+
form,
|
|
5822
|
+
disabled,
|
|
5823
|
+
required,
|
|
5824
|
+
onKeyDown,
|
|
5825
|
+
children,
|
|
5826
|
+
...props
|
|
5827
|
+
}, forwardedRef) => {
|
|
5828
|
+
const generatedName = React215.useId();
|
|
5829
|
+
const [currentValue, setValue, reset] = useControllableState({
|
|
5830
|
+
value,
|
|
5831
|
+
defaultValue,
|
|
5832
|
+
onChange
|
|
5833
|
+
});
|
|
5834
|
+
const rootRef = React215.useRef(null);
|
|
5835
|
+
useGroupFormReset(rootRef, form, reset);
|
|
5836
|
+
const ownRadios = (root) => Array.from(root.querySelectorAll('[role="radio"]:not(:disabled)')).filter(
|
|
5837
|
+
(item) => item.closest('[role="radiogroup"]') === root
|
|
5838
|
+
);
|
|
5839
|
+
React215.useLayoutEffect(() => {
|
|
5840
|
+
if (!rootRef.current) return;
|
|
5841
|
+
const items = ownRadios(rootRef.current);
|
|
5842
|
+
const selected = items.find((item) => item.getAttribute("aria-checked") === "true") ?? items[0];
|
|
5843
|
+
items.forEach((item) => {
|
|
5844
|
+
item.tabIndex = item === selected ? 0 : -1;
|
|
5845
|
+
});
|
|
5846
|
+
}, [currentValue, children, disabled]);
|
|
5847
|
+
const context = React215.useMemo(
|
|
5848
|
+
() => ({
|
|
5849
|
+
value: currentValue,
|
|
5850
|
+
name: name ?? generatedName,
|
|
5851
|
+
form,
|
|
5852
|
+
disabled,
|
|
5853
|
+
required,
|
|
5854
|
+
onChange: (next) => setValue(next)
|
|
5855
|
+
}),
|
|
5856
|
+
[currentValue, name, generatedName, form, disabled, required, setValue]
|
|
5857
|
+
);
|
|
5858
|
+
return /* @__PURE__ */ jsx212(RadioGroupContext.Provider, { value: context, children: /* @__PURE__ */ jsx212(
|
|
5859
|
+
SelectionGroupFrame,
|
|
5860
|
+
{
|
|
5861
|
+
...props,
|
|
5862
|
+
ref: (node) => {
|
|
5863
|
+
rootRef.current = node;
|
|
5864
|
+
assignRef(forwardedRef, node);
|
|
5865
|
+
},
|
|
5866
|
+
disabled,
|
|
5867
|
+
role: "radiogroup",
|
|
5868
|
+
"aria-required": required || void 0,
|
|
5869
|
+
onKeyDown: (event) => {
|
|
5870
|
+
onKeyDown?.(event);
|
|
5871
|
+
if (event.defaultPrevented || event.nativeEvent.isComposing || disabled || !NAVIGATION_KEYS.includes(event.key))
|
|
5872
|
+
return;
|
|
5873
|
+
const items = ownRadios(event.currentTarget);
|
|
5874
|
+
const index = items.indexOf(event.target);
|
|
5875
|
+
if (index < 0) return;
|
|
5876
|
+
event.preventDefault();
|
|
5877
|
+
const rtl = getComputedStyle(event.currentTarget).direction === "rtl";
|
|
5878
|
+
const previous = event.key === "ArrowUp" || event.key === (rtl ? "ArrowRight" : "ArrowLeft");
|
|
5879
|
+
const next = event.key === "Home" ? 0 : event.key === "End" ? items.length - 1 : (index + (previous ? -1 : 1) + items.length) % items.length;
|
|
5880
|
+
items[next]?.focus();
|
|
5881
|
+
items[next]?.click();
|
|
5882
|
+
},
|
|
5883
|
+
children
|
|
5884
|
+
}
|
|
5885
|
+
) });
|
|
5886
|
+
}
|
|
5887
|
+
);
|
|
5888
|
+
RadioGroup.displayName = "RadioGroup";
|
|
5469
5889
|
|
|
5470
5890
|
// ../ultimate/src/components/radio/Radio.module.css
|
|
5471
5891
|
var Radio_default = {};
|
|
5472
5892
|
|
|
5473
5893
|
// ../ultimate/src/components/radio/Radio.tsx
|
|
5474
|
-
import { jsx as
|
|
5475
|
-
var Radio =
|
|
5894
|
+
import { Fragment as Fragment5, jsx as jsx213, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
5895
|
+
var Radio = React216.forwardRef(
|
|
5476
5896
|
({
|
|
5477
5897
|
className,
|
|
5478
5898
|
style,
|
|
@@ -5483,16 +5903,35 @@ var Radio = React210.forwardRef(
|
|
|
5483
5903
|
disabled,
|
|
5484
5904
|
onChange,
|
|
5485
5905
|
onClick,
|
|
5906
|
+
name,
|
|
5907
|
+
value,
|
|
5908
|
+
form,
|
|
5909
|
+
required,
|
|
5486
5910
|
...rest
|
|
5487
5911
|
}, ref) => {
|
|
5488
|
-
const
|
|
5489
|
-
const
|
|
5490
|
-
const
|
|
5491
|
-
const
|
|
5492
|
-
|
|
5912
|
+
const group = React216.useContext(RadioGroupContext);
|
|
5913
|
+
const optionValue = value === void 0 ? "on" : String(value);
|
|
5914
|
+
const effectiveChecked = group ? group.value === optionValue : controlledChecked;
|
|
5915
|
+
const isControlled = effectiveChecked !== void 0 || Boolean(group);
|
|
5916
|
+
disabled = disabled || group?.disabled;
|
|
5917
|
+
name = group?.name ?? name;
|
|
5918
|
+
form = group?.form ?? form;
|
|
5919
|
+
required = required || group?.required;
|
|
5920
|
+
const [internalChecked, setInternalChecked] = React216.useState(defaultChecked);
|
|
5921
|
+
const [pressed, setPressed] = React216.useState(false);
|
|
5922
|
+
const timeoutRef = React216.useRef(null);
|
|
5923
|
+
const checked = isControlled ? Boolean(effectiveChecked) : internalChecked;
|
|
5924
|
+
const controlRef = React216.useRef(null);
|
|
5493
5925
|
const iconSize = size === "small" ? 20 : 24;
|
|
5494
5926
|
const handleClick = (e) => {
|
|
5927
|
+
e.preventDefault();
|
|
5495
5928
|
if (disabled) return;
|
|
5929
|
+
if (name && !checked) {
|
|
5930
|
+
controlRef.current?.dispatchEvent(new CustomEvent("photonix-radio-select", {
|
|
5931
|
+
bubbles: true,
|
|
5932
|
+
detail: { name, form: controlRef.current.form }
|
|
5933
|
+
}));
|
|
5934
|
+
}
|
|
5496
5935
|
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
5497
5936
|
setPressed(true);
|
|
5498
5937
|
timeoutRef.current = setTimeout(() => setPressed(false), 350);
|
|
@@ -5500,6 +5939,7 @@ var Radio = React210.forwardRef(
|
|
|
5500
5939
|
if (!isControlled) {
|
|
5501
5940
|
setInternalChecked(true);
|
|
5502
5941
|
}
|
|
5942
|
+
group?.onChange(optionValue);
|
|
5503
5943
|
if (onChange) {
|
|
5504
5944
|
onChange(true);
|
|
5505
5945
|
}
|
|
@@ -5508,11 +5948,22 @@ var Radio = React210.forwardRef(
|
|
|
5508
5948
|
onClick(e);
|
|
5509
5949
|
}
|
|
5510
5950
|
};
|
|
5511
|
-
|
|
5951
|
+
React216.useEffect(() => {
|
|
5512
5952
|
return () => {
|
|
5513
5953
|
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
5514
5954
|
};
|
|
5515
5955
|
}, []);
|
|
5956
|
+
React216.useEffect(() => {
|
|
5957
|
+
if (isControlled || !name) return;
|
|
5958
|
+
const clearSibling = (event) => {
|
|
5959
|
+
const selection = event;
|
|
5960
|
+
if (selection.target !== controlRef.current && selection.detail.name === name && selection.detail.form === controlRef.current?.form) {
|
|
5961
|
+
setInternalChecked(false);
|
|
5962
|
+
}
|
|
5963
|
+
};
|
|
5964
|
+
document.addEventListener("photonix-radio-select", clearSibling);
|
|
5965
|
+
return () => document.removeEventListener("photonix-radio-select", clearSibling);
|
|
5966
|
+
}, [isControlled, name]);
|
|
5516
5967
|
const radioClasses = [
|
|
5517
5968
|
"phx-radio",
|
|
5518
5969
|
Radio_default.radioRoot,
|
|
@@ -5526,41 +5977,71 @@ var Radio = React210.forwardRef(
|
|
|
5526
5977
|
disabled && Radio_default.disabled,
|
|
5527
5978
|
label && className
|
|
5528
5979
|
].filter(Boolean).join(" ");
|
|
5529
|
-
const radioContent = /* @__PURE__ */
|
|
5980
|
+
const radioContent = /* @__PURE__ */ jsx213(
|
|
5530
5981
|
"button",
|
|
5531
5982
|
{
|
|
5532
|
-
ref
|
|
5983
|
+
ref: (node) => {
|
|
5984
|
+
controlRef.current = node;
|
|
5985
|
+
if (typeof ref === "function") ref(node);
|
|
5986
|
+
else if (ref) ref.current = node;
|
|
5987
|
+
},
|
|
5533
5988
|
type: "button",
|
|
5989
|
+
form,
|
|
5990
|
+
value,
|
|
5991
|
+
"aria-required": required || void 0,
|
|
5534
5992
|
role: "radio",
|
|
5535
5993
|
"aria-checked": checked,
|
|
5536
5994
|
className: radioClasses,
|
|
5537
5995
|
disabled,
|
|
5538
5996
|
onClick: handleClick,
|
|
5539
5997
|
style: !label ? style : void 0,
|
|
5998
|
+
tabIndex: group ? checked || group.value === void 0 ? 0 : -1 : void 0,
|
|
5540
5999
|
...rest,
|
|
5541
|
-
children: /* @__PURE__ */
|
|
6000
|
+
children: /* @__PURE__ */ jsx213("span", { className: Radio_default.radioIcon, children: checked ? /* @__PURE__ */ jsx213(RadioOutline, { size: iconSize }) : /* @__PURE__ */ jsx213(CircleOutline, { size: iconSize }) })
|
|
6001
|
+
}
|
|
6002
|
+
);
|
|
6003
|
+
const formInput = /* @__PURE__ */ jsx213(
|
|
6004
|
+
NativeSelectionInput,
|
|
6005
|
+
{
|
|
6006
|
+
type: "radio",
|
|
6007
|
+
name,
|
|
6008
|
+
value,
|
|
6009
|
+
form,
|
|
6010
|
+
required,
|
|
6011
|
+
disabled,
|
|
6012
|
+
checked,
|
|
6013
|
+
defaultChecked,
|
|
6014
|
+
controlled: isControlled,
|
|
6015
|
+
controlRef,
|
|
6016
|
+
onReset: setInternalChecked
|
|
5542
6017
|
}
|
|
5543
6018
|
);
|
|
5544
6019
|
if (label) {
|
|
5545
|
-
return /* @__PURE__ */
|
|
5546
|
-
|
|
5547
|
-
/* @__PURE__ */
|
|
6020
|
+
return /* @__PURE__ */ jsxs10(Fragment5, { children: [
|
|
6021
|
+
formInput,
|
|
6022
|
+
/* @__PURE__ */ jsxs10("label", { className: containerClasses, style, children: [
|
|
6023
|
+
radioContent,
|
|
6024
|
+
/* @__PURE__ */ jsx213("span", { className: Radio_default.radioLabel, children: label })
|
|
6025
|
+
] })
|
|
5548
6026
|
] });
|
|
5549
6027
|
}
|
|
5550
|
-
return
|
|
6028
|
+
return /* @__PURE__ */ jsxs10(Fragment5, { children: [
|
|
6029
|
+
formInput,
|
|
6030
|
+
radioContent
|
|
6031
|
+
] });
|
|
5551
6032
|
}
|
|
5552
6033
|
);
|
|
5553
6034
|
Radio.displayName = "Radio";
|
|
5554
6035
|
|
|
5555
6036
|
// ../ultimate/src/components/switch/Switch.tsx
|
|
5556
|
-
import * as
|
|
6037
|
+
import * as React217 from "react";
|
|
5557
6038
|
|
|
5558
6039
|
// ../ultimate/src/components/switch/Switch.module.css
|
|
5559
6040
|
var Switch_default = {};
|
|
5560
6041
|
|
|
5561
6042
|
// ../ultimate/src/components/switch/Switch.tsx
|
|
5562
|
-
import { jsx as
|
|
5563
|
-
var Switch =
|
|
6043
|
+
import { Fragment as Fragment6, jsx as jsx214, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
6044
|
+
var Switch = React217.forwardRef(
|
|
5564
6045
|
({
|
|
5565
6046
|
className,
|
|
5566
6047
|
checked: controlledChecked,
|
|
@@ -5570,14 +6051,19 @@ var Switch = React211.forwardRef(
|
|
|
5570
6051
|
disabled,
|
|
5571
6052
|
onChange,
|
|
5572
6053
|
onClick,
|
|
6054
|
+
name,
|
|
6055
|
+
value,
|
|
6056
|
+
form,
|
|
6057
|
+
required,
|
|
5573
6058
|
...rest
|
|
5574
6059
|
}, ref) => {
|
|
5575
6060
|
const isControlled = controlledChecked !== void 0;
|
|
5576
|
-
const [internalChecked, setInternalChecked] =
|
|
5577
|
-
const [pressed, setPressed] =
|
|
5578
|
-
const timeoutRef =
|
|
6061
|
+
const [internalChecked, setInternalChecked] = React217.useState(defaultChecked);
|
|
6062
|
+
const [pressed, setPressed] = React217.useState(false);
|
|
6063
|
+
const timeoutRef = React217.useRef(null);
|
|
5579
6064
|
const checked = isControlled ? controlledChecked : internalChecked;
|
|
5580
6065
|
const handleClick = (e) => {
|
|
6066
|
+
e.preventDefault();
|
|
5581
6067
|
if (disabled) return;
|
|
5582
6068
|
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
5583
6069
|
setPressed(true);
|
|
@@ -5593,7 +6079,7 @@ var Switch = React211.forwardRef(
|
|
|
5593
6079
|
onClick(e);
|
|
5594
6080
|
}
|
|
5595
6081
|
};
|
|
5596
|
-
|
|
6082
|
+
React217.useEffect(() => {
|
|
5597
6083
|
return () => {
|
|
5598
6084
|
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
5599
6085
|
};
|
|
@@ -5611,45 +6097,75 @@ var Switch = React211.forwardRef(
|
|
|
5611
6097
|
Switch_default[size],
|
|
5612
6098
|
disabled && Switch_default.disabled
|
|
5613
6099
|
].filter(Boolean).join(" ");
|
|
6100
|
+
const controlRef = React217.useRef(null);
|
|
5614
6101
|
const iconSize = size === "small" ? 16 : 24;
|
|
5615
|
-
const switchContent = /* @__PURE__ */
|
|
6102
|
+
const switchContent = /* @__PURE__ */ jsx214(
|
|
5616
6103
|
"button",
|
|
5617
6104
|
{
|
|
5618
|
-
ref
|
|
6105
|
+
ref: (node) => {
|
|
6106
|
+
controlRef.current = node;
|
|
6107
|
+
if (typeof ref === "function") ref(node);
|
|
6108
|
+
else if (ref) ref.current = node;
|
|
6109
|
+
},
|
|
5619
6110
|
type: "button",
|
|
6111
|
+
form,
|
|
6112
|
+
value,
|
|
6113
|
+
"aria-required": required || void 0,
|
|
5620
6114
|
role: "switch",
|
|
5621
6115
|
"aria-checked": checked,
|
|
5622
6116
|
className: switchClasses,
|
|
5623
6117
|
disabled,
|
|
5624
6118
|
onClick: handleClick,
|
|
5625
6119
|
...rest,
|
|
5626
|
-
children: /* @__PURE__ */
|
|
6120
|
+
children: /* @__PURE__ */ jsx214("span", { className: Switch_default.switchTrack, children: /* @__PURE__ */ jsx214("span", { className: Switch_default.switchThumb, children: /* @__PURE__ */ jsx214("span", { className: Switch_default.switchThumbInner, children: checked && /* @__PURE__ */ jsx214("span", { className: Switch_default.switchIcon, children: /* @__PURE__ */ jsx214(CheckSmallOutline, { size: iconSize }) }) }) }) })
|
|
6121
|
+
}
|
|
6122
|
+
);
|
|
6123
|
+
const formInput = /* @__PURE__ */ jsx214(
|
|
6124
|
+
NativeSelectionInput,
|
|
6125
|
+
{
|
|
6126
|
+
type: "checkbox",
|
|
6127
|
+
name,
|
|
6128
|
+
value,
|
|
6129
|
+
form,
|
|
6130
|
+
required,
|
|
6131
|
+
disabled,
|
|
6132
|
+
checked,
|
|
6133
|
+
defaultChecked,
|
|
6134
|
+
controlled: isControlled,
|
|
6135
|
+
controlRef,
|
|
6136
|
+
onReset: setInternalChecked
|
|
5627
6137
|
}
|
|
5628
6138
|
);
|
|
5629
6139
|
if (label) {
|
|
5630
|
-
return /* @__PURE__ */
|
|
5631
|
-
|
|
5632
|
-
/* @__PURE__ */
|
|
6140
|
+
return /* @__PURE__ */ jsxs11(Fragment6, { children: [
|
|
6141
|
+
formInput,
|
|
6142
|
+
/* @__PURE__ */ jsxs11("label", { className: containerClasses, children: [
|
|
6143
|
+
switchContent,
|
|
6144
|
+
/* @__PURE__ */ jsx214("span", { className: Switch_default.switchLabel, children: label })
|
|
6145
|
+
] })
|
|
5633
6146
|
] });
|
|
5634
6147
|
}
|
|
5635
|
-
return
|
|
6148
|
+
return /* @__PURE__ */ jsxs11(Fragment6, { children: [
|
|
6149
|
+
formInput,
|
|
6150
|
+
switchContent
|
|
6151
|
+
] });
|
|
5636
6152
|
}
|
|
5637
6153
|
);
|
|
5638
6154
|
Switch.displayName = "Switch";
|
|
5639
6155
|
|
|
5640
6156
|
// ../ultimate/src/components/text-field/TextField.tsx
|
|
5641
|
-
import * as
|
|
6157
|
+
import * as React228 from "react";
|
|
5642
6158
|
import { createPortal as createPortal2 } from "react-dom";
|
|
5643
6159
|
|
|
5644
6160
|
// ../ultimate/src/components/divider/Divider.tsx
|
|
5645
|
-
import * as
|
|
6161
|
+
import * as React218 from "react";
|
|
5646
6162
|
|
|
5647
6163
|
// ../ultimate/src/components/divider/Divider.module.css
|
|
5648
6164
|
var Divider_default = {};
|
|
5649
6165
|
|
|
5650
6166
|
// ../ultimate/src/components/divider/Divider.tsx
|
|
5651
|
-
import { jsx as
|
|
5652
|
-
var Divider =
|
|
6167
|
+
import { jsx as jsx215 } from "react/jsx-runtime";
|
|
6168
|
+
var Divider = React218.forwardRef(
|
|
5653
6169
|
({
|
|
5654
6170
|
orientation = "horizontal",
|
|
5655
6171
|
variant = "solid",
|
|
@@ -5665,7 +6181,7 @@ var Divider = React212.forwardRef(
|
|
|
5665
6181
|
Divider_default[`divider${variant.charAt(0).toUpperCase() + variant.slice(1)}${thicknessKey}`],
|
|
5666
6182
|
className
|
|
5667
6183
|
].filter(Boolean).join(" ");
|
|
5668
|
-
return /* @__PURE__ */
|
|
6184
|
+
return /* @__PURE__ */ jsx215(
|
|
5669
6185
|
"hr",
|
|
5670
6186
|
{
|
|
5671
6187
|
ref,
|
|
@@ -5680,31 +6196,21 @@ var Divider = React212.forwardRef(
|
|
|
5680
6196
|
Divider.displayName = "Divider";
|
|
5681
6197
|
|
|
5682
6198
|
// ../ultimate/src/components/dropdown-list/DropdownList.tsx
|
|
5683
|
-
import * as
|
|
6199
|
+
import * as React226 from "react";
|
|
5684
6200
|
|
|
5685
6201
|
// ../ultimate/src/components/search-field/SearchField.tsx
|
|
5686
|
-
import * as
|
|
6202
|
+
import * as React225 from "react";
|
|
5687
6203
|
|
|
5688
6204
|
// ../ultimate/src/hooks/useComposedRefs.ts
|
|
5689
|
-
import { useCallback as
|
|
5690
|
-
|
|
5691
|
-
// ../ultimate/src/hooks/useCallbackRef.ts
|
|
5692
|
-
import { useRef as useRef5, useEffect as useEffect6, useMemo } from "react";
|
|
5693
|
-
function useCallbackRef(callback) {
|
|
5694
|
-
const callbackRef = useRef5(callback);
|
|
5695
|
-
useEffect6(() => {
|
|
5696
|
-
callbackRef.current = callback;
|
|
5697
|
-
});
|
|
5698
|
-
return useMemo(() => ((...args) => callbackRef.current?.(...args)), []);
|
|
5699
|
-
}
|
|
6205
|
+
import { useCallback as useCallback3 } from "react";
|
|
5700
6206
|
|
|
5701
6207
|
// ../ultimate/src/hooks/useIsomorphicLayoutEffect.ts
|
|
5702
|
-
import { useEffect as
|
|
6208
|
+
import { useEffect as useEffect10, useLayoutEffect as useLayoutEffect3 } from "react";
|
|
5703
6209
|
|
|
5704
6210
|
// ../ultimate/src/hooks/useClickOutside.ts
|
|
5705
|
-
import { useEffect as
|
|
6211
|
+
import { useEffect as useEffect11 } from "react";
|
|
5706
6212
|
function useClickOutside(ref, handler, enabled = true, ignoredRefs = []) {
|
|
5707
|
-
|
|
6213
|
+
useEffect11(() => {
|
|
5708
6214
|
if (!enabled) return;
|
|
5709
6215
|
const listener = (event) => {
|
|
5710
6216
|
const el = ref.current;
|
|
@@ -5729,72 +6235,59 @@ function useClickOutside(ref, handler, enabled = true, ignoredRefs = []) {
|
|
|
5729
6235
|
}
|
|
5730
6236
|
|
|
5731
6237
|
// ../ultimate/src/hooks/useBottomNavElevation.ts
|
|
5732
|
-
import * as
|
|
6238
|
+
import * as React219 from "react";
|
|
5733
6239
|
|
|
5734
|
-
// ../ultimate/src/hooks/
|
|
5735
|
-
import
|
|
5736
|
-
|
|
5737
|
-
|
|
5738
|
-
|
|
5739
|
-
|
|
5740
|
-
|
|
5741
|
-
const [uncontrolledValue, setUncontrolledValue] = React214.useState(() => typeof defaultValue === "function" ? defaultValue() : defaultValue);
|
|
5742
|
-
const isControlledRef = React214.useRef(valueProp !== void 0);
|
|
5743
|
-
const isControlled = isControlledRef.current;
|
|
5744
|
-
const value = isControlled ? valueProp : uncontrolledValue;
|
|
5745
|
-
const handleChange = useCallbackRef(onChange);
|
|
5746
|
-
const previousUncontrolledValueRef = React214.useRef(uncontrolledValue);
|
|
5747
|
-
React214.useEffect(() => {
|
|
5748
|
-
if (isControlled) return;
|
|
5749
|
-
if (previousUncontrolledValueRef.current === uncontrolledValue) return;
|
|
5750
|
-
previousUncontrolledValueRef.current = uncontrolledValue;
|
|
5751
|
-
handleChange(uncontrolledValue);
|
|
5752
|
-
}, [isControlled, uncontrolledValue, handleChange]);
|
|
5753
|
-
const setValue = React214.useCallback(
|
|
5754
|
-
(nextValue) => {
|
|
5755
|
-
if (isControlled) {
|
|
5756
|
-
const setter = nextValue;
|
|
5757
|
-
const valueToEmit = typeof nextValue === "function" ? setter(valueProp) : nextValue;
|
|
5758
|
-
handleChange(valueToEmit);
|
|
5759
|
-
} else {
|
|
5760
|
-
setUncontrolledValue((prev) => {
|
|
5761
|
-
const setter = nextValue;
|
|
5762
|
-
return typeof nextValue === "function" ? setter(prev) : nextValue;
|
|
5763
|
-
});
|
|
5764
|
-
}
|
|
5765
|
-
},
|
|
5766
|
-
[isControlled, valueProp, handleChange]
|
|
5767
|
-
);
|
|
5768
|
-
return [value, setValue];
|
|
5769
|
-
}
|
|
6240
|
+
// ../ultimate/src/hooks/useEscapeKeydown.ts
|
|
6241
|
+
import { useContext as useContext4, useEffect as useEffect13 } from "react";
|
|
6242
|
+
|
|
6243
|
+
// ../ultimate/src/internal/overlay/OverlayScope.tsx
|
|
6244
|
+
import * as React220 from "react";
|
|
6245
|
+
import { jsx as jsx216 } from "react/jsx-runtime";
|
|
6246
|
+
var OverlayDepthContext = React220.createContext(0);
|
|
5770
6247
|
|
|
5771
6248
|
// ../ultimate/src/hooks/useEscapeKeydown.ts
|
|
5772
|
-
|
|
6249
|
+
var layersByDocument = /* @__PURE__ */ new WeakMap();
|
|
5773
6250
|
function useEscapeKeydown(handler, enabled = true) {
|
|
5774
6251
|
const handleEscape = useCallbackRef(handler);
|
|
5775
|
-
|
|
6252
|
+
const depth = useContext4(OverlayDepthContext);
|
|
6253
|
+
useEffect13(() => {
|
|
5776
6254
|
if (!enabled) return;
|
|
6255
|
+
const owner = document;
|
|
6256
|
+
let layers = layersByDocument.get(owner);
|
|
6257
|
+
if (!layers) {
|
|
6258
|
+
layers = [];
|
|
6259
|
+
layersByDocument.set(owner, layers);
|
|
6260
|
+
}
|
|
6261
|
+
const layer = { depth, handler: handleEscape };
|
|
6262
|
+
layers.push(layer);
|
|
5777
6263
|
const onKeydown = (event) => {
|
|
5778
|
-
if (event.key
|
|
5779
|
-
|
|
5780
|
-
|
|
6264
|
+
if (event.key !== "Escape" || event.isComposing || event.defaultPrevented) return;
|
|
6265
|
+
const top = layers.reduce((candidate, item) => !candidate || item.depth >= candidate.depth ? item : candidate, void 0);
|
|
6266
|
+
if (top !== layer) return;
|
|
6267
|
+
event.preventDefault();
|
|
6268
|
+
event.stopPropagation();
|
|
6269
|
+
layer.handler(event);
|
|
6270
|
+
};
|
|
6271
|
+
owner.addEventListener("keydown", onKeydown);
|
|
6272
|
+
return () => {
|
|
6273
|
+
const index = layers.indexOf(layer);
|
|
6274
|
+
if (index >= 0) layers.splice(index, 1);
|
|
6275
|
+
owner.removeEventListener("keydown", onKeydown);
|
|
5781
6276
|
};
|
|
5782
|
-
|
|
5783
|
-
return () => document.removeEventListener("keydown", onKeydown);
|
|
5784
|
-
}, [enabled, handleEscape]);
|
|
6277
|
+
}, [enabled, handleEscape, depth]);
|
|
5785
6278
|
}
|
|
5786
6279
|
|
|
5787
6280
|
// ../ultimate/src/hooks/useFocusTrap.ts
|
|
5788
|
-
import * as
|
|
6281
|
+
import * as React221 from "react";
|
|
5789
6282
|
|
|
5790
6283
|
// ../ultimate/src/hooks/useId.ts
|
|
5791
|
-
import * as
|
|
6284
|
+
import * as React222 from "react";
|
|
5792
6285
|
|
|
5793
6286
|
// ../ultimate/src/hooks/useMediaQuery.ts
|
|
5794
|
-
import * as
|
|
6287
|
+
import * as React223 from "react";
|
|
5795
6288
|
|
|
5796
6289
|
// ../ultimate/src/hooks/usePopoverPosition.ts
|
|
5797
|
-
import { useState as useState9, useLayoutEffect as
|
|
6290
|
+
import { useState as useState9, useLayoutEffect as useLayoutEffect4, useRef as useRef11 } from "react";
|
|
5798
6291
|
var MOBILE_VIEWPORT_MARGIN = 16;
|
|
5799
6292
|
var POPOVER_SURFACE_SELECTOR = "[data-popover-surface]";
|
|
5800
6293
|
var resolvePopoverBoundary = (triggerEl, viewportWidth, viewportHeight, desktopMargin) => {
|
|
@@ -5824,10 +6317,10 @@ function usePopoverPosition(triggerRef, popoverRef, isOpen, options = {}) {
|
|
|
5824
6317
|
const { minHeight = 300, margin = 32, gap = 4, strategy = "absolute", matchTriggerWidth = false, onClose } = options;
|
|
5825
6318
|
const [position, setPosition] = useState9("bottom");
|
|
5826
6319
|
const [align, setAlign] = useState9("left");
|
|
5827
|
-
const onCloseRef =
|
|
6320
|
+
const onCloseRef = useRef11(onClose);
|
|
5828
6321
|
onCloseRef.current = onClose;
|
|
5829
6322
|
const [coords, setCoords] = useState9({});
|
|
5830
|
-
|
|
6323
|
+
useLayoutEffect4(() => {
|
|
5831
6324
|
if (isOpen && triggerRef.current) {
|
|
5832
6325
|
const updatePosition = () => {
|
|
5833
6326
|
const triggerRect = triggerRef.current.getBoundingClientRect();
|
|
@@ -5936,22 +6429,22 @@ function usePopoverPosition(triggerRef, popoverRef, isOpen, options = {}) {
|
|
|
5936
6429
|
}
|
|
5937
6430
|
|
|
5938
6431
|
// ../ultimate/src/hooks/usePresence.ts
|
|
5939
|
-
import { useState as useState10, useCallback as useCallback4, useEffect as
|
|
6432
|
+
import { useState as useState10, useCallback as useCallback4, useEffect as useEffect16 } from "react";
|
|
5940
6433
|
|
|
5941
6434
|
// ../ultimate/src/hooks/usePrevious.ts
|
|
5942
|
-
import { useRef as
|
|
6435
|
+
import { useRef as useRef12, useEffect as useEffect17 } from "react";
|
|
5943
6436
|
|
|
5944
6437
|
// ../ultimate/src/hooks/useResizeObserver.ts
|
|
5945
|
-
import { useEffect as
|
|
6438
|
+
import { useEffect as useEffect18 } from "react";
|
|
5946
6439
|
|
|
5947
6440
|
// ../ultimate/src/hooks/useScrollLock.ts
|
|
5948
|
-
import { useEffect as
|
|
6441
|
+
import { useEffect as useEffect19, useRef as useRef13 } from "react";
|
|
5949
6442
|
|
|
5950
6443
|
// ../ultimate/src/hooks/useSubHeaderStickyState.ts
|
|
5951
|
-
import * as
|
|
6444
|
+
import * as React224 from "react";
|
|
5952
6445
|
|
|
5953
6446
|
// ../ultimate/src/hooks/useVirtualList.ts
|
|
5954
|
-
import { useState as useState12, useMemo as
|
|
6447
|
+
import { useState as useState12, useMemo as useMemo4 } from "react";
|
|
5955
6448
|
function useVirtualList({
|
|
5956
6449
|
itemCount,
|
|
5957
6450
|
itemHeight,
|
|
@@ -5964,7 +6457,7 @@ function useVirtualList({
|
|
|
5964
6457
|
itemCount - 1,
|
|
5965
6458
|
Math.floor((scrollTop + containerHeight) / itemHeight) + overscan
|
|
5966
6459
|
);
|
|
5967
|
-
const virtualItems =
|
|
6460
|
+
const virtualItems = useMemo4(() => {
|
|
5968
6461
|
const items = [];
|
|
5969
6462
|
for (let i = startIndex; i <= endIndex; i++) {
|
|
5970
6463
|
items.push({
|
|
@@ -6007,18 +6500,18 @@ var FOCUSABLE_SELECTOR = [
|
|
|
6007
6500
|
].join(", ");
|
|
6008
6501
|
var isFocusable = (element) => {
|
|
6009
6502
|
if (element.hasAttribute("disabled")) return false;
|
|
6010
|
-
if (element.
|
|
6503
|
+
if (element.closest('[aria-hidden="true"], [inert], [hidden]')) return false;
|
|
6011
6504
|
if (element.tabIndex < 0) return false;
|
|
6012
6505
|
const style = window.getComputedStyle(element);
|
|
6013
6506
|
if (style.display === "none" || style.visibility === "hidden") return false;
|
|
6014
6507
|
return true;
|
|
6015
6508
|
};
|
|
6016
|
-
var focusNextElement = (currentElement) => {
|
|
6509
|
+
var focusNextElement = (currentElement, backwards = false) => {
|
|
6017
6510
|
if (typeof document === "undefined") return;
|
|
6018
6511
|
const focusableElements = Array.from(document.querySelectorAll(FOCUSABLE_SELECTOR)).filter(isFocusable);
|
|
6019
6512
|
const currentIndex = focusableElements.indexOf(currentElement);
|
|
6020
6513
|
if (currentIndex === -1) return;
|
|
6021
|
-
const nextElement = focusableElements[currentIndex + 1];
|
|
6514
|
+
const nextElement = focusableElements[currentIndex + (backwards ? -1 : 1)];
|
|
6022
6515
|
nextElement?.focus();
|
|
6023
6516
|
};
|
|
6024
6517
|
|
|
@@ -6026,8 +6519,8 @@ var focusNextElement = (currentElement) => {
|
|
|
6026
6519
|
var SearchField_default = {};
|
|
6027
6520
|
|
|
6028
6521
|
// ../ultimate/src/components/search-field/SearchField.tsx
|
|
6029
|
-
import { jsx as
|
|
6030
|
-
var SearchField =
|
|
6522
|
+
import { jsx as jsx217, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
6523
|
+
var SearchField = React225.forwardRef(
|
|
6031
6524
|
({
|
|
6032
6525
|
placeholder = "Search",
|
|
6033
6526
|
variant = "default",
|
|
@@ -6036,6 +6529,7 @@ var SearchField = React219.forwardRef(
|
|
|
6036
6529
|
showClear = true,
|
|
6037
6530
|
onClear,
|
|
6038
6531
|
disabled,
|
|
6532
|
+
readOnly,
|
|
6039
6533
|
className,
|
|
6040
6534
|
style,
|
|
6041
6535
|
onFocus,
|
|
@@ -6048,17 +6542,17 @@ var SearchField = React219.forwardRef(
|
|
|
6048
6542
|
width,
|
|
6049
6543
|
...props
|
|
6050
6544
|
}, ref) => {
|
|
6051
|
-
const [focused, setFocused] =
|
|
6545
|
+
const [focused, setFocused] = React225.useState(false);
|
|
6052
6546
|
const [valueState, setValueState] = useControllableState({
|
|
6053
6547
|
value,
|
|
6054
6548
|
defaultValue: defaultValue || "",
|
|
6055
6549
|
onChange
|
|
6056
6550
|
});
|
|
6057
|
-
const inputRef =
|
|
6058
|
-
|
|
6551
|
+
const inputRef = React225.useRef(null);
|
|
6552
|
+
React225.useEffect(() => {
|
|
6059
6553
|
if (!shortcutHint || disabled) return;
|
|
6060
6554
|
const handleGlobalKeyDown = (e) => {
|
|
6061
|
-
if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
|
|
6555
|
+
if (!e.isComposing && !e.defaultPrevented && (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
|
|
6062
6556
|
e.preventDefault();
|
|
6063
6557
|
inputRef.current?.focus();
|
|
6064
6558
|
}
|
|
@@ -6066,7 +6560,7 @@ var SearchField = React219.forwardRef(
|
|
|
6066
6560
|
window.addEventListener("keydown", handleGlobalKeyDown);
|
|
6067
6561
|
return () => window.removeEventListener("keydown", handleGlobalKeyDown);
|
|
6068
6562
|
}, [shortcutHint, disabled]);
|
|
6069
|
-
|
|
6563
|
+
React225.useImperativeHandle(ref, () => inputRef.current);
|
|
6070
6564
|
const currentValue = valueState;
|
|
6071
6565
|
const handleFocus = (e) => {
|
|
6072
6566
|
setFocused(true);
|
|
@@ -6077,6 +6571,7 @@ var SearchField = React219.forwardRef(
|
|
|
6077
6571
|
onBlur?.(e);
|
|
6078
6572
|
};
|
|
6079
6573
|
const handleChange = (e) => {
|
|
6574
|
+
if (disabled || readOnly) return;
|
|
6080
6575
|
setValueState(e.target.value);
|
|
6081
6576
|
};
|
|
6082
6577
|
const handleDoubleClick = (e) => {
|
|
@@ -6086,6 +6581,7 @@ var SearchField = React219.forwardRef(
|
|
|
6086
6581
|
}
|
|
6087
6582
|
};
|
|
6088
6583
|
const handleClear = (e) => {
|
|
6584
|
+
if (disabled || readOnly) return;
|
|
6089
6585
|
e.preventDefault();
|
|
6090
6586
|
e.stopPropagation();
|
|
6091
6587
|
setValueState("");
|
|
@@ -6093,12 +6589,13 @@ var SearchField = React219.forwardRef(
|
|
|
6093
6589
|
inputRef.current?.focus();
|
|
6094
6590
|
};
|
|
6095
6591
|
const handleKeyDown = (e) => {
|
|
6592
|
+
if (disabled || e.nativeEvent.isComposing) return;
|
|
6096
6593
|
if (e.key === "Enter") {
|
|
6097
6594
|
e.preventDefault();
|
|
6098
6595
|
focusNextElement(e.currentTarget);
|
|
6099
6596
|
}
|
|
6100
6597
|
};
|
|
6101
|
-
return /* @__PURE__ */
|
|
6598
|
+
return /* @__PURE__ */ jsxs12(
|
|
6102
6599
|
"div",
|
|
6103
6600
|
{
|
|
6104
6601
|
className: [
|
|
@@ -6114,13 +6611,14 @@ var SearchField = React219.forwardRef(
|
|
|
6114
6611
|
style: { ...style, width },
|
|
6115
6612
|
onClick: () => !disabled && inputRef.current?.focus(),
|
|
6116
6613
|
children: [
|
|
6117
|
-
/* @__PURE__ */
|
|
6118
|
-
/* @__PURE__ */
|
|
6614
|
+
/* @__PURE__ */ jsx217("span", { className: SearchField_default.searchFieldIcon, children: /* @__PURE__ */ jsx217(SearchOutline, { size: size === "large" ? 24 : 20 }) }),
|
|
6615
|
+
/* @__PURE__ */ jsx217(
|
|
6119
6616
|
"input",
|
|
6120
6617
|
{
|
|
6121
6618
|
ref: inputRef,
|
|
6122
6619
|
className: SearchField_default.searchFieldInput,
|
|
6123
6620
|
disabled,
|
|
6621
|
+
readOnly,
|
|
6124
6622
|
onFocus: handleFocus,
|
|
6125
6623
|
onBlur: handleBlur,
|
|
6126
6624
|
onDoubleClick: handleDoubleClick,
|
|
@@ -6132,8 +6630,8 @@ var SearchField = React219.forwardRef(
|
|
|
6132
6630
|
...props
|
|
6133
6631
|
}
|
|
6134
6632
|
),
|
|
6135
|
-
/* @__PURE__ */
|
|
6136
|
-
shortcutHint && (!focused || !currentValue) && /* @__PURE__ */
|
|
6633
|
+
/* @__PURE__ */ jsxs12("div", { className: SearchField_default.searchFieldTrailingGroup, children: [
|
|
6634
|
+
shortcutHint && (!focused || !currentValue) && /* @__PURE__ */ jsx217(
|
|
6137
6635
|
Badge,
|
|
6138
6636
|
{
|
|
6139
6637
|
variant: "secondary",
|
|
@@ -6142,12 +6640,12 @@ var SearchField = React219.forwardRef(
|
|
|
6142
6640
|
label: shortcutHint
|
|
6143
6641
|
}
|
|
6144
6642
|
),
|
|
6145
|
-
showClear && focused && currentValue && !disabled && /* @__PURE__ */
|
|
6643
|
+
showClear && focused && currentValue && !disabled && !readOnly && /* @__PURE__ */ jsx217(
|
|
6146
6644
|
IconButton,
|
|
6147
6645
|
{
|
|
6148
6646
|
variant: "primary",
|
|
6149
6647
|
shape: "pill",
|
|
6150
|
-
icon: /* @__PURE__ */
|
|
6648
|
+
icon: /* @__PURE__ */ jsx217(CloseSmallOutline, {}),
|
|
6151
6649
|
onMouseDown: (e) => e.preventDefault(),
|
|
6152
6650
|
onClick: handleClear,
|
|
6153
6651
|
tabIndex: -1,
|
|
@@ -6166,11 +6664,21 @@ SearchField.displayName = "SearchField";
|
|
|
6166
6664
|
// ../ultimate/src/components/dropdown-list/DropdownList.module.css
|
|
6167
6665
|
var DropdownList_default = {};
|
|
6168
6666
|
|
|
6667
|
+
// ../ultimate/src/internal/collection/getItemId.ts
|
|
6668
|
+
function getItemId(collectionId, part, key) {
|
|
6669
|
+
const escaped = key.replace(/[^A-Za-z0-9-]/g, (char) => `_${char.charCodeAt(0).toString(16)}_`);
|
|
6670
|
+
return `${collectionId}-${part}-${escaped}`;
|
|
6671
|
+
}
|
|
6672
|
+
|
|
6169
6673
|
// ../ultimate/src/components/dropdown-list/DropdownList.tsx
|
|
6170
|
-
import { jsx as
|
|
6171
|
-
var DropdownList =
|
|
6674
|
+
import { jsx as jsx218, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
6675
|
+
var DropdownList = React226.forwardRef(
|
|
6172
6676
|
({
|
|
6173
6677
|
items,
|
|
6678
|
+
role = "listbox",
|
|
6679
|
+
id,
|
|
6680
|
+
"aria-label": ariaLabel,
|
|
6681
|
+
"aria-labelledby": ariaLabelledBy,
|
|
6174
6682
|
value = [],
|
|
6175
6683
|
size = "md",
|
|
6176
6684
|
mode = "single",
|
|
@@ -6182,29 +6690,32 @@ var DropdownList = React220.forwardRef(
|
|
|
6182
6690
|
className,
|
|
6183
6691
|
style
|
|
6184
6692
|
}, ref) => {
|
|
6185
|
-
const
|
|
6186
|
-
const
|
|
6187
|
-
const
|
|
6693
|
+
const typeaheadRef = React226.useRef({ text: "", time: 0 });
|
|
6694
|
+
const [searchQuery, setSearchQuery] = React226.useState("");
|
|
6695
|
+
const showSearch = role === "listbox" && items.length >= 10;
|
|
6696
|
+
const instanceId = React226.useId();
|
|
6697
|
+
const itemId = (value2) => value2 === void 0 ? void 0 : getItemId(instanceId, "item", value2);
|
|
6698
|
+
const selectedValues = React226.useMemo(() => {
|
|
6188
6699
|
if (Array.isArray(value)) return value;
|
|
6189
6700
|
return value ? [value] : [];
|
|
6190
6701
|
}, [value]);
|
|
6191
|
-
const filteredItems =
|
|
6702
|
+
const filteredItems = React226.useMemo(() => {
|
|
6192
6703
|
if (!searchQuery.trim()) return items;
|
|
6193
6704
|
const query = searchQuery.toLowerCase();
|
|
6194
6705
|
return items.filter(
|
|
6195
6706
|
(item) => item.label.toLowerCase().includes(query)
|
|
6196
6707
|
);
|
|
6197
6708
|
}, [items, searchQuery]);
|
|
6198
|
-
const selectableFilteredValues =
|
|
6709
|
+
const selectableFilteredValues = React226.useMemo(() => filteredItems.filter((item) => !item.disabled).map((item) => item.value), [filteredItems]);
|
|
6199
6710
|
const showSelectAll = mode === "multi" && Boolean(selectAllLabel) && selectableFilteredValues.length > 0;
|
|
6200
6711
|
const allFilteredSelected = showSelectAll && selectableFilteredValues.every((itemValue) => selectedValues.includes(itemValue));
|
|
6201
6712
|
const someFilteredSelected = showSelectAll && !allFilteredSelected && selectableFilteredValues.some((itemValue) => selectedValues.includes(itemValue));
|
|
6202
|
-
const handleSelectAllClick =
|
|
6713
|
+
const handleSelectAllClick = React226.useCallback(() => {
|
|
6203
6714
|
if (!showSelectAll) return;
|
|
6204
6715
|
const nextValues = allFilteredSelected ? selectedValues.filter((itemValue) => !selectableFilteredValues.includes(itemValue)) : Array.from(/* @__PURE__ */ new Set([...selectedValues, ...selectableFilteredValues]));
|
|
6205
6716
|
onChange?.(nextValues);
|
|
6206
6717
|
}, [allFilteredSelected, onChange, selectableFilteredValues, selectedValues, showSelectAll]);
|
|
6207
|
-
const displayItems =
|
|
6718
|
+
const displayItems = React226.useMemo(() => {
|
|
6208
6719
|
if (!showSelectAll || !selectAllLabel) return filteredItems;
|
|
6209
6720
|
return [
|
|
6210
6721
|
{ value: "__phx_select_all__", label: selectAllLabel, __selectAll: true },
|
|
@@ -6227,10 +6738,10 @@ var DropdownList = React220.forwardRef(
|
|
|
6227
6738
|
const isSelected = (itemValue) => {
|
|
6228
6739
|
return selectedValues.includes(itemValue);
|
|
6229
6740
|
};
|
|
6230
|
-
const [showTopGradient, setShowTopGradient] =
|
|
6231
|
-
const [showBottomGradient, setShowBottomGradient] =
|
|
6232
|
-
const listRef =
|
|
6233
|
-
const handleScroll =
|
|
6741
|
+
const [showTopGradient, setShowTopGradient] = React226.useState(false);
|
|
6742
|
+
const [showBottomGradient, setShowBottomGradient] = React226.useState(false);
|
|
6743
|
+
const listRef = React226.useRef(null);
|
|
6744
|
+
const handleScroll = React226.useCallback(() => {
|
|
6234
6745
|
const el = listRef.current;
|
|
6235
6746
|
if (!el) return;
|
|
6236
6747
|
const scrollTop = el.scrollTop;
|
|
@@ -6239,7 +6750,7 @@ var DropdownList = React220.forwardRef(
|
|
|
6239
6750
|
setShowTopGradient(scrollTop > 10);
|
|
6240
6751
|
setShowBottomGradient(scrollTop + clientHeight < scrollHeight - 10);
|
|
6241
6752
|
}, []);
|
|
6242
|
-
|
|
6753
|
+
React226.useEffect(() => {
|
|
6243
6754
|
handleScroll();
|
|
6244
6755
|
}, [displayItems, handleScroll]);
|
|
6245
6756
|
const ITEM_HEIGHT = size === "sm" ? 32 : 48;
|
|
@@ -6249,9 +6760,9 @@ var DropdownList = React220.forwardRef(
|
|
|
6249
6760
|
itemHeight: ITEM_HEIGHT,
|
|
6250
6761
|
containerHeight: parsedMaxHeight
|
|
6251
6762
|
});
|
|
6252
|
-
const [focusedIndex, setFocusedIndex] =
|
|
6253
|
-
const [isKeyboardMode, setIsKeyboardMode] =
|
|
6254
|
-
|
|
6763
|
+
const [focusedIndex, setFocusedIndex] = React226.useState(-1);
|
|
6764
|
+
const [isKeyboardMode, setIsKeyboardMode] = React226.useState(false);
|
|
6765
|
+
React226.useEffect(() => {
|
|
6255
6766
|
if (displayItems.length === 0) {
|
|
6256
6767
|
setFocusedIndex(-1);
|
|
6257
6768
|
return;
|
|
@@ -6268,7 +6779,7 @@ var DropdownList = React220.forwardRef(
|
|
|
6268
6779
|
return prev;
|
|
6269
6780
|
});
|
|
6270
6781
|
}, [displayItems, value, mode]);
|
|
6271
|
-
|
|
6782
|
+
React226.useEffect(() => {
|
|
6272
6783
|
if (focusedIndex !== -1 && listRef.current) {
|
|
6273
6784
|
const itemTop = focusedIndex * ITEM_HEIGHT;
|
|
6274
6785
|
const itemBottom = itemTop + ITEM_HEIGHT;
|
|
@@ -6282,22 +6793,34 @@ var DropdownList = React220.forwardRef(
|
|
|
6282
6793
|
}
|
|
6283
6794
|
}
|
|
6284
6795
|
}, [focusedIndex, ITEM_HEIGHT]);
|
|
6285
|
-
const handleListScroll =
|
|
6796
|
+
const handleListScroll = React226.useCallback((e) => {
|
|
6286
6797
|
handleScroll();
|
|
6287
6798
|
if (isVirtual) onVirtualScroll(e);
|
|
6288
6799
|
}, [handleScroll, isVirtual, onVirtualScroll]);
|
|
6289
6800
|
const handleKeyDown = (e) => {
|
|
6290
|
-
if (displayItems.length === 0) return;
|
|
6801
|
+
if (e.nativeEvent.isComposing || e.defaultPrevented || displayItems.length === 0) return;
|
|
6291
6802
|
if (["ArrowDown", "ArrowUp", "Home", "End", "Enter", " "].includes(e.key)) {
|
|
6292
6803
|
setIsKeyboardMode(true);
|
|
6293
6804
|
}
|
|
6294
6805
|
const isSearchFocus = e.target.tagName === "INPUT";
|
|
6295
6806
|
if (e.key === "ArrowDown") {
|
|
6296
6807
|
e.preventDefault();
|
|
6297
|
-
setFocusedIndex((prev) =>
|
|
6808
|
+
setFocusedIndex((prev) => {
|
|
6809
|
+
for (let offset = 1; offset <= displayItems.length; offset++) {
|
|
6810
|
+
const next = (prev + offset + displayItems.length) % displayItems.length;
|
|
6811
|
+
if (displayItems[next] && !displayItems[next].disabled) return next;
|
|
6812
|
+
}
|
|
6813
|
+
return -1;
|
|
6814
|
+
});
|
|
6298
6815
|
} else if (e.key === "ArrowUp") {
|
|
6299
6816
|
e.preventDefault();
|
|
6300
|
-
setFocusedIndex((prev) =>
|
|
6817
|
+
setFocusedIndex((prev) => {
|
|
6818
|
+
for (let offset = 1; offset <= displayItems.length; offset++) {
|
|
6819
|
+
const next = ((prev < 0 ? 0 : prev) - offset + displayItems.length) % displayItems.length;
|
|
6820
|
+
if (displayItems[next] && !displayItems[next].disabled) return next;
|
|
6821
|
+
}
|
|
6822
|
+
return -1;
|
|
6823
|
+
});
|
|
6301
6824
|
} else if (e.key === "Enter") {
|
|
6302
6825
|
e.preventDefault();
|
|
6303
6826
|
if (focusedIndex !== -1) {
|
|
@@ -6319,16 +6842,32 @@ var DropdownList = React220.forwardRef(
|
|
|
6319
6842
|
} else if (e.key === "Home") {
|
|
6320
6843
|
if (!isSearchFocus) {
|
|
6321
6844
|
e.preventDefault();
|
|
6322
|
-
setFocusedIndex(
|
|
6845
|
+
setFocusedIndex(displayItems.findIndex((item) => !item.disabled));
|
|
6323
6846
|
}
|
|
6324
6847
|
} else if (e.key === "End") {
|
|
6325
6848
|
if (!isSearchFocus) {
|
|
6326
6849
|
e.preventDefault();
|
|
6327
|
-
setFocusedIndex(displayItems.
|
|
6850
|
+
setFocusedIndex(displayItems.map((item) => !item.disabled).lastIndexOf(true));
|
|
6851
|
+
}
|
|
6852
|
+
} else if (!isSearchFocus && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
|
|
6853
|
+
const now = Date.now();
|
|
6854
|
+
const previous = typeaheadRef.current;
|
|
6855
|
+
const text = `${now - previous.time < 600 ? previous.text : ""}${e.key.toLocaleLowerCase()}`;
|
|
6856
|
+
typeaheadRef.current = { text, time: now };
|
|
6857
|
+
const query = [...text].every((character) => character === text[0]) ? text[0] : text;
|
|
6858
|
+
for (let offset = 1; offset <= displayItems.length; offset++) {
|
|
6859
|
+
const next = (focusedIndex + offset + displayItems.length) % displayItems.length;
|
|
6860
|
+
const item = displayItems[next];
|
|
6861
|
+
if (item && !item.disabled && item.label.toLocaleLowerCase().startsWith(query)) {
|
|
6862
|
+
e.preventDefault();
|
|
6863
|
+
setIsKeyboardMode(true);
|
|
6864
|
+
setFocusedIndex(next);
|
|
6865
|
+
break;
|
|
6866
|
+
}
|
|
6328
6867
|
}
|
|
6329
6868
|
}
|
|
6330
6869
|
};
|
|
6331
|
-
return /* @__PURE__ */
|
|
6870
|
+
return /* @__PURE__ */ jsxs13(
|
|
6332
6871
|
"div",
|
|
6333
6872
|
{
|
|
6334
6873
|
ref,
|
|
@@ -6337,38 +6876,43 @@ var DropdownList = React220.forwardRef(
|
|
|
6337
6876
|
onKeyDown: handleKeyDown,
|
|
6338
6877
|
onMouseMove: () => setIsKeyboardMode(false),
|
|
6339
6878
|
children: [
|
|
6340
|
-
showSearch && /* @__PURE__ */
|
|
6879
|
+
showSearch && /* @__PURE__ */ jsx218("div", { className: DropdownList_default.dropdownListSearchWrapper, children: /* @__PURE__ */ jsx218(
|
|
6341
6880
|
SearchField,
|
|
6342
6881
|
{
|
|
6343
6882
|
placeholder: searchPlaceholder,
|
|
6344
6883
|
value: searchQuery,
|
|
6345
6884
|
onChange: setSearchQuery,
|
|
6346
|
-
shortcutHint: "Ctrl + /"
|
|
6885
|
+
shortcutHint: "Ctrl + /",
|
|
6886
|
+
onKeyDown: () => {
|
|
6887
|
+
}
|
|
6347
6888
|
}
|
|
6348
6889
|
) }),
|
|
6349
|
-
/* @__PURE__ */
|
|
6350
|
-
/* @__PURE__ */
|
|
6890
|
+
/* @__PURE__ */ jsxs13("div", { className: DropdownList_default.dropdownListItemsListContainer, children: [
|
|
6891
|
+
/* @__PURE__ */ jsx218("div", { className: [
|
|
6351
6892
|
DropdownList_default.dropdownListGradient,
|
|
6352
6893
|
DropdownList_default.dropdownListGradientTop,
|
|
6353
6894
|
showTopGradient && DropdownList_default.dropdownListGradientVisible
|
|
6354
6895
|
].filter(Boolean).join(" ") }),
|
|
6355
|
-
/* @__PURE__ */
|
|
6896
|
+
/* @__PURE__ */ jsx218(
|
|
6356
6897
|
"div",
|
|
6357
6898
|
{
|
|
6358
6899
|
ref: listRef,
|
|
6359
6900
|
className: `${DropdownList_default.dropdownListItemsList} scrollbarSm`,
|
|
6360
6901
|
style: { maxHeight },
|
|
6361
|
-
role
|
|
6902
|
+
role,
|
|
6903
|
+
id,
|
|
6904
|
+
"aria-label": ariaLabel,
|
|
6905
|
+
"aria-labelledby": ariaLabelledBy,
|
|
6362
6906
|
tabIndex: 0,
|
|
6363
|
-
"aria-multiselectable": mode === "multi" ? true : void 0,
|
|
6364
|
-
"aria-activedescendant": focusedIndex !== -1 ?
|
|
6907
|
+
"aria-multiselectable": role === "listbox" && mode === "multi" ? true : void 0,
|
|
6908
|
+
"aria-activedescendant": focusedIndex !== -1 ? itemId(displayItems[focusedIndex]?.value) : void 0,
|
|
6365
6909
|
onScroll: handleListScroll,
|
|
6366
|
-
children: displayItems.length === 0 ? /* @__PURE__ */
|
|
6910
|
+
children: displayItems.length === 0 ? /* @__PURE__ */ jsx218("div", { className: DropdownList_default.dropdownListEmptyState, children: "No results found" }) : isVirtual ? /* @__PURE__ */ jsx218("div", { style: { height: totalHeight, position: "relative" }, children: virtualItems.map(({ index, style: style2 }) => {
|
|
6367
6911
|
const item = displayItems[index];
|
|
6368
6912
|
if (!item) return null;
|
|
6369
6913
|
const isFocused = index === focusedIndex;
|
|
6370
6914
|
const isSelectAllItem = Boolean(item.__selectAll);
|
|
6371
|
-
return /* @__PURE__ */
|
|
6915
|
+
return /* @__PURE__ */ jsx218("div", { style: style2, children: /* @__PURE__ */ jsx218(
|
|
6372
6916
|
"div",
|
|
6373
6917
|
{
|
|
6374
6918
|
className: [
|
|
@@ -6376,10 +6920,10 @@ var DropdownList = React220.forwardRef(
|
|
|
6376
6920
|
showDividers && DropdownList_default.dropdownListItemWrapperWithDivider,
|
|
6377
6921
|
item.divider && DropdownList_default.dropdownListItemWrapperWithBottomDivider
|
|
6378
6922
|
].filter(Boolean).join(" "),
|
|
6379
|
-
children: /* @__PURE__ */
|
|
6923
|
+
children: /* @__PURE__ */ jsxs13(
|
|
6380
6924
|
"div",
|
|
6381
6925
|
{
|
|
6382
|
-
id:
|
|
6926
|
+
id: itemId(item.value),
|
|
6383
6927
|
className: [
|
|
6384
6928
|
DropdownList_default.dropdownListItem,
|
|
6385
6929
|
size === "sm" && DropdownList_default.dropdownListItemSm,
|
|
@@ -6388,11 +6932,11 @@ var DropdownList = React220.forwardRef(
|
|
|
6388
6932
|
item.disabled && DropdownList_default.dropdownListItemDisabled
|
|
6389
6933
|
].filter(Boolean).join(" "),
|
|
6390
6934
|
onClick: () => handleItemClick(item.value, item.disabled, isSelectAllItem),
|
|
6391
|
-
role: "option",
|
|
6392
|
-
"aria-selected": isSelectAllItem ? allFilteredSelected : isSelected(item.value),
|
|
6935
|
+
role: role === "menu" ? "menuitem" : "option",
|
|
6936
|
+
"aria-selected": role === "listbox" ? isSelectAllItem ? allFilteredSelected : isSelected(item.value) : void 0,
|
|
6393
6937
|
"aria-disabled": item.disabled,
|
|
6394
6938
|
children: [
|
|
6395
|
-
mode === "multi" && /* @__PURE__ */
|
|
6939
|
+
mode === "multi" && /* @__PURE__ */ jsx218(
|
|
6396
6940
|
Checkbox,
|
|
6397
6941
|
{
|
|
6398
6942
|
checked: isSelectAllItem ? allFilteredSelected : isSelected(item.value),
|
|
@@ -6404,9 +6948,9 @@ var DropdownList = React220.forwardRef(
|
|
|
6404
6948
|
tabIndex: -1
|
|
6405
6949
|
}
|
|
6406
6950
|
),
|
|
6407
|
-
item.icon && /* @__PURE__ */
|
|
6408
|
-
/* @__PURE__ */
|
|
6409
|
-
mode === "single" && isSelected(item.value) && /* @__PURE__ */
|
|
6951
|
+
item.icon && /* @__PURE__ */ jsx218("span", { className: DropdownList_default.dropdownListItemIcon, children: React226.isValidElement(item.icon) ? React226.cloneElement(item.icon, { size: size === "sm" ? 20 : 24 }) : item.icon }),
|
|
6952
|
+
/* @__PURE__ */ jsx218("span", { className: DropdownList_default.dropdownListItemLabel, children: item.label }),
|
|
6953
|
+
mode === "single" && isSelected(item.value) && /* @__PURE__ */ jsx218("span", { className: DropdownList_default.dropdownListCheckmark, children: /* @__PURE__ */ jsx218(CheckSmallOutline, { size: size === "sm" ? 20 : 24 }) })
|
|
6410
6954
|
]
|
|
6411
6955
|
}
|
|
6412
6956
|
)
|
|
@@ -6415,7 +6959,7 @@ var DropdownList = React220.forwardRef(
|
|
|
6415
6959
|
}) }) : displayItems.map((item, index) => {
|
|
6416
6960
|
const isFocused = index === focusedIndex;
|
|
6417
6961
|
const isSelectAllItem = Boolean(item.__selectAll);
|
|
6418
|
-
return /* @__PURE__ */
|
|
6962
|
+
return /* @__PURE__ */ jsx218(
|
|
6419
6963
|
"div",
|
|
6420
6964
|
{
|
|
6421
6965
|
className: [
|
|
@@ -6423,10 +6967,10 @@ var DropdownList = React220.forwardRef(
|
|
|
6423
6967
|
showDividers && DropdownList_default.dropdownListItemWrapperWithDivider,
|
|
6424
6968
|
item.divider && DropdownList_default.dropdownListItemWrapperWithBottomDivider
|
|
6425
6969
|
].filter(Boolean).join(" "),
|
|
6426
|
-
children: /* @__PURE__ */
|
|
6970
|
+
children: /* @__PURE__ */ jsxs13(
|
|
6427
6971
|
"div",
|
|
6428
6972
|
{
|
|
6429
|
-
id:
|
|
6973
|
+
id: itemId(item.value),
|
|
6430
6974
|
className: [
|
|
6431
6975
|
DropdownList_default.dropdownListItem,
|
|
6432
6976
|
size === "sm" && DropdownList_default.dropdownListItemSm,
|
|
@@ -6435,11 +6979,11 @@ var DropdownList = React220.forwardRef(
|
|
|
6435
6979
|
item.disabled && DropdownList_default.dropdownListItemDisabled
|
|
6436
6980
|
].filter(Boolean).join(" "),
|
|
6437
6981
|
onClick: () => handleItemClick(item.value, item.disabled, isSelectAllItem),
|
|
6438
|
-
role: "option",
|
|
6439
|
-
"aria-selected": isSelectAllItem ? allFilteredSelected : isSelected(item.value),
|
|
6982
|
+
role: role === "menu" ? "menuitem" : "option",
|
|
6983
|
+
"aria-selected": role === "listbox" ? isSelectAllItem ? allFilteredSelected : isSelected(item.value) : void 0,
|
|
6440
6984
|
"aria-disabled": item.disabled,
|
|
6441
6985
|
children: [
|
|
6442
|
-
mode === "multi" && /* @__PURE__ */
|
|
6986
|
+
mode === "multi" && /* @__PURE__ */ jsx218(
|
|
6443
6987
|
Checkbox,
|
|
6444
6988
|
{
|
|
6445
6989
|
checked: isSelectAllItem ? allFilteredSelected : isSelected(item.value),
|
|
@@ -6451,9 +6995,9 @@ var DropdownList = React220.forwardRef(
|
|
|
6451
6995
|
tabIndex: -1
|
|
6452
6996
|
}
|
|
6453
6997
|
),
|
|
6454
|
-
item.icon && /* @__PURE__ */
|
|
6455
|
-
/* @__PURE__ */
|
|
6456
|
-
mode === "single" && isSelected(item.value) && /* @__PURE__ */
|
|
6998
|
+
item.icon && /* @__PURE__ */ jsx218("span", { className: DropdownList_default.dropdownListItemIcon, children: React226.isValidElement(item.icon) ? React226.cloneElement(item.icon, { size: size === "sm" ? 20 : 24 }) : item.icon }),
|
|
6999
|
+
/* @__PURE__ */ jsx218("span", { className: DropdownList_default.dropdownListItemLabel, children: item.label }),
|
|
7000
|
+
mode === "single" && isSelected(item.value) && /* @__PURE__ */ jsx218("span", { className: DropdownList_default.dropdownListCheckmark, children: /* @__PURE__ */ jsx218(CheckSmallOutline, { size: size === "sm" ? 20 : 24 }) })
|
|
6457
7001
|
]
|
|
6458
7002
|
}
|
|
6459
7003
|
)
|
|
@@ -6463,7 +7007,7 @@ var DropdownList = React220.forwardRef(
|
|
|
6463
7007
|
})
|
|
6464
7008
|
}
|
|
6465
7009
|
),
|
|
6466
|
-
/* @__PURE__ */
|
|
7010
|
+
/* @__PURE__ */ jsx218("div", { className: [
|
|
6467
7011
|
DropdownList_default.dropdownListGradient,
|
|
6468
7012
|
DropdownList_default.dropdownListGradientBottom,
|
|
6469
7013
|
showBottomGradient && DropdownList_default.dropdownListGradientVisible
|
|
@@ -6536,9 +7080,26 @@ var calculateCursorPosition = (prevValue, nextValue, prevCursorPos) => {
|
|
|
6536
7080
|
// ../ultimate/src/components/text-field/TextField.module.css
|
|
6537
7081
|
var TextField_default = {};
|
|
6538
7082
|
|
|
7083
|
+
// ../ultimate/src/internal/form/useNativeFieldReset.ts
|
|
7084
|
+
import * as React227 from "react";
|
|
7085
|
+
function useNativeFieldReset(ref, resetState, resetValue, formId) {
|
|
7086
|
+
const reset = useCallbackRef((event) => {
|
|
7087
|
+
queueMicrotask(() => {
|
|
7088
|
+
if (event.defaultPrevented || !ref.current) return;
|
|
7089
|
+
resetState();
|
|
7090
|
+
ref.current.value = resetValue;
|
|
7091
|
+
});
|
|
7092
|
+
});
|
|
7093
|
+
React227.useEffect(() => {
|
|
7094
|
+
const form = ref.current?.form;
|
|
7095
|
+
form?.addEventListener("reset", reset);
|
|
7096
|
+
return () => form?.removeEventListener("reset", reset);
|
|
7097
|
+
}, [formId, ref, reset]);
|
|
7098
|
+
}
|
|
7099
|
+
|
|
6539
7100
|
// ../ultimate/src/components/text-field/TextField.tsx
|
|
6540
|
-
import { jsx as
|
|
6541
|
-
var TextField =
|
|
7101
|
+
import { jsx as jsx219, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
7102
|
+
var TextField = React228.forwardRef(
|
|
6542
7103
|
({
|
|
6543
7104
|
label,
|
|
6544
7105
|
labelStyle = "outside",
|
|
@@ -6565,6 +7126,7 @@ var TextField = React221.forwardRef(
|
|
|
6565
7126
|
readOnly,
|
|
6566
7127
|
className,
|
|
6567
7128
|
style,
|
|
7129
|
+
inputStyle,
|
|
6568
7130
|
onFocus,
|
|
6569
7131
|
onBlur,
|
|
6570
7132
|
onChange,
|
|
@@ -6579,23 +7141,32 @@ var TextField = React221.forwardRef(
|
|
|
6579
7141
|
selectOnFocus = false,
|
|
6580
7142
|
...props
|
|
6581
7143
|
}, ref) => {
|
|
6582
|
-
const
|
|
6583
|
-
const
|
|
6584
|
-
const
|
|
6585
|
-
const
|
|
6586
|
-
const [
|
|
7144
|
+
const generatedId = React228.useId();
|
|
7145
|
+
const inputId = props.id ?? generatedId;
|
|
7146
|
+
const helperId = `${inputId}-help`;
|
|
7147
|
+
const [focused, setFocused] = React228.useState(false);
|
|
7148
|
+
const [isDropdownOpen, setIsDropdownOpen] = React228.useState(false);
|
|
7149
|
+
const [passwordVisible, setPasswordVisible] = React228.useState(false);
|
|
7150
|
+
const inputRef = React228.useRef(null);
|
|
7151
|
+
const [valueState, setValueState, resetValueState] = useControllableState({
|
|
6587
7152
|
value,
|
|
6588
7153
|
defaultValue: defaultValue || "",
|
|
6589
7154
|
onChange
|
|
6590
7155
|
});
|
|
6591
7156
|
const currentValue = valueState;
|
|
7157
|
+
useNativeFieldReset(
|
|
7158
|
+
inputRef,
|
|
7159
|
+
resetValueState,
|
|
7160
|
+
String(value === void 0 ? defaultValue ?? "" : currentValue ?? ""),
|
|
7161
|
+
props.form
|
|
7162
|
+
);
|
|
6592
7163
|
const [dropdownValueState, setDropdownValueState] = useControllableState({
|
|
6593
7164
|
value: trailingDropdownValue,
|
|
6594
7165
|
defaultValue: defaultTrailingDropdownValue || "",
|
|
6595
7166
|
onChange: onTrailingDropdownChange
|
|
6596
7167
|
});
|
|
6597
|
-
const triggerWrapperRef =
|
|
6598
|
-
const popoverRef =
|
|
7168
|
+
const triggerWrapperRef = React228.useRef(null);
|
|
7169
|
+
const popoverRef = React228.useRef(null);
|
|
6599
7170
|
const { style: popoverStyle } = usePopoverPosition(triggerWrapperRef, popoverRef, isDropdownOpen, {
|
|
6600
7171
|
margin: 8,
|
|
6601
7172
|
strategy: portal ? "fixed" : "absolute",
|
|
@@ -6608,7 +7179,7 @@ var TextField = React221.forwardRef(
|
|
|
6608
7179
|
[triggerWrapperRef]
|
|
6609
7180
|
);
|
|
6610
7181
|
useEscapeKeydown(() => setIsDropdownOpen(false), isDropdownOpen);
|
|
6611
|
-
const keepSelectionOnMouseUpRef =
|
|
7182
|
+
const keepSelectionOnMouseUpRef = React228.useRef(false);
|
|
6612
7183
|
const handleFocus = (e) => {
|
|
6613
7184
|
setFocused(true);
|
|
6614
7185
|
if (selectOnFocus) e.currentTarget.select();
|
|
@@ -6625,7 +7196,7 @@ var TextField = React221.forwardRef(
|
|
|
6625
7196
|
}
|
|
6626
7197
|
props.onMouseUp?.(e);
|
|
6627
7198
|
};
|
|
6628
|
-
const isPhoneFormat =
|
|
7199
|
+
const isPhoneFormat = React228.useMemo(() => {
|
|
6629
7200
|
if (inputFormat) return false;
|
|
6630
7201
|
if (!leadingText) return false;
|
|
6631
7202
|
return (leadingText.startsWith("+") || /^\d+$/.test(leadingText.replace(/[\s()]/g, ""))) && !leadingText.includes("://");
|
|
@@ -6635,7 +7206,7 @@ var TextField = React221.forwardRef(
|
|
|
6635
7206
|
const separator = formatOptions?.separator ?? ",";
|
|
6636
7207
|
const allowDecimal = formatOptions?.allowDecimal ?? true;
|
|
6637
7208
|
const maxDigits = formatOptions?.maxDigits;
|
|
6638
|
-
const applyFormat =
|
|
7209
|
+
const applyFormat = React228.useCallback((raw) => {
|
|
6639
7210
|
switch (activeFormat) {
|
|
6640
7211
|
case "currency": {
|
|
6641
7212
|
let cleaned = raw;
|
|
@@ -6671,7 +7242,7 @@ var TextField = React221.forwardRef(
|
|
|
6671
7242
|
}
|
|
6672
7243
|
onBlur?.(e);
|
|
6673
7244
|
};
|
|
6674
|
-
|
|
7245
|
+
React228.useEffect(() => {
|
|
6675
7246
|
if (activeFormat && currentValue) {
|
|
6676
7247
|
const formatted = applyFormat(String(currentValue));
|
|
6677
7248
|
if (currentValue !== formatted) {
|
|
@@ -6770,7 +7341,7 @@ var TextField = React221.forwardRef(
|
|
|
6770
7341
|
displayedDropdownLabel = selectedOption.label;
|
|
6771
7342
|
}
|
|
6772
7343
|
}
|
|
6773
|
-
const dropdownMenu = isDropdownOpen && dropdownListItems && /* @__PURE__ */
|
|
7344
|
+
const dropdownMenu = isDropdownOpen && dropdownListItems && /* @__PURE__ */ jsx219(
|
|
6774
7345
|
"div",
|
|
6775
7346
|
{
|
|
6776
7347
|
ref: popoverRef,
|
|
@@ -6779,7 +7350,7 @@ var TextField = React221.forwardRef(
|
|
|
6779
7350
|
...popoverStyle,
|
|
6780
7351
|
minWidth: triggerWrapperRef.current?.offsetWidth || 120
|
|
6781
7352
|
},
|
|
6782
|
-
children: /* @__PURE__ */
|
|
7353
|
+
children: /* @__PURE__ */ jsx219(
|
|
6783
7354
|
DropdownList,
|
|
6784
7355
|
{
|
|
6785
7356
|
items: dropdownListItems,
|
|
@@ -6792,7 +7363,7 @@ var TextField = React221.forwardRef(
|
|
|
6792
7363
|
)
|
|
6793
7364
|
}
|
|
6794
7365
|
);
|
|
6795
|
-
return /* @__PURE__ */
|
|
7366
|
+
return /* @__PURE__ */ jsxs14(
|
|
6796
7367
|
"div",
|
|
6797
7368
|
{
|
|
6798
7369
|
className: [
|
|
@@ -6804,16 +7375,16 @@ var TextField = React221.forwardRef(
|
|
|
6804
7375
|
].filter(Boolean).join(" "),
|
|
6805
7376
|
style: { ...style, width },
|
|
6806
7377
|
children: [
|
|
6807
|
-
shouldShowLabelOutside && /* @__PURE__ */
|
|
7378
|
+
shouldShowLabelOutside && /* @__PURE__ */ jsxs14("label", { htmlFor: inputId, className: [
|
|
6808
7379
|
TextField_default.textFieldLabel,
|
|
6809
7380
|
TextField_default.outsideLabel,
|
|
6810
7381
|
size === "medium" && TextField_default.outsideLabelMedium,
|
|
6811
7382
|
size === "small" && TextField_default.outsideLabelSmall
|
|
6812
7383
|
].filter(Boolean).join(" "), children: [
|
|
6813
7384
|
label,
|
|
6814
|
-
required && /* @__PURE__ */
|
|
7385
|
+
required && /* @__PURE__ */ jsx219("span", { "aria-hidden": "true", className: TextField_default.textFieldRequiredIndicator, children: " *" })
|
|
6815
7386
|
] }),
|
|
6816
|
-
/* @__PURE__ */
|
|
7387
|
+
/* @__PURE__ */ jsxs14(
|
|
6817
7388
|
"div",
|
|
6818
7389
|
{
|
|
6819
7390
|
className: [
|
|
@@ -6829,26 +7400,32 @@ var TextField = React221.forwardRef(
|
|
|
6829
7400
|
].filter(Boolean).join(" "),
|
|
6830
7401
|
onClick: () => !disabled && !readOnly && !focused && inputRef.current?.focus(),
|
|
6831
7402
|
children: [
|
|
6832
|
-
!shouldShowLabelInside && leadingIcon && /* @__PURE__ */
|
|
6833
|
-
!shouldShowLabelInside && leadingText && /* @__PURE__ */
|
|
6834
|
-
/* @__PURE__ */
|
|
6835
|
-
shouldShowLabelInside && /* @__PURE__ */
|
|
6836
|
-
"
|
|
7403
|
+
!shouldShowLabelInside && leadingIcon && /* @__PURE__ */ jsx219("span", { className: TextField_default.textFieldLeadingIcon, children: leadingIcon }),
|
|
7404
|
+
!shouldShowLabelInside && leadingText && /* @__PURE__ */ jsx219("span", { className: TextField_default.textFieldLeadingText, children: leadingText }),
|
|
7405
|
+
/* @__PURE__ */ jsxs14("div", { className: TextField_default.textFieldInputWrapper, children: [
|
|
7406
|
+
shouldShowLabelInside && /* @__PURE__ */ jsxs14(
|
|
7407
|
+
"label",
|
|
6837
7408
|
{
|
|
7409
|
+
htmlFor: inputId,
|
|
6838
7410
|
className: [
|
|
6839
7411
|
TextField_default.textFieldInlineLabel,
|
|
6840
7412
|
(focused || currentValue) && TextField_default.shrunk
|
|
6841
7413
|
].filter(Boolean).join(" "),
|
|
6842
7414
|
children: [
|
|
6843
7415
|
label,
|
|
6844
|
-
required && /* @__PURE__ */
|
|
7416
|
+
required && /* @__PURE__ */ jsx219("span", { "aria-hidden": "true", className: TextField_default.textFieldRequiredIndicator, children: " *" })
|
|
6845
7417
|
]
|
|
6846
7418
|
}
|
|
6847
7419
|
),
|
|
6848
|
-
/* @__PURE__ */
|
|
7420
|
+
/* @__PURE__ */ jsx219(
|
|
6849
7421
|
"input",
|
|
6850
7422
|
{
|
|
7423
|
+
style: inputStyle,
|
|
6851
7424
|
...props,
|
|
7425
|
+
id: inputId,
|
|
7426
|
+
required,
|
|
7427
|
+
"aria-invalid": error || props["aria-invalid"],
|
|
7428
|
+
"aria-describedby": mergeAriaIds(props["aria-describedby"], helperText ? helperId : void 0),
|
|
6852
7429
|
ref: (node) => {
|
|
6853
7430
|
inputRef.current = node;
|
|
6854
7431
|
if (typeof ref === "function") ref(node);
|
|
@@ -6879,8 +7456,8 @@ var TextField = React221.forwardRef(
|
|
|
6879
7456
|
}
|
|
6880
7457
|
)
|
|
6881
7458
|
] }),
|
|
6882
|
-
/* @__PURE__ */
|
|
6883
|
-
shortcutHint && !focused && /* @__PURE__ */
|
|
7459
|
+
/* @__PURE__ */ jsxs14("div", { className: TextField_default.textFieldTrailingGroup, children: [
|
|
7460
|
+
shortcutHint && !focused && /* @__PURE__ */ jsx219(
|
|
6884
7461
|
Badge,
|
|
6885
7462
|
{
|
|
6886
7463
|
variant: "secondary",
|
|
@@ -6889,12 +7466,12 @@ var TextField = React221.forwardRef(
|
|
|
6889
7466
|
label: shortcutHint
|
|
6890
7467
|
}
|
|
6891
7468
|
),
|
|
6892
|
-
showClear && focused && currentValue && !disabled && !readOnly && /* @__PURE__ */
|
|
7469
|
+
showClear && focused && currentValue && !disabled && !readOnly && /* @__PURE__ */ jsx219(
|
|
6893
7470
|
IconButton,
|
|
6894
7471
|
{
|
|
6895
7472
|
variant: "primary",
|
|
6896
7473
|
shape: "pill",
|
|
6897
|
-
icon: /* @__PURE__ */
|
|
7474
|
+
icon: /* @__PURE__ */ jsx219(CloseSmallOutline, {}),
|
|
6898
7475
|
onMouseDown: (e) => e.preventDefault(),
|
|
6899
7476
|
onClick: handleClear,
|
|
6900
7477
|
tabIndex: -1,
|
|
@@ -6902,13 +7479,13 @@ var TextField = React221.forwardRef(
|
|
|
6902
7479
|
className: TextField_default.textFieldClearButton
|
|
6903
7480
|
}
|
|
6904
7481
|
),
|
|
6905
|
-
(trailingDropdownLabel || trailingDropdownOptions) && /* @__PURE__ */
|
|
7482
|
+
(trailingDropdownLabel || trailingDropdownOptions) && /* @__PURE__ */ jsxs14(
|
|
6906
7483
|
"div",
|
|
6907
7484
|
{
|
|
6908
7485
|
ref: triggerWrapperRef,
|
|
6909
7486
|
className: TextField_default.textFieldTrailingDropdownWrapper,
|
|
6910
7487
|
children: [
|
|
6911
|
-
/* @__PURE__ */
|
|
7488
|
+
/* @__PURE__ */ jsxs14(
|
|
6912
7489
|
"div",
|
|
6913
7490
|
{
|
|
6914
7491
|
className: [
|
|
@@ -6917,12 +7494,12 @@ var TextField = React221.forwardRef(
|
|
|
6917
7494
|
].filter(Boolean).join(" "),
|
|
6918
7495
|
onClick: handleDropdownClick,
|
|
6919
7496
|
children: [
|
|
6920
|
-
/* @__PURE__ */
|
|
6921
|
-
/* @__PURE__ */
|
|
6922
|
-
/* @__PURE__ */
|
|
7497
|
+
/* @__PURE__ */ jsx219(Divider, { orientation: "vertical", className: TextField_default.textFieldSuffixDivider }),
|
|
7498
|
+
/* @__PURE__ */ jsx219("span", { children: displayedDropdownLabel }),
|
|
7499
|
+
/* @__PURE__ */ jsx219("span", { className: [
|
|
6923
7500
|
TextField_default.textFieldChevronIcon,
|
|
6924
7501
|
isDropdownOpen && TextField_default.rotated
|
|
6925
|
-
].filter(Boolean).join(" "), children: /* @__PURE__ */
|
|
7502
|
+
].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx219(ChevronDownSmallOutline, { size: 20 }) })
|
|
6926
7503
|
]
|
|
6927
7504
|
}
|
|
6928
7505
|
),
|
|
@@ -6930,7 +7507,7 @@ var TextField = React221.forwardRef(
|
|
|
6930
7507
|
]
|
|
6931
7508
|
}
|
|
6932
7509
|
),
|
|
6933
|
-
activeFormat === "password" && /* @__PURE__ */
|
|
7510
|
+
activeFormat === "password" && /* @__PURE__ */ jsx219(
|
|
6934
7511
|
"div",
|
|
6935
7512
|
{
|
|
6936
7513
|
className: [TextField_default.textFieldTrailingIconWrapper, TextField_default.textFieldPasswordToggleButton].join(" "),
|
|
@@ -6941,12 +7518,20 @@ var TextField = React221.forwardRef(
|
|
|
6941
7518
|
}
|
|
6942
7519
|
},
|
|
6943
7520
|
role: "button",
|
|
6944
|
-
tabIndex: -1,
|
|
7521
|
+
tabIndex: disabled ? -1 : 0,
|
|
7522
|
+
"aria-disabled": disabled || void 0,
|
|
7523
|
+
onKeyDown: (e) => {
|
|
7524
|
+
if (!disabled && (e.key === "Enter" || e.key === " ")) {
|
|
7525
|
+
e.preventDefault();
|
|
7526
|
+
e.stopPropagation();
|
|
7527
|
+
togglePasswordVisibility(e);
|
|
7528
|
+
}
|
|
7529
|
+
},
|
|
6945
7530
|
"aria-label": passwordVisible ? "Hide password" : "Show password",
|
|
6946
|
-
children: /* @__PURE__ */
|
|
7531
|
+
children: /* @__PURE__ */ jsx219("span", { className: TextField_default.textFieldPasswordToggle, children: passwordVisible ? /* @__PURE__ */ jsx219(EyeOffOutline, {}) : /* @__PURE__ */ jsx219(EyeOutline, {}) })
|
|
6947
7532
|
}
|
|
6948
7533
|
),
|
|
6949
|
-
trailingIcon && activeFormat !== "password" && /* @__PURE__ */
|
|
7534
|
+
trailingIcon && activeFormat !== "password" && /* @__PURE__ */ jsxs14(
|
|
6950
7535
|
"div",
|
|
6951
7536
|
{
|
|
6952
7537
|
className: TextField_default.textFieldTrailingIconWrapper,
|
|
@@ -6957,7 +7542,7 @@ var TextField = React221.forwardRef(
|
|
|
6957
7542
|
}
|
|
6958
7543
|
},
|
|
6959
7544
|
children: [
|
|
6960
|
-
/* @__PURE__ */
|
|
7545
|
+
/* @__PURE__ */ jsx219(Divider, { orientation: "vertical", className: TextField_default.textFieldSuffixDivider }),
|
|
6961
7546
|
trailingIcon
|
|
6962
7547
|
]
|
|
6963
7548
|
}
|
|
@@ -6966,12 +7551,12 @@ var TextField = React221.forwardRef(
|
|
|
6966
7551
|
]
|
|
6967
7552
|
}
|
|
6968
7553
|
),
|
|
6969
|
-
(helperText || showCharacterCount && maxLength) && /* @__PURE__ */
|
|
6970
|
-
helperText && /* @__PURE__ */
|
|
7554
|
+
(helperText || showCharacterCount && maxLength) && /* @__PURE__ */ jsxs14("div", { className: TextField_default.textFieldFooter, children: [
|
|
7555
|
+
helperText && /* @__PURE__ */ jsx219("span", { id: helperId, className: [
|
|
6971
7556
|
TextField_default.textFieldHelperText,
|
|
6972
7557
|
error && TextField_default.errorText
|
|
6973
7558
|
].filter(Boolean).join(" "), children: helperText }),
|
|
6974
|
-
showCharacterCount && maxLength && /* @__PURE__ */
|
|
7559
|
+
showCharacterCount && maxLength && /* @__PURE__ */ jsxs14("span", { className: TextField_default.textFieldCharacterCount, children: [
|
|
6975
7560
|
String(currentValue || "").length,
|
|
6976
7561
|
"/",
|
|
6977
7562
|
maxLength
|
|
@@ -6985,14 +7570,14 @@ var TextField = React221.forwardRef(
|
|
|
6985
7570
|
TextField.displayName = "TextField";
|
|
6986
7571
|
|
|
6987
7572
|
// ../ultimate/src/components/text-area/TextArea.tsx
|
|
6988
|
-
import * as
|
|
7573
|
+
import * as React229 from "react";
|
|
6989
7574
|
|
|
6990
7575
|
// ../ultimate/src/components/text-area/TextArea.module.css
|
|
6991
7576
|
var TextArea_default = {};
|
|
6992
7577
|
|
|
6993
7578
|
// ../ultimate/src/components/text-area/TextArea.tsx
|
|
6994
|
-
import { jsx as
|
|
6995
|
-
var TextArea =
|
|
7579
|
+
import { jsx as jsx220, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
7580
|
+
var TextArea = React229.forwardRef(
|
|
6996
7581
|
({
|
|
6997
7582
|
label,
|
|
6998
7583
|
labelStyle = "outside",
|
|
@@ -7018,13 +7603,20 @@ var TextArea = React222.forwardRef(
|
|
|
7018
7603
|
fullWidth = true,
|
|
7019
7604
|
...props
|
|
7020
7605
|
}, ref) => {
|
|
7021
|
-
const [focused, setFocused] =
|
|
7022
|
-
const
|
|
7606
|
+
const [focused, setFocused] = React229.useState(false);
|
|
7607
|
+
const textareaRef = React229.useRef(null);
|
|
7608
|
+
const [valueState, setValueState, resetValueState] = useControllableState({
|
|
7023
7609
|
value,
|
|
7024
7610
|
defaultValue: defaultValue || "",
|
|
7025
7611
|
onChange
|
|
7026
7612
|
});
|
|
7027
7613
|
const currentValue = valueState;
|
|
7614
|
+
useNativeFieldReset(
|
|
7615
|
+
textareaRef,
|
|
7616
|
+
resetValueState,
|
|
7617
|
+
String(value === void 0 ? defaultValue ?? "" : currentValue ?? ""),
|
|
7618
|
+
props.form
|
|
7619
|
+
);
|
|
7028
7620
|
const charCount = currentValue?.length || 0;
|
|
7029
7621
|
const shouldShowCount = showCount ?? maxLength !== void 0;
|
|
7030
7622
|
const handleFocus = (e) => {
|
|
@@ -7042,11 +7634,12 @@ var TextArea = React222.forwardRef(
|
|
|
7042
7634
|
}
|
|
7043
7635
|
setValueState(newValue);
|
|
7044
7636
|
};
|
|
7045
|
-
const generatedId =
|
|
7637
|
+
const generatedId = React229.useId();
|
|
7046
7638
|
const shouldShowLabelOutside = label && labelStyle === "outside";
|
|
7047
7639
|
const shouldShowLabelInside = label && labelStyle === "inside";
|
|
7048
7640
|
const textareaId = id ?? generatedId;
|
|
7049
|
-
|
|
7641
|
+
const helperId = `${textareaId}-help`;
|
|
7642
|
+
return /* @__PURE__ */ jsxs15(
|
|
7050
7643
|
"div",
|
|
7051
7644
|
{
|
|
7052
7645
|
className: [
|
|
@@ -7058,12 +7651,12 @@ var TextArea = React222.forwardRef(
|
|
|
7058
7651
|
].filter(Boolean).join(" "),
|
|
7059
7652
|
style: { ...style, width },
|
|
7060
7653
|
children: [
|
|
7061
|
-
shouldShowLabelOutside && /* @__PURE__ */
|
|
7654
|
+
shouldShowLabelOutside && /* @__PURE__ */ jsxs15("label", { htmlFor: textareaId, className: TextArea_default.textAreaOutsideLabel, children: [
|
|
7062
7655
|
label,
|
|
7063
|
-
required && /* @__PURE__ */
|
|
7656
|
+
required && /* @__PURE__ */ jsx220("span", { "aria-hidden": "true", className: TextArea_default.textAreaRequiredIndicator, children: " *" })
|
|
7064
7657
|
] }),
|
|
7065
|
-
/* @__PURE__ */
|
|
7066
|
-
shouldShowLabelInside && /* @__PURE__ */
|
|
7658
|
+
/* @__PURE__ */ jsxs15("div", { className: TextArea_default.textAreaInputWrapper, children: [
|
|
7659
|
+
shouldShowLabelInside && /* @__PURE__ */ jsxs15(
|
|
7067
7660
|
"label",
|
|
7068
7661
|
{
|
|
7069
7662
|
className: [
|
|
@@ -7073,14 +7666,18 @@ var TextArea = React222.forwardRef(
|
|
|
7073
7666
|
htmlFor: textareaId,
|
|
7074
7667
|
children: [
|
|
7075
7668
|
label,
|
|
7076
|
-
required && /* @__PURE__ */
|
|
7669
|
+
required && /* @__PURE__ */ jsx220("span", { "aria-hidden": "true", className: TextArea_default.textAreaRequiredIndicator, children: " *" })
|
|
7077
7670
|
]
|
|
7078
7671
|
}
|
|
7079
7672
|
),
|
|
7080
|
-
/* @__PURE__ */
|
|
7673
|
+
/* @__PURE__ */ jsx220(
|
|
7081
7674
|
"textarea",
|
|
7082
7675
|
{
|
|
7083
|
-
ref
|
|
7676
|
+
ref: (node) => {
|
|
7677
|
+
textareaRef.current = node;
|
|
7678
|
+
if (typeof ref === "function") ref(node);
|
|
7679
|
+
else if (ref) ref.current = node;
|
|
7680
|
+
},
|
|
7084
7681
|
id: textareaId,
|
|
7085
7682
|
className: [
|
|
7086
7683
|
TextArea_default.textAreaInput,
|
|
@@ -7100,16 +7697,19 @@ var TextArea = React222.forwardRef(
|
|
|
7100
7697
|
rows,
|
|
7101
7698
|
style: { resize },
|
|
7102
7699
|
maxLength: maxLength ?? void 0,
|
|
7103
|
-
...props
|
|
7700
|
+
...props,
|
|
7701
|
+
required,
|
|
7702
|
+
"aria-invalid": error || props["aria-invalid"],
|
|
7703
|
+
"aria-describedby": mergeAriaIds(props["aria-describedby"], helperText ? helperId : void 0)
|
|
7104
7704
|
}
|
|
7105
7705
|
)
|
|
7106
7706
|
] }),
|
|
7107
|
-
(helperText || shouldShowCount) && /* @__PURE__ */
|
|
7108
|
-
helperText && /* @__PURE__ */
|
|
7707
|
+
(helperText || shouldShowCount) && /* @__PURE__ */ jsxs15("div", { className: TextArea_default.textAreaFooter, children: [
|
|
7708
|
+
helperText && /* @__PURE__ */ jsx220("span", { id: helperId, className: [
|
|
7109
7709
|
TextArea_default.textAreaHelperText,
|
|
7110
7710
|
error && TextArea_default.textAreaErrorText
|
|
7111
7711
|
].filter(Boolean).join(" "), children: helperText }),
|
|
7112
|
-
shouldShowCount && /* @__PURE__ */
|
|
7712
|
+
shouldShowCount && /* @__PURE__ */ jsxs15("span", { className: TextArea_default.textAreaCharCount, children: [
|
|
7113
7713
|
charCount,
|
|
7114
7714
|
maxLength !== void 0 ? `/${maxLength}` : ""
|
|
7115
7715
|
] })
|
|
@@ -7122,16 +7722,16 @@ var TextArea = React222.forwardRef(
|
|
|
7122
7722
|
TextArea.displayName = "TextArea";
|
|
7123
7723
|
|
|
7124
7724
|
// ../ultimate/src/components/avatar/Avatar.tsx
|
|
7125
|
-
import * as
|
|
7725
|
+
import * as React230 from "react";
|
|
7126
7726
|
|
|
7127
7727
|
// ../ultimate/src/components/avatar/Avatar.module.css
|
|
7128
7728
|
var Avatar_default = {};
|
|
7129
7729
|
|
|
7130
7730
|
// ../ultimate/src/components/avatar/Avatar.tsx
|
|
7131
|
-
import { jsx as
|
|
7132
|
-
var Avatar =
|
|
7731
|
+
import { jsx as jsx221, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
7732
|
+
var Avatar = React230.forwardRef(
|
|
7133
7733
|
({ src, alt, name, icon, size = "40", status, stroke, className, onClick, ...rest }, ref) => {
|
|
7134
|
-
const [hasError, setHasError] =
|
|
7734
|
+
const [hasError, setHasError] = React230.useState(false);
|
|
7135
7735
|
const isInteractive = !!onClick;
|
|
7136
7736
|
const Component = isInteractive ? "button" : "div";
|
|
7137
7737
|
const getInitials = (userName) => {
|
|
@@ -7140,7 +7740,7 @@ var Avatar = React223.forwardRef(
|
|
|
7140
7740
|
};
|
|
7141
7741
|
const renderContent = () => {
|
|
7142
7742
|
if (src && !hasError) {
|
|
7143
|
-
return /* @__PURE__ */
|
|
7743
|
+
return /* @__PURE__ */ jsx221(
|
|
7144
7744
|
"img",
|
|
7145
7745
|
{
|
|
7146
7746
|
src,
|
|
@@ -7151,9 +7751,9 @@ var Avatar = React223.forwardRef(
|
|
|
7151
7751
|
);
|
|
7152
7752
|
}
|
|
7153
7753
|
if (name) {
|
|
7154
|
-
return /* @__PURE__ */
|
|
7754
|
+
return /* @__PURE__ */ jsx221("span", { className: Avatar_default.avatarInitials, children: getInitials(name) });
|
|
7155
7755
|
}
|
|
7156
|
-
return /* @__PURE__ */
|
|
7756
|
+
return /* @__PURE__ */ jsx221("span", { className: Avatar_default.avatarIcon, children: icon || /* @__PURE__ */ jsx221(UserOutline, {}) });
|
|
7157
7757
|
};
|
|
7158
7758
|
const avatarClasses = [
|
|
7159
7759
|
"phx-avatar",
|
|
@@ -7163,7 +7763,7 @@ var Avatar = React223.forwardRef(
|
|
|
7163
7763
|
isInteractive && Avatar_default.interactive,
|
|
7164
7764
|
className
|
|
7165
7765
|
].filter(Boolean).join(" ");
|
|
7166
|
-
return /* @__PURE__ */
|
|
7766
|
+
return /* @__PURE__ */ jsxs16(
|
|
7167
7767
|
Component,
|
|
7168
7768
|
{
|
|
7169
7769
|
ref,
|
|
@@ -7172,8 +7772,8 @@ var Avatar = React223.forwardRef(
|
|
|
7172
7772
|
...isInteractive ? { type: "button" } : {},
|
|
7173
7773
|
...rest,
|
|
7174
7774
|
children: [
|
|
7175
|
-
/* @__PURE__ */
|
|
7176
|
-
status && /* @__PURE__ */
|
|
7775
|
+
/* @__PURE__ */ jsx221("div", { className: Avatar_default.avatarContent, children: renderContent() }),
|
|
7776
|
+
status && /* @__PURE__ */ jsx221(
|
|
7177
7777
|
Badge,
|
|
7178
7778
|
{
|
|
7179
7779
|
className: ["phx-avatar-status", Avatar_default.avatarStatus].filter(Boolean).join(" "),
|
|
@@ -7189,16 +7789,16 @@ var Avatar = React223.forwardRef(
|
|
|
7189
7789
|
Avatar.displayName = "Avatar";
|
|
7190
7790
|
|
|
7191
7791
|
// ../ultimate/src/components/avatar/AvatarGroup.tsx
|
|
7192
|
-
import * as
|
|
7792
|
+
import * as React231 from "react";
|
|
7193
7793
|
|
|
7194
7794
|
// ../ultimate/src/components/avatar/AvatarGroup.module.css
|
|
7195
7795
|
var AvatarGroup_default = {};
|
|
7196
7796
|
|
|
7197
7797
|
// ../ultimate/src/components/avatar/AvatarGroup.tsx
|
|
7198
|
-
import { jsx as
|
|
7199
|
-
var AvatarGroup =
|
|
7798
|
+
import { jsx as jsx222, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
7799
|
+
var AvatarGroup = React231.forwardRef(
|
|
7200
7800
|
({ children, size = "40", max = 5, showStatus = false, className, ...rest }, ref) => {
|
|
7201
|
-
const childrenArray =
|
|
7801
|
+
const childrenArray = React231.Children.toArray(children);
|
|
7202
7802
|
const hasOverflow = childrenArray.length > max;
|
|
7203
7803
|
const visibleCount = hasOverflow ? max - 1 : childrenArray.length;
|
|
7204
7804
|
const visibleChildren = childrenArray.slice(0, visibleCount);
|
|
@@ -7209,10 +7809,10 @@ var AvatarGroup = React224.forwardRef(
|
|
|
7209
7809
|
AvatarGroup_default[`size${size}`],
|
|
7210
7810
|
className
|
|
7211
7811
|
].filter(Boolean).join(" ");
|
|
7212
|
-
return /* @__PURE__ */
|
|
7812
|
+
return /* @__PURE__ */ jsxs17("div", { ref, className: groupClasses, ...rest, children: [
|
|
7213
7813
|
visibleChildren.map((child, index) => {
|
|
7214
|
-
if (
|
|
7215
|
-
return
|
|
7814
|
+
if (React231.isValidElement(child)) {
|
|
7815
|
+
return React231.cloneElement(child, {
|
|
7216
7816
|
size,
|
|
7217
7817
|
stroke: true,
|
|
7218
7818
|
key: index,
|
|
@@ -7226,7 +7826,7 @@ var AvatarGroup = React224.forwardRef(
|
|
|
7226
7826
|
}
|
|
7227
7827
|
return child;
|
|
7228
7828
|
}),
|
|
7229
|
-
hasOverflow && /* @__PURE__ */
|
|
7829
|
+
hasOverflow && /* @__PURE__ */ jsx222(
|
|
7230
7830
|
Avatar,
|
|
7231
7831
|
{
|
|
7232
7832
|
size,
|
|
@@ -7242,7 +7842,7 @@ var AvatarGroup = React224.forwardRef(
|
|
|
7242
7842
|
AvatarGroup.displayName = "AvatarGroup";
|
|
7243
7843
|
|
|
7244
7844
|
// ../ultimate/src/components/avatar/AvatarTemplate.tsx
|
|
7245
|
-
import * as
|
|
7845
|
+
import * as React232 from "react";
|
|
7246
7846
|
|
|
7247
7847
|
// ../ultimate/src/img/Image=1.png
|
|
7248
7848
|
var Image_1_default = "./Image=1-LTDZFXMH.png";
|
|
@@ -7263,7 +7863,7 @@ var Image_5_default = "./Image=5-7WFTKF52.png";
|
|
|
7263
7863
|
var Image_6_default = "./Image=6-U5HZ7K2N.png";
|
|
7264
7864
|
|
|
7265
7865
|
// ../ultimate/src/components/avatar/AvatarTemplate.tsx
|
|
7266
|
-
import { jsx as
|
|
7866
|
+
import { jsx as jsx223 } from "react/jsx-runtime";
|
|
7267
7867
|
var toImageSrc = (image) => {
|
|
7268
7868
|
if (typeof image === "string") {
|
|
7269
7869
|
return image;
|
|
@@ -7274,10 +7874,10 @@ var toImageSrc = (image) => {
|
|
|
7274
7874
|
return image.default;
|
|
7275
7875
|
};
|
|
7276
7876
|
var AVATAR_IMAGES = [Image_1_default, Image_2_default, Image_3_default, Image_4_default, Image_5_default, Image_6_default].map(toImageSrc);
|
|
7277
|
-
var AvatarTemplate =
|
|
7877
|
+
var AvatarTemplate = React232.forwardRef(
|
|
7278
7878
|
({ templateId = 1, ...rest }, ref) => {
|
|
7279
7879
|
const src = AVATAR_IMAGES[templateId - 1];
|
|
7280
|
-
return /* @__PURE__ */
|
|
7880
|
+
return /* @__PURE__ */ jsx223(Avatar, { ref, src, className: ["phx-avatar-template", rest.className].filter(Boolean).join(" "), ...rest });
|
|
7281
7881
|
}
|
|
7282
7882
|
);
|
|
7283
7883
|
AvatarTemplate.displayName = "AvatarTemplate";
|
|
@@ -7286,7 +7886,7 @@ AvatarTemplate.displayName = "AvatarTemplate";
|
|
|
7286
7886
|
var Image_default = {};
|
|
7287
7887
|
|
|
7288
7888
|
// ../ultimate/src/components/image/Image.tsx
|
|
7289
|
-
import { jsx as
|
|
7889
|
+
import { jsx as jsx224 } from "react/jsx-runtime";
|
|
7290
7890
|
var Image = ({
|
|
7291
7891
|
src,
|
|
7292
7892
|
alt,
|
|
@@ -7296,7 +7896,7 @@ var Image = ({
|
|
|
7296
7896
|
style
|
|
7297
7897
|
}) => {
|
|
7298
7898
|
const ratioClass = aspectRatio.replace(":", "");
|
|
7299
|
-
return /* @__PURE__ */
|
|
7899
|
+
return /* @__PURE__ */ jsx224(
|
|
7300
7900
|
"div",
|
|
7301
7901
|
{
|
|
7302
7902
|
className: [
|
|
@@ -7306,7 +7906,7 @@ var Image = ({
|
|
|
7306
7906
|
className
|
|
7307
7907
|
].filter(Boolean).join(" "),
|
|
7308
7908
|
style,
|
|
7309
|
-
children: /* @__PURE__ */
|
|
7909
|
+
children: /* @__PURE__ */ jsx224(
|
|
7310
7910
|
"img",
|
|
7311
7911
|
{
|
|
7312
7912
|
src,
|
|
@@ -7320,14 +7920,14 @@ var Image = ({
|
|
|
7320
7920
|
};
|
|
7321
7921
|
|
|
7322
7922
|
// ../ultimate/src/components/skeleton/Skeleton.tsx
|
|
7323
|
-
import * as
|
|
7923
|
+
import * as React233 from "react";
|
|
7324
7924
|
|
|
7325
7925
|
// ../ultimate/src/components/skeleton/Skeleton.module.css
|
|
7326
7926
|
var Skeleton_default = {};
|
|
7327
7927
|
|
|
7328
7928
|
// ../ultimate/src/components/skeleton/Skeleton.tsx
|
|
7329
|
-
import { jsx as
|
|
7330
|
-
var Skeleton =
|
|
7929
|
+
import { jsx as jsx225 } from "react/jsx-runtime";
|
|
7930
|
+
var Skeleton = React233.forwardRef(
|
|
7331
7931
|
({ variant = "text", width, height, rounded, className, style, ...rest }, ref) => {
|
|
7332
7932
|
const skeletonClasses = [
|
|
7333
7933
|
"phx-skeleton",
|
|
@@ -7341,7 +7941,7 @@ var Skeleton = React226.forwardRef(
|
|
|
7341
7941
|
...height !== void 0 && { height: typeof height === "number" ? `${height}px` : height },
|
|
7342
7942
|
...style
|
|
7343
7943
|
};
|
|
7344
|
-
return /* @__PURE__ */
|
|
7944
|
+
return /* @__PURE__ */ jsx225(
|
|
7345
7945
|
"div",
|
|
7346
7946
|
{
|
|
7347
7947
|
ref,
|
|
@@ -7357,14 +7957,14 @@ var Skeleton = React226.forwardRef(
|
|
|
7357
7957
|
Skeleton.displayName = "Skeleton";
|
|
7358
7958
|
|
|
7359
7959
|
// ../ultimate/src/components/chip/Chip.tsx
|
|
7360
|
-
import * as
|
|
7960
|
+
import * as React234 from "react";
|
|
7361
7961
|
|
|
7362
7962
|
// ../ultimate/src/components/chip/Chip.module.css
|
|
7363
7963
|
var Chip_default = {};
|
|
7364
7964
|
|
|
7365
7965
|
// ../ultimate/src/components/chip/Chip.tsx
|
|
7366
|
-
import { jsx as
|
|
7367
|
-
var Chip =
|
|
7966
|
+
import { jsx as jsx226, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
7967
|
+
var Chip = React234.forwardRef(
|
|
7368
7968
|
({
|
|
7369
7969
|
label,
|
|
7370
7970
|
icon,
|
|
@@ -7372,9 +7972,12 @@ var Chip = React227.forwardRef(
|
|
|
7372
7972
|
badge,
|
|
7373
7973
|
variant = "outline",
|
|
7374
7974
|
size = "large",
|
|
7975
|
+
shape = "pill",
|
|
7375
7976
|
disabled,
|
|
7376
7977
|
hasDropdown,
|
|
7377
7978
|
onClear,
|
|
7979
|
+
onRemove,
|
|
7980
|
+
removeLabel,
|
|
7378
7981
|
actionIcon,
|
|
7379
7982
|
onAction,
|
|
7380
7983
|
actionLabel,
|
|
@@ -7390,6 +7993,7 @@ var Chip = React227.forwardRef(
|
|
|
7390
7993
|
Chip_default.chipRoot,
|
|
7391
7994
|
Chip_default[variant],
|
|
7392
7995
|
Chip_default[size],
|
|
7996
|
+
shape === "rounded" && Chip_default.rounded,
|
|
7393
7997
|
disabled && Chip_default.disabled,
|
|
7394
7998
|
isClickable && Chip_default.clickable,
|
|
7395
7999
|
avatar && Chip_default.hasAvatar,
|
|
@@ -7398,28 +8002,30 @@ var Chip = React227.forwardRef(
|
|
|
7398
8002
|
].filter(Boolean).join(" ");
|
|
7399
8003
|
const badgeColor = variant === "filled" ? "white" : "black";
|
|
7400
8004
|
const trailingIconSize = size === "large" ? 20 : 16;
|
|
8005
|
+
const renderCloseButton = (onPress, ariaLabel) => /* @__PURE__ */ jsx226(
|
|
8006
|
+
"button",
|
|
8007
|
+
{
|
|
8008
|
+
type: "button",
|
|
8009
|
+
className: Chip_default.chipDelete,
|
|
8010
|
+
onClick: (e) => {
|
|
8011
|
+
e.stopPropagation();
|
|
8012
|
+
if (!disabled) onPress?.(e);
|
|
8013
|
+
},
|
|
8014
|
+
disabled,
|
|
8015
|
+
"aria-label": ariaLabel,
|
|
8016
|
+
children: /* @__PURE__ */ jsx226(CancelFilled, { size: trailingIconSize })
|
|
8017
|
+
}
|
|
8018
|
+
);
|
|
7401
8019
|
const renderTrailing = () => {
|
|
8020
|
+
if (onRemove) return renderCloseButton(onRemove, removeLabel ?? `Remove ${label}`);
|
|
7402
8021
|
const hasAction = Boolean(actionIcon && onAction);
|
|
7403
8022
|
if (!hasDropdown && !hasAction) return null;
|
|
7404
8023
|
if (variant === "filled" && hasDropdown && !hasAction) {
|
|
7405
|
-
return
|
|
7406
|
-
"button",
|
|
7407
|
-
{
|
|
7408
|
-
type: "button",
|
|
7409
|
-
className: Chip_default.chipDelete,
|
|
7410
|
-
onClick: (e) => {
|
|
7411
|
-
e.stopPropagation();
|
|
7412
|
-
if (!disabled && onClear) onClear(e);
|
|
7413
|
-
},
|
|
7414
|
-
disabled,
|
|
7415
|
-
"aria-label": `Clear ${label}`,
|
|
7416
|
-
children: /* @__PURE__ */ jsx220(CancelFilled, { size: trailingIconSize })
|
|
7417
|
-
}
|
|
7418
|
-
);
|
|
8024
|
+
return renderCloseButton(onClear, `Clear ${label}`);
|
|
7419
8025
|
}
|
|
7420
|
-
return /* @__PURE__ */
|
|
7421
|
-
hasDropdown && /* @__PURE__ */
|
|
7422
|
-
hasAction && /* @__PURE__ */
|
|
8026
|
+
return /* @__PURE__ */ jsxs18("span", { className: Chip_default.chipTrailing, children: [
|
|
8027
|
+
hasDropdown && /* @__PURE__ */ jsx226("span", { className: Chip_default.chipTrailingIcon, children: /* @__PURE__ */ jsx226(ChevronDownSmallOutline, { size: trailingIconSize }) }),
|
|
8028
|
+
hasAction && /* @__PURE__ */ jsx226(
|
|
7423
8029
|
"button",
|
|
7424
8030
|
{
|
|
7425
8031
|
type: "button",
|
|
@@ -7435,7 +8041,7 @@ var Chip = React227.forwardRef(
|
|
|
7435
8041
|
)
|
|
7436
8042
|
] });
|
|
7437
8043
|
};
|
|
7438
|
-
return /* @__PURE__ */
|
|
8044
|
+
return /* @__PURE__ */ jsx226(
|
|
7439
8045
|
"div",
|
|
7440
8046
|
{
|
|
7441
8047
|
ref,
|
|
@@ -7444,15 +8050,22 @@ var Chip = React227.forwardRef(
|
|
|
7444
8050
|
role: isClickable ? "button" : void 0,
|
|
7445
8051
|
tabIndex: isClickable ? 0 : void 0,
|
|
7446
8052
|
...rest,
|
|
7447
|
-
|
|
7448
|
-
|
|
8053
|
+
onKeyDown: (event) => {
|
|
8054
|
+
rest.onKeyDown?.(event);
|
|
8055
|
+
if (!event.defaultPrevented && event.target === event.currentTarget && isClickable && (event.key === "Enter" || event.key === " ")) {
|
|
8056
|
+
event.preventDefault();
|
|
8057
|
+
event.currentTarget.click();
|
|
8058
|
+
}
|
|
8059
|
+
},
|
|
8060
|
+
children: /* @__PURE__ */ jsxs18("div", { className: Chip_default.chipContainer, children: [
|
|
8061
|
+
avatar && /* @__PURE__ */ jsx226("div", { className: Chip_default.chipAvatar, children: React234.isValidElement(avatar) ? React234.cloneElement(avatar, {
|
|
7449
8062
|
size: size === "large" ? "32" : "24",
|
|
7450
8063
|
stroke: variant === "filled" || avatar.props.stroke
|
|
7451
8064
|
}) : avatar }),
|
|
7452
|
-
!avatar && icon && /* @__PURE__ */
|
|
7453
|
-
/* @__PURE__ */
|
|
7454
|
-
/* @__PURE__ */
|
|
7455
|
-
shouldShowBadge && /* @__PURE__ */
|
|
8065
|
+
!avatar && icon && /* @__PURE__ */ jsx226("span", { className: Chip_default.chipIcon, children: icon }),
|
|
8066
|
+
/* @__PURE__ */ jsxs18("span", { className: Chip_default.chipContent, children: [
|
|
8067
|
+
/* @__PURE__ */ jsx226("span", { className: Chip_default.chipLabel, children: label }),
|
|
8068
|
+
shouldShowBadge && /* @__PURE__ */ jsx226(
|
|
7456
8069
|
Badge,
|
|
7457
8070
|
{
|
|
7458
8071
|
count: typeof badge === "number" ? badge : void 0,
|
|
@@ -7472,16 +8085,16 @@ var Chip = React227.forwardRef(
|
|
|
7472
8085
|
Chip.displayName = "Chip";
|
|
7473
8086
|
|
|
7474
8087
|
// ../ultimate/src/components/chip-bar/ChipBar.tsx
|
|
7475
|
-
import * as
|
|
8088
|
+
import * as React235 from "react";
|
|
7476
8089
|
|
|
7477
8090
|
// ../ultimate/src/components/chip-bar/ChipBar.module.css
|
|
7478
8091
|
var ChipBar_default = {};
|
|
7479
8092
|
|
|
7480
8093
|
// ../ultimate/src/components/chip-bar/ChipBar.tsx
|
|
7481
|
-
import { jsx as
|
|
8094
|
+
import { jsx as jsx227, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
7482
8095
|
var OVERFLOW_BUTTON_SIZE = 32;
|
|
7483
8096
|
var MASK_FADE_SIZE = 44;
|
|
7484
|
-
var ChipBar =
|
|
8097
|
+
var ChipBar = React235.forwardRef(
|
|
7485
8098
|
({
|
|
7486
8099
|
leading,
|
|
7487
8100
|
children,
|
|
@@ -7493,13 +8106,13 @@ var ChipBar = React228.forwardRef(
|
|
|
7493
8106
|
className,
|
|
7494
8107
|
...rest
|
|
7495
8108
|
}, ref) => {
|
|
7496
|
-
const [showLeftGradient, setShowLeftGradient] =
|
|
7497
|
-
const [showRightGradient, setShowRightGradient] =
|
|
7498
|
-
const [internalIsStuck, setInternalIsStuck] =
|
|
8109
|
+
const [showLeftGradient, setShowLeftGradient] = React235.useState(false);
|
|
8110
|
+
const [showRightGradient, setShowRightGradient] = React235.useState(false);
|
|
8111
|
+
const [internalIsStuck, setInternalIsStuck] = React235.useState(false);
|
|
7499
8112
|
const isStuck = stuck !== void 0 ? stuck : internalIsStuck;
|
|
7500
|
-
const listRef =
|
|
7501
|
-
const containerRef =
|
|
7502
|
-
const updateScrollGradients =
|
|
8113
|
+
const listRef = React235.useRef(null);
|
|
8114
|
+
const containerRef = React235.useRef(null);
|
|
8115
|
+
const updateScrollGradients = React235.useCallback(() => {
|
|
7503
8116
|
const el = listRef.current;
|
|
7504
8117
|
if (el) {
|
|
7505
8118
|
const { scrollLeft, scrollWidth, clientWidth } = el;
|
|
@@ -7507,7 +8120,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7507
8120
|
setShowRightGradient(Math.ceil(scrollLeft + clientWidth) < scrollWidth);
|
|
7508
8121
|
}
|
|
7509
8122
|
}, []);
|
|
7510
|
-
|
|
8123
|
+
React235.useEffect(() => {
|
|
7511
8124
|
const el = listRef.current;
|
|
7512
8125
|
if (el) {
|
|
7513
8126
|
updateScrollGradients();
|
|
@@ -7534,7 +8147,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7534
8147
|
});
|
|
7535
8148
|
}
|
|
7536
8149
|
};
|
|
7537
|
-
|
|
8150
|
+
React235.useEffect(() => {
|
|
7538
8151
|
if (!sticky) return;
|
|
7539
8152
|
const container = containerRef.current;
|
|
7540
8153
|
if (!container) return;
|
|
@@ -7566,7 +8179,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7566
8179
|
window.removeEventListener("resize", checkStuck);
|
|
7567
8180
|
};
|
|
7568
8181
|
}, [sticky]);
|
|
7569
|
-
const setRefs =
|
|
8182
|
+
const setRefs = React235.useCallback((node) => {
|
|
7570
8183
|
containerRef.current = node;
|
|
7571
8184
|
if (typeof ref === "function") {
|
|
7572
8185
|
ref(node);
|
|
@@ -7580,7 +8193,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7580
8193
|
"--chip-bar-left-button-offset": showLeftGradient ? `${OVERFLOW_BUTTON_SIZE}px` : "0px",
|
|
7581
8194
|
"--chip-bar-right-button-offset": showRightGradient ? `${OVERFLOW_BUTTON_SIZE}px` : "0px"
|
|
7582
8195
|
};
|
|
7583
|
-
return /* @__PURE__ */
|
|
8196
|
+
return /* @__PURE__ */ jsxs19(
|
|
7584
8197
|
"div",
|
|
7585
8198
|
{
|
|
7586
8199
|
ref: setRefs,
|
|
@@ -7599,14 +8212,14 @@ var ChipBar = React228.forwardRef(
|
|
|
7599
8212
|
},
|
|
7600
8213
|
...rest,
|
|
7601
8214
|
children: [
|
|
7602
|
-
leading && /* @__PURE__ */
|
|
7603
|
-
|
|
8215
|
+
leading && /* @__PURE__ */ jsxs19("div", { className: ChipBar_default.chipBarLeading, children: [
|
|
8216
|
+
React235.isValidElement(leading) ? React235.cloneElement(leading, {
|
|
7604
8217
|
size: size === "large" ? "large" : "medium"
|
|
7605
8218
|
}) : leading,
|
|
7606
|
-
showDivider && /* @__PURE__ */
|
|
8219
|
+
showDivider && /* @__PURE__ */ jsx227("div", { className: ChipBar_default.chipBarDivider })
|
|
7607
8220
|
] }),
|
|
7608
|
-
/* @__PURE__ */
|
|
7609
|
-
/* @__PURE__ */
|
|
8221
|
+
/* @__PURE__ */ jsxs19("div", { className: ChipBar_default.chipBarScrollOuter, children: [
|
|
8222
|
+
/* @__PURE__ */ jsx227(
|
|
7610
8223
|
"div",
|
|
7611
8224
|
{
|
|
7612
8225
|
className: [
|
|
@@ -7615,7 +8228,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7615
8228
|
showLeftGradient && ChipBar_default.chipBarGradientVisible,
|
|
7616
8229
|
"phx-nav-slot-left"
|
|
7617
8230
|
].filter(Boolean).join(" "),
|
|
7618
|
-
children: /* @__PURE__ */
|
|
8231
|
+
children: /* @__PURE__ */ jsx227(
|
|
7619
8232
|
IconButton,
|
|
7620
8233
|
{
|
|
7621
8234
|
type: "button",
|
|
@@ -7625,12 +8238,12 @@ var ChipBar = React228.forwardRef(
|
|
|
7625
8238
|
className: ChipBar_default.chipBarNavButton,
|
|
7626
8239
|
onClick: () => handleScrollAction("left"),
|
|
7627
8240
|
"aria-label": "Scroll left",
|
|
7628
|
-
icon: /* @__PURE__ */
|
|
8241
|
+
icon: /* @__PURE__ */ jsx227(ChevronLeftOutline, {})
|
|
7629
8242
|
}
|
|
7630
8243
|
)
|
|
7631
8244
|
}
|
|
7632
8245
|
),
|
|
7633
|
-
/* @__PURE__ */
|
|
8246
|
+
/* @__PURE__ */ jsx227("div", { className: ChipBar_default.chipBarScrollArea, style: chipBarMaskStyle, children: /* @__PURE__ */ jsx227("div", { className: ChipBar_default.chipBarMaskWrapper, children: /* @__PURE__ */ jsx227(
|
|
7634
8247
|
"div",
|
|
7635
8248
|
{
|
|
7636
8249
|
ref: listRef,
|
|
@@ -7640,9 +8253,9 @@ var ChipBar = React228.forwardRef(
|
|
|
7640
8253
|
"scrollbarHidden",
|
|
7641
8254
|
"phx-chip-bar-list"
|
|
7642
8255
|
].filter(Boolean).join(" "),
|
|
7643
|
-
children:
|
|
7644
|
-
if (
|
|
7645
|
-
return
|
|
8256
|
+
children: React235.Children.map(children, (child) => {
|
|
8257
|
+
if (React235.isValidElement(child)) {
|
|
8258
|
+
return React235.cloneElement(child, {
|
|
7646
8259
|
size: size === "large" ? "large" : "medium"
|
|
7647
8260
|
});
|
|
7648
8261
|
}
|
|
@@ -7650,7 +8263,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7650
8263
|
})
|
|
7651
8264
|
}
|
|
7652
8265
|
) }) }),
|
|
7653
|
-
/* @__PURE__ */
|
|
8266
|
+
/* @__PURE__ */ jsx227(
|
|
7654
8267
|
"div",
|
|
7655
8268
|
{
|
|
7656
8269
|
className: [
|
|
@@ -7659,7 +8272,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7659
8272
|
showRightGradient && ChipBar_default.chipBarGradientVisible,
|
|
7660
8273
|
"phx-nav-slot-right"
|
|
7661
8274
|
].filter(Boolean).join(" "),
|
|
7662
|
-
children: /* @__PURE__ */
|
|
8275
|
+
children: /* @__PURE__ */ jsx227(
|
|
7663
8276
|
IconButton,
|
|
7664
8277
|
{
|
|
7665
8278
|
type: "button",
|
|
@@ -7669,7 +8282,7 @@ var ChipBar = React228.forwardRef(
|
|
|
7669
8282
|
className: ChipBar_default.chipBarNavButton,
|
|
7670
8283
|
onClick: () => handleScrollAction("right"),
|
|
7671
8284
|
"aria-label": "Scroll right",
|
|
7672
|
-
icon: /* @__PURE__ */
|
|
8285
|
+
icon: /* @__PURE__ */ jsx227(ChevronRightOutline, {})
|
|
7673
8286
|
}
|
|
7674
8287
|
)
|
|
7675
8288
|
}
|
|
@@ -7683,12 +8296,12 @@ var ChipBar = React228.forwardRef(
|
|
|
7683
8296
|
ChipBar.displayName = "ChipBar";
|
|
7684
8297
|
|
|
7685
8298
|
// ../ultimate/src/components/visually-hidden/VisuallyHidden.tsx
|
|
7686
|
-
import * as
|
|
7687
|
-
import { jsx as
|
|
7688
|
-
var VisuallyHidden =
|
|
8299
|
+
import * as React236 from "react";
|
|
8300
|
+
import { jsx as jsx228 } from "react/jsx-runtime";
|
|
8301
|
+
var VisuallyHidden = React236.forwardRef(
|
|
7689
8302
|
({ as, children, className, style, ...props }, ref) => {
|
|
7690
8303
|
const Component = as || "span";
|
|
7691
|
-
return /* @__PURE__ */
|
|
8304
|
+
return /* @__PURE__ */ jsx228(
|
|
7692
8305
|
Component,
|
|
7693
8306
|
{
|
|
7694
8307
|
ref,
|
|
@@ -7715,21 +8328,926 @@ var VisuallyHidden = React229.forwardRef(
|
|
|
7715
8328
|
VisuallyHidden.displayName = "VisuallyHidden";
|
|
7716
8329
|
|
|
7717
8330
|
// ../ultimate/src/components/layout-context/LayoutContext.tsx
|
|
7718
|
-
import * as
|
|
7719
|
-
import { jsx as
|
|
7720
|
-
var LayoutContext =
|
|
8331
|
+
import * as React237 from "react";
|
|
8332
|
+
import { jsx as jsx229 } from "react/jsx-runtime";
|
|
8333
|
+
var LayoutContext = React237.createContext(null);
|
|
7721
8334
|
var LayoutProvider = ({ children }) => {
|
|
7722
|
-
const [drawerCount, setDrawerCount] =
|
|
7723
|
-
const
|
|
8335
|
+
const [drawerCount, setDrawerCount] = React237.useState(0);
|
|
8336
|
+
const registerDrawer = React237.useCallback(() => setDrawerCount((count) => count + 1), []);
|
|
8337
|
+
const unregisterDrawer = React237.useCallback(() => setDrawerCount((count) => Math.max(0, count - 1)), []);
|
|
8338
|
+
const value = React237.useMemo(() => ({
|
|
7724
8339
|
hasDrawer: drawerCount > 0,
|
|
7725
|
-
registerDrawer
|
|
7726
|
-
unregisterDrawer
|
|
7727
|
-
}), [drawerCount]);
|
|
7728
|
-
return /* @__PURE__ */
|
|
8340
|
+
registerDrawer,
|
|
8341
|
+
unregisterDrawer
|
|
8342
|
+
}), [drawerCount, registerDrawer, unregisterDrawer]);
|
|
8343
|
+
return /* @__PURE__ */ jsx229(LayoutContext.Provider, { value, children });
|
|
7729
8344
|
};
|
|
7730
8345
|
var useLayout = () => {
|
|
7731
|
-
return
|
|
8346
|
+
return React237.useContext(LayoutContext);
|
|
8347
|
+
};
|
|
8348
|
+
|
|
8349
|
+
// ../ultimate/src/components/number-field/NumberField.tsx
|
|
8350
|
+
import * as React238 from "react";
|
|
8351
|
+
import { jsx as jsx230, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
8352
|
+
var parseNumber = (text) => {
|
|
8353
|
+
const normalized = text.trim().replace(",", ".");
|
|
8354
|
+
if (normalized === "") return null;
|
|
8355
|
+
if (!/^-?\d*\.?\d*$/.test(normalized) || !/\d/.test(normalized)) return void 0;
|
|
8356
|
+
return Number(normalized);
|
|
8357
|
+
};
|
|
8358
|
+
function NumberField({
|
|
8359
|
+
label,
|
|
8360
|
+
size = "large",
|
|
8361
|
+
inputWidth = 64,
|
|
8362
|
+
value,
|
|
8363
|
+
defaultValue = null,
|
|
8364
|
+
onChange,
|
|
8365
|
+
min = -Infinity,
|
|
8366
|
+
max = Infinity,
|
|
8367
|
+
step = 1,
|
|
8368
|
+
error,
|
|
8369
|
+
description,
|
|
8370
|
+
disabled,
|
|
8371
|
+
readOnly,
|
|
8372
|
+
name,
|
|
8373
|
+
decreaseLabel = `Decrease ${label}`,
|
|
8374
|
+
increaseLabel = `Increase ${label}`,
|
|
8375
|
+
...props
|
|
8376
|
+
}) {
|
|
8377
|
+
const [current, setCurrent, reset] = useControllableState({
|
|
8378
|
+
value,
|
|
8379
|
+
defaultValue,
|
|
8380
|
+
onChange
|
|
8381
|
+
});
|
|
8382
|
+
const ref = React238.useRef(null);
|
|
8383
|
+
const [draft, setDraft] = React238.useState(null);
|
|
8384
|
+
const display = draft ?? (current == null ? "" : String(current));
|
|
8385
|
+
const resetValue = String((value !== void 0 ? current : defaultValue) ?? "");
|
|
8386
|
+
useNativeFieldReset(
|
|
8387
|
+
ref,
|
|
8388
|
+
() => {
|
|
8389
|
+
reset();
|
|
8390
|
+
setDraft(null);
|
|
8391
|
+
},
|
|
8392
|
+
resetValue,
|
|
8393
|
+
props.form
|
|
8394
|
+
);
|
|
8395
|
+
const bounded = (number) => Math.min(Math.max(min, max), Math.max(min, number));
|
|
8396
|
+
const stepSize = Math.abs(step || 1);
|
|
8397
|
+
const editable = !disabled && !readOnly;
|
|
8398
|
+
const commit = (next) => {
|
|
8399
|
+
setDraft(null);
|
|
8400
|
+
if (next !== current) setCurrent(next);
|
|
8401
|
+
};
|
|
8402
|
+
const increment = (direction) => {
|
|
8403
|
+
if (!editable) return;
|
|
8404
|
+
const base = parseNumber(display) ?? current;
|
|
8405
|
+
commit(
|
|
8406
|
+
bounded(
|
|
8407
|
+
Number(
|
|
8408
|
+
((base ?? (Number.isFinite(min) ? min : 0)) + direction * stepSize).toFixed(10)
|
|
8409
|
+
)
|
|
8410
|
+
)
|
|
8411
|
+
);
|
|
8412
|
+
};
|
|
8413
|
+
const generatedId = React238.useId();
|
|
8414
|
+
const inputId = props.id ?? generatedId;
|
|
8415
|
+
const descriptionId = description ? `${inputId}-description` : void 0;
|
|
8416
|
+
const errorId = error ? `${inputId}-error` : void 0;
|
|
8417
|
+
const buttonSize = size === "large" ? "medium" : "small";
|
|
8418
|
+
const buttonStyle = size === "small" ? { blockSize: "var(--dimensions-28)", inlineSize: "var(--dimensions-28)" } : void 0;
|
|
8419
|
+
const allowNegative = min < 0;
|
|
8420
|
+
const integerOnly = Number.isInteger(stepSize) && (!Number.isFinite(min) || Number.isInteger(min));
|
|
8421
|
+
return /* @__PURE__ */ jsx230(Box, { w: "fit-content", maxW: "100%", children: /* @__PURE__ */ jsxs20(VStack, { gap: "5xs", children: [
|
|
8422
|
+
/* @__PURE__ */ jsxs20(Text, { as: "label", variant: "title-md", htmlFor: inputId, children: [
|
|
8423
|
+
label,
|
|
8424
|
+
props.required && /* @__PURE__ */ jsx230("span", { "aria-hidden": "true", children: " *" })
|
|
8425
|
+
] }),
|
|
8426
|
+
/* @__PURE__ */ jsxs20(HStack, { gap: "2xs", align: "center", wrap: false, children: [
|
|
8427
|
+
/* @__PURE__ */ jsx230(
|
|
8428
|
+
IconButton,
|
|
8429
|
+
{
|
|
8430
|
+
variant: "secondary",
|
|
8431
|
+
size: buttonSize,
|
|
8432
|
+
style: buttonStyle,
|
|
8433
|
+
icon: /* @__PURE__ */ jsx230(IndeterminateSmallOutline, {}),
|
|
8434
|
+
"aria-label": decreaseLabel,
|
|
8435
|
+
"aria-controls": inputId,
|
|
8436
|
+
disabled: disabled || readOnly || current != null && current <= min,
|
|
8437
|
+
onClick: () => increment(-1)
|
|
8438
|
+
}
|
|
8439
|
+
),
|
|
8440
|
+
/* @__PURE__ */ jsx230(
|
|
8441
|
+
TextField,
|
|
8442
|
+
{
|
|
8443
|
+
...props,
|
|
8444
|
+
id: inputId,
|
|
8445
|
+
showClear: false,
|
|
8446
|
+
size,
|
|
8447
|
+
width: inputWidth,
|
|
8448
|
+
fullWidth: false,
|
|
8449
|
+
ref,
|
|
8450
|
+
type: "text",
|
|
8451
|
+
role: "spinbutton",
|
|
8452
|
+
inputMode: integerOnly && !allowNegative ? "numeric" : "decimal",
|
|
8453
|
+
autoComplete: "off",
|
|
8454
|
+
"aria-valuenow": current ?? void 0,
|
|
8455
|
+
"aria-valuemin": Number.isFinite(min) ? min : void 0,
|
|
8456
|
+
"aria-valuemax": Number.isFinite(max) ? max : void 0,
|
|
8457
|
+
disabled,
|
|
8458
|
+
error: !!error,
|
|
8459
|
+
"aria-describedby": mergeAriaIds(props["aria-describedby"], descriptionId, errorId),
|
|
8460
|
+
inputStyle: {
|
|
8461
|
+
textAlign: "center",
|
|
8462
|
+
fontVariantNumeric: "tabular-nums"
|
|
8463
|
+
},
|
|
8464
|
+
value: display,
|
|
8465
|
+
readOnly,
|
|
8466
|
+
onChange: (next) => {
|
|
8467
|
+
const text = next.trim();
|
|
8468
|
+
if (!/^-?\d*[.,]?\d*$/.test(text)) return;
|
|
8469
|
+
setDraft(text);
|
|
8470
|
+
const parsed = parseNumber(text);
|
|
8471
|
+
if (parsed !== void 0 && parsed !== current) setCurrent(parsed);
|
|
8472
|
+
},
|
|
8473
|
+
onKeyDown: (event) => {
|
|
8474
|
+
props.onKeyDown?.(event);
|
|
8475
|
+
if (event.defaultPrevented || event.nativeEvent.isComposing) return;
|
|
8476
|
+
let direction = 0;
|
|
8477
|
+
if (event.key === "ArrowUp") direction = 1;
|
|
8478
|
+
else if (event.key === "ArrowDown") direction = -1;
|
|
8479
|
+
else if (event.key === "PageUp") direction = 10;
|
|
8480
|
+
else if (event.key === "PageDown") direction = -10;
|
|
8481
|
+
if (direction) {
|
|
8482
|
+
event.preventDefault();
|
|
8483
|
+
increment(direction);
|
|
8484
|
+
} else if (event.key === "Home" && Number.isFinite(min)) {
|
|
8485
|
+
event.preventDefault();
|
|
8486
|
+
if (editable) commit(min);
|
|
8487
|
+
} else if (event.key === "End" && Number.isFinite(max)) {
|
|
8488
|
+
event.preventDefault();
|
|
8489
|
+
if (editable) commit(max);
|
|
8490
|
+
}
|
|
8491
|
+
},
|
|
8492
|
+
onBlur: (event) => {
|
|
8493
|
+
if (editable) {
|
|
8494
|
+
const parsed = parseNumber(display);
|
|
8495
|
+
commit(parsed === void 0 ? current ?? null : parsed === null ? null : bounded(parsed));
|
|
8496
|
+
}
|
|
8497
|
+
props.onBlur?.(event);
|
|
8498
|
+
}
|
|
8499
|
+
}
|
|
8500
|
+
),
|
|
8501
|
+
/* @__PURE__ */ jsx230(
|
|
8502
|
+
IconButton,
|
|
8503
|
+
{
|
|
8504
|
+
variant: "secondary",
|
|
8505
|
+
size: buttonSize,
|
|
8506
|
+
style: buttonStyle,
|
|
8507
|
+
icon: /* @__PURE__ */ jsx230(AddOutline, {}),
|
|
8508
|
+
"aria-label": increaseLabel,
|
|
8509
|
+
"aria-controls": inputId,
|
|
8510
|
+
disabled: disabled || readOnly || current != null && current >= max,
|
|
8511
|
+
onClick: () => increment(1)
|
|
8512
|
+
}
|
|
8513
|
+
)
|
|
8514
|
+
] }),
|
|
8515
|
+
name && /* @__PURE__ */ jsx230(
|
|
8516
|
+
"input",
|
|
8517
|
+
{
|
|
8518
|
+
type: "hidden",
|
|
8519
|
+
name,
|
|
8520
|
+
form: props.form,
|
|
8521
|
+
value: current == null ? "" : String(current),
|
|
8522
|
+
disabled
|
|
8523
|
+
}
|
|
8524
|
+
),
|
|
8525
|
+
description && /* @__PURE__ */ jsx230(Text, { as: "div", variant: "body-md", color: "secondary", id: descriptionId, children: description }),
|
|
8526
|
+
error && /* @__PURE__ */ jsx230(Text, { as: "div", variant: "body-md", color: "red", id: errorId, children: error })
|
|
8527
|
+
] }) });
|
|
8528
|
+
}
|
|
8529
|
+
|
|
8530
|
+
// ../ultimate/src/components/rating/Rating.tsx
|
|
8531
|
+
import * as React240 from "react";
|
|
8532
|
+
|
|
8533
|
+
// ../ultimate/src/components/star/Star.tsx
|
|
8534
|
+
import * as React239 from "react";
|
|
8535
|
+
|
|
8536
|
+
// ../ultimate/src/components/star/Star.module.css
|
|
8537
|
+
var Star_default = {};
|
|
8538
|
+
|
|
8539
|
+
// ../ultimate/src/components/star/Star.tsx
|
|
8540
|
+
import { jsx as jsx231 } from "react/jsx-runtime";
|
|
8541
|
+
var Star = React239.forwardRef(
|
|
8542
|
+
({
|
|
8543
|
+
className,
|
|
8544
|
+
checked = false,
|
|
8545
|
+
size = "medium",
|
|
8546
|
+
variant = "default",
|
|
8547
|
+
disabled,
|
|
8548
|
+
onChange,
|
|
8549
|
+
onClick,
|
|
8550
|
+
...rest
|
|
8551
|
+
}, ref) => {
|
|
8552
|
+
const [pressed, setPressed] = React239.useState(false);
|
|
8553
|
+
const timeoutRef = React239.useRef(null);
|
|
8554
|
+
const iconSize = size === "small" ? 20 : 24;
|
|
8555
|
+
const handleClick = (e) => {
|
|
8556
|
+
if (disabled) return;
|
|
8557
|
+
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
8558
|
+
setPressed(true);
|
|
8559
|
+
timeoutRef.current = setTimeout(() => setPressed(false), 350);
|
|
8560
|
+
if (onChange) {
|
|
8561
|
+
onChange(!checked);
|
|
8562
|
+
}
|
|
8563
|
+
if (onClick) {
|
|
8564
|
+
onClick(e);
|
|
8565
|
+
}
|
|
8566
|
+
};
|
|
8567
|
+
React239.useEffect(() => {
|
|
8568
|
+
return () => {
|
|
8569
|
+
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
8570
|
+
};
|
|
8571
|
+
}, []);
|
|
8572
|
+
const starClasses = [
|
|
8573
|
+
"phx-star",
|
|
8574
|
+
Star_default.starRoot,
|
|
8575
|
+
Star_default[`starSize${size.charAt(0).toUpperCase() + size.slice(1)}`],
|
|
8576
|
+
Star_default[`starVariant${variant.charAt(0).toUpperCase() + variant.slice(1)}`],
|
|
8577
|
+
checked && Star_default.starStateChecked,
|
|
8578
|
+
pressed && Star_default.starStatePressed,
|
|
8579
|
+
className
|
|
8580
|
+
].filter(Boolean).join(" ");
|
|
8581
|
+
return /* @__PURE__ */ jsx231(
|
|
8582
|
+
"button",
|
|
8583
|
+
{
|
|
8584
|
+
ref,
|
|
8585
|
+
type: "button",
|
|
8586
|
+
className: starClasses,
|
|
8587
|
+
disabled,
|
|
8588
|
+
onClick: handleClick,
|
|
8589
|
+
"aria-pressed": checked,
|
|
8590
|
+
"aria-label": "Favorite",
|
|
8591
|
+
...rest,
|
|
8592
|
+
children: /* @__PURE__ */ jsx231("span", { className: Star_default.starIconWrapper, children: checked ? /* @__PURE__ */ jsx231(StarFilled, { size: iconSize }) : /* @__PURE__ */ jsx231(StarOutline, { size: iconSize }) })
|
|
8593
|
+
}
|
|
8594
|
+
);
|
|
8595
|
+
}
|
|
8596
|
+
);
|
|
8597
|
+
Star.displayName = "Star";
|
|
8598
|
+
|
|
8599
|
+
// ../ultimate/src/components/rating/Rating.tsx
|
|
8600
|
+
import { jsx as jsx232, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
8601
|
+
function Rating({
|
|
8602
|
+
label,
|
|
8603
|
+
value,
|
|
8604
|
+
defaultValue = 0,
|
|
8605
|
+
max = 5,
|
|
8606
|
+
onChange,
|
|
8607
|
+
disabled,
|
|
8608
|
+
readOnly,
|
|
8609
|
+
name,
|
|
8610
|
+
form,
|
|
8611
|
+
clearable = false,
|
|
8612
|
+
clearText = "Clear",
|
|
8613
|
+
clearLabel = `Clear ${label}`,
|
|
8614
|
+
getStarLabel = (star, total) => `${star} of ${total} stars`
|
|
8615
|
+
}) {
|
|
8616
|
+
const count = Math.max(1, Math.min(100, Math.floor(max) || 5));
|
|
8617
|
+
const [current = 0, setCurrent, reset] = useControllableState({
|
|
8618
|
+
value,
|
|
8619
|
+
defaultValue,
|
|
8620
|
+
onChange
|
|
8621
|
+
});
|
|
8622
|
+
const hidden = React240.useRef(null);
|
|
8623
|
+
const normalize = (rating) => Number.isFinite(rating) ? Math.max(0, Math.min(count, Math.round(rating))) : 0;
|
|
8624
|
+
const selected = normalize(current);
|
|
8625
|
+
useNativeFieldReset(
|
|
8626
|
+
hidden,
|
|
8627
|
+
reset,
|
|
8628
|
+
String(value !== void 0 ? selected : normalize(defaultValue)),
|
|
8629
|
+
form
|
|
8630
|
+
);
|
|
8631
|
+
return /* @__PURE__ */ jsxs21(HStack, { gap: "2xs", align: "center", wrap: true, children: [
|
|
8632
|
+
/* @__PURE__ */ jsx232(
|
|
8633
|
+
HStack,
|
|
8634
|
+
{
|
|
8635
|
+
gap: "none",
|
|
8636
|
+
align: "center",
|
|
8637
|
+
role: "radiogroup",
|
|
8638
|
+
"aria-label": label,
|
|
8639
|
+
"aria-readonly": readOnly || void 0,
|
|
8640
|
+
onKeyDown: (event) => {
|
|
8641
|
+
if (disabled || readOnly || event.nativeEvent.isComposing) return;
|
|
8642
|
+
const rtl = getComputedStyle(event.currentTarget).direction === "rtl";
|
|
8643
|
+
const forward = rtl ? "ArrowLeft" : "ArrowRight";
|
|
8644
|
+
const backward = rtl ? "ArrowRight" : "ArrowLeft";
|
|
8645
|
+
let next;
|
|
8646
|
+
if (event.key === forward || event.key === "ArrowUp")
|
|
8647
|
+
next = selected >= count ? 1 : selected + 1;
|
|
8648
|
+
else if (event.key === backward || event.key === "ArrowDown")
|
|
8649
|
+
next = selected <= 1 ? count : selected - 1;
|
|
8650
|
+
else if (event.key === "Home") next = 1;
|
|
8651
|
+
else if (event.key === "End") next = count;
|
|
8652
|
+
else return;
|
|
8653
|
+
event.preventDefault();
|
|
8654
|
+
setCurrent(next);
|
|
8655
|
+
event.currentTarget.querySelectorAll('[role="radio"]')[next - 1]?.focus();
|
|
8656
|
+
},
|
|
8657
|
+
children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx232(
|
|
8658
|
+
Star,
|
|
8659
|
+
{
|
|
8660
|
+
checked: index < selected,
|
|
8661
|
+
"aria-pressed": void 0,
|
|
8662
|
+
type: "button",
|
|
8663
|
+
role: "radio",
|
|
8664
|
+
"aria-label": getStarLabel(index + 1, count),
|
|
8665
|
+
"aria-checked": selected === index + 1,
|
|
8666
|
+
disabled,
|
|
8667
|
+
tabIndex: selected === index + 1 || !selected && index === 0 ? 0 : -1,
|
|
8668
|
+
onClick: () => {
|
|
8669
|
+
if (!disabled && !readOnly) setCurrent(index + 1);
|
|
8670
|
+
}
|
|
8671
|
+
},
|
|
8672
|
+
index
|
|
8673
|
+
))
|
|
8674
|
+
}
|
|
8675
|
+
),
|
|
8676
|
+
clearable && /* @__PURE__ */ jsx232(
|
|
8677
|
+
Button,
|
|
8678
|
+
{
|
|
8679
|
+
variant: "secondary",
|
|
8680
|
+
size: "small",
|
|
8681
|
+
type: "button",
|
|
8682
|
+
"aria-label": clearLabel,
|
|
8683
|
+
disabled: disabled || readOnly || !selected,
|
|
8684
|
+
onClick: () => setCurrent(0),
|
|
8685
|
+
children: clearText
|
|
8686
|
+
}
|
|
8687
|
+
),
|
|
8688
|
+
/* @__PURE__ */ jsx232(
|
|
8689
|
+
"input",
|
|
8690
|
+
{
|
|
8691
|
+
ref: hidden,
|
|
8692
|
+
type: "hidden",
|
|
8693
|
+
name,
|
|
8694
|
+
form,
|
|
8695
|
+
value: selected,
|
|
8696
|
+
disabled
|
|
8697
|
+
}
|
|
8698
|
+
)
|
|
8699
|
+
] });
|
|
8700
|
+
}
|
|
8701
|
+
|
|
8702
|
+
// ../ultimate/src/components/otp/OTP.tsx
|
|
8703
|
+
import * as React241 from "react";
|
|
8704
|
+
import { flushSync } from "react-dom";
|
|
8705
|
+
|
|
8706
|
+
// ../ultimate/src/components/otp/OTP.module.css
|
|
8707
|
+
var OTP_default = {};
|
|
8708
|
+
|
|
8709
|
+
// ../ultimate/src/components/otp/OTP.tsx
|
|
8710
|
+
import { jsx as jsx233, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
8711
|
+
function OTP({
|
|
8712
|
+
label,
|
|
8713
|
+
length = 6,
|
|
8714
|
+
groupSize,
|
|
8715
|
+
masked = false,
|
|
8716
|
+
hideLabel = false,
|
|
8717
|
+
dotFields = false,
|
|
8718
|
+
size = "large",
|
|
8719
|
+
value,
|
|
8720
|
+
defaultValue = "",
|
|
8721
|
+
onChange,
|
|
8722
|
+
onComplete,
|
|
8723
|
+
disabled,
|
|
8724
|
+
readOnly,
|
|
8725
|
+
required,
|
|
8726
|
+
name,
|
|
8727
|
+
form,
|
|
8728
|
+
helperText,
|
|
8729
|
+
error,
|
|
8730
|
+
getCellLabel = (name2, position, total) => `${name2}, digit ${position} of ${total}`,
|
|
8731
|
+
sequential = false,
|
|
8732
|
+
autoFocus = false
|
|
8733
|
+
}) {
|
|
8734
|
+
const count = Number.isFinite(length) ? Math.max(1, Math.min(32, Math.floor(length))) : 6;
|
|
8735
|
+
const normalize = (text) => text.replace(/\D/g, "").slice(0, count);
|
|
8736
|
+
const split = (text) => Array.from({ length: count }, (_, index) => normalize(text)[index] ?? "");
|
|
8737
|
+
const [code = "", setCode, reset] = useControllableState({
|
|
8738
|
+
value,
|
|
8739
|
+
defaultValue: normalize(defaultValue),
|
|
8740
|
+
onChange
|
|
8741
|
+
});
|
|
8742
|
+
const [local, setLocal] = React241.useState(() => split(value ?? defaultValue));
|
|
8743
|
+
const pending = React241.useRef(null);
|
|
8744
|
+
const digits = value === void 0 ? Array.from({ length: count }, (_, index) => local[index] ?? "") : pending.current?.code === normalize(code) ? Array.from(
|
|
8745
|
+
{ length: count },
|
|
8746
|
+
(_, index) => pending.current.digits[index] ?? ""
|
|
8747
|
+
) : split(code);
|
|
8748
|
+
const currentDigits = React241.useRef(digits);
|
|
8749
|
+
currentDigits.current = digits;
|
|
8750
|
+
const composing = React241.useRef(null);
|
|
8751
|
+
const inputs = React241.useRef([]);
|
|
8752
|
+
const first = React241.useRef(null);
|
|
8753
|
+
const previousReadOnly = React241.useRef(readOnly);
|
|
8754
|
+
React241.useEffect(() => {
|
|
8755
|
+
if (readOnly && !previousReadOnly.current) {
|
|
8756
|
+
const active = inputs.current.find((input) => input === document.activeElement);
|
|
8757
|
+
active?.blur();
|
|
8758
|
+
}
|
|
8759
|
+
previousReadOnly.current = readOnly;
|
|
8760
|
+
}, [readOnly]);
|
|
8761
|
+
const id = React241.useId();
|
|
8762
|
+
const supportingText = error || helperText;
|
|
8763
|
+
const supportingId = error ? `${id}-error` : helperText ? `${id}-helper` : void 0;
|
|
8764
|
+
const focus = (index) => inputs.current[index]?.focus({ preventScroll: true });
|
|
8765
|
+
const nextCell = (from) => {
|
|
8766
|
+
const empty = from.findIndex((digit) => !digit);
|
|
8767
|
+
return empty === -1 ? count - 1 : empty;
|
|
8768
|
+
};
|
|
8769
|
+
const commit = (next) => {
|
|
8770
|
+
const nextCode = next.join("");
|
|
8771
|
+
pending.current = { code: nextCode, digits: next };
|
|
8772
|
+
currentDigits.current = next;
|
|
8773
|
+
setLocal(next);
|
|
8774
|
+
setCode(nextCode);
|
|
8775
|
+
if (next.every(Boolean) && nextCode !== normalize(code))
|
|
8776
|
+
onComplete?.(nextCode);
|
|
8777
|
+
};
|
|
8778
|
+
const enter = (cell, raw) => {
|
|
8779
|
+
if (disabled || readOnly) return;
|
|
8780
|
+
if (sequential && raw && currentDigits.current.every(Boolean)) return;
|
|
8781
|
+
const index = sequential ? nextCell(currentDigits.current) : cell;
|
|
8782
|
+
const text = normalize(raw);
|
|
8783
|
+
if (raw && !text) return;
|
|
8784
|
+
const start = text.length === count ? 0 : index;
|
|
8785
|
+
const next = [...currentDigits.current];
|
|
8786
|
+
if (!text) next[index] = "";
|
|
8787
|
+
else
|
|
8788
|
+
[...text].forEach((digit, offset) => {
|
|
8789
|
+
if (start + offset < count) next[start + offset] = digit;
|
|
8790
|
+
});
|
|
8791
|
+
flushSync(() => commit(next));
|
|
8792
|
+
const nextIndex = sequential ? nextCell(next) : Math.min(count - 1, start + text.length);
|
|
8793
|
+
if (text && !inputs.current[nextIndex]?.readOnly) focus(nextIndex);
|
|
8794
|
+
};
|
|
8795
|
+
React241.useEffect(() => {
|
|
8796
|
+
if (autoFocus && !disabled && !readOnly) focus(sequential ? nextCell(currentDigits.current) : 0);
|
|
8797
|
+
}, []);
|
|
8798
|
+
React241.useEffect(() => {
|
|
8799
|
+
const cleanups = inputs.current.slice(0, count).map((input, index) => {
|
|
8800
|
+
if (!input) return () => {
|
|
8801
|
+
};
|
|
8802
|
+
const beforeInput = (event) => {
|
|
8803
|
+
if (disabled || readOnly || !event.cancelable || !event.data) return;
|
|
8804
|
+
if (!event.inputType.startsWith("insert") || !/^[0-9]+$/.test(event.data)) return;
|
|
8805
|
+
event.preventDefault();
|
|
8806
|
+
composing.current = null;
|
|
8807
|
+
enter(index, event.data);
|
|
8808
|
+
};
|
|
8809
|
+
input.addEventListener("beforeinput", beforeInput);
|
|
8810
|
+
return () => input.removeEventListener("beforeinput", beforeInput);
|
|
8811
|
+
});
|
|
8812
|
+
return () => cleanups.forEach((cleanup) => cleanup());
|
|
8813
|
+
});
|
|
8814
|
+
const resetCode = value === void 0 ? normalize(defaultValue) : normalize(code);
|
|
8815
|
+
useNativeFieldReset(
|
|
8816
|
+
first,
|
|
8817
|
+
() => {
|
|
8818
|
+
reset();
|
|
8819
|
+
const next = split(resetCode);
|
|
8820
|
+
pending.current = { code: resetCode, digits: next };
|
|
8821
|
+
setLocal(next);
|
|
8822
|
+
composing.current = null;
|
|
8823
|
+
inputs.current.forEach((input, index) => {
|
|
8824
|
+
if (input) input.value = next[index] ?? "";
|
|
8825
|
+
});
|
|
8826
|
+
},
|
|
8827
|
+
resetCode[0] ?? "",
|
|
8828
|
+
form
|
|
8829
|
+
);
|
|
8830
|
+
const columns = Math.min(count, 6);
|
|
8831
|
+
const cellWidth = dotFields ? 16 : size === "large" ? 44 : size === "medium" ? 36 : 28;
|
|
8832
|
+
const grouping = groupSize !== void 0 && Number.isFinite(groupSize) && groupSize >= 1 ? Math.floor(groupSize) : 0;
|
|
8833
|
+
const separates = (index) => grouping > 0 && index > 0 && index % grouping === 0 && index % columns !== 0;
|
|
8834
|
+
const tracks = Array.from(
|
|
8835
|
+
{ length: columns },
|
|
8836
|
+
(_, index) => `${separates(index) ? "var(--dimensions-12) " : ""}minmax(0, 1fr)`
|
|
8837
|
+
).join(" ");
|
|
8838
|
+
const separatorCount = Array.from({ length: columns }, (_, index) => separates(index)).filter(Boolean).length;
|
|
8839
|
+
return /* @__PURE__ */ jsxs22(VStack, { gap: "5xs", align: "start", maxW: "100%", children: [
|
|
8840
|
+
!hideLabel && /* @__PURE__ */ jsxs22(Text, { as: "span", id: `${id}-label`, variant: size === "large" ? "title-md" : size === "medium" ? "title-sm" : "label-md", children: [
|
|
8841
|
+
label,
|
|
8842
|
+
required && /* @__PURE__ */ jsx233("span", { "aria-hidden": "true", children: " *" })
|
|
8843
|
+
] }),
|
|
8844
|
+
/* @__PURE__ */ jsx233(
|
|
8845
|
+
Grid,
|
|
8846
|
+
{
|
|
8847
|
+
role: "group",
|
|
8848
|
+
dir: "ltr",
|
|
8849
|
+
"aria-labelledby": hideLabel ? void 0 : `${id}-label`,
|
|
8850
|
+
"aria-label": hideLabel ? label : void 0,
|
|
8851
|
+
"aria-describedby": supportingId,
|
|
8852
|
+
templateColumns: tracks,
|
|
8853
|
+
gap: dotFields ? "md" : "4xs",
|
|
8854
|
+
maxW: "100%",
|
|
8855
|
+
w: `calc(${columns} * ${cellWidth}px + ${columns - 1 + separatorCount} * var(${dotFields ? "--space-md" : "--space-4xs"}) + ${separatorCount} * var(--dimensions-12))`,
|
|
8856
|
+
children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsxs22(React241.Fragment, { children: [
|
|
8857
|
+
separates(index % columns) && /* @__PURE__ */ jsx233(Text, { as: "span", "aria-hidden": "true", className: OTP_default.separator, children: "-" }),
|
|
8858
|
+
/* @__PURE__ */ jsxs22(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: [
|
|
8859
|
+
/* @__PURE__ */ jsx233(
|
|
8860
|
+
"input",
|
|
8861
|
+
{
|
|
8862
|
+
id: `${id}-${index}`,
|
|
8863
|
+
className: `${OTP_default.cell} ${masked ? OTP_default.masked : ""} ${dotFields ? OTP_default.dotFieldInput : ""}`,
|
|
8864
|
+
"data-filled": dotFields ? !!digits[index] : void 0,
|
|
8865
|
+
ref: (node) => {
|
|
8866
|
+
inputs.current[index] = node;
|
|
8867
|
+
if (index === 0) first.current = node;
|
|
8868
|
+
},
|
|
8869
|
+
"aria-label": getCellLabel(label, index + 1, count),
|
|
8870
|
+
"aria-describedby": supportingId,
|
|
8871
|
+
"aria-invalid": error ? true : void 0,
|
|
8872
|
+
type: masked ? "password" : "text",
|
|
8873
|
+
inputMode: "numeric",
|
|
8874
|
+
autoComplete: masked ? "off" : index === 0 ? "one-time-code" : "off",
|
|
8875
|
+
pattern: "[0-9]",
|
|
8876
|
+
maxLength: 1,
|
|
8877
|
+
required: required || digits.some(Boolean),
|
|
8878
|
+
disabled,
|
|
8879
|
+
readOnly,
|
|
8880
|
+
form,
|
|
8881
|
+
value: digits[index] ?? "",
|
|
8882
|
+
tabIndex: sequential && index !== nextCell(digits) ? -1 : void 0,
|
|
8883
|
+
onMouseDown: (event) => {
|
|
8884
|
+
if (!sequential || disabled || readOnly) return;
|
|
8885
|
+
event.preventDefault();
|
|
8886
|
+
focus(nextCell(currentDigits.current));
|
|
8887
|
+
},
|
|
8888
|
+
onFocus: (event) => {
|
|
8889
|
+
const target = nextCell(currentDigits.current);
|
|
8890
|
+
if (sequential && index !== target && !readOnly) {
|
|
8891
|
+
focus(target);
|
|
8892
|
+
return;
|
|
8893
|
+
}
|
|
8894
|
+
event.currentTarget.setSelectionRange(0, event.currentTarget.value.length);
|
|
8895
|
+
},
|
|
8896
|
+
onCopy: (event) => {
|
|
8897
|
+
if (masked) {
|
|
8898
|
+
event.preventDefault();
|
|
8899
|
+
return;
|
|
8900
|
+
}
|
|
8901
|
+
if (!readOnly) return;
|
|
8902
|
+
event.preventDefault();
|
|
8903
|
+
event.clipboardData.setData("text/plain", normalize(code));
|
|
8904
|
+
},
|
|
8905
|
+
onChange: () => {
|
|
8906
|
+
},
|
|
8907
|
+
onInput: (event) => {
|
|
8908
|
+
if (disabled || readOnly) return;
|
|
8909
|
+
const next = event.currentTarget.value;
|
|
8910
|
+
event.currentTarget.value = normalize(next).slice(0, 1) || (digits[index] ?? "");
|
|
8911
|
+
if (composing.current === index && next && !/^[0-9]+$/.test(next)) return;
|
|
8912
|
+
composing.current = null;
|
|
8913
|
+
enter(index, next);
|
|
8914
|
+
},
|
|
8915
|
+
onPaste: (event) => {
|
|
8916
|
+
event.preventDefault();
|
|
8917
|
+
enter(index, event.clipboardData.getData("text"));
|
|
8918
|
+
},
|
|
8919
|
+
onCompositionStart: () => {
|
|
8920
|
+
if (disabled || readOnly) return;
|
|
8921
|
+
composing.current = index;
|
|
8922
|
+
},
|
|
8923
|
+
onCompositionEnd: (event) => {
|
|
8924
|
+
if (disabled || readOnly) return;
|
|
8925
|
+
const text = event.data || event.currentTarget.value;
|
|
8926
|
+
event.currentTarget.value = currentDigits.current[index] ?? "";
|
|
8927
|
+
if (composing.current !== index) return;
|
|
8928
|
+
composing.current = null;
|
|
8929
|
+
enter(index, text);
|
|
8930
|
+
},
|
|
8931
|
+
onKeyDown: (event) => {
|
|
8932
|
+
if (event.nativeEvent.isComposing || composing.current !== null || disabled)
|
|
8933
|
+
return;
|
|
8934
|
+
if (event.key === "Backspace" || event.key === "Delete") {
|
|
8935
|
+
event.preventDefault();
|
|
8936
|
+
if (readOnly) return;
|
|
8937
|
+
if (sequential) {
|
|
8938
|
+
const next2 = [...currentDigits.current];
|
|
8939
|
+
const last = next2.map(Boolean).lastIndexOf(true);
|
|
8940
|
+
if (last >= 0) next2[last] = "";
|
|
8941
|
+
flushSync(() => commit(next2));
|
|
8942
|
+
focus(nextCell(next2));
|
|
8943
|
+
return;
|
|
8944
|
+
}
|
|
8945
|
+
const target = event.key === "Backspace" && !digits[index] ? Math.max(0, index - 1) : index;
|
|
8946
|
+
const next = [...currentDigits.current];
|
|
8947
|
+
next[target] = "";
|
|
8948
|
+
commit(next);
|
|
8949
|
+
focus(target);
|
|
8950
|
+
} else if (["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) {
|
|
8951
|
+
event.preventDefault();
|
|
8952
|
+
if (sequential) return;
|
|
8953
|
+
focus(
|
|
8954
|
+
event.key === "Home" ? 0 : event.key === "End" ? count - 1 : Math.max(
|
|
8955
|
+
0,
|
|
8956
|
+
Math.min(
|
|
8957
|
+
count - 1,
|
|
8958
|
+
index + (event.key === "ArrowRight" ? 1 : -1)
|
|
8959
|
+
)
|
|
8960
|
+
)
|
|
8961
|
+
);
|
|
8962
|
+
}
|
|
8963
|
+
}
|
|
8964
|
+
}
|
|
8965
|
+
),
|
|
8966
|
+
masked && !dotFields && digits[index] && /* @__PURE__ */ jsx233("span", { className: OTP_default.dot, "aria-hidden": "true" })
|
|
8967
|
+
] })
|
|
8968
|
+
] }, index))
|
|
8969
|
+
}
|
|
8970
|
+
),
|
|
8971
|
+
name && /* @__PURE__ */ jsx233(
|
|
8972
|
+
"input",
|
|
8973
|
+
{
|
|
8974
|
+
type: "hidden",
|
|
8975
|
+
name,
|
|
8976
|
+
form,
|
|
8977
|
+
value: normalize(code),
|
|
8978
|
+
disabled
|
|
8979
|
+
}
|
|
8980
|
+
),
|
|
8981
|
+
supportingText && /* @__PURE__ */ jsx233(Text, { as: "div", id: supportingId, variant: "body-md", color: error ? "red" : "secondary", role: error ? "alert" : void 0, children: supportingText })
|
|
8982
|
+
] });
|
|
8983
|
+
}
|
|
8984
|
+
|
|
8985
|
+
// ../ultimate/src/components/pin/PIN.tsx
|
|
8986
|
+
import { jsx as jsx234 } from "react/jsx-runtime";
|
|
8987
|
+
function PIN({ length = 4, "aria-label": accessibleLabel = "PIN", autoFocus = true, ...props }) {
|
|
8988
|
+
return /* @__PURE__ */ jsx234(OTP, { ...props, label: accessibleLabel, length, size: "large", masked: true, hideLabel: true, dotFields: true, readOnly: false, sequential: true, autoFocus });
|
|
8989
|
+
}
|
|
8990
|
+
|
|
8991
|
+
// ../ultimate/src/components/empty/Empty.tsx
|
|
8992
|
+
import * as React242 from "react";
|
|
8993
|
+
import { jsx as jsx235, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
8994
|
+
function Empty({
|
|
8995
|
+
title = "No results",
|
|
8996
|
+
description,
|
|
8997
|
+
icon,
|
|
8998
|
+
action
|
|
8999
|
+
}) {
|
|
9000
|
+
const titleId = React242.useId();
|
|
9001
|
+
return /* @__PURE__ */ jsxs23(
|
|
9002
|
+
VStack,
|
|
9003
|
+
{
|
|
9004
|
+
as: "section",
|
|
9005
|
+
gap: "sm",
|
|
9006
|
+
p: "xl",
|
|
9007
|
+
align: "center",
|
|
9008
|
+
textAlign: "center",
|
|
9009
|
+
"aria-labelledby": titleId,
|
|
9010
|
+
children: [
|
|
9011
|
+
icon && /* @__PURE__ */ jsx235("span", { "aria-hidden": "true", children: icon }),
|
|
9012
|
+
/* @__PURE__ */ jsxs23(VStack, { gap: "4xs", align: "center", children: [
|
|
9013
|
+
/* @__PURE__ */ jsx235(Heading, { as: "h3", size: "title-lg", id: titleId, children: title }),
|
|
9014
|
+
description && /* @__PURE__ */ jsx235(Text, { as: "div", color: "secondary", children: description })
|
|
9015
|
+
] }),
|
|
9016
|
+
action
|
|
9017
|
+
]
|
|
9018
|
+
}
|
|
9019
|
+
);
|
|
9020
|
+
}
|
|
9021
|
+
|
|
9022
|
+
// ../ultimate/src/components/result/Result.tsx
|
|
9023
|
+
import * as React243 from "react";
|
|
9024
|
+
import { CheckCircle, Cancel, Warning, Information } from "@photonix/illustrations";
|
|
9025
|
+
import { jsx as jsx236, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
9026
|
+
var STATUS_ILLUSTRATION = {
|
|
9027
|
+
success: CheckCircle,
|
|
9028
|
+
error: Cancel,
|
|
9029
|
+
warning: Warning,
|
|
9030
|
+
info: Information
|
|
7732
9031
|
};
|
|
9032
|
+
function Result({ status, title, description, action }) {
|
|
9033
|
+
const titleId = React243.useId();
|
|
9034
|
+
const StatusIllustration = STATUS_ILLUSTRATION[status];
|
|
9035
|
+
return /* @__PURE__ */ jsxs24(
|
|
9036
|
+
VStack,
|
|
9037
|
+
{
|
|
9038
|
+
as: "section",
|
|
9039
|
+
gap: "sm",
|
|
9040
|
+
p: "xl",
|
|
9041
|
+
align: "center",
|
|
9042
|
+
textAlign: "center",
|
|
9043
|
+
"aria-labelledby": titleId,
|
|
9044
|
+
"data-status": status,
|
|
9045
|
+
children: [
|
|
9046
|
+
/* @__PURE__ */ jsx236("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx236(StatusIllustration, { tone: "accent" }) }),
|
|
9047
|
+
/* @__PURE__ */ jsxs24(
|
|
9048
|
+
VStack,
|
|
9049
|
+
{
|
|
9050
|
+
gap: "4xs",
|
|
9051
|
+
align: "center",
|
|
9052
|
+
role: status === "error" ? "alert" : "status",
|
|
9053
|
+
children: [
|
|
9054
|
+
/* @__PURE__ */ jsx236(Heading, { as: "h3", size: "title-lg", id: titleId, children: title }),
|
|
9055
|
+
description && /* @__PURE__ */ jsx236(Text, { as: "div", color: "secondary", children: description })
|
|
9056
|
+
]
|
|
9057
|
+
}
|
|
9058
|
+
),
|
|
9059
|
+
action
|
|
9060
|
+
]
|
|
9061
|
+
}
|
|
9062
|
+
);
|
|
9063
|
+
}
|
|
9064
|
+
|
|
9065
|
+
// ../ultimate/src/components/data-list/DataList.tsx
|
|
9066
|
+
import { jsx as jsx237, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
9067
|
+
var DOTS = [0, 1, 2, 3, 4, 5];
|
|
9068
|
+
function Action({ children, slot }) {
|
|
9069
|
+
return /* @__PURE__ */ jsx237(
|
|
9070
|
+
Box,
|
|
9071
|
+
{
|
|
9072
|
+
display: "flex",
|
|
9073
|
+
alignItems: "center",
|
|
9074
|
+
justifyContent: "center",
|
|
9075
|
+
flexShrink: 0,
|
|
9076
|
+
h: slot ? "var(--body-lg-line-height)" : void 0,
|
|
9077
|
+
w: slot ? "var(--dimensions-20)" : void 0,
|
|
9078
|
+
children
|
|
9079
|
+
}
|
|
9080
|
+
);
|
|
9081
|
+
}
|
|
9082
|
+
function DataList({
|
|
9083
|
+
items,
|
|
9084
|
+
label = "Details",
|
|
9085
|
+
layout,
|
|
9086
|
+
labelSize,
|
|
9087
|
+
orientation = "horizontal"
|
|
9088
|
+
}) {
|
|
9089
|
+
const resolvedLayout = layout ?? (orientation === "vertical" ? "stack" : "inline");
|
|
9090
|
+
const resolvedLabelSize = labelSize ?? (resolvedLayout === "stack" ? "sm" : "lg");
|
|
9091
|
+
return /* @__PURE__ */ jsx237(VStack, { as: "dl", "aria-label": label, gap: "md", m: "none", children: items.map((item) => /* @__PURE__ */ jsx237(
|
|
9092
|
+
DataListRow,
|
|
9093
|
+
{
|
|
9094
|
+
item,
|
|
9095
|
+
layout: resolvedLayout,
|
|
9096
|
+
labelSize: resolvedLabelSize
|
|
9097
|
+
},
|
|
9098
|
+
item.id
|
|
9099
|
+
)) });
|
|
9100
|
+
}
|
|
9101
|
+
function DataListRow({
|
|
9102
|
+
item,
|
|
9103
|
+
layout,
|
|
9104
|
+
labelSize
|
|
9105
|
+
}) {
|
|
9106
|
+
const variant = item.variant ?? "normal";
|
|
9107
|
+
const isStack = layout === "stack";
|
|
9108
|
+
const isInline = layout === "inline";
|
|
9109
|
+
const isTotal = variant === "total";
|
|
9110
|
+
const isHero = isStack && variant === "hero";
|
|
9111
|
+
const isComplex = isStack && variant === "complex";
|
|
9112
|
+
const isFlexible = !isStack && variant === "flexible";
|
|
9113
|
+
const emphasizeValue = variant === "emphasize" || isTotal || isStack && variant === "normal";
|
|
9114
|
+
const labelEmphasized = item.labelEmphasized ?? isTotal;
|
|
9115
|
+
const labelVariant = labelSize === "lg" ? "title-md" : "title-sm";
|
|
9116
|
+
const labelWeight = labelEmphasized ? "medium" : "regular";
|
|
9117
|
+
const badgeBelow = item.badgePlacement === "below";
|
|
9118
|
+
const description = isHero ? void 0 : item.description;
|
|
9119
|
+
const term = /* @__PURE__ */ jsxs25(Box, { as: "dt", display: "flex", alignItems: "baseline", gap: "4xs", minW: 0, children: [
|
|
9120
|
+
/* @__PURE__ */ jsxs25(Box, { display: "flex", alignItems: "center", gap: "4xs", flex: "1 1 0", minW: 0, children: [
|
|
9121
|
+
item.labelIcon && /* @__PURE__ */ jsx237(Box, { display: "flex", flexShrink: 0, children: item.labelIcon }),
|
|
9122
|
+
/* @__PURE__ */ jsxs25(
|
|
9123
|
+
Text,
|
|
9124
|
+
{
|
|
9125
|
+
as: "div",
|
|
9126
|
+
variant: labelVariant,
|
|
9127
|
+
color: item.labelLead || !labelEmphasized ? "secondary" : "primary",
|
|
9128
|
+
weight: labelWeight,
|
|
9129
|
+
children: [
|
|
9130
|
+
item.labelLead && /* @__PURE__ */ jsxs25(Text, { as: "span", variant: labelVariant, color: "primary", weight: labelWeight, children: [
|
|
9131
|
+
item.labelLead,
|
|
9132
|
+
" "
|
|
9133
|
+
] }),
|
|
9134
|
+
item.label
|
|
9135
|
+
]
|
|
9136
|
+
}
|
|
9137
|
+
)
|
|
9138
|
+
] }),
|
|
9139
|
+
item.labelTrailing && /* @__PURE__ */ jsx237(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx237(Text, { as: "div", variant: "body-md", color: "secondary", align: "right", children: item.labelTrailing }) })
|
|
9140
|
+
] });
|
|
9141
|
+
const figure = isHero && item.masked ? /* @__PURE__ */ jsx237(
|
|
9142
|
+
Box,
|
|
9143
|
+
{
|
|
9144
|
+
display: "flex",
|
|
9145
|
+
alignItems: "center",
|
|
9146
|
+
gap: "2xs",
|
|
9147
|
+
h: "var(--headline-lg-line-height)",
|
|
9148
|
+
role: "img",
|
|
9149
|
+
"aria-label": "Hidden",
|
|
9150
|
+
children: DOTS.map((dot) => /* @__PURE__ */ jsx237(
|
|
9151
|
+
Box,
|
|
9152
|
+
{
|
|
9153
|
+
w: "10px",
|
|
9154
|
+
h: "10px",
|
|
9155
|
+
borderRadius: "full",
|
|
9156
|
+
flexShrink: 0,
|
|
9157
|
+
style: { backgroundColor: "var(--foreground-neutral-primary)" }
|
|
9158
|
+
},
|
|
9159
|
+
dot
|
|
9160
|
+
))
|
|
9161
|
+
}
|
|
9162
|
+
) : /* @__PURE__ */ jsx237(
|
|
9163
|
+
Text,
|
|
9164
|
+
{
|
|
9165
|
+
as: "div",
|
|
9166
|
+
variant: isHero ? "headline-lg" : "body-lg",
|
|
9167
|
+
weight: emphasizeValue && !isHero ? "medium" : void 0,
|
|
9168
|
+
align: isInline ? "right" : void 0,
|
|
9169
|
+
children: item.value
|
|
9170
|
+
}
|
|
9171
|
+
);
|
|
9172
|
+
const valueRow = isComplex ? /* @__PURE__ */ jsxs25(Box, { display: "flex", alignItems: "center", gap: "xs", w: "100%", minW: 0, children: [
|
|
9173
|
+
/* @__PURE__ */ jsx237(Box, { flex: "1 1 0", minW: 0, children: item.value }),
|
|
9174
|
+
item.action && /* @__PURE__ */ jsx237(Action, { slot: false, children: item.action })
|
|
9175
|
+
] }) : /* @__PURE__ */ jsxs25(
|
|
9176
|
+
Box,
|
|
9177
|
+
{
|
|
9178
|
+
display: "flex",
|
|
9179
|
+
alignItems: "center",
|
|
9180
|
+
gap: "4xs",
|
|
9181
|
+
minW: 0,
|
|
9182
|
+
justifyContent: isInline ? "end" : void 0,
|
|
9183
|
+
children: [
|
|
9184
|
+
item.icon && /* @__PURE__ */ jsx237(Box, { display: "flex", flexShrink: 0, children: item.icon }),
|
|
9185
|
+
item.valuePrefix && /* @__PURE__ */ jsx237(Box, { alignSelf: "baseline", flexShrink: 0, children: /* @__PURE__ */ jsx237(Text, { as: "span", variant: isHero ? "headline-lg" : "body-lg", color: "secondary", children: item.valuePrefix }) }),
|
|
9186
|
+
/* @__PURE__ */ jsx237(Box, { alignSelf: "baseline", minW: 0, children: figure }),
|
|
9187
|
+
item.action && /* @__PURE__ */ jsx237(Action, { slot: !isHero, children: item.action })
|
|
9188
|
+
]
|
|
9189
|
+
}
|
|
9190
|
+
);
|
|
9191
|
+
const badge = item.badge ? /* @__PURE__ */ jsx237(Box, { display: "flex", flexShrink: 0, children: item.badge }) : null;
|
|
9192
|
+
const firstLine = badge && !badgeBelow ? /* @__PURE__ */ jsxs25(
|
|
9193
|
+
Box,
|
|
9194
|
+
{
|
|
9195
|
+
display: "flex",
|
|
9196
|
+
alignItems: "center",
|
|
9197
|
+
gap: "2xs",
|
|
9198
|
+
w: "100%",
|
|
9199
|
+
minW: 0,
|
|
9200
|
+
justifyContent: isInline ? "end" : void 0,
|
|
9201
|
+
children: [
|
|
9202
|
+
valueRow,
|
|
9203
|
+
badge
|
|
9204
|
+
]
|
|
9205
|
+
}
|
|
9206
|
+
) : valueRow;
|
|
9207
|
+
const definition = /* @__PURE__ */ jsxs25(
|
|
9208
|
+
Box,
|
|
9209
|
+
{
|
|
9210
|
+
as: "dd",
|
|
9211
|
+
m: "none",
|
|
9212
|
+
display: "flex",
|
|
9213
|
+
flexDirection: "column",
|
|
9214
|
+
alignItems: isInline ? "end" : "stretch",
|
|
9215
|
+
gap: badge && badgeBelow && !description ? "4xs" : "5xs",
|
|
9216
|
+
minW: 0,
|
|
9217
|
+
children: [
|
|
9218
|
+
firstLine,
|
|
9219
|
+
description && /* @__PURE__ */ jsx237(Text, { as: "div", variant: "body-md", color: "secondary", align: isInline ? "right" : void 0, children: description }),
|
|
9220
|
+
badgeBelow && badge
|
|
9221
|
+
]
|
|
9222
|
+
}
|
|
9223
|
+
);
|
|
9224
|
+
if (isStack) {
|
|
9225
|
+
return /* @__PURE__ */ jsxs25(VStack, { gap: "4xs", align: "stretch", children: [
|
|
9226
|
+
term,
|
|
9227
|
+
definition,
|
|
9228
|
+
isHero && item.description && /* @__PURE__ */ jsx237(Text, { as: "div", variant: "body-md", color: "secondary", children: item.description })
|
|
9229
|
+
] });
|
|
9230
|
+
}
|
|
9231
|
+
if (layout === "column") {
|
|
9232
|
+
return /* @__PURE__ */ jsxs25(
|
|
9233
|
+
Grid,
|
|
9234
|
+
{
|
|
9235
|
+
columns: isFlexible ? void 0 : 5,
|
|
9236
|
+
templateColumns: isFlexible ? "auto minmax(0, 1fr)" : void 0,
|
|
9237
|
+
columnGap: "2xs",
|
|
9238
|
+
alignItems: "baseline",
|
|
9239
|
+
children: [
|
|
9240
|
+
/* @__PURE__ */ jsx237(GridItem, { colSpan: isFlexible ? void 0 : 2, minW: 0, children: term }),
|
|
9241
|
+
/* @__PURE__ */ jsx237(GridItem, { colSpan: isFlexible ? void 0 : 3, minW: 0, children: definition })
|
|
9242
|
+
]
|
|
9243
|
+
}
|
|
9244
|
+
);
|
|
9245
|
+
}
|
|
9246
|
+
return /* @__PURE__ */ jsxs25(HStack, { gap: "2xs", align: "baseline", children: [
|
|
9247
|
+
/* @__PURE__ */ jsx237(Box, { flex: isFlexible ? "0 1 auto" : "1 1 0", minW: 0, children: term }),
|
|
9248
|
+
/* @__PURE__ */ jsx237(Box, { flex: "1 1 0", minW: 0, children: definition })
|
|
9249
|
+
] });
|
|
9250
|
+
}
|
|
7733
9251
|
export {
|
|
7734
9252
|
AVATAR_IMAGES,
|
|
7735
9253
|
AddFilled,
|
|
@@ -7781,6 +9299,8 @@ export {
|
|
|
7781
9299
|
CheckSmallFilled,
|
|
7782
9300
|
CheckSmallOutline,
|
|
7783
9301
|
Checkbox,
|
|
9302
|
+
CheckboxGroup,
|
|
9303
|
+
CheckboxGroupContext,
|
|
7784
9304
|
ChevronDownFilled,
|
|
7785
9305
|
ChevronDownOutline,
|
|
7786
9306
|
ChevronDownSmallFilled,
|
|
@@ -7824,6 +9344,7 @@ export {
|
|
|
7824
9344
|
CreditCardFilled,
|
|
7825
9345
|
CreditCardOutline,
|
|
7826
9346
|
CustomScrollbar,
|
|
9347
|
+
DataList,
|
|
7827
9348
|
DayFilled,
|
|
7828
9349
|
DayOutline,
|
|
7829
9350
|
Divider,
|
|
@@ -7835,6 +9356,7 @@ export {
|
|
|
7835
9356
|
DraftOutline,
|
|
7836
9357
|
DuplicateFilled,
|
|
7837
9358
|
DuplicateOutline,
|
|
9359
|
+
Empty,
|
|
7838
9360
|
ExitFilled,
|
|
7839
9361
|
ExitOutline,
|
|
7840
9362
|
EyeDropperFilled,
|
|
@@ -7843,6 +9365,7 @@ export {
|
|
|
7843
9365
|
EyeOffFilled,
|
|
7844
9366
|
EyeOffOutline,
|
|
7845
9367
|
EyeOutline,
|
|
9368
|
+
Fieldset,
|
|
7846
9369
|
Flex,
|
|
7847
9370
|
FolderFilled,
|
|
7848
9371
|
FolderOutline,
|
|
@@ -7884,10 +9407,13 @@ export {
|
|
|
7884
9407
|
MoreVerticalOutline,
|
|
7885
9408
|
MusicNoteFilled,
|
|
7886
9409
|
MusicNoteOutline,
|
|
9410
|
+
NumberField,
|
|
9411
|
+
OTP,
|
|
7887
9412
|
OpenWithFilled,
|
|
7888
9413
|
OpenWithOutline,
|
|
7889
9414
|
OptionFilled,
|
|
7890
9415
|
OptionOutline,
|
|
9416
|
+
PIN,
|
|
7891
9417
|
PenFilled,
|
|
7892
9418
|
PenOutline,
|
|
7893
9419
|
PersonalBookFilled,
|
|
@@ -7899,11 +9425,14 @@ export {
|
|
|
7899
9425
|
Portal,
|
|
7900
9426
|
Radio,
|
|
7901
9427
|
RadioFilled,
|
|
9428
|
+
RadioGroup,
|
|
7902
9429
|
RadioOutline,
|
|
7903
9430
|
RainFilled,
|
|
7904
9431
|
RainOutline,
|
|
9432
|
+
Rating,
|
|
7905
9433
|
RectangleFilled,
|
|
7906
9434
|
RectangleOutline,
|
|
9435
|
+
Result,
|
|
7907
9436
|
RouterFilled,
|
|
7908
9437
|
RouterOutline,
|
|
7909
9438
|
ScheduleFilled,
|