@wistia/ui 0.8.22 → 0.8.23-beta.2147c7eb.771b3a1
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 +664 -644
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.mjs +607 -587
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.8.
|
|
3
|
+
* @license @wistia/ui v0.8.23-beta.2147c7eb.771b3a1
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -4792,15 +4792,33 @@ var InfoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
|
4792
4792
|
}
|
|
4793
4793
|
);
|
|
4794
4794
|
|
|
4795
|
-
// src/components/Icon/icons/
|
|
4795
|
+
// src/components/Icon/icons/InfoOutlineIcon.tsx
|
|
4796
4796
|
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
4797
|
-
var
|
|
4797
|
+
var InfoOutlineIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
4798
4798
|
"svg",
|
|
4799
4799
|
{
|
|
4800
4800
|
...props,
|
|
4801
4801
|
viewBox: "0 0 24 24",
|
|
4802
4802
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4803
4803
|
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
4804
|
+
"path",
|
|
4805
|
+
{
|
|
4806
|
+
d: "M1.97869 12H0.348011L4.01207 1.81818H5.78693L9.45099 12H7.82031L4.94176 3.66761H4.86222L1.97869 12ZM2.25213 8.01278H7.5419V9.3054H2.25213V8.01278ZM13.8956 12.1541C13.1565 12.1541 12.5201 11.9867 11.9865 11.652C11.4562 11.3139 11.0485 10.8482 10.7635 10.255C10.4785 9.66169 10.3359 8.98224 10.3359 8.21662C10.3359 7.44105 10.4818 6.75663 10.7734 6.16335C11.0651 5.56676 11.4761 5.10109 12.0064 4.76633C12.5367 4.43158 13.1615 4.2642 13.8807 4.2642C14.4607 4.2642 14.9777 4.37192 15.4318 4.58736C15.8859 4.79948 16.2521 5.09777 16.5305 5.48224C16.8123 5.86671 16.9796 6.31581 17.0327 6.82955H15.5859C15.5064 6.47159 15.3241 6.16335 15.0391 5.90483C14.7573 5.64631 14.3795 5.51705 13.9055 5.51705C13.4912 5.51705 13.1283 5.62642 12.8168 5.84517C12.5085 6.06061 12.2682 6.36884 12.0959 6.76989C11.9235 7.16761 11.8374 7.63826 11.8374 8.18182C11.8374 8.73864 11.9219 9.21922 12.0909 9.62358C12.2599 10.0279 12.4986 10.3411 12.8068 10.5632C13.1184 10.7853 13.4846 10.8963 13.9055 10.8963C14.1873 10.8963 14.4425 10.8449 14.6712 10.7422C14.9032 10.6361 15.0971 10.4853 15.2528 10.2898C15.4119 10.0942 15.523 9.8589 15.5859 9.58381H17.0327C16.9796 10.0777 16.8189 10.5185 16.5504 10.9062C16.282 11.294 15.9223 11.599 15.4716 11.821C15.0241 12.0431 14.4988 12.1541 13.8956 12.1541ZM21.839 12.1541C21.0998 12.1541 20.4635 11.9867 19.9299 11.652C19.3996 11.3139 18.9919 10.8482 18.7069 10.255C18.4218 9.66169 18.2793 8.98224 18.2793 8.21662C18.2793 7.44105 18.4251 6.75663 18.7168 6.16335C19.0085 5.56676 19.4194 5.10109 19.9498 4.76633C20.4801 4.43158 21.1048 4.2642 21.824 4.2642C22.4041 4.2642 22.9211 4.37192 23.3752 4.58736C23.8292 4.79948 24.1955 5.09777 24.4739 5.48224C24.7556 5.86671 24.923 6.31581 24.976 6.82955H23.5293C23.4498 6.47159 23.2675 6.16335 22.9824 5.90483C22.7007 5.64631 22.3229 5.51705 21.8489 5.51705C21.4346 5.51705 21.0717 5.62642 20.7601 5.84517C20.4519 6.06061 20.2116 6.36884 20.0392 6.76989C19.8669 7.16761 19.7807 7.63826 19.7807 8.18182C19.7807 8.73864 19.8652 9.21922 20.0343 9.62358C20.2033 10.0279 20.4419 10.3411 20.7502 10.5632C21.0617 10.7853 21.428 10.8963 21.8489 10.8963C22.1306 10.8963 22.3858 10.8449 22.6145 10.7422C22.8465 10.6361 23.0404 10.4853 23.1962 10.2898C23.3553 10.0942 23.4663 9.8589 23.5293 9.58381H24.976C24.923 10.0777 24.7623 10.5185 24.4938 10.9062C24.2253 11.294 23.8657 11.599 23.415 11.821C22.9675 12.0431 22.4422 12.1541 21.839 12.1541ZM29.7823 12.1541C29.0664 12.1541 28.4416 11.9901 27.908 11.6619C27.3744 11.3338 26.9601 10.8748 26.6651 10.2848C26.3701 9.69484 26.2227 9.00544 26.2227 8.21662C26.2227 7.42448 26.3701 6.73177 26.6651 6.13849C26.9601 5.54522 27.3744 5.08452 27.908 4.75639C28.4416 4.42827 29.0664 4.2642 29.7823 4.2642C30.4982 4.2642 31.123 4.42827 31.6566 4.75639C32.1902 5.08452 32.6045 5.54522 32.8995 6.13849C33.1945 6.73177 33.342 7.42448 33.342 8.21662C33.342 9.00544 33.1945 9.69484 32.8995 10.2848C32.6045 10.8748 32.1902 11.3338 31.6566 11.6619C31.123 11.9901 30.4982 12.1541 29.7823 12.1541ZM29.7873 10.9062C30.2513 10.9062 30.6358 10.7836 30.9407 10.5384C31.2456 10.2931 31.471 9.96662 31.6168 9.55895C31.766 9.15128 31.8406 8.70218 31.8406 8.21165C31.8406 7.72443 31.766 7.27699 31.6168 6.86932C31.471 6.45833 31.2456 6.12855 30.9407 5.87997C30.6358 5.63139 30.2513 5.5071 29.7873 5.5071C29.32 5.5071 28.9322 5.63139 28.6239 5.87997C28.319 6.12855 28.092 6.45833 27.9428 6.86932C27.797 7.27699 27.7241 7.72443 27.7241 8.21165C27.7241 8.70218 27.797 9.15128 27.9428 9.55895C28.092 9.96662 28.319 10.2931 28.6239 10.5384C28.9322 10.7836 29.32 10.9062 29.7873 10.9062ZM39.8386 8.8331V4.36364H41.3301V12H39.8684V10.6776H39.7889C39.6132 11.0852 39.3315 11.425 38.9437 11.6967C38.5592 11.9652 38.0803 12.0994 37.5069 12.0994C37.0164 12.0994 36.5822 11.9917 36.2044 11.7763C35.8298 11.5575 35.5349 11.2344 35.3194 10.8068C35.1073 10.3793 35.0012 9.85062 35.0012 9.22088V4.36364H36.4877V9.0419C36.4877 9.56226 36.6319 9.97656 36.9203 10.2848C37.2086 10.593 37.5832 10.7472 38.0439 10.7472C38.3223 10.7472 38.599 10.6776 38.8741 10.5384C39.1525 10.3991 39.3829 10.1887 39.5652 9.90696C39.7508 9.62524 39.8419 9.26728 39.8386 8.8331ZM44.8139 7.46591V12H43.3274V4.36364H44.7543V5.60653H44.8487C45.0244 5.20218 45.2995 4.87737 45.674 4.6321C46.0518 4.38684 46.5275 4.2642 47.1009 4.2642C47.6212 4.2642 48.0769 4.37358 48.468 4.59233C48.8591 4.80777 49.1624 5.12926 49.3778 5.55682C49.5933 5.98437 49.701 6.51302 49.701 7.14276V12H48.2145V7.32173C48.2145 6.76823 48.0703 6.3357 47.782 6.02415C47.4936 5.70928 47.0975 5.55185 46.5938 5.55185C46.2491 5.55185 45.9425 5.62642 45.674 5.77557C45.4089 5.92472 45.1984 6.14347 45.0426 6.43182C44.8902 6.71686 44.8139 7.06155 44.8139 7.46591ZM55.2592 4.36364V5.55682H51.0881V4.36364H55.2592ZM52.2067 2.53409H53.6932V9.75781C53.6932 10.0462 53.7363 10.2633 53.8224 10.4091C53.9086 10.5516 54.0196 10.6494 54.1555 10.7024C54.2947 10.7521 54.4455 10.777 54.608 10.777C54.7273 10.777 54.8317 10.7687 54.9212 10.7521C55.0107 10.7356 55.0803 10.7223 55.13 10.7124L55.3984 11.9403C55.3123 11.9735 55.1896 12.0066 55.0305 12.0398C54.8714 12.0762 54.6726 12.0961 54.4339 12.0994C54.0429 12.1061 53.6783 12.0365 53.3402 11.8906C53.0021 11.7448 52.7287 11.5194 52.5199 11.2145C52.3111 10.9096 52.2067 10.5268 52.2067 10.0661V2.53409ZM62.0952 1.81818V12H60.6087V1.81818H62.0952ZM67.3116 12.1541C66.5957 12.1541 65.9709 11.9901 65.4373 11.6619C64.9037 11.3338 64.4894 10.8748 64.1944 10.2848C63.8994 9.69484 63.752 9.00544 63.752 8.21662C63.752 7.42448 63.8994 6.73177 64.1944 6.13849C64.4894 5.54522 64.9037 5.08452 65.4373 4.75639C65.9709 4.42827 66.5957 4.2642 67.3116 4.2642C68.0275 4.2642 68.6523 4.42827 69.1859 4.75639C69.7195 5.08452 70.1338 5.54522 70.4288 6.13849C70.7238 6.73177 70.8713 7.42448 70.8713 8.21662C70.8713 9.00544 70.7238 9.69484 70.4288 10.2848C70.1338 10.8748 69.7195 11.3338 69.1859 11.6619C68.6523 11.9901 68.0275 12.1541 67.3116 12.1541ZM67.3166 10.9062C67.7806 10.9062 68.1651 10.7836 68.47 10.5384C68.7749 10.2931 69.0003 9.96662 69.1461 9.55895C69.2953 9.15128 69.3699 8.70218 69.3699 8.21165C69.3699 7.72443 69.2953 7.27699 69.1461 6.86932C69.0003 6.45833 68.7749 6.12855 68.47 5.87997C68.1651 5.63139 67.7806 5.5071 67.3166 5.5071C66.8493 5.5071 66.4615 5.63139 66.1532 5.87997C65.8483 6.12855 65.6213 6.45833 65.4721 6.86932C65.3263 7.27699 65.2534 7.72443 65.2534 8.21165C65.2534 8.70218 65.3263 9.15128 65.4721 9.55895C65.6213 9.96662 65.8483 10.2931 66.1532 10.5384C66.4615 10.7836 66.8493 10.9062 67.3166 10.9062ZM75.7322 15.0227C75.1257 15.0227 74.6037 14.9432 74.1662 14.7841C73.732 14.625 73.3774 14.4145 73.1023 14.1527C72.8272 13.8909 72.6217 13.6042 72.4858 13.2926L73.7635 12.7656C73.853 12.9115 73.9723 13.0656 74.1214 13.228C74.2739 13.3937 74.4794 13.5346 74.7379 13.6506C74.9998 13.7666 75.3362 13.8246 75.7472 13.8246C76.3106 13.8246 76.7763 13.687 77.1442 13.4119C77.5121 13.1402 77.696 12.706 77.696 12.1094V10.608H77.6016C77.5121 10.7704 77.3828 10.951 77.2138 11.1499C77.0481 11.3487 76.8194 11.5211 76.5277 11.6669C76.236 11.8127 75.8565 11.8857 75.3892 11.8857C74.786 11.8857 74.2424 11.7448 73.7585 11.4631C73.2779 11.178 72.8968 10.7588 72.6151 10.2053C72.3366 9.64844 72.1974 8.96401 72.1974 8.15199C72.1974 7.33996 72.335 6.64394 72.6101 6.06392C72.8885 5.4839 73.2696 5.03977 73.7536 4.73153C74.2375 4.41998 74.786 4.2642 75.3991 4.2642C75.8731 4.2642 76.2559 4.34375 76.5476 4.50284C76.8393 4.65862 77.0663 4.84091 77.2287 5.04972C77.3944 5.25852 77.522 5.44247 77.6115 5.60156H77.7209V4.36364H79.1776V12.169C79.1776 12.8253 79.0251 13.3639 78.7202 13.7848C78.4152 14.2057 78.0026 14.5173 77.4822 14.7195C76.9652 14.9216 76.3819 15.0227 75.7322 15.0227ZM75.7173 10.6527C76.1449 10.6527 76.5062 10.5533 76.8011 10.3544C77.0994 10.1522 77.3248 9.86387 77.4773 9.48935C77.633 9.11151 77.7109 8.65909 77.7109 8.1321C77.7109 7.61837 77.6347 7.16596 77.4822 6.77486C77.3298 6.38376 77.1061 6.07884 76.8111 5.86009C76.5161 5.63802 76.1515 5.52699 75.7173 5.52699C75.2699 5.52699 74.897 5.64299 74.5987 5.875C74.3004 6.10369 74.075 6.41525 73.9226 6.80966C73.7734 7.20407 73.6989 7.64489 73.6989 8.1321C73.6989 8.63258 73.7751 9.07173 73.9276 9.44957C74.08 9.82741 74.3054 10.1224 74.6037 10.3345C74.9053 10.5466 75.2765 10.6527 75.7173 10.6527ZM84.3878 12.1541C83.6719 12.1541 83.0471 11.9901 82.5135 11.6619C81.9799 11.3338 81.5656 10.8748 81.2706 10.2848C80.9756 9.69484 80.8281 9.00544 80.8281 8.21662C80.8281 7.42448 80.9756 6.73177 81.2706 6.13849C81.5656 5.54522 81.9799 5.08452 82.5135 4.75639C83.0471 4.42827 83.6719 4.2642 84.3878 4.2642C85.1037 4.2642 85.7285 4.42827 86.2621 4.75639C86.7957 5.08452 87.21 5.54522 87.505 6.13849C87.8 6.73177 87.9474 7.42448 87.9474 8.21662C87.9474 9.00544 87.8 9.69484 87.505 10.2848C87.21 10.8748 86.7957 11.3338 86.2621 11.6619C85.7285 11.9901 85.1037 12.1541 84.3878 12.1541ZM84.3928 10.9062C84.8568 10.9062 85.2412 10.7836 85.5462 10.5384C85.8511 10.2931 86.0765 9.96662 86.2223 9.55895C86.3714 9.15128 86.446 8.70218 86.446 8.21165C86.446 7.72443 86.3714 7.27699 86.2223 6.86932C86.0765 6.45833 85.8511 6.12855 85.5462 5.87997C85.2412 5.63139 84.8568 5.5071 84.3928 5.5071C83.9254 5.5071 83.5376 5.63139 83.2294 5.87997C82.9245 6.12855 82.6974 6.45833 82.5483 6.86932C82.4025 7.27699 82.3295 7.72443 82.3295 8.21165C82.3295 8.70218 82.4025 9.15128 82.5483 9.55895C82.6974 9.96662 82.9245 10.2931 83.2294 10.5384C83.5376 10.7836 83.9254 10.9062 84.3928 10.9062ZM98.6405 9.578V5H99.9845V9.578H98.6405ZM99.3265 4.496C99.1118 4.496 98.9345 4.44467 98.7945 4.342C98.6545 4.23933 98.5845 4.076 98.5845 3.852C98.5845 3.6 98.6545 3.432 98.7945 3.348C98.9345 3.25467 99.1118 3.208 99.3265 3.208C99.5132 3.208 99.6765 3.25467 99.8165 3.348C99.9658 3.432 100.041 3.6 100.041 3.852C100.041 4.08533 99.9658 4.25333 99.8165 4.356C99.6765 4.44933 99.5132 4.496 99.3265 4.496ZM99.3125 13.064C98.4725 13.064 97.6838 12.9053 96.9465 12.588C96.2185 12.28 95.5745 11.8507 95.0145 11.3C94.4638 10.74 94.0298 10.096 93.7125 9.368C93.4045 8.63067 93.2505 7.842 93.2505 7.002C93.2505 6.162 93.4045 5.378 93.7125 4.65C94.0298 3.91267 94.4638 3.26867 95.0145 2.718C95.5745 2.158 96.2185 1.724 96.9465 1.416C97.6838 1.09867 98.4725 0.94 99.3125 0.94C100.153 0.94 100.937 1.09867 101.665 1.416C102.402 1.724 103.046 2.158 103.597 2.718C104.157 3.26867 104.591 3.91267 104.899 4.65C105.216 5.378 105.375 6.162 105.375 7.002C105.375 7.842 105.216 8.63067 104.899 9.368C104.591 10.096 104.157 10.74 103.597 11.3C103.046 11.8507 102.402 12.28 101.665 12.588C100.937 12.9053 100.153 13.064 99.3125 13.064ZM99.3125 11.818C99.9845 11.818 100.61 11.6967 101.189 11.454C101.767 11.202 102.276 10.8567 102.715 10.418C103.163 9.97 103.508 9.45667 103.751 8.878C104.003 8.29 104.129 7.66467 104.129 7.002C104.129 6.33 104.003 5.70467 103.751 5.126C103.508 4.54733 103.163 4.03867 102.715 3.6C102.276 3.152 101.763 2.80667 101.175 2.564C100.596 2.312 99.9752 2.186 99.3125 2.186C98.6405 2.186 98.0152 2.312 97.4365 2.564C96.8578 2.80667 96.3445 3.152 95.8965 3.6C95.4578 4.03867 95.1125 4.552 94.8605 5.14C94.6178 5.71867 94.4965 6.33933 94.4965 7.002C94.4965 7.674 94.6178 8.29933 94.8605 8.878C95.1125 9.45667 95.4578 9.97 95.8965 10.418C96.3445 10.8567 96.8578 11.202 97.4365 11.454C98.0245 11.6967 98.6498 11.818 99.3125 11.818Z",
|
|
4807
|
+
fill: "currentColor"
|
|
4808
|
+
}
|
|
4809
|
+
)
|
|
4810
|
+
}
|
|
4811
|
+
);
|
|
4812
|
+
|
|
4813
|
+
// src/components/Icon/icons/IntegrationsIcon.tsx
|
|
4814
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
4815
|
+
var IntegrationsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
4816
|
+
"svg",
|
|
4817
|
+
{
|
|
4818
|
+
...props,
|
|
4819
|
+
viewBox: "0 0 24 24",
|
|
4820
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4821
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
4804
4822
|
"path",
|
|
4805
4823
|
{
|
|
4806
4824
|
clipRule: "evenodd",
|
|
@@ -4813,14 +4831,14 @@ var IntegrationsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
|
4813
4831
|
);
|
|
4814
4832
|
|
|
4815
4833
|
// src/components/Icon/icons/LeaveIcon.tsx
|
|
4816
|
-
var
|
|
4817
|
-
var LeaveIcon = (props) => /* @__PURE__ */ (0,
|
|
4834
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
4835
|
+
var LeaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
4818
4836
|
"svg",
|
|
4819
4837
|
{
|
|
4820
4838
|
...props,
|
|
4821
4839
|
viewBox: "0 0 24 24",
|
|
4822
4840
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4823
|
-
children: /* @__PURE__ */ (0,
|
|
4841
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
4824
4842
|
"path",
|
|
4825
4843
|
{
|
|
4826
4844
|
clipRule: "evenodd",
|
|
@@ -4833,14 +4851,14 @@ var LeaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
|
4833
4851
|
);
|
|
4834
4852
|
|
|
4835
4853
|
// src/components/Icon/icons/LinkIcon.tsx
|
|
4836
|
-
var
|
|
4837
|
-
var LinkIcon = (props) => /* @__PURE__ */ (0,
|
|
4854
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
4855
|
+
var LinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
4838
4856
|
"svg",
|
|
4839
4857
|
{
|
|
4840
4858
|
...props,
|
|
4841
4859
|
viewBox: "0 0 24 24",
|
|
4842
4860
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4843
|
-
children: /* @__PURE__ */ (0,
|
|
4861
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
4844
4862
|
"path",
|
|
4845
4863
|
{
|
|
4846
4864
|
clipRule: "evenodd",
|
|
@@ -4853,14 +4871,14 @@ var LinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
|
4853
4871
|
);
|
|
4854
4872
|
|
|
4855
4873
|
// src/components/Icon/icons/ListIcon.tsx
|
|
4856
|
-
var
|
|
4857
|
-
var ListIcon = (props) => /* @__PURE__ */ (0,
|
|
4874
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
4875
|
+
var ListIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4858
4876
|
"svg",
|
|
4859
4877
|
{
|
|
4860
4878
|
...props,
|
|
4861
4879
|
viewBox: "0 0 24 24",
|
|
4862
4880
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4863
|
-
children: /* @__PURE__ */ (0,
|
|
4881
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4864
4882
|
"path",
|
|
4865
4883
|
{
|
|
4866
4884
|
clipRule: "evenodd",
|
|
@@ -4873,14 +4891,14 @@ var ListIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
|
4873
4891
|
);
|
|
4874
4892
|
|
|
4875
4893
|
// src/components/Icon/icons/LiveIcon.tsx
|
|
4876
|
-
var
|
|
4877
|
-
var LiveIcon = (props) => /* @__PURE__ */ (0,
|
|
4894
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
4895
|
+
var LiveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4878
4896
|
"svg",
|
|
4879
4897
|
{
|
|
4880
4898
|
...props,
|
|
4881
4899
|
viewBox: "0 0 24 24",
|
|
4882
4900
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4883
|
-
children: /* @__PURE__ */ (0,
|
|
4901
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4884
4902
|
"path",
|
|
4885
4903
|
{
|
|
4886
4904
|
clipRule: "evenodd",
|
|
@@ -4893,22 +4911,22 @@ var LiveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
|
4893
4911
|
);
|
|
4894
4912
|
|
|
4895
4913
|
// src/components/Icon/icons/LocalizationIcon.tsx
|
|
4896
|
-
var
|
|
4897
|
-
var LocalizationIcon = (props) => /* @__PURE__ */ (0,
|
|
4914
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
4915
|
+
var LocalizationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
|
|
4898
4916
|
"svg",
|
|
4899
4917
|
{
|
|
4900
4918
|
...props,
|
|
4901
4919
|
viewBox: "0 0 24 24",
|
|
4902
4920
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4903
4921
|
children: [
|
|
4904
|
-
/* @__PURE__ */ (0,
|
|
4922
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4905
4923
|
"path",
|
|
4906
4924
|
{
|
|
4907
4925
|
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",
|
|
4908
4926
|
fill: "currentColor"
|
|
4909
4927
|
}
|
|
4910
4928
|
),
|
|
4911
|
-
/* @__PURE__ */ (0,
|
|
4929
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4912
4930
|
"path",
|
|
4913
4931
|
{
|
|
4914
4932
|
clipRule: "evenodd",
|
|
@@ -4917,14 +4935,14 @@ var LocalizationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)
|
|
|
4917
4935
|
fillRule: "evenodd"
|
|
4918
4936
|
}
|
|
4919
4937
|
),
|
|
4920
|
-
/* @__PURE__ */ (0,
|
|
4938
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4921
4939
|
"path",
|
|
4922
4940
|
{
|
|
4923
4941
|
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",
|
|
4924
4942
|
fill: "currentColor"
|
|
4925
4943
|
}
|
|
4926
4944
|
),
|
|
4927
|
-
/* @__PURE__ */ (0,
|
|
4945
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4928
4946
|
"path",
|
|
4929
4947
|
{
|
|
4930
4948
|
clipRule: "evenodd",
|
|
@@ -4938,14 +4956,14 @@ var LocalizationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)
|
|
|
4938
4956
|
);
|
|
4939
4957
|
|
|
4940
4958
|
// src/components/Icon/icons/LockIcon.tsx
|
|
4941
|
-
var
|
|
4942
|
-
var LockIcon = (props) => /* @__PURE__ */ (0,
|
|
4959
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
4960
|
+
var LockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4943
4961
|
"svg",
|
|
4944
4962
|
{
|
|
4945
4963
|
...props,
|
|
4946
4964
|
viewBox: "0 0 24 24",
|
|
4947
4965
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4948
|
-
children: /* @__PURE__ */ (0,
|
|
4966
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4949
4967
|
"path",
|
|
4950
4968
|
{
|
|
4951
4969
|
clipRule: "evenodd",
|
|
@@ -4958,14 +4976,14 @@ var LockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
|
4958
4976
|
);
|
|
4959
4977
|
|
|
4960
4978
|
// src/components/Icon/icons/LogoutIcon.tsx
|
|
4961
|
-
var
|
|
4962
|
-
var LogoutIcon = (props) => /* @__PURE__ */ (0,
|
|
4979
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
4980
|
+
var LogoutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
4963
4981
|
"svg",
|
|
4964
4982
|
{
|
|
4965
4983
|
...props,
|
|
4966
4984
|
viewBox: "0 0 24 24",
|
|
4967
4985
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4968
|
-
children: /* @__PURE__ */ (0,
|
|
4986
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
4969
4987
|
"path",
|
|
4970
4988
|
{
|
|
4971
4989
|
clipRule: "evenodd",
|
|
@@ -4978,14 +4996,14 @@ var LogoutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
|
4978
4996
|
);
|
|
4979
4997
|
|
|
4980
4998
|
// src/components/Icon/icons/MaximizeIcon.tsx
|
|
4981
|
-
var
|
|
4982
|
-
var MaximizeIcon = (props) => /* @__PURE__ */ (0,
|
|
4999
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
5000
|
+
var MaximizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
4983
5001
|
"svg",
|
|
4984
5002
|
{
|
|
4985
5003
|
...props,
|
|
4986
5004
|
viewBox: "0 0 24 24",
|
|
4987
5005
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4988
|
-
children: /* @__PURE__ */ (0,
|
|
5006
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
4989
5007
|
"path",
|
|
4990
5008
|
{
|
|
4991
5009
|
clipRule: "evenodd",
|
|
@@ -4998,14 +5016,14 @@ var MaximizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
|
4998
5016
|
);
|
|
4999
5017
|
|
|
5000
5018
|
// src/components/Icon/icons/MediaIcon.tsx
|
|
5001
|
-
var
|
|
5002
|
-
var MediaIcon = (props) => /* @__PURE__ */ (0,
|
|
5019
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
5020
|
+
var MediaIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
5003
5021
|
"svg",
|
|
5004
5022
|
{
|
|
5005
5023
|
...props,
|
|
5006
5024
|
viewBox: "0 0 24 24",
|
|
5007
5025
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5008
|
-
children: /* @__PURE__ */ (0,
|
|
5026
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
5009
5027
|
"path",
|
|
5010
5028
|
{
|
|
5011
5029
|
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",
|
|
@@ -5016,14 +5034,14 @@ var MediaIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
|
5016
5034
|
);
|
|
5017
5035
|
|
|
5018
5036
|
// src/components/Icon/icons/MegaphoneIcon.tsx
|
|
5019
|
-
var
|
|
5020
|
-
var MegaphoneIcon = (props) => /* @__PURE__ */ (0,
|
|
5037
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
5038
|
+
var MegaphoneIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
5021
5039
|
"svg",
|
|
5022
5040
|
{
|
|
5023
5041
|
...props,
|
|
5024
5042
|
viewBox: "0 0 24 24",
|
|
5025
5043
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5026
|
-
children: /* @__PURE__ */ (0,
|
|
5044
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
5027
5045
|
"path",
|
|
5028
5046
|
{
|
|
5029
5047
|
clipRule: "evenodd",
|
|
@@ -5036,14 +5054,14 @@ var MegaphoneIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
|
5036
5054
|
);
|
|
5037
5055
|
|
|
5038
5056
|
// src/components/Icon/icons/MenuIcon.tsx
|
|
5039
|
-
var
|
|
5040
|
-
var MenuIcon = (props) => /* @__PURE__ */ (0,
|
|
5057
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
5058
|
+
var MenuIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
5041
5059
|
"svg",
|
|
5042
5060
|
{
|
|
5043
5061
|
...props,
|
|
5044
5062
|
viewBox: "0 0 24 24",
|
|
5045
5063
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5046
|
-
children: /* @__PURE__ */ (0,
|
|
5064
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
5047
5065
|
"path",
|
|
5048
5066
|
{
|
|
5049
5067
|
clipRule: "evenodd",
|
|
@@ -5056,14 +5074,14 @@ var MenuIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
|
5056
5074
|
);
|
|
5057
5075
|
|
|
5058
5076
|
// src/components/Icon/icons/MicIcon.tsx
|
|
5059
|
-
var
|
|
5060
|
-
var MicIcon = (props) => /* @__PURE__ */ (0,
|
|
5077
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
5078
|
+
var MicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
5061
5079
|
"svg",
|
|
5062
5080
|
{
|
|
5063
5081
|
...props,
|
|
5064
5082
|
viewBox: "0 0 24 24",
|
|
5065
5083
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5066
|
-
children: /* @__PURE__ */ (0,
|
|
5084
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
5067
5085
|
"path",
|
|
5068
5086
|
{
|
|
5069
5087
|
clipRule: "evenodd",
|
|
@@ -5076,14 +5094,14 @@ var MicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
|
5076
5094
|
);
|
|
5077
5095
|
|
|
5078
5096
|
// src/components/Icon/icons/MicOffIcon.tsx
|
|
5079
|
-
var
|
|
5080
|
-
var MicOffIcon = (props) => /* @__PURE__ */ (0,
|
|
5097
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
5098
|
+
var MicOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5081
5099
|
"svg",
|
|
5082
5100
|
{
|
|
5083
5101
|
...props,
|
|
5084
5102
|
viewBox: "0 0 24 24",
|
|
5085
5103
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5086
|
-
children: /* @__PURE__ */ (0,
|
|
5104
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5087
5105
|
"path",
|
|
5088
5106
|
{
|
|
5089
5107
|
clipRule: "evenodd",
|
|
@@ -5096,14 +5114,14 @@ var MicOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
|
5096
5114
|
);
|
|
5097
5115
|
|
|
5098
5116
|
// src/components/Icon/icons/MinimizeIcon.tsx
|
|
5099
|
-
var
|
|
5100
|
-
var MinimizeIcon = (props) => /* @__PURE__ */ (0,
|
|
5117
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
5118
|
+
var MinimizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
5101
5119
|
"svg",
|
|
5102
5120
|
{
|
|
5103
5121
|
...props,
|
|
5104
5122
|
viewBox: "0 0 24 24",
|
|
5105
5123
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5106
|
-
children: /* @__PURE__ */ (0,
|
|
5124
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
5107
5125
|
"path",
|
|
5108
5126
|
{
|
|
5109
5127
|
clipRule: "evenodd",
|
|
@@ -5116,14 +5134,14 @@ var MinimizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
|
5116
5134
|
);
|
|
5117
5135
|
|
|
5118
5136
|
// src/components/Icon/icons/MinusIcon.tsx
|
|
5119
|
-
var
|
|
5120
|
-
var MinusIcon = (props) => /* @__PURE__ */ (0,
|
|
5137
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
5138
|
+
var MinusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
5121
5139
|
"svg",
|
|
5122
5140
|
{
|
|
5123
5141
|
...props,
|
|
5124
5142
|
viewBox: "0 0 24 24",
|
|
5125
5143
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5126
|
-
children: /* @__PURE__ */ (0,
|
|
5144
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
5127
5145
|
"path",
|
|
5128
5146
|
{
|
|
5129
5147
|
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",
|
|
@@ -5134,14 +5152,14 @@ var MinusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
|
5134
5152
|
);
|
|
5135
5153
|
|
|
5136
5154
|
// src/components/Icon/icons/MinusCircleIcon.tsx
|
|
5137
|
-
var
|
|
5138
|
-
var MinusCircleIcon = (props) => /* @__PURE__ */ (0,
|
|
5155
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
5156
|
+
var MinusCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
5139
5157
|
"svg",
|
|
5140
5158
|
{
|
|
5141
5159
|
...props,
|
|
5142
5160
|
viewBox: "0 0 24 24",
|
|
5143
5161
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5144
|
-
children: /* @__PURE__ */ (0,
|
|
5162
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
5145
5163
|
"path",
|
|
5146
5164
|
{
|
|
5147
5165
|
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",
|
|
@@ -5152,14 +5170,14 @@ var MinusCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
|
5152
5170
|
);
|
|
5153
5171
|
|
|
5154
5172
|
// src/components/Icon/icons/MobileIcon.tsx
|
|
5155
|
-
var
|
|
5156
|
-
var MobileIcon = (props) => /* @__PURE__ */ (0,
|
|
5173
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
5174
|
+
var MobileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
5157
5175
|
"svg",
|
|
5158
5176
|
{
|
|
5159
5177
|
...props,
|
|
5160
5178
|
viewBox: "0 0 24 24",
|
|
5161
5179
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5162
|
-
children: /* @__PURE__ */ (0,
|
|
5180
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
5163
5181
|
"path",
|
|
5164
5182
|
{
|
|
5165
5183
|
clipRule: "evenodd",
|
|
@@ -5172,14 +5190,14 @@ var MobileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
|
5172
5190
|
);
|
|
5173
5191
|
|
|
5174
5192
|
// src/components/Icon/icons/MoreOptionsIcon.tsx
|
|
5175
|
-
var
|
|
5176
|
-
var MoreOptionsIcon = (props) => /* @__PURE__ */ (0,
|
|
5193
|
+
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
5194
|
+
var MoreOptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
5177
5195
|
"svg",
|
|
5178
5196
|
{
|
|
5179
5197
|
...props,
|
|
5180
5198
|
viewBox: "0 0 24 24",
|
|
5181
5199
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5182
|
-
children: /* @__PURE__ */ (0,
|
|
5200
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
5183
5201
|
"path",
|
|
5184
5202
|
{
|
|
5185
5203
|
clipRule: "evenodd",
|
|
@@ -5192,14 +5210,14 @@ var MoreOptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
|
5192
5210
|
);
|
|
5193
5211
|
|
|
5194
5212
|
// src/components/Icon/icons/MoveLeftIcon.tsx
|
|
5195
|
-
var
|
|
5196
|
-
var MoveLeftIcon = (props) => /* @__PURE__ */ (0,
|
|
5213
|
+
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
5214
|
+
var MoveLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
5197
5215
|
"svg",
|
|
5198
5216
|
{
|
|
5199
5217
|
...props,
|
|
5200
5218
|
viewBox: "0 0 24 24",
|
|
5201
5219
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5202
|
-
children: /* @__PURE__ */ (0,
|
|
5220
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
5203
5221
|
"path",
|
|
5204
5222
|
{
|
|
5205
5223
|
clipRule: "evenodd",
|
|
@@ -5212,14 +5230,14 @@ var MoveLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
|
5212
5230
|
);
|
|
5213
5231
|
|
|
5214
5232
|
// src/components/Icon/icons/MoveRightIcon.tsx
|
|
5215
|
-
var
|
|
5216
|
-
var MoveRightIcon = (props) => /* @__PURE__ */ (0,
|
|
5233
|
+
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
5234
|
+
var MoveRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
5217
5235
|
"svg",
|
|
5218
5236
|
{
|
|
5219
5237
|
...props,
|
|
5220
5238
|
viewBox: "0 0 24 24",
|
|
5221
5239
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5222
|
-
children: /* @__PURE__ */ (0,
|
|
5240
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
5223
5241
|
"path",
|
|
5224
5242
|
{
|
|
5225
5243
|
clipRule: "evenodd",
|
|
@@ -5232,14 +5250,14 @@ var MoveRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
|
5232
5250
|
);
|
|
5233
5251
|
|
|
5234
5252
|
// src/components/Icon/icons/MusicIcon.tsx
|
|
5235
|
-
var
|
|
5236
|
-
var MusicIcon = (props) => /* @__PURE__ */ (0,
|
|
5253
|
+
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
5254
|
+
var MusicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
5237
5255
|
"svg",
|
|
5238
5256
|
{
|
|
5239
5257
|
...props,
|
|
5240
5258
|
viewBox: "0 0 24 24",
|
|
5241
5259
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5242
|
-
children: /* @__PURE__ */ (0,
|
|
5260
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
5243
5261
|
"path",
|
|
5244
5262
|
{
|
|
5245
5263
|
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",
|
|
@@ -5250,14 +5268,14 @@ var MusicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
|
5250
5268
|
);
|
|
5251
5269
|
|
|
5252
5270
|
// src/components/Icon/icons/OnAirIcon.tsx
|
|
5253
|
-
var
|
|
5254
|
-
var OnAirIcon = (props) => /* @__PURE__ */ (0,
|
|
5271
|
+
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
5272
|
+
var OnAirIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
5255
5273
|
"svg",
|
|
5256
5274
|
{
|
|
5257
5275
|
...props,
|
|
5258
5276
|
viewBox: "0 0 24 24",
|
|
5259
5277
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5260
|
-
children: /* @__PURE__ */ (0,
|
|
5278
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
5261
5279
|
"path",
|
|
5262
5280
|
{
|
|
5263
5281
|
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",
|
|
@@ -5268,14 +5286,14 @@ var OnAirIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
|
5268
5286
|
);
|
|
5269
5287
|
|
|
5270
5288
|
// src/components/Icon/icons/OpenNewIcon.tsx
|
|
5271
|
-
var
|
|
5272
|
-
var OpenNewIcon = (props) => /* @__PURE__ */ (0,
|
|
5289
|
+
var import_jsx_runtime116 = require("react/jsx-runtime");
|
|
5290
|
+
var OpenNewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
5273
5291
|
"svg",
|
|
5274
5292
|
{
|
|
5275
5293
|
...props,
|
|
5276
5294
|
viewBox: "0 0 24 24",
|
|
5277
5295
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5278
|
-
children: /* @__PURE__ */ (0,
|
|
5296
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
5279
5297
|
"path",
|
|
5280
5298
|
{
|
|
5281
5299
|
clipRule: "evenodd",
|
|
@@ -5288,14 +5306,14 @@ var OpenNewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
|
5288
5306
|
);
|
|
5289
5307
|
|
|
5290
5308
|
// src/components/Icon/icons/OverviewIcon.tsx
|
|
5291
|
-
var
|
|
5292
|
-
var OverviewIcon = (props) => /* @__PURE__ */ (0,
|
|
5309
|
+
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
5310
|
+
var OverviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
5293
5311
|
"svg",
|
|
5294
5312
|
{
|
|
5295
5313
|
...props,
|
|
5296
5314
|
viewBox: "0 0 24 24",
|
|
5297
5315
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5298
|
-
children: /* @__PURE__ */ (0,
|
|
5316
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
5299
5317
|
"path",
|
|
5300
5318
|
{
|
|
5301
5319
|
clipRule: "evenodd",
|
|
@@ -5308,14 +5326,14 @@ var OverviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
|
5308
5326
|
);
|
|
5309
5327
|
|
|
5310
5328
|
// src/components/Icon/icons/PageIcon.tsx
|
|
5311
|
-
var
|
|
5312
|
-
var PageIcon = (props) => /* @__PURE__ */ (0,
|
|
5329
|
+
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
5330
|
+
var PageIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
5313
5331
|
"svg",
|
|
5314
5332
|
{
|
|
5315
5333
|
...props,
|
|
5316
5334
|
viewBox: "0 0 24 24",
|
|
5317
5335
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5318
|
-
children: /* @__PURE__ */ (0,
|
|
5336
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
5319
5337
|
"path",
|
|
5320
5338
|
{
|
|
5321
5339
|
clipRule: "evenodd",
|
|
@@ -5328,14 +5346,14 @@ var PageIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
|
5328
5346
|
);
|
|
5329
5347
|
|
|
5330
5348
|
// src/components/Icon/icons/PanelLeftIcon.tsx
|
|
5331
|
-
var
|
|
5332
|
-
var PanelLeftIcon = (props) => /* @__PURE__ */ (0,
|
|
5349
|
+
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
5350
|
+
var PanelLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
5333
5351
|
"svg",
|
|
5334
5352
|
{
|
|
5335
5353
|
...props,
|
|
5336
5354
|
viewBox: "0 0 24 24",
|
|
5337
5355
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5338
|
-
children: /* @__PURE__ */ (0,
|
|
5356
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
5339
5357
|
"path",
|
|
5340
5358
|
{
|
|
5341
5359
|
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",
|
|
@@ -5346,14 +5364,14 @@ var PanelLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
|
5346
5364
|
);
|
|
5347
5365
|
|
|
5348
5366
|
// src/components/Icon/icons/PanelRightIcon.tsx
|
|
5349
|
-
var
|
|
5350
|
-
var PanelRightIcon = (props) => /* @__PURE__ */ (0,
|
|
5367
|
+
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
5368
|
+
var PanelRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
5351
5369
|
"svg",
|
|
5352
5370
|
{
|
|
5353
5371
|
...props,
|
|
5354
5372
|
viewBox: "0 0 24 24",
|
|
5355
5373
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5356
|
-
children: /* @__PURE__ */ (0,
|
|
5374
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
5357
5375
|
"path",
|
|
5358
5376
|
{
|
|
5359
5377
|
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",
|
|
@@ -5364,14 +5382,14 @@ var PanelRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
|
5364
5382
|
);
|
|
5365
5383
|
|
|
5366
5384
|
// src/components/Icon/icons/PanelUpIcon.tsx
|
|
5367
|
-
var
|
|
5368
|
-
var PanelUpIcon = (props) => /* @__PURE__ */ (0,
|
|
5385
|
+
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
5386
|
+
var PanelUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
5369
5387
|
"svg",
|
|
5370
5388
|
{
|
|
5371
5389
|
...props,
|
|
5372
5390
|
viewBox: "0 0 24 24",
|
|
5373
5391
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5374
|
-
children: /* @__PURE__ */ (0,
|
|
5392
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
5375
5393
|
"path",
|
|
5376
5394
|
{
|
|
5377
5395
|
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",
|
|
@@ -5382,14 +5400,14 @@ var PanelUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
|
5382
5400
|
);
|
|
5383
5401
|
|
|
5384
5402
|
// src/components/Icon/icons/PasswordIcon.tsx
|
|
5385
|
-
var
|
|
5386
|
-
var PasswordIcon = (props) => /* @__PURE__ */ (0,
|
|
5403
|
+
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
5404
|
+
var PasswordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
5387
5405
|
"svg",
|
|
5388
5406
|
{
|
|
5389
5407
|
...props,
|
|
5390
5408
|
viewBox: "0 0 24 24",
|
|
5391
5409
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5392
|
-
children: /* @__PURE__ */ (0,
|
|
5410
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
5393
5411
|
"path",
|
|
5394
5412
|
{
|
|
5395
5413
|
clipRule: "evenodd",
|
|
@@ -5402,14 +5420,14 @@ var PasswordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
|
5402
5420
|
);
|
|
5403
5421
|
|
|
5404
5422
|
// src/components/Icon/icons/PauseIcon.tsx
|
|
5405
|
-
var
|
|
5406
|
-
var PauseIcon = (props) => /* @__PURE__ */ (0,
|
|
5423
|
+
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
5424
|
+
var PauseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
5407
5425
|
"svg",
|
|
5408
5426
|
{
|
|
5409
5427
|
...props,
|
|
5410
5428
|
viewBox: "0 0 24 24",
|
|
5411
5429
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5412
|
-
children: /* @__PURE__ */ (0,
|
|
5430
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
5413
5431
|
"path",
|
|
5414
5432
|
{
|
|
5415
5433
|
clipRule: "evenodd",
|
|
@@ -5422,14 +5440,14 @@ var PauseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
|
5422
5440
|
);
|
|
5423
5441
|
|
|
5424
5442
|
// src/components/Icon/icons/PencilIcon.tsx
|
|
5425
|
-
var
|
|
5426
|
-
var PencilIcon = (props) => /* @__PURE__ */ (0,
|
|
5443
|
+
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
5444
|
+
var PencilIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
5427
5445
|
"svg",
|
|
5428
5446
|
{
|
|
5429
5447
|
...props,
|
|
5430
5448
|
viewBox: "0 0 24 24",
|
|
5431
5449
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5432
|
-
children: /* @__PURE__ */ (0,
|
|
5450
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
5433
5451
|
"path",
|
|
5434
5452
|
{
|
|
5435
5453
|
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",
|
|
@@ -5440,14 +5458,14 @@ var PencilIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
|
5440
5458
|
);
|
|
5441
5459
|
|
|
5442
5460
|
// src/components/Icon/icons/PeopleIcon.tsx
|
|
5443
|
-
var
|
|
5444
|
-
var PeopleIcon = (props) => /* @__PURE__ */ (0,
|
|
5461
|
+
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
5462
|
+
var PeopleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
5445
5463
|
"svg",
|
|
5446
5464
|
{
|
|
5447
5465
|
...props,
|
|
5448
5466
|
viewBox: "0 0 24 24",
|
|
5449
5467
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5450
|
-
children: /* @__PURE__ */ (0,
|
|
5468
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
5451
5469
|
"path",
|
|
5452
5470
|
{
|
|
5453
5471
|
clipRule: "evenodd",
|
|
@@ -5460,14 +5478,14 @@ var PeopleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
|
5460
5478
|
);
|
|
5461
5479
|
|
|
5462
5480
|
// src/components/Icon/icons/PinIcon.tsx
|
|
5463
|
-
var
|
|
5464
|
-
var PinIcon = (props) => /* @__PURE__ */ (0,
|
|
5481
|
+
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
5482
|
+
var PinIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
5465
5483
|
"svg",
|
|
5466
5484
|
{
|
|
5467
5485
|
...props,
|
|
5468
5486
|
viewBox: "0 0 24 24",
|
|
5469
5487
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5470
|
-
children: /* @__PURE__ */ (0,
|
|
5488
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
5471
5489
|
"path",
|
|
5472
5490
|
{
|
|
5473
5491
|
clipRule: "evenodd",
|
|
@@ -5480,14 +5498,14 @@ var PinIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
|
5480
5498
|
);
|
|
5481
5499
|
|
|
5482
5500
|
// src/components/Icon/icons/PinSlashIcon.tsx
|
|
5483
|
-
var
|
|
5484
|
-
var PinSlashIcon = (props) => /* @__PURE__ */ (0,
|
|
5501
|
+
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
5502
|
+
var PinSlashIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
5485
5503
|
"svg",
|
|
5486
5504
|
{
|
|
5487
5505
|
...props,
|
|
5488
5506
|
viewBox: "0 0 24 24",
|
|
5489
5507
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5490
|
-
children: /* @__PURE__ */ (0,
|
|
5508
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
5491
5509
|
"path",
|
|
5492
5510
|
{
|
|
5493
5511
|
clipRule: "evenodd",
|
|
@@ -5500,14 +5518,14 @@ var PinSlashIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
|
5500
5518
|
);
|
|
5501
5519
|
|
|
5502
5520
|
// src/components/Icon/icons/PipIcon.tsx
|
|
5503
|
-
var
|
|
5504
|
-
var PipIcon = (props) => /* @__PURE__ */ (0,
|
|
5521
|
+
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
5522
|
+
var PipIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
5505
5523
|
"svg",
|
|
5506
5524
|
{
|
|
5507
5525
|
...props,
|
|
5508
5526
|
viewBox: "0 0 24 24",
|
|
5509
5527
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5510
|
-
children: /* @__PURE__ */ (0,
|
|
5528
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
5511
5529
|
"path",
|
|
5512
5530
|
{
|
|
5513
5531
|
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",
|
|
@@ -5518,14 +5536,14 @@ var PipIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
|
5518
5536
|
);
|
|
5519
5537
|
|
|
5520
5538
|
// src/components/Icon/icons/PlayIcon.tsx
|
|
5521
|
-
var
|
|
5522
|
-
var PlayIcon = (props) => /* @__PURE__ */ (0,
|
|
5539
|
+
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
5540
|
+
var PlayIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
5523
5541
|
"svg",
|
|
5524
5542
|
{
|
|
5525
5543
|
...props,
|
|
5526
5544
|
viewBox: "0 0 24 24",
|
|
5527
5545
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5528
|
-
children: /* @__PURE__ */ (0,
|
|
5546
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
5529
5547
|
"path",
|
|
5530
5548
|
{
|
|
5531
5549
|
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",
|
|
@@ -5536,14 +5554,14 @@ var PlayIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
|
5536
5554
|
);
|
|
5537
5555
|
|
|
5538
5556
|
// src/components/Icon/icons/PlayerIcon.tsx
|
|
5539
|
-
var
|
|
5540
|
-
var PlayerIcon = (props) => /* @__PURE__ */ (0,
|
|
5557
|
+
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
5558
|
+
var PlayerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
5541
5559
|
"svg",
|
|
5542
5560
|
{
|
|
5543
5561
|
...props,
|
|
5544
5562
|
viewBox: "0 0 24 24",
|
|
5545
5563
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5546
|
-
children: /* @__PURE__ */ (0,
|
|
5564
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
5547
5565
|
"path",
|
|
5548
5566
|
{
|
|
5549
5567
|
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",
|
|
@@ -5554,14 +5572,14 @@ var PlayerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
|
5554
5572
|
);
|
|
5555
5573
|
|
|
5556
5574
|
// src/components/Icon/icons/PlusIcon.tsx
|
|
5557
|
-
var
|
|
5558
|
-
var PlusIcon = (props) => /* @__PURE__ */ (0,
|
|
5575
|
+
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
5576
|
+
var PlusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
5559
5577
|
"svg",
|
|
5560
5578
|
{
|
|
5561
5579
|
...props,
|
|
5562
5580
|
viewBox: "0 0 24 24",
|
|
5563
5581
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5564
|
-
children: /* @__PURE__ */ (0,
|
|
5582
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
5565
5583
|
"path",
|
|
5566
5584
|
{
|
|
5567
5585
|
clipRule: "evenodd",
|
|
@@ -5574,14 +5592,14 @@ var PlusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
|
5574
5592
|
);
|
|
5575
5593
|
|
|
5576
5594
|
// src/components/Icon/icons/PodcastIcon.tsx
|
|
5577
|
-
var
|
|
5578
|
-
var PodcastIcon = (props) => /* @__PURE__ */ (0,
|
|
5595
|
+
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
5596
|
+
var PodcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
5579
5597
|
"svg",
|
|
5580
5598
|
{
|
|
5581
5599
|
...props,
|
|
5582
5600
|
viewBox: "0 0 24 24",
|
|
5583
5601
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5584
|
-
children: /* @__PURE__ */ (0,
|
|
5602
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
5585
5603
|
"path",
|
|
5586
5604
|
{
|
|
5587
5605
|
clipRule: "evenodd",
|
|
@@ -5594,14 +5612,14 @@ var PodcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
|
5594
5612
|
);
|
|
5595
5613
|
|
|
5596
5614
|
// src/components/Icon/icons/PreviewIcon.tsx
|
|
5597
|
-
var
|
|
5598
|
-
var PreviewIcon = (props) => /* @__PURE__ */ (0,
|
|
5615
|
+
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
5616
|
+
var PreviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
5599
5617
|
"svg",
|
|
5600
5618
|
{
|
|
5601
5619
|
...props,
|
|
5602
5620
|
viewBox: "0 0 24 24",
|
|
5603
5621
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5604
|
-
children: /* @__PURE__ */ (0,
|
|
5622
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
5605
5623
|
"path",
|
|
5606
5624
|
{
|
|
5607
5625
|
clipRule: "evenodd",
|
|
@@ -5614,14 +5632,14 @@ var PreviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
|
5614
5632
|
);
|
|
5615
5633
|
|
|
5616
5634
|
// src/components/Icon/icons/PrivateChatIcon.tsx
|
|
5617
|
-
var
|
|
5618
|
-
var PrivateChatIcon = (props) => /* @__PURE__ */ (0,
|
|
5635
|
+
var import_jsx_runtime134 = require("react/jsx-runtime");
|
|
5636
|
+
var PrivateChatIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
5619
5637
|
"svg",
|
|
5620
5638
|
{
|
|
5621
5639
|
...props,
|
|
5622
5640
|
viewBox: "0 0 24 24",
|
|
5623
5641
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5624
|
-
children: /* @__PURE__ */ (0,
|
|
5642
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
5625
5643
|
"path",
|
|
5626
5644
|
{
|
|
5627
5645
|
clipRule: "evenodd",
|
|
@@ -5634,14 +5652,14 @@ var PrivateChatIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
|
5634
5652
|
);
|
|
5635
5653
|
|
|
5636
5654
|
// src/components/Icon/icons/PrivateUserSessionsIcon.tsx
|
|
5637
|
-
var
|
|
5638
|
-
var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ (0,
|
|
5655
|
+
var import_jsx_runtime135 = require("react/jsx-runtime");
|
|
5656
|
+
var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
5639
5657
|
"svg",
|
|
5640
5658
|
{
|
|
5641
5659
|
...props,
|
|
5642
5660
|
viewBox: "0 0 24 24",
|
|
5643
5661
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5644
|
-
children: /* @__PURE__ */ (0,
|
|
5662
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
5645
5663
|
"path",
|
|
5646
5664
|
{
|
|
5647
5665
|
clipRule: "evenodd",
|
|
@@ -5654,15 +5672,15 @@ var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime1
|
|
|
5654
5672
|
);
|
|
5655
5673
|
|
|
5656
5674
|
// src/components/Icon/icons/ProjectIcon.tsx
|
|
5657
|
-
var
|
|
5658
|
-
var ProjectIcon = (props) => /* @__PURE__ */ (0,
|
|
5675
|
+
var import_jsx_runtime136 = require("react/jsx-runtime");
|
|
5676
|
+
var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
|
|
5659
5677
|
"svg",
|
|
5660
5678
|
{
|
|
5661
5679
|
...props,
|
|
5662
5680
|
viewBox: "0 0 24 24",
|
|
5663
5681
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5664
5682
|
children: [
|
|
5665
|
-
/* @__PURE__ */ (0,
|
|
5683
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
5666
5684
|
"path",
|
|
5667
5685
|
{
|
|
5668
5686
|
clipRule: "evenodd",
|
|
@@ -5671,7 +5689,7 @@ var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
|
|
|
5671
5689
|
fillRule: "evenodd"
|
|
5672
5690
|
}
|
|
5673
5691
|
),
|
|
5674
|
-
/* @__PURE__ */ (0,
|
|
5692
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
5675
5693
|
"path",
|
|
5676
5694
|
{
|
|
5677
5695
|
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",
|
|
@@ -5683,14 +5701,14 @@ var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
|
|
|
5683
5701
|
);
|
|
5684
5702
|
|
|
5685
5703
|
// src/components/Icon/icons/PropertiesIcon.tsx
|
|
5686
|
-
var
|
|
5687
|
-
var PropertiesIcon = (props) => /* @__PURE__ */ (0,
|
|
5704
|
+
var import_jsx_runtime137 = require("react/jsx-runtime");
|
|
5705
|
+
var PropertiesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
5688
5706
|
"svg",
|
|
5689
5707
|
{
|
|
5690
5708
|
...props,
|
|
5691
5709
|
viewBox: "0 0 24 24",
|
|
5692
5710
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5693
|
-
children: /* @__PURE__ */ (0,
|
|
5711
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
5694
5712
|
"path",
|
|
5695
5713
|
{
|
|
5696
5714
|
clipRule: "evenodd",
|
|
@@ -5703,14 +5721,14 @@ var PropertiesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
|
5703
5721
|
);
|
|
5704
5722
|
|
|
5705
5723
|
// src/components/Icon/icons/QuestionMarkIcon.tsx
|
|
5706
|
-
var
|
|
5707
|
-
var QuestionMarkIcon = (props) => /* @__PURE__ */ (0,
|
|
5724
|
+
var import_jsx_runtime138 = require("react/jsx-runtime");
|
|
5725
|
+
var QuestionMarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
5708
5726
|
"svg",
|
|
5709
5727
|
{
|
|
5710
5728
|
...props,
|
|
5711
5729
|
viewBox: "0 0 24 24",
|
|
5712
5730
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5713
|
-
children: /* @__PURE__ */ (0,
|
|
5731
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
5714
5732
|
"path",
|
|
5715
5733
|
{
|
|
5716
5734
|
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",
|
|
@@ -5721,14 +5739,14 @@ var QuestionMarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)
|
|
|
5721
5739
|
);
|
|
5722
5740
|
|
|
5723
5741
|
// src/components/Icon/icons/ReactIcon.tsx
|
|
5724
|
-
var
|
|
5725
|
-
var ReactIcon = (props) => /* @__PURE__ */ (0,
|
|
5742
|
+
var import_jsx_runtime139 = require("react/jsx-runtime");
|
|
5743
|
+
var ReactIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
5726
5744
|
"svg",
|
|
5727
5745
|
{
|
|
5728
5746
|
...props,
|
|
5729
5747
|
viewBox: "0 0 24 24",
|
|
5730
5748
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5731
|
-
children: /* @__PURE__ */ (0,
|
|
5749
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
5732
5750
|
"path",
|
|
5733
5751
|
{
|
|
5734
5752
|
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",
|
|
@@ -5739,14 +5757,14 @@ var ReactIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
|
5739
5757
|
);
|
|
5740
5758
|
|
|
5741
5759
|
// src/components/Icon/icons/RecordIcon.tsx
|
|
5742
|
-
var
|
|
5743
|
-
var RecordIcon = (props) => /* @__PURE__ */ (0,
|
|
5760
|
+
var import_jsx_runtime140 = require("react/jsx-runtime");
|
|
5761
|
+
var RecordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
5744
5762
|
"svg",
|
|
5745
5763
|
{
|
|
5746
5764
|
...props,
|
|
5747
5765
|
viewBox: "0 0 24 24",
|
|
5748
5766
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5749
|
-
children: /* @__PURE__ */ (0,
|
|
5767
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
5750
5768
|
"path",
|
|
5751
5769
|
{
|
|
5752
5770
|
clipRule: "evenodd",
|
|
@@ -5759,43 +5777,43 @@ var RecordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
|
5759
5777
|
);
|
|
5760
5778
|
|
|
5761
5779
|
// src/components/Icon/icons/RecordGroupIcon.tsx
|
|
5762
|
-
var
|
|
5763
|
-
var RecordGroupIcon = (props) => /* @__PURE__ */ (0,
|
|
5780
|
+
var import_jsx_runtime141 = require("react/jsx-runtime");
|
|
5781
|
+
var RecordGroupIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
|
|
5764
5782
|
"svg",
|
|
5765
5783
|
{
|
|
5766
5784
|
...props,
|
|
5767
5785
|
viewBox: "0 0 24 24",
|
|
5768
5786
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5769
5787
|
children: [
|
|
5770
|
-
/* @__PURE__ */ (0,
|
|
5788
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
5771
5789
|
"path",
|
|
5772
5790
|
{
|
|
5773
5791
|
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",
|
|
5774
5792
|
fill: "currentColor"
|
|
5775
5793
|
}
|
|
5776
5794
|
),
|
|
5777
|
-
/* @__PURE__ */ (0,
|
|
5795
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
5778
5796
|
"path",
|
|
5779
5797
|
{
|
|
5780
5798
|
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",
|
|
5781
5799
|
fill: "currentColor"
|
|
5782
5800
|
}
|
|
5783
5801
|
),
|
|
5784
|
-
/* @__PURE__ */ (0,
|
|
5802
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
5785
5803
|
"path",
|
|
5786
5804
|
{
|
|
5787
5805
|
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",
|
|
5788
5806
|
fill: "currentColor"
|
|
5789
5807
|
}
|
|
5790
5808
|
),
|
|
5791
|
-
/* @__PURE__ */ (0,
|
|
5809
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
5792
5810
|
"path",
|
|
5793
5811
|
{
|
|
5794
5812
|
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",
|
|
5795
5813
|
fill: "currentColor"
|
|
5796
5814
|
}
|
|
5797
5815
|
),
|
|
5798
|
-
/* @__PURE__ */ (0,
|
|
5816
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
5799
5817
|
"path",
|
|
5800
5818
|
{
|
|
5801
5819
|
clipRule: "evenodd",
|
|
@@ -5809,14 +5827,14 @@ var RecordGroupIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)
|
|
|
5809
5827
|
);
|
|
5810
5828
|
|
|
5811
5829
|
// src/components/Icon/icons/RedoIcon.tsx
|
|
5812
|
-
var
|
|
5813
|
-
var RedoIcon = (props) => /* @__PURE__ */ (0,
|
|
5830
|
+
var import_jsx_runtime142 = require("react/jsx-runtime");
|
|
5831
|
+
var RedoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
5814
5832
|
"svg",
|
|
5815
5833
|
{
|
|
5816
5834
|
...props,
|
|
5817
5835
|
viewBox: "0 0 24 24",
|
|
5818
5836
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5819
|
-
children: /* @__PURE__ */ (0,
|
|
5837
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
5820
5838
|
"path",
|
|
5821
5839
|
{
|
|
5822
5840
|
clipRule: "evenodd",
|
|
@@ -5829,14 +5847,14 @@ var RedoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
|
5829
5847
|
);
|
|
5830
5848
|
|
|
5831
5849
|
// src/components/Icon/icons/RefreshIcon.tsx
|
|
5832
|
-
var
|
|
5833
|
-
var RefreshIcon = (props) => /* @__PURE__ */ (0,
|
|
5850
|
+
var import_jsx_runtime143 = require("react/jsx-runtime");
|
|
5851
|
+
var RefreshIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
5834
5852
|
"svg",
|
|
5835
5853
|
{
|
|
5836
5854
|
...props,
|
|
5837
5855
|
viewBox: "0 0 24 24",
|
|
5838
5856
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5839
|
-
children: /* @__PURE__ */ (0,
|
|
5857
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
5840
5858
|
"path",
|
|
5841
5859
|
{
|
|
5842
5860
|
clipRule: "evenodd",
|
|
@@ -5849,14 +5867,14 @@ var RefreshIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
|
5849
5867
|
);
|
|
5850
5868
|
|
|
5851
5869
|
// src/components/Icon/icons/ReplaceIcon.tsx
|
|
5852
|
-
var
|
|
5853
|
-
var ReplaceIcon = (props) => /* @__PURE__ */ (0,
|
|
5870
|
+
var import_jsx_runtime144 = require("react/jsx-runtime");
|
|
5871
|
+
var ReplaceIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
5854
5872
|
"svg",
|
|
5855
5873
|
{
|
|
5856
5874
|
...props,
|
|
5857
5875
|
viewBox: "0 0 24 24",
|
|
5858
5876
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5859
|
-
children: /* @__PURE__ */ (0,
|
|
5877
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
5860
5878
|
"path",
|
|
5861
5879
|
{
|
|
5862
5880
|
clipRule: "evenodd",
|
|
@@ -5869,14 +5887,14 @@ var ReplaceIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
|
5869
5887
|
);
|
|
5870
5888
|
|
|
5871
5889
|
// src/components/Icon/icons/ReplyIcon.tsx
|
|
5872
|
-
var
|
|
5873
|
-
var ReplyIcon = (props) => /* @__PURE__ */ (0,
|
|
5890
|
+
var import_jsx_runtime145 = require("react/jsx-runtime");
|
|
5891
|
+
var ReplyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
5874
5892
|
"svg",
|
|
5875
5893
|
{
|
|
5876
5894
|
...props,
|
|
5877
5895
|
viewBox: "0 0 24 24",
|
|
5878
5896
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5879
|
-
children: /* @__PURE__ */ (0,
|
|
5897
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
5880
5898
|
"path",
|
|
5881
5899
|
{
|
|
5882
5900
|
clipRule: "evenodd",
|
|
@@ -5889,14 +5907,14 @@ var ReplyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
|
5889
5907
|
);
|
|
5890
5908
|
|
|
5891
5909
|
// src/components/Icon/icons/RequestVideoIcon.tsx
|
|
5892
|
-
var
|
|
5893
|
-
var RequestVideoIcon = (props) => /* @__PURE__ */ (0,
|
|
5910
|
+
var import_jsx_runtime146 = require("react/jsx-runtime");
|
|
5911
|
+
var RequestVideoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
5894
5912
|
"svg",
|
|
5895
5913
|
{
|
|
5896
5914
|
...props,
|
|
5897
5915
|
viewBox: "0 0 24 24",
|
|
5898
5916
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5899
|
-
children: /* @__PURE__ */ (0,
|
|
5917
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
5900
5918
|
"path",
|
|
5901
5919
|
{
|
|
5902
5920
|
clipRule: "evenodd",
|
|
@@ -5909,14 +5927,14 @@ var RequestVideoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)
|
|
|
5909
5927
|
);
|
|
5910
5928
|
|
|
5911
5929
|
// src/components/Icon/icons/RevertToOriginalIcon.tsx
|
|
5912
|
-
var
|
|
5913
|
-
var RevertToOriginalIcon = (props) => /* @__PURE__ */ (0,
|
|
5930
|
+
var import_jsx_runtime147 = require("react/jsx-runtime");
|
|
5931
|
+
var RevertToOriginalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
|
|
5914
5932
|
"svg",
|
|
5915
5933
|
{
|
|
5916
5934
|
...props,
|
|
5917
5935
|
viewBox: "0 0 24 24",
|
|
5918
5936
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5919
|
-
children: /* @__PURE__ */ (0,
|
|
5937
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
|
|
5920
5938
|
"path",
|
|
5921
5939
|
{
|
|
5922
5940
|
clipRule: "evenodd",
|
|
@@ -5929,14 +5947,14 @@ var RevertToOriginalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime146.
|
|
|
5929
5947
|
);
|
|
5930
5948
|
|
|
5931
5949
|
// src/components/Icon/icons/RewindIcon.tsx
|
|
5932
|
-
var
|
|
5933
|
-
var RewindIcon = (props) => /* @__PURE__ */ (0,
|
|
5950
|
+
var import_jsx_runtime148 = require("react/jsx-runtime");
|
|
5951
|
+
var RewindIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
|
|
5934
5952
|
"svg",
|
|
5935
5953
|
{
|
|
5936
5954
|
...props,
|
|
5937
5955
|
viewBox: "0 0 24 24",
|
|
5938
5956
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5939
|
-
children: /* @__PURE__ */ (0,
|
|
5957
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
|
|
5940
5958
|
"path",
|
|
5941
5959
|
{
|
|
5942
5960
|
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",
|
|
@@ -5947,14 +5965,14 @@ var RewindIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
|
|
|
5947
5965
|
);
|
|
5948
5966
|
|
|
5949
5967
|
// src/components/Icon/icons/SaveIcon.tsx
|
|
5950
|
-
var
|
|
5951
|
-
var SaveIcon = (props) => /* @__PURE__ */ (0,
|
|
5968
|
+
var import_jsx_runtime149 = require("react/jsx-runtime");
|
|
5969
|
+
var SaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
5952
5970
|
"svg",
|
|
5953
5971
|
{
|
|
5954
5972
|
...props,
|
|
5955
5973
|
viewBox: "0 0 24 24",
|
|
5956
5974
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5957
|
-
children: /* @__PURE__ */ (0,
|
|
5975
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
5958
5976
|
"path",
|
|
5959
5977
|
{
|
|
5960
5978
|
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",
|
|
@@ -5965,14 +5983,14 @@ var SaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
|
|
|
5965
5983
|
);
|
|
5966
5984
|
|
|
5967
5985
|
// src/components/Icon/icons/SaveAsCopyIcon.tsx
|
|
5968
|
-
var
|
|
5969
|
-
var SaveAsCopyIcon = (props) => /* @__PURE__ */ (0,
|
|
5986
|
+
var import_jsx_runtime150 = require("react/jsx-runtime");
|
|
5987
|
+
var SaveAsCopyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
|
|
5970
5988
|
"svg",
|
|
5971
5989
|
{
|
|
5972
5990
|
...props,
|
|
5973
5991
|
viewBox: "0 0 24 24",
|
|
5974
5992
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5975
|
-
children: /* @__PURE__ */ (0,
|
|
5993
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
|
|
5976
5994
|
"path",
|
|
5977
5995
|
{
|
|
5978
5996
|
clipRule: "evenodd",
|
|
@@ -5985,14 +6003,14 @@ var SaveAsCopyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
|
5985
6003
|
);
|
|
5986
6004
|
|
|
5987
6005
|
// src/components/Icon/icons/ScissorsIcon.tsx
|
|
5988
|
-
var
|
|
5989
|
-
var ScissorsIcon = (props) => /* @__PURE__ */ (0,
|
|
6006
|
+
var import_jsx_runtime151 = require("react/jsx-runtime");
|
|
6007
|
+
var ScissorsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
5990
6008
|
"svg",
|
|
5991
6009
|
{
|
|
5992
6010
|
...props,
|
|
5993
6011
|
viewBox: "0 0 24 24",
|
|
5994
6012
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5995
|
-
children: /* @__PURE__ */ (0,
|
|
6013
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
5996
6014
|
"path",
|
|
5997
6015
|
{
|
|
5998
6016
|
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",
|
|
@@ -6003,14 +6021,14 @@ var ScissorsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
|
|
|
6003
6021
|
);
|
|
6004
6022
|
|
|
6005
6023
|
// src/components/Icon/icons/ScreenshareOffIcon.tsx
|
|
6006
|
-
var
|
|
6007
|
-
var ScreenshareOffIcon = (props) => /* @__PURE__ */ (0,
|
|
6024
|
+
var import_jsx_runtime152 = require("react/jsx-runtime");
|
|
6025
|
+
var ScreenshareOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
|
|
6008
6026
|
"svg",
|
|
6009
6027
|
{
|
|
6010
6028
|
...props,
|
|
6011
6029
|
viewBox: "0 0 24 24",
|
|
6012
6030
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6013
|
-
children: /* @__PURE__ */ (0,
|
|
6031
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
|
|
6014
6032
|
"path",
|
|
6015
6033
|
{
|
|
6016
6034
|
clipRule: "evenodd",
|
|
@@ -6023,14 +6041,14 @@ var ScreenshareOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime151.js
|
|
|
6023
6041
|
);
|
|
6024
6042
|
|
|
6025
6043
|
// src/components/Icon/icons/ScreenshareOnIcon.tsx
|
|
6026
|
-
var
|
|
6027
|
-
var ScreenshareOnIcon = (props) => /* @__PURE__ */ (0,
|
|
6044
|
+
var import_jsx_runtime153 = require("react/jsx-runtime");
|
|
6045
|
+
var ScreenshareOnIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
|
|
6028
6046
|
"svg",
|
|
6029
6047
|
{
|
|
6030
6048
|
...props,
|
|
6031
6049
|
viewBox: "0 0 24 24",
|
|
6032
6050
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6033
|
-
children: /* @__PURE__ */ (0,
|
|
6051
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
|
|
6034
6052
|
"path",
|
|
6035
6053
|
{
|
|
6036
6054
|
clipRule: "evenodd",
|
|
@@ -6043,14 +6061,14 @@ var ScreenshareOnIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx
|
|
|
6043
6061
|
);
|
|
6044
6062
|
|
|
6045
6063
|
// src/components/Icon/icons/SearchIcon.tsx
|
|
6046
|
-
var
|
|
6047
|
-
var SearchIcon = (props) => /* @__PURE__ */ (0,
|
|
6064
|
+
var import_jsx_runtime154 = require("react/jsx-runtime");
|
|
6065
|
+
var SearchIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
|
|
6048
6066
|
"svg",
|
|
6049
6067
|
{
|
|
6050
6068
|
...props,
|
|
6051
6069
|
viewBox: "0 0 24 24",
|
|
6052
6070
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6053
|
-
children: /* @__PURE__ */ (0,
|
|
6071
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
|
|
6054
6072
|
"path",
|
|
6055
6073
|
{
|
|
6056
6074
|
clipRule: "evenodd",
|
|
@@ -6063,14 +6081,14 @@ var SearchIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
|
|
|
6063
6081
|
);
|
|
6064
6082
|
|
|
6065
6083
|
// src/components/Icon/icons/SendIcon.tsx
|
|
6066
|
-
var
|
|
6067
|
-
var SendIcon = (props) => /* @__PURE__ */ (0,
|
|
6084
|
+
var import_jsx_runtime155 = require("react/jsx-runtime");
|
|
6085
|
+
var SendIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
|
|
6068
6086
|
"svg",
|
|
6069
6087
|
{
|
|
6070
6088
|
...props,
|
|
6071
6089
|
viewBox: "0 0 24 24",
|
|
6072
6090
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6073
|
-
children: /* @__PURE__ */ (0,
|
|
6091
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
|
|
6074
6092
|
"path",
|
|
6075
6093
|
{
|
|
6076
6094
|
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",
|
|
@@ -6081,14 +6099,14 @@ var SendIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
|
|
|
6081
6099
|
);
|
|
6082
6100
|
|
|
6083
6101
|
// src/components/Icon/icons/ShapesIcon.tsx
|
|
6084
|
-
var
|
|
6085
|
-
var ShapesIcon = (props) => /* @__PURE__ */ (0,
|
|
6102
|
+
var import_jsx_runtime156 = require("react/jsx-runtime");
|
|
6103
|
+
var ShapesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
|
|
6086
6104
|
"svg",
|
|
6087
6105
|
{
|
|
6088
6106
|
...props,
|
|
6089
6107
|
viewBox: "0 0 24 24",
|
|
6090
6108
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6091
|
-
children: /* @__PURE__ */ (0,
|
|
6109
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
|
|
6092
6110
|
"path",
|
|
6093
6111
|
{
|
|
6094
6112
|
clipRule: "evenodd",
|
|
@@ -6101,14 +6119,14 @@ var ShapesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
|
|
|
6101
6119
|
);
|
|
6102
6120
|
|
|
6103
6121
|
// src/components/Icon/icons/ShareIcon.tsx
|
|
6104
|
-
var
|
|
6105
|
-
var ShareIcon = (props) => /* @__PURE__ */ (0,
|
|
6122
|
+
var import_jsx_runtime157 = require("react/jsx-runtime");
|
|
6123
|
+
var ShareIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
|
|
6106
6124
|
"svg",
|
|
6107
6125
|
{
|
|
6108
6126
|
...props,
|
|
6109
6127
|
viewBox: "0 0 24 24",
|
|
6110
6128
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6111
|
-
children: /* @__PURE__ */ (0,
|
|
6129
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
|
|
6112
6130
|
"path",
|
|
6113
6131
|
{
|
|
6114
6132
|
clipRule: "evenodd",
|
|
@@ -6121,14 +6139,14 @@ var ShareIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
|
|
|
6121
6139
|
);
|
|
6122
6140
|
|
|
6123
6141
|
// src/components/Icon/icons/SharingPermissionsIcon.tsx
|
|
6124
|
-
var
|
|
6125
|
-
var SharingPermissionsIcon = (props) => /* @__PURE__ */ (0,
|
|
6142
|
+
var import_jsx_runtime158 = require("react/jsx-runtime");
|
|
6143
|
+
var SharingPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
|
|
6126
6144
|
"svg",
|
|
6127
6145
|
{
|
|
6128
6146
|
...props,
|
|
6129
6147
|
viewBox: "0 0 24 24",
|
|
6130
6148
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6131
|
-
children: /* @__PURE__ */ (0,
|
|
6149
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
|
|
6132
6150
|
"path",
|
|
6133
6151
|
{
|
|
6134
6152
|
clipRule: "evenodd",
|
|
@@ -6141,14 +6159,14 @@ var SharingPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime15
|
|
|
6141
6159
|
);
|
|
6142
6160
|
|
|
6143
6161
|
// src/components/Icon/icons/SimulcastIcon.tsx
|
|
6144
|
-
var
|
|
6145
|
-
var SimulcastIcon = (props) => /* @__PURE__ */ (0,
|
|
6162
|
+
var import_jsx_runtime159 = require("react/jsx-runtime");
|
|
6163
|
+
var SimulcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
|
|
6146
6164
|
"svg",
|
|
6147
6165
|
{
|
|
6148
6166
|
...props,
|
|
6149
6167
|
viewBox: "0 0 24 24",
|
|
6150
6168
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6151
|
-
children: /* @__PURE__ */ (0,
|
|
6169
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
|
|
6152
6170
|
"path",
|
|
6153
6171
|
{
|
|
6154
6172
|
clipRule: "evenodd",
|
|
@@ -6161,14 +6179,14 @@ var SimulcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
|
|
|
6161
6179
|
);
|
|
6162
6180
|
|
|
6163
6181
|
// src/components/Icon/icons/SortIcon.tsx
|
|
6164
|
-
var
|
|
6165
|
-
var SortIcon = (props) => /* @__PURE__ */ (0,
|
|
6182
|
+
var import_jsx_runtime160 = require("react/jsx-runtime");
|
|
6183
|
+
var SortIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
|
|
6166
6184
|
"svg",
|
|
6167
6185
|
{
|
|
6168
6186
|
...props,
|
|
6169
6187
|
viewBox: "0 0 24 24",
|
|
6170
6188
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6171
|
-
children: /* @__PURE__ */ (0,
|
|
6189
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
|
|
6172
6190
|
"path",
|
|
6173
6191
|
{
|
|
6174
6192
|
clipRule: "evenodd",
|
|
@@ -6181,14 +6199,14 @@ var SortIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
|
|
|
6181
6199
|
);
|
|
6182
6200
|
|
|
6183
6201
|
// src/components/Icon/icons/SparkleIcon.tsx
|
|
6184
|
-
var
|
|
6185
|
-
var SparkleIcon = (props) => /* @__PURE__ */ (0,
|
|
6202
|
+
var import_jsx_runtime161 = require("react/jsx-runtime");
|
|
6203
|
+
var SparkleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
|
|
6186
6204
|
"svg",
|
|
6187
6205
|
{
|
|
6188
6206
|
...props,
|
|
6189
6207
|
viewBox: "0 0 24 24",
|
|
6190
6208
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6191
|
-
children: /* @__PURE__ */ (0,
|
|
6209
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
|
|
6192
6210
|
"path",
|
|
6193
6211
|
{
|
|
6194
6212
|
clipRule: "evenodd",
|
|
@@ -6201,14 +6219,14 @@ var SparkleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
|
|
|
6201
6219
|
);
|
|
6202
6220
|
|
|
6203
6221
|
// src/components/Icon/icons/SpeedIcon.tsx
|
|
6204
|
-
var
|
|
6205
|
-
var SpeedIcon = (props) => /* @__PURE__ */ (0,
|
|
6222
|
+
var import_jsx_runtime162 = require("react/jsx-runtime");
|
|
6223
|
+
var SpeedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
|
|
6206
6224
|
"svg",
|
|
6207
6225
|
{
|
|
6208
6226
|
...props,
|
|
6209
6227
|
viewBox: "0 0 24 24",
|
|
6210
6228
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6211
|
-
children: /* @__PURE__ */ (0,
|
|
6229
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
|
|
6212
6230
|
"path",
|
|
6213
6231
|
{
|
|
6214
6232
|
clipRule: "evenodd",
|
|
@@ -6221,15 +6239,15 @@ var SpeedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
|
|
|
6221
6239
|
);
|
|
6222
6240
|
|
|
6223
6241
|
// src/components/Icon/icons/SpinnerIcon.tsx
|
|
6224
|
-
var
|
|
6225
|
-
var SpinnerIcon = (props) => /* @__PURE__ */ (0,
|
|
6242
|
+
var import_jsx_runtime163 = require("react/jsx-runtime");
|
|
6243
|
+
var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(
|
|
6226
6244
|
"svg",
|
|
6227
6245
|
{
|
|
6228
6246
|
...props,
|
|
6229
6247
|
viewBox: "0 0 24 24",
|
|
6230
6248
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6231
6249
|
children: [
|
|
6232
|
-
/* @__PURE__ */ (0,
|
|
6250
|
+
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
|
|
6233
6251
|
"path",
|
|
6234
6252
|
{
|
|
6235
6253
|
clipRule: "evenodd",
|
|
@@ -6238,7 +6256,7 @@ var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(
|
|
|
6238
6256
|
fillRule: "evenodd"
|
|
6239
6257
|
}
|
|
6240
6258
|
),
|
|
6241
|
-
/* @__PURE__ */ (0,
|
|
6259
|
+
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
|
|
6242
6260
|
"animateTransform",
|
|
6243
6261
|
{
|
|
6244
6262
|
attributeName: "transform",
|
|
@@ -6254,14 +6272,14 @@ var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(
|
|
|
6254
6272
|
);
|
|
6255
6273
|
|
|
6256
6274
|
// src/components/Icon/icons/StatsIcon.tsx
|
|
6257
|
-
var
|
|
6258
|
-
var StatsIcon = (props) => /* @__PURE__ */ (0,
|
|
6275
|
+
var import_jsx_runtime164 = require("react/jsx-runtime");
|
|
6276
|
+
var StatsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
|
|
6259
6277
|
"svg",
|
|
6260
6278
|
{
|
|
6261
6279
|
...props,
|
|
6262
6280
|
viewBox: "0 0 24 24",
|
|
6263
6281
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6264
|
-
children: /* @__PURE__ */ (0,
|
|
6282
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
|
|
6265
6283
|
"path",
|
|
6266
6284
|
{
|
|
6267
6285
|
clipRule: "evenodd",
|
|
@@ -6274,14 +6292,14 @@ var StatsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
|
|
|
6274
6292
|
);
|
|
6275
6293
|
|
|
6276
6294
|
// src/components/Icon/icons/SwitchAccountsIcon.tsx
|
|
6277
|
-
var
|
|
6278
|
-
var SwitchAccountsIcon = (props) => /* @__PURE__ */ (0,
|
|
6295
|
+
var import_jsx_runtime165 = require("react/jsx-runtime");
|
|
6296
|
+
var SwitchAccountsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
|
|
6279
6297
|
"svg",
|
|
6280
6298
|
{
|
|
6281
6299
|
...props,
|
|
6282
6300
|
viewBox: "0 0 24 24",
|
|
6283
6301
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6284
|
-
children: /* @__PURE__ */ (0,
|
|
6302
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
|
|
6285
6303
|
"path",
|
|
6286
6304
|
{
|
|
6287
6305
|
clipRule: "evenodd",
|
|
@@ -6294,14 +6312,14 @@ var SwitchAccountsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime164.js
|
|
|
6294
6312
|
);
|
|
6295
6313
|
|
|
6296
6314
|
// src/components/Icon/icons/TagIcon.tsx
|
|
6297
|
-
var
|
|
6298
|
-
var TagIcon = (props) => /* @__PURE__ */ (0,
|
|
6315
|
+
var import_jsx_runtime166 = require("react/jsx-runtime");
|
|
6316
|
+
var TagIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
|
|
6299
6317
|
"svg",
|
|
6300
6318
|
{
|
|
6301
6319
|
...props,
|
|
6302
6320
|
viewBox: "0 0 24 24",
|
|
6303
6321
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6304
|
-
children: /* @__PURE__ */ (0,
|
|
6322
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
|
|
6305
6323
|
"path",
|
|
6306
6324
|
{
|
|
6307
6325
|
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",
|
|
@@ -6312,14 +6330,14 @@ var TagIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
|
|
|
6312
6330
|
);
|
|
6313
6331
|
|
|
6314
6332
|
// src/components/Icon/icons/TeleprompterIcon.tsx
|
|
6315
|
-
var
|
|
6316
|
-
var TeleprompterIcon = (props) => /* @__PURE__ */ (0,
|
|
6333
|
+
var import_jsx_runtime167 = require("react/jsx-runtime");
|
|
6334
|
+
var TeleprompterIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
6317
6335
|
"svg",
|
|
6318
6336
|
{
|
|
6319
6337
|
...props,
|
|
6320
6338
|
viewBox: "0 0 24 24",
|
|
6321
6339
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6322
|
-
children: /* @__PURE__ */ (0,
|
|
6340
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
6323
6341
|
"path",
|
|
6324
6342
|
{
|
|
6325
6343
|
clipRule: "evenodd",
|
|
@@ -6332,14 +6350,14 @@ var TeleprompterIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)
|
|
|
6332
6350
|
);
|
|
6333
6351
|
|
|
6334
6352
|
// src/components/Icon/icons/TextSizeIcon.tsx
|
|
6335
|
-
var
|
|
6336
|
-
var TextSizeIcon = (props) => /* @__PURE__ */ (0,
|
|
6353
|
+
var import_jsx_runtime168 = require("react/jsx-runtime");
|
|
6354
|
+
var TextSizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
|
|
6337
6355
|
"svg",
|
|
6338
6356
|
{
|
|
6339
6357
|
...props,
|
|
6340
6358
|
viewBox: "0 0 24 24",
|
|
6341
6359
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6342
|
-
children: /* @__PURE__ */ (0,
|
|
6360
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
|
|
6343
6361
|
"path",
|
|
6344
6362
|
{
|
|
6345
6363
|
clipRule: "evenodd",
|
|
@@ -6352,14 +6370,14 @@ var TextSizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
|
6352
6370
|
);
|
|
6353
6371
|
|
|
6354
6372
|
// src/components/Icon/icons/ThumbnailIcon.tsx
|
|
6355
|
-
var
|
|
6356
|
-
var ThumbnailIcon = (props) => /* @__PURE__ */ (0,
|
|
6373
|
+
var import_jsx_runtime169 = require("react/jsx-runtime");
|
|
6374
|
+
var ThumbnailIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
6357
6375
|
"svg",
|
|
6358
6376
|
{
|
|
6359
6377
|
...props,
|
|
6360
6378
|
viewBox: "0 0 24 24",
|
|
6361
6379
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6362
|
-
children: /* @__PURE__ */ (0,
|
|
6380
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
6363
6381
|
"path",
|
|
6364
6382
|
{
|
|
6365
6383
|
clipRule: "evenodd",
|
|
@@ -6372,14 +6390,14 @@ var ThumbnailIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
|
|
|
6372
6390
|
);
|
|
6373
6391
|
|
|
6374
6392
|
// src/components/Icon/icons/ThumbsDownIcon.tsx
|
|
6375
|
-
var
|
|
6376
|
-
var ThumbsDownIcon = (props) => /* @__PURE__ */ (0,
|
|
6393
|
+
var import_jsx_runtime170 = require("react/jsx-runtime");
|
|
6394
|
+
var ThumbsDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
|
|
6377
6395
|
"svg",
|
|
6378
6396
|
{
|
|
6379
6397
|
...props,
|
|
6380
6398
|
viewBox: "0 0 24 24",
|
|
6381
6399
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6382
|
-
children: /* @__PURE__ */ (0,
|
|
6400
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
|
|
6383
6401
|
"path",
|
|
6384
6402
|
{
|
|
6385
6403
|
clipRule: "evenodd",
|
|
@@ -6392,14 +6410,14 @@ var ThumbsDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
|
6392
6410
|
);
|
|
6393
6411
|
|
|
6394
6412
|
// src/components/Icon/icons/ThumbsUpIcon.tsx
|
|
6395
|
-
var
|
|
6396
|
-
var ThumbsUpIcon = (props) => /* @__PURE__ */ (0,
|
|
6413
|
+
var import_jsx_runtime171 = require("react/jsx-runtime");
|
|
6414
|
+
var ThumbsUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
|
|
6397
6415
|
"svg",
|
|
6398
6416
|
{
|
|
6399
6417
|
...props,
|
|
6400
6418
|
viewBox: "0 0 24 24",
|
|
6401
6419
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6402
|
-
children: /* @__PURE__ */ (0,
|
|
6420
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
|
|
6403
6421
|
"path",
|
|
6404
6422
|
{
|
|
6405
6423
|
clipRule: "evenodd",
|
|
@@ -6412,14 +6430,14 @@ var ThumbsUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
|
|
|
6412
6430
|
);
|
|
6413
6431
|
|
|
6414
6432
|
// src/components/Icon/icons/TranscriptIcon.tsx
|
|
6415
|
-
var
|
|
6416
|
-
var TranscriptIcon = (props) => /* @__PURE__ */ (0,
|
|
6433
|
+
var import_jsx_runtime172 = require("react/jsx-runtime");
|
|
6434
|
+
var TranscriptIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
|
|
6417
6435
|
"svg",
|
|
6418
6436
|
{
|
|
6419
6437
|
...props,
|
|
6420
6438
|
viewBox: "0 0 24 24",
|
|
6421
6439
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6422
|
-
children: /* @__PURE__ */ (0,
|
|
6440
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
|
|
6423
6441
|
"path",
|
|
6424
6442
|
{
|
|
6425
6443
|
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",
|
|
@@ -6430,14 +6448,14 @@ var TranscriptIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
|
|
|
6430
6448
|
);
|
|
6431
6449
|
|
|
6432
6450
|
// src/components/Icon/icons/TransitionsIcon.tsx
|
|
6433
|
-
var
|
|
6434
|
-
var TransitionsIcon = (props) => /* @__PURE__ */ (0,
|
|
6451
|
+
var import_jsx_runtime173 = require("react/jsx-runtime");
|
|
6452
|
+
var TransitionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
|
|
6435
6453
|
"svg",
|
|
6436
6454
|
{
|
|
6437
6455
|
...props,
|
|
6438
6456
|
viewBox: "0 0 24 24",
|
|
6439
6457
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6440
|
-
children: /* @__PURE__ */ (0,
|
|
6458
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
|
|
6441
6459
|
"path",
|
|
6442
6460
|
{
|
|
6443
6461
|
clipRule: "evenodd",
|
|
@@ -6450,14 +6468,14 @@ var TransitionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
|
|
|
6450
6468
|
);
|
|
6451
6469
|
|
|
6452
6470
|
// src/components/Icon/icons/TransparencyIcon.tsx
|
|
6453
|
-
var
|
|
6454
|
-
var TransparencyIcon = (props) => /* @__PURE__ */ (0,
|
|
6471
|
+
var import_jsx_runtime174 = require("react/jsx-runtime");
|
|
6472
|
+
var TransparencyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
|
|
6455
6473
|
"svg",
|
|
6456
6474
|
{
|
|
6457
6475
|
...props,
|
|
6458
6476
|
viewBox: "0 0 24 24",
|
|
6459
6477
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6460
|
-
children: /* @__PURE__ */ (0,
|
|
6478
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
|
|
6461
6479
|
"path",
|
|
6462
6480
|
{
|
|
6463
6481
|
clipRule: "evenodd",
|
|
@@ -6470,14 +6488,14 @@ var TransparencyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)
|
|
|
6470
6488
|
);
|
|
6471
6489
|
|
|
6472
6490
|
// src/components/Icon/icons/TrendsIcon.tsx
|
|
6473
|
-
var
|
|
6474
|
-
var TrendsIcon = (props) => /* @__PURE__ */ (0,
|
|
6491
|
+
var import_jsx_runtime175 = require("react/jsx-runtime");
|
|
6492
|
+
var TrendsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
|
|
6475
6493
|
"svg",
|
|
6476
6494
|
{
|
|
6477
6495
|
...props,
|
|
6478
6496
|
viewBox: "0 0 24 24",
|
|
6479
6497
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6480
|
-
children: /* @__PURE__ */ (0,
|
|
6498
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
|
|
6481
6499
|
"path",
|
|
6482
6500
|
{
|
|
6483
6501
|
clipRule: "evenodd",
|
|
@@ -6490,14 +6508,14 @@ var TrendsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
|
|
|
6490
6508
|
);
|
|
6491
6509
|
|
|
6492
6510
|
// src/components/Icon/icons/TrialUnlockClockIcon.tsx
|
|
6493
|
-
var
|
|
6494
|
-
var TrialUnlockClockIcon = (props) => /* @__PURE__ */ (0,
|
|
6511
|
+
var import_jsx_runtime176 = require("react/jsx-runtime");
|
|
6512
|
+
var TrialUnlockClockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
|
|
6495
6513
|
"svg",
|
|
6496
6514
|
{
|
|
6497
6515
|
...props,
|
|
6498
6516
|
viewBox: "0 0 24 24",
|
|
6499
6517
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6500
|
-
children: /* @__PURE__ */ (0,
|
|
6518
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
|
|
6501
6519
|
"path",
|
|
6502
6520
|
{
|
|
6503
6521
|
clipRule: "evenodd",
|
|
@@ -6510,14 +6528,14 @@ var TrialUnlockClockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime175.
|
|
|
6510
6528
|
);
|
|
6511
6529
|
|
|
6512
6530
|
// src/components/Icon/icons/TrimIcon.tsx
|
|
6513
|
-
var
|
|
6514
|
-
var TrimIcon = (props) => /* @__PURE__ */ (0,
|
|
6531
|
+
var import_jsx_runtime177 = require("react/jsx-runtime");
|
|
6532
|
+
var TrimIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
|
|
6515
6533
|
"svg",
|
|
6516
6534
|
{
|
|
6517
6535
|
...props,
|
|
6518
6536
|
viewBox: "0 0 24 24",
|
|
6519
6537
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6520
|
-
children: /* @__PURE__ */ (0,
|
|
6538
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
|
|
6521
6539
|
"path",
|
|
6522
6540
|
{
|
|
6523
6541
|
clipRule: "evenodd",
|
|
@@ -6530,14 +6548,14 @@ var TrimIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
|
|
|
6530
6548
|
);
|
|
6531
6549
|
|
|
6532
6550
|
// src/components/Icon/icons/TurnstileIcon.tsx
|
|
6533
|
-
var
|
|
6534
|
-
var TurnstileIcon = (props) => /* @__PURE__ */ (0,
|
|
6551
|
+
var import_jsx_runtime178 = require("react/jsx-runtime");
|
|
6552
|
+
var TurnstileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
6535
6553
|
"svg",
|
|
6536
6554
|
{
|
|
6537
6555
|
...props,
|
|
6538
6556
|
viewBox: "0 0 24 24",
|
|
6539
6557
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6540
|
-
children: /* @__PURE__ */ (0,
|
|
6558
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
6541
6559
|
"path",
|
|
6542
6560
|
{
|
|
6543
6561
|
clipRule: "evenodd",
|
|
@@ -6550,14 +6568,14 @@ var TurnstileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
|
|
|
6550
6568
|
);
|
|
6551
6569
|
|
|
6552
6570
|
// src/components/Icon/icons/UndoIcon.tsx
|
|
6553
|
-
var
|
|
6554
|
-
var UndoIcon = (props) => /* @__PURE__ */ (0,
|
|
6571
|
+
var import_jsx_runtime179 = require("react/jsx-runtime");
|
|
6572
|
+
var UndoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
6555
6573
|
"svg",
|
|
6556
6574
|
{
|
|
6557
6575
|
...props,
|
|
6558
6576
|
viewBox: "0 0 24 24",
|
|
6559
6577
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6560
|
-
children: /* @__PURE__ */ (0,
|
|
6578
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
6561
6579
|
"path",
|
|
6562
6580
|
{
|
|
6563
6581
|
clipRule: "evenodd",
|
|
@@ -6570,14 +6588,14 @@ var UndoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
|
6570
6588
|
);
|
|
6571
6589
|
|
|
6572
6590
|
// src/components/Icon/icons/UnlockIcon.tsx
|
|
6573
|
-
var
|
|
6574
|
-
var UnlockIcon = (props) => /* @__PURE__ */ (0,
|
|
6591
|
+
var import_jsx_runtime180 = require("react/jsx-runtime");
|
|
6592
|
+
var UnlockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
6575
6593
|
"svg",
|
|
6576
6594
|
{
|
|
6577
6595
|
...props,
|
|
6578
6596
|
viewBox: "0 0 24 24",
|
|
6579
6597
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6580
|
-
children: /* @__PURE__ */ (0,
|
|
6598
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
6581
6599
|
"path",
|
|
6582
6600
|
{
|
|
6583
6601
|
clipRule: "evenodd",
|
|
@@ -6590,14 +6608,14 @@ var UnlockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
|
6590
6608
|
);
|
|
6591
6609
|
|
|
6592
6610
|
// src/components/Icon/icons/UploadIcon.tsx
|
|
6593
|
-
var
|
|
6594
|
-
var UploadIcon = (props) => /* @__PURE__ */ (0,
|
|
6611
|
+
var import_jsx_runtime181 = require("react/jsx-runtime");
|
|
6612
|
+
var UploadIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
|
|
6595
6613
|
"svg",
|
|
6596
6614
|
{
|
|
6597
6615
|
...props,
|
|
6598
6616
|
viewBox: "0 0 24 24",
|
|
6599
6617
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6600
|
-
children: /* @__PURE__ */ (0,
|
|
6618
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
|
|
6601
6619
|
"path",
|
|
6602
6620
|
{
|
|
6603
6621
|
clipRule: "evenodd",
|
|
@@ -6610,14 +6628,14 @@ var UploadIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
|
6610
6628
|
);
|
|
6611
6629
|
|
|
6612
6630
|
// src/components/Icon/icons/UsersPermissionsIcon.tsx
|
|
6613
|
-
var
|
|
6614
|
-
var UsersPermissionsIcon = (props) => /* @__PURE__ */ (0,
|
|
6631
|
+
var import_jsx_runtime182 = require("react/jsx-runtime");
|
|
6632
|
+
var UsersPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
|
|
6615
6633
|
"svg",
|
|
6616
6634
|
{
|
|
6617
6635
|
...props,
|
|
6618
6636
|
viewBox: "0 0 24 24",
|
|
6619
6637
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6620
|
-
children: /* @__PURE__ */ (0,
|
|
6638
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
|
|
6621
6639
|
"path",
|
|
6622
6640
|
{
|
|
6623
6641
|
clipRule: "evenodd",
|
|
@@ -6630,14 +6648,14 @@ var UsersPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime181.
|
|
|
6630
6648
|
);
|
|
6631
6649
|
|
|
6632
6650
|
// src/components/Icon/icons/ViewStreamIcon.tsx
|
|
6633
|
-
var
|
|
6634
|
-
var ViewStreamIcon = (props) => /* @__PURE__ */ (0,
|
|
6651
|
+
var import_jsx_runtime183 = require("react/jsx-runtime");
|
|
6652
|
+
var ViewStreamIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
|
|
6635
6653
|
"svg",
|
|
6636
6654
|
{
|
|
6637
6655
|
...props,
|
|
6638
6656
|
viewBox: "0 0 24 24",
|
|
6639
6657
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6640
|
-
children: /* @__PURE__ */ (0,
|
|
6658
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
|
|
6641
6659
|
"path",
|
|
6642
6660
|
{
|
|
6643
6661
|
clipRule: "evenodd",
|
|
@@ -6650,14 +6668,14 @@ var ViewStreamIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
|
|
|
6650
6668
|
);
|
|
6651
6669
|
|
|
6652
6670
|
// src/components/Icon/icons/VolumeIcon.tsx
|
|
6653
|
-
var
|
|
6654
|
-
var VolumeIcon = (props) => /* @__PURE__ */ (0,
|
|
6671
|
+
var import_jsx_runtime184 = require("react/jsx-runtime");
|
|
6672
|
+
var VolumeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
|
|
6655
6673
|
"svg",
|
|
6656
6674
|
{
|
|
6657
6675
|
...props,
|
|
6658
6676
|
viewBox: "0 0 24 24",
|
|
6659
6677
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6660
|
-
children: /* @__PURE__ */ (0,
|
|
6678
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
|
|
6661
6679
|
"path",
|
|
6662
6680
|
{
|
|
6663
6681
|
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",
|
|
@@ -6668,14 +6686,14 @@ var VolumeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
|
|
|
6668
6686
|
);
|
|
6669
6687
|
|
|
6670
6688
|
// src/components/Icon/icons/VolumeOffIcon.tsx
|
|
6671
|
-
var
|
|
6672
|
-
var VolumeOffIcon = (props) => /* @__PURE__ */ (0,
|
|
6689
|
+
var import_jsx_runtime185 = require("react/jsx-runtime");
|
|
6690
|
+
var VolumeOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
|
|
6673
6691
|
"svg",
|
|
6674
6692
|
{
|
|
6675
6693
|
...props,
|
|
6676
6694
|
viewBox: "0 0 24 24",
|
|
6677
6695
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6678
|
-
children: /* @__PURE__ */ (0,
|
|
6696
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
|
|
6679
6697
|
"path",
|
|
6680
6698
|
{
|
|
6681
6699
|
clipRule: "evenodd",
|
|
@@ -6688,14 +6706,14 @@ var VolumeOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
|
|
|
6688
6706
|
);
|
|
6689
6707
|
|
|
6690
6708
|
// src/components/Icon/icons/VolumeUpIcon.tsx
|
|
6691
|
-
var
|
|
6692
|
-
var VolumeUpIcon = (props) => /* @__PURE__ */ (0,
|
|
6709
|
+
var import_jsx_runtime186 = require("react/jsx-runtime");
|
|
6710
|
+
var VolumeUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
|
|
6693
6711
|
"svg",
|
|
6694
6712
|
{
|
|
6695
6713
|
...props,
|
|
6696
6714
|
viewBox: "0 0 24 24",
|
|
6697
6715
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6698
|
-
children: /* @__PURE__ */ (0,
|
|
6716
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
|
|
6699
6717
|
"path",
|
|
6700
6718
|
{
|
|
6701
6719
|
clipRule: "evenodd",
|
|
@@ -6708,14 +6726,14 @@ var VolumeUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
|
|
|
6708
6726
|
);
|
|
6709
6727
|
|
|
6710
6728
|
// src/components/Icon/icons/VolumeXIcon.tsx
|
|
6711
|
-
var
|
|
6712
|
-
var VolumeXIcon = (props) => /* @__PURE__ */ (0,
|
|
6729
|
+
var import_jsx_runtime187 = require("react/jsx-runtime");
|
|
6730
|
+
var VolumeXIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
|
|
6713
6731
|
"svg",
|
|
6714
6732
|
{
|
|
6715
6733
|
...props,
|
|
6716
6734
|
viewBox: "0 0 24 24",
|
|
6717
6735
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6718
|
-
children: /* @__PURE__ */ (0,
|
|
6736
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
|
|
6719
6737
|
"path",
|
|
6720
6738
|
{
|
|
6721
6739
|
clipRule: "evenodd",
|
|
@@ -6728,14 +6746,14 @@ var VolumeXIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
|
|
|
6728
6746
|
);
|
|
6729
6747
|
|
|
6730
6748
|
// src/components/Icon/icons/WandIcon.tsx
|
|
6731
|
-
var
|
|
6732
|
-
var WandIcon = (props) => /* @__PURE__ */ (0,
|
|
6749
|
+
var import_jsx_runtime188 = require("react/jsx-runtime");
|
|
6750
|
+
var WandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
|
|
6733
6751
|
"svg",
|
|
6734
6752
|
{
|
|
6735
6753
|
...props,
|
|
6736
6754
|
viewBox: "0 0 24 24",
|
|
6737
6755
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6738
|
-
children: /* @__PURE__ */ (0,
|
|
6756
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
|
|
6739
6757
|
"path",
|
|
6740
6758
|
{
|
|
6741
6759
|
clipRule: "evenodd",
|
|
@@ -6748,14 +6766,14 @@ var WandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
|
|
|
6748
6766
|
);
|
|
6749
6767
|
|
|
6750
6768
|
// src/components/Icon/icons/WaveformIcon.tsx
|
|
6751
|
-
var
|
|
6752
|
-
var WaveformIcon = (props) => /* @__PURE__ */ (0,
|
|
6769
|
+
var import_jsx_runtime189 = require("react/jsx-runtime");
|
|
6770
|
+
var WaveformIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
|
|
6753
6771
|
"svg",
|
|
6754
6772
|
{
|
|
6755
6773
|
...props,
|
|
6756
6774
|
viewBox: "0 0 24 24",
|
|
6757
6775
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6758
|
-
children: /* @__PURE__ */ (0,
|
|
6776
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
|
|
6759
6777
|
"path",
|
|
6760
6778
|
{
|
|
6761
6779
|
clipRule: "evenodd",
|
|
@@ -6768,14 +6786,14 @@ var WaveformIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
|
|
|
6768
6786
|
);
|
|
6769
6787
|
|
|
6770
6788
|
// src/components/Icon/icons/ZoomInIcon.tsx
|
|
6771
|
-
var
|
|
6772
|
-
var ZoomInIcon = (props) => /* @__PURE__ */ (0,
|
|
6789
|
+
var import_jsx_runtime190 = require("react/jsx-runtime");
|
|
6790
|
+
var ZoomInIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
|
|
6773
6791
|
"svg",
|
|
6774
6792
|
{
|
|
6775
6793
|
...props,
|
|
6776
6794
|
viewBox: "0 0 24 24",
|
|
6777
6795
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6778
|
-
children: /* @__PURE__ */ (0,
|
|
6796
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
|
|
6779
6797
|
"path",
|
|
6780
6798
|
{
|
|
6781
6799
|
clipRule: "evenodd",
|
|
@@ -6788,14 +6806,14 @@ var ZoomInIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
|
|
|
6788
6806
|
);
|
|
6789
6807
|
|
|
6790
6808
|
// src/components/Icon/icons/ZoomOutIcon.tsx
|
|
6791
|
-
var
|
|
6792
|
-
var ZoomOutIcon = (props) => /* @__PURE__ */ (0,
|
|
6809
|
+
var import_jsx_runtime191 = require("react/jsx-runtime");
|
|
6810
|
+
var ZoomOutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
|
|
6793
6811
|
"svg",
|
|
6794
6812
|
{
|
|
6795
6813
|
...props,
|
|
6796
6814
|
viewBox: "0 0 24 24",
|
|
6797
6815
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6798
|
-
children: /* @__PURE__ */ (0,
|
|
6816
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
|
|
6799
6817
|
"path",
|
|
6800
6818
|
{
|
|
6801
6819
|
clipRule: "evenodd",
|
|
@@ -6894,6 +6912,7 @@ var iconMap = {
|
|
|
6894
6912
|
hourglass: HourglassIcon,
|
|
6895
6913
|
import: ImportIcon,
|
|
6896
6914
|
info: InfoIcon,
|
|
6915
|
+
"info-outline": InfoOutlineIcon,
|
|
6897
6916
|
integrations: IntegrationsIcon,
|
|
6898
6917
|
leave: LeaveIcon,
|
|
6899
6918
|
link: LinkIcon,
|
|
@@ -7013,7 +7032,7 @@ var useResponsiveProp = (values) => {
|
|
|
7013
7032
|
};
|
|
7014
7033
|
|
|
7015
7034
|
// src/components/Icon/Icon.tsx
|
|
7016
|
-
var
|
|
7035
|
+
var import_jsx_runtime192 = require("react/jsx-runtime");
|
|
7017
7036
|
var iconSizeMap = {
|
|
7018
7037
|
sm: "12",
|
|
7019
7038
|
md: "16",
|
|
@@ -7050,7 +7069,7 @@ var Icon = ({
|
|
|
7050
7069
|
...style
|
|
7051
7070
|
};
|
|
7052
7071
|
const iconColor = invertColor ? "var(--wui-color-icon-on-fill)" : "var(--wui-color-icon)";
|
|
7053
|
-
return /* @__PURE__ */ (0,
|
|
7072
|
+
return /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
|
|
7054
7073
|
StyledIcon,
|
|
7055
7074
|
{
|
|
7056
7075
|
$colorScheme: colorScheme,
|
|
@@ -7074,7 +7093,7 @@ var import_react21 = require("react");
|
|
|
7074
7093
|
var import_styled_components20 = __toESM(require("styled-components"));
|
|
7075
7094
|
var import_react_router_dom = require("react-router-dom");
|
|
7076
7095
|
var import_type_guards14 = require("@wistia/type-guards");
|
|
7077
|
-
var
|
|
7096
|
+
var import_jsx_runtime193 = require("react/jsx-runtime");
|
|
7078
7097
|
var generateHref = (href, type, disabled) => {
|
|
7079
7098
|
if (disabled || (0, import_type_guards14.isNil)(href)) {
|
|
7080
7099
|
return void 0;
|
|
@@ -7157,7 +7176,7 @@ var Link = (0, import_react21.forwardRef)(
|
|
|
7157
7176
|
"aria-disabled": ariaDisabled ?? (disabled ? "true" : void 0)
|
|
7158
7177
|
};
|
|
7159
7178
|
if (isButton(props)) {
|
|
7160
|
-
return /* @__PURE__ */ (0,
|
|
7179
|
+
return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
|
|
7161
7180
|
StyledLink,
|
|
7162
7181
|
{
|
|
7163
7182
|
ref,
|
|
@@ -7187,7 +7206,7 @@ var Link = (0, import_react21.forwardRef)(
|
|
|
7187
7206
|
...externalLinkProps,
|
|
7188
7207
|
...routerSpecificProps
|
|
7189
7208
|
};
|
|
7190
|
-
return /* @__PURE__ */ (0,
|
|
7209
|
+
return /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)(
|
|
7191
7210
|
StyledLink,
|
|
7192
7211
|
{
|
|
7193
7212
|
...combinedProps,
|
|
@@ -7206,7 +7225,7 @@ var Link = (0, import_react21.forwardRef)(
|
|
|
7206
7225
|
Link.displayName = "Link";
|
|
7207
7226
|
|
|
7208
7227
|
// src/components/Button/Button.tsx
|
|
7209
|
-
var
|
|
7228
|
+
var import_jsx_runtime194 = require("react/jsx-runtime");
|
|
7210
7229
|
var isLink2 = (props) => (0, import_type_guards15.isNotUndefined)(props.href);
|
|
7211
7230
|
var StyledButton = import_styled_components21.default.button`
|
|
7212
7231
|
${buttonResetCss}
|
|
@@ -7243,9 +7262,9 @@ var ButtonContent = ({
|
|
|
7243
7262
|
children,
|
|
7244
7263
|
fullWidth = false
|
|
7245
7264
|
}) => {
|
|
7246
|
-
return /* @__PURE__ */ (0,
|
|
7247
|
-
isLoading ? /* @__PURE__ */ (0,
|
|
7248
|
-
/* @__PURE__ */ (0,
|
|
7265
|
+
return /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)(import_jsx_runtime194.Fragment, { children: [
|
|
7266
|
+
isLoading ? /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(StyledButtonLoading, { children: /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(Icon, { type: "spinner" }) }) : null,
|
|
7267
|
+
/* @__PURE__ */ (0, import_jsx_runtime194.jsxs)(
|
|
7249
7268
|
StyledButtonContent,
|
|
7250
7269
|
{
|
|
7251
7270
|
$hasLeftIcon: (0, import_type_guards15.isNotNil)(leftIcon),
|
|
@@ -7253,7 +7272,7 @@ var ButtonContent = ({
|
|
|
7253
7272
|
$isLoading: isLoading,
|
|
7254
7273
|
children: [
|
|
7255
7274
|
leftIcon ?? null,
|
|
7256
|
-
/* @__PURE__ */ (0,
|
|
7275
|
+
/* @__PURE__ */ (0, import_jsx_runtime194.jsx)(StyledButtonContentLabel, { $fullWidth: fullWidth, children }),
|
|
7257
7276
|
rightIcon ?? null
|
|
7258
7277
|
]
|
|
7259
7278
|
}
|
|
@@ -7293,14 +7312,15 @@ var Button = (0, import_react22.forwardRef)(
|
|
|
7293
7312
|
commonProps.className = `${className ?? ""} force-state-${forceState}`;
|
|
7294
7313
|
}
|
|
7295
7314
|
if (isLink2(props)) {
|
|
7296
|
-
return /* @__PURE__ */ (0,
|
|
7315
|
+
return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
|
|
7297
7316
|
StyledButton,
|
|
7298
7317
|
{
|
|
7299
7318
|
ref,
|
|
7300
7319
|
as: Link,
|
|
7320
|
+
disabled: isAriaDisabled(),
|
|
7301
7321
|
...props,
|
|
7302
7322
|
...commonProps,
|
|
7303
|
-
children: unstyled ? children : /* @__PURE__ */ (0,
|
|
7323
|
+
children: unstyled ? children : /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
|
|
7304
7324
|
ButtonContent,
|
|
7305
7325
|
{
|
|
7306
7326
|
fullWidth: responsiveFullWidth,
|
|
@@ -7322,7 +7342,7 @@ var Button = (0, import_react22.forwardRef)(
|
|
|
7322
7342
|
onClick(event);
|
|
7323
7343
|
}
|
|
7324
7344
|
};
|
|
7325
|
-
return /* @__PURE__ */ (0,
|
|
7345
|
+
return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
|
|
7326
7346
|
StyledButton,
|
|
7327
7347
|
{
|
|
7328
7348
|
ref,
|
|
@@ -7330,7 +7350,7 @@ var Button = (0, import_react22.forwardRef)(
|
|
|
7330
7350
|
type: "button",
|
|
7331
7351
|
...props,
|
|
7332
7352
|
...commonProps,
|
|
7333
|
-
children: unstyled ? children : /* @__PURE__ */ (0,
|
|
7353
|
+
children: unstyled ? children : /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
|
|
7334
7354
|
ButtonContent,
|
|
7335
7355
|
{
|
|
7336
7356
|
fullWidth: responsiveFullWidth,
|
|
@@ -7347,7 +7367,7 @@ var Button = (0, import_react22.forwardRef)(
|
|
|
7347
7367
|
Button.displayName = "Button";
|
|
7348
7368
|
|
|
7349
7369
|
// src/components/ActionButton/ActionButton.tsx
|
|
7350
|
-
var
|
|
7370
|
+
var import_jsx_runtime195 = require("react/jsx-runtime");
|
|
7351
7371
|
var StyledActionButton = (0, import_styled_components22.default)(Button)`
|
|
7352
7372
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
7353
7373
|
display: grid;
|
|
@@ -7458,7 +7478,7 @@ var ActionButton = (0, import_react23.forwardRef)(
|
|
|
7458
7478
|
"menu-up": "caret-up",
|
|
7459
7479
|
"menu-down": "caret-down"
|
|
7460
7480
|
};
|
|
7461
|
-
return /* @__PURE__ */ (0,
|
|
7481
|
+
return /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(
|
|
7462
7482
|
StyledActionButton,
|
|
7463
7483
|
{
|
|
7464
7484
|
...props,
|
|
@@ -7468,15 +7488,15 @@ var ActionButton = (0, import_react23.forwardRef)(
|
|
|
7468
7488
|
disabled,
|
|
7469
7489
|
unstyled: true,
|
|
7470
7490
|
children: [
|
|
7471
|
-
/* @__PURE__ */ (0,
|
|
7472
|
-
/* @__PURE__ */ (0,
|
|
7491
|
+
/* @__PURE__ */ (0, import_jsx_runtime195.jsx)(StyledMainIcon, { children: icon }),
|
|
7492
|
+
/* @__PURE__ */ (0, import_jsx_runtime195.jsx)(StyledSecondaryIcon, { $hideUntilHover: variant === "default", children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
|
|
7473
7493
|
Icon,
|
|
7474
7494
|
{
|
|
7475
7495
|
colorScheme: variant === "gated" ? "purple" : "inherit",
|
|
7476
7496
|
type: secondaryIconMap[variant]
|
|
7477
7497
|
}
|
|
7478
7498
|
) }),
|
|
7479
|
-
/* @__PURE__ */ (0,
|
|
7499
|
+
/* @__PURE__ */ (0, import_jsx_runtime195.jsx)(StyledLabel, { $disabled: disabled, children })
|
|
7480
7500
|
]
|
|
7481
7501
|
}
|
|
7482
7502
|
);
|
|
@@ -7506,7 +7526,7 @@ var formatNameForDisplay = (name) => {
|
|
|
7506
7526
|
// src/components/Image/Image.tsx
|
|
7507
7527
|
var import_styled_components23 = __toESM(require("styled-components"));
|
|
7508
7528
|
var import_type_guards17 = require("@wistia/type-guards");
|
|
7509
|
-
var
|
|
7529
|
+
var import_jsx_runtime196 = require("react/jsx-runtime");
|
|
7510
7530
|
var getFillStyle = (fillContainer) => {
|
|
7511
7531
|
if (fillContainer === "horizontal") {
|
|
7512
7532
|
return "width: 100%;";
|
|
@@ -7539,7 +7559,7 @@ var Image = ({
|
|
|
7539
7559
|
onLoad,
|
|
7540
7560
|
onError,
|
|
7541
7561
|
...props
|
|
7542
|
-
}) => /* @__PURE__ */ (0,
|
|
7562
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
|
|
7543
7563
|
StyledImage,
|
|
7544
7564
|
{
|
|
7545
7565
|
$borderRadius: borderRadius,
|
|
@@ -7558,7 +7578,7 @@ Image.displayName = "Image";
|
|
|
7558
7578
|
|
|
7559
7579
|
// src/components/ColorSchemeWrapper/ColorSchemeWrapper.tsx
|
|
7560
7580
|
var import_styled_components24 = __toESM(require("styled-components"));
|
|
7561
|
-
var
|
|
7581
|
+
var import_jsx_runtime197 = require("react/jsx-runtime");
|
|
7562
7582
|
var defaultColorSchemeOptions = ["default", "inherit"];
|
|
7563
7583
|
var semanticColorSchemeOptions = ["error", "info", "success", "warning"];
|
|
7564
7584
|
var brandColorSchemeOptions = [
|
|
@@ -7588,7 +7608,7 @@ var ColorSchemeWrapper = ({
|
|
|
7588
7608
|
colorScheme = "inherit",
|
|
7589
7609
|
children,
|
|
7590
7610
|
...props
|
|
7591
|
-
}) => /* @__PURE__ */ (0,
|
|
7611
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
|
|
7592
7612
|
StyledColorSchemeWrapper,
|
|
7593
7613
|
{
|
|
7594
7614
|
$colorScheme: colorScheme,
|
|
@@ -7600,13 +7620,13 @@ var ColorSchemeWrapper = ({
|
|
|
7600
7620
|
ColorSchemeWrapper.displayName = "ColorSchemeWrapper";
|
|
7601
7621
|
|
|
7602
7622
|
// src/components/Avatar/Avatar.tsx
|
|
7603
|
-
var
|
|
7623
|
+
var import_jsx_runtime198 = require("react/jsx-runtime");
|
|
7604
7624
|
var avatarSizeMap = {
|
|
7605
7625
|
sm: 16,
|
|
7606
7626
|
md: 24,
|
|
7607
7627
|
lg: 32
|
|
7608
7628
|
};
|
|
7609
|
-
var Initial = ({ initial }) => /* @__PURE__ */ (0,
|
|
7629
|
+
var Initial = ({ initial }) => /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)(
|
|
7610
7630
|
"svg",
|
|
7611
7631
|
{
|
|
7612
7632
|
"data-wui-avatar-initial": true,
|
|
@@ -7614,14 +7634,14 @@ var Initial = ({ initial }) => /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)(
|
|
|
7614
7634
|
viewBox: "0 0 24 24",
|
|
7615
7635
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7616
7636
|
children: [
|
|
7617
|
-
/* @__PURE__ */ (0,
|
|
7637
|
+
/* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
|
|
7618
7638
|
"path",
|
|
7619
7639
|
{
|
|
7620
7640
|
d: "M0 13.5h24",
|
|
7621
7641
|
id: "P"
|
|
7622
7642
|
}
|
|
7623
7643
|
),
|
|
7624
|
-
/* @__PURE__ */ (0,
|
|
7644
|
+
/* @__PURE__ */ (0, import_jsx_runtime198.jsx)("text", { children: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
|
|
7625
7645
|
"textPath",
|
|
7626
7646
|
{
|
|
7627
7647
|
dominantBaseline: "middle",
|
|
@@ -7707,15 +7727,15 @@ var Avatar = ({
|
|
|
7707
7727
|
};
|
|
7708
7728
|
const avatarSize = heightAndWidth ?? avatarSizeMap[size];
|
|
7709
7729
|
const avatarColor = (0, import_react24.useMemo)(() => chooseColorScheme(name), [name]);
|
|
7710
|
-
return /* @__PURE__ */ (0,
|
|
7730
|
+
return /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)(
|
|
7711
7731
|
AvatarWrapper,
|
|
7712
7732
|
{
|
|
7713
7733
|
$colorScheme: avatarColor,
|
|
7714
7734
|
$heightAndWidth: avatarSize,
|
|
7715
7735
|
...props,
|
|
7716
7736
|
children: [
|
|
7717
|
-
/* @__PURE__ */ (0,
|
|
7718
|
-
(0, import_type_guards18.isNotNil)(imageUrl) && imageLoadState !== "error" && /* @__PURE__ */ (0,
|
|
7737
|
+
/* @__PURE__ */ (0, import_jsx_runtime198.jsx)(Initial, { initial: formatNameForDisplay(name) }),
|
|
7738
|
+
(0, import_type_guards18.isNotNil)(imageUrl) && imageLoadState !== "error" && /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
|
|
7719
7739
|
Image,
|
|
7720
7740
|
{
|
|
7721
7741
|
alt: (0, import_type_guards18.isNotNil)(name) ? name : "",
|
|
@@ -7736,7 +7756,7 @@ Avatar.displayName = "Avatar";
|
|
|
7736
7756
|
var import_react25 = require("react");
|
|
7737
7757
|
var import_styled_components26 = __toESM(require("styled-components"));
|
|
7738
7758
|
var import_type_guards19 = require("@wistia/type-guards");
|
|
7739
|
-
var
|
|
7759
|
+
var import_jsx_runtime199 = require("react/jsx-runtime");
|
|
7740
7760
|
var StyledBadge = import_styled_components26.default.div`
|
|
7741
7761
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
7742
7762
|
align-items: center;
|
|
@@ -7760,7 +7780,7 @@ var StyledBadge = import_styled_components26.default.div`
|
|
|
7760
7780
|
var Badge = (0, import_react25.forwardRef)(
|
|
7761
7781
|
({ colorScheme = "inherit", label, icon, ...props }, ref) => {
|
|
7762
7782
|
const hasIcon = (0, import_type_guards19.isNotNil)(icon);
|
|
7763
|
-
return /* @__PURE__ */ (0,
|
|
7783
|
+
return /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)(
|
|
7764
7784
|
StyledBadge,
|
|
7765
7785
|
{
|
|
7766
7786
|
ref,
|
|
@@ -7769,7 +7789,7 @@ var Badge = (0, import_react25.forwardRef)(
|
|
|
7769
7789
|
$hasIcon: hasIcon,
|
|
7770
7790
|
children: [
|
|
7771
7791
|
hasIcon ? icon : null,
|
|
7772
|
-
/* @__PURE__ */ (0,
|
|
7792
|
+
/* @__PURE__ */ (0, import_jsx_runtime199.jsx)("span", { children: label })
|
|
7773
7793
|
]
|
|
7774
7794
|
}
|
|
7775
7795
|
);
|
|
@@ -7788,7 +7808,7 @@ var makePolymorphic = (component) => {
|
|
|
7788
7808
|
};
|
|
7789
7809
|
|
|
7790
7810
|
// src/components/Box/Box.tsx
|
|
7791
|
-
var
|
|
7811
|
+
var import_jsx_runtime200 = require("react/jsx-runtime");
|
|
7792
7812
|
var isDev = process.env["NODE_ENV"] === "development" || process.env["NODE_ENV"] === "test";
|
|
7793
7813
|
var getGapStyle = (gap) => {
|
|
7794
7814
|
if ((0, import_type_guards20.isNotNil)(gap)) {
|
|
@@ -7952,7 +7972,7 @@ var BoxComponent = (0, import_react26.forwardRef)(
|
|
|
7952
7972
|
);
|
|
7953
7973
|
}
|
|
7954
7974
|
}
|
|
7955
|
-
return /* @__PURE__ */ (0,
|
|
7975
|
+
return /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
|
|
7956
7976
|
StyledBoxComponent,
|
|
7957
7977
|
{
|
|
7958
7978
|
ref,
|
|
@@ -7986,7 +8006,7 @@ var Box = makePolymorphic(BoxComponent);
|
|
|
7986
8006
|
// src/components/Breadcrumbs/Breadcrumbs.tsx
|
|
7987
8007
|
var import_react27 = require("react");
|
|
7988
8008
|
var import_styled_components28 = __toESM(require("styled-components"));
|
|
7989
|
-
var
|
|
8009
|
+
var import_jsx_runtime201 = require("react/jsx-runtime");
|
|
7990
8010
|
var StyledBreadcrumbs = import_styled_components28.default.nav`
|
|
7991
8011
|
display: flex;
|
|
7992
8012
|
align-items: center;
|
|
@@ -8005,8 +8025,8 @@ var Breadcrumbs = ({ children, ...props }) => {
|
|
|
8005
8025
|
crumbs = crumbs.slice(-1);
|
|
8006
8026
|
}
|
|
8007
8027
|
const crumbMaxWidth = Math.floor(100 / crumbs.length) - BUFFER_WIDTH;
|
|
8008
|
-
return /* @__PURE__ */ (0,
|
|
8009
|
-
/* @__PURE__ */ (0,
|
|
8028
|
+
return /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(import_jsx_runtime201.Fragment, { children: [
|
|
8029
|
+
/* @__PURE__ */ (0, import_jsx_runtime201.jsx)("style", { type: "text/css", children: `
|
|
8010
8030
|
[data-wui-breadcrumbs] {
|
|
8011
8031
|
container-type: inline-size;
|
|
8012
8032
|
container-name: breadcrumbs;
|
|
@@ -8018,7 +8038,7 @@ var Breadcrumbs = ({ children, ...props }) => {
|
|
|
8018
8038
|
}
|
|
8019
8039
|
}
|
|
8020
8040
|
` }),
|
|
8021
|
-
/* @__PURE__ */ (0,
|
|
8041
|
+
/* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
|
|
8022
8042
|
StyledBreadcrumbs,
|
|
8023
8043
|
{
|
|
8024
8044
|
"aria-label": "Breadcrumbs",
|
|
@@ -8033,7 +8053,7 @@ Breadcrumbs.displayName = "Breadcrumbs";
|
|
|
8033
8053
|
|
|
8034
8054
|
// src/components/Breadcrumbs/Breadcrumb.tsx
|
|
8035
8055
|
var import_styled_components29 = __toESM(require("styled-components"));
|
|
8036
|
-
var
|
|
8056
|
+
var import_jsx_runtime202 = require("react/jsx-runtime");
|
|
8037
8057
|
var BreadcrumbContent = import_styled_components29.default.span`
|
|
8038
8058
|
overflow: hidden;
|
|
8039
8059
|
white-space: nowrap;
|
|
@@ -8043,18 +8063,18 @@ var BreadcrumbContent = import_styled_components29.default.span`
|
|
|
8043
8063
|
flex: 0;
|
|
8044
8064
|
`;
|
|
8045
8065
|
var Breadcrumb = ({ icon, href, children, ...props }) => {
|
|
8046
|
-
return /* @__PURE__ */ (0,
|
|
8047
|
-
/* @__PURE__ */ (0,
|
|
8066
|
+
return /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)(import_jsx_runtime202.Fragment, { children: [
|
|
8067
|
+
/* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
|
|
8048
8068
|
Button,
|
|
8049
8069
|
{
|
|
8050
8070
|
...props,
|
|
8051
8071
|
href,
|
|
8052
8072
|
leftIcon: icon,
|
|
8053
8073
|
variant: "ghost",
|
|
8054
|
-
children: /* @__PURE__ */ (0,
|
|
8074
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(BreadcrumbContent, { "data-wui-breadcrumb": true, children })
|
|
8055
8075
|
}
|
|
8056
8076
|
),
|
|
8057
|
-
/* @__PURE__ */ (0,
|
|
8077
|
+
/* @__PURE__ */ (0, import_jsx_runtime202.jsx)("div", { "data-wui-breadcrumb-divider": true, children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
|
|
8058
8078
|
Icon,
|
|
8059
8079
|
{
|
|
8060
8080
|
size: "sm",
|
|
@@ -8068,7 +8088,7 @@ var Breadcrumb = ({ icon, href, children, ...props }) => {
|
|
|
8068
8088
|
// src/components/ButtonGroup/ButtonGroup.tsx
|
|
8069
8089
|
var import_styled_components30 = __toESM(require("styled-components"));
|
|
8070
8090
|
var import_type_guards21 = require("@wistia/type-guards");
|
|
8071
|
-
var
|
|
8091
|
+
var import_jsx_runtime203 = require("react/jsx-runtime");
|
|
8072
8092
|
var getAlignment = (align) => {
|
|
8073
8093
|
if (align === "center") {
|
|
8074
8094
|
return "center";
|
|
@@ -8116,7 +8136,7 @@ var ButtonGroup = ({
|
|
|
8116
8136
|
if ((0, import_type_guards21.isNil)(children)) {
|
|
8117
8137
|
return null;
|
|
8118
8138
|
}
|
|
8119
|
-
return /* @__PURE__ */ (0,
|
|
8139
|
+
return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
|
|
8120
8140
|
ButtonGroupComponent,
|
|
8121
8141
|
{
|
|
8122
8142
|
$align: align,
|
|
@@ -8131,7 +8151,7 @@ ButtonGroup.displayName = "ButtonGroup";
|
|
|
8131
8151
|
|
|
8132
8152
|
// src/components/Card/Card.tsx
|
|
8133
8153
|
var import_styled_components31 = __toESM(require("styled-components"));
|
|
8134
|
-
var
|
|
8154
|
+
var import_jsx_runtime204 = require("react/jsx-runtime");
|
|
8135
8155
|
var StyledCard = (0, import_styled_components31.default)(Box)`
|
|
8136
8156
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
8137
8157
|
box-sizing: border-box;
|
|
@@ -8170,7 +8190,7 @@ var Card = ({
|
|
|
8170
8190
|
prominence = "secondary",
|
|
8171
8191
|
width,
|
|
8172
8192
|
...props
|
|
8173
|
-
}) => /* @__PURE__ */ (0,
|
|
8193
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
|
|
8174
8194
|
StyledCard,
|
|
8175
8195
|
{
|
|
8176
8196
|
$backgroundColor: prominenceMap[prominence].backgroundColor,
|
|
@@ -8191,7 +8211,7 @@ Card.displayName = "Card";
|
|
|
8191
8211
|
// src/components/Center/Center.tsx
|
|
8192
8212
|
var import_react28 = require("react");
|
|
8193
8213
|
var import_styled_components32 = __toESM(require("styled-components"));
|
|
8194
|
-
var
|
|
8214
|
+
var import_jsx_runtime205 = require("react/jsx-runtime");
|
|
8195
8215
|
var StyledCenter = import_styled_components32.default.div`
|
|
8196
8216
|
box-sizing: border-box;
|
|
8197
8217
|
margin-left: auto;
|
|
@@ -8205,7 +8225,7 @@ var StyledCenter = import_styled_components32.default.div`
|
|
|
8205
8225
|
`}
|
|
8206
8226
|
`;
|
|
8207
8227
|
var Center = (0, import_react28.forwardRef)(
|
|
8208
|
-
({ maxWidth = "100%", gutterWidth = "space-00", intrinsic = false, children, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8228
|
+
({ maxWidth = "100%", gutterWidth = "space-00", intrinsic = false, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
|
|
8209
8229
|
StyledCenter,
|
|
8210
8230
|
{
|
|
8211
8231
|
ref,
|
|
@@ -8231,7 +8251,7 @@ var import_type_guards24 = require("@wistia/type-guards");
|
|
|
8231
8251
|
// src/private/components/FormControlLabel/FormControlLabelDescription.tsx
|
|
8232
8252
|
var import_styled_components33 = __toESM(require("styled-components"));
|
|
8233
8253
|
var import_type_guards22 = require("@wistia/type-guards");
|
|
8234
|
-
var
|
|
8254
|
+
var import_jsx_runtime206 = require("react/jsx-runtime");
|
|
8235
8255
|
var disabledStyle = import_styled_components33.css`
|
|
8236
8256
|
color: var(--wui-color-text-disabled);
|
|
8237
8257
|
`;
|
|
@@ -8253,7 +8273,7 @@ var FormControlLabelDescription = ({
|
|
|
8253
8273
|
if ((0, import_type_guards22.isNil)(children)) {
|
|
8254
8274
|
return null;
|
|
8255
8275
|
}
|
|
8256
|
-
return /* @__PURE__ */ (0,
|
|
8276
|
+
return /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
|
|
8257
8277
|
StyledFormControlLabelDescription,
|
|
8258
8278
|
{
|
|
8259
8279
|
...props,
|
|
@@ -8267,7 +8287,7 @@ FormControlLabelDescription.displayName = "FormControlLabelDescription";
|
|
|
8267
8287
|
// src/components/ScreenReaderOnly/ScreenReaderOnly.tsx
|
|
8268
8288
|
var import_styled_components34 = __toESM(require("styled-components"));
|
|
8269
8289
|
var import_type_guards23 = require("@wistia/type-guards");
|
|
8270
|
-
var
|
|
8290
|
+
var import_jsx_runtime207 = require("react/jsx-runtime");
|
|
8271
8291
|
var VisuallyHidden = import_styled_components34.default.div({ ...visuallyHiddenStyle });
|
|
8272
8292
|
var VisuallyHiddenButFocusable = import_styled_components34.default.div({
|
|
8273
8293
|
"&:not(:focus-within)": visuallyHiddenStyle
|
|
@@ -8280,14 +8300,14 @@ var ScreenReaderOnly = ({
|
|
|
8280
8300
|
}) => {
|
|
8281
8301
|
const accessibleText = (0, import_type_guards23.isNotNil)(text) ? text : children;
|
|
8282
8302
|
if (focusable) {
|
|
8283
|
-
return /* @__PURE__ */ (0,
|
|
8303
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(VisuallyHiddenButFocusable, { ...props, children: accessibleText });
|
|
8284
8304
|
}
|
|
8285
|
-
return /* @__PURE__ */ (0,
|
|
8305
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(VisuallyHidden, { ...props, children: accessibleText });
|
|
8286
8306
|
};
|
|
8287
8307
|
ScreenReaderOnly.displayName = "ScreenReaderOnly";
|
|
8288
8308
|
|
|
8289
8309
|
// src/private/components/FormControlLabel/FormControlLabel.tsx
|
|
8290
|
-
var
|
|
8310
|
+
var import_jsx_runtime208 = require("react/jsx-runtime");
|
|
8291
8311
|
var disabledStyle2 = import_styled_components35.css`
|
|
8292
8312
|
cursor: not-allowed;
|
|
8293
8313
|
color: var(--wui-color-text-disabled);
|
|
@@ -8321,11 +8341,11 @@ var FormControlLabel = ({
|
|
|
8321
8341
|
if ((0, import_type_guards24.isNil)(label)) {
|
|
8322
8342
|
return null;
|
|
8323
8343
|
}
|
|
8324
|
-
const labelContent = hideLabel ? /* @__PURE__ */ (0,
|
|
8344
|
+
const labelContent = hideLabel ? /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(ScreenReaderOnly, { children: label }) : /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(StyledLabelWrapper, { children: [
|
|
8325
8345
|
label,
|
|
8326
|
-
/* @__PURE__ */ (0,
|
|
8346
|
+
/* @__PURE__ */ (0, import_jsx_runtime208.jsx)(FormControlLabelDescription, { children: description })
|
|
8327
8347
|
] });
|
|
8328
|
-
return /* @__PURE__ */ (0,
|
|
8348
|
+
return /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(
|
|
8329
8349
|
StyledFormControlLabel,
|
|
8330
8350
|
{
|
|
8331
8351
|
$disabled: disabled,
|
|
@@ -8341,8 +8361,8 @@ var FormControlLabel = ({
|
|
|
8341
8361
|
FormControlLabel.displayName = "FormControlLabel";
|
|
8342
8362
|
|
|
8343
8363
|
// src/components/Checkbox/Checkbox.tsx
|
|
8344
|
-
var
|
|
8345
|
-
var CheckIcon = () => /* @__PURE__ */ (0,
|
|
8364
|
+
var import_jsx_runtime209 = require("react/jsx-runtime");
|
|
8365
|
+
var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
|
|
8346
8366
|
"svg",
|
|
8347
8367
|
{
|
|
8348
8368
|
fill: "inherit",
|
|
@@ -8350,7 +8370,7 @@ var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
|
|
|
8350
8370
|
viewBox: "0 0 10 8",
|
|
8351
8371
|
width: "10",
|
|
8352
8372
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8353
|
-
children: /* @__PURE__ */ (0,
|
|
8373
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
|
|
8354
8374
|
"path",
|
|
8355
8375
|
{
|
|
8356
8376
|
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",
|
|
@@ -8457,8 +8477,8 @@ var Checkbox = (0, import_react29.forwardRef)(
|
|
|
8457
8477
|
}, ref) => {
|
|
8458
8478
|
const generatedId = (0, import_react29.useId)();
|
|
8459
8479
|
const computedId = (0, import_type_guards25.isNonEmptyString)(id) ? id : `wistia-ui-checkbox-${generatedId}`;
|
|
8460
|
-
return /* @__PURE__ */ (0,
|
|
8461
|
-
/* @__PURE__ */ (0,
|
|
8480
|
+
return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(StyledCheckboxWrapper, { disabled, children: [
|
|
8481
|
+
/* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
|
|
8462
8482
|
StyledHiddenCheckboxInput,
|
|
8463
8483
|
{
|
|
8464
8484
|
...props,
|
|
@@ -8473,16 +8493,16 @@ var Checkbox = (0, import_react29.forwardRef)(
|
|
|
8473
8493
|
value
|
|
8474
8494
|
}
|
|
8475
8495
|
),
|
|
8476
|
-
/* @__PURE__ */ (0,
|
|
8496
|
+
/* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
|
|
8477
8497
|
FormControlLabel,
|
|
8478
8498
|
{
|
|
8479
|
-
controlSlot: /* @__PURE__ */ (0,
|
|
8499
|
+
controlSlot: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
|
|
8480
8500
|
StyledCheckboxInput,
|
|
8481
8501
|
{
|
|
8482
8502
|
$disabled: disabled,
|
|
8483
8503
|
$size: size,
|
|
8484
8504
|
"data-wui-faux-input": "true",
|
|
8485
|
-
children: /* @__PURE__ */ (0,
|
|
8505
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(CheckIcon, {})
|
|
8486
8506
|
}
|
|
8487
8507
|
),
|
|
8488
8508
|
description,
|
|
@@ -8536,7 +8556,7 @@ ClickRegion.displayName = "ClickRegion";
|
|
|
8536
8556
|
var import_react_collapsible = require("@radix-ui/react-collapsible");
|
|
8537
8557
|
var import_type_guards26 = require("@wistia/type-guards");
|
|
8538
8558
|
var import_styled_components37 = __toESM(require("styled-components"));
|
|
8539
|
-
var
|
|
8559
|
+
var import_jsx_runtime210 = require("react/jsx-runtime");
|
|
8540
8560
|
var StyledRoot = (0, import_styled_components37.default)(import_react_collapsible.Root)`
|
|
8541
8561
|
&[data-state='closed'] [data-wui-collapsible-content] {
|
|
8542
8562
|
display: -webkit-box;
|
|
@@ -8553,30 +8573,30 @@ var Collapsible = ({
|
|
|
8553
8573
|
const controlProps = {
|
|
8554
8574
|
...(0, import_type_guards26.isNotNil)(onOpenChange) && (0, import_type_guards26.isNotNil)(isOpen) ? { open: isOpen, onOpenChange } : {}
|
|
8555
8575
|
};
|
|
8556
|
-
return /* @__PURE__ */ (0,
|
|
8576
|
+
return /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(StyledRoot, { ...controlProps, children });
|
|
8557
8577
|
};
|
|
8558
8578
|
Collapsible.displayName = "Collapsible";
|
|
8559
8579
|
|
|
8560
8580
|
// src/components/Collapsible/CollapsibleTrigger.tsx
|
|
8561
8581
|
var import_react31 = require("react");
|
|
8562
8582
|
var import_react_collapsible2 = require("@radix-ui/react-collapsible");
|
|
8563
|
-
var
|
|
8583
|
+
var import_jsx_runtime211 = require("react/jsx-runtime");
|
|
8564
8584
|
var CollapsibleTrigger = ({ children }) => {
|
|
8565
8585
|
import_react31.Children.only(children);
|
|
8566
|
-
return /* @__PURE__ */ (0,
|
|
8586
|
+
return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(import_react_collapsible2.Trigger, { asChild: true, children });
|
|
8567
8587
|
};
|
|
8568
8588
|
|
|
8569
8589
|
// src/components/Collapsible/CollapsibleContent.tsx
|
|
8570
8590
|
var import_styled_components38 = __toESM(require("styled-components"));
|
|
8571
8591
|
var import_react_collapsible3 = require("@radix-ui/react-collapsible");
|
|
8572
8592
|
var import_type_guards27 = require("@wistia/type-guards");
|
|
8573
|
-
var
|
|
8593
|
+
var import_jsx_runtime212 = require("react/jsx-runtime");
|
|
8574
8594
|
var ClampedContent = import_styled_components38.default.div`
|
|
8575
8595
|
--wui-collapsible-content-clamp-lines: ${({ $clamp }) => $clamp};
|
|
8576
8596
|
`;
|
|
8577
8597
|
var CollapsibleContent = ({ clamp, children }) => {
|
|
8578
8598
|
if ((0, import_type_guards27.isNotUndefined)(clamp)) {
|
|
8579
|
-
return /* @__PURE__ */ (0,
|
|
8599
|
+
return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
|
|
8580
8600
|
ClampedContent,
|
|
8581
8601
|
{
|
|
8582
8602
|
$clamp: clamp,
|
|
@@ -8585,7 +8605,7 @@ var CollapsibleContent = ({ clamp, children }) => {
|
|
|
8585
8605
|
}
|
|
8586
8606
|
);
|
|
8587
8607
|
}
|
|
8588
|
-
return /* @__PURE__ */ (0,
|
|
8608
|
+
return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_react_collapsible3.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(import_jsx_runtime212.Fragment, { children: [
|
|
8589
8609
|
children,
|
|
8590
8610
|
" "
|
|
8591
8611
|
] }) });
|
|
@@ -8599,7 +8619,7 @@ var import_type_guards29 = require("@wistia/type-guards");
|
|
|
8599
8619
|
var import_react32 = require("react");
|
|
8600
8620
|
var import_styled_components39 = __toESM(require("styled-components"));
|
|
8601
8621
|
var import_type_guards28 = require("@wistia/type-guards");
|
|
8602
|
-
var
|
|
8622
|
+
var import_jsx_runtime213 = require("react/jsx-runtime");
|
|
8603
8623
|
var heroStyle = import_styled_components39.css`
|
|
8604
8624
|
--font-family: var(--wui-typography-heading-hero-family);
|
|
8605
8625
|
--font-size: var(--wui-typography-heading-hero-size);
|
|
@@ -8703,7 +8723,7 @@ var HeadingComponent = (0, import_react32.forwardRef)(
|
|
|
8703
8723
|
variant = "heading1",
|
|
8704
8724
|
renderAs,
|
|
8705
8725
|
...props
|
|
8706
|
-
}, ref) => /* @__PURE__ */ (0,
|
|
8726
|
+
}, ref) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
|
|
8707
8727
|
StyledHeading,
|
|
8708
8728
|
{
|
|
8709
8729
|
ref,
|
|
@@ -8723,7 +8743,7 @@ HeadingComponent.displayName = "Heading";
|
|
|
8723
8743
|
var Heading = makePolymorphic(HeadingComponent);
|
|
8724
8744
|
|
|
8725
8745
|
// src/components/DataCards/DataCard.tsx
|
|
8726
|
-
var
|
|
8746
|
+
var import_jsx_runtime214 = require("react/jsx-runtime");
|
|
8727
8747
|
var StyledDataCard = import_styled_components40.default.div`
|
|
8728
8748
|
${({ $colorScheme }) => getColorScheme($colorScheme)}
|
|
8729
8749
|
display: grid;
|
|
@@ -8789,30 +8809,30 @@ var DataCard = ({
|
|
|
8789
8809
|
isLoading = false,
|
|
8790
8810
|
trend,
|
|
8791
8811
|
...props
|
|
8792
|
-
}) => /* @__PURE__ */ (0,
|
|
8812
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(
|
|
8793
8813
|
StyledDataCard,
|
|
8794
8814
|
{
|
|
8795
8815
|
$colorScheme: colorScheme,
|
|
8796
8816
|
...props,
|
|
8797
8817
|
children: [
|
|
8798
|
-
/* @__PURE__ */ (0,
|
|
8818
|
+
/* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
8799
8819
|
StyledLabel2,
|
|
8800
8820
|
{
|
|
8801
8821
|
renderAs: "dt",
|
|
8802
8822
|
variant: "heading6",
|
|
8803
|
-
children: isLoading ? /* @__PURE__ */ (0,
|
|
8823
|
+
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(StyledLoadingLabel, {}) : label
|
|
8804
8824
|
}
|
|
8805
8825
|
),
|
|
8806
|
-
/* @__PURE__ */ (0,
|
|
8826
|
+
/* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
8807
8827
|
StyledValue,
|
|
8808
8828
|
{
|
|
8809
8829
|
renderAs: "dd",
|
|
8810
8830
|
variant: "heading3",
|
|
8811
|
-
children: isLoading ? /* @__PURE__ */ (0,
|
|
8831
|
+
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(StyledLoadingValue, {}) : value
|
|
8812
8832
|
}
|
|
8813
8833
|
),
|
|
8814
|
-
(0, import_type_guards29.isNotNull)(upperRightSlot) && !isLoading && /* @__PURE__ */ (0,
|
|
8815
|
-
(0, import_type_guards29.isNotNull)(trend) && !isLoading && /* @__PURE__ */ (0,
|
|
8834
|
+
(0, import_type_guards29.isNotNull)(upperRightSlot) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(StyledSlot, { children: upperRightSlot }),
|
|
8835
|
+
(0, import_type_guards29.isNotNull)(trend) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(StyledDataCardTrendContainer, { children: trend })
|
|
8816
8836
|
]
|
|
8817
8837
|
}
|
|
8818
8838
|
);
|
|
@@ -8820,7 +8840,7 @@ DataCard.displayName = "DataCard";
|
|
|
8820
8840
|
|
|
8821
8841
|
// src/components/DataCards/DataCards.tsx
|
|
8822
8842
|
var import_styled_components41 = __toESM(require("styled-components"));
|
|
8823
|
-
var
|
|
8843
|
+
var import_jsx_runtime215 = require("react/jsx-runtime");
|
|
8824
8844
|
var StyledDataCards = (0, import_styled_components41.default)(Box)`
|
|
8825
8845
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
8826
8846
|
margin-top: 0; /* Remove default <dl> style */
|
|
@@ -8835,7 +8855,7 @@ var DataCards = ({
|
|
|
8835
8855
|
colorScheme = "inherit",
|
|
8836
8856
|
...props
|
|
8837
8857
|
}) => {
|
|
8838
|
-
return /* @__PURE__ */ (0,
|
|
8858
|
+
return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
|
|
8839
8859
|
StyledDataCards,
|
|
8840
8860
|
{
|
|
8841
8861
|
...props,
|
|
@@ -8859,7 +8879,7 @@ var import_styled_components43 = __toESM(require("styled-components"));
|
|
|
8859
8879
|
var import_react33 = require("react");
|
|
8860
8880
|
var import_styled_components42 = __toESM(require("styled-components"));
|
|
8861
8881
|
var import_type_guards30 = require("@wistia/type-guards");
|
|
8862
|
-
var
|
|
8882
|
+
var import_jsx_runtime216 = require("react/jsx-runtime");
|
|
8863
8883
|
var bodyBoldStyles = import_styled_components42.css`
|
|
8864
8884
|
> strong,
|
|
8865
8885
|
b {
|
|
@@ -9044,7 +9064,7 @@ var TextComponent = (0, import_react33.forwardRef)(
|
|
|
9044
9064
|
renderAs,
|
|
9045
9065
|
...props
|
|
9046
9066
|
}, ref) => {
|
|
9047
|
-
return /* @__PURE__ */ (0,
|
|
9067
|
+
return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
9048
9068
|
StyledText,
|
|
9049
9069
|
{
|
|
9050
9070
|
ref,
|
|
@@ -9066,7 +9086,7 @@ TextComponent.displayName = "Text";
|
|
|
9066
9086
|
var Text = makePolymorphic(TextComponent);
|
|
9067
9087
|
|
|
9068
9088
|
// src/components/DataCards/DataCardTrend.tsx
|
|
9069
|
-
var
|
|
9089
|
+
var import_jsx_runtime217 = require("react/jsx-runtime");
|
|
9070
9090
|
var StyledDataCardTrend = import_styled_components43.default.div`
|
|
9071
9091
|
${({ $outlook }) => getColorScheme($outlook === "positive" ? "success" : "error")};
|
|
9072
9092
|
background: var(--wui-color-bg-app);
|
|
@@ -9082,8 +9102,8 @@ var DataCardTrend = ({
|
|
|
9082
9102
|
children,
|
|
9083
9103
|
...props
|
|
9084
9104
|
}) => {
|
|
9085
|
-
return /* @__PURE__ */ (0,
|
|
9086
|
-
/* @__PURE__ */ (0,
|
|
9105
|
+
return /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(StyledDataCardTrend, { $outlook: outlook, children: [
|
|
9106
|
+
/* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
9087
9107
|
Icon,
|
|
9088
9108
|
{
|
|
9089
9109
|
size: "md",
|
|
@@ -9091,7 +9111,7 @@ var DataCardTrend = ({
|
|
|
9091
9111
|
...props
|
|
9092
9112
|
}
|
|
9093
9113
|
),
|
|
9094
|
-
/* @__PURE__ */ (0,
|
|
9114
|
+
/* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
9095
9115
|
Text,
|
|
9096
9116
|
{
|
|
9097
9117
|
prominence: "secondary",
|
|
@@ -9104,7 +9124,7 @@ var DataCardTrend = ({
|
|
|
9104
9124
|
|
|
9105
9125
|
// src/components/Divider/Divider.tsx
|
|
9106
9126
|
var import_styled_components44 = __toESM(require("styled-components"));
|
|
9107
|
-
var
|
|
9127
|
+
var import_jsx_runtime218 = require("react/jsx-runtime");
|
|
9108
9128
|
var horizontalBorderCss = import_styled_components44.css`
|
|
9109
9129
|
border-top-color: var(--wui-color-border);
|
|
9110
9130
|
border-top-style: solid;
|
|
@@ -9130,7 +9150,7 @@ var DividerComponent = import_styled_components44.default.div`
|
|
|
9130
9150
|
}}
|
|
9131
9151
|
`;
|
|
9132
9152
|
var Divider = ({ orientation = "horizontal", ...props }) => {
|
|
9133
|
-
return /* @__PURE__ */ (0,
|
|
9153
|
+
return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
9134
9154
|
DividerComponent,
|
|
9135
9155
|
{
|
|
9136
9156
|
$orientation: orientation,
|
|
@@ -9149,7 +9169,7 @@ var import_react35 = require("react");
|
|
|
9149
9169
|
// src/components/Tooltip/Tooltip.tsx
|
|
9150
9170
|
var import_react_tooltip2 = require("@radix-ui/react-tooltip");
|
|
9151
9171
|
var import_styled_components45 = __toESM(require("styled-components"));
|
|
9152
|
-
var
|
|
9172
|
+
var import_jsx_runtime219 = require("react/jsx-runtime");
|
|
9153
9173
|
var hide = import_styled_components45.keyframes`
|
|
9154
9174
|
from {
|
|
9155
9175
|
opacity: 1;
|
|
@@ -9260,21 +9280,21 @@ var Tooltip = ({
|
|
|
9260
9280
|
if (forceOpen === true) {
|
|
9261
9281
|
rootProps.open = true;
|
|
9262
9282
|
}
|
|
9263
|
-
return /* @__PURE__ */ (0,
|
|
9283
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
9264
9284
|
import_react_tooltip2.Root,
|
|
9265
9285
|
{
|
|
9266
9286
|
delayDuration: delay,
|
|
9267
9287
|
...rootProps,
|
|
9268
9288
|
children: [
|
|
9269
|
-
/* @__PURE__ */ (0,
|
|
9270
|
-
/* @__PURE__ */ (0,
|
|
9289
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(import_react_tooltip2.Trigger, { asChild: true, children }),
|
|
9290
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(import_react_tooltip2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
9271
9291
|
StyledContent,
|
|
9272
9292
|
{
|
|
9273
9293
|
side: direction,
|
|
9274
9294
|
sideOffset: hideArrow ? VISUAL_OFFSET : VISUAL_OFFSET - 2,
|
|
9275
9295
|
children: [
|
|
9276
9296
|
content,
|
|
9277
|
-
!hideArrow ? /* @__PURE__ */ (0,
|
|
9297
|
+
!hideArrow ? /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(import_react_tooltip2.Arrow, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
9278
9298
|
"svg",
|
|
9279
9299
|
{
|
|
9280
9300
|
fill: "var(--tooltip-bg)",
|
|
@@ -9283,7 +9303,7 @@ var Tooltip = ({
|
|
|
9283
9303
|
viewBox: "0 0 12 8",
|
|
9284
9304
|
width: "12",
|
|
9285
9305
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9286
|
-
children: /* @__PURE__ */ (0,
|
|
9306
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("path", { d: "M6.8 6.93333C6.4 7.46667 5.6 7.46667 5.2 6.93333L-2.54292e-07 -1.04907e-06L12 0L6.8 6.93333Z" })
|
|
9287
9307
|
}
|
|
9288
9308
|
) }) : null
|
|
9289
9309
|
]
|
|
@@ -9328,7 +9348,7 @@ var inputCssVariables = import_styled_components46.css`
|
|
|
9328
9348
|
`;
|
|
9329
9349
|
|
|
9330
9350
|
// src/components/Input/Input.tsx
|
|
9331
|
-
var
|
|
9351
|
+
var import_jsx_runtime220 = require("react/jsx-runtime");
|
|
9332
9352
|
var inputStyles = import_styled_components47.css`
|
|
9333
9353
|
${inputCssVariables}
|
|
9334
9354
|
input,
|
|
@@ -9448,7 +9468,7 @@ var Input = (0, import_react34.forwardRef)(
|
|
|
9448
9468
|
);
|
|
9449
9469
|
let leftIconToDisplay = leftIcon;
|
|
9450
9470
|
if ((0, import_type_guards31.isNil)(leftIcon) && type === "search") {
|
|
9451
|
-
leftIconToDisplay = /* @__PURE__ */ (0,
|
|
9471
|
+
leftIconToDisplay = /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon, { type: "search" });
|
|
9452
9472
|
}
|
|
9453
9473
|
if ((0, import_type_guards31.isNotNil)(leftIconToDisplay)) {
|
|
9454
9474
|
leftIconToDisplay = (0, import_react34.cloneElement)(leftIconToDisplay, {
|
|
@@ -9473,21 +9493,21 @@ var Input = (0, import_react34.forwardRef)(
|
|
|
9473
9493
|
});
|
|
9474
9494
|
}
|
|
9475
9495
|
};
|
|
9476
|
-
return /* @__PURE__ */ (0,
|
|
9496
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
|
|
9477
9497
|
StyledInputContainer,
|
|
9478
9498
|
{
|
|
9479
9499
|
$fullWidth: fullWidth,
|
|
9480
9500
|
$monospace: monospace,
|
|
9481
9501
|
children: [
|
|
9482
9502
|
leftIconToDisplay ?? null,
|
|
9483
|
-
type === "multiline" ? /* @__PURE__ */ (0,
|
|
9503
|
+
type === "multiline" ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
9484
9504
|
"textarea",
|
|
9485
9505
|
{
|
|
9486
9506
|
...props,
|
|
9487
9507
|
ref,
|
|
9488
9508
|
onFocus: handleFocus2
|
|
9489
9509
|
}
|
|
9490
|
-
) : /* @__PURE__ */ (0,
|
|
9510
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
9491
9511
|
"input",
|
|
9492
9512
|
{
|
|
9493
9513
|
...props,
|
|
@@ -9505,7 +9525,7 @@ var Input = (0, import_react34.forwardRef)(
|
|
|
9505
9525
|
Input.displayName = "Input";
|
|
9506
9526
|
|
|
9507
9527
|
// src/components/EditableHeading/EditableHeading.tsx
|
|
9508
|
-
var
|
|
9528
|
+
var import_jsx_runtime221 = require("react/jsx-runtime");
|
|
9509
9529
|
var StyledInput = (0, import_styled_components48.default)(Input)`
|
|
9510
9530
|
:not([rows]) {
|
|
9511
9531
|
min-height: unset;
|
|
@@ -9587,7 +9607,7 @@ var EditableHeading = ({
|
|
|
9587
9607
|
handleSetEditing(false);
|
|
9588
9608
|
}
|
|
9589
9609
|
};
|
|
9590
|
-
const HeadingComponent2 = /* @__PURE__ */ (0,
|
|
9610
|
+
const HeadingComponent2 = /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
|
|
9591
9611
|
StyledHeading2,
|
|
9592
9612
|
{
|
|
9593
9613
|
ref: headingRef,
|
|
@@ -9601,7 +9621,7 @@ var EditableHeading = ({
|
|
|
9601
9621
|
return HeadingComponent2;
|
|
9602
9622
|
}
|
|
9603
9623
|
if (isEditing || __forceEditing) {
|
|
9604
|
-
return /* @__PURE__ */ (0,
|
|
9624
|
+
return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
|
|
9605
9625
|
StyledInput,
|
|
9606
9626
|
{
|
|
9607
9627
|
$height: headingHeight,
|
|
@@ -9619,9 +9639,9 @@ var EditableHeading = ({
|
|
|
9619
9639
|
}
|
|
9620
9640
|
);
|
|
9621
9641
|
}
|
|
9622
|
-
return /* @__PURE__ */ (0,
|
|
9623
|
-
/* @__PURE__ */ (0,
|
|
9624
|
-
/* @__PURE__ */ (0,
|
|
9642
|
+
return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(import_jsx_runtime221.Fragment, { children: [
|
|
9643
|
+
/* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Tooltip, { content: tooltipText, children: HeadingComponent2 }),
|
|
9644
|
+
/* @__PURE__ */ (0, import_jsx_runtime221.jsx)(ScreenReaderOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
|
|
9625
9645
|
"button",
|
|
9626
9646
|
{
|
|
9627
9647
|
"aria-label": ariaLabel,
|
|
@@ -9640,7 +9660,7 @@ var import_type_guards32 = require("@wistia/type-guards");
|
|
|
9640
9660
|
// src/components/Stack/Stack.tsx
|
|
9641
9661
|
var import_react36 = require("react");
|
|
9642
9662
|
var import_styled_components49 = __toESM(require("styled-components"));
|
|
9643
|
-
var
|
|
9663
|
+
var import_jsx_runtime222 = require("react/jsx-runtime");
|
|
9644
9664
|
var DEFAULT_ELEMENT4 = "div";
|
|
9645
9665
|
var StyledStack = import_styled_components49.default.div`
|
|
9646
9666
|
display: flex;
|
|
@@ -9653,7 +9673,7 @@ var StackComponent = (0, import_react36.forwardRef)(
|
|
|
9653
9673
|
const responsiveGap = useResponsiveProp(gap);
|
|
9654
9674
|
const responsiveDirection = useResponsiveProp(direction);
|
|
9655
9675
|
const responsiveAlignItems = useResponsiveProp(alignItems);
|
|
9656
|
-
return /* @__PURE__ */ (0,
|
|
9676
|
+
return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
9657
9677
|
StyledStack,
|
|
9658
9678
|
{
|
|
9659
9679
|
ref,
|
|
@@ -9670,7 +9690,7 @@ StackComponent.displayName = "Stack";
|
|
|
9670
9690
|
var Stack = makePolymorphic(StackComponent);
|
|
9671
9691
|
|
|
9672
9692
|
// src/components/Form/Form.tsx
|
|
9673
|
-
var
|
|
9693
|
+
var import_jsx_runtime223 = require("react/jsx-runtime");
|
|
9674
9694
|
var StyledForm = import_styled_components50.default.form`
|
|
9675
9695
|
--form-default-width: 690px;
|
|
9676
9696
|
|
|
@@ -9750,7 +9770,7 @@ var FormComponent = ({
|
|
|
9750
9770
|
}, [labelPosition, values, errors, id, hasSubmitted]);
|
|
9751
9771
|
return (
|
|
9752
9772
|
// @ts-expect-error - generic context providers are a giant pain
|
|
9753
|
-
/* @__PURE__ */ (0,
|
|
9773
|
+
/* @__PURE__ */ (0, import_jsx_runtime223.jsx)(FormContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
|
|
9754
9774
|
Stack,
|
|
9755
9775
|
{
|
|
9756
9776
|
...props,
|
|
@@ -9809,9 +9829,9 @@ var useFormState = (action, initialData = {}) => {
|
|
|
9809
9829
|
// src/components/Form/FormErrorSummary.tsx
|
|
9810
9830
|
var import_react39 = require("react");
|
|
9811
9831
|
var import_type_guards33 = require("@wistia/type-guards");
|
|
9812
|
-
var
|
|
9832
|
+
var import_jsx_runtime224 = require("react/jsx-runtime");
|
|
9813
9833
|
var ErrorItem = ({ name, error, formId }) => {
|
|
9814
|
-
return /* @__PURE__ */ (0,
|
|
9834
|
+
return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Link, { href: `#${formId}-${name}`, children: error }) }, name);
|
|
9815
9835
|
};
|
|
9816
9836
|
var FormErrorSummary = ({ description }) => {
|
|
9817
9837
|
const ref = (0, import_react39.useRef)(null);
|
|
@@ -9820,10 +9840,10 @@ var FormErrorSummary = ({ description }) => {
|
|
|
9820
9840
|
if (isValid || !hasSubmitted) {
|
|
9821
9841
|
return null;
|
|
9822
9842
|
}
|
|
9823
|
-
return /* @__PURE__ */ (0,
|
|
9824
|
-
/* @__PURE__ */ (0,
|
|
9825
|
-
/* @__PURE__ */ (0,
|
|
9826
|
-
([name, error]) => (0, import_type_guards33.isArray)(error) ? error.map((err) => /* @__PURE__ */ (0,
|
|
9843
|
+
return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("div", { ref, children: [
|
|
9844
|
+
/* @__PURE__ */ (0, import_jsx_runtime224.jsx)("p", { children: description }),
|
|
9845
|
+
/* @__PURE__ */ (0, import_jsx_runtime224.jsx)("ul", { children: Object.entries(errors).filter(([, error]) => (0, import_type_guards33.isNotUndefined)(error)).map(
|
|
9846
|
+
([name, error]) => (0, import_type_guards33.isArray)(error) ? error.map((err) => /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
9827
9847
|
ErrorItem,
|
|
9828
9848
|
{
|
|
9829
9849
|
error: err,
|
|
@@ -9831,7 +9851,7 @@ var FormErrorSummary = ({ description }) => {
|
|
|
9831
9851
|
name
|
|
9832
9852
|
},
|
|
9833
9853
|
err
|
|
9834
|
-
)) : /* @__PURE__ */ (0,
|
|
9854
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
9835
9855
|
ErrorItem,
|
|
9836
9856
|
{
|
|
9837
9857
|
error: error ?? "",
|
|
@@ -9851,7 +9871,7 @@ var import_type_guards34 = require("@wistia/type-guards");
|
|
|
9851
9871
|
|
|
9852
9872
|
// src/components/Label/Label.tsx
|
|
9853
9873
|
var import_styled_components51 = __toESM(require("styled-components"));
|
|
9854
|
-
var
|
|
9874
|
+
var import_jsx_runtime225 = require("react/jsx-runtime");
|
|
9855
9875
|
var requiredStyle = import_styled_components51.css`
|
|
9856
9876
|
&::after {
|
|
9857
9877
|
color: var(--wui-color-text-error);
|
|
@@ -9895,7 +9915,7 @@ var Label = ({
|
|
|
9895
9915
|
screenReaderOnly = false,
|
|
9896
9916
|
...props
|
|
9897
9917
|
}) => {
|
|
9898
|
-
return /* @__PURE__ */ (0,
|
|
9918
|
+
return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
9899
9919
|
StyledLabel3,
|
|
9900
9920
|
{
|
|
9901
9921
|
...props,
|
|
@@ -9915,7 +9935,7 @@ var import_react41 = require("react");
|
|
|
9915
9935
|
// src/components/FormGroup/FormGroup.tsx
|
|
9916
9936
|
var import_styled_components52 = __toESM(require("styled-components"));
|
|
9917
9937
|
var import_react40 = require("react");
|
|
9918
|
-
var
|
|
9938
|
+
var import_jsx_runtime226 = require("react/jsx-runtime");
|
|
9919
9939
|
var StyledFieldset = import_styled_components52.default.fieldset`
|
|
9920
9940
|
border: 0;
|
|
9921
9941
|
`;
|
|
@@ -9924,14 +9944,14 @@ var StyledLegend = import_styled_components52.default.legend`
|
|
|
9924
9944
|
`;
|
|
9925
9945
|
var FormGroup = ({ children, label, ...props }) => {
|
|
9926
9946
|
const ref = (0, import_react40.useRef)();
|
|
9927
|
-
return /* @__PURE__ */ (0,
|
|
9947
|
+
return /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
|
|
9928
9948
|
Stack,
|
|
9929
9949
|
{
|
|
9930
9950
|
...props,
|
|
9931
9951
|
ref,
|
|
9932
9952
|
renderAs: StyledFieldset,
|
|
9933
9953
|
children: [
|
|
9934
|
-
/* @__PURE__ */ (0,
|
|
9954
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
|
|
9935
9955
|
Heading,
|
|
9936
9956
|
{
|
|
9937
9957
|
renderAs: StyledLegend,
|
|
@@ -9947,7 +9967,7 @@ var FormGroup = ({ children, label, ...props }) => {
|
|
|
9947
9967
|
FormGroup.displayName = "FormGroup";
|
|
9948
9968
|
|
|
9949
9969
|
// src/components/FormGroup/CheckboxGroup.tsx
|
|
9950
|
-
var
|
|
9970
|
+
var import_jsx_runtime227 = require("react/jsx-runtime");
|
|
9951
9971
|
var CheckboxGroupContext = (0, import_react41.createContext)(null);
|
|
9952
9972
|
var CheckboxGroup = ({
|
|
9953
9973
|
children,
|
|
@@ -9962,12 +9982,12 @@ var CheckboxGroup = ({
|
|
|
9962
9982
|
onChange
|
|
9963
9983
|
};
|
|
9964
9984
|
}, [name, onChange]);
|
|
9965
|
-
return /* @__PURE__ */ (0,
|
|
9985
|
+
return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(FormGroup, { ...props, children }) });
|
|
9966
9986
|
};
|
|
9967
9987
|
CheckboxGroup.displayName = "CheckboxGroup";
|
|
9968
9988
|
|
|
9969
9989
|
// src/components/FormField/FormField.tsx
|
|
9970
|
-
var
|
|
9990
|
+
var import_jsx_runtime228 = require("react/jsx-runtime");
|
|
9971
9991
|
var StyledFormField = import_styled_components53.default.div`
|
|
9972
9992
|
--form-field-spacing: var(--wui-space-01);
|
|
9973
9993
|
--form-field-spacing-inline: var(--wui-space-02);
|
|
@@ -10008,7 +10028,7 @@ var StyledErrorList = import_styled_components53.default.ul`
|
|
|
10008
10028
|
`;
|
|
10009
10029
|
var ErrorMessages = ({ errors, id }) => {
|
|
10010
10030
|
const isMultipleErrors = (0, import_type_guards34.isArray)(errors);
|
|
10011
|
-
return isMultipleErrors ? /* @__PURE__ */ (0,
|
|
10031
|
+
return isMultipleErrors ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(StyledErrorList, { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
|
|
10012
10032
|
Text,
|
|
10013
10033
|
{
|
|
10014
10034
|
colorScheme: "error",
|
|
@@ -10018,7 +10038,7 @@ var ErrorMessages = ({ errors, id }) => {
|
|
|
10018
10038
|
children: error
|
|
10019
10039
|
},
|
|
10020
10040
|
`${id}-${index}`
|
|
10021
|
-
)) }) : /* @__PURE__ */ (0,
|
|
10041
|
+
)) }) : /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
|
|
10022
10042
|
Text,
|
|
10023
10043
|
{
|
|
10024
10044
|
colorScheme: "error",
|
|
@@ -10081,18 +10101,18 @@ var FormField = ({
|
|
|
10081
10101
|
};
|
|
10082
10102
|
}
|
|
10083
10103
|
import_react42.Children.only(children);
|
|
10084
|
-
return /* @__PURE__ */ (0,
|
|
10104
|
+
return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
|
|
10085
10105
|
StyledFormField,
|
|
10086
10106
|
{
|
|
10087
10107
|
...props,
|
|
10088
10108
|
"data-label-position": labelPosition ?? formState.labelPosition,
|
|
10089
10109
|
children: [
|
|
10090
|
-
!isIntegratedLabel && /* @__PURE__ */ (0,
|
|
10091
|
-
(0, import_type_guards34.isNotNil)(description) ? /* @__PURE__ */ (0,
|
|
10110
|
+
!isIntegratedLabel && /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Label, { htmlFor: computedId, children: label }),
|
|
10111
|
+
(0, import_type_guards34.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(FormControlLabelDescription, { id: descriptionId, children: description }) : null,
|
|
10092
10112
|
(0, import_react42.cloneElement)(children, childProps),
|
|
10093
|
-
(0, import_type_guards34.isNotNil)(computedError) ? /* @__PURE__ */ (0,
|
|
10094
|
-
/* @__PURE__ */ (0,
|
|
10095
|
-
/* @__PURE__ */ (0,
|
|
10113
|
+
(0, import_type_guards34.isNotNil)(computedError) ? /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(import_jsx_runtime228.Fragment, { children: [
|
|
10114
|
+
/* @__PURE__ */ (0, import_jsx_runtime228.jsx)("div", {}),
|
|
10115
|
+
/* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
|
|
10096
10116
|
ErrorMessages,
|
|
10097
10117
|
{
|
|
10098
10118
|
errors: computedError,
|
|
@@ -10108,7 +10128,7 @@ FormField.displayName = "FormField";
|
|
|
10108
10128
|
|
|
10109
10129
|
// src/components/FormGroup/RadioGroup.tsx
|
|
10110
10130
|
var import_react43 = require("react");
|
|
10111
|
-
var
|
|
10131
|
+
var import_jsx_runtime229 = require("react/jsx-runtime");
|
|
10112
10132
|
var RadioGroupContext = (0, import_react43.createContext)(null);
|
|
10113
10133
|
var RadioGroup = ({
|
|
10114
10134
|
children,
|
|
@@ -10123,14 +10143,14 @@ var RadioGroup = ({
|
|
|
10123
10143
|
onChange
|
|
10124
10144
|
};
|
|
10125
10145
|
}, [name, onChange]);
|
|
10126
|
-
return /* @__PURE__ */ (0,
|
|
10146
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(RadioGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(FormGroup, { ...props, children }) });
|
|
10127
10147
|
};
|
|
10128
10148
|
RadioGroup.displayName = "RadioGroup";
|
|
10129
10149
|
|
|
10130
10150
|
// src/components/IconButton/IconButton.tsx
|
|
10131
10151
|
var import_react44 = require("react");
|
|
10132
10152
|
var import_styled_components54 = __toESM(require("styled-components"));
|
|
10133
|
-
var
|
|
10153
|
+
var import_jsx_runtime230 = require("react/jsx-runtime");
|
|
10134
10154
|
var StyledButton2 = (0, import_styled_components54.default)(Button)`
|
|
10135
10155
|
--icon-button-size-sm: 24px;
|
|
10136
10156
|
--icon-button-size-md: 32px;
|
|
@@ -10148,7 +10168,7 @@ var StyledButton2 = (0, import_styled_components54.default)(Button)`
|
|
|
10148
10168
|
var IconButton = (0, import_react44.forwardRef)(
|
|
10149
10169
|
({ children, label, size = "md", ...props }, ref) => {
|
|
10150
10170
|
const responsiveSize = useResponsiveProp(size);
|
|
10151
|
-
return /* @__PURE__ */ (0,
|
|
10171
|
+
return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
10152
10172
|
StyledButton2,
|
|
10153
10173
|
{
|
|
10154
10174
|
...props,
|
|
@@ -10169,7 +10189,7 @@ IconButton.displayName = "IconButton";
|
|
|
10169
10189
|
var import_styled_components55 = __toESM(require("styled-components"));
|
|
10170
10190
|
var import_react45 = require("react");
|
|
10171
10191
|
var import_type_guards35 = require("@wistia/type-guards");
|
|
10172
|
-
var
|
|
10192
|
+
var import_jsx_runtime231 = require("react/jsx-runtime");
|
|
10173
10193
|
var StyledInput2 = (0, import_styled_components55.default)(Input)`
|
|
10174
10194
|
&:not([aria-disabled='true']) {
|
|
10175
10195
|
cursor: pointer;
|
|
@@ -10207,7 +10227,7 @@ var InputClickToCopy = (0, import_react45.forwardRef)(
|
|
|
10207
10227
|
return value;
|
|
10208
10228
|
});
|
|
10209
10229
|
};
|
|
10210
|
-
return /* @__PURE__ */ (0,
|
|
10230
|
+
return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
|
|
10211
10231
|
StyledInput2,
|
|
10212
10232
|
{
|
|
10213
10233
|
"aria-label": "Click to Copy",
|
|
@@ -10215,13 +10235,13 @@ var InputClickToCopy = (0, import_react45.forwardRef)(
|
|
|
10215
10235
|
ref,
|
|
10216
10236
|
onClick: handleClick,
|
|
10217
10237
|
readOnly: true,
|
|
10218
|
-
rightIcon: isCopied ? /* @__PURE__ */ (0,
|
|
10238
|
+
rightIcon: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
|
|
10219
10239
|
Icon,
|
|
10220
10240
|
{
|
|
10221
10241
|
colorScheme: "success",
|
|
10222
10242
|
type: "checkmark-circle"
|
|
10223
10243
|
}
|
|
10224
|
-
) : /* @__PURE__ */ (0,
|
|
10244
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Icon, { type: "save-as-copy" }),
|
|
10225
10245
|
value
|
|
10226
10246
|
}
|
|
10227
10247
|
);
|
|
@@ -10232,7 +10252,7 @@ InputClickToCopy.displayName = "InputClickToCopy";
|
|
|
10232
10252
|
// src/components/KeyboardShortcut/KeyboardShortcut.tsx
|
|
10233
10253
|
var import_styled_components56 = __toESM(require("styled-components"));
|
|
10234
10254
|
var import_type_guards36 = require("@wistia/type-guards");
|
|
10235
|
-
var
|
|
10255
|
+
var import_jsx_runtime232 = require("react/jsx-runtime");
|
|
10236
10256
|
var StyledKeyboardShortcut = import_styled_components56.default.div`
|
|
10237
10257
|
align-items: center;
|
|
10238
10258
|
display: flex;
|
|
@@ -10319,14 +10339,14 @@ var KeyboardShortcut = ({
|
|
|
10319
10339
|
keyboardKeys,
|
|
10320
10340
|
fullWidth = false,
|
|
10321
10341
|
...otherProps
|
|
10322
|
-
}) => /* @__PURE__ */ (0,
|
|
10342
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
|
|
10323
10343
|
StyledKeyboardShortcut,
|
|
10324
10344
|
{
|
|
10325
10345
|
$fullWidth: fullWidth,
|
|
10326
10346
|
...otherProps,
|
|
10327
10347
|
children: [
|
|
10328
|
-
(0, import_type_guards36.isNotNil)(label) && /* @__PURE__ */ (0,
|
|
10329
|
-
/* @__PURE__ */ (0,
|
|
10348
|
+
(0, import_type_guards36.isNotNil)(label) && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Label2, { children: label }),
|
|
10349
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(KeysContainer, { children: (Array.isArray(keyboardKeys) ? keyboardKeys : [keyboardKeys]).map((keyboardKey, index) => /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
|
|
10330
10350
|
StyledKey,
|
|
10331
10351
|
{
|
|
10332
10352
|
children: keyToString(keyboardKey)
|
|
@@ -10350,7 +10370,7 @@ var MenuContext = (0, import_react46.createContext)({ compact: false });
|
|
|
10350
10370
|
var useMenuContext = () => (0, import_react46.useContext)(MenuContext);
|
|
10351
10371
|
|
|
10352
10372
|
// src/components/Menu/Menu.tsx
|
|
10353
|
-
var
|
|
10373
|
+
var import_jsx_runtime233 = require("react/jsx-runtime");
|
|
10354
10374
|
var open = import_styled_components57.keyframes`
|
|
10355
10375
|
from {
|
|
10356
10376
|
opacity: 0;
|
|
@@ -10461,24 +10481,24 @@ var Menu = ({
|
|
|
10461
10481
|
onOpenChange: () => null
|
|
10462
10482
|
};
|
|
10463
10483
|
}
|
|
10464
|
-
return /* @__PURE__ */ (0,
|
|
10484
|
+
return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
|
|
10465
10485
|
import_react_dropdown_menu.DropdownMenu,
|
|
10466
10486
|
{
|
|
10467
10487
|
modal: false,
|
|
10468
10488
|
...controlProps,
|
|
10469
10489
|
children: [
|
|
10470
|
-
/* @__PURE__ */ (0,
|
|
10490
|
+
/* @__PURE__ */ (0, import_jsx_runtime233.jsx)(import_react_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: (0, import_type_guards37.isNotUndefined)(trigger) ? trigger : /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
|
|
10471
10491
|
Button,
|
|
10472
10492
|
{
|
|
10473
10493
|
"aria-expanded": isOpen,
|
|
10474
10494
|
disabled,
|
|
10475
10495
|
forceState: isOpen ? "active" : void 0,
|
|
10476
|
-
rightIcon: /* @__PURE__ */ (0,
|
|
10496
|
+
rightIcon: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Icon, { type: "caret-down" }),
|
|
10477
10497
|
...triggerProps,
|
|
10478
10498
|
children: label
|
|
10479
10499
|
}
|
|
10480
10500
|
) }),
|
|
10481
|
-
/* @__PURE__ */ (0,
|
|
10501
|
+
/* @__PURE__ */ (0, import_jsx_runtime233.jsx)(import_react_dropdown_menu.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
|
|
10482
10502
|
MenuContent,
|
|
10483
10503
|
{
|
|
10484
10504
|
...props,
|
|
@@ -10500,17 +10520,17 @@ Menu.displayName = "Menu";
|
|
|
10500
10520
|
// src/components/Menu/MenuLabel.tsx
|
|
10501
10521
|
var import_styled_components58 = __toESM(require("styled-components"));
|
|
10502
10522
|
var import_react_dropdown_menu2 = require("@radix-ui/react-dropdown-menu");
|
|
10503
|
-
var
|
|
10523
|
+
var import_jsx_runtime234 = require("react/jsx-runtime");
|
|
10504
10524
|
var StyledMenuLabel = (0, import_styled_components58.default)(import_react_dropdown_menu2.DropdownMenuLabel)`
|
|
10505
10525
|
padding: var(--wui-space-02);
|
|
10506
10526
|
`;
|
|
10507
10527
|
var MenuLabel = ({ children, ...props }) => {
|
|
10508
|
-
return /* @__PURE__ */ (0,
|
|
10528
|
+
return /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
10509
10529
|
StyledMenuLabel,
|
|
10510
10530
|
{
|
|
10511
10531
|
asChild: true,
|
|
10512
10532
|
...props,
|
|
10513
|
-
children: /* @__PURE__ */ (0,
|
|
10533
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
10514
10534
|
Heading,
|
|
10515
10535
|
{
|
|
10516
10536
|
renderAs: "span",
|
|
@@ -10534,7 +10554,7 @@ var import_type_guards39 = require("@wistia/type-guards");
|
|
|
10534
10554
|
var import_react48 = require("react");
|
|
10535
10555
|
var import_styled_components59 = __toESM(require("styled-components"));
|
|
10536
10556
|
var import_type_guards38 = require("@wistia/type-guards");
|
|
10537
|
-
var
|
|
10557
|
+
var import_jsx_runtime235 = require("react/jsx-runtime");
|
|
10538
10558
|
var StyledButton3 = (0, import_styled_components59.default)(Button)`
|
|
10539
10559
|
${({ colorScheme }) => getColorScheme(colorScheme)};
|
|
10540
10560
|
|
|
@@ -10617,7 +10637,7 @@ var MenuItemButton = (0, import_react48.forwardRef)(({ children, appearance, com
|
|
|
10617
10637
|
colorScheme = "error";
|
|
10618
10638
|
}
|
|
10619
10639
|
if (appearance === "gated") {
|
|
10620
|
-
badge = /* @__PURE__ */ (0,
|
|
10640
|
+
badge = /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
|
|
10621
10641
|
Icon,
|
|
10622
10642
|
{
|
|
10623
10643
|
colorScheme: "purple",
|
|
@@ -10629,7 +10649,7 @@ var MenuItemButton = (0, import_react48.forwardRef)(({ children, appearance, com
|
|
|
10629
10649
|
}
|
|
10630
10650
|
);
|
|
10631
10651
|
}
|
|
10632
|
-
return /* @__PURE__ */ (0,
|
|
10652
|
+
return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
|
|
10633
10653
|
StyledButton3,
|
|
10634
10654
|
{
|
|
10635
10655
|
...props,
|
|
@@ -10639,10 +10659,10 @@ var MenuItemButton = (0, import_react48.forwardRef)(({ children, appearance, com
|
|
|
10639
10659
|
fullWidth: true,
|
|
10640
10660
|
unstyled: true,
|
|
10641
10661
|
children: [
|
|
10642
|
-
props.leftIcon ? /* @__PURE__ */ (0,
|
|
10643
|
-
/* @__PURE__ */ (0,
|
|
10644
|
-
(0, import_type_guards38.isNotNil)(badge) || (0, import_type_guards38.isNotNil)(command) ? /* @__PURE__ */ (0,
|
|
10645
|
-
props.rightIcon ? /* @__PURE__ */ (0,
|
|
10662
|
+
props.leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(StyledLeftIconContainer, { children: props.leftIcon }) : null,
|
|
10663
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(StyledLabelAndDescriptionContainer, { children }),
|
|
10664
|
+
(0, import_type_guards38.isNotNil)(badge) || (0, import_type_guards38.isNotNil)(command) ? /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(StyledBadgeContainer, { children: badge ?? command }) : null,
|
|
10665
|
+
props.rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(StyledRightIconContainer, { children: props.rightIcon }) : null
|
|
10646
10666
|
]
|
|
10647
10667
|
}
|
|
10648
10668
|
);
|
|
@@ -10651,14 +10671,14 @@ MenuItemButton.displayName = "MenuItemButton";
|
|
|
10651
10671
|
|
|
10652
10672
|
// src/components/Menu/MenuItemLabelDescription.tsx
|
|
10653
10673
|
var import_styled_components60 = __toESM(require("styled-components"));
|
|
10654
|
-
var
|
|
10674
|
+
var import_jsx_runtime236 = require("react/jsx-runtime");
|
|
10655
10675
|
var StyledMenuItemLabel = import_styled_components60.default.span``;
|
|
10656
10676
|
var StyledMenuItemDescription = (0, import_styled_components60.default)(Text)``;
|
|
10657
10677
|
var MenuItemLabel = ({ children }) => {
|
|
10658
|
-
return /* @__PURE__ */ (0,
|
|
10678
|
+
return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(StyledMenuItemLabel, { children });
|
|
10659
10679
|
};
|
|
10660
10680
|
var MenuItemDescription = ({ children }) => {
|
|
10661
|
-
return /* @__PURE__ */ (0,
|
|
10681
|
+
return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
10662
10682
|
StyledMenuItemDescription,
|
|
10663
10683
|
{
|
|
10664
10684
|
prominence: "secondary",
|
|
@@ -10669,7 +10689,7 @@ var MenuItemDescription = ({ children }) => {
|
|
|
10669
10689
|
};
|
|
10670
10690
|
|
|
10671
10691
|
// src/components/Menu/SubMenu.tsx
|
|
10672
|
-
var
|
|
10692
|
+
var import_jsx_runtime237 = require("react/jsx-runtime");
|
|
10673
10693
|
var SubMenuContent = (0, import_styled_components61.default)(import_react_dropdown_menu3.DropdownMenuSubContent)`
|
|
10674
10694
|
${menuContentCss}
|
|
10675
10695
|
|
|
@@ -10691,12 +10711,12 @@ var StyledSubTrigger = (0, import_styled_components61.default)(import_react_drop
|
|
|
10691
10711
|
var SubMenuTrigger = ({ icon, ...props }) => {
|
|
10692
10712
|
const { isSmAndUp } = useMq();
|
|
10693
10713
|
const Trigger4 = isSmAndUp ? StyledSubTrigger : import_react_dropdown_menu3.DropdownMenuItem;
|
|
10694
|
-
return /* @__PURE__ */ (0,
|
|
10714
|
+
return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Trigger4, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
10695
10715
|
MenuItemButton,
|
|
10696
10716
|
{
|
|
10697
10717
|
...props,
|
|
10698
10718
|
leftIcon: icon,
|
|
10699
|
-
rightIcon: /* @__PURE__ */ (0,
|
|
10719
|
+
rightIcon: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Icon, { type: "caret-right" })
|
|
10700
10720
|
}
|
|
10701
10721
|
) });
|
|
10702
10722
|
};
|
|
@@ -10710,14 +10730,14 @@ var SubMenu = ({
|
|
|
10710
10730
|
const { isSmAndUp } = useMq();
|
|
10711
10731
|
const [isExpanded, setIsExpanded] = (0, import_react49.useState)(false);
|
|
10712
10732
|
const { compact } = useMenuContext();
|
|
10713
|
-
return isSmAndUp ? /* @__PURE__ */ (0,
|
|
10714
|
-
/* @__PURE__ */ (0,
|
|
10715
|
-
/* @__PURE__ */ (0,
|
|
10716
|
-
(0, import_type_guards39.isNotNil)(description) ? /* @__PURE__ */ (0,
|
|
10733
|
+
return isSmAndUp ? /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(import_react_dropdown_menu3.DropdownMenuSub, { onOpenChange, children: [
|
|
10734
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(SubMenuTrigger, { ...props, children: [
|
|
10735
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(MenuItemLabel, { children: label }),
|
|
10736
|
+
(0, import_type_guards39.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(MenuItemDescription, { children: description }) : null
|
|
10717
10737
|
] }),
|
|
10718
|
-
/* @__PURE__ */ (0,
|
|
10719
|
-
] }) : /* @__PURE__ */ (0,
|
|
10720
|
-
/* @__PURE__ */ (0,
|
|
10738
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(import_react_dropdown_menu3.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(SubMenuContent, { $compact: compact, children }) })
|
|
10739
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(import_react_dropdown_menu3.DropdownMenuGroup, { children: [
|
|
10740
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
10721
10741
|
SubMenuTrigger,
|
|
10722
10742
|
{
|
|
10723
10743
|
...props,
|
|
@@ -10726,12 +10746,12 @@ var SubMenu = ({
|
|
|
10726
10746
|
setIsExpanded((prev) => !prev);
|
|
10727
10747
|
},
|
|
10728
10748
|
children: [
|
|
10729
|
-
/* @__PURE__ */ (0,
|
|
10730
|
-
/* @__PURE__ */ (0,
|
|
10749
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(MenuItemLabel, { children: label }),
|
|
10750
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(MenuItemDescription, { children: description })
|
|
10731
10751
|
]
|
|
10732
10752
|
}
|
|
10733
10753
|
),
|
|
10734
|
-
/* @__PURE__ */ (0,
|
|
10754
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(StyledMobileSubMenuItems, { children: isExpanded ? children : null })
|
|
10735
10755
|
] });
|
|
10736
10756
|
};
|
|
10737
10757
|
SubMenu.displayName = "SubMenu";
|
|
@@ -10739,15 +10759,15 @@ SubMenu.displayName = "SubMenu";
|
|
|
10739
10759
|
// src/components/Menu/MenuItem.tsx
|
|
10740
10760
|
var import_react50 = require("react");
|
|
10741
10761
|
var import_react_dropdown_menu4 = require("@radix-ui/react-dropdown-menu");
|
|
10742
|
-
var
|
|
10762
|
+
var import_jsx_runtime238 = require("react/jsx-runtime");
|
|
10743
10763
|
var MenuItem = (0, import_react50.forwardRef)(
|
|
10744
10764
|
({ onSelect = () => null, ...props }, ref) => {
|
|
10745
|
-
return /* @__PURE__ */ (0,
|
|
10765
|
+
return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
|
|
10746
10766
|
import_react_dropdown_menu4.DropdownMenuItem,
|
|
10747
10767
|
{
|
|
10748
10768
|
asChild: true,
|
|
10749
10769
|
onSelect,
|
|
10750
|
-
children: /* @__PURE__ */ (0,
|
|
10770
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
|
|
10751
10771
|
MenuItemButton,
|
|
10752
10772
|
{
|
|
10753
10773
|
...props,
|
|
@@ -10763,10 +10783,10 @@ MenuItem.displayName = "MenuItem";
|
|
|
10763
10783
|
|
|
10764
10784
|
// src/components/Menu/MenuRadioGroup.tsx
|
|
10765
10785
|
var import_react_dropdown_menu5 = require("@radix-ui/react-dropdown-menu");
|
|
10766
|
-
var
|
|
10786
|
+
var import_jsx_runtime239 = require("react/jsx-runtime");
|
|
10767
10787
|
var MenuRadioGroup = ({ children, label, ...props }) => {
|
|
10768
|
-
return /* @__PURE__ */ (0,
|
|
10769
|
-
/* @__PURE__ */ (0,
|
|
10788
|
+
return /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(import_react_dropdown_menu5.DropdownMenuRadioGroup, { ...props, children: [
|
|
10789
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(MenuLabel, { children: label }),
|
|
10770
10790
|
children
|
|
10771
10791
|
] });
|
|
10772
10792
|
};
|
|
@@ -10774,11 +10794,11 @@ MenuRadioGroup.displayName = "MenuRadioGroup";
|
|
|
10774
10794
|
|
|
10775
10795
|
// src/components/Menu/RadioMenuItem.tsx
|
|
10776
10796
|
var import_react_dropdown_menu6 = require("@radix-ui/react-dropdown-menu");
|
|
10777
|
-
var
|
|
10797
|
+
var import_jsx_runtime240 = require("react/jsx-runtime");
|
|
10778
10798
|
var RadioMenuItem = ({
|
|
10779
10799
|
onSelect,
|
|
10780
10800
|
value,
|
|
10781
|
-
indicator = /* @__PURE__ */ (0,
|
|
10801
|
+
indicator = /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
|
|
10782
10802
|
Icon,
|
|
10783
10803
|
{
|
|
10784
10804
|
size: "sm",
|
|
@@ -10788,17 +10808,17 @@ var RadioMenuItem = ({
|
|
|
10788
10808
|
...props
|
|
10789
10809
|
}) => {
|
|
10790
10810
|
const extraProps = onSelect ? { onSelect } : {};
|
|
10791
|
-
return /* @__PURE__ */ (0,
|
|
10811
|
+
return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
|
|
10792
10812
|
import_react_dropdown_menu6.DropdownMenuRadioItem,
|
|
10793
10813
|
{
|
|
10794
10814
|
...extraProps,
|
|
10795
10815
|
asChild: true,
|
|
10796
10816
|
value,
|
|
10797
|
-
children: /* @__PURE__ */ (0,
|
|
10817
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
|
|
10798
10818
|
MenuItemButton,
|
|
10799
10819
|
{
|
|
10800
10820
|
...props,
|
|
10801
|
-
rightIcon: /* @__PURE__ */ (0,
|
|
10821
|
+
rightIcon: /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(import_react_dropdown_menu6.DropdownMenuItemIndicator, { children: indicator })
|
|
10802
10822
|
}
|
|
10803
10823
|
)
|
|
10804
10824
|
}
|
|
@@ -10809,9 +10829,9 @@ RadioMenuItem.displayName = "RadioMenuItem";
|
|
|
10809
10829
|
// src/components/Menu/CheckboxMenuItem.tsx
|
|
10810
10830
|
var import_react_dropdown_menu7 = require("@radix-ui/react-dropdown-menu");
|
|
10811
10831
|
var import_type_guards40 = require("@wistia/type-guards");
|
|
10812
|
-
var
|
|
10832
|
+
var import_jsx_runtime241 = require("react/jsx-runtime");
|
|
10813
10833
|
var CheckboxIndicator = ({ checked, ...props }) => {
|
|
10814
|
-
return checked ? /* @__PURE__ */ (0,
|
|
10834
|
+
return checked ? /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
|
|
10815
10835
|
"svg",
|
|
10816
10836
|
{
|
|
10817
10837
|
...props,
|
|
@@ -10821,14 +10841,14 @@ var CheckboxIndicator = ({ checked, ...props }) => {
|
|
|
10821
10841
|
width: "24",
|
|
10822
10842
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10823
10843
|
children: [
|
|
10824
|
-
/* @__PURE__ */ (0,
|
|
10844
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
10825
10845
|
"path",
|
|
10826
10846
|
{
|
|
10827
10847
|
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",
|
|
10828
10848
|
fill: "#2949e5"
|
|
10829
10849
|
}
|
|
10830
10850
|
),
|
|
10831
|
-
/* @__PURE__ */ (0,
|
|
10851
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
10832
10852
|
"path",
|
|
10833
10853
|
{
|
|
10834
10854
|
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",
|
|
@@ -10837,7 +10857,7 @@ var CheckboxIndicator = ({ checked, ...props }) => {
|
|
|
10837
10857
|
)
|
|
10838
10858
|
]
|
|
10839
10859
|
}
|
|
10840
|
-
) : /* @__PURE__ */ (0,
|
|
10860
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
|
|
10841
10861
|
"svg",
|
|
10842
10862
|
{
|
|
10843
10863
|
...props,
|
|
@@ -10847,14 +10867,14 @@ var CheckboxIndicator = ({ checked, ...props }) => {
|
|
|
10847
10867
|
width: "24",
|
|
10848
10868
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10849
10869
|
children: [
|
|
10850
|
-
/* @__PURE__ */ (0,
|
|
10870
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
10851
10871
|
"path",
|
|
10852
10872
|
{
|
|
10853
10873
|
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",
|
|
10854
10874
|
fill: "#fcfcfd"
|
|
10855
10875
|
}
|
|
10856
10876
|
),
|
|
10857
|
-
/* @__PURE__ */ (0,
|
|
10877
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
10858
10878
|
"path",
|
|
10859
10879
|
{
|
|
10860
10880
|
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",
|
|
@@ -10871,19 +10891,19 @@ var CheckboxMenuItem = ({
|
|
|
10871
10891
|
onCheckedChange,
|
|
10872
10892
|
...props
|
|
10873
10893
|
}) => {
|
|
10874
|
-
return /* @__PURE__ */ (0,
|
|
10894
|
+
return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
10875
10895
|
import_react_dropdown_menu7.DropdownMenuCheckboxItem,
|
|
10876
10896
|
{
|
|
10877
10897
|
asChild: true,
|
|
10878
10898
|
checked,
|
|
10879
10899
|
onCheckedChange,
|
|
10880
10900
|
onSelect,
|
|
10881
|
-
children: /* @__PURE__ */ (0,
|
|
10901
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
10882
10902
|
MenuItemButton,
|
|
10883
10903
|
{
|
|
10884
10904
|
...props,
|
|
10885
|
-
leftIcon: (0, import_type_guards40.isNotNil)(props.icon) ? props.icon : /* @__PURE__ */ (0,
|
|
10886
|
-
rightIcon: (0, import_type_guards40.isNotNil)(props.icon) ? /* @__PURE__ */ (0,
|
|
10905
|
+
leftIcon: (0, import_type_guards40.isNotNil)(props.icon) ? props.icon : /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(CheckboxIndicator, { checked }),
|
|
10906
|
+
rightIcon: (0, import_type_guards40.isNotNil)(props.icon) ? /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(import_react_dropdown_menu7.DropdownMenuItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Icon, { type: "checkmark" }) }) : void 0
|
|
10887
10907
|
}
|
|
10888
10908
|
)
|
|
10889
10909
|
}
|
|
@@ -10904,24 +10924,24 @@ var import_react_dialog2 = require("@radix-ui/react-dialog");
|
|
|
10904
10924
|
// src/components/Modal/ModalCloseButton.tsx
|
|
10905
10925
|
var import_styled_components62 = __toESM(require("styled-components"));
|
|
10906
10926
|
var import_react_dialog = require("@radix-ui/react-dialog");
|
|
10907
|
-
var
|
|
10927
|
+
var import_jsx_runtime242 = require("react/jsx-runtime");
|
|
10908
10928
|
var CloseButton = (0, import_styled_components62.default)(import_react_dialog.Close)`
|
|
10909
10929
|
align-self: start;
|
|
10910
10930
|
`;
|
|
10911
10931
|
var ModalCloseButton = () => {
|
|
10912
|
-
return /* @__PURE__ */ (0,
|
|
10932
|
+
return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(CloseButton, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
10913
10933
|
IconButton,
|
|
10914
10934
|
{
|
|
10915
10935
|
label: "Dismiss modal",
|
|
10916
10936
|
size: "sm",
|
|
10917
10937
|
variant: "ghost",
|
|
10918
|
-
children: /* @__PURE__ */ (0,
|
|
10938
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Icon, { type: "close" })
|
|
10919
10939
|
}
|
|
10920
10940
|
) });
|
|
10921
10941
|
};
|
|
10922
10942
|
|
|
10923
10943
|
// src/components/Modal/ModalHeader.tsx
|
|
10924
|
-
var
|
|
10944
|
+
var import_jsx_runtime243 = require("react/jsx-runtime");
|
|
10925
10945
|
var Header = import_styled_components63.default.header`
|
|
10926
10946
|
display: flex;
|
|
10927
10947
|
order: 1;
|
|
@@ -10944,10 +10964,10 @@ var ModalHeader = ({
|
|
|
10944
10964
|
hideTitle,
|
|
10945
10965
|
hideCloseButton
|
|
10946
10966
|
}) => {
|
|
10947
|
-
const TitleComponent = hideTitle ? /* @__PURE__ */ (0,
|
|
10948
|
-
return /* @__PURE__ */ (0,
|
|
10967
|
+
const TitleComponent = hideTitle ? /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(ScreenReaderOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Title, { children: title }) }) : /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Title, { children: title });
|
|
10968
|
+
return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Header, { $hideTitle: hideTitle, children: [
|
|
10949
10969
|
TitleComponent,
|
|
10950
|
-
hideCloseButton ? null : /* @__PURE__ */ (0,
|
|
10970
|
+
hideCloseButton ? null : /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(ModalCloseButton, {})
|
|
10951
10971
|
] });
|
|
10952
10972
|
};
|
|
10953
10973
|
|
|
@@ -10976,7 +10996,7 @@ var useFocusRestore = () => {
|
|
|
10976
10996
|
};
|
|
10977
10997
|
|
|
10978
10998
|
// src/components/Modal/ModalContent.tsx
|
|
10979
|
-
var
|
|
10999
|
+
var import_jsx_runtime244 = require("react/jsx-runtime");
|
|
10980
11000
|
var StyledModalContent = (0, import_styled_components64.default)(import_react_dialog3.Content)`
|
|
10981
11001
|
background-color: var(--wui-color-bg-app);
|
|
10982
11002
|
box-sizing: border-box;
|
|
@@ -11021,7 +11041,7 @@ var StyledModalContent = (0, import_styled_components64.default)(import_react_di
|
|
|
11021
11041
|
var ModalContent = (0, import_react52.forwardRef)(
|
|
11022
11042
|
({ fullHeight, width, children, ...props }, ref) => {
|
|
11023
11043
|
useFocusRestore();
|
|
11024
|
-
return /* @__PURE__ */ (0,
|
|
11044
|
+
return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
11025
11045
|
StyledModalContent,
|
|
11026
11046
|
{
|
|
11027
11047
|
ref,
|
|
@@ -11038,7 +11058,7 @@ var ModalContent = (0, import_react52.forwardRef)(
|
|
|
11038
11058
|
// src/private/components/Backdrop/Backdrop.tsx
|
|
11039
11059
|
var import_react53 = require("react");
|
|
11040
11060
|
var import_styled_components65 = __toESM(require("styled-components"));
|
|
11041
|
-
var
|
|
11061
|
+
var import_jsx_runtime245 = require("react/jsx-runtime");
|
|
11042
11062
|
var backdropAnimationDuration = 150;
|
|
11043
11063
|
var alignVerticalMap = {
|
|
11044
11064
|
stretch: "normal",
|
|
@@ -11080,7 +11100,7 @@ var BackdropComponent = import_styled_components65.default.div`
|
|
|
11080
11100
|
}
|
|
11081
11101
|
`;
|
|
11082
11102
|
var Backdrop = (0, import_react53.forwardRef)(
|
|
11083
|
-
({ alignHorizontal = "center", alignVertical = "center", children, ...otherProps }, ref) => /* @__PURE__ */ (0,
|
|
11103
|
+
({ alignHorizontal = "center", alignVertical = "center", children, ...otherProps }, ref) => /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
11084
11104
|
BackdropComponent,
|
|
11085
11105
|
{
|
|
11086
11106
|
ref,
|
|
@@ -11094,7 +11114,7 @@ var Backdrop = (0, import_react53.forwardRef)(
|
|
|
11094
11114
|
Backdrop.displayName = "Backdrop";
|
|
11095
11115
|
|
|
11096
11116
|
// src/components/Modal/Modal.tsx
|
|
11097
|
-
var
|
|
11117
|
+
var import_jsx_runtime246 = require("react/jsx-runtime");
|
|
11098
11118
|
var DEFAULT_MODAL_WIDTH = "532px";
|
|
11099
11119
|
var ModalBody = import_styled_components66.default.div`
|
|
11100
11120
|
flex-direction: column;
|
|
@@ -11114,7 +11134,7 @@ var Modal = (0, import_react54.forwardRef)(
|
|
|
11114
11134
|
width = DEFAULT_MODAL_WIDTH,
|
|
11115
11135
|
...props
|
|
11116
11136
|
}, ref) => {
|
|
11117
|
-
return /* @__PURE__ */ (0,
|
|
11137
|
+
return /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
11118
11138
|
import_react_dialog4.Root,
|
|
11119
11139
|
{
|
|
11120
11140
|
onOpenChange: (open2) => {
|
|
@@ -11123,9 +11143,9 @@ var Modal = (0, import_react54.forwardRef)(
|
|
|
11123
11143
|
}
|
|
11124
11144
|
},
|
|
11125
11145
|
open: isOpen,
|
|
11126
|
-
children: /* @__PURE__ */ (0,
|
|
11127
|
-
/* @__PURE__ */ (0,
|
|
11128
|
-
/* @__PURE__ */ (0,
|
|
11146
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(import_react_dialog4.Portal, { children: [
|
|
11147
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Backdrop, {}),
|
|
11148
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
|
|
11129
11149
|
ModalContent,
|
|
11130
11150
|
{
|
|
11131
11151
|
ref,
|
|
@@ -11141,8 +11161,8 @@ var Modal = (0, import_react54.forwardRef)(
|
|
|
11141
11161
|
width,
|
|
11142
11162
|
...props,
|
|
11143
11163
|
children: [
|
|
11144
|
-
/* @__PURE__ */ (0,
|
|
11145
|
-
/* @__PURE__ */ (0,
|
|
11164
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(ModalBody, { children }),
|
|
11165
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
11146
11166
|
ModalHeader,
|
|
11147
11167
|
{
|
|
11148
11168
|
hideCloseButton,
|
|
@@ -11171,7 +11191,7 @@ var getControlProps = (isOpen, onOpenChange) => {
|
|
|
11171
11191
|
};
|
|
11172
11192
|
|
|
11173
11193
|
// src/components/Popover/Popover.tsx
|
|
11174
|
-
var
|
|
11194
|
+
var import_jsx_runtime247 = require("react/jsx-runtime");
|
|
11175
11195
|
var StyledContent2 = (0, import_styled_components67.default)(import_react_popover.Content)`
|
|
11176
11196
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
11177
11197
|
${({ $unstyled }) => !$unstyled && import_styled_components67.css`
|
|
@@ -11207,9 +11227,9 @@ var Popover = ({
|
|
|
11207
11227
|
"--wui-popover-max-width": maxWidth,
|
|
11208
11228
|
"--wui-popover-max-height": maxHeight
|
|
11209
11229
|
};
|
|
11210
|
-
return /* @__PURE__ */ (0,
|
|
11211
|
-
/* @__PURE__ */ (0,
|
|
11212
|
-
/* @__PURE__ */ (0,
|
|
11230
|
+
return /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(import_react_popover.Root, { ...getControlProps(isOpen, onOpenChange), children: [
|
|
11231
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(import_react_popover.Trigger, { asChild: true, children: trigger }),
|
|
11232
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(import_react_popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
|
|
11213
11233
|
StyledContent2,
|
|
11214
11234
|
{
|
|
11215
11235
|
$colorScheme: colorScheme,
|
|
@@ -11218,16 +11238,16 @@ var Popover = ({
|
|
|
11218
11238
|
$unstyled: unstyled,
|
|
11219
11239
|
style,
|
|
11220
11240
|
children: [
|
|
11221
|
-
!hideCloseButton && /* @__PURE__ */ (0,
|
|
11241
|
+
!hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(import_react_popover.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
|
|
11222
11242
|
IconButton,
|
|
11223
11243
|
{
|
|
11224
11244
|
"data-wui-popover-close": true,
|
|
11225
11245
|
label: "Close",
|
|
11226
11246
|
variant: "ghost",
|
|
11227
|
-
children: /* @__PURE__ */ (0,
|
|
11247
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Icon, { type: "close" })
|
|
11228
11248
|
}
|
|
11229
11249
|
) }),
|
|
11230
|
-
/* @__PURE__ */ (0,
|
|
11250
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)("div", { children })
|
|
11231
11251
|
]
|
|
11232
11252
|
}
|
|
11233
11253
|
) })
|
|
@@ -11239,7 +11259,7 @@ Popover.displayName = "Popover";
|
|
|
11239
11259
|
var import_styled_components68 = __toESM(require("styled-components"));
|
|
11240
11260
|
var import_react_progress = require("@radix-ui/react-progress");
|
|
11241
11261
|
var import_type_guards44 = require("@wistia/type-guards");
|
|
11242
|
-
var
|
|
11262
|
+
var import_jsx_runtime248 = require("react/jsx-runtime");
|
|
11243
11263
|
var ProgressBarWrapper = import_styled_components68.default.div`
|
|
11244
11264
|
--progress-bar-height: 8px;
|
|
11245
11265
|
--progress-bar-indicator-color: var(--wui-color-bg-fill);
|
|
@@ -11292,15 +11312,15 @@ var ProgressBar = ({
|
|
|
11292
11312
|
labelRight,
|
|
11293
11313
|
...props
|
|
11294
11314
|
}) => {
|
|
11295
|
-
return /* @__PURE__ */ (0,
|
|
11296
|
-
(0, import_type_guards44.isNotNil)(labelLeft) ? /* @__PURE__ */ (0,
|
|
11297
|
-
/* @__PURE__ */ (0,
|
|
11315
|
+
return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(ProgressBarWrapper, { children: [
|
|
11316
|
+
(0, import_type_guards44.isNotNil)(labelLeft) ? /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(ProgressBarLabel, { children: labelLeft }) : null,
|
|
11317
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
11298
11318
|
StyledProgressBar,
|
|
11299
11319
|
{
|
|
11300
11320
|
max,
|
|
11301
11321
|
value: progress,
|
|
11302
11322
|
...props,
|
|
11303
|
-
children: /* @__PURE__ */ (0,
|
|
11323
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
11304
11324
|
StyledProgressIndicator,
|
|
11305
11325
|
{
|
|
11306
11326
|
$max: max,
|
|
@@ -11309,7 +11329,7 @@ var ProgressBar = ({
|
|
|
11309
11329
|
)
|
|
11310
11330
|
}
|
|
11311
11331
|
),
|
|
11312
|
-
(0, import_type_guards44.isNotNil)(labelRight) ? /* @__PURE__ */ (0,
|
|
11332
|
+
(0, import_type_guards44.isNotNil)(labelRight) ? /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(ProgressBarLabel, { children: labelRight }) : null
|
|
11313
11333
|
] });
|
|
11314
11334
|
};
|
|
11315
11335
|
ProgressBar.displayName = "ProgressBar";
|
|
@@ -11318,8 +11338,8 @@ ProgressBar.displayName = "ProgressBar";
|
|
|
11318
11338
|
var import_react55 = require("react");
|
|
11319
11339
|
var import_styled_components69 = __toESM(require("styled-components"));
|
|
11320
11340
|
var import_type_guards45 = require("@wistia/type-guards");
|
|
11321
|
-
var
|
|
11322
|
-
var RadioIcon = () => /* @__PURE__ */ (0,
|
|
11341
|
+
var import_jsx_runtime249 = require("react/jsx-runtime");
|
|
11342
|
+
var RadioIcon = () => /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
|
|
11323
11343
|
"svg",
|
|
11324
11344
|
{
|
|
11325
11345
|
fill: "inherit",
|
|
@@ -11327,7 +11347,7 @@ var RadioIcon = () => /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
|
11327
11347
|
viewBox: "0 0 1 1",
|
|
11328
11348
|
width: "1",
|
|
11329
11349
|
xmlns: "http://www.w3.org/2000/svg",
|
|
11330
|
-
children: /* @__PURE__ */ (0,
|
|
11350
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
|
|
11331
11351
|
"circle",
|
|
11332
11352
|
{
|
|
11333
11353
|
cx: "0.5",
|
|
@@ -11435,13 +11455,13 @@ var Radio = (0, import_react55.forwardRef)(
|
|
|
11435
11455
|
}, ref) => {
|
|
11436
11456
|
const generatedId = (0, import_react55.useId)();
|
|
11437
11457
|
const computedId = (0, import_type_guards45.isNonEmptyString)(id) ? id : `wistia-ui-radio-${generatedId}`;
|
|
11438
|
-
return /* @__PURE__ */ (0,
|
|
11458
|
+
return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
|
|
11439
11459
|
StyledRadioWrapper,
|
|
11440
11460
|
{
|
|
11441
11461
|
$disabled: disabled,
|
|
11442
11462
|
"aria-invalid": props["aria-invalid"],
|
|
11443
11463
|
children: [
|
|
11444
|
-
/* @__PURE__ */ (0,
|
|
11464
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
|
|
11445
11465
|
StyledHiddenRadioInput,
|
|
11446
11466
|
{
|
|
11447
11467
|
...props,
|
|
@@ -11456,16 +11476,16 @@ var Radio = (0, import_react55.forwardRef)(
|
|
|
11456
11476
|
value
|
|
11457
11477
|
}
|
|
11458
11478
|
),
|
|
11459
|
-
/* @__PURE__ */ (0,
|
|
11479
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
|
|
11460
11480
|
FormControlLabel,
|
|
11461
11481
|
{
|
|
11462
|
-
controlSlot: /* @__PURE__ */ (0,
|
|
11482
|
+
controlSlot: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
|
|
11463
11483
|
StyledRadioInput,
|
|
11464
11484
|
{
|
|
11465
11485
|
$disabled: disabled,
|
|
11466
11486
|
$size: size,
|
|
11467
11487
|
"data-wui-faux-input": "true",
|
|
11468
|
-
children: /* @__PURE__ */ (0,
|
|
11488
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(RadioIcon, {})
|
|
11469
11489
|
}
|
|
11470
11490
|
),
|
|
11471
11491
|
description,
|
|
@@ -11490,7 +11510,7 @@ var import_type_guards46 = require("@wistia/type-guards");
|
|
|
11490
11510
|
|
|
11491
11511
|
// src/components/SegmentedControl/useSelectedItemStyle.tsx
|
|
11492
11512
|
var import_react56 = require("react");
|
|
11493
|
-
var
|
|
11513
|
+
var import_jsx_runtime250 = require("react/jsx-runtime");
|
|
11494
11514
|
var SelectedItemStyleContext = (0, import_react56.createContext)(null);
|
|
11495
11515
|
var SelectedItemStyleProvider = ({
|
|
11496
11516
|
children
|
|
@@ -11513,7 +11533,7 @@ var SelectedItemStyleProvider = ({
|
|
|
11513
11533
|
}),
|
|
11514
11534
|
[selectedItemIndicatorStyle]
|
|
11515
11535
|
);
|
|
11516
|
-
return /* @__PURE__ */ (0,
|
|
11536
|
+
return /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(SelectedItemStyleContext.Provider, { value: contextValue, children });
|
|
11517
11537
|
};
|
|
11518
11538
|
var useSelectedItemStyle = () => {
|
|
11519
11539
|
const context = (0, import_react56.useContext)(SelectedItemStyleContext);
|
|
@@ -11539,7 +11559,7 @@ var useSegmentedControlValue = () => {
|
|
|
11539
11559
|
};
|
|
11540
11560
|
|
|
11541
11561
|
// src/components/SegmentedControl/SelectedItemIndicator.tsx
|
|
11542
|
-
var
|
|
11562
|
+
var import_jsx_runtime251 = require("react/jsx-runtime");
|
|
11543
11563
|
var SelectedItemIndicatorDiv = import_styled_components70.default.div`
|
|
11544
11564
|
background-color: var(--wui-color-bg-fill-white);
|
|
11545
11565
|
border-radius: var(--wui-border-radius-rounded);
|
|
@@ -11558,11 +11578,11 @@ var SelectedItemIndicator = () => {
|
|
|
11558
11578
|
if (!selectedValue) {
|
|
11559
11579
|
return null;
|
|
11560
11580
|
}
|
|
11561
|
-
return /* @__PURE__ */ (0,
|
|
11581
|
+
return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(SelectedItemIndicatorDiv, { style: selectedItemIndicatorStyle });
|
|
11562
11582
|
};
|
|
11563
11583
|
|
|
11564
11584
|
// src/components/SegmentedControl/SegmentedControl.tsx
|
|
11565
|
-
var
|
|
11585
|
+
var import_jsx_runtime252 = require("react/jsx-runtime");
|
|
11566
11586
|
var segmentedControlStyles = import_styled_components71.css`
|
|
11567
11587
|
display: inline-flex;
|
|
11568
11588
|
background-color: var(--wui-color-bg-surface-secondary);
|
|
@@ -11589,7 +11609,7 @@ var SegmentedControl = (0, import_react58.forwardRef)(
|
|
|
11589
11609
|
if ((0, import_type_guards46.isNil)(children)) {
|
|
11590
11610
|
return null;
|
|
11591
11611
|
}
|
|
11592
|
-
return /* @__PURE__ */ (0,
|
|
11612
|
+
return /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
|
|
11593
11613
|
StyledSegmentedControl,
|
|
11594
11614
|
{
|
|
11595
11615
|
ref,
|
|
@@ -11601,8 +11621,8 @@ var SegmentedControl = (0, import_react58.forwardRef)(
|
|
|
11601
11621
|
type: "single",
|
|
11602
11622
|
value: selectedValue,
|
|
11603
11623
|
...props,
|
|
11604
|
-
children: /* @__PURE__ */ (0,
|
|
11605
|
-
/* @__PURE__ */ (0,
|
|
11624
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(SegmentedControlValueProvider, { value: selectedValue, children: /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(SelectedItemStyleProvider, { children: [
|
|
11625
|
+
/* @__PURE__ */ (0, import_jsx_runtime252.jsx)(SelectedItemIndicator, {}),
|
|
11606
11626
|
children
|
|
11607
11627
|
] }) })
|
|
11608
11628
|
}
|
|
@@ -11616,7 +11636,7 @@ var import_react59 = require("react");
|
|
|
11616
11636
|
var import_styled_components72 = __toESM(require("styled-components"));
|
|
11617
11637
|
var import_react_toggle_group2 = require("@radix-ui/react-toggle-group");
|
|
11618
11638
|
var import_type_guards47 = require("@wistia/type-guards");
|
|
11619
|
-
var
|
|
11639
|
+
var import_jsx_runtime253 = require("react/jsx-runtime");
|
|
11620
11640
|
var segmentedControlItemStyles = import_styled_components72.css`
|
|
11621
11641
|
all: unset; /* ToggleGroupItem is a button element */
|
|
11622
11642
|
align-items: center;
|
|
@@ -11718,7 +11738,7 @@ var SegmentedControlItem = (0, import_react59.forwardRef)(
|
|
|
11718
11738
|
resizeObserver.disconnect();
|
|
11719
11739
|
};
|
|
11720
11740
|
}, [selectedValue, setSelectedItemMeasurements, value]);
|
|
11721
|
-
return /* @__PURE__ */ (0,
|
|
11741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
|
|
11722
11742
|
StyledSegmentedControlItem,
|
|
11723
11743
|
{
|
|
11724
11744
|
ref: combinedRef,
|
|
@@ -11741,7 +11761,7 @@ SegmentedControlItem.displayName = "SegmentedControlItem";
|
|
|
11741
11761
|
var import_react_select = require("@radix-ui/react-select");
|
|
11742
11762
|
var import_react60 = require("react");
|
|
11743
11763
|
var import_styled_components73 = __toESM(require("styled-components"));
|
|
11744
|
-
var
|
|
11764
|
+
var import_jsx_runtime254 = require("react/jsx-runtime");
|
|
11745
11765
|
var StyledTrigger = (0, import_styled_components73.default)(import_react_select.Trigger)`
|
|
11746
11766
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
11747
11767
|
${inputCssVariables};
|
|
@@ -11814,13 +11834,13 @@ var Select = (0, import_react60.forwardRef)(
|
|
|
11814
11834
|
...props
|
|
11815
11835
|
}, forwardedRef) => {
|
|
11816
11836
|
const responsiveFullWidth = useResponsiveProp(fullWidth);
|
|
11817
|
-
return /* @__PURE__ */ (0,
|
|
11837
|
+
return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
|
|
11818
11838
|
import_react_select.Root,
|
|
11819
11839
|
{
|
|
11820
11840
|
...props,
|
|
11821
11841
|
onValueChange: onChange,
|
|
11822
11842
|
children: [
|
|
11823
|
-
/* @__PURE__ */ (0,
|
|
11843
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
|
|
11824
11844
|
StyledTrigger,
|
|
11825
11845
|
{
|
|
11826
11846
|
ref: forwardedRef,
|
|
@@ -11828,8 +11848,8 @@ var Select = (0, import_react60.forwardRef)(
|
|
|
11828
11848
|
$fullWidth: responsiveFullWidth,
|
|
11829
11849
|
...props,
|
|
11830
11850
|
children: [
|
|
11831
|
-
/* @__PURE__ */ (0,
|
|
11832
|
-
/* @__PURE__ */ (0,
|
|
11851
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(import_react_select.Value, { placeholder }),
|
|
11852
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
11833
11853
|
Icon,
|
|
11834
11854
|
{
|
|
11835
11855
|
size: "md",
|
|
@@ -11839,10 +11859,10 @@ var Select = (0, import_react60.forwardRef)(
|
|
|
11839
11859
|
]
|
|
11840
11860
|
}
|
|
11841
11861
|
),
|
|
11842
|
-
/* @__PURE__ */ (0,
|
|
11843
|
-
/* @__PURE__ */ (0,
|
|
11844
|
-
/* @__PURE__ */ (0,
|
|
11845
|
-
/* @__PURE__ */ (0,
|
|
11862
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(import_react_select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(StyledContent3, { position: "popper", children: [
|
|
11863
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(import_react_select.ScrollUpButton, { children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Icon, { type: "caret-up" }) }),
|
|
11864
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(import_react_select.Viewport, { children }),
|
|
11865
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(import_react_select.ScrollDownButton, { children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Icon, { type: "caret-down" }) })
|
|
11846
11866
|
] }) })
|
|
11847
11867
|
]
|
|
11848
11868
|
}
|
|
@@ -11856,7 +11876,7 @@ var import_react_select2 = require("@radix-ui/react-select");
|
|
|
11856
11876
|
var import_react61 = require("react");
|
|
11857
11877
|
var import_styled_components74 = __toESM(require("styled-components"));
|
|
11858
11878
|
var import_type_guards48 = require("@wistia/type-guards");
|
|
11859
|
-
var
|
|
11879
|
+
var import_jsx_runtime255 = require("react/jsx-runtime");
|
|
11860
11880
|
var StyledItem = (0, import_styled_components74.default)(import_react_select2.Item)`
|
|
11861
11881
|
${variantStyleMap2.body3};
|
|
11862
11882
|
display: flex;
|
|
@@ -11886,23 +11906,23 @@ var StyledIconContainer = import_styled_components74.default.span`
|
|
|
11886
11906
|
`;
|
|
11887
11907
|
var SelectOption = (0, import_react61.forwardRef)(
|
|
11888
11908
|
({ children, selectedDisplayValue, ...props }, forwardedRef) => {
|
|
11889
|
-
return /* @__PURE__ */ (0,
|
|
11909
|
+
return /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
|
|
11890
11910
|
StyledItem,
|
|
11891
11911
|
{
|
|
11892
11912
|
...props,
|
|
11893
11913
|
ref: forwardedRef,
|
|
11894
11914
|
children: [
|
|
11895
|
-
/* @__PURE__ */ (0,
|
|
11915
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)(StyledIconContainer, { "data-indicator": true, children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(import_react_select2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
|
|
11896
11916
|
Icon,
|
|
11897
11917
|
{
|
|
11898
11918
|
size: "sm",
|
|
11899
11919
|
type: "checkmark"
|
|
11900
11920
|
}
|
|
11901
11921
|
) }) }),
|
|
11902
|
-
(0, import_type_guards48.isNotNil)(selectedDisplayValue) ? /* @__PURE__ */ (0,
|
|
11922
|
+
(0, import_type_guards48.isNotNil)(selectedDisplayValue) ? /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)("div", { children: [
|
|
11903
11923
|
children,
|
|
11904
|
-
/* @__PURE__ */ (0,
|
|
11905
|
-
] }) : /* @__PURE__ */ (0,
|
|
11924
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)("div", { style: { display: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(import_react_select2.ItemText, { children: selectedDisplayValue }) })
|
|
11925
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(import_react_select2.ItemText, { children })
|
|
11906
11926
|
]
|
|
11907
11927
|
}
|
|
11908
11928
|
);
|
|
@@ -11913,13 +11933,13 @@ SelectOption.displayName = "SelectOption";
|
|
|
11913
11933
|
// src/components/Select/SelectOptionGroup.tsx
|
|
11914
11934
|
var import_react_select3 = require("@radix-ui/react-select");
|
|
11915
11935
|
var import_styled_components75 = __toESM(require("styled-components"));
|
|
11916
|
-
var
|
|
11936
|
+
var import_jsx_runtime256 = require("react/jsx-runtime");
|
|
11917
11937
|
var StyledLabel4 = (0, import_styled_components75.default)(import_react_select3.Label)`
|
|
11918
11938
|
padding: var(--wui-select-option-padding);
|
|
11919
11939
|
`;
|
|
11920
11940
|
var SelectOptionGroup = ({ children, label, ...props }) => {
|
|
11921
|
-
return /* @__PURE__ */ (0,
|
|
11922
|
-
/* @__PURE__ */ (0,
|
|
11941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(import_react_select3.Group, { ...props, children: [
|
|
11942
|
+
/* @__PURE__ */ (0, import_jsx_runtime256.jsx)(StyledLabel4, { children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
|
|
11923
11943
|
Text,
|
|
11924
11944
|
{
|
|
11925
11945
|
prominence: "secondary",
|
|
@@ -11935,7 +11955,7 @@ var SelectOptionGroup = ({ children, label, ...props }) => {
|
|
|
11935
11955
|
var import_react62 = require("react");
|
|
11936
11956
|
var import_styled_components76 = __toESM(require("styled-components"));
|
|
11937
11957
|
var import_type_guards49 = require("@wistia/type-guards");
|
|
11938
|
-
var
|
|
11958
|
+
var import_jsx_runtime257 = require("react/jsx-runtime");
|
|
11939
11959
|
var sizeSmall3 = import_styled_components76.css`
|
|
11940
11960
|
--wui-size-small-width: 24px;
|
|
11941
11961
|
--wui-size-small-height: 14px;
|
|
@@ -12054,8 +12074,8 @@ var Switch = (0, import_react62.forwardRef)(
|
|
|
12054
12074
|
}, ref) => {
|
|
12055
12075
|
const generatedId = (0, import_react62.useId)();
|
|
12056
12076
|
const computedId = (0, import_type_guards49.isNonEmptyString)(id) ? id : `wistia-ui-switch-${generatedId}`;
|
|
12057
|
-
return /* @__PURE__ */ (0,
|
|
12058
|
-
/* @__PURE__ */ (0,
|
|
12077
|
+
return /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(StyledSwitchWrapper, { $disabled: disabled, children: [
|
|
12078
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
|
|
12059
12079
|
StyledHiddenSwitchInput,
|
|
12060
12080
|
{
|
|
12061
12081
|
...props,
|
|
@@ -12070,10 +12090,10 @@ var Switch = (0, import_react62.forwardRef)(
|
|
|
12070
12090
|
value
|
|
12071
12091
|
}
|
|
12072
12092
|
),
|
|
12073
|
-
/* @__PURE__ */ (0,
|
|
12093
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
|
|
12074
12094
|
FormControlLabel,
|
|
12075
12095
|
{
|
|
12076
|
-
controlSlot: /* @__PURE__ */ (0,
|
|
12096
|
+
controlSlot: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
|
|
12077
12097
|
StyledSwitchInput,
|
|
12078
12098
|
{
|
|
12079
12099
|
$disabled: disabled,
|
|
@@ -12096,7 +12116,7 @@ Switch.displayName = "Switch";
|
|
|
12096
12116
|
|
|
12097
12117
|
// src/components/Table/Table.tsx
|
|
12098
12118
|
var import_styled_components77 = __toESM(require("styled-components"));
|
|
12099
|
-
var
|
|
12119
|
+
var import_jsx_runtime258 = require("react/jsx-runtime");
|
|
12100
12120
|
var StyledTable = import_styled_components77.default.table`
|
|
12101
12121
|
width: 100%;
|
|
12102
12122
|
border-collapse: collapse;
|
|
@@ -12126,7 +12146,7 @@ var Table = ({
|
|
|
12126
12146
|
visuallyHiddenHeader = false,
|
|
12127
12147
|
...props
|
|
12128
12148
|
}) => {
|
|
12129
|
-
return /* @__PURE__ */ (0,
|
|
12149
|
+
return /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
|
|
12130
12150
|
StyledTable,
|
|
12131
12151
|
{
|
|
12132
12152
|
$divided: divided,
|
|
@@ -12146,16 +12166,16 @@ var import_react63 = require("react");
|
|
|
12146
12166
|
var TableSectionContext = (0, import_react63.createContext)(null);
|
|
12147
12167
|
|
|
12148
12168
|
// src/components/Table/TableBody.tsx
|
|
12149
|
-
var
|
|
12169
|
+
var import_jsx_runtime259 = require("react/jsx-runtime");
|
|
12150
12170
|
var StyledTableBody = import_styled_components78.default.tbody``;
|
|
12151
12171
|
var TableBody = ({ children, ...props }) => {
|
|
12152
|
-
return /* @__PURE__ */ (0,
|
|
12172
|
+
return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(TableSectionContext.Provider, { value: "body", children: /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(StyledTableBody, { ...props, children }) });
|
|
12153
12173
|
};
|
|
12154
12174
|
|
|
12155
12175
|
// src/components/Table/TableCell.tsx
|
|
12156
12176
|
var import_react64 = require("react");
|
|
12157
12177
|
var import_styled_components79 = __toESM(require("styled-components"));
|
|
12158
|
-
var
|
|
12178
|
+
var import_jsx_runtime260 = require("react/jsx-runtime");
|
|
12159
12179
|
var sharedStyles = import_styled_components79.css`
|
|
12160
12180
|
color: var(--wui-color-text);
|
|
12161
12181
|
padding: var(--wui-space-02);
|
|
@@ -12176,33 +12196,33 @@ var StyledTd = import_styled_components79.default.td`
|
|
|
12176
12196
|
var TableCell = ({ children, ...props }) => {
|
|
12177
12197
|
const section = (0, import_react64.useContext)(TableSectionContext);
|
|
12178
12198
|
if (section === "head") {
|
|
12179
|
-
return /* @__PURE__ */ (0,
|
|
12199
|
+
return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(StyledTh, { ...props, children });
|
|
12180
12200
|
}
|
|
12181
|
-
return /* @__PURE__ */ (0,
|
|
12201
|
+
return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(StyledTd, { ...props, children });
|
|
12182
12202
|
};
|
|
12183
12203
|
|
|
12184
12204
|
// src/components/Table/TableFoot.tsx
|
|
12185
12205
|
var import_styled_components80 = __toESM(require("styled-components"));
|
|
12186
|
-
var
|
|
12206
|
+
var import_jsx_runtime261 = require("react/jsx-runtime");
|
|
12187
12207
|
var StyledTableFoot = import_styled_components80.default.tfoot``;
|
|
12188
12208
|
var TableFoot = ({ children, ...props }) => {
|
|
12189
|
-
return /* @__PURE__ */ (0,
|
|
12209
|
+
return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(TableSectionContext.Provider, { value: "footer", children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(StyledTableFoot, { ...props, children }) });
|
|
12190
12210
|
};
|
|
12191
12211
|
|
|
12192
12212
|
// src/components/Table/TableHead.tsx
|
|
12193
12213
|
var import_styled_components81 = __toESM(require("styled-components"));
|
|
12194
|
-
var
|
|
12214
|
+
var import_jsx_runtime262 = require("react/jsx-runtime");
|
|
12195
12215
|
var StyledThead = import_styled_components81.default.thead``;
|
|
12196
12216
|
var TableHead = ({ children, ...props }) => {
|
|
12197
|
-
return /* @__PURE__ */ (0,
|
|
12217
|
+
return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(TableSectionContext.Provider, { value: "head", children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(StyledThead, { ...props, children }) });
|
|
12198
12218
|
};
|
|
12199
12219
|
|
|
12200
12220
|
// src/components/Table/TableRow.tsx
|
|
12201
12221
|
var import_styled_components82 = __toESM(require("styled-components"));
|
|
12202
|
-
var
|
|
12222
|
+
var import_jsx_runtime263 = require("react/jsx-runtime");
|
|
12203
12223
|
var StyledTableRow = import_styled_components82.default.tr``;
|
|
12204
12224
|
var TableRow = ({ children, ...props }) => {
|
|
12205
|
-
return /* @__PURE__ */ (0,
|
|
12225
|
+
return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(StyledTableRow, { ...props, children });
|
|
12206
12226
|
};
|
|
12207
12227
|
|
|
12208
12228
|
// src/components/Tabs/Tabs.tsx
|
|
@@ -12214,13 +12234,13 @@ var import_styled_components87 = __toESM(require("styled-components"));
|
|
|
12214
12234
|
// src/components/Tabs/TabPanel.tsx
|
|
12215
12235
|
var import_styled_components83 = __toESM(require("styled-components"));
|
|
12216
12236
|
var import_react_tabs = require("@radix-ui/react-tabs");
|
|
12217
|
-
var
|
|
12237
|
+
var import_jsx_runtime264 = require("react/jsx-runtime");
|
|
12218
12238
|
var StyledTabPanel = (0, import_styled_components83.default)(import_react_tabs.Content)`
|
|
12219
12239
|
display: flex;
|
|
12220
12240
|
flex-direction: column;
|
|
12221
12241
|
`;
|
|
12222
12242
|
var TabPanel = ({ children, value, ...props }) => {
|
|
12223
|
-
return /* @__PURE__ */ (0,
|
|
12243
|
+
return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
|
|
12224
12244
|
StyledTabPanel,
|
|
12225
12245
|
{
|
|
12226
12246
|
value,
|
|
@@ -12234,7 +12254,7 @@ TabPanel.displayName = "TabPanel";
|
|
|
12234
12254
|
// src/components/Tabs/TabList.tsx
|
|
12235
12255
|
var import_styled_components84 = __toESM(require("styled-components"));
|
|
12236
12256
|
var import_react_tabs2 = require("@radix-ui/react-tabs");
|
|
12237
|
-
var
|
|
12257
|
+
var import_jsx_runtime265 = require("react/jsx-runtime");
|
|
12238
12258
|
var StyledTabList = (0, import_styled_components84.default)(import_react_tabs2.List)`
|
|
12239
12259
|
${segmentedControlStyles}
|
|
12240
12260
|
|
|
@@ -12248,7 +12268,7 @@ var TabList = ({
|
|
|
12248
12268
|
ariaLabel,
|
|
12249
12269
|
...props
|
|
12250
12270
|
}) => {
|
|
12251
|
-
return /* @__PURE__ */ (0,
|
|
12271
|
+
return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
|
|
12252
12272
|
StyledTabList,
|
|
12253
12273
|
{
|
|
12254
12274
|
$fullWidth: fullWidth,
|
|
@@ -12279,7 +12299,7 @@ var useTabsValue = () => {
|
|
|
12279
12299
|
};
|
|
12280
12300
|
|
|
12281
12301
|
// src/components/Tabs/TabItem.tsx
|
|
12282
|
-
var
|
|
12302
|
+
var import_jsx_runtime266 = require("react/jsx-runtime");
|
|
12283
12303
|
var StyledTabItem = (0, import_styled_components85.default)(import_react_tabs3.Trigger)`
|
|
12284
12304
|
${segmentedControlItemStyles}
|
|
12285
12305
|
|
|
@@ -12318,7 +12338,7 @@ var TabItem = (0, import_react66.forwardRef)(
|
|
|
12318
12338
|
resizeObserver.disconnect();
|
|
12319
12339
|
};
|
|
12320
12340
|
}, [selectedValue, setSelectedItemMeasurements, value]);
|
|
12321
|
-
return /* @__PURE__ */ (0,
|
|
12341
|
+
return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
|
|
12322
12342
|
StyledTabItem,
|
|
12323
12343
|
{
|
|
12324
12344
|
ref: combinedRef,
|
|
@@ -12360,7 +12380,7 @@ var extractTabItems = (children) => {
|
|
|
12360
12380
|
|
|
12361
12381
|
// src/components/Tabs/SelectedItemIndicator.tsx
|
|
12362
12382
|
var import_styled_components86 = __toESM(require("styled-components"));
|
|
12363
|
-
var
|
|
12383
|
+
var import_jsx_runtime267 = require("react/jsx-runtime");
|
|
12364
12384
|
var TabsSelectedItemIndicatorDiv = (0, import_styled_components86.default)(SelectedItemIndicatorDiv)`
|
|
12365
12385
|
&:has(~ ${StyledTabItem}:focus-visible) {
|
|
12366
12386
|
outline: 2px solid var(--wui-color-focus-ring);
|
|
@@ -12372,11 +12392,11 @@ var SelectedItemIndicator2 = () => {
|
|
|
12372
12392
|
if (selectedValue == null) {
|
|
12373
12393
|
return null;
|
|
12374
12394
|
}
|
|
12375
|
-
return /* @__PURE__ */ (0,
|
|
12395
|
+
return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(TabsSelectedItemIndicatorDiv, { style: selectedItemIndicatorStyle });
|
|
12376
12396
|
};
|
|
12377
12397
|
|
|
12378
12398
|
// src/components/Tabs/Tabs.tsx
|
|
12379
|
-
var
|
|
12399
|
+
var import_jsx_runtime268 = require("react/jsx-runtime");
|
|
12380
12400
|
var TabsContainer = import_styled_components87.default.div`
|
|
12381
12401
|
display: flex;
|
|
12382
12402
|
flex-direction: column;
|
|
@@ -12411,7 +12431,7 @@ var Tabs = (0, import_react68.forwardRef)(
|
|
|
12411
12431
|
onValueChange: setInternalSelectedValue
|
|
12412
12432
|
} : { value: selectedValue, onValueChange: onSelectedValueChange };
|
|
12413
12433
|
const currentValue = defaultSelectedValue !== void 0 ? internalSelectedValue : selectedValue;
|
|
12414
|
-
return /* @__PURE__ */ (0,
|
|
12434
|
+
return /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(TabsContainer, { $stickyHeaders: stickyHeaders, children: /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
|
|
12415
12435
|
StyledTabsRoot,
|
|
12416
12436
|
{
|
|
12417
12437
|
ref,
|
|
@@ -12419,14 +12439,14 @@ var Tabs = (0, import_react68.forwardRef)(
|
|
|
12419
12439
|
activationMode: "automatic",
|
|
12420
12440
|
...props,
|
|
12421
12441
|
...modeProps,
|
|
12422
|
-
children: /* @__PURE__ */ (0,
|
|
12423
|
-
/* @__PURE__ */ (0,
|
|
12442
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(TabsValueProvider, { value: currentValue, children: /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(SelectedItemStyleProvider, { children: [
|
|
12443
|
+
/* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(
|
|
12424
12444
|
TabList,
|
|
12425
12445
|
{
|
|
12426
12446
|
ariaLabel,
|
|
12427
12447
|
fullWidth,
|
|
12428
12448
|
children: [
|
|
12429
|
-
/* @__PURE__ */ (0,
|
|
12449
|
+
/* @__PURE__ */ (0, import_jsx_runtime268.jsx)(SelectedItemIndicator2, {}),
|
|
12430
12450
|
tabItems.map((tab) => {
|
|
12431
12451
|
const {
|
|
12432
12452
|
value,
|
|
@@ -12436,7 +12456,7 @@ var Tabs = (0, import_react68.forwardRef)(
|
|
|
12436
12456
|
"aria-label": ariaLabelForTab
|
|
12437
12457
|
} = tab.props;
|
|
12438
12458
|
if ((0, import_type_guards51.isNil)(icon)) {
|
|
12439
|
-
return /* @__PURE__ */ (0,
|
|
12459
|
+
return /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
|
|
12440
12460
|
TabItem,
|
|
12441
12461
|
{
|
|
12442
12462
|
disabled,
|
|
@@ -12447,7 +12467,7 @@ var Tabs = (0, import_react68.forwardRef)(
|
|
|
12447
12467
|
);
|
|
12448
12468
|
}
|
|
12449
12469
|
if ((0, import_type_guards51.isNotNil)(label)) {
|
|
12450
|
-
return /* @__PURE__ */ (0,
|
|
12470
|
+
return /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
|
|
12451
12471
|
TabItem,
|
|
12452
12472
|
{
|
|
12453
12473
|
disabled,
|
|
@@ -12459,7 +12479,7 @@ var Tabs = (0, import_react68.forwardRef)(
|
|
|
12459
12479
|
);
|
|
12460
12480
|
}
|
|
12461
12481
|
if ((0, import_type_guards51.isNotNil)(ariaLabelForTab)) {
|
|
12462
|
-
return /* @__PURE__ */ (0,
|
|
12482
|
+
return /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
|
|
12463
12483
|
TabItem,
|
|
12464
12484
|
{
|
|
12465
12485
|
"aria-label": ariaLabelForTab,
|
|
@@ -12475,7 +12495,7 @@ var Tabs = (0, import_react68.forwardRef)(
|
|
|
12475
12495
|
]
|
|
12476
12496
|
}
|
|
12477
12497
|
),
|
|
12478
|
-
/* @__PURE__ */ (0,
|
|
12498
|
+
/* @__PURE__ */ (0, import_jsx_runtime268.jsx)(StickyTabContent, { $stickyHeaders: stickyHeaders, children: tabItems.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
|
|
12479
12499
|
TabPanel,
|
|
12480
12500
|
{
|
|
12481
12501
|
value: tab.props.value,
|
|
@@ -12492,9 +12512,9 @@ Tabs.displayName = "Tabs";
|
|
|
12492
12512
|
|
|
12493
12513
|
// src/components/Tabs/Tab.tsx
|
|
12494
12514
|
var import_react69 = require("react");
|
|
12495
|
-
var
|
|
12515
|
+
var import_jsx_runtime269 = require("react/jsx-runtime");
|
|
12496
12516
|
var Tab = (0, import_react69.forwardRef)(({ children }, ref) => {
|
|
12497
|
-
return /* @__PURE__ */ (0,
|
|
12517
|
+
return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { ref, children });
|
|
12498
12518
|
});
|
|
12499
12519
|
Tab.displayName = "Tab";
|
|
12500
12520
|
|
|
@@ -12502,7 +12522,7 @@ Tab.displayName = "Tab";
|
|
|
12502
12522
|
var import_react70 = require("react");
|
|
12503
12523
|
var import_styled_components88 = __toESM(require("styled-components"));
|
|
12504
12524
|
var import_type_guards52 = require("@wistia/type-guards");
|
|
12505
|
-
var
|
|
12525
|
+
var import_jsx_runtime270 = require("react/jsx-runtime");
|
|
12506
12526
|
var TagLabel = import_styled_components88.default.a`
|
|
12507
12527
|
${({ $colorScheme }) => getColorScheme($colorScheme)};
|
|
12508
12528
|
font-size: var(--wui-typography-label-4-size);
|
|
@@ -12594,23 +12614,23 @@ var RemoveButton = ({ onClickRemove, onClickRemoveLabel, colorScheme }) => {
|
|
|
12594
12614
|
"for accessibility, onClickRemoveLabel must be provided if onClickRemove is provided"
|
|
12595
12615
|
);
|
|
12596
12616
|
}
|
|
12597
|
-
return /* @__PURE__ */ (0,
|
|
12598
|
-
/* @__PURE__ */ (0,
|
|
12599
|
-
/* @__PURE__ */ (0,
|
|
12617
|
+
return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(import_jsx_runtime270.Fragment, { children: [
|
|
12618
|
+
/* @__PURE__ */ (0, import_jsx_runtime270.jsx)(TagDivider, { $colorScheme: colorScheme }),
|
|
12619
|
+
/* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
|
|
12600
12620
|
StyledRemoveButton,
|
|
12601
12621
|
{
|
|
12602
12622
|
$colorScheme: colorScheme,
|
|
12603
12623
|
onClick: onClickRemove,
|
|
12604
12624
|
type: "button",
|
|
12605
12625
|
children: [
|
|
12606
|
-
/* @__PURE__ */ (0,
|
|
12626
|
+
/* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
|
|
12607
12627
|
Icon,
|
|
12608
12628
|
{
|
|
12609
12629
|
size: "sm",
|
|
12610
12630
|
type: "close"
|
|
12611
12631
|
}
|
|
12612
12632
|
),
|
|
12613
|
-
/* @__PURE__ */ (0,
|
|
12633
|
+
/* @__PURE__ */ (0, import_jsx_runtime270.jsx)(ScreenReaderOnly, { children: onClickRemoveLabel })
|
|
12614
12634
|
]
|
|
12615
12635
|
}
|
|
12616
12636
|
)
|
|
@@ -12620,14 +12640,14 @@ var Tag = (0, import_react70.forwardRef)(
|
|
|
12620
12640
|
({ onClickRemove, colorScheme = "inherit", href, icon, label, onClickRemoveLabel, ...props }, ref) => {
|
|
12621
12641
|
const hasIcon = (0, import_type_guards52.isNotNil)(icon);
|
|
12622
12642
|
const labelProps = (0, import_type_guards52.isNotNil)(href) && (0, import_type_guards52.isNonEmptyString)(href) ? { href, as: "a" } : { as: "span" };
|
|
12623
|
-
return /* @__PURE__ */ (0,
|
|
12643
|
+
return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
|
|
12624
12644
|
StyledTag,
|
|
12625
12645
|
{
|
|
12626
12646
|
ref,
|
|
12627
12647
|
$colorScheme: colorScheme,
|
|
12628
12648
|
...props,
|
|
12629
12649
|
children: [
|
|
12630
|
-
/* @__PURE__ */ (0,
|
|
12650
|
+
/* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
|
|
12631
12651
|
TagLabel,
|
|
12632
12652
|
{
|
|
12633
12653
|
...labelProps,
|
|
@@ -12638,7 +12658,7 @@ var Tag = (0, import_react70.forwardRef)(
|
|
|
12638
12658
|
]
|
|
12639
12659
|
}
|
|
12640
12660
|
),
|
|
12641
|
-
/* @__PURE__ */ (0,
|
|
12661
|
+
/* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
|
|
12642
12662
|
RemoveButton,
|
|
12643
12663
|
{
|
|
12644
12664
|
colorScheme,
|
|
@@ -12656,7 +12676,7 @@ Tag.displayName = "Tag";
|
|
|
12656
12676
|
// src/components/Thumbnail/ThumbnailBadge.tsx
|
|
12657
12677
|
var import_styled_components89 = __toESM(require("styled-components"));
|
|
12658
12678
|
var import_type_guards53 = require("@wistia/type-guards");
|
|
12659
|
-
var
|
|
12679
|
+
var import_jsx_runtime271 = require("react/jsx-runtime");
|
|
12660
12680
|
var StyledThumbnailBadge = import_styled_components89.default.div`
|
|
12661
12681
|
align-items: center;
|
|
12662
12682
|
background-color: rgb(0 0 0 / 50%);
|
|
@@ -12682,9 +12702,9 @@ var StyledThumbnailBadge = import_styled_components89.default.div`
|
|
|
12682
12702
|
}
|
|
12683
12703
|
`;
|
|
12684
12704
|
var ThumbnailBadge = ({ icon, label, ...props }) => {
|
|
12685
|
-
return /* @__PURE__ */ (0,
|
|
12705
|
+
return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(StyledThumbnailBadge, { ...props, children: [
|
|
12686
12706
|
(0, import_type_guards53.isNotNil)(icon) && icon,
|
|
12687
|
-
/* @__PURE__ */ (0,
|
|
12707
|
+
/* @__PURE__ */ (0, import_jsx_runtime271.jsx)("span", { children: label })
|
|
12688
12708
|
] });
|
|
12689
12709
|
};
|
|
12690
12710
|
ThumbnailBadge.displayName = "ThumbnailBadge";
|
|
@@ -12827,7 +12847,7 @@ var getBackgroundGradient = (gradientName = void 0) => {
|
|
|
12827
12847
|
};
|
|
12828
12848
|
|
|
12829
12849
|
// src/components/Thumbnail/Thumbnail.tsx
|
|
12830
|
-
var
|
|
12850
|
+
var import_jsx_runtime272 = require("react/jsx-runtime");
|
|
12831
12851
|
var WideThumbnailImage = import_styled_components91.default.img`
|
|
12832
12852
|
height: 100%;
|
|
12833
12853
|
object-fit: cover;
|
|
@@ -12840,7 +12860,7 @@ var SquareThumbnailImage = import_styled_components91.default.img`
|
|
|
12840
12860
|
`;
|
|
12841
12861
|
var ThumbnailImage = ({ thumbnailImageType, thumbnailUrl }) => {
|
|
12842
12862
|
if (thumbnailImageType === "wide") {
|
|
12843
|
-
return /* @__PURE__ */ (0,
|
|
12863
|
+
return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
|
|
12844
12864
|
WideThumbnailImage,
|
|
12845
12865
|
{
|
|
12846
12866
|
alt: "",
|
|
@@ -12849,7 +12869,7 @@ var ThumbnailImage = ({ thumbnailImageType, thumbnailUrl }) => {
|
|
|
12849
12869
|
}
|
|
12850
12870
|
);
|
|
12851
12871
|
}
|
|
12852
|
-
return /* @__PURE__ */ (0,
|
|
12872
|
+
return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
|
|
12853
12873
|
SquareThumbnailImage,
|
|
12854
12874
|
{
|
|
12855
12875
|
alt: "",
|
|
@@ -12887,7 +12907,7 @@ var Thumbnail = (0, import_react71.forwardRef)(
|
|
|
12887
12907
|
...props
|
|
12888
12908
|
}, ref) => {
|
|
12889
12909
|
const backgroundUrl = thumbnailImageType === "square" && (0, import_type_guards55.isNotNil)(thumbnailUrl) ? thumbnailUrl : void 0;
|
|
12890
|
-
return /* @__PURE__ */ (0,
|
|
12910
|
+
return /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(
|
|
12891
12911
|
StyledThumbnail,
|
|
12892
12912
|
{
|
|
12893
12913
|
ref,
|
|
@@ -12898,7 +12918,7 @@ var Thumbnail = (0, import_react71.forwardRef)(
|
|
|
12898
12918
|
role: "presentation",
|
|
12899
12919
|
children: [
|
|
12900
12920
|
(0, import_type_guards55.isNotNil)(children) ? children : null,
|
|
12901
|
-
(0, import_type_guards55.isNotNil)(thumbnailUrl) ? /* @__PURE__ */ (0,
|
|
12921
|
+
(0, import_type_guards55.isNotNil)(thumbnailUrl) ? /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
|
|
12902
12922
|
ThumbnailImage,
|
|
12903
12923
|
{
|
|
12904
12924
|
thumbnailImageType,
|
|
@@ -12916,7 +12936,7 @@ Thumbnail.displayName = "Thumbnail";
|
|
|
12916
12936
|
var import_react72 = __toESM(require("react"));
|
|
12917
12937
|
var import_styled_components92 = __toESM(require("styled-components"));
|
|
12918
12938
|
var import_type_guards56 = require("@wistia/type-guards");
|
|
12919
|
-
var
|
|
12939
|
+
var import_jsx_runtime273 = (
|
|
12920
12940
|
// ThumbnailCollage will fallback to a Thumbnail with a gradient background if no children are provided
|
|
12921
12941
|
require("react/jsx-runtime")
|
|
12922
12942
|
);
|
|
@@ -13001,7 +13021,7 @@ var ThumbnailCollage = ({
|
|
|
13001
13021
|
children: void 0
|
|
13002
13022
|
});
|
|
13003
13023
|
}) : [
|
|
13004
|
-
/* @__PURE__ */ (0,
|
|
13024
|
+
/* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
|
|
13005
13025
|
Thumbnail,
|
|
13006
13026
|
{
|
|
13007
13027
|
gradientBackground,
|
|
@@ -13010,7 +13030,7 @@ var ThumbnailCollage = ({
|
|
|
13010
13030
|
"fallback"
|
|
13011
13031
|
)
|
|
13012
13032
|
];
|
|
13013
|
-
return /* @__PURE__ */ (0,
|
|
13033
|
+
return /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
|
|
13014
13034
|
StyledThumbnailCollage,
|
|
13015
13035
|
{
|
|
13016
13036
|
$gradientBackground: gradientBackground,
|
|
@@ -13024,24 +13044,24 @@ var ThumbnailCollage = ({
|
|
|
13024
13044
|
// src/components/WistiaLogo/WistiaLogo.tsx
|
|
13025
13045
|
var import_styled_components93 = __toESM(require("styled-components"));
|
|
13026
13046
|
var import_type_guards57 = require("@wistia/type-guards");
|
|
13027
|
-
var
|
|
13047
|
+
var import_jsx_runtime274 = require("react/jsx-runtime");
|
|
13028
13048
|
var renderBrandmark = (brandmarkColor, iconOnly) => {
|
|
13029
13049
|
if (iconOnly) {
|
|
13030
|
-
return /* @__PURE__ */ (0,
|
|
13050
|
+
return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
|
|
13031
13051
|
"g",
|
|
13032
13052
|
{
|
|
13033
13053
|
"data-testid": "ui-wistia-logo-brandmark",
|
|
13034
13054
|
fill: brandmarkColor,
|
|
13035
|
-
children: /* @__PURE__ */ (0,
|
|
13055
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("path", { d: "M16.09 17.1h-5.2c-1.58 0-3.08.68-4.11 1.87L.21 26.53c4.78.25 9.78.25 13.3.25 18.31 0 20.89-11.27 20.89-16.55-1.59 1.93-6.06 6.87-18.32 6.87ZM32.14 0c-.08.92-.59 4.69-11.31 4.69-8.72 0-12.24 0-20.83-.17l6.44 7.4a6.657 6.657 0 0 0 4.96 2.3c2.13.03 5.05.06 5.53.06 11.01 0 17.19-5.05 17.19-9.89 0-2.01-.67-3.44-1.97-4.4Z" })
|
|
13036
13056
|
}
|
|
13037
13057
|
);
|
|
13038
13058
|
}
|
|
13039
|
-
return /* @__PURE__ */ (0,
|
|
13059
|
+
return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
|
|
13040
13060
|
"g",
|
|
13041
13061
|
{
|
|
13042
13062
|
"data-testid": "ui-wistia-logo-brandmark",
|
|
13043
13063
|
fill: brandmarkColor,
|
|
13044
|
-
children: /* @__PURE__ */ (0,
|
|
13064
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("path", { d: "M16.09 21.37h-5.2c-1.58 0-3.08.68-4.11 1.87L.21 30.8c4.78.25 9.78.25 13.3.25 18.31 0 20.89-11.27 20.89-16.55-1.59 1.93-6.06 6.87-18.32 6.87Zm16.05-17.1c-.08.92-.59 4.69-11.31 4.69-8.72 0-12.24 0-20.83-.17l6.44 7.4a6.657 6.657 0 0 0 4.96 2.3c2.13.03 5.05.06 5.53.06 11.01 0 17.19-5.05 17.19-9.89 0-2.01-.67-3.44-1.97-4.4Z" })
|
|
13045
13065
|
}
|
|
13046
13066
|
);
|
|
13047
13067
|
};
|
|
@@ -13049,12 +13069,12 @@ var renderLogotype = (logotypeColor, iconOnly) => {
|
|
|
13049
13069
|
if (iconOnly) {
|
|
13050
13070
|
return null;
|
|
13051
13071
|
}
|
|
13052
|
-
return /* @__PURE__ */ (0,
|
|
13072
|
+
return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
|
|
13053
13073
|
"g",
|
|
13054
13074
|
{
|
|
13055
13075
|
"data-testid": "ui-wistia-logo-logotype",
|
|
13056
13076
|
fill: logotypeColor,
|
|
13057
|
-
children: /* @__PURE__ */ (0,
|
|
13077
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("path", { d: "M70.16 8.66v15.18c0 1.68-.35 3.09-1.05 4.23a6.612 6.612 0 0 1-2.85 2.54c-1.19.55-2.52.82-4.01.82s-2.8-.28-4.01-.85a6.655 6.655 0 0 1-3.11-2.96c-.08.15-.16.29-.24.42a6.552 6.552 0 0 1-2.87 2.54c-1.2.56-2.54.85-4.01.85s-2.8-.27-3.94-.82a6.214 6.214 0 0 1-2.71-2.52c-.67-1.14-1.01-2.56-1.02-4.25l-.22-15.18h7.34V22.3c0 .82.19 1.37.56 1.67.39.28.85.42 1.38.42s1.02-.15 1.45-.45c.43-.3.65-.85.65-1.65V8.65h7.3v13.64c0 .8.22 1.35.65 1.65.43.3.91.45 1.45.45s.99-.14 1.36-.42c.39-.3.58-.85.58-1.67V8.66h7.34Zm2.45 0v22.26h7.34V8.66h-7.34Zm5.67-1.87c.61-.3 1.08-.71 1.42-1.25.36-.55.53-1.19.53-1.94s-.18-1.34-.53-1.89A3.43 3.43 0 0 0 78.28.44c-.59-.3-1.25-.45-1.98-.45s-1.42.15-2.02.45c-.59.3-1.07.72-1.42 1.27-.36.55-.53 1.18-.53 1.89 0 1.1.38 1.97 1.13 2.63.76.65 1.71.98 2.85.98.73 0 1.39-.14 1.98-.42Zm8.86 1.96c-1.42.4-2.6 1.11-3.54 2.14-.93 1.02-1.4 2.4-1.4 4.12 0 1.11.17 2.09.51 2.94.36.85.82 1.62 1.38 2.34.22.28.55.65.98 1.11.37.4.64.72.8.96.18.24.27.47.27.69 0 .5-.4.87-1.2 1.09-.8.21-1.62.31-2.47.31-.1-.01-.22-.02-.33-.02l1.02 6.94c.42.07.92.11 1.51.11 1.9 0 3.6-.28 5.1-.85 1.5-.56 2.68-1.42 3.54-2.56.88-1.14 1.31-2.55 1.31-4.23 0-.68-.07-1.31-.22-1.87-.13-.58-.32-1.09-.56-1.54a6.64 6.64 0 0 0-.8-1.27c-.3-.37-.74-.82-1.34-1.36-.39-.33-.67-.59-.85-.8-.18-.22-.27-.45-.27-.67 0-.46.26-.79.78-.98.53-.19 1.17-.29 1.91-.29.25 0 .51.01.78.04l-.71-6.88a10.4 10.4 0 0 0-1.56-.11c-1.66 0-3.21.21-4.65.62Zm19.54 15.71c-.99 0-1.71-.23-2.14-.69-.42-.47-.62-1.18-.62-2.11v-6.57h4.21V8.66h-4.21V3.38l-7.34 1.85V24.1c0 2.45.47 4.29 1.4 5.52.95 1.22 2.45 1.83 4.49 1.83.95 0 1.86-.07 2.74-.22.88-.13 1.62-.34 2.25-.62l1.38-6.3c-.55.1-1.27.16-2.16.16Zm4.13-15.8v22.26h7.34V8.66h-7.34Zm5.67-1.87c.61-.3 1.08-.71 1.42-1.25.36-.55.53-1.19.53-1.94s-.18-1.34-.53-1.89a3.43 3.43 0 0 0-1.42-1.27c-.59-.3-1.25-.45-1.98-.45s-1.42.15-2.02.45c-.59.3-1.07.72-1.42 1.27-.36.55-.53 1.18-.53 1.89 0 1.1.38 1.97 1.14 2.63.76.65 1.71.98 2.85.98.73 0 1.39-.14 1.98-.42Zm27.51 1.87v22.26h-7.34v-2.28c-.41.43-.85.83-1.34 1.19-1.44 1.07-3.12 1.6-5.05 1.6s-3.61-.52-5.1-1.56c-1.48-1.05-2.63-2.47-3.45-4.25-.82-1.78-1.22-3.73-1.22-5.85s.41-4.07 1.22-5.83c.82-1.78 1.97-3.19 3.45-4.23 1.48-1.05 3.18-1.58 5.1-1.58s3.61.53 5.05 1.6c.48.36.93.75 1.34 1.19V8.66h7.34Zm-7.1 11.11c0-.8-.19-1.53-.56-2.18-.37-.67-.88-1.19-1.54-1.58-.64-.39-1.34-.58-2.09-.58s-1.45.19-2.09.58c-.64.39-1.15.91-1.54 1.58-.37.67-.56 1.39-.56 2.18s.19 1.51.56 2.18c.39.67.9 1.19 1.54 1.58.64.39 1.34.58 2.09.58s1.45-.19 2.09-.58c.65-.39 1.16-.91 1.54-1.56.37-.67.56-1.4.56-2.2Z" })
|
|
13058
13078
|
}
|
|
13059
13079
|
);
|
|
13060
13080
|
};
|
|
@@ -13122,7 +13142,7 @@ var WistiaLogo = ({
|
|
|
13122
13142
|
};
|
|
13123
13143
|
const brandmarkColor = VARIANT_COLORS[variant].brandmark;
|
|
13124
13144
|
const logotypeColor = VARIANT_COLORS[variant].logotype;
|
|
13125
|
-
const Logo = /* @__PURE__ */ (0,
|
|
13145
|
+
const Logo = /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(
|
|
13126
13146
|
WistiaLogoComponent,
|
|
13127
13147
|
{
|
|
13128
13148
|
$hoverColor: hoverColor,
|
|
@@ -13135,14 +13155,14 @@ var WistiaLogo = ({
|
|
|
13135
13155
|
xmlns: "http://www.w3.org/2000/svg",
|
|
13136
13156
|
...props,
|
|
13137
13157
|
children: [
|
|
13138
|
-
/* @__PURE__ */ (0,
|
|
13139
|
-
(0, import_type_guards57.isNotNil)(description) ? /* @__PURE__ */ (0,
|
|
13158
|
+
/* @__PURE__ */ (0, import_jsx_runtime274.jsx)("title", { children: title }),
|
|
13159
|
+
(0, import_type_guards57.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("desc", { children: description }) : null,
|
|
13140
13160
|
renderBrandmark(brandmarkColor, iconOnly),
|
|
13141
13161
|
renderLogotype(logotypeColor, iconOnly)
|
|
13142
13162
|
]
|
|
13143
13163
|
}
|
|
13144
13164
|
);
|
|
13145
|
-
return href !== void 0 ? /* @__PURE__ */ (0,
|
|
13165
|
+
return href !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("a", { href, children: Logo }) : Logo;
|
|
13146
13166
|
};
|
|
13147
13167
|
WistiaLogo.displayName = "WistiaLogo";
|
|
13148
13168
|
// Annotate the CommonJS export names for ESM import in node:
|