@wistia/ui 0.6.28 → 0.6.29
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 +777 -663
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +9 -5
- package/dist/index.d.ts +9 -5
- package/dist/index.mjs +768 -654
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.6.
|
|
3
|
+
* @license @wistia/ui v0.6.29
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -3264,9 +3264,9 @@ var ChaptersIcon = (props) => /* @__PURE__ */ jsx39(
|
|
|
3264
3264
|
}
|
|
3265
3265
|
);
|
|
3266
3266
|
|
|
3267
|
-
// src/components/Icon/icons/
|
|
3267
|
+
// src/components/Icon/icons/CheckmarkIcon.tsx
|
|
3268
3268
|
import { jsx as jsx40 } from "react/jsx-runtime";
|
|
3269
|
-
var
|
|
3269
|
+
var CheckmarkIcon = (props) => /* @__PURE__ */ jsx40(
|
|
3270
3270
|
"svg",
|
|
3271
3271
|
{
|
|
3272
3272
|
...props,
|
|
@@ -3275,16 +3275,16 @@ var CheckmarkCircleIcon = (props) => /* @__PURE__ */ jsx40(
|
|
|
3275
3275
|
children: /* @__PURE__ */ jsx40(
|
|
3276
3276
|
"path",
|
|
3277
3277
|
{
|
|
3278
|
-
d: "
|
|
3278
|
+
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",
|
|
3279
3279
|
fill: "currentColor"
|
|
3280
3280
|
}
|
|
3281
3281
|
)
|
|
3282
3282
|
}
|
|
3283
3283
|
);
|
|
3284
3284
|
|
|
3285
|
-
// src/components/Icon/icons/
|
|
3285
|
+
// src/components/Icon/icons/CheckmarkCircleIcon.tsx
|
|
3286
3286
|
import { jsx as jsx41 } from "react/jsx-runtime";
|
|
3287
|
-
var
|
|
3287
|
+
var CheckmarkCircleIcon = (props) => /* @__PURE__ */ jsx41(
|
|
3288
3288
|
"svg",
|
|
3289
3289
|
{
|
|
3290
3290
|
...props,
|
|
@@ -3293,18 +3293,16 @@ var CheckmarkCircleOutlineIcon = (props) => /* @__PURE__ */ jsx41(
|
|
|
3293
3293
|
children: /* @__PURE__ */ jsx41(
|
|
3294
3294
|
"path",
|
|
3295
3295
|
{
|
|
3296
|
-
|
|
3297
|
-
|
|
3298
|
-
fill: "currentColor",
|
|
3299
|
-
fillRule: "evenodd"
|
|
3296
|
+
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",
|
|
3297
|
+
fill: "currentColor"
|
|
3300
3298
|
}
|
|
3301
3299
|
)
|
|
3302
3300
|
}
|
|
3303
3301
|
);
|
|
3304
3302
|
|
|
3305
|
-
// src/components/Icon/icons/
|
|
3303
|
+
// src/components/Icon/icons/CheckmarkCircleOutlineIcon.tsx
|
|
3306
3304
|
import { jsx as jsx42 } from "react/jsx-runtime";
|
|
3307
|
-
var
|
|
3305
|
+
var CheckmarkCircleOutlineIcon = (props) => /* @__PURE__ */ jsx42(
|
|
3308
3306
|
"svg",
|
|
3309
3307
|
{
|
|
3310
3308
|
...props,
|
|
@@ -3313,8 +3311,10 @@ var CheckmarkIcon = (props) => /* @__PURE__ */ jsx42(
|
|
|
3313
3311
|
children: /* @__PURE__ */ jsx42(
|
|
3314
3312
|
"path",
|
|
3315
3313
|
{
|
|
3316
|
-
|
|
3317
|
-
|
|
3314
|
+
clipRule: "evenodd",
|
|
3315
|
+
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",
|
|
3316
|
+
fill: "currentColor",
|
|
3317
|
+
fillRule: "evenodd"
|
|
3318
3318
|
}
|
|
3319
3319
|
)
|
|
3320
3320
|
}
|
|
@@ -3436,9 +3436,9 @@ var ClosedCaptionsIcon = (props) => /* @__PURE__ */ jsx48(
|
|
|
3436
3436
|
}
|
|
3437
3437
|
);
|
|
3438
3438
|
|
|
3439
|
-
// src/components/Icon/icons/
|
|
3439
|
+
// src/components/Icon/icons/CollapseIcon.tsx
|
|
3440
3440
|
import { jsx as jsx49 } from "react/jsx-runtime";
|
|
3441
|
-
var
|
|
3441
|
+
var CollapseIcon = (props) => /* @__PURE__ */ jsx49(
|
|
3442
3442
|
"svg",
|
|
3443
3443
|
{
|
|
3444
3444
|
...props,
|
|
@@ -3448,7 +3448,7 @@ var CollapseDiagonalIcon = (props) => /* @__PURE__ */ jsx49(
|
|
|
3448
3448
|
"path",
|
|
3449
3449
|
{
|
|
3450
3450
|
clipRule: "evenodd",
|
|
3451
|
-
d: "
|
|
3451
|
+
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",
|
|
3452
3452
|
fill: "currentColor",
|
|
3453
3453
|
fillRule: "evenodd"
|
|
3454
3454
|
}
|
|
@@ -3456,9 +3456,9 @@ var CollapseDiagonalIcon = (props) => /* @__PURE__ */ jsx49(
|
|
|
3456
3456
|
}
|
|
3457
3457
|
);
|
|
3458
3458
|
|
|
3459
|
-
// src/components/Icon/icons/
|
|
3459
|
+
// src/components/Icon/icons/CollapseDiagonalIcon.tsx
|
|
3460
3460
|
import { jsx as jsx50 } from "react/jsx-runtime";
|
|
3461
|
-
var
|
|
3461
|
+
var CollapseDiagonalIcon = (props) => /* @__PURE__ */ jsx50(
|
|
3462
3462
|
"svg",
|
|
3463
3463
|
{
|
|
3464
3464
|
...props,
|
|
@@ -3468,7 +3468,7 @@ var CollapseIcon = (props) => /* @__PURE__ */ jsx50(
|
|
|
3468
3468
|
"path",
|
|
3469
3469
|
{
|
|
3470
3470
|
clipRule: "evenodd",
|
|
3471
|
-
d: "
|
|
3471
|
+
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",
|
|
3472
3472
|
fill: "currentColor",
|
|
3473
3473
|
fillRule: "evenodd"
|
|
3474
3474
|
}
|
|
@@ -3830,9 +3830,9 @@ var ErrorIcon = (props) => /* @__PURE__ */ jsx68(
|
|
|
3830
3830
|
}
|
|
3831
3831
|
);
|
|
3832
3832
|
|
|
3833
|
-
// src/components/Icon/icons/
|
|
3833
|
+
// src/components/Icon/icons/ExpandIcon.tsx
|
|
3834
3834
|
import { jsx as jsx69 } from "react/jsx-runtime";
|
|
3835
|
-
var
|
|
3835
|
+
var ExpandIcon = (props) => /* @__PURE__ */ jsx69(
|
|
3836
3836
|
"svg",
|
|
3837
3837
|
{
|
|
3838
3838
|
...props,
|
|
@@ -3842,7 +3842,7 @@ var ExpandDiagonalIcon = (props) => /* @__PURE__ */ jsx69(
|
|
|
3842
3842
|
"path",
|
|
3843
3843
|
{
|
|
3844
3844
|
clipRule: "evenodd",
|
|
3845
|
-
d: "
|
|
3845
|
+
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",
|
|
3846
3846
|
fill: "currentColor",
|
|
3847
3847
|
fillRule: "evenodd"
|
|
3848
3848
|
}
|
|
@@ -3850,9 +3850,9 @@ var ExpandDiagonalIcon = (props) => /* @__PURE__ */ jsx69(
|
|
|
3850
3850
|
}
|
|
3851
3851
|
);
|
|
3852
3852
|
|
|
3853
|
-
// src/components/Icon/icons/
|
|
3853
|
+
// src/components/Icon/icons/ExpandDiagonalIcon.tsx
|
|
3854
3854
|
import { jsx as jsx70 } from "react/jsx-runtime";
|
|
3855
|
-
var
|
|
3855
|
+
var ExpandDiagonalIcon = (props) => /* @__PURE__ */ jsx70(
|
|
3856
3856
|
"svg",
|
|
3857
3857
|
{
|
|
3858
3858
|
...props,
|
|
@@ -3862,7 +3862,7 @@ var ExpandHorizontalIcon = (props) => /* @__PURE__ */ jsx70(
|
|
|
3862
3862
|
"path",
|
|
3863
3863
|
{
|
|
3864
3864
|
clipRule: "evenodd",
|
|
3865
|
-
d: "
|
|
3865
|
+
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",
|
|
3866
3866
|
fill: "currentColor",
|
|
3867
3867
|
fillRule: "evenodd"
|
|
3868
3868
|
}
|
|
@@ -3870,9 +3870,9 @@ var ExpandHorizontalIcon = (props) => /* @__PURE__ */ jsx70(
|
|
|
3870
3870
|
}
|
|
3871
3871
|
);
|
|
3872
3872
|
|
|
3873
|
-
// src/components/Icon/icons/
|
|
3873
|
+
// src/components/Icon/icons/ExpandHorizontalIcon.tsx
|
|
3874
3874
|
import { jsx as jsx71 } from "react/jsx-runtime";
|
|
3875
|
-
var
|
|
3875
|
+
var ExpandHorizontalIcon = (props) => /* @__PURE__ */ jsx71(
|
|
3876
3876
|
"svg",
|
|
3877
3877
|
{
|
|
3878
3878
|
...props,
|
|
@@ -3882,7 +3882,7 @@ var ExpandIcon = (props) => /* @__PURE__ */ jsx71(
|
|
|
3882
3882
|
"path",
|
|
3883
3883
|
{
|
|
3884
3884
|
clipRule: "evenodd",
|
|
3885
|
-
d: "
|
|
3885
|
+
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",
|
|
3886
3886
|
fill: "currentColor",
|
|
3887
3887
|
fillRule: "evenodd"
|
|
3888
3888
|
}
|
|
@@ -3996,7 +3996,7 @@ var FilmStripIcon = (props) => /* @__PURE__ */ jsx77(
|
|
|
3996
3996
|
"path",
|
|
3997
3997
|
{
|
|
3998
3998
|
clipRule: "evenodd",
|
|
3999
|
-
d: "M12.0021 2.
|
|
3999
|
+
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",
|
|
4000
4000
|
fill: "currentColor",
|
|
4001
4001
|
fillRule: "evenodd"
|
|
4002
4002
|
}
|
|
@@ -4240,15 +4240,35 @@ var HourglassIcon = (props) => /* @__PURE__ */ jsx89(
|
|
|
4240
4240
|
}
|
|
4241
4241
|
);
|
|
4242
4242
|
|
|
4243
|
-
// src/components/Icon/icons/
|
|
4243
|
+
// src/components/Icon/icons/ImportIcon.tsx
|
|
4244
4244
|
import { jsx as jsx90 } from "react/jsx-runtime";
|
|
4245
|
-
var
|
|
4245
|
+
var ImportIcon = (props) => /* @__PURE__ */ jsx90(
|
|
4246
4246
|
"svg",
|
|
4247
4247
|
{
|
|
4248
4248
|
...props,
|
|
4249
4249
|
viewBox: "0 0 24 24",
|
|
4250
4250
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4251
4251
|
children: /* @__PURE__ */ jsx90(
|
|
4252
|
+
"path",
|
|
4253
|
+
{
|
|
4254
|
+
clipRule: "evenodd",
|
|
4255
|
+
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",
|
|
4256
|
+
fill: "currentColor",
|
|
4257
|
+
fillRule: "evenodd"
|
|
4258
|
+
}
|
|
4259
|
+
)
|
|
4260
|
+
}
|
|
4261
|
+
);
|
|
4262
|
+
|
|
4263
|
+
// src/components/Icon/icons/InfoIcon.tsx
|
|
4264
|
+
import { jsx as jsx91 } from "react/jsx-runtime";
|
|
4265
|
+
var InfoIcon = (props) => /* @__PURE__ */ jsx91(
|
|
4266
|
+
"svg",
|
|
4267
|
+
{
|
|
4268
|
+
...props,
|
|
4269
|
+
viewBox: "0 0 24 24",
|
|
4270
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4271
|
+
children: /* @__PURE__ */ jsx91(
|
|
4252
4272
|
"path",
|
|
4253
4273
|
{
|
|
4254
4274
|
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",
|
|
@@ -4259,14 +4279,14 @@ var InfoIcon = (props) => /* @__PURE__ */ jsx90(
|
|
|
4259
4279
|
);
|
|
4260
4280
|
|
|
4261
4281
|
// src/components/Icon/icons/IntegrationsIcon.tsx
|
|
4262
|
-
import { jsx as
|
|
4263
|
-
var IntegrationsIcon = (props) => /* @__PURE__ */
|
|
4282
|
+
import { jsx as jsx92 } from "react/jsx-runtime";
|
|
4283
|
+
var IntegrationsIcon = (props) => /* @__PURE__ */ jsx92(
|
|
4264
4284
|
"svg",
|
|
4265
4285
|
{
|
|
4266
4286
|
...props,
|
|
4267
4287
|
viewBox: "0 0 24 24",
|
|
4268
4288
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4269
|
-
children: /* @__PURE__ */
|
|
4289
|
+
children: /* @__PURE__ */ jsx92(
|
|
4270
4290
|
"path",
|
|
4271
4291
|
{
|
|
4272
4292
|
clipRule: "evenodd",
|
|
@@ -4279,14 +4299,14 @@ var IntegrationsIcon = (props) => /* @__PURE__ */ jsx91(
|
|
|
4279
4299
|
);
|
|
4280
4300
|
|
|
4281
4301
|
// src/components/Icon/icons/LeaveIcon.tsx
|
|
4282
|
-
import { jsx as
|
|
4283
|
-
var LeaveIcon = (props) => /* @__PURE__ */
|
|
4302
|
+
import { jsx as jsx93 } from "react/jsx-runtime";
|
|
4303
|
+
var LeaveIcon = (props) => /* @__PURE__ */ jsx93(
|
|
4284
4304
|
"svg",
|
|
4285
4305
|
{
|
|
4286
4306
|
...props,
|
|
4287
4307
|
viewBox: "0 0 24 24",
|
|
4288
4308
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4289
|
-
children: /* @__PURE__ */
|
|
4309
|
+
children: /* @__PURE__ */ jsx93(
|
|
4290
4310
|
"path",
|
|
4291
4311
|
{
|
|
4292
4312
|
clipRule: "evenodd",
|
|
@@ -4299,14 +4319,14 @@ var LeaveIcon = (props) => /* @__PURE__ */ jsx92(
|
|
|
4299
4319
|
);
|
|
4300
4320
|
|
|
4301
4321
|
// src/components/Icon/icons/LinkIcon.tsx
|
|
4302
|
-
import { jsx as
|
|
4303
|
-
var LinkIcon = (props) => /* @__PURE__ */
|
|
4322
|
+
import { jsx as jsx94 } from "react/jsx-runtime";
|
|
4323
|
+
var LinkIcon = (props) => /* @__PURE__ */ jsx94(
|
|
4304
4324
|
"svg",
|
|
4305
4325
|
{
|
|
4306
4326
|
...props,
|
|
4307
4327
|
viewBox: "0 0 24 24",
|
|
4308
4328
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4309
|
-
children: /* @__PURE__ */
|
|
4329
|
+
children: /* @__PURE__ */ jsx94(
|
|
4310
4330
|
"path",
|
|
4311
4331
|
{
|
|
4312
4332
|
clipRule: "evenodd",
|
|
@@ -4319,14 +4339,14 @@ var LinkIcon = (props) => /* @__PURE__ */ jsx93(
|
|
|
4319
4339
|
);
|
|
4320
4340
|
|
|
4321
4341
|
// src/components/Icon/icons/ListIcon.tsx
|
|
4322
|
-
import { jsx as
|
|
4323
|
-
var ListIcon = (props) => /* @__PURE__ */
|
|
4342
|
+
import { jsx as jsx95 } from "react/jsx-runtime";
|
|
4343
|
+
var ListIcon = (props) => /* @__PURE__ */ jsx95(
|
|
4324
4344
|
"svg",
|
|
4325
4345
|
{
|
|
4326
4346
|
...props,
|
|
4327
4347
|
viewBox: "0 0 24 24",
|
|
4328
4348
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4329
|
-
children: /* @__PURE__ */
|
|
4349
|
+
children: /* @__PURE__ */ jsx95(
|
|
4330
4350
|
"path",
|
|
4331
4351
|
{
|
|
4332
4352
|
clipRule: "evenodd",
|
|
@@ -4339,14 +4359,14 @@ var ListIcon = (props) => /* @__PURE__ */ jsx94(
|
|
|
4339
4359
|
);
|
|
4340
4360
|
|
|
4341
4361
|
// src/components/Icon/icons/LiveIcon.tsx
|
|
4342
|
-
import { jsx as
|
|
4343
|
-
var LiveIcon = (props) => /* @__PURE__ */
|
|
4362
|
+
import { jsx as jsx96 } from "react/jsx-runtime";
|
|
4363
|
+
var LiveIcon = (props) => /* @__PURE__ */ jsx96(
|
|
4344
4364
|
"svg",
|
|
4345
4365
|
{
|
|
4346
4366
|
...props,
|
|
4347
4367
|
viewBox: "0 0 24 24",
|
|
4348
4368
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4349
|
-
children: /* @__PURE__ */
|
|
4369
|
+
children: /* @__PURE__ */ jsx96(
|
|
4350
4370
|
"path",
|
|
4351
4371
|
{
|
|
4352
4372
|
clipRule: "evenodd",
|
|
@@ -4359,7 +4379,7 @@ var LiveIcon = (props) => /* @__PURE__ */ jsx95(
|
|
|
4359
4379
|
);
|
|
4360
4380
|
|
|
4361
4381
|
// src/components/Icon/icons/LocalizationIcon.tsx
|
|
4362
|
-
import { jsx as
|
|
4382
|
+
import { jsx as jsx97, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
4363
4383
|
var LocalizationIcon = (props) => /* @__PURE__ */ jsxs3(
|
|
4364
4384
|
"svg",
|
|
4365
4385
|
{
|
|
@@ -4367,14 +4387,14 @@ var LocalizationIcon = (props) => /* @__PURE__ */ jsxs3(
|
|
|
4367
4387
|
viewBox: "0 0 24 24",
|
|
4368
4388
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4369
4389
|
children: [
|
|
4370
|
-
/* @__PURE__ */
|
|
4390
|
+
/* @__PURE__ */ jsx97(
|
|
4371
4391
|
"path",
|
|
4372
4392
|
{
|
|
4373
4393
|
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",
|
|
4374
4394
|
fill: "currentColor"
|
|
4375
4395
|
}
|
|
4376
4396
|
),
|
|
4377
|
-
/* @__PURE__ */
|
|
4397
|
+
/* @__PURE__ */ jsx97(
|
|
4378
4398
|
"path",
|
|
4379
4399
|
{
|
|
4380
4400
|
clipRule: "evenodd",
|
|
@@ -4383,14 +4403,14 @@ var LocalizationIcon = (props) => /* @__PURE__ */ jsxs3(
|
|
|
4383
4403
|
fillRule: "evenodd"
|
|
4384
4404
|
}
|
|
4385
4405
|
),
|
|
4386
|
-
/* @__PURE__ */
|
|
4406
|
+
/* @__PURE__ */ jsx97(
|
|
4387
4407
|
"path",
|
|
4388
4408
|
{
|
|
4389
4409
|
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",
|
|
4390
4410
|
fill: "currentColor"
|
|
4391
4411
|
}
|
|
4392
4412
|
),
|
|
4393
|
-
/* @__PURE__ */
|
|
4413
|
+
/* @__PURE__ */ jsx97(
|
|
4394
4414
|
"path",
|
|
4395
4415
|
{
|
|
4396
4416
|
clipRule: "evenodd",
|
|
@@ -4404,14 +4424,14 @@ var LocalizationIcon = (props) => /* @__PURE__ */ jsxs3(
|
|
|
4404
4424
|
);
|
|
4405
4425
|
|
|
4406
4426
|
// src/components/Icon/icons/LockIcon.tsx
|
|
4407
|
-
import { jsx as
|
|
4408
|
-
var LockIcon = (props) => /* @__PURE__ */
|
|
4427
|
+
import { jsx as jsx98 } from "react/jsx-runtime";
|
|
4428
|
+
var LockIcon = (props) => /* @__PURE__ */ jsx98(
|
|
4409
4429
|
"svg",
|
|
4410
4430
|
{
|
|
4411
4431
|
...props,
|
|
4412
4432
|
viewBox: "0 0 24 24",
|
|
4413
4433
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4414
|
-
children: /* @__PURE__ */
|
|
4434
|
+
children: /* @__PURE__ */ jsx98(
|
|
4415
4435
|
"path",
|
|
4416
4436
|
{
|
|
4417
4437
|
clipRule: "evenodd",
|
|
@@ -4424,14 +4444,14 @@ var LockIcon = (props) => /* @__PURE__ */ jsx97(
|
|
|
4424
4444
|
);
|
|
4425
4445
|
|
|
4426
4446
|
// src/components/Icon/icons/LogoutIcon.tsx
|
|
4427
|
-
import { jsx as
|
|
4428
|
-
var LogoutIcon = (props) => /* @__PURE__ */
|
|
4447
|
+
import { jsx as jsx99 } from "react/jsx-runtime";
|
|
4448
|
+
var LogoutIcon = (props) => /* @__PURE__ */ jsx99(
|
|
4429
4449
|
"svg",
|
|
4430
4450
|
{
|
|
4431
4451
|
...props,
|
|
4432
4452
|
viewBox: "0 0 24 24",
|
|
4433
4453
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4434
|
-
children: /* @__PURE__ */
|
|
4454
|
+
children: /* @__PURE__ */ jsx99(
|
|
4435
4455
|
"path",
|
|
4436
4456
|
{
|
|
4437
4457
|
clipRule: "evenodd",
|
|
@@ -4444,14 +4464,14 @@ var LogoutIcon = (props) => /* @__PURE__ */ jsx98(
|
|
|
4444
4464
|
);
|
|
4445
4465
|
|
|
4446
4466
|
// src/components/Icon/icons/MaximizeIcon.tsx
|
|
4447
|
-
import { jsx as
|
|
4448
|
-
var MaximizeIcon = (props) => /* @__PURE__ */
|
|
4467
|
+
import { jsx as jsx100 } from "react/jsx-runtime";
|
|
4468
|
+
var MaximizeIcon = (props) => /* @__PURE__ */ jsx100(
|
|
4449
4469
|
"svg",
|
|
4450
4470
|
{
|
|
4451
4471
|
...props,
|
|
4452
4472
|
viewBox: "0 0 24 24",
|
|
4453
4473
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4454
|
-
children: /* @__PURE__ */
|
|
4474
|
+
children: /* @__PURE__ */ jsx100(
|
|
4455
4475
|
"path",
|
|
4456
4476
|
{
|
|
4457
4477
|
clipRule: "evenodd",
|
|
@@ -4464,14 +4484,14 @@ var MaximizeIcon = (props) => /* @__PURE__ */ jsx99(
|
|
|
4464
4484
|
);
|
|
4465
4485
|
|
|
4466
4486
|
// src/components/Icon/icons/MediaIcon.tsx
|
|
4467
|
-
import { jsx as
|
|
4468
|
-
var MediaIcon = (props) => /* @__PURE__ */
|
|
4487
|
+
import { jsx as jsx101 } from "react/jsx-runtime";
|
|
4488
|
+
var MediaIcon = (props) => /* @__PURE__ */ jsx101(
|
|
4469
4489
|
"svg",
|
|
4470
4490
|
{
|
|
4471
4491
|
...props,
|
|
4472
4492
|
viewBox: "0 0 24 24",
|
|
4473
4493
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4474
|
-
children: /* @__PURE__ */
|
|
4494
|
+
children: /* @__PURE__ */ jsx101(
|
|
4475
4495
|
"path",
|
|
4476
4496
|
{
|
|
4477
4497
|
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",
|
|
@@ -4482,14 +4502,14 @@ var MediaIcon = (props) => /* @__PURE__ */ jsx100(
|
|
|
4482
4502
|
);
|
|
4483
4503
|
|
|
4484
4504
|
// src/components/Icon/icons/MegaphoneIcon.tsx
|
|
4485
|
-
import { jsx as
|
|
4486
|
-
var MegaphoneIcon = (props) => /* @__PURE__ */
|
|
4505
|
+
import { jsx as jsx102 } from "react/jsx-runtime";
|
|
4506
|
+
var MegaphoneIcon = (props) => /* @__PURE__ */ jsx102(
|
|
4487
4507
|
"svg",
|
|
4488
4508
|
{
|
|
4489
4509
|
...props,
|
|
4490
4510
|
viewBox: "0 0 24 24",
|
|
4491
4511
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4492
|
-
children: /* @__PURE__ */
|
|
4512
|
+
children: /* @__PURE__ */ jsx102(
|
|
4493
4513
|
"path",
|
|
4494
4514
|
{
|
|
4495
4515
|
clipRule: "evenodd",
|
|
@@ -4502,14 +4522,14 @@ var MegaphoneIcon = (props) => /* @__PURE__ */ jsx101(
|
|
|
4502
4522
|
);
|
|
4503
4523
|
|
|
4504
4524
|
// src/components/Icon/icons/MenuIcon.tsx
|
|
4505
|
-
import { jsx as
|
|
4506
|
-
var MenuIcon = (props) => /* @__PURE__ */
|
|
4525
|
+
import { jsx as jsx103 } from "react/jsx-runtime";
|
|
4526
|
+
var MenuIcon = (props) => /* @__PURE__ */ jsx103(
|
|
4507
4527
|
"svg",
|
|
4508
4528
|
{
|
|
4509
4529
|
...props,
|
|
4510
4530
|
viewBox: "0 0 24 24",
|
|
4511
4531
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4512
|
-
children: /* @__PURE__ */
|
|
4532
|
+
children: /* @__PURE__ */ jsx103(
|
|
4513
4533
|
"path",
|
|
4514
4534
|
{
|
|
4515
4535
|
clipRule: "evenodd",
|
|
@@ -4522,14 +4542,14 @@ var MenuIcon = (props) => /* @__PURE__ */ jsx102(
|
|
|
4522
4542
|
);
|
|
4523
4543
|
|
|
4524
4544
|
// src/components/Icon/icons/MicIcon.tsx
|
|
4525
|
-
import { jsx as
|
|
4526
|
-
var MicIcon = (props) => /* @__PURE__ */
|
|
4545
|
+
import { jsx as jsx104 } from "react/jsx-runtime";
|
|
4546
|
+
var MicIcon = (props) => /* @__PURE__ */ jsx104(
|
|
4527
4547
|
"svg",
|
|
4528
4548
|
{
|
|
4529
4549
|
...props,
|
|
4530
4550
|
viewBox: "0 0 24 24",
|
|
4531
4551
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4532
|
-
children: /* @__PURE__ */
|
|
4552
|
+
children: /* @__PURE__ */ jsx104(
|
|
4533
4553
|
"path",
|
|
4534
4554
|
{
|
|
4535
4555
|
clipRule: "evenodd",
|
|
@@ -4542,14 +4562,14 @@ var MicIcon = (props) => /* @__PURE__ */ jsx103(
|
|
|
4542
4562
|
);
|
|
4543
4563
|
|
|
4544
4564
|
// src/components/Icon/icons/MicOffIcon.tsx
|
|
4545
|
-
import { jsx as
|
|
4546
|
-
var MicOffIcon = (props) => /* @__PURE__ */
|
|
4565
|
+
import { jsx as jsx105 } from "react/jsx-runtime";
|
|
4566
|
+
var MicOffIcon = (props) => /* @__PURE__ */ jsx105(
|
|
4547
4567
|
"svg",
|
|
4548
4568
|
{
|
|
4549
4569
|
...props,
|
|
4550
4570
|
viewBox: "0 0 24 24",
|
|
4551
4571
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4552
|
-
children: /* @__PURE__ */
|
|
4572
|
+
children: /* @__PURE__ */ jsx105(
|
|
4553
4573
|
"path",
|
|
4554
4574
|
{
|
|
4555
4575
|
clipRule: "evenodd",
|
|
@@ -4562,14 +4582,14 @@ var MicOffIcon = (props) => /* @__PURE__ */ jsx104(
|
|
|
4562
4582
|
);
|
|
4563
4583
|
|
|
4564
4584
|
// src/components/Icon/icons/MinimizeIcon.tsx
|
|
4565
|
-
import { jsx as
|
|
4566
|
-
var MinimizeIcon = (props) => /* @__PURE__ */
|
|
4585
|
+
import { jsx as jsx106 } from "react/jsx-runtime";
|
|
4586
|
+
var MinimizeIcon = (props) => /* @__PURE__ */ jsx106(
|
|
4567
4587
|
"svg",
|
|
4568
4588
|
{
|
|
4569
4589
|
...props,
|
|
4570
4590
|
viewBox: "0 0 24 24",
|
|
4571
4591
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4572
|
-
children: /* @__PURE__ */
|
|
4592
|
+
children: /* @__PURE__ */ jsx106(
|
|
4573
4593
|
"path",
|
|
4574
4594
|
{
|
|
4575
4595
|
clipRule: "evenodd",
|
|
@@ -4581,36 +4601,36 @@ var MinimizeIcon = (props) => /* @__PURE__ */ jsx105(
|
|
|
4581
4601
|
}
|
|
4582
4602
|
);
|
|
4583
4603
|
|
|
4584
|
-
// src/components/Icon/icons/
|
|
4585
|
-
import { jsx as
|
|
4586
|
-
var
|
|
4604
|
+
// src/components/Icon/icons/MinusIcon.tsx
|
|
4605
|
+
import { jsx as jsx107 } from "react/jsx-runtime";
|
|
4606
|
+
var MinusIcon = (props) => /* @__PURE__ */ jsx107(
|
|
4587
4607
|
"svg",
|
|
4588
4608
|
{
|
|
4589
4609
|
...props,
|
|
4590
4610
|
viewBox: "0 0 24 24",
|
|
4591
4611
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4592
|
-
children: /* @__PURE__ */
|
|
4612
|
+
children: /* @__PURE__ */ jsx107(
|
|
4593
4613
|
"path",
|
|
4594
4614
|
{
|
|
4595
|
-
d: "
|
|
4615
|
+
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",
|
|
4596
4616
|
fill: "currentColor"
|
|
4597
4617
|
}
|
|
4598
4618
|
)
|
|
4599
4619
|
}
|
|
4600
4620
|
);
|
|
4601
4621
|
|
|
4602
|
-
// src/components/Icon/icons/
|
|
4603
|
-
import { jsx as
|
|
4604
|
-
var
|
|
4622
|
+
// src/components/Icon/icons/MinusCircleIcon.tsx
|
|
4623
|
+
import { jsx as jsx108 } from "react/jsx-runtime";
|
|
4624
|
+
var MinusCircleIcon = (props) => /* @__PURE__ */ jsx108(
|
|
4605
4625
|
"svg",
|
|
4606
4626
|
{
|
|
4607
4627
|
...props,
|
|
4608
4628
|
viewBox: "0 0 24 24",
|
|
4609
4629
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4610
|
-
children: /* @__PURE__ */
|
|
4630
|
+
children: /* @__PURE__ */ jsx108(
|
|
4611
4631
|
"path",
|
|
4612
4632
|
{
|
|
4613
|
-
d: "
|
|
4633
|
+
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",
|
|
4614
4634
|
fill: "currentColor"
|
|
4615
4635
|
}
|
|
4616
4636
|
)
|
|
@@ -4618,14 +4638,14 @@ var MinusIcon = (props) => /* @__PURE__ */ jsx107(
|
|
|
4618
4638
|
);
|
|
4619
4639
|
|
|
4620
4640
|
// src/components/Icon/icons/MobileIcon.tsx
|
|
4621
|
-
import { jsx as
|
|
4622
|
-
var MobileIcon = (props) => /* @__PURE__ */
|
|
4641
|
+
import { jsx as jsx109 } from "react/jsx-runtime";
|
|
4642
|
+
var MobileIcon = (props) => /* @__PURE__ */ jsx109(
|
|
4623
4643
|
"svg",
|
|
4624
4644
|
{
|
|
4625
4645
|
...props,
|
|
4626
4646
|
viewBox: "0 0 24 24",
|
|
4627
4647
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4628
|
-
children: /* @__PURE__ */
|
|
4648
|
+
children: /* @__PURE__ */ jsx109(
|
|
4629
4649
|
"path",
|
|
4630
4650
|
{
|
|
4631
4651
|
clipRule: "evenodd",
|
|
@@ -4638,14 +4658,14 @@ var MobileIcon = (props) => /* @__PURE__ */ jsx108(
|
|
|
4638
4658
|
);
|
|
4639
4659
|
|
|
4640
4660
|
// src/components/Icon/icons/MoreOptionsIcon.tsx
|
|
4641
|
-
import { jsx as
|
|
4642
|
-
var MoreOptionsIcon = (props) => /* @__PURE__ */
|
|
4661
|
+
import { jsx as jsx110 } from "react/jsx-runtime";
|
|
4662
|
+
var MoreOptionsIcon = (props) => /* @__PURE__ */ jsx110(
|
|
4643
4663
|
"svg",
|
|
4644
4664
|
{
|
|
4645
4665
|
...props,
|
|
4646
4666
|
viewBox: "0 0 24 24",
|
|
4647
4667
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4648
|
-
children: /* @__PURE__ */
|
|
4668
|
+
children: /* @__PURE__ */ jsx110(
|
|
4649
4669
|
"path",
|
|
4650
4670
|
{
|
|
4651
4671
|
clipRule: "evenodd",
|
|
@@ -4658,14 +4678,14 @@ var MoreOptionsIcon = (props) => /* @__PURE__ */ jsx109(
|
|
|
4658
4678
|
);
|
|
4659
4679
|
|
|
4660
4680
|
// src/components/Icon/icons/MoveLeftIcon.tsx
|
|
4661
|
-
import { jsx as
|
|
4662
|
-
var MoveLeftIcon = (props) => /* @__PURE__ */
|
|
4681
|
+
import { jsx as jsx111 } from "react/jsx-runtime";
|
|
4682
|
+
var MoveLeftIcon = (props) => /* @__PURE__ */ jsx111(
|
|
4663
4683
|
"svg",
|
|
4664
4684
|
{
|
|
4665
4685
|
...props,
|
|
4666
4686
|
viewBox: "0 0 24 24",
|
|
4667
4687
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4668
|
-
children: /* @__PURE__ */
|
|
4688
|
+
children: /* @__PURE__ */ jsx111(
|
|
4669
4689
|
"path",
|
|
4670
4690
|
{
|
|
4671
4691
|
clipRule: "evenodd",
|
|
@@ -4678,14 +4698,14 @@ var MoveLeftIcon = (props) => /* @__PURE__ */ jsx110(
|
|
|
4678
4698
|
);
|
|
4679
4699
|
|
|
4680
4700
|
// src/components/Icon/icons/MoveRightIcon.tsx
|
|
4681
|
-
import { jsx as
|
|
4682
|
-
var MoveRightIcon = (props) => /* @__PURE__ */
|
|
4701
|
+
import { jsx as jsx112 } from "react/jsx-runtime";
|
|
4702
|
+
var MoveRightIcon = (props) => /* @__PURE__ */ jsx112(
|
|
4683
4703
|
"svg",
|
|
4684
4704
|
{
|
|
4685
4705
|
...props,
|
|
4686
4706
|
viewBox: "0 0 24 24",
|
|
4687
4707
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4688
|
-
children: /* @__PURE__ */
|
|
4708
|
+
children: /* @__PURE__ */ jsx112(
|
|
4689
4709
|
"path",
|
|
4690
4710
|
{
|
|
4691
4711
|
clipRule: "evenodd",
|
|
@@ -4698,14 +4718,14 @@ var MoveRightIcon = (props) => /* @__PURE__ */ jsx111(
|
|
|
4698
4718
|
);
|
|
4699
4719
|
|
|
4700
4720
|
// src/components/Icon/icons/MusicIcon.tsx
|
|
4701
|
-
import { jsx as
|
|
4702
|
-
var MusicIcon = (props) => /* @__PURE__ */
|
|
4721
|
+
import { jsx as jsx113 } from "react/jsx-runtime";
|
|
4722
|
+
var MusicIcon = (props) => /* @__PURE__ */ jsx113(
|
|
4703
4723
|
"svg",
|
|
4704
4724
|
{
|
|
4705
4725
|
...props,
|
|
4706
4726
|
viewBox: "0 0 24 24",
|
|
4707
4727
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4708
|
-
children: /* @__PURE__ */
|
|
4728
|
+
children: /* @__PURE__ */ jsx113(
|
|
4709
4729
|
"path",
|
|
4710
4730
|
{
|
|
4711
4731
|
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",
|
|
@@ -4716,14 +4736,14 @@ var MusicIcon = (props) => /* @__PURE__ */ jsx112(
|
|
|
4716
4736
|
);
|
|
4717
4737
|
|
|
4718
4738
|
// src/components/Icon/icons/OnAirIcon.tsx
|
|
4719
|
-
import { jsx as
|
|
4720
|
-
var OnAirIcon = (props) => /* @__PURE__ */
|
|
4739
|
+
import { jsx as jsx114 } from "react/jsx-runtime";
|
|
4740
|
+
var OnAirIcon = (props) => /* @__PURE__ */ jsx114(
|
|
4721
4741
|
"svg",
|
|
4722
4742
|
{
|
|
4723
4743
|
...props,
|
|
4724
4744
|
viewBox: "0 0 24 24",
|
|
4725
4745
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4726
|
-
children: /* @__PURE__ */
|
|
4746
|
+
children: /* @__PURE__ */ jsx114(
|
|
4727
4747
|
"path",
|
|
4728
4748
|
{
|
|
4729
4749
|
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",
|
|
@@ -4734,14 +4754,14 @@ var OnAirIcon = (props) => /* @__PURE__ */ jsx113(
|
|
|
4734
4754
|
);
|
|
4735
4755
|
|
|
4736
4756
|
// src/components/Icon/icons/OpenNewIcon.tsx
|
|
4737
|
-
import { jsx as
|
|
4738
|
-
var OpenNewIcon = (props) => /* @__PURE__ */
|
|
4757
|
+
import { jsx as jsx115 } from "react/jsx-runtime";
|
|
4758
|
+
var OpenNewIcon = (props) => /* @__PURE__ */ jsx115(
|
|
4739
4759
|
"svg",
|
|
4740
4760
|
{
|
|
4741
4761
|
...props,
|
|
4742
4762
|
viewBox: "0 0 24 24",
|
|
4743
4763
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4744
|
-
children: /* @__PURE__ */
|
|
4764
|
+
children: /* @__PURE__ */ jsx115(
|
|
4745
4765
|
"path",
|
|
4746
4766
|
{
|
|
4747
4767
|
clipRule: "evenodd",
|
|
@@ -4754,14 +4774,14 @@ var OpenNewIcon = (props) => /* @__PURE__ */ jsx114(
|
|
|
4754
4774
|
);
|
|
4755
4775
|
|
|
4756
4776
|
// src/components/Icon/icons/OverviewIcon.tsx
|
|
4757
|
-
import { jsx as
|
|
4758
|
-
var OverviewIcon = (props) => /* @__PURE__ */
|
|
4777
|
+
import { jsx as jsx116 } from "react/jsx-runtime";
|
|
4778
|
+
var OverviewIcon = (props) => /* @__PURE__ */ jsx116(
|
|
4759
4779
|
"svg",
|
|
4760
4780
|
{
|
|
4761
4781
|
...props,
|
|
4762
4782
|
viewBox: "0 0 24 24",
|
|
4763
4783
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4764
|
-
children: /* @__PURE__ */
|
|
4784
|
+
children: /* @__PURE__ */ jsx116(
|
|
4765
4785
|
"path",
|
|
4766
4786
|
{
|
|
4767
4787
|
clipRule: "evenodd",
|
|
@@ -4774,14 +4794,14 @@ var OverviewIcon = (props) => /* @__PURE__ */ jsx115(
|
|
|
4774
4794
|
);
|
|
4775
4795
|
|
|
4776
4796
|
// src/components/Icon/icons/PageIcon.tsx
|
|
4777
|
-
import { jsx as
|
|
4778
|
-
var PageIcon = (props) => /* @__PURE__ */
|
|
4797
|
+
import { jsx as jsx117 } from "react/jsx-runtime";
|
|
4798
|
+
var PageIcon = (props) => /* @__PURE__ */ jsx117(
|
|
4779
4799
|
"svg",
|
|
4780
4800
|
{
|
|
4781
4801
|
...props,
|
|
4782
4802
|
viewBox: "0 0 24 24",
|
|
4783
4803
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4784
|
-
children: /* @__PURE__ */
|
|
4804
|
+
children: /* @__PURE__ */ jsx117(
|
|
4785
4805
|
"path",
|
|
4786
4806
|
{
|
|
4787
4807
|
clipRule: "evenodd",
|
|
@@ -4794,14 +4814,14 @@ var PageIcon = (props) => /* @__PURE__ */ jsx116(
|
|
|
4794
4814
|
);
|
|
4795
4815
|
|
|
4796
4816
|
// src/components/Icon/icons/PanelLeftIcon.tsx
|
|
4797
|
-
import { jsx as
|
|
4798
|
-
var PanelLeftIcon = (props) => /* @__PURE__ */
|
|
4817
|
+
import { jsx as jsx118 } from "react/jsx-runtime";
|
|
4818
|
+
var PanelLeftIcon = (props) => /* @__PURE__ */ jsx118(
|
|
4799
4819
|
"svg",
|
|
4800
4820
|
{
|
|
4801
4821
|
...props,
|
|
4802
4822
|
viewBox: "0 0 24 24",
|
|
4803
4823
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4804
|
-
children: /* @__PURE__ */
|
|
4824
|
+
children: /* @__PURE__ */ jsx118(
|
|
4805
4825
|
"path",
|
|
4806
4826
|
{
|
|
4807
4827
|
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",
|
|
@@ -4812,14 +4832,14 @@ var PanelLeftIcon = (props) => /* @__PURE__ */ jsx117(
|
|
|
4812
4832
|
);
|
|
4813
4833
|
|
|
4814
4834
|
// src/components/Icon/icons/PanelRightIcon.tsx
|
|
4815
|
-
import { jsx as
|
|
4816
|
-
var PanelRightIcon = (props) => /* @__PURE__ */
|
|
4835
|
+
import { jsx as jsx119 } from "react/jsx-runtime";
|
|
4836
|
+
var PanelRightIcon = (props) => /* @__PURE__ */ jsx119(
|
|
4817
4837
|
"svg",
|
|
4818
4838
|
{
|
|
4819
4839
|
...props,
|
|
4820
4840
|
viewBox: "0 0 24 24",
|
|
4821
4841
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4822
|
-
children: /* @__PURE__ */
|
|
4842
|
+
children: /* @__PURE__ */ jsx119(
|
|
4823
4843
|
"path",
|
|
4824
4844
|
{
|
|
4825
4845
|
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",
|
|
@@ -4830,14 +4850,14 @@ var PanelRightIcon = (props) => /* @__PURE__ */ jsx118(
|
|
|
4830
4850
|
);
|
|
4831
4851
|
|
|
4832
4852
|
// src/components/Icon/icons/PanelUpIcon.tsx
|
|
4833
|
-
import { jsx as
|
|
4834
|
-
var PanelUpIcon = (props) => /* @__PURE__ */
|
|
4853
|
+
import { jsx as jsx120 } from "react/jsx-runtime";
|
|
4854
|
+
var PanelUpIcon = (props) => /* @__PURE__ */ jsx120(
|
|
4835
4855
|
"svg",
|
|
4836
4856
|
{
|
|
4837
4857
|
...props,
|
|
4838
4858
|
viewBox: "0 0 24 24",
|
|
4839
4859
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4840
|
-
children: /* @__PURE__ */
|
|
4860
|
+
children: /* @__PURE__ */ jsx120(
|
|
4841
4861
|
"path",
|
|
4842
4862
|
{
|
|
4843
4863
|
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",
|
|
@@ -4848,14 +4868,14 @@ var PanelUpIcon = (props) => /* @__PURE__ */ jsx119(
|
|
|
4848
4868
|
);
|
|
4849
4869
|
|
|
4850
4870
|
// src/components/Icon/icons/PasswordIcon.tsx
|
|
4851
|
-
import { jsx as
|
|
4852
|
-
var PasswordIcon = (props) => /* @__PURE__ */
|
|
4871
|
+
import { jsx as jsx121 } from "react/jsx-runtime";
|
|
4872
|
+
var PasswordIcon = (props) => /* @__PURE__ */ jsx121(
|
|
4853
4873
|
"svg",
|
|
4854
4874
|
{
|
|
4855
4875
|
...props,
|
|
4856
4876
|
viewBox: "0 0 24 24",
|
|
4857
4877
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4858
|
-
children: /* @__PURE__ */
|
|
4878
|
+
children: /* @__PURE__ */ jsx121(
|
|
4859
4879
|
"path",
|
|
4860
4880
|
{
|
|
4861
4881
|
clipRule: "evenodd",
|
|
@@ -4868,14 +4888,14 @@ var PasswordIcon = (props) => /* @__PURE__ */ jsx120(
|
|
|
4868
4888
|
);
|
|
4869
4889
|
|
|
4870
4890
|
// src/components/Icon/icons/PauseIcon.tsx
|
|
4871
|
-
import { jsx as
|
|
4872
|
-
var PauseIcon = (props) => /* @__PURE__ */
|
|
4891
|
+
import { jsx as jsx122 } from "react/jsx-runtime";
|
|
4892
|
+
var PauseIcon = (props) => /* @__PURE__ */ jsx122(
|
|
4873
4893
|
"svg",
|
|
4874
4894
|
{
|
|
4875
4895
|
...props,
|
|
4876
4896
|
viewBox: "0 0 24 24",
|
|
4877
4897
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4878
|
-
children: /* @__PURE__ */
|
|
4898
|
+
children: /* @__PURE__ */ jsx122(
|
|
4879
4899
|
"path",
|
|
4880
4900
|
{
|
|
4881
4901
|
clipRule: "evenodd",
|
|
@@ -4888,14 +4908,14 @@ var PauseIcon = (props) => /* @__PURE__ */ jsx121(
|
|
|
4888
4908
|
);
|
|
4889
4909
|
|
|
4890
4910
|
// src/components/Icon/icons/PencilIcon.tsx
|
|
4891
|
-
import { jsx as
|
|
4892
|
-
var PencilIcon = (props) => /* @__PURE__ */
|
|
4911
|
+
import { jsx as jsx123 } from "react/jsx-runtime";
|
|
4912
|
+
var PencilIcon = (props) => /* @__PURE__ */ jsx123(
|
|
4893
4913
|
"svg",
|
|
4894
4914
|
{
|
|
4895
4915
|
...props,
|
|
4896
4916
|
viewBox: "0 0 24 24",
|
|
4897
4917
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4898
|
-
children: /* @__PURE__ */
|
|
4918
|
+
children: /* @__PURE__ */ jsx123(
|
|
4899
4919
|
"path",
|
|
4900
4920
|
{
|
|
4901
4921
|
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",
|
|
@@ -4906,14 +4926,14 @@ var PencilIcon = (props) => /* @__PURE__ */ jsx122(
|
|
|
4906
4926
|
);
|
|
4907
4927
|
|
|
4908
4928
|
// src/components/Icon/icons/PeopleIcon.tsx
|
|
4909
|
-
import { jsx as
|
|
4910
|
-
var PeopleIcon = (props) => /* @__PURE__ */
|
|
4929
|
+
import { jsx as jsx124 } from "react/jsx-runtime";
|
|
4930
|
+
var PeopleIcon = (props) => /* @__PURE__ */ jsx124(
|
|
4911
4931
|
"svg",
|
|
4912
4932
|
{
|
|
4913
4933
|
...props,
|
|
4914
4934
|
viewBox: "0 0 24 24",
|
|
4915
4935
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4916
|
-
children: /* @__PURE__ */
|
|
4936
|
+
children: /* @__PURE__ */ jsx124(
|
|
4917
4937
|
"path",
|
|
4918
4938
|
{
|
|
4919
4939
|
clipRule: "evenodd",
|
|
@@ -4926,14 +4946,14 @@ var PeopleIcon = (props) => /* @__PURE__ */ jsx123(
|
|
|
4926
4946
|
);
|
|
4927
4947
|
|
|
4928
4948
|
// src/components/Icon/icons/PinIcon.tsx
|
|
4929
|
-
import { jsx as
|
|
4930
|
-
var PinIcon = (props) => /* @__PURE__ */
|
|
4949
|
+
import { jsx as jsx125 } from "react/jsx-runtime";
|
|
4950
|
+
var PinIcon = (props) => /* @__PURE__ */ jsx125(
|
|
4931
4951
|
"svg",
|
|
4932
4952
|
{
|
|
4933
4953
|
...props,
|
|
4934
4954
|
viewBox: "0 0 24 24",
|
|
4935
4955
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4936
|
-
children: /* @__PURE__ */
|
|
4956
|
+
children: /* @__PURE__ */ jsx125(
|
|
4937
4957
|
"path",
|
|
4938
4958
|
{
|
|
4939
4959
|
clipRule: "evenodd",
|
|
@@ -4946,14 +4966,14 @@ var PinIcon = (props) => /* @__PURE__ */ jsx124(
|
|
|
4946
4966
|
);
|
|
4947
4967
|
|
|
4948
4968
|
// src/components/Icon/icons/PinSlashIcon.tsx
|
|
4949
|
-
import { jsx as
|
|
4950
|
-
var PinSlashIcon = (props) => /* @__PURE__ */
|
|
4969
|
+
import { jsx as jsx126 } from "react/jsx-runtime";
|
|
4970
|
+
var PinSlashIcon = (props) => /* @__PURE__ */ jsx126(
|
|
4951
4971
|
"svg",
|
|
4952
4972
|
{
|
|
4953
4973
|
...props,
|
|
4954
4974
|
viewBox: "0 0 24 24",
|
|
4955
4975
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4956
|
-
children: /* @__PURE__ */
|
|
4976
|
+
children: /* @__PURE__ */ jsx126(
|
|
4957
4977
|
"path",
|
|
4958
4978
|
{
|
|
4959
4979
|
clipRule: "evenodd",
|
|
@@ -4966,14 +4986,14 @@ var PinSlashIcon = (props) => /* @__PURE__ */ jsx125(
|
|
|
4966
4986
|
);
|
|
4967
4987
|
|
|
4968
4988
|
// src/components/Icon/icons/PipIcon.tsx
|
|
4969
|
-
import { jsx as
|
|
4970
|
-
var PipIcon = (props) => /* @__PURE__ */
|
|
4989
|
+
import { jsx as jsx127 } from "react/jsx-runtime";
|
|
4990
|
+
var PipIcon = (props) => /* @__PURE__ */ jsx127(
|
|
4971
4991
|
"svg",
|
|
4972
4992
|
{
|
|
4973
4993
|
...props,
|
|
4974
4994
|
viewBox: "0 0 24 24",
|
|
4975
4995
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4976
|
-
children: /* @__PURE__ */
|
|
4996
|
+
children: /* @__PURE__ */ jsx127(
|
|
4977
4997
|
"path",
|
|
4978
4998
|
{
|
|
4979
4999
|
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",
|
|
@@ -4984,14 +5004,14 @@ var PipIcon = (props) => /* @__PURE__ */ jsx126(
|
|
|
4984
5004
|
);
|
|
4985
5005
|
|
|
4986
5006
|
// src/components/Icon/icons/PlayIcon.tsx
|
|
4987
|
-
import { jsx as
|
|
4988
|
-
var PlayIcon = (props) => /* @__PURE__ */
|
|
5007
|
+
import { jsx as jsx128 } from "react/jsx-runtime";
|
|
5008
|
+
var PlayIcon = (props) => /* @__PURE__ */ jsx128(
|
|
4989
5009
|
"svg",
|
|
4990
5010
|
{
|
|
4991
5011
|
...props,
|
|
4992
5012
|
viewBox: "0 0 24 24",
|
|
4993
5013
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4994
|
-
children: /* @__PURE__ */
|
|
5014
|
+
children: /* @__PURE__ */ jsx128(
|
|
4995
5015
|
"path",
|
|
4996
5016
|
{
|
|
4997
5017
|
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",
|
|
@@ -5002,14 +5022,14 @@ var PlayIcon = (props) => /* @__PURE__ */ jsx127(
|
|
|
5002
5022
|
);
|
|
5003
5023
|
|
|
5004
5024
|
// src/components/Icon/icons/PlayerIcon.tsx
|
|
5005
|
-
import { jsx as
|
|
5006
|
-
var PlayerIcon = (props) => /* @__PURE__ */
|
|
5025
|
+
import { jsx as jsx129 } from "react/jsx-runtime";
|
|
5026
|
+
var PlayerIcon = (props) => /* @__PURE__ */ jsx129(
|
|
5007
5027
|
"svg",
|
|
5008
5028
|
{
|
|
5009
5029
|
...props,
|
|
5010
5030
|
viewBox: "0 0 24 24",
|
|
5011
5031
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5012
|
-
children: /* @__PURE__ */
|
|
5032
|
+
children: /* @__PURE__ */ jsx129(
|
|
5013
5033
|
"path",
|
|
5014
5034
|
{
|
|
5015
5035
|
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",
|
|
@@ -5020,14 +5040,14 @@ var PlayerIcon = (props) => /* @__PURE__ */ jsx128(
|
|
|
5020
5040
|
);
|
|
5021
5041
|
|
|
5022
5042
|
// src/components/Icon/icons/PlusIcon.tsx
|
|
5023
|
-
import { jsx as
|
|
5024
|
-
var PlusIcon = (props) => /* @__PURE__ */
|
|
5043
|
+
import { jsx as jsx130 } from "react/jsx-runtime";
|
|
5044
|
+
var PlusIcon = (props) => /* @__PURE__ */ jsx130(
|
|
5025
5045
|
"svg",
|
|
5026
5046
|
{
|
|
5027
5047
|
...props,
|
|
5028
5048
|
viewBox: "0 0 24 24",
|
|
5029
5049
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5030
|
-
children: /* @__PURE__ */
|
|
5050
|
+
children: /* @__PURE__ */ jsx130(
|
|
5031
5051
|
"path",
|
|
5032
5052
|
{
|
|
5033
5053
|
clipRule: "evenodd",
|
|
@@ -5040,14 +5060,14 @@ var PlusIcon = (props) => /* @__PURE__ */ jsx129(
|
|
|
5040
5060
|
);
|
|
5041
5061
|
|
|
5042
5062
|
// src/components/Icon/icons/PodcastIcon.tsx
|
|
5043
|
-
import { jsx as
|
|
5044
|
-
var PodcastIcon = (props) => /* @__PURE__ */
|
|
5063
|
+
import { jsx as jsx131 } from "react/jsx-runtime";
|
|
5064
|
+
var PodcastIcon = (props) => /* @__PURE__ */ jsx131(
|
|
5045
5065
|
"svg",
|
|
5046
5066
|
{
|
|
5047
5067
|
...props,
|
|
5048
5068
|
viewBox: "0 0 24 24",
|
|
5049
5069
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5050
|
-
children: /* @__PURE__ */
|
|
5070
|
+
children: /* @__PURE__ */ jsx131(
|
|
5051
5071
|
"path",
|
|
5052
5072
|
{
|
|
5053
5073
|
clipRule: "evenodd",
|
|
@@ -5060,14 +5080,14 @@ var PodcastIcon = (props) => /* @__PURE__ */ jsx130(
|
|
|
5060
5080
|
);
|
|
5061
5081
|
|
|
5062
5082
|
// src/components/Icon/icons/PreviewIcon.tsx
|
|
5063
|
-
import { jsx as
|
|
5064
|
-
var PreviewIcon = (props) => /* @__PURE__ */
|
|
5083
|
+
import { jsx as jsx132 } from "react/jsx-runtime";
|
|
5084
|
+
var PreviewIcon = (props) => /* @__PURE__ */ jsx132(
|
|
5065
5085
|
"svg",
|
|
5066
5086
|
{
|
|
5067
5087
|
...props,
|
|
5068
5088
|
viewBox: "0 0 24 24",
|
|
5069
5089
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5070
|
-
children: /* @__PURE__ */
|
|
5090
|
+
children: /* @__PURE__ */ jsx132(
|
|
5071
5091
|
"path",
|
|
5072
5092
|
{
|
|
5073
5093
|
clipRule: "evenodd",
|
|
@@ -5080,14 +5100,14 @@ var PreviewIcon = (props) => /* @__PURE__ */ jsx131(
|
|
|
5080
5100
|
);
|
|
5081
5101
|
|
|
5082
5102
|
// src/components/Icon/icons/PrivateChatIcon.tsx
|
|
5083
|
-
import { jsx as
|
|
5084
|
-
var PrivateChatIcon = (props) => /* @__PURE__ */
|
|
5103
|
+
import { jsx as jsx133 } from "react/jsx-runtime";
|
|
5104
|
+
var PrivateChatIcon = (props) => /* @__PURE__ */ jsx133(
|
|
5085
5105
|
"svg",
|
|
5086
5106
|
{
|
|
5087
5107
|
...props,
|
|
5088
5108
|
viewBox: "0 0 24 24",
|
|
5089
5109
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5090
|
-
children: /* @__PURE__ */
|
|
5110
|
+
children: /* @__PURE__ */ jsx133(
|
|
5091
5111
|
"path",
|
|
5092
5112
|
{
|
|
5093
5113
|
clipRule: "evenodd",
|
|
@@ -5100,14 +5120,14 @@ var PrivateChatIcon = (props) => /* @__PURE__ */ jsx132(
|
|
|
5100
5120
|
);
|
|
5101
5121
|
|
|
5102
5122
|
// src/components/Icon/icons/PrivateUserSessionsIcon.tsx
|
|
5103
|
-
import { jsx as
|
|
5104
|
-
var PrivateUserSessionsIcon = (props) => /* @__PURE__ */
|
|
5123
|
+
import { jsx as jsx134 } from "react/jsx-runtime";
|
|
5124
|
+
var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ jsx134(
|
|
5105
5125
|
"svg",
|
|
5106
5126
|
{
|
|
5107
5127
|
...props,
|
|
5108
5128
|
viewBox: "0 0 24 24",
|
|
5109
5129
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5110
|
-
children: /* @__PURE__ */
|
|
5130
|
+
children: /* @__PURE__ */ jsx134(
|
|
5111
5131
|
"path",
|
|
5112
5132
|
{
|
|
5113
5133
|
clipRule: "evenodd",
|
|
@@ -5120,7 +5140,7 @@ var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ jsx133(
|
|
|
5120
5140
|
);
|
|
5121
5141
|
|
|
5122
5142
|
// src/components/Icon/icons/ProjectIcon.tsx
|
|
5123
|
-
import { jsx as
|
|
5143
|
+
import { jsx as jsx135, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
5124
5144
|
var ProjectIcon = (props) => /* @__PURE__ */ jsxs4(
|
|
5125
5145
|
"svg",
|
|
5126
5146
|
{
|
|
@@ -5128,7 +5148,7 @@ var ProjectIcon = (props) => /* @__PURE__ */ jsxs4(
|
|
|
5128
5148
|
viewBox: "0 0 24 24",
|
|
5129
5149
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5130
5150
|
children: [
|
|
5131
|
-
/* @__PURE__ */
|
|
5151
|
+
/* @__PURE__ */ jsx135(
|
|
5132
5152
|
"path",
|
|
5133
5153
|
{
|
|
5134
5154
|
clipRule: "evenodd",
|
|
@@ -5137,7 +5157,7 @@ var ProjectIcon = (props) => /* @__PURE__ */ jsxs4(
|
|
|
5137
5157
|
fillRule: "evenodd"
|
|
5138
5158
|
}
|
|
5139
5159
|
),
|
|
5140
|
-
/* @__PURE__ */
|
|
5160
|
+
/* @__PURE__ */ jsx135(
|
|
5141
5161
|
"path",
|
|
5142
5162
|
{
|
|
5143
5163
|
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",
|
|
@@ -5149,14 +5169,14 @@ var ProjectIcon = (props) => /* @__PURE__ */ jsxs4(
|
|
|
5149
5169
|
);
|
|
5150
5170
|
|
|
5151
5171
|
// src/components/Icon/icons/PropertiesIcon.tsx
|
|
5152
|
-
import { jsx as
|
|
5153
|
-
var PropertiesIcon = (props) => /* @__PURE__ */
|
|
5172
|
+
import { jsx as jsx136 } from "react/jsx-runtime";
|
|
5173
|
+
var PropertiesIcon = (props) => /* @__PURE__ */ jsx136(
|
|
5154
5174
|
"svg",
|
|
5155
5175
|
{
|
|
5156
5176
|
...props,
|
|
5157
5177
|
viewBox: "0 0 24 24",
|
|
5158
5178
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5159
|
-
children: /* @__PURE__ */
|
|
5179
|
+
children: /* @__PURE__ */ jsx136(
|
|
5160
5180
|
"path",
|
|
5161
5181
|
{
|
|
5162
5182
|
clipRule: "evenodd",
|
|
@@ -5169,14 +5189,14 @@ var PropertiesIcon = (props) => /* @__PURE__ */ jsx135(
|
|
|
5169
5189
|
);
|
|
5170
5190
|
|
|
5171
5191
|
// src/components/Icon/icons/QuestionMarkIcon.tsx
|
|
5172
|
-
import { jsx as
|
|
5173
|
-
var QuestionMarkIcon = (props) => /* @__PURE__ */
|
|
5192
|
+
import { jsx as jsx137 } from "react/jsx-runtime";
|
|
5193
|
+
var QuestionMarkIcon = (props) => /* @__PURE__ */ jsx137(
|
|
5174
5194
|
"svg",
|
|
5175
5195
|
{
|
|
5176
5196
|
...props,
|
|
5177
5197
|
viewBox: "0 0 24 24",
|
|
5178
5198
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5179
|
-
children: /* @__PURE__ */
|
|
5199
|
+
children: /* @__PURE__ */ jsx137(
|
|
5180
5200
|
"path",
|
|
5181
5201
|
{
|
|
5182
5202
|
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",
|
|
@@ -5187,14 +5207,14 @@ var QuestionMarkIcon = (props) => /* @__PURE__ */ jsx136(
|
|
|
5187
5207
|
);
|
|
5188
5208
|
|
|
5189
5209
|
// src/components/Icon/icons/ReactIcon.tsx
|
|
5190
|
-
import { jsx as
|
|
5191
|
-
var ReactIcon = (props) => /* @__PURE__ */
|
|
5210
|
+
import { jsx as jsx138 } from "react/jsx-runtime";
|
|
5211
|
+
var ReactIcon = (props) => /* @__PURE__ */ jsx138(
|
|
5192
5212
|
"svg",
|
|
5193
5213
|
{
|
|
5194
5214
|
...props,
|
|
5195
5215
|
viewBox: "0 0 24 24",
|
|
5196
5216
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5197
|
-
children: /* @__PURE__ */
|
|
5217
|
+
children: /* @__PURE__ */ jsx138(
|
|
5198
5218
|
"path",
|
|
5199
5219
|
{
|
|
5200
5220
|
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",
|
|
@@ -5205,14 +5225,14 @@ var ReactIcon = (props) => /* @__PURE__ */ jsx137(
|
|
|
5205
5225
|
);
|
|
5206
5226
|
|
|
5207
5227
|
// src/components/Icon/icons/RecordIcon.tsx
|
|
5208
|
-
import { jsx as
|
|
5209
|
-
var RecordIcon = (props) => /* @__PURE__ */
|
|
5228
|
+
import { jsx as jsx139 } from "react/jsx-runtime";
|
|
5229
|
+
var RecordIcon = (props) => /* @__PURE__ */ jsx139(
|
|
5210
5230
|
"svg",
|
|
5211
5231
|
{
|
|
5212
5232
|
...props,
|
|
5213
5233
|
viewBox: "0 0 24 24",
|
|
5214
5234
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5215
|
-
children: /* @__PURE__ */
|
|
5235
|
+
children: /* @__PURE__ */ jsx139(
|
|
5216
5236
|
"path",
|
|
5217
5237
|
{
|
|
5218
5238
|
clipRule: "evenodd",
|
|
@@ -5224,15 +5244,65 @@ var RecordIcon = (props) => /* @__PURE__ */ jsx138(
|
|
|
5224
5244
|
}
|
|
5225
5245
|
);
|
|
5226
5246
|
|
|
5247
|
+
// src/components/Icon/icons/RecordGroupIcon.tsx
|
|
5248
|
+
import { jsx as jsx140, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
5249
|
+
var RecordGroupIcon = (props) => /* @__PURE__ */ jsxs5(
|
|
5250
|
+
"svg",
|
|
5251
|
+
{
|
|
5252
|
+
...props,
|
|
5253
|
+
viewBox: "0 0 24 24",
|
|
5254
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5255
|
+
children: [
|
|
5256
|
+
/* @__PURE__ */ jsx140(
|
|
5257
|
+
"path",
|
|
5258
|
+
{
|
|
5259
|
+
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",
|
|
5260
|
+
fill: "currentColor"
|
|
5261
|
+
}
|
|
5262
|
+
),
|
|
5263
|
+
/* @__PURE__ */ jsx140(
|
|
5264
|
+
"path",
|
|
5265
|
+
{
|
|
5266
|
+
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",
|
|
5267
|
+
fill: "currentColor"
|
|
5268
|
+
}
|
|
5269
|
+
),
|
|
5270
|
+
/* @__PURE__ */ jsx140(
|
|
5271
|
+
"path",
|
|
5272
|
+
{
|
|
5273
|
+
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",
|
|
5274
|
+
fill: "currentColor"
|
|
5275
|
+
}
|
|
5276
|
+
),
|
|
5277
|
+
/* @__PURE__ */ jsx140(
|
|
5278
|
+
"path",
|
|
5279
|
+
{
|
|
5280
|
+
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",
|
|
5281
|
+
fill: "currentColor"
|
|
5282
|
+
}
|
|
5283
|
+
),
|
|
5284
|
+
/* @__PURE__ */ jsx140(
|
|
5285
|
+
"path",
|
|
5286
|
+
{
|
|
5287
|
+
clipRule: "evenodd",
|
|
5288
|
+
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",
|
|
5289
|
+
fill: "currentColor",
|
|
5290
|
+
fillRule: "evenodd"
|
|
5291
|
+
}
|
|
5292
|
+
)
|
|
5293
|
+
]
|
|
5294
|
+
}
|
|
5295
|
+
);
|
|
5296
|
+
|
|
5227
5297
|
// src/components/Icon/icons/RedoIcon.tsx
|
|
5228
|
-
import { jsx as
|
|
5229
|
-
var RedoIcon = (props) => /* @__PURE__ */
|
|
5298
|
+
import { jsx as jsx141 } from "react/jsx-runtime";
|
|
5299
|
+
var RedoIcon = (props) => /* @__PURE__ */ jsx141(
|
|
5230
5300
|
"svg",
|
|
5231
5301
|
{
|
|
5232
5302
|
...props,
|
|
5233
5303
|
viewBox: "0 0 24 24",
|
|
5234
5304
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5235
|
-
children: /* @__PURE__ */
|
|
5305
|
+
children: /* @__PURE__ */ jsx141(
|
|
5236
5306
|
"path",
|
|
5237
5307
|
{
|
|
5238
5308
|
clipRule: "evenodd",
|
|
@@ -5245,14 +5315,14 @@ var RedoIcon = (props) => /* @__PURE__ */ jsx139(
|
|
|
5245
5315
|
);
|
|
5246
5316
|
|
|
5247
5317
|
// src/components/Icon/icons/RefreshIcon.tsx
|
|
5248
|
-
import { jsx as
|
|
5249
|
-
var RefreshIcon = (props) => /* @__PURE__ */
|
|
5318
|
+
import { jsx as jsx142 } from "react/jsx-runtime";
|
|
5319
|
+
var RefreshIcon = (props) => /* @__PURE__ */ jsx142(
|
|
5250
5320
|
"svg",
|
|
5251
5321
|
{
|
|
5252
5322
|
...props,
|
|
5253
5323
|
viewBox: "0 0 24 24",
|
|
5254
5324
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5255
|
-
children: /* @__PURE__ */
|
|
5325
|
+
children: /* @__PURE__ */ jsx142(
|
|
5256
5326
|
"path",
|
|
5257
5327
|
{
|
|
5258
5328
|
clipRule: "evenodd",
|
|
@@ -5265,14 +5335,14 @@ var RefreshIcon = (props) => /* @__PURE__ */ jsx140(
|
|
|
5265
5335
|
);
|
|
5266
5336
|
|
|
5267
5337
|
// src/components/Icon/icons/ReplaceIcon.tsx
|
|
5268
|
-
import { jsx as
|
|
5269
|
-
var ReplaceIcon = (props) => /* @__PURE__ */
|
|
5338
|
+
import { jsx as jsx143 } from "react/jsx-runtime";
|
|
5339
|
+
var ReplaceIcon = (props) => /* @__PURE__ */ jsx143(
|
|
5270
5340
|
"svg",
|
|
5271
5341
|
{
|
|
5272
5342
|
...props,
|
|
5273
5343
|
viewBox: "0 0 24 24",
|
|
5274
5344
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5275
|
-
children: /* @__PURE__ */
|
|
5345
|
+
children: /* @__PURE__ */ jsx143(
|
|
5276
5346
|
"path",
|
|
5277
5347
|
{
|
|
5278
5348
|
clipRule: "evenodd",
|
|
@@ -5285,14 +5355,14 @@ var ReplaceIcon = (props) => /* @__PURE__ */ jsx141(
|
|
|
5285
5355
|
);
|
|
5286
5356
|
|
|
5287
5357
|
// src/components/Icon/icons/ReplyIcon.tsx
|
|
5288
|
-
import { jsx as
|
|
5289
|
-
var ReplyIcon = (props) => /* @__PURE__ */
|
|
5358
|
+
import { jsx as jsx144 } from "react/jsx-runtime";
|
|
5359
|
+
var ReplyIcon = (props) => /* @__PURE__ */ jsx144(
|
|
5290
5360
|
"svg",
|
|
5291
5361
|
{
|
|
5292
5362
|
...props,
|
|
5293
5363
|
viewBox: "0 0 24 24",
|
|
5294
5364
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5295
|
-
children: /* @__PURE__ */
|
|
5365
|
+
children: /* @__PURE__ */ jsx144(
|
|
5296
5366
|
"path",
|
|
5297
5367
|
{
|
|
5298
5368
|
clipRule: "evenodd",
|
|
@@ -5304,19 +5374,39 @@ var ReplyIcon = (props) => /* @__PURE__ */ jsx142(
|
|
|
5304
5374
|
}
|
|
5305
5375
|
);
|
|
5306
5376
|
|
|
5377
|
+
// src/components/Icon/icons/RequestVideoIcon.tsx
|
|
5378
|
+
import { jsx as jsx145 } from "react/jsx-runtime";
|
|
5379
|
+
var RequestVideoIcon = (props) => /* @__PURE__ */ jsx145(
|
|
5380
|
+
"svg",
|
|
5381
|
+
{
|
|
5382
|
+
...props,
|
|
5383
|
+
viewBox: "0 0 24 24",
|
|
5384
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5385
|
+
children: /* @__PURE__ */ jsx145(
|
|
5386
|
+
"path",
|
|
5387
|
+
{
|
|
5388
|
+
clipRule: "evenodd",
|
|
5389
|
+
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",
|
|
5390
|
+
fill: "currentColor",
|
|
5391
|
+
fillRule: "evenodd"
|
|
5392
|
+
}
|
|
5393
|
+
)
|
|
5394
|
+
}
|
|
5395
|
+
);
|
|
5396
|
+
|
|
5307
5397
|
// src/components/Icon/icons/RevertToOriginalIcon.tsx
|
|
5308
|
-
import { jsx as
|
|
5309
|
-
var RevertToOriginalIcon = (props) => /* @__PURE__ */
|
|
5398
|
+
import { jsx as jsx146 } from "react/jsx-runtime";
|
|
5399
|
+
var RevertToOriginalIcon = (props) => /* @__PURE__ */ jsx146(
|
|
5310
5400
|
"svg",
|
|
5311
5401
|
{
|
|
5312
5402
|
...props,
|
|
5313
5403
|
viewBox: "0 0 24 24",
|
|
5314
5404
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5315
|
-
children: /* @__PURE__ */
|
|
5405
|
+
children: /* @__PURE__ */ jsx146(
|
|
5316
5406
|
"path",
|
|
5317
5407
|
{
|
|
5318
5408
|
clipRule: "evenodd",
|
|
5319
|
-
d: "M5.
|
|
5409
|
+
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",
|
|
5320
5410
|
fill: "currentColor",
|
|
5321
5411
|
fillRule: "evenodd"
|
|
5322
5412
|
}
|
|
@@ -5325,14 +5415,14 @@ var RevertToOriginalIcon = (props) => /* @__PURE__ */ jsx143(
|
|
|
5325
5415
|
);
|
|
5326
5416
|
|
|
5327
5417
|
// src/components/Icon/icons/RewindIcon.tsx
|
|
5328
|
-
import { jsx as
|
|
5329
|
-
var RewindIcon = (props) => /* @__PURE__ */
|
|
5418
|
+
import { jsx as jsx147 } from "react/jsx-runtime";
|
|
5419
|
+
var RewindIcon = (props) => /* @__PURE__ */ jsx147(
|
|
5330
5420
|
"svg",
|
|
5331
5421
|
{
|
|
5332
5422
|
...props,
|
|
5333
5423
|
viewBox: "0 0 24 24",
|
|
5334
5424
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5335
|
-
children: /* @__PURE__ */
|
|
5425
|
+
children: /* @__PURE__ */ jsx147(
|
|
5336
5426
|
"path",
|
|
5337
5427
|
{
|
|
5338
5428
|
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",
|
|
@@ -5342,53 +5432,53 @@ var RewindIcon = (props) => /* @__PURE__ */ jsx144(
|
|
|
5342
5432
|
}
|
|
5343
5433
|
);
|
|
5344
5434
|
|
|
5345
|
-
// src/components/Icon/icons/
|
|
5346
|
-
import { jsx as
|
|
5347
|
-
var
|
|
5435
|
+
// src/components/Icon/icons/SaveIcon.tsx
|
|
5436
|
+
import { jsx as jsx148 } from "react/jsx-runtime";
|
|
5437
|
+
var SaveIcon = (props) => /* @__PURE__ */ jsx148(
|
|
5348
5438
|
"svg",
|
|
5349
5439
|
{
|
|
5350
5440
|
...props,
|
|
5351
5441
|
viewBox: "0 0 24 24",
|
|
5352
5442
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5353
|
-
children: /* @__PURE__ */
|
|
5443
|
+
children: /* @__PURE__ */ jsx148(
|
|
5354
5444
|
"path",
|
|
5355
5445
|
{
|
|
5356
|
-
|
|
5357
|
-
|
|
5358
|
-
fill: "currentColor",
|
|
5359
|
-
fillRule: "evenodd"
|
|
5446
|
+
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",
|
|
5447
|
+
fill: "currentColor"
|
|
5360
5448
|
}
|
|
5361
5449
|
)
|
|
5362
5450
|
}
|
|
5363
5451
|
);
|
|
5364
5452
|
|
|
5365
|
-
// src/components/Icon/icons/
|
|
5366
|
-
import { jsx as
|
|
5367
|
-
var
|
|
5453
|
+
// src/components/Icon/icons/SaveAsCopyIcon.tsx
|
|
5454
|
+
import { jsx as jsx149 } from "react/jsx-runtime";
|
|
5455
|
+
var SaveAsCopyIcon = (props) => /* @__PURE__ */ jsx149(
|
|
5368
5456
|
"svg",
|
|
5369
5457
|
{
|
|
5370
5458
|
...props,
|
|
5371
5459
|
viewBox: "0 0 24 24",
|
|
5372
5460
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5373
|
-
children: /* @__PURE__ */
|
|
5461
|
+
children: /* @__PURE__ */ jsx149(
|
|
5374
5462
|
"path",
|
|
5375
5463
|
{
|
|
5376
|
-
|
|
5377
|
-
|
|
5464
|
+
clipRule: "evenodd",
|
|
5465
|
+
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",
|
|
5466
|
+
fill: "currentColor",
|
|
5467
|
+
fillRule: "evenodd"
|
|
5378
5468
|
}
|
|
5379
5469
|
)
|
|
5380
5470
|
}
|
|
5381
5471
|
);
|
|
5382
5472
|
|
|
5383
5473
|
// src/components/Icon/icons/ScissorsIcon.tsx
|
|
5384
|
-
import { jsx as
|
|
5385
|
-
var ScissorsIcon = (props) => /* @__PURE__ */
|
|
5474
|
+
import { jsx as jsx150 } from "react/jsx-runtime";
|
|
5475
|
+
var ScissorsIcon = (props) => /* @__PURE__ */ jsx150(
|
|
5386
5476
|
"svg",
|
|
5387
5477
|
{
|
|
5388
5478
|
...props,
|
|
5389
5479
|
viewBox: "0 0 24 24",
|
|
5390
5480
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5391
|
-
children: /* @__PURE__ */
|
|
5481
|
+
children: /* @__PURE__ */ jsx150(
|
|
5392
5482
|
"path",
|
|
5393
5483
|
{
|
|
5394
5484
|
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",
|
|
@@ -5399,14 +5489,14 @@ var ScissorsIcon = (props) => /* @__PURE__ */ jsx147(
|
|
|
5399
5489
|
);
|
|
5400
5490
|
|
|
5401
5491
|
// src/components/Icon/icons/ScreenshareOffIcon.tsx
|
|
5402
|
-
import { jsx as
|
|
5403
|
-
var ScreenshareOffIcon = (props) => /* @__PURE__ */
|
|
5492
|
+
import { jsx as jsx151 } from "react/jsx-runtime";
|
|
5493
|
+
var ScreenshareOffIcon = (props) => /* @__PURE__ */ jsx151(
|
|
5404
5494
|
"svg",
|
|
5405
5495
|
{
|
|
5406
5496
|
...props,
|
|
5407
5497
|
viewBox: "0 0 24 24",
|
|
5408
5498
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5409
|
-
children: /* @__PURE__ */
|
|
5499
|
+
children: /* @__PURE__ */ jsx151(
|
|
5410
5500
|
"path",
|
|
5411
5501
|
{
|
|
5412
5502
|
clipRule: "evenodd",
|
|
@@ -5419,14 +5509,14 @@ var ScreenshareOffIcon = (props) => /* @__PURE__ */ jsx148(
|
|
|
5419
5509
|
);
|
|
5420
5510
|
|
|
5421
5511
|
// src/components/Icon/icons/ScreenshareOnIcon.tsx
|
|
5422
|
-
import { jsx as
|
|
5423
|
-
var ScreenshareOnIcon = (props) => /* @__PURE__ */
|
|
5512
|
+
import { jsx as jsx152 } from "react/jsx-runtime";
|
|
5513
|
+
var ScreenshareOnIcon = (props) => /* @__PURE__ */ jsx152(
|
|
5424
5514
|
"svg",
|
|
5425
5515
|
{
|
|
5426
5516
|
...props,
|
|
5427
5517
|
viewBox: "0 0 24 24",
|
|
5428
5518
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5429
|
-
children: /* @__PURE__ */
|
|
5519
|
+
children: /* @__PURE__ */ jsx152(
|
|
5430
5520
|
"path",
|
|
5431
5521
|
{
|
|
5432
5522
|
clipRule: "evenodd",
|
|
@@ -5439,14 +5529,14 @@ var ScreenshareOnIcon = (props) => /* @__PURE__ */ jsx149(
|
|
|
5439
5529
|
);
|
|
5440
5530
|
|
|
5441
5531
|
// src/components/Icon/icons/SearchIcon.tsx
|
|
5442
|
-
import { jsx as
|
|
5443
|
-
var SearchIcon = (props) => /* @__PURE__ */
|
|
5532
|
+
import { jsx as jsx153 } from "react/jsx-runtime";
|
|
5533
|
+
var SearchIcon = (props) => /* @__PURE__ */ jsx153(
|
|
5444
5534
|
"svg",
|
|
5445
5535
|
{
|
|
5446
5536
|
...props,
|
|
5447
5537
|
viewBox: "0 0 24 24",
|
|
5448
5538
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5449
|
-
children: /* @__PURE__ */
|
|
5539
|
+
children: /* @__PURE__ */ jsx153(
|
|
5450
5540
|
"path",
|
|
5451
5541
|
{
|
|
5452
5542
|
clipRule: "evenodd",
|
|
@@ -5459,14 +5549,14 @@ var SearchIcon = (props) => /* @__PURE__ */ jsx150(
|
|
|
5459
5549
|
);
|
|
5460
5550
|
|
|
5461
5551
|
// src/components/Icon/icons/SendIcon.tsx
|
|
5462
|
-
import { jsx as
|
|
5463
|
-
var SendIcon = (props) => /* @__PURE__ */
|
|
5552
|
+
import { jsx as jsx154 } from "react/jsx-runtime";
|
|
5553
|
+
var SendIcon = (props) => /* @__PURE__ */ jsx154(
|
|
5464
5554
|
"svg",
|
|
5465
5555
|
{
|
|
5466
5556
|
...props,
|
|
5467
5557
|
viewBox: "0 0 24 24",
|
|
5468
5558
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5469
|
-
children: /* @__PURE__ */
|
|
5559
|
+
children: /* @__PURE__ */ jsx154(
|
|
5470
5560
|
"path",
|
|
5471
5561
|
{
|
|
5472
5562
|
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",
|
|
@@ -5477,14 +5567,14 @@ var SendIcon = (props) => /* @__PURE__ */ jsx151(
|
|
|
5477
5567
|
);
|
|
5478
5568
|
|
|
5479
5569
|
// src/components/Icon/icons/ShapesIcon.tsx
|
|
5480
|
-
import { jsx as
|
|
5481
|
-
var ShapesIcon = (props) => /* @__PURE__ */
|
|
5570
|
+
import { jsx as jsx155 } from "react/jsx-runtime";
|
|
5571
|
+
var ShapesIcon = (props) => /* @__PURE__ */ jsx155(
|
|
5482
5572
|
"svg",
|
|
5483
5573
|
{
|
|
5484
5574
|
...props,
|
|
5485
5575
|
viewBox: "0 0 24 24",
|
|
5486
5576
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5487
|
-
children: /* @__PURE__ */
|
|
5577
|
+
children: /* @__PURE__ */ jsx155(
|
|
5488
5578
|
"path",
|
|
5489
5579
|
{
|
|
5490
5580
|
clipRule: "evenodd",
|
|
@@ -5497,14 +5587,14 @@ var ShapesIcon = (props) => /* @__PURE__ */ jsx152(
|
|
|
5497
5587
|
);
|
|
5498
5588
|
|
|
5499
5589
|
// src/components/Icon/icons/ShareIcon.tsx
|
|
5500
|
-
import { jsx as
|
|
5501
|
-
var ShareIcon = (props) => /* @__PURE__ */
|
|
5590
|
+
import { jsx as jsx156 } from "react/jsx-runtime";
|
|
5591
|
+
var ShareIcon = (props) => /* @__PURE__ */ jsx156(
|
|
5502
5592
|
"svg",
|
|
5503
5593
|
{
|
|
5504
5594
|
...props,
|
|
5505
5595
|
viewBox: "0 0 24 24",
|
|
5506
5596
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5507
|
-
children: /* @__PURE__ */
|
|
5597
|
+
children: /* @__PURE__ */ jsx156(
|
|
5508
5598
|
"path",
|
|
5509
5599
|
{
|
|
5510
5600
|
clipRule: "evenodd",
|
|
@@ -5517,14 +5607,14 @@ var ShareIcon = (props) => /* @__PURE__ */ jsx153(
|
|
|
5517
5607
|
);
|
|
5518
5608
|
|
|
5519
5609
|
// src/components/Icon/icons/SharingPermissionsIcon.tsx
|
|
5520
|
-
import { jsx as
|
|
5521
|
-
var SharingPermissionsIcon = (props) => /* @__PURE__ */
|
|
5610
|
+
import { jsx as jsx157 } from "react/jsx-runtime";
|
|
5611
|
+
var SharingPermissionsIcon = (props) => /* @__PURE__ */ jsx157(
|
|
5522
5612
|
"svg",
|
|
5523
5613
|
{
|
|
5524
5614
|
...props,
|
|
5525
5615
|
viewBox: "0 0 24 24",
|
|
5526
5616
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5527
|
-
children: /* @__PURE__ */
|
|
5617
|
+
children: /* @__PURE__ */ jsx157(
|
|
5528
5618
|
"path",
|
|
5529
5619
|
{
|
|
5530
5620
|
clipRule: "evenodd",
|
|
@@ -5537,14 +5627,14 @@ var SharingPermissionsIcon = (props) => /* @__PURE__ */ jsx154(
|
|
|
5537
5627
|
);
|
|
5538
5628
|
|
|
5539
5629
|
// src/components/Icon/icons/SimulcastIcon.tsx
|
|
5540
|
-
import { jsx as
|
|
5541
|
-
var SimulcastIcon = (props) => /* @__PURE__ */
|
|
5630
|
+
import { jsx as jsx158 } from "react/jsx-runtime";
|
|
5631
|
+
var SimulcastIcon = (props) => /* @__PURE__ */ jsx158(
|
|
5542
5632
|
"svg",
|
|
5543
5633
|
{
|
|
5544
5634
|
...props,
|
|
5545
5635
|
viewBox: "0 0 24 24",
|
|
5546
5636
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5547
|
-
children: /* @__PURE__ */
|
|
5637
|
+
children: /* @__PURE__ */ jsx158(
|
|
5548
5638
|
"path",
|
|
5549
5639
|
{
|
|
5550
5640
|
clipRule: "evenodd",
|
|
@@ -5557,14 +5647,14 @@ var SimulcastIcon = (props) => /* @__PURE__ */ jsx155(
|
|
|
5557
5647
|
);
|
|
5558
5648
|
|
|
5559
5649
|
// src/components/Icon/icons/SortIcon.tsx
|
|
5560
|
-
import { jsx as
|
|
5561
|
-
var SortIcon = (props) => /* @__PURE__ */
|
|
5650
|
+
import { jsx as jsx159 } from "react/jsx-runtime";
|
|
5651
|
+
var SortIcon = (props) => /* @__PURE__ */ jsx159(
|
|
5562
5652
|
"svg",
|
|
5563
5653
|
{
|
|
5564
5654
|
...props,
|
|
5565
5655
|
viewBox: "0 0 24 24",
|
|
5566
5656
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5567
|
-
children: /* @__PURE__ */
|
|
5657
|
+
children: /* @__PURE__ */ jsx159(
|
|
5568
5658
|
"path",
|
|
5569
5659
|
{
|
|
5570
5660
|
clipRule: "evenodd",
|
|
@@ -5577,14 +5667,14 @@ var SortIcon = (props) => /* @__PURE__ */ jsx156(
|
|
|
5577
5667
|
);
|
|
5578
5668
|
|
|
5579
5669
|
// src/components/Icon/icons/SparkleIcon.tsx
|
|
5580
|
-
import { jsx as
|
|
5581
|
-
var SparkleIcon = (props) => /* @__PURE__ */
|
|
5670
|
+
import { jsx as jsx160 } from "react/jsx-runtime";
|
|
5671
|
+
var SparkleIcon = (props) => /* @__PURE__ */ jsx160(
|
|
5582
5672
|
"svg",
|
|
5583
5673
|
{
|
|
5584
5674
|
...props,
|
|
5585
5675
|
viewBox: "0 0 24 24",
|
|
5586
5676
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5587
|
-
children: /* @__PURE__ */
|
|
5677
|
+
children: /* @__PURE__ */ jsx160(
|
|
5588
5678
|
"path",
|
|
5589
5679
|
{
|
|
5590
5680
|
clipRule: "evenodd",
|
|
@@ -5597,14 +5687,14 @@ var SparkleIcon = (props) => /* @__PURE__ */ jsx157(
|
|
|
5597
5687
|
);
|
|
5598
5688
|
|
|
5599
5689
|
// src/components/Icon/icons/SpeedIcon.tsx
|
|
5600
|
-
import { jsx as
|
|
5601
|
-
var SpeedIcon = (props) => /* @__PURE__ */
|
|
5690
|
+
import { jsx as jsx161 } from "react/jsx-runtime";
|
|
5691
|
+
var SpeedIcon = (props) => /* @__PURE__ */ jsx161(
|
|
5602
5692
|
"svg",
|
|
5603
5693
|
{
|
|
5604
5694
|
...props,
|
|
5605
5695
|
viewBox: "0 0 24 24",
|
|
5606
5696
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5607
|
-
children: /* @__PURE__ */
|
|
5697
|
+
children: /* @__PURE__ */ jsx161(
|
|
5608
5698
|
"path",
|
|
5609
5699
|
{
|
|
5610
5700
|
clipRule: "evenodd",
|
|
@@ -5617,15 +5707,15 @@ var SpeedIcon = (props) => /* @__PURE__ */ jsx158(
|
|
|
5617
5707
|
);
|
|
5618
5708
|
|
|
5619
5709
|
// src/components/Icon/icons/SpinnerIcon.tsx
|
|
5620
|
-
import { jsx as
|
|
5621
|
-
var SpinnerIcon = (props) => /* @__PURE__ */
|
|
5710
|
+
import { jsx as jsx162, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
5711
|
+
var SpinnerIcon = (props) => /* @__PURE__ */ jsxs6(
|
|
5622
5712
|
"svg",
|
|
5623
5713
|
{
|
|
5624
5714
|
...props,
|
|
5625
5715
|
viewBox: "0 0 24 24",
|
|
5626
5716
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5627
5717
|
children: [
|
|
5628
|
-
/* @__PURE__ */
|
|
5718
|
+
/* @__PURE__ */ jsx162(
|
|
5629
5719
|
"path",
|
|
5630
5720
|
{
|
|
5631
5721
|
clipRule: "evenodd",
|
|
@@ -5634,7 +5724,7 @@ var SpinnerIcon = (props) => /* @__PURE__ */ jsxs5(
|
|
|
5634
5724
|
fillRule: "evenodd"
|
|
5635
5725
|
}
|
|
5636
5726
|
),
|
|
5637
|
-
/* @__PURE__ */
|
|
5727
|
+
/* @__PURE__ */ jsx162(
|
|
5638
5728
|
"animateTransform",
|
|
5639
5729
|
{
|
|
5640
5730
|
attributeName: "transform",
|
|
@@ -5650,14 +5740,14 @@ var SpinnerIcon = (props) => /* @__PURE__ */ jsxs5(
|
|
|
5650
5740
|
);
|
|
5651
5741
|
|
|
5652
5742
|
// src/components/Icon/icons/StatsIcon.tsx
|
|
5653
|
-
import { jsx as
|
|
5654
|
-
var StatsIcon = (props) => /* @__PURE__ */
|
|
5743
|
+
import { jsx as jsx163 } from "react/jsx-runtime";
|
|
5744
|
+
var StatsIcon = (props) => /* @__PURE__ */ jsx163(
|
|
5655
5745
|
"svg",
|
|
5656
5746
|
{
|
|
5657
5747
|
...props,
|
|
5658
5748
|
viewBox: "0 0 24 24",
|
|
5659
5749
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5660
|
-
children: /* @__PURE__ */
|
|
5750
|
+
children: /* @__PURE__ */ jsx163(
|
|
5661
5751
|
"path",
|
|
5662
5752
|
{
|
|
5663
5753
|
clipRule: "evenodd",
|
|
@@ -5670,14 +5760,14 @@ var StatsIcon = (props) => /* @__PURE__ */ jsx160(
|
|
|
5670
5760
|
);
|
|
5671
5761
|
|
|
5672
5762
|
// src/components/Icon/icons/SwitchAccountsIcon.tsx
|
|
5673
|
-
import { jsx as
|
|
5674
|
-
var SwitchAccountsIcon = (props) => /* @__PURE__ */
|
|
5763
|
+
import { jsx as jsx164 } from "react/jsx-runtime";
|
|
5764
|
+
var SwitchAccountsIcon = (props) => /* @__PURE__ */ jsx164(
|
|
5675
5765
|
"svg",
|
|
5676
5766
|
{
|
|
5677
5767
|
...props,
|
|
5678
5768
|
viewBox: "0 0 24 24",
|
|
5679
5769
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5680
|
-
children: /* @__PURE__ */
|
|
5770
|
+
children: /* @__PURE__ */ jsx164(
|
|
5681
5771
|
"path",
|
|
5682
5772
|
{
|
|
5683
5773
|
clipRule: "evenodd",
|
|
@@ -5690,14 +5780,14 @@ var SwitchAccountsIcon = (props) => /* @__PURE__ */ jsx161(
|
|
|
5690
5780
|
);
|
|
5691
5781
|
|
|
5692
5782
|
// src/components/Icon/icons/TagIcon.tsx
|
|
5693
|
-
import { jsx as
|
|
5694
|
-
var TagIcon = (props) => /* @__PURE__ */
|
|
5783
|
+
import { jsx as jsx165 } from "react/jsx-runtime";
|
|
5784
|
+
var TagIcon = (props) => /* @__PURE__ */ jsx165(
|
|
5695
5785
|
"svg",
|
|
5696
5786
|
{
|
|
5697
5787
|
...props,
|
|
5698
5788
|
viewBox: "0 0 24 24",
|
|
5699
5789
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5700
|
-
children: /* @__PURE__ */
|
|
5790
|
+
children: /* @__PURE__ */ jsx165(
|
|
5701
5791
|
"path",
|
|
5702
5792
|
{
|
|
5703
5793
|
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",
|
|
@@ -5708,14 +5798,14 @@ var TagIcon = (props) => /* @__PURE__ */ jsx162(
|
|
|
5708
5798
|
);
|
|
5709
5799
|
|
|
5710
5800
|
// src/components/Icon/icons/TeleprompterIcon.tsx
|
|
5711
|
-
import { jsx as
|
|
5712
|
-
var TeleprompterIcon = (props) => /* @__PURE__ */
|
|
5801
|
+
import { jsx as jsx166 } from "react/jsx-runtime";
|
|
5802
|
+
var TeleprompterIcon = (props) => /* @__PURE__ */ jsx166(
|
|
5713
5803
|
"svg",
|
|
5714
5804
|
{
|
|
5715
5805
|
...props,
|
|
5716
5806
|
viewBox: "0 0 24 24",
|
|
5717
5807
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5718
|
-
children: /* @__PURE__ */
|
|
5808
|
+
children: /* @__PURE__ */ jsx166(
|
|
5719
5809
|
"path",
|
|
5720
5810
|
{
|
|
5721
5811
|
clipRule: "evenodd",
|
|
@@ -5728,14 +5818,14 @@ var TeleprompterIcon = (props) => /* @__PURE__ */ jsx163(
|
|
|
5728
5818
|
);
|
|
5729
5819
|
|
|
5730
5820
|
// src/components/Icon/icons/TextSizeIcon.tsx
|
|
5731
|
-
import { jsx as
|
|
5732
|
-
var TextSizeIcon = (props) => /* @__PURE__ */
|
|
5821
|
+
import { jsx as jsx167 } from "react/jsx-runtime";
|
|
5822
|
+
var TextSizeIcon = (props) => /* @__PURE__ */ jsx167(
|
|
5733
5823
|
"svg",
|
|
5734
5824
|
{
|
|
5735
5825
|
...props,
|
|
5736
5826
|
viewBox: "0 0 24 24",
|
|
5737
5827
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5738
|
-
children: /* @__PURE__ */
|
|
5828
|
+
children: /* @__PURE__ */ jsx167(
|
|
5739
5829
|
"path",
|
|
5740
5830
|
{
|
|
5741
5831
|
clipRule: "evenodd",
|
|
@@ -5748,14 +5838,14 @@ var TextSizeIcon = (props) => /* @__PURE__ */ jsx164(
|
|
|
5748
5838
|
);
|
|
5749
5839
|
|
|
5750
5840
|
// src/components/Icon/icons/ThumbnailIcon.tsx
|
|
5751
|
-
import { jsx as
|
|
5752
|
-
var ThumbnailIcon = (props) => /* @__PURE__ */
|
|
5841
|
+
import { jsx as jsx168 } from "react/jsx-runtime";
|
|
5842
|
+
var ThumbnailIcon = (props) => /* @__PURE__ */ jsx168(
|
|
5753
5843
|
"svg",
|
|
5754
5844
|
{
|
|
5755
5845
|
...props,
|
|
5756
5846
|
viewBox: "0 0 24 24",
|
|
5757
5847
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5758
|
-
children: /* @__PURE__ */
|
|
5848
|
+
children: /* @__PURE__ */ jsx168(
|
|
5759
5849
|
"path",
|
|
5760
5850
|
{
|
|
5761
5851
|
clipRule: "evenodd",
|
|
@@ -5768,14 +5858,14 @@ var ThumbnailIcon = (props) => /* @__PURE__ */ jsx165(
|
|
|
5768
5858
|
);
|
|
5769
5859
|
|
|
5770
5860
|
// src/components/Icon/icons/ThumbsDownIcon.tsx
|
|
5771
|
-
import { jsx as
|
|
5772
|
-
var ThumbsDownIcon = (props) => /* @__PURE__ */
|
|
5861
|
+
import { jsx as jsx169 } from "react/jsx-runtime";
|
|
5862
|
+
var ThumbsDownIcon = (props) => /* @__PURE__ */ jsx169(
|
|
5773
5863
|
"svg",
|
|
5774
5864
|
{
|
|
5775
5865
|
...props,
|
|
5776
5866
|
viewBox: "0 0 24 24",
|
|
5777
5867
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5778
|
-
children: /* @__PURE__ */
|
|
5868
|
+
children: /* @__PURE__ */ jsx169(
|
|
5779
5869
|
"path",
|
|
5780
5870
|
{
|
|
5781
5871
|
clipRule: "evenodd",
|
|
@@ -5788,14 +5878,14 @@ var ThumbsDownIcon = (props) => /* @__PURE__ */ jsx166(
|
|
|
5788
5878
|
);
|
|
5789
5879
|
|
|
5790
5880
|
// src/components/Icon/icons/ThumbsUpIcon.tsx
|
|
5791
|
-
import { jsx as
|
|
5792
|
-
var ThumbsUpIcon = (props) => /* @__PURE__ */
|
|
5881
|
+
import { jsx as jsx170 } from "react/jsx-runtime";
|
|
5882
|
+
var ThumbsUpIcon = (props) => /* @__PURE__ */ jsx170(
|
|
5793
5883
|
"svg",
|
|
5794
5884
|
{
|
|
5795
5885
|
...props,
|
|
5796
5886
|
viewBox: "0 0 24 24",
|
|
5797
5887
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5798
|
-
children: /* @__PURE__ */
|
|
5888
|
+
children: /* @__PURE__ */ jsx170(
|
|
5799
5889
|
"path",
|
|
5800
5890
|
{
|
|
5801
5891
|
clipRule: "evenodd",
|
|
@@ -5808,14 +5898,14 @@ var ThumbsUpIcon = (props) => /* @__PURE__ */ jsx167(
|
|
|
5808
5898
|
);
|
|
5809
5899
|
|
|
5810
5900
|
// src/components/Icon/icons/TranscriptIcon.tsx
|
|
5811
|
-
import { jsx as
|
|
5812
|
-
var TranscriptIcon = (props) => /* @__PURE__ */
|
|
5901
|
+
import { jsx as jsx171 } from "react/jsx-runtime";
|
|
5902
|
+
var TranscriptIcon = (props) => /* @__PURE__ */ jsx171(
|
|
5813
5903
|
"svg",
|
|
5814
5904
|
{
|
|
5815
5905
|
...props,
|
|
5816
5906
|
viewBox: "0 0 24 24",
|
|
5817
5907
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5818
|
-
children: /* @__PURE__ */
|
|
5908
|
+
children: /* @__PURE__ */ jsx171(
|
|
5819
5909
|
"path",
|
|
5820
5910
|
{
|
|
5821
5911
|
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",
|
|
@@ -5826,14 +5916,14 @@ var TranscriptIcon = (props) => /* @__PURE__ */ jsx168(
|
|
|
5826
5916
|
);
|
|
5827
5917
|
|
|
5828
5918
|
// src/components/Icon/icons/TransitionsIcon.tsx
|
|
5829
|
-
import { jsx as
|
|
5830
|
-
var TransitionsIcon = (props) => /* @__PURE__ */
|
|
5919
|
+
import { jsx as jsx172 } from "react/jsx-runtime";
|
|
5920
|
+
var TransitionsIcon = (props) => /* @__PURE__ */ jsx172(
|
|
5831
5921
|
"svg",
|
|
5832
5922
|
{
|
|
5833
5923
|
...props,
|
|
5834
5924
|
viewBox: "0 0 24 24",
|
|
5835
5925
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5836
|
-
children: /* @__PURE__ */
|
|
5926
|
+
children: /* @__PURE__ */ jsx172(
|
|
5837
5927
|
"path",
|
|
5838
5928
|
{
|
|
5839
5929
|
clipRule: "evenodd",
|
|
@@ -5846,14 +5936,14 @@ var TransitionsIcon = (props) => /* @__PURE__ */ jsx169(
|
|
|
5846
5936
|
);
|
|
5847
5937
|
|
|
5848
5938
|
// src/components/Icon/icons/TransparencyIcon.tsx
|
|
5849
|
-
import { jsx as
|
|
5850
|
-
var TransparencyIcon = (props) => /* @__PURE__ */
|
|
5939
|
+
import { jsx as jsx173 } from "react/jsx-runtime";
|
|
5940
|
+
var TransparencyIcon = (props) => /* @__PURE__ */ jsx173(
|
|
5851
5941
|
"svg",
|
|
5852
5942
|
{
|
|
5853
5943
|
...props,
|
|
5854
5944
|
viewBox: "0 0 24 24",
|
|
5855
5945
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5856
|
-
children: /* @__PURE__ */
|
|
5946
|
+
children: /* @__PURE__ */ jsx173(
|
|
5857
5947
|
"path",
|
|
5858
5948
|
{
|
|
5859
5949
|
clipRule: "evenodd",
|
|
@@ -5865,15 +5955,35 @@ var TransparencyIcon = (props) => /* @__PURE__ */ jsx170(
|
|
|
5865
5955
|
}
|
|
5866
5956
|
);
|
|
5867
5957
|
|
|
5958
|
+
// src/components/Icon/icons/TrendsIcon.tsx
|
|
5959
|
+
import { jsx as jsx174 } from "react/jsx-runtime";
|
|
5960
|
+
var TrendsIcon = (props) => /* @__PURE__ */ jsx174(
|
|
5961
|
+
"svg",
|
|
5962
|
+
{
|
|
5963
|
+
...props,
|
|
5964
|
+
viewBox: "0 0 24 24",
|
|
5965
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5966
|
+
children: /* @__PURE__ */ jsx174(
|
|
5967
|
+
"path",
|
|
5968
|
+
{
|
|
5969
|
+
clipRule: "evenodd",
|
|
5970
|
+
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",
|
|
5971
|
+
fill: "currentColor",
|
|
5972
|
+
fillRule: "evenodd"
|
|
5973
|
+
}
|
|
5974
|
+
)
|
|
5975
|
+
}
|
|
5976
|
+
);
|
|
5977
|
+
|
|
5868
5978
|
// src/components/Icon/icons/TrialUnlockClockIcon.tsx
|
|
5869
|
-
import { jsx as
|
|
5870
|
-
var TrialUnlockClockIcon = (props) => /* @__PURE__ */
|
|
5979
|
+
import { jsx as jsx175 } from "react/jsx-runtime";
|
|
5980
|
+
var TrialUnlockClockIcon = (props) => /* @__PURE__ */ jsx175(
|
|
5871
5981
|
"svg",
|
|
5872
5982
|
{
|
|
5873
5983
|
...props,
|
|
5874
5984
|
viewBox: "0 0 24 24",
|
|
5875
5985
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5876
|
-
children: /* @__PURE__ */
|
|
5986
|
+
children: /* @__PURE__ */ jsx175(
|
|
5877
5987
|
"path",
|
|
5878
5988
|
{
|
|
5879
5989
|
clipRule: "evenodd",
|
|
@@ -5886,14 +5996,14 @@ var TrialUnlockClockIcon = (props) => /* @__PURE__ */ jsx171(
|
|
|
5886
5996
|
);
|
|
5887
5997
|
|
|
5888
5998
|
// src/components/Icon/icons/TrimIcon.tsx
|
|
5889
|
-
import { jsx as
|
|
5890
|
-
var TrimIcon = (props) => /* @__PURE__ */
|
|
5999
|
+
import { jsx as jsx176 } from "react/jsx-runtime";
|
|
6000
|
+
var TrimIcon = (props) => /* @__PURE__ */ jsx176(
|
|
5891
6001
|
"svg",
|
|
5892
6002
|
{
|
|
5893
6003
|
...props,
|
|
5894
6004
|
viewBox: "0 0 24 24",
|
|
5895
6005
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5896
|
-
children: /* @__PURE__ */
|
|
6006
|
+
children: /* @__PURE__ */ jsx176(
|
|
5897
6007
|
"path",
|
|
5898
6008
|
{
|
|
5899
6009
|
clipRule: "evenodd",
|
|
@@ -5906,14 +6016,14 @@ var TrimIcon = (props) => /* @__PURE__ */ jsx172(
|
|
|
5906
6016
|
);
|
|
5907
6017
|
|
|
5908
6018
|
// src/components/Icon/icons/TurnstileIcon.tsx
|
|
5909
|
-
import { jsx as
|
|
5910
|
-
var TurnstileIcon = (props) => /* @__PURE__ */
|
|
6019
|
+
import { jsx as jsx177 } from "react/jsx-runtime";
|
|
6020
|
+
var TurnstileIcon = (props) => /* @__PURE__ */ jsx177(
|
|
5911
6021
|
"svg",
|
|
5912
6022
|
{
|
|
5913
6023
|
...props,
|
|
5914
6024
|
viewBox: "0 0 24 24",
|
|
5915
6025
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5916
|
-
children: /* @__PURE__ */
|
|
6026
|
+
children: /* @__PURE__ */ jsx177(
|
|
5917
6027
|
"path",
|
|
5918
6028
|
{
|
|
5919
6029
|
clipRule: "evenodd",
|
|
@@ -5926,14 +6036,14 @@ var TurnstileIcon = (props) => /* @__PURE__ */ jsx173(
|
|
|
5926
6036
|
);
|
|
5927
6037
|
|
|
5928
6038
|
// src/components/Icon/icons/UndoIcon.tsx
|
|
5929
|
-
import { jsx as
|
|
5930
|
-
var UndoIcon = (props) => /* @__PURE__ */
|
|
6039
|
+
import { jsx as jsx178 } from "react/jsx-runtime";
|
|
6040
|
+
var UndoIcon = (props) => /* @__PURE__ */ jsx178(
|
|
5931
6041
|
"svg",
|
|
5932
6042
|
{
|
|
5933
6043
|
...props,
|
|
5934
6044
|
viewBox: "0 0 24 24",
|
|
5935
6045
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5936
|
-
children: /* @__PURE__ */
|
|
6046
|
+
children: /* @__PURE__ */ jsx178(
|
|
5937
6047
|
"path",
|
|
5938
6048
|
{
|
|
5939
6049
|
clipRule: "evenodd",
|
|
@@ -5946,14 +6056,14 @@ var UndoIcon = (props) => /* @__PURE__ */ jsx174(
|
|
|
5946
6056
|
);
|
|
5947
6057
|
|
|
5948
6058
|
// src/components/Icon/icons/UnlockIcon.tsx
|
|
5949
|
-
import { jsx as
|
|
5950
|
-
var UnlockIcon = (props) => /* @__PURE__ */
|
|
6059
|
+
import { jsx as jsx179 } from "react/jsx-runtime";
|
|
6060
|
+
var UnlockIcon = (props) => /* @__PURE__ */ jsx179(
|
|
5951
6061
|
"svg",
|
|
5952
6062
|
{
|
|
5953
6063
|
...props,
|
|
5954
6064
|
viewBox: "0 0 24 24",
|
|
5955
6065
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5956
|
-
children: /* @__PURE__ */
|
|
6066
|
+
children: /* @__PURE__ */ jsx179(
|
|
5957
6067
|
"path",
|
|
5958
6068
|
{
|
|
5959
6069
|
clipRule: "evenodd",
|
|
@@ -5966,14 +6076,14 @@ var UnlockIcon = (props) => /* @__PURE__ */ jsx175(
|
|
|
5966
6076
|
);
|
|
5967
6077
|
|
|
5968
6078
|
// src/components/Icon/icons/UploadIcon.tsx
|
|
5969
|
-
import { jsx as
|
|
5970
|
-
var UploadIcon = (props) => /* @__PURE__ */
|
|
6079
|
+
import { jsx as jsx180 } from "react/jsx-runtime";
|
|
6080
|
+
var UploadIcon = (props) => /* @__PURE__ */ jsx180(
|
|
5971
6081
|
"svg",
|
|
5972
6082
|
{
|
|
5973
6083
|
...props,
|
|
5974
6084
|
viewBox: "0 0 24 24",
|
|
5975
6085
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5976
|
-
children: /* @__PURE__ */
|
|
6086
|
+
children: /* @__PURE__ */ jsx180(
|
|
5977
6087
|
"path",
|
|
5978
6088
|
{
|
|
5979
6089
|
clipRule: "evenodd",
|
|
@@ -5986,14 +6096,14 @@ var UploadIcon = (props) => /* @__PURE__ */ jsx176(
|
|
|
5986
6096
|
);
|
|
5987
6097
|
|
|
5988
6098
|
// src/components/Icon/icons/UsersPermissionsIcon.tsx
|
|
5989
|
-
import { jsx as
|
|
5990
|
-
var UsersPermissionsIcon = (props) => /* @__PURE__ */
|
|
6099
|
+
import { jsx as jsx181 } from "react/jsx-runtime";
|
|
6100
|
+
var UsersPermissionsIcon = (props) => /* @__PURE__ */ jsx181(
|
|
5991
6101
|
"svg",
|
|
5992
6102
|
{
|
|
5993
6103
|
...props,
|
|
5994
6104
|
viewBox: "0 0 24 24",
|
|
5995
6105
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5996
|
-
children: /* @__PURE__ */
|
|
6106
|
+
children: /* @__PURE__ */ jsx181(
|
|
5997
6107
|
"path",
|
|
5998
6108
|
{
|
|
5999
6109
|
clipRule: "evenodd",
|
|
@@ -6006,18 +6116,18 @@ var UsersPermissionsIcon = (props) => /* @__PURE__ */ jsx177(
|
|
|
6006
6116
|
);
|
|
6007
6117
|
|
|
6008
6118
|
// src/components/Icon/icons/ViewStreamIcon.tsx
|
|
6009
|
-
import { jsx as
|
|
6010
|
-
var ViewStreamIcon = (props) => /* @__PURE__ */
|
|
6119
|
+
import { jsx as jsx182 } from "react/jsx-runtime";
|
|
6120
|
+
var ViewStreamIcon = (props) => /* @__PURE__ */ jsx182(
|
|
6011
6121
|
"svg",
|
|
6012
6122
|
{
|
|
6013
6123
|
...props,
|
|
6014
6124
|
viewBox: "0 0 24 24",
|
|
6015
6125
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6016
|
-
children: /* @__PURE__ */
|
|
6126
|
+
children: /* @__PURE__ */ jsx182(
|
|
6017
6127
|
"path",
|
|
6018
6128
|
{
|
|
6019
6129
|
clipRule: "evenodd",
|
|
6020
|
-
d: "M18.333 2.
|
|
6130
|
+
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",
|
|
6021
6131
|
fill: "currentColor",
|
|
6022
6132
|
fillRule: "evenodd"
|
|
6023
6133
|
}
|
|
@@ -6026,14 +6136,14 @@ var ViewStreamIcon = (props) => /* @__PURE__ */ jsx178(
|
|
|
6026
6136
|
);
|
|
6027
6137
|
|
|
6028
6138
|
// src/components/Icon/icons/VolumeIcon.tsx
|
|
6029
|
-
import { jsx as
|
|
6030
|
-
var VolumeIcon = (props) => /* @__PURE__ */
|
|
6139
|
+
import { jsx as jsx183 } from "react/jsx-runtime";
|
|
6140
|
+
var VolumeIcon = (props) => /* @__PURE__ */ jsx183(
|
|
6031
6141
|
"svg",
|
|
6032
6142
|
{
|
|
6033
6143
|
...props,
|
|
6034
6144
|
viewBox: "0 0 24 24",
|
|
6035
6145
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6036
|
-
children: /* @__PURE__ */
|
|
6146
|
+
children: /* @__PURE__ */ jsx183(
|
|
6037
6147
|
"path",
|
|
6038
6148
|
{
|
|
6039
6149
|
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",
|
|
@@ -6044,14 +6154,14 @@ var VolumeIcon = (props) => /* @__PURE__ */ jsx179(
|
|
|
6044
6154
|
);
|
|
6045
6155
|
|
|
6046
6156
|
// src/components/Icon/icons/VolumeOffIcon.tsx
|
|
6047
|
-
import { jsx as
|
|
6048
|
-
var VolumeOffIcon = (props) => /* @__PURE__ */
|
|
6157
|
+
import { jsx as jsx184 } from "react/jsx-runtime";
|
|
6158
|
+
var VolumeOffIcon = (props) => /* @__PURE__ */ jsx184(
|
|
6049
6159
|
"svg",
|
|
6050
6160
|
{
|
|
6051
6161
|
...props,
|
|
6052
6162
|
viewBox: "0 0 24 24",
|
|
6053
6163
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6054
|
-
children: /* @__PURE__ */
|
|
6164
|
+
children: /* @__PURE__ */ jsx184(
|
|
6055
6165
|
"path",
|
|
6056
6166
|
{
|
|
6057
6167
|
clipRule: "evenodd",
|
|
@@ -6064,14 +6174,14 @@ var VolumeOffIcon = (props) => /* @__PURE__ */ jsx180(
|
|
|
6064
6174
|
);
|
|
6065
6175
|
|
|
6066
6176
|
// src/components/Icon/icons/VolumeUpIcon.tsx
|
|
6067
|
-
import { jsx as
|
|
6068
|
-
var VolumeUpIcon = (props) => /* @__PURE__ */
|
|
6177
|
+
import { jsx as jsx185 } from "react/jsx-runtime";
|
|
6178
|
+
var VolumeUpIcon = (props) => /* @__PURE__ */ jsx185(
|
|
6069
6179
|
"svg",
|
|
6070
6180
|
{
|
|
6071
6181
|
...props,
|
|
6072
6182
|
viewBox: "0 0 24 24",
|
|
6073
6183
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6074
|
-
children: /* @__PURE__ */
|
|
6184
|
+
children: /* @__PURE__ */ jsx185(
|
|
6075
6185
|
"path",
|
|
6076
6186
|
{
|
|
6077
6187
|
clipRule: "evenodd",
|
|
@@ -6084,14 +6194,14 @@ var VolumeUpIcon = (props) => /* @__PURE__ */ jsx181(
|
|
|
6084
6194
|
);
|
|
6085
6195
|
|
|
6086
6196
|
// src/components/Icon/icons/VolumeXIcon.tsx
|
|
6087
|
-
import { jsx as
|
|
6088
|
-
var VolumeXIcon = (props) => /* @__PURE__ */
|
|
6197
|
+
import { jsx as jsx186 } from "react/jsx-runtime";
|
|
6198
|
+
var VolumeXIcon = (props) => /* @__PURE__ */ jsx186(
|
|
6089
6199
|
"svg",
|
|
6090
6200
|
{
|
|
6091
6201
|
...props,
|
|
6092
6202
|
viewBox: "0 0 24 24",
|
|
6093
6203
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6094
|
-
children: /* @__PURE__ */
|
|
6204
|
+
children: /* @__PURE__ */ jsx186(
|
|
6095
6205
|
"path",
|
|
6096
6206
|
{
|
|
6097
6207
|
clipRule: "evenodd",
|
|
@@ -6104,14 +6214,14 @@ var VolumeXIcon = (props) => /* @__PURE__ */ jsx182(
|
|
|
6104
6214
|
);
|
|
6105
6215
|
|
|
6106
6216
|
// src/components/Icon/icons/WandIcon.tsx
|
|
6107
|
-
import { jsx as
|
|
6108
|
-
var WandIcon = (props) => /* @__PURE__ */
|
|
6217
|
+
import { jsx as jsx187 } from "react/jsx-runtime";
|
|
6218
|
+
var WandIcon = (props) => /* @__PURE__ */ jsx187(
|
|
6109
6219
|
"svg",
|
|
6110
6220
|
{
|
|
6111
6221
|
...props,
|
|
6112
6222
|
viewBox: "0 0 24 24",
|
|
6113
6223
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6114
|
-
children: /* @__PURE__ */
|
|
6224
|
+
children: /* @__PURE__ */ jsx187(
|
|
6115
6225
|
"path",
|
|
6116
6226
|
{
|
|
6117
6227
|
clipRule: "evenodd",
|
|
@@ -6124,18 +6234,18 @@ var WandIcon = (props) => /* @__PURE__ */ jsx183(
|
|
|
6124
6234
|
);
|
|
6125
6235
|
|
|
6126
6236
|
// src/components/Icon/icons/WaveformIcon.tsx
|
|
6127
|
-
import { jsx as
|
|
6128
|
-
var WaveformIcon = (props) => /* @__PURE__ */
|
|
6237
|
+
import { jsx as jsx188 } from "react/jsx-runtime";
|
|
6238
|
+
var WaveformIcon = (props) => /* @__PURE__ */ jsx188(
|
|
6129
6239
|
"svg",
|
|
6130
6240
|
{
|
|
6131
6241
|
...props,
|
|
6132
6242
|
viewBox: "0 0 24 24",
|
|
6133
6243
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6134
|
-
children: /* @__PURE__ */
|
|
6244
|
+
children: /* @__PURE__ */ jsx188(
|
|
6135
6245
|
"path",
|
|
6136
6246
|
{
|
|
6137
6247
|
clipRule: "evenodd",
|
|
6138
|
-
d: "M13.
|
|
6248
|
+
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",
|
|
6139
6249
|
fill: "currentColor",
|
|
6140
6250
|
fillRule: "evenodd"
|
|
6141
6251
|
}
|
|
@@ -6144,14 +6254,14 @@ var WaveformIcon = (props) => /* @__PURE__ */ jsx184(
|
|
|
6144
6254
|
);
|
|
6145
6255
|
|
|
6146
6256
|
// src/components/Icon/icons/ZoomInIcon.tsx
|
|
6147
|
-
import { jsx as
|
|
6148
|
-
var ZoomInIcon = (props) => /* @__PURE__ */
|
|
6257
|
+
import { jsx as jsx189 } from "react/jsx-runtime";
|
|
6258
|
+
var ZoomInIcon = (props) => /* @__PURE__ */ jsx189(
|
|
6149
6259
|
"svg",
|
|
6150
6260
|
{
|
|
6151
6261
|
...props,
|
|
6152
6262
|
viewBox: "0 0 24 24",
|
|
6153
6263
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6154
|
-
children: /* @__PURE__ */
|
|
6264
|
+
children: /* @__PURE__ */ jsx189(
|
|
6155
6265
|
"path",
|
|
6156
6266
|
{
|
|
6157
6267
|
clipRule: "evenodd",
|
|
@@ -6164,14 +6274,14 @@ var ZoomInIcon = (props) => /* @__PURE__ */ jsx185(
|
|
|
6164
6274
|
);
|
|
6165
6275
|
|
|
6166
6276
|
// src/components/Icon/icons/ZoomOutIcon.tsx
|
|
6167
|
-
import { jsx as
|
|
6168
|
-
var ZoomOutIcon = (props) => /* @__PURE__ */
|
|
6277
|
+
import { jsx as jsx190 } from "react/jsx-runtime";
|
|
6278
|
+
var ZoomOutIcon = (props) => /* @__PURE__ */ jsx190(
|
|
6169
6279
|
"svg",
|
|
6170
6280
|
{
|
|
6171
6281
|
...props,
|
|
6172
6282
|
viewBox: "0 0 24 24",
|
|
6173
6283
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6174
|
-
children: /* @__PURE__ */
|
|
6284
|
+
children: /* @__PURE__ */ jsx190(
|
|
6175
6285
|
"path",
|
|
6176
6286
|
{
|
|
6177
6287
|
clipRule: "evenodd",
|
|
@@ -6218,17 +6328,17 @@ var iconMap = {
|
|
|
6218
6328
|
"caret-up-strong": CaretUpStrongIcon,
|
|
6219
6329
|
channel: ChannelIcon,
|
|
6220
6330
|
chapters: ChaptersIcon,
|
|
6331
|
+
checkmark: CheckmarkIcon,
|
|
6221
6332
|
"checkmark-circle": CheckmarkCircleIcon,
|
|
6222
6333
|
"checkmark-circle-outline": CheckmarkCircleOutlineIcon,
|
|
6223
|
-
checkmark: CheckmarkIcon,
|
|
6224
6334
|
"checkmark-three-quaters-circle": CheckmarkThreeQuatersCircleIcon,
|
|
6225
6335
|
"circle-slashed": CircleSlashedIcon,
|
|
6226
6336
|
clapboard: ClapboardIcon,
|
|
6227
6337
|
close: CloseIcon,
|
|
6228
6338
|
"close-octagon": CloseOctagonIcon,
|
|
6229
6339
|
"closed-captions": ClosedCaptionsIcon,
|
|
6230
|
-
"collapse-diagonal": CollapseDiagonalIcon,
|
|
6231
6340
|
collapse: CollapseIcon,
|
|
6341
|
+
"collapse-diagonal": CollapseDiagonalIcon,
|
|
6232
6342
|
comments: CommentsIcon,
|
|
6233
6343
|
company: CompanyIcon,
|
|
6234
6344
|
compare: CompareIcon,
|
|
@@ -6247,9 +6357,9 @@ var iconMap = {
|
|
|
6247
6357
|
embed: EmbedIcon,
|
|
6248
6358
|
envelope: EnvelopeIcon,
|
|
6249
6359
|
error: ErrorIcon,
|
|
6360
|
+
expand: ExpandIcon,
|
|
6250
6361
|
"expand-diagonal": ExpandDiagonalIcon,
|
|
6251
6362
|
"expand-horizontal": ExpandHorizontalIcon,
|
|
6252
|
-
expand: ExpandIcon,
|
|
6253
6363
|
"fast-forward": FastForwardIcon,
|
|
6254
6364
|
favorite: FavoriteIcon,
|
|
6255
6365
|
"favorite-outline": FavoriteOutlineIcon,
|
|
@@ -6268,6 +6378,7 @@ var iconMap = {
|
|
|
6268
6378
|
hide: HideIcon,
|
|
6269
6379
|
home: HomeIcon,
|
|
6270
6380
|
hourglass: HourglassIcon,
|
|
6381
|
+
import: ImportIcon,
|
|
6271
6382
|
info: InfoIcon,
|
|
6272
6383
|
integrations: IntegrationsIcon,
|
|
6273
6384
|
leave: LeaveIcon,
|
|
@@ -6284,8 +6395,8 @@ var iconMap = {
|
|
|
6284
6395
|
mic: MicIcon,
|
|
6285
6396
|
"mic-off": MicOffIcon,
|
|
6286
6397
|
minimize: MinimizeIcon,
|
|
6287
|
-
"minus-circle": MinusCircleIcon,
|
|
6288
6398
|
minus: MinusIcon,
|
|
6399
|
+
"minus-circle": MinusCircleIcon,
|
|
6289
6400
|
mobile: MobileIcon,
|
|
6290
6401
|
"more-options": MoreOptionsIcon,
|
|
6291
6402
|
"move-left": MoveLeftIcon,
|
|
@@ -6317,14 +6428,16 @@ var iconMap = {
|
|
|
6317
6428
|
"question-mark": QuestionMarkIcon,
|
|
6318
6429
|
react: ReactIcon,
|
|
6319
6430
|
record: RecordIcon,
|
|
6431
|
+
"record-group": RecordGroupIcon,
|
|
6320
6432
|
redo: RedoIcon,
|
|
6321
6433
|
refresh: RefreshIcon,
|
|
6322
6434
|
replace: ReplaceIcon,
|
|
6323
6435
|
reply: ReplyIcon,
|
|
6436
|
+
"request-video": RequestVideoIcon,
|
|
6324
6437
|
"revert-to-original": RevertToOriginalIcon,
|
|
6325
6438
|
rewind: RewindIcon,
|
|
6326
|
-
"save-as-copy": SaveAsCopyIcon,
|
|
6327
6439
|
save: SaveIcon,
|
|
6440
|
+
"save-as-copy": SaveAsCopyIcon,
|
|
6328
6441
|
scissors: ScissorsIcon,
|
|
6329
6442
|
"screenshare-off": ScreenshareOffIcon,
|
|
6330
6443
|
"screenshare-on": ScreenshareOnIcon,
|
|
@@ -6349,6 +6462,7 @@ var iconMap = {
|
|
|
6349
6462
|
transcript: TranscriptIcon,
|
|
6350
6463
|
transitions: TransitionsIcon,
|
|
6351
6464
|
transparency: TransparencyIcon,
|
|
6465
|
+
trends: TrendsIcon,
|
|
6352
6466
|
"trial-unlock-clock": TrialUnlockClockIcon,
|
|
6353
6467
|
trim: TrimIcon,
|
|
6354
6468
|
turnstile: TurnstileIcon,
|
|
@@ -6385,7 +6499,7 @@ var useResponsiveProp = (values) => {
|
|
|
6385
6499
|
};
|
|
6386
6500
|
|
|
6387
6501
|
// src/components/Icon/Icon.tsx
|
|
6388
|
-
import { jsx as
|
|
6502
|
+
import { jsx as jsx191 } from "react/jsx-runtime";
|
|
6389
6503
|
var iconSizeMap = {
|
|
6390
6504
|
sm: "12",
|
|
6391
6505
|
md: "16",
|
|
@@ -6422,7 +6536,7 @@ var Icon = ({
|
|
|
6422
6536
|
...style
|
|
6423
6537
|
};
|
|
6424
6538
|
const iconColor = invertColor ? "var(--wui-color-icon-on-fill)" : "var(--wui-color-icon)";
|
|
6425
|
-
return /* @__PURE__ */
|
|
6539
|
+
return /* @__PURE__ */ jsx191(
|
|
6426
6540
|
StyledIcon,
|
|
6427
6541
|
{
|
|
6428
6542
|
$colorScheme: colorScheme,
|
|
@@ -6446,7 +6560,7 @@ import { forwardRef } from "react";
|
|
|
6446
6560
|
import { isFunction, isNil as isNil6, isNotNil as isNotNil4, isNotUndefined as isNotUndefined2, isUndefined as isUndefined2 } from "@wistia/type-guards";
|
|
6447
6561
|
import styled4 from "styled-components";
|
|
6448
6562
|
import { Link as RouterLink, useInRouterContext } from "react-router-dom";
|
|
6449
|
-
import { jsx as
|
|
6563
|
+
import { jsx as jsx192, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
6450
6564
|
var generateHref = (href, type, disabled) => {
|
|
6451
6565
|
if (disabled || isNil6(href)) {
|
|
6452
6566
|
return void 0;
|
|
@@ -6526,7 +6640,7 @@ var Link = forwardRef(
|
|
|
6526
6640
|
onClick: handleClick
|
|
6527
6641
|
};
|
|
6528
6642
|
if (isButton(props)) {
|
|
6529
|
-
return /* @__PURE__ */
|
|
6643
|
+
return /* @__PURE__ */ jsx192(
|
|
6530
6644
|
StyledLink,
|
|
6531
6645
|
{
|
|
6532
6646
|
ref,
|
|
@@ -6546,7 +6660,7 @@ var Link = forwardRef(
|
|
|
6546
6660
|
...commonProps,
|
|
6547
6661
|
...externalLinkProps
|
|
6548
6662
|
};
|
|
6549
|
-
return inRouterContext && type !== "external" ? /* @__PURE__ */
|
|
6663
|
+
return inRouterContext && type !== "external" ? /* @__PURE__ */ jsx192(
|
|
6550
6664
|
StyledLink,
|
|
6551
6665
|
{
|
|
6552
6666
|
as: RouterLink,
|
|
@@ -6554,7 +6668,7 @@ var Link = forwardRef(
|
|
|
6554
6668
|
to: to ?? "",
|
|
6555
6669
|
children
|
|
6556
6670
|
}
|
|
6557
|
-
) : /* @__PURE__ */
|
|
6671
|
+
) : /* @__PURE__ */ jsxs7(
|
|
6558
6672
|
StyledLink,
|
|
6559
6673
|
{
|
|
6560
6674
|
as: "a",
|
|
@@ -6574,7 +6688,7 @@ var Link = forwardRef(
|
|
|
6574
6688
|
Link.displayName = "Link";
|
|
6575
6689
|
|
|
6576
6690
|
// src/components/Button/Button.tsx
|
|
6577
|
-
import { Fragment, jsx as
|
|
6691
|
+
import { Fragment, jsx as jsx193, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
6578
6692
|
var isLink2 = (props) => isNotUndefined3(props.href);
|
|
6579
6693
|
var StyledButton = styled5.button`
|
|
6580
6694
|
${buttonResetCss}
|
|
@@ -6610,9 +6724,9 @@ var ButtonContent = ({
|
|
|
6610
6724
|
rightIcon,
|
|
6611
6725
|
children
|
|
6612
6726
|
}) => {
|
|
6613
|
-
return /* @__PURE__ */
|
|
6614
|
-
isLoading ? /* @__PURE__ */
|
|
6615
|
-
/* @__PURE__ */
|
|
6727
|
+
return /* @__PURE__ */ jsxs8(Fragment, { children: [
|
|
6728
|
+
isLoading ? /* @__PURE__ */ jsx193(StyledButtonLoading, { children: /* @__PURE__ */ jsx193(Icon, { type: "spinner" }) }) : null,
|
|
6729
|
+
/* @__PURE__ */ jsxs8(
|
|
6616
6730
|
StyledButtonContent,
|
|
6617
6731
|
{
|
|
6618
6732
|
$hasLeftIcon: isNotNil5(leftIcon),
|
|
@@ -6620,7 +6734,7 @@ var ButtonContent = ({
|
|
|
6620
6734
|
$isLoading: isLoading,
|
|
6621
6735
|
children: [
|
|
6622
6736
|
leftIcon ?? null,
|
|
6623
|
-
/* @__PURE__ */
|
|
6737
|
+
/* @__PURE__ */ jsx193(StyledButtonContentLabel, { children }),
|
|
6624
6738
|
rightIcon ?? null
|
|
6625
6739
|
]
|
|
6626
6740
|
}
|
|
@@ -6660,14 +6774,14 @@ var Button = forwardRef2(
|
|
|
6660
6774
|
commonProps.className = `${className ?? ""} force-state-${forceState}`;
|
|
6661
6775
|
}
|
|
6662
6776
|
if (isLink2(props)) {
|
|
6663
|
-
return /* @__PURE__ */
|
|
6777
|
+
return /* @__PURE__ */ jsx193(
|
|
6664
6778
|
StyledButton,
|
|
6665
6779
|
{
|
|
6666
6780
|
ref,
|
|
6667
6781
|
as: Link,
|
|
6668
6782
|
...props,
|
|
6669
6783
|
...commonProps,
|
|
6670
|
-
children: unstyled ? children : /* @__PURE__ */
|
|
6784
|
+
children: unstyled ? children : /* @__PURE__ */ jsx193(
|
|
6671
6785
|
ButtonContent,
|
|
6672
6786
|
{
|
|
6673
6787
|
isLoading,
|
|
@@ -6688,7 +6802,7 @@ var Button = forwardRef2(
|
|
|
6688
6802
|
onClick(event);
|
|
6689
6803
|
}
|
|
6690
6804
|
};
|
|
6691
|
-
return /* @__PURE__ */
|
|
6805
|
+
return /* @__PURE__ */ jsx193(
|
|
6692
6806
|
StyledButton,
|
|
6693
6807
|
{
|
|
6694
6808
|
ref,
|
|
@@ -6696,7 +6810,7 @@ var Button = forwardRef2(
|
|
|
6696
6810
|
type: "button",
|
|
6697
6811
|
...props,
|
|
6698
6812
|
...commonProps,
|
|
6699
|
-
children: unstyled ? children : /* @__PURE__ */
|
|
6813
|
+
children: unstyled ? children : /* @__PURE__ */ jsx193(
|
|
6700
6814
|
ButtonContent,
|
|
6701
6815
|
{
|
|
6702
6816
|
isLoading,
|
|
@@ -6712,7 +6826,7 @@ var Button = forwardRef2(
|
|
|
6712
6826
|
Button.displayName = "Button";
|
|
6713
6827
|
|
|
6714
6828
|
// src/components/ActionButton/ActionButton.tsx
|
|
6715
|
-
import { jsx as
|
|
6829
|
+
import { jsx as jsx194, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
6716
6830
|
var StyledActionButton = styled6(Button)`
|
|
6717
6831
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
6718
6832
|
display: grid;
|
|
@@ -6823,7 +6937,7 @@ var ActionButton = forwardRef3(
|
|
|
6823
6937
|
"menu-up": "caret-up",
|
|
6824
6938
|
"menu-down": "caret-down"
|
|
6825
6939
|
};
|
|
6826
|
-
return /* @__PURE__ */
|
|
6940
|
+
return /* @__PURE__ */ jsxs9(
|
|
6827
6941
|
StyledActionButton,
|
|
6828
6942
|
{
|
|
6829
6943
|
...props,
|
|
@@ -6833,15 +6947,15 @@ var ActionButton = forwardRef3(
|
|
|
6833
6947
|
disabled,
|
|
6834
6948
|
unstyled: true,
|
|
6835
6949
|
children: [
|
|
6836
|
-
/* @__PURE__ */
|
|
6837
|
-
/* @__PURE__ */
|
|
6950
|
+
/* @__PURE__ */ jsx194(StyledMainIcon, { children: icon }),
|
|
6951
|
+
/* @__PURE__ */ jsx194(StyledSecondaryIcon, { $hideUntilHover: variant === "default", children: /* @__PURE__ */ jsx194(
|
|
6838
6952
|
Icon,
|
|
6839
6953
|
{
|
|
6840
6954
|
colorScheme: variant === "gated" ? "purple" : "inherit",
|
|
6841
6955
|
type: secondaryIconMap[variant]
|
|
6842
6956
|
}
|
|
6843
6957
|
) }),
|
|
6844
|
-
/* @__PURE__ */
|
|
6958
|
+
/* @__PURE__ */ jsx194(StyledLabel, { $disabled: disabled, children })
|
|
6845
6959
|
]
|
|
6846
6960
|
}
|
|
6847
6961
|
);
|
|
@@ -6856,7 +6970,7 @@ import styled8 from "styled-components";
|
|
|
6856
6970
|
|
|
6857
6971
|
// src/components/ColorSchemeWrapper/ColorSchemeWrapper.tsx
|
|
6858
6972
|
import styled7 from "styled-components";
|
|
6859
|
-
import { jsx as
|
|
6973
|
+
import { jsx as jsx195 } from "react/jsx-runtime";
|
|
6860
6974
|
var colorSchemeOptions = [
|
|
6861
6975
|
"inherit",
|
|
6862
6976
|
"default",
|
|
@@ -6882,7 +6996,7 @@ var ColorSchemeWrapper = ({
|
|
|
6882
6996
|
colorScheme = "inherit",
|
|
6883
6997
|
children,
|
|
6884
6998
|
...otherProps
|
|
6885
|
-
}) => /* @__PURE__ */
|
|
6999
|
+
}) => /* @__PURE__ */ jsx195(
|
|
6886
7000
|
StyledColorSchemeWrapper,
|
|
6887
7001
|
{
|
|
6888
7002
|
$colorScheme: colorScheme,
|
|
@@ -6908,7 +7022,7 @@ var formatNameForDisplay = (name) => {
|
|
|
6908
7022
|
};
|
|
6909
7023
|
|
|
6910
7024
|
// src/components/Avatar/Avatar.tsx
|
|
6911
|
-
import { jsx as
|
|
7025
|
+
import { jsx as jsx196 } from "react/jsx-runtime";
|
|
6912
7026
|
var AvatarImage = styled8.img`
|
|
6913
7027
|
align-items: center;
|
|
6914
7028
|
background-color: white;
|
|
@@ -6997,19 +7111,19 @@ var Avatar = ({
|
|
|
6997
7111
|
const avatarSize = heightAndWidth ?? avatarSizeMap[size];
|
|
6998
7112
|
const avatarColor = useMemo3(() => chooseColorScheme(name), [name]);
|
|
6999
7113
|
const showInitials = isNil8(imageUrl) || imageLoadState === "error";
|
|
7000
|
-
return /* @__PURE__ */
|
|
7114
|
+
return /* @__PURE__ */ jsx196(
|
|
7001
7115
|
AvatarWrapper,
|
|
7002
7116
|
{
|
|
7003
7117
|
...otherProps,
|
|
7004
7118
|
$maxHeight: avatarSize,
|
|
7005
|
-
children: showInitials ? /* @__PURE__ */
|
|
7119
|
+
children: showInitials ? /* @__PURE__ */ jsx196(
|
|
7006
7120
|
InitialsContainer,
|
|
7007
7121
|
{
|
|
7008
7122
|
$colorScheme: avatarColor,
|
|
7009
7123
|
$heightAndWidth: avatarSize,
|
|
7010
7124
|
children: formatNameForDisplay(name)
|
|
7011
7125
|
}
|
|
7012
|
-
) : /* @__PURE__ */
|
|
7126
|
+
) : /* @__PURE__ */ jsx196(
|
|
7013
7127
|
AvatarImage,
|
|
7014
7128
|
{
|
|
7015
7129
|
$heightAndWidth: avatarSize,
|
|
@@ -7028,7 +7142,7 @@ Avatar.displayName = "Avatar";
|
|
|
7028
7142
|
import { forwardRef as forwardRef4 } from "react";
|
|
7029
7143
|
import styled9 from "styled-components";
|
|
7030
7144
|
import { isNotNil as isNotNil6 } from "@wistia/type-guards";
|
|
7031
|
-
import { jsx as
|
|
7145
|
+
import { jsx as jsx197, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
7032
7146
|
var StyledBadge = styled9.div`
|
|
7033
7147
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
7034
7148
|
align-items: center;
|
|
@@ -7052,7 +7166,7 @@ var StyledBadge = styled9.div`
|
|
|
7052
7166
|
var Badge = forwardRef4(
|
|
7053
7167
|
({ colorScheme = "inherit", label, icon, ...otherProps }, ref) => {
|
|
7054
7168
|
const hasIcon = isNotNil6(icon);
|
|
7055
|
-
return /* @__PURE__ */
|
|
7169
|
+
return /* @__PURE__ */ jsxs10(
|
|
7056
7170
|
StyledBadge,
|
|
7057
7171
|
{
|
|
7058
7172
|
ref,
|
|
@@ -7061,7 +7175,7 @@ var Badge = forwardRef4(
|
|
|
7061
7175
|
$hasIcon: hasIcon,
|
|
7062
7176
|
children: [
|
|
7063
7177
|
hasIcon ? icon : null,
|
|
7064
|
-
/* @__PURE__ */
|
|
7178
|
+
/* @__PURE__ */ jsx197("span", { children: label })
|
|
7065
7179
|
]
|
|
7066
7180
|
}
|
|
7067
7181
|
);
|
|
@@ -7080,7 +7194,7 @@ var makePolymorphic = (component) => {
|
|
|
7080
7194
|
};
|
|
7081
7195
|
|
|
7082
7196
|
// src/components/Box/Box.tsx
|
|
7083
|
-
import { jsx as
|
|
7197
|
+
import { jsx as jsx198 } from "react/jsx-runtime";
|
|
7084
7198
|
var isDev = process.env["NODE_ENV"] === "development" || process.env["NODE_ENV"] === "test";
|
|
7085
7199
|
var getGapStyle = (gap) => {
|
|
7086
7200
|
if (isNotNil7(gap)) {
|
|
@@ -7204,7 +7318,7 @@ var BoxComponent = forwardRef5(
|
|
|
7204
7318
|
);
|
|
7205
7319
|
}
|
|
7206
7320
|
}
|
|
7207
|
-
return /* @__PURE__ */
|
|
7321
|
+
return /* @__PURE__ */ jsx198(
|
|
7208
7322
|
StyledBoxComponent,
|
|
7209
7323
|
{
|
|
7210
7324
|
ref,
|
|
@@ -7237,7 +7351,7 @@ var Box = makePolymorphic(BoxComponent);
|
|
|
7237
7351
|
// src/components/Breadcrumbs/Breadcrumbs.tsx
|
|
7238
7352
|
import { Children as Children2 } from "react";
|
|
7239
7353
|
import styled11 from "styled-components";
|
|
7240
|
-
import { Fragment as Fragment2, jsx as
|
|
7354
|
+
import { Fragment as Fragment2, jsx as jsx199, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
7241
7355
|
var StyledBreadcrumbs = styled11.nav`
|
|
7242
7356
|
display: flex;
|
|
7243
7357
|
align-items: center;
|
|
@@ -7256,8 +7370,8 @@ var Breadcrumbs = ({ children, ...props }) => {
|
|
|
7256
7370
|
crumbs = crumbs.slice(-1);
|
|
7257
7371
|
}
|
|
7258
7372
|
const crumbMaxWidth = Math.floor(100 / crumbs.length) - BUFFER_WIDTH;
|
|
7259
|
-
return /* @__PURE__ */
|
|
7260
|
-
/* @__PURE__ */
|
|
7373
|
+
return /* @__PURE__ */ jsxs11(Fragment2, { children: [
|
|
7374
|
+
/* @__PURE__ */ jsx199("style", { type: "text/css", children: `
|
|
7261
7375
|
[data-wui-breadcrumbs] {
|
|
7262
7376
|
container-type: inline-size;
|
|
7263
7377
|
container-name: breadcrumbs;
|
|
@@ -7269,7 +7383,7 @@ var Breadcrumbs = ({ children, ...props }) => {
|
|
|
7269
7383
|
}
|
|
7270
7384
|
}
|
|
7271
7385
|
` }),
|
|
7272
|
-
/* @__PURE__ */
|
|
7386
|
+
/* @__PURE__ */ jsx199(
|
|
7273
7387
|
StyledBreadcrumbs,
|
|
7274
7388
|
{
|
|
7275
7389
|
"aria-label": "Breadcrumbs",
|
|
@@ -7284,7 +7398,7 @@ Breadcrumbs.displayName = "Breadcrumbs";
|
|
|
7284
7398
|
|
|
7285
7399
|
// src/components/Breadcrumbs/Breadcrumb.tsx
|
|
7286
7400
|
import styled12 from "styled-components";
|
|
7287
|
-
import { Fragment as Fragment3, jsx as
|
|
7401
|
+
import { Fragment as Fragment3, jsx as jsx200, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
7288
7402
|
var BreadcrumbContent = styled12.span`
|
|
7289
7403
|
overflow: hidden;
|
|
7290
7404
|
white-space: nowrap;
|
|
@@ -7294,18 +7408,18 @@ var BreadcrumbContent = styled12.span`
|
|
|
7294
7408
|
flex: 0;
|
|
7295
7409
|
`;
|
|
7296
7410
|
var Breadcrumb = ({ icon, href, children, ...props }) => {
|
|
7297
|
-
return /* @__PURE__ */
|
|
7298
|
-
/* @__PURE__ */
|
|
7411
|
+
return /* @__PURE__ */ jsxs12(Fragment3, { children: [
|
|
7412
|
+
/* @__PURE__ */ jsx200(
|
|
7299
7413
|
Button,
|
|
7300
7414
|
{
|
|
7301
7415
|
...props,
|
|
7302
7416
|
href,
|
|
7303
7417
|
leftIcon: icon,
|
|
7304
7418
|
variant: "ghost",
|
|
7305
|
-
children: /* @__PURE__ */
|
|
7419
|
+
children: /* @__PURE__ */ jsx200(BreadcrumbContent, { "data-wui-breadcrumb": true, children })
|
|
7306
7420
|
}
|
|
7307
7421
|
),
|
|
7308
|
-
/* @__PURE__ */
|
|
7422
|
+
/* @__PURE__ */ jsx200("div", { "data-wui-breadcrumb-divider": true, children: /* @__PURE__ */ jsx200(
|
|
7309
7423
|
Icon,
|
|
7310
7424
|
{
|
|
7311
7425
|
size: "sm",
|
|
@@ -7319,7 +7433,7 @@ var Breadcrumb = ({ icon, href, children, ...props }) => {
|
|
|
7319
7433
|
// src/components/ButtonGroup/ButtonGroup.tsx
|
|
7320
7434
|
import styled13 from "styled-components";
|
|
7321
7435
|
import { isNil as isNil10 } from "@wistia/type-guards";
|
|
7322
|
-
import { jsx as
|
|
7436
|
+
import { jsx as jsx201 } from "react/jsx-runtime";
|
|
7323
7437
|
var getAlignment = (align) => {
|
|
7324
7438
|
if (align === "center") {
|
|
7325
7439
|
return "center";
|
|
@@ -7367,7 +7481,7 @@ var ButtonGroup = ({
|
|
|
7367
7481
|
if (isNil10(children)) {
|
|
7368
7482
|
return null;
|
|
7369
7483
|
}
|
|
7370
|
-
return /* @__PURE__ */
|
|
7484
|
+
return /* @__PURE__ */ jsx201(
|
|
7371
7485
|
ButtonGroupComponent,
|
|
7372
7486
|
{
|
|
7373
7487
|
$align: align,
|
|
@@ -7382,7 +7496,7 @@ ButtonGroup.displayName = "ButtonGroup";
|
|
|
7382
7496
|
|
|
7383
7497
|
// src/components/Card/Card.tsx
|
|
7384
7498
|
import styled14 from "styled-components";
|
|
7385
|
-
import { jsx as
|
|
7499
|
+
import { jsx as jsx202 } from "react/jsx-runtime";
|
|
7386
7500
|
var StyledCard = styled14(Box)`
|
|
7387
7501
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
7388
7502
|
box-sizing: border-box;
|
|
@@ -7420,7 +7534,7 @@ var Card = ({
|
|
|
7420
7534
|
height,
|
|
7421
7535
|
width,
|
|
7422
7536
|
...props
|
|
7423
|
-
}) => /* @__PURE__ */
|
|
7537
|
+
}) => /* @__PURE__ */ jsx202(
|
|
7424
7538
|
StyledCard,
|
|
7425
7539
|
{
|
|
7426
7540
|
$backgroundColor: prominenceMap[prominence].backgroundColor,
|
|
@@ -7449,7 +7563,7 @@ import { isNil as isNil12, isNotNil as isNotNil9 } from "@wistia/type-guards";
|
|
|
7449
7563
|
// src/private/components/FormControlLabel/FormControlLabelDescription.tsx
|
|
7450
7564
|
import styled15, { css as css17 } from "styled-components";
|
|
7451
7565
|
import { isNil as isNil11 } from "@wistia/type-guards";
|
|
7452
|
-
import { jsx as
|
|
7566
|
+
import { jsx as jsx203 } from "react/jsx-runtime";
|
|
7453
7567
|
var disabledStyle = css17`
|
|
7454
7568
|
color: var(--wui-color-text-disabled);
|
|
7455
7569
|
`;
|
|
@@ -7471,7 +7585,7 @@ var FormControlLabelDescription = ({
|
|
|
7471
7585
|
if (isNil11(children)) {
|
|
7472
7586
|
return null;
|
|
7473
7587
|
}
|
|
7474
|
-
return /* @__PURE__ */
|
|
7588
|
+
return /* @__PURE__ */ jsx203(
|
|
7475
7589
|
StyledFormControlLabelDescription,
|
|
7476
7590
|
{
|
|
7477
7591
|
...props,
|
|
@@ -7485,7 +7599,7 @@ FormControlLabelDescription.displayName = "FormControlLabelDescription";
|
|
|
7485
7599
|
// src/components/ScreenReaderOnly/ScreenReaderOnly.tsx
|
|
7486
7600
|
import styled16 from "styled-components";
|
|
7487
7601
|
import { isNotNil as isNotNil8 } from "@wistia/type-guards";
|
|
7488
|
-
import { jsx as
|
|
7602
|
+
import { jsx as jsx204 } from "react/jsx-runtime";
|
|
7489
7603
|
var VisuallyHidden = styled16.div({ ...visuallyHiddenStyle });
|
|
7490
7604
|
var VisuallyHiddenButFocusable = styled16.div({
|
|
7491
7605
|
"&:not(:focus-within)": visuallyHiddenStyle
|
|
@@ -7498,14 +7612,14 @@ var ScreenReaderOnly = ({
|
|
|
7498
7612
|
}) => {
|
|
7499
7613
|
const accessibleText = isNotNil8(text) ? text : children;
|
|
7500
7614
|
if (focusable) {
|
|
7501
|
-
return /* @__PURE__ */
|
|
7615
|
+
return /* @__PURE__ */ jsx204(VisuallyHiddenButFocusable, { ...otherProps, children: accessibleText });
|
|
7502
7616
|
}
|
|
7503
|
-
return /* @__PURE__ */
|
|
7617
|
+
return /* @__PURE__ */ jsx204(VisuallyHidden, { ...otherProps, children: accessibleText });
|
|
7504
7618
|
};
|
|
7505
7619
|
ScreenReaderOnly.displayName = "ScreenReaderOnly";
|
|
7506
7620
|
|
|
7507
7621
|
// src/private/components/FormControlLabel/FormControlLabel.tsx
|
|
7508
|
-
import { jsx as
|
|
7622
|
+
import { jsx as jsx205, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
7509
7623
|
var disabledStyle2 = css18`
|
|
7510
7624
|
cursor: not-allowed;
|
|
7511
7625
|
color: var(--wui-color-text-disabled);
|
|
@@ -7539,11 +7653,11 @@ var FormControlLabel = ({
|
|
|
7539
7653
|
if (isNil12(label)) {
|
|
7540
7654
|
return null;
|
|
7541
7655
|
}
|
|
7542
|
-
const labelContent = hideLabel ? /* @__PURE__ */
|
|
7656
|
+
const labelContent = hideLabel ? /* @__PURE__ */ jsx205(ScreenReaderOnly, { children: label }) : /* @__PURE__ */ jsxs13(StyledLabelWrapper, { children: [
|
|
7543
7657
|
label,
|
|
7544
|
-
/* @__PURE__ */
|
|
7658
|
+
/* @__PURE__ */ jsx205(FormControlLabelDescription, { children: description })
|
|
7545
7659
|
] });
|
|
7546
|
-
return /* @__PURE__ */
|
|
7660
|
+
return /* @__PURE__ */ jsxs13(
|
|
7547
7661
|
StyledFormControlLabel,
|
|
7548
7662
|
{
|
|
7549
7663
|
$disabled: disabled,
|
|
@@ -7559,8 +7673,8 @@ var FormControlLabel = ({
|
|
|
7559
7673
|
FormControlLabel.displayName = "FormControlLabel";
|
|
7560
7674
|
|
|
7561
7675
|
// src/components/Checkbox/Checkbox.tsx
|
|
7562
|
-
import { jsx as
|
|
7563
|
-
var CheckIcon = () => /* @__PURE__ */
|
|
7676
|
+
import { jsx as jsx206, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
7677
|
+
var CheckIcon = () => /* @__PURE__ */ jsx206(
|
|
7564
7678
|
"svg",
|
|
7565
7679
|
{
|
|
7566
7680
|
fill: "inherit",
|
|
@@ -7568,7 +7682,7 @@ var CheckIcon = () => /* @__PURE__ */ jsx202(
|
|
|
7568
7682
|
viewBox: "0 0 10 8",
|
|
7569
7683
|
width: "10",
|
|
7570
7684
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7571
|
-
children: /* @__PURE__ */
|
|
7685
|
+
children: /* @__PURE__ */ jsx206(
|
|
7572
7686
|
"path",
|
|
7573
7687
|
{
|
|
7574
7688
|
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",
|
|
@@ -7675,8 +7789,8 @@ var Checkbox = forwardRef6(
|
|
|
7675
7789
|
}, ref) => {
|
|
7676
7790
|
const generatedId = useId();
|
|
7677
7791
|
const computedId = isNonEmptyString2(id) ? id : `wistia-ui-checkbox-${generatedId}`;
|
|
7678
|
-
return /* @__PURE__ */
|
|
7679
|
-
/* @__PURE__ */
|
|
7792
|
+
return /* @__PURE__ */ jsxs14(StyledCheckboxWrapper, { disabled, children: [
|
|
7793
|
+
/* @__PURE__ */ jsx206(
|
|
7680
7794
|
StyledHiddenCheckboxInput,
|
|
7681
7795
|
{
|
|
7682
7796
|
...props,
|
|
@@ -7691,16 +7805,16 @@ var Checkbox = forwardRef6(
|
|
|
7691
7805
|
value
|
|
7692
7806
|
}
|
|
7693
7807
|
),
|
|
7694
|
-
/* @__PURE__ */
|
|
7808
|
+
/* @__PURE__ */ jsx206(
|
|
7695
7809
|
FormControlLabel,
|
|
7696
7810
|
{
|
|
7697
|
-
controlSlot: /* @__PURE__ */
|
|
7811
|
+
controlSlot: /* @__PURE__ */ jsx206(
|
|
7698
7812
|
StyledCheckboxInput,
|
|
7699
7813
|
{
|
|
7700
7814
|
$disabled: disabled,
|
|
7701
7815
|
$size: size,
|
|
7702
7816
|
"data-wui-faux-input": "true",
|
|
7703
|
-
children: /* @__PURE__ */
|
|
7817
|
+
children: /* @__PURE__ */ jsx206(CheckIcon, {})
|
|
7704
7818
|
}
|
|
7705
7819
|
),
|
|
7706
7820
|
description,
|
|
@@ -7754,7 +7868,7 @@ ClickRegion.displayName = "ClickRegion";
|
|
|
7754
7868
|
import { Root } from "@radix-ui/react-collapsible";
|
|
7755
7869
|
import { isNotNil as isNotNil10 } from "@wistia/type-guards";
|
|
7756
7870
|
import styled19 from "styled-components";
|
|
7757
|
-
import { jsx as
|
|
7871
|
+
import { jsx as jsx207 } from "react/jsx-runtime";
|
|
7758
7872
|
var StyledRoot = styled19(Root)`
|
|
7759
7873
|
&[data-state='closed'] [data-wui-collapsible-content] {
|
|
7760
7874
|
display: -webkit-box;
|
|
@@ -7771,32 +7885,32 @@ var Collapsible = ({
|
|
|
7771
7885
|
const controlProps = {
|
|
7772
7886
|
...isNotNil10(onOpenChange) && isNotNil10(isOpen) ? { open: isOpen, onOpenChange } : {}
|
|
7773
7887
|
};
|
|
7774
|
-
return /* @__PURE__ */
|
|
7888
|
+
return /* @__PURE__ */ jsx207(StyledRoot, { ...controlProps, children });
|
|
7775
7889
|
};
|
|
7776
7890
|
Collapsible.displayName = "Collapsible";
|
|
7777
7891
|
|
|
7778
7892
|
// src/components/Collapsible/CollapsibleTrigger.tsx
|
|
7779
7893
|
import { Children as Children4 } from "react";
|
|
7780
7894
|
import { Trigger } from "@radix-ui/react-collapsible";
|
|
7781
|
-
import { jsx as
|
|
7895
|
+
import { jsx as jsx208 } from "react/jsx-runtime";
|
|
7782
7896
|
var CollapsibleTrigger = ({ children }) => {
|
|
7783
7897
|
Children4.only(children);
|
|
7784
|
-
return /* @__PURE__ */
|
|
7898
|
+
return /* @__PURE__ */ jsx208(Trigger, { asChild: true, children });
|
|
7785
7899
|
};
|
|
7786
7900
|
|
|
7787
7901
|
// src/components/Collapsible/CollapsibleContent.tsx
|
|
7788
7902
|
import styled20 from "styled-components";
|
|
7789
7903
|
import { Content } from "@radix-ui/react-collapsible";
|
|
7790
7904
|
import { isNotUndefined as isNotUndefined5 } from "@wistia/type-guards";
|
|
7791
|
-
import { Fragment as Fragment4, jsx as
|
|
7905
|
+
import { Fragment as Fragment4, jsx as jsx209, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
7792
7906
|
var ClampedContent = styled20.div.attrs({ "data-wui-collapsible-content": true })`
|
|
7793
7907
|
--wui-collapsible-content-clamp-lines: ${({ $clamp }) => $clamp};
|
|
7794
7908
|
`;
|
|
7795
7909
|
var CollapsibleContent = ({ clamp, children }) => {
|
|
7796
7910
|
if (isNotUndefined5(clamp)) {
|
|
7797
|
-
return /* @__PURE__ */
|
|
7911
|
+
return /* @__PURE__ */ jsx209(ClampedContent, { $clamp: clamp, children });
|
|
7798
7912
|
}
|
|
7799
|
-
return /* @__PURE__ */
|
|
7913
|
+
return /* @__PURE__ */ jsx209(Content, { asChild: true, children: /* @__PURE__ */ jsxs15(Fragment4, { children: [
|
|
7800
7914
|
children,
|
|
7801
7915
|
" "
|
|
7802
7916
|
] }) });
|
|
@@ -7809,7 +7923,7 @@ import { isNotNull } from "@wistia/type-guards";
|
|
|
7809
7923
|
// src/components/Heading/Heading.tsx
|
|
7810
7924
|
import { forwardRef as forwardRef7 } from "react";
|
|
7811
7925
|
import styled21, { css as css20 } from "styled-components";
|
|
7812
|
-
import { jsx as
|
|
7926
|
+
import { jsx as jsx210 } from "react/jsx-runtime";
|
|
7813
7927
|
var heroStyle = css20`
|
|
7814
7928
|
--font-family: var(--wui-typography-heading-hero-family);
|
|
7815
7929
|
--font-size: var(--wui-typography-heading-hero-size);
|
|
@@ -7905,7 +8019,7 @@ var HeadingComponent = forwardRef7(
|
|
|
7905
8019
|
variant = "heading1",
|
|
7906
8020
|
renderAs,
|
|
7907
8021
|
...otherProps
|
|
7908
|
-
}, ref) => /* @__PURE__ */
|
|
8022
|
+
}, ref) => /* @__PURE__ */ jsx210(
|
|
7909
8023
|
StyledHeading,
|
|
7910
8024
|
{
|
|
7911
8025
|
ref,
|
|
@@ -7925,7 +8039,7 @@ HeadingComponent.displayName = "Heading";
|
|
|
7925
8039
|
var Heading = makePolymorphic(HeadingComponent);
|
|
7926
8040
|
|
|
7927
8041
|
// src/components/DataCards/DataCard.tsx
|
|
7928
|
-
import { jsx as
|
|
8042
|
+
import { jsx as jsx211, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
7929
8043
|
var StyledDataCard = styled22.div`
|
|
7930
8044
|
${({ $colorScheme }) => getColorScheme($colorScheme)}
|
|
7931
8045
|
display: grid;
|
|
@@ -7991,30 +8105,30 @@ var DataCard = ({
|
|
|
7991
8105
|
isLoading = false,
|
|
7992
8106
|
trend,
|
|
7993
8107
|
...props
|
|
7994
|
-
}) => /* @__PURE__ */
|
|
8108
|
+
}) => /* @__PURE__ */ jsxs16(
|
|
7995
8109
|
StyledDataCard,
|
|
7996
8110
|
{
|
|
7997
8111
|
$colorScheme: colorScheme,
|
|
7998
8112
|
...props,
|
|
7999
8113
|
children: [
|
|
8000
|
-
/* @__PURE__ */
|
|
8114
|
+
/* @__PURE__ */ jsx211(
|
|
8001
8115
|
StyledLabel2,
|
|
8002
8116
|
{
|
|
8003
8117
|
renderAs: "dt",
|
|
8004
8118
|
variant: "heading6",
|
|
8005
|
-
children: isLoading ? /* @__PURE__ */
|
|
8119
|
+
children: isLoading ? /* @__PURE__ */ jsx211(StyledLoadingLabel, {}) : label
|
|
8006
8120
|
}
|
|
8007
8121
|
),
|
|
8008
|
-
/* @__PURE__ */
|
|
8122
|
+
/* @__PURE__ */ jsx211(
|
|
8009
8123
|
StyledValue,
|
|
8010
8124
|
{
|
|
8011
8125
|
renderAs: "dd",
|
|
8012
8126
|
variant: "heading3",
|
|
8013
|
-
children: isLoading ? /* @__PURE__ */
|
|
8127
|
+
children: isLoading ? /* @__PURE__ */ jsx211(StyledLoadingValue, {}) : value
|
|
8014
8128
|
}
|
|
8015
8129
|
),
|
|
8016
|
-
isNotNull(upperRightSlot) && !isLoading && /* @__PURE__ */
|
|
8017
|
-
isNotNull(trend) && !isLoading && /* @__PURE__ */
|
|
8130
|
+
isNotNull(upperRightSlot) && !isLoading && /* @__PURE__ */ jsx211(StyledSlot, { children: upperRightSlot }),
|
|
8131
|
+
isNotNull(trend) && !isLoading && /* @__PURE__ */ jsx211(StyledDataCardTrendContainer, { children: trend })
|
|
8018
8132
|
]
|
|
8019
8133
|
}
|
|
8020
8134
|
);
|
|
@@ -8022,7 +8136,7 @@ DataCard.displayName = "DataCard";
|
|
|
8022
8136
|
|
|
8023
8137
|
// src/components/DataCards/DataCards.tsx
|
|
8024
8138
|
import styled23 from "styled-components";
|
|
8025
|
-
import { jsx as
|
|
8139
|
+
import { jsx as jsx212 } from "react/jsx-runtime";
|
|
8026
8140
|
var StyledDataCards = styled23(Box)`
|
|
8027
8141
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
8028
8142
|
margin-top: 0; /* Remove default <dl> style */
|
|
@@ -8037,7 +8151,7 @@ var DataCards = ({
|
|
|
8037
8151
|
colorScheme = "inherit",
|
|
8038
8152
|
...props
|
|
8039
8153
|
}) => {
|
|
8040
|
-
return /* @__PURE__ */
|
|
8154
|
+
return /* @__PURE__ */ jsx212(
|
|
8041
8155
|
StyledDataCards,
|
|
8042
8156
|
{
|
|
8043
8157
|
...props,
|
|
@@ -8060,7 +8174,7 @@ import styled25 from "styled-components";
|
|
|
8060
8174
|
// src/components/Text/Text.tsx
|
|
8061
8175
|
import { forwardRef as forwardRef8 } from "react";
|
|
8062
8176
|
import styled24, { css as css21 } from "styled-components";
|
|
8063
|
-
import { jsx as
|
|
8177
|
+
import { jsx as jsx213 } from "react/jsx-runtime";
|
|
8064
8178
|
var bodyBoldStyles = css21`
|
|
8065
8179
|
> strong,
|
|
8066
8180
|
b {
|
|
@@ -8237,7 +8351,7 @@ var TextComponent = forwardRef8(
|
|
|
8237
8351
|
renderAs,
|
|
8238
8352
|
...otherProps
|
|
8239
8353
|
}, ref) => {
|
|
8240
|
-
return /* @__PURE__ */
|
|
8354
|
+
return /* @__PURE__ */ jsx213(
|
|
8241
8355
|
StyledText,
|
|
8242
8356
|
{
|
|
8243
8357
|
ref,
|
|
@@ -8259,7 +8373,7 @@ TextComponent.displayName = "Text";
|
|
|
8259
8373
|
var Text = makePolymorphic(TextComponent);
|
|
8260
8374
|
|
|
8261
8375
|
// src/components/DataCards/DataCardTrend.tsx
|
|
8262
|
-
import { jsx as
|
|
8376
|
+
import { jsx as jsx214, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
8263
8377
|
var StyledDataCardTrend = styled25.div`
|
|
8264
8378
|
${({ $outlook }) => getColorScheme($outlook === "positive" ? "success" : "error")};
|
|
8265
8379
|
background: var(--wui-color-bg-app);
|
|
@@ -8275,8 +8389,8 @@ var DataCardTrend = ({
|
|
|
8275
8389
|
children,
|
|
8276
8390
|
...props
|
|
8277
8391
|
}) => {
|
|
8278
|
-
return /* @__PURE__ */
|
|
8279
|
-
/* @__PURE__ */
|
|
8392
|
+
return /* @__PURE__ */ jsxs17(StyledDataCardTrend, { $outlook: outlook, children: [
|
|
8393
|
+
/* @__PURE__ */ jsx214(
|
|
8280
8394
|
Icon,
|
|
8281
8395
|
{
|
|
8282
8396
|
size: "md",
|
|
@@ -8284,7 +8398,7 @@ var DataCardTrend = ({
|
|
|
8284
8398
|
...props
|
|
8285
8399
|
}
|
|
8286
8400
|
),
|
|
8287
|
-
/* @__PURE__ */
|
|
8401
|
+
/* @__PURE__ */ jsx214(
|
|
8288
8402
|
Text,
|
|
8289
8403
|
{
|
|
8290
8404
|
prominence: "secondary",
|
|
@@ -8297,7 +8411,7 @@ var DataCardTrend = ({
|
|
|
8297
8411
|
|
|
8298
8412
|
// src/components/Divider/Divider.tsx
|
|
8299
8413
|
import styled26, { css as css22 } from "styled-components";
|
|
8300
|
-
import { jsx as
|
|
8414
|
+
import { jsx as jsx215 } from "react/jsx-runtime";
|
|
8301
8415
|
var horizontalBorderCss = css22`
|
|
8302
8416
|
border-top-color: var(--wui-color-border);
|
|
8303
8417
|
border-top-style: solid;
|
|
@@ -8326,7 +8440,7 @@ var Divider = ({
|
|
|
8326
8440
|
orientation = "horizontal",
|
|
8327
8441
|
...otherProps
|
|
8328
8442
|
}) => {
|
|
8329
|
-
return /* @__PURE__ */
|
|
8443
|
+
return /* @__PURE__ */ jsx215(
|
|
8330
8444
|
DividerComponent,
|
|
8331
8445
|
{
|
|
8332
8446
|
$orientation: orientation,
|
|
@@ -8351,7 +8465,7 @@ import {
|
|
|
8351
8465
|
Arrow as TooltipArrow
|
|
8352
8466
|
} from "@radix-ui/react-tooltip";
|
|
8353
8467
|
import styled27, { css as css23 } from "styled-components";
|
|
8354
|
-
import { jsx as
|
|
8468
|
+
import { jsx as jsx216, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
8355
8469
|
var CompactTooltipStyles = css23`
|
|
8356
8470
|
--tooltip-font-size: var(--wui-typography-label-4-size);
|
|
8357
8471
|
--tooltip-line-height: var(--wui-typography-label-4-line-height);
|
|
@@ -8418,14 +8532,14 @@ var Tooltip = ({
|
|
|
8418
8532
|
if (forceOpen === true) {
|
|
8419
8533
|
rootProps.open = true;
|
|
8420
8534
|
}
|
|
8421
|
-
return /* @__PURE__ */
|
|
8535
|
+
return /* @__PURE__ */ jsxs18(
|
|
8422
8536
|
TooltipRoot,
|
|
8423
8537
|
{
|
|
8424
8538
|
delayDuration: delay,
|
|
8425
8539
|
...rootProps,
|
|
8426
8540
|
children: [
|
|
8427
|
-
/* @__PURE__ */
|
|
8428
|
-
/* @__PURE__ */
|
|
8541
|
+
/* @__PURE__ */ jsx216(TooltipTrigger, { asChild: true, children }),
|
|
8542
|
+
/* @__PURE__ */ jsx216(TooltipPortal, { children: /* @__PURE__ */ jsxs18(
|
|
8429
8543
|
StyledContent,
|
|
8430
8544
|
{
|
|
8431
8545
|
$compact: compact,
|
|
@@ -8433,7 +8547,7 @@ var Tooltip = ({
|
|
|
8433
8547
|
sideOffset: hideArrow ? VISUAL_OFFSET : VISUAL_OFFSET - 2,
|
|
8434
8548
|
children: [
|
|
8435
8549
|
content,
|
|
8436
|
-
!hideArrow ? /* @__PURE__ */
|
|
8550
|
+
!hideArrow ? /* @__PURE__ */ jsx216(TooltipArrow, { asChild: true, children: /* @__PURE__ */ jsx216(
|
|
8437
8551
|
"svg",
|
|
8438
8552
|
{
|
|
8439
8553
|
fill: "var(--tooltip-bg)",
|
|
@@ -8442,7 +8556,7 @@ var Tooltip = ({
|
|
|
8442
8556
|
viewBox: "0 0 12 8",
|
|
8443
8557
|
width: "12",
|
|
8444
8558
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8445
|
-
children: /* @__PURE__ */
|
|
8559
|
+
children: /* @__PURE__ */ jsx216("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" })
|
|
8446
8560
|
}
|
|
8447
8561
|
) }) : null
|
|
8448
8562
|
]
|
|
@@ -8458,7 +8572,7 @@ Tooltip.displayName = "Tooltip";
|
|
|
8458
8572
|
import { forwardRef as forwardRef9, cloneElement as cloneElement4, useRef as useRef3 } from "react";
|
|
8459
8573
|
import styled28, { css as css24 } from "styled-components";
|
|
8460
8574
|
import { isNil as isNil13, isNotNil as isNotNil11, isRecord as isRecord4 } from "@wistia/type-guards";
|
|
8461
|
-
import { jsx as
|
|
8575
|
+
import { jsx as jsx217, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
8462
8576
|
var inputStyles = css24`
|
|
8463
8577
|
--wui-input-color-bg: var(--wui-color-bg-surface);
|
|
8464
8578
|
--wui-input-color-bg-disabled: var(--wui-color-bg-surface-disabled);
|
|
@@ -8561,7 +8675,7 @@ var Input = forwardRef9(
|
|
|
8561
8675
|
);
|
|
8562
8676
|
let leftIconToDisplay = leftIcon;
|
|
8563
8677
|
if (isNil13(leftIcon) && type === "search") {
|
|
8564
|
-
leftIconToDisplay = /* @__PURE__ */
|
|
8678
|
+
leftIconToDisplay = /* @__PURE__ */ jsx217(Icon, { type: "search" });
|
|
8565
8679
|
}
|
|
8566
8680
|
if (isNotNil11(leftIconToDisplay)) {
|
|
8567
8681
|
leftIconToDisplay = cloneElement4(leftIconToDisplay, {
|
|
@@ -8586,21 +8700,21 @@ var Input = forwardRef9(
|
|
|
8586
8700
|
});
|
|
8587
8701
|
}
|
|
8588
8702
|
};
|
|
8589
|
-
return /* @__PURE__ */
|
|
8703
|
+
return /* @__PURE__ */ jsxs19(
|
|
8590
8704
|
StyledInputContainer,
|
|
8591
8705
|
{
|
|
8592
8706
|
$fullWidth: fullWidth,
|
|
8593
8707
|
$monospace: monospace,
|
|
8594
8708
|
children: [
|
|
8595
8709
|
leftIconToDisplay ?? null,
|
|
8596
|
-
type === "multiline" ? /* @__PURE__ */
|
|
8710
|
+
type === "multiline" ? /* @__PURE__ */ jsx217(
|
|
8597
8711
|
"textarea",
|
|
8598
8712
|
{
|
|
8599
8713
|
...props,
|
|
8600
8714
|
ref,
|
|
8601
8715
|
onFocus: handleFocus
|
|
8602
8716
|
}
|
|
8603
|
-
) : /* @__PURE__ */
|
|
8717
|
+
) : /* @__PURE__ */ jsx217(
|
|
8604
8718
|
"input",
|
|
8605
8719
|
{
|
|
8606
8720
|
...props,
|
|
@@ -8618,7 +8732,7 @@ var Input = forwardRef9(
|
|
|
8618
8732
|
Input.displayName = "Input";
|
|
8619
8733
|
|
|
8620
8734
|
// src/components/EditableHeading/EditableHeading.tsx
|
|
8621
|
-
import { Fragment as Fragment5, jsx as
|
|
8735
|
+
import { Fragment as Fragment5, jsx as jsx218, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
8622
8736
|
var StyledInput = styled29(Input)`
|
|
8623
8737
|
:not([rows]) {
|
|
8624
8738
|
min-height: unset;
|
|
@@ -8703,7 +8817,7 @@ var EditableHeading = ({
|
|
|
8703
8817
|
handleSetEditing(false);
|
|
8704
8818
|
}
|
|
8705
8819
|
};
|
|
8706
|
-
const HeadingComponent2 = /* @__PURE__ */
|
|
8820
|
+
const HeadingComponent2 = /* @__PURE__ */ jsx218(
|
|
8707
8821
|
StyledHeading2,
|
|
8708
8822
|
{
|
|
8709
8823
|
ref: headingRef,
|
|
@@ -8717,7 +8831,7 @@ var EditableHeading = ({
|
|
|
8717
8831
|
return HeadingComponent2;
|
|
8718
8832
|
}
|
|
8719
8833
|
if (isEditing || forceEditing) {
|
|
8720
|
-
return /* @__PURE__ */
|
|
8834
|
+
return /* @__PURE__ */ jsx218(
|
|
8721
8835
|
StyledInput,
|
|
8722
8836
|
{
|
|
8723
8837
|
$height: headingHeight,
|
|
@@ -8735,8 +8849,8 @@ var EditableHeading = ({
|
|
|
8735
8849
|
}
|
|
8736
8850
|
);
|
|
8737
8851
|
}
|
|
8738
|
-
return /* @__PURE__ */
|
|
8739
|
-
/* @__PURE__ */
|
|
8852
|
+
return /* @__PURE__ */ jsxs20(Fragment5, { children: [
|
|
8853
|
+
/* @__PURE__ */ jsx218(
|
|
8740
8854
|
Tooltip,
|
|
8741
8855
|
{
|
|
8742
8856
|
compact: true,
|
|
@@ -8744,7 +8858,7 @@ var EditableHeading = ({
|
|
|
8744
8858
|
children: HeadingComponent2
|
|
8745
8859
|
}
|
|
8746
8860
|
),
|
|
8747
|
-
/* @__PURE__ */
|
|
8861
|
+
/* @__PURE__ */ jsx218(ScreenReaderOnly, { children: /* @__PURE__ */ jsx218(
|
|
8748
8862
|
"button",
|
|
8749
8863
|
{
|
|
8750
8864
|
"aria-label": ariaLabel,
|
|
@@ -8763,7 +8877,7 @@ import { isNotUndefined as isNotUndefined6, isUndefined as isUndefined3 } from "
|
|
|
8763
8877
|
// src/components/Stack/Stack.tsx
|
|
8764
8878
|
import { forwardRef as forwardRef10 } from "react";
|
|
8765
8879
|
import styled30 from "styled-components";
|
|
8766
|
-
import { jsx as
|
|
8880
|
+
import { jsx as jsx219 } from "react/jsx-runtime";
|
|
8767
8881
|
var DEFAULT_ELEMENT4 = "div";
|
|
8768
8882
|
var StyledStack = styled30.div`
|
|
8769
8883
|
display: flex;
|
|
@@ -8776,7 +8890,7 @@ var StackComponent = forwardRef10(
|
|
|
8776
8890
|
const responsiveGap = useResponsiveProp(gap);
|
|
8777
8891
|
const responsiveDirection = useResponsiveProp(direction);
|
|
8778
8892
|
const responsiveAlignItems = useResponsiveProp(alignItems);
|
|
8779
|
-
return /* @__PURE__ */
|
|
8893
|
+
return /* @__PURE__ */ jsx219(
|
|
8780
8894
|
StyledStack,
|
|
8781
8895
|
{
|
|
8782
8896
|
ref,
|
|
@@ -8793,7 +8907,7 @@ StackComponent.displayName = "Stack";
|
|
|
8793
8907
|
var Stack = makePolymorphic(StackComponent);
|
|
8794
8908
|
|
|
8795
8909
|
// src/components/Form/Form.tsx
|
|
8796
|
-
import { jsx as
|
|
8910
|
+
import { jsx as jsx220 } from "react/jsx-runtime";
|
|
8797
8911
|
var StyledForm = styled31.form`
|
|
8798
8912
|
--form-default-width: 690px;
|
|
8799
8913
|
|
|
@@ -8873,7 +8987,7 @@ var FormComponent = ({
|
|
|
8873
8987
|
}, [labelPosition, values, errors, id, hasSubmitted]);
|
|
8874
8988
|
return (
|
|
8875
8989
|
// @ts-expect-error - generic context providers are a giant pain
|
|
8876
|
-
/* @__PURE__ */
|
|
8990
|
+
/* @__PURE__ */ jsx220(FormContext.Provider, { value: context, children: /* @__PURE__ */ jsx220(
|
|
8877
8991
|
Stack,
|
|
8878
8992
|
{
|
|
8879
8993
|
...props,
|
|
@@ -8932,9 +9046,9 @@ var useFormState = (action, initialData = {}) => {
|
|
|
8932
9046
|
// src/components/Form/FormErrorSummary.tsx
|
|
8933
9047
|
import { useContext as useContext2, useRef as useRef6 } from "react";
|
|
8934
9048
|
import { isArray, isNotUndefined as isNotUndefined7 } from "@wistia/type-guards";
|
|
8935
|
-
import { jsx as
|
|
9049
|
+
import { jsx as jsx221, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
8936
9050
|
var ErrorItem = ({ name, error, formId }) => {
|
|
8937
|
-
return /* @__PURE__ */
|
|
9051
|
+
return /* @__PURE__ */ jsx221("li", { children: /* @__PURE__ */ jsx221(Link, { href: `#${formId}-${name}`, children: error }) }, name);
|
|
8938
9052
|
};
|
|
8939
9053
|
var FormErrorSummary = ({ description }) => {
|
|
8940
9054
|
const ref = useRef6(null);
|
|
@@ -8943,10 +9057,10 @@ var FormErrorSummary = ({ description }) => {
|
|
|
8943
9057
|
if (isValid || !hasSubmitted) {
|
|
8944
9058
|
return null;
|
|
8945
9059
|
}
|
|
8946
|
-
return /* @__PURE__ */
|
|
8947
|
-
/* @__PURE__ */
|
|
8948
|
-
/* @__PURE__ */
|
|
8949
|
-
([name, error]) => isArray(error) ? error.map((err) => /* @__PURE__ */
|
|
9060
|
+
return /* @__PURE__ */ jsxs21("div", { ref, children: [
|
|
9061
|
+
/* @__PURE__ */ jsx221("p", { children: description }),
|
|
9062
|
+
/* @__PURE__ */ jsx221("ul", { children: Object.entries(errors).filter(([, error]) => isNotUndefined7(error)).map(
|
|
9063
|
+
([name, error]) => isArray(error) ? error.map((err) => /* @__PURE__ */ jsx221(
|
|
8950
9064
|
ErrorItem,
|
|
8951
9065
|
{
|
|
8952
9066
|
error: err,
|
|
@@ -8954,7 +9068,7 @@ var FormErrorSummary = ({ description }) => {
|
|
|
8954
9068
|
name
|
|
8955
9069
|
},
|
|
8956
9070
|
err
|
|
8957
|
-
)) : /* @__PURE__ */
|
|
9071
|
+
)) : /* @__PURE__ */ jsx221(
|
|
8958
9072
|
ErrorItem,
|
|
8959
9073
|
{
|
|
8960
9074
|
error: error ?? "",
|
|
@@ -8974,7 +9088,7 @@ import { isArray as isArray2, isNotNil as isNotNil12, isNotUndefined as isNotUnd
|
|
|
8974
9088
|
|
|
8975
9089
|
// src/components/Label/Label.tsx
|
|
8976
9090
|
import styled32, { css as css26 } from "styled-components";
|
|
8977
|
-
import { jsx as
|
|
9091
|
+
import { jsx as jsx222 } from "react/jsx-runtime";
|
|
8978
9092
|
var requiredStyle = css26`
|
|
8979
9093
|
&::after {
|
|
8980
9094
|
color: var(--wui-color-text-error);
|
|
@@ -9018,7 +9132,7 @@ var Label = ({
|
|
|
9018
9132
|
screenReaderOnly = false,
|
|
9019
9133
|
...otherProps
|
|
9020
9134
|
}) => {
|
|
9021
|
-
return /* @__PURE__ */
|
|
9135
|
+
return /* @__PURE__ */ jsx222(
|
|
9022
9136
|
StyledLabel3,
|
|
9023
9137
|
{
|
|
9024
9138
|
...otherProps,
|
|
@@ -9038,7 +9152,7 @@ import { createContext as createContext3, useMemo as useMemo5 } from "react";
|
|
|
9038
9152
|
// src/components/FormGroup/FormGroup.tsx
|
|
9039
9153
|
import styled33 from "styled-components";
|
|
9040
9154
|
import { useRef as useRef7 } from "react";
|
|
9041
|
-
import { jsx as
|
|
9155
|
+
import { jsx as jsx223, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
9042
9156
|
var StyledFieldset = styled33.fieldset`
|
|
9043
9157
|
border: 0;
|
|
9044
9158
|
`;
|
|
@@ -9047,14 +9161,14 @@ var StyledLegend = styled33.legend`
|
|
|
9047
9161
|
`;
|
|
9048
9162
|
var FormGroup = ({ children, label, ...props }) => {
|
|
9049
9163
|
const ref = useRef7();
|
|
9050
|
-
return /* @__PURE__ */
|
|
9164
|
+
return /* @__PURE__ */ jsxs22(
|
|
9051
9165
|
Stack,
|
|
9052
9166
|
{
|
|
9053
9167
|
...props,
|
|
9054
9168
|
ref,
|
|
9055
9169
|
renderAs: StyledFieldset,
|
|
9056
9170
|
children: [
|
|
9057
|
-
/* @__PURE__ */
|
|
9171
|
+
/* @__PURE__ */ jsx223(
|
|
9058
9172
|
Heading,
|
|
9059
9173
|
{
|
|
9060
9174
|
renderAs: StyledLegend,
|
|
@@ -9070,7 +9184,7 @@ var FormGroup = ({ children, label, ...props }) => {
|
|
|
9070
9184
|
FormGroup.displayName = "FormGroup";
|
|
9071
9185
|
|
|
9072
9186
|
// src/components/FormGroup/CheckboxGroup.tsx
|
|
9073
|
-
import { jsx as
|
|
9187
|
+
import { jsx as jsx224 } from "react/jsx-runtime";
|
|
9074
9188
|
var CheckboxGroupContext = createContext3(null);
|
|
9075
9189
|
var CheckboxGroup = ({
|
|
9076
9190
|
children,
|
|
@@ -9085,12 +9199,12 @@ var CheckboxGroup = ({
|
|
|
9085
9199
|
onChange
|
|
9086
9200
|
};
|
|
9087
9201
|
}, [name, onChange]);
|
|
9088
|
-
return /* @__PURE__ */
|
|
9202
|
+
return /* @__PURE__ */ jsx224(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ jsx224(FormGroup, { ...props, children }) });
|
|
9089
9203
|
};
|
|
9090
9204
|
CheckboxGroup.displayName = "CheckboxGroup";
|
|
9091
9205
|
|
|
9092
9206
|
// src/components/FormField/FormField.tsx
|
|
9093
|
-
import { Fragment as Fragment6, jsx as
|
|
9207
|
+
import { Fragment as Fragment6, jsx as jsx225, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
9094
9208
|
var StyledFormField = styled34.div`
|
|
9095
9209
|
--form-field-spacing: var(--wui-space-01);
|
|
9096
9210
|
--form-field-spacing-inline: var(--wui-space-02);
|
|
@@ -9131,7 +9245,7 @@ var StyledErrorList = styled34.ul`
|
|
|
9131
9245
|
`;
|
|
9132
9246
|
var ErrorMessages = ({ errors, id }) => {
|
|
9133
9247
|
const isMultipleErrors = isArray2(errors);
|
|
9134
|
-
return isMultipleErrors ? /* @__PURE__ */
|
|
9248
|
+
return isMultipleErrors ? /* @__PURE__ */ jsx225(StyledErrorList, { children: errors.map((error, index) => /* @__PURE__ */ jsx225(
|
|
9135
9249
|
Text,
|
|
9136
9250
|
{
|
|
9137
9251
|
colorScheme: "error",
|
|
@@ -9141,7 +9255,7 @@ var ErrorMessages = ({ errors, id }) => {
|
|
|
9141
9255
|
children: error
|
|
9142
9256
|
},
|
|
9143
9257
|
`${id}-${index}`
|
|
9144
|
-
)) }) : /* @__PURE__ */
|
|
9258
|
+
)) }) : /* @__PURE__ */ jsx225(
|
|
9145
9259
|
Text,
|
|
9146
9260
|
{
|
|
9147
9261
|
colorScheme: "error",
|
|
@@ -9200,17 +9314,17 @@ var FormField = ({
|
|
|
9200
9314
|
};
|
|
9201
9315
|
}
|
|
9202
9316
|
Children5.only(children);
|
|
9203
|
-
return /* @__PURE__ */
|
|
9317
|
+
return /* @__PURE__ */ jsxs23(
|
|
9204
9318
|
StyledFormField,
|
|
9205
9319
|
{
|
|
9206
9320
|
...props,
|
|
9207
9321
|
"data-label-position": labelPosition ?? formState.labelPosition,
|
|
9208
9322
|
children: [
|
|
9209
|
-
!isIntegratedLabel && /* @__PURE__ */
|
|
9323
|
+
!isIntegratedLabel && /* @__PURE__ */ jsx225(Label, { htmlFor: computedId, children: label }),
|
|
9210
9324
|
cloneElement5(children, childProps),
|
|
9211
|
-
isNotNil12(computedError) ? /* @__PURE__ */
|
|
9212
|
-
/* @__PURE__ */
|
|
9213
|
-
/* @__PURE__ */
|
|
9325
|
+
isNotNil12(computedError) ? /* @__PURE__ */ jsxs23(Fragment6, { children: [
|
|
9326
|
+
/* @__PURE__ */ jsx225("div", {}),
|
|
9327
|
+
/* @__PURE__ */ jsx225(
|
|
9214
9328
|
ErrorMessages,
|
|
9215
9329
|
{
|
|
9216
9330
|
errors: computedError,
|
|
@@ -9226,7 +9340,7 @@ FormField.displayName = "FormField";
|
|
|
9226
9340
|
|
|
9227
9341
|
// src/components/FormGroup/RadioGroup.tsx
|
|
9228
9342
|
import { createContext as createContext4, useMemo as useMemo6 } from "react";
|
|
9229
|
-
import { jsx as
|
|
9343
|
+
import { jsx as jsx226 } from "react/jsx-runtime";
|
|
9230
9344
|
var RadioGroupContext = createContext4(null);
|
|
9231
9345
|
var RadioGroup = ({
|
|
9232
9346
|
children,
|
|
@@ -9241,14 +9355,14 @@ var RadioGroup = ({
|
|
|
9241
9355
|
onChange
|
|
9242
9356
|
};
|
|
9243
9357
|
}, [name, onChange]);
|
|
9244
|
-
return /* @__PURE__ */
|
|
9358
|
+
return /* @__PURE__ */ jsx226(RadioGroupContext.Provider, { value: context, children: /* @__PURE__ */ jsx226(FormGroup, { ...props, children }) });
|
|
9245
9359
|
};
|
|
9246
9360
|
RadioGroup.displayName = "RadioGroup";
|
|
9247
9361
|
|
|
9248
9362
|
// src/components/IconButton/IconButton.tsx
|
|
9249
9363
|
import { Children as Children6, cloneElement as cloneElement6, forwardRef as forwardRef12 } from "react";
|
|
9250
9364
|
import styled35 from "styled-components";
|
|
9251
|
-
import { jsx as
|
|
9365
|
+
import { jsx as jsx227 } from "react/jsx-runtime";
|
|
9252
9366
|
var StyledButton2 = styled35(Button)`
|
|
9253
9367
|
--icon-button-size-sm: 24px;
|
|
9254
9368
|
--icon-button-size-md: 32px;
|
|
@@ -9266,7 +9380,7 @@ var StyledButton2 = styled35(Button)`
|
|
|
9266
9380
|
var IconButton = forwardRef12(
|
|
9267
9381
|
({ children, label, size = "md", ...props }, ref) => {
|
|
9268
9382
|
const responsiveSize = useResponsiveProp(size);
|
|
9269
|
-
return /* @__PURE__ */
|
|
9383
|
+
return /* @__PURE__ */ jsx227(
|
|
9270
9384
|
StyledButton2,
|
|
9271
9385
|
{
|
|
9272
9386
|
...props,
|
|
@@ -9286,7 +9400,7 @@ IconButton.displayName = "IconButton";
|
|
|
9286
9400
|
// src/components/Image/Image.tsx
|
|
9287
9401
|
import styled36 from "styled-components";
|
|
9288
9402
|
import { isNotNil as isNotNil13 } from "@wistia/type-guards";
|
|
9289
|
-
import { jsx as
|
|
9403
|
+
import { jsx as jsx228 } from "react/jsx-runtime";
|
|
9290
9404
|
var getFillStyle2 = (fillContainer) => {
|
|
9291
9405
|
if (fillContainer === "horizontal") {
|
|
9292
9406
|
return "width: 100%;";
|
|
@@ -9317,7 +9431,7 @@ var Image = ({
|
|
|
9317
9431
|
loading = "lazy",
|
|
9318
9432
|
position: objPosition,
|
|
9319
9433
|
...otherProps
|
|
9320
|
-
}) => /* @__PURE__ */
|
|
9434
|
+
}) => /* @__PURE__ */ jsx228(
|
|
9321
9435
|
StyledImage,
|
|
9322
9436
|
{
|
|
9323
9437
|
$borderRadius: borderRadius,
|
|
@@ -9349,7 +9463,7 @@ var MenuContext = createContext5({ compact: false });
|
|
|
9349
9463
|
var useMenuContext = () => useContext4(MenuContext);
|
|
9350
9464
|
|
|
9351
9465
|
// src/components/Menu/Menu.tsx
|
|
9352
|
-
import { jsx as
|
|
9466
|
+
import { jsx as jsx229, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
9353
9467
|
var open = keyframes2`
|
|
9354
9468
|
from {
|
|
9355
9469
|
opacity: 0;
|
|
@@ -9460,24 +9574,24 @@ var Menu = ({
|
|
|
9460
9574
|
onOpenChange: () => null
|
|
9461
9575
|
};
|
|
9462
9576
|
}
|
|
9463
|
-
return /* @__PURE__ */
|
|
9577
|
+
return /* @__PURE__ */ jsx229(MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs24(
|
|
9464
9578
|
DropdownMenu,
|
|
9465
9579
|
{
|
|
9466
9580
|
modal: false,
|
|
9467
9581
|
...controlProps,
|
|
9468
9582
|
children: [
|
|
9469
|
-
/* @__PURE__ */
|
|
9583
|
+
/* @__PURE__ */ jsx229(DropdownMenuTrigger, { asChild: true, children: isNotUndefined9(trigger) ? trigger : /* @__PURE__ */ jsx229(
|
|
9470
9584
|
Button,
|
|
9471
9585
|
{
|
|
9472
9586
|
"aria-expanded": isOpen,
|
|
9473
9587
|
disabled,
|
|
9474
9588
|
forceState: isOpen ? "active" : void 0,
|
|
9475
|
-
rightIcon: /* @__PURE__ */
|
|
9589
|
+
rightIcon: /* @__PURE__ */ jsx229(Icon, { type: "caret-down" }),
|
|
9476
9590
|
...triggerProps,
|
|
9477
9591
|
children: label
|
|
9478
9592
|
}
|
|
9479
9593
|
) }),
|
|
9480
|
-
/* @__PURE__ */
|
|
9594
|
+
/* @__PURE__ */ jsx229(DropdownMenuPortal, { children: /* @__PURE__ */ jsx229(
|
|
9481
9595
|
MenuContent,
|
|
9482
9596
|
{
|
|
9483
9597
|
...props,
|
|
@@ -9499,17 +9613,17 @@ Menu.displayName = "Menu";
|
|
|
9499
9613
|
// src/components/Menu/MenuLabel.tsx
|
|
9500
9614
|
import styled38 from "styled-components";
|
|
9501
9615
|
import { DropdownMenuLabel } from "@radix-ui/react-dropdown-menu";
|
|
9502
|
-
import { jsx as
|
|
9616
|
+
import { jsx as jsx230 } from "react/jsx-runtime";
|
|
9503
9617
|
var StyledMenuLabel = styled38(DropdownMenuLabel)`
|
|
9504
9618
|
padding: var(--wui-space-02);
|
|
9505
9619
|
`;
|
|
9506
9620
|
var MenuLabel = ({ children, ...props }) => {
|
|
9507
|
-
return /* @__PURE__ */
|
|
9621
|
+
return /* @__PURE__ */ jsx230(
|
|
9508
9622
|
StyledMenuLabel,
|
|
9509
9623
|
{
|
|
9510
9624
|
asChild: true,
|
|
9511
9625
|
...props,
|
|
9512
|
-
children: /* @__PURE__ */
|
|
9626
|
+
children: /* @__PURE__ */ jsx230(
|
|
9513
9627
|
Heading,
|
|
9514
9628
|
{
|
|
9515
9629
|
renderAs: "span",
|
|
@@ -9540,7 +9654,7 @@ import { isNotNil as isNotNil16 } from "@wistia/type-guards";
|
|
|
9540
9654
|
import { forwardRef as forwardRef13 } from "react";
|
|
9541
9655
|
import styled39 from "styled-components";
|
|
9542
9656
|
import { isNotNil as isNotNil15, isNotUndefined as isNotUndefined10 } from "@wistia/type-guards";
|
|
9543
|
-
import { jsx as
|
|
9657
|
+
import { jsx as jsx231, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
9544
9658
|
var StyledButton3 = styled39(Button)`
|
|
9545
9659
|
${({ colorScheme }) => getColorScheme(colorScheme)};
|
|
9546
9660
|
|
|
@@ -9623,7 +9737,7 @@ var MenuItemButton = forwardRef13(({ children, appearance, command, icon, ...pro
|
|
|
9623
9737
|
colorScheme = "error";
|
|
9624
9738
|
}
|
|
9625
9739
|
if (appearance === "gated") {
|
|
9626
|
-
badge = /* @__PURE__ */
|
|
9740
|
+
badge = /* @__PURE__ */ jsx231(
|
|
9627
9741
|
Icon,
|
|
9628
9742
|
{
|
|
9629
9743
|
colorScheme: "purple",
|
|
@@ -9635,7 +9749,7 @@ var MenuItemButton = forwardRef13(({ children, appearance, command, icon, ...pro
|
|
|
9635
9749
|
}
|
|
9636
9750
|
);
|
|
9637
9751
|
}
|
|
9638
|
-
return /* @__PURE__ */
|
|
9752
|
+
return /* @__PURE__ */ jsxs25(
|
|
9639
9753
|
StyledButton3,
|
|
9640
9754
|
{
|
|
9641
9755
|
...props,
|
|
@@ -9645,10 +9759,10 @@ var MenuItemButton = forwardRef13(({ children, appearance, command, icon, ...pro
|
|
|
9645
9759
|
fullWidth: true,
|
|
9646
9760
|
unstyled: true,
|
|
9647
9761
|
children: [
|
|
9648
|
-
props.leftIcon ? /* @__PURE__ */
|
|
9649
|
-
/* @__PURE__ */
|
|
9650
|
-
isNotNil15(badge) || isNotNil15(command) ? /* @__PURE__ */
|
|
9651
|
-
props.rightIcon ? /* @__PURE__ */
|
|
9762
|
+
props.leftIcon ? /* @__PURE__ */ jsx231(StyledLeftIconContainer, { children: props.leftIcon }) : null,
|
|
9763
|
+
/* @__PURE__ */ jsx231(StyledLabelAndDescriptionContainer, { children }),
|
|
9764
|
+
isNotNil15(badge) || isNotNil15(command) ? /* @__PURE__ */ jsx231(StyledBadgeContainer, { children: badge ?? command }) : null,
|
|
9765
|
+
props.rightIcon ? /* @__PURE__ */ jsx231(StyledRightIconContainer, { children: props.rightIcon }) : null
|
|
9652
9766
|
]
|
|
9653
9767
|
}
|
|
9654
9768
|
);
|
|
@@ -9657,21 +9771,21 @@ MenuItemButton.displayName = "MenuItemButton";
|
|
|
9657
9771
|
|
|
9658
9772
|
// src/components/Menu/MenuItemLabelDescription.tsx
|
|
9659
9773
|
import styled40 from "styled-components";
|
|
9660
|
-
import { jsx as
|
|
9774
|
+
import { jsx as jsx232 } from "react/jsx-runtime";
|
|
9661
9775
|
var StyledMenuItemLabel = styled40.span``;
|
|
9662
9776
|
var StyledMenuItemDescription = styled40(Text).attrs({
|
|
9663
9777
|
variant: "body4",
|
|
9664
9778
|
prominence: "secondary"
|
|
9665
9779
|
})``;
|
|
9666
9780
|
var MenuItemLabel = ({ children }) => {
|
|
9667
|
-
return /* @__PURE__ */
|
|
9781
|
+
return /* @__PURE__ */ jsx232(StyledMenuItemLabel, { children });
|
|
9668
9782
|
};
|
|
9669
9783
|
var MenuItemDescription = ({ children }) => {
|
|
9670
|
-
return /* @__PURE__ */
|
|
9784
|
+
return /* @__PURE__ */ jsx232(StyledMenuItemDescription, { children });
|
|
9671
9785
|
};
|
|
9672
9786
|
|
|
9673
9787
|
// src/components/Menu/SubMenu.tsx
|
|
9674
|
-
import { jsx as
|
|
9788
|
+
import { jsx as jsx233, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
9675
9789
|
var SubMenuContent = styled41(DropdownMenuSubContent)`
|
|
9676
9790
|
${menuContentCss}
|
|
9677
9791
|
|
|
@@ -9693,12 +9807,12 @@ var StyledSubTrigger = styled41(DropdownMenuSubTrigger)`
|
|
|
9693
9807
|
var SubMenuTrigger = ({ icon, ...props }) => {
|
|
9694
9808
|
const { isSmAndUp } = useMq();
|
|
9695
9809
|
const Trigger4 = isSmAndUp ? StyledSubTrigger : DropdownMenuItem;
|
|
9696
|
-
return /* @__PURE__ */
|
|
9810
|
+
return /* @__PURE__ */ jsx233(Trigger4, { asChild: true, children: /* @__PURE__ */ jsx233(
|
|
9697
9811
|
MenuItemButton,
|
|
9698
9812
|
{
|
|
9699
9813
|
...props,
|
|
9700
9814
|
leftIcon: icon,
|
|
9701
|
-
rightIcon: /* @__PURE__ */
|
|
9815
|
+
rightIcon: /* @__PURE__ */ jsx233(Icon, { type: "caret-right" })
|
|
9702
9816
|
}
|
|
9703
9817
|
) });
|
|
9704
9818
|
};
|
|
@@ -9712,14 +9826,14 @@ var SubMenu = ({
|
|
|
9712
9826
|
const { isSmAndUp } = useMq();
|
|
9713
9827
|
const [isExpanded, setIsExpanded] = useState9(false);
|
|
9714
9828
|
const { compact } = useMenuContext();
|
|
9715
|
-
return isSmAndUp ? /* @__PURE__ */
|
|
9716
|
-
/* @__PURE__ */
|
|
9717
|
-
/* @__PURE__ */
|
|
9718
|
-
isNotNil16(description) ? /* @__PURE__ */
|
|
9829
|
+
return isSmAndUp ? /* @__PURE__ */ jsxs26(DropdownMenuSub, { onOpenChange, children: [
|
|
9830
|
+
/* @__PURE__ */ jsxs26(SubMenuTrigger, { ...props, children: [
|
|
9831
|
+
/* @__PURE__ */ jsx233(MenuItemLabel, { children: label }),
|
|
9832
|
+
isNotNil16(description) ? /* @__PURE__ */ jsx233(MenuItemDescription, { children: description }) : null
|
|
9719
9833
|
] }),
|
|
9720
|
-
/* @__PURE__ */
|
|
9721
|
-
] }) : /* @__PURE__ */
|
|
9722
|
-
/* @__PURE__ */
|
|
9834
|
+
/* @__PURE__ */ jsx233(DropdownMenuPortal2, { children: /* @__PURE__ */ jsx233(SubMenuContent, { $compact: compact, children }) })
|
|
9835
|
+
] }) : /* @__PURE__ */ jsxs26(DropdownMenuGroup, { children: [
|
|
9836
|
+
/* @__PURE__ */ jsxs26(
|
|
9723
9837
|
SubMenuTrigger,
|
|
9724
9838
|
{
|
|
9725
9839
|
...props,
|
|
@@ -9728,12 +9842,12 @@ var SubMenu = ({
|
|
|
9728
9842
|
setIsExpanded((prev) => !prev);
|
|
9729
9843
|
},
|
|
9730
9844
|
children: [
|
|
9731
|
-
/* @__PURE__ */
|
|
9732
|
-
/* @__PURE__ */
|
|
9845
|
+
/* @__PURE__ */ jsx233(MenuItemLabel, { children: label }),
|
|
9846
|
+
/* @__PURE__ */ jsx233(MenuItemDescription, { children: description })
|
|
9733
9847
|
]
|
|
9734
9848
|
}
|
|
9735
9849
|
),
|
|
9736
|
-
/* @__PURE__ */
|
|
9850
|
+
/* @__PURE__ */ jsx233(StyledMobileSubMenuItems, { children: isExpanded ? children : null })
|
|
9737
9851
|
] });
|
|
9738
9852
|
};
|
|
9739
9853
|
SubMenu.displayName = "SubMenu";
|
|
@@ -9741,15 +9855,15 @@ SubMenu.displayName = "SubMenu";
|
|
|
9741
9855
|
// src/components/Menu/MenuItem.tsx
|
|
9742
9856
|
import { forwardRef as forwardRef14 } from "react";
|
|
9743
9857
|
import { DropdownMenuItem as DropdownMenuItem2 } from "@radix-ui/react-dropdown-menu";
|
|
9744
|
-
import { jsx as
|
|
9858
|
+
import { jsx as jsx234 } from "react/jsx-runtime";
|
|
9745
9859
|
var MenuItem = forwardRef14(
|
|
9746
9860
|
({ onSelect = () => null, ...props }, ref) => {
|
|
9747
|
-
return /* @__PURE__ */
|
|
9861
|
+
return /* @__PURE__ */ jsx234(
|
|
9748
9862
|
DropdownMenuItem2,
|
|
9749
9863
|
{
|
|
9750
9864
|
asChild: true,
|
|
9751
9865
|
onSelect,
|
|
9752
|
-
children: /* @__PURE__ */
|
|
9866
|
+
children: /* @__PURE__ */ jsx234(
|
|
9753
9867
|
MenuItemButton,
|
|
9754
9868
|
{
|
|
9755
9869
|
...props,
|
|
@@ -9767,10 +9881,10 @@ MenuItem.displayName = "MenuItem";
|
|
|
9767
9881
|
import {
|
|
9768
9882
|
DropdownMenuRadioGroup
|
|
9769
9883
|
} from "@radix-ui/react-dropdown-menu";
|
|
9770
|
-
import { jsx as
|
|
9884
|
+
import { jsx as jsx235, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
9771
9885
|
var MenuRadioGroup = ({ children, label, ...props }) => {
|
|
9772
|
-
return /* @__PURE__ */
|
|
9773
|
-
/* @__PURE__ */
|
|
9886
|
+
return /* @__PURE__ */ jsxs27(DropdownMenuRadioGroup, { ...props, children: [
|
|
9887
|
+
/* @__PURE__ */ jsx235(MenuLabel, { children: label }),
|
|
9774
9888
|
children
|
|
9775
9889
|
] });
|
|
9776
9890
|
};
|
|
@@ -9781,11 +9895,11 @@ import {
|
|
|
9781
9895
|
DropdownMenuItemIndicator,
|
|
9782
9896
|
DropdownMenuRadioItem
|
|
9783
9897
|
} from "@radix-ui/react-dropdown-menu";
|
|
9784
|
-
import { jsx as
|
|
9898
|
+
import { jsx as jsx236 } from "react/jsx-runtime";
|
|
9785
9899
|
var RadioMenuItem = ({
|
|
9786
9900
|
onSelect,
|
|
9787
9901
|
value,
|
|
9788
|
-
indicator = /* @__PURE__ */
|
|
9902
|
+
indicator = /* @__PURE__ */ jsx236(
|
|
9789
9903
|
Icon,
|
|
9790
9904
|
{
|
|
9791
9905
|
size: "sm",
|
|
@@ -9795,17 +9909,17 @@ var RadioMenuItem = ({
|
|
|
9795
9909
|
...props
|
|
9796
9910
|
}) => {
|
|
9797
9911
|
const extraProps = onSelect ? { onSelect } : {};
|
|
9798
|
-
return /* @__PURE__ */
|
|
9912
|
+
return /* @__PURE__ */ jsx236(
|
|
9799
9913
|
DropdownMenuRadioItem,
|
|
9800
9914
|
{
|
|
9801
9915
|
...extraProps,
|
|
9802
9916
|
asChild: true,
|
|
9803
9917
|
value,
|
|
9804
|
-
children: /* @__PURE__ */
|
|
9918
|
+
children: /* @__PURE__ */ jsx236(
|
|
9805
9919
|
MenuItemButton,
|
|
9806
9920
|
{
|
|
9807
9921
|
...props,
|
|
9808
|
-
rightIcon: /* @__PURE__ */
|
|
9922
|
+
rightIcon: /* @__PURE__ */ jsx236(DropdownMenuItemIndicator, { children: indicator })
|
|
9809
9923
|
}
|
|
9810
9924
|
)
|
|
9811
9925
|
}
|
|
@@ -9817,9 +9931,9 @@ RadioMenuItem.displayName = "RadioMenuItem";
|
|
|
9817
9931
|
import {
|
|
9818
9932
|
DropdownMenuCheckboxItem
|
|
9819
9933
|
} from "@radix-ui/react-dropdown-menu";
|
|
9820
|
-
import { jsx as
|
|
9934
|
+
import { jsx as jsx237, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
9821
9935
|
var CheckboxIndicator = ({ checked, ...props }) => {
|
|
9822
|
-
return checked ? /* @__PURE__ */
|
|
9936
|
+
return checked ? /* @__PURE__ */ jsxs28(
|
|
9823
9937
|
"svg",
|
|
9824
9938
|
{
|
|
9825
9939
|
...props,
|
|
@@ -9829,14 +9943,14 @@ var CheckboxIndicator = ({ checked, ...props }) => {
|
|
|
9829
9943
|
width: "24",
|
|
9830
9944
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9831
9945
|
children: [
|
|
9832
|
-
/* @__PURE__ */
|
|
9946
|
+
/* @__PURE__ */ jsx237(
|
|
9833
9947
|
"path",
|
|
9834
9948
|
{
|
|
9835
9949
|
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",
|
|
9836
9950
|
fill: "#2949e5"
|
|
9837
9951
|
}
|
|
9838
9952
|
),
|
|
9839
|
-
/* @__PURE__ */
|
|
9953
|
+
/* @__PURE__ */ jsx237(
|
|
9840
9954
|
"path",
|
|
9841
9955
|
{
|
|
9842
9956
|
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",
|
|
@@ -9845,7 +9959,7 @@ var CheckboxIndicator = ({ checked, ...props }) => {
|
|
|
9845
9959
|
)
|
|
9846
9960
|
]
|
|
9847
9961
|
}
|
|
9848
|
-
) : /* @__PURE__ */
|
|
9962
|
+
) : /* @__PURE__ */ jsxs28(
|
|
9849
9963
|
"svg",
|
|
9850
9964
|
{
|
|
9851
9965
|
...props,
|
|
@@ -9855,14 +9969,14 @@ var CheckboxIndicator = ({ checked, ...props }) => {
|
|
|
9855
9969
|
width: "24",
|
|
9856
9970
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9857
9971
|
children: [
|
|
9858
|
-
/* @__PURE__ */
|
|
9972
|
+
/* @__PURE__ */ jsx237(
|
|
9859
9973
|
"path",
|
|
9860
9974
|
{
|
|
9861
9975
|
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",
|
|
9862
9976
|
fill: "#fcfcfd"
|
|
9863
9977
|
}
|
|
9864
9978
|
),
|
|
9865
|
-
/* @__PURE__ */
|
|
9979
|
+
/* @__PURE__ */ jsx237(
|
|
9866
9980
|
"path",
|
|
9867
9981
|
{
|
|
9868
9982
|
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",
|
|
@@ -9879,18 +9993,18 @@ var CheckboxMenuItem = ({
|
|
|
9879
9993
|
onCheckedChange,
|
|
9880
9994
|
...props
|
|
9881
9995
|
}) => {
|
|
9882
|
-
return /* @__PURE__ */
|
|
9996
|
+
return /* @__PURE__ */ jsx237(
|
|
9883
9997
|
DropdownMenuCheckboxItem,
|
|
9884
9998
|
{
|
|
9885
9999
|
asChild: true,
|
|
9886
10000
|
checked,
|
|
9887
10001
|
onCheckedChange,
|
|
9888
10002
|
onSelect,
|
|
9889
|
-
children: /* @__PURE__ */
|
|
10003
|
+
children: /* @__PURE__ */ jsx237(
|
|
9890
10004
|
MenuItemButton,
|
|
9891
10005
|
{
|
|
9892
10006
|
...props,
|
|
9893
|
-
leftIcon: /* @__PURE__ */
|
|
10007
|
+
leftIcon: /* @__PURE__ */ jsx237(CheckboxIndicator, { checked })
|
|
9894
10008
|
}
|
|
9895
10009
|
)
|
|
9896
10010
|
}
|
|
@@ -9911,24 +10025,24 @@ import { Title as DialogTitle } from "@radix-ui/react-dialog";
|
|
|
9911
10025
|
// src/components/Modal/ModalCloseButton.tsx
|
|
9912
10026
|
import styled42 from "styled-components";
|
|
9913
10027
|
import { Close as DialogClose } from "@radix-ui/react-dialog";
|
|
9914
|
-
import { jsx as
|
|
10028
|
+
import { jsx as jsx238 } from "react/jsx-runtime";
|
|
9915
10029
|
var CloseButton = styled42(DialogClose)`
|
|
9916
10030
|
align-self: start;
|
|
9917
10031
|
`;
|
|
9918
10032
|
var ModalCloseButton = () => {
|
|
9919
|
-
return /* @__PURE__ */
|
|
10033
|
+
return /* @__PURE__ */ jsx238(CloseButton, { asChild: true, children: /* @__PURE__ */ jsx238(
|
|
9920
10034
|
IconButton,
|
|
9921
10035
|
{
|
|
9922
10036
|
label: "Dismiss modal",
|
|
9923
10037
|
size: "sm",
|
|
9924
10038
|
variant: "ghost",
|
|
9925
|
-
children: /* @__PURE__ */
|
|
10039
|
+
children: /* @__PURE__ */ jsx238(Icon, { type: "close" })
|
|
9926
10040
|
}
|
|
9927
10041
|
) });
|
|
9928
10042
|
};
|
|
9929
10043
|
|
|
9930
10044
|
// src/components/Modal/ModalHeader.tsx
|
|
9931
|
-
import { jsx as
|
|
10045
|
+
import { jsx as jsx239, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
9932
10046
|
var Header = styled43.header`
|
|
9933
10047
|
display: flex;
|
|
9934
10048
|
order: 1;
|
|
@@ -9951,10 +10065,10 @@ var ModalHeader = ({
|
|
|
9951
10065
|
hideTitle,
|
|
9952
10066
|
hideCloseButton
|
|
9953
10067
|
}) => {
|
|
9954
|
-
const TitleComponent = hideTitle ? /* @__PURE__ */
|
|
9955
|
-
return /* @__PURE__ */
|
|
10068
|
+
const TitleComponent = hideTitle ? /* @__PURE__ */ jsx239(ScreenReaderOnly, { children: /* @__PURE__ */ jsx239(Title, { children: title }) }) : /* @__PURE__ */ jsx239(Title, { children: title });
|
|
10069
|
+
return /* @__PURE__ */ jsxs29(Header, { $hideTitle: hideTitle, children: [
|
|
9956
10070
|
TitleComponent,
|
|
9957
|
-
hideCloseButton ? null : /* @__PURE__ */
|
|
10071
|
+
hideCloseButton ? null : /* @__PURE__ */ jsx239(ModalCloseButton, {})
|
|
9958
10072
|
] });
|
|
9959
10073
|
};
|
|
9960
10074
|
|
|
@@ -9983,7 +10097,7 @@ var useFocusRestore = () => {
|
|
|
9983
10097
|
};
|
|
9984
10098
|
|
|
9985
10099
|
// src/components/Modal/ModalContent.tsx
|
|
9986
|
-
import { jsx as
|
|
10100
|
+
import { jsx as jsx240 } from "react/jsx-runtime";
|
|
9987
10101
|
var StyledModalContent = styled44(DialogContent)`
|
|
9988
10102
|
background-color: var(--wui-color-bg-app);
|
|
9989
10103
|
box-sizing: border-box;
|
|
@@ -10028,7 +10142,7 @@ var StyledModalContent = styled44(DialogContent)`
|
|
|
10028
10142
|
var ModalContent = forwardRef15(
|
|
10029
10143
|
({ fullHeight, width, children, ...otherProps }, ref) => {
|
|
10030
10144
|
useFocusRestore();
|
|
10031
|
-
return /* @__PURE__ */
|
|
10145
|
+
return /* @__PURE__ */ jsx240(
|
|
10032
10146
|
StyledModalContent,
|
|
10033
10147
|
{
|
|
10034
10148
|
ref,
|
|
@@ -10045,7 +10159,7 @@ var ModalContent = forwardRef15(
|
|
|
10045
10159
|
// src/private/components/Backdrop/Backdrop.tsx
|
|
10046
10160
|
import { forwardRef as forwardRef16 } from "react";
|
|
10047
10161
|
import styled45 from "styled-components";
|
|
10048
|
-
import { jsx as
|
|
10162
|
+
import { jsx as jsx241 } from "react/jsx-runtime";
|
|
10049
10163
|
var backdropAnimationDuration = 150;
|
|
10050
10164
|
var alignVerticalMap = {
|
|
10051
10165
|
stretch: "normal",
|
|
@@ -10082,7 +10196,7 @@ var BackdropComponent = styled45.div`
|
|
|
10082
10196
|
}
|
|
10083
10197
|
`;
|
|
10084
10198
|
var Backdrop = forwardRef16(
|
|
10085
|
-
({ alignHorizontal = "center", alignVertical = "center", children, ...otherProps }, ref) => /* @__PURE__ */
|
|
10199
|
+
({ alignHorizontal = "center", alignVertical = "center", children, ...otherProps }, ref) => /* @__PURE__ */ jsx241(
|
|
10086
10200
|
BackdropComponent,
|
|
10087
10201
|
{
|
|
10088
10202
|
ref,
|
|
@@ -10096,7 +10210,7 @@ var Backdrop = forwardRef16(
|
|
|
10096
10210
|
Backdrop.displayName = "Backdrop";
|
|
10097
10211
|
|
|
10098
10212
|
// src/components/Modal/Modal.tsx
|
|
10099
|
-
import { jsx as
|
|
10213
|
+
import { jsx as jsx242, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
10100
10214
|
var DEFAULT_MODAL_WIDTH = "532px";
|
|
10101
10215
|
var ModalBody = styled46.div`
|
|
10102
10216
|
flex-direction: column;
|
|
@@ -10116,7 +10230,7 @@ var Modal = forwardRef17(
|
|
|
10116
10230
|
width = DEFAULT_MODAL_WIDTH,
|
|
10117
10231
|
...props
|
|
10118
10232
|
}, ref) => {
|
|
10119
|
-
return /* @__PURE__ */
|
|
10233
|
+
return /* @__PURE__ */ jsx242(
|
|
10120
10234
|
DialogRoot,
|
|
10121
10235
|
{
|
|
10122
10236
|
onOpenChange: (open2) => {
|
|
@@ -10125,9 +10239,9 @@ var Modal = forwardRef17(
|
|
|
10125
10239
|
}
|
|
10126
10240
|
},
|
|
10127
10241
|
open: isOpen,
|
|
10128
|
-
children: /* @__PURE__ */
|
|
10129
|
-
/* @__PURE__ */
|
|
10130
|
-
/* @__PURE__ */
|
|
10242
|
+
children: /* @__PURE__ */ jsxs30(DialogPortal, { children: [
|
|
10243
|
+
/* @__PURE__ */ jsx242(Backdrop, {}),
|
|
10244
|
+
/* @__PURE__ */ jsxs30(
|
|
10131
10245
|
ModalContent,
|
|
10132
10246
|
{
|
|
10133
10247
|
ref,
|
|
@@ -10143,8 +10257,8 @@ var Modal = forwardRef17(
|
|
|
10143
10257
|
width,
|
|
10144
10258
|
...props,
|
|
10145
10259
|
children: [
|
|
10146
|
-
/* @__PURE__ */
|
|
10147
|
-
/* @__PURE__ */
|
|
10260
|
+
/* @__PURE__ */ jsx242(ModalBody, { children }),
|
|
10261
|
+
/* @__PURE__ */ jsx242(
|
|
10148
10262
|
ModalHeader,
|
|
10149
10263
|
{
|
|
10150
10264
|
hideCloseButton,
|
|
@@ -10173,7 +10287,7 @@ var getControlProps = (isOpen, onOpenChange) => {
|
|
|
10173
10287
|
};
|
|
10174
10288
|
|
|
10175
10289
|
// src/components/Popover/Popover.tsx
|
|
10176
|
-
import { jsx as
|
|
10290
|
+
import { jsx as jsx243, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
10177
10291
|
var StyledContent2 = styled47(Content2)`
|
|
10178
10292
|
${({ $unstyled }) => !$unstyled && css28`
|
|
10179
10293
|
border-radius: var(--wui-border-radius-02);
|
|
@@ -10199,25 +10313,25 @@ var Popover = ({
|
|
|
10199
10313
|
unstyled = false,
|
|
10200
10314
|
...props
|
|
10201
10315
|
}) => {
|
|
10202
|
-
return /* @__PURE__ */
|
|
10203
|
-
/* @__PURE__ */
|
|
10204
|
-
/* @__PURE__ */
|
|
10316
|
+
return /* @__PURE__ */ jsxs31(Root2, { ...getControlProps(isOpen, onOpenChange), children: [
|
|
10317
|
+
/* @__PURE__ */ jsx243(Trigger2, { asChild: true, children: trigger }),
|
|
10318
|
+
/* @__PURE__ */ jsx243(Portal, { children: /* @__PURE__ */ jsxs31(
|
|
10205
10319
|
StyledContent2,
|
|
10206
10320
|
{
|
|
10207
10321
|
sideOffset: 8,
|
|
10208
10322
|
...props,
|
|
10209
10323
|
$unstyled: unstyled,
|
|
10210
10324
|
children: [
|
|
10211
|
-
!hideCloseButton && /* @__PURE__ */
|
|
10325
|
+
!hideCloseButton && /* @__PURE__ */ jsx243(Close, { asChild: true, children: /* @__PURE__ */ jsx243(
|
|
10212
10326
|
IconButton,
|
|
10213
10327
|
{
|
|
10214
10328
|
"data-wui-popover-close": true,
|
|
10215
10329
|
label: "Close",
|
|
10216
10330
|
variant: "ghost",
|
|
10217
|
-
children: /* @__PURE__ */
|
|
10331
|
+
children: /* @__PURE__ */ jsx243(Icon, { type: "close" })
|
|
10218
10332
|
}
|
|
10219
10333
|
) }),
|
|
10220
|
-
/* @__PURE__ */
|
|
10334
|
+
/* @__PURE__ */ jsx243("div", { children })
|
|
10221
10335
|
]
|
|
10222
10336
|
}
|
|
10223
10337
|
) })
|
|
@@ -10229,7 +10343,7 @@ Popover.displayName = "Popover";
|
|
|
10229
10343
|
import styled48 from "styled-components";
|
|
10230
10344
|
import { Root as ProgressRoot, Indicator as ProgressIndicator } from "@radix-ui/react-progress";
|
|
10231
10345
|
import { isNotNil as isNotNil20 } from "@wistia/type-guards";
|
|
10232
|
-
import { jsx as
|
|
10346
|
+
import { jsx as jsx244, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
10233
10347
|
var ProgressBarWrapper = styled48.div`
|
|
10234
10348
|
--progress-bar-height: 8px;
|
|
10235
10349
|
--progress-bar-indicator-color: var(--wui-color-bg-fill);
|
|
@@ -10282,15 +10396,15 @@ var ProgressBar = ({
|
|
|
10282
10396
|
labelRight,
|
|
10283
10397
|
...props
|
|
10284
10398
|
}) => {
|
|
10285
|
-
return /* @__PURE__ */
|
|
10286
|
-
isNotNil20(labelLeft) ? /* @__PURE__ */
|
|
10287
|
-
/* @__PURE__ */
|
|
10399
|
+
return /* @__PURE__ */ jsxs32(ProgressBarWrapper, { children: [
|
|
10400
|
+
isNotNil20(labelLeft) ? /* @__PURE__ */ jsx244(ProgressBarLabel, { children: labelLeft }) : null,
|
|
10401
|
+
/* @__PURE__ */ jsx244(
|
|
10288
10402
|
StyledProgressBar,
|
|
10289
10403
|
{
|
|
10290
10404
|
max,
|
|
10291
10405
|
value: progress,
|
|
10292
10406
|
...props,
|
|
10293
|
-
children: /* @__PURE__ */
|
|
10407
|
+
children: /* @__PURE__ */ jsx244(
|
|
10294
10408
|
StyledProgressIndicator,
|
|
10295
10409
|
{
|
|
10296
10410
|
$max: max,
|
|
@@ -10299,7 +10413,7 @@ var ProgressBar = ({
|
|
|
10299
10413
|
)
|
|
10300
10414
|
}
|
|
10301
10415
|
),
|
|
10302
|
-
isNotNil20(labelRight) ? /* @__PURE__ */
|
|
10416
|
+
isNotNil20(labelRight) ? /* @__PURE__ */ jsx244(ProgressBarLabel, { children: labelRight }) : null
|
|
10303
10417
|
] });
|
|
10304
10418
|
};
|
|
10305
10419
|
ProgressBar.displayName = "ProgressBar";
|
|
@@ -10308,8 +10422,8 @@ ProgressBar.displayName = "ProgressBar";
|
|
|
10308
10422
|
import { forwardRef as forwardRef18, useId as useId3 } from "react";
|
|
10309
10423
|
import styled49, { css as css29 } from "styled-components";
|
|
10310
10424
|
import { isNonEmptyString as isNonEmptyString3 } from "@wistia/type-guards";
|
|
10311
|
-
import { jsx as
|
|
10312
|
-
var RadioIcon = () => /* @__PURE__ */
|
|
10425
|
+
import { jsx as jsx245, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
10426
|
+
var RadioIcon = () => /* @__PURE__ */ jsx245(
|
|
10313
10427
|
"svg",
|
|
10314
10428
|
{
|
|
10315
10429
|
fill: "inherit",
|
|
@@ -10317,7 +10431,7 @@ var RadioIcon = () => /* @__PURE__ */ jsx241(
|
|
|
10317
10431
|
viewBox: "0 0 1 1",
|
|
10318
10432
|
width: "1",
|
|
10319
10433
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10320
|
-
children: /* @__PURE__ */
|
|
10434
|
+
children: /* @__PURE__ */ jsx245(
|
|
10321
10435
|
"circle",
|
|
10322
10436
|
{
|
|
10323
10437
|
cx: "0.5",
|
|
@@ -10425,13 +10539,13 @@ var Radio = forwardRef18(
|
|
|
10425
10539
|
}, ref) => {
|
|
10426
10540
|
const generatedId = useId3();
|
|
10427
10541
|
const computedId = isNonEmptyString3(id) ? id : `wistia-ui-radio-${generatedId}`;
|
|
10428
|
-
return /* @__PURE__ */
|
|
10542
|
+
return /* @__PURE__ */ jsxs33(
|
|
10429
10543
|
StyledRadioWrapper,
|
|
10430
10544
|
{
|
|
10431
10545
|
$disabled: disabled,
|
|
10432
10546
|
"aria-invalid": props["aria-invalid"],
|
|
10433
10547
|
children: [
|
|
10434
|
-
/* @__PURE__ */
|
|
10548
|
+
/* @__PURE__ */ jsx245(
|
|
10435
10549
|
StyledHiddenRadioInput,
|
|
10436
10550
|
{
|
|
10437
10551
|
...props,
|
|
@@ -10446,16 +10560,16 @@ var Radio = forwardRef18(
|
|
|
10446
10560
|
value
|
|
10447
10561
|
}
|
|
10448
10562
|
),
|
|
10449
|
-
/* @__PURE__ */
|
|
10563
|
+
/* @__PURE__ */ jsx245(
|
|
10450
10564
|
FormControlLabel,
|
|
10451
10565
|
{
|
|
10452
|
-
controlSlot: /* @__PURE__ */
|
|
10566
|
+
controlSlot: /* @__PURE__ */ jsx245(
|
|
10453
10567
|
StyledRadioInput,
|
|
10454
10568
|
{
|
|
10455
10569
|
$disabled: disabled,
|
|
10456
10570
|
$size: size,
|
|
10457
10571
|
"data-wui-faux-input": "true",
|
|
10458
|
-
children: /* @__PURE__ */
|
|
10572
|
+
children: /* @__PURE__ */ jsx245(RadioIcon, {})
|
|
10459
10573
|
}
|
|
10460
10574
|
),
|
|
10461
10575
|
description,
|
|
@@ -10480,7 +10594,7 @@ import { isNil as isNil14 } from "@wistia/type-guards";
|
|
|
10480
10594
|
|
|
10481
10595
|
// src/components/SegmentedControl/useSelectedItemMeasurements.tsx
|
|
10482
10596
|
import { createContext as createContext6, useContext as useContext5, useMemo as useMemo8, useState as useState10 } from "react";
|
|
10483
|
-
import { jsx as
|
|
10597
|
+
import { jsx as jsx246 } from "react/jsx-runtime";
|
|
10484
10598
|
var SelectedItemMeasurementsContext = createContext6(
|
|
10485
10599
|
null
|
|
10486
10600
|
);
|
|
@@ -10495,7 +10609,7 @@ var SelectedItemMeasurementsProvider = ({
|
|
|
10495
10609
|
}),
|
|
10496
10610
|
[selectedItemMeasurements]
|
|
10497
10611
|
);
|
|
10498
|
-
return /* @__PURE__ */
|
|
10612
|
+
return /* @__PURE__ */ jsx246(SelectedItemMeasurementsContext.Provider, { value: contextValue, children });
|
|
10499
10613
|
};
|
|
10500
10614
|
var useSelectedItemMeasurements = () => {
|
|
10501
10615
|
const context = useContext5(SelectedItemMeasurementsContext);
|
|
@@ -10524,7 +10638,7 @@ var useSegmentedControlValue = () => {
|
|
|
10524
10638
|
};
|
|
10525
10639
|
|
|
10526
10640
|
// src/components/SegmentedControl/SelectedItemIndicator.tsx
|
|
10527
|
-
import { jsx as
|
|
10641
|
+
import { jsx as jsx247 } from "react/jsx-runtime";
|
|
10528
10642
|
var SelectedItemIndicatorDiv = styled50.div`
|
|
10529
10643
|
background-color: var(--wui-color-bg-fill-white);
|
|
10530
10644
|
border-radius: var(--wui-border-radius-rounded);
|
|
@@ -10551,7 +10665,7 @@ var SelectedItemIndicator = () => {
|
|
|
10551
10665
|
if (!selectedValue) {
|
|
10552
10666
|
return null;
|
|
10553
10667
|
}
|
|
10554
|
-
return /* @__PURE__ */
|
|
10668
|
+
return /* @__PURE__ */ jsx247(
|
|
10555
10669
|
SelectedItemIndicatorDiv,
|
|
10556
10670
|
{
|
|
10557
10671
|
style: {
|
|
@@ -10564,7 +10678,7 @@ var SelectedItemIndicator = () => {
|
|
|
10564
10678
|
};
|
|
10565
10679
|
|
|
10566
10680
|
// src/components/SegmentedControl/SegmentedControl.tsx
|
|
10567
|
-
import { jsx as
|
|
10681
|
+
import { jsx as jsx248, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
10568
10682
|
var segmentedControlStyles = css30`
|
|
10569
10683
|
display: inline-flex;
|
|
10570
10684
|
background-color: var(--wui-color-bg-surface-secondary);
|
|
@@ -10590,7 +10704,7 @@ var SegmentedControl = forwardRef19(
|
|
|
10590
10704
|
if (isNil14(children)) {
|
|
10591
10705
|
return null;
|
|
10592
10706
|
}
|
|
10593
|
-
return /* @__PURE__ */
|
|
10707
|
+
return /* @__PURE__ */ jsx248(
|
|
10594
10708
|
StyledSegmentedControl,
|
|
10595
10709
|
{
|
|
10596
10710
|
ref,
|
|
@@ -10602,8 +10716,8 @@ var SegmentedControl = forwardRef19(
|
|
|
10602
10716
|
type: "single",
|
|
10603
10717
|
value: selectedValue,
|
|
10604
10718
|
...props,
|
|
10605
|
-
children: /* @__PURE__ */
|
|
10606
|
-
/* @__PURE__ */
|
|
10719
|
+
children: /* @__PURE__ */ jsx248(SegmentedControlValueProvider, { value: selectedValue, children: /* @__PURE__ */ jsxs34(SelectedItemMeasurementsProvider, { children: [
|
|
10720
|
+
/* @__PURE__ */ jsx248(SelectedItemIndicator, {}),
|
|
10607
10721
|
children
|
|
10608
10722
|
] }) })
|
|
10609
10723
|
}
|
|
@@ -10633,7 +10747,7 @@ var mergeRefs = (refs) => (value) => {
|
|
|
10633
10747
|
};
|
|
10634
10748
|
|
|
10635
10749
|
// src/components/SegmentedControl/SegmentedControlItem.tsx
|
|
10636
|
-
import { jsxs as
|
|
10750
|
+
import { jsxs as jsxs35 } from "react/jsx-runtime";
|
|
10637
10751
|
var segmentedControlItemStyles = css31`
|
|
10638
10752
|
all: unset; /* ToggleGroupItem is a button element */
|
|
10639
10753
|
align-items: center;
|
|
@@ -10734,7 +10848,7 @@ var SegmentedControlItem = forwardRef20(
|
|
|
10734
10848
|
resizeObserver.disconnect();
|
|
10735
10849
|
};
|
|
10736
10850
|
}, [selectedValue, setSelectedItemMeasurements, value]);
|
|
10737
|
-
return /* @__PURE__ */
|
|
10851
|
+
return /* @__PURE__ */ jsxs35(
|
|
10738
10852
|
StyledSegmentedControlItem,
|
|
10739
10853
|
{
|
|
10740
10854
|
ref: combinedRef,
|
|
@@ -10766,7 +10880,7 @@ import {
|
|
|
10766
10880
|
} from "@radix-ui/react-select";
|
|
10767
10881
|
import { forwardRef as forwardRef21 } from "react";
|
|
10768
10882
|
import styled53 from "styled-components";
|
|
10769
|
-
import { jsx as
|
|
10883
|
+
import { jsx as jsx249, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
10770
10884
|
var StyledTrigger = styled53(Trigger3)`
|
|
10771
10885
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
10772
10886
|
--wui-select-color-bg: var(--wui-color-bg-surface);
|
|
@@ -10843,13 +10957,13 @@ var Select = forwardRef21(
|
|
|
10843
10957
|
...props
|
|
10844
10958
|
}, forwardedRef) => {
|
|
10845
10959
|
const responsiveFullWidth = useResponsiveProp(fullWidth);
|
|
10846
|
-
return /* @__PURE__ */
|
|
10960
|
+
return /* @__PURE__ */ jsxs36(
|
|
10847
10961
|
Root3,
|
|
10848
10962
|
{
|
|
10849
10963
|
...props,
|
|
10850
10964
|
onValueChange: onChange,
|
|
10851
10965
|
children: [
|
|
10852
|
-
/* @__PURE__ */
|
|
10966
|
+
/* @__PURE__ */ jsxs36(
|
|
10853
10967
|
StyledTrigger,
|
|
10854
10968
|
{
|
|
10855
10969
|
ref: forwardedRef,
|
|
@@ -10857,8 +10971,8 @@ var Select = forwardRef21(
|
|
|
10857
10971
|
$fullWidth: responsiveFullWidth,
|
|
10858
10972
|
...props,
|
|
10859
10973
|
children: [
|
|
10860
|
-
/* @__PURE__ */
|
|
10861
|
-
/* @__PURE__ */
|
|
10974
|
+
/* @__PURE__ */ jsx249(Value, { placeholder }),
|
|
10975
|
+
/* @__PURE__ */ jsx249(
|
|
10862
10976
|
Icon,
|
|
10863
10977
|
{
|
|
10864
10978
|
size: "md",
|
|
@@ -10868,10 +10982,10 @@ var Select = forwardRef21(
|
|
|
10868
10982
|
]
|
|
10869
10983
|
}
|
|
10870
10984
|
),
|
|
10871
|
-
/* @__PURE__ */
|
|
10872
|
-
/* @__PURE__ */
|
|
10873
|
-
/* @__PURE__ */
|
|
10874
|
-
/* @__PURE__ */
|
|
10985
|
+
/* @__PURE__ */ jsx249(Portal2, { children: /* @__PURE__ */ jsxs36(StyledContent3, { position: "popper", children: [
|
|
10986
|
+
/* @__PURE__ */ jsx249(ScrollUpButton, { children: /* @__PURE__ */ jsx249(Icon, { type: "caret-up" }) }),
|
|
10987
|
+
/* @__PURE__ */ jsx249(Viewport, { children }),
|
|
10988
|
+
/* @__PURE__ */ jsx249(ScrollDownButton, { children: /* @__PURE__ */ jsx249(Icon, { type: "caret-down" }) })
|
|
10875
10989
|
] }) })
|
|
10876
10990
|
]
|
|
10877
10991
|
}
|
|
@@ -10884,7 +10998,7 @@ Select.displayName = "Select";
|
|
|
10884
10998
|
import { Item, ItemText, ItemIndicator } from "@radix-ui/react-select";
|
|
10885
10999
|
import { forwardRef as forwardRef22 } from "react";
|
|
10886
11000
|
import styled54 from "styled-components";
|
|
10887
|
-
import { jsx as
|
|
11001
|
+
import { jsx as jsx250, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
10888
11002
|
var StyledItem = styled54(Item)`
|
|
10889
11003
|
${variantStyleMap2.body3};
|
|
10890
11004
|
display: flex;
|
|
@@ -10913,20 +11027,20 @@ var StyledIconContainer = styled54.span`
|
|
|
10913
11027
|
`;
|
|
10914
11028
|
var SelectOption = forwardRef22(
|
|
10915
11029
|
({ children, ...props }, forwardedRef) => {
|
|
10916
|
-
return /* @__PURE__ */
|
|
11030
|
+
return /* @__PURE__ */ jsxs37(
|
|
10917
11031
|
StyledItem,
|
|
10918
11032
|
{
|
|
10919
11033
|
...props,
|
|
10920
11034
|
ref: forwardedRef,
|
|
10921
11035
|
children: [
|
|
10922
|
-
/* @__PURE__ */
|
|
11036
|
+
/* @__PURE__ */ jsx250(StyledIconContainer, { children: /* @__PURE__ */ jsx250(ItemIndicator, { children: /* @__PURE__ */ jsx250(
|
|
10923
11037
|
Icon,
|
|
10924
11038
|
{
|
|
10925
11039
|
size: "sm",
|
|
10926
11040
|
type: "checkmark"
|
|
10927
11041
|
}
|
|
10928
11042
|
) }) }),
|
|
10929
|
-
/* @__PURE__ */
|
|
11043
|
+
/* @__PURE__ */ jsx250(ItemText, { children })
|
|
10930
11044
|
]
|
|
10931
11045
|
}
|
|
10932
11046
|
);
|
|
@@ -10937,13 +11051,13 @@ SelectOption.displayName = "Option";
|
|
|
10937
11051
|
// src/components/Select/SelectOptionGroup.tsx
|
|
10938
11052
|
import { Group, Label as Label2 } from "@radix-ui/react-select";
|
|
10939
11053
|
import styled55 from "styled-components";
|
|
10940
|
-
import { jsx as
|
|
11054
|
+
import { jsx as jsx251, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
10941
11055
|
var StyledLabel4 = styled55(Label2)`
|
|
10942
11056
|
padding: var(--wui-select-option-padding);
|
|
10943
11057
|
`;
|
|
10944
11058
|
var SelectOptionGroup = ({ children, label, ...props }) => {
|
|
10945
|
-
return /* @__PURE__ */
|
|
10946
|
-
/* @__PURE__ */
|
|
11059
|
+
return /* @__PURE__ */ jsxs38(Group, { ...props, children: [
|
|
11060
|
+
/* @__PURE__ */ jsx251(StyledLabel4, { children: /* @__PURE__ */ jsx251(
|
|
10947
11061
|
Text,
|
|
10948
11062
|
{
|
|
10949
11063
|
prominence: "secondary",
|
|
@@ -10959,7 +11073,7 @@ var SelectOptionGroup = ({ children, label, ...props }) => {
|
|
|
10959
11073
|
import { forwardRef as forwardRef23, useId as useId4 } from "react";
|
|
10960
11074
|
import styled56, { css as css32 } from "styled-components";
|
|
10961
11075
|
import { isNonEmptyString as isNonEmptyString4 } from "@wistia/type-guards";
|
|
10962
|
-
import { jsx as
|
|
11076
|
+
import { jsx as jsx252, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
10963
11077
|
var sizeSmall3 = css32`
|
|
10964
11078
|
--wui-size-small-width: 24px;
|
|
10965
11079
|
--wui-size-small-height: 14px;
|
|
@@ -11078,8 +11192,8 @@ var Switch = forwardRef23(
|
|
|
11078
11192
|
}, ref) => {
|
|
11079
11193
|
const generatedId = useId4();
|
|
11080
11194
|
const computedId = isNonEmptyString4(id) ? id : `wistia-ui-switch-${generatedId}`;
|
|
11081
|
-
return /* @__PURE__ */
|
|
11082
|
-
/* @__PURE__ */
|
|
11195
|
+
return /* @__PURE__ */ jsxs39(StyledSwitchWrapper, { $disabled: disabled, children: [
|
|
11196
|
+
/* @__PURE__ */ jsx252(
|
|
11083
11197
|
StyledHiddenSwitchInput,
|
|
11084
11198
|
{
|
|
11085
11199
|
...props,
|
|
@@ -11094,10 +11208,10 @@ var Switch = forwardRef23(
|
|
|
11094
11208
|
value
|
|
11095
11209
|
}
|
|
11096
11210
|
),
|
|
11097
|
-
/* @__PURE__ */
|
|
11211
|
+
/* @__PURE__ */ jsx252(
|
|
11098
11212
|
FormControlLabel,
|
|
11099
11213
|
{
|
|
11100
|
-
controlSlot: /* @__PURE__ */
|
|
11214
|
+
controlSlot: /* @__PURE__ */ jsx252(
|
|
11101
11215
|
StyledSwitchInput,
|
|
11102
11216
|
{
|
|
11103
11217
|
$disabled: disabled,
|
|
@@ -11120,7 +11234,7 @@ Switch.displayName = "Switch";
|
|
|
11120
11234
|
|
|
11121
11235
|
// src/components/Table/Table.tsx
|
|
11122
11236
|
import styled57, { css as css33 } from "styled-components";
|
|
11123
|
-
import { jsx as
|
|
11237
|
+
import { jsx as jsx253 } from "react/jsx-runtime";
|
|
11124
11238
|
var StyledTable = styled57.table`
|
|
11125
11239
|
width: 100%;
|
|
11126
11240
|
border-collapse: collapse;
|
|
@@ -11143,7 +11257,7 @@ var Table = ({
|
|
|
11143
11257
|
divided = false,
|
|
11144
11258
|
...props
|
|
11145
11259
|
}) => {
|
|
11146
|
-
return /* @__PURE__ */
|
|
11260
|
+
return /* @__PURE__ */ jsx253(
|
|
11147
11261
|
StyledTable,
|
|
11148
11262
|
{
|
|
11149
11263
|
$divided: divided,
|
|
@@ -11162,16 +11276,16 @@ import { createContext as createContext8 } from "react";
|
|
|
11162
11276
|
var TableSectionContext = createContext8(null);
|
|
11163
11277
|
|
|
11164
11278
|
// src/components/Table/TableBody.tsx
|
|
11165
|
-
import { jsx as
|
|
11279
|
+
import { jsx as jsx254 } from "react/jsx-runtime";
|
|
11166
11280
|
var StyledTbody = styled58.tbody``;
|
|
11167
11281
|
var TableBody = ({ children, ...props }) => {
|
|
11168
|
-
return /* @__PURE__ */
|
|
11282
|
+
return /* @__PURE__ */ jsx254(TableSectionContext.Provider, { value: "body", children: /* @__PURE__ */ jsx254(StyledTbody, { ...props, children }) });
|
|
11169
11283
|
};
|
|
11170
11284
|
|
|
11171
11285
|
// src/components/Table/TableCell.tsx
|
|
11172
11286
|
import { useContext as useContext7 } from "react";
|
|
11173
11287
|
import styled59, { css as css34 } from "styled-components";
|
|
11174
|
-
import { jsx as
|
|
11288
|
+
import { jsx as jsx255 } from "react/jsx-runtime";
|
|
11175
11289
|
var sharedStyles = css34`
|
|
11176
11290
|
color: var(--wui-color-text);
|
|
11177
11291
|
padding: var(--wui-space-02);
|
|
@@ -11192,33 +11306,33 @@ var StyledTd = styled59.td`
|
|
|
11192
11306
|
var TableCell = ({ children, ...props }) => {
|
|
11193
11307
|
const section = useContext7(TableSectionContext);
|
|
11194
11308
|
if (section === "head") {
|
|
11195
|
-
return /* @__PURE__ */
|
|
11309
|
+
return /* @__PURE__ */ jsx255(StyledTh, { ...props, children });
|
|
11196
11310
|
}
|
|
11197
|
-
return /* @__PURE__ */
|
|
11311
|
+
return /* @__PURE__ */ jsx255(StyledTd, { ...props, children });
|
|
11198
11312
|
};
|
|
11199
11313
|
|
|
11200
11314
|
// src/components/Table/TableFooter.tsx
|
|
11201
11315
|
import styled60 from "styled-components";
|
|
11202
|
-
import { jsx as
|
|
11316
|
+
import { jsx as jsx256 } from "react/jsx-runtime";
|
|
11203
11317
|
var StyledTfoot = styled60.tfoot``;
|
|
11204
11318
|
var TableFooter = ({ children, ...props }) => {
|
|
11205
|
-
return /* @__PURE__ */
|
|
11319
|
+
return /* @__PURE__ */ jsx256(TableSectionContext.Provider, { value: "footer", children: /* @__PURE__ */ jsx256(StyledTfoot, { ...props, children }) });
|
|
11206
11320
|
};
|
|
11207
11321
|
|
|
11208
11322
|
// src/components/Table/TableHead.tsx
|
|
11209
11323
|
import styled61 from "styled-components";
|
|
11210
|
-
import { jsx as
|
|
11324
|
+
import { jsx as jsx257 } from "react/jsx-runtime";
|
|
11211
11325
|
var StyledThead = styled61.thead``;
|
|
11212
11326
|
var TableHead = ({ children, ...props }) => {
|
|
11213
|
-
return /* @__PURE__ */
|
|
11327
|
+
return /* @__PURE__ */ jsx257(TableSectionContext.Provider, { value: "head", children: /* @__PURE__ */ jsx257(StyledThead, { ...props, children }) });
|
|
11214
11328
|
};
|
|
11215
11329
|
|
|
11216
11330
|
// src/components/Table/TableRow.tsx
|
|
11217
11331
|
import styled62 from "styled-components";
|
|
11218
|
-
import { jsx as
|
|
11332
|
+
import { jsx as jsx258 } from "react/jsx-runtime";
|
|
11219
11333
|
var StyledTr = styled62.tr``;
|
|
11220
11334
|
var TableRow = ({ children, ...props }) => {
|
|
11221
|
-
return /* @__PURE__ */
|
|
11335
|
+
return /* @__PURE__ */ jsx258(StyledTr, { ...props, children });
|
|
11222
11336
|
};
|
|
11223
11337
|
|
|
11224
11338
|
// src/components/Tabs/Tabs.tsx
|
|
@@ -11230,13 +11344,13 @@ import styled67 from "styled-components";
|
|
|
11230
11344
|
// src/components/Tabs/TabPanel.tsx
|
|
11231
11345
|
import styled63 from "styled-components";
|
|
11232
11346
|
import { Content as TabsContent } from "@radix-ui/react-tabs";
|
|
11233
|
-
import { jsx as
|
|
11347
|
+
import { jsx as jsx259 } from "react/jsx-runtime";
|
|
11234
11348
|
var StyledTabPanel = styled63(TabsContent)`
|
|
11235
11349
|
display: flex;
|
|
11236
11350
|
flex-direction: column;
|
|
11237
11351
|
`;
|
|
11238
11352
|
var TabPanel = ({ children, value, ...props }) => {
|
|
11239
|
-
return /* @__PURE__ */
|
|
11353
|
+
return /* @__PURE__ */ jsx259(
|
|
11240
11354
|
StyledTabPanel,
|
|
11241
11355
|
{
|
|
11242
11356
|
value,
|
|
@@ -11250,7 +11364,7 @@ TabPanel.displayName = "TabPanel";
|
|
|
11250
11364
|
// src/components/Tabs/TabList.tsx
|
|
11251
11365
|
import styled64 from "styled-components";
|
|
11252
11366
|
import { List as RadixTabList } from "@radix-ui/react-tabs";
|
|
11253
|
-
import { jsx as
|
|
11367
|
+
import { jsx as jsx260 } from "react/jsx-runtime";
|
|
11254
11368
|
var StyledTabList = styled64(RadixTabList)`
|
|
11255
11369
|
${segmentedControlStyles}
|
|
11256
11370
|
|
|
@@ -11264,7 +11378,7 @@ var TabList = ({
|
|
|
11264
11378
|
ariaLabel,
|
|
11265
11379
|
...props
|
|
11266
11380
|
}) => {
|
|
11267
|
-
return /* @__PURE__ */
|
|
11381
|
+
return /* @__PURE__ */ jsx260(
|
|
11268
11382
|
StyledTabList,
|
|
11269
11383
|
{
|
|
11270
11384
|
$fullWidth: fullWidth,
|
|
@@ -11295,7 +11409,7 @@ var useTabsValue = () => {
|
|
|
11295
11409
|
};
|
|
11296
11410
|
|
|
11297
11411
|
// src/components/Tabs/TabItem.tsx
|
|
11298
|
-
import { jsxs as
|
|
11412
|
+
import { jsxs as jsxs40 } from "react/jsx-runtime";
|
|
11299
11413
|
var StyledTabItem = styled65(RadixTab)`
|
|
11300
11414
|
${segmentedControlItemStyles}
|
|
11301
11415
|
|
|
@@ -11334,7 +11448,7 @@ var TabItem = forwardRef24(
|
|
|
11334
11448
|
resizeObserver.disconnect();
|
|
11335
11449
|
};
|
|
11336
11450
|
}, [selectedValue, setSelectedItemMeasurements, value]);
|
|
11337
|
-
return /* @__PURE__ */
|
|
11451
|
+
return /* @__PURE__ */ jsxs40(
|
|
11338
11452
|
StyledTabItem,
|
|
11339
11453
|
{
|
|
11340
11454
|
ref: combinedRef,
|
|
@@ -11377,7 +11491,7 @@ var extractTabItems = (children) => {
|
|
|
11377
11491
|
// src/components/Tabs/SelectedItemIndicator.tsx
|
|
11378
11492
|
import { useMemo as useMemo10 } from "react";
|
|
11379
11493
|
import styled66 from "styled-components";
|
|
11380
|
-
import { jsx as
|
|
11494
|
+
import { jsx as jsx261 } from "react/jsx-runtime";
|
|
11381
11495
|
var TabsSelectedItemIndicatorDiv = styled66(SelectedItemIndicatorDiv)`
|
|
11382
11496
|
&:has(~ ${StyledTabItem}:focus-visible) {
|
|
11383
11497
|
outline: 2px solid var(--wui-color-focus-ring);
|
|
@@ -11397,7 +11511,7 @@ var SelectedItemIndicator2 = () => {
|
|
|
11397
11511
|
if (selectedValue == null) {
|
|
11398
11512
|
return null;
|
|
11399
11513
|
}
|
|
11400
|
-
return /* @__PURE__ */
|
|
11514
|
+
return /* @__PURE__ */ jsx261(
|
|
11401
11515
|
TabsSelectedItemIndicatorDiv,
|
|
11402
11516
|
{
|
|
11403
11517
|
style: {
|
|
@@ -11410,7 +11524,7 @@ var SelectedItemIndicator2 = () => {
|
|
|
11410
11524
|
};
|
|
11411
11525
|
|
|
11412
11526
|
// src/components/Tabs/Tabs.tsx
|
|
11413
|
-
import { jsx as
|
|
11527
|
+
import { jsx as jsx262, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
11414
11528
|
var TabsContainer = styled67.div`
|
|
11415
11529
|
display: flex;
|
|
11416
11530
|
flex-direction: column;
|
|
@@ -11445,7 +11559,7 @@ var Tabs = forwardRef25(
|
|
|
11445
11559
|
onValueChange: setInternalSelectedValue
|
|
11446
11560
|
} : { value: selectedValue, onValueChange: onSelectedValueChange };
|
|
11447
11561
|
const currentValue = defaultSelectedValue !== void 0 ? internalSelectedValue : selectedValue;
|
|
11448
|
-
return /* @__PURE__ */
|
|
11562
|
+
return /* @__PURE__ */ jsx262(TabsContainer, { $stickyHeaders: stickyHeaders, children: /* @__PURE__ */ jsx262(
|
|
11449
11563
|
StyledTabsRoot,
|
|
11450
11564
|
{
|
|
11451
11565
|
ref,
|
|
@@ -11453,14 +11567,14 @@ var Tabs = forwardRef25(
|
|
|
11453
11567
|
activationMode: "automatic",
|
|
11454
11568
|
...otherProps,
|
|
11455
11569
|
...modeProps,
|
|
11456
|
-
children: /* @__PURE__ */
|
|
11457
|
-
/* @__PURE__ */
|
|
11570
|
+
children: /* @__PURE__ */ jsx262(TabsValueProvider, { value: currentValue, children: /* @__PURE__ */ jsxs41(SelectedItemMeasurementsProvider, { children: [
|
|
11571
|
+
/* @__PURE__ */ jsxs41(
|
|
11458
11572
|
TabList,
|
|
11459
11573
|
{
|
|
11460
11574
|
ariaLabel,
|
|
11461
11575
|
fullWidth,
|
|
11462
11576
|
children: [
|
|
11463
|
-
/* @__PURE__ */
|
|
11577
|
+
/* @__PURE__ */ jsx262(SelectedItemIndicator2, {}),
|
|
11464
11578
|
tabItems.map((tab) => {
|
|
11465
11579
|
const {
|
|
11466
11580
|
value,
|
|
@@ -11470,7 +11584,7 @@ var Tabs = forwardRef25(
|
|
|
11470
11584
|
"aria-label": ariaLabelForTab
|
|
11471
11585
|
} = tab.props;
|
|
11472
11586
|
if (isNil15(icon)) {
|
|
11473
|
-
return /* @__PURE__ */
|
|
11587
|
+
return /* @__PURE__ */ jsx262(
|
|
11474
11588
|
TabItem,
|
|
11475
11589
|
{
|
|
11476
11590
|
disabled,
|
|
@@ -11481,7 +11595,7 @@ var Tabs = forwardRef25(
|
|
|
11481
11595
|
);
|
|
11482
11596
|
}
|
|
11483
11597
|
if (isNotNil24(label)) {
|
|
11484
|
-
return /* @__PURE__ */
|
|
11598
|
+
return /* @__PURE__ */ jsx262(
|
|
11485
11599
|
TabItem,
|
|
11486
11600
|
{
|
|
11487
11601
|
disabled,
|
|
@@ -11493,7 +11607,7 @@ var Tabs = forwardRef25(
|
|
|
11493
11607
|
);
|
|
11494
11608
|
}
|
|
11495
11609
|
if (isNotNil24(ariaLabelForTab)) {
|
|
11496
|
-
return /* @__PURE__ */
|
|
11610
|
+
return /* @__PURE__ */ jsx262(
|
|
11497
11611
|
TabItem,
|
|
11498
11612
|
{
|
|
11499
11613
|
"aria-label": ariaLabelForTab,
|
|
@@ -11509,7 +11623,7 @@ var Tabs = forwardRef25(
|
|
|
11509
11623
|
]
|
|
11510
11624
|
}
|
|
11511
11625
|
),
|
|
11512
|
-
/* @__PURE__ */
|
|
11626
|
+
/* @__PURE__ */ jsx262(StickyTabContent, { $stickyHeaders: stickyHeaders, children: tabItems.map((tab) => /* @__PURE__ */ jsx262(
|
|
11513
11627
|
TabPanel,
|
|
11514
11628
|
{
|
|
11515
11629
|
value: tab.props.value,
|
|
@@ -11526,9 +11640,9 @@ Tabs.displayName = "Tabs";
|
|
|
11526
11640
|
|
|
11527
11641
|
// src/components/Tabs/Tab.tsx
|
|
11528
11642
|
import { forwardRef as forwardRef26 } from "react";
|
|
11529
|
-
import { jsx as
|
|
11643
|
+
import { jsx as jsx263 } from "react/jsx-runtime";
|
|
11530
11644
|
var Tab = forwardRef26(({ children }, ref) => {
|
|
11531
|
-
return /* @__PURE__ */
|
|
11645
|
+
return /* @__PURE__ */ jsx263("div", { ref, children });
|
|
11532
11646
|
});
|
|
11533
11647
|
Tab.displayName = "Tab";
|
|
11534
11648
|
|
|
@@ -11536,7 +11650,7 @@ Tab.displayName = "Tab";
|
|
|
11536
11650
|
import { forwardRef as forwardRef27 } from "react";
|
|
11537
11651
|
import styled68 from "styled-components";
|
|
11538
11652
|
import { isNil as isNil16, isNotNil as isNotNil25, isNonEmptyString as isNonEmptyString5 } from "@wistia/type-guards";
|
|
11539
|
-
import { Fragment as Fragment8, jsx as
|
|
11653
|
+
import { Fragment as Fragment8, jsx as jsx264, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
11540
11654
|
var TagLabel = styled68.a`
|
|
11541
11655
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
11542
11656
|
font-size: var(--wui-typography-label-4-size);
|
|
@@ -11628,23 +11742,23 @@ var RemoveButton = ({ onClickRemove, onClickRemoveLabel, colorScheme }) => {
|
|
|
11628
11742
|
"for accessibility, onClickRemoveLabel must be provided if onClickRemove is provided"
|
|
11629
11743
|
);
|
|
11630
11744
|
}
|
|
11631
|
-
return /* @__PURE__ */
|
|
11632
|
-
/* @__PURE__ */
|
|
11633
|
-
/* @__PURE__ */
|
|
11745
|
+
return /* @__PURE__ */ jsxs42(Fragment8, { children: [
|
|
11746
|
+
/* @__PURE__ */ jsx264(TagDivider, { $colorScheme: colorScheme }),
|
|
11747
|
+
/* @__PURE__ */ jsxs42(
|
|
11634
11748
|
StyledRemoveButton,
|
|
11635
11749
|
{
|
|
11636
11750
|
$colorScheme: colorScheme,
|
|
11637
11751
|
onClick: onClickRemove,
|
|
11638
11752
|
type: "button",
|
|
11639
11753
|
children: [
|
|
11640
|
-
/* @__PURE__ */
|
|
11754
|
+
/* @__PURE__ */ jsx264(
|
|
11641
11755
|
Icon,
|
|
11642
11756
|
{
|
|
11643
11757
|
size: "sm",
|
|
11644
11758
|
type: "close"
|
|
11645
11759
|
}
|
|
11646
11760
|
),
|
|
11647
|
-
/* @__PURE__ */
|
|
11761
|
+
/* @__PURE__ */ jsx264(ScreenReaderOnly, { children: onClickRemoveLabel })
|
|
11648
11762
|
]
|
|
11649
11763
|
}
|
|
11650
11764
|
)
|
|
@@ -11662,14 +11776,14 @@ var Tag = forwardRef27(
|
|
|
11662
11776
|
}, ref) => {
|
|
11663
11777
|
const hasIcon = isNotNil25(icon);
|
|
11664
11778
|
const labelProps = isNotNil25(href) && isNonEmptyString5(href) ? { href, as: "a" } : { as: "span" };
|
|
11665
|
-
return /* @__PURE__ */
|
|
11779
|
+
return /* @__PURE__ */ jsxs42(
|
|
11666
11780
|
StyledTag,
|
|
11667
11781
|
{
|
|
11668
11782
|
ref,
|
|
11669
11783
|
$colorScheme: colorScheme,
|
|
11670
11784
|
...otherProps,
|
|
11671
11785
|
children: [
|
|
11672
|
-
/* @__PURE__ */
|
|
11786
|
+
/* @__PURE__ */ jsxs42(
|
|
11673
11787
|
TagLabel,
|
|
11674
11788
|
{
|
|
11675
11789
|
...labelProps,
|
|
@@ -11680,7 +11794,7 @@ var Tag = forwardRef27(
|
|
|
11680
11794
|
]
|
|
11681
11795
|
}
|
|
11682
11796
|
),
|
|
11683
|
-
/* @__PURE__ */
|
|
11797
|
+
/* @__PURE__ */ jsx264(
|
|
11684
11798
|
RemoveButton,
|
|
11685
11799
|
{
|
|
11686
11800
|
colorScheme,
|
|
@@ -11698,24 +11812,24 @@ Tag.displayName = "Tag";
|
|
|
11698
11812
|
// src/components/WistiaLogo/WistiaLogo.tsx
|
|
11699
11813
|
import styled69, { css as css35 } from "styled-components";
|
|
11700
11814
|
import { isNotNil as isNotNil26 } from "@wistia/type-guards";
|
|
11701
|
-
import { jsx as
|
|
11815
|
+
import { jsx as jsx265, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
11702
11816
|
var renderBrandmark = (brandmarkColor, iconOnly) => {
|
|
11703
11817
|
if (iconOnly) {
|
|
11704
|
-
return /* @__PURE__ */
|
|
11818
|
+
return /* @__PURE__ */ jsx265(
|
|
11705
11819
|
"g",
|
|
11706
11820
|
{
|
|
11707
11821
|
"data-testid": "ui-wistia-logo-brandmark",
|
|
11708
11822
|
fill: brandmarkColor,
|
|
11709
|
-
children: /* @__PURE__ */
|
|
11823
|
+
children: /* @__PURE__ */ jsx265("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" })
|
|
11710
11824
|
}
|
|
11711
11825
|
);
|
|
11712
11826
|
}
|
|
11713
|
-
return /* @__PURE__ */
|
|
11827
|
+
return /* @__PURE__ */ jsx265(
|
|
11714
11828
|
"g",
|
|
11715
11829
|
{
|
|
11716
11830
|
"data-testid": "ui-wistia-logo-brandmark",
|
|
11717
11831
|
fill: brandmarkColor,
|
|
11718
|
-
children: /* @__PURE__ */
|
|
11832
|
+
children: /* @__PURE__ */ jsx265("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" })
|
|
11719
11833
|
}
|
|
11720
11834
|
);
|
|
11721
11835
|
};
|
|
@@ -11723,12 +11837,12 @@ var renderLogotype = (logotypeColor, iconOnly) => {
|
|
|
11723
11837
|
if (iconOnly) {
|
|
11724
11838
|
return null;
|
|
11725
11839
|
}
|
|
11726
|
-
return /* @__PURE__ */
|
|
11840
|
+
return /* @__PURE__ */ jsx265(
|
|
11727
11841
|
"g",
|
|
11728
11842
|
{
|
|
11729
11843
|
"data-testid": "ui-wistia-logo-logotype",
|
|
11730
11844
|
fill: logotypeColor,
|
|
11731
|
-
children: /* @__PURE__ */
|
|
11845
|
+
children: /* @__PURE__ */ jsx265("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" })
|
|
11732
11846
|
}
|
|
11733
11847
|
);
|
|
11734
11848
|
};
|
|
@@ -11796,7 +11910,7 @@ var WistiaLogo = ({
|
|
|
11796
11910
|
};
|
|
11797
11911
|
const brandmarkColor = VARIANT_COLORS[variant].brandmark;
|
|
11798
11912
|
const logotypeColor = VARIANT_COLORS[variant].logotype;
|
|
11799
|
-
const Logo = /* @__PURE__ */
|
|
11913
|
+
const Logo = /* @__PURE__ */ jsxs43(
|
|
11800
11914
|
WistiaLogoComponent,
|
|
11801
11915
|
{
|
|
11802
11916
|
$hoverColor: hoverColor,
|
|
@@ -11809,14 +11923,14 @@ var WistiaLogo = ({
|
|
|
11809
11923
|
xmlns: "http://www.w3.org/2000/svg",
|
|
11810
11924
|
...otherProps,
|
|
11811
11925
|
children: [
|
|
11812
|
-
/* @__PURE__ */
|
|
11813
|
-
isNotNil26(description) ? /* @__PURE__ */
|
|
11926
|
+
/* @__PURE__ */ jsx265("title", { children: title }),
|
|
11927
|
+
isNotNil26(description) ? /* @__PURE__ */ jsx265("desc", { children: description }) : null,
|
|
11814
11928
|
renderBrandmark(brandmarkColor, iconOnly),
|
|
11815
11929
|
renderLogotype(logotypeColor, iconOnly)
|
|
11816
11930
|
]
|
|
11817
11931
|
}
|
|
11818
11932
|
);
|
|
11819
|
-
return href !== void 0 ? /* @__PURE__ */
|
|
11933
|
+
return href !== void 0 ? /* @__PURE__ */ jsx265("a", { href, children: Logo }) : Logo;
|
|
11820
11934
|
};
|
|
11821
11935
|
WistiaLogo.displayName = "WistiaLogo";
|
|
11822
11936
|
export {
|