@wistia/ui 0.6.28 → 0.6.29

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.6.28
+ * @license @wistia/ui v0.6.29
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -3383,9 +3383,9 @@ var ChaptersIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   }
 );
 
-// src/components/Icon/icons/CheckmarkCircleIcon.tsx
+// src/components/Icon/icons/CheckmarkIcon.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
-var CheckmarkCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var CheckmarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   "svg",
   {
     ...props,
@@ -3394,16 +3394,16 @@ var CheckmarkCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime40.js
     children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "path",
       {
-        d: "M11.9998 1.33322C6.11847 1.33322 1.33315 6.11854 1.33315 11.9999C1.33315 17.8812 6.11847 22.6665 11.9998 22.6665C17.8811 22.6665 22.6664 17.8812 22.6664 11.9999C22.6664 6.11854 17.8811 1.33322 11.9998 1.33322ZM17.1238 8.94387L11.4571 16.2772C11.2758 16.5119 10.9998 16.6545 10.7038 16.6652C10.6905 16.6652 10.6785 16.6652 10.6665 16.6652C10.3838 16.6652 10.1131 16.5452 9.92246 16.3345L6.92246 13.0012C6.55313 12.5905 6.58647 11.9585 6.99713 11.5879C7.40913 11.2199 8.03846 11.2519 8.41046 11.6625L10.6078 14.1052L15.5424 7.71987C15.8798 7.28254 16.5091 7.20254 16.9451 7.53987C17.3824 7.87721 17.4624 8.5052 17.1251 8.94254L17.1238 8.94387Z",
+        d: "M8.99985 19.9998H8.99718C8.69451 19.9998 8.40785 19.8612 8.21985 19.6252L2.88653 12.9585C2.54119 12.5265 2.61053 11.8985 3.04253 11.5532C3.47586 11.2078 4.10386 11.2785 4.44786 11.7092L9.00518 17.4052L19.5558 4.37053C19.9038 3.9412 20.5318 3.8732 20.9625 4.22253C21.3918 4.57053 21.4585 5.19986 21.1105 5.62919L9.77718 19.6292C9.58651 19.8638 9.30118 19.9998 8.99985 19.9998Z",
         fill: "currentColor"
       }
     )
   }
 );
 
-// src/components/Icon/icons/CheckmarkCircleOutlineIcon.tsx
+// src/components/Icon/icons/CheckmarkCircleIcon.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
-var CheckmarkCircleOutlineIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var CheckmarkCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   "svg",
   {
     ...props,
@@ -3412,18 +3412,16 @@ var CheckmarkCircleOutlineIcon = (props) => /* @__PURE__ */ (0, import_jsx_runti
     children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "path",
       {
-        clipRule: "evenodd",
-        d: "M3.33308 11.9999C3.33308 7.2134 7.21327 3.33322 11.9997 3.33322C16.7862 3.33322 20.6664 7.2134 20.6664 11.9999C20.6664 16.7863 16.7862 20.6665 11.9997 20.6665C7.21327 20.6665 3.33308 16.7863 3.33308 11.9999ZM11.9997 1.33322C6.1087 1.33322 1.33308 6.10884 1.33308 11.9999C1.33308 17.8909 6.1087 22.6665 11.9997 22.6665C17.8907 22.6665 22.6664 17.8909 22.6664 11.9999C22.6664 6.10884 17.8907 1.33322 11.9997 1.33322ZM17.1243 8.94465C17.462 8.50764 17.3815 7.87961 16.9445 7.54192C16.5075 7.20423 15.8795 7.28474 15.5418 7.72176L10.6079 14.1067L8.40969 11.6642C8.04024 11.2537 7.40795 11.2204 6.99744 11.5899C6.58693 11.9594 6.55365 12.5916 6.92311 13.0022L9.9231 16.3355C10.1215 16.5559 10.4075 16.6769 10.7038 16.6658C11.0002 16.6547 11.2763 16.5126 11.4577 16.278L17.1243 8.94465Z",
-        fill: "currentColor",
-        fillRule: "evenodd"
+        d: "M11.9998 1.33322C6.11847 1.33322 1.33315 6.11854 1.33315 11.9999C1.33315 17.8812 6.11847 22.6665 11.9998 22.6665C17.8811 22.6665 22.6664 17.8812 22.6664 11.9999C22.6664 6.11854 17.8811 1.33322 11.9998 1.33322ZM17.1238 8.94387L11.4571 16.2772C11.2758 16.5119 10.9998 16.6545 10.7038 16.6652C10.6905 16.6652 10.6785 16.6652 10.6665 16.6652C10.3838 16.6652 10.1131 16.5452 9.92246 16.3345L6.92246 13.0012C6.55313 12.5905 6.58647 11.9585 6.99713 11.5879C7.40913 11.2199 8.03846 11.2519 8.41046 11.6625L10.6078 14.1052L15.5424 7.71987C15.8798 7.28254 16.5091 7.20254 16.9451 7.53987C17.3824 7.87721 17.4624 8.5052 17.1251 8.94254L17.1238 8.94387Z",
+        fill: "currentColor"
       }
     )
   }
 );
 
-// src/components/Icon/icons/CheckmarkIcon.tsx
+// src/components/Icon/icons/CheckmarkCircleOutlineIcon.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
-var CheckmarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+var CheckmarkCircleOutlineIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   "svg",
   {
     ...props,
@@ -3432,8 +3430,10 @@ var CheckmarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "path",
       {
-        d: "M8.99985 19.9998H8.99718C8.69451 19.9998 8.40785 19.8612 8.21985 19.6252L2.88653 12.9585C2.54119 12.5265 2.61053 11.8985 3.04253 11.5532C3.47586 11.2078 4.10386 11.2785 4.44786 11.7092L9.00518 17.4052L19.5558 4.37053C19.9038 3.9412 20.5318 3.8732 20.9625 4.22253C21.3918 4.57053 21.4585 5.19986 21.1105 5.62919L9.77718 19.6292C9.58651 19.8638 9.30118 19.9998 8.99985 19.9998Z",
-        fill: "currentColor"
+        clipRule: "evenodd",
+        d: "M3.33308 11.9999C3.33308 7.2134 7.21327 3.33322 11.9997 3.33322C16.7862 3.33322 20.6664 7.2134 20.6664 11.9999C20.6664 16.7863 16.7862 20.6665 11.9997 20.6665C7.21327 20.6665 3.33308 16.7863 3.33308 11.9999ZM11.9997 1.33322C6.1087 1.33322 1.33308 6.10884 1.33308 11.9999C1.33308 17.8909 6.1087 22.6665 11.9997 22.6665C17.8907 22.6665 22.6664 17.8909 22.6664 11.9999C22.6664 6.10884 17.8907 1.33322 11.9997 1.33322ZM17.1243 8.94465C17.462 8.50764 17.3815 7.87961 16.9445 7.54192C16.5075 7.20423 15.8795 7.28474 15.5418 7.72176L10.6079 14.1067L8.40969 11.6642C8.04024 11.2537 7.40795 11.2204 6.99744 11.5899C6.58693 11.9594 6.55365 12.5916 6.92311 13.0022L9.9231 16.3355C10.1215 16.5559 10.4075 16.6769 10.7038 16.6658C11.0002 16.6547 11.2763 16.5126 11.4577 16.278L17.1243 8.94465Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
       }
     )
   }
@@ -3555,9 +3555,9 @@ var ClosedCaptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx
   }
 );
 
-// src/components/Icon/icons/CollapseDiagonalIcon.tsx
+// src/components/Icon/icons/CollapseIcon.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var CollapseDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+var CollapseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   "svg",
   {
     ...props,
@@ -3567,7 +3567,7 @@ var CollapseDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.j
       "path",
       {
         clipRule: "evenodd",
-        d: "M19.6253 2.95987C20.0159 2.5692 20.6493 2.5692 21.0399 2.95987L21.0386 2.95854C21.4293 3.3492 21.4293 3.98254 21.0386 4.3732L18.9119 6.49987L20.8026 8.39054C21.1853 8.77454 21.2986 9.34387 21.0919 9.84387C20.8839 10.3439 20.3999 10.6665 19.8599 10.6665H14.6653C13.9293 10.6665 13.3319 10.0679 13.3319 9.3332V4.13854C13.3319 3.5972 13.6546 3.1132 14.1559 2.90654C14.6559 2.69854 15.2279 2.81454 15.6093 3.1972L17.4986 5.08654L19.6253 2.95987ZM4.1386 13.3332H9.33326V13.3345C10.0693 13.3345 10.6666 13.9332 10.6666 14.6679V19.8625C10.6666 20.4039 10.3439 20.8879 9.8426 21.0945C9.67726 21.1625 9.50393 21.1959 9.33193 21.1959C8.98393 21.1959 8.64393 21.0599 8.38926 20.8039L6.49993 18.9145L4.37326 21.0412C4.1786 21.2372 3.9226 21.3345 3.6666 21.3345C3.4106 21.3345 3.1546 21.2359 2.95993 21.0412C2.56926 20.6505 2.56926 20.0172 2.95993 19.6265L5.0866 17.4999L3.19593 15.6092C2.81326 15.2252 2.69993 14.6559 2.9066 14.1559C3.1146 13.6559 3.5986 13.3332 4.1386 13.3332Z",
+        d: "M11.9999 7.91987L15.9599 3.95987H15.9572C16.3479 3.5692 16.9812 3.5692 17.3719 3.95987C17.7625 4.35054 17.7625 4.98387 17.3719 5.37454L12.7052 10.0412C12.5105 10.2372 12.2545 10.3345 11.9985 10.3345C11.7425 10.3345 11.4865 10.2359 11.2919 10.0412L6.62521 5.37454C6.23455 4.98387 6.23455 4.35054 6.62521 3.95987C7.01588 3.5692 7.64921 3.5692 8.03988 3.95987L11.9999 7.91987ZM11.2919 13.9599C11.6825 13.5692 12.3159 13.5692 12.7065 13.9599L17.3732 18.6265C17.7639 19.0172 17.7639 19.6505 17.3732 20.0412C17.1785 20.2372 16.9225 20.3345 16.6665 20.3345C16.4105 20.3345 16.1545 20.2359 15.9599 20.0412L11.9999 16.0812L8.03988 20.0412C7.64921 20.4319 7.01588 20.4319 6.62521 20.0412C6.23455 19.6505 6.23455 19.0172 6.62521 18.6265L11.2919 13.9599Z",
         fill: "currentColor",
         fillRule: "evenodd"
       }
@@ -3575,9 +3575,9 @@ var CollapseDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.j
   }
 );
 
-// src/components/Icon/icons/CollapseIcon.tsx
+// src/components/Icon/icons/CollapseDiagonalIcon.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
-var CollapseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+var CollapseDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   "svg",
   {
     ...props,
@@ -3587,7 +3587,7 @@ var CollapseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       "path",
       {
         clipRule: "evenodd",
-        d: "M11.9999 7.91987L15.9599 3.95987H15.9572C16.3479 3.5692 16.9812 3.5692 17.3719 3.95987C17.7625 4.35054 17.7625 4.98387 17.3719 5.37454L12.7052 10.0412C12.5105 10.2372 12.2545 10.3345 11.9985 10.3345C11.7425 10.3345 11.4865 10.2359 11.2919 10.0412L6.62521 5.37454C6.23455 4.98387 6.23455 4.35054 6.62521 3.95987C7.01588 3.5692 7.64921 3.5692 8.03988 3.95987L11.9999 7.91987ZM11.2919 13.9599C11.6825 13.5692 12.3159 13.5692 12.7065 13.9599L17.3732 18.6265C17.7639 19.0172 17.7639 19.6505 17.3732 20.0412C17.1785 20.2372 16.9225 20.3345 16.6665 20.3345C16.4105 20.3345 16.1545 20.2359 15.9599 20.0412L11.9999 16.0812L8.03988 20.0412C7.64921 20.4319 7.01588 20.4319 6.62521 20.0412C6.23455 19.6505 6.23455 19.0172 6.62521 18.6265L11.2919 13.9599Z",
+        d: "M19.6253 2.95987C20.0159 2.5692 20.6493 2.5692 21.0399 2.95987L21.0386 2.95854C21.4293 3.3492 21.4293 3.98254 21.0386 4.3732L18.9119 6.49987L20.8026 8.39054C21.1853 8.77454 21.2986 9.34387 21.0919 9.84387C20.8839 10.3439 20.3999 10.6665 19.8599 10.6665H14.6653C13.9293 10.6665 13.3319 10.0679 13.3319 9.3332V4.13854C13.3319 3.5972 13.6546 3.1132 14.1559 2.90654C14.6559 2.69854 15.2279 2.81454 15.6093 3.1972L17.4986 5.08654L19.6253 2.95987ZM4.1386 13.3332H9.33326V13.3345C10.0693 13.3345 10.6666 13.9332 10.6666 14.6679V19.8625C10.6666 20.4039 10.3439 20.8879 9.8426 21.0945C9.67726 21.1625 9.50393 21.1959 9.33193 21.1959C8.98393 21.1959 8.64393 21.0599 8.38926 20.8039L6.49993 18.9145L4.37326 21.0412C4.1786 21.2372 3.9226 21.3345 3.6666 21.3345C3.4106 21.3345 3.1546 21.2359 2.95993 21.0412C2.56926 20.6505 2.56926 20.0172 2.95993 19.6265L5.0866 17.4999L3.19593 15.6092C2.81326 15.2252 2.69993 14.6559 2.9066 14.1559C3.1146 13.6559 3.5986 13.3332 4.1386 13.3332Z",
         fill: "currentColor",
         fillRule: "evenodd"
       }
@@ -3949,9 +3949,9 @@ var ErrorIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
   }
 );
 
-// src/components/Icon/icons/ExpandDiagonalIcon.tsx
+// src/components/Icon/icons/ExpandIcon.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
-var ExpandDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+var ExpandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
   "svg",
   {
     ...props,
@@ -3961,7 +3961,7 @@ var ExpandDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx
       "path",
       {
         clipRule: "evenodd",
-        d: "M14.8048 2.66653H19.9995C20.7355 2.66653 21.3328 3.2652 21.3328 3.99987V9.19587C21.3328 9.7372 21.0102 10.2212 20.5088 10.4279C20.3435 10.4959 20.1702 10.5292 19.9982 10.5292C19.6502 10.5292 19.3102 10.3932 19.0555 10.1372L17.1662 8.24787L15.0395 10.3745C14.8448 10.5705 14.5888 10.6679 14.3328 10.6679C14.0768 10.6679 13.8208 10.5692 13.6262 10.3745C13.2355 9.98387 13.2355 9.35053 13.6262 8.95987L15.7528 6.8332L13.8622 4.94253C13.4795 4.55853 13.3662 3.9892 13.5728 3.4892C13.7808 2.9892 14.2648 2.66653 14.8048 2.66653ZM8.95817 13.6265C9.34866 13.236 9.98159 13.2359 10.3723 13.626C10.7622 14.0167 10.7619 14.6495 10.3715 15.0399L8.24484 17.1665L10.1355 19.0572C10.5182 19.4412 10.6315 20.0105 10.4248 20.5105C10.2168 21.0105 9.73284 21.3332 9.19284 21.3332H3.99817C3.26217 21.3332 2.66484 20.7345 2.66484 19.9999V14.8052C2.66484 14.2639 2.98751 13.7799 3.48884 13.5732C3.98751 13.3652 4.56084 13.4812 4.94217 13.8639L6.83151 15.7532L8.95817 13.6265ZM10.3723 13.626C10.3725 13.6262 10.3727 13.6263 10.3728 13.6265L10.3718 13.6255C10.3719 13.6256 10.3721 13.6258 10.3723 13.626Z",
+        d: "M11.2915 2.95987C11.6822 2.5692 12.3155 2.5692 12.7062 2.95987L17.3729 7.62652C17.7635 8.01719 17.7635 8.65052 17.3729 9.04119C17.1782 9.23719 16.9222 9.33452 16.6662 9.33452C16.4102 9.33452 16.1542 9.23585 15.9595 9.04119L11.9995 5.0812L8.03956 9.04119C7.64889 9.43185 7.01556 9.43185 6.62489 9.04119C6.23423 8.65052 6.23423 8.01719 6.62489 7.62652L11.2915 2.95987ZM11.9995 18.9198L15.9595 14.9598H15.9569C16.3475 14.5692 16.9809 14.5692 17.3715 14.9598C17.7622 15.3505 17.7622 15.9838 17.3715 16.3745L12.7049 21.0412C12.5102 21.2372 12.2542 21.3345 11.9982 21.3345C11.7422 21.3345 11.4862 21.2358 11.2915 21.0412L6.62489 16.3745C6.23423 15.9838 6.23423 15.3505 6.62489 14.9598C7.01556 14.5692 7.64889 14.5692 8.03956 14.9598L11.9995 18.9198Z",
         fill: "currentColor",
         fillRule: "evenodd"
       }
@@ -3969,9 +3969,9 @@ var ExpandDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx
   }
 );
 
-// src/components/Icon/icons/ExpandHorizontalIcon.tsx
+// src/components/Icon/icons/ExpandDiagonalIcon.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
-var ExpandHorizontalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+var ExpandDiagonalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
   "svg",
   {
     ...props,
@@ -3981,7 +3981,7 @@ var ExpandHorizontalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.j
       "path",
       {
         clipRule: "evenodd",
-        d: "M4.74764 10.9999H9.6663L9.66497 10.9986C10.217 10.9986 10.665 11.4466 10.665 11.9986C10.665 12.5506 10.217 12.9986 9.66497 12.9986H4.7463L7.37297 15.6252C7.76364 16.0159 7.76364 16.6492 7.37297 17.0399C7.1783 17.2359 6.9223 17.3332 6.6663 17.3332C6.4103 17.3332 6.1543 17.2346 5.95964 17.0399L1.6263 12.7066C1.23564 12.3159 1.23564 11.6826 1.6263 11.2919L5.95964 6.95857C6.3503 6.56791 6.98364 6.56791 7.3743 6.95857C7.76497 7.34924 7.76497 7.98257 7.3743 8.37324L4.74764 10.9999ZM16.625 6.95988C17.0156 6.56921 17.649 6.56921 18.0396 6.95988L18.0383 6.96121L22.3716 11.2945C22.7623 11.6852 22.7623 12.3185 22.3716 12.7092L18.0383 17.0425C17.8436 17.2385 17.5876 17.3359 17.3316 17.3359C17.0756 17.3359 16.8196 17.2372 16.625 17.0425C16.2343 16.6519 16.2343 16.0185 16.625 15.6279L19.2516 13.0012H14.333C13.781 13.0012 13.333 12.5532 13.333 12.0012C13.333 11.4492 13.781 11.0012 14.333 11.0012H19.2516L16.625 8.37454C16.2343 7.98388 16.2343 7.35054 16.625 6.95988Z",
+        d: "M14.8048 2.66653H19.9995C20.7355 2.66653 21.3328 3.2652 21.3328 3.99987V9.19587C21.3328 9.7372 21.0102 10.2212 20.5088 10.4279C20.3435 10.4959 20.1702 10.5292 19.9982 10.5292C19.6502 10.5292 19.3102 10.3932 19.0555 10.1372L17.1662 8.24787L15.0395 10.3745C14.8448 10.5705 14.5888 10.6679 14.3328 10.6679C14.0768 10.6679 13.8208 10.5692 13.6262 10.3745C13.2355 9.98387 13.2355 9.35053 13.6262 8.95987L15.7528 6.8332L13.8622 4.94253C13.4795 4.55853 13.3662 3.9892 13.5728 3.4892C13.7808 2.9892 14.2648 2.66653 14.8048 2.66653ZM8.95817 13.6265C9.34866 13.236 9.98159 13.2359 10.3723 13.626C10.7622 14.0167 10.7619 14.6495 10.3715 15.0399L8.24484 17.1665L10.1355 19.0572C10.5182 19.4412 10.6315 20.0105 10.4248 20.5105C10.2168 21.0105 9.73284 21.3332 9.19284 21.3332H3.99817C3.26217 21.3332 2.66484 20.7345 2.66484 19.9999V14.8052C2.66484 14.2639 2.98751 13.7799 3.48884 13.5732C3.98751 13.3652 4.56084 13.4812 4.94217 13.8639L6.83151 15.7532L8.95817 13.6265ZM10.3723 13.626C10.3725 13.6262 10.3727 13.6263 10.3728 13.6265L10.3718 13.6255C10.3719 13.6256 10.3721 13.6258 10.3723 13.626Z",
         fill: "currentColor",
         fillRule: "evenodd"
       }
@@ -3989,9 +3989,9 @@ var ExpandHorizontalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.j
   }
 );
 
