@wistia/ui 0.6.26 → 0.6.27-beta.61c3fbfc.504b582
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.cjs +782 -662
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +36 -8
- package/dist/index.d.ts +36 -8
- package/dist/index.mjs +774 -654
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.6.
|
|
3
|
+
* @license @wistia/ui v0.6.27-beta.61c3fbfc.504b582
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -3388,9 +3388,9 @@ var ChaptersIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
|
3388
3388
|
}
|
|
3389
3389
|
);
|
|
3390
3390
|
|
|
3391
|
-
// src/components/Icon/icons/
|
|
3391
|
+
// src/components/Icon/icons/CheckmarkIcon.tsx
|
|
3392
3392
|
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
3393
|
-
var
|
|
3393
|
+
var CheckmarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3394
3394
|
"svg",
|
|
3395
3395
|
{
|
|
3396
3396
|
...props,
|
|
@@ -3399,16 +3399,16 @@ var CheckmarkCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime40.js
|
|
|
3399
3399
|
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3400
3400
|
"path",
|
|
3401
3401
|
{
|
|
3402
|
-
d: "
|
|
3402
|
+
d: "M8.99985 19.9998H8.99718C8.69451 19.9998 8.40785 19.8612 8.21985 19.6252L2.88653 12.9585C2.54119 12.5265 2.61053 11.8985 3.04253 11.5532C3.47586 11.2078 4.10386 11.2785 4.44786 11.7092L9.00518 17.4052L19.5558 4.37053C19.9038 3.9412 20.5318 3.8732 20.9625 4.22253C21.3918 4.57053 21.4585 5.19986 21.1105 5.62919L9.77718 19.6292C9.58651 19.8638 9.30118 19.9998 8.99985 19.9998Z",
|
|
3403
3403
|
fill: "currentColor"
|
|
3404
3404
|
}
|
|
3405
3405
|
)
|
|
3406
3406
|
}
|
|
3407
3407
|
);
|
|
3408
3408
|
|
|
3409
|
-
// src/components/Icon/icons/
|
|
3409
|
+
// src/components/Icon/icons/CheckmarkCircleIcon.tsx
|
|
3410
3410
|
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
3411
|
-
var
|
|
3411
|
+
var CheckmarkCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3412
3412
|
"svg",
|
|
3413
3413
|
{
|
|
3414
3414
|
...props,
|
|
@@ -3417,18 +3417,16 @@ var CheckmarkCircleOutlineIcon = (props) => /* @__PURE__ */ (0, import_jsx_runti
|
|
|
3417
3417
|
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3418
3418
|
"path",
|
|
3419
3419
|
{
|
|
3420
|
-
|
|
3421
|
-
|
|
3422
|
-
fill: "currentColor",
|
|
3423
|
-
fillRule: "evenodd"
|
|
3420
|
+
d: "M11.9998 1.33322C6.11847 1.33322 1.33315 6.11854 1.33315 11.9999C1.33315 17.8812 6.11847 22.6665 11.9998 22.6665C17.8811 22.6665 22.6664 17.8812 22.6664 11.9999C22.6664 6.11854 17.8811 1.33322 11.9998 1.33322ZM17.1238 8.94387L11.4571 16.2772C11.2758 16.5119 10.9998 16.6545 10.7038 16.6652C10.6905 16.6652 10.6785 16.6652 10.6665 16.6652C10.3838 16.6652 10.1131 16.5452 9.92246 16.3345L6.92246 13.0012C6.55313 12.5905 6.58647 11.9585 6.99713 11.5879C7.40913 11.2199 8.03846 11.2519 8.41046 11.6625L10.6078 14.1052L15.5424 7.71987C15.8798 7.28254 16.5091 7.20254 16.9451 7.53987C17.3824 7.87721 17.4624 8.5052 17.1251 8.94254L17.1238 8.94387Z",
|
|
3421
|
+
fill: "currentColor"
|
|
3424
3422
|
}
|
|
3425
3423
|
)
|
|
3426
3424
|
}
|
|
3427
3425
|
);
|
|
3428
3426
|
|
|
3429
|
-
// src/components/Icon/icons/
|
|
3427
|
+
// src/components/Icon/icons/CheckmarkCircleOutlineIcon.tsx
|
|
3430
3428
|
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
3431
|
-
var
|
|
3429
|
+
var CheckmarkCircleOutlineIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3432
3430
|
"svg",
|
|
3433
3431
|
{
|
|
3434
3432
|
...props,
|
|
@@ -3437,8 +3435,10 @@ var CheckmarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
|
3437
3435
|
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3438
3436
|
"path",
|
|
3439
3437
|
{
|
|
3440
|
-
|
|
3441
|
-
|
|
3438
|
+
clipRule: "evenodd",
|
|
3439
|
+
d: "M3.33308 11.9999C3.33308 7.2134 7.21327 3.33322 11.9997 3.33322C16.7862 3.33322 20.6664 7.2134 20.6664 11.9999C20.6664 16.7863 16.7862 20.6665 11.9997 20.6665C7.21327 20.6665 3.33308 16.7863 3.33308 11.9999ZM11.9997 1.33322C6.1087 1.33322 1.33308 6.10884 1.33308 11.9999C1.33308 17.8909 6.1087 22.6665 11.9997 22.6665C17.8907 22.6665 22.6664 17.8909 22.6664 11.9999C22.6664 6.10884 17.8907 1.33322 11.9997 1.33322ZM17.1243 8.94465C17.462 8.50764 17.3815 7.87961 16.9445 7.54192C16.5075 7.20423 15.8795 7.28474 15.5418 7.72176L10.6079 14.1067L8.40969 11.6642C8.04024 11.2537 7.40795 11.2204 6.99744 11.5899C6.58693 11.9594 6.55365 12.5916 6.92311 13.0022L9.9231 16.3355C10.1215 16.5559 10.4075 16.6769 10.7038 16.6658C11.0002 16.6547 11.2763 16.5126 11.4577 16.278L17.1243 8.94465Z",
|
|
3440
|
+
fill: "currentColor",
|
|
3441
|
+
fillRule: "evenodd"
|
|
3442
3442
|
}
|
|
3443
3443
|
)
|
|
3444
3444
|
}
|
|
@@ -3560,9 +3560,9 @@ var ClosedCaptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx
|
|
|
3560
3560
|
}
|
|
3561
3561
|
);
|
|
3562
3562
|
|
|
3563
|
-
// src/components/Icon/icons/
|
|
3563
|
+
// src/components/Icon/icons/CollapseIcon.tsx
|
|
3564
3564
|
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
3565
|
-
var
|
|
3565
|
+
var CollapseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
3566
3566
|
"svg",
|
|
3567
3567
|
{
|
|
3568
3568
|
...props,
|
|
@@ -3572,7 +3572,7 @@ var CollapseDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.j
|
|
|
3572
3572
|
"path",
|
|
3573
3573
|
{
|
|
3574
3574
|
clipRule: "evenodd",
|
|
3575
|
-
d: "
|
|
3575
|
+
d: "M11.9999 7.91987L15.9599 3.95987H15.9572C16.3479 3.5692 16.9812 3.5692 17.3719 3.95987C17.7625 4.35054 17.7625 4.98387 17.3719 5.37454L12.7052 10.0412C12.5105 10.2372 12.2545 10.3345 11.9985 10.3345C11.7425 10.3345 11.4865 10.2359 11.2919 10.0412L6.62521 5.37454C6.23455 4.98387 6.23455 4.35054 6.62521 3.95987C7.01588 3.5692 7.64921 3.5692 8.03988 3.95987L11.9999 7.91987ZM11.2919 13.9599C11.6825 13.5692 12.3159 13.5692 12.7065 13.9599L17.3732 18.6265C17.7639 19.0172 17.7639 19.6505 17.3732 20.0412C17.1785 20.2372 16.9225 20.3345 16.6665 20.3345C16.4105 20.3345 16.1545 20.2359 15.9599 20.0412L11.9999 16.0812L8.03988 20.0412C7.64921 20.4319 7.01588 20.4319 6.62521 20.0412C6.23455 19.6505 6.23455 19.0172 6.62521 18.6265L11.2919 13.9599Z",
|
|
3576
3576
|
fill: "currentColor",
|
|
3577
3577
|
fillRule: "evenodd"
|
|
3578
3578
|
}
|
|
@@ -3580,9 +3580,9 @@ var CollapseDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.j
|
|
|
3580
3580
|
}
|
|
3581
3581
|
);
|
|
3582
3582
|
|
|
3583
|
-
// src/components/Icon/icons/
|
|
3583
|
+
// src/components/Icon/icons/CollapseDiagonalIcon.tsx
|
|
3584
3584
|
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
3585
|
-
var
|
|
3585
|
+
var CollapseDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3586
3586
|
"svg",
|
|
3587
3587
|
{
|
|
3588
3588
|
...props,
|
|
@@ -3592,7 +3592,7 @@ var CollapseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
|
3592
3592
|
"path",
|
|
3593
3593
|
{
|
|
3594
3594
|
clipRule: "evenodd",
|
|
3595
|
-
d: "
|
|
3595
|
+
d: "M19.6253 2.95987C20.0159 2.5692 20.6493 2.5692 21.0399 2.95987L21.0386 2.95854C21.4293 3.3492 21.4293 3.98254 21.0386 4.3732L18.9119 6.49987L20.8026 8.39054C21.1853 8.77454 21.2986 9.34387 21.0919 9.84387C20.8839 10.3439 20.3999 10.6665 19.8599 10.6665H14.6653C13.9293 10.6665 13.3319 10.0679 13.3319 9.3332V4.13854C13.3319 3.5972 13.6546 3.1132 14.1559 2.90654C14.6559 2.69854 15.2279 2.81454 15.6093 3.1972L17.4986 5.08654L19.6253 2.95987ZM4.1386 13.3332H9.33326V13.3345C10.0693 13.3345 10.6666 13.9332 10.6666 14.6679V19.8625C10.6666 20.4039 10.3439 20.8879 9.8426 21.0945C9.67726 21.1625 9.50393 21.1959 9.33193 21.1959C8.98393 21.1959 8.64393 21.0599 8.38926 20.8039L6.49993 18.9145L4.37326 21.0412C4.1786 21.2372 3.9226 21.3345 3.6666 21.3345C3.4106 21.3345 3.1546 21.2359 2.95993 21.0412C2.56926 20.6505 2.56926 20.0172 2.95993 19.6265L5.0866 17.4999L3.19593 15.6092C2.81326 15.2252 2.69993 14.6559 2.9066 14.1559C3.1146 13.6559 3.5986 13.3332 4.1386 13.3332Z",
|
|
3596
3596
|
fill: "currentColor",
|
|
3597
3597
|
fillRule: "evenodd"
|
|
3598
3598
|
}
|
|
@@ -3954,9 +3954,9 @@ var ErrorIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
|
3954
3954
|
}
|
|
3955
3955
|
);
|
|
3956
3956
|
|
|
3957
|
-
// src/components/Icon/icons/
|
|
3957
|
+
// src/components/Icon/icons/ExpandIcon.tsx
|
|
3958
3958
|
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
3959
|
-
var
|
|
3959
|
+
var ExpandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3960
3960
|
"svg",
|
|
3961
3961
|
{
|
|
3962
3962
|
...props,
|
|
@@ -3966,7 +3966,7 @@ var ExpandDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx
|
|
|
3966
3966
|
"path",
|
|
3967
3967
|
{
|
|
3968
3968
|
clipRule: "evenodd",
|
|
3969
|
-
d: "
|
|
3969
|
+
d: "M11.2915 2.95987C11.6822 2.5692 12.3155 2.5692 12.7062 2.95987L17.3729 7.62652C17.7635 8.01719 17.7635 8.65052 17.3729 9.04119C17.1782 9.23719 16.9222 9.33452 16.6662 9.33452C16.4102 9.33452 16.1542 9.23585 15.9595 9.04119L11.9995 5.0812L8.03956 9.04119C7.64889 9.43185 7.01556 9.43185 6.62489 9.04119C6.23423 8.65052 6.23423 8.01719 6.62489 7.62652L11.2915 2.95987ZM11.9995 18.9198L15.9595 14.9598H15.9569C16.3475 14.5692 16.9809 14.5692 17.3715 14.9598C17.7622 15.3505 17.7622 15.9838 17.3715 16.3745L12.7049 21.0412C12.5102 21.2372 12.2542 21.3345 11.9982 21.3345C11.7422 21.3345 11.4862 21.2358 11.2915 21.0412L6.62489 16.3745C6.23423 15.9838 6.23423 15.3505 6.62489 14.9598C7.01556 14.5692 7.64889 14.5692 8.03956 14.9598L11.9995 18.9198Z",
|
|
3970
3970
|
fill: "currentColor",
|
|
3971
3971
|
fillRule: "evenodd"
|
|
3972
3972
|
}
|
|
@@ -3974,9 +3974,9 @@ var ExpandDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx
|
|
|
3974
3974
|
}
|
|
3975
3975
|
);
|
|
3976
3976
|
|
|
3977
|
-
// src/components/Icon/icons/
|
|
3977
|
+
// src/components/Icon/icons/ExpandDiagonalIcon.tsx
|
|
3978
3978
|
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
3979
|
-
var
|
|
3979
|
+
var ExpandDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3980
3980
|
"svg",
|
|
3981
3981
|
{
|
|
3982
3982
|
...props,
|
|
@@ -3986,7 +3986,7 @@ var ExpandHorizontalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.j
|
|
|
3986
3986
|
"path",
|
|
3987
3987
|
{
|
|
3988
3988
|
clipRule: "evenodd",
|
|
3989
|
-
d: "
|
|
3989
|
+
d: "M14.8048 2.66653H19.9995C20.7355 2.66653 21.3328 3.2652 21.3328 3.99987V9.19587C21.3328 9.7372 21.0102 10.2212 20.5088 10.4279C20.3435 10.4959 20.1702 10.5292 19.9982 10.5292C19.6502 10.5292 19.3102 10.3932 19.0555 10.1372L17.1662 8.24787L15.0395 10.3745C14.8448 10.5705 14.5888 10.6679 14.3328 10.6679C14.0768 10.6679 13.8208 10.5692 13.6262 10.3745C13.2355 9.98387 13.2355 9.35053 13.6262 8.95987L15.7528 6.8332L13.8622 4.94253C13.4795 4.55853 13.3662 3.9892 13.5728 3.4892C13.7808 2.9892 14.2648 2.66653 14.8048 2.66653ZM8.95817 13.6265C9.34866 13.236 9.98159 13.2359 10.3723 13.626C10.7622 14.0167 10.7619 14.6495 10.3715 15.0399L8.24484 17.1665L10.1355 19.0572C10.5182 19.4412 10.6315 20.0105 10.4248 20.5105C10.2168 21.0105 9.73284 21.3332 9.19284 21.3332H3.99817C3.26217 21.3332 2.66484 20.7345 2.66484 19.9999V14.8052C2.66484 14.2639 2.98751 13.7799 3.48884 13.5732C3.98751 13.3652 4.56084 13.4812 4.94217 13.8639L6.83151 15.7532L8.95817 13.6265ZM10.3723 13.626C10.3725 13.6262 10.3727 13.6263 10.3728 13.6265L10.3718 13.6255C10.3719 13.6256 10.3721 13.6258 10.3723 13.626Z",
|
|
3990
3990
|
fill: "currentColor",
|
|
3991
3991
|
fillRule: "evenodd"
|
|
3992
3992
|
}
|
|
@@ -3994,9 +3994,9 @@ var ExpandHorizontalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.j
|
|
|
3994
3994
|
}
|
|
3995
3995
|
);
|
|
3996
3996
|
|
|
3997
|
-
// src/components/Icon/icons/
|
|
3997
|
+
// src/components/Icon/icons/ExpandHorizontalIcon.tsx
|
|
3998
3998
|
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
3999
|
-
var
|
|
3999
|
+
var ExpandHorizontalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
4000
4000
|
"svg",
|
|
4001
4001
|
{
|
|
4002
4002
|
...props,
|
|
@@ -4006,7 +4006,7 @@ var ExpandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
|
4006
4006
|
"path",
|
|
4007
4007
|
{
|
|
4008
4008
|
clipRule: "evenodd",
|
|
4009
|
-
d: "
|
|
4009
|
+
d: "M4.74764 10.9999H9.6663L9.66497 10.9986C10.217 10.9986 10.665 11.4466 10.665 11.9986C10.665 12.5506 10.217 12.9986 9.66497 12.9986H4.7463L7.37297 15.6252C7.76364 16.0159 7.76364 16.6492 7.37297 17.0399C7.1783 17.2359 6.9223 17.3332 6.6663 17.3332C6.4103 17.3332 6.1543 17.2346 5.95964 17.0399L1.6263 12.7066C1.23564 12.3159 1.23564 11.6826 1.6263 11.2919L5.95964 6.95857C6.3503 6.56791 6.98364 6.56791 7.3743 6.95857C7.76497 7.34924 7.76497 7.98257 7.3743 8.37324L4.74764 10.9999ZM16.625 6.95988C17.0156 6.56921 17.649 6.56921 18.0396 6.95988L18.0383 6.96121L22.3716 11.2945C22.7623 11.6852 22.7623 12.3185 22.3716 12.7092L18.0383 17.0425C17.8436 17.2385 17.5876 17.3359 17.3316 17.3359C17.0756 17.3359 16.8196 17.2372 16.625 17.0425C16.2343 16.6519 16.2343 16.0185 16.625 15.6279L19.2516 13.0012H14.333C13.781 13.0012 13.333 12.5532 13.333 12.0012C13.333 11.4492 13.781 11.0012 14.333 11.0012H19.2516L16.625 8.37454C16.2343 7.98388 16.2343 7.35054 16.625 6.95988Z",
|
|
4010
4010
|
fill: "currentColor",
|
|
4011
4011
|
fillRule: "evenodd"
|
|
4012
4012
|
}
|
|
@@ -4120,7 +4120,7 @@ var FilmStripIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
|
4120
4120
|
"path",
|
|
4121
4121
|
{
|
|
4122
4122
|
clipRule: "evenodd",
|
|
4123
|
-
d: "M12.0021 2.
|
|
4123
|
+
d: "M12.0021 2.66661C12.0013 2.66661 12.0006 2.66661 11.9999 2.66661C11.9991 2.66661 11.9984 2.66661 11.9977 2.66661H7.00208C7.00135 2.66661 7.00061 2.66661 6.99987 2.66661C6.99914 2.66661 6.9984 2.66661 6.99767 2.66661H4.99987C2.97483 2.66661 1.33321 4.30823 1.33321 6.33328V8.33328V15.6666V17.6666C1.33321 19.6917 2.97483 21.3333 4.99987 21.3333L6.99987 21.3333H11.9999H16.9999L18.9999 21.3333C21.0249 21.3333 22.6665 19.6917 22.6665 17.6666V15.6686C22.6665 15.6679 22.6665 15.6673 22.6665 15.6666C22.6665 15.666 22.6665 15.6653 22.6665 15.6646V8.33525C22.6665 8.33459 22.6665 8.33394 22.6665 8.33328C22.6665 8.33262 22.6665 8.33196 22.6665 8.3313V6.33328C22.6665 4.30823 21.0249 2.66661 18.9999 2.66661H17.0021C17.0013 2.66661 17.0006 2.66661 16.9999 2.66661C16.9991 2.66661 16.9984 2.66661 16.9977 2.66661H12.0021ZM15.9999 4.66661H12.9999V7.33328H15.9999V4.66661ZM17.9999 4.66661V7.33328H20.6665V6.33328C20.6665 5.4128 19.9203 4.66661 18.9999 4.66661H17.9999ZM20.6665 9.33328H12.9999V14.6666H16.9999H20.6665V9.33328ZM20.6665 16.6666H17.9999V19.3333H18.9999C19.9203 19.3333 20.6665 18.5871 20.6665 17.6666V16.6666ZM15.9999 19.3333V16.6666H12.9999V19.3333H15.9999ZM10.9999 19.3333V16.6666H7.99987V19.3333H10.9999ZM5.99987 19.3333V16.6666H3.33321V17.6666C3.33321 18.5871 4.0794 19.3333 4.99987 19.3333H5.99987ZM3.33321 14.6666H6.99987H10.9999V9.33328H3.33321V14.6666ZM3.33321 7.33328H5.99987V4.66661H4.99987C4.0794 4.66661 3.33321 5.4128 3.33321 6.33328V7.33328ZM7.99987 4.66661V7.33328H10.9999V4.66661H7.99987Z",
|
|
4124
4124
|
fill: "currentColor",
|
|
4125
4125
|
fillRule: "evenodd"
|
|
4126
4126
|
}
|
|
@@ -4364,15 +4364,35 @@ var HourglassIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
|
4364
4364
|
}
|
|
4365
4365
|
);
|
|
4366
4366
|
|
|
4367
|
-
// src/components/Icon/icons/
|
|
4367
|
+
// src/components/Icon/icons/ImportIcon.tsx
|
|
4368
4368
|
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
4369
|
-
var
|
|
4369
|
+
var ImportIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
4370
4370
|
"svg",
|
|
4371
4371
|
{
|
|
4372
4372
|
...props,
|
|
4373
4373
|
viewBox: "0 0 24 24",
|
|
4374
4374
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4375
4375
|
children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
4376
|
+
"path",
|
|
4377
|
+
{
|
|
4378
|
+
clipRule: "evenodd",
|
|
4379
|
+
d: "M3.81096 10.4875C4.32408 6.86526 7.60391 3.99994 11.5417 3.99994C15.4337 3.99994 18.5871 6.71644 19.2331 10.2468C21.3693 10.6197 23 12.4277 23 14.5882C23 17.0167 20.9396 18.9999 18.4167 18.9999H5.58333C3.06041 18.9999 1 17.0167 1 14.5882C1 12.7444 2.16281 11.1385 3.81096 10.4875ZM12.9168 12.3823V8.4117H11.0834V12.3823H7.41667L12 17.6764L16.5833 12.3823H12.9168Z",
|
|
4380
|
+
fill: "currentColor",
|
|
4381
|
+
fillRule: "evenodd"
|
|
4382
|
+
}
|
|
4383
|
+
)
|
|
4384
|
+
}
|
|
4385
|
+
);
|
|
4386
|
+
|
|
4387
|
+
// src/components/Icon/icons/InfoIcon.tsx
|
|
4388
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
4389
|
+
var InfoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
4390
|
+
"svg",
|
|
4391
|
+
{
|
|
4392
|
+
...props,
|
|
4393
|
+
viewBox: "0 0 24 24",
|
|
4394
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4395
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
4376
4396
|
"path",
|
|
4377
4397
|
{
|
|
4378
4398
|
d: "M11.9998 1.33321C6.11847 1.33321 1.33315 6.11853 1.33315 11.9998C1.33315 17.8812 6.11847 22.6665 11.9998 22.6665C17.8811 22.6665 22.6664 17.8812 22.6664 11.9998C22.6664 6.11853 17.8811 1.33321 11.9998 1.33321ZM12.9998 17.0918C12.9998 17.6438 12.5518 18.0918 11.9998 18.0918C11.4478 18.0918 10.9998 17.6438 10.9998 17.0918V10.9998C10.9998 10.4479 11.4478 9.99985 11.9998 9.99985C12.5518 9.99985 12.9998 10.4479 12.9998 10.9998V17.0918ZM11.9998 8.99985C11.2638 8.99985 10.6665 8.40119 10.6665 7.66652C10.6665 6.93186 11.2638 6.33319 11.9998 6.33319C12.7358 6.33319 13.3331 6.93186 13.3331 7.66652C13.3331 8.40119 12.7358 8.99985 11.9998 8.99985Z",
|
|
@@ -4383,14 +4403,14 @@ var InfoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
|
4383
4403
|
);
|
|
4384
4404
|
|
|
4385
4405
|
// src/components/Icon/icons/IntegrationsIcon.tsx
|
|
4386
|
-
var
|
|
4387
|
-
var IntegrationsIcon = (props) => /* @__PURE__ */ (0,
|
|
4406
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
4407
|
+
var IntegrationsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
4388
4408
|
"svg",
|
|
4389
4409
|
{
|
|
4390
4410
|
...props,
|
|
4391
4411
|
viewBox: "0 0 24 24",
|
|
4392
4412
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4393
|
-
children: /* @__PURE__ */ (0,
|
|
4413
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
4394
4414
|
"path",
|
|
4395
4415
|
{
|
|
4396
4416
|
clipRule: "evenodd",
|
|
@@ -4403,14 +4423,14 @@ var IntegrationsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
|
4403
4423
|
);
|
|
4404
4424
|
|
|
4405
4425
|
// src/components/Icon/icons/LeaveIcon.tsx
|
|
4406
|
-
var
|
|
4407
|
-
var LeaveIcon = (props) => /* @__PURE__ */ (0,
|
|
4426
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
4427
|
+
var LeaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
4408
4428
|
"svg",
|
|
4409
4429
|
{
|
|
4410
4430
|
...props,
|
|
4411
4431
|
viewBox: "0 0 24 24",
|
|
4412
4432
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4413
|
-
children: /* @__PURE__ */ (0,
|
|
4433
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
4414
4434
|
"path",
|
|
4415
4435
|
{
|
|
4416
4436
|
clipRule: "evenodd",
|
|
@@ -4423,14 +4443,14 @@ var LeaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
|
4423
4443
|
);
|
|
4424
4444
|
|
|
4425
4445
|
// src/components/Icon/icons/LinkIcon.tsx
|
|
4426
|
-
var
|
|
4427
|
-
var LinkIcon = (props) => /* @__PURE__ */ (0,
|
|
4446
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
4447
|
+
var LinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
4428
4448
|
"svg",
|
|
4429
4449
|
{
|
|
4430
4450
|
...props,
|
|
4431
4451
|
viewBox: "0 0 24 24",
|
|
4432
4452
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4433
|
-
children: /* @__PURE__ */ (0,
|
|
4453
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
4434
4454
|
"path",
|
|
4435
4455
|
{
|
|
4436
4456
|
clipRule: "evenodd",
|
|
@@ -4443,14 +4463,14 @@ var LinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
|
4443
4463
|
);
|
|
4444
4464
|
|
|
4445
4465
|
// src/components/Icon/icons/ListIcon.tsx
|
|
4446
|
-
var
|
|
4447
|
-
var ListIcon = (props) => /* @__PURE__ */ (0,
|
|
4466
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
4467
|
+
var ListIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
4448
4468
|
"svg",
|
|
4449
4469
|
{
|
|
4450
4470
|
...props,
|
|
4451
4471
|
viewBox: "0 0 24 24",
|
|
4452
4472
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4453
|
-
children: /* @__PURE__ */ (0,
|
|
4473
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
4454
4474
|
"path",
|
|
4455
4475
|
{
|
|
4456
4476
|
clipRule: "evenodd",
|
|
@@ -4463,14 +4483,14 @@ var ListIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
|
4463
4483
|
);
|
|
4464
4484
|
|
|
4465
4485
|
// src/components/Icon/icons/LiveIcon.tsx
|
|
4466
|
-
var
|
|
4467
|
-
var LiveIcon = (props) => /* @__PURE__ */ (0,
|
|
4486
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
4487
|
+
var LiveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4468
4488
|
"svg",
|
|
4469
4489
|
{
|
|
4470
4490
|
...props,
|
|
4471
4491
|
viewBox: "0 0 24 24",
|
|
4472
4492
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4473
|
-
children: /* @__PURE__ */ (0,
|
|
4493
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4474
4494
|
"path",
|
|
4475
4495
|
{
|
|
4476
4496
|
clipRule: "evenodd",
|
|
@@ -4483,22 +4503,22 @@ var LiveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
|
4483
4503
|
);
|
|
4484
4504
|
|
|
4485
4505
|
// src/components/Icon/icons/LocalizationIcon.tsx
|
|
4486
|
-
var
|
|
4487
|
-
var LocalizationIcon = (props) => /* @__PURE__ */ (0,
|
|
4506
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
4507
|
+
var LocalizationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
4488
4508
|
"svg",
|
|
4489
4509
|
{
|
|
4490
4510
|
...props,
|
|
4491
4511
|
viewBox: "0 0 24 24",
|
|
4492
4512
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4493
4513
|
children: [
|
|
4494
|
-
/* @__PURE__ */ (0,
|
|
4514
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4495
4515
|
"path",
|
|
4496
4516
|
{
|
|
4497
4517
|
d: "M11.0535 13.1579C11.1195 13.1759 11.1855 13.1839 11.2505 13.1839C11.5805 13.1839 11.8825 12.9649 11.9735 12.6309C12.0825 12.2319 11.8465 11.8189 11.4465 11.7109C10.8675 11.5529 10.3345 11.3049 9.8575 10.9849C10.6085 10.1129 11.1865 8.96988 11.4125 7.49988H12.7505C13.1645 7.49988 13.5005 7.16388 13.5005 6.74988C13.5005 6.33588 13.1645 5.99988 12.7505 5.99988H9.5005V4.74988C9.5005 4.33588 9.1645 3.99988 8.7505 3.99988C8.3365 3.99988 8.0005 4.33588 8.0005 4.74988V5.99988H4.7505C4.3365 5.99988 4.0005 6.33588 4.0005 6.74988C4.0005 7.16388 4.3365 7.49988 4.7505 7.49988H6.0835C6.2665 8.80788 6.8045 9.99988 7.6255 10.9689C6.2645 11.8649 4.8085 11.9939 4.6995 12.0019C4.2865 12.0299 3.9735 12.3869 4.0015 12.8009C4.0285 13.1969 4.3575 13.5009 4.7495 13.5009C4.7665 13.5009 4.7835 13.5009 4.8005 13.4999C5.8605 13.4289 7.4045 13.0079 8.7465 12.0159C9.4255 12.5229 10.1945 12.9249 11.0535 13.1589V13.1579ZM9.8955 7.49988C9.6965 8.55288 9.2715 9.35788 8.7475 9.97688C8.1605 9.27588 7.7555 8.42988 7.5885 7.49988H9.8955Z",
|
|
4498
4518
|
fill: "currentColor"
|
|
4499
4519
|
}
|
|
4500
4520
|
),
|
|
4501
|
-
/* @__PURE__ */ (0,
|
|
4521
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4502
4522
|
"path",
|
|
4503
4523
|
{
|
|
4504
4524
|
clipRule: "evenodd",
|
|
@@ -4507,14 +4527,14 @@ var LocalizationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)
|
|
|
4507
4527
|
fillRule: "evenodd"
|
|
4508
4528
|
}
|
|
4509
4529
|
),
|
|
4510
|
-
/* @__PURE__ */ (0,
|
|
4530
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4511
4531
|
"path",
|
|
4512
4532
|
{
|
|
4513
4533
|
d: "M19.9525 18.9869L16.9525 10.9869C16.8425 10.6939 16.5625 10.4999 16.2505 10.4999H15.7505C15.4385 10.4999 15.1585 10.6939 15.0485 10.9869L12.0485 18.9869C11.9025 19.3749 12.0995 19.8069 12.4875 19.9519C12.8735 20.0969 13.3075 19.9009 13.4525 19.5129L14.2075 17.4999H17.7935L18.5485 19.5129C18.6615 19.8139 18.9465 19.9999 19.2505 19.9999C19.3375 19.9999 19.4275 19.9849 19.5135 19.9519C19.9015 19.8059 20.0975 19.3739 19.9525 18.9869ZM14.7705 15.9999L16.0005 12.7189L17.2305 15.9999H14.7695H14.7705Z",
|
|
4514
4534
|
fill: "currentColor"
|
|
4515
4535
|
}
|
|
4516
4536
|
),
|
|
4517
|
-
/* @__PURE__ */ (0,
|
|
4537
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4518
4538
|
"path",
|
|
4519
4539
|
{
|
|
4520
4540
|
clipRule: "evenodd",
|
|
@@ -4528,14 +4548,14 @@ var LocalizationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)
|
|
|
4528
4548
|
);
|
|
4529
4549
|
|
|
4530
4550
|
// src/components/Icon/icons/LockIcon.tsx
|
|
4531
|
-
var
|
|
4532
|
-
var LockIcon = (props) => /* @__PURE__ */ (0,
|
|
4551
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
4552
|
+
var LockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4533
4553
|
"svg",
|
|
4534
4554
|
{
|
|
4535
4555
|
...props,
|
|
4536
4556
|
viewBox: "0 0 24 24",
|
|
4537
4557
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4538
|
-
children: /* @__PURE__ */ (0,
|
|
4558
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4539
4559
|
"path",
|
|
4540
4560
|
{
|
|
4541
4561
|
clipRule: "evenodd",
|
|
@@ -4548,14 +4568,14 @@ var LockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
|
4548
4568
|
);
|
|
4549
4569
|
|
|
4550
4570
|
// src/components/Icon/icons/LogoutIcon.tsx
|
|
4551
|
-
var
|
|
4552
|
-
var LogoutIcon = (props) => /* @__PURE__ */ (0,
|
|
4571
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
4572
|
+
var LogoutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4553
4573
|
"svg",
|
|
4554
4574
|
{
|
|
4555
4575
|
...props,
|
|
4556
4576
|
viewBox: "0 0 24 24",
|
|
4557
4577
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4558
|
-
children: /* @__PURE__ */ (0,
|
|
4578
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4559
4579
|
"path",
|
|
4560
4580
|
{
|
|
4561
4581
|
clipRule: "evenodd",
|
|
@@ -4568,14 +4588,14 @@ var LogoutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
|
4568
4588
|
);
|
|
4569
4589
|
|
|
4570
4590
|
// src/components/Icon/icons/MaximizeIcon.tsx
|
|
4571
|
-
var
|
|
4572
|
-
var MaximizeIcon = (props) => /* @__PURE__ */ (0,
|
|
4591
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
4592
|
+
var MaximizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
4573
4593
|
"svg",
|
|
4574
4594
|
{
|
|
4575
4595
|
...props,
|
|
4576
4596
|
viewBox: "0 0 24 24",
|
|
4577
4597
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4578
|
-
children: /* @__PURE__ */ (0,
|
|
4598
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
4579
4599
|
"path",
|
|
4580
4600
|
{
|
|
4581
4601
|
clipRule: "evenodd",
|
|
@@ -4588,14 +4608,14 @@ var MaximizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
|
4588
4608
|
);
|
|
4589
4609
|
|
|
4590
4610
|
// src/components/Icon/icons/MediaIcon.tsx
|
|
4591
|
-
var
|
|
4592
|
-
var MediaIcon = (props) => /* @__PURE__ */ (0,
|
|
4611
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
4612
|
+
var MediaIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
4593
4613
|
"svg",
|
|
4594
4614
|
{
|
|
4595
4615
|
...props,
|
|
4596
4616
|
viewBox: "0 0 24 24",
|
|
4597
4617
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4598
|
-
children: /* @__PURE__ */ (0,
|
|
4618
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
4599
4619
|
"path",
|
|
4600
4620
|
{
|
|
4601
4621
|
d: "M17.6666 2.66653H6.33325C4.31059 2.66653 2.6666 4.31053 2.6666 6.33319V17.6665C2.6666 19.6892 4.31059 21.3332 6.33325 21.3332H17.6666C19.6892 21.3332 21.3332 19.6892 21.3332 17.6665V6.33319C21.3332 4.31053 19.6892 2.66653 17.6666 2.66653ZM15.0372 12.8638L10.1706 15.7025C10.0132 15.7945 9.83991 15.8412 9.66658 15.8412C9.49591 15.8412 9.32525 15.7958 9.16791 15.7065C8.85325 15.5265 8.66658 15.2025 8.66658 14.8398V9.16118C8.66658 8.79852 8.85458 8.47452 9.16791 8.29452C9.48258 8.11319 9.85724 8.11585 10.1692 8.29719L15.0359 11.1358C15.3466 11.3172 15.5332 11.6398 15.5332 11.9998C15.5332 12.3598 15.3492 12.6825 15.0372 12.8638Z",
|
|
@@ -4606,14 +4626,14 @@ var MediaIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
|
4606
4626
|
);
|
|
4607
4627
|
|
|
4608
4628
|
// src/components/Icon/icons/MegaphoneIcon.tsx
|
|
4609
|
-
var
|
|
4610
|
-
var MegaphoneIcon = (props) => /* @__PURE__ */ (0,
|
|
4629
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
4630
|
+
var MegaphoneIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
4611
4631
|
"svg",
|
|
4612
4632
|
{
|
|
4613
4633
|
...props,
|
|
4614
4634
|
viewBox: "0 0 24 24",
|
|
4615
4635
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4616
|
-
children: /* @__PURE__ */ (0,
|
|
4636
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
4617
4637
|
"path",
|
|
4618
4638
|
{
|
|
4619
4639
|
clipRule: "evenodd",
|
|
@@ -4626,14 +4646,14 @@ var MegaphoneIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
|
4626
4646
|
);
|
|
4627
4647
|
|
|
4628
4648
|
// src/components/Icon/icons/MenuIcon.tsx
|
|
4629
|
-
var
|
|
4630
|
-
var MenuIcon = (props) => /* @__PURE__ */ (0,
|
|
4649
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
4650
|
+
var MenuIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
4631
4651
|
"svg",
|
|
4632
4652
|
{
|
|
4633
4653
|
...props,
|
|
4634
4654
|
viewBox: "0 0 24 24",
|
|
4635
4655
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4636
|
-
children: /* @__PURE__ */ (0,
|
|
4656
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
4637
4657
|
"path",
|
|
4638
4658
|
{
|
|
4639
4659
|
clipRule: "evenodd",
|
|
@@ -4646,14 +4666,14 @@ var MenuIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
|
4646
4666
|
);
|
|
4647
4667
|
|
|
4648
4668
|
// src/components/Icon/icons/MicIcon.tsx
|
|
4649
|
-
var
|
|
4650
|
-
var MicIcon = (props) => /* @__PURE__ */ (0,
|
|
4669
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
4670
|
+
var MicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
4651
4671
|
"svg",
|
|
4652
4672
|
{
|
|
4653
4673
|
...props,
|
|
4654
4674
|
viewBox: "0 0 24 24",
|
|
4655
4675
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4656
|
-
children: /* @__PURE__ */ (0,
|
|
4676
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
4657
4677
|
"path",
|
|
4658
4678
|
{
|
|
4659
4679
|
clipRule: "evenodd",
|
|
@@ -4666,14 +4686,14 @@ var MicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
|
4666
4686
|
);
|
|
4667
4687
|
|
|
4668
4688
|
// src/components/Icon/icons/MicOffIcon.tsx
|
|
4669
|
-
var
|
|
4670
|
-
var MicOffIcon = (props) => /* @__PURE__ */ (0,
|
|
4689
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
4690
|
+
var MicOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
4671
4691
|
"svg",
|
|
4672
4692
|
{
|
|
4673
4693
|
...props,
|
|
4674
4694
|
viewBox: "0 0 24 24",
|
|
4675
4695
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4676
|
-
children: /* @__PURE__ */ (0,
|
|
4696
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
4677
4697
|
"path",
|
|
4678
4698
|
{
|
|
4679
4699
|
clipRule: "evenodd",
|
|
@@ -4686,14 +4706,14 @@ var MicOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
|
4686
4706
|
);
|
|
4687
4707
|
|
|
4688
4708
|
// src/components/Icon/icons/MinimizeIcon.tsx
|
|
4689
|
-
var
|
|
4690
|
-
var MinimizeIcon = (props) => /* @__PURE__ */ (0,
|
|
4709
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
4710
|
+
var MinimizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
4691
4711
|
"svg",
|
|
4692
4712
|
{
|
|
4693
4713
|
...props,
|
|
4694
4714
|
viewBox: "0 0 24 24",
|
|
4695
4715
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4696
|
-
children: /* @__PURE__ */ (0,
|
|
4716
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
4697
4717
|
"path",
|
|
4698
4718
|
{
|
|
4699
4719
|
clipRule: "evenodd",
|
|
@@ -4705,36 +4725,36 @@ var MinimizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
|
4705
4725
|
}
|
|
4706
4726
|
);
|
|
4707
4727
|
|
|
4708
|
-
// src/components/Icon/icons/
|
|
4709
|
-
var
|
|
4710
|
-
var
|
|
4728
|
+
// src/components/Icon/icons/MinusIcon.tsx
|
|
4729
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
4730
|
+
var MinusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
4711
4731
|
"svg",
|
|
4712
4732
|
{
|
|
4713
4733
|
...props,
|
|
4714
4734
|
viewBox: "0 0 24 24",
|
|
4715
4735
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4716
|
-
children: /* @__PURE__ */ (0,
|
|
4736
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
4717
4737
|
"path",
|
|
4718
4738
|
{
|
|
4719
|
-
d: "
|
|
4739
|
+
d: "M19.6667 12.9999H4.33344C3.7813 12.9999 3.33344 12.552 3.33344 11.9999C3.33344 11.4477 3.7813 10.9999 4.33344 10.9999H19.6667C20.2189 10.9999 20.6667 11.4477 20.6667 11.9999C20.6667 12.552 20.2189 12.9999 19.6667 12.9999Z",
|
|
4720
4740
|
fill: "currentColor"
|
|
4721
4741
|
}
|
|
4722
4742
|
)
|
|
4723
4743
|
}
|
|
4724
4744
|
);
|
|
4725
4745
|
|
|
4726
|
-
// src/components/Icon/icons/
|
|
4727
|
-
var
|
|
4728
|
-
var
|
|
4746
|
+
// src/components/Icon/icons/MinusCircleIcon.tsx
|
|
4747
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
4748
|
+
var MinusCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
4729
4749
|
"svg",
|
|
4730
4750
|
{
|
|
4731
4751
|
...props,
|
|
4732
4752
|
viewBox: "0 0 24 24",
|
|
4733
4753
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4734
|
-
children: /* @__PURE__ */ (0,
|
|
4754
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
4735
4755
|
"path",
|
|
4736
4756
|
{
|
|
4737
|
-
d: "
|
|
4757
|
+
d: "M11.9998 1.33321C6.11842 1.33321 1.33309 6.11855 1.33309 11.9999C1.33309 17.8812 6.11842 22.6665 11.9998 22.6665C17.8811 22.6665 22.6664 17.8812 22.6664 11.9999C22.6664 6.11855 17.8811 1.33321 11.9998 1.33321ZM16.3331 12.9999H7.66642C7.11442 12.9999 6.66642 12.5519 6.66642 11.9999C6.66642 11.4479 7.11442 10.9999 7.66642 10.9999H16.3331C16.8851 10.9999 17.3331 11.4479 17.3331 11.9999C17.3331 12.5519 16.8851 12.9999 16.3331 12.9999Z",
|
|
4738
4758
|
fill: "currentColor"
|
|
4739
4759
|
}
|
|
4740
4760
|
)
|
|
@@ -4742,14 +4762,14 @@ var MinusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
|
4742
4762
|
);
|
|
4743
4763
|
|
|
4744
4764
|
// src/components/Icon/icons/MobileIcon.tsx
|
|
4745
|
-
var
|
|
4746
|
-
var MobileIcon = (props) => /* @__PURE__ */ (0,
|
|
4765
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
4766
|
+
var MobileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
4747
4767
|
"svg",
|
|
4748
4768
|
{
|
|
4749
4769
|
...props,
|
|
4750
4770
|
viewBox: "0 0 24 24",
|
|
4751
4771
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4752
|
-
children: /* @__PURE__ */ (0,
|
|
4772
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
4753
4773
|
"path",
|
|
4754
4774
|
{
|
|
4755
4775
|
clipRule: "evenodd",
|
|
@@ -4762,14 +4782,14 @@ var MobileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
|
4762
4782
|
);
|
|
4763
4783
|
|
|
4764
4784
|
// src/components/Icon/icons/MoreOptionsIcon.tsx
|
|
4765
|
-
var
|
|
4766
|
-
var MoreOptionsIcon = (props) => /* @__PURE__ */ (0,
|
|
4785
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
4786
|
+
var MoreOptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
4767
4787
|
"svg",
|
|
4768
4788
|
{
|
|
4769
4789
|
...props,
|
|
4770
4790
|
viewBox: "0 0 24 24",
|
|
4771
4791
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4772
|
-
children: /* @__PURE__ */ (0,
|
|
4792
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
4773
4793
|
"path",
|
|
4774
4794
|
{
|
|
4775
4795
|
clipRule: "evenodd",
|
|
@@ -4782,14 +4802,14 @@ var MoreOptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
|
4782
4802
|
);
|
|
4783
4803
|
|
|
4784
4804
|
// src/components/Icon/icons/MoveLeftIcon.tsx
|
|
4785
|
-
var
|
|
4786
|
-
var MoveLeftIcon = (props) => /* @__PURE__ */ (0,
|
|
4805
|
+
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
4806
|
+
var MoveLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
4787
4807
|
"svg",
|
|
4788
4808
|
{
|
|
4789
4809
|
...props,
|
|
4790
4810
|
viewBox: "0 0 24 24",
|
|
4791
4811
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4792
|
-
children: /* @__PURE__ */ (0,
|
|
4812
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
4793
4813
|
"path",
|
|
4794
4814
|
{
|
|
4795
4815
|
clipRule: "evenodd",
|
|
@@ -4802,14 +4822,14 @@ var MoveLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
|
4802
4822
|
);
|
|
4803
4823
|
|
|
4804
4824
|
// src/components/Icon/icons/MoveRightIcon.tsx
|
|
4805
|
-
var
|
|
4806
|
-
var MoveRightIcon = (props) => /* @__PURE__ */ (0,
|
|
4825
|
+
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
4826
|
+
var MoveRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
4807
4827
|
"svg",
|
|
4808
4828
|
{
|
|
4809
4829
|
...props,
|
|
4810
4830
|
viewBox: "0 0 24 24",
|
|
4811
4831
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4812
|
-
children: /* @__PURE__ */ (0,
|
|
4832
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
4813
4833
|
"path",
|
|
4814
4834
|
{
|
|
4815
4835
|
clipRule: "evenodd",
|
|
@@ -4822,14 +4842,14 @@ var MoveRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
|
4822
4842
|
);
|
|
4823
4843
|
|
|
4824
4844
|
// src/components/Icon/icons/MusicIcon.tsx
|
|
4825
|
-
var
|
|
4826
|
-
var MusicIcon = (props) => /* @__PURE__ */ (0,
|
|
4845
|
+
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
4846
|
+
var MusicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
4827
4847
|
"svg",
|
|
4828
4848
|
{
|
|
4829
4849
|
...props,
|
|
4830
4850
|
viewBox: "0 0 24 24",
|
|
4831
4851
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4832
|
-
children: /* @__PURE__ */ (0,
|
|
4852
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
4833
4853
|
"path",
|
|
4834
4854
|
{
|
|
4835
4855
|
d: "M17.9493 1.93853L8.61598 3.49453C7.48665 3.68253 6.66665 4.65053 6.66665 5.79586V15.0852C6.16398 14.8265 5.60265 14.6665 4.99999 14.6665C2.97732 14.6665 1.33333 16.3105 1.33333 18.3332C1.33333 20.3558 2.97732 21.9998 4.99999 21.9998C7.02265 21.9998 8.66664 20.3558 8.66664 18.3332V9.84651L18.6666 8.17985V13.0852C18.164 12.8265 17.6026 12.6665 17 12.6665C14.9773 12.6665 13.3333 14.3105 13.3333 16.3332C13.3333 18.3558 14.9773 19.9998 17 19.9998C19.0226 19.9998 20.6666 18.3558 20.6666 16.3332V4.2412C20.6666 3.5532 20.3653 2.9052 19.8413 2.4612C19.3159 2.0172 18.6306 1.82787 17.9493 1.93987V1.93853Z",
|
|
@@ -4840,14 +4860,14 @@ var MusicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
|
4840
4860
|
);
|
|
4841
4861
|
|
|
4842
4862
|
// src/components/Icon/icons/OnAirIcon.tsx
|
|
4843
|
-
var
|
|
4844
|
-
var OnAirIcon = (props) => /* @__PURE__ */ (0,
|
|
4863
|
+
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
4864
|
+
var OnAirIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
4845
4865
|
"svg",
|
|
4846
4866
|
{
|
|
4847
4867
|
...props,
|
|
4848
4868
|
viewBox: "0 0 24 24",
|
|
4849
4869
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4850
|
-
children: /* @__PURE__ */ (0,
|
|
4870
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
4851
4871
|
"path",
|
|
4852
4872
|
{
|
|
4853
4873
|
d: "M12 22.6665C17.891 22.6665 22.6667 17.8909 22.6667 11.9999C22.6667 6.10884 17.891 1.33321 12 1.33321C6.10896 1.33321 1.33333 6.10884 1.33333 11.9999C1.33333 17.8909 6.10896 22.6665 12 22.6665Z",
|
|
@@ -4858,14 +4878,14 @@ var OnAirIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
|
4858
4878
|
);
|
|
4859
4879
|
|
|
4860
4880
|
// src/components/Icon/icons/OpenNewIcon.tsx
|
|
4861
|
-
var
|
|
4862
|
-
var OpenNewIcon = (props) => /* @__PURE__ */ (0,
|
|
4881
|
+
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
4882
|
+
var OpenNewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
4863
4883
|
"svg",
|
|
4864
4884
|
{
|
|
4865
4885
|
...props,
|
|
4866
4886
|
viewBox: "0 0 24 24",
|
|
4867
4887
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4868
|
-
children: /* @__PURE__ */ (0,
|
|
4888
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
4869
4889
|
"path",
|
|
4870
4890
|
{
|
|
4871
4891
|
clipRule: "evenodd",
|
|
@@ -4878,14 +4898,14 @@ var OpenNewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
|
4878
4898
|
);
|
|
4879
4899
|
|
|
4880
4900
|
// src/components/Icon/icons/OverviewIcon.tsx
|
|
4881
|
-
var
|
|
4882
|
-
var OverviewIcon = (props) => /* @__PURE__ */ (0,
|
|
4901
|
+
var import_jsx_runtime116 = require("react/jsx-runtime");
|
|
4902
|
+
var OverviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
4883
4903
|
"svg",
|
|
4884
4904
|
{
|
|
4885
4905
|
...props,
|
|
4886
4906
|
viewBox: "0 0 24 24",
|
|
4887
4907
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4888
|
-
children: /* @__PURE__ */ (0,
|
|
4908
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
4889
4909
|
"path",
|
|
4890
4910
|
{
|
|
4891
4911
|
clipRule: "evenodd",
|
|
@@ -4898,14 +4918,14 @@ var OverviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
|
4898
4918
|
);
|
|
4899
4919
|
|
|
4900
4920
|
// src/components/Icon/icons/PageIcon.tsx
|
|
4901
|
-
var
|
|
4902
|
-
var PageIcon = (props) => /* @__PURE__ */ (0,
|
|
4921
|
+
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
4922
|
+
var PageIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
4903
4923
|
"svg",
|
|
4904
4924
|
{
|
|
4905
4925
|
...props,
|
|
4906
4926
|
viewBox: "0 0 24 24",
|
|
4907
4927
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4908
|
-
children: /* @__PURE__ */ (0,
|
|
4928
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
4909
4929
|
"path",
|
|
4910
4930
|
{
|
|
4911
4931
|
clipRule: "evenodd",
|
|
@@ -4918,14 +4938,14 @@ var PageIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
|
4918
4938
|
);
|
|
4919
4939
|
|
|
4920
4940
|
// src/components/Icon/icons/PanelLeftIcon.tsx
|
|
4921
|
-
var
|
|
4922
|
-
var PanelLeftIcon = (props) => /* @__PURE__ */ (0,
|
|
4941
|
+
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
4942
|
+
var PanelLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
4923
4943
|
"svg",
|
|
4924
4944
|
{
|
|
4925
4945
|
...props,
|
|
4926
4946
|
viewBox: "0 0 24 24",
|
|
4927
4947
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4928
|
-
children: /* @__PURE__ */ (0,
|
|
4948
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
4929
4949
|
"path",
|
|
4930
4950
|
{
|
|
4931
4951
|
d: "M18.9997 2.66653H4.99974C2.97708 2.66653 1.33309 4.31053 1.33309 6.33319V17.6665C1.33309 19.6892 2.97708 21.3332 4.99974 21.3332H18.9997C21.0224 21.3332 22.6664 19.6892 22.6664 17.6665V6.33319C22.6664 4.31053 21.0224 2.66653 18.9997 2.66653ZM7.33307 16.3332C7.33307 16.8852 6.88507 17.3332 6.33307 17.3332C5.78108 17.3332 5.33308 16.8852 5.33308 16.3332V7.66652C5.33308 7.11452 5.78108 6.66652 6.33307 6.66652C6.88507 6.66652 7.33307 7.11452 7.33307 7.66652V16.3332ZM17.6664 12.9998H12.0811L13.3744 14.2932C13.7651 14.6838 13.7651 15.3172 13.3744 15.7078C13.1797 15.9025 12.9237 16.0012 12.6677 16.0012C12.4117 16.0012 12.1557 15.9038 11.9611 15.7078L8.96107 12.7078C8.5704 12.3172 8.5704 11.6838 8.96107 11.2932L11.9611 8.29319C12.3517 7.90252 12.9851 7.90252 13.3757 8.29319C13.7664 8.68385 13.7664 9.31718 13.3757 9.70785L12.0824 11.0012H17.6677C18.2197 11.0012 18.6677 11.4492 18.6677 12.0012C18.6677 12.5532 18.2197 13.0012 17.6677 13.0012L17.6664 12.9998Z",
|
|
@@ -4936,14 +4956,14 @@ var PanelLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
|
4936
4956
|
);
|
|
4937
4957
|
|
|
4938
4958
|
// src/components/Icon/icons/PanelRightIcon.tsx
|
|
4939
|
-
var
|
|
4940
|
-
var PanelRightIcon = (props) => /* @__PURE__ */ (0,
|
|
4959
|
+
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
4960
|
+
var PanelRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
4941
4961
|
"svg",
|
|
4942
4962
|
{
|
|
4943
4963
|
...props,
|
|
4944
4964
|
viewBox: "0 0 24 24",
|
|
4945
4965
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4946
|
-
children: /* @__PURE__ */ (0,
|
|
4966
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
4947
4967
|
"path",
|
|
4948
4968
|
{
|
|
4949
4969
|
d: "M18.9996 2.66653H4.99968C2.97702 2.66653 1.33302 4.31053 1.33302 6.33319V17.6665C1.33302 19.6892 2.97702 21.3332 4.99968 21.3332H18.9996C21.0223 21.3332 22.6663 19.6892 22.6663 17.6665V6.33319C22.6663 4.31053 21.0223 2.66653 18.9996 2.66653ZM7.33301 16.3332C7.33301 16.8852 6.88501 17.3332 6.33301 17.3332C5.78101 17.3332 5.33301 16.8852 5.33301 16.3332V7.66652C5.33301 7.11452 5.78101 6.66652 6.33301 6.66652C6.88501 6.66652 7.33301 7.11452 7.33301 7.66652V16.3332ZM18.373 12.7065L15.373 15.7065C15.1783 15.9012 14.9223 15.9998 14.6663 15.9998C14.4103 15.9998 14.1543 15.9025 13.9597 15.7065C13.569 15.3158 13.569 14.6825 13.9597 14.2918L15.253 12.9985H9.66634C9.11434 12.9985 8.66634 12.5505 8.66634 11.9985C8.66634 11.4465 9.11434 10.9985 9.66634 10.9985H15.2517L13.9583 9.70518C13.5677 9.31452 13.5677 8.68119 13.9583 8.29052C14.349 7.89985 14.9823 7.89985 15.373 8.29052L18.373 11.2905C18.7636 11.6812 18.7636 12.3158 18.373 12.7065Z",
|
|
@@ -4954,14 +4974,14 @@ var PanelRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
|
4954
4974
|
);
|
|
4955
4975
|
|
|
4956
4976
|
// src/components/Icon/icons/PanelUpIcon.tsx
|
|
4957
|
-
var
|
|
4958
|
-
var PanelUpIcon = (props) => /* @__PURE__ */ (0,
|
|
4977
|
+
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
4978
|
+
var PanelUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
4959
4979
|
"svg",
|
|
4960
4980
|
{
|
|
4961
4981
|
...props,
|
|
4962
4982
|
viewBox: "0 0 24 24",
|
|
4963
4983
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4964
|
-
children: /* @__PURE__ */ (0,
|
|
4984
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
4965
4985
|
"path",
|
|
4966
4986
|
{
|
|
4967
4987
|
d: "M18.9996 2.66653H4.99962C2.97696 2.66653 1.33296 4.31053 1.33296 6.33319V17.6665C1.33296 19.6892 2.97696 21.3332 4.99962 21.3332H18.9996C21.0222 21.3332 22.6662 19.6892 22.6662 17.6665V6.33319C22.6662 4.31053 21.0222 2.66653 18.9996 2.66653ZM15.5343 14.8678C15.3396 15.0625 15.0836 15.1612 14.8276 15.1612C14.5716 15.1612 14.3156 15.0638 14.1209 14.8678L12.9996 13.7465V16.6652C12.9996 17.2172 12.5516 17.6652 11.9996 17.6652C11.4476 17.6652 10.9996 17.2172 10.9996 16.6652V13.7465L9.87827 14.8678C9.48761 15.2585 8.85428 15.2585 8.46361 14.8678C8.07295 14.4772 8.07295 13.8438 8.46361 13.4532L11.2916 10.6252C11.6823 10.2345 12.3156 10.2345 12.7063 10.6252L15.5343 13.4532C15.9249 13.8438 15.9249 14.4772 15.5343 14.8678ZM17.6663 8.66652H6.33295C5.78095 8.66652 5.33295 8.21852 5.33295 7.66652C5.33295 7.11452 5.78095 6.66652 6.33295 6.66652H17.6663C18.2183 6.66652 18.6663 7.11452 18.6663 7.66652C18.6663 8.21852 18.2183 8.66652 17.6663 8.66652Z",
|
|
@@ -4972,14 +4992,14 @@ var PanelUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
|
4972
4992
|
);
|
|
4973
4993
|
|
|
4974
4994
|
// src/components/Icon/icons/PasswordIcon.tsx
|
|
4975
|
-
var
|
|
4976
|
-
var PasswordIcon = (props) => /* @__PURE__ */ (0,
|
|
4995
|
+
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
4996
|
+
var PasswordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
4977
4997
|
"svg",
|
|
4978
4998
|
{
|
|
4979
4999
|
...props,
|
|
4980
5000
|
viewBox: "0 0 24 24",
|
|
4981
5001
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4982
|
-
children: /* @__PURE__ */ (0,
|
|
5002
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
4983
5003
|
"path",
|
|
4984
5004
|
{
|
|
4985
5005
|
clipRule: "evenodd",
|
|
@@ -4992,14 +5012,14 @@ var PasswordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
|
4992
5012
|
);
|
|
4993
5013
|
|
|
4994
5014
|
// src/components/Icon/icons/PauseIcon.tsx
|
|
4995
|
-
var
|
|
4996
|
-
var PauseIcon = (props) => /* @__PURE__ */ (0,
|
|
5015
|
+
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
5016
|
+
var PauseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
4997
5017
|
"svg",
|
|
4998
5018
|
{
|
|
4999
5019
|
...props,
|
|
5000
5020
|
viewBox: "0 0 24 24",
|
|
5001
5021
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5002
|
-
children: /* @__PURE__ */ (0,
|
|
5022
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
5003
5023
|
"path",
|
|
5004
5024
|
{
|
|
5005
5025
|
clipRule: "evenodd",
|
|
@@ -5012,14 +5032,14 @@ var PauseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
|
5012
5032
|
);
|
|
5013
5033
|
|
|
5014
5034
|
// src/components/Icon/icons/PencilIcon.tsx
|
|
5015
|
-
var
|
|
5016
|
-
var PencilIcon = (props) => /* @__PURE__ */ (0,
|
|
5035
|
+
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
5036
|
+
var PencilIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
5017
5037
|
"svg",
|
|
5018
5038
|
{
|
|
5019
5039
|
...props,
|
|
5020
5040
|
viewBox: "0 0 24 24",
|
|
5021
5041
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5022
|
-
children: /* @__PURE__ */ (0,
|
|
5042
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
5023
5043
|
"path",
|
|
5024
5044
|
{
|
|
5025
5045
|
d: "M15.2186 3.7972L4.80665 14.2092C3.65599 15.3612 2.93866 18.7505 2.68266 20.1545C2.62399 20.4772 2.72799 20.8092 2.95999 21.0412C3.14932 21.2305 3.40399 21.3345 3.66666 21.3345C3.72532 21.3345 3.78532 21.3292 3.84532 21.3185C5.24932 21.0638 8.63864 20.3465 9.79064 19.1945L20.2026 8.78252C21.5759 7.40786 21.5759 5.1732 20.2026 3.79854C18.872 2.46787 16.5493 2.46787 15.2186 3.7972Z",
|
|
@@ -5030,14 +5050,14 @@ var PencilIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
|
5030
5050
|
);
|
|
5031
5051
|
|
|
5032
5052
|
// src/components/Icon/icons/PeopleIcon.tsx
|
|
5033
|
-
var
|
|
5034
|
-
var PeopleIcon = (props) => /* @__PURE__ */ (0,
|
|
5053
|
+
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
5054
|
+
var PeopleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
5035
5055
|
"svg",
|
|
5036
5056
|
{
|
|
5037
5057
|
...props,
|
|
5038
5058
|
viewBox: "0 0 24 24",
|
|
5039
5059
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5040
|
-
children: /* @__PURE__ */ (0,
|
|
5060
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
5041
5061
|
"path",
|
|
5042
5062
|
{
|
|
5043
5063
|
clipRule: "evenodd",
|
|
@@ -5050,14 +5070,14 @@ var PeopleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
|
5050
5070
|
);
|
|
5051
5071
|
|
|
5052
5072
|
// src/components/Icon/icons/PinIcon.tsx
|
|
5053
|
-
var
|
|
5054
|
-
var PinIcon = (props) => /* @__PURE__ */ (0,
|
|
5073
|
+
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
5074
|
+
var PinIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
5055
5075
|
"svg",
|
|
5056
5076
|
{
|
|
5057
5077
|
...props,
|
|
5058
5078
|
viewBox: "0 0 24 24",
|
|
5059
5079
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5060
|
-
children: /* @__PURE__ */ (0,
|
|
5080
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
5061
5081
|
"path",
|
|
5062
5082
|
{
|
|
5063
5083
|
clipRule: "evenodd",
|
|
@@ -5070,14 +5090,14 @@ var PinIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
|
5070
5090
|
);
|
|
5071
5091
|
|
|
5072
5092
|
// src/components/Icon/icons/PinSlashIcon.tsx
|
|
5073
|
-
var
|
|
5074
|
-
var PinSlashIcon = (props) => /* @__PURE__ */ (0,
|
|
5093
|
+
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
5094
|
+
var PinSlashIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
5075
5095
|
"svg",
|
|
5076
5096
|
{
|
|
5077
5097
|
...props,
|
|
5078
5098
|
viewBox: "0 0 24 24",
|
|
5079
5099
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5080
|
-
children: /* @__PURE__ */ (0,
|
|
5100
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
5081
5101
|
"path",
|
|
5082
5102
|
{
|
|
5083
5103
|
clipRule: "evenodd",
|
|
@@ -5090,14 +5110,14 @@ var PinSlashIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
|
5090
5110
|
);
|
|
5091
5111
|
|
|
5092
5112
|
// src/components/Icon/icons/PipIcon.tsx
|
|
5093
|
-
var
|
|
5094
|
-
var PipIcon = (props) => /* @__PURE__ */ (0,
|
|
5113
|
+
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
5114
|
+
var PipIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
5095
5115
|
"svg",
|
|
5096
5116
|
{
|
|
5097
5117
|
...props,
|
|
5098
5118
|
viewBox: "0 0 24 24",
|
|
5099
5119
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5100
|
-
children: /* @__PURE__ */ (0,
|
|
5120
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
5101
5121
|
"path",
|
|
5102
5122
|
{
|
|
5103
5123
|
d: "M5 20.6665H19C21.0227 20.6665 22.6667 19.0225 22.6667 16.9999V6.99988C22.6667 4.97721 21.0227 3.33321 19 3.33321H5C2.97734 3.33321 1.33334 4.97721 1.33334 6.99988V16.9999C1.33334 19.0225 2.97734 20.6665 5 20.6665ZM14 13.6665C14 12.7465 14.7467 11.9999 15.6667 11.9999H19C19.92 11.9999 20.6667 12.7465 20.6667 13.6665V16.9999C20.6667 17.9199 19.92 18.6665 19 18.6665H15.6667C14.7467 18.6665 14 17.9199 14 16.9999V13.6665Z",
|
|
@@ -5108,14 +5128,14 @@ var PipIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
|
5108
5128
|
);
|
|
5109
5129
|
|
|
5110
5130
|
// src/components/Icon/icons/PlayIcon.tsx
|
|
5111
|
-
var
|
|
5112
|
-
var PlayIcon = (props) => /* @__PURE__ */ (0,
|
|
5131
|
+
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
5132
|
+
var PlayIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
5113
5133
|
"svg",
|
|
5114
5134
|
{
|
|
5115
5135
|
...props,
|
|
5116
5136
|
viewBox: "0 0 24 24",
|
|
5117
5137
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5118
|
-
children: /* @__PURE__ */ (0,
|
|
5138
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
5119
5139
|
"path",
|
|
5120
5140
|
{
|
|
5121
5141
|
d: "M20.1332 9.97052L7.47719 2.96254C6.73986 2.55454 5.8692 2.56654 5.1452 2.9932C4.42787 3.41587 3.99987 4.16253 3.99987 4.99186V19.0078C3.99987 19.8372 4.42787 20.5838 5.1452 21.0065C5.5172 21.2252 5.92653 21.3358 6.33853 21.3358C6.7292 21.3358 7.11986 21.2358 7.47719 21.0385L20.1318 14.0305C20.8732 13.6212 21.3332 12.8425 21.3332 12.0012C21.3332 11.1598 20.8732 10.3799 20.1332 9.97052Z",
|
|
@@ -5126,14 +5146,14 @@ var PlayIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
|
5126
5146
|
);
|
|
5127
5147
|
|
|
5128
5148
|
// src/components/Icon/icons/PlayerIcon.tsx
|
|
5129
|
-
var
|
|
5130
|
-
var PlayerIcon = (props) => /* @__PURE__ */ (0,
|
|
5149
|
+
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
5150
|
+
var PlayerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
5131
5151
|
"svg",
|
|
5132
5152
|
{
|
|
5133
5153
|
...props,
|
|
5134
5154
|
viewBox: "0 0 24 24",
|
|
5135
5155
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5136
|
-
children: /* @__PURE__ */ (0,
|
|
5156
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
5137
5157
|
"path",
|
|
5138
5158
|
{
|
|
5139
5159
|
d: "M18.9998 3.99987H4.9998C2.97714 3.99987 1.33315 5.64386 1.33315 7.66653V16.3332C1.33315 18.3558 2.97714 19.9998 4.9998 19.9998H18.9998C21.0224 19.9998 22.6664 18.3558 22.6664 16.3332V7.66653C22.6664 5.64386 21.0224 3.99987 18.9998 3.99987ZM15.0371 12.8638L10.1705 15.7025C10.0131 15.7945 9.83979 15.8412 9.66646 15.8412C9.49579 15.8412 9.32513 15.7958 9.16779 15.7065C8.85313 15.5265 8.66646 15.2025 8.66646 14.8398V9.16119C8.66646 8.79852 8.85446 8.47452 9.16779 8.29452C9.48246 8.11319 9.85712 8.11586 10.1691 8.29719L15.0358 11.1359C15.3464 11.3172 15.5331 11.6398 15.5331 11.9998C15.5331 12.3598 15.3491 12.6825 15.0371 12.8638Z",
|
|
@@ -5144,14 +5164,14 @@ var PlayerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
|
5144
5164
|
);
|
|
5145
5165
|
|
|
5146
5166
|
// src/components/Icon/icons/PlusIcon.tsx
|
|
5147
|
-
var
|
|
5148
|
-
var PlusIcon = (props) => /* @__PURE__ */ (0,
|
|
5167
|
+
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
5168
|
+
var PlusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
5149
5169
|
"svg",
|
|
5150
5170
|
{
|
|
5151
5171
|
...props,
|
|
5152
5172
|
viewBox: "0 0 24 24",
|
|
5153
5173
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5154
|
-
children: /* @__PURE__ */ (0,
|
|
5174
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
5155
5175
|
"path",
|
|
5156
5176
|
{
|
|
5157
5177
|
clipRule: "evenodd",
|
|
@@ -5164,14 +5184,14 @@ var PlusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
|
5164
5184
|
);
|
|
5165
5185
|
|
|
5166
5186
|
// src/components/Icon/icons/PodcastIcon.tsx
|
|
5167
|
-
var
|
|
5168
|
-
var PodcastIcon = (props) => /* @__PURE__ */ (0,
|
|
5187
|
+
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
5188
|
+
var PodcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
5169
5189
|
"svg",
|
|
5170
5190
|
{
|
|
5171
5191
|
...props,
|
|
5172
5192
|
viewBox: "0 0 24 24",
|
|
5173
5193
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5174
|
-
children: /* @__PURE__ */ (0,
|
|
5194
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
5175
5195
|
"path",
|
|
5176
5196
|
{
|
|
5177
5197
|
clipRule: "evenodd",
|
|
@@ -5184,14 +5204,14 @@ var PodcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
|
5184
5204
|
);
|
|
5185
5205
|
|
|
5186
5206
|
// src/components/Icon/icons/PreviewIcon.tsx
|
|
5187
|
-
var
|
|
5188
|
-
var PreviewIcon = (props) => /* @__PURE__ */ (0,
|
|
5207
|
+
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
5208
|
+
var PreviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
5189
5209
|
"svg",
|
|
5190
5210
|
{
|
|
5191
5211
|
...props,
|
|
5192
5212
|
viewBox: "0 0 24 24",
|
|
5193
5213
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5194
|
-
children: /* @__PURE__ */ (0,
|
|
5214
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
5195
5215
|
"path",
|
|
5196
5216
|
{
|
|
5197
5217
|
clipRule: "evenodd",
|
|
@@ -5204,14 +5224,14 @@ var PreviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
|
5204
5224
|
);
|
|
5205
5225
|
|
|
5206
5226
|
// src/components/Icon/icons/PrivateChatIcon.tsx
|
|
5207
|
-
var
|
|
5208
|
-
var PrivateChatIcon = (props) => /* @__PURE__ */ (0,
|
|
5227
|
+
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
5228
|
+
var PrivateChatIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
5209
5229
|
"svg",
|
|
5210
5230
|
{
|
|
5211
5231
|
...props,
|
|
5212
5232
|
viewBox: "0 0 24 24",
|
|
5213
5233
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5214
|
-
children: /* @__PURE__ */ (0,
|
|
5234
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
5215
5235
|
"path",
|
|
5216
5236
|
{
|
|
5217
5237
|
clipRule: "evenodd",
|
|
@@ -5224,14 +5244,14 @@ var PrivateChatIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
|
5224
5244
|
);
|
|
5225
5245
|
|
|
5226
5246
|
// src/components/Icon/icons/PrivateUserSessionsIcon.tsx
|
|
5227
|
-
var
|
|
5228
|
-
var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ (0,
|
|
5247
|
+
var import_jsx_runtime134 = require("react/jsx-runtime");
|
|
5248
|
+
var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
5229
5249
|
"svg",
|
|
5230
5250
|
{
|
|
5231
5251
|
...props,
|
|
5232
5252
|
viewBox: "0 0 24 24",
|
|
5233
5253
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5234
|
-
children: /* @__PURE__ */ (0,
|
|
5254
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
5235
5255
|
"path",
|
|
5236
5256
|
{
|
|
5237
5257
|
clipRule: "evenodd",
|
|
@@ -5244,15 +5264,15 @@ var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime1
|
|
|
5244
5264
|
);
|
|
5245
5265
|
|
|
5246
5266
|
// src/components/Icon/icons/ProjectIcon.tsx
|
|
5247
|
-
var
|
|
5248
|
-
var ProjectIcon = (props) => /* @__PURE__ */ (0,
|
|
5267
|
+
var import_jsx_runtime135 = require("react/jsx-runtime");
|
|
5268
|
+
var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
|
|
5249
5269
|
"svg",
|
|
5250
5270
|
{
|
|
5251
5271
|
...props,
|
|
5252
5272
|
viewBox: "0 0 24 24",
|
|
5253
5273
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5254
5274
|
children: [
|
|
5255
|
-
/* @__PURE__ */ (0,
|
|
5275
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
5256
5276
|
"path",
|
|
5257
5277
|
{
|
|
5258
5278
|
clipRule: "evenodd",
|
|
@@ -5261,7 +5281,7 @@ var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
|
|
|
5261
5281
|
fillRule: "evenodd"
|
|
5262
5282
|
}
|
|
5263
5283
|
),
|
|
5264
|
-
/* @__PURE__ */ (0,
|
|
5284
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
5265
5285
|
"path",
|
|
5266
5286
|
{
|
|
5267
5287
|
d: "M9.95639 4.13386L8.95738 4.79867L8.95787 4.79941L9.95639 4.13386ZM12 7.19985L11.0015 7.8654C11.224 8.19929 11.5987 8.39985 12 8.39985V7.19985ZM4.8 7.19985V5.39986H2.40001V7.19985H4.8ZM4.8 5.39986C4.8 5.069 5.06914 4.79986 5.4 4.79986V2.39987C3.74366 2.39987 2.40001 3.74352 2.40001 5.39986H4.8ZM5.4 4.79986H8.95799V2.39987H5.4V4.79986ZM8.95799 4.79986C8.95808 4.79986 8.95805 4.79986 8.95807 4.79987C8.95816 4.79989 8.95836 4.79996 8.95858 4.80007C8.95903 4.80031 8.95826 4.8 8.95738 4.79867L10.9554 3.46906C10.51 2.79971 9.75864 2.39987 8.95799 2.39987V4.79986ZM8.95787 4.79941L11.0015 7.8654L12.9985 6.5343L10.9549 3.46832L8.95787 4.79941ZM12 8.39985H18.6V5.99985H12V8.39985ZM18.6 8.39985C18.9308 8.39985 19.2 8.66899 19.2 8.99984H21.6C21.6 7.34351 20.2563 5.99985 18.6 5.99985V8.39985ZM19.2 8.99984V16.7998H21.6V8.99984H19.2ZM19.2 16.7998C19.2 18.1243 18.1244 19.1998 16.8 19.1998V21.5998C19.4499 21.5998 21.6 19.4498 21.6 16.7998H19.2ZM16.8 19.1998H7.2V21.5998H16.8V19.1998ZM7.2 19.1998C5.87554 19.1998 4.8 18.1243 4.8 16.7998H2.40001C2.40001 19.4498 4.55006 21.5998 7.2 21.5998V19.1998ZM4.8 16.7998V7.19986H2.40001V16.7998H4.8ZM4.8 7.19986V7.19985H2.40001V7.19986H4.8Z",
|
|
@@ -5273,14 +5293,14 @@ var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
|
|
|
5273
5293
|
);
|
|
5274
5294
|
|
|
5275
5295
|
// src/components/Icon/icons/PropertiesIcon.tsx
|
|
5276
|
-
var
|
|
5277
|
-
var PropertiesIcon = (props) => /* @__PURE__ */ (0,
|
|
5296
|
+
var import_jsx_runtime136 = require("react/jsx-runtime");
|
|
5297
|
+
var PropertiesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
5278
5298
|
"svg",
|
|
5279
5299
|
{
|
|
5280
5300
|
...props,
|
|
5281
5301
|
viewBox: "0 0 24 24",
|
|
5282
5302
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5283
|
-
children: /* @__PURE__ */ (0,
|
|
5303
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
5284
5304
|
"path",
|
|
5285
5305
|
{
|
|
5286
5306
|
clipRule: "evenodd",
|
|
@@ -5293,14 +5313,14 @@ var PropertiesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
|
5293
5313
|
);
|
|
5294
5314
|
|
|
5295
5315
|
// src/components/Icon/icons/QuestionMarkIcon.tsx
|
|
5296
|
-
var
|
|
5297
|
-
var QuestionMarkIcon = (props) => /* @__PURE__ */ (0,
|
|
5316
|
+
var import_jsx_runtime137 = require("react/jsx-runtime");
|
|
5317
|
+
var QuestionMarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
5298
5318
|
"svg",
|
|
5299
5319
|
{
|
|
5300
5320
|
...props,
|
|
5301
5321
|
viewBox: "0 0 24 24",
|
|
5302
5322
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5303
|
-
children: /* @__PURE__ */ (0,
|
|
5323
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
5304
5324
|
"path",
|
|
5305
5325
|
{
|
|
5306
5326
|
d: "M11.9998 1.33321C6.11853 1.33321 1.33321 6.11853 1.33321 11.9998C1.33321 17.8812 6.11853 22.6665 11.9998 22.6665C17.8812 22.6665 22.6665 17.8812 22.6665 11.9998C22.6665 6.11853 17.8812 1.33321 11.9998 1.33321ZM11.7212 18.0892C10.9852 18.0892 10.3879 17.4905 10.3879 16.7558C10.3879 16.0212 10.9852 15.4225 11.7212 15.4225C12.4572 15.4225 13.0545 16.0212 13.0545 16.7558C13.0545 17.4905 12.4572 18.0892 11.7212 18.0892ZM13.7598 12.2865C13.1505 12.7118 12.8532 12.9412 12.7532 13.5065C12.6692 13.9918 12.2465 14.3332 11.7705 14.3332C11.7132 14.3332 11.6545 14.3292 11.5958 14.3185C11.0518 14.2225 10.6878 13.7052 10.7852 13.1598C11.0332 11.7505 11.9478 11.1119 12.6172 10.6452C13.3198 10.1545 13.5638 9.94919 13.5638 9.24652C13.5638 8.13052 12.6332 7.83586 12.1412 7.83586C11.5892 7.83586 10.5985 8.00919 10.1719 9.16919C9.98118 9.68785 9.41052 9.95319 8.88785 9.76385C8.36919 9.57319 8.10386 8.99852 8.29452 8.48119C8.90252 6.82519 10.3399 5.83586 12.1412 5.83586C13.7998 5.83586 15.5638 7.03053 15.5638 9.24652C15.5638 11.0292 14.5225 11.7558 13.7598 12.2865Z",
|
|
@@ -5311,14 +5331,14 @@ var QuestionMarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)
|
|
|
5311
5331
|
);
|
|
5312
5332
|
|
|
5313
5333
|
// src/components/Icon/icons/ReactIcon.tsx
|
|
5314
|
-
var
|
|
5315
|
-
var ReactIcon = (props) => /* @__PURE__ */ (0,
|
|
5334
|
+
var import_jsx_runtime138 = require("react/jsx-runtime");
|
|
5335
|
+
var ReactIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
5316
5336
|
"svg",
|
|
5317
5337
|
{
|
|
5318
5338
|
...props,
|
|
5319
5339
|
viewBox: "0 0 24 24",
|
|
5320
5340
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5321
|
-
children: /* @__PURE__ */ (0,
|
|
5341
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
5322
5342
|
"path",
|
|
5323
5343
|
{
|
|
5324
5344
|
d: "M11.9998 1.33321C6.11847 1.33321 1.33315 6.11853 1.33315 11.9998C1.33315 17.8812 6.11847 22.6665 11.9998 22.6665C17.8811 22.6665 22.6664 17.8812 22.6664 11.9998C22.6664 6.11853 17.8811 1.33321 11.9998 1.33321ZM6.66647 10.6665C6.66647 9.93052 7.2638 9.33319 7.9998 9.33319C8.73579 9.33319 9.33313 9.93052 9.33313 10.6665C9.33313 11.4025 8.73579 11.9998 7.9998 11.9998C7.2638 11.9998 6.66647 11.4025 6.66647 10.6665ZM11.9998 18.6665C9.95846 18.6665 8.18779 17.1465 7.88113 15.1318C7.8358 14.8372 7.93313 14.5398 8.13846 14.3345C8.33979 14.1345 8.61579 14.0452 8.90113 14.0878C10.9358 14.4078 13.0424 14.4078 15.0851 14.0892C15.3744 14.0465 15.6558 14.1372 15.8624 14.3412C16.0664 14.5452 16.1624 14.8385 16.1184 15.1265C15.8131 17.1438 14.0424 18.6652 11.9998 18.6652V18.6665ZM15.9998 11.9998C15.2638 11.9998 14.6664 11.4025 14.6664 10.6665C14.6664 9.93052 15.2638 9.33319 15.9998 9.33319C16.7358 9.33319 17.3331 9.93052 17.3331 10.6665C17.3331 11.4025 16.7358 11.9998 15.9998 11.9998Z",
|
|
@@ -5329,14 +5349,14 @@ var ReactIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
|
5329
5349
|
);
|
|
5330
5350
|
|
|
5331
5351
|
// src/components/Icon/icons/RecordIcon.tsx
|
|
5332
|
-
var
|
|
5333
|
-
var RecordIcon = (props) => /* @__PURE__ */ (0,
|
|
5352
|
+
var import_jsx_runtime139 = require("react/jsx-runtime");
|
|
5353
|
+
var RecordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
5334
5354
|
"svg",
|
|
5335
5355
|
{
|
|
5336
5356
|
...props,
|
|
5337
5357
|
viewBox: "0 0 24 24",
|
|
5338
5358
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5339
|
-
children: /* @__PURE__ */ (0,
|
|
5359
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
5340
5360
|
"path",
|
|
5341
5361
|
{
|
|
5342
5362
|
clipRule: "evenodd",
|
|
@@ -5348,15 +5368,65 @@ var RecordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
|
5348
5368
|
}
|
|
5349
5369
|
);
|
|
5350
5370
|
|
|
5371
|
+
// src/components/Icon/icons/RecordGroupIcon.tsx
|
|
5372
|
+
var import_jsx_runtime140 = require("react/jsx-runtime");
|
|
5373
|
+
var RecordGroupIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
|
|
5374
|
+
"svg",
|
|
5375
|
+
{
|
|
5376
|
+
...props,
|
|
5377
|
+
viewBox: "0 0 24 24",
|
|
5378
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5379
|
+
children: [
|
|
5380
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
5381
|
+
"path",
|
|
5382
|
+
{
|
|
5383
|
+
d: "M18.6361 12.1678C15.6787 12.1678 13.2724 14.6564 13.2724 17.715C13.2724 20.7735 15.6787 23.2621 18.6361 23.2621C21.5935 23.2621 23.9998 20.7735 23.9998 17.715C23.9998 14.6564 21.5935 12.1678 18.6361 12.1678ZM18.6361 22.2221C16.2331 22.2221 14.2781 20.2001 14.2781 17.715C14.2781 15.2298 16.2331 13.2079 18.6361 13.2079C21.039 13.2079 22.9941 15.2298 22.9941 17.715C22.9941 20.2001 21.039 22.2221 18.6361 22.2221Z",
|
|
5384
|
+
fill: "currentColor"
|
|
5385
|
+
}
|
|
5386
|
+
),
|
|
5387
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
5388
|
+
"path",
|
|
5389
|
+
{
|
|
5390
|
+
d: "M18.6361 20.8319C20.3006 20.8319 21.6499 19.4364 21.6499 17.715C21.6499 15.9936 20.3006 14.5981 18.6361 14.5981C16.9716 14.5981 15.6223 15.9936 15.6223 17.715C15.6223 19.4364 16.9716 20.8319 18.6361 20.8319Z",
|
|
5391
|
+
fill: "currentColor"
|
|
5392
|
+
}
|
|
5393
|
+
),
|
|
5394
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
5395
|
+
"path",
|
|
5396
|
+
{
|
|
5397
|
+
d: "M15.2836 1.74994C14.6131 1.74994 13.9896 1.93716 13.4331 2.23809C14.1666 3.27125 14.6131 4.53323 14.6131 5.91032C14.6131 7.2874 14.1666 8.54938 13.4331 9.58254C13.9896 9.88347 14.6131 10.0707 15.2836 10.0707C17.5015 10.0707 19.3064 8.20407 19.3064 5.91032C19.3064 3.61656 17.5015 1.74994 15.2836 1.74994Z",
|
|
5398
|
+
fill: "currentColor"
|
|
5399
|
+
}
|
|
5400
|
+
),
|
|
5401
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
5402
|
+
"path",
|
|
5403
|
+
{
|
|
5404
|
+
d: "M8.57911 10.0707C10.8008 10.0707 12.6019 8.20803 12.6019 5.91032C12.6019 3.6126 10.8008 1.74994 8.57911 1.74994C6.35739 1.74994 4.55632 3.6126 4.55632 5.91032C4.55632 8.20803 6.35739 10.0707 8.57911 10.0707Z",
|
|
5405
|
+
fill: "currentColor"
|
|
5406
|
+
}
|
|
5407
|
+
),
|
|
5408
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
5409
|
+
"path",
|
|
5410
|
+
{
|
|
5411
|
+
clipRule: "evenodd",
|
|
5412
|
+
d: "M12.8788 12.9146C11.5371 11.9582 9.92379 11.4101 8.23389 11.4101C4.84162 11.4101 1.75801 13.6186 0.5603 16.9054C0.321054 17.5607 0.352067 18.2739 0.647432 18.9154C0.951659 19.5752 1.51138 20.0869 2.18481 20.319C4.14161 20.9941 6.17815 21.3378 8.23389 21.3378C9.47978 21.3378 10.7186 21.2115 11.9369 20.9618C11.4888 19.9765 11.2384 18.876 11.2384 17.715C11.2384 15.8964 11.8529 14.2263 12.8788 12.9146Z",
|
|
5413
|
+
fill: "currentColor",
|
|
5414
|
+
fillRule: "evenodd"
|
|
5415
|
+
}
|
|
5416
|
+
)
|
|
5417
|
+
]
|
|
5418
|
+
}
|
|
5419
|
+
);
|
|
5420
|
+
|
|
5351
5421
|
// src/components/Icon/icons/RedoIcon.tsx
|
|
5352
|
-
var
|
|
5353
|
-
var RedoIcon = (props) => /* @__PURE__ */ (0,
|
|
5422
|
+
var import_jsx_runtime141 = require("react/jsx-runtime");
|
|
5423
|
+
var RedoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
5354
5424
|
"svg",
|
|
5355
5425
|
{
|
|
5356
5426
|
...props,
|
|
5357
5427
|
viewBox: "0 0 24 24",
|
|
5358
5428
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5359
|
-
children: /* @__PURE__ */ (0,
|
|
5429
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
5360
5430
|
"path",
|
|
5361
5431
|
{
|
|
5362
5432
|
clipRule: "evenodd",
|
|
@@ -5369,14 +5439,14 @@ var RedoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
|
5369
5439
|
);
|
|
5370
5440
|
|
|
5371
5441
|
// src/components/Icon/icons/RefreshIcon.tsx
|
|
5372
|
-
var
|
|
5373
|
-
var RefreshIcon = (props) => /* @__PURE__ */ (0,
|
|
5442
|
+
var import_jsx_runtime142 = require("react/jsx-runtime");
|
|
5443
|
+
var RefreshIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
5374
5444
|
"svg",
|
|
5375
5445
|
{
|
|
5376
5446
|
...props,
|
|
5377
5447
|
viewBox: "0 0 24 24",
|
|
5378
5448
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5379
|
-
children: /* @__PURE__ */ (0,
|
|
5449
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
5380
5450
|
"path",
|
|
5381
5451
|
{
|
|
5382
5452
|
clipRule: "evenodd",
|
|
@@ -5389,14 +5459,14 @@ var RefreshIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
|
5389
5459
|
);
|
|
5390
5460
|
|
|
5391
5461
|
// src/components/Icon/icons/ReplaceIcon.tsx
|
|
5392
|
-
var
|
|
5393
|
-
var ReplaceIcon = (props) => /* @__PURE__ */ (0,
|
|
5462
|
+
var import_jsx_runtime143 = require("react/jsx-runtime");
|
|
5463
|
+
var ReplaceIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
5394
5464
|
"svg",
|
|
5395
5465
|
{
|
|
5396
5466
|
...props,
|
|
5397
5467
|
viewBox: "0 0 24 24",
|
|
5398
5468
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5399
|
-
children: /* @__PURE__ */ (0,
|
|
5469
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
5400
5470
|
"path",
|
|
5401
5471
|
{
|
|
5402
5472
|
clipRule: "evenodd",
|
|
@@ -5409,14 +5479,14 @@ var ReplaceIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
|
5409
5479
|
);
|
|
5410
5480
|
|
|
5411
5481
|
// src/components/Icon/icons/ReplyIcon.tsx
|
|
5412
|
-
var
|
|
5413
|
-
var ReplyIcon = (props) => /* @__PURE__ */ (0,
|
|
5482
|
+
var import_jsx_runtime144 = require("react/jsx-runtime");
|
|
5483
|
+
var ReplyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
5414
5484
|
"svg",
|
|
5415
5485
|
{
|
|
5416
5486
|
...props,
|
|
5417
5487
|
viewBox: "0 0 24 24",
|
|
5418
5488
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5419
|
-
children: /* @__PURE__ */ (0,
|
|
5489
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
5420
5490
|
"path",
|
|
5421
5491
|
{
|
|
5422
5492
|
clipRule: "evenodd",
|
|
@@ -5428,19 +5498,39 @@ var ReplyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
|
5428
5498
|
}
|
|
5429
5499
|
);
|
|
5430
5500
|
|
|
5501
|
+
// src/components/Icon/icons/RequestVideoIcon.tsx
|
|
5502
|
+
var import_jsx_runtime145 = require("react/jsx-runtime");
|
|
5503
|
+
var RequestVideoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
5504
|
+
"svg",
|
|
5505
|
+
{
|
|
5506
|
+
...props,
|
|
5507
|
+
viewBox: "0 0 24 24",
|
|
5508
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5509
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
5510
|
+
"path",
|
|
5511
|
+
{
|
|
5512
|
+
clipRule: "evenodd",
|
|
5513
|
+
d: "M10.4282 1C8.04152 1 6.10677 2.93477 6.10677 5.32143C6.10677 7.70811 8.04152 9.64286 10.4282 9.64286C12.8149 9.64286 14.7496 7.70811 14.7496 5.32143C14.7496 2.93477 12.8149 1 10.4282 1ZM11.977 11.3383C11.4727 11.2567 10.9553 11.2143 10.4282 11.2143C5.24728 11.2143 0.999634 15.3112 0.999634 20.4219V20.9997L1.55518 21.1349C4.78947 21.9221 8.02549 22.2786 11.2614 22.2048C10.0135 20.8706 9.24963 19.0781 9.24963 17.1072C9.24963 14.7832 10.3117 12.7072 11.977 11.3383ZM17.1068 23C20.3613 23 22.9996 20.3617 22.9996 17.1072C22.9996 13.8526 20.3613 11.2143 17.1068 11.2143C13.8523 11.2143 11.2139 13.8526 11.2139 17.1072C11.2139 20.3617 13.8523 23 17.1068 23ZM17.8925 16.6469L19.4639 18.2183L20.5751 17.1072L17.1068 13.6389L13.6385 17.1072L14.7496 18.2183L16.3211 16.6469V20.25H17.8925V16.6469Z",
|
|
5514
|
+
fill: "currentColor",
|
|
5515
|
+
fillRule: "evenodd"
|
|
5516
|
+
}
|
|
5517
|
+
)
|
|
5518
|
+
}
|
|
5519
|
+
);
|
|
5520
|
+
|
|
5431
5521
|
// src/components/Icon/icons/RevertToOriginalIcon.tsx
|
|
5432
|
-
var
|
|
5433
|
-
var RevertToOriginalIcon = (props) => /* @__PURE__ */ (0,
|
|
5522
|
+
var import_jsx_runtime146 = require("react/jsx-runtime");
|
|
5523
|
+
var RevertToOriginalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
5434
5524
|
"svg",
|
|
5435
5525
|
{
|
|
5436
5526
|
...props,
|
|
5437
5527
|
viewBox: "0 0 24 24",
|
|
5438
5528
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5439
|
-
children: /* @__PURE__ */ (0,
|
|
5529
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
5440
5530
|
"path",
|
|
5441
5531
|
{
|
|
5442
5532
|
clipRule: "evenodd",
|
|
5443
|
-
d: "M5.
|
|
5533
|
+
d: "M5.64905 5.62299C7.27777 4.00086 9.52105 2.99994 12 2.99994C16.9706 2.99994 21 7.02938 21 11.9999C21 16.9705 16.9706 20.9999 12 20.9999C7.02944 20.9999 3 16.9705 3 11.9999V10.9999H1V11.9999C1 18.075 5.92487 22.9999 12 22.9999C18.0751 22.9999 23 18.075 23 11.9999C23 5.92481 18.0751 0.999939 12 0.999939C8.96073 0.999939 6.20777 2.23385 4.21795 4.22564L4.20135 4.24225L4 4.46368V0.999939H2V7.99994H9V5.99994H5.30628L5.64905 5.62299ZM13 5.99994V11.5857L17.4142 15.9999L16 17.4141L11 12.4141V5.99994H13Z",
|
|
5444
5534
|
fill: "currentColor",
|
|
5445
5535
|
fillRule: "evenodd"
|
|
5446
5536
|
}
|
|
@@ -5449,14 +5539,14 @@ var RevertToOriginalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime143.
|
|
|
5449
5539
|
);
|
|
5450
5540
|
|
|
5451
5541
|
// src/components/Icon/icons/RewindIcon.tsx
|
|
5452
|
-
var
|
|
5453
|
-
var RewindIcon = (props) => /* @__PURE__ */ (0,
|
|
5542
|
+
var import_jsx_runtime147 = require("react/jsx-runtime");
|
|
5543
|
+
var RewindIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
|
|
5454
5544
|
"svg",
|
|
5455
5545
|
{
|
|
5456
5546
|
...props,
|
|
5457
5547
|
viewBox: "0 0 24 24",
|
|
5458
5548
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5459
|
-
children: /* @__PURE__ */ (0,
|
|
5549
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
|
|
5460
5550
|
"path",
|
|
5461
5551
|
{
|
|
5462
5552
|
d: "M23.1796 5.02255C22.6636 4.71988 22.0489 4.71188 21.5262 4.99988L13.3329 9.53988V6.45855C13.3329 5.86255 13.0262 5.32521 12.5129 5.02255C11.9982 4.71988 11.3809 4.71055 10.8596 5.00121L0.859573 10.5412C0.330239 10.8345 -0.000427246 11.3932 -0.000427246 11.9999C-0.000427246 12.6065 0.328906 13.1652 0.859573 13.4585L10.8596 18.9985C11.1129 19.1399 11.3902 19.2105 11.6662 19.2105C11.9582 19.2105 12.2489 19.1319 12.5129 18.9772C13.0262 18.6745 13.3329 18.1372 13.3329 17.5412V14.4599L21.5262 18.9985C21.7796 19.1399 22.0569 19.2105 22.3329 19.2105C22.6249 19.2105 22.9156 19.1319 23.1796 18.9772C23.6929 18.6745 23.9996 18.1372 23.9996 17.5412V6.45855C23.9996 5.86255 23.6929 5.32521 23.1796 5.02255Z",
|
|
@@ -5466,53 +5556,53 @@ var RewindIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
|
5466
5556
|
}
|
|
5467
5557
|
);
|
|
5468
5558
|
|
|
5469
|
-
// src/components/Icon/icons/
|
|
5470
|
-
var
|
|
5471
|
-
var
|
|
5559
|
+
// src/components/Icon/icons/SaveIcon.tsx
|
|
5560
|
+
var import_jsx_runtime148 = require("react/jsx-runtime");
|
|
5561
|
+
var SaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
|
|
5472
5562
|
"svg",
|
|
5473
5563
|
{
|
|
5474
5564
|
...props,
|
|
5475
5565
|
viewBox: "0 0 24 24",
|
|
5476
5566
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5477
|
-
children: /* @__PURE__ */ (0,
|
|
5567
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
|
|
5478
5568
|
"path",
|
|
5479
5569
|
{
|
|
5480
|
-
|
|
5481
|
-
|
|
5482
|
-
fill: "currentColor",
|
|
5483
|
-
fillRule: "evenodd"
|
|
5570
|
+
d: "M21.3155 6.5692L17.4301 2.68387C16.9888 2.24254 16.4035 1.99987 15.7808 1.99987H5.87949C3.74083 1.99987 1.9995 3.7412 1.9995 5.87986V18.1198C1.9995 20.2585 3.74083 21.9998 5.87949 21.9998H18.1195C20.2581 21.9998 21.9995 20.2585 21.9995 18.1198V8.21852C21.9995 7.59586 21.7568 7.00919 21.3155 6.5692ZM6.66616 3.99987H14.6661V6.66653C14.6661 7.39986 14.0661 7.99986 13.3328 7.99986H7.99949C7.26616 7.99986 6.66616 7.39986 6.66616 6.66653V3.99987ZM17.3328 19.9998H6.66616V14.6665C6.66616 13.9332 7.26616 13.3332 7.99949 13.3332H15.9995C16.7328 13.3332 17.3328 13.9332 17.3328 14.6665V19.9998Z",
|
|
5571
|
+
fill: "currentColor"
|
|
5484
5572
|
}
|
|
5485
5573
|
)
|
|
5486
5574
|
}
|
|
5487
5575
|
);
|
|
5488
5576
|
|
|
5489
|
-
// src/components/Icon/icons/
|
|
5490
|
-
var
|
|
5491
|
-
var
|
|
5577
|
+
// src/components/Icon/icons/SaveAsCopyIcon.tsx
|
|
5578
|
+
var import_jsx_runtime149 = require("react/jsx-runtime");
|
|
5579
|
+
var SaveAsCopyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
5492
5580
|
"svg",
|
|
5493
5581
|
{
|
|
5494
5582
|
...props,
|
|
5495
5583
|
viewBox: "0 0 24 24",
|
|
5496
5584
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5497
|
-
children: /* @__PURE__ */ (0,
|
|
5585
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
5498
5586
|
"path",
|
|
5499
5587
|
{
|
|
5500
|
-
|
|
5501
|
-
|
|
5588
|
+
clipRule: "evenodd",
|
|
5589
|
+
d: "M2.7461 16.1438C2.81944 16.6398 3.24743 16.9972 3.7341 16.9972V16.9958C3.78343 16.9958 3.83277 16.9932 3.8821 16.9852C4.42743 16.9052 4.8061 16.3958 4.72476 15.8492L3.35277 6.61719C3.2861 6.17719 3.39543 5.73719 3.66077 5.37986C3.92477 5.02253 4.3141 4.7892 4.7541 4.72386L13.9861 3.35053C14.7527 3.23453 15.4874 3.6572 15.7767 4.3732C15.9847 4.88653 16.5701 5.13453 17.0781 4.92653C17.5914 4.71986 17.8381 4.1372 17.6314 3.6252C16.9954 2.0492 15.3714 1.12387 13.6927 1.3732L4.46077 2.7452C3.49143 2.8892 2.63677 3.40253 2.0541 4.1892C1.47011 4.97586 1.22877 5.94253 1.37277 6.91186L2.7461 16.1438ZM9.6661 5.99986H18.9994C21.0244 5.99986 22.6661 7.64148 22.6661 9.66652V18.9998C22.6661 21.0249 21.0244 22.6665 18.9994 22.6665H9.6661C7.64106 22.6665 5.99944 21.0249 5.99944 18.9998V9.66652C5.99944 7.64148 7.64106 5.99986 9.6661 5.99986Z",
|
|
5590
|
+
fill: "currentColor",
|
|
5591
|
+
fillRule: "evenodd"
|
|
5502
5592
|
}
|
|
5503
5593
|
)
|
|
5504
5594
|
}
|
|
5505
5595
|
);
|
|
5506
5596
|
|
|
5507
5597
|
// src/components/Icon/icons/ScissorsIcon.tsx
|
|
5508
|
-
var
|
|
5509
|
-
var ScissorsIcon = (props) => /* @__PURE__ */ (0,
|
|
5598
|
+
var import_jsx_runtime150 = require("react/jsx-runtime");
|
|
5599
|
+
var ScissorsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
|
|
5510
5600
|
"svg",
|
|
5511
5601
|
{
|
|
5512
5602
|
...props,
|
|
5513
5603
|
viewBox: "0 0 24 24",
|
|
5514
5604
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5515
|
-
children: /* @__PURE__ */ (0,
|
|
5605
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
|
|
5516
5606
|
"path",
|
|
5517
5607
|
{
|
|
5518
5608
|
d: "M8.03042 13.6605C7.73535 14.0006 7.25074 14.0917 6.8028 14.0461C6.54217 14.0195 6.27019 14.0236 5.96972 14.0236C3.76414 14.0236 2.01959 16.1038 1.97773 18.0156C1.93586 19.9273 3.23259 22.2035 5.96972 22.0076C8.70686 21.8116 9.96172 20.2211 9.96172 18.0156C9.96172 17.6742 9.91811 17.3462 9.83672 17.0336C9.73128 16.6286 9.79891 16.1824 10.0948 15.8865L11.2506 14.7307C11.6411 14.3401 12.2743 14.3401 12.6648 14.7307L13.8206 15.8865C14.1165 16.1824 14.1841 16.6286 14.0787 17.0336C13.9973 17.3462 13.9537 17.6742 13.9537 18.0156C13.9537 20.2211 15.1616 22.1277 17.9457 22.0076C20.1138 22.0076 21.8769 20.2813 21.9362 18.1275C21.9382 18.0533 21.9472 17.9794 21.9583 17.906C22.2072 16.2536 19.8847 13.8188 17.9457 14.0236C17.606 14.0236 17.2796 14.0667 16.9684 14.1474C16.561 14.2529 16.1121 14.1834 15.8164 13.8839L15.5341 13.5979C15.1988 13.2583 15.1485 12.7314 15.4153 12.3357C16.7051 10.4232 20.3129 5.04458 20.9214 3.82741C21.5171 2.63608 20.8216 2.27428 20.5213 2.17749C20.4397 2.15115 20.3538 2.15005 20.2692 2.16438C19.9626 2.21628 19.1552 2.39484 18.4294 2.91739C17.5596 3.54369 11.1772 10.0335 8.03042 13.6605ZM7.96572 18.0156C7.96572 19.1134 7.62753 20.2005 5.93739 20.2918C4.24725 20.3831 4.00273 19.3194 3.97372 18.0156C3.94472 16.7117 4.78907 16.3065 5.90361 16.2727C7.01816 16.2389 7.96572 16.9178 7.96572 18.0156ZM19.5954 17.9155C19.5954 19.0133 18.9851 19.6891 17.8773 19.6891C16.7695 19.6891 16.2146 19.1796 16.2146 18.0818C16.2146 16.984 16.7141 16.3637 17.8219 16.3637C18.9297 16.3637 19.5954 16.8177 19.5954 17.9155ZM3.59453 4.26526C3.95765 4.87977 7.97772 9.95022 8.7319 10.3133C9.48608 10.6765 11.7442 7.95976 11.3532 7.17765C10.9621 6.39553 4.78187 2.23266 3.97372 2.04758C3.45763 1.92939 3.19544 2.20587 3.07334 2.42113C2.99439 2.56032 2.99979 2.7259 3.0443 2.87961C3.14116 3.21412 3.3405 3.83537 3.59453 4.26526Z",
|
|
@@ -5523,14 +5613,14 @@ var ScissorsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
|
|
|
5523
5613
|
);
|
|
5524
5614
|
|
|
5525
5615
|
// src/components/Icon/icons/ScreenshareOffIcon.tsx
|
|
5526
|
-
var
|
|
5527
|
-
var ScreenshareOffIcon = (props) => /* @__PURE__ */ (0,
|
|
5616
|
+
var import_jsx_runtime151 = require("react/jsx-runtime");
|
|
5617
|
+
var ScreenshareOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
5528
5618
|
"svg",
|
|
5529
5619
|
{
|
|
5530
5620
|
...props,
|
|
5531
5621
|
viewBox: "0 0 24 24",
|
|
5532
5622
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5533
|
-
children: /* @__PURE__ */ (0,
|
|
5623
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
5534
5624
|
"path",
|
|
5535
5625
|
{
|
|
5536
5626
|
clipRule: "evenodd",
|
|
@@ -5543,14 +5633,14 @@ var ScreenshareOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime148.js
|
|
|
5543
5633
|
);
|
|
5544
5634
|
|
|
5545
5635
|
// src/components/Icon/icons/ScreenshareOnIcon.tsx
|
|
5546
|
-
var
|
|
5547
|
-
var ScreenshareOnIcon = (props) => /* @__PURE__ */ (0,
|
|
5636
|
+
var import_jsx_runtime152 = require("react/jsx-runtime");
|
|
5637
|
+
var ScreenshareOnIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
|
|
5548
5638
|
"svg",
|
|
5549
5639
|
{
|
|
5550
5640
|
...props,
|
|
5551
5641
|
viewBox: "0 0 24 24",
|
|
5552
5642
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5553
|
-
children: /* @__PURE__ */ (0,
|
|
5643
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
|
|
5554
5644
|
"path",
|
|
5555
5645
|
{
|
|
5556
5646
|
clipRule: "evenodd",
|
|
@@ -5563,14 +5653,14 @@ var ScreenshareOnIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime149.jsx
|
|
|
5563
5653
|
);
|
|
5564
5654
|
|
|
5565
5655
|
// src/components/Icon/icons/SearchIcon.tsx
|
|
5566
|
-
var
|
|
5567
|
-
var SearchIcon = (props) => /* @__PURE__ */ (0,
|
|
5656
|
+
var import_jsx_runtime153 = require("react/jsx-runtime");
|
|
5657
|
+
var SearchIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
|
|
5568
5658
|
"svg",
|
|
5569
5659
|
{
|
|
5570
5660
|
...props,
|
|
5571
5661
|
viewBox: "0 0 24 24",
|
|
5572
5662
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5573
|
-
children: /* @__PURE__ */ (0,
|
|
5663
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
|
|
5574
5664
|
"path",
|
|
5575
5665
|
{
|
|
5576
5666
|
clipRule: "evenodd",
|
|
@@ -5583,14 +5673,14 @@ var SearchIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
|
|
|
5583
5673
|
);
|
|
5584
5674
|
|
|
5585
5675
|
// src/components/Icon/icons/SendIcon.tsx
|
|
5586
|
-
var
|
|
5587
|
-
var SendIcon = (props) => /* @__PURE__ */ (0,
|
|
5676
|
+
var import_jsx_runtime154 = require("react/jsx-runtime");
|
|
5677
|
+
var SendIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
|
|
5588
5678
|
"svg",
|
|
5589
5679
|
{
|
|
5590
5680
|
...props,
|
|
5591
5681
|
viewBox: "0 0 24 24",
|
|
5592
5682
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5593
|
-
children: /* @__PURE__ */ (0,
|
|
5683
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
|
|
5594
5684
|
"path",
|
|
5595
5685
|
{
|
|
5596
5686
|
d: "M21.0892 10.5011L5.8012 2.56248C5.1972 2.25048 4.47187 2.32915 3.94787 2.75981C3.4252 3.19181 3.21187 3.89181 3.40387 4.54114L5.3172 10.9998H11.8478C12.3998 10.9998 12.8478 11.4478 12.8478 11.9998C12.8478 12.5518 12.3998 12.9998 11.8478 12.9998H5.3172L3.40387 19.4584C3.21054 20.1091 3.4252 20.8078 3.94787 21.2398C4.2572 21.4944 4.63853 21.6264 5.02253 21.6264C5.28787 21.6264 5.55453 21.5638 5.8012 21.4358L21.0892 13.4971C21.6505 13.2051 21.9998 12.6318 21.9998 11.9985C21.9998 11.3651 21.6505 10.7931 21.0892 10.5011Z",
|
|
@@ -5601,14 +5691,14 @@ var SendIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
|
5601
5691
|
);
|
|
5602
5692
|
|
|
5603
5693
|
// src/components/Icon/icons/ShapesIcon.tsx
|
|
5604
|
-
var
|
|
5605
|
-
var ShapesIcon = (props) => /* @__PURE__ */ (0,
|
|
5694
|
+
var import_jsx_runtime155 = require("react/jsx-runtime");
|
|
5695
|
+
var ShapesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
|
|
5606
5696
|
"svg",
|
|
5607
5697
|
{
|
|
5608
5698
|
...props,
|
|
5609
5699
|
viewBox: "0 0 24 24",
|
|
5610
5700
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5611
|
-
children: /* @__PURE__ */ (0,
|
|
5701
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
|
|
5612
5702
|
"path",
|
|
5613
5703
|
{
|
|
5614
5704
|
clipRule: "evenodd",
|
|
@@ -5621,14 +5711,14 @@ var ShapesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
|
|
|
5621
5711
|
);
|
|
5622
5712
|
|
|
5623
5713
|
// src/components/Icon/icons/ShareIcon.tsx
|
|
5624
|
-
var
|
|
5625
|
-
var ShareIcon = (props) => /* @__PURE__ */ (0,
|
|
5714
|
+
var import_jsx_runtime156 = require("react/jsx-runtime");
|
|
5715
|
+
var ShareIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
|
|
5626
5716
|
"svg",
|
|
5627
5717
|
{
|
|
5628
5718
|
...props,
|
|
5629
5719
|
viewBox: "0 0 24 24",
|
|
5630
5720
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5631
|
-
children: /* @__PURE__ */ (0,
|
|
5721
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
|
|
5632
5722
|
"path",
|
|
5633
5723
|
{
|
|
5634
5724
|
clipRule: "evenodd",
|
|
@@ -5641,14 +5731,14 @@ var ShareIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
|
|
|
5641
5731
|
);
|
|
5642
5732
|
|
|
5643
5733
|
// src/components/Icon/icons/SharingPermissionsIcon.tsx
|
|
5644
|
-
var
|
|
5645
|
-
var SharingPermissionsIcon = (props) => /* @__PURE__ */ (0,
|
|
5734
|
+
var import_jsx_runtime157 = require("react/jsx-runtime");
|
|
5735
|
+
var SharingPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
|
|
5646
5736
|
"svg",
|
|
5647
5737
|
{
|
|
5648
5738
|
...props,
|
|
5649
5739
|
viewBox: "0 0 24 24",
|
|
5650
5740
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5651
|
-
children: /* @__PURE__ */ (0,
|
|
5741
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
|
|
5652
5742
|
"path",
|
|
5653
5743
|
{
|
|
5654
5744
|
clipRule: "evenodd",
|
|
@@ -5661,14 +5751,14 @@ var SharingPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime15
|
|
|
5661
5751
|
);
|
|
5662
5752
|
|
|
5663
5753
|
// src/components/Icon/icons/SimulcastIcon.tsx
|
|
5664
|
-
var
|
|
5665
|
-
var SimulcastIcon = (props) => /* @__PURE__ */ (0,
|
|
5754
|
+
var import_jsx_runtime158 = require("react/jsx-runtime");
|
|
5755
|
+
var SimulcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
|
|
5666
5756
|
"svg",
|
|
5667
5757
|
{
|
|
5668
5758
|
...props,
|
|
5669
5759
|
viewBox: "0 0 24 24",
|
|
5670
5760
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5671
|
-
children: /* @__PURE__ */ (0,
|
|
5761
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
|
|
5672
5762
|
"path",
|
|
5673
5763
|
{
|
|
5674
5764
|
clipRule: "evenodd",
|
|
@@ -5681,14 +5771,14 @@ var SimulcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
|
|
|
5681
5771
|
);
|
|
5682
5772
|
|
|
5683
5773
|
// src/components/Icon/icons/SortIcon.tsx
|
|
5684
|
-
var
|
|
5685
|
-
var SortIcon = (props) => /* @__PURE__ */ (0,
|
|
5774
|
+
var import_jsx_runtime159 = require("react/jsx-runtime");
|
|
5775
|
+
var SortIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
|
|
5686
5776
|
"svg",
|
|
5687
5777
|
{
|
|
5688
5778
|
...props,
|
|
5689
5779
|
viewBox: "0 0 24 24",
|
|
5690
5780
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5691
|
-
children: /* @__PURE__ */ (0,
|
|
5781
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
|
|
5692
5782
|
"path",
|
|
5693
5783
|
{
|
|
5694
5784
|
clipRule: "evenodd",
|
|
@@ -5701,14 +5791,14 @@ var SortIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
|
|
|
5701
5791
|
);
|
|
5702
5792
|
|
|
5703
5793
|
// src/components/Icon/icons/SparkleIcon.tsx
|
|
5704
|
-
var
|
|
5705
|
-
var SparkleIcon = (props) => /* @__PURE__ */ (0,
|
|
5794
|
+
var import_jsx_runtime160 = require("react/jsx-runtime");
|
|
5795
|
+
var SparkleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
|
|
5706
5796
|
"svg",
|
|
5707
5797
|
{
|
|
5708
5798
|
...props,
|
|
5709
5799
|
viewBox: "0 0 24 24",
|
|
5710
5800
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5711
|
-
children: /* @__PURE__ */ (0,
|
|
5801
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
|
|
5712
5802
|
"path",
|
|
5713
5803
|
{
|
|
5714
5804
|
clipRule: "evenodd",
|
|
@@ -5721,14 +5811,14 @@ var SparkleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
|
|
|
5721
5811
|
);
|
|
5722
5812
|
|
|
5723
5813
|
// src/components/Icon/icons/SpeedIcon.tsx
|
|
5724
|
-
var
|
|
5725
|
-
var SpeedIcon = (props) => /* @__PURE__ */ (0,
|
|
5814
|
+
var import_jsx_runtime161 = require("react/jsx-runtime");
|
|
5815
|
+
var SpeedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
|
|
5726
5816
|
"svg",
|
|
5727
5817
|
{
|
|
5728
5818
|
...props,
|
|
5729
5819
|
viewBox: "0 0 24 24",
|
|
5730
5820
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5731
|
-
children: /* @__PURE__ */ (0,
|
|
5821
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
|
|
5732
5822
|
"path",
|
|
5733
5823
|
{
|
|
5734
5824
|
clipRule: "evenodd",
|
|
@@ -5741,15 +5831,15 @@ var SpeedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
|
|
|
5741
5831
|
);
|
|
5742
5832
|
|
|
5743
5833
|
// src/components/Icon/icons/SpinnerIcon.tsx
|
|
5744
|
-
var
|
|
5745
|
-
var SpinnerIcon = (props) => /* @__PURE__ */ (0,
|
|
5834
|
+
var import_jsx_runtime162 = require("react/jsx-runtime");
|
|
5835
|
+
var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(
|
|
5746
5836
|
"svg",
|
|
5747
5837
|
{
|
|
5748
5838
|
...props,
|
|
5749
5839
|
viewBox: "0 0 24 24",
|
|
5750
5840
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5751
5841
|
children: [
|
|
5752
|
-
/* @__PURE__ */ (0,
|
|
5842
|
+
/* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
|
|
5753
5843
|
"path",
|
|
5754
5844
|
{
|
|
5755
5845
|
clipRule: "evenodd",
|
|
@@ -5758,7 +5848,7 @@ var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(
|
|
|
5758
5848
|
fillRule: "evenodd"
|
|
5759
5849
|
}
|
|
5760
5850
|
),
|
|
5761
|
-
/* @__PURE__ */ (0,
|
|
5851
|
+
/* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
|
|
5762
5852
|
"animateTransform",
|
|
5763
5853
|
{
|
|
5764
5854
|
attributeName: "transform",
|
|
@@ -5774,14 +5864,14 @@ var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(
|
|
|
5774
5864
|
);
|
|
5775
5865
|
|
|
5776
5866
|
// src/components/Icon/icons/StatsIcon.tsx
|
|
5777
|
-
var
|
|
5778
|
-
var StatsIcon = (props) => /* @__PURE__ */ (0,
|
|
5867
|
+
var import_jsx_runtime163 = require("react/jsx-runtime");
|
|
5868
|
+
var StatsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
|
|
5779
5869
|
"svg",
|
|
5780
5870
|
{
|
|
5781
5871
|
...props,
|
|
5782
5872
|
viewBox: "0 0 24 24",
|
|
5783
5873
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5784
|
-
children: /* @__PURE__ */ (0,
|
|
5874
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
|
|
5785
5875
|
"path",
|
|
5786
5876
|
{
|
|
5787
5877
|
clipRule: "evenodd",
|
|
@@ -5794,14 +5884,14 @@ var StatsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
|
|
|
5794
5884
|
);
|
|
5795
5885
|
|
|
5796
5886
|
// src/components/Icon/icons/SwitchAccountsIcon.tsx
|
|
5797
|
-
var
|
|
5798
|
-
var SwitchAccountsIcon = (props) => /* @__PURE__ */ (0,
|
|
5887
|
+
var import_jsx_runtime164 = require("react/jsx-runtime");
|
|
5888
|
+
var SwitchAccountsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
|
|
5799
5889
|
"svg",
|
|
5800
5890
|
{
|
|
5801
5891
|
...props,
|
|
5802
5892
|
viewBox: "0 0 24 24",
|
|
5803
5893
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5804
|
-
children: /* @__PURE__ */ (0,
|
|
5894
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
|
|
5805
5895
|
"path",
|
|
5806
5896
|
{
|
|
5807
5897
|
clipRule: "evenodd",
|
|
@@ -5814,14 +5904,14 @@ var SwitchAccountsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime161.js
|
|
|
5814
5904
|
);
|
|
5815
5905
|
|
|
5816
5906
|
// src/components/Icon/icons/TagIcon.tsx
|
|
5817
|
-
var
|
|
5818
|
-
var TagIcon = (props) => /* @__PURE__ */ (0,
|
|
5907
|
+
var import_jsx_runtime165 = require("react/jsx-runtime");
|
|
5908
|
+
var TagIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
|
|
5819
5909
|
"svg",
|
|
5820
5910
|
{
|
|
5821
5911
|
...props,
|
|
5822
5912
|
viewBox: "0 0 24 24",
|
|
5823
5913
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5824
|
-
children: /* @__PURE__ */ (0,
|
|
5914
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
|
|
5825
5915
|
"path",
|
|
5826
5916
|
{
|
|
5827
5917
|
d: "M16.3331 1.33315H7.66641C5.64374 1.33315 3.99975 2.97714 3.99975 4.9998V21.6664C3.99975 22.0344 4.20241 22.3744 4.52775 22.5478C4.85308 22.7224 5.24775 22.7038 5.55441 22.4984L11.9997 18.2011L18.445 22.4984C18.6117 22.6091 18.8064 22.6664 18.9997 22.6664C19.1624 22.6664 19.3237 22.6278 19.4717 22.5478C19.797 22.3744 19.9997 22.0344 19.9997 21.6664V4.9998C19.9997 2.97714 18.3557 1.33315 16.3331 1.33315Z",
|
|
@@ -5832,14 +5922,14 @@ var TagIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
|
|
|
5832
5922
|
);
|
|
5833
5923
|
|
|
5834
5924
|
// src/components/Icon/icons/TeleprompterIcon.tsx
|
|
5835
|
-
var
|
|
5836
|
-
var TeleprompterIcon = (props) => /* @__PURE__ */ (0,
|
|
5925
|
+
var import_jsx_runtime166 = require("react/jsx-runtime");
|
|
5926
|
+
var TeleprompterIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
|
|
5837
5927
|
"svg",
|
|
5838
5928
|
{
|
|
5839
5929
|
...props,
|
|
5840
5930
|
viewBox: "0 0 24 24",
|
|
5841
5931
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5842
|
-
children: /* @__PURE__ */ (0,
|
|
5932
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
|
|
5843
5933
|
"path",
|
|
5844
5934
|
{
|
|
5845
5935
|
clipRule: "evenodd",
|
|
@@ -5852,14 +5942,14 @@ var TeleprompterIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime163.jsx)
|
|
|
5852
5942
|
);
|
|
5853
5943
|
|
|
5854
5944
|
// src/components/Icon/icons/TextSizeIcon.tsx
|
|
5855
|
-
var
|
|
5856
|
-
var TextSizeIcon = (props) => /* @__PURE__ */ (0,
|
|
5945
|
+
var import_jsx_runtime167 = require("react/jsx-runtime");
|
|
5946
|
+
var TextSizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
5857
5947
|
"svg",
|
|
5858
5948
|
{
|
|
5859
5949
|
...props,
|
|
5860
5950
|
viewBox: "0 0 24 24",
|
|
5861
5951
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5862
|
-
children: /* @__PURE__ */ (0,
|
|
5952
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
5863
5953
|
"path",
|
|
5864
5954
|
{
|
|
5865
5955
|
clipRule: "evenodd",
|
|
@@ -5872,14 +5962,14 @@ var TextSizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
|
|
|
5872
5962
|
);
|
|
5873
5963
|
|
|
5874
5964
|
// src/components/Icon/icons/ThumbnailIcon.tsx
|
|
5875
|
-
var
|
|
5876
|
-
var ThumbnailIcon = (props) => /* @__PURE__ */ (0,
|
|
5965
|
+
var import_jsx_runtime168 = require("react/jsx-runtime");
|
|
5966
|
+
var ThumbnailIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
|
|
5877
5967
|
"svg",
|
|
5878
5968
|
{
|
|
5879
5969
|
...props,
|
|
5880
5970
|
viewBox: "0 0 24 24",
|
|
5881
5971
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5882
|
-
children: /* @__PURE__ */ (0,
|
|
5972
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
|
|
5883
5973
|
"path",
|
|
5884
5974
|
{
|
|
5885
5975
|
clipRule: "evenodd",
|
|
@@ -5892,14 +5982,14 @@ var ThumbnailIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
|
|
|
5892
5982
|
);
|
|
5893
5983
|
|
|
5894
5984
|
// src/components/Icon/icons/ThumbsDownIcon.tsx
|
|
5895
|
-
var
|
|
5896
|
-
var ThumbsDownIcon = (props) => /* @__PURE__ */ (0,
|
|
5985
|
+
var import_jsx_runtime169 = require("react/jsx-runtime");
|
|
5986
|
+
var ThumbsDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
5897
5987
|
"svg",
|
|
5898
5988
|
{
|
|
5899
5989
|
...props,
|
|
5900
5990
|
viewBox: "0 0 24 24",
|
|
5901
5991
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5902
|
-
children: /* @__PURE__ */ (0,
|
|
5992
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
5903
5993
|
"path",
|
|
5904
5994
|
{
|
|
5905
5995
|
clipRule: "evenodd",
|
|
@@ -5912,14 +6002,14 @@ var ThumbsDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
|
|
|
5912
6002
|
);
|
|
5913
6003
|
|
|
5914
6004
|
// src/components/Icon/icons/ThumbsUpIcon.tsx
|
|
5915
|
-
var
|
|
5916
|
-
var ThumbsUpIcon = (props) => /* @__PURE__ */ (0,
|
|
6005
|
+
var import_jsx_runtime170 = require("react/jsx-runtime");
|
|
6006
|
+
var ThumbsUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
|
|
5917
6007
|
"svg",
|
|
5918
6008
|
{
|
|
5919
6009
|
...props,
|
|
5920
6010
|
viewBox: "0 0 24 24",
|
|
5921
6011
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5922
|
-
children: /* @__PURE__ */ (0,
|
|
6012
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
|
|
5923
6013
|
"path",
|
|
5924
6014
|
{
|
|
5925
6015
|
clipRule: "evenodd",
|
|
@@ -5932,36 +6022,56 @@ var ThumbsUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
|
5932
6022
|
);
|
|
5933
6023
|
|
|
5934
6024
|
// src/components/Icon/icons/TranscriptIcon.tsx
|
|
5935
|
-
var
|
|
5936
|
-
var TranscriptIcon = (props) => /* @__PURE__ */ (0,
|
|
6025
|
+
var import_jsx_runtime171 = require("react/jsx-runtime");
|
|
6026
|
+
var TranscriptIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
|
|
6027
|
+
"svg",
|
|
6028
|
+
{
|
|
6029
|
+
...props,
|
|
6030
|
+
viewBox: "0 0 24 24",
|
|
6031
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6032
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
|
|
6033
|
+
"path",
|
|
6034
|
+
{
|
|
6035
|
+
d: "M19.4132 7.98019L14.9401 3.57694C14.5618 3.20457 14.0601 2.99982 13.5264 2.99982H7.14237C5.40865 2.99982 3.99951 4.38694 3.99951 6.09357V17.9061C3.99951 19.6127 5.40865 20.9998 7.14237 20.9998H16.8567C18.5904 20.9998 19.9995 19.6127 19.9995 17.9061V9.37182C19.9995 8.84644 19.7915 8.35144 19.4132 7.98019ZM8.28523 8.62482H10.5709C11.0441 8.62482 11.4281 9.00282 11.4281 9.46857C11.4281 9.93432 11.0441 10.3123 10.5709 10.3123H8.28523C7.81208 10.3123 7.42808 9.93432 7.42808 9.46857C7.42808 9.00282 7.81208 8.62482 8.28523 8.62482ZM15.7138 17.0623H8.28523C7.81208 17.0623 7.42808 16.6843 7.42808 16.2186C7.42808 15.7528 7.81208 15.3748 8.28523 15.3748H15.7138C16.1869 15.3748 16.5709 15.7528 16.5709 16.2186C16.5709 16.6843 16.1869 17.0623 15.7138 17.0623ZM15.7138 13.6873H8.28523C7.81208 13.6873 7.42808 13.3093 7.42808 12.8436C7.42808 12.3778 7.81208 11.9998 8.28523 11.9998H15.7138C16.1869 11.9998 16.5709 12.3778 16.5709 12.8436C16.5709 13.3093 16.1869 13.6873 15.7138 13.6873ZM18.2075 9.18732H14.8567C14.2281 9.18732 13.7138 8.68107 13.7138 8.06232V4.77619L13.7287 4.77057L18.2109 9.18169L18.2075 9.18732Z",
|
|
6036
|
+
fill: "currentColor"
|
|
6037
|
+
}
|
|
6038
|
+
)
|
|
6039
|
+
}
|
|
6040
|
+
);
|
|
6041
|
+
|
|
6042
|
+
// src/components/Icon/icons/TransitionsIcon.tsx
|
|
6043
|
+
var import_jsx_runtime172 = require("react/jsx-runtime");
|
|
6044
|
+
var TransitionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
|
|
5937
6045
|
"svg",
|
|
5938
6046
|
{
|
|
5939
6047
|
...props,
|
|
5940
6048
|
viewBox: "0 0 24 24",
|
|
5941
6049
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5942
|
-
children: /* @__PURE__ */ (0,
|
|
6050
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
|
|
5943
6051
|
"path",
|
|
5944
6052
|
{
|
|
5945
|
-
|
|
5946
|
-
|
|
6053
|
+
clipRule: "evenodd",
|
|
6054
|
+
d: "M9.66615 2.66647H14.3328C16.3578 2.66647 17.9995 4.30809 17.9995 6.33313V17.6664C17.9995 19.6915 16.3578 21.3331 14.3328 21.3331H9.66615C7.64111 21.3331 5.9995 19.6915 5.9995 17.6664V6.33313C5.9995 4.30809 7.64111 2.66647 9.66615 2.66647ZM3.66617 6.66646H3.9995C4.5515 6.66646 4.9995 6.21846 4.9995 5.66647C4.9995 5.11447 4.5515 4.66647 3.9995 4.66647H3.66617C2.01284 4.66647 0.666176 6.0118 0.666176 7.66646V16.3331C0.666176 17.9878 2.01284 19.3331 3.66617 19.3331H3.9995C4.5515 19.3331 4.9995 18.8851 4.9995 18.3331C4.9995 17.7811 4.5515 17.3331 3.9995 17.3331H3.66617C3.1155 17.3331 2.66617 16.8851 2.66617 16.3331V7.66646C2.66617 7.11446 3.1155 6.66646 3.66617 6.66646ZM20.3328 4.66647H19.9995C19.4475 4.66647 18.9995 5.11447 18.9995 5.66647C18.9995 6.21846 19.4475 6.66646 19.9995 6.66646H20.3328C20.8835 6.66646 21.3328 7.11446 21.3328 7.66646V16.3331C21.3328 16.8851 20.8835 17.3331 20.3328 17.3331H19.9995C19.4475 17.3331 18.9995 17.7811 18.9995 18.3331C18.9995 18.8851 19.4475 19.3331 19.9995 19.3331H20.3328C21.9861 19.3331 23.3328 17.9878 23.3328 16.3331V7.66646C23.3328 6.0118 21.9861 4.66647 20.3328 4.66647Z",
|
|
6055
|
+
fill: "currentColor",
|
|
6056
|
+
fillRule: "evenodd"
|
|
5947
6057
|
}
|
|
5948
6058
|
)
|
|
5949
6059
|
}
|
|
5950
6060
|
);
|
|
5951
6061
|
|
|
5952
|
-
// src/components/Icon/icons/
|
|
5953
|
-
var
|
|
5954
|
-
var
|
|
6062
|
+
// src/components/Icon/icons/TransparencyIcon.tsx
|
|
6063
|
+
var import_jsx_runtime173 = require("react/jsx-runtime");
|
|
6064
|
+
var TransparencyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
|
|
5955
6065
|
"svg",
|
|
5956
6066
|
{
|
|
5957
6067
|
...props,
|
|
5958
6068
|
viewBox: "0 0 24 24",
|
|
5959
6069
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5960
|
-
children: /* @__PURE__ */ (0,
|
|
6070
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
|
|
5961
6071
|
"path",
|
|
5962
6072
|
{
|
|
5963
6073
|
clipRule: "evenodd",
|
|
5964
|
-
d: "
|
|
6074
|
+
d: "M10.3864 6.1452C11.4331 5.95187 12.5664 5.95187 13.6131 6.1452C13.6744 6.15587 13.7358 6.1612 13.7958 6.1612C14.2678 6.1612 14.6891 5.82387 14.7771 5.3412C14.8771 4.79853 14.5184 4.2772 13.9744 4.1772C12.6878 3.9412 11.3104 3.9412 10.0238 4.1772C9.48108 4.2772 9.12108 4.79853 9.22108 5.3412C9.32108 5.8852 9.84509 6.24253 10.3864 6.1452ZM5.13175 8.7412C5.37042 8.7412 5.60908 8.6572 5.79975 8.4852C6.39708 7.9492 7.03175 7.49187 7.68508 7.12654C8.16642 6.8572 8.33842 6.24787 8.06908 5.7652C7.80108 5.28387 7.19575 5.11054 6.70775 5.37987C5.92508 5.8172 5.17042 6.3612 4.46242 6.9972C4.05042 7.36654 4.01708 7.99854 4.38642 8.4092C4.58375 8.6292 4.85842 8.7412 5.13175 8.7412ZM15.9304 5.7652C16.1984 5.28387 16.8064 5.11054 17.2918 5.37987C18.0744 5.8172 18.8291 6.3612 19.5358 6.9972C19.9478 7.36654 19.9811 7.99854 19.6118 8.4092C19.4131 8.6292 19.1411 8.7412 18.8678 8.7412C18.6291 8.7412 18.3904 8.6572 18.1998 8.4852C17.6024 7.9492 16.9678 7.49187 16.3144 7.12654C15.8331 6.85587 15.6611 6.24654 15.9304 5.7652ZM7.68509 16.8745C7.03176 16.5092 6.39709 16.0519 5.79976 15.5159C5.39176 15.1479 4.75976 15.1812 4.38776 15.5905C4.01843 16.0012 4.05176 16.6332 4.46376 17.0025C5.17043 17.6385 5.92643 18.1825 6.70909 18.6199C6.86376 18.7052 7.03176 18.7465 7.19576 18.7465C7.54776 18.7465 7.88776 18.5625 8.06909 18.2345C8.33843 17.7532 8.16643 17.1439 7.68509 16.8732V16.8745ZM3.59309 9.32654C4.04509 9.64388 4.15309 10.2679 3.83575 10.7199V10.7185L3.61975 11.0372C3.43175 11.3225 3.33309 11.6532 3.33309 11.9985C3.33309 12.3439 3.43175 12.6759 3.61842 12.9572L3.83575 13.2785C4.15309 13.7305 4.04509 14.3545 3.59309 14.6719C3.41709 14.7959 3.21575 14.8545 3.01842 14.8545C2.70375 14.8545 2.39442 14.7079 2.19975 14.4305C2.11042 14.3025 2.02642 14.1772 1.94775 14.0572C1.54642 13.4505 1.33309 12.7385 1.33309 11.9999C1.33309 11.2612 1.54642 10.5492 1.94909 9.93854C2.02509 9.82254 2.11042 9.69721 2.19975 9.56921C2.51442 9.11721 3.13575 9.00654 3.59309 9.32654ZM13.6131 17.8545C12.5664 18.0479 11.4331 18.0479 10.3864 17.8545C9.84375 17.7559 9.32108 18.1145 9.22241 18.6585C9.12241 19.2012 9.48108 19.7225 10.0251 19.8225C10.6677 19.9399 11.3331 19.9999 11.9997 19.9999C12.6664 19.9999 13.3317 19.9399 13.9744 19.8225C14.5171 19.7225 14.8771 19.2012 14.7771 18.6585C14.6771 18.1145 14.1571 17.7572 13.6131 17.8545ZM16.3144 16.8746C16.9678 16.5092 17.6024 16.0519 18.1998 15.5159C18.6078 15.1466 19.2398 15.1812 19.6118 15.5919C19.9811 16.0026 19.9478 16.6346 19.5358 17.0039C18.8278 17.6399 18.0731 18.1839 17.2904 18.6212C17.1358 18.7066 16.9678 18.7479 16.8038 18.7479C16.4531 18.7479 16.1131 18.5639 15.9304 18.2359C15.6611 17.7532 15.8331 17.1439 16.3144 16.8746ZM22.0518 9.94256C21.9731 9.82256 21.8891 9.69722 21.7998 9.56922C21.4851 9.11856 20.8638 9.00922 20.4064 9.32656C19.9544 9.64389 19.8464 10.2679 20.1638 10.7199L20.3811 11.0412C20.5678 11.3226 20.6664 11.6546 20.6664 11.9999C20.6664 12.3452 20.5678 12.6759 20.3798 12.9612L20.1638 13.2799C19.8464 13.7319 19.9544 14.3559 20.4064 14.6732C20.5824 14.7959 20.7824 14.8559 20.9811 14.8559C21.2958 14.8559 21.6064 14.7079 21.7998 14.4319C21.8891 14.3039 21.9744 14.1786 22.0504 14.0626C22.4531 13.4519 22.6664 12.7399 22.6664 12.0012C22.6664 11.2626 22.4531 10.5506 22.0518 9.94389V9.94256ZM15.9998 11.9999C15.9998 14.209 14.2089 15.9999 11.9998 15.9999C9.79062 15.9999 7.99975 14.209 7.99975 11.9999C7.99975 9.79073 9.79062 7.99987 11.9998 7.99987C14.2089 7.99987 15.9998 9.79073 15.9998 11.9999Z",
|
|
5965
6075
|
fill: "currentColor",
|
|
5966
6076
|
fillRule: "evenodd"
|
|
5967
6077
|
}
|
|
@@ -5969,19 +6079,19 @@ var TransitionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
|
5969
6079
|
}
|
|
5970
6080
|
);
|
|
5971
6081
|
|
|
5972
|
-
// src/components/Icon/icons/
|
|
5973
|
-
var
|
|
5974
|
-
var
|
|
6082
|
+
// src/components/Icon/icons/TrendsIcon.tsx
|
|
6083
|
+
var import_jsx_runtime174 = require("react/jsx-runtime");
|
|
6084
|
+
var TrendsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
|
|
5975
6085
|
"svg",
|
|
5976
6086
|
{
|
|
5977
6087
|
...props,
|
|
5978
6088
|
viewBox: "0 0 24 24",
|
|
5979
6089
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5980
|
-
children: /* @__PURE__ */ (0,
|
|
6090
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
|
|
5981
6091
|
"path",
|
|
5982
6092
|
{
|
|
5983
6093
|
clipRule: "evenodd",
|
|
5984
|
-
d: "
|
|
6094
|
+
d: "M12.1758 21.5609C9.68781 21.7629 5.43281 21.8659 3.63781 20.3389C2.05381 18.9909 2.04781 15.6979 2.04281 13.1579C2.04281 12.8189 2.04181 12.4939 2.03681 12.1879C2.03381 11.9329 2.02681 11.6679 2.02181 11.3939C1.96781 8.8919 1.90081 5.7639 3.30881 4.0369C4.87081 2.1219 10.1438 2.0269 11.8248 2.0269C11.9888 2.0269 12.1948 2.0219 12.4328 2.0169C14.2678 1.9739 18.0548 1.8869 19.9028 3.5619C21.9188 5.3889 21.9158 8.2579 21.9128 11.1129V11.4199C21.9128 11.9319 21.9178 12.4289 21.9228 12.9099C21.9538 16.1399 21.9788 18.6549 20.4878 20.0459C19.1998 21.2479 16.9248 21.3359 14.5408 21.4279C13.7538 21.4579 12.9548 21.4899 12.1758 21.5609ZM20.3158 10.0509L15.9598 8.5999C15.9029 8.32674 15.7894 8.06852 15.6267 7.84182C15.4641 7.61513 15.2557 7.42499 15.0152 7.28362C14.7746 7.14225 14.5071 7.05278 14.2299 7.02097C13.9527 6.98916 13.6719 7.0157 13.4056 7.0989C13.1392 7.18209 12.8932 7.3201 12.6834 7.50404C12.4736 7.68799 12.3046 7.9138 12.1873 8.16696C12.0699 8.42013 12.0069 8.69504 12.0022 8.97403C11.9974 9.25302 12.0511 9.52991 12.1598 9.7869L9.66481 13.1139C9.38814 13.0163 9.09338 12.9809 8.80147 13.0101C8.50956 13.0393 8.22767 13.1325 7.97581 13.2829L3.88481 11.5779C3.64002 11.4758 3.36469 11.4751 3.11939 11.576C2.87409 11.6769 2.67892 11.8711 2.57681 12.1159C2.4747 12.3607 2.47402 12.636 2.57492 12.8813C2.67581 13.1266 2.87002 13.3218 3.11481 13.4239L6.99981 15.0419C7.0061 15.3152 7.06834 15.5842 7.18269 15.8325C7.29703 16.0808 7.46105 16.303 7.66462 16.4854C7.86819 16.6678 8.10699 16.8065 8.36627 16.893C8.62555 16.9796 8.89982 17.012 9.17213 16.9884C9.44444 16.9648 9.70902 16.8856 9.94954 16.7557C10.19 16.6258 10.4014 16.448 10.5705 16.2333C10.7396 16.0186 10.8629 15.7714 10.9328 15.5072C11.0027 15.2429 11.0177 14.9672 10.9768 14.6969L13.7608 10.9859C14.0418 11.0202 14.3269 10.9942 14.5971 10.9098C14.8673 10.8253 15.1164 10.6842 15.3278 10.4959L19.6838 11.9489C19.8084 11.9904 19.94 12.0069 20.071 11.9976C20.2021 11.9882 20.3299 11.9532 20.4474 11.8944C20.5649 11.8356 20.6696 11.7543 20.7556 11.655C20.8417 11.5558 20.9073 11.4405 20.9488 11.3159C20.9903 11.1913 21.0069 11.0597 20.9975 10.9287C20.9881 10.7977 20.9531 10.6698 20.8943 10.5523C20.8355 10.4348 20.7542 10.3301 20.6549 10.2441C20.5557 10.158 20.4404 10.0924 20.3158 10.0509Z",
|
|
5985
6095
|
fill: "currentColor",
|
|
5986
6096
|
fillRule: "evenodd"
|
|
5987
6097
|
}
|
|
@@ -5990,14 +6100,14 @@ var TransparencyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)
|
|
|
5990
6100
|
);
|
|
5991
6101
|
|
|
5992
6102
|
// src/components/Icon/icons/TrialUnlockClockIcon.tsx
|
|
5993
|
-
var
|
|
5994
|
-
var TrialUnlockClockIcon = (props) => /* @__PURE__ */ (0,
|
|
6103
|
+
var import_jsx_runtime175 = require("react/jsx-runtime");
|
|
6104
|
+
var TrialUnlockClockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
|
|
5995
6105
|
"svg",
|
|
5996
6106
|
{
|
|
5997
6107
|
...props,
|
|
5998
6108
|
viewBox: "0 0 24 24",
|
|
5999
6109
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6000
|
-
children: /* @__PURE__ */ (0,
|
|
6110
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
|
|
6001
6111
|
"path",
|
|
6002
6112
|
{
|
|
6003
6113
|
clipRule: "evenodd",
|
|
@@ -6010,14 +6120,14 @@ var TrialUnlockClockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime171.
|
|
|
6010
6120
|
);
|
|
6011
6121
|
|
|
6012
6122
|
// src/components/Icon/icons/TrimIcon.tsx
|
|
6013
|
-
var
|
|
6014
|
-
var TrimIcon = (props) => /* @__PURE__ */ (0,
|
|
6123
|
+
var import_jsx_runtime176 = require("react/jsx-runtime");
|
|
6124
|
+
var TrimIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
|
|
6015
6125
|
"svg",
|
|
6016
6126
|
{
|
|
6017
6127
|
...props,
|
|
6018
6128
|
viewBox: "0 0 24 24",
|
|
6019
6129
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6020
|
-
children: /* @__PURE__ */ (0,
|
|
6130
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
|
|
6021
6131
|
"path",
|
|
6022
6132
|
{
|
|
6023
6133
|
clipRule: "evenodd",
|
|
@@ -6030,14 +6140,14 @@ var TrimIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
|
|
|
6030
6140
|
);
|
|
6031
6141
|
|
|
6032
6142
|
// src/components/Icon/icons/TurnstileIcon.tsx
|
|
6033
|
-
var
|
|
6034
|
-
var TurnstileIcon = (props) => /* @__PURE__ */ (0,
|
|
6143
|
+
var import_jsx_runtime177 = require("react/jsx-runtime");
|
|
6144
|
+
var TurnstileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
|
|
6035
6145
|
"svg",
|
|
6036
6146
|
{
|
|
6037
6147
|
...props,
|
|
6038
6148
|
viewBox: "0 0 24 24",
|
|
6039
6149
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6040
|
-
children: /* @__PURE__ */ (0,
|
|
6150
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
|
|
6041
6151
|
"path",
|
|
6042
6152
|
{
|
|
6043
6153
|
clipRule: "evenodd",
|
|
@@ -6050,14 +6160,14 @@ var TurnstileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
|
|
|
6050
6160
|
);
|
|
6051
6161
|
|
|
6052
6162
|
// src/components/Icon/icons/UndoIcon.tsx
|
|
6053
|
-
var
|
|
6054
|
-
var UndoIcon = (props) => /* @__PURE__ */ (0,
|
|
6163
|
+
var import_jsx_runtime178 = require("react/jsx-runtime");
|
|
6164
|
+
var UndoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
6055
6165
|
"svg",
|
|
6056
6166
|
{
|
|
6057
6167
|
...props,
|
|
6058
6168
|
viewBox: "0 0 24 24",
|
|
6059
6169
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6060
|
-
children: /* @__PURE__ */ (0,
|
|
6170
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
6061
6171
|
"path",
|
|
6062
6172
|
{
|
|
6063
6173
|
clipRule: "evenodd",
|
|
@@ -6070,14 +6180,14 @@ var UndoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
|
|
|
6070
6180
|
);
|
|
6071
6181
|
|
|
6072
6182
|
// src/components/Icon/icons/UnlockIcon.tsx
|
|
6073
|
-
var
|
|
6074
|
-
var UnlockIcon = (props) => /* @__PURE__ */ (0,
|
|
6183
|
+
var import_jsx_runtime179 = require("react/jsx-runtime");
|
|
6184
|
+
var UnlockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
6075
6185
|
"svg",
|
|
6076
6186
|
{
|
|
6077
6187
|
...props,
|
|
6078
6188
|
viewBox: "0 0 24 24",
|
|
6079
6189
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6080
|
-
children: /* @__PURE__ */ (0,
|
|
6190
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
6081
6191
|
"path",
|
|
6082
6192
|
{
|
|
6083
6193
|
clipRule: "evenodd",
|
|
@@ -6090,14 +6200,14 @@ var UnlockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
|
|
|
6090
6200
|
);
|
|
6091
6201
|
|
|
6092
6202
|
// src/components/Icon/icons/UploadIcon.tsx
|
|
6093
|
-
var
|
|
6094
|
-
var UploadIcon = (props) => /* @__PURE__ */ (0,
|
|
6203
|
+
var import_jsx_runtime180 = require("react/jsx-runtime");
|
|
6204
|
+
var UploadIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
6095
6205
|
"svg",
|
|
6096
6206
|
{
|
|
6097
6207
|
...props,
|
|
6098
6208
|
viewBox: "0 0 24 24",
|
|
6099
6209
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6100
|
-
children: /* @__PURE__ */ (0,
|
|
6210
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
6101
6211
|
"path",
|
|
6102
6212
|
{
|
|
6103
6213
|
clipRule: "evenodd",
|
|
@@ -6110,14 +6220,14 @@ var UploadIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
|
|
|
6110
6220
|
);
|
|
6111
6221
|
|
|
6112
6222
|
// src/components/Icon/icons/UsersPermissionsIcon.tsx
|
|
6113
|
-
var
|
|
6114
|
-
var UsersPermissionsIcon = (props) => /* @__PURE__ */ (0,
|
|
6223
|
+
var import_jsx_runtime181 = require("react/jsx-runtime");
|
|
6224
|
+
var UsersPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
|
|
6115
6225
|
"svg",
|
|
6116
6226
|
{
|
|
6117
6227
|
...props,
|
|
6118
6228
|
viewBox: "0 0 24 24",
|
|
6119
6229
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6120
|
-
children: /* @__PURE__ */ (0,
|
|
6230
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
|
|
6121
6231
|
"path",
|
|
6122
6232
|
{
|
|
6123
6233
|
clipRule: "evenodd",
|
|
@@ -6130,18 +6240,18 @@ var UsersPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime177.
|
|
|
6130
6240
|
);
|
|
6131
6241
|
|
|
6132
6242
|
// src/components/Icon/icons/ViewStreamIcon.tsx
|
|
6133
|
-
var
|
|
6134
|
-
var ViewStreamIcon = (props) => /* @__PURE__ */ (0,
|
|
6243
|
+
var import_jsx_runtime182 = require("react/jsx-runtime");
|
|
6244
|
+
var ViewStreamIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
|
|
6135
6245
|
"svg",
|
|
6136
6246
|
{
|
|
6137
6247
|
...props,
|
|
6138
6248
|
viewBox: "0 0 24 24",
|
|
6139
6249
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6140
|
-
children: /* @__PURE__ */ (0,
|
|
6250
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
|
|
6141
6251
|
"path",
|
|
6142
6252
|
{
|
|
6143
6253
|
clipRule: "evenodd",
|
|
6144
|
-
d: "M18.333 2.
|
|
6254
|
+
d: "M18.333 2.6666H5.66635C3.64369 2.6666 1.99969 4.31059 1.99969 6.33325V14.9999C1.99969 17.0226 3.64369 18.6666 5.66635 18.6666H18.333C20.3556 18.6666 21.9996 17.0226 21.9996 14.9999V6.33325C21.9996 4.31059 20.3556 2.6666 18.333 2.6666ZM16.921 11.8546C16.201 12.7812 14.605 14.3332 11.9997 14.3332C9.39434 14.3332 7.79834 12.7812 7.07834 11.8559C6.52768 11.1452 6.52768 10.1906 7.07834 9.47991C7.79834 8.55325 9.39434 7.00125 11.9997 7.00125C14.605 7.00125 16.201 8.55325 16.921 9.47858C17.473 10.1906 17.473 11.1452 16.921 11.8559V11.8546ZM17.6663 22.6665H6.33301C5.78101 22.6665 5.33301 22.2185 5.33301 21.6666C5.33301 21.1146 5.78101 20.6666 6.33301 20.6666H17.6663C18.2183 20.6666 18.6663 21.1146 18.6663 21.6666C18.6663 22.2185 18.2183 22.6665 17.6663 22.6665ZM13.9997 10.6666C13.9997 11.7711 13.1042 12.6666 11.9997 12.6666C10.8951 12.6666 9.99967 11.7711 9.99967 10.6666C9.99967 9.56201 10.8951 8.66658 11.9997 8.66658C13.1042 8.66658 13.9997 9.56201 13.9997 10.6666Z",
|
|
6145
6255
|
fill: "currentColor",
|
|
6146
6256
|
fillRule: "evenodd"
|
|
6147
6257
|
}
|
|
@@ -6150,14 +6260,14 @@ var ViewStreamIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
|
6150
6260
|
);
|
|
6151
6261
|
|
|
6152
6262
|
// src/components/Icon/icons/VolumeIcon.tsx
|
|
6153
|
-
var
|
|
6154
|
-
var VolumeIcon = (props) => /* @__PURE__ */ (0,
|
|
6263
|
+
var import_jsx_runtime183 = require("react/jsx-runtime");
|
|
6264
|
+
var VolumeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
|
|
6155
6265
|
"svg",
|
|
6156
6266
|
{
|
|
6157
6267
|
...props,
|
|
6158
6268
|
viewBox: "0 0 24 24",
|
|
6159
6269
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6160
|
-
children: /* @__PURE__ */ (0,
|
|
6270
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
|
|
6161
6271
|
"path",
|
|
6162
6272
|
{
|
|
6163
6273
|
d: "M19.133 2.08909C18.5996 1.79709 17.9476 1.81843 17.4356 2.14776L10.3756 6.66643H5.66763C4.01297 6.66643 2.66763 8.01176 2.66763 9.66643V14.3331C2.66763 15.9878 4.01297 17.3331 5.66763 17.3331H10.3756L17.4356 21.8518C17.709 22.0264 18.021 22.1158 18.3356 22.1158C18.6103 22.1158 18.885 22.0478 19.1343 21.9118C19.669 21.6198 20.001 21.0584 20.001 20.4491V3.55176C20.001 2.94243 19.6676 2.38243 19.133 2.08909Z",
|
|
@@ -6168,14 +6278,14 @@ var VolumeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
|
6168
6278
|
);
|
|
6169
6279
|
|
|
6170
6280
|
// src/components/Icon/icons/VolumeOffIcon.tsx
|
|
6171
|
-
var
|
|
6172
|
-
var VolumeOffIcon = (props) => /* @__PURE__ */ (0,
|
|
6281
|
+
var import_jsx_runtime184 = require("react/jsx-runtime");
|
|
6282
|
+
var VolumeOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
|
|
6173
6283
|
"svg",
|
|
6174
6284
|
{
|
|
6175
6285
|
...props,
|
|
6176
6286
|
viewBox: "0 0 24 24",
|
|
6177
6287
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6178
|
-
children: /* @__PURE__ */ (0,
|
|
6288
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
|
|
6179
6289
|
"path",
|
|
6180
6290
|
{
|
|
6181
6291
|
clipRule: "evenodd",
|
|
@@ -6188,14 +6298,14 @@ var VolumeOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
|
6188
6298
|
);
|
|
6189
6299
|
|
|
6190
6300
|
// src/components/Icon/icons/VolumeUpIcon.tsx
|
|
6191
|
-
var
|
|
6192
|
-
var VolumeUpIcon = (props) => /* @__PURE__ */ (0,
|
|
6301
|
+
var import_jsx_runtime185 = require("react/jsx-runtime");
|
|
6302
|
+
var VolumeUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
|
|
6193
6303
|
"svg",
|
|
6194
6304
|
{
|
|
6195
6305
|
...props,
|
|
6196
6306
|
viewBox: "0 0 24 24",
|
|
6197
6307
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6198
|
-
children: /* @__PURE__ */ (0,
|
|
6308
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
|
|
6199
6309
|
"path",
|
|
6200
6310
|
{
|
|
6201
6311
|
clipRule: "evenodd",
|
|
@@ -6208,14 +6318,14 @@ var VolumeUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
|
|
|
6208
6318
|
);
|
|
6209
6319
|
|
|
6210
6320
|
// src/components/Icon/icons/VolumeXIcon.tsx
|
|
6211
|
-
var
|
|
6212
|
-
var VolumeXIcon = (props) => /* @__PURE__ */ (0,
|
|
6321
|
+
var import_jsx_runtime186 = require("react/jsx-runtime");
|
|
6322
|
+
var VolumeXIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
|
|
6213
6323
|
"svg",
|
|
6214
6324
|
{
|
|
6215
6325
|
...props,
|
|
6216
6326
|
viewBox: "0 0 24 24",
|
|
6217
6327
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6218
|
-
children: /* @__PURE__ */ (0,
|
|
6328
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
|
|
6219
6329
|
"path",
|
|
6220
6330
|
{
|
|
6221
6331
|
clipRule: "evenodd",
|
|
@@ -6228,14 +6338,14 @@ var VolumeXIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
|
|
|
6228
6338
|
);
|
|
6229
6339
|
|
|
6230
6340
|
// src/components/Icon/icons/WandIcon.tsx
|
|
6231
|
-
var
|
|
6232
|
-
var WandIcon = (props) => /* @__PURE__ */ (0,
|
|
6341
|
+
var import_jsx_runtime187 = require("react/jsx-runtime");
|
|
6342
|
+
var WandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
|
|
6233
6343
|
"svg",
|
|
6234
6344
|
{
|
|
6235
6345
|
...props,
|
|
6236
6346
|
viewBox: "0 0 24 24",
|
|
6237
6347
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6238
|
-
children: /* @__PURE__ */ (0,
|
|
6348
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
|
|
6239
6349
|
"path",
|
|
6240
6350
|
{
|
|
6241
6351
|
clipRule: "evenodd",
|
|
@@ -6248,18 +6358,18 @@ var WandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
|
|
|
6248
6358
|
);
|
|
6249
6359
|
|
|
6250
6360
|
// src/components/Icon/icons/WaveformIcon.tsx
|
|
6251
|
-
var
|
|
6252
|
-
var WaveformIcon = (props) => /* @__PURE__ */ (0,
|
|
6361
|
+
var import_jsx_runtime188 = require("react/jsx-runtime");
|
|
6362
|
+
var WaveformIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
|
|
6253
6363
|
"svg",
|
|
6254
6364
|
{
|
|
6255
6365
|
...props,
|
|
6256
6366
|
viewBox: "0 0 24 24",
|
|
6257
6367
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6258
|
-
children: /* @__PURE__ */ (0,
|
|
6368
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
|
|
6259
6369
|
"path",
|
|
6260
6370
|
{
|
|
6261
6371
|
clipRule: "evenodd",
|
|
6262
|
-
d: "M13.
|
|
6372
|
+
d: "M13.6666 21.3333C13.1146 21.3333 12.6666 20.8853 12.6666 20.3333V3.6666C12.6666 3.1146 13.1146 2.6666 13.6666 2.6666C14.2186 2.6666 14.6666 3.1146 14.6666 3.6666V20.3333C14.6666 20.8853 14.2186 21.3333 13.6666 21.3333ZM5.66661 19.9999C5.11461 19.9999 4.66661 19.5519 4.66661 18.9999V4.99993C4.66661 4.44793 5.11461 3.99993 5.66661 3.99993C6.21861 3.99993 6.66661 4.44793 6.66661 4.99993V18.9999C6.66661 19.5519 6.21861 19.9999 5.66661 19.9999ZM0.666611 12.9999C0.666611 13.5519 1.11461 13.9999 1.66661 13.9999C2.21861 13.9999 2.66661 13.5519 2.66661 12.9999V10.9999C2.66661 10.4479 2.21861 9.99993 1.66661 9.99993C1.11461 9.99993 0.666611 10.4479 0.666611 10.9999V12.9999ZM20.6666 12.9999C20.6666 13.5519 21.1146 13.9999 21.6666 13.9999C22.2186 13.9999 22.6666 13.5519 22.6666 12.9999V10.9999C22.6666 10.4479 22.2186 9.99993 21.6666 9.99993C21.1146 9.99993 20.6666 10.4479 20.6666 10.9999V12.9999ZM8.66661 16.3333C8.66661 16.8853 9.11461 17.3333 9.66661 17.3333C10.2186 17.3333 10.6666 16.8853 10.6666 16.3333V7.6666C10.6666 7.1146 10.2186 6.6666 9.66661 6.6666C9.11461 6.6666 8.66661 7.1146 8.66661 7.6666V16.3333ZM16.6666 16.3333C16.6666 16.8853 17.1146 17.3333 17.6666 17.3333C18.2186 17.3333 18.6666 16.8853 18.6666 16.3333V7.6666C18.6666 7.1146 18.2186 6.6666 17.6666 6.6666C17.1146 6.6666 16.6666 7.1146 16.6666 7.6666V16.3333Z",
|
|
6263
6373
|
fill: "currentColor",
|
|
6264
6374
|
fillRule: "evenodd"
|
|
6265
6375
|
}
|
|
@@ -6268,14 +6378,14 @@ var WaveformIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
|
|
|
6268
6378
|
);
|
|
6269
6379
|
|
|
6270
6380
|
// src/components/Icon/icons/ZoomInIcon.tsx
|
|
6271
|
-
var
|
|
6272
|
-
var ZoomInIcon = (props) => /* @__PURE__ */ (0,
|
|
6381
|
+
var import_jsx_runtime189 = require("react/jsx-runtime");
|
|
6382
|
+
var ZoomInIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
|
|
6273
6383
|
"svg",
|
|
6274
6384
|
{
|
|
6275
6385
|
...props,
|
|
6276
6386
|
viewBox: "0 0 24 24",
|
|
6277
6387
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6278
|
-
children: /* @__PURE__ */ (0,
|
|
6388
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
|
|
6279
6389
|
"path",
|
|
6280
6390
|
{
|
|
6281
6391
|
clipRule: "evenodd",
|
|
@@ -6288,14 +6398,14 @@ var ZoomInIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
|
|
|
6288
6398
|
);
|
|
6289
6399
|
|
|
6290
6400
|
// src/components/Icon/icons/ZoomOutIcon.tsx
|
|
6291
|
-
var
|
|
6292
|
-
var ZoomOutIcon = (props) => /* @__PURE__ */ (0,
|
|
6401
|
+
var import_jsx_runtime190 = require("react/jsx-runtime");
|
|
6402
|
+
var ZoomOutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
|
|
6293
6403
|
"svg",
|
|
6294
6404
|
{
|
|
6295
6405
|
...props,
|
|
6296
6406
|
viewBox: "0 0 24 24",
|
|
6297
6407
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6298
|
-
children: /* @__PURE__ */ (0,
|
|
6408
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
|
|
6299
6409
|
"path",
|
|
6300
6410
|
{
|
|
6301
6411
|
clipRule: "evenodd",
|
|
@@ -6342,17 +6452,17 @@ var iconMap = {
|
|
|
6342
6452
|
"caret-up-strong": CaretUpStrongIcon,
|
|
6343
6453
|
channel: ChannelIcon,
|
|
6344
6454
|
chapters: ChaptersIcon,
|
|
6455
|
+
checkmark: CheckmarkIcon,
|
|
6345
6456
|
"checkmark-circle": CheckmarkCircleIcon,
|
|
6346
6457
|
"checkmark-circle-outline": CheckmarkCircleOutlineIcon,
|
|
6347
|
-
checkmark: CheckmarkIcon,
|
|
6348
6458
|
"checkmark-three-quaters-circle": CheckmarkThreeQuatersCircleIcon,
|
|
6349
6459
|
"circle-slashed": CircleSlashedIcon,
|
|
6350
6460
|
clapboard: ClapboardIcon,
|
|
6351
6461
|
close: CloseIcon,
|
|
6352
6462
|
"close-octagon": CloseOctagonIcon,
|
|
6353
6463
|
"closed-captions": ClosedCaptionsIcon,
|
|
6354
|
-
"collapse-diagonal": CollapseDiagonalIcon,
|
|
6355
6464
|
collapse: CollapseIcon,
|
|
6465
|
+
"collapse-diagonal": CollapseDiagonalIcon,
|
|
6356
6466
|
comments: CommentsIcon,
|
|
6357
6467
|
company: CompanyIcon,
|
|
6358
6468
|
compare: CompareIcon,
|
|
@@ -6371,9 +6481,9 @@ var iconMap = {
|
|
|
6371
6481
|
embed: EmbedIcon,
|
|
6372
6482
|
envelope: EnvelopeIcon,
|
|
6373
6483
|
error: ErrorIcon,
|
|
6484
|
+
expand: ExpandIcon,
|
|
6374
6485
|
"expand-diagonal": ExpandDiagonalIcon,
|
|
6375
6486
|
"expand-horizontal": ExpandHorizontalIcon,
|
|
6376
|
-
expand: ExpandIcon,
|
|
6377
6487
|
"fast-forward": FastForwardIcon,
|
|
6378
6488
|
favorite: FavoriteIcon,
|
|
6379
6489
|
"favorite-outline": FavoriteOutlineIcon,
|
|
@@ -6392,6 +6502,7 @@ var iconMap = {
|
|
|
6392
6502
|
hide: HideIcon,
|
|
6393
6503
|
home: HomeIcon,
|
|
6394
6504
|
hourglass: HourglassIcon,
|
|
6505
|
+
import: ImportIcon,
|
|
6395
6506
|
info: InfoIcon,
|
|
6396
6507
|
integrations: IntegrationsIcon,
|
|
6397
6508
|
leave: LeaveIcon,
|
|
@@ -6408,8 +6519,8 @@ var iconMap = {
|
|
|
6408
6519
|
mic: MicIcon,
|
|
6409
6520
|
"mic-off": MicOffIcon,
|
|
6410
6521
|
minimize: MinimizeIcon,
|
|
6411
|
-
"minus-circle": MinusCircleIcon,
|
|
6412
6522
|
minus: MinusIcon,
|
|
6523
|
+
"minus-circle": MinusCircleIcon,
|
|
6413
6524
|
mobile: MobileIcon,
|
|
6414
6525
|
"more-options": MoreOptionsIcon,
|
|
6415
6526
|
"move-left": MoveLeftIcon,
|
|
@@ -6441,14 +6552,16 @@ var iconMap = {
|
|
|
6441
6552
|
"question-mark": QuestionMarkIcon,
|
|
6442
6553
|
react: ReactIcon,
|
|
6443
6554
|
record: RecordIcon,
|
|
6555
|
+
"record-group": RecordGroupIcon,
|
|
6444
6556
|
redo: RedoIcon,
|
|
6445
6557
|
refresh: RefreshIcon,
|
|
6446
6558
|
replace: ReplaceIcon,
|
|
6447
6559
|
reply: ReplyIcon,
|
|
6560
|
+
"request-video": RequestVideoIcon,
|
|
6448
6561
|
"revert-to-original": RevertToOriginalIcon,
|
|
6449
6562
|
rewind: RewindIcon,
|
|
6450
|
-
"save-as-copy": SaveAsCopyIcon,
|
|
6451
6563
|
save: SaveIcon,
|
|
6564
|
+
"save-as-copy": SaveAsCopyIcon,
|
|
6452
6565
|
scissors: ScissorsIcon,
|
|
6453
6566
|
"screenshare-off": ScreenshareOffIcon,
|
|
6454
6567
|
"screenshare-on": ScreenshareOnIcon,
|
|
@@ -6473,6 +6586,7 @@ var iconMap = {
|
|
|
6473
6586
|
transcript: TranscriptIcon,
|
|
6474
6587
|
transitions: TransitionsIcon,
|
|
6475
6588
|
transparency: TransparencyIcon,
|
|
6589
|
+
trends: TrendsIcon,
|
|
6476
6590
|
"trial-unlock-clock": TrialUnlockClockIcon,
|
|
6477
6591
|
trim: TrimIcon,
|
|
6478
6592
|
turnstile: TurnstileIcon,
|
|
@@ -6509,7 +6623,7 @@ var useResponsiveProp = (values) => {
|
|
|
6509
6623
|
};
|
|
6510
6624
|
|
|
6511
6625
|
// src/components/Icon/Icon.tsx
|
|
6512
|
-
var
|
|
6626
|
+
var import_jsx_runtime191 = require("react/jsx-runtime");
|
|
6513
6627
|
var iconSizeMap = {
|
|
6514
6628
|
sm: "12",
|
|
6515
6629
|
md: "16",
|
|
@@ -6546,7 +6660,7 @@ var Icon = ({
|
|
|
6546
6660
|
...style
|
|
6547
6661
|
};
|
|
6548
6662
|
const iconColor = invertColor ? "var(--wui-color-icon-on-fill)" : "var(--wui-color-icon)";
|
|
6549
|
-
return /* @__PURE__ */ (0,
|
|
6663
|
+
return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
|
|
6550
6664
|
StyledIcon,
|
|
6551
6665
|
{
|
|
6552
6666
|
$colorScheme: colorScheme,
|
|
@@ -6570,7 +6684,7 @@ var import_react12 = require("react");
|
|
|
6570
6684
|
var import_type_guards12 = require("@wistia/type-guards");
|
|
6571
6685
|
var import_styled_components20 = __toESM(require("styled-components"));
|
|
6572
6686
|
var import_react_router_dom = require("react-router-dom");
|
|
6573
|
-
var
|
|
6687
|
+
var import_jsx_runtime192 = require("react/jsx-runtime");
|
|
6574
6688
|
var generateHref = (href, type, disabled) => {
|
|
6575
6689
|
if (disabled || (0, import_type_guards12.isNil)(href)) {
|
|
6576
6690
|
return void 0;
|
|
@@ -6650,7 +6764,7 @@ var Link = (0, import_react12.forwardRef)(
|
|
|
6650
6764
|
onClick: handleClick
|
|
6651
6765
|
};
|
|
6652
6766
|
if (isButton(props)) {
|
|
6653
|
-
return /* @__PURE__ */ (0,
|
|
6767
|
+
return /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
|
|
6654
6768
|
StyledLink,
|
|
6655
6769
|
{
|
|
6656
6770
|
ref,
|
|
@@ -6670,7 +6784,7 @@ var Link = (0, import_react12.forwardRef)(
|
|
|
6670
6784
|
...commonProps,
|
|
6671
6785
|
...externalLinkProps
|
|
6672
6786
|
};
|
|
6673
|
-
return inRouterContext && type !== "external" ? /* @__PURE__ */ (0,
|
|
6787
|
+
return inRouterContext && type !== "external" ? /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
|
|
6674
6788
|
StyledLink,
|
|
6675
6789
|
{
|
|
6676
6790
|
as: import_react_router_dom.Link,
|
|
@@ -6678,7 +6792,7 @@ var Link = (0, import_react12.forwardRef)(
|
|
|
6678
6792
|
to: to ?? "",
|
|
6679
6793
|
children
|
|
6680
6794
|
}
|
|
6681
|
-
) : /* @__PURE__ */ (0,
|
|
6795
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)(
|
|
6682
6796
|
StyledLink,
|
|
6683
6797
|
{
|
|
6684
6798
|
as: "a",
|
|
@@ -6698,7 +6812,7 @@ var Link = (0, import_react12.forwardRef)(
|
|
|
6698
6812
|
Link.displayName = "Link";
|
|
6699
6813
|
|
|
6700
6814
|
// src/components/Button/Button.tsx
|
|
6701
|
-
var
|
|
6815
|
+
var import_jsx_runtime193 = require("react/jsx-runtime");
|
|
6702
6816
|
var isLink2 = (props) => (0, import_type_guards13.isNotUndefined)(props.href);
|
|
6703
6817
|
var StyledButton = import_styled_components21.default.button`
|
|
6704
6818
|
${buttonResetCss}
|
|
@@ -6734,9 +6848,9 @@ var ButtonContent = ({
|
|
|
6734
6848
|
rightIcon,
|
|
6735
6849
|
children
|
|
6736
6850
|
}) => {
|
|
6737
|
-
return /* @__PURE__ */ (0,
|
|
6738
|
-
isLoading ? /* @__PURE__ */ (0,
|
|
6739
|
-
/* @__PURE__ */ (0,
|
|
6851
|
+
return /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)(import_jsx_runtime193.Fragment, { children: [
|
|
6852
|
+
isLoading ? /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(StyledButtonLoading, { children: /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(Icon, { type: "spinner" }) }) : null,
|
|
6853
|
+
/* @__PURE__ */ (0, import_jsx_runtime193.jsxs)(
|
|
6740
6854
|
StyledButtonContent,
|
|
6741
6855
|
{
|
|
6742
6856
|
$hasLeftIcon: (0, import_type_guards13.isNotNil)(leftIcon),
|
|
@@ -6744,7 +6858,7 @@ var ButtonContent = ({
|
|
|
6744
6858
|
$isLoading: isLoading,
|
|
6745
6859
|
children: [
|
|
6746
6860
|
leftIcon ?? null,
|
|
6747
|
-
/* @__PURE__ */ (0,
|
|
6861
|
+
/* @__PURE__ */ (0, import_jsx_runtime193.jsx)(StyledButtonContentLabel, { children }),
|
|
6748
6862
|
rightIcon ?? null
|
|
6749
6863
|
]
|
|
6750
6864
|
}
|
|
@@ -6784,14 +6898,14 @@ var Button = (0, import_react13.forwardRef)(
|
|
|
6784
6898
|
commonProps.className = `${className ?? ""} force-state-${forceState}`;
|
|
6785
6899
|
}
|
|
6786
6900
|
if (isLink2(props)) {
|
|
6787
|
-
return /* @__PURE__ */ (0,
|
|
6901
|
+
return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
|
|
6788
6902
|
StyledButton,
|
|
6789
6903
|
{
|
|
6790
6904
|
ref,
|
|
6791
6905
|
as: Link,
|
|
6792
6906
|
...props,
|
|
6793
6907
|
...commonProps,
|
|
6794
|
-
children: unstyled ? children : /* @__PURE__ */ (0,
|
|
6908
|
+
children: unstyled ? children : /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
|
|
6795
6909
|
ButtonContent,
|
|
6796
6910
|
{
|
|
6797
6911
|
isLoading,
|
|
@@ -6812,7 +6926,7 @@ var Button = (0, import_react13.forwardRef)(
|
|
|
6812
6926
|
onClick(event);
|
|
6813
6927
|
}
|
|
6814
6928
|
};
|
|
6815
|
-
return /* @__PURE__ */ (0,
|
|
6929
|
+
return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
|
|
6816
6930
|
StyledButton,
|
|
6817
6931
|
{
|
|
6818
6932
|
ref,
|
|
@@ -6820,7 +6934,7 @@ var Button = (0, import_react13.forwardRef)(
|
|
|
6820
6934
|
type: "button",
|
|
6821
6935
|
...props,
|
|
6822
6936
|
...commonProps,
|
|
6823
|
-
children: unstyled ? children : /* @__PURE__ */ (0,
|
|
6937
|
+
children: unstyled ? children : /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
|
|
6824
6938
|
ButtonContent,
|
|
6825
6939
|
{
|
|
6826
6940
|
isLoading,
|
|
@@ -6836,7 +6950,7 @@ var Button = (0, import_react13.forwardRef)(
|
|
|
6836
6950
|
Button.displayName = "Button";
|
|
6837
6951
|
|
|
6838
6952
|
// src/components/ActionButton/ActionButton.tsx
|
|
6839
|
-
var
|
|
6953
|
+
var import_jsx_runtime194 = require("react/jsx-runtime");
|
|
6840
6954
|
var StyledActionButton = (0, import_styled_components22.default)(Button)`
|
|
6841
6955
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
6842
6956
|
display: grid;
|
|
@@ -6947,7 +7061,7 @@ var ActionButton = (0, import_react14.forwardRef)(
|
|
|
6947
7061
|
"menu-up": "caret-up",
|
|
6948
7062
|
"menu-down": "caret-down"
|
|
6949
7063
|
};
|
|
6950
|
-
return /* @__PURE__ */ (0,
|
|
7064
|
+
return /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)(
|
|
6951
7065
|
StyledActionButton,
|
|
6952
7066
|
{
|
|
6953
7067
|
...props,
|
|
@@ -6957,15 +7071,15 @@ var ActionButton = (0, import_react14.forwardRef)(
|
|
|
6957
7071
|
disabled,
|
|
6958
7072
|
unstyled: true,
|
|
6959
7073
|
children: [
|
|
6960
|
-
/* @__PURE__ */ (0,
|
|
6961
|
-
/* @__PURE__ */ (0,
|
|
7074
|
+
/* @__PURE__ */ (0, import_jsx_runtime194.jsx)(StyledMainIcon, { children: icon }),
|
|
7075
|
+
/* @__PURE__ */ (0, import_jsx_runtime194.jsx)(StyledSecondaryIcon, { $hideUntilHover: variant === "default", children: /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
|
|
6962
7076
|
Icon,
|
|
6963
7077
|
{
|
|
6964
7078
|
colorScheme: variant === "gated" ? "purple" : "inherit",
|
|
6965
7079
|
type: secondaryIconMap[variant]
|
|
6966
7080
|
}
|
|
6967
7081
|
) }),
|
|
6968
|
-
/* @__PURE__ */ (0,
|
|
7082
|
+
/* @__PURE__ */ (0, import_jsx_runtime194.jsx)(StyledLabel, { $disabled: disabled, children })
|
|
6969
7083
|
]
|
|
6970
7084
|
}
|
|
6971
7085
|
);
|
|
@@ -6980,7 +7094,7 @@ var import_styled_components24 = __toESM(require("styled-components"));
|
|
|
6980
7094
|
|
|
6981
7095
|
// src/components/ColorSchemeWrapper/ColorSchemeWrapper.tsx
|
|
6982
7096
|
var import_styled_components23 = __toESM(require("styled-components"));
|
|
6983
|
-
var
|
|
7097
|
+
var import_jsx_runtime195 = require("react/jsx-runtime");
|
|
6984
7098
|
var colorSchemeOptions = [
|
|
6985
7099
|
"inherit",
|
|
6986
7100
|
"default",
|
|
@@ -7006,7 +7120,7 @@ var ColorSchemeWrapper = ({
|
|
|
7006
7120
|
colorScheme = "inherit",
|
|
7007
7121
|
children,
|
|
7008
7122
|
...otherProps
|
|
7009
|
-
}) => /* @__PURE__ */ (0,
|
|
7123
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
|
|
7010
7124
|
StyledColorSchemeWrapper,
|
|
7011
7125
|
{
|
|
7012
7126
|
$colorScheme: colorScheme,
|
|
@@ -7032,7 +7146,7 @@ var formatNameForDisplay = (name) => {
|
|
|
7032
7146
|
};
|
|
7033
7147
|
|
|
7034
7148
|
// src/components/Avatar/Avatar.tsx
|
|
7035
|
-
var
|
|
7149
|
+
var import_jsx_runtime196 = require("react/jsx-runtime");
|
|
7036
7150
|
var AvatarImage = import_styled_components24.default.img`
|
|
7037
7151
|
align-items: center;
|
|
7038
7152
|
background-color: white;
|
|
@@ -7121,19 +7235,19 @@ var Avatar = ({
|
|
|
7121
7235
|
const avatarSize = heightAndWidth ?? avatarSizeMap[size];
|
|
7122
7236
|
const avatarColor = (0, import_react15.useMemo)(() => chooseColorScheme(name), [name]);
|
|
7123
7237
|
const showInitials = (0, import_type_guards15.isNil)(imageUrl) || imageLoadState === "error";
|
|
7124
|
-
return /* @__PURE__ */ (0,
|
|
7238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
|
|
7125
7239
|
AvatarWrapper,
|
|
7126
7240
|
{
|
|
7127
7241
|
...otherProps,
|
|
7128
7242
|
$maxHeight: avatarSize,
|
|
7129
|
-
children: showInitials ? /* @__PURE__ */ (0,
|
|
7243
|
+
children: showInitials ? /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
|
|
7130
7244
|
InitialsContainer,
|
|
7131
7245
|
{
|
|
7132
7246
|
$colorScheme: avatarColor,
|
|
7133
7247
|
$heightAndWidth: avatarSize,
|
|
7134
7248
|
children: formatNameForDisplay(name)
|
|
7135
7249
|
}
|
|
7136
|
-
) : /* @__PURE__ */ (0,
|
|
7250
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
|
|
7137
7251
|
AvatarImage,
|
|
7138
7252
|
{
|
|
7139
7253
|
$heightAndWidth: avatarSize,
|
|
@@ -7152,7 +7266,7 @@ Avatar.displayName = "Avatar";
|
|
|
7152
7266
|
var import_react16 = require("react");
|
|
7153
7267
|
var import_styled_components25 = __toESM(require("styled-components"));
|
|
7154
7268
|
var import_type_guards16 = require("@wistia/type-guards");
|
|
7155
|
-
var
|
|
7269
|
+
var import_jsx_runtime197 = require("react/jsx-runtime");
|
|
7156
7270
|
var StyledBadge = import_styled_components25.default.div`
|
|
7157
7271
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
7158
7272
|
align-items: center;
|
|
@@ -7176,7 +7290,7 @@ var StyledBadge = import_styled_components25.default.div`
|
|
|
7176
7290
|
var Badge = (0, import_react16.forwardRef)(
|
|
7177
7291
|
({ colorScheme = "inherit", label, icon, ...otherProps }, ref) => {
|
|
7178
7292
|
const hasIcon = (0, import_type_guards16.isNotNil)(icon);
|
|
7179
|
-
return /* @__PURE__ */ (0,
|
|
7293
|
+
return /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)(
|
|
7180
7294
|
StyledBadge,
|
|
7181
7295
|
{
|
|
7182
7296
|
ref,
|
|
@@ -7185,7 +7299,7 @@ var Badge = (0, import_react16.forwardRef)(
|
|
|
7185
7299
|
$hasIcon: hasIcon,
|
|
7186
7300
|
children: [
|
|
7187
7301
|
hasIcon ? icon : null,
|
|
7188
|
-
/* @__PURE__ */ (0,
|
|
7302
|
+
/* @__PURE__ */ (0, import_jsx_runtime197.jsx)("span", { children: label })
|
|
7189
7303
|
]
|
|
7190
7304
|
}
|
|
7191
7305
|
);
|
|
@@ -7204,7 +7318,7 @@ var makePolymorphic = (component) => {
|
|
|
7204
7318
|
};
|
|
7205
7319
|
|
|
7206
7320
|
// src/components/Box/Box.tsx
|
|
7207
|
-
var
|
|
7321
|
+
var import_jsx_runtime198 = require("react/jsx-runtime");
|
|
7208
7322
|
var isDev = process.env["NODE_ENV"] === "development" || process.env["NODE_ENV"] === "test";
|
|
7209
7323
|
var getGapStyle = (gap) => {
|
|
7210
7324
|
if ((0, import_type_guards17.isNotNil)(gap)) {
|
|
@@ -7328,7 +7442,7 @@ var BoxComponent = (0, import_react17.forwardRef)(
|
|
|
7328
7442
|
);
|
|
7329
7443
|
}
|
|
7330
7444
|
}
|
|
7331
|
-
return /* @__PURE__ */ (0,
|
|
7445
|
+
return /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
|
|
7332
7446
|
StyledBoxComponent,
|
|
7333
7447
|
{
|
|
7334
7448
|
ref,
|
|
@@ -7361,7 +7475,7 @@ var Box = makePolymorphic(BoxComponent);
|
|
|
7361
7475
|
// src/components/Breadcrumbs/Breadcrumbs.tsx
|
|
7362
7476
|
var import_react18 = require("react");
|
|
7363
7477
|
var import_styled_components27 = __toESM(require("styled-components"));
|
|
7364
|
-
var
|
|
7478
|
+
var import_jsx_runtime199 = require("react/jsx-runtime");
|
|
7365
7479
|
var StyledBreadcrumbs = import_styled_components27.default.nav`
|
|
7366
7480
|
display: flex;
|
|
7367
7481
|
align-items: center;
|
|
@@ -7380,8 +7494,8 @@ var Breadcrumbs = ({ children, ...props }) => {
|
|
|
7380
7494
|
crumbs = crumbs.slice(-1);
|
|
7381
7495
|
}
|
|
7382
7496
|
const crumbMaxWidth = Math.floor(100 / crumbs.length) - BUFFER_WIDTH;
|
|
7383
|
-
return /* @__PURE__ */ (0,
|
|
7384
|
-
/* @__PURE__ */ (0,
|
|
7497
|
+
return /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)(import_jsx_runtime199.Fragment, { children: [
|
|
7498
|
+
/* @__PURE__ */ (0, import_jsx_runtime199.jsx)("style", { type: "text/css", children: `
|
|
7385
7499
|
[data-wui-breadcrumbs] {
|
|
7386
7500
|
container-type: inline-size;
|
|
7387
7501
|
container-name: breadcrumbs;
|
|
@@ -7393,7 +7507,7 @@ var Breadcrumbs = ({ children, ...props }) => {
|
|
|
7393
7507
|
}
|
|
7394
7508
|
}
|
|
7395
7509
|
` }),
|
|
7396
|
-
/* @__PURE__ */ (0,
|
|
7510
|
+
/* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
|
|
7397
7511
|
StyledBreadcrumbs,
|
|
7398
7512
|
{
|
|
7399
7513
|
"aria-label": "Breadcrumbs",
|
|
@@ -7408,7 +7522,7 @@ Breadcrumbs.displayName = "Breadcrumbs";
|
|
|
7408
7522
|
|
|
7409
7523
|
// src/components/Breadcrumbs/Breadcrumb.tsx
|
|
7410
7524
|
var import_styled_components28 = __toESM(require("styled-components"));
|
|
7411
|
-
var
|
|
7525
|
+
var import_jsx_runtime200 = require("react/jsx-runtime");
|
|
7412
7526
|
var BreadcrumbContent = import_styled_components28.default.span`
|
|
7413
7527
|
overflow: hidden;
|
|
7414
7528
|
white-space: nowrap;
|
|
@@ -7418,18 +7532,18 @@ var BreadcrumbContent = import_styled_components28.default.span`
|
|
|
7418
7532
|
flex: 0;
|
|
7419
7533
|
`;
|
|
7420
7534
|
var Breadcrumb = ({ icon, href, children, ...props }) => {
|
|
7421
|
-
return /* @__PURE__ */ (0,
|
|
7422
|
-
/* @__PURE__ */ (0,
|
|
7535
|
+
return /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(import_jsx_runtime200.Fragment, { children: [
|
|
7536
|
+
/* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
|
|
7423
7537
|
Button,
|
|
7424
7538
|
{
|
|
7425
7539
|
...props,
|
|
7426
7540
|
href,
|
|
7427
7541
|
leftIcon: icon,
|
|
7428
7542
|
variant: "ghost",
|
|
7429
|
-
children: /* @__PURE__ */ (0,
|
|
7543
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(BreadcrumbContent, { "data-wui-breadcrumb": true, children })
|
|
7430
7544
|
}
|
|
7431
7545
|
),
|
|
7432
|
-
/* @__PURE__ */ (0,
|
|
7546
|
+
/* @__PURE__ */ (0, import_jsx_runtime200.jsx)("div", { "data-wui-breadcrumb-divider": true, children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
|
|
7433
7547
|
Icon,
|
|
7434
7548
|
{
|
|
7435
7549
|
size: "sm",
|
|
@@ -7443,7 +7557,7 @@ var Breadcrumb = ({ icon, href, children, ...props }) => {
|
|
|
7443
7557
|
// src/components/ButtonGroup/ButtonGroup.tsx
|
|
7444
7558
|
var import_styled_components29 = __toESM(require("styled-components"));
|
|
7445
7559
|
var import_type_guards18 = require("@wistia/type-guards");
|
|
7446
|
-
var
|
|
7560
|
+
var import_jsx_runtime201 = require("react/jsx-runtime");
|
|
7447
7561
|
var getAlignment = (align) => {
|
|
7448
7562
|
if (align === "center") {
|
|
7449
7563
|
return "center";
|
|
@@ -7491,7 +7605,7 @@ var ButtonGroup = ({
|
|
|
7491
7605
|
if ((0, import_type_guards18.isNil)(children)) {
|
|
7492
7606
|
return null;
|
|
7493
7607
|
}
|
|
7494
|
-
return /* @__PURE__ */ (0,
|
|
7608
|
+
return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
|
|
7495
7609
|
ButtonGroupComponent,
|
|
7496
7610
|
{
|
|
7497
7611
|
$align: align,
|
|
@@ -7506,7 +7620,7 @@ ButtonGroup.displayName = "ButtonGroup";
|
|
|
7506
7620
|
|
|
7507
7621
|
// src/components/Card/Card.tsx
|
|
7508
7622
|
var import_styled_components30 = __toESM(require("styled-components"));
|
|
7509
|
-
var
|
|
7623
|
+
var import_jsx_runtime202 = require("react/jsx-runtime");
|
|
7510
7624
|
var StyledCard = (0, import_styled_components30.default)(Box)`
|
|
7511
7625
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
7512
7626
|
box-sizing: border-box;
|
|
@@ -7544,7 +7658,7 @@ var Card = ({
|
|
|
7544
7658
|
height,
|
|
7545
7659
|
width,
|
|
7546
7660
|
...props
|
|
7547
|
-
}) => /* @__PURE__ */ (0,
|
|
7661
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
|
|
7548
7662
|
StyledCard,
|
|
7549
7663
|
{
|
|
7550
7664
|
$backgroundColor: prominenceMap[prominence].backgroundColor,
|
|
@@ -7573,7 +7687,7 @@ var import_type_guards21 = require("@wistia/type-guards");
|
|
|
7573
7687
|
// src/private/components/FormControlLabel/FormControlLabelDescription.tsx
|
|
7574
7688
|
var import_styled_components31 = __toESM(require("styled-components"));
|
|
7575
7689
|
var import_type_guards19 = require("@wistia/type-guards");
|
|
7576
|
-
var
|
|
7690
|
+
var import_jsx_runtime203 = require("react/jsx-runtime");
|
|
7577
7691
|
var disabledStyle = import_styled_components31.css`
|
|
7578
7692
|
color: var(--wui-color-text-disabled);
|
|
7579
7693
|
`;
|
|
@@ -7595,7 +7709,7 @@ var FormControlLabelDescription = ({
|
|
|
7595
7709
|
if ((0, import_type_guards19.isNil)(children)) {
|
|
7596
7710
|
return null;
|
|
7597
7711
|
}
|
|
7598
|
-
return /* @__PURE__ */ (0,
|
|
7712
|
+
return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
|
|
7599
7713
|
StyledFormControlLabelDescription,
|
|
7600
7714
|
{
|
|
7601
7715
|
...props,
|
|
@@ -7609,7 +7723,7 @@ FormControlLabelDescription.displayName = "FormControlLabelDescription";
|
|
|
7609
7723
|
// src/components/ScreenReaderOnly/ScreenReaderOnly.tsx
|
|
7610
7724
|
var import_styled_components32 = __toESM(require("styled-components"));
|
|
7611
7725
|
var import_type_guards20 = require("@wistia/type-guards");
|
|
7612
|
-
var
|
|
7726
|
+
var import_jsx_runtime204 = require("react/jsx-runtime");
|
|
7613
7727
|
var VisuallyHidden = import_styled_components32.default.div({ ...visuallyHiddenStyle });
|
|
7614
7728
|
var VisuallyHiddenButFocusable = import_styled_components32.default.div({
|
|
7615
7729
|
"&:not(:focus-within)": visuallyHiddenStyle
|
|
@@ -7622,14 +7736,14 @@ var ScreenReaderOnly = ({
|
|
|
7622
7736
|
}) => {
|
|
7623
7737
|
const accessibleText = (0, import_type_guards20.isNotNil)(text) ? text : children;
|
|
7624
7738
|
if (focusable) {
|
|
7625
|
-
return /* @__PURE__ */ (0,
|
|
7739
|
+
return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(VisuallyHiddenButFocusable, { ...otherProps, children: accessibleText });
|
|
7626
7740
|
}
|
|
7627
|
-
return /* @__PURE__ */ (0,
|
|
7741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(VisuallyHidden, { ...otherProps, children: accessibleText });
|
|
7628
7742
|
};
|
|
7629
7743
|
ScreenReaderOnly.displayName = "ScreenReaderOnly";
|
|
7630
7744
|
|
|
7631
7745
|
// src/private/components/FormControlLabel/FormControlLabel.tsx
|
|
7632
|
-
var
|
|
7746
|
+
var import_jsx_runtime205 = require("react/jsx-runtime");
|
|
7633
7747
|
var disabledStyle2 = import_styled_components33.css`
|
|
7634
7748
|
cursor: not-allowed;
|
|
7635
7749
|
color: var(--wui-color-text-disabled);
|
|
@@ -7663,11 +7777,11 @@ var FormControlLabel = ({
|
|
|
7663
7777
|
if ((0, import_type_guards21.isNil)(label)) {
|
|
7664
7778
|
return null;
|
|
7665
7779
|
}
|
|
7666
|
-
const labelContent = hideLabel ? /* @__PURE__ */ (0,
|
|
7780
|
+
const labelContent = hideLabel ? /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(ScreenReaderOnly, { children: label }) : /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(StyledLabelWrapper, { children: [
|
|
7667
7781
|
label,
|
|
7668
|
-
/* @__PURE__ */ (0,
|
|
7782
|
+
/* @__PURE__ */ (0, import_jsx_runtime205.jsx)(FormControlLabelDescription, { children: description })
|
|
7669
7783
|
] });
|
|
7670
|
-
return /* @__PURE__ */ (0,
|
|
7784
|
+
return /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(
|
|
7671
7785
|
StyledFormControlLabel,
|
|
7672
7786
|
{
|
|
7673
7787
|
$disabled: disabled,
|
|
@@ -7683,8 +7797,8 @@ var FormControlLabel = ({
|
|
|
7683
7797
|
FormControlLabel.displayName = "FormControlLabel";
|
|
7684
7798
|
|
|
7685
7799
|
// src/components/Checkbox/Checkbox.tsx
|
|
7686
|
-
var
|
|
7687
|
-
var CheckIcon = () => /* @__PURE__ */ (0,
|
|
7800
|
+
var import_jsx_runtime206 = require("react/jsx-runtime");
|
|
7801
|
+
var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
|
|
7688
7802
|
"svg",
|
|
7689
7803
|
{
|
|
7690
7804
|
fill: "inherit",
|
|
@@ -7692,7 +7806,7 @@ var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
|
|
|
7692
7806
|
viewBox: "0 0 10 8",
|
|
7693
7807
|
width: "10",
|
|
7694
7808
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7695
|
-
children: /* @__PURE__ */ (0,
|
|
7809
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
|
|
7696
7810
|
"path",
|
|
7697
7811
|
{
|
|
7698
7812
|
d: "M3.47281 7.19303L0.377565 4.07999C0.191609 3.89297 0.191609 3.58973 0.377565 3.40268L1.05098 2.72537C1.23694 2.53833 1.53847 2.53833 1.72442 2.72537L3.80953 4.82245L8.27558 0.330729C8.46154 0.143704 8.76306 0.143704 8.94902 0.330729L9.62244 1.00804C9.8084 1.19506 9.8084 1.49831 9.62244 1.68535L4.14624 7.19305C3.96027 7.38008 3.65876 7.38008 3.47281 7.19303Z",
|
|
@@ -7799,8 +7913,8 @@ var Checkbox = (0, import_react19.forwardRef)(
|
|
|
7799
7913
|
}, ref) => {
|
|
7800
7914
|
const generatedId = (0, import_react19.useId)();
|
|
7801
7915
|
const computedId = (0, import_type_guards22.isNonEmptyString)(id) ? id : `wistia-ui-checkbox-${generatedId}`;
|
|
7802
|
-
return /* @__PURE__ */ (0,
|
|
7803
|
-
/* @__PURE__ */ (0,
|
|
7916
|
+
return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(StyledCheckboxWrapper, { disabled, children: [
|
|
7917
|
+
/* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
|
|
7804
7918
|
StyledHiddenCheckboxInput,
|
|
7805
7919
|
{
|
|
7806
7920
|
...props,
|
|
@@ -7815,16 +7929,16 @@ var Checkbox = (0, import_react19.forwardRef)(
|
|
|
7815
7929
|
value
|
|
7816
7930
|
}
|
|
7817
7931
|
),
|
|
7818
|
-
/* @__PURE__ */ (0,
|
|
7932
|
+
/* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
|
|
7819
7933
|
FormControlLabel,
|
|
7820
7934
|
{
|
|
7821
|
-
controlSlot: /* @__PURE__ */ (0,
|
|
7935
|
+
controlSlot: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
|
|
7822
7936
|
StyledCheckboxInput,
|
|
7823
7937
|
{
|
|
7824
7938
|
$disabled: disabled,
|
|
7825
7939
|
$size: size,
|
|
7826
7940
|
"data-wui-faux-input": "true",
|
|
7827
|
-
children: /* @__PURE__ */ (0,
|
|
7941
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(CheckIcon, {})
|
|
7828
7942
|
}
|
|
7829
7943
|
),
|
|
7830
7944
|
description,
|
|
@@ -7878,7 +7992,7 @@ ClickRegion.displayName = "ClickRegion";
|
|
|
7878
7992
|
var import_react_collapsible = require("@radix-ui/react-collapsible");
|
|
7879
7993
|
var import_type_guards23 = require("@wistia/type-guards");
|
|
7880
7994
|
var import_styled_components35 = __toESM(require("styled-components"));
|
|
7881
|
-
var
|
|
7995
|
+
var import_jsx_runtime207 = require("react/jsx-runtime");
|
|
7882
7996
|
var StyledRoot = (0, import_styled_components35.default)(import_react_collapsible.Root)`
|
|
7883
7997
|
&[data-state='closed'] [data-wui-collapsible-content] {
|
|
7884
7998
|
display: -webkit-box;
|
|
@@ -7895,32 +8009,32 @@ var Collapsible = ({
|
|
|
7895
8009
|
const controlProps = {
|
|
7896
8010
|
...(0, import_type_guards23.isNotNil)(onOpenChange) && (0, import_type_guards23.isNotNil)(isOpen) ? { open: isOpen, onOpenChange } : {}
|
|
7897
8011
|
};
|
|
7898
|
-
return /* @__PURE__ */ (0,
|
|
8012
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(StyledRoot, { ...controlProps, children });
|
|
7899
8013
|
};
|
|
7900
8014
|
Collapsible.displayName = "Collapsible";
|
|
7901
8015
|
|
|
7902
8016
|
// src/components/Collapsible/CollapsibleTrigger.tsx
|
|
7903
8017
|
var import_react21 = require("react");
|
|
7904
8018
|
var import_react_collapsible2 = require("@radix-ui/react-collapsible");
|
|
7905
|
-
var
|
|
8019
|
+
var import_jsx_runtime208 = require("react/jsx-runtime");
|
|
7906
8020
|
var CollapsibleTrigger = ({ children }) => {
|
|
7907
8021
|
import_react21.Children.only(children);
|
|
7908
|
-
return /* @__PURE__ */ (0,
|
|
8022
|
+
return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(import_react_collapsible2.Trigger, { asChild: true, children });
|
|
7909
8023
|
};
|
|
7910
8024
|
|
|
7911
8025
|
// src/components/Collapsible/CollapsibleContent.tsx
|
|
7912
8026
|
var import_styled_components36 = __toESM(require("styled-components"));
|
|
7913
8027
|
var import_react_collapsible3 = require("@radix-ui/react-collapsible");
|
|
7914
8028
|
var import_type_guards24 = require("@wistia/type-guards");
|
|
7915
|
-
var
|
|
8029
|
+
var import_jsx_runtime209 = require("react/jsx-runtime");
|
|
7916
8030
|
var ClampedContent = import_styled_components36.default.div.attrs({ "data-wui-collapsible-content": true })`
|
|
7917
8031
|
--wui-collapsible-content-clamp-lines: ${({ $clamp }) => $clamp};
|
|
7918
8032
|
`;
|
|
7919
8033
|
var CollapsibleContent = ({ clamp, children }) => {
|
|
7920
8034
|
if ((0, import_type_guards24.isNotUndefined)(clamp)) {
|
|
7921
|
-
return /* @__PURE__ */ (0,
|
|
8035
|
+
return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(ClampedContent, { $clamp: clamp, children });
|
|
7922
8036
|
}
|
|
7923
|
-
return /* @__PURE__ */ (0,
|
|
8037
|
+
return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(import_react_collapsible3.Content, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(import_jsx_runtime209.Fragment, { children: [
|
|
7924
8038
|
children,
|
|
7925
8039
|
" "
|
|
7926
8040
|
] }) });
|
|
@@ -7933,7 +8047,7 @@ var import_type_guards25 = require("@wistia/type-guards");
|
|
|
7933
8047
|
// src/components/Heading/Heading.tsx
|
|
7934
8048
|
var import_react22 = require("react");
|
|
7935
8049
|
var import_styled_components37 = __toESM(require("styled-components"));
|
|
7936
|
-
var
|
|
8050
|
+
var import_jsx_runtime210 = require("react/jsx-runtime");
|
|
7937
8051
|
var heroStyle = import_styled_components37.css`
|
|
7938
8052
|
--font-family: var(--wui-typography-heading-hero-family);
|
|
7939
8053
|
--font-size: var(--wui-typography-heading-hero-size);
|
|
@@ -8029,7 +8143,7 @@ var HeadingComponent = (0, import_react22.forwardRef)(
|
|
|
8029
8143
|
variant = "heading1",
|
|
8030
8144
|
renderAs,
|
|
8031
8145
|
...otherProps
|
|
8032
|
-
}, ref) => /* @__PURE__ */ (0,
|
|
8146
|
+
}, ref) => /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
8033
8147
|
StyledHeading,
|
|
8034
8148
|
{
|
|
8035
8149
|
ref,
|
|
@@ -8049,7 +8163,7 @@ HeadingComponent.displayName = "Heading";
|
|
|
8049
8163
|
var Heading = makePolymorphic(HeadingComponent);
|
|
8050
8164
|
|
|
8051
8165
|
// src/components/DataCards/DataCard.tsx
|
|
8052
|
-
var
|
|
8166
|
+
var import_jsx_runtime211 = require("react/jsx-runtime");
|
|
8053
8167
|
var StyledDataCard = import_styled_components38.default.div`
|
|
8054
8168
|
${({ $colorScheme }) => getColorScheme($colorScheme)}
|
|
8055
8169
|
display: grid;
|
|
@@ -8115,30 +8229,30 @@ var DataCard = ({
|
|
|
8115
8229
|
isLoading = false,
|
|
8116
8230
|
trend,
|
|
8117
8231
|
...props
|
|
8118
|
-
}) => /* @__PURE__ */ (0,
|
|
8232
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
|
|
8119
8233
|
StyledDataCard,
|
|
8120
8234
|
{
|
|
8121
8235
|
$colorScheme: colorScheme,
|
|
8122
8236
|
...props,
|
|
8123
8237
|
children: [
|
|
8124
|
-
/* @__PURE__ */ (0,
|
|
8238
|
+
/* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
|
|
8125
8239
|
StyledLabel2,
|
|
8126
8240
|
{
|
|
8127
8241
|
renderAs: "dt",
|
|
8128
8242
|
variant: "heading6",
|
|
8129
|
-
children: isLoading ? /* @__PURE__ */ (0,
|
|
8243
|
+
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(StyledLoadingLabel, {}) : label
|
|
8130
8244
|
}
|
|
8131
8245
|
),
|
|
8132
|
-
/* @__PURE__ */ (0,
|
|
8246
|
+
/* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
|
|
8133
8247
|
StyledValue,
|
|
8134
8248
|
{
|
|
8135
8249
|
renderAs: "dd",
|
|
8136
8250
|
variant: "heading3",
|
|
8137
|
-
children: isLoading ? /* @__PURE__ */ (0,
|
|
8251
|
+
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(StyledLoadingValue, {}) : value
|
|
8138
8252
|
}
|
|
8139
8253
|
),
|
|
8140
|
-
(0, import_type_guards25.isNotNull)(upperRightSlot) && !isLoading && /* @__PURE__ */ (0,
|
|
8141
|
-
(0, import_type_guards25.isNotNull)(trend) && !isLoading && /* @__PURE__ */ (0,
|
|
8254
|
+
(0, import_type_guards25.isNotNull)(upperRightSlot) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(StyledSlot, { children: upperRightSlot }),
|
|
8255
|
+
(0, import_type_guards25.isNotNull)(trend) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(StyledDataCardTrendContainer, { children: trend })
|
|
8142
8256
|
]
|
|
8143
8257
|
}
|
|
8144
8258
|
);
|
|
@@ -8146,7 +8260,7 @@ DataCard.displayName = "DataCard";
|
|
|
8146
8260
|
|
|
8147
8261
|
// src/components/DataCards/DataCards.tsx
|
|
8148
8262
|
var import_styled_components39 = __toESM(require("styled-components"));
|
|
8149
|
-
var
|
|
8263
|
+
var import_jsx_runtime212 = require("react/jsx-runtime");
|
|
8150
8264
|
var StyledDataCards = (0, import_styled_components39.default)(Box)`
|
|
8151
8265
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
8152
8266
|
margin-top: 0; /* Remove default <dl> style */
|
|
@@ -8161,7 +8275,7 @@ var DataCards = ({
|
|
|
8161
8275
|
colorScheme = "inherit",
|
|
8162
8276
|
...props
|
|
8163
8277
|
}) => {
|
|
8164
|
-
return /* @__PURE__ */ (0,
|
|
8278
|
+
return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
|
|
8165
8279
|
StyledDataCards,
|
|
8166
8280
|
{
|
|
8167
8281
|
...props,
|
|
@@ -8184,7 +8298,7 @@ var import_styled_components41 = __toESM(require("styled-components"));
|
|
|
8184
8298
|
// src/components/Text/Text.tsx
|
|
8185
8299
|
var import_react23 = require("react");
|
|
8186
8300
|
var import_styled_components40 = __toESM(require("styled-components"));
|
|
8187
|
-
var
|
|
8301
|
+
var import_jsx_runtime213 = require("react/jsx-runtime");
|
|
8188
8302
|
var bodyBoldStyles = import_styled_components40.css`
|
|
8189
8303
|
> strong,
|
|
8190
8304
|
b {
|
|
@@ -8361,7 +8475,7 @@ var TextComponent = (0, import_react23.forwardRef)(
|
|
|
8361
8475
|
renderAs,
|
|
8362
8476
|
...otherProps
|
|
8363
8477
|
}, ref) => {
|
|
8364
|
-
return /* @__PURE__ */ (0,
|
|
8478
|
+
return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
|
|
8365
8479
|
StyledText,
|
|
8366
8480
|
{
|
|
8367
8481
|
ref,
|
|
@@ -8383,7 +8497,7 @@ TextComponent.displayName = "Text";
|
|
|
8383
8497
|
var Text = makePolymorphic(TextComponent);
|
|
8384
8498
|
|
|
8385
8499
|
// src/components/DataCards/DataCardTrend.tsx
|
|
8386
|
-
var
|
|
8500
|
+
var import_jsx_runtime214 = require("react/jsx-runtime");
|
|
8387
8501
|
var StyledDataCardTrend = import_styled_components41.default.div`
|
|
8388
8502
|
${({ $outlook }) => getColorScheme($outlook === "positive" ? "success" : "error")};
|
|
8389
8503
|
background: var(--wui-color-bg-app);
|
|
@@ -8399,8 +8513,8 @@ var DataCardTrend = ({
|
|
|
8399
8513
|
children,
|
|
8400
8514
|
...props
|
|
8401
8515
|
}) => {
|
|
8402
|
-
return /* @__PURE__ */ (0,
|
|
8403
|
-
/* @__PURE__ */ (0,
|
|
8516
|
+
return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(StyledDataCardTrend, { $outlook: outlook, children: [
|
|
8517
|
+
/* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
8404
8518
|
Icon,
|
|
8405
8519
|
{
|
|
8406
8520
|
size: "md",
|
|
@@ -8408,7 +8522,7 @@ var DataCardTrend = ({
|
|
|
8408
8522
|
...props
|
|
8409
8523
|
}
|
|
8410
8524
|
),
|
|
8411
|
-
/* @__PURE__ */ (0,
|
|
8525
|
+
/* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
8412
8526
|
Text,
|
|
8413
8527
|
{
|
|
8414
8528
|
prominence: "secondary",
|
|
@@ -8421,7 +8535,7 @@ var DataCardTrend = ({
|
|
|
8421
8535
|
|
|
8422
8536
|
// src/components/Divider/Divider.tsx
|
|
8423
8537
|
var import_styled_components42 = __toESM(require("styled-components"));
|
|
8424
|
-
var
|
|
8538
|
+
var import_jsx_runtime215 = require("react/jsx-runtime");
|
|
8425
8539
|
var horizontalBorderCss = import_styled_components42.css`
|
|
8426
8540
|
border-top-color: var(--wui-color-border);
|
|
8427
8541
|
border-top-style: solid;
|
|
@@ -8450,7 +8564,7 @@ var Divider = ({
|
|
|
8450
8564
|
orientation = "horizontal",
|
|
8451
8565
|
...otherProps
|
|
8452
8566
|
}) => {
|
|
8453
|
-
return /* @__PURE__ */ (0,
|
|
8567
|
+
return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
|
|
8454
8568
|
DividerComponent,
|
|
8455
8569
|
{
|
|
8456
8570
|
$orientation: orientation,
|
|
@@ -8469,7 +8583,7 @@ var import_react25 = require("react");
|
|
|
8469
8583
|
// src/components/Tooltip/Tooltip.tsx
|
|
8470
8584
|
var import_react_tooltip2 = require("@radix-ui/react-tooltip");
|
|
8471
8585
|
var import_styled_components43 = __toESM(require("styled-components"));
|
|
8472
|
-
var
|
|
8586
|
+
var import_jsx_runtime216 = require("react/jsx-runtime");
|
|
8473
8587
|
var CompactTooltipStyles = import_styled_components43.css`
|
|
8474
8588
|
--tooltip-font-size: var(--wui-typography-label-4-size);
|
|
8475
8589
|
--tooltip-line-height: var(--wui-typography-label-4-line-height);
|
|
@@ -8536,14 +8650,14 @@ var Tooltip = ({
|
|
|
8536
8650
|
if (forceOpen === true) {
|
|
8537
8651
|
rootProps.open = true;
|
|
8538
8652
|
}
|
|
8539
|
-
return /* @__PURE__ */ (0,
|
|
8653
|
+
return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(
|
|
8540
8654
|
import_react_tooltip2.Root,
|
|
8541
8655
|
{
|
|
8542
8656
|
delayDuration: delay,
|
|
8543
8657
|
...rootProps,
|
|
8544
8658
|
children: [
|
|
8545
|
-
/* @__PURE__ */ (0,
|
|
8546
|
-
/* @__PURE__ */ (0,
|
|
8659
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(import_react_tooltip2.Trigger, { asChild: true, children }),
|
|
8660
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(import_react_tooltip2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(
|
|
8547
8661
|
StyledContent,
|
|
8548
8662
|
{
|
|
8549
8663
|
$compact: compact,
|
|
@@ -8551,7 +8665,7 @@ var Tooltip = ({
|
|
|
8551
8665
|
sideOffset: hideArrow ? VISUAL_OFFSET : VISUAL_OFFSET - 2,
|
|
8552
8666
|
children: [
|
|
8553
8667
|
content,
|
|
8554
|
-
!hideArrow ? /* @__PURE__ */ (0,
|
|
8668
|
+
!hideArrow ? /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(import_react_tooltip2.Arrow, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
8555
8669
|
"svg",
|
|
8556
8670
|
{
|
|
8557
8671
|
fill: "var(--tooltip-bg)",
|
|
@@ -8560,7 +8674,7 @@ var Tooltip = ({
|
|
|
8560
8674
|
viewBox: "0 0 12 8",
|
|
8561
8675
|
width: "12",
|
|
8562
8676
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8563
|
-
children: /* @__PURE__ */ (0,
|
|
8677
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("path", { d: "M6.8 6.93333C6.4 7.46667 5.6 7.46667 5.2 6.93333L-2.54292e-07 -1.04907e-06L12 0L6.8 6.93333Z" })
|
|
8564
8678
|
}
|
|
8565
8679
|
) }) : null
|
|
8566
8680
|
]
|
|
@@ -8576,7 +8690,7 @@ Tooltip.displayName = "Tooltip";
|
|
|
8576
8690
|
var import_react24 = require("react");
|
|
8577
8691
|
var import_styled_components44 = __toESM(require("styled-components"));
|
|
8578
8692
|
var import_type_guards26 = require("@wistia/type-guards");
|
|
8579
|
-
var
|
|
8693
|
+
var import_jsx_runtime217 = require("react/jsx-runtime");
|
|
8580
8694
|
var inputStyles = import_styled_components44.css`
|
|
8581
8695
|
--wui-input-color-bg: var(--wui-color-bg-surface);
|
|
8582
8696
|
--wui-input-color-bg-disabled: var(--wui-color-bg-surface-disabled);
|
|
@@ -8679,7 +8793,7 @@ var Input = (0, import_react24.forwardRef)(
|
|
|
8679
8793
|
);
|
|
8680
8794
|
let leftIconToDisplay = leftIcon;
|
|
8681
8795
|
if ((0, import_type_guards26.isNil)(leftIcon) && type === "search") {
|
|
8682
|
-
leftIconToDisplay = /* @__PURE__ */ (0,
|
|
8796
|
+
leftIconToDisplay = /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Icon, { type: "search" });
|
|
8683
8797
|
}
|
|
8684
8798
|
if ((0, import_type_guards26.isNotNil)(leftIconToDisplay)) {
|
|
8685
8799
|
leftIconToDisplay = (0, import_react24.cloneElement)(leftIconToDisplay, {
|
|
@@ -8704,21 +8818,21 @@ var Input = (0, import_react24.forwardRef)(
|
|
|
8704
8818
|
});
|
|
8705
8819
|
}
|
|
8706
8820
|
};
|
|
8707
|
-
return /* @__PURE__ */ (0,
|
|
8821
|
+
return /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(
|
|
8708
8822
|
StyledInputContainer,
|
|
8709
8823
|
{
|
|
8710
8824
|
$fullWidth: fullWidth,
|
|
8711
8825
|
$monospace: monospace,
|
|
8712
8826
|
children: [
|
|
8713
8827
|
leftIconToDisplay ?? null,
|
|
8714
|
-
type === "multiline" ? /* @__PURE__ */ (0,
|
|
8828
|
+
type === "multiline" ? /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
8715
8829
|
"textarea",
|
|
8716
8830
|
{
|
|
8717
8831
|
...props,
|
|
8718
8832
|
ref,
|
|
8719
8833
|
onFocus: handleFocus
|
|
8720
8834
|
}
|
|
8721
|
-
) : /* @__PURE__ */ (0,
|
|
8835
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
8722
8836
|
"input",
|
|
8723
8837
|
{
|
|
8724
8838
|
...props,
|
|
@@ -8736,7 +8850,7 @@ var Input = (0, import_react24.forwardRef)(
|
|
|
8736
8850
|
Input.displayName = "Input";
|
|
8737
8851
|
|
|
8738
8852
|
// src/components/EditableHeading/EditableHeading.tsx
|
|
8739
|
-
var
|
|
8853
|
+
var import_jsx_runtime218 = require("react/jsx-runtime");
|
|
8740
8854
|
var StyledInput = (0, import_styled_components45.default)(Input)`
|
|
8741
8855
|
:not([rows]) {
|
|
8742
8856
|
min-height: unset;
|
|
@@ -8821,7 +8935,7 @@ var EditableHeading = ({
|
|
|
8821
8935
|
handleSetEditing(false);
|
|
8822
8936
|
}
|
|
8823
8937
|
};
|
|
8824
|
-
const HeadingComponent2 = /* @__PURE__ */ (0,
|
|
8938
|
+
const HeadingComponent2 = /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
8825
8939
|
StyledHeading2,
|
|
8826
8940
|
{
|
|
8827
8941
|
ref: headingRef,
|
|
@@ -8835,7 +8949,7 @@ var EditableHeading = ({
|
|
|
8835
8949
|
return HeadingComponent2;
|
|
8836
8950
|
}
|
|
8837
8951
|
if (isEditing || forceEditing) {
|
|
8838
|
-
return /* @__PURE__ */ (0,
|
|
8952
|
+
return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
8839
8953
|
StyledInput,
|
|
8840
8954
|
{
|
|
8841
8955
|
$height: headingHeight,
|
|
@@ -8853,8 +8967,8 @@ var EditableHeading = ({
|
|
|
8853
8967
|
}
|
|
8854
8968
|
);
|
|
8855
8969
|
}
|
|
8856
|
-
return /* @__PURE__ */ (0,
|
|
8857
|
-
/* @__PURE__ */ (0,
|
|
8970
|
+
return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(import_jsx_runtime218.Fragment, { children: [
|
|
8971
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
8858
8972
|
Tooltip,
|
|
8859
8973
|
{
|
|
8860
8974
|
compact: true,
|
|
@@ -8862,7 +8976,7 @@ var EditableHeading = ({
|
|
|
8862
8976
|
children: HeadingComponent2
|
|
8863
8977
|
}
|
|
8864
8978
|
),
|
|
8865
|
-
/* @__PURE__ */ (0,
|
|
8979
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsx)(ScreenReaderOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
8866
8980
|
"button",
|
|
8867
8981
|
{
|
|
8868
8982
|
"aria-label": ariaLabel,
|
|
@@ -8881,7 +8995,7 @@ var import_type_guards27 = require("@wistia/type-guards");
|
|
|
8881
8995
|
// src/components/Stack/Stack.tsx
|
|
8882
8996
|
var import_react26 = require("react");
|
|
8883
8997
|
var import_styled_components46 = __toESM(require("styled-components"));
|
|
8884
|
-
var
|
|
8998
|
+
var import_jsx_runtime219 = require("react/jsx-runtime");
|
|
8885
8999
|
var DEFAULT_ELEMENT4 = "div";
|
|
8886
9000
|
var StyledStack = import_styled_components46.default.div`
|
|
8887
9001
|
display: flex;
|
|
@@ -8894,7 +9008,7 @@ var StackComponent = (0, import_react26.forwardRef)(
|
|
|
8894
9008
|
const responsiveGap = useResponsiveProp(gap);
|
|
8895
9009
|
const responsiveDirection = useResponsiveProp(direction);
|
|
8896
9010
|
const responsiveAlignItems = useResponsiveProp(alignItems);
|
|
8897
|
-
return /* @__PURE__ */ (0,
|
|
9011
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
8898
9012
|
StyledStack,
|
|
8899
9013
|
{
|
|
8900
9014
|
ref,
|
|
@@ -8911,7 +9025,7 @@ StackComponent.displayName = "Stack";
|
|
|
8911
9025
|
var Stack = makePolymorphic(StackComponent);
|
|
8912
9026
|
|
|
8913
9027
|
// src/components/Form/Form.tsx
|
|
8914
|
-
var
|
|
9028
|
+
var import_jsx_runtime220 = require("react/jsx-runtime");
|
|
8915
9029
|
var StyledForm = import_styled_components47.default.form`
|
|
8916
9030
|
--form-default-width: 690px;
|
|
8917
9031
|
|
|
@@ -8991,7 +9105,7 @@ var FormComponent = ({
|
|
|
8991
9105
|
}, [labelPosition, values, errors, id, hasSubmitted]);
|
|
8992
9106
|
return (
|
|
8993
9107
|
// @ts-expect-error - generic context providers are a giant pain
|
|
8994
|
-
/* @__PURE__ */ (0,
|
|
9108
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(FormContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
8995
9109
|
Stack,
|
|
8996
9110
|
{
|
|
8997
9111
|
...props,
|
|
@@ -9050,9 +9164,9 @@ var useFormState = (action, initialData = {}) => {
|
|
|
9050
9164
|
// src/components/Form/FormErrorSummary.tsx
|
|
9051
9165
|
var import_react29 = require("react");
|
|
9052
9166
|
var import_type_guards28 = require("@wistia/type-guards");
|
|
9053
|
-
var
|
|
9167
|
+
var import_jsx_runtime221 = require("react/jsx-runtime");
|
|
9054
9168
|
var ErrorItem = ({ name, error, formId }) => {
|
|
9055
|
-
return /* @__PURE__ */ (0,
|
|
9169
|
+
return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Link, { href: `#${formId}-${name}`, children: error }) }, name);
|
|
9056
9170
|
};
|
|
9057
9171
|
var FormErrorSummary = ({ description }) => {
|
|
9058
9172
|
const ref = (0, import_react29.useRef)(null);
|
|
@@ -9061,10 +9175,10 @@ var FormErrorSummary = ({ description }) => {
|
|
|
9061
9175
|
if (isValid || !hasSubmitted) {
|
|
9062
9176
|
return null;
|
|
9063
9177
|
}
|
|
9064
|
-
return /* @__PURE__ */ (0,
|
|
9065
|
-
/* @__PURE__ */ (0,
|
|
9066
|
-
/* @__PURE__ */ (0,
|
|
9067
|
-
([name, error]) => (0, import_type_guards28.isArray)(error) ? error.map((err) => /* @__PURE__ */ (0,
|
|
9178
|
+
return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { ref, children: [
|
|
9179
|
+
/* @__PURE__ */ (0, import_jsx_runtime221.jsx)("p", { children: description }),
|
|
9180
|
+
/* @__PURE__ */ (0, import_jsx_runtime221.jsx)("ul", { children: Object.entries(errors).filter(([, error]) => (0, import_type_guards28.isNotUndefined)(error)).map(
|
|
9181
|
+
([name, error]) => (0, import_type_guards28.isArray)(error) ? error.map((err) => /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
|
|
9068
9182
|
ErrorItem,
|
|
9069
9183
|
{
|
|
9070
9184
|
error: err,
|
|
@@ -9072,7 +9186,7 @@ var FormErrorSummary = ({ description }) => {
|
|
|
9072
9186
|
name
|
|
9073
9187
|
},
|
|
9074
9188
|
err
|
|
9075
|
-
)) : /* @__PURE__ */ (0,
|
|
9189
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
|
|
9076
9190
|
ErrorItem,
|
|
9077
9191
|
{
|
|
9078
9192
|
error: error ?? "",
|
|
@@ -9092,7 +9206,7 @@ var import_type_guards29 = require("@wistia/type-guards");
|
|
|
9092
9206
|
|
|
9093
9207
|
// src/components/Label/Label.tsx
|
|
9094
9208
|
var import_styled_components48 = __toESM(require("styled-components"));
|
|
9095
|
-
var
|
|
9209
|
+
var import_jsx_runtime222 = require("react/jsx-runtime");
|
|
9096
9210
|
var requiredStyle = import_styled_components48.css`
|
|
9097
9211
|
&::after {
|
|
9098
9212
|
color: var(--wui-color-text-error);
|
|
@@ -9136,7 +9250,7 @@ var Label = ({
|
|
|
9136
9250
|
screenReaderOnly = false,
|
|
9137
9251
|
...otherProps
|
|
9138
9252
|
}) => {
|
|
9139
|
-
return /* @__PURE__ */ (0,
|
|
9253
|
+
return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
9140
9254
|
StyledLabel3,
|
|
9141
9255
|
{
|
|
9142
9256
|
...otherProps,
|
|
@@ -9156,7 +9270,7 @@ var import_react31 = require("react");
|
|
|
9156
9270
|
// src/components/FormGroup/FormGroup.tsx
|
|
9157
9271
|
var import_styled_components49 = __toESM(require("styled-components"));
|
|
9158
9272
|
var import_react30 = require("react");
|
|
9159
|
-
var
|
|
9273
|
+
var import_jsx_runtime223 = require("react/jsx-runtime");
|
|
9160
9274
|
var StyledFieldset = import_styled_components49.default.fieldset`
|
|
9161
9275
|
border: 0;
|
|
9162
9276
|
`;
|
|
@@ -9165,14 +9279,14 @@ var StyledLegend = import_styled_components49.default.legend`
|
|
|
9165
9279
|
`;
|
|
9166
9280
|
var FormGroup = ({ children, label, ...props }) => {
|
|
9167
9281
|
const ref = (0, import_react30.useRef)();
|
|
9168
|
-
return /* @__PURE__ */ (0,
|
|
9282
|
+
return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
|
|
9169
9283
|
Stack,
|
|
9170
9284
|
{
|
|
9171
9285
|
...props,
|
|
9172
9286
|
ref,
|
|
9173
9287
|
renderAs: StyledFieldset,
|
|
9174
9288
|
children: [
|
|
9175
|
-
/* @__PURE__ */ (0,
|
|
9289
|
+
/* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
|
|
9176
9290
|
Heading,
|
|
9177
9291
|
{
|
|
9178
9292
|
renderAs: StyledLegend,
|
|
@@ -9188,7 +9302,7 @@ var FormGroup = ({ children, label, ...props }) => {
|
|
|
9188
9302
|
FormGroup.displayName = "FormGroup";
|
|
9189
9303
|
|
|
9190
9304
|
// src/components/FormGroup/CheckboxGroup.tsx
|
|
9191
|
-
var
|
|
9305
|
+
var import_jsx_runtime224 = require("react/jsx-runtime");
|
|
9192
9306
|
var CheckboxGroupContext = (0, import_react31.createContext)(null);
|
|
9193
9307
|
var CheckboxGroup = ({
|
|
9194
9308
|
children,
|
|
@@ -9203,12 +9317,12 @@ var CheckboxGroup = ({
|
|
|
9203
9317
|
onChange
|
|
9204
9318
|
};
|
|
9205
9319
|
}, [name, onChange]);
|
|
9206
|
-
return /* @__PURE__ */ (0,
|
|
9320
|
+
return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(FormGroup, { ...props, children }) });
|
|
9207
9321
|
};
|
|
9208
9322
|
CheckboxGroup.displayName = "CheckboxGroup";
|
|
9209
9323
|
|
|
9210
9324
|
// src/components/FormField/FormField.tsx
|
|
9211
|
-
var
|
|
9325
|
+
var import_jsx_runtime225 = require("react/jsx-runtime");
|
|
9212
9326
|
var StyledFormField = import_styled_components50.default.div`
|
|
9213
9327
|
--form-field-spacing: var(--wui-space-01);
|
|
9214
9328
|
--form-field-spacing-inline: var(--wui-space-02);
|
|
@@ -9221,6 +9335,12 @@ var StyledFormField = import_styled_components50.default.div`
|
|
|
9221
9335
|
grid-template-columns: auto 1fr;
|
|
9222
9336
|
grid-template-rows: auto 1fr;
|
|
9223
9337
|
|
|
9338
|
+
&[data-label-position='inline-compact'] {
|
|
9339
|
+
gap: var(--form-field-spacing-inline);
|
|
9340
|
+
grid-template-columns: auto 1fr;
|
|
9341
|
+
grid-template-rows: 1fr auto;
|
|
9342
|
+
}
|
|
9343
|
+
|
|
9224
9344
|
&[data-label-position='inline'] {
|
|
9225
9345
|
gap: var(--form-field-spacing-inline);
|
|
9226
9346
|
grid-template-columns: minmax(auto, 1fr) 1fr;
|
|
@@ -9243,7 +9363,7 @@ var StyledErrorList = import_styled_components50.default.ul`
|
|
|
9243
9363
|
`;
|
|
9244
9364
|
var ErrorMessages = ({ errors, id }) => {
|
|
9245
9365
|
const isMultipleErrors = (0, import_type_guards29.isArray)(errors);
|
|
9246
|
-
return isMultipleErrors ? /* @__PURE__ */ (0,
|
|
9366
|
+
return isMultipleErrors ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(StyledErrorList, { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
9247
9367
|
Text,
|
|
9248
9368
|
{
|
|
9249
9369
|
colorScheme: "error",
|
|
@@ -9253,7 +9373,7 @@ var ErrorMessages = ({ errors, id }) => {
|
|
|
9253
9373
|
children: error
|
|
9254
9374
|
},
|
|
9255
9375
|
`${id}-${index}`
|
|
9256
|
-
)) }) : /* @__PURE__ */ (0,
|
|
9376
|
+
)) }) : /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
9257
9377
|
Text,
|
|
9258
9378
|
{
|
|
9259
9379
|
colorScheme: "error",
|
|
@@ -9312,17 +9432,17 @@ var FormField = ({
|
|
|
9312
9432
|
};
|
|
9313
9433
|
}
|
|
9314
9434
|
import_react32.Children.only(children);
|
|
9315
|
-
return /* @__PURE__ */ (0,
|
|
9435
|
+
return /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
|
|
9316
9436
|
StyledFormField,
|
|
9317
9437
|
{
|
|
9318
9438
|
...props,
|
|
9319
9439
|
"data-label-position": labelPosition ?? formState.labelPosition,
|
|
9320
9440
|
children: [
|
|
9321
|
-
!isIntegratedLabel && /* @__PURE__ */ (0,
|
|
9441
|
+
!isIntegratedLabel && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Label, { htmlFor: computedId, children: label }),
|
|
9322
9442
|
(0, import_react32.cloneElement)(children, childProps),
|
|
9323
|
-
(0, import_type_guards29.isNotNil)(computedError) ? /* @__PURE__ */ (0,
|
|
9324
|
-
/* @__PURE__ */ (0,
|
|
9325
|
-
/* @__PURE__ */ (0,
|
|
9443
|
+
(0, import_type_guards29.isNotNil)(computedError) ? /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(import_jsx_runtime225.Fragment, { children: [
|
|
9444
|
+
/* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", {}),
|
|
9445
|
+
/* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
9326
9446
|
ErrorMessages,
|
|
9327
9447
|
{
|
|
9328
9448
|
errors: computedError,
|
|
@@ -9338,7 +9458,7 @@ FormField.displayName = "FormField";
|
|
|
9338
9458
|
|
|
9339
9459
|
// src/components/FormGroup/RadioGroup.tsx
|
|
9340
9460
|
var import_react33 = require("react");
|
|
9341
|
-
var
|
|
9461
|
+
var import_jsx_runtime226 = require("react/jsx-runtime");
|
|
9342
9462
|
var RadioGroupContext = (0, import_react33.createContext)(null);
|
|
9343
9463
|
var RadioGroup = ({
|
|
9344
9464
|
children,
|
|
@@ -9353,14 +9473,14 @@ var RadioGroup = ({
|
|
|
9353
9473
|
onChange
|
|
9354
9474
|
};
|
|
9355
9475
|
}, [name, onChange]);
|
|
9356
|
-
return /* @__PURE__ */ (0,
|
|
9476
|
+
return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(RadioGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(FormGroup, { ...props, children }) });
|
|
9357
9477
|
};
|
|
9358
9478
|
RadioGroup.displayName = "RadioGroup";
|
|
9359
9479
|
|
|
9360
9480
|
// src/components/IconButton/IconButton.tsx
|
|
9361
9481
|
var import_react34 = require("react");
|
|
9362
9482
|
var import_styled_components51 = __toESM(require("styled-components"));
|
|
9363
|
-
var
|
|
9483
|
+
var import_jsx_runtime227 = require("react/jsx-runtime");
|
|
9364
9484
|
var StyledButton2 = (0, import_styled_components51.default)(Button)`
|
|
9365
9485
|
--icon-button-size-sm: 24px;
|
|
9366
9486
|
--icon-button-size-md: 32px;
|
|
@@ -9378,7 +9498,7 @@ var StyledButton2 = (0, import_styled_components51.default)(Button)`
|
|
|
9378
9498
|
var IconButton = (0, import_react34.forwardRef)(
|
|
9379
9499
|
({ children, label, size = "md", ...props }, ref) => {
|
|
9380
9500
|
const responsiveSize = useResponsiveProp(size);
|
|
9381
|
-
return /* @__PURE__ */ (0,
|
|
9501
|
+
return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
|
|
9382
9502
|
StyledButton2,
|
|
9383
9503
|
{
|
|
9384
9504
|
...props,
|
|
@@ -9398,7 +9518,7 @@ IconButton.displayName = "IconButton";
|
|
|
9398
9518
|
// src/components/Image/Image.tsx
|
|
9399
9519
|
var import_styled_components52 = __toESM(require("styled-components"));
|
|
9400
9520
|
var import_type_guards30 = require("@wistia/type-guards");
|
|
9401
|
-
var
|
|
9521
|
+
var import_jsx_runtime228 = require("react/jsx-runtime");
|
|
9402
9522
|
var getFillStyle2 = (fillContainer) => {
|
|
9403
9523
|
if (fillContainer === "horizontal") {
|
|
9404
9524
|
return "width: 100%;";
|
|
@@ -9429,7 +9549,7 @@ var Image = ({
|
|
|
9429
9549
|
loading = "lazy",
|
|
9430
9550
|
position: objPosition,
|
|
9431
9551
|
...otherProps
|
|
9432
|
-
}) => /* @__PURE__ */ (0,
|
|
9552
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
|
|
9433
9553
|
StyledImage,
|
|
9434
9554
|
{
|
|
9435
9555
|
$borderRadius: borderRadius,
|
|
@@ -9456,7 +9576,7 @@ var MenuContext = (0, import_react35.createContext)({ compact: false });
|
|
|
9456
9576
|
var useMenuContext = () => (0, import_react35.useContext)(MenuContext);
|
|
9457
9577
|
|
|
9458
9578
|
// src/components/Menu/Menu.tsx
|
|
9459
|
-
var
|
|
9579
|
+
var import_jsx_runtime229 = require("react/jsx-runtime");
|
|
9460
9580
|
var open = import_styled_components53.keyframes`
|
|
9461
9581
|
from {
|
|
9462
9582
|
opacity: 0;
|
|
@@ -9567,24 +9687,24 @@ var Menu = ({
|
|
|
9567
9687
|
onOpenChange: () => null
|
|
9568
9688
|
};
|
|
9569
9689
|
}
|
|
9570
|
-
return /* @__PURE__ */ (0,
|
|
9690
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
|
|
9571
9691
|
import_react_dropdown_menu.DropdownMenu,
|
|
9572
9692
|
{
|
|
9573
9693
|
modal: false,
|
|
9574
9694
|
...controlProps,
|
|
9575
9695
|
children: [
|
|
9576
|
-
/* @__PURE__ */ (0,
|
|
9696
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(import_react_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: (0, import_type_guards31.isNotUndefined)(trigger) ? trigger : /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
9577
9697
|
Button,
|
|
9578
9698
|
{
|
|
9579
9699
|
"aria-expanded": isOpen,
|
|
9580
9700
|
disabled,
|
|
9581
9701
|
forceState: isOpen ? "active" : void 0,
|
|
9582
|
-
rightIcon: /* @__PURE__ */ (0,
|
|
9702
|
+
rightIcon: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Icon, { type: "caret-down" }),
|
|
9583
9703
|
...triggerProps,
|
|
9584
9704
|
children: label
|
|
9585
9705
|
}
|
|
9586
9706
|
) }),
|
|
9587
|
-
/* @__PURE__ */ (0,
|
|
9707
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(import_react_dropdown_menu.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
9588
9708
|
MenuContent,
|
|
9589
9709
|
{
|
|
9590
9710
|
...props,
|
|
@@ -9606,17 +9726,17 @@ Menu.displayName = "Menu";
|
|
|
9606
9726
|
// src/components/Menu/MenuLabel.tsx
|
|
9607
9727
|
var import_styled_components54 = __toESM(require("styled-components"));
|
|
9608
9728
|
var import_react_dropdown_menu2 = require("@radix-ui/react-dropdown-menu");
|
|
9609
|
-
var
|
|
9729
|
+
var import_jsx_runtime230 = require("react/jsx-runtime");
|
|
9610
9730
|
var StyledMenuLabel = (0, import_styled_components54.default)(import_react_dropdown_menu2.DropdownMenuLabel)`
|
|
9611
9731
|
padding: var(--wui-space-02);
|
|
9612
9732
|
`;
|
|
9613
9733
|
var MenuLabel = ({ children, ...props }) => {
|
|
9614
|
-
return /* @__PURE__ */ (0,
|
|
9734
|
+
return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
9615
9735
|
StyledMenuLabel,
|
|
9616
9736
|
{
|
|
9617
9737
|
asChild: true,
|
|
9618
9738
|
...props,
|
|
9619
|
-
children: /* @__PURE__ */ (0,
|
|
9739
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
9620
9740
|
Heading,
|
|
9621
9741
|
{
|
|
9622
9742
|
renderAs: "span",
|
|
@@ -9640,7 +9760,7 @@ var import_type_guards33 = require("@wistia/type-guards");
|
|
|
9640
9760
|
var import_react37 = require("react");
|
|
9641
9761
|
var import_styled_components55 = __toESM(require("styled-components"));
|
|
9642
9762
|
var import_type_guards32 = require("@wistia/type-guards");
|
|
9643
|
-
var
|
|
9763
|
+
var import_jsx_runtime231 = require("react/jsx-runtime");
|
|
9644
9764
|
var StyledButton3 = (0, import_styled_components55.default)(Button)`
|
|
9645
9765
|
${({ colorScheme }) => getColorScheme(colorScheme)};
|
|
9646
9766
|
|
|
@@ -9723,7 +9843,7 @@ var MenuItemButton = (0, import_react37.forwardRef)(({ children, appearance, com
|
|
|
9723
9843
|
colorScheme = "error";
|
|
9724
9844
|
}
|
|
9725
9845
|
if (appearance === "gated") {
|
|
9726
|
-
badge = /* @__PURE__ */ (0,
|
|
9846
|
+
badge = /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
|
|
9727
9847
|
Icon,
|
|
9728
9848
|
{
|
|
9729
9849
|
colorScheme: "purple",
|
|
@@ -9735,7 +9855,7 @@ var MenuItemButton = (0, import_react37.forwardRef)(({ children, appearance, com
|
|
|
9735
9855
|
}
|
|
9736
9856
|
);
|
|
9737
9857
|
}
|
|
9738
|
-
return /* @__PURE__ */ (0,
|
|
9858
|
+
return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(
|
|
9739
9859
|
StyledButton3,
|
|
9740
9860
|
{
|
|
9741
9861
|
...props,
|
|
@@ -9745,10 +9865,10 @@ var MenuItemButton = (0, import_react37.forwardRef)(({ children, appearance, com
|
|
|
9745
9865
|
fullWidth: true,
|
|
9746
9866
|
unstyled: true,
|
|
9747
9867
|
children: [
|
|
9748
|
-
props.leftIcon ? /* @__PURE__ */ (0,
|
|
9749
|
-
/* @__PURE__ */ (0,
|
|
9750
|
-
(0, import_type_guards32.isNotNil)(badge) || (0, import_type_guards32.isNotNil)(command) ? /* @__PURE__ */ (0,
|
|
9751
|
-
props.rightIcon ? /* @__PURE__ */ (0,
|
|
9868
|
+
props.leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(StyledLeftIconContainer, { children: props.leftIcon }) : null,
|
|
9869
|
+
/* @__PURE__ */ (0, import_jsx_runtime231.jsx)(StyledLabelAndDescriptionContainer, { children }),
|
|
9870
|
+
(0, import_type_guards32.isNotNil)(badge) || (0, import_type_guards32.isNotNil)(command) ? /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(StyledBadgeContainer, { children: badge ?? command }) : null,
|
|
9871
|
+
props.rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(StyledRightIconContainer, { children: props.rightIcon }) : null
|
|
9752
9872
|
]
|
|
9753
9873
|
}
|
|
9754
9874
|
);
|
|
@@ -9757,21 +9877,21 @@ MenuItemButton.displayName = "MenuItemButton";
|
|
|
9757
9877
|
|
|
9758
9878
|
// src/components/Menu/MenuItemLabelDescription.tsx
|
|
9759
9879
|
var import_styled_components56 = __toESM(require("styled-components"));
|
|
9760
|
-
var
|
|
9880
|
+
var import_jsx_runtime232 = require("react/jsx-runtime");
|
|
9761
9881
|
var StyledMenuItemLabel = import_styled_components56.default.span``;
|
|
9762
9882
|
var StyledMenuItemDescription = (0, import_styled_components56.default)(Text).attrs({
|
|
9763
9883
|
variant: "body4",
|
|
9764
9884
|
prominence: "secondary"
|
|
9765
9885
|
})``;
|
|
9766
9886
|
var MenuItemLabel = ({ children }) => {
|
|
9767
|
-
return /* @__PURE__ */ (0,
|
|
9887
|
+
return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(StyledMenuItemLabel, { children });
|
|
9768
9888
|
};
|
|
9769
9889
|
var MenuItemDescription = ({ children }) => {
|
|
9770
|
-
return /* @__PURE__ */ (0,
|
|
9890
|
+
return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(StyledMenuItemDescription, { children });
|
|
9771
9891
|
};
|
|
9772
9892
|
|
|
9773
9893
|
// src/components/Menu/SubMenu.tsx
|
|
9774
|
-
var
|
|
9894
|
+
var import_jsx_runtime233 = require("react/jsx-runtime");
|
|
9775
9895
|
var SubMenuContent = (0, import_styled_components57.default)(import_react_dropdown_menu3.DropdownMenuSubContent)`
|
|
9776
9896
|
${menuContentCss}
|
|
9777
9897
|
|
|
@@ -9793,12 +9913,12 @@ var StyledSubTrigger = (0, import_styled_components57.default)(import_react_drop
|
|
|
9793
9913
|
var SubMenuTrigger = ({ icon, ...props }) => {
|
|
9794
9914
|
const { isSmAndUp } = useMq();
|
|
9795
9915
|
const Trigger4 = isSmAndUp ? StyledSubTrigger : import_react_dropdown_menu3.DropdownMenuItem;
|
|
9796
|
-
return /* @__PURE__ */ (0,
|
|
9916
|
+
return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Trigger4, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
|
|
9797
9917
|
MenuItemButton,
|
|
9798
9918
|
{
|
|
9799
9919
|
...props,
|
|
9800
9920
|
leftIcon: icon,
|
|
9801
|
-
rightIcon: /* @__PURE__ */ (0,
|
|
9921
|
+
rightIcon: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Icon, { type: "caret-right" })
|
|
9802
9922
|
}
|
|
9803
9923
|
) });
|
|
9804
9924
|
};
|
|
@@ -9812,14 +9932,14 @@ var SubMenu = ({
|
|
|
9812
9932
|
const { isSmAndUp } = useMq();
|
|
9813
9933
|
const [isExpanded, setIsExpanded] = (0, import_react38.useState)(false);
|
|
9814
9934
|
const { compact } = useMenuContext();
|
|
9815
|
-
return isSmAndUp ? /* @__PURE__ */ (0,
|
|
9816
|
-
/* @__PURE__ */ (0,
|
|
9817
|
-
/* @__PURE__ */ (0,
|
|
9818
|
-
(0, import_type_guards33.isNotNil)(description) ? /* @__PURE__ */ (0,
|
|
9935
|
+
return isSmAndUp ? /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(import_react_dropdown_menu3.DropdownMenuSub, { onOpenChange, children: [
|
|
9936
|
+
/* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(SubMenuTrigger, { ...props, children: [
|
|
9937
|
+
/* @__PURE__ */ (0, import_jsx_runtime233.jsx)(MenuItemLabel, { children: label }),
|
|
9938
|
+
(0, import_type_guards33.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(MenuItemDescription, { children: description }) : null
|
|
9819
9939
|
] }),
|
|
9820
|
-
/* @__PURE__ */ (0,
|
|
9821
|
-
] }) : /* @__PURE__ */ (0,
|
|
9822
|
-
/* @__PURE__ */ (0,
|
|
9940
|
+
/* @__PURE__ */ (0, import_jsx_runtime233.jsx)(import_react_dropdown_menu3.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(SubMenuContent, { $compact: compact, children }) })
|
|
9941
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(import_react_dropdown_menu3.DropdownMenuGroup, { children: [
|
|
9942
|
+
/* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
|
|
9823
9943
|
SubMenuTrigger,
|
|
9824
9944
|
{
|
|
9825
9945
|
...props,
|
|
@@ -9828,12 +9948,12 @@ var SubMenu = ({
|
|
|
9828
9948
|
setIsExpanded((prev) => !prev);
|
|
9829
9949
|
},
|
|
9830
9950
|
children: [
|
|
9831
|
-
/* @__PURE__ */ (0,
|
|
9832
|
-
/* @__PURE__ */ (0,
|
|
9951
|
+
/* @__PURE__ */ (0, import_jsx_runtime233.jsx)(MenuItemLabel, { children: label }),
|
|
9952
|
+
/* @__PURE__ */ (0, import_jsx_runtime233.jsx)(MenuItemDescription, { children: description })
|
|
9833
9953
|
]
|
|
9834
9954
|
}
|
|
9835
9955
|
),
|
|
9836
|
-
/* @__PURE__ */ (0,
|
|
9956
|
+
/* @__PURE__ */ (0, import_jsx_runtime233.jsx)(StyledMobileSubMenuItems, { children: isExpanded ? children : null })
|
|
9837
9957
|
] });
|
|
9838
9958
|
};
|
|
9839
9959
|
SubMenu.displayName = "SubMenu";
|
|
@@ -9841,15 +9961,15 @@ SubMenu.displayName = "SubMenu";
|
|
|
9841
9961
|
// src/components/Menu/MenuItem.tsx
|
|
9842
9962
|
var import_react39 = require("react");
|
|
9843
9963
|
var import_react_dropdown_menu4 = require("@radix-ui/react-dropdown-menu");
|
|
9844
|
-
var
|
|
9964
|
+
var import_jsx_runtime234 = require("react/jsx-runtime");
|
|
9845
9965
|
var MenuItem = (0, import_react39.forwardRef)(
|
|
9846
9966
|
({ onSelect = () => null, ...props }, ref) => {
|
|
9847
|
-
return /* @__PURE__ */ (0,
|
|
9967
|
+
return /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
9848
9968
|
import_react_dropdown_menu4.DropdownMenuItem,
|
|
9849
9969
|
{
|
|
9850
9970
|
asChild: true,
|
|
9851
9971
|
onSelect,
|
|
9852
|
-
children: /* @__PURE__ */ (0,
|
|
9972
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
9853
9973
|
MenuItemButton,
|
|
9854
9974
|
{
|
|
9855
9975
|
...props,
|
|
@@ -9865,10 +9985,10 @@ MenuItem.displayName = "MenuItem";
|
|
|
9865
9985
|
|
|
9866
9986
|
// src/components/Menu/MenuRadioGroup.tsx
|
|
9867
9987
|
var import_react_dropdown_menu5 = require("@radix-ui/react-dropdown-menu");
|
|
9868
|
-
var
|
|
9988
|
+
var import_jsx_runtime235 = require("react/jsx-runtime");
|
|
9869
9989
|
var MenuRadioGroup = ({ children, label, ...props }) => {
|
|
9870
|
-
return /* @__PURE__ */ (0,
|
|
9871
|
-
/* @__PURE__ */ (0,
|
|
9990
|
+
return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(import_react_dropdown_menu5.DropdownMenuRadioGroup, { ...props, children: [
|
|
9991
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(MenuLabel, { children: label }),
|
|
9872
9992
|
children
|
|
9873
9993
|
] });
|
|
9874
9994
|
};
|
|
@@ -9876,11 +9996,11 @@ MenuRadioGroup.displayName = "MenuRadioGroup";
|
|
|
9876
9996
|
|
|
9877
9997
|
// src/components/Menu/RadioMenuItem.tsx
|
|
9878
9998
|
var import_react_dropdown_menu6 = require("@radix-ui/react-dropdown-menu");
|
|
9879
|
-
var
|
|
9999
|
+
var import_jsx_runtime236 = require("react/jsx-runtime");
|
|
9880
10000
|
var RadioMenuItem = ({
|
|
9881
10001
|
onSelect,
|
|
9882
10002
|
value,
|
|
9883
|
-
indicator = /* @__PURE__ */ (0,
|
|
10003
|
+
indicator = /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
9884
10004
|
Icon,
|
|
9885
10005
|
{
|
|
9886
10006
|
size: "sm",
|
|
@@ -9890,17 +10010,17 @@ var RadioMenuItem = ({
|
|
|
9890
10010
|
...props
|
|
9891
10011
|
}) => {
|
|
9892
10012
|
const extraProps = onSelect ? { onSelect } : {};
|
|
9893
|
-
return /* @__PURE__ */ (0,
|
|
10013
|
+
return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
9894
10014
|
import_react_dropdown_menu6.DropdownMenuRadioItem,
|
|
9895
10015
|
{
|
|
9896
10016
|
...extraProps,
|
|
9897
10017
|
asChild: true,
|
|
9898
10018
|
value,
|
|
9899
|
-
children: /* @__PURE__ */ (0,
|
|
10019
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
9900
10020
|
MenuItemButton,
|
|
9901
10021
|
{
|
|
9902
10022
|
...props,
|
|
9903
|
-
rightIcon: /* @__PURE__ */ (0,
|
|
10023
|
+
rightIcon: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(import_react_dropdown_menu6.DropdownMenuItemIndicator, { children: indicator })
|
|
9904
10024
|
}
|
|
9905
10025
|
)
|
|
9906
10026
|
}
|
|
@@ -9910,9 +10030,9 @@ RadioMenuItem.displayName = "RadioMenuItem";
|
|
|
9910
10030
|
|
|
9911
10031
|
// src/components/Menu/CheckboxMenuItem.tsx
|
|
9912
10032
|
var import_react_dropdown_menu7 = require("@radix-ui/react-dropdown-menu");
|
|
9913
|
-
var
|
|
10033
|
+
var import_jsx_runtime237 = require("react/jsx-runtime");
|
|
9914
10034
|
var CheckboxIndicator = ({ checked, ...props }) => {
|
|
9915
|
-
return checked ? /* @__PURE__ */ (0,
|
|
10035
|
+
return checked ? /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
9916
10036
|
"svg",
|
|
9917
10037
|
{
|
|
9918
10038
|
...props,
|
|
@@ -9922,14 +10042,14 @@ var CheckboxIndicator = ({ checked, ...props }) => {
|
|
|
9922
10042
|
width: "24",
|
|
9923
10043
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9924
10044
|
children: [
|
|
9925
|
-
/* @__PURE__ */ (0,
|
|
10045
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
9926
10046
|
"path",
|
|
9927
10047
|
{
|
|
9928
10048
|
d: "m4 8c0-2.20914 1.79086-4 4-4h8c2.2091 0 4 1.79086 4 4v8c0 2.2091-1.7909 4-4 4h-8c-2.20914 0-4-1.7909-4-4z",
|
|
9929
10049
|
fill: "#2949e5"
|
|
9930
10050
|
}
|
|
9931
10051
|
),
|
|
9932
|
-
/* @__PURE__ */ (0,
|
|
10052
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
9933
10053
|
"path",
|
|
9934
10054
|
{
|
|
9935
10055
|
d: "m10.4728 15.1931-3.09523-3.1131c-.18596-.187-.18596-.4902 0-.6773l.67341-.6773c.18596-.187.48749-.187.67344 0l2.08508 2.0971 4.4661-4.49174c.1859-.18703.4875-.18703.6734 0l.6734.67731c.186.18703.186.49027 0 .67731l-5.4762 5.50772c-.1859.187-.4874.187-.6734 0z",
|
|
@@ -9938,7 +10058,7 @@ var CheckboxIndicator = ({ checked, ...props }) => {
|
|
|
9938
10058
|
)
|
|
9939
10059
|
]
|
|
9940
10060
|
}
|
|
9941
|
-
) : /* @__PURE__ */ (0,
|
|
10061
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
9942
10062
|
"svg",
|
|
9943
10063
|
{
|
|
9944
10064
|
...props,
|
|
@@ -9948,14 +10068,14 @@ var CheckboxIndicator = ({ checked, ...props }) => {
|
|
|
9948
10068
|
width: "24",
|
|
9949
10069
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9950
10070
|
children: [
|
|
9951
|
-
/* @__PURE__ */ (0,
|
|
10071
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
9952
10072
|
"path",
|
|
9953
10073
|
{
|
|
9954
10074
|
d: "m8 4.5h8c1.933 0 3.5 1.567 3.5 3.5v8c0 1.933-1.567 3.5-3.5 3.5h-8c-1.933 0-3.5-1.567-3.5-3.5v-8c0-1.933 1.567-3.5 3.5-3.5z",
|
|
9955
10075
|
fill: "#fcfcfd"
|
|
9956
10076
|
}
|
|
9957
10077
|
),
|
|
9958
|
-
/* @__PURE__ */ (0,
|
|
10078
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
9959
10079
|
"path",
|
|
9960
10080
|
{
|
|
9961
10081
|
d: "m8 4.5h8c1.933 0 3.5 1.567 3.5 3.5v8c0 1.933-1.567 3.5-3.5 3.5h-8c-1.933 0-3.5-1.567-3.5-3.5v-8c0-1.933 1.567-3.5 3.5-3.5z",
|
|
@@ -9972,18 +10092,18 @@ var CheckboxMenuItem = ({
|
|
|
9972
10092
|
onCheckedChange,
|
|
9973
10093
|
...props
|
|
9974
10094
|
}) => {
|
|
9975
|
-
return /* @__PURE__ */ (0,
|
|
10095
|
+
return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
9976
10096
|
import_react_dropdown_menu7.DropdownMenuCheckboxItem,
|
|
9977
10097
|
{
|
|
9978
10098
|
asChild: true,
|
|
9979
10099
|
checked,
|
|
9980
10100
|
onCheckedChange,
|
|
9981
10101
|
onSelect,
|
|
9982
|
-
children: /* @__PURE__ */ (0,
|
|
10102
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
9983
10103
|
MenuItemButton,
|
|
9984
10104
|
{
|
|
9985
10105
|
...props,
|
|
9986
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
10106
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(CheckboxIndicator, { checked })
|
|
9987
10107
|
}
|
|
9988
10108
|
)
|
|
9989
10109
|
}
|
|
@@ -10004,24 +10124,24 @@ var import_react_dialog2 = require("@radix-ui/react-dialog");
|
|
|
10004
10124
|
// src/components/Modal/ModalCloseButton.tsx
|
|
10005
10125
|
var import_styled_components58 = __toESM(require("styled-components"));
|
|
10006
10126
|
var import_react_dialog = require("@radix-ui/react-dialog");
|
|
10007
|
-
var
|
|
10127
|
+
var import_jsx_runtime238 = require("react/jsx-runtime");
|
|
10008
10128
|
var CloseButton = (0, import_styled_components58.default)(import_react_dialog.Close)`
|
|
10009
10129
|
align-self: start;
|
|
10010
10130
|
`;
|
|
10011
10131
|
var ModalCloseButton = () => {
|
|
10012
|
-
return /* @__PURE__ */ (0,
|
|
10132
|
+
return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(CloseButton, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
|
|
10013
10133
|
IconButton,
|
|
10014
10134
|
{
|
|
10015
10135
|
label: "Dismiss modal",
|
|
10016
10136
|
size: "sm",
|
|
10017
10137
|
variant: "ghost",
|
|
10018
|
-
children: /* @__PURE__ */ (0,
|
|
10138
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Icon, { type: "close" })
|
|
10019
10139
|
}
|
|
10020
10140
|
) });
|
|
10021
10141
|
};
|
|
10022
10142
|
|
|
10023
10143
|
// src/components/Modal/ModalHeader.tsx
|
|
10024
|
-
var
|
|
10144
|
+
var import_jsx_runtime239 = require("react/jsx-runtime");
|
|
10025
10145
|
var Header = import_styled_components59.default.header`
|
|
10026
10146
|
display: flex;
|
|
10027
10147
|
order: 1;
|
|
@@ -10044,10 +10164,10 @@ var ModalHeader = ({
|
|
|
10044
10164
|
hideTitle,
|
|
10045
10165
|
hideCloseButton
|
|
10046
10166
|
}) => {
|
|
10047
|
-
const TitleComponent = hideTitle ? /* @__PURE__ */ (0,
|
|
10048
|
-
return /* @__PURE__ */ (0,
|
|
10167
|
+
const TitleComponent = hideTitle ? /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ScreenReaderOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Title, { children: title }) }) : /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Title, { children: title });
|
|
10168
|
+
return /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(Header, { $hideTitle: hideTitle, children: [
|
|
10049
10169
|
TitleComponent,
|
|
10050
|
-
hideCloseButton ? null : /* @__PURE__ */ (0,
|
|
10170
|
+
hideCloseButton ? null : /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ModalCloseButton, {})
|
|
10051
10171
|
] });
|
|
10052
10172
|
};
|
|
10053
10173
|
|
|
@@ -10076,7 +10196,7 @@ var useFocusRestore = () => {
|
|
|
10076
10196
|
};
|
|
10077
10197
|
|
|
10078
10198
|
// src/components/Modal/ModalContent.tsx
|
|
10079
|
-
var
|
|
10199
|
+
var import_jsx_runtime240 = require("react/jsx-runtime");
|
|
10080
10200
|
var StyledModalContent = (0, import_styled_components60.default)(import_react_dialog3.Content)`
|
|
10081
10201
|
background-color: var(--wui-color-bg-app);
|
|
10082
10202
|
box-sizing: border-box;
|
|
@@ -10121,7 +10241,7 @@ var StyledModalContent = (0, import_styled_components60.default)(import_react_di
|
|
|
10121
10241
|
var ModalContent = (0, import_react41.forwardRef)(
|
|
10122
10242
|
({ fullHeight, width, children, ...otherProps }, ref) => {
|
|
10123
10243
|
useFocusRestore();
|
|
10124
|
-
return /* @__PURE__ */ (0,
|
|
10244
|
+
return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
|
|
10125
10245
|
StyledModalContent,
|
|
10126
10246
|
{
|
|
10127
10247
|
ref,
|
|
@@ -10138,7 +10258,7 @@ var ModalContent = (0, import_react41.forwardRef)(
|
|
|
10138
10258
|
// src/private/components/Backdrop/Backdrop.tsx
|
|
10139
10259
|
var import_react42 = require("react");
|
|
10140
10260
|
var import_styled_components61 = __toESM(require("styled-components"));
|
|
10141
|
-
var
|
|
10261
|
+
var import_jsx_runtime241 = require("react/jsx-runtime");
|
|
10142
10262
|
var backdropAnimationDuration = 150;
|
|
10143
10263
|
var alignVerticalMap = {
|
|
10144
10264
|
stretch: "normal",
|
|
@@ -10175,7 +10295,7 @@ var BackdropComponent = import_styled_components61.default.div`
|
|
|
10175
10295
|
}
|
|
10176
10296
|
`;
|
|
10177
10297
|
var Backdrop = (0, import_react42.forwardRef)(
|
|
10178
|
-
({ alignHorizontal = "center", alignVertical = "center", children, ...otherProps }, ref) => /* @__PURE__ */ (0,
|
|
10298
|
+
({ alignHorizontal = "center", alignVertical = "center", children, ...otherProps }, ref) => /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
10179
10299
|
BackdropComponent,
|
|
10180
10300
|
{
|
|
10181
10301
|
ref,
|
|
@@ -10189,7 +10309,7 @@ var Backdrop = (0, import_react42.forwardRef)(
|
|
|
10189
10309
|
Backdrop.displayName = "Backdrop";
|
|
10190
10310
|
|
|
10191
10311
|
// src/components/Modal/Modal.tsx
|
|
10192
|
-
var
|
|
10312
|
+
var import_jsx_runtime242 = require("react/jsx-runtime");
|
|
10193
10313
|
var DEFAULT_MODAL_WIDTH = "532px";
|
|
10194
10314
|
var ModalBody = import_styled_components62.default.div`
|
|
10195
10315
|
flex-direction: column;
|
|
@@ -10209,7 +10329,7 @@ var Modal = (0, import_react43.forwardRef)(
|
|
|
10209
10329
|
width = DEFAULT_MODAL_WIDTH,
|
|
10210
10330
|
...props
|
|
10211
10331
|
}, ref) => {
|
|
10212
|
-
return /* @__PURE__ */ (0,
|
|
10332
|
+
return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
10213
10333
|
import_react_dialog4.Root,
|
|
10214
10334
|
{
|
|
10215
10335
|
onOpenChange: (open2) => {
|
|
@@ -10218,9 +10338,9 @@ var Modal = (0, import_react43.forwardRef)(
|
|
|
10218
10338
|
}
|
|
10219
10339
|
},
|
|
10220
10340
|
open: isOpen,
|
|
10221
|
-
children: /* @__PURE__ */ (0,
|
|
10222
|
-
/* @__PURE__ */ (0,
|
|
10223
|
-
/* @__PURE__ */ (0,
|
|
10341
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(import_react_dialog4.Portal, { children: [
|
|
10342
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Backdrop, {}),
|
|
10343
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(
|
|
10224
10344
|
ModalContent,
|
|
10225
10345
|
{
|
|
10226
10346
|
ref,
|
|
@@ -10236,8 +10356,8 @@ var Modal = (0, import_react43.forwardRef)(
|
|
|
10236
10356
|
width,
|
|
10237
10357
|
...props,
|
|
10238
10358
|
children: [
|
|
10239
|
-
/* @__PURE__ */ (0,
|
|
10240
|
-
/* @__PURE__ */ (0,
|
|
10359
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(ModalBody, { children }),
|
|
10360
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
10241
10361
|
ModalHeader,
|
|
10242
10362
|
{
|
|
10243
10363
|
hideCloseButton,
|
|
@@ -10266,7 +10386,7 @@ var getControlProps = (isOpen, onOpenChange) => {
|
|
|
10266
10386
|
};
|
|
10267
10387
|
|
|
10268
10388
|
// src/components/Popover/Popover.tsx
|
|
10269
|
-
var
|
|
10389
|
+
var import_jsx_runtime243 = require("react/jsx-runtime");
|
|
10270
10390
|
var StyledContent2 = (0, import_styled_components63.default)(import_react_popover.Content)`
|
|
10271
10391
|
${({ $unstyled }) => !$unstyled && import_styled_components63.css`
|
|
10272
10392
|
border-radius: var(--wui-border-radius-02);
|
|
@@ -10292,25 +10412,25 @@ var Popover = ({
|
|
|
10292
10412
|
unstyled = false,
|
|
10293
10413
|
...props
|
|
10294
10414
|
}) => {
|
|
10295
|
-
return /* @__PURE__ */ (0,
|
|
10296
|
-
/* @__PURE__ */ (0,
|
|
10297
|
-
/* @__PURE__ */ (0,
|
|
10415
|
+
return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(import_react_popover.Root, { ...getControlProps(isOpen, onOpenChange), children: [
|
|
10416
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)(import_react_popover.Trigger, { asChild: true, children: trigger }),
|
|
10417
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)(import_react_popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
|
|
10298
10418
|
StyledContent2,
|
|
10299
10419
|
{
|
|
10300
10420
|
sideOffset: 8,
|
|
10301
10421
|
...props,
|
|
10302
10422
|
$unstyled: unstyled,
|
|
10303
10423
|
children: [
|
|
10304
|
-
!hideCloseButton && /* @__PURE__ */ (0,
|
|
10424
|
+
!hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(import_react_popover.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
|
|
10305
10425
|
IconButton,
|
|
10306
10426
|
{
|
|
10307
10427
|
"data-wui-popover-close": true,
|
|
10308
10428
|
label: "Close",
|
|
10309
10429
|
variant: "ghost",
|
|
10310
|
-
children: /* @__PURE__ */ (0,
|
|
10430
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Icon, { type: "close" })
|
|
10311
10431
|
}
|
|
10312
10432
|
) }),
|
|
10313
|
-
/* @__PURE__ */ (0,
|
|
10433
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)("div", { children })
|
|
10314
10434
|
]
|
|
10315
10435
|
}
|
|
10316
10436
|
) })
|
|
@@ -10322,7 +10442,7 @@ Popover.displayName = "Popover";
|
|
|
10322
10442
|
var import_styled_components64 = __toESM(require("styled-components"));
|
|
10323
10443
|
var import_react_progress = require("@radix-ui/react-progress");
|
|
10324
10444
|
var import_type_guards37 = require("@wistia/type-guards");
|
|
10325
|
-
var
|
|
10445
|
+
var import_jsx_runtime244 = require("react/jsx-runtime");
|
|
10326
10446
|
var ProgressBarWrapper = import_styled_components64.default.div`
|
|
10327
10447
|
--progress-bar-height: 8px;
|
|
10328
10448
|
--progress-bar-indicator-color: var(--wui-color-bg-fill);
|
|
@@ -10375,15 +10495,15 @@ var ProgressBar = ({
|
|
|
10375
10495
|
labelRight,
|
|
10376
10496
|
...props
|
|
10377
10497
|
}) => {
|
|
10378
|
-
return /* @__PURE__ */ (0,
|
|
10379
|
-
(0, import_type_guards37.isNotNil)(labelLeft) ? /* @__PURE__ */ (0,
|
|
10380
|
-
/* @__PURE__ */ (0,
|
|
10498
|
+
return /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(ProgressBarWrapper, { children: [
|
|
10499
|
+
(0, import_type_guards37.isNotNil)(labelLeft) ? /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(ProgressBarLabel, { children: labelLeft }) : null,
|
|
10500
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
10381
10501
|
StyledProgressBar,
|
|
10382
10502
|
{
|
|
10383
10503
|
max,
|
|
10384
10504
|
value: progress,
|
|
10385
10505
|
...props,
|
|
10386
|
-
children: /* @__PURE__ */ (0,
|
|
10506
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
10387
10507
|
StyledProgressIndicator,
|
|
10388
10508
|
{
|
|
10389
10509
|
$max: max,
|
|
@@ -10392,7 +10512,7 @@ var ProgressBar = ({
|
|
|
10392
10512
|
)
|
|
10393
10513
|
}
|
|
10394
10514
|
),
|
|
10395
|
-
(0, import_type_guards37.isNotNil)(labelRight) ? /* @__PURE__ */ (0,
|
|
10515
|
+
(0, import_type_guards37.isNotNil)(labelRight) ? /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(ProgressBarLabel, { children: labelRight }) : null
|
|
10396
10516
|
] });
|
|
10397
10517
|
};
|
|
10398
10518
|
ProgressBar.displayName = "ProgressBar";
|
|
@@ -10401,8 +10521,8 @@ ProgressBar.displayName = "ProgressBar";
|
|
|
10401
10521
|
var import_react44 = require("react");
|
|
10402
10522
|
var import_styled_components65 = __toESM(require("styled-components"));
|
|
10403
10523
|
var import_type_guards38 = require("@wistia/type-guards");
|
|
10404
|
-
var
|
|
10405
|
-
var RadioIcon = () => /* @__PURE__ */ (0,
|
|
10524
|
+
var import_jsx_runtime245 = require("react/jsx-runtime");
|
|
10525
|
+
var RadioIcon = () => /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
10406
10526
|
"svg",
|
|
10407
10527
|
{
|
|
10408
10528
|
fill: "inherit",
|
|
@@ -10410,7 +10530,7 @@ var RadioIcon = () => /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
|
10410
10530
|
viewBox: "0 0 1 1",
|
|
10411
10531
|
width: "1",
|
|
10412
10532
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10413
|
-
children: /* @__PURE__ */ (0,
|
|
10533
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
10414
10534
|
"circle",
|
|
10415
10535
|
{
|
|
10416
10536
|
cx: "0.5",
|
|
@@ -10518,13 +10638,13 @@ var Radio = (0, import_react44.forwardRef)(
|
|
|
10518
10638
|
}, ref) => {
|
|
10519
10639
|
const generatedId = (0, import_react44.useId)();
|
|
10520
10640
|
const computedId = (0, import_type_guards38.isNonEmptyString)(id) ? id : `wistia-ui-radio-${generatedId}`;
|
|
10521
|
-
return /* @__PURE__ */ (0,
|
|
10641
|
+
return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
|
|
10522
10642
|
StyledRadioWrapper,
|
|
10523
10643
|
{
|
|
10524
10644
|
$disabled: disabled,
|
|
10525
10645
|
"aria-invalid": props["aria-invalid"],
|
|
10526
10646
|
children: [
|
|
10527
|
-
/* @__PURE__ */ (0,
|
|
10647
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
10528
10648
|
StyledHiddenRadioInput,
|
|
10529
10649
|
{
|
|
10530
10650
|
...props,
|
|
@@ -10539,16 +10659,16 @@ var Radio = (0, import_react44.forwardRef)(
|
|
|
10539
10659
|
value
|
|
10540
10660
|
}
|
|
10541
10661
|
),
|
|
10542
|
-
/* @__PURE__ */ (0,
|
|
10662
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
10543
10663
|
FormControlLabel,
|
|
10544
10664
|
{
|
|
10545
|
-
controlSlot: /* @__PURE__ */ (0,
|
|
10665
|
+
controlSlot: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
10546
10666
|
StyledRadioInput,
|
|
10547
10667
|
{
|
|
10548
10668
|
$disabled: disabled,
|
|
10549
10669
|
$size: size,
|
|
10550
10670
|
"data-wui-faux-input": "true",
|
|
10551
|
-
children: /* @__PURE__ */ (0,
|
|
10671
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(RadioIcon, {})
|
|
10552
10672
|
}
|
|
10553
10673
|
),
|
|
10554
10674
|
description,
|
|
@@ -10573,7 +10693,7 @@ var import_type_guards39 = require("@wistia/type-guards");
|
|
|
10573
10693
|
|
|
10574
10694
|
// src/components/SegmentedControl/useSelectedItemMeasurements.tsx
|
|
10575
10695
|
var import_react45 = require("react");
|
|
10576
|
-
var
|
|
10696
|
+
var import_jsx_runtime246 = require("react/jsx-runtime");
|
|
10577
10697
|
var SelectedItemMeasurementsContext = (0, import_react45.createContext)(
|
|
10578
10698
|
null
|
|
10579
10699
|
);
|
|
@@ -10588,7 +10708,7 @@ var SelectedItemMeasurementsProvider = ({
|
|
|
10588
10708
|
}),
|
|
10589
10709
|
[selectedItemMeasurements]
|
|
10590
10710
|
);
|
|
10591
|
-
return /* @__PURE__ */ (0,
|
|
10711
|
+
return /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(SelectedItemMeasurementsContext.Provider, { value: contextValue, children });
|
|
10592
10712
|
};
|
|
10593
10713
|
var useSelectedItemMeasurements = () => {
|
|
10594
10714
|
const context = (0, import_react45.useContext)(SelectedItemMeasurementsContext);
|
|
@@ -10617,7 +10737,7 @@ var useSegmentedControlValue = () => {
|
|
|
10617
10737
|
};
|
|
10618
10738
|
|
|
10619
10739
|
// src/components/SegmentedControl/SelectedItemIndicator.tsx
|
|
10620
|
-
var
|
|
10740
|
+
var import_jsx_runtime247 = require("react/jsx-runtime");
|
|
10621
10741
|
var SelectedItemIndicatorDiv = import_styled_components66.default.div`
|
|
10622
10742
|
background-color: var(--wui-color-bg-fill-white);
|
|
10623
10743
|
border-radius: var(--wui-border-radius-rounded);
|
|
@@ -10644,7 +10764,7 @@ var SelectedItemIndicator = () => {
|
|
|
10644
10764
|
if (!selectedValue) {
|
|
10645
10765
|
return null;
|
|
10646
10766
|
}
|
|
10647
|
-
return /* @__PURE__ */ (0,
|
|
10767
|
+
return /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
|
|
10648
10768
|
SelectedItemIndicatorDiv,
|
|
10649
10769
|
{
|
|
10650
10770
|
style: {
|
|
@@ -10657,7 +10777,7 @@ var SelectedItemIndicator = () => {
|
|
|
10657
10777
|
};
|
|
10658
10778
|
|
|
10659
10779
|
// src/components/SegmentedControl/SegmentedControl.tsx
|
|
10660
|
-
var
|
|
10780
|
+
var import_jsx_runtime248 = require("react/jsx-runtime");
|
|
10661
10781
|
var segmentedControlStyles = import_styled_components67.css`
|
|
10662
10782
|
display: inline-flex;
|
|
10663
10783
|
background-color: var(--wui-color-bg-surface-secondary);
|
|
@@ -10683,7 +10803,7 @@ var SegmentedControl = (0, import_react48.forwardRef)(
|
|
|
10683
10803
|
if ((0, import_type_guards39.isNil)(children)) {
|
|
10684
10804
|
return null;
|
|
10685
10805
|
}
|
|
10686
|
-
return /* @__PURE__ */ (0,
|
|
10806
|
+
return /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
10687
10807
|
StyledSegmentedControl,
|
|
10688
10808
|
{
|
|
10689
10809
|
ref,
|
|
@@ -10695,8 +10815,8 @@ var SegmentedControl = (0, import_react48.forwardRef)(
|
|
|
10695
10815
|
type: "single",
|
|
10696
10816
|
value: selectedValue,
|
|
10697
10817
|
...props,
|
|
10698
|
-
children: /* @__PURE__ */ (0,
|
|
10699
|
-
/* @__PURE__ */ (0,
|
|
10818
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(SegmentedControlValueProvider, { value: selectedValue, children: /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(SelectedItemMeasurementsProvider, { children: [
|
|
10819
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(SelectedItemIndicator, {}),
|
|
10700
10820
|
children
|
|
10701
10821
|
] }) })
|
|
10702
10822
|
}
|
|
@@ -10726,7 +10846,7 @@ var mergeRefs = (refs) => (value) => {
|
|
|
10726
10846
|
};
|
|
10727
10847
|
|
|
10728
10848
|
// src/components/SegmentedControl/SegmentedControlItem.tsx
|
|
10729
|
-
var
|
|
10849
|
+
var import_jsx_runtime249 = require("react/jsx-runtime");
|
|
10730
10850
|
var segmentedControlItemStyles = import_styled_components68.css`
|
|
10731
10851
|
all: unset; /* ToggleGroupItem is a button element */
|
|
10732
10852
|
align-items: center;
|
|
@@ -10827,7 +10947,7 @@ var SegmentedControlItem = (0, import_react49.forwardRef)(
|
|
|
10827
10947
|
resizeObserver.disconnect();
|
|
10828
10948
|
};
|
|
10829
10949
|
}, [selectedValue, setSelectedItemMeasurements, value]);
|
|
10830
|
-
return /* @__PURE__ */ (0,
|
|
10950
|
+
return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
|
|
10831
10951
|
StyledSegmentedControlItem,
|
|
10832
10952
|
{
|
|
10833
10953
|
ref: combinedRef,
|
|
@@ -10850,7 +10970,7 @@ SegmentedControlItem.displayName = "SegmentedControlItem";
|
|
|
10850
10970
|
var import_react_select = require("@radix-ui/react-select");
|
|
10851
10971
|
var import_react50 = require("react");
|
|
10852
10972
|
var import_styled_components69 = __toESM(require("styled-components"));
|
|
10853
|
-
var
|
|
10973
|
+
var import_jsx_runtime250 = require("react/jsx-runtime");
|
|
10854
10974
|
var StyledTrigger = (0, import_styled_components69.default)(import_react_select.Trigger)`
|
|
10855
10975
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
10856
10976
|
--wui-select-color-bg: var(--wui-color-bg-surface);
|
|
@@ -10927,13 +11047,13 @@ var Select = (0, import_react50.forwardRef)(
|
|
|
10927
11047
|
...props
|
|
10928
11048
|
}, forwardedRef) => {
|
|
10929
11049
|
const responsiveFullWidth = useResponsiveProp(fullWidth);
|
|
10930
|
-
return /* @__PURE__ */ (0,
|
|
11050
|
+
return /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
|
|
10931
11051
|
import_react_select.Root,
|
|
10932
11052
|
{
|
|
10933
11053
|
...props,
|
|
10934
11054
|
onValueChange: onChange,
|
|
10935
11055
|
children: [
|
|
10936
|
-
/* @__PURE__ */ (0,
|
|
11056
|
+
/* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
|
|
10937
11057
|
StyledTrigger,
|
|
10938
11058
|
{
|
|
10939
11059
|
ref: forwardedRef,
|
|
@@ -10941,8 +11061,8 @@ var Select = (0, import_react50.forwardRef)(
|
|
|
10941
11061
|
$fullWidth: responsiveFullWidth,
|
|
10942
11062
|
...props,
|
|
10943
11063
|
children: [
|
|
10944
|
-
/* @__PURE__ */ (0,
|
|
10945
|
-
/* @__PURE__ */ (0,
|
|
11064
|
+
/* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_react_select.Value, { placeholder }),
|
|
11065
|
+
/* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
|
|
10946
11066
|
Icon,
|
|
10947
11067
|
{
|
|
10948
11068
|
size: "md",
|
|
@@ -10952,10 +11072,10 @@ var Select = (0, import_react50.forwardRef)(
|
|
|
10952
11072
|
]
|
|
10953
11073
|
}
|
|
10954
11074
|
),
|
|
10955
|
-
/* @__PURE__ */ (0,
|
|
10956
|
-
/* @__PURE__ */ (0,
|
|
10957
|
-
/* @__PURE__ */ (0,
|
|
10958
|
-
/* @__PURE__ */ (0,
|
|
11075
|
+
/* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_react_select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(StyledContent3, { position: "popper", children: [
|
|
11076
|
+
/* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_react_select.ScrollUpButton, { children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Icon, { type: "caret-up" }) }),
|
|
11077
|
+
/* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_react_select.Viewport, { children }),
|
|
11078
|
+
/* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_react_select.ScrollDownButton, { children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Icon, { type: "caret-down" }) })
|
|
10959
11079
|
] }) })
|
|
10960
11080
|
]
|
|
10961
11081
|
}
|
|
@@ -10968,7 +11088,7 @@ Select.displayName = "Select";
|
|
|
10968
11088
|
var import_react_select2 = require("@radix-ui/react-select");
|
|
10969
11089
|
var import_react51 = require("react");
|
|
10970
11090
|
var import_styled_components70 = __toESM(require("styled-components"));
|
|
10971
|
-
var
|
|
11091
|
+
var import_jsx_runtime251 = require("react/jsx-runtime");
|
|
10972
11092
|
var StyledItem = (0, import_styled_components70.default)(import_react_select2.Item)`
|
|
10973
11093
|
${variantStyleMap2.body3};
|
|
10974
11094
|
display: flex;
|
|
@@ -10997,20 +11117,20 @@ var StyledIconContainer = import_styled_components70.default.span`
|
|
|
10997
11117
|
`;
|
|
10998
11118
|
var SelectOption = (0, import_react51.forwardRef)(
|
|
10999
11119
|
({ children, ...props }, forwardedRef) => {
|
|
11000
|
-
return /* @__PURE__ */ (0,
|
|
11120
|
+
return /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
|
|
11001
11121
|
StyledItem,
|
|
11002
11122
|
{
|
|
11003
11123
|
...props,
|
|
11004
11124
|
ref: forwardedRef,
|
|
11005
11125
|
children: [
|
|
11006
|
-
/* @__PURE__ */ (0,
|
|
11126
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(StyledIconContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(import_react_select2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
11007
11127
|
Icon,
|
|
11008
11128
|
{
|
|
11009
11129
|
size: "sm",
|
|
11010
11130
|
type: "checkmark"
|
|
11011
11131
|
}
|
|
11012
11132
|
) }) }),
|
|
11013
|
-
/* @__PURE__ */ (0,
|
|
11133
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(import_react_select2.ItemText, { children })
|
|
11014
11134
|
]
|
|
11015
11135
|
}
|
|
11016
11136
|
);
|
|
@@ -11021,13 +11141,13 @@ SelectOption.displayName = "Option";
|
|
|
11021
11141
|
// src/components/Select/SelectOptionGroup.tsx
|
|
11022
11142
|
var import_react_select3 = require("@radix-ui/react-select");
|
|
11023
11143
|
var import_styled_components71 = __toESM(require("styled-components"));
|
|
11024
|
-
var
|
|
11144
|
+
var import_jsx_runtime252 = require("react/jsx-runtime");
|
|
11025
11145
|
var StyledLabel4 = (0, import_styled_components71.default)(import_react_select3.Label)`
|
|
11026
11146
|
padding: var(--wui-select-option-padding);
|
|
11027
11147
|
`;
|
|
11028
11148
|
var SelectOptionGroup = ({ children, label, ...props }) => {
|
|
11029
|
-
return /* @__PURE__ */ (0,
|
|
11030
|
-
/* @__PURE__ */ (0,
|
|
11149
|
+
return /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(import_react_select3.Group, { ...props, children: [
|
|
11150
|
+
/* @__PURE__ */ (0, import_jsx_runtime252.jsx)(StyledLabel4, { children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
|
|
11031
11151
|
Text,
|
|
11032
11152
|
{
|
|
11033
11153
|
prominence: "secondary",
|
|
@@ -11043,7 +11163,7 @@ var SelectOptionGroup = ({ children, label, ...props }) => {
|
|
|
11043
11163
|
var import_react52 = require("react");
|
|
11044
11164
|
var import_styled_components72 = __toESM(require("styled-components"));
|
|
11045
11165
|
var import_type_guards42 = require("@wistia/type-guards");
|
|
11046
|
-
var
|
|
11166
|
+
var import_jsx_runtime253 = require("react/jsx-runtime");
|
|
11047
11167
|
var sizeSmall3 = import_styled_components72.css`
|
|
11048
11168
|
--wui-size-small-width: 24px;
|
|
11049
11169
|
--wui-size-small-height: 14px;
|
|
@@ -11162,8 +11282,8 @@ var Switch = (0, import_react52.forwardRef)(
|
|
|
11162
11282
|
}, ref) => {
|
|
11163
11283
|
const generatedId = (0, import_react52.useId)();
|
|
11164
11284
|
const computedId = (0, import_type_guards42.isNonEmptyString)(id) ? id : `wistia-ui-switch-${generatedId}`;
|
|
11165
|
-
return /* @__PURE__ */ (0,
|
|
11166
|
-
/* @__PURE__ */ (0,
|
|
11285
|
+
return /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(StyledSwitchWrapper, { $disabled: disabled, children: [
|
|
11286
|
+
/* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
|
|
11167
11287
|
StyledHiddenSwitchInput,
|
|
11168
11288
|
{
|
|
11169
11289
|
...props,
|
|
@@ -11178,10 +11298,10 @@ var Switch = (0, import_react52.forwardRef)(
|
|
|
11178
11298
|
value
|
|
11179
11299
|
}
|
|
11180
11300
|
),
|
|
11181
|
-
/* @__PURE__ */ (0,
|
|
11301
|
+
/* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
|
|
11182
11302
|
FormControlLabel,
|
|
11183
11303
|
{
|
|
11184
|
-
controlSlot: /* @__PURE__ */ (0,
|
|
11304
|
+
controlSlot: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
|
|
11185
11305
|
StyledSwitchInput,
|
|
11186
11306
|
{
|
|
11187
11307
|
$disabled: disabled,
|
|
@@ -11204,7 +11324,7 @@ Switch.displayName = "Switch";
|
|
|
11204
11324
|
|
|
11205
11325
|
// src/components/Table/Table.tsx
|
|
11206
11326
|
var import_styled_components73 = __toESM(require("styled-components"));
|
|
11207
|
-
var
|
|
11327
|
+
var import_jsx_runtime254 = require("react/jsx-runtime");
|
|
11208
11328
|
var StyledTable = import_styled_components73.default.table`
|
|
11209
11329
|
width: 100%;
|
|
11210
11330
|
border-collapse: collapse;
|
|
@@ -11227,7 +11347,7 @@ var Table = ({
|
|
|
11227
11347
|
divided = false,
|
|
11228
11348
|
...props
|
|
11229
11349
|
}) => {
|
|
11230
|
-
return /* @__PURE__ */ (0,
|
|
11350
|
+
return /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
11231
11351
|
StyledTable,
|
|
11232
11352
|
{
|
|
11233
11353
|
$divided: divided,
|
|
@@ -11246,16 +11366,16 @@ var import_react53 = require("react");
|
|
|
11246
11366
|
var TableSectionContext = (0, import_react53.createContext)(null);
|
|
11247
11367
|
|
|
11248
11368
|
// src/components/Table/TableBody.tsx
|
|
11249
|
-
var
|
|
11369
|
+
var import_jsx_runtime255 = require("react/jsx-runtime");
|
|
11250
11370
|
var StyledTbody = import_styled_components74.default.tbody``;
|
|
11251
11371
|
var TableBody = ({ children, ...props }) => {
|
|
11252
|
-
return /* @__PURE__ */ (0,
|
|
11372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(TableSectionContext.Provider, { value: "body", children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(StyledTbody, { ...props, children }) });
|
|
11253
11373
|
};
|
|
11254
11374
|
|
|
11255
11375
|
// src/components/Table/TableCell.tsx
|
|
11256
11376
|
var import_react54 = require("react");
|
|
11257
11377
|
var import_styled_components75 = __toESM(require("styled-components"));
|
|
11258
|
-
var
|
|
11378
|
+
var import_jsx_runtime256 = require("react/jsx-runtime");
|
|
11259
11379
|
var sharedStyles = import_styled_components75.css`
|
|
11260
11380
|
color: var(--wui-color-text);
|
|
11261
11381
|
padding: var(--wui-space-02);
|
|
@@ -11276,33 +11396,33 @@ var StyledTd = import_styled_components75.default.td`
|
|
|
11276
11396
|
var TableCell = ({ children, ...props }) => {
|
|
11277
11397
|
const section = (0, import_react54.useContext)(TableSectionContext);
|
|
11278
11398
|
if (section === "head") {
|
|
11279
|
-
return /* @__PURE__ */ (0,
|
|
11399
|
+
return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(StyledTh, { ...props, children });
|
|
11280
11400
|
}
|
|
11281
|
-
return /* @__PURE__ */ (0,
|
|
11401
|
+
return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(StyledTd, { ...props, children });
|
|
11282
11402
|
};
|
|
11283
11403
|
|
|
11284
11404
|
// src/components/Table/TableFooter.tsx
|
|
11285
11405
|
var import_styled_components76 = __toESM(require("styled-components"));
|
|
11286
|
-
var
|
|
11406
|
+
var import_jsx_runtime257 = require("react/jsx-runtime");
|
|
11287
11407
|
var StyledTfoot = import_styled_components76.default.tfoot``;
|
|
11288
11408
|
var TableFooter = ({ children, ...props }) => {
|
|
11289
|
-
return /* @__PURE__ */ (0,
|
|
11409
|
+
return /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(TableSectionContext.Provider, { value: "footer", children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(StyledTfoot, { ...props, children }) });
|
|
11290
11410
|
};
|
|
11291
11411
|
|
|
11292
11412
|
// src/components/Table/TableHead.tsx
|
|
11293
11413
|
var import_styled_components77 = __toESM(require("styled-components"));
|
|
11294
|
-
var
|
|
11414
|
+
var import_jsx_runtime258 = require("react/jsx-runtime");
|
|
11295
11415
|
var StyledThead = import_styled_components77.default.thead``;
|
|
11296
11416
|
var TableHead = ({ children, ...props }) => {
|
|
11297
|
-
return /* @__PURE__ */ (0,
|
|
11417
|
+
return /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(TableSectionContext.Provider, { value: "head", children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(StyledThead, { ...props, children }) });
|
|
11298
11418
|
};
|
|
11299
11419
|
|
|
11300
11420
|
// src/components/Table/TableRow.tsx
|
|
11301
11421
|
var import_styled_components78 = __toESM(require("styled-components"));
|
|
11302
|
-
var
|
|
11422
|
+
var import_jsx_runtime259 = require("react/jsx-runtime");
|
|
11303
11423
|
var StyledTr = import_styled_components78.default.tr``;
|
|
11304
11424
|
var TableRow = ({ children, ...props }) => {
|
|
11305
|
-
return /* @__PURE__ */ (0,
|
|
11425
|
+
return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(StyledTr, { ...props, children });
|
|
11306
11426
|
};
|
|
11307
11427
|
|
|
11308
11428
|
// src/components/Tabs/Tabs.tsx
|
|
@@ -11314,13 +11434,13 @@ var import_styled_components83 = __toESM(require("styled-components"));
|
|
|
11314
11434
|
// src/components/Tabs/TabPanel.tsx
|
|
11315
11435
|
var import_styled_components79 = __toESM(require("styled-components"));
|
|
11316
11436
|
var import_react_tabs = require("@radix-ui/react-tabs");
|
|
11317
|
-
var
|
|
11437
|
+
var import_jsx_runtime260 = require("react/jsx-runtime");
|
|
11318
11438
|
var StyledTabPanel = (0, import_styled_components79.default)(import_react_tabs.Content)`
|
|
11319
11439
|
display: flex;
|
|
11320
11440
|
flex-direction: column;
|
|
11321
11441
|
`;
|
|
11322
11442
|
var TabPanel = ({ children, value, ...props }) => {
|
|
11323
|
-
return /* @__PURE__ */ (0,
|
|
11443
|
+
return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
|
|
11324
11444
|
StyledTabPanel,
|
|
11325
11445
|
{
|
|
11326
11446
|
value,
|
|
@@ -11334,7 +11454,7 @@ TabPanel.displayName = "TabPanel";
|
|
|
11334
11454
|
// src/components/Tabs/TabList.tsx
|
|
11335
11455
|
var import_styled_components80 = __toESM(require("styled-components"));
|
|
11336
11456
|
var import_react_tabs2 = require("@radix-ui/react-tabs");
|
|
11337
|
-
var
|
|
11457
|
+
var import_jsx_runtime261 = require("react/jsx-runtime");
|
|
11338
11458
|
var StyledTabList = (0, import_styled_components80.default)(import_react_tabs2.List)`
|
|
11339
11459
|
${segmentedControlStyles}
|
|
11340
11460
|
|
|
@@ -11348,7 +11468,7 @@ var TabList = ({
|
|
|
11348
11468
|
ariaLabel,
|
|
11349
11469
|
...props
|
|
11350
11470
|
}) => {
|
|
11351
|
-
return /* @__PURE__ */ (0,
|
|
11471
|
+
return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
|
|
11352
11472
|
StyledTabList,
|
|
11353
11473
|
{
|
|
11354
11474
|
$fullWidth: fullWidth,
|
|
@@ -11379,7 +11499,7 @@ var useTabsValue = () => {
|
|
|
11379
11499
|
};
|
|
11380
11500
|
|
|
11381
11501
|
// src/components/Tabs/TabItem.tsx
|
|
11382
|
-
var
|
|
11502
|
+
var import_jsx_runtime262 = require("react/jsx-runtime");
|
|
11383
11503
|
var StyledTabItem = (0, import_styled_components81.default)(import_react_tabs3.Trigger)`
|
|
11384
11504
|
${segmentedControlItemStyles}
|
|
11385
11505
|
|
|
@@ -11418,7 +11538,7 @@ var TabItem = (0, import_react56.forwardRef)(
|
|
|
11418
11538
|
resizeObserver.disconnect();
|
|
11419
11539
|
};
|
|
11420
11540
|
}, [selectedValue, setSelectedItemMeasurements, value]);
|
|
11421
|
-
return /* @__PURE__ */ (0,
|
|
11541
|
+
return /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(
|
|
11422
11542
|
StyledTabItem,
|
|
11423
11543
|
{
|
|
11424
11544
|
ref: combinedRef,
|
|
@@ -11461,7 +11581,7 @@ var extractTabItems = (children) => {
|
|
|
11461
11581
|
// src/components/Tabs/SelectedItemIndicator.tsx
|
|
11462
11582
|
var import_react58 = require("react");
|
|
11463
11583
|
var import_styled_components82 = __toESM(require("styled-components"));
|
|
11464
|
-
var
|
|
11584
|
+
var import_jsx_runtime263 = require("react/jsx-runtime");
|
|
11465
11585
|
var TabsSelectedItemIndicatorDiv = (0, import_styled_components82.default)(SelectedItemIndicatorDiv)`
|
|
11466
11586
|
&:has(~ ${StyledTabItem}:focus-visible) {
|
|
11467
11587
|
outline: 2px solid var(--wui-color-focus-ring);
|
|
@@ -11481,7 +11601,7 @@ var SelectedItemIndicator2 = () => {
|
|
|
11481
11601
|
if (selectedValue == null) {
|
|
11482
11602
|
return null;
|
|
11483
11603
|
}
|
|
11484
|
-
return /* @__PURE__ */ (0,
|
|
11604
|
+
return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
|
|
11485
11605
|
TabsSelectedItemIndicatorDiv,
|
|
11486
11606
|
{
|
|
11487
11607
|
style: {
|
|
@@ -11494,7 +11614,7 @@ var SelectedItemIndicator2 = () => {
|
|
|
11494
11614
|
};
|
|
11495
11615
|
|
|
11496
11616
|
// src/components/Tabs/Tabs.tsx
|
|
11497
|
-
var
|
|
11617
|
+
var import_jsx_runtime264 = require("react/jsx-runtime");
|
|
11498
11618
|
var TabsContainer = import_styled_components83.default.div`
|
|
11499
11619
|
display: flex;
|
|
11500
11620
|
flex-direction: column;
|
|
@@ -11529,7 +11649,7 @@ var Tabs = (0, import_react59.forwardRef)(
|
|
|
11529
11649
|
onValueChange: setInternalSelectedValue
|
|
11530
11650
|
} : { value: selectedValue, onValueChange: onSelectedValueChange };
|
|
11531
11651
|
const currentValue = defaultSelectedValue !== void 0 ? internalSelectedValue : selectedValue;
|
|
11532
|
-
return /* @__PURE__ */ (0,
|
|
11652
|
+
return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(TabsContainer, { $stickyHeaders: stickyHeaders, children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
|
|
11533
11653
|
StyledTabsRoot,
|
|
11534
11654
|
{
|
|
11535
11655
|
ref,
|
|
@@ -11537,14 +11657,14 @@ var Tabs = (0, import_react59.forwardRef)(
|
|
|
11537
11657
|
activationMode: "automatic",
|
|
11538
11658
|
...otherProps,
|
|
11539
11659
|
...modeProps,
|
|
11540
|
-
children: /* @__PURE__ */ (0,
|
|
11541
|
-
/* @__PURE__ */ (0,
|
|
11660
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(TabsValueProvider, { value: currentValue, children: /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(SelectedItemMeasurementsProvider, { children: [
|
|
11661
|
+
/* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(
|
|
11542
11662
|
TabList,
|
|
11543
11663
|
{
|
|
11544
11664
|
ariaLabel,
|
|
11545
11665
|
fullWidth,
|
|
11546
11666
|
children: [
|
|
11547
|
-
/* @__PURE__ */ (0,
|
|
11667
|
+
/* @__PURE__ */ (0, import_jsx_runtime264.jsx)(SelectedItemIndicator2, {}),
|
|
11548
11668
|
tabItems.map((tab) => {
|
|
11549
11669
|
const {
|
|
11550
11670
|
value,
|
|
@@ -11554,7 +11674,7 @@ var Tabs = (0, import_react59.forwardRef)(
|
|
|
11554
11674
|
"aria-label": ariaLabelForTab
|
|
11555
11675
|
} = tab.props;
|
|
11556
11676
|
if ((0, import_type_guards44.isNil)(icon)) {
|
|
11557
|
-
return /* @__PURE__ */ (0,
|
|
11677
|
+
return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
|
|
11558
11678
|
TabItem,
|
|
11559
11679
|
{
|
|
11560
11680
|
disabled,
|
|
@@ -11565,7 +11685,7 @@ var Tabs = (0, import_react59.forwardRef)(
|
|
|
11565
11685
|
);
|
|
11566
11686
|
}
|
|
11567
11687
|
if ((0, import_type_guards44.isNotNil)(label)) {
|
|
11568
|
-
return /* @__PURE__ */ (0,
|
|
11688
|
+
return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
|
|
11569
11689
|
TabItem,
|
|
11570
11690
|
{
|
|
11571
11691
|
disabled,
|
|
@@ -11577,7 +11697,7 @@ var Tabs = (0, import_react59.forwardRef)(
|
|
|
11577
11697
|
);
|
|
11578
11698
|
}
|
|
11579
11699
|
if ((0, import_type_guards44.isNotNil)(ariaLabelForTab)) {
|
|
11580
|
-
return /* @__PURE__ */ (0,
|
|
11700
|
+
return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
|
|
11581
11701
|
TabItem,
|
|
11582
11702
|
{
|
|
11583
11703
|
"aria-label": ariaLabelForTab,
|
|
@@ -11593,7 +11713,7 @@ var Tabs = (0, import_react59.forwardRef)(
|
|
|
11593
11713
|
]
|
|
11594
11714
|
}
|
|
11595
11715
|
),
|
|
11596
|
-
/* @__PURE__ */ (0,
|
|
11716
|
+
/* @__PURE__ */ (0, import_jsx_runtime264.jsx)(StickyTabContent, { $stickyHeaders: stickyHeaders, children: tabItems.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
|
|
11597
11717
|
TabPanel,
|
|
11598
11718
|
{
|
|
11599
11719
|
value: tab.props.value,
|
|
@@ -11610,9 +11730,9 @@ Tabs.displayName = "Tabs";
|
|
|
11610
11730
|
|
|
11611
11731
|
// src/components/Tabs/Tab.tsx
|
|
11612
11732
|
var import_react60 = require("react");
|
|
11613
|
-
var
|
|
11733
|
+
var import_jsx_runtime265 = require("react/jsx-runtime");
|
|
11614
11734
|
var Tab = (0, import_react60.forwardRef)(({ children }, ref) => {
|
|
11615
|
-
return /* @__PURE__ */ (0,
|
|
11735
|
+
return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("div", { ref, children });
|
|
11616
11736
|
});
|
|
11617
11737
|
Tab.displayName = "Tab";
|
|
11618
11738
|
|
|
@@ -11620,7 +11740,7 @@ Tab.displayName = "Tab";
|
|
|
11620
11740
|
var import_react61 = require("react");
|
|
11621
11741
|
var import_styled_components84 = __toESM(require("styled-components"));
|
|
11622
11742
|
var import_type_guards45 = require("@wistia/type-guards");
|
|
11623
|
-
var
|
|
11743
|
+
var import_jsx_runtime266 = require("react/jsx-runtime");
|
|
11624
11744
|
var TagLabel = import_styled_components84.default.a`
|
|
11625
11745
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
11626
11746
|
font-size: var(--wui-typography-label-4-size);
|
|
@@ -11712,23 +11832,23 @@ var RemoveButton = ({ onClickRemove, onClickRemoveLabel, colorScheme }) => {
|
|
|
11712
11832
|
"for accessibility, onClickRemoveLabel must be provided if onClickRemove is provided"
|
|
11713
11833
|
);
|
|
11714
11834
|
}
|
|
11715
|
-
return /* @__PURE__ */ (0,
|
|
11716
|
-
/* @__PURE__ */ (0,
|
|
11717
|
-
/* @__PURE__ */ (0,
|
|
11835
|
+
return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(import_jsx_runtime266.Fragment, { children: [
|
|
11836
|
+
/* @__PURE__ */ (0, import_jsx_runtime266.jsx)(TagDivider, { $colorScheme: colorScheme }),
|
|
11837
|
+
/* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
|
|
11718
11838
|
StyledRemoveButton,
|
|
11719
11839
|
{
|
|
11720
11840
|
$colorScheme: colorScheme,
|
|
11721
11841
|
onClick: onClickRemove,
|
|
11722
11842
|
type: "button",
|
|
11723
11843
|
children: [
|
|
11724
|
-
/* @__PURE__ */ (0,
|
|
11844
|
+
/* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
|
|
11725
11845
|
Icon,
|
|
11726
11846
|
{
|
|
11727
11847
|
size: "sm",
|
|
11728
11848
|
type: "close"
|
|
11729
11849
|
}
|
|
11730
11850
|
),
|
|
11731
|
-
/* @__PURE__ */ (0,
|
|
11851
|
+
/* @__PURE__ */ (0, import_jsx_runtime266.jsx)(ScreenReaderOnly, { children: onClickRemoveLabel })
|
|
11732
11852
|
]
|
|
11733
11853
|
}
|
|
11734
11854
|
)
|
|
@@ -11746,14 +11866,14 @@ var Tag = (0, import_react61.forwardRef)(
|
|
|
11746
11866
|
}, ref) => {
|
|
11747
11867
|
const hasIcon = (0, import_type_guards45.isNotNil)(icon);
|
|
11748
11868
|
const labelProps = (0, import_type_guards45.isNotNil)(href) && (0, import_type_guards45.isNonEmptyString)(href) ? { href, as: "a" } : { as: "span" };
|
|
11749
|
-
return /* @__PURE__ */ (0,
|
|
11869
|
+
return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
|
|
11750
11870
|
StyledTag,
|
|
11751
11871
|
{
|
|
11752
11872
|
ref,
|
|
11753
11873
|
$colorScheme: colorScheme,
|
|
11754
11874
|
...otherProps,
|
|
11755
11875
|
children: [
|
|
11756
|
-
/* @__PURE__ */ (0,
|
|
11876
|
+
/* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
|
|
11757
11877
|
TagLabel,
|
|
11758
11878
|
{
|
|
11759
11879
|
...labelProps,
|
|
@@ -11764,7 +11884,7 @@ var Tag = (0, import_react61.forwardRef)(
|
|
|
11764
11884
|
]
|
|
11765
11885
|
}
|
|
11766
11886
|
),
|
|
11767
|
-
/* @__PURE__ */ (0,
|
|
11887
|
+
/* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
|
|
11768
11888
|
RemoveButton,
|
|
11769
11889
|
{
|
|
11770
11890
|
colorScheme,
|
|
@@ -11782,24 +11902,24 @@ Tag.displayName = "Tag";
|
|
|
11782
11902
|
// src/components/WistiaLogo/WistiaLogo.tsx
|
|
11783
11903
|
var import_styled_components85 = __toESM(require("styled-components"));
|
|
11784
11904
|
var import_type_guards46 = require("@wistia/type-guards");
|
|
11785
|
-
var
|
|
11905
|
+
var import_jsx_runtime267 = require("react/jsx-runtime");
|
|
11786
11906
|
var renderBrandmark = (brandmarkColor, iconOnly) => {
|
|
11787
11907
|
if (iconOnly) {
|
|
11788
|
-
return /* @__PURE__ */ (0,
|
|
11908
|
+
return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
|
|
11789
11909
|
"g",
|
|
11790
11910
|
{
|
|
11791
11911
|
"data-testid": "ui-wistia-logo-brandmark",
|
|
11792
11912
|
fill: brandmarkColor,
|
|
11793
|
-
children: /* @__PURE__ */ (0,
|
|
11913
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("path", { d: "M16.09 17.1h-5.2c-1.58 0-3.08.68-4.11 1.87L.21 26.53c4.78.25 9.78.25 13.3.25 18.31 0 20.89-11.27 20.89-16.55-1.59 1.93-6.06 6.87-18.32 6.87ZM32.14 0c-.08.92-.59 4.69-11.31 4.69-8.72 0-12.24 0-20.83-.17l6.44 7.4a6.657 6.657 0 0 0 4.96 2.3c2.13.03 5.05.06 5.53.06 11.01 0 17.19-5.05 17.19-9.89 0-2.01-.67-3.44-1.97-4.4Z" })
|
|
11794
11914
|
}
|
|
11795
11915
|
);
|
|
11796
11916
|
}
|
|
11797
|
-
return /* @__PURE__ */ (0,
|
|
11917
|
+
return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
|
|
11798
11918
|
"g",
|
|
11799
11919
|
{
|
|
11800
11920
|
"data-testid": "ui-wistia-logo-brandmark",
|
|
11801
11921
|
fill: brandmarkColor,
|
|
11802
|
-
children: /* @__PURE__ */ (0,
|
|
11922
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("path", { d: "M16.09 21.37h-5.2c-1.58 0-3.08.68-4.11 1.87L.21 30.8c4.78.25 9.78.25 13.3.25 18.31 0 20.89-11.27 20.89-16.55-1.59 1.93-6.06 6.87-18.32 6.87Zm16.05-17.1c-.08.92-.59 4.69-11.31 4.69-8.72 0-12.24 0-20.83-.17l6.44 7.4a6.657 6.657 0 0 0 4.96 2.3c2.13.03 5.05.06 5.53.06 11.01 0 17.19-5.05 17.19-9.89 0-2.01-.67-3.44-1.97-4.4Z" })
|
|
11803
11923
|
}
|
|
11804
11924
|
);
|
|
11805
11925
|
};
|
|
@@ -11807,12 +11927,12 @@ var renderLogotype = (logotypeColor, iconOnly) => {
|
|
|
11807
11927
|
if (iconOnly) {
|
|
11808
11928
|
return null;
|
|
11809
11929
|
}
|
|
11810
|
-
return /* @__PURE__ */ (0,
|
|
11930
|
+
return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
|
|
11811
11931
|
"g",
|
|
11812
11932
|
{
|
|
11813
11933
|
"data-testid": "ui-wistia-logo-logotype",
|
|
11814
11934
|
fill: logotypeColor,
|
|
11815
|
-
children: /* @__PURE__ */ (0,
|
|
11935
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("path", { d: "M70.16 8.66v15.18c0 1.68-.35 3.09-1.05 4.23a6.612 6.612 0 0 1-2.85 2.54c-1.19.55-2.52.82-4.01.82s-2.8-.28-4.01-.85a6.655 6.655 0 0 1-3.11-2.96c-.08.15-.16.29-.24.42a6.552 6.552 0 0 1-2.87 2.54c-1.2.56-2.54.85-4.01.85s-2.8-.27-3.94-.82a6.214 6.214 0 0 1-2.71-2.52c-.67-1.14-1.01-2.56-1.02-4.25l-.22-15.18h7.34V22.3c0 .82.19 1.37.56 1.67.39.28.85.42 1.38.42s1.02-.15 1.45-.45c.43-.3.65-.85.65-1.65V8.65h7.3v13.64c0 .8.22 1.35.65 1.65.43.3.91.45 1.45.45s.99-.14 1.36-.42c.39-.3.58-.85.58-1.67V8.66h7.34Zm2.45 0v22.26h7.34V8.66h-7.34Zm5.67-1.87c.61-.3 1.08-.71 1.42-1.25.36-.55.53-1.19.53-1.94s-.18-1.34-.53-1.89A3.43 3.43 0 0 0 78.28.44c-.59-.3-1.25-.45-1.98-.45s-1.42.15-2.02.45c-.59.3-1.07.72-1.42 1.27-.36.55-.53 1.18-.53 1.89 0 1.1.38 1.97 1.13 2.63.76.65 1.71.98 2.85.98.73 0 1.39-.14 1.98-.42Zm8.86 1.96c-1.42.4-2.6 1.11-3.54 2.14-.93 1.02-1.4 2.4-1.4 4.12 0 1.11.17 2.09.51 2.94.36.85.82 1.62 1.38 2.34.22.28.55.65.98 1.11.37.4.64.72.8.96.18.24.27.47.27.69 0 .5-.4.87-1.2 1.09-.8.21-1.62.31-2.47.31-.1-.01-.22-.02-.33-.02l1.02 6.94c.42.07.92.11 1.51.11 1.9 0 3.6-.28 5.1-.85 1.5-.56 2.68-1.42 3.54-2.56.88-1.14 1.31-2.55 1.31-4.23 0-.68-.07-1.31-.22-1.87-.13-.58-.32-1.09-.56-1.54a6.64 6.64 0 0 0-.8-1.27c-.3-.37-.74-.82-1.34-1.36-.39-.33-.67-.59-.85-.8-.18-.22-.27-.45-.27-.67 0-.46.26-.79.78-.98.53-.19 1.17-.29 1.91-.29.25 0 .51.01.78.04l-.71-6.88a10.4 10.4 0 0 0-1.56-.11c-1.66 0-3.21.21-4.65.62Zm19.54 15.71c-.99 0-1.71-.23-2.14-.69-.42-.47-.62-1.18-.62-2.11v-6.57h4.21V8.66h-4.21V3.38l-7.34 1.85V24.1c0 2.45.47 4.29 1.4 5.52.95 1.22 2.45 1.83 4.49 1.83.95 0 1.86-.07 2.74-.22.88-.13 1.62-.34 2.25-.62l1.38-6.3c-.55.1-1.27.16-2.16.16Zm4.13-15.8v22.26h7.34V8.66h-7.34Zm5.67-1.87c.61-.3 1.08-.71 1.42-1.25.36-.55.53-1.19.53-1.94s-.18-1.34-.53-1.89a3.43 3.43 0 0 0-1.42-1.27c-.59-.3-1.25-.45-1.98-.45s-1.42.15-2.02.45c-.59.3-1.07.72-1.42 1.27-.36.55-.53 1.18-.53 1.89 0 1.1.38 1.97 1.14 2.63.76.65 1.71.98 2.85.98.73 0 1.39-.14 1.98-.42Zm27.51 1.87v22.26h-7.34v-2.28c-.41.43-.85.83-1.34 1.19-1.44 1.07-3.12 1.6-5.05 1.6s-3.61-.52-5.1-1.56c-1.48-1.05-2.63-2.47-3.45-4.25-.82-1.78-1.22-3.73-1.22-5.85s.41-4.07 1.22-5.83c.82-1.78 1.97-3.19 3.45-4.23 1.48-1.05 3.18-1.58 5.1-1.58s3.61.53 5.05 1.6c.48.36.93.75 1.34 1.19V8.66h7.34Zm-7.1 11.11c0-.8-.19-1.53-.56-2.18-.37-.67-.88-1.19-1.54-1.58-.64-.39-1.34-.58-2.09-.58s-1.45.19-2.09.58c-.64.39-1.15.91-1.54 1.58-.37.67-.56 1.39-.56 2.18s.19 1.51.56 2.18c.39.67.9 1.19 1.54 1.58.64.39 1.34.58 2.09.58s1.45-.19 2.09-.58c.65-.39 1.16-.91 1.54-1.56.37-.67.56-1.4.56-2.2Z" })
|
|
11816
11936
|
}
|
|
11817
11937
|
);
|
|
11818
11938
|
};
|
|
@@ -11880,7 +12000,7 @@ var WistiaLogo = ({
|
|
|
11880
12000
|
};
|
|
11881
12001
|
const brandmarkColor = VARIANT_COLORS[variant].brandmark;
|
|
11882
12002
|
const logotypeColor = VARIANT_COLORS[variant].logotype;
|
|
11883
|
-
const Logo = /* @__PURE__ */ (0,
|
|
12003
|
+
const Logo = /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(
|
|
11884
12004
|
WistiaLogoComponent,
|
|
11885
12005
|
{
|
|
11886
12006
|
$hoverColor: hoverColor,
|
|
@@ -11893,14 +12013,14 @@ var WistiaLogo = ({
|
|
|
11893
12013
|
xmlns: "http://www.w3.org/2000/svg",
|
|
11894
12014
|
...otherProps,
|
|
11895
12015
|
children: [
|
|
11896
|
-
/* @__PURE__ */ (0,
|
|
11897
|
-
(0, import_type_guards46.isNotNil)(description) ? /* @__PURE__ */ (0,
|
|
12016
|
+
/* @__PURE__ */ (0, import_jsx_runtime267.jsx)("title", { children: title }),
|
|
12017
|
+
(0, import_type_guards46.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("desc", { children: description }) : null,
|
|
11898
12018
|
renderBrandmark(brandmarkColor, iconOnly),
|
|
11899
12019
|
renderLogotype(logotypeColor, iconOnly)
|
|
11900
12020
|
]
|
|
11901
12021
|
}
|
|
11902
12022
|
);
|
|
11903
|
-
return href !== void 0 ? /* @__PURE__ */ (0,
|
|
12023
|
+
return href !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("a", { href, children: Logo }) : Logo;
|
|
11904
12024
|
};
|
|
11905
12025
|
WistiaLogo.displayName = "WistiaLogo";
|
|
11906
12026
|
// Annotate the CommonJS export names for ESM import in node:
|