-// src/components/Icon/icons/ExpandIcon.tsx
+// src/components/Icon/icons/ExpandHorizontalIcon.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
-var ExpandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var ExpandHorizontalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   "svg",
   {
     ...props,
@@ -4001,7 +4001,7 @@ var ExpandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "path",
       {
         clipRule: "evenodd",
-        d: "M11.2915 2.95987C11.6822 2.5692 12.3155 2.5692 12.7062 2.95987L17.3729 7.62652C17.7635 8.01719 17.7635 8.65052 17.3729 9.04119C17.1782 9.23719 16.9222 9.33452 16.6662 9.33452C16.4102 9.33452 16.1542 9.23585 15.9595 9.04119L11.9995 5.0812L8.03956 9.04119C7.64889 9.43185 7.01556 9.43185 6.62489 9.04119C6.23423 8.65052 6.23423 8.01719 6.62489 7.62652L11.2915 2.95987ZM11.9995 18.9198L15.9595 14.9598H15.9569C16.3475 14.5692 16.9809 14.5692 17.3715 14.9598C17.7622 15.3505 17.7622 15.9838 17.3715 16.3745L12.7049 21.0412C12.5102 21.2372 12.2542 21.3345 11.9982 21.3345C11.7422 21.3345 11.4862 21.2358 11.2915 21.0412L6.62489 16.3745C6.23423 15.9838 6.23423 15.3505 6.62489 14.9598C7.01556 14.5692 7.64889 14.5692 8.03956 14.9598L11.9995 18.9198Z",
+        d: "M4.74764 10.9999H9.6663L9.66497 10.9986C10.217 10.9986 10.665 11.4466 10.665 11.9986C10.665 12.5506 10.217 12.9986 9.66497 12.9986H4.7463L7.37297 15.6252C7.76364 16.0159 7.76364 16.6492 7.37297 17.0399C7.1783 17.2359 6.9223 17.3332 6.6663 17.3332C6.4103 17.3332 6.1543 17.2346 5.95964 17.0399L1.6263 12.7066C1.23564 12.3159 1.23564 11.6826 1.6263 11.2919L5.95964 6.95857C6.3503 6.56791 6.98364 6.56791 7.3743 6.95857C7.76497 7.34924 7.76497 7.98257 7.3743 8.37324L4.74764 10.9999ZM16.625 6.95988C17.0156 6.56921 17.649 6.56921 18.0396 6.95988L18.0383 6.96121L22.3716 11.2945C22.7623 11.6852 22.7623 12.3185 22.3716 12.7092L18.0383 17.0425C17.8436 17.2385 17.5876 17.3359 17.3316 17.3359C17.0756 17.3359 16.8196 17.2372 16.625 17.0425C16.2343 16.6519 16.2343 16.0185 16.625 15.6279L19.2516 13.0012H14.333C13.781 13.0012 13.333 12.5532 13.333 12.0012C13.333 11.4492 13.781 11.0012 14.333 11.0012H19.2516L16.625 8.37454C16.2343 7.98388 16.2343 7.35054 16.625 6.95988Z",
         fill: "currentColor",
         fillRule: "evenodd"
       }
@@ -4115,7 +4115,7 @@ var FilmStripIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       "path",
       {
         clipRule: "evenodd",
-        d: "M12.0021 2.66655C12.0013 2.66655 12.0006 2.66655 11.9999 2.66655C11.9991 2.66655 11.9984 2.66655 11.9977 2.66655H7.00208C7.00135 2.66655 7.00061 2.66655 6.99987 2.66655C6.99914 2.66655 6.9984 2.66655 6.99767 2.66655H4.99987C2.97483 2.66655 1.33321 4.30817 1.33321 6.33322V8.33322V15.6665V17.6666C1.33321 19.6916 2.97483 21.3332 4.99987 21.3332L6.99987 21.3332H11.9999H16.9999L18.9999 21.3332C21.0249 21.3332 22.6665 19.6916 22.6665 17.6666V15.6685C22.6665 15.6679 22.6665 15.6672 22.6665 15.6665C22.6665 15.6659 22.6665 15.6652 22.6665 15.6646V8.33519C22.6665 8.33453 22.6665 8.33387 22.6665 8.33322C22.6665 8.33256 22.6665 8.3319 22.6665 8.33124V6.33322C22.6665 4.30817 21.0249 2.66655 18.9999 2.66655H17.0021C17.0013 2.66655 17.0006 2.66655 16.9999 2.66655C16.9991 2.66655 16.9984 2.66655 16.9977 2.66655H12.0021ZM15.9999 4.66655H12.9999V7.33322H15.9999V4.66655ZM17.9999 4.66655V7.33322H20.6665V6.33322C20.6665 5.41274 19.9203 4.66655 18.9999 4.66655H17.9999ZM20.6665 9.33322H12.9999V14.6665H16.9999H20.6665V9.33322ZM20.6665 16.6665H17.9999V19.3332H18.9999C19.9203 19.3332 20.6665 18.587 20.6665 17.6666V16.6665ZM15.9999 19.3332V16.6665H12.9999V19.3332H15.9999ZM10.9999 19.3332V16.6665H7.99987V19.3332H10.9999ZM5.99987 19.3332V16.6665H3.33321V17.6666C3.33321 18.587 4.0794 19.3332 4.99987 19.3332H5.99987ZM3.33321 14.6665H6.99987H10.9999V9.33322H3.33321V14.6665ZM3.33321 7.33322H5.99987V4.66655H4.99987C4.0794 4.66655 3.33321 5.41274 3.33321 6.33322V7.33322ZM7.99987 4.66655V7.33322H10.9999V4.66655H7.99987Z",
+        d: "M12.0021 2.66661C12.0013 2.66661 12.0006 2.66661 11.9999 2.66661C11.9991 2.66661 11.9984 2.66661 11.9977 2.66661H7.00208C7.00135 2.66661 7.00061 2.66661 6.99987 2.66661C6.99914 2.66661 6.9984 2.66661 6.99767 2.66661H4.99987C2.97483 2.66661 1.33321 4.30823 1.33321 6.33328V8.33328V15.6666V17.6666C1.33321 19.6917 2.97483 21.3333 4.99987 21.3333L6.99987 21.3333H11.9999H16.9999L18.9999 21.3333C21.0249 21.3333 22.6665 19.6917 22.6665 17.6666V15.6686C22.6665 15.6679 22.6665 15.6673 22.6665 15.6666C22.6665 15.666 22.6665 15.6653 22.6665 15.6646V8.33525C22.6665 8.33459 22.6665 8.33394 22.6665 8.33328C22.6665 8.33262 22.6665 8.33196 22.6665 8.3313V6.33328C22.6665 4.30823 21.0249 2.66661 18.9999 2.66661H17.0021C17.0013 2.66661 17.0006 2.66661 16.9999 2.66661C16.9991 2.66661 16.9984 2.66661 16.9977 2.66661H12.0021ZM15.9999 4.66661H12.9999V7.33328H15.9999V4.66661ZM17.9999 4.66661V7.33328H20.6665V6.33328C20.6665 5.4128 19.9203 4.66661 18.9999 4.66661H17.9999ZM20.6665 9.33328H12.9999V14.6666H16.9999H20.6665V9.33328ZM20.6665 16.6666H17.9999V19.3333H18.9999C19.9203 19.3333 20.6665 18.5871 20.6665 17.6666V16.6666ZM15.9999 19.3333V16.6666H12.9999V19.3333H15.9999ZM10.9999 19.3333V16.6666H7.99987V19.3333H10.9999ZM5.99987 19.3333V16.6666H3.33321V17.6666C3.33321 18.5871 4.0794 19.3333 4.99987 19.3333H5.99987ZM3.33321 14.6666H6.99987H10.9999V9.33328H3.33321V14.6666ZM3.33321 7.33328H5.99987V4.66661H4.99987C4.0794 4.66661 3.33321 5.4128 3.33321 6.33328V7.33328ZM7.99987 4.66661V7.33328H10.9999V4.66661H7.99987Z",
         fill: "currentColor",
         fillRule: "evenodd"
       }
@@ -4359,15 +4359,35 @@ var HourglassIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
   }
 );
 
-// src/components/Icon/icons/InfoIcon.tsx
+// src/components/Icon/icons/ImportIcon.tsx
 var import_jsx_runtime90 = require("react/jsx-runtime");
-var InfoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+var ImportIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M3.81096 10.4875C4.32408 6.86526 7.60391 3.99994 11.5417 3.99994C15.4337 3.99994 18.5871 6.71644 19.2331 10.2468C21.3693 10.6197 23 12.4277 23 14.5882C23 17.0167 20.9396 18.9999 18.4167 18.9999H5.58333C3.06041 18.9999 1 17.0167 1 14.5882C1 12.7444 2.16281 11.1385 3.81096 10.4875ZM12.9168 12.3823V8.4117H11.0834V12.3823H7.41667L12 17.6764L16.5833 12.3823H12.9168Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
+      }
+    )
+  }
+);
+
+// src/components/Icon/icons/InfoIcon.tsx
+var import_jsx_runtime91 = require("react/jsx-runtime");
+var InfoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  "svg",
+  {
+    ...props,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       "path",
       {
         d: "M11.9998 1.33321C6.11847 1.33321 1.33315 6.11853 1.33315 11.9998C1.33315 17.8812 6.11847 22.6665 11.9998 22.6665C17.8811 22.6665 22.6664 17.8812 22.6664 11.9998C22.6664 6.11853 17.8811 1.33321 11.9998 1.33321ZM12.9998 17.0918C12.9998 17.6438 12.5518 18.0918 11.9998 18.0918C11.4478 18.0918 10.9998 17.6438 10.9998 17.0918V10.9998C10.9998 10.4479 11.4478 9.99985 11.9998 9.99985C12.5518 9.99985 12.9998 10.4479 12.9998 10.9998V17.0918ZM11.9998 8.99985C11.2638 8.99985 10.6665 8.40119 10.6665 7.66652C10.6665 6.93186 11.2638 6.33319 11.9998 6.33319C12.7358 6.33319 13.3331 6.93186 13.3331 7.66652C13.3331 8.40119 12.7358 8.99985 11.9998 8.99985Z",
@@ -4378,14 +4398,14 @@ var InfoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
 );
 
 // src/components/Icon/icons/IntegrationsIcon.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
-var IntegrationsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+var import_jsx_runtime92 = require("react/jsx-runtime");
+var IntegrationsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4398,14 +4418,14 @@ var IntegrationsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
 );
 
 // src/components/Icon/icons/LeaveIcon.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
-var LeaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+var import_jsx_runtime93 = require("react/jsx-runtime");
+var LeaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4418,14 +4438,14 @@ var LeaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
 );
 
 // src/components/Icon/icons/LinkIcon.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
-var LinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+var import_jsx_runtime94 = require("react/jsx-runtime");
+var LinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4438,14 +4458,14 @@ var LinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
 );
 
 // src/components/Icon/icons/ListIcon.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
-var ListIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+var import_jsx_runtime95 = require("react/jsx-runtime");
+var ListIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4458,14 +4478,14 @@ var ListIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
 );
 
 // src/components/Icon/icons/LiveIcon.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
-var LiveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+var import_jsx_runtime96 = require("react/jsx-runtime");
+var LiveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4478,22 +4498,22 @@ var LiveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
 );
 
 // src/components/Icon/icons/LocalizationIcon.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
-var LocalizationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+var import_jsx_runtime97 = require("react/jsx-runtime");
+var LocalizationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         "path",
         {
           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",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         "path",
         {
           clipRule: "evenodd",
@@ -4502,14 +4522,14 @@ var LocalizationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)
           fillRule: "evenodd"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         "path",
         {
           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",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         "path",
         {
           clipRule: "evenodd",
@@ -4523,14 +4543,14 @@ var LocalizationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)
 );
 
 // src/components/Icon/icons/LockIcon.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
-var LockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+var import_jsx_runtime98 = require("react/jsx-runtime");
+var LockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4543,14 +4563,14 @@ var LockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
 );
 
 // src/components/Icon/icons/LogoutIcon.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
-var LogoutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+var import_jsx_runtime99 = require("react/jsx-runtime");
+var LogoutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4563,14 +4583,14 @@ var LogoutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
 );
 
 // src/components/Icon/icons/MaximizeIcon.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
-var MaximizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+var import_jsx_runtime100 = require("react/jsx-runtime");
+var MaximizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4583,14 +4603,14 @@ var MaximizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
 );
 
 // src/components/Icon/icons/MediaIcon.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
-var MediaIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+var import_jsx_runtime101 = require("react/jsx-runtime");
+var MediaIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       "path",
       {
         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",
@@ -4601,14 +4621,14 @@ var MediaIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
 );
 
 // src/components/Icon/icons/MegaphoneIcon.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
-var MegaphoneIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+var import_jsx_runtime102 = require("react/jsx-runtime");
+var MegaphoneIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4621,14 +4641,14 @@ var MegaphoneIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
 );
 
 // src/components/Icon/icons/MenuIcon.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
-var MenuIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var import_jsx_runtime103 = require("react/jsx-runtime");
+var MenuIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4641,14 +4661,14 @@ var MenuIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
 );
 
 // src/components/Icon/icons/MicIcon.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
-var MicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+var import_jsx_runtime104 = require("react/jsx-runtime");
+var MicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4661,14 +4681,14 @@ var MicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
 );
 
 // src/components/Icon/icons/MicOffIcon.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
-var MicOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+var import_jsx_runtime105 = require("react/jsx-runtime");
+var MicOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4681,14 +4701,14 @@ var MicOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
 );
 
 // src/components/Icon/icons/MinimizeIcon.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
-var MinimizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+var import_jsx_runtime106 = require("react/jsx-runtime");
+var MinimizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4700,36 +4720,36 @@ var MinimizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
   }
 );
 
-// src/components/Icon/icons/MinusCircleIcon.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime");
-var MinusCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+// src/components/Icon/icons/MinusIcon.tsx
+var import_jsx_runtime107 = require("react/jsx-runtime");
+var MinusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       "path",
       {
-        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",
+        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",
         fill: "currentColor"
       }
     )
   }
 );
 
-// src/components/Icon/icons/MinusIcon.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
-var MinusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+// src/components/Icon/icons/MinusCircleIcon.tsx
+var import_jsx_runtime108 = require("react/jsx-runtime");
+var MinusCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       "path",
       {
-        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",
+        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",
         fill: "currentColor"
       }
     )
@@ -4737,14 +4757,14 @@ var MinusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
 );
 
 // src/components/Icon/icons/MobileIcon.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
-var MobileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+var import_jsx_runtime109 = require("react/jsx-runtime");
+var MobileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4757,14 +4777,14 @@ var MobileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
 );
 
 // src/components/Icon/icons/MoreOptionsIcon.tsx
-var import_jsx_runtime109 = require("react/jsx-runtime");
-var MoreOptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+var import_jsx_runtime110 = require("react/jsx-runtime");
+var MoreOptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4777,14 +4797,14 @@ var MoreOptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
 );
 
 // src/components/Icon/icons/MoveLeftIcon.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
-var MoveLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+var import_jsx_runtime111 = require("react/jsx-runtime");
+var MoveLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4797,14 +4817,14 @@ var MoveLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
 );
 
 // src/components/Icon/icons/MoveRightIcon.tsx
-var import_jsx_runtime111 = require("react/jsx-runtime");
-var MoveRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+var import_jsx_runtime112 = require("react/jsx-runtime");
+var MoveRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4817,14 +4837,14 @@ var MoveRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
 );
 
 // src/components/Icon/icons/MusicIcon.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime");
-var MusicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+var import_jsx_runtime113 = require("react/jsx-runtime");
+var MusicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       "path",
       {
         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",
@@ -4835,14 +4855,14 @@ var MusicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
 );
 
 // src/components/Icon/icons/OnAirIcon.tsx
-var import_jsx_runtime113 = require("react/jsx-runtime");
-var OnAirIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+var import_jsx_runtime114 = require("react/jsx-runtime");
+var OnAirIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
       "path",
       {
         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",
@@ -4853,14 +4873,14 @@ var OnAirIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
 );
 
 // src/components/Icon/icons/OpenNewIcon.tsx
-var import_jsx_runtime114 = require("react/jsx-runtime");
-var OpenNewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+var import_jsx_runtime115 = require("react/jsx-runtime");
+var OpenNewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4873,14 +4893,14 @@ var OpenNewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
 );
 
 // src/components/Icon/icons/OverviewIcon.tsx
-var import_jsx_runtime115 = require("react/jsx-runtime");
-var OverviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+var import_jsx_runtime116 = require("react/jsx-runtime");
+var OverviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4893,14 +4913,14 @@ var OverviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
 );
 
 // src/components/Icon/icons/PageIcon.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime");
-var PageIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+var import_jsx_runtime117 = require("react/jsx-runtime");
+var PageIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4913,14 +4933,14 @@ var PageIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
 );
 
 // src/components/Icon/icons/PanelLeftIcon.tsx
-var import_jsx_runtime117 = require("react/jsx-runtime");
-var PanelLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+var import_jsx_runtime118 = require("react/jsx-runtime");
+var PanelLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       "path",
       {
         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",
@@ -4931,14 +4951,14 @@ var PanelLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
 );
 
 // src/components/Icon/icons/PanelRightIcon.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime");
-var PanelRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+var import_jsx_runtime119 = require("react/jsx-runtime");
+var PanelRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
       "path",
       {
         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",
@@ -4949,14 +4969,14 @@ var PanelRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
 );
 
 // src/components/Icon/icons/PanelUpIcon.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
-var PanelUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+var import_jsx_runtime120 = require("react/jsx-runtime");
+var PanelUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       "path",
       {
         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",
@@ -4967,14 +4987,14 @@ var PanelUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
 );
 
 // src/components/Icon/icons/PasswordIcon.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime");
-var PasswordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+var import_jsx_runtime121 = require("react/jsx-runtime");
+var PasswordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4987,14 +5007,14 @@ var PasswordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
 );
 
 // src/components/Icon/icons/PauseIcon.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime");
-var PauseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+var import_jsx_runtime122 = require("react/jsx-runtime");
+var PauseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5007,14 +5027,14 @@ var PauseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
 );
 
 // src/components/Icon/icons/PencilIcon.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
-var PencilIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+var import_jsx_runtime123 = require("react/jsx-runtime");
+var PencilIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       "path",
       {
         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",
@@ -5025,14 +5045,14 @@ var PencilIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
 );
 
 // src/components/Icon/icons/PeopleIcon.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
-var PeopleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+var import_jsx_runtime124 = require("react/jsx-runtime");
+var PeopleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5045,14 +5065,14 @@ var PeopleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
 );
 
 // src/components/Icon/icons/PinIcon.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime");
-var PinIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+var import_jsx_runtime125 = require("react/jsx-runtime");
+var PinIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5065,14 +5085,14 @@ var PinIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
 );
 
 // src/components/Icon/icons/PinSlashIcon.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
-var PinSlashIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+var import_jsx_runtime126 = require("react/jsx-runtime");
+var PinSlashIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5085,14 +5105,14 @@ var PinSlashIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
 );
 
 // src/components/Icon/icons/PipIcon.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
-var PipIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+var import_jsx_runtime127 = require("react/jsx-runtime");
+var PipIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       "path",
       {
         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",
@@ -5103,14 +5123,14 @@ var PipIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
 );
 
 // src/components/Icon/icons/PlayIcon.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
-var PlayIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+var import_jsx_runtime128 = require("react/jsx-runtime");
+var PlayIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
       "path",
       {
         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",
@@ -5121,14 +5141,14 @@ var PlayIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
 );
 
 // src/components/Icon/icons/PlayerIcon.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
-var PlayerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+var import_jsx_runtime129 = require("react/jsx-runtime");
+var PlayerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       "path",
       {
         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",
@@ -5139,14 +5159,14 @@ var PlayerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
 );
 
 // src/components/Icon/icons/PlusIcon.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
-var PlusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+var import_jsx_runtime130 = require("react/jsx-runtime");
+var PlusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5159,14 +5179,14 @@ var PlusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
 );
 
 // src/components/Icon/icons/PodcastIcon.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
-var PodcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+var import_jsx_runtime131 = require("react/jsx-runtime");
+var PodcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5179,14 +5199,14 @@ var PodcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
 );
 
 // src/components/Icon/icons/PreviewIcon.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
-var PreviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+var import_jsx_runtime132 = require("react/jsx-runtime");
+var PreviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5199,14 +5219,14 @@ var PreviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
 );
 
 // src/components/Icon/icons/PrivateChatIcon.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime");
-var PrivateChatIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+var import_jsx_runtime133 = require("react/jsx-runtime");
+var PrivateChatIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5219,14 +5239,14 @@ var PrivateChatIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
 );
 
 // src/components/Icon/icons/PrivateUserSessionsIcon.tsx
-var import_jsx_runtime133 = require("react/jsx-runtime");
-var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+var import_jsx_runtime134 = require("react/jsx-runtime");
+var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5239,15 +5259,15 @@ var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime1
 );
 
 // src/components/Icon/icons/ProjectIcon.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
-var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+var import_jsx_runtime135 = require("react/jsx-runtime");
+var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
         "path",
         {
           clipRule: "evenodd",
@@ -5256,7 +5276,7 @@ var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
           fillRule: "evenodd"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
         "path",
         {
           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",
@@ -5268,14 +5288,14 @@ var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
 );
 
 // src/components/Icon/icons/PropertiesIcon.tsx
-var import_jsx_runtime135 = require("react/jsx-runtime");
-var PropertiesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+var import_jsx_runtime136 = require("react/jsx-runtime");
+var PropertiesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5288,14 +5308,14 @@ var PropertiesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
 );
 
 // src/components/Icon/icons/QuestionMarkIcon.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime");
-var QuestionMarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+var import_jsx_runtime137 = require("react/jsx-runtime");
+var QuestionMarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
       "path",
       {
         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",
@@ -5306,14 +5326,14 @@ var QuestionMarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)
 );
 
 // src/components/Icon/icons/ReactIcon.tsx
-var import_jsx_runtime137 = require("react/jsx-runtime");
-var ReactIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+var import_jsx_runtime138 = require("react/jsx-runtime");
+var ReactIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
       "path",
       {
         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",
@@ -5324,14 +5344,14 @@ var ReactIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
 );
 
 // src/components/Icon/icons/RecordIcon.tsx
-var import_jsx_runtime138 = require("react/jsx-runtime");
-var RecordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+var import_jsx_runtime139 = require("react/jsx-runtime");
+var RecordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5343,15 +5363,65 @@ var RecordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
   }
 );
 
+// src/components/Icon/icons/RecordGroupIcon.tsx
+var import_jsx_runtime140 = require("react/jsx-runtime");
+var RecordGroupIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+  "svg",
+  {
+    ...props,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        "path",
+        {
+          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",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        "path",
+        {
+          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",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        "path",
+        {
+          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",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        "path",
+        {
+          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",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        "path",
+        {
+          clipRule: "evenodd",
+          d: "M12.8788 12.9146C11.5371 11.9582 9.92379 11.4101 8.23389 11.4101C4.84162 11.4101 1.75801 13.6186 0.5603 16.9054C0.321054 17.5607 0.352067 18.2739 0.647432 18.9154C0.951659 19.5752 1.51138 20.0869 2.18481 20.319C4.14161 20.9941 6.17815 21.3378 8.23389 21.3378C9.47978 21.3378 10.7186 21.2115 11.9369 20.9618C11.4888 19.9765 11.2384 18.876 11.2384 17.715C11.2384 15.8964 11.8529 14.2263 12.8788 12.9146Z",
+          fill: "currentColor",
+          fillRule: "evenodd"
+        }
+      )
+    ]
+  }
+);
+
 // src/components/Icon/icons/RedoIcon.tsx
-var import_jsx_runtime139 = require("react/jsx-runtime");
-var RedoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+var import_jsx_runtime141 = require("react/jsx-runtime");
+var RedoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5364,14 +5434,14 @@ var RedoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
 );
 
 // src/components/Icon/icons/RefreshIcon.tsx
-var import_jsx_runtime140 = require("react/jsx-runtime");
-var RefreshIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+var import_jsx_runtime142 = require("react/jsx-runtime");
+var RefreshIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5384,14 +5454,14 @@ var RefreshIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
 );
 
 // src/components/Icon/icons/ReplaceIcon.tsx
-var import_jsx_runtime141 = require("react/jsx-runtime");
-var ReplaceIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+var import_jsx_runtime143 = require("react/jsx-runtime");
+var ReplaceIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5404,14 +5474,14 @@ var ReplaceIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
 );
 
 // src/components/Icon/icons/ReplyIcon.tsx
-var import_jsx_runtime142 = require("react/jsx-runtime");
-var ReplyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+var import_jsx_runtime144 = require("react/jsx-runtime");
+var ReplyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5423,19 +5493,39 @@ var ReplyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
   }
 );
 
+// src/components/Icon/icons/RequestVideoIcon.tsx
+var import_jsx_runtime145 = require("react/jsx-runtime");
+var RequestVideoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+  "svg",
+  {
+    ...props,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M10.4282 1C8.04152 1 6.10677 2.93477 6.10677 5.32143C6.10677 7.70811 8.04152 9.64286 10.4282 9.64286C12.8149 9.64286 14.7496 7.70811 14.7496 5.32143C14.7496 2.93477 12.8149 1 10.4282 1ZM11.977 11.3383C11.4727 11.2567 10.9553 11.2143 10.4282 11.2143C5.24728 11.2143 0.999634 15.3112 0.999634 20.4219V20.9997L1.55518 21.1349C4.78947 21.9221 8.02549 22.2786 11.2614 22.2048C10.0135 20.8706 9.24963 19.0781 9.24963 17.1072C9.24963 14.7832 10.3117 12.7072 11.977 11.3383ZM17.1068 23C20.3613 23 22.9996 20.3617 22.9996 17.1072C22.9996 13.8526 20.3613 11.2143 17.1068 11.2143C13.8523 11.2143 11.2139 13.8526 11.2139 17.1072C11.2139 20.3617 13.8523 23 17.1068 23ZM17.8925 16.6469L19.4639 18.2183L20.5751 17.1072L17.1068 13.6389L13.6385 17.1072L14.7496 18.2183L16.3211 16.6469V20.25H17.8925V16.6469Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
+      }
+    )
+  }
+);
+
 // src/components/Icon/icons/RevertToOriginalIcon.tsx
-var import_jsx_runtime143 = require("react/jsx-runtime");
-var RevertToOriginalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+var import_jsx_runtime146 = require("react/jsx-runtime");
+var RevertToOriginalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
       "path",
       {
         clipRule: "evenodd",
-        d: "M5.64862 5.62293C7.27734 4.0008 9.52062 2.99988 11.9996 2.99988C16.9702 2.99988 20.9996 7.02932 20.9996 11.9999C20.9996 16.9705 16.9702 20.9999 11.9996 20.9999C7.02901 20.9999 2.99957 16.9705 2.99957 11.9999V10.9999H0.999573V11.9999C0.999573 18.075 5.92444 22.9999 11.9996 22.9999C18.0747 22.9999 22.9996 18.075 22.9996 11.9999C22.9996 5.92475 18.0747 0.999878 11.9996 0.999878C8.9603 0.999878 6.20734 2.23379 4.21752 4.22558L4.20092 4.24219L3.99957 4.46362V0.999878H1.99957V7.99988H8.99957V5.99988H5.30585L5.64862 5.62293ZM12.9996 5.99988V11.5857L17.4138 15.9999L15.9996 17.4141L10.9996 12.4141V5.99988H12.9996Z",
+        d: "M5.64905 5.62299C7.27777 4.00086 9.52105 2.99994 12 2.99994C16.9706 2.99994 21 7.02938 21 11.9999C21 16.9705 16.9706 20.9999 12 20.9999C7.02944 20.9999 3 16.9705 3 11.9999V10.9999H1V11.9999C1 18.075 5.92487 22.9999 12 22.9999C18.0751 22.9999 23 18.075 23 11.9999C23 5.92481 18.0751 0.999939 12 0.999939C8.96073 0.999939 6.20777 2.23385 4.21795 4.22564L4.20135 4.24225L4 4.46368V0.999939H2V7.99994H9V5.99994H5.30628L5.64905 5.62299ZM13 5.99994V11.5857L17.4142 15.9999L16 17.4141L11 12.4141V5.99994H13Z",
         fill: "currentColor",
         fillRule: "evenodd"
       }
@@ -5444,14 +5534,14 @@ var RevertToOriginalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime143.
 );
 
 // src/components/Icon/icons/RewindIcon.tsx
-var import_jsx_runtime144 = require("react/jsx-runtime");
-var RewindIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+var import_jsx_runtime147 = require("react/jsx-runtime");
+var RewindIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
       "path",
       {
         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",
@@ -5461,53 +5551,53 @@ var RewindIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
   }
 );
 
-// src/components/Icon/icons/SaveAsCopyIcon.tsx
-var import_jsx_runtime145 = require("react/jsx-runtime");
-var SaveAsCopyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+// src/components/Icon/icons/SaveIcon.tsx
+var import_jsx_runtime148 = require("react/jsx-runtime");
+var SaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
       "path",
       {
-        clipRule: "evenodd",
-        d: "M2.7461 16.1438C2.81944 16.6398 3.24743 16.9972 3.7341 16.9972V16.9958C3.78343 16.9958 3.83277 16.9932 3.8821 16.9852C4.42743 16.9052 4.8061 16.3958 4.72476 15.8492L3.35277 6.61719C3.2861 6.17719 3.39543 5.73719 3.66077 5.37986C3.92477 5.02253 4.3141 4.7892 4.7541 4.72386L13.9861 3.35053C14.7527 3.23453 15.4874 3.6572 15.7767 4.3732C15.9847 4.88653 16.5701 5.13453 17.0781 4.92653C17.5914 4.71986 17.8381 4.1372 17.6314 3.6252C16.9954 2.0492 15.3714 1.12387 13.6927 1.3732L4.46077 2.7452C3.49143 2.8892 2.63677 3.40253 2.0541 4.1892C1.47011 4.97586 1.22877 5.94253 1.37277 6.91186L2.7461 16.1438ZM9.6661 5.99986H18.9994C21.0244 5.99986 22.6661 7.64148 22.6661 9.66652V18.9998C22.6661 21.0249 21.0244 22.6665 18.9994 22.6665H9.6661C7.64106 22.6665 5.99944 21.0249 5.99944 18.9998V9.66652C5.99944 7.64148 7.64106 5.99986 9.6661 5.99986Z",
-        fill: "currentColor",
-        fillRule: "evenodd"
+        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",
+        fill: "currentColor"
       }
     )
   }
 );
 
-// src/components/Icon/icons/SaveIcon.tsx
-var import_jsx_runtime146 = require("react/jsx-runtime");
-var SaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+// src/components/Icon/icons/SaveAsCopyIcon.tsx
+var import_jsx_runtime149 = require("react/jsx-runtime");
+var SaveAsCopyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
       "path",
       {
-        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",
-        fill: "currentColor"
+        clipRule: "evenodd",
+        d: "M2.7461 16.1438C2.81944 16.6398 3.24743 16.9972 3.7341 16.9972V16.9958C3.78343 16.9958 3.83277 16.9932 3.8821 16.9852C4.42743 16.9052 4.8061 16.3958 4.72476 15.8492L3.35277 6.61719C3.2861 6.17719 3.39543 5.73719 3.66077 5.37986C3.92477 5.02253 4.3141 4.7892 4.7541 4.72386L13.9861 3.35053C14.7527 3.23453 15.4874 3.6572 15.7767 4.3732C15.9847 4.88653 16.5701 5.13453 17.0781 4.92653C17.5914 4.71986 17.8381 4.1372 17.6314 3.6252C16.9954 2.0492 15.3714 1.12387 13.6927 1.3732L4.46077 2.7452C3.49143 2.8892 2.63677 3.40253 2.0541 4.1892C1.47011 4.97586 1.22877 5.94253 1.37277 6.91186L2.7461 16.1438ZM9.6661 5.99986H18.9994C21.0244 5.99986 22.6661 7.64148 22.6661 9.66652V18.9998C22.6661 21.0249 21.0244 22.6665 18.9994 22.6665H9.6661C7.64106 22.6665 5.99944 21.0249 5.99944 18.9998V9.66652C5.99944 7.64148 7.64106 5.99986 9.6661 5.99986Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
       }
     )
   }
 );
 
 // src/components/Icon/icons/ScissorsIcon.tsx
-var import_jsx_runtime147 = require("react/jsx-runtime");
-var ScissorsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+var import_jsx_runtime150 = require("react/jsx-runtime");
+var ScissorsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
       "path",
       {
         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",
@@ -5518,14 +5608,14 @@ var ScissorsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
 );
 
 // src/components/Icon/icons/ScreenshareOffIcon.tsx
-var import_jsx_runtime148 = require("react/jsx-runtime");
-var ScreenshareOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+var import_jsx_runtime151 = require("react/jsx-runtime");
+var ScreenshareOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5538,14 +5628,14 @@ var ScreenshareOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime148.js
 );
 
 // src/components/Icon/icons/ScreenshareOnIcon.tsx
-var import_jsx_runtime149 = require("react/jsx-runtime");
-var ScreenshareOnIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+var import_jsx_runtime152 = require("react/jsx-runtime");
+var ScreenshareOnIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5558,14 +5648,14 @@ var ScreenshareOnIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime149.jsx
 );
 
 // src/components/Icon/icons/SearchIcon.tsx
-var import_jsx_runtime150 = require("react/jsx-runtime");
-var SearchIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+var import_jsx_runtime153 = require("react/jsx-runtime");
+var SearchIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5578,14 +5668,14 @@ var SearchIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
 );
 
 // src/components/Icon/icons/SendIcon.tsx
-var import_jsx_runtime151 = require("react/jsx-runtime");
-var SendIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+var import_jsx_runtime154 = require("react/jsx-runtime");
+var SendIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
       "path",
       {
         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",
@@ -5596,14 +5686,14 @@ var SendIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
 );
 
 // src/components/Icon/icons/ShapesIcon.tsx
-var import_jsx_runtime152 = require("react/jsx-runtime");
-var ShapesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+var import_jsx_runtime155 = require("react/jsx-runtime");
+var ShapesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5616,14 +5706,14 @@ var ShapesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
 );
 
 // src/components/Icon/icons/ShareIcon.tsx
-var import_jsx_runtime153 = require("react/jsx-runtime");
-var ShareIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+var import_jsx_runtime156 = require("react/jsx-runtime");
+var ShareIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5636,14 +5726,14 @@ var ShareIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
 );
 
 // src/components/Icon/icons/SharingPermissionsIcon.tsx
-var import_jsx_runtime154 = require("react/jsx-runtime");
-var SharingPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+var import_jsx_runtime157 = require("react/jsx-runtime");
+var SharingPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5656,14 +5746,14 @@ var SharingPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime15
 );
 
 // src/components/Icon/icons/SimulcastIcon.tsx
-var import_jsx_runtime155 = require("react/jsx-runtime");
-var SimulcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+var import_jsx_runtime158 = require("react/jsx-runtime");
+var SimulcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5676,14 +5766,14 @@ var SimulcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
 );
 
 // src/components/Icon/icons/SortIcon.tsx
-var import_jsx_runtime156 = require("react/jsx-runtime");
-var SortIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
+var import_jsx_runtime159 = require("react/jsx-runtime");
+var SortIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5696,14 +5786,14 @@ var SortIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
 );
 
 // src/components/Icon/icons/SparkleIcon.tsx
-var import_jsx_runtime157 = require("react/jsx-runtime");
-var SparkleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
+var import_jsx_runtime160 = require("react/jsx-runtime");
+var SparkleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5716,14 +5806,14 @@ var SparkleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
 );
 
 // src/components/Icon/icons/SpeedIcon.tsx
-var import_jsx_runtime158 = require("react/jsx-runtime");
-var SpeedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+var import_jsx_runtime161 = require("react/jsx-runtime");
+var SpeedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5736,15 +5826,15 @@ var SpeedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
 );
 
 // src/components/Icon/icons/SpinnerIcon.tsx
-var import_jsx_runtime159 = require("react/jsx-runtime");
-var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(
+var import_jsx_runtime162 = require("react/jsx-runtime");
+var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
         "path",
         {
           clipRule: "evenodd",
@@ -5753,7 +5843,7 @@ var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(
           fillRule: "evenodd"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
         "animateTransform",
         {
           attributeName: "transform",
@@ -5769,14 +5859,14 @@ var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(
 );
 
 // src/components/Icon/icons/StatsIcon.tsx
-var import_jsx_runtime160 = require("react/jsx-runtime");
-var StatsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
+var import_jsx_runtime163 = require("react/jsx-runtime");
+var StatsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5789,14 +5879,14 @@ var StatsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
 );
 
 // src/components/Icon/icons/SwitchAccountsIcon.tsx
-var import_jsx_runtime161 = require("react/jsx-runtime");
-var SwitchAccountsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
+var import_jsx_runtime164 = require("react/jsx-runtime");
+var SwitchAccountsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5809,14 +5899,14 @@ var SwitchAccountsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime161.js
 );
 
 // src/components/Icon/icons/TagIcon.tsx
-var import_jsx_runtime162 = require("react/jsx-runtime");
-var TagIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
+var import_jsx_runtime165 = require("react/jsx-runtime");
+var TagIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
       "path",
       {
         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",
@@ -5827,14 +5917,14 @@ var TagIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
 );
 
 // src/components/Icon/icons/TeleprompterIcon.tsx
-var import_jsx_runtime163 = require("react/jsx-runtime");
-var TeleprompterIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
+var import_jsx_runtime166 = require("react/jsx-runtime");
+var TeleprompterIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5847,14 +5937,14 @@ var TeleprompterIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime163.jsx)
 );
 
 // src/components/Icon/icons/TextSizeIcon.tsx
-var import_jsx_runtime164 = require("react/jsx-runtime");
-var TextSizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+var import_jsx_runtime167 = require("react/jsx-runtime");
+var TextSizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5867,14 +5957,14 @@ var TextSizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
 );
 
 // src/components/Icon/icons/ThumbnailIcon.tsx
-var import_jsx_runtime165 = require("react/jsx-runtime");
-var ThumbnailIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
+var import_jsx_runtime168 = require("react/jsx-runtime");
+var ThumbnailIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5887,14 +5977,14 @@ var ThumbnailIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
 );
 
 // src/components/Icon/icons/ThumbsDownIcon.tsx
-var import_jsx_runtime166 = require("react/jsx-runtime");
-var ThumbsDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+var import_jsx_runtime169 = require("react/jsx-runtime");
+var ThumbsDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5907,14 +5997,14 @@ var ThumbsDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
 );
 
 // src/components/Icon/icons/ThumbsUpIcon.tsx
-var import_jsx_runtime167 = require("react/jsx-runtime");
-var ThumbsUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+var import_jsx_runtime170 = require("react/jsx-runtime");
+var ThumbsUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5926,37 +6016,57 @@ var ThumbsUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
   }
 );
 
-// src/components/Icon/icons/TranscriptIcon.tsx
-var import_jsx_runtime168 = require("react/jsx-runtime");
-var TranscriptIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+// src/components/Icon/icons/TranscriptIcon.tsx
+var import_jsx_runtime171 = require("react/jsx-runtime");
+var TranscriptIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+  "svg",
+  {
+    ...props,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+      "path",
+      {
+        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",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+
+// src/components/Icon/icons/TransitionsIcon.tsx
+var import_jsx_runtime172 = require("react/jsx-runtime");
+var TransitionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
       "path",
       {
-        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",
-        fill: "currentColor"
+        clipRule: "evenodd",
+        d: "M9.66615 2.66647H14.3328C16.3578 2.66647 17.9995 4.30809 17.9995 6.33313V17.6664C17.9995 19.6915 16.3578 21.3331 14.3328 21.3331H9.66615C7.64111 21.3331 5.9995 19.6915 5.9995 17.6664V6.33313C5.9995 4.30809 7.64111 2.66647 9.66615 2.66647ZM3.66617 6.66646H3.9995C4.5515 6.66646 4.9995 6.21846 4.9995 5.66647C4.9995 5.11447 4.5515 4.66647 3.9995 4.66647H3.66617C2.01284 4.66647 0.666176 6.0118 0.666176 7.66646V16.3331C0.666176 17.9878 2.01284 19.3331 3.66617 19.3331H3.9995C4.5515 19.3331 4.9995 18.8851 4.9995 18.3331C4.9995 17.7811 4.5515 17.3331 3.9995 17.3331H3.66617C3.1155 17.3331 2.66617 16.8851 2.66617 16.3331V7.66646C2.66617 7.11446 3.1155 6.66646 3.66617 6.66646ZM20.3328 4.66647H19.9995C19.4475 4.66647 18.9995 5.11447 18.9995 5.66647C18.9995 6.21846 19.4475 6.66646 19.9995 6.66646H20.3328C20.8835 6.66646 21.3328 7.11446 21.3328 7.66646V16.3331C21.3328 16.8851 20.8835 17.3331 20.3328 17.3331H19.9995C19.4475 17.3331 18.9995 17.7811 18.9995 18.3331C18.9995 18.8851 19.4475 19.3331 19.9995 19.3331H20.3328C21.9861 19.3331 23.3328 17.9878 23.3328 16.3331V7.66646C23.3328 6.0118 21.9861 4.66647 20.3328 4.66647Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
       }
     )
   }
 );
 
-// src/components/Icon/icons/TransitionsIcon.tsx
-var import_jsx_runtime169 = require("react/jsx-runtime");
-var TransitionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
+// src/components/Icon/icons/TransparencyIcon.tsx
+var import_jsx_runtime173 = require("react/jsx-runtime");
+var TransparencyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
       "path",
       {
         clipRule: "evenodd",
-        d: "M9.66615 2.66647H14.3328C16.3578 2.66647 17.9995 4.30809 17.9995 6.33313V17.6664C17.9995 19.6915 16.3578 21.3331 14.3328 21.3331H9.66615C7.64111 21.3331 5.9995 19.6915 5.9995 17.6664V6.33313C5.9995 4.30809 7.64111 2.66647 9.66615 2.66647ZM3.66617 6.66646H3.9995C4.5515 6.66646 4.9995 6.21846 4.9995 5.66647C4.9995 5.11447 4.5515 4.66647 3.9995 4.66647H3.66617C2.01284 4.66647 0.666176 6.0118 0.666176 7.66646V16.3331C0.666176 17.9878 2.01284 19.3331 3.66617 19.3331H3.9995C4.5515 19.3331 4.9995 18.8851 4.9995 18.3331C4.9995 17.7811 4.5515 17.3331 3.9995 17.3331H3.66617C3.1155 17.3331 2.66617 16.8851 2.66617 16.3331V7.66646C2.66617 7.11446 3.1155 6.66646 3.66617 6.66646ZM20.3328 4.66647H19.9995C19.4475 4.66647 18.9995 5.11447 18.9995 5.66647C18.9995 6.21846 19.4475 6.66646 19.9995 6.66646H20.3328C20.8835 6.66646 21.3328 7.11446 21.3328 7.66646V16.3331C21.3328 16.8851 20.8835 17.3331 20.3328 17.3331H19.9995C19.4475 17.3331 18.9995 17.7811 18.9995 18.3331C18.9995 18.8851 19.4475 19.3331 19.9995 19.3331H20.3328C21.9861 19.3331 23.3328 17.9878 23.3328 16.3331V7.66646C23.3328 6.0118 21.9861 4.66647 20.3328 4.66647Z",
+        d: "M10.3864 6.1452C11.4331 5.95187 12.5664 5.95187 13.6131 6.1452C13.6744 6.15587 13.7358 6.1612 13.7958 6.1612C14.2678 6.1612 14.6891 5.82387 14.7771 5.3412C14.8771 4.79853 14.5184 4.2772 13.9744 4.1772C12.6878 3.9412 11.3104 3.9412 10.0238 4.1772C9.48108 4.2772 9.12108 4.79853 9.22108 5.3412C9.32108 5.8852 9.84509 6.24253 10.3864 6.1452ZM5.13175 8.7412C5.37042 8.7412 5.60908 8.6572 5.79975 8.4852C6.39708 7.9492 7.03175 7.49187 7.68508 7.12654C8.16642 6.8572 8.33842 6.24787 8.06908 5.7652C7.80108 5.28387 7.19575 5.11054 6.70775 5.37987C5.92508 5.8172 5.17042 6.3612 4.46242 6.9972C4.05042 7.36654 4.01708 7.99854 4.38642 8.4092C4.58375 8.6292 4.85842 8.7412 5.13175 8.7412ZM15.9304 5.7652C16.1984 5.28387 16.8064 5.11054 17.2918 5.37987C18.0744 5.8172 18.8291 6.3612 19.5358 6.9972C19.9478 7.36654 19.9811 7.99854 19.6118 8.4092C19.4131 8.6292 19.1411 8.7412 18.8678 8.7412C18.6291 8.7412 18.3904 8.6572 18.1998 8.4852C17.6024 7.9492 16.9678 7.49187 16.3144 7.12654C15.8331 6.85587 15.6611 6.24654 15.9304 5.7652ZM7.68509 16.8745C7.03176 16.5092 6.39709 16.0519 5.79976 15.5159C5.39176 15.1479 4.75976 15.1812 4.38776 15.5905C4.01843 16.0012 4.05176 16.6332 4.46376 17.0025C5.17043 17.6385 5.92643 18.1825 6.70909 18.6199C6.86376 18.7052 7.03176 18.7465 7.19576 18.7465C7.54776 18.7465 7.88776 18.5625 8.06909 18.2345C8.33843 17.7532 8.16643 17.1439 7.68509 16.8732V16.8745ZM3.59309 9.32654C4.04509 9.64388 4.15309 10.2679 3.83575 10.7199V10.7185L3.61975 11.0372C3.43175 11.3225 3.33309 11.6532 3.33309 11.9985C3.33309 12.3439 3.43175 12.6759 3.61842 12.9572L3.83575 13.2785C4.15309 13.7305 4.04509 14.3545 3.59309 14.6719C3.41709 14.7959 3.21575 14.8545 3.01842 14.8545C2.70375 14.8545 2.39442 14.7079 2.19975 14.4305C2.11042 14.3025 2.02642 14.1772 1.94775 14.0572C1.54642 13.4505 1.33309 12.7385 1.33309 11.9999C1.33309 11.2612 1.54642 10.5492 1.94909 9.93854C2.02509 9.82254 2.11042 9.69721 2.19975 9.56921C2.51442 9.11721 3.13575 9.00654 3.59309 9.32654ZM13.6131 17.8545C12.5664 18.0479 11.4331 18.0479 10.3864 17.8545C9.84375 17.7559 9.32108 18.1145 9.22241 18.6585C9.12241 19.2012 9.48108 19.7225 10.0251 19.8225C10.6677 19.9399 11.3331 19.9999 11.9997 19.9999C12.6664 19.9999 13.3317 19.9399 13.9744 19.8225C14.5171 19.7225 14.8771 19.2012 14.7771 18.6585C14.6771 18.1145 14.1571 17.7572 13.6131 17.8545ZM16.3144 16.8746C16.9678 16.5092 17.6024 16.0519 18.1998 15.5159C18.6078 15.1466 19.2398 15.1812 19.6118 15.5919C19.9811 16.0026 19.9478 16.6346 19.5358 17.0039C18.8278 17.6399 18.0731 18.1839 17.2904 18.6212C17.1358 18.7066 16.9678 18.7479 16.8038 18.7479C16.4531 18.7479 16.1131 18.5639 15.9304 18.2359C15.6611 17.7532 15.8331 17.1439 16.3144 16.8746ZM22.0518 9.94256C21.9731 9.82256 21.8891 9.69722 21.7998 9.56922C21.4851 9.11856 20.8638 9.00922 20.4064 9.32656C19.9544 9.64389 19.8464 10.2679 20.1638 10.7199L20.3811 11.0412C20.5678 11.3226 20.6664 11.6546 20.6664 11.9999C20.6664 12.3452 20.5678 12.6759 20.3798 12.9612L20.1638 13.2799C19.8464 13.7319 19.9544 14.3559 20.4064 14.6732C20.5824 14.7959 20.7824 14.8559 20.9811 14.8559C21.2958 14.8559 21.6064 14.7079 21.7998 14.4319C21.8891 14.3039 21.9744 14.1786 22.0504 14.0626C22.4531 13.4519 22.6664 12.7399 22.6664 12.0012C22.6664 11.2626 22.4531 10.5506 22.0518 9.94389V9.94256ZM15.9998 11.9999C15.9998 14.209 14.2089 15.9999 11.9998 15.9999C9.79062 15.9999 7.99975 14.209 7.99975 11.9999C7.99975 9.79073 9.79062 7.99987 11.9998 7.99987C14.2089 7.99987 15.9998 9.79073 15.9998 11.9999Z",
         fill: "currentColor",
         fillRule: "evenodd"
       }
@@ -5964,19 +6074,19 @@ var TransitionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
   }
 );
 
-// src/components/Icon/icons/TransparencyIcon.tsx
-var import_jsx_runtime170 = require("react/jsx-runtime");
-var TransparencyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
+// src/components/Icon/icons/TrendsIcon.tsx
+var import_jsx_runtime174 = require("react/jsx-runtime");
+var TrendsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
       "path",
       {
         clipRule: "evenodd",
-        d: "M10.3864 6.1452C11.4331 5.95187 12.5664 5.95187 13.6131 6.1452C13.6744 6.15587 13.7358 6.1612 13.7958 6.1612C14.2678 6.1612 14.6891 5.82387 14.7771 5.3412C14.8771 4.79853 14.5184 4.2772 13.9744 4.1772C12.6878 3.9412 11.3104 3.9412 10.0238 4.1772C9.48108 4.2772 9.12108 4.79853 9.22108 5.3412C9.32108 5.8852 9.84509 6.24253 10.3864 6.1452ZM5.13175 8.7412C5.37042 8.7412 5.60908 8.6572 5.79975 8.4852C6.39708 7.9492 7.03175 7.49187 7.68508 7.12654C8.16642 6.8572 8.33842 6.24787 8.06908 5.7652C7.80108 5.28387 7.19575 5.11054 6.70775 5.37987C5.92508 5.8172 5.17042 6.3612 4.46242 6.9972C4.05042 7.36654 4.01708 7.99854 4.38642 8.4092C4.58375 8.6292 4.85842 8.7412 5.13175 8.7412ZM15.9304 5.7652C16.1984 5.28387 16.8064 5.11054 17.2918 5.37987C18.0744 5.8172 18.8291 6.3612 19.5358 6.9972C19.9478 7.36654 19.9811 7.99854 19.6118 8.4092C19.4131 8.6292 19.1411 8.7412 18.8678 8.7412C18.6291 8.7412 18.3904 8.6572 18.1998 8.4852C17.6024 7.9492 16.9678 7.49187 16.3144 7.12654C15.8331 6.85587 15.6611 6.24654 15.9304 5.7652ZM7.68509 16.8745C7.03176 16.5092 6.39709 16.0519 5.79976 15.5159C5.39176 15.1479 4.75976 15.1812 4.38776 15.5905C4.01843 16.0012 4.05176 16.6332 4.46376 17.0025C5.17043 17.6385 5.92643 18.1825 6.70909 18.6199C6.86376 18.7052 7.03176 18.7465 7.19576 18.7465C7.54776 18.7465 7.88776 18.5625 8.06909 18.2345C8.33843 17.7532 8.16643 17.1439 7.68509 16.8732V16.8745ZM3.59309 9.32654C4.04509 9.64388 4.15309 10.2679 3.83575 10.7199V10.7185L3.61975 11.0372C3.43175 11.3225 3.33309 11.6532 3.33309 11.9985C3.33309 12.3439 3.43175 12.6759 3.61842 12.9572L3.83575 13.2785C4.15309 13.7305 4.04509 14.3545 3.59309 14.6719C3.41709 14.7959 3.21575 14.8545 3.01842 14.8545C2.70375 14.8545 2.39442 14.7079 2.19975 14.4305C2.11042 14.3025 2.02642 14.1772 1.94775 14.0572C1.54642 13.4505 1.33309 12.7385 1.33309 11.9999C1.33309 11.2612 1.54642 10.5492 1.94909 9.93854C2.02509 9.82254 2.11042 9.69721 2.19975 9.56921C2.51442 9.11721 3.13575 9.00654 3.59309 9.32654ZM13.6131 17.8545C12.5664 18.0479 11.4331 18.0479 10.3864 17.8545C9.84375 17.7559 9.32108 18.1145 9.22241 18.6585C9.12241 19.2012 9.48108 19.7225 10.0251 19.8225C10.6677 19.9399 11.3331 19.9999 11.9997 19.9999C12.6664 19.9999 13.3317 19.9399 13.9744 19.8225C14.5171 19.7225 14.8771 19.2012 14.7771 18.6585C14.6771 18.1145 14.1571 17.7572 13.6131 17.8545ZM16.3144 16.8746C16.9678 16.5092 17.6024 16.0519 18.1998 15.5159C18.6078 15.1466 19.2398 15.1812 19.6118 15.5919C19.9811 16.0026 19.9478 16.6346 19.5358 17.0039C18.8278 17.6399 18.0731 18.1839 17.2904 18.6212C17.1358 18.7066 16.9678 18.7479 16.8038 18.7479C16.4531 18.7479 16.1131 18.5639 15.9304 18.2359C15.6611 17.7532 15.8331 17.1439 16.3144 16.8746ZM22.0518 9.94256C21.9731 9.82256 21.8891 9.69722 21.7998 9.56922C21.4851 9.11856 20.8638 9.00922 20.4064 9.32656C19.9544 9.64389 19.8464 10.2679 20.1638 10.7199L20.3811 11.0412C20.5678 11.3226 20.6664 11.6546 20.6664 11.9999C20.6664 12.3452 20.5678 12.6759 20.3798 12.9612L20.1638 13.2799C19.8464 13.7319 19.9544 14.3559 20.4064 14.6732C20.5824 14.7959 20.7824 14.8559 20.9811 14.8559C21.2958 14.8559 21.6064 14.7079 21.7998 14.4319C21.8891 14.3039 21.9744 14.1786 22.0504 14.0626C22.4531 13.4519 22.6664 12.7399 22.6664 12.0012C22.6664 11.2626 22.4531 10.5506 22.0518 9.94389V9.94256ZM15.9998 11.9999C15.9998 14.209 14.2089 15.9999 11.9998 15.9999C9.79062 15.9999 7.99975 14.209 7.99975 11.9999C7.99975 9.79073 9.79062 7.99987 11.9998 7.99987C14.2089 7.99987 15.9998 9.79073 15.9998 11.9999Z",
+        d: "M12.1758 21.5609C9.68781 21.7629 5.43281 21.8659 3.63781 20.3389C2.05381 18.9909 2.04781 15.6979 2.04281 13.1579C2.04281 12.8189 2.04181 12.4939 2.03681 12.1879C2.03381 11.9329 2.02681 11.6679 2.02181 11.3939C1.96781 8.8919 1.90081 5.7639 3.30881 4.0369C4.87081 2.1219 10.1438 2.0269 11.8248 2.0269C11.9888 2.0269 12.1948 2.0219 12.4328 2.0169C14.2678 1.9739 18.0548 1.8869 19.9028 3.5619C21.9188 5.3889 21.9158 8.2579 21.9128 11.1129V11.4199C21.9128 11.9319 21.9178 12.4289 21.9228 12.9099C21.9538 16.1399 21.9788 18.6549 20.4878 20.0459C19.1998 21.2479 16.9248 21.3359 14.5408 21.4279C13.7538 21.4579 12.9548 21.4899 12.1758 21.5609ZM20.3158 10.0509L15.9598 8.5999C15.9029 8.32674 15.7894 8.06852 15.6267 7.84182C15.4641 7.61513 15.2557 7.42499 15.0152 7.28362C14.7746 7.14225 14.5071 7.05278 14.2299 7.02097C13.9527 6.98916 13.6719 7.0157 13.4056 7.0989C13.1392 7.18209 12.8932 7.3201 12.6834 7.50404C12.4736 7.68799 12.3046 7.9138 12.1873 8.16696C12.0699 8.42013 12.0069 8.69504 12.0022 8.97403C11.9974 9.25302 12.0511 9.52991 12.1598 9.7869L9.66481 13.1139C9.38814 13.0163 9.09338 12.9809 8.80147 13.0101C8.50956 13.0393 8.22767 13.1325 7.97581 13.2829L3.88481 11.5779C3.64002 11.4758 3.36469 11.4751 3.11939 11.576C2.87409 11.6769 2.67892 11.8711 2.57681 12.1159C2.4747 12.3607 2.47402 12.636 2.57492 12.8813C2.67581 13.1266 2.87002 13.3218 3.11481 13.4239L6.99981 15.0419C7.0061 15.3152 7.06834 15.5842 7.18269 15.8325C7.29703 16.0808 7.46105 16.303 7.66462 16.4854C7.86819 16.6678 8.10699 16.8065 8.36627 16.893C8.62555 16.9796 8.89982 17.012 9.17213 16.9884C9.44444 16.9648 9.70902 16.8856 9.94954 16.7557C10.19 16.6258 10.4014 16.448 10.5705 16.2333C10.7396 16.0186 10.8629 15.7714 10.9328 15.5072C11.0027 15.2429 11.0177 14.9672 10.9768 14.6969L13.7608 10.9859C14.0418 11.0202 14.3269 10.9942 14.5971 10.9098C14.8673 10.8253 15.1164 10.6842 15.3278 10.4959L19.6838 11.9489C19.8084 11.9904 19.94 12.0069 20.071 11.9976C20.2021 11.9882 20.3299 11.9532 20.4474 11.8944C20.5649 11.8356 20.6696 11.7543 20.7556 11.655C20.8417 11.5558 20.9073 11.4405 20.9488 11.3159C20.9903 11.1913 21.0069 11.0597 20.9975 10.9287C20.9881 10.7977 20.9531 10.6698 20.8943 10.5523C20.8355 10.4348 20.7542 10.3301 20.6549 10.2441C20.5557 10.158 20.4404 10.0924 20.3158 10.0509Z",
         fill: "currentColor",
         fillRule: "evenodd"
       }
@@ -5985,14 +6095,14 @@ var TransparencyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)
 );
 
 // src/components/Icon/icons/TrialUnlockClockIcon.tsx
-var import_jsx_runtime171 = require("react/jsx-runtime");
-var TrialUnlockClockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+var import_jsx_runtime175 = require("react/jsx-runtime");
+var TrialUnlockClockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6005,14 +6115,14 @@ var TrialUnlockClockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime171.
 );
 
 // src/components/Icon/icons/TrimIcon.tsx
-var import_jsx_runtime172 = require("react/jsx-runtime");
-var TrimIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+var import_jsx_runtime176 = require("react/jsx-runtime");
+var TrimIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6025,14 +6135,14 @@ var TrimIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
 );
 
 // src/components/Icon/icons/TurnstileIcon.tsx
-var import_jsx_runtime173 = require("react/jsx-runtime");
-var TurnstileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
+var import_jsx_runtime177 = require("react/jsx-runtime");
+var TurnstileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6045,14 +6155,14 @@ var TurnstileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
 );
 
 // src/components/Icon/icons/UndoIcon.tsx
-var import_jsx_runtime174 = require("react/jsx-runtime");
-var UndoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+var import_jsx_runtime178 = require("react/jsx-runtime");
+var UndoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6065,14 +6175,14 @@ var UndoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
 );
 
 // src/components/Icon/icons/UnlockIcon.tsx
-var import_jsx_runtime175 = require("react/jsx-runtime");
-var UnlockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+var import_jsx_runtime179 = require("react/jsx-runtime");
+var UnlockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6085,14 +6195,14 @@ var UnlockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
 );
 
 // src/components/Icon/icons/UploadIcon.tsx
-var import_jsx_runtime176 = require("react/jsx-runtime");
-var UploadIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+var import_jsx_runtime180 = require("react/jsx-runtime");
+var UploadIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6105,14 +6215,14 @@ var UploadIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
 );
 
 // src/components/Icon/icons/UsersPermissionsIcon.tsx
-var import_jsx_runtime177 = require("react/jsx-runtime");
-var UsersPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+var import_jsx_runtime181 = require("react/jsx-runtime");
+var UsersPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6125,18 +6235,18 @@ var UsersPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime177.
 );
 
 // src/components/Icon/icons/ViewStreamIcon.tsx
-var import_jsx_runtime178 = require("react/jsx-runtime");
-var ViewStreamIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+var import_jsx_runtime182 = require("react/jsx-runtime");
+var ViewStreamIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
       "path",
       {
         clipRule: "evenodd",
-        d: "M18.333 2.66641H5.66635C3.64369 2.66641 1.99969 4.31041 1.99969 6.33307V14.9997C1.99969 17.0224 3.64369 18.6664 5.66635 18.6664H18.333C20.3556 18.6664 21.9996 17.0224 21.9996 14.9997V6.33307C21.9996 4.31041 20.3556 2.66641 18.333 2.66641ZM16.921 11.8544C16.201 12.7811 14.605 14.333 11.9997 14.333C9.39434 14.333 7.79834 12.7811 7.07835 11.8557C6.52768 11.1451 6.52768 10.1904 7.07835 9.47973C7.79834 8.55306 9.39434 7.00107 11.9997 7.00107C14.605 7.00107 16.201 8.55306 16.921 9.4784C17.473 10.1904 17.473 11.1451 16.921 11.8557V11.8544ZM17.6663 22.6664H6.33301C5.78101 22.6664 5.33301 22.2184 5.33301 21.6664C5.33301 21.1144 5.78101 20.6664 6.33301 20.6664H17.6663C18.2183 20.6664 18.6663 21.1144 18.6663 21.6664C18.6663 22.2184 18.2183 22.6664 17.6663 22.6664ZM13.9997 10.6664C13.9997 11.771 13.1042 12.6664 11.9997 12.6664C10.8951 12.6664 9.99967 11.771 9.99967 10.6664C9.99967 9.56183 10.8951 8.6664 11.9997 8.6664C13.1042 8.6664 13.9997 9.56183 13.9997 10.6664Z",
+        d: "M18.333 2.6666H5.66635C3.64369 2.6666 1.99969 4.31059 1.99969 6.33325V14.9999C1.99969 17.0226 3.64369 18.6666 5.66635 18.6666H18.333C20.3556 18.6666 21.9996 17.0226 21.9996 14.9999V6.33325C21.9996 4.31059 20.3556 2.6666 18.333 2.6666ZM16.921 11.8546C16.201 12.7812 14.605 14.3332 11.9997 14.3332C9.39434 14.3332 7.79834 12.7812 7.07834 11.8559C6.52768 11.1452 6.52768 10.1906 7.07834 9.47991C7.79834 8.55325 9.39434 7.00125 11.9997 7.00125C14.605 7.00125 16.201 8.55325 16.921 9.47858C17.473 10.1906 17.473 11.1452 16.921 11.8559V11.8546ZM17.6663 22.6665H6.33301C5.78101 22.6665 5.33301 22.2185 5.33301 21.6666C5.33301 21.1146 5.78101 20.6666 6.33301 20.6666H17.6663C18.2183 20.6666 18.6663 21.1146 18.6663 21.6666C18.6663 22.2185 18.2183 22.6665 17.6663 22.6665ZM13.9997 10.6666C13.9997 11.7711 13.1042 12.6666 11.9997 12.6666C10.8951 12.6666 9.99967 11.7711 9.99967 10.6666C9.99967 9.56201 10.8951 8.66658 11.9997 8.66658C13.1042 8.66658 13.9997 9.56201 13.9997 10.6666Z",
         fill: "currentColor",
         fillRule: "evenodd"
       }
@@ -6145,14 +6255,14 @@ var ViewStreamIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
 );
 
 // src/components/Icon/icons/VolumeIcon.tsx
-var import_jsx_runtime179 = require("react/jsx-runtime");
-var VolumeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+var import_jsx_runtime183 = require("react/jsx-runtime");
+var VolumeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
       "path",
       {
         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",
@@ -6163,14 +6273,14 @@ var VolumeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
 );
 
 // src/components/Icon/icons/VolumeOffIcon.tsx
-var import_jsx_runtime180 = require("react/jsx-runtime");
-var VolumeOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
+var import_jsx_runtime184 = require("react/jsx-runtime");
+var VolumeOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6183,14 +6293,14 @@ var VolumeOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
 );
 
 // src/components/Icon/icons/VolumeUpIcon.tsx
-var import_jsx_runtime181 = require("react/jsx-runtime");
-var VolumeUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+var import_jsx_runtime185 = require("react/jsx-runtime");
+var VolumeUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6203,14 +6313,14 @@ var VolumeUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
 );
 
 // src/components/Icon/icons/VolumeXIcon.tsx
-var import_jsx_runtime182 = require("react/jsx-runtime");
-var VolumeXIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
+var import_jsx_runtime186 = require("react/jsx-runtime");
+var VolumeXIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6223,14 +6333,14 @@ var VolumeXIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
 );
 
 // src/components/Icon/icons/WandIcon.tsx
-var import_jsx_runtime183 = require("react/jsx-runtime");
-var WandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
+var import_jsx_runtime187 = require("react/jsx-runtime");
+var WandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6243,18 +6353,18 @@ var WandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
 );
 
 // src/components/Icon/icons/WaveformIcon.tsx
-var import_jsx_runtime184 = require("react/jsx-runtime");
-var WaveformIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+var import_jsx_runtime188 = require("react/jsx-runtime");
+var WaveformIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
       "path",
       {
         clipRule: "evenodd",
-        d: "M13.6664 21.3332C13.1144 21.3332 12.6664 20.8852 12.6664 20.3332V3.66655C12.6664 3.11455 13.1144 2.66655 13.6664 2.66655C14.2184 2.66655 14.6664 3.11455 14.6664 3.66655V20.3332C14.6664 20.8852 14.2184 21.3332 13.6664 21.3332ZM5.66642 19.9999C5.11442 19.9999 4.66642 19.5519 4.66642 18.9999V4.99988C4.66642 4.44788 5.11442 3.99988 5.66642 3.99988C6.21842 3.99988 6.66642 4.44788 6.66642 4.99988V18.9999C6.66642 19.5519 6.21842 19.9999 5.66642 19.9999ZM0.66642 12.9999C0.66642 13.5519 1.11442 13.9999 1.66642 13.9999C2.21842 13.9999 2.66642 13.5519 2.66642 12.9999V10.9999C2.66642 10.4479 2.21842 9.99988 1.66642 9.99988C1.11442 9.99988 0.66642 10.4479 0.66642 10.9999V12.9999ZM20.6664 12.9999C20.6664 13.5519 21.1144 13.9999 21.6664 13.9999C22.2184 13.9999 22.6664 13.5519 22.6664 12.9999V10.9999C22.6664 10.4479 22.2184 9.99988 21.6664 9.99988C21.1144 9.99988 20.6664 10.4479 20.6664 10.9999V12.9999ZM8.66642 16.3332C8.66642 16.8852 9.11442 17.3332 9.66642 17.3332C10.2184 17.3332 10.6664 16.8852 10.6664 16.3332V7.66655C10.6664 7.11455 10.2184 6.66655 9.66642 6.66655C9.11442 6.66655 8.66642 7.11455 8.66642 7.66655V16.3332ZM16.6664 16.3332C16.6664 16.8852 17.1144 17.3332 17.6664 17.3332C18.2184 17.3332 18.6664 16.8852 18.6664 16.3332V7.66655C18.6664 7.11455 18.2184 6.66655 17.6664 6.66655C17.1144 6.66655 16.6664 7.11455 16.6664 7.66655V16.3332Z",
+        d: "M13.6666 21.3333C13.1146 21.3333 12.6666 20.8853 12.6666 20.3333V3.6666C12.6666 3.1146 13.1146 2.6666 13.6666 2.6666C14.2186 2.6666 14.6666 3.1146 14.6666 3.6666V20.3333C14.6666 20.8853 14.2186 21.3333 13.6666 21.3333ZM5.66661 19.9999C5.11461 19.9999 4.66661 19.5519 4.66661 18.9999V4.99993C4.66661 4.44793 5.11461 3.99993 5.66661 3.99993C6.21861 3.99993 6.66661 4.44793 6.66661 4.99993V18.9999C6.66661 19.5519 6.21861 19.9999 5.66661 19.9999ZM0.666611 12.9999C0.666611 13.5519 1.11461 13.9999 1.66661 13.9999C2.21861 13.9999 2.66661 13.5519 2.66661 12.9999V10.9999C2.66661 10.4479 2.21861 9.99993 1.66661 9.99993C1.11461 9.99993 0.666611 10.4479 0.666611 10.9999V12.9999ZM20.6666 12.9999C20.6666 13.5519 21.1146 13.9999 21.6666 13.9999C22.2186 13.9999 22.6666 13.5519 22.6666 12.9999V10.9999C22.6666 10.4479 22.2186 9.99993 21.6666 9.99993C21.1146 9.99993 20.6666 10.4479 20.6666 10.9999V12.9999ZM8.66661 16.3333C8.66661 16.8853 9.11461 17.3333 9.66661 17.3333C10.2186 17.3333 10.6666 16.8853 10.6666 16.3333V7.6666C10.6666 7.1146 10.2186 6.6666 9.66661 6.6666C9.11461 6.6666 8.66661 7.1146 8.66661 7.6666V16.3333ZM16.6666 16.3333C16.6666 16.8853 17.1146 17.3333 17.6666 17.3333C18.2186 17.3333 18.6666 16.8853 18.6666 16.3333V7.6666C18.6666 7.1146 18.2186 6.6666 17.6666 6.6666C17.1146 6.6666 16.6666 7.1146 16.6666 7.6666V16.3333Z",
         fill: "currentColor",
         fillRule: "evenodd"
       }
@@ -6263,14 +6373,14 @@ var WaveformIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
 );
 
 // src/components/Icon/icons/ZoomInIcon.tsx
-var import_jsx_runtime185 = require("react/jsx-runtime");
-var ZoomInIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+var import_jsx_runtime189 = require("react/jsx-runtime");
+var ZoomInIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6283,14 +6393,14 @@ var ZoomInIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
 );
 
 // src/components/Icon/icons/ZoomOutIcon.tsx
-var import_jsx_runtime186 = require("react/jsx-runtime");
-var ZoomOutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
+var import_jsx_runtime190 = require("react/jsx-runtime");
+var ZoomOutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6337,17 +6447,17 @@ var iconMap = {
   "caret-up-strong": CaretUpStrongIcon,
   channel: ChannelIcon,
   chapters: ChaptersIcon,
+  checkmark: CheckmarkIcon,
   "checkmark-circle": CheckmarkCircleIcon,
   "checkmark-circle-outline": CheckmarkCircleOutlineIcon,
-  checkmark: CheckmarkIcon,
   "checkmark-three-quaters-circle": CheckmarkThreeQuatersCircleIcon,
   "circle-slashed": CircleSlashedIcon,
   clapboard: ClapboardIcon,
   close: CloseIcon,
   "close-octagon": CloseOctagonIcon,
   "closed-captions": ClosedCaptionsIcon,
-  "collapse-diagonal": CollapseDiagonalIcon,
   collapse: CollapseIcon,
+  "collapse-diagonal": CollapseDiagonalIcon,
   comments: CommentsIcon,
   company: CompanyIcon,
   compare: CompareIcon,
@@ -6366,9 +6476,9 @@ var iconMap = {
   embed: EmbedIcon,
   envelope: EnvelopeIcon,
   error: ErrorIcon,
+  expand: ExpandIcon,
   "expand-diagonal": ExpandDiagonalIcon,
   "expand-horizontal": ExpandHorizontalIcon,
-  expand: ExpandIcon,
   "fast-forward": FastForwardIcon,
   favorite: FavoriteIcon,
   "favorite-outline": FavoriteOutlineIcon,
@@ -6387,6 +6497,7 @@ var iconMap = {
   hide: HideIcon,
   home: HomeIcon,
   hourglass: HourglassIcon,
+  import: ImportIcon,
   info: InfoIcon,
   integrations: IntegrationsIcon,
   leave: LeaveIcon,
@@ -6403,8 +6514,8 @@ var iconMap = {
   mic: MicIcon,
   "mic-off": MicOffIcon,
   minimize: MinimizeIcon,
-  "minus-circle": MinusCircleIcon,
   minus: MinusIcon,
+  "minus-circle": MinusCircleIcon,
   mobile: MobileIcon,
   "more-options": MoreOptionsIcon,
   "move-left": MoveLeftIcon,
@@ -6436,14 +6547,16 @@ var iconMap = {
   "question-mark": QuestionMarkIcon,
   react: ReactIcon,
   record: RecordIcon,
+  "record-group": RecordGroupIcon,
   redo: RedoIcon,
   refresh: RefreshIcon,
   replace: ReplaceIcon,
   reply: ReplyIcon,
+  "request-video": RequestVideoIcon,
   "revert-to-original": RevertToOriginalIcon,
   rewind: RewindIcon,
-  "save-as-copy": SaveAsCopyIcon,
   save: SaveIcon,
+  "save-as-copy": SaveAsCopyIcon,
   scissors: ScissorsIcon,
   "screenshare-off": ScreenshareOffIcon,
   "screenshare-on": ScreenshareOnIcon,
@@ -6468,6 +6581,7 @@ var iconMap = {
   transcript: TranscriptIcon,
   transitions: TransitionsIcon,
   transparency: TransparencyIcon,
+  trends: TrendsIcon,
   "trial-unlock-clock": TrialUnlockClockIcon,
   trim: TrimIcon,
   turnstile: TurnstileIcon,
@@ -6504,7 +6618,7 @@ var useResponsiveProp = (values) => {
 };
 
 // src/components/Icon/Icon.tsx
-var import_jsx_runtime187 = require("react/jsx-runtime");
+var import_jsx_runtime191 = require("react/jsx-runtime");
 var iconSizeMap = {
   sm: "12",
   md: "16",
@@ -6541,7 +6655,7 @@ var Icon = ({
     ...style
   };
   const iconColor = invertColor ? "var(--wui-color-icon-on-fill)" : "var(--wui-color-icon)";
-  return /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
     StyledIcon,
     {
       $colorScheme: colorScheme,
@@ -6565,7 +6679,7 @@ var import_react12 = require("react");
 var import_type_guards12 = require("@wistia/type-guards");
 var import_styled_components19 = __toESM(require("styled-components"));
 var import_react_router_dom = require("react-router-dom");
-var import_jsx_runtime188 = require("react/jsx-runtime");
+var import_jsx_runtime192 = require("react/jsx-runtime");
 var generateHref = (href, type, disabled) => {
   if (disabled || (0, import_type_guards12.isNil)(href)) {
     return void 0;
@@ -6645,7 +6759,7 @@ var Link = (0, import_react12.forwardRef)(
       onClick: handleClick
     };
     if (isButton(props)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
         StyledLink,
         {
           ref,
@@ -6665,7 +6779,7 @@ var Link = (0, import_react12.forwardRef)(
         ...commonProps,
         ...externalLinkProps
       };
-      return inRouterContext && type !== "external" ? /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
+      return inRouterContext && type !== "external" ? /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
         StyledLink,
         {
           as: import_react_router_dom.Link,
@@ -6673,7 +6787,7 @@ var Link = (0, import_react12.forwardRef)(
           to: to ?? "",
           children
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)(
         StyledLink,
         {
           as: "a",
@@ -6693,7 +6807,7 @@ var Link = (0, import_react12.forwardRef)(
 Link.displayName = "Link";
 
 // src/components/Button/Button.tsx
-var import_jsx_runtime189 = require("react/jsx-runtime");
+var import_jsx_runtime193 = require("react/jsx-runtime");
 var isLink2 = (props) => (0, import_type_guards13.isNotUndefined)(props.href);
 var StyledButton = import_styled_components20.default.button`
   ${buttonResetCss}
@@ -6729,9 +6843,9 @@ var ButtonContent = ({
   rightIcon,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)(import_jsx_runtime189.Fragment, { children: [
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(StyledButtonLoading, { children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(Icon, { type: "spinner" }) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)(import_jsx_runtime193.Fragment, { children: [
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(StyledButtonLoading, { children: /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(Icon, { type: "spinner" }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)(
       StyledButtonContent,
       {
         $hasLeftIcon: (0, import_type_guards13.isNotNil)(leftIcon),
@@ -6739,7 +6853,7 @@ var ButtonContent = ({
         $isLoading: isLoading,
         children: [
           leftIcon ?? null,
-          /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(StyledButtonContentLabel, { children }),
+          /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(StyledButtonContentLabel, { children }),
           rightIcon ?? null
         ]
       }
@@ -6779,14 +6893,14 @@ var Button = (0, import_react13.forwardRef)(
       commonProps.className = `${className ?? ""} force-state-${forceState}`;
     }
     if (isLink2(props)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
         StyledButton,
         {
           ref,
           as: Link,
           ...props,
           ...commonProps,
-          children: unstyled ? children : /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
+          children: unstyled ? children : /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
             ButtonContent,
             {
               isLoading,
@@ -6807,7 +6921,7 @@ var Button = (0, import_react13.forwardRef)(
         onClick(event);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
       StyledButton,
       {
         ref,
@@ -6815,7 +6929,7 @@ var Button = (0, import_react13.forwardRef)(
         type: "button",
         ...props,
         ...commonProps,
-        children: unstyled ? children : /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
+        children: unstyled ? children : /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
           ButtonContent,
           {
             isLoading,
@@ -6831,7 +6945,7 @@ var Button = (0, import_react13.forwardRef)(
 Button.displayName = "Button";
 
 // src/components/ActionButton/ActionButton.tsx
-var import_jsx_runtime190 = require("react/jsx-runtime");
+var import_jsx_runtime194 = require("react/jsx-runtime");
 var StyledActionButton = (0, import_styled_components21.default)(Button)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   display: grid;
@@ -6942,7 +7056,7 @@ var ActionButton = (0, import_react14.forwardRef)(
       "menu-up": "caret-up",
       "menu-down": "caret-down"
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)(
       StyledActionButton,
       {
         ...props,
@@ -6952,15 +7066,15 @@ var ActionButton = (0, import_react14.forwardRef)(
         disabled,
         unstyled: true,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(StyledMainIcon, { children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(StyledSecondaryIcon, { $hideUntilHover: variant === "default", children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(StyledMainIcon, { children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(StyledSecondaryIcon, { $hideUntilHover: variant === "default", children: /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
             Icon,
             {
               colorScheme: variant === "gated" ? "purple" : "inherit",
               type: secondaryIconMap[variant]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(StyledLabel, { $disabled: disabled, children })
+          /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(StyledLabel, { $disabled: disabled, children })
         ]
       }
     );
@@ -6975,7 +7089,7 @@ var import_styled_components23 = __toESM(require("styled-components"));
 
 // src/components/ColorSchemeWrapper/ColorSchemeWrapper.tsx
 var import_styled_components22 = __toESM(require("styled-components"));
-var import_jsx_runtime191 = require("react/jsx-runtime");
+var import_jsx_runtime195 = require("react/jsx-runtime");
 var colorSchemeOptions = [
   "inherit",
   "default",
@@ -7001,7 +7115,7 @@ var ColorSchemeWrapper = ({
   colorScheme = "inherit",
   children,
   ...otherProps
-}) => /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
   StyledColorSchemeWrapper,
   {
     $colorScheme: colorScheme,
@@ -7027,7 +7141,7 @@ var formatNameForDisplay = (name) => {
 };
 
 // src/components/Avatar/Avatar.tsx
-var import_jsx_runtime192 = require("react/jsx-runtime");
+var import_jsx_runtime196 = require("react/jsx-runtime");
 var AvatarImage = import_styled_components23.default.img`
   align-items: center;
   background-color: white;
@@ -7116,19 +7230,19 @@ var Avatar = ({
   const avatarSize = heightAndWidth ?? avatarSizeMap[size];
   const avatarColor = (0, import_react15.useMemo)(() => chooseColorScheme(name), [name]);
   const showInitials = (0, import_type_guards15.isNil)(imageUrl) || imageLoadState === "error";
-  return /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
     AvatarWrapper,
     {
       ...otherProps,
       $maxHeight: avatarSize,
-      children: showInitials ? /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
+      children: showInitials ? /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
         InitialsContainer,
         {
           $colorScheme: avatarColor,
           $heightAndWidth: avatarSize,
           children: formatNameForDisplay(name)
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
         AvatarImage,
         {
           $heightAndWidth: avatarSize,
@@ -7147,7 +7261,7 @@ Avatar.displayName = "Avatar";
 var import_react16 = require("react");
 var import_styled_components24 = __toESM(require("styled-components"));
 var import_type_guards16 = require("@wistia/type-guards");
-var import_jsx_runtime193 = require("react/jsx-runtime");
+var import_jsx_runtime197 = require("react/jsx-runtime");
 var StyledBadge = import_styled_components24.default.div`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   align-items: center;
@@ -7171,7 +7285,7 @@ var StyledBadge = import_styled_components24.default.div`
 var Badge = (0, import_react16.forwardRef)(
   ({ colorScheme = "inherit", label, icon, ...otherProps }, ref) => {
     const hasIcon = (0, import_type_guards16.isNotNil)(icon);
-    return /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)(
       StyledBadge,
       {
         ref,
@@ -7180,7 +7294,7 @@ var Badge = (0, import_react16.forwardRef)(
         $hasIcon: hasIcon,
         children: [
           hasIcon ? icon : null,
-          /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("span", { children: label })
+          /* @__PURE__ */ (0, import_jsx_runtime197.jsx)("span", { children: label })
         ]
       }
     );
@@ -7199,7 +7313,7 @@ var makePolymorphic = (component) => {
 };
 
 // src/components/Box/Box.tsx
-var import_jsx_runtime194 = require("react/jsx-runtime");
+var import_jsx_runtime198 = require("react/jsx-runtime");
 var isDev = process.env["NODE_ENV"] === "development" || process.env["NODE_ENV"] === "test";
 var getGapStyle = (gap) => {
   if ((0, import_type_guards17.isNotNil)(gap)) {
@@ -7323,7 +7437,7 @@ var BoxComponent = (0, import_react17.forwardRef)(
         );
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
       StyledBoxComponent,
       {
         ref,
@@ -7356,7 +7470,7 @@ var Box = makePolymorphic(BoxComponent);
 // src/components/Breadcrumbs/Breadcrumbs.tsx
 var import_react18 = require("react");
 var import_styled_components26 = __toESM(require("styled-components"));
-var import_jsx_runtime195 = require("react/jsx-runtime");
+var import_jsx_runtime199 = require("react/jsx-runtime");
 var StyledBreadcrumbs = import_styled_components26.default.nav`
   display: flex;
   align-items: center;
@@ -7375,8 +7489,8 @@ var Breadcrumbs = ({ children, ...props }) => {
     crumbs = crumbs.slice(-1);
   }
   const crumbMaxWidth = Math.floor(100 / crumbs.length) - BUFFER_WIDTH;
-  return /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(import_jsx_runtime195.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("style", { type: "text/css", children: `
+  return /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)(import_jsx_runtime199.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("style", { type: "text/css", children: `
        [data-wui-breadcrumbs] {
           container-type: inline-size;
           container-name: breadcrumbs;
@@ -7388,7 +7502,7 @@ var Breadcrumbs = ({ children, ...props }) => {
           }
         }
      ` }),
-    /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
       StyledBreadcrumbs,
       {
         "aria-label": "Breadcrumbs",
@@ -7403,7 +7517,7 @@ Breadcrumbs.displayName = "Breadcrumbs";
 
 // src/components/Breadcrumbs/Breadcrumb.tsx
 var import_styled_components27 = __toESM(require("styled-components"));
-var import_jsx_runtime196 = require("react/jsx-runtime");
+var import_jsx_runtime200 = require("react/jsx-runtime");
 var BreadcrumbContent = import_styled_components27.default.span`
   overflow: hidden;
   white-space: nowrap;
@@ -7413,18 +7527,18 @@ var BreadcrumbContent = import_styled_components27.default.span`
   flex: 0;
 `;
 var Breadcrumb = ({ icon, href, children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)(import_jsx_runtime196.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(import_jsx_runtime200.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
       Button,
       {
         ...props,
         href,
         leftIcon: icon,
         variant: "ghost",
-        children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(BreadcrumbContent, { "data-wui-breadcrumb": true, children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(BreadcrumbContent, { "data-wui-breadcrumb": true, children })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("div", { "data-wui-breadcrumb-divider": true, children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("div", { "data-wui-breadcrumb-divider": true, children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
       Icon,
       {
         size: "sm",
@@ -7438,7 +7552,7 @@ var Breadcrumb = ({ icon, href, children, ...props }) => {
 // src/components/ButtonGroup/ButtonGroup.tsx
 var import_styled_components28 = __toESM(require("styled-components"));
 var import_type_guards18 = require("@wistia/type-guards");
-var import_jsx_runtime197 = require("react/jsx-runtime");
+var import_jsx_runtime201 = require("react/jsx-runtime");
 var getAlignment = (align) => {
   if (align === "center") {
     return "center";
@@ -7486,7 +7600,7 @@ var ButtonGroup = ({
   if ((0, import_type_guards18.isNil)(children)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
     ButtonGroupComponent,
     {
       $align: align,
@@ -7501,7 +7615,7 @@ ButtonGroup.displayName = "ButtonGroup";
 
 // src/components/Card/Card.tsx
 var import_styled_components29 = __toESM(require("styled-components"));
-var import_jsx_runtime198 = require("react/jsx-runtime");
+var import_jsx_runtime202 = require("react/jsx-runtime");
 var StyledCard = (0, import_styled_components29.default)(Box)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   box-sizing: border-box;
@@ -7539,7 +7653,7 @@ var Card = ({
   height,
   width,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
   StyledCard,
   {
     $backgroundColor: prominenceMap[prominence].backgroundColor,
@@ -7568,7 +7682,7 @@ var import_type_guards21 = require("@wistia/type-guards");
 // src/private/components/FormControlLabel/FormControlLabelDescription.tsx
 var import_styled_components30 = __toESM(require("styled-components"));
 var import_type_guards19 = require("@wistia/type-guards");
-var import_jsx_runtime199 = require("react/jsx-runtime");
+var import_jsx_runtime203 = require("react/jsx-runtime");
 var disabledStyle = import_styled_components30.css`
   color: var(--wui-color-text-disabled);
 `;
@@ -7590,7 +7704,7 @@ var FormControlLabelDescription = ({
   if ((0, import_type_guards19.isNil)(children)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
     StyledFormControlLabelDescription,
     {
       ...props,
@@ -7604,7 +7718,7 @@ FormControlLabelDescription.displayName = "FormControlLabelDescription";
 // src/components/ScreenReaderOnly/ScreenReaderOnly.tsx
 var import_styled_components31 = __toESM(require("styled-components"));
 var import_type_guards20 = require("@wistia/type-guards");
-var import_jsx_runtime200 = require("react/jsx-runtime");
+var import_jsx_runtime204 = require("react/jsx-runtime");
 var VisuallyHidden = import_styled_components31.default.div({ ...visuallyHiddenStyle });
 var VisuallyHiddenButFocusable = import_styled_components31.default.div({
   "&:not(:focus-within)": visuallyHiddenStyle
@@ -7617,14 +7731,14 @@ var ScreenReaderOnly = ({
 }) => {
   const accessibleText = (0, import_type_guards20.isNotNil)(text) ? text : children;
   if (focusable) {
-    return /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(VisuallyHiddenButFocusable, { ...otherProps, children: accessibleText });
+    return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(VisuallyHiddenButFocusable, { ...otherProps, children: accessibleText });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(VisuallyHidden, { ...otherProps, children: accessibleText });
+  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(VisuallyHidden, { ...otherProps, children: accessibleText });
 };
 ScreenReaderOnly.displayName = "ScreenReaderOnly";
 
 // src/private/components/FormControlLabel/FormControlLabel.tsx
-var import_jsx_runtime201 = require("react/jsx-runtime");
+var import_jsx_runtime205 = require("react/jsx-runtime");
 var disabledStyle2 = import_styled_components32.css`
   cursor: not-allowed;
   color: var(--wui-color-text-disabled);
@@ -7658,11 +7772,11 @@ var FormControlLabel = ({
   if ((0, import_type_guards21.isNil)(label)) {
     return null;
   }
-  const labelContent = hideLabel ? /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(ScreenReaderOnly, { children: label }) : /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(StyledLabelWrapper, { children: [
+  const labelContent = hideLabel ? /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(ScreenReaderOnly, { children: label }) : /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(StyledLabelWrapper, { children: [
     label,
-    /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(FormControlLabelDescription, { children: description })
+    /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(FormControlLabelDescription, { children: description })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(
     StyledFormControlLabel,
     {
       $disabled: disabled,
@@ -7678,8 +7792,8 @@ var FormControlLabel = ({
 FormControlLabel.displayName = "FormControlLabel";
 
 // src/components/Checkbox/Checkbox.tsx
-var import_jsx_runtime202 = require("react/jsx-runtime");
-var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+var import_jsx_runtime206 = require("react/jsx-runtime");
+var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
   "svg",
   {
     fill: "inherit",
@@ -7687,7 +7801,7 @@ var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
     viewBox: "0 0 10 8",
     width: "10",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
       "path",
       {
         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",
@@ -7794,8 +7908,8 @@ var Checkbox = (0, import_react19.forwardRef)(
   }, ref) => {
     const generatedId = (0, import_react19.useId)();
     const computedId = (0, import_type_guards22.isNonEmptyString)(id) ? id : `wistia-ui-checkbox-${generatedId}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)(StyledCheckboxWrapper, { disabled, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(StyledCheckboxWrapper, { disabled, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
         StyledHiddenCheckboxInput,
         {
           ...props,
@@ -7810,16 +7924,16 @@ var Checkbox = (0, import_react19.forwardRef)(
           value
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
         FormControlLabel,
         {
-          controlSlot: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+          controlSlot: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
             StyledCheckboxInput,
             {
               $disabled: disabled,
               $size: size,
               "data-wui-faux-input": "true",
-              children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(CheckIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(CheckIcon, {})
             }
           ),
           description,
@@ -7873,7 +7987,7 @@ ClickRegion.displayName = "ClickRegion";
 var import_react_collapsible = require("@radix-ui/react-collapsible");
 var import_type_guards23 = require("@wistia/type-guards");
 var import_styled_components34 = __toESM(require("styled-components"));
-var import_jsx_runtime203 = require("react/jsx-runtime");
+var import_jsx_runtime207 = require("react/jsx-runtime");
 var StyledRoot = (0, import_styled_components34.default)(import_react_collapsible.Root)`
   &[data-state='closed'] [data-wui-collapsible-content] {
     display: -webkit-box;
@@ -7890,32 +8004,32 @@ var Collapsible = ({
   const controlProps = {
     ...(0, import_type_guards23.isNotNil)(onOpenChange) && (0, import_type_guards23.isNotNil)(isOpen) ? { open: isOpen, onOpenChange } : {}
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(StyledRoot, { ...controlProps, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(StyledRoot, { ...controlProps, children });
 };
 Collapsible.displayName = "Collapsible";
 
 // src/components/Collapsible/CollapsibleTrigger.tsx
 var import_react21 = require("react");
 var import_react_collapsible2 = require("@radix-ui/react-collapsible");
-var import_jsx_runtime204 = require("react/jsx-runtime");
+var import_jsx_runtime208 = require("react/jsx-runtime");
 var CollapsibleTrigger = ({ children }) => {
   import_react21.Children.only(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(import_react_collapsible2.Trigger, { asChild: true, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(import_react_collapsible2.Trigger, { asChild: true, children });
 };
 
 // src/components/Collapsible/CollapsibleContent.tsx
 var import_styled_components35 = __toESM(require("styled-components"));
 var import_react_collapsible3 = require("@radix-ui/react-collapsible");
 var import_type_guards24 = require("@wistia/type-guards");
-var import_jsx_runtime205 = require("react/jsx-runtime");
+var import_jsx_runtime209 = require("react/jsx-runtime");
 var ClampedContent = import_styled_components35.default.div.attrs({ "data-wui-collapsible-content": true })`
   --wui-collapsible-content-clamp-lines: ${({ $clamp }) => $clamp};
 `;
 var CollapsibleContent = ({ clamp, children }) => {
   if ((0, import_type_guards24.isNotUndefined)(clamp)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(ClampedContent, { $clamp: clamp, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(ClampedContent, { $clamp: clamp, children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(import_react_collapsible3.Content, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(import_jsx_runtime205.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(import_react_collapsible3.Content, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(import_jsx_runtime209.Fragment, { children: [
     children,
     " "
   ] }) });
@@ -7928,7 +8042,7 @@ var import_type_guards25 = require("@wistia/type-guards");
 // src/components/Heading/Heading.tsx
 var import_react22 = require("react");
 var import_styled_components36 = __toESM(require("styled-components"));
-var import_jsx_runtime206 = require("react/jsx-runtime");
+var import_jsx_runtime210 = require("react/jsx-runtime");
 var heroStyle = import_styled_components36.css`
   --font-family: var(--wui-typography-heading-hero-family);
   --font-size: var(--wui-typography-heading-hero-size);
@@ -8024,7 +8138,7 @@ var HeadingComponent = (0, import_react22.forwardRef)(
     variant = "heading1",
     renderAs,
     ...otherProps
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
     StyledHeading,
     {
       ref,
@@ -8044,7 +8158,7 @@ HeadingComponent.displayName = "Heading";
 var Heading = makePolymorphic(HeadingComponent);
 
 // src/components/DataCards/DataCard.tsx
-var import_jsx_runtime207 = require("react/jsx-runtime");
+var import_jsx_runtime211 = require("react/jsx-runtime");
 var StyledDataCard = import_styled_components37.default.div`
   ${({ $colorScheme }) => getColorScheme($colorScheme)}
   display: grid;
@@ -8110,30 +8224,30 @@ var DataCard = ({
   isLoading = false,
   trend,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
   StyledDataCard,
   {
     $colorScheme: colorScheme,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
         StyledLabel2,
         {
           renderAs: "dt",
           variant: "heading6",
-          children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(StyledLoadingLabel, {}) : label
+          children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(StyledLoadingLabel, {}) : label
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
         StyledValue,
         {
           renderAs: "dd",
           variant: "heading3",
-          children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(StyledLoadingValue, {}) : value
+          children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(StyledLoadingValue, {}) : value
         }
       ),
-      (0, import_type_guards25.isNotNull)(upperRightSlot) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(StyledSlot, { children: upperRightSlot }),
-      (0, import_type_guards25.isNotNull)(trend) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(StyledDataCardTrendContainer, { children: trend })
+      (0, import_type_guards25.isNotNull)(upperRightSlot) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(StyledSlot, { children: upperRightSlot }),
+      (0, import_type_guards25.isNotNull)(trend) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(StyledDataCardTrendContainer, { children: trend })
     ]
   }
 );
@@ -8141,7 +8255,7 @@ DataCard.displayName = "DataCard";
 
 // src/components/DataCards/DataCards.tsx
 var import_styled_components38 = __toESM(require("styled-components"));
-var import_jsx_runtime208 = require("react/jsx-runtime");
+var import_jsx_runtime212 = require("react/jsx-runtime");
 var StyledDataCards = (0, import_styled_components38.default)(Box)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   margin-top: 0; /* Remove default <dl> style */
@@ -8156,7 +8270,7 @@ var DataCards = ({
   colorScheme = "inherit",
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
     StyledDataCards,
     {
       ...props,
@@ -8179,7 +8293,7 @@ var import_styled_components40 = __toESM(require("styled-components"));
 // src/components/Text/Text.tsx
 var import_react23 = require("react");
 var import_styled_components39 = __toESM(require("styled-components"));
-var import_jsx_runtime209 = require("react/jsx-runtime");
+var import_jsx_runtime213 = require("react/jsx-runtime");
 var bodyBoldStyles = import_styled_components39.css`
   > strong,
   b {
@@ -8356,7 +8470,7 @@ var TextComponent = (0, import_react23.forwardRef)(
     renderAs,
     ...otherProps
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
       StyledText,
       {
         ref,
@@ -8378,7 +8492,7 @@ TextComponent.displayName = "Text";
 var Text = makePolymorphic(TextComponent);
 
 // src/components/DataCards/DataCardTrend.tsx
-var import_jsx_runtime210 = require("react/jsx-runtime");
+var import_jsx_runtime214 = require("react/jsx-runtime");
 var StyledDataCardTrend = import_styled_components40.default.div`
   ${({ $outlook }) => getColorScheme($outlook === "positive" ? "success" : "error")};
   background: var(--wui-color-bg-app);
@@ -8394,8 +8508,8 @@ var DataCardTrend = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(StyledDataCardTrend, { $outlook: outlook, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(StyledDataCardTrend, { $outlook: outlook, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
       Icon,
       {
         size: "md",
@@ -8403,7 +8517,7 @@ var DataCardTrend = ({
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
       Text,
       {
         prominence: "secondary",
@@ -8416,7 +8530,7 @@ var DataCardTrend = ({
 
 // src/components/Divider/Divider.tsx
 var import_styled_components41 = __toESM(require("styled-components"));
-var import_jsx_runtime211 = require("react/jsx-runtime");
+var import_jsx_runtime215 = require("react/jsx-runtime");
 var horizontalBorderCss = import_styled_components41.css`
   border-top-color: var(--wui-color-border);
   border-top-style: solid;
@@ -8445,7 +8559,7 @@ var Divider = ({
   orientation = "horizontal",
   ...otherProps
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
     DividerComponent,
     {
       $orientation: orientation,
@@ -8464,7 +8578,7 @@ var import_react25 = require("react");
 // src/components/Tooltip/Tooltip.tsx
 var import_react_tooltip2 = require("@radix-ui/react-tooltip");
 var import_styled_components42 = __toESM(require("styled-components"));
-var import_jsx_runtime212 = require("react/jsx-runtime");
+var import_jsx_runtime216 = require("react/jsx-runtime");
 var CompactTooltipStyles = import_styled_components42.css`
   --tooltip-font-size: var(--wui-typography-label-4-size);
   --tooltip-line-height: var(--wui-typography-label-4-line-height);
@@ -8531,14 +8645,14 @@ var Tooltip = ({
   if (forceOpen === true) {
     rootProps.open = true;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(
     import_react_tooltip2.Root,
     {
       delayDuration: delay,
       ...rootProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_react_tooltip2.Trigger, { asChild: true, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_react_tooltip2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(import_react_tooltip2.Trigger, { asChild: true, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(import_react_tooltip2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(
           StyledContent,
           {
             $compact: compact,
@@ -8546,7 +8660,7 @@ var Tooltip = ({
             sideOffset: hideArrow ? VISUAL_OFFSET : VISUAL_OFFSET - 2,
             children: [
               content,
-              !hideArrow ? /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_react_tooltip2.Arrow, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+              !hideArrow ? /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(import_react_tooltip2.Arrow, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
                 "svg",
                 {
                   fill: "var(--tooltip-bg)",
@@ -8555,7 +8669,7 @@ var Tooltip = ({
                   viewBox: "0 0 12 8",
                   width: "12",
                   xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime212.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" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("path", { d: "M6.8 6.93333C6.4 7.46667 5.6 7.46667 5.2 6.93333L-2.54292e-07 -1.04907e-06L12 0L6.8 6.93333Z" })
                 }
               ) }) : null
             ]
@@ -8571,7 +8685,7 @@ Tooltip.displayName = "Tooltip";
 var import_react24 = require("react");
 var import_styled_components43 = __toESM(require("styled-components"));
 var import_type_guards26 = require("@wistia/type-guards");
-var import_jsx_runtime213 = require("react/jsx-runtime");
+var import_jsx_runtime217 = require("react/jsx-runtime");
 var inputStyles = import_styled_components43.css`
   --wui-input-color-bg: var(--wui-color-bg-surface);
   --wui-input-color-bg-disabled: var(--wui-color-bg-surface-disabled);
@@ -8674,7 +8788,7 @@ var Input = (0, import_react24.forwardRef)(
     );
     let leftIconToDisplay = leftIcon;
     if ((0, import_type_guards26.isNil)(leftIcon) && type === "search") {
-      leftIconToDisplay = /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Icon, { type: "search" });
+      leftIconToDisplay = /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Icon, { type: "search" });
     }
     if ((0, import_type_guards26.isNotNil)(leftIconToDisplay)) {
       leftIconToDisplay = (0, import_react24.cloneElement)(leftIconToDisplay, {
@@ -8699,21 +8813,21 @@ var Input = (0, import_react24.forwardRef)(
         });
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(
       StyledInputContainer,
       {
         $fullWidth: fullWidth,
         $monospace: monospace,
         children: [
           leftIconToDisplay ?? null,
-          type === "multiline" ? /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+          type === "multiline" ? /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
             "textarea",
             {
               ...props,
               ref,
               onFocus: handleFocus
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
             "input",
             {
               ...props,
@@ -8731,7 +8845,7 @@ var Input = (0, import_react24.forwardRef)(
 Input.displayName = "Input";
 
 // src/components/EditableHeading/EditableHeading.tsx
-var import_jsx_runtime214 = require("react/jsx-runtime");
+var import_jsx_runtime218 = require("react/jsx-runtime");
 var StyledInput = (0, import_styled_components44.default)(Input)`
   :not([rows]) {
     min-height: unset;
@@ -8816,7 +8930,7 @@ var EditableHeading = ({
       handleSetEditing(false);
     }
   };
-  const HeadingComponent2 = /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+  const HeadingComponent2 = /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
     StyledHeading2,
     {
       ref: headingRef,
@@ -8830,7 +8944,7 @@ var EditableHeading = ({
     return HeadingComponent2;
   }
   if (isEditing || forceEditing) {
-    return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
       StyledInput,
       {
         $height: headingHeight,
@@ -8848,8 +8962,8 @@ var EditableHeading = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(import_jsx_runtime214.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(import_jsx_runtime218.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
       Tooltip,
       {
         compact: true,
@@ -8857,7 +8971,7 @@ var EditableHeading = ({
         children: HeadingComponent2
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(ScreenReaderOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(ScreenReaderOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
       "button",
       {
         "aria-label": ariaLabel,
@@ -8876,7 +8990,7 @@ var import_type_guards27 = require("@wistia/type-guards");
 // src/components/Stack/Stack.tsx
 var import_react26 = require("react");
 var import_styled_components45 = __toESM(require("styled-components"));
-var import_jsx_runtime215 = require("react/jsx-runtime");
+var import_jsx_runtime219 = require("react/jsx-runtime");
 var DEFAULT_ELEMENT4 = "div";
 var StyledStack = import_styled_components45.default.div`
   display: flex;
@@ -8889,7 +9003,7 @@ var StackComponent = (0, import_react26.forwardRef)(
     const responsiveGap = useResponsiveProp(gap);
     const responsiveDirection = useResponsiveProp(direction);
     const responsiveAlignItems = useResponsiveProp(alignItems);
-    return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
       StyledStack,
       {
         ref,
@@ -8906,7 +9020,7 @@ StackComponent.displayName = "Stack";
 var Stack = makePolymorphic(StackComponent);
 
 // src/components/Form/Form.tsx
-var import_jsx_runtime216 = require("react/jsx-runtime");
+var import_jsx_runtime220 = require("react/jsx-runtime");
 var StyledForm = import_styled_components46.default.form`
   --form-default-width: 690px;
 
@@ -8986,7 +9100,7 @@ var FormComponent = ({
   }, [labelPosition, values, errors, id, hasSubmitted]);
   return (
     // @ts-expect-error - generic context providers are a giant pain
-    /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(FormContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(FormContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
       Stack,
       {
         ...props,
@@ -9045,9 +9159,9 @@ var useFormState = (action, initialData = {}) => {
 // src/components/Form/FormErrorSummary.tsx
 var import_react29 = require("react");
 var import_type_guards28 = require("@wistia/type-guards");
-var import_jsx_runtime217 = require("react/jsx-runtime");
+var import_jsx_runtime221 = require("react/jsx-runtime");
 var ErrorItem = ({ name, error, formId }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Link, { href: `#${formId}-${name}`, children: error }) }, name);
+  return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Link, { href: `#${formId}-${name}`, children: error }) }, name);
 };
 var FormErrorSummary = ({ description }) => {
   const ref = (0, import_react29.useRef)(null);
@@ -9056,10 +9170,10 @@ var FormErrorSummary = ({ description }) => {
   if (isValid || !hasSubmitted) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { ref, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("p", { children: description }),
-    /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("ul", { children: Object.entries(errors).filter(([, error]) => (0, import_type_guards28.isNotUndefined)(error)).map(
-      ([name, error]) => (0, import_type_guards28.isArray)(error) ? error.map((err) => /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("p", { children: description }),
+    /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("ul", { children: Object.entries(errors).filter(([, error]) => (0, import_type_guards28.isNotUndefined)(error)).map(
+      ([name, error]) => (0, import_type_guards28.isArray)(error) ? error.map((err) => /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
         ErrorItem,
         {
           error: err,
@@ -9067,7 +9181,7 @@ var FormErrorSummary = ({ description }) => {
           name
         },
         err
-      )) : /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+      )) : /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
         ErrorItem,
         {
           error: error ?? "",
@@ -9087,7 +9201,7 @@ var import_type_guards29 = require("@wistia/type-guards");
 
 // src/components/Label/Label.tsx
 var import_styled_components47 = __toESM(require("styled-components"));
-var import_jsx_runtime218 = require("react/jsx-runtime");
+var import_jsx_runtime222 = require("react/jsx-runtime");
 var requiredStyle = import_styled_components47.css`
   &::after {
     color: var(--wui-color-text-error);
@@ -9131,7 +9245,7 @@ var Label = ({
   screenReaderOnly = false,
   ...otherProps
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
     StyledLabel3,
     {
       ...otherProps,
@@ -9151,7 +9265,7 @@ var import_react31 = require("react");
 // src/components/FormGroup/FormGroup.tsx
 var import_styled_components48 = __toESM(require("styled-components"));
 var import_react30 = require("react");
-var import_jsx_runtime219 = require("react/jsx-runtime");
+var import_jsx_runtime223 = require("react/jsx-runtime");
 var StyledFieldset = import_styled_components48.default.fieldset`
   border: 0;
 `;
@@ -9160,14 +9274,14 @@ var StyledLegend = import_styled_components48.default.legend`
 `;
 var FormGroup = ({ children, label, ...props }) => {
   const ref = (0, import_react30.useRef)();
-  return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
     Stack,
     {
       ...props,
       ref,
       renderAs: StyledFieldset,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
           Heading,
           {
             renderAs: StyledLegend,
@@ -9183,7 +9297,7 @@ var FormGroup = ({ children, label, ...props }) => {
 FormGroup.displayName = "FormGroup";
 
 // src/components/FormGroup/CheckboxGroup.tsx
-var import_jsx_runtime220 = require("react/jsx-runtime");
+var import_jsx_runtime224 = require("react/jsx-runtime");
 var CheckboxGroupContext = (0, import_react31.createContext)(null);
 var CheckboxGroup = ({
   children,
@@ -9198,12 +9312,12 @@ var CheckboxGroup = ({
       onChange
     };
   }, [name, onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(FormGroup, { ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(FormGroup, { ...props, children }) });
 };
 CheckboxGroup.displayName = "CheckboxGroup";
 
 // src/components/FormField/FormField.tsx
-var import_jsx_runtime221 = require("react/jsx-runtime");
+var import_jsx_runtime225 = require("react/jsx-runtime");
 var StyledFormField = import_styled_components49.default.div`
   --form-field-spacing: var(--wui-space-01);
   --form-field-spacing-inline: var(--wui-space-02);
@@ -9244,7 +9358,7 @@ var StyledErrorList = import_styled_components49.default.ul`
 `;
 var ErrorMessages = ({ errors, id }) => {
   const isMultipleErrors = (0, import_type_guards29.isArray)(errors);
-  return isMultipleErrors ? /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(StyledErrorList, { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
+  return isMultipleErrors ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(StyledErrorList, { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
     Text,
     {
       colorScheme: "error",
@@ -9254,7 +9368,7 @@ var ErrorMessages = ({ errors, id }) => {
       children: error
     },
     `${id}-${index}`
-  )) }) : /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
+  )) }) : /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
     Text,
     {
       colorScheme: "error",
@@ -9313,17 +9427,17 @@ var FormField = ({
     };
   }
   import_react32.Children.only(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
     StyledFormField,
     {
       ...props,
       "data-label-position": labelPosition ?? formState.labelPosition,
       children: [
-        !isIntegratedLabel && /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Label, { htmlFor: computedId, children: label }),
+        !isIntegratedLabel && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Label, { htmlFor: computedId, children: label }),
         (0, import_react32.cloneElement)(children, childProps),
-        (0, import_type_guards29.isNotNil)(computedError) ? /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(import_jsx_runtime221.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
+        (0, import_type_guards29.isNotNil)(computedError) ? /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(import_jsx_runtime225.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
             ErrorMessages,
             {
               errors: computedError,
@@ -9339,7 +9453,7 @@ FormField.displayName = "FormField";
 
 // src/components/FormGroup/RadioGroup.tsx
 var import_react33 = require("react");
-var import_jsx_runtime222 = require("react/jsx-runtime");
+var import_jsx_runtime226 = require("react/jsx-runtime");
 var RadioGroupContext = (0, import_react33.createContext)(null);
 var RadioGroup = ({
   children,
@@ -9354,14 +9468,14 @@ var RadioGroup = ({
       onChange
     };
   }, [name, onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(RadioGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(FormGroup, { ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(RadioGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(FormGroup, { ...props, children }) });
 };
 RadioGroup.displayName = "RadioGroup";
 
 // src/components/IconButton/IconButton.tsx
 var import_react34 = require("react");
 var import_styled_components50 = __toESM(require("styled-components"));
-var import_jsx_runtime223 = require("react/jsx-runtime");
+var import_jsx_runtime227 = require("react/jsx-runtime");
 var StyledButton2 = (0, import_styled_components50.default)(Button)`
   --icon-button-size-sm: 24px;
   --icon-button-size-md: 32px;
@@ -9379,7 +9493,7 @@ var StyledButton2 = (0, import_styled_components50.default)(Button)`
 var IconButton = (0, import_react34.forwardRef)(
   ({ children, label, size = "md", ...props }, ref) => {
     const responsiveSize = useResponsiveProp(size);
-    return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
       StyledButton2,
       {
         ...props,
@@ -9399,7 +9513,7 @@ IconButton.displayName = "IconButton";
 // src/components/Image/Image.tsx
 var import_styled_components51 = __toESM(require("styled-components"));
 var import_type_guards30 = require("@wistia/type-guards");
-var import_jsx_runtime224 = require("react/jsx-runtime");
+var import_jsx_runtime228 = require("react/jsx-runtime");
 var getFillStyle2 = (fillContainer) => {
   if (fillContainer === "horizontal") {
     return "width: 100%;";
@@ -9430,7 +9544,7 @@ var Image = ({
   loading = "lazy",
   position: objPosition,
   ...otherProps
-}) => /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
   StyledImage,
   {
     $borderRadius: borderRadius,
@@ -9457,7 +9571,7 @@ var MenuContext = (0, import_react35.createContext)({ compact: false });
 var useMenuContext = () => (0, import_react35.useContext)(MenuContext);
 
 // src/components/Menu/Menu.tsx
-var import_jsx_runtime225 = require("react/jsx-runtime");
+var import_jsx_runtime229 = require("react/jsx-runtime");
 var open = import_styled_components52.keyframes`
   from {
     opacity: 0;
@@ -9568,24 +9682,24 @@ var Menu = ({
       onOpenChange: () => null
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
     import_react_dropdown_menu.DropdownMenu,
     {
       modal: false,
       ...controlProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(import_react_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: (0, import_type_guards31.isNotUndefined)(trigger) ? trigger : /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(import_react_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: (0, import_type_guards31.isNotUndefined)(trigger) ? trigger : /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
           Button,
           {
             "aria-expanded": isOpen,
             disabled,
             forceState: isOpen ? "active" : void 0,
-            rightIcon: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Icon, { type: "caret-down" }),
+            rightIcon: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Icon, { type: "caret-down" }),
             ...triggerProps,
             children: label
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(import_react_dropdown_menu.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(import_react_dropdown_menu.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
           MenuContent,
           {
             ...props,
@@ -9607,17 +9721,17 @@ Menu.displayName = "Menu";
 // src/components/Menu/MenuLabel.tsx
 var import_styled_components53 = __toESM(require("styled-components"));
 var import_react_dropdown_menu2 = require("@radix-ui/react-dropdown-menu");
-var import_jsx_runtime226 = require("react/jsx-runtime");
+var import_jsx_runtime230 = require("react/jsx-runtime");
 var StyledMenuLabel = (0, import_styled_components53.default)(import_react_dropdown_menu2.DropdownMenuLabel)`
   padding: var(--wui-space-02);
 `;
 var MenuLabel = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
     StyledMenuLabel,
     {
       asChild: true,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
         Heading,
         {
           renderAs: "span",
@@ -9641,7 +9755,7 @@ var import_type_guards33 = require("@wistia/type-guards");
 var import_react37 = require("react");
 var import_styled_components54 = __toESM(require("styled-components"));
 var import_type_guards32 = require("@wistia/type-guards");
-var import_jsx_runtime227 = require("react/jsx-runtime");
+var import_jsx_runtime231 = require("react/jsx-runtime");
 var StyledButton3 = (0, import_styled_components54.default)(Button)`
   ${({ colorScheme }) => getColorScheme(colorScheme)};
 
@@ -9724,7 +9838,7 @@ var MenuItemButton = (0, import_react37.forwardRef)(({ children, appearance, com
     colorScheme = "error";
   }
   if (appearance === "gated") {
-    badge = /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+    badge = /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
       Icon,
       {
         colorScheme: "purple",
@@ -9736,7 +9850,7 @@ var MenuItemButton = (0, import_react37.forwardRef)(({ children, appearance, com
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(
     StyledButton3,
     {
       ...props,
@@ -9746,10 +9860,10 @@ var MenuItemButton = (0, import_react37.forwardRef)(({ children, appearance, com
       fullWidth: true,
       unstyled: true,
       children: [
-        props.leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(StyledLeftIconContainer, { children: props.leftIcon }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(StyledLabelAndDescriptionContainer, { children }),
-        (0, import_type_guards32.isNotNil)(badge) || (0, import_type_guards32.isNotNil)(command) ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(StyledBadgeContainer, { children: badge ?? command }) : null,
-        props.rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(StyledRightIconContainer, { children: props.rightIcon }) : null
+        props.leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(StyledLeftIconContainer, { children: props.leftIcon }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(StyledLabelAndDescriptionContainer, { children }),
+        (0, import_type_guards32.isNotNil)(badge) || (0, import_type_guards32.isNotNil)(command) ? /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(StyledBadgeContainer, { children: badge ?? command }) : null,
+        props.rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(StyledRightIconContainer, { children: props.rightIcon }) : null
       ]
     }
   );
@@ -9758,21 +9872,21 @@ MenuItemButton.displayName = "MenuItemButton";
 
 // src/components/Menu/MenuItemLabelDescription.tsx
 var import_styled_components55 = __toESM(require("styled-components"));
-var import_jsx_runtime228 = require("react/jsx-runtime");
+var import_jsx_runtime232 = require("react/jsx-runtime");
 var StyledMenuItemLabel = import_styled_components55.default.span``;
 var StyledMenuItemDescription = (0, import_styled_components55.default)(Text).attrs({
   variant: "body4",
   prominence: "secondary"
 })``;
 var MenuItemLabel = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(StyledMenuItemLabel, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(StyledMenuItemLabel, { children });
 };
 var MenuItemDescription = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(StyledMenuItemDescription, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(StyledMenuItemDescription, { children });
 };
 
 // src/components/Menu/SubMenu.tsx
-var import_jsx_runtime229 = require("react/jsx-runtime");
+var import_jsx_runtime233 = require("react/jsx-runtime");
 var SubMenuContent = (0, import_styled_components56.default)(import_react_dropdown_menu3.DropdownMenuSubContent)`
   ${menuContentCss}
 
@@ -9794,12 +9908,12 @@ var StyledSubTrigger = (0, import_styled_components56.default)(import_react_drop
 var SubMenuTrigger = ({ icon, ...props }) => {
   const { isSmAndUp } = useMq();
   const Trigger4 = isSmAndUp ? StyledSubTrigger : import_react_dropdown_menu3.DropdownMenuItem;
-  return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Trigger4, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Trigger4, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
     MenuItemButton,
     {
       ...props,
       leftIcon: icon,
-      rightIcon: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Icon, { type: "caret-right" })
+      rightIcon: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Icon, { type: "caret-right" })
     }
   ) });
 };
@@ -9813,14 +9927,14 @@ var SubMenu = ({
   const { isSmAndUp } = useMq();
   const [isExpanded, setIsExpanded] = (0, import_react38.useState)(false);
   const { compact } = useMenuContext();
-  return isSmAndUp ? /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(import_react_dropdown_menu3.DropdownMenuSub, { onOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(SubMenuTrigger, { ...props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(MenuItemLabel, { children: label }),
-      (0, import_type_guards33.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(MenuItemDescription, { children: description }) : null
+  return isSmAndUp ? /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(import_react_dropdown_menu3.DropdownMenuSub, { onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(SubMenuTrigger, { ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(MenuItemLabel, { children: label }),
+      (0, import_type_guards33.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(MenuItemDescription, { children: description }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(import_react_dropdown_menu3.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(SubMenuContent, { $compact: compact, children }) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(import_react_dropdown_menu3.DropdownMenuGroup, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(import_react_dropdown_menu3.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(SubMenuContent, { $compact: compact, children }) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(import_react_dropdown_menu3.DropdownMenuGroup, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
       SubMenuTrigger,
       {
         ...props,
@@ -9829,12 +9943,12 @@ var SubMenu = ({
           setIsExpanded((prev) => !prev);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(MenuItemLabel, { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(MenuItemDescription, { children: description })
+          /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(MenuItemLabel, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(MenuItemDescription, { children: description })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(StyledMobileSubMenuItems, { children: isExpanded ? children : null })
+    /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(StyledMobileSubMenuItems, { children: isExpanded ? children : null })
   ] });
 };
 SubMenu.displayName = "SubMenu";
@@ -9842,15 +9956,15 @@ SubMenu.displayName = "SubMenu";
 // src/components/Menu/MenuItem.tsx
 var import_react39 = require("react");
 var import_react_dropdown_menu4 = require("@radix-ui/react-dropdown-menu");
-var import_jsx_runtime230 = require("react/jsx-runtime");
+var import_jsx_runtime234 = require("react/jsx-runtime");
 var MenuItem = (0, import_react39.forwardRef)(
   ({ onSelect = () => null, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
       import_react_dropdown_menu4.DropdownMenuItem,
       {
         asChild: true,
         onSelect,
-        children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
           MenuItemButton,
           {
             ...props,
@@ -9866,10 +9980,10 @@ MenuItem.displayName = "MenuItem";
 
 // src/components/Menu/MenuRadioGroup.tsx
 var import_react_dropdown_menu5 = require("@radix-ui/react-dropdown-menu");
-var import_jsx_runtime231 = require("react/jsx-runtime");
+var import_jsx_runtime235 = require("react/jsx-runtime");
 var MenuRadioGroup = ({ children, label, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(import_react_dropdown_menu5.DropdownMenuRadioGroup, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(MenuLabel, { children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(import_react_dropdown_menu5.DropdownMenuRadioGroup, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(MenuLabel, { children: label }),
     children
   ] });
 };
@@ -9877,11 +9991,11 @@ MenuRadioGroup.displayName = "MenuRadioGroup";
 
 // src/components/Menu/RadioMenuItem.tsx
 var import_react_dropdown_menu6 = require("@radix-ui/react-dropdown-menu");
-var import_jsx_runtime232 = require("react/jsx-runtime");
+var import_jsx_runtime236 = require("react/jsx-runtime");
 var RadioMenuItem = ({
   onSelect,
   value,
-  indicator = /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
+  indicator = /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
     Icon,
     {
       size: "sm",
@@ -9891,17 +10005,17 @@ var RadioMenuItem = ({
   ...props
 }) => {
   const extraProps = onSelect ? { onSelect } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
     import_react_dropdown_menu6.DropdownMenuRadioItem,
     {
       ...extraProps,
       asChild: true,
       value,
-      children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
         MenuItemButton,
         {
           ...props,
-          rightIcon: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(import_react_dropdown_menu6.DropdownMenuItemIndicator, { children: indicator })
+          rightIcon: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(import_react_dropdown_menu6.DropdownMenuItemIndicator, { children: indicator })
         }
       )
     }
@@ -9911,9 +10025,9 @@ RadioMenuItem.displayName = "RadioMenuItem";
 
 // src/components/Menu/CheckboxMenuItem.tsx
 var import_react_dropdown_menu7 = require("@radix-ui/react-dropdown-menu");
-var import_jsx_runtime233 = require("react/jsx-runtime");
+var import_jsx_runtime237 = require("react/jsx-runtime");
 var CheckboxIndicator = ({ checked, ...props }) => {
-  return checked ? /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
+  return checked ? /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
     "svg",
     {
       ...props,
@@ -9923,14 +10037,14 @@ var CheckboxIndicator = ({ checked, ...props }) => {
       width: "24",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
           "path",
           {
             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",
             fill: "#2949e5"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
           "path",
           {
             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",
@@ -9939,7 +10053,7 @@ var CheckboxIndicator = ({ checked, ...props }) => {
         )
       ]
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
     "svg",
     {
       ...props,
@@ -9949,14 +10063,14 @@ var CheckboxIndicator = ({ checked, ...props }) => {
       width: "24",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
           "path",
           {
             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",
             fill: "#fcfcfd"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
           "path",
           {
             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",
@@ -9973,18 +10087,18 @@ var CheckboxMenuItem = ({
   onCheckedChange,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
     import_react_dropdown_menu7.DropdownMenuCheckboxItem,
     {
       asChild: true,
       checked,
       onCheckedChange,
       onSelect,
-      children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
         MenuItemButton,
         {
           ...props,
-          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(CheckboxIndicator, { checked })
+          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(CheckboxIndicator, { checked })
         }
       )
     }
@@ -10005,24 +10119,24 @@ var import_react_dialog2 = require("@radix-ui/react-dialog");
 // src/components/Modal/ModalCloseButton.tsx
 var import_styled_components57 = __toESM(require("styled-components"));
 var import_react_dialog = require("@radix-ui/react-dialog");
-var import_jsx_runtime234 = require("react/jsx-runtime");
+var import_jsx_runtime238 = require("react/jsx-runtime");
 var CloseButton = (0, import_styled_components57.default)(import_react_dialog.Close)`
   align-self: start;
 `;
 var ModalCloseButton = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(CloseButton, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(CloseButton, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
     IconButton,
     {
       label: "Dismiss modal",
       size: "sm",
       variant: "ghost",
-      children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Icon, { type: "close" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Icon, { type: "close" })
     }
   ) });
 };
 
 // src/components/Modal/ModalHeader.tsx
-var import_jsx_runtime235 = require("react/jsx-runtime");
+var import_jsx_runtime239 = require("react/jsx-runtime");
 var Header = import_styled_components58.default.header`
   display: flex;
   order: 1;
@@ -10045,10 +10159,10 @@ var ModalHeader = ({
   hideTitle,
   hideCloseButton
 }) => {
-  const TitleComponent = hideTitle ? /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(ScreenReaderOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Title, { children: title }) }) : /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Title, { children: title });
-  return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Header, { $hideTitle: hideTitle, children: [
+  const TitleComponent = hideTitle ? /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ScreenReaderOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Title, { children: title }) }) : /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Title, { children: title });
+  return /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(Header, { $hideTitle: hideTitle, children: [
     TitleComponent,
-    hideCloseButton ? null : /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(ModalCloseButton, {})
+    hideCloseButton ? null : /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ModalCloseButton, {})
   ] });
 };
 
@@ -10077,7 +10191,7 @@ var useFocusRestore = () => {
 };
 
 // src/components/Modal/ModalContent.tsx
-var import_jsx_runtime236 = require("react/jsx-runtime");
+var import_jsx_runtime240 = require("react/jsx-runtime");
 var StyledModalContent = (0, import_styled_components59.default)(import_react_dialog3.Content)`
   background-color: var(--wui-color-bg-app);
   box-sizing: border-box;
@@ -10122,7 +10236,7 @@ var StyledModalContent = (0, import_styled_components59.default)(import_react_di
 var ModalContent = (0, import_react41.forwardRef)(
   ({ fullHeight, width, children, ...otherProps }, ref) => {
     useFocusRestore();
-    return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
       StyledModalContent,
       {
         ref,
@@ -10139,7 +10253,7 @@ var ModalContent = (0, import_react41.forwardRef)(
 // src/private/components/Backdrop/Backdrop.tsx
 var import_react42 = require("react");
 var import_styled_components60 = __toESM(require("styled-components"));
-var import_jsx_runtime237 = require("react/jsx-runtime");
+var import_jsx_runtime241 = require("react/jsx-runtime");
 var backdropAnimationDuration = 150;
 var alignVerticalMap = {
   stretch: "normal",
@@ -10176,7 +10290,7 @@ var BackdropComponent = import_styled_components60.default.div`
   }
 `;
 var Backdrop = (0, import_react42.forwardRef)(
-  ({ alignHorizontal = "center", alignVertical = "center", children, ...otherProps }, ref) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
+  ({ alignHorizontal = "center", alignVertical = "center", children, ...otherProps }, ref) => /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
     BackdropComponent,
     {
       ref,
@@ -10190,7 +10304,7 @@ var Backdrop = (0, import_react42.forwardRef)(
 Backdrop.displayName = "Backdrop";
 
 // src/components/Modal/Modal.tsx
-var import_jsx_runtime238 = require("react/jsx-runtime");
+var import_jsx_runtime242 = require("react/jsx-runtime");
 var DEFAULT_MODAL_WIDTH = "532px";
 var ModalBody = import_styled_components61.default.div`
   flex-direction: column;
@@ -10210,7 +10324,7 @@ var Modal = (0, import_react43.forwardRef)(
     width = DEFAULT_MODAL_WIDTH,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
       import_react_dialog4.Root,
       {
         onOpenChange: (open2) => {
@@ -10219,9 +10333,9 @@ var Modal = (0, import_react43.forwardRef)(
           }
         },
         open: isOpen,
-        children: /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(import_react_dialog4.Portal, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Backdrop, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(import_react_dialog4.Portal, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Backdrop, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(
             ModalContent,
             {
               ref,
@@ -10237,8 +10351,8 @@ var Modal = (0, import_react43.forwardRef)(
               width,
               ...props,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(ModalBody, { children }),
-                /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(ModalBody, { children }),
+                /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
                   ModalHeader,
                   {
                     hideCloseButton,
@@ -10267,7 +10381,7 @@ var getControlProps = (isOpen, onOpenChange) => {
 };
 
 // src/components/Popover/Popover.tsx
-var import_jsx_runtime239 = require("react/jsx-runtime");
+var import_jsx_runtime243 = require("react/jsx-runtime");
 var StyledContent2 = (0, import_styled_components62.default)(import_react_popover.Content)`
   ${({ $unstyled }) => !$unstyled && import_styled_components62.css`
       border-radius: var(--wui-border-radius-02);
@@ -10293,25 +10407,25 @@ var Popover = ({
   unstyled = false,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(import_react_popover.Root, { ...getControlProps(isOpen, onOpenChange), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(import_react_popover.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(import_react_popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(import_react_popover.Root, { ...getControlProps(isOpen, onOpenChange), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(import_react_popover.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(import_react_popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
       StyledContent2,
       {
         sideOffset: 8,
         ...props,
         $unstyled: unstyled,
         children: [
-          !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(import_react_popover.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
+          !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(import_react_popover.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
             IconButton,
             {
               "data-wui-popover-close": true,
               label: "Close",
               variant: "ghost",
-              children: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Icon, { type: "close" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Icon, { type: "close" })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime239.jsx)("div", { children })
+          /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("div", { children })
         ]
       }
     ) })
@@ -10323,7 +10437,7 @@ Popover.displayName = "Popover";
 var import_styled_components63 = __toESM(require("styled-components"));
 var import_react_progress = require("@radix-ui/react-progress");
 var import_type_guards37 = require("@wistia/type-guards");
-var import_jsx_runtime240 = require("react/jsx-runtime");
+var import_jsx_runtime244 = require("react/jsx-runtime");
 var ProgressBarWrapper = import_styled_components63.default.div`
   --progress-bar-height: 8px;
   --progress-bar-indicator-color: var(--wui-color-bg-fill);
@@ -10376,15 +10490,15 @@ var ProgressBar = ({
   labelRight,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)(ProgressBarWrapper, { children: [
-    (0, import_type_guards37.isNotNil)(labelLeft) ? /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(ProgressBarLabel, { children: labelLeft }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(ProgressBarWrapper, { children: [
+    (0, import_type_guards37.isNotNil)(labelLeft) ? /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(ProgressBarLabel, { children: labelLeft }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
       StyledProgressBar,
       {
         max,
         value: progress,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
           StyledProgressIndicator,
           {
             $max: max,
@@ -10393,7 +10507,7 @@ var ProgressBar = ({
         )
       }
     ),
-    (0, import_type_guards37.isNotNil)(labelRight) ? /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(ProgressBarLabel, { children: labelRight }) : null
+    (0, import_type_guards37.isNotNil)(labelRight) ? /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(ProgressBarLabel, { children: labelRight }) : null
   ] });
 };
 ProgressBar.displayName = "ProgressBar";
@@ -10402,8 +10516,8 @@ ProgressBar.displayName = "ProgressBar";
 var import_react44 = require("react");
 var import_styled_components64 = __toESM(require("styled-components"));
 var import_type_guards38 = require("@wistia/type-guards");
-var import_jsx_runtime241 = require("react/jsx-runtime");
-var RadioIcon = () => /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
+var import_jsx_runtime245 = require("react/jsx-runtime");
+var RadioIcon = () => /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
   "svg",
   {
     fill: "inherit",
@@ -10411,7 +10525,7 @@ var RadioIcon = () => /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
     viewBox: "0 0 1 1",
     width: "1",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
       "circle",
       {
         cx: "0.5",
@@ -10519,13 +10633,13 @@ var Radio = (0, import_react44.forwardRef)(
   }, ref) => {
     const generatedId = (0, import_react44.useId)();
     const computedId = (0, import_type_guards38.isNonEmptyString)(id) ? id : `wistia-ui-radio-${generatedId}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
       StyledRadioWrapper,
       {
         $disabled: disabled,
         "aria-invalid": props["aria-invalid"],
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
             StyledHiddenRadioInput,
             {
               ...props,
@@ -10540,16 +10654,16 @@ var Radio = (0, import_react44.forwardRef)(
               value
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
             FormControlLabel,
             {
-              controlSlot: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
+              controlSlot: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
                 StyledRadioInput,
                 {
                   $disabled: disabled,
                   $size: size,
                   "data-wui-faux-input": "true",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(RadioIcon, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(RadioIcon, {})
                 }
               ),
               description,
@@ -10574,7 +10688,7 @@ var import_type_guards39 = require("@wistia/type-guards");
 
 // src/components/SegmentedControl/useSelectedItemMeasurements.tsx
 var import_react45 = require("react");
-var import_jsx_runtime242 = require("react/jsx-runtime");
+var import_jsx_runtime246 = require("react/jsx-runtime");
 var SelectedItemMeasurementsContext = (0, import_react45.createContext)(
   null
 );
@@ -10589,7 +10703,7 @@ var SelectedItemMeasurementsProvider = ({
     }),
     [selectedItemMeasurements]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(SelectedItemMeasurementsContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(SelectedItemMeasurementsContext.Provider, { value: contextValue, children });
 };
 var useSelectedItemMeasurements = () => {
   const context = (0, import_react45.useContext)(SelectedItemMeasurementsContext);
@@ -10618,7 +10732,7 @@ var useSegmentedControlValue = () => {
 };
 
 // src/components/SegmentedControl/SelectedItemIndicator.tsx
-var import_jsx_runtime243 = require("react/jsx-runtime");
+var import_jsx_runtime247 = require("react/jsx-runtime");
 var SelectedItemIndicatorDiv = import_styled_components65.default.div`
   background-color: var(--wui-color-bg-fill-white);
   border-radius: var(--wui-border-radius-rounded);
@@ -10645,7 +10759,7 @@ var SelectedItemIndicator = () => {
   if (!selectedValue) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
     SelectedItemIndicatorDiv,
     {
       style: {
@@ -10658,7 +10772,7 @@ var SelectedItemIndicator = () => {
 };
 
 // src/components/SegmentedControl/SegmentedControl.tsx
-var import_jsx_runtime244 = require("react/jsx-runtime");
+var import_jsx_runtime248 = require("react/jsx-runtime");
 var segmentedControlStyles = import_styled_components66.css`
   display: inline-flex;
   background-color: var(--wui-color-bg-surface-secondary);
@@ -10684,7 +10798,7 @@ var SegmentedControl = (0, import_react48.forwardRef)(
     if ((0, import_type_guards39.isNil)(children)) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
       StyledSegmentedControl,
       {
         ref,
@@ -10696,8 +10810,8 @@ var SegmentedControl = (0, import_react48.forwardRef)(
         type: "single",
         value: selectedValue,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(SegmentedControlValueProvider, { value: selectedValue, children: /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(SelectedItemMeasurementsProvider, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(SelectedItemIndicator, {}),
+        children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(SegmentedControlValueProvider, { value: selectedValue, children: /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(SelectedItemMeasurementsProvider, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(SelectedItemIndicator, {}),
           children
         ] }) })
       }
@@ -10727,7 +10841,7 @@ var mergeRefs = (refs) => (value) => {
 };
 
 // src/components/SegmentedControl/SegmentedControlItem.tsx
-var import_jsx_runtime245 = require("react/jsx-runtime");
+var import_jsx_runtime249 = require("react/jsx-runtime");
 var segmentedControlItemStyles = import_styled_components67.css`
   all: unset; /* ToggleGroupItem is a button element */
   align-items: center;
@@ -10828,7 +10942,7 @@ var SegmentedControlItem = (0, import_react49.forwardRef)(
         resizeObserver.disconnect();
       };
     }, [selectedValue, setSelectedItemMeasurements, value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
       StyledSegmentedControlItem,
       {
         ref: combinedRef,
@@ -10851,7 +10965,7 @@ SegmentedControlItem.displayName = "SegmentedControlItem";
 var import_react_select = require("@radix-ui/react-select");
 var import_react50 = require("react");
 var import_styled_components68 = __toESM(require("styled-components"));
-var import_jsx_runtime246 = require("react/jsx-runtime");
+var import_jsx_runtime250 = require("react/jsx-runtime");
 var StyledTrigger = (0, import_styled_components68.default)(import_react_select.Trigger)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   --wui-select-color-bg: var(--wui-color-bg-surface);
@@ -10928,13 +11042,13 @@ var Select = (0, import_react50.forwardRef)(
     ...props
   }, forwardedRef) => {
     const responsiveFullWidth = useResponsiveProp(fullWidth);
-    return /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
       import_react_select.Root,
       {
         ...props,
         onValueChange: onChange,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
             StyledTrigger,
             {
               ref: forwardedRef,
@@ -10942,8 +11056,8 @@ var Select = (0, import_react50.forwardRef)(
               $fullWidth: responsiveFullWidth,
               ...props,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(import_react_select.Value, { placeholder }),
-                /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_react_select.Value, { placeholder }),
+                /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
                   Icon,
                   {
                     size: "md",
@@ -10953,10 +11067,10 @@ var Select = (0, import_react50.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(import_react_select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(StyledContent3, { position: "popper", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(import_react_select.ScrollUpButton, { children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Icon, { type: "caret-up" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(import_react_select.Viewport, { children }),
-            /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(import_react_select.ScrollDownButton, { children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Icon, { type: "caret-down" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_react_select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(StyledContent3, { position: "popper", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_react_select.ScrollUpButton, { children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Icon, { type: "caret-up" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_react_select.Viewport, { children }),
+            /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_react_select.ScrollDownButton, { children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Icon, { type: "caret-down" }) })
           ] }) })
         ]
       }
@@ -10969,7 +11083,7 @@ Select.displayName = "Select";
 var import_react_select2 = require("@radix-ui/react-select");
 var import_react51 = require("react");
 var import_styled_components69 = __toESM(require("styled-components"));
-var import_jsx_runtime247 = require("react/jsx-runtime");
+var import_jsx_runtime251 = require("react/jsx-runtime");
 var StyledItem = (0, import_styled_components69.default)(import_react_select2.Item)`
   ${variantStyleMap2.body3};
   display: flex;
@@ -10998,20 +11112,20 @@ var StyledIconContainer = import_styled_components69.default.span`
 `;
 var SelectOption = (0, import_react51.forwardRef)(
   ({ children, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
       StyledItem,
       {
         ...props,
         ref: forwardedRef,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(StyledIconContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(import_react_select2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(StyledIconContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(import_react_select2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
             Icon,
             {
               size: "sm",
               type: "checkmark"
             }
           ) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(import_react_select2.ItemText, { children })
+          /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(import_react_select2.ItemText, { children })
         ]
       }
     );
@@ -11022,13 +11136,13 @@ SelectOption.displayName = "Option";
 // src/components/Select/SelectOptionGroup.tsx
 var import_react_select3 = require("@radix-ui/react-select");
 var import_styled_components70 = __toESM(require("styled-components"));
-var import_jsx_runtime248 = require("react/jsx-runtime");
+var import_jsx_runtime252 = require("react/jsx-runtime");
 var StyledLabel4 = (0, import_styled_components70.default)(import_react_select3.Label)`
   padding: var(--wui-select-option-padding);
 `;
 var SelectOptionGroup = ({ children, label, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(import_react_select3.Group, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(StyledLabel4, { children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(import_react_select3.Group, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(StyledLabel4, { children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
       Text,
       {
         prominence: "secondary",
@@ -11044,7 +11158,7 @@ var SelectOptionGroup = ({ children, label, ...props }) => {
 var import_react52 = require("react");
 var import_styled_components71 = __toESM(require("styled-components"));
 var import_type_guards42 = require("@wistia/type-guards");
-var import_jsx_runtime249 = require("react/jsx-runtime");
+var import_jsx_runtime253 = require("react/jsx-runtime");
 var sizeSmall3 = import_styled_components71.css`
   --wui-size-small-width: 24px;
   --wui-size-small-height: 14px;
@@ -11163,8 +11277,8 @@ var Switch = (0, import_react52.forwardRef)(
   }, ref) => {
     const generatedId = (0, import_react52.useId)();
     const computedId = (0, import_type_guards42.isNonEmptyString)(id) ? id : `wistia-ui-switch-${generatedId}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(StyledSwitchWrapper, { $disabled: disabled, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(StyledSwitchWrapper, { $disabled: disabled, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
         StyledHiddenSwitchInput,
         {
           ...props,
@@ -11179,10 +11293,10 @@ var Switch = (0, import_react52.forwardRef)(
           value
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
         FormControlLabel,
         {
-          controlSlot: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+          controlSlot: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
             StyledSwitchInput,
             {
               $disabled: disabled,
@@ -11205,7 +11319,7 @@ Switch.displayName = "Switch";
 
 // src/components/Table/Table.tsx
 var import_styled_components72 = __toESM(require("styled-components"));
-var import_jsx_runtime250 = require("react/jsx-runtime");
+var import_jsx_runtime254 = require("react/jsx-runtime");
 var StyledTable = import_styled_components72.default.table`
   width: 100%;
   border-collapse: collapse;
@@ -11228,7 +11342,7 @@ var Table = ({
   divided = false,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
     StyledTable,
     {
       $divided: divided,
@@ -11247,16 +11361,16 @@ var import_react53 = require("react");
 var TableSectionContext = (0, import_react53.createContext)(null);
 
 // src/components/Table/TableBody.tsx
-var import_jsx_runtime251 = require("react/jsx-runtime");
+var import_jsx_runtime255 = require("react/jsx-runtime");
 var StyledTbody = import_styled_components73.default.tbody``;
 var TableBody = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(TableSectionContext.Provider, { value: "body", children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(StyledTbody, { ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(TableSectionContext.Provider, { value: "body", children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(StyledTbody, { ...props, children }) });
 };
 
 // src/components/Table/TableCell.tsx
 var import_react54 = require("react");
 var import_styled_components74 = __toESM(require("styled-components"));
-var import_jsx_runtime252 = require("react/jsx-runtime");
+var import_jsx_runtime256 = require("react/jsx-runtime");
 var sharedStyles = import_styled_components74.css`
   color: var(--wui-color-text);
   padding: var(--wui-space-02);
@@ -11277,33 +11391,33 @@ var StyledTd = import_styled_components74.default.td`
 var TableCell = ({ children, ...props }) => {
   const section = (0, import_react54.useContext)(TableSectionContext);
   if (section === "head") {
-    return /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(StyledTh, { ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(StyledTh, { ...props, children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(StyledTd, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(StyledTd, { ...props, children });
 };
 
 // src/components/Table/TableFooter.tsx
 var import_styled_components75 = __toESM(require("styled-components"));
-var import_jsx_runtime253 = require("react/jsx-runtime");
+var import_jsx_runtime257 = require("react/jsx-runtime");
 var StyledTfoot = import_styled_components75.default.tfoot``;
 var TableFooter = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(TableSectionContext.Provider, { value: "footer", children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(StyledTfoot, { ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(TableSectionContext.Provider, { value: "footer", children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(StyledTfoot, { ...props, children }) });
 };
 
 // src/components/Table/TableHead.tsx
 var import_styled_components76 = __toESM(require("styled-components"));
-var import_jsx_runtime254 = require("react/jsx-runtime");
+var import_jsx_runtime258 = require("react/jsx-runtime");
 var StyledThead = import_styled_components76.default.thead``;
 var TableHead = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(TableSectionContext.Provider, { value: "head", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(StyledThead, { ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(TableSectionContext.Provider, { value: "head", children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(StyledThead, { ...props, children }) });
 };
 
 // src/components/Table/TableRow.tsx
 var import_styled_components77 = __toESM(require("styled-components"));
-var import_jsx_runtime255 = require("react/jsx-runtime");
+var import_jsx_runtime259 = require("react/jsx-runtime");
 var StyledTr = import_styled_components77.default.tr``;
 var TableRow = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(StyledTr, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(StyledTr, { ...props, children });
 };
 
 // src/components/Tabs/Tabs.tsx
@@ -11315,13 +11429,13 @@ var import_styled_components82 = __toESM(require("styled-components"));
 // src/components/Tabs/TabPanel.tsx
 var import_styled_components78 = __toESM(require("styled-components"));
 var import_react_tabs = require("@radix-ui/react-tabs");
-var import_jsx_runtime256 = require("react/jsx-runtime");
+var import_jsx_runtime260 = require("react/jsx-runtime");
 var StyledTabPanel = (0, import_styled_components78.default)(import_react_tabs.Content)`
   display: flex;
   flex-direction: column;
 `;
 var TabPanel = ({ children, value, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
     StyledTabPanel,
     {
       value,
@@ -11335,7 +11449,7 @@ TabPanel.displayName = "TabPanel";
 // src/components/Tabs/TabList.tsx
 var import_styled_components79 = __toESM(require("styled-components"));
 var import_react_tabs2 = require("@radix-ui/react-tabs");
-var import_jsx_runtime257 = require("react/jsx-runtime");
+var import_jsx_runtime261 = require("react/jsx-runtime");
 var StyledTabList = (0, import_styled_components79.default)(import_react_tabs2.List)`
   ${segmentedControlStyles}
 
@@ -11349,7 +11463,7 @@ var TabList = ({
   ariaLabel,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
     StyledTabList,
     {
       $fullWidth: fullWidth,
@@ -11380,7 +11494,7 @@ var useTabsValue = () => {
 };
 
 // src/components/Tabs/TabItem.tsx
-var import_jsx_runtime258 = require("react/jsx-runtime");
+var import_jsx_runtime262 = require("react/jsx-runtime");
 var StyledTabItem = (0, import_styled_components80.default)(import_react_tabs3.Trigger)`
   ${segmentedControlItemStyles}
 
@@ -11419,7 +11533,7 @@ var TabItem = (0, import_react56.forwardRef)(
         resizeObserver.disconnect();
       };
     }, [selectedValue, setSelectedItemMeasurements, value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(
       StyledTabItem,
       {
         ref: combinedRef,
@@ -11462,7 +11576,7 @@ var extractTabItems = (children) => {
 // src/components/Tabs/SelectedItemIndicator.tsx
 var import_react58 = require("react");
 var import_styled_components81 = __toESM(require("styled-components"));
-var import_jsx_runtime259 = require("react/jsx-runtime");
+var import_jsx_runtime263 = require("react/jsx-runtime");
 var TabsSelectedItemIndicatorDiv = (0, import_styled_components81.default)(SelectedItemIndicatorDiv)`
   &:has(~ ${StyledTabItem}:focus-visible) {
     outline: 2px solid var(--wui-color-focus-ring);
@@ -11482,7 +11596,7 @@ var SelectedItemIndicator2 = () => {
   if (selectedValue == null) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
     TabsSelectedItemIndicatorDiv,
     {
       style: {
@@ -11495,7 +11609,7 @@ var SelectedItemIndicator2 = () => {
 };
 
 // src/components/Tabs/Tabs.tsx
-var import_jsx_runtime260 = require("react/jsx-runtime");
+var import_jsx_runtime264 = require("react/jsx-runtime");
 var TabsContainer = import_styled_components82.default.div`
   display: flex;
   flex-direction: column;
@@ -11530,7 +11644,7 @@ var Tabs = (0, import_react59.forwardRef)(
       onValueChange: setInternalSelectedValue
     } : { value: selectedValue, onValueChange: onSelectedValueChange };
     const currentValue = defaultSelectedValue !== void 0 ? internalSelectedValue : selectedValue;
-    return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(TabsContainer, { $stickyHeaders: stickyHeaders, children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(TabsContainer, { $stickyHeaders: stickyHeaders, children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
       StyledTabsRoot,
       {
         ref,
@@ -11538,14 +11652,14 @@ var Tabs = (0, import_react59.forwardRef)(
         activationMode: "automatic",
         ...otherProps,
         ...modeProps,
-        children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(TabsValueProvider, { value: currentValue, children: /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(SelectedItemMeasurementsProvider, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(TabsValueProvider, { value: currentValue, children: /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(SelectedItemMeasurementsProvider, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(
             TabList,
             {
               ariaLabel,
               fullWidth,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(SelectedItemIndicator2, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(SelectedItemIndicator2, {}),
                 tabItems.map((tab) => {
                   const {
                     value,
@@ -11555,7 +11669,7 @@ var Tabs = (0, import_react59.forwardRef)(
                     "aria-label": ariaLabelForTab
                   } = tab.props;
                   if ((0, import_type_guards44.isNil)(icon)) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
                       TabItem,
                       {
                         disabled,
@@ -11566,7 +11680,7 @@ var Tabs = (0, import_react59.forwardRef)(
                     );
                   }
                   if ((0, import_type_guards44.isNotNil)(label)) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
                       TabItem,
                       {
                         disabled,
@@ -11578,7 +11692,7 @@ var Tabs = (0, import_react59.forwardRef)(
                     );
                   }
                   if ((0, import_type_guards44.isNotNil)(ariaLabelForTab)) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
                       TabItem,
                       {
                         "aria-label": ariaLabelForTab,
@@ -11594,7 +11708,7 @@ var Tabs = (0, import_react59.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(StickyTabContent, { $stickyHeaders: stickyHeaders, children: tabItems.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(StickyTabContent, { $stickyHeaders: stickyHeaders, children: tabItems.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
             TabPanel,
             {
               value: tab.props.value,
@@ -11611,9 +11725,9 @@ Tabs.displayName = "Tabs";
 
 // src/components/Tabs/Tab.tsx
 var import_react60 = require("react");
-var import_jsx_runtime261 = require("react/jsx-runtime");
+var import_jsx_runtime265 = require("react/jsx-runtime");
 var Tab = (0, import_react60.forwardRef)(({ children }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("div", { ref, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("div", { ref, children });
 });
 Tab.displayName = "Tab";
 
@@ -11621,7 +11735,7 @@ Tab.displayName = "Tab";
 var import_react61 = require("react");
 var import_styled_components83 = __toESM(require("styled-components"));
 var import_type_guards45 = require("@wistia/type-guards");
-var import_jsx_runtime262 = require("react/jsx-runtime");
+var import_jsx_runtime266 = require("react/jsx-runtime");
 var TagLabel = import_styled_components83.default.a`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   font-size: var(--wui-typography-label-4-size);
@@ -11713,23 +11827,23 @@ var RemoveButton = ({ onClickRemove, onClickRemoveLabel, colorScheme }) => {
       "for accessibility, onClickRemoveLabel must be provided if onClickRemove is provided"
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(import_jsx_runtime262.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(TagDivider, { $colorScheme: colorScheme }),
-    /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(import_jsx_runtime266.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(TagDivider, { $colorScheme: colorScheme }),
+    /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
       StyledRemoveButton,
       {
         $colorScheme: colorScheme,
         onClick: onClickRemove,
         type: "button",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
             Icon,
             {
               size: "sm",
               type: "close"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(ScreenReaderOnly, { children: onClickRemoveLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(ScreenReaderOnly, { children: onClickRemoveLabel })
         ]
       }
     )
@@ -11747,14 +11861,14 @@ var Tag = (0, import_react61.forwardRef)(
   }, ref) => {
     const hasIcon = (0, import_type_guards45.isNotNil)(icon);
     const labelProps = (0, import_type_guards45.isNotNil)(href) && (0, import_type_guards45.isNonEmptyString)(href) ? { href, as: "a" } : { as: "span" };
-    return /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
       StyledTag,
       {
         ref,
         $colorScheme: colorScheme,
         ...otherProps,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
             TagLabel,
             {
               ...labelProps,
@@ -11765,7 +11879,7 @@ var Tag = (0, import_react61.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
             RemoveButton,
             {
               colorScheme,
@@ -11783,24 +11897,24 @@ Tag.displayName = "Tag";
 // src/components/WistiaLogo/WistiaLogo.tsx
 var import_styled_components84 = __toESM(require("styled-components"));
 var import_type_guards46 = require("@wistia/type-guards");
-var import_jsx_runtime263 = require("react/jsx-runtime");
+var import_jsx_runtime267 = require("react/jsx-runtime");
 var renderBrandmark = (brandmarkColor, iconOnly) => {
   if (iconOnly) {
-    return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
       "g",
       {
         "data-testid": "ui-wistia-logo-brandmark",
         fill: brandmarkColor,
-        children: /* @__PURE__ */ (0, import_jsx_runtime263.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" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("path", { d: "M16.09 17.1h-5.2c-1.58 0-3.08.68-4.11 1.87L.21 26.53c4.78.25 9.78.25 13.3.25 18.31 0 20.89-11.27 20.89-16.55-1.59 1.93-6.06 6.87-18.32 6.87ZM32.14 0c-.08.92-.59 4.69-11.31 4.69-8.72 0-12.24 0-20.83-.17l6.44 7.4a6.657 6.657 0 0 0 4.96 2.3c2.13.03 5.05.06 5.53.06 11.01 0 17.19-5.05 17.19-9.89 0-2.01-.67-3.44-1.97-4.4Z" })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
     "g",
     {
       "data-testid": "ui-wistia-logo-brandmark",
       fill: brandmarkColor,
-      children: /* @__PURE__ */ (0, import_jsx_runtime263.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" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("path", { d: "M16.09 21.37h-5.2c-1.58 0-3.08.68-4.11 1.87L.21 30.8c4.78.25 9.78.25 13.3.25 18.31 0 20.89-11.27 20.89-16.55-1.59 1.93-6.06 6.87-18.32 6.87Zm16.05-17.1c-.08.92-.59 4.69-11.31 4.69-8.72 0-12.24 0-20.83-.17l6.44 7.4a6.657 6.657 0 0 0 4.96 2.3c2.13.03 5.05.06 5.53.06 11.01 0 17.19-5.05 17.19-9.89 0-2.01-.67-3.44-1.97-4.4Z" })
     }
   );
 };
@@ -11808,12 +11922,12 @@ var renderLogotype = (logotypeColor, iconOnly) => {
   if (iconOnly) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
     "g",
     {
       "data-testid": "ui-wistia-logo-logotype",
       fill: logotypeColor,
-      children: /* @__PURE__ */ (0, import_jsx_runtime263.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" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("path", { d: "M70.16 8.66v15.18c0 1.68-.35 3.09-1.05 4.23a6.612 6.612 0 0 1-2.85 2.54c-1.19.55-2.52.82-4.01.82s-2.8-.28-4.01-.85a6.655 6.655 0 0 1-3.11-2.96c-.08.15-.16.29-.24.42a6.552 6.552 0 0 1-2.87 2.54c-1.2.56-2.54.85-4.01.85s-2.8-.27-3.94-.82a6.214 6.214 0 0 1-2.71-2.52c-.67-1.14-1.01-2.56-1.02-4.25l-.22-15.18h7.34V22.3c0 .82.19 1.37.56 1.67.39.28.85.42 1.38.42s1.02-.15 1.45-.45c.43-.3.65-.85.65-1.65V8.65h7.3v13.64c0 .8.22 1.35.65 1.65.43.3.91.45 1.45.45s.99-.14 1.36-.42c.39-.3.58-.85.58-1.67V8.66h7.34Zm2.45 0v22.26h7.34V8.66h-7.34Zm5.67-1.87c.61-.3 1.08-.71 1.42-1.25.36-.55.53-1.19.53-1.94s-.18-1.34-.53-1.89A3.43 3.43 0 0 0 78.28.44c-.59-.3-1.25-.45-1.98-.45s-1.42.15-2.02.45c-.59.3-1.07.72-1.42 1.27-.36.55-.53 1.18-.53 1.89 0 1.1.38 1.97 1.13 2.63.76.65 1.71.98 2.85.98.73 0 1.39-.14 1.98-.42Zm8.86 1.96c-1.42.4-2.6 1.11-3.54 2.14-.93 1.02-1.4 2.4-1.4 4.12 0 1.11.17 2.09.51 2.94.36.85.82 1.62 1.38 2.34.22.28.55.65.98 1.11.37.4.64.72.8.96.18.24.27.47.27.69 0 .5-.4.87-1.2 1.09-.8.21-1.62.31-2.47.31-.1-.01-.22-.02-.33-.02l1.02 6.94c.42.07.92.11 1.51.11 1.9 0 3.6-.28 5.1-.85 1.5-.56 2.68-1.42 3.54-2.56.88-1.14 1.31-2.55 1.31-4.23 0-.68-.07-1.31-.22-1.87-.13-.58-.32-1.09-.56-1.54a6.64 6.64 0 0 0-.8-1.27c-.3-.37-.74-.82-1.34-1.36-.39-.33-.67-.59-.85-.8-.18-.22-.27-.45-.27-.67 0-.46.26-.79.78-.98.53-.19 1.17-.29 1.91-.29.25 0 .51.01.78.04l-.71-6.88a10.4 10.4 0 0 0-1.56-.11c-1.66 0-3.21.21-4.65.62Zm19.54 15.71c-.99 0-1.71-.23-2.14-.69-.42-.47-.62-1.18-.62-2.11v-6.57h4.21V8.66h-4.21V3.38l-7.34 1.85V24.1c0 2.45.47 4.29 1.4 5.52.95 1.22 2.45 1.83 4.49 1.83.95 0 1.86-.07 2.74-.22.88-.13 1.62-.34 2.25-.62l1.38-6.3c-.55.1-1.27.16-2.16.16Zm4.13-15.8v22.26h7.34V8.66h-7.34Zm5.67-1.87c.61-.3 1.08-.71 1.42-1.25.36-.55.53-1.19.53-1.94s-.18-1.34-.53-1.89a3.43 3.43 0 0 0-1.42-1.27c-.59-.3-1.25-.45-1.98-.45s-1.42.15-2.02.45c-.59.3-1.07.72-1.42 1.27-.36.55-.53 1.18-.53 1.89 0 1.1.38 1.97 1.14 2.63.76.65 1.71.98 2.85.98.73 0 1.39-.14 1.98-.42Zm27.51 1.87v22.26h-7.34v-2.28c-.41.43-.85.83-1.34 1.19-1.44 1.07-3.12 1.6-5.05 1.6s-3.61-.52-5.1-1.56c-1.48-1.05-2.63-2.47-3.45-4.25-.82-1.78-1.22-3.73-1.22-5.85s.41-4.07 1.22-5.83c.82-1.78 1.97-3.19 3.45-4.23 1.48-1.05 3.18-1.58 5.1-1.58s3.61.53 5.05 1.6c.48.36.93.75 1.34 1.19V8.66h7.34Zm-7.1 11.11c0-.8-.19-1.53-.56-2.18-.37-.67-.88-1.19-1.54-1.58-.64-.39-1.34-.58-2.09-.58s-1.45.19-2.09.58c-.64.39-1.15.91-1.54 1.58-.37.67-.56 1.39-.56 2.18s.19 1.51.56 2.18c.39.67.9 1.19 1.54 1.58.64.39 1.34.58 2.09.58s1.45-.19 2.09-.58c.65-.39 1.16-.91 1.54-1.56.37-.67.56-1.4.56-2.2Z" })
     }
   );
 };
@@ -11881,7 +11995,7 @@ var WistiaLogo = ({
   };
   const brandmarkColor = VARIANT_COLORS[variant].brandmark;
   const logotypeColor = VARIANT_COLORS[variant].logotype;
-  const Logo = /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
+  const Logo = /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(
     WistiaLogoComponent,
     {
       $hoverColor: hoverColor,
@@ -11894,14 +12008,14 @@ var WistiaLogo = ({
       xmlns: "http://www.w3.org/2000/svg",
       ...otherProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("title", { children: title }),
-        (0, import_type_guards46.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("desc", { children: description }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("title", { children: title }),
+        (0, import_type_guards46.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("desc", { children: description }) : null,
         renderBrandmark(brandmarkColor, iconOnly),
         renderLogotype(logotypeColor, iconOnly)
       ]
     }
   );
-  return href !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("a", { href, children: Logo }) : Logo;
+  return href !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("a", { href, children: Logo }) : Logo;
 };
 WistiaLogo.displayName = "WistiaLogo";
 // Annotate the CommonJS export names for ESM import in node: