npm - @wistia/ui - Versions diffs - 0.11.1 → 0.11.2 - Mend

@wistia/ui 0.11.1 → 0.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 /*
- * @license @wistia/ui v0.11.1
+ * @license @wistia/ui v0.11.2
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -4909,9 +4909,9 @@ var LeaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
   }
 );
-// src/components/Icon/icons/LinkIcon.tsx
+// src/components/Icon/icons/LightBulbIcon.tsx
 var import_jsx_runtime95 = require("react/jsx-runtime");
-var LinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+var LightBulbIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
   "svg",
   {
     ...props,
@@ -4921,7 +4921,7 @@ var LinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       "path",
       {
         clipRule: "evenodd",
-        d: "M11.765 15.3278C11.937 15.6878 12.2943 15.8972 12.6677 15.8972C12.813 15.8972 12.9597 15.8665 13.0983 15.7998C13.681 15.5212 14.2103 15.1465 14.685 14.6718C16.913 12.4439 16.913 8.81853 14.685 6.59053L11.785 3.69054C9.55833 1.46121 5.93434 1.46255 3.69168 3.70387C1.46369 5.93187 1.46369 9.55586 3.69168 11.7839L4.93301 13.0252C5.32368 13.4158 5.95701 13.4158 6.34768 13.0252C6.73834 12.6345 6.73834 12.0012 6.34768 11.6105L5.10635 10.3692C3.65835 8.92119 3.65835 6.5652 5.11968 5.10387C6.56767 3.65587 8.925 3.65721 10.3717 5.10387L13.2717 8.00386C14.7197 9.45319 14.7197 11.8092 13.2583 13.2705C12.9583 13.5705 12.6143 13.8145 12.237 13.9945C11.737 14.2332 11.5263 14.8292 11.765 15.3278ZM12.2157 20.3092C13.3277 21.4225 14.7877 21.9785 16.2503 21.9785C17.717 21.9785 19.1863 21.4185 20.309 20.2958C22.537 18.0678 22.537 14.4438 20.309 12.2159L19.0676 10.9745C18.677 10.5839 18.0437 10.5839 17.653 10.9745C17.2623 11.3652 17.2623 11.9985 17.653 12.3892L18.8943 13.6305C20.3423 15.0785 20.3423 17.4345 18.881 18.8958C17.433 20.3438 15.077 20.3425 13.629 18.8958L10.729 15.9958C9.28101 14.5465 9.28101 12.1905 10.7423 10.7292C11.0423 10.4292 11.3863 10.1852 11.7637 10.0052C12.2637 9.76653 12.4743 9.17053 12.2357 8.67186C11.9957 8.17186 11.397 7.95986 10.9023 8.19986C10.3197 8.47853 9.79034 8.85319 9.31567 9.32786C7.08768 11.5559 7.08768 15.1812 9.31567 17.4092L12.2157 20.3092Z",
+        d: "M11 2.33333C11 2.88533 11.448 3.33333 12 3.33333C12.552 3.33333 13 2.88533 13 2.33333V1C13 0.448 12.552 0 12 0C11.448 0 11 0.448 11 1V2.33333ZM18.128 5.87201C18.3227 6.06801 18.5787 6.16535 18.8347 6.16535C19.0907 6.16535 19.348 6.06668 19.5427 5.87201L20.4853 4.92935C20.876 4.53868 20.876 3.90535 20.4853 3.51468C20.0947 3.12401 19.4613 3.12401 19.0707 3.51468L18.128 4.45735C17.7373 4.84801 17.7373 5.48135 18.128 5.87201ZM23 13H21.6667C21.1147 13 20.6667 12.552 20.6667 12C20.6667 11.448 21.1147 11 21.6667 11H23C23.552 11 24 11.448 24 12C24 12.552 23.552 13 23 13ZM4.45867 5.87201C4.65334 6.06801 4.90934 6.16535 5.16534 6.16535C5.42134 6.16535 5.67867 6.06668 5.87334 5.87201C6.264 5.48135 6.264 4.84801 5.87334 4.45735L4.93067 3.51468C4.54 3.12401 3.90667 3.12401 3.516 3.51468C3.12534 3.90535 3.12534 4.53868 3.516 4.92935L4.45867 5.87201ZM2.33333 13H1C0.448 13 0 12.552 0 12C0 11.448 0.448 11 1 11H2.33333C2.88533 11 3.33333 11.448 3.33333 12C3.33333 12.552 2.88533 13 2.33333 13ZM10.4253 4.83203C12.6387 4.3667 14.8973 4.90537 16.6213 6.30537C18.344 7.70537 19.3333 9.78137 19.3333 12C19.3333 14.7854 17.784 17.276 15.3333 18.5214V21C15.3333 22.2867 14.2867 23.3334 13 23.3334H11C9.71334 23.3334 8.66668 22.2867 8.66668 21V18.5214C5.82934 17.08 4.24268 13.9907 4.76668 10.776C5.24668 7.82803 7.52134 5.44003 10.4253 4.83203ZM11 21.3334H13C13.184 21.3334 13.3333 21.184 13.3333 21V18.6667H10.6667V21C10.6667 21.184 10.816 21.3334 11 21.3334Z",
         fill: "currentColor",
         fillRule: "evenodd"
       }
@@ -4929,9 +4929,9 @@ var LinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
   }
 );
-// src/components/Icon/icons/ListIcon.tsx
+// src/components/Icon/icons/LinkIcon.tsx
 var import_jsx_runtime96 = require("react/jsx-runtime");
-var ListIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+var LinkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
   "svg",
   {
     ...props,
@@ -4941,7 +4941,7 @@ var ListIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "path",
       {
         clipRule: "evenodd",
-        d: "M8.33295 2.66653H4.99962C3.71096 2.66653 2.66629 3.7112 2.66629 4.99986V8.33319C2.66629 9.62185 3.71096 10.6665 4.99962 10.6665H8.33295C9.62161 10.6665 10.6663 9.62185 10.6663 8.33319V4.99986C10.6663 3.7112 9.62161 2.66653 8.33295 2.66653ZM13.6663 3.99987H20.3329C20.8849 3.99987 21.3329 4.44787 21.3329 4.99987C21.3329 5.55186 20.8849 5.99986 20.3329 5.99986H13.6663C13.1143 5.99986 12.6663 5.55186 12.6663 4.99987C12.6663 4.44787 13.1143 3.99987 13.6663 3.99987ZM13.6663 7.99986H20.3329C20.8849 7.99986 21.3329 8.44786 21.3329 8.99986C21.3329 9.55185 20.8849 9.99985 20.3329 9.99985H13.6663C13.1143 9.99985 12.6663 9.55185 12.6663 8.99986C12.6663 8.44786 13.1143 7.99986 13.6663 7.99986ZM20.3329 13.9998H13.6663C13.1143 13.9998 12.6663 14.4478 12.6663 14.9998C12.6663 15.5518 13.1143 15.9998 13.6663 15.9998H20.3329C20.8849 15.9998 21.3329 15.5518 21.3329 14.9998C21.3329 14.4478 20.8849 13.9998 20.3329 13.9998ZM13.6663 17.9998H20.3329C20.8849 17.9998 21.3329 18.4478 21.3329 18.9998C21.3329 19.5518 20.8849 19.9998 20.3329 19.9998H13.6663C13.1143 19.9998 12.6663 19.5518 12.6663 18.9998C12.6663 18.4478 13.1143 17.9998 13.6663 17.9998ZM4.99962 13.3332H8.33295C9.62161 13.3332 10.6663 14.3778 10.6663 15.6665V18.9998C10.6663 20.2885 9.62161 21.3332 8.33295 21.3332H4.99962C3.71096 21.3332 2.66629 20.2885 2.66629 18.9998V15.6665C2.66629 14.3778 3.71096 13.3332 4.99962 13.3332Z",
+        d: "M11.765 15.3278C11.937 15.6878 12.2943 15.8972 12.6677 15.8972C12.813 15.8972 12.9597 15.8665 13.0983 15.7998C13.681 15.5212 14.2103 15.1465 14.685 14.6718C16.913 12.4439 16.913 8.81853 14.685 6.59053L11.785 3.69054C9.55833 1.46121 5.93434 1.46255 3.69168 3.70387C1.46369 5.93187 1.46369 9.55586 3.69168 11.7839L4.93301 13.0252C5.32368 13.4158 5.95701 13.4158 6.34768 13.0252C6.73834 12.6345 6.73834 12.0012 6.34768 11.6105L5.10635 10.3692C3.65835 8.92119 3.65835 6.5652 5.11968 5.10387C6.56767 3.65587 8.925 3.65721 10.3717 5.10387L13.2717 8.00386C14.7197 9.45319 14.7197 11.8092 13.2583 13.2705C12.9583 13.5705 12.6143 13.8145 12.237 13.9945C11.737 14.2332 11.5263 14.8292 11.765 15.3278ZM12.2157 20.3092C13.3277 21.4225 14.7877 21.9785 16.2503 21.9785C17.717 21.9785 19.1863 21.4185 20.309 20.2958C22.537 18.0678 22.537 14.4438 20.309 12.2159L19.0676 10.9745C18.677 10.5839 18.0437 10.5839 17.653 10.9745C17.2623 11.3652 17.2623 11.9985 17.653 12.3892L18.8943 13.6305C20.3423 15.0785 20.3423 17.4345 18.881 18.8958C17.433 20.3438 15.077 20.3425 13.629 18.8958L10.729 15.9958C9.28101 14.5465 9.28101 12.1905 10.7423 10.7292C11.0423 10.4292 11.3863 10.1852 11.7637 10.0052C12.2637 9.76653 12.4743 9.17053 12.2357 8.67186C11.9957 8.17186 11.397 7.95986 10.9023 8.19986C10.3197 8.47853 9.79034 8.85319 9.31567 9.32786C7.08768 11.5559 7.08768 15.1812 9.31567 17.4092L12.2157 20.3092Z",
         fill: "currentColor",
         fillRule: "evenodd"
       }
@@ -4949,15 +4949,35 @@ var ListIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
   }
 );
-// src/components/Icon/icons/LiveIcon.tsx
+// src/components/Icon/icons/ListIcon.tsx
 var import_jsx_runtime97 = require("react/jsx-runtime");
-var LiveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+var ListIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M8.33295 2.66653H4.99962C3.71096 2.66653 2.66629 3.7112 2.66629 4.99986V8.33319C2.66629 9.62185 3.71096 10.6665 4.99962 10.6665H8.33295C9.62161 10.6665 10.6663 9.62185 10.6663 8.33319V4.99986C10.6663 3.7112 9.62161 2.66653 8.33295 2.66653ZM13.6663 3.99987H20.3329C20.8849 3.99987 21.3329 4.44787 21.3329 4.99987C21.3329 5.55186 20.8849 5.99986 20.3329 5.99986H13.6663C13.1143 5.99986 12.6663 5.55186 12.6663 4.99987C12.6663 4.44787 13.1143 3.99987 13.6663 3.99987ZM13.6663 7.99986H20.3329C20.8849 7.99986 21.3329 8.44786 21.3329 8.99986C21.3329 9.55185 20.8849 9.99985 20.3329 9.99985H13.6663C13.1143 9.99985 12.6663 9.55185 12.6663 8.99986C12.6663 8.44786 13.1143 7.99986 13.6663 7.99986ZM20.3329 13.9998H13.6663C13.1143 13.9998 12.6663 14.4478 12.6663 14.9998C12.6663 15.5518 13.1143 15.9998 13.6663 15.9998H20.3329C20.8849 15.9998 21.3329 15.5518 21.3329 14.9998C21.3329 14.4478 20.8849 13.9998 20.3329 13.9998ZM13.6663 17.9998H20.3329C20.8849 17.9998 21.3329 18.4478 21.3329 18.9998C21.3329 19.5518 20.8849 19.9998 20.3329 19.9998H13.6663C13.1143 19.9998 12.6663 19.5518 12.6663 18.9998C12.6663 18.4478 13.1143 17.9998 13.6663 17.9998ZM4.99962 13.3332H8.33295C9.62161 13.3332 10.6663 14.3778 10.6663 15.6665V18.9998C10.6663 20.2885 9.62161 21.3332 8.33295 21.3332H4.99962C3.71096 21.3332 2.66629 20.2885 2.66629 18.9998V15.6665C2.66629 14.3778 3.71096 13.3332 4.99962 13.3332Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
+      }
+    )
+  }
+);
+// src/components/Icon/icons/LiveIcon.tsx
+var import_jsx_runtime98 = require("react/jsx-runtime");
+var LiveIcon = (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_runtime98.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -4970,22 +4990,22 @@ var LiveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
 );
 // src/components/Icon/icons/LocalizationIcon.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
-var LocalizationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+var import_jsx_runtime99 = require("react/jsx-runtime");
+var LocalizationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime98.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         "path",
         {
           clipRule: "evenodd",
@@ -4994,14 +5014,14 @@ var LocalizationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)
           fillRule: "evenodd"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime98.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         "path",
         {
           clipRule: "evenodd",
@@ -5015,14 +5035,14 @@ var LocalizationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)
 );
 // src/components/Icon/icons/LockIcon.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
-var LockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+var import_jsx_runtime100 = require("react/jsx-runtime");
+var LockIcon = (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",
@@ -5035,14 +5055,14 @@ var LockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
 );
 // src/components/Icon/icons/LogoutIcon.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
-var LogoutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+var import_jsx_runtime101 = require("react/jsx-runtime");
+var LogoutIcon = (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",
       {
         clipRule: "evenodd",
@@ -5055,14 +5075,14 @@ var LogoutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
 );
 // src/components/Icon/icons/MaximizeIcon.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
-var MaximizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+var import_jsx_runtime102 = require("react/jsx-runtime");
+var MaximizeIcon = (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",
@@ -5075,14 +5095,14 @@ var MaximizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
 );
 // src/components/Icon/icons/MediaIcon.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
-var MediaIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var import_jsx_runtime103 = require("react/jsx-runtime");
+var MediaIcon = (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",
       {
         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",
@@ -5093,14 +5113,14 @@ var MediaIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
 );
 // src/components/Icon/icons/MegaphoneIcon.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
-var MegaphoneIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+var import_jsx_runtime104 = require("react/jsx-runtime");
+var MegaphoneIcon = (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",
@@ -5113,14 +5133,14 @@ var MegaphoneIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
 );
 // src/components/Icon/icons/MenuIcon.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
-var MenuIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+var import_jsx_runtime105 = require("react/jsx-runtime");
+var MenuIcon = (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",
@@ -5133,14 +5153,14 @@ var MenuIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
 );
 // src/components/Icon/icons/MicIcon.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
-var MicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+var import_jsx_runtime106 = require("react/jsx-runtime");
+var MicIcon = (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",
@@ -5153,14 +5173,14 @@ var MicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
 );
 // src/components/Icon/icons/MicOffIcon.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime");
-var MicOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+var import_jsx_runtime107 = require("react/jsx-runtime");
+var MicOffIcon = (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",
       {
         clipRule: "evenodd",
@@ -5173,14 +5193,14 @@ var MicOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
 );
 // src/components/Icon/icons/MinimizeIcon.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
-var MinimizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+var import_jsx_runtime108 = require("react/jsx-runtime");
+var MinimizeIcon = (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",
       {
         clipRule: "evenodd",
@@ -5193,14 +5213,14 @@ var MinimizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
 );
 // src/components/Icon/icons/MinusIcon.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
-var MinusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+var import_jsx_runtime109 = require("react/jsx-runtime");
+var MinusIcon = (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",
       {
         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",
@@ -5211,14 +5231,14 @@ var MinusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
 );
 // src/components/Icon/icons/MinusCircleIcon.tsx
-var import_jsx_runtime109 = require("react/jsx-runtime");
-var MinusCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+var import_jsx_runtime110 = require("react/jsx-runtime");
+var MinusCircleIcon = (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",
       {
         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",
@@ -5229,14 +5249,14 @@ var MinusCircleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
 );
 // src/components/Icon/icons/MobileIcon.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
-var MobileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+var import_jsx_runtime111 = require("react/jsx-runtime");
+var MobileIcon = (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",
@@ -5249,14 +5269,14 @@ var MobileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
 );
 // src/components/Icon/icons/MoreOptionsIcon.tsx
-var import_jsx_runtime111 = require("react/jsx-runtime");
-var MoreOptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+var import_jsx_runtime112 = require("react/jsx-runtime");
+var MoreOptionsIcon = (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",
@@ -5269,14 +5289,14 @@ var MoreOptionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
 );
 // src/components/Icon/icons/MoveLeftIcon.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime");
-var MoveLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+var import_jsx_runtime113 = require("react/jsx-runtime");
+var MoveLeftIcon = (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",
       {
         clipRule: "evenodd",
@@ -5289,14 +5309,14 @@ var MoveLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
 );
 // src/components/Icon/icons/MoveRightIcon.tsx
-var import_jsx_runtime113 = require("react/jsx-runtime");
-var MoveRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+var import_jsx_runtime114 = require("react/jsx-runtime");
+var MoveRightIcon = (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",
       {
         clipRule: "evenodd",
@@ -5309,14 +5329,14 @@ var MoveRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
 );
 // src/components/Icon/icons/MusicIcon.tsx
-var import_jsx_runtime114 = require("react/jsx-runtime");
-var MusicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+var import_jsx_runtime115 = require("react/jsx-runtime");
+var MusicIcon = (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",
       {
         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",
@@ -5327,14 +5347,14 @@ var MusicIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
 );
 // src/components/Icon/icons/OnAirIcon.tsx
-var import_jsx_runtime115 = require("react/jsx-runtime");
-var OnAirIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+var import_jsx_runtime116 = require("react/jsx-runtime");
+var OnAirIcon = (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",
       {
         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",
@@ -5345,14 +5365,14 @@ var OnAirIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
 );
 // src/components/Icon/icons/OpenNewIcon.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime");
-var OpenNewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+var import_jsx_runtime117 = require("react/jsx-runtime");
+var OpenNewIcon = (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",
@@ -5365,14 +5385,14 @@ var OpenNewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
 );
 // src/components/Icon/icons/OverviewIcon.tsx
-var import_jsx_runtime117 = require("react/jsx-runtime");
-var OverviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+var import_jsx_runtime118 = require("react/jsx-runtime");
+var OverviewIcon = (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",
       {
         clipRule: "evenodd",
@@ -5385,14 +5405,14 @@ var OverviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
 );
 // src/components/Icon/icons/PageIcon.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime");
-var PageIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+var import_jsx_runtime119 = require("react/jsx-runtime");
+var PageIcon = (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",
       {
         clipRule: "evenodd",
@@ -5405,14 +5425,14 @@ var PageIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
 );
 // src/components/Icon/icons/PanelLeftIcon.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
-var PanelLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+var import_jsx_runtime120 = require("react/jsx-runtime");
+var PanelLeftIcon = (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.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",
@@ -5423,14 +5443,14 @@ var PanelLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
 );
 // src/components/Icon/icons/PanelRightIcon.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime");
-var PanelRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+var import_jsx_runtime121 = require("react/jsx-runtime");
+var PanelRightIcon = (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",
       {
         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",
@@ -5441,14 +5461,14 @@ var PanelRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
 );
 // src/components/Icon/icons/PanelUpIcon.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime");
-var PanelUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+var import_jsx_runtime122 = require("react/jsx-runtime");
+var PanelUpIcon = (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",
       {
         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",
@@ -5459,14 +5479,14 @@ var PanelUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
 );
 // src/components/Icon/icons/PasswordIcon.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
-var PasswordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+var import_jsx_runtime123 = require("react/jsx-runtime");
+var PasswordIcon = (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",
       {
         clipRule: "evenodd",
@@ -5479,14 +5499,14 @@ var PasswordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
 );
 // src/components/Icon/icons/PauseIcon.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
-var PauseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+var import_jsx_runtime124 = require("react/jsx-runtime");
+var PauseIcon = (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",
@@ -5499,14 +5519,14 @@ var PauseIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
 );
 // src/components/Icon/icons/PencilIcon.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime");
-var PencilIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+var import_jsx_runtime125 = require("react/jsx-runtime");
+var PencilIcon = (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",
       {
         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",
@@ -5517,14 +5537,14 @@ var PencilIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
 );
 // src/components/Icon/icons/PeopleIcon.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
-var PeopleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+var import_jsx_runtime126 = require("react/jsx-runtime");
+var PeopleIcon = (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",
@@ -5537,14 +5557,14 @@ var PeopleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
 );
 // src/components/Icon/icons/PinIcon.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
-var PinIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+var import_jsx_runtime127 = require("react/jsx-runtime");
+var PinIcon = (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",
       {
         clipRule: "evenodd",
@@ -5557,14 +5577,14 @@ var PinIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
 );
 // src/components/Icon/icons/PinSlashIcon.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
-var PinSlashIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+var import_jsx_runtime128 = require("react/jsx-runtime");
+var PinSlashIcon = (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",
       {
         clipRule: "evenodd",
@@ -5577,14 +5597,14 @@ var PinSlashIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
 );
 // src/components/Icon/icons/PipIcon.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
-var PipIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+var import_jsx_runtime129 = require("react/jsx-runtime");
+var PipIcon = (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: "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",
@@ -5595,14 +5615,14 @@ var PipIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
 );
 // src/components/Icon/icons/PlayIcon.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
-var PlayIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+var import_jsx_runtime130 = require("react/jsx-runtime");
+var PlayIcon = (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",
       {
         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",
@@ -5613,14 +5633,14 @@ var PlayIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
 );
 // src/components/Icon/icons/PlayerIcon.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
-var PlayerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+var import_jsx_runtime131 = require("react/jsx-runtime");
+var PlayerIcon = (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",
       {
         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",
@@ -5631,14 +5651,14 @@ var PlayerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
 );
 // src/components/Icon/icons/PlaylistIcon.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
-var PlaylistIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+var import_jsx_runtime132 = require("react/jsx-runtime");
+var PlaylistIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
       "path",
       {
         d: "M13.4127 11.582C13.8595 11.5821 14.2223 11.9801 14.2223 12.4707C14.2222 12.9612 13.8595 13.3593 13.4127 13.3594H5.23401C4.78722 13.3594 4.42455 12.9613 4.42444 12.4707C4.42444 11.98 4.78715 11.582 5.23401 11.582H13.4127ZM2.15588 5.62109C2.38676 5.51013 2.6605 5.54203 2.86096 5.70215L5.08362 7.47949C5.24149 7.60572 5.33362 7.79739 5.33362 8C5.3336 8.20261 5.24152 8.39421 5.08362 8.52051L2.86096 10.2979C2.6605 10.4579 2.38677 10.4899 2.15588 10.3789C1.92451 10.2682 1.77795 10.0334 1.77795 9.77734V6.22266C1.77795 5.96657 1.92451 5.73176 2.15588 5.62109ZM13.4127 7.33301C13.8596 7.33301 14.2223 7.73199 14.2223 8.22266C14.2221 8.71312 13.8594 9.11133 13.4127 9.11133H7.4762C7.02948 9.11132 6.66684 8.71312 6.66663 8.22266C6.66663 7.732 7.02935 7.33302 7.4762 7.33301H13.4127ZM13.4127 2.66699C13.8595 2.66704 14.2223 3.06503 14.2223 3.55566C14.2222 4.04625 13.8595 4.44428 13.4127 4.44434H5.23401C4.78718 4.44434 4.42449 4.04628 4.42444 3.55566C4.42444 3.065 4.78715 2.66699 5.23401 2.66699H13.4127Z",
@@ -5650,14 +5670,14 @@ var PlaylistIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
 );
 // src/components/Icon/icons/PlusIcon.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime");
-var PlusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+var import_jsx_runtime133 = require("react/jsx-runtime");
+var PlusIcon = (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",
@@ -5670,14 +5690,14 @@ var PlusIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
 );
 // src/components/Icon/icons/PodcastIcon.tsx
-var import_jsx_runtime133 = require("react/jsx-runtime");
-var PodcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+var import_jsx_runtime134 = require("react/jsx-runtime");
+var PodcastIcon = (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",
@@ -5690,14 +5710,14 @@ var PodcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
 );
 // src/components/Icon/icons/PreviewIcon.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
-var PreviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+var import_jsx_runtime135 = require("react/jsx-runtime");
+var PreviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5710,14 +5730,14 @@ var PreviewIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
 );
 // src/components/Icon/icons/PrivateChatIcon.tsx
-var import_jsx_runtime135 = require("react/jsx-runtime");
-var PrivateChatIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+var import_jsx_runtime136 = require("react/jsx-runtime");
+var PrivateChatIcon = (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",
@@ -5730,14 +5750,14 @@ var PrivateChatIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
 );
 // src/components/Icon/icons/PrivateUserSessionsIcon.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime");
-var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+var import_jsx_runtime137 = require("react/jsx-runtime");
+var PrivateUserSessionsIcon = (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",
       {
         clipRule: "evenodd",
@@ -5750,15 +5770,15 @@ var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime1
 );
 // src/components/Icon/icons/ProjectIcon.tsx
-var import_jsx_runtime137 = require("react/jsx-runtime");
-var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+var import_jsx_runtime138 = require("react/jsx-runtime");
+var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
         "path",
         {
           clipRule: "evenodd",
@@ -5767,7 +5787,7 @@ var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
           fillRule: "evenodd"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime138.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",
@@ -5779,14 +5799,14 @@ var ProjectIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
 );
 // src/components/Icon/icons/PropertiesIcon.tsx
-var import_jsx_runtime138 = require("react/jsx-runtime");
-var PropertiesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+var import_jsx_runtime139 = require("react/jsx-runtime");
+var PropertiesIcon = (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",
@@ -5799,14 +5819,14 @@ var PropertiesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
 );
 // src/components/Icon/icons/QuestionMarkIcon.tsx
-var import_jsx_runtime139 = require("react/jsx-runtime");
-var QuestionMarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+var import_jsx_runtime140 = require("react/jsx-runtime");
+var QuestionMarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.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_runtime140.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",
@@ -5817,14 +5837,14 @@ var QuestionMarkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)
 );
 // src/components/Icon/icons/ReactIcon.tsx
-var import_jsx_runtime140 = require("react/jsx-runtime");
-var ReactIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+var import_jsx_runtime141 = require("react/jsx-runtime");
+var ReactIcon = (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_runtime140.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime141.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",
@@ -5835,14 +5855,14 @@ var ReactIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
 );
 // src/components/Icon/icons/RecordIcon.tsx
-var import_jsx_runtime141 = require("react/jsx-runtime");
-var RecordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+var import_jsx_runtime142 = require("react/jsx-runtime");
+var RecordIcon = (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_runtime141.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5855,43 +5875,43 @@ var RecordIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
 );
 // src/components/Icon/icons/RecordGroupIcon.tsx
-var import_jsx_runtime142 = require("react/jsx-runtime");
-var RecordGroupIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+var import_jsx_runtime143 = require("react/jsx-runtime");
+var RecordGroupIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime143.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_runtime142.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime143.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_runtime142.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime143.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_runtime142.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime143.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_runtime142.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
         "path",
         {
           clipRule: "evenodd",
@@ -5905,14 +5925,14 @@ var RecordGroupIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)
 );
 // src/components/Icon/icons/RedoIcon.tsx
-var import_jsx_runtime143 = require("react/jsx-runtime");
-var RedoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+var import_jsx_runtime144 = require("react/jsx-runtime");
+var RedoIcon = (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_runtime143.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5925,14 +5945,14 @@ var RedoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
 );
 // src/components/Icon/icons/RefreshIcon.tsx
-var import_jsx_runtime144 = require("react/jsx-runtime");
-var RefreshIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+var import_jsx_runtime145 = require("react/jsx-runtime");
+var RefreshIcon = (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_runtime144.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5945,14 +5965,14 @@ var RefreshIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
 );
 // src/components/Icon/icons/ReplaceIcon.tsx
-var import_jsx_runtime145 = require("react/jsx-runtime");
-var ReplaceIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+var import_jsx_runtime146 = require("react/jsx-runtime");
+var ReplaceIcon = (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_runtime145.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5965,14 +5985,14 @@ var ReplaceIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
 );
 // src/components/Icon/icons/ReplyIcon.tsx
-var import_jsx_runtime146 = require("react/jsx-runtime");
-var ReplyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+var import_jsx_runtime147 = require("react/jsx-runtime");
+var ReplyIcon = (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_runtime146.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -5985,14 +6005,14 @@ var ReplyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
 );
 // src/components/Icon/icons/RequestVideoIcon.tsx
-var import_jsx_runtime147 = require("react/jsx-runtime");
-var RequestVideoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+var import_jsx_runtime148 = require("react/jsx-runtime");
+var RequestVideoIcon = (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_runtime147.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6005,14 +6025,14 @@ var RequestVideoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)
 );
 // src/components/Icon/icons/RevertToOriginalIcon.tsx
-var import_jsx_runtime148 = require("react/jsx-runtime");
-var RevertToOriginalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+var import_jsx_runtime149 = require("react/jsx-runtime");
+var RevertToOriginalIcon = (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_runtime148.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6025,14 +6045,14 @@ var RevertToOriginalIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime148.
 );
 // src/components/Icon/icons/RewindIcon.tsx
-var import_jsx_runtime149 = require("react/jsx-runtime");
-var RewindIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+var import_jsx_runtime150 = require("react/jsx-runtime");
+var RewindIcon = (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_runtime149.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime150.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",
@@ -6043,14 +6063,14 @@ var RewindIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
 );
 // src/components/Icon/icons/SaveIcon.tsx
-var import_jsx_runtime150 = require("react/jsx-runtime");
-var SaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+var import_jsx_runtime151 = require("react/jsx-runtime");
+var SaveIcon = (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_runtime150.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime151.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",
@@ -6061,14 +6081,14 @@ var SaveIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
 );
 // src/components/Icon/icons/SaveAsCopyIcon.tsx
-var import_jsx_runtime151 = require("react/jsx-runtime");
-var SaveAsCopyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+var import_jsx_runtime152 = require("react/jsx-runtime");
+var SaveAsCopyIcon = (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_runtime151.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6081,14 +6101,14 @@ var SaveAsCopyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
 );
 // src/components/Icon/icons/ScissorsIcon.tsx
-var import_jsx_runtime152 = require("react/jsx-runtime");
-var ScissorsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+var import_jsx_runtime153 = require("react/jsx-runtime");
+var ScissorsIcon = (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_runtime152.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime153.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",
@@ -6099,14 +6119,14 @@ var ScissorsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
 );
 // src/components/Icon/icons/ScreenshareOffIcon.tsx
-var import_jsx_runtime153 = require("react/jsx-runtime");
-var ScreenshareOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+var import_jsx_runtime154 = require("react/jsx-runtime");
+var ScreenshareOffIcon = (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_runtime153.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6119,14 +6139,14 @@ var ScreenshareOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime153.js
 );
 // src/components/Icon/icons/ScreenshareOnIcon.tsx
-var import_jsx_runtime154 = require("react/jsx-runtime");
-var ScreenshareOnIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+var import_jsx_runtime155 = require("react/jsx-runtime");
+var ScreenshareOnIcon = (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_runtime154.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6139,14 +6159,14 @@ var ScreenshareOnIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime154.jsx
 );
 // src/components/Icon/icons/SearchIcon.tsx
-var import_jsx_runtime155 = require("react/jsx-runtime");
-var SearchIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+var import_jsx_runtime156 = require("react/jsx-runtime");
+var SearchIcon = (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_runtime155.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6159,14 +6179,14 @@ var SearchIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
 );
 // src/components/Icon/icons/SendIcon.tsx
-var import_jsx_runtime156 = require("react/jsx-runtime");
-var SendIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
+var import_jsx_runtime157 = require("react/jsx-runtime");
+var SendIcon = (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_runtime156.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime157.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",
@@ -6177,14 +6197,14 @@ var SendIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
 );
 // src/components/Icon/icons/ShapesIcon.tsx
-var import_jsx_runtime157 = require("react/jsx-runtime");
-var ShapesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
+var import_jsx_runtime158 = require("react/jsx-runtime");
+var ShapesIcon = (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_runtime157.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6197,14 +6217,14 @@ var ShapesIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
 );
 // src/components/Icon/icons/ShareIcon.tsx
-var import_jsx_runtime158 = require("react/jsx-runtime");
-var ShareIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+var import_jsx_runtime159 = require("react/jsx-runtime");
+var ShareIcon = (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_runtime158.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6217,14 +6237,14 @@ var ShareIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
 );
 // src/components/Icon/icons/SharingPermissionsIcon.tsx
-var import_jsx_runtime159 = require("react/jsx-runtime");
-var SharingPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
+var import_jsx_runtime160 = require("react/jsx-runtime");
+var SharingPermissionsIcon = (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_runtime159.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6237,14 +6257,14 @@ var SharingPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime15
 );
 // src/components/Icon/icons/SimulcastIcon.tsx
-var import_jsx_runtime160 = require("react/jsx-runtime");
-var SimulcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
+var import_jsx_runtime161 = require("react/jsx-runtime");
+var SimulcastIcon = (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_runtime160.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6257,14 +6277,14 @@ var SimulcastIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
 );
 // src/components/Icon/icons/SortIcon.tsx
-var import_jsx_runtime161 = require("react/jsx-runtime");
-var SortIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
+var import_jsx_runtime162 = require("react/jsx-runtime");
+var SortIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime162.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_runtime162.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6277,14 +6297,14 @@ var SortIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
 );
 // src/components/Icon/icons/SparkleIcon.tsx
-var import_jsx_runtime162 = require("react/jsx-runtime");
-var SparkleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
+var import_jsx_runtime163 = require("react/jsx-runtime");
+var SparkleIcon = (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_runtime162.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6297,14 +6317,14 @@ var SparkleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
 );
 // src/components/Icon/icons/SpeedIcon.tsx
-var import_jsx_runtime163 = require("react/jsx-runtime");
-var SpeedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
+var import_jsx_runtime164 = require("react/jsx-runtime");
+var SpeedIcon = (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_runtime163.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6317,15 +6337,15 @@ var SpeedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
 );
 // src/components/Icon/icons/SpinnerIcon.tsx
-var import_jsx_runtime164 = require("react/jsx-runtime");
-var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(
+var import_jsx_runtime165 = require("react/jsx-runtime");
+var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
         "path",
         {
           clipRule: "evenodd",
@@ -6334,7 +6354,7 @@ var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(
           fillRule: "evenodd"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
         "animateTransform",
         {
           attributeName: "transform",
@@ -6350,14 +6370,14 @@ var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(
 );
 // src/components/Icon/icons/StatsIcon.tsx
-var import_jsx_runtime165 = require("react/jsx-runtime");
-var StatsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
+var import_jsx_runtime166 = require("react/jsx-runtime");
+var StatsIcon = (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_runtime165.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6370,14 +6390,14 @@ var StatsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
 );
 // src/components/Icon/icons/SwitchAccountsIcon.tsx
-var import_jsx_runtime166 = require("react/jsx-runtime");
-var SwitchAccountsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+var import_jsx_runtime167 = require("react/jsx-runtime");
+var SwitchAccountsIcon = (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_runtime166.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6390,14 +6410,14 @@ var SwitchAccountsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime166.js
 );
 // src/components/Icon/icons/TagIcon.tsx
-var import_jsx_runtime167 = require("react/jsx-runtime");
-var TagIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+var import_jsx_runtime168 = require("react/jsx-runtime");
+var TagIcon = (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_runtime167.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime168.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",
@@ -6408,14 +6428,14 @@ var TagIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
 );
 // src/components/Icon/icons/TeleprompterIcon.tsx
-var import_jsx_runtime168 = require("react/jsx-runtime");
-var TeleprompterIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+var import_jsx_runtime169 = require("react/jsx-runtime");
+var TeleprompterIcon = (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_runtime168.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6428,14 +6448,14 @@ var TeleprompterIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime168.jsx)
 );
 // src/components/Icon/icons/TextSizeIcon.tsx
-var import_jsx_runtime169 = require("react/jsx-runtime");
-var TextSizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
+var import_jsx_runtime170 = require("react/jsx-runtime");
+var TextSizeIcon = (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_runtime169.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6448,14 +6468,14 @@ var TextSizeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
 );
 // src/components/Icon/icons/ThumbnailIcon.tsx
-var import_jsx_runtime170 = require("react/jsx-runtime");
-var ThumbnailIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
+var import_jsx_runtime171 = require("react/jsx-runtime");
+var ThumbnailIcon = (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_runtime170.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6468,14 +6488,14 @@ var ThumbnailIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
 );
 // src/components/Icon/icons/ThumbsDownIcon.tsx
-var import_jsx_runtime171 = require("react/jsx-runtime");
-var ThumbsDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+var import_jsx_runtime172 = require("react/jsx-runtime");
+var ThumbsDownIcon = (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_runtime171.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6488,14 +6508,14 @@ var ThumbsDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
 );
 // src/components/Icon/icons/ThumbsUpIcon.tsx
-var import_jsx_runtime172 = require("react/jsx-runtime");
-var ThumbsUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+var import_jsx_runtime173 = require("react/jsx-runtime");
+var ThumbsUpIcon = (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_runtime172.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6508,14 +6528,14 @@ var ThumbsUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
 );
 // src/components/Icon/icons/TranscriptIcon.tsx
-var import_jsx_runtime173 = require("react/jsx-runtime");
-var TranscriptIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
+var import_jsx_runtime174 = require("react/jsx-runtime");
+var TranscriptIcon = (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_runtime173.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime174.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",
@@ -6526,14 +6546,14 @@ var TranscriptIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
 );
 // src/components/Icon/icons/TransitionsIcon.tsx
-var import_jsx_runtime174 = require("react/jsx-runtime");
-var TransitionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+var import_jsx_runtime175 = require("react/jsx-runtime");
+var TransitionsIcon = (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_runtime174.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6546,14 +6566,14 @@ var TransitionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
 );
 // src/components/Icon/icons/TransparencyIcon.tsx
-var import_jsx_runtime175 = require("react/jsx-runtime");
-var TransparencyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+var import_jsx_runtime176 = require("react/jsx-runtime");
+var TransparencyIcon = (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_runtime175.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6566,14 +6586,14 @@ var TransparencyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)
 );
 // src/components/Icon/icons/TrendsIcon.tsx
-var import_jsx_runtime176 = require("react/jsx-runtime");
-var TrendsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+var import_jsx_runtime177 = require("react/jsx-runtime");
+var TrendsIcon = (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_runtime176.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6586,14 +6606,14 @@ var TrendsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
 );
 // src/components/Icon/icons/TrialUnlockClockIcon.tsx
-var import_jsx_runtime177 = require("react/jsx-runtime");
-var TrialUnlockClockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+var import_jsx_runtime178 = require("react/jsx-runtime");
+var TrialUnlockClockIcon = (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_runtime177.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6606,14 +6626,14 @@ var TrialUnlockClockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime177.
 );
 // src/components/Icon/icons/TrimIcon.tsx
-var import_jsx_runtime178 = require("react/jsx-runtime");
-var TrimIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+var import_jsx_runtime179 = require("react/jsx-runtime");
+var TrimIcon = (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_runtime178.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6626,14 +6646,14 @@ var TrimIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
 );
 // src/components/Icon/icons/TurnstileIcon.tsx
-var import_jsx_runtime179 = require("react/jsx-runtime");
-var TurnstileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+var import_jsx_runtime180 = require("react/jsx-runtime");
+var TurnstileIcon = (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_runtime179.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6646,14 +6666,14 @@ var TurnstileIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
 );
 // src/components/Icon/icons/UndoIcon.tsx
-var import_jsx_runtime180 = require("react/jsx-runtime");
-var UndoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
+var import_jsx_runtime181 = require("react/jsx-runtime");
+var UndoIcon = (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_runtime180.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6666,14 +6686,14 @@ var UndoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
 );
 // src/components/Icon/icons/UnlockIcon.tsx
-var import_jsx_runtime181 = require("react/jsx-runtime");
-var UnlockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+var import_jsx_runtime182 = require("react/jsx-runtime");
+var UnlockIcon = (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_runtime181.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6686,14 +6706,14 @@ var UnlockIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
 );
 // src/components/Icon/icons/UploadIcon.tsx
-var import_jsx_runtime182 = require("react/jsx-runtime");
-var UploadIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
+var import_jsx_runtime183 = require("react/jsx-runtime");
+var UploadIcon = (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_runtime182.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6706,14 +6726,14 @@ var UploadIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
 );
 // src/components/Icon/icons/UsersPermissionsIcon.tsx
-var import_jsx_runtime183 = require("react/jsx-runtime");
-var UsersPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
+var import_jsx_runtime184 = require("react/jsx-runtime");
+var UsersPermissionsIcon = (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_runtime183.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6726,14 +6746,14 @@ var UsersPermissionsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime183.
 );
 // src/components/Icon/icons/ViewStreamIcon.tsx
-var import_jsx_runtime184 = require("react/jsx-runtime");
-var ViewStreamIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+var import_jsx_runtime185 = require("react/jsx-runtime");
+var ViewStreamIcon = (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_runtime184.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6746,14 +6766,14 @@ var ViewStreamIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
 );
 // src/components/Icon/icons/VolumeIcon.tsx
-var import_jsx_runtime185 = require("react/jsx-runtime");
-var VolumeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+var import_jsx_runtime186 = require("react/jsx-runtime");
+var VolumeIcon = (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_runtime185.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime186.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",
@@ -6764,14 +6784,14 @@ var VolumeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
 );
 // src/components/Icon/icons/VolumeOffIcon.tsx
-var import_jsx_runtime186 = require("react/jsx-runtime");
-var VolumeOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
+var import_jsx_runtime187 = require("react/jsx-runtime");
+var VolumeOffIcon = (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_runtime186.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6784,14 +6804,14 @@ var VolumeOffIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
 );
 // src/components/Icon/icons/VolumeUpIcon.tsx
-var import_jsx_runtime187 = require("react/jsx-runtime");
-var VolumeUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
+var import_jsx_runtime188 = require("react/jsx-runtime");
+var VolumeUpIcon = (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_runtime187.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6804,14 +6824,14 @@ var VolumeUpIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
 );
 // src/components/Icon/icons/VolumeXIcon.tsx
-var import_jsx_runtime188 = require("react/jsx-runtime");
-var VolumeXIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
+var import_jsx_runtime189 = require("react/jsx-runtime");
+var VolumeXIcon = (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_runtime188.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6824,14 +6844,14 @@ var VolumeXIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
 );
 // src/components/Icon/icons/WandIcon.tsx
-var import_jsx_runtime189 = require("react/jsx-runtime");
-var WandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
+var import_jsx_runtime190 = require("react/jsx-runtime");
+var WandIcon = (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_runtime189.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6844,14 +6864,14 @@ var WandIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
 );
 // src/components/Icon/icons/WaveformIcon.tsx
-var import_jsx_runtime190 = require("react/jsx-runtime");
-var WaveformIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
+var import_jsx_runtime191 = require("react/jsx-runtime");
+var WaveformIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6864,14 +6884,14 @@ var WaveformIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
 );
 // src/components/Icon/icons/ZoomInIcon.tsx
-var import_jsx_runtime191 = require("react/jsx-runtime");
-var ZoomInIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+var import_jsx_runtime192 = require("react/jsx-runtime");
+var ZoomInIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6884,14 +6904,14 @@ var ZoomInIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
 );
 // src/components/Icon/icons/ZoomOutIcon.tsx
-var import_jsx_runtime192 = require("react/jsx-runtime");
-var ZoomOutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
+var import_jsx_runtime193 = require("react/jsx-runtime");
+var ZoomOutIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
       "path",
       {
         clipRule: "evenodd",
@@ -6993,6 +7013,7 @@ var iconMap = {
   info: InfoIcon,
   integrations: IntegrationsIcon,
   leave: LeaveIcon,
+  "light-bulb": LightBulbIcon,
   link: LinkIcon,
   list: ListIcon,
   live: LiveIcon,
@@ -7111,7 +7132,7 @@ var useResponsiveProp = (values) => {
 };
 // src/components/Icon/Icon.tsx
-var import_jsx_runtime193 = require("react/jsx-runtime");
+var import_jsx_runtime194 = require("react/jsx-runtime");
 var iconSizeMap = {
   sm: "12",
   md: "16",
@@ -7148,7 +7169,7 @@ var Icon = ({
     ...style
   };
   const iconColor = invertColor ? "var(--wui-color-icon-on-fill)" : "var(--wui-color-icon)";
-  return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
     StyledIcon,
     {
       $colorScheme: colorScheme,
@@ -7172,7 +7193,7 @@ var import_react22 = require("react");
 var import_styled_components20 = __toESM(require("styled-components"));
 var import_react_router_dom = require("react-router-dom");
 var import_type_guards14 = require("@wistia/type-guards");
-var import_jsx_runtime194 = require("react/jsx-runtime");
+var import_jsx_runtime195 = require("react/jsx-runtime");
 var generateHref = (href, type, disabled) => {
   if (disabled || (0, import_type_guards14.isNil)(href)) {
     return void 0;
@@ -7259,7 +7280,7 @@ var Link = (0, import_react22.forwardRef)(
       "aria-disabled": ariaDisabled ?? (disabled ? "true" : void 0)
     };
     if (isButton(props)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
         StyledLink,
         {
           ref,
@@ -7289,7 +7310,7 @@ var Link = (0, import_react22.forwardRef)(
         ...externalLinkProps,
         ...routerSpecificProps
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(
         StyledLink,
         {
           ...combinedProps,
@@ -7308,7 +7329,7 @@ var Link = (0, import_react22.forwardRef)(
 Link.displayName = "Link";
 // src/components/Button/Button.tsx
-var import_jsx_runtime195 = require("react/jsx-runtime");
+var import_jsx_runtime196 = require("react/jsx-runtime");
 var isLink2 = (props) => (0, import_type_guards15.isNotUndefined)(props.href);
 var StyledButton = import_styled_components21.default.button`
   ${buttonResetCss}
@@ -7345,9 +7366,9 @@ var ButtonContent = ({
   children,
   fullWidth = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(import_jsx_runtime195.Fragment, { children: [
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(StyledButtonLoading, { children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(Icon, { type: "spinner" }) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)(import_jsx_runtime196.Fragment, { children: [
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(StyledButtonLoading, { children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(Icon, { type: "spinner" }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)(
       StyledButtonContent,
       {
         $hasLeftIcon: (0, import_type_guards15.isNotNil)(leftIcon),
@@ -7355,7 +7376,7 @@ var ButtonContent = ({
         $isLoading: isLoading,
         children: [
           leftIcon ?? null,
-          /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(StyledButtonContentLabel, { $fullWidth: fullWidth, children }),
+          /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(StyledButtonContentLabel, { $fullWidth: fullWidth, children }),
           rightIcon ?? null
         ]
       }
@@ -7395,7 +7416,7 @@ var Button = (0, import_react23.forwardRef)(
       commonProps.className = `${className ?? ""} force-state-${forceState}`;
     }
     if (isLink2(props)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
         StyledButton,
         {
           ref,
@@ -7403,7 +7424,7 @@ var Button = (0, import_react23.forwardRef)(
           disabled: isAriaDisabled(),
           ...props,
           ...commonProps,
-          children: unstyled ? children : /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+          children: unstyled ? children : /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
             ButtonContent,
             {
               fullWidth: responsiveFullWidth,
@@ -7425,7 +7446,7 @@ var Button = (0, import_react23.forwardRef)(
         onClick(event);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
       StyledButton,
       {
         ref,
@@ -7433,7 +7454,7 @@ var Button = (0, import_react23.forwardRef)(
         type: "button",
         ...props,
         ...commonProps,
-        children: unstyled ? children : /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+        children: unstyled ? children : /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
           ButtonContent,
           {
             fullWidth: responsiveFullWidth,
@@ -7450,7 +7471,7 @@ var Button = (0, import_react23.forwardRef)(
 Button.displayName = "Button";
 // src/components/ActionButton/ActionButton.tsx
-var import_jsx_runtime196 = require("react/jsx-runtime");
+var import_jsx_runtime197 = require("react/jsx-runtime");
 var StyledActionButton = (0, import_styled_components22.default)(Button)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   display: grid;
@@ -7563,7 +7584,7 @@ var ActionButton = (0, import_react24.forwardRef)(
       "menu-up": "caret-up",
       "menu-down": "caret-down"
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)(
       StyledActionButton,
       {
         ...props,
@@ -7573,15 +7594,15 @@ var ActionButton = (0, import_react24.forwardRef)(
         disabled,
         unstyled: true,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(StyledMainIcon, { children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(StyledSecondaryIcon, { $hideUntilHover: variant === "default", children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(StyledMainIcon, { children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(StyledSecondaryIcon, { $hideUntilHover: variant === "default", children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
             Icon,
             {
               colorScheme: variant === "gated" ? "purple" : "inherit",
               type: secondaryIconMap[variant]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(StyledLabel, { $disabled: disabled, children })
+          /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(StyledLabel, { $disabled: disabled, children })
         ]
       }
     );
@@ -7611,7 +7632,7 @@ var formatNameForDisplay = (name) => {
 // src/components/Image/Image.tsx
 var import_styled_components23 = __toESM(require("styled-components"));
 var import_type_guards17 = require("@wistia/type-guards");
-var import_jsx_runtime197 = require("react/jsx-runtime");
+var import_jsx_runtime198 = require("react/jsx-runtime");
 var getFillStyle = (fillContainer) => {
   if (fillContainer === "horizontal") {
     return "width: 100%;";
@@ -7644,7 +7665,7 @@ var Image = ({
   onLoad,
   onError,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
   StyledImage,
   {
     $borderRadius: borderRadius,
@@ -7663,7 +7684,7 @@ Image.displayName = "Image";
 // src/components/ColorSchemeWrapper/ColorSchemeWrapper.tsx
 var import_styled_components24 = __toESM(require("styled-components"));
-var import_jsx_runtime198 = require("react/jsx-runtime");
+var import_jsx_runtime199 = require("react/jsx-runtime");
 var defaultColorSchemeOptions = ["default", "inherit"];
 var semanticColorSchemeOptions = ["error", "info", "success", "warning"];
 var brandColorSchemeOptions = [
@@ -7693,7 +7714,7 @@ var ColorSchemeWrapper = ({
   colorScheme = "inherit",
   children,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
   StyledColorSchemeWrapper,
   {
     $colorScheme: colorScheme,
@@ -7705,13 +7726,13 @@ var ColorSchemeWrapper = ({
 ColorSchemeWrapper.displayName = "ColorSchemeWrapper";
 // src/components/Avatar/Avatar.tsx
-var import_jsx_runtime199 = require("react/jsx-runtime");
+var import_jsx_runtime200 = require("react/jsx-runtime");
 var avatarSizeMap = {
   sm: 16,
   md: 24,
   lg: 32
 };
-var Initial = ({ initial }) => /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)(
+var Initial = ({ initial }) => /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(
   "svg",
   {
     "data-wui-avatar-initial": true,
@@ -7719,14 +7740,14 @@ var Initial = ({ initial }) => /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)(
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
         "path",
         {
           d: "M0 13.5h24",
           id: "P"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("text", { children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("text", { children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
         "textPath",
         {
           dominantBaseline: "middle",
@@ -7816,15 +7837,15 @@ var Avatar = ({
   };
   const avatarSize = heightAndWidth ?? avatarSizeMap[size];
   const avatarColor = (0, import_react25.useMemo)(() => chooseColorScheme(name), [name]);
-  return /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(
     AvatarWrapper,
     {
       $colorScheme: avatarColor,
       $heightAndWidth: avatarSize,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(Initial, { initial: formatNameForDisplay(name) }),
-        (0, import_type_guards18.isNotNil)(imageUrl) && imageLoadState !== "error" && /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Initial, { initial: formatNameForDisplay(name) }),
+        (0, import_type_guards18.isNotNil)(imageUrl) && imageLoadState !== "error" && /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
           Image,
           {
             alt: (0, import_type_guards18.isNotNil)(name) ? name : "",
@@ -7845,7 +7866,7 @@ Avatar.displayName = "Avatar";
 var import_react26 = require("react");
 var import_styled_components26 = __toESM(require("styled-components"));
 var import_type_guards19 = require("@wistia/type-guards");
-var import_jsx_runtime200 = require("react/jsx-runtime");
+var import_jsx_runtime201 = require("react/jsx-runtime");
 var StyledBadge = import_styled_components26.default.div`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   align-items: center;
@@ -7874,7 +7895,7 @@ var StyledBadge = import_styled_components26.default.div`
 var Badge = (0, import_react26.forwardRef)(
   ({ colorScheme = "inherit", label, icon, variant = "default", ...props }, ref) => {
     const hasIcon = (0, import_type_guards19.isNotNil)(icon);
-    return /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(
       StyledBadge,
       {
         ref,
@@ -7884,7 +7905,7 @@ var Badge = (0, import_react26.forwardRef)(
         $variant: variant,
         children: [
           hasIcon ? icon : null,
-          /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("span", { children: label })
+          /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("span", { children: label })
         ]
       }
     );
@@ -7908,7 +7929,7 @@ var makePolymorphic = (component) => {
 };
 // src/components/Box/Box.tsx
-var import_jsx_runtime201 = require("react/jsx-runtime");
+var import_jsx_runtime202 = require("react/jsx-runtime");
 var getGapStyle = (gap) => {
   if ((0, import_type_guards20.isNotNil)(gap)) {
     if ((0, import_type_guards20.isRecord)(gap)) {
@@ -8054,7 +8075,7 @@ var BoxComponent = (0, import_react27.forwardRef)(
         );
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
       StyledBoxComponent,
       {
         ref,
@@ -8089,7 +8110,7 @@ var Box = makePolymorphic(BoxComponent);
 var import_react28 = require("react");
 var import_styled_components28 = __toESM(require("styled-components"));
 var import_type_guards21 = require("@wistia/type-guards");
-var import_jsx_runtime202 = require("react/jsx-runtime");
+var import_jsx_runtime203 = require("react/jsx-runtime");
 var heroStyle = import_styled_components28.css`
   --font-family: var(--wui-typography-heading-hero-family);
   --font-size: var(--wui-typography-heading-hero-size);
@@ -8193,7 +8214,7 @@ var HeadingComponent = (0, import_react28.forwardRef)(
     variant = "heading1",
     renderAs,
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
     StyledHeading,
     {
       ref,
@@ -8216,7 +8237,7 @@ var Heading = makePolymorphic(HeadingComponent);
 var import_react29 = require("react");
 var import_styled_components29 = __toESM(require("styled-components"));
 var import_type_guards22 = require("@wistia/type-guards");
-var import_jsx_runtime203 = require("react/jsx-runtime");
+var import_jsx_runtime204 = require("react/jsx-runtime");
 var bodyBoldStyles = import_styled_components29.css`
   > strong,
   b {
@@ -8401,7 +8422,7 @@ var TextComponent = (0, import_react29.forwardRef)(
     renderAs,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
       StyledText,
       {
         ref,
@@ -8425,7 +8446,7 @@ var Text = makePolymorphic(TextComponent);
 // src/components/ButtonGroup/ButtonGroup.tsx
 var import_styled_components30 = __toESM(require("styled-components"));
 var import_type_guards23 = require("@wistia/type-guards");
-var import_jsx_runtime204 = require("react/jsx-runtime");
+var import_jsx_runtime205 = require("react/jsx-runtime");
 var getAlignment = (align) => {
   if (align === "center") {
     return "center";
@@ -8487,7 +8508,7 @@ var ButtonGroup = ({
   if ((0, import_type_guards23.isNil)(children)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
     ButtonGroupComponent,
     {
       $align: align,
@@ -8504,7 +8525,7 @@ ButtonGroup.displayName = "ButtonGroup";
 // src/components/IconButton/IconButton.tsx
 var import_react30 = require("react");
 var import_styled_components31 = __toESM(require("styled-components"));
-var import_jsx_runtime205 = require("react/jsx-runtime");
+var import_jsx_runtime206 = require("react/jsx-runtime");
 var StyledButton2 = (0, import_styled_components31.default)(Button)`
   --icon-button-size-sm: 24px;
   --icon-button-size-md: 32px;
@@ -8522,7 +8543,7 @@ var StyledButton2 = (0, import_styled_components31.default)(Button)`
 var IconButton = (0, import_react30.forwardRef)(
   ({ children, label, size = "md", ...props }, ref) => {
     const responsiveSize = useResponsiveProp(size);
-    return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
       StyledButton2,
       {
         ...props,
@@ -8540,7 +8561,7 @@ var IconButton = (0, import_react30.forwardRef)(
 IconButton.displayName = "IconButton";
 // src/components/Banner/Banner.tsx
-var import_jsx_runtime206 = require("react/jsx-runtime");
+var import_jsx_runtime207 = require("react/jsx-runtime");
 var BREAKPOINT_WIDTH = 600;
 var VERTICAL_BREAKPOINT_WIDTH = 284;
 var MIN_IMAGE_WIDTH = 400;
@@ -8631,7 +8652,7 @@ var Banner = ({
   const textVariant = prominence === "default" || isSmallContainer ? "body3" : "body2";
   const buttonSize = isSmallContainer ? "sm" : "md";
   const hasActions = (0, import_type_guards24.isNotNil)(primaryAction) || (0, import_type_guards24.isNotNil)(secondaryAction);
-  return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(
     StyledBanner,
     {
       ...props,
@@ -8643,7 +8664,7 @@ var Banner = ({
       "data-wui-banner-orientation": isVerticalLayout ? "vertical" : "horizontal",
       children: [
         shouldShowImage ? image : null,
-        /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(
           Box,
           {
             ref: contentRef,
@@ -8653,7 +8674,7 @@ var Banner = ({
             gap: "space-04",
             style: { padding: "var(--wui-banner-padding)" },
             children: [
-              iconPosition === "above" && /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
+              iconPosition === "above" && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
                 IconWrapper,
                 {
                   $iconPosition: "above",
@@ -8663,7 +8684,7 @@ var Banner = ({
                   children: icon
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(
                 Box,
                 {
                   direction: "column",
@@ -8671,15 +8692,15 @@ var Banner = ({
                   gap: iconPosition === "inline" ? "space-01" : "space-00",
                   justifyContent: "center",
                   children: [
-                    (0, import_type_guards24.isNotNil)(headingText) ? /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(Heading, { variant: headingVariant, children: [
-                      iconPosition === "inline" && /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(IconWrapper, { $iconPosition: "inline", children: icon }),
+                    (0, import_type_guards24.isNotNil)(headingText) ? /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(Heading, { variant: headingVariant, children: [
+                      iconPosition === "inline" && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(IconWrapper, { $iconPosition: "inline", children: icon }),
                       headingText
                     ] }) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(Text, { variant: textVariant, children: bodyText })
+                    /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Text, { variant: textVariant, children: bodyText })
                   ]
                 }
               ),
-              hasActions ? /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(
+              hasActions ? /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(
                 ButtonGroup,
                 {
                   buttonSize,
@@ -8694,7 +8715,7 @@ var Banner = ({
             ]
           }
         ),
-        (0, import_type_guards24.isNotNil)(onClose) && /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
+        (0, import_type_guards24.isNotNil)(onClose) && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
           IconButton,
           {
             label: "Close",
@@ -8706,7 +8727,7 @@ var Banner = ({
               right: "var(--wui-space-01)"
             },
             variant: "soft",
-            children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(Icon, { type: "close" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Icon, { type: "close" })
           }
         )
       ]
@@ -8718,7 +8739,7 @@ Banner.displayName = "Banner";
 // src/components/Breadcrumbs/Breadcrumbs.tsx
 var import_react32 = require("react");
 var import_styled_components33 = __toESM(require("styled-components"));
-var import_jsx_runtime207 = require("react/jsx-runtime");
+var import_jsx_runtime208 = require("react/jsx-runtime");
 var StyledBreadcrumbs = import_styled_components33.default.nav`
   display: flex;
   align-items: center;
@@ -8737,8 +8758,8 @@ var Breadcrumbs = ({ children, ...props }) => {
     crumbs = crumbs.slice(-1);
   }
   const crumbMaxWidth = Math.floor(100 / crumbs.length) - BUFFER_WIDTH;
-  return /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(import_jsx_runtime207.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("style", { type: "text/css", children: `
+  return /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(import_jsx_runtime208.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("style", { type: "text/css", children: `
        [data-wui-breadcrumbs] {
           container-type: inline-size;
           container-name: breadcrumbs;
@@ -8750,7 +8771,7 @@ var Breadcrumbs = ({ children, ...props }) => {
           }
         }
      ` }),
-    /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
       StyledBreadcrumbs,
       {
         "aria-label": "Breadcrumbs",
@@ -8765,7 +8786,7 @@ Breadcrumbs.displayName = "Breadcrumbs";
 // src/components/Breadcrumbs/Breadcrumb.tsx
 var import_styled_components34 = __toESM(require("styled-components"));
-var import_jsx_runtime208 = require("react/jsx-runtime");
+var import_jsx_runtime209 = require("react/jsx-runtime");
 var BreadcrumbContent = import_styled_components34.default.span`
   overflow: hidden;
   white-space: nowrap;
@@ -8775,18 +8796,18 @@ var BreadcrumbContent = import_styled_components34.default.span`
   flex: 0;
 `;
 var Breadcrumb = ({ icon, href, children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(import_jsx_runtime208.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(import_jsx_runtime209.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
       Button,
       {
         ...props,
         href,
         leftIcon: icon,
         variant: "ghost",
-        children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(BreadcrumbContent, { "data-wui-breadcrumb": true, children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(BreadcrumbContent, { "data-wui-breadcrumb": true, children })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("div", { "data-wui-breadcrumb-divider": true, children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("div", { "data-wui-breadcrumb-divider": true, children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
       Icon,
       {
         size: "sm",
@@ -8799,7 +8820,7 @@ var Breadcrumb = ({ icon, href, children, ...props }) => {
 // src/components/Card/Card.tsx
 var import_styled_components35 = __toESM(require("styled-components"));
-var import_jsx_runtime209 = require("react/jsx-runtime");
+var import_jsx_runtime210 = require("react/jsx-runtime");
 var StyledCard = (0, import_styled_components35.default)(Box)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   box-sizing: border-box;
@@ -8838,7 +8859,7 @@ var Card = ({
   prominence = "secondary",
   width,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
   StyledCard,
   {
     $backgroundColor: prominenceMap[prominence].backgroundColor,
@@ -8859,7 +8880,7 @@ Card.displayName = "Card";
 // src/components/Center/Center.tsx
 var import_react33 = require("react");
 var import_styled_components36 = __toESM(require("styled-components"));
-var import_jsx_runtime210 = require("react/jsx-runtime");
+var import_jsx_runtime211 = require("react/jsx-runtime");
 var StyledCenter = import_styled_components36.default.div`
   box-sizing: border-box;
   margin-left: auto;
@@ -8873,7 +8894,7 @@ var StyledCenter = import_styled_components36.default.div`
   `}
 `;
 var Center = (0, import_react33.forwardRef)(
-  ({ maxWidth = "100%", gutterWidth = "space-00", intrinsic = false, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+  ({ maxWidth = "100%", gutterWidth = "space-00", intrinsic = false, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
     StyledCenter,
     {
       ref,
@@ -8899,7 +8920,7 @@ var import_type_guards27 = require("@wistia/type-guards");
 // src/private/components/FormControlLabel/FormControlLabelDescription.tsx
 var import_styled_components37 = __toESM(require("styled-components"));
 var import_type_guards25 = require("@wistia/type-guards");
-var import_jsx_runtime211 = require("react/jsx-runtime");
+var import_jsx_runtime212 = require("react/jsx-runtime");
 var disabledStyle = import_styled_components37.css`
   color: var(--wui-color-text-disabled);
 `;
@@ -8921,7 +8942,7 @@ var FormControlLabelDescription = ({
   if ((0, import_type_guards25.isNil)(children)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
     StyledFormControlLabelDescription,
     {
       ...props,
@@ -8935,7 +8956,7 @@ FormControlLabelDescription.displayName = "FormControlLabelDescription";
 // src/components/ScreenReaderOnly/ScreenReaderOnly.tsx
 var import_styled_components38 = __toESM(require("styled-components"));
 var import_type_guards26 = require("@wistia/type-guards");
-var import_jsx_runtime212 = require("react/jsx-runtime");
+var import_jsx_runtime213 = require("react/jsx-runtime");
 var VisuallyHidden = import_styled_components38.default.div({ ...visuallyHiddenStyle });
 var VisuallyHiddenButFocusable = import_styled_components38.default.div({
   "&:not(:focus-within)": visuallyHiddenStyle
@@ -8948,14 +8969,14 @@ var ScreenReaderOnly = ({
 }) => {
   const accessibleText = (0, import_type_guards26.isNotNil)(text) ? text : children;
   if (focusable) {
-    return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(VisuallyHiddenButFocusable, { ...props, children: accessibleText });
+    return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(VisuallyHiddenButFocusable, { ...props, children: accessibleText });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(VisuallyHidden, { ...props, children: accessibleText });
+  return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(VisuallyHidden, { ...props, children: accessibleText });
 };
 ScreenReaderOnly.displayName = "ScreenReaderOnly";
 // src/private/components/FormControlLabel/FormControlLabel.tsx
-var import_jsx_runtime213 = require("react/jsx-runtime");
+var import_jsx_runtime214 = require("react/jsx-runtime");
 var disabledStyle2 = import_styled_components39.css`
   cursor: not-allowed;
   color: var(--wui-color-text-disabled);
@@ -8991,12 +9012,12 @@ var FormControlLabel = ({
   if ((0, import_type_guards27.isNil)(label)) {
     return null;
   }
-  const labelContent = hideLabel ? /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(ScreenReaderOnly, { children: label }) : /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(StyledLabelWrapper, { children: [
+  const labelContent = hideLabel ? /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(ScreenReaderOnly, { children: label }) : /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(StyledLabelWrapper, { children: [
     label,
-    /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(FormControlLabelDescription, { children: description })
+    /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(FormControlLabelDescription, { children: description })
   ] });
   const slot = (0, import_type_guards27.isNotNil)(controlSlot) ? controlSlot : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(
     StyledFormControlLabel,
     {
       $align: align,
@@ -9023,7 +9044,7 @@ var import_react35 = require("react");
 // src/components/Stack/Stack.tsx
 var import_react34 = require("react");
 var import_styled_components40 = __toESM(require("styled-components"));
-var import_jsx_runtime214 = require("react/jsx-runtime");
+var import_jsx_runtime215 = require("react/jsx-runtime");
 var DEFAULT_ELEMENT4 = "div";
 var StyledStack = import_styled_components40.default.div`
   display: flex;
@@ -9036,7 +9057,7 @@ var StackComponent = (0, import_react34.forwardRef)(
     const responsiveGap = useResponsiveProp(gap);
     const responsiveDirection = useResponsiveProp(direction);
     const responsiveAlignItems = useResponsiveProp(alignItems);
-    return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
       StyledStack,
       {
         ref,
@@ -9053,7 +9074,7 @@ StackComponent.displayName = "Stack";
 var Stack = makePolymorphic(StackComponent);
 // src/components/FormGroup/FormGroup.tsx
-var import_jsx_runtime215 = require("react/jsx-runtime");
+var import_jsx_runtime216 = require("react/jsx-runtime");
 var StyledFieldset = import_styled_components41.default.fieldset`
   border: 0;
 `;
@@ -9062,14 +9083,14 @@ var StyledLegend = import_styled_components41.default.legend`
 `;
 var FormGroup = ({ children, label, ...props }) => {
   const ref = (0, import_react35.useRef)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(
     Stack,
     {
       ...props,
       ref,
       renderAs: StyledFieldset,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
           Heading,
           {
             renderAs: StyledLegend,
@@ -9105,7 +9126,7 @@ var serializeFormData = (formData) => {
 };
 // src/components/Form/Form.tsx
-var import_jsx_runtime216 = require("react/jsx-runtime");
+var import_jsx_runtime217 = require("react/jsx-runtime");
 var StyledForm = import_styled_components42.default.form`
   --form-default-width: 690px;
@@ -9185,7 +9206,7 @@ var Form = (0, import_react36.forwardRef)(
     }, [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_runtime217.jsx)(FormContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
         Stack,
         {
           ...props,
@@ -9206,7 +9227,7 @@ var Form = (0, import_react36.forwardRef)(
 );
 // src/components/FormGroup/CheckboxGroup.tsx
-var import_jsx_runtime217 = require("react/jsx-runtime");
+var import_jsx_runtime218 = require("react/jsx-runtime");
 var CheckboxGroupContext = (0, import_react37.createContext)(null);
 var useCheckboxGroup = () => {
   return (0, import_react37.useContext)(CheckboxGroupContext);
@@ -9227,13 +9248,13 @@ var CheckboxGroup = ({
       value: derivedValue
     };
   }, [name, derivedValue, onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(FormGroup, { ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(FormGroup, { ...props, children }) });
 };
 CheckboxGroup.displayName = "CheckboxGroup";
 // src/components/Checkbox/Checkbox.tsx
-var import_jsx_runtime218 = require("react/jsx-runtime");
-var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+var import_jsx_runtime219 = require("react/jsx-runtime");
+var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
   "svg",
   {
     fill: "inherit",
@@ -9241,7 +9262,7 @@ var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
     viewBox: "0 0 10 8",
     width: "10",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime219.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",
@@ -9355,8 +9376,8 @@ var Checkbox = (0, import_react38.forwardRef)(
     const checkboxName = name ?? contextName;
     const handleOnChange = onChange ?? contextOnChange;
     const defaultChecked = (0, import_type_guards30.isNotUndefined)(value) && contextValue ? contextValue.includes(value) : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(StyledCheckboxWrapper, { disabled, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(StyledCheckboxWrapper, { disabled, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
         StyledHiddenCheckboxInput,
         {
           ...props,
@@ -9371,16 +9392,16 @@ var Checkbox = (0, import_react38.forwardRef)(
           value
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
         FormControlLabel,
         {
-          controlSlot: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+          controlSlot: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
             StyledCheckboxInput,
             {
               $disabled: disabled,
               $size: size,
               "data-wui-faux-input": "true",
-              children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(CheckIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(CheckIcon, {})
             }
           ),
           description,
@@ -9442,7 +9463,7 @@ ClickRegion.displayName = "ClickRegion";
 var import_react_collapsible = require("@radix-ui/react-collapsible");
 var import_type_guards31 = require("@wistia/type-guards");
 var import_styled_components44 = __toESM(require("styled-components"));
-var import_jsx_runtime219 = require("react/jsx-runtime");
+var import_jsx_runtime220 = require("react/jsx-runtime");
 var StyledRoot = (0, import_styled_components44.default)(import_react_collapsible.Root)`
   &[data-state='closed'] [data-wui-collapsible-content] {
     display: -webkit-box;
@@ -9459,7 +9480,7 @@ var Collapsible = ({
   const controlProps = {
     ...(0, import_type_guards31.isNotNil)(onOpenChange) && (0, import_type_guards31.isNotNil)(isOpen) ? { open: isOpen, onOpenChange } : {}
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(StyledRoot, { ...controlProps, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(StyledRoot, { ...controlProps, children });
 };
 Collapsible.displayName = "Collapsible";
@@ -9467,7 +9488,7 @@ Collapsible.displayName = "Collapsible";
 var import_react40 = require("react");
 var import_react_collapsible2 = require("@radix-ui/react-collapsible");
 var import_styled_components45 = __toESM(require("styled-components"));
-var import_jsx_runtime220 = require("react/jsx-runtime");
+var import_jsx_runtime221 = require("react/jsx-runtime");
 var StyledTrigger = (0, import_styled_components45.default)(import_react_collapsible2.Trigger)`
   [data-wui-collapsible-icon] {
     transition: transform var(--wui-motion-duration-03) ease-in-out;
@@ -9491,11 +9512,11 @@ var StyledTrigger = (0, import_styled_components45.default)(import_react_collaps
 `;
 var CollapsibleTrigger = ({ children }) => {
   import_react40.Children.only(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(StyledTrigger, { asChild: true, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(StyledTrigger, { asChild: true, children });
 };
 // src/components/Collapsible/CollapsibleTriggerIcon.tsx
-var import_jsx_runtime221 = require("react/jsx-runtime");
+var import_jsx_runtime222 = require("react/jsx-runtime");
 var iconRotationMap = {
   "caret-left-strong": "-90",
   "caret-left": "-90",
@@ -9504,7 +9525,7 @@ var iconRotationMap = {
   plus: "45"
 };
 var CollapsibleTriggerIcon = ({ type, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
     Icon,
     {
       ...props,
@@ -9520,13 +9541,13 @@ CollapsibleTriggerIcon.displayName = "CollapsibleTriggerIcon";
 var import_styled_components46 = __toESM(require("styled-components"));
 var import_react_collapsible3 = require("@radix-ui/react-collapsible");
 var import_type_guards32 = require("@wistia/type-guards");
-var import_jsx_runtime222 = require("react/jsx-runtime");
+var import_jsx_runtime223 = require("react/jsx-runtime");
 var ClampedContent = import_styled_components46.default.div`
   --wui-collapsible-content-clamp-lines: ${({ $clamp }) => $clamp};
 `;
 var CollapsibleContent = ({ clamp, children }) => {
   if ((0, import_type_guards32.isNotUndefined)(clamp)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
       ClampedContent,
       {
         $clamp: clamp,
@@ -9535,7 +9556,7 @@ var CollapsibleContent = ({ clamp, children }) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(import_react_collapsible3.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(import_jsx_runtime222.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(import_react_collapsible3.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(import_jsx_runtime223.Fragment, { children: [
     children,
     " "
   ] }) });
@@ -9551,7 +9572,7 @@ var import_styled_components49 = __toESM(require("styled-components"));
 var import_react41 = require("react");
 var import_styled_components47 = __toESM(require("styled-components"));
 var import_type_guards33 = require("@wistia/type-guards");
-var import_jsx_runtime223 = require("react/jsx-runtime");
+var import_jsx_runtime224 = require("react/jsx-runtime");
 var TagLabel = import_styled_components47.default.a`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   font-size: var(--wui-typography-label-4-size);
@@ -9643,23 +9664,23 @@ var RemoveButton = ({ onClickRemove, onClickRemoveLabel, colorScheme }) => {
       "for accessibility, onClickRemoveLabel must be provided if onClickRemove is provided"
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(import_jsx_runtime223.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(TagDivider, { $colorScheme: colorScheme }),
-    /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(import_jsx_runtime224.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(TagDivider, { $colorScheme: colorScheme }),
+    /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
       StyledRemoveButton,
       {
         $colorScheme: colorScheme,
         onClick: onClickRemove,
         type: "button",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
             Icon,
             {
               size: "sm",
               type: "close"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(ScreenReaderOnly, { children: onClickRemoveLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(ScreenReaderOnly, { children: onClickRemoveLabel })
         ]
       }
     )
@@ -9669,14 +9690,14 @@ var Tag = (0, import_react41.forwardRef)(
   ({ onClickRemove, colorScheme = "inherit", href, icon, label, onClickRemoveLabel, ...props }, ref) => {
     const hasIcon = (0, import_type_guards33.isNotNil)(icon);
     const labelProps = (0, import_type_guards33.isNotNil)(href) && (0, import_type_guards33.isNonEmptyString)(href) ? { href, as: "a" } : { as: "span" };
-    return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
       StyledTag,
       {
         ref,
         $colorScheme: colorScheme,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
             TagLabel,
             {
               ...labelProps,
@@ -9687,7 +9708,7 @@ var Tag = (0, import_react41.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
             RemoveButton,
             {
               colorScheme,
@@ -9730,7 +9751,7 @@ var inputCss = import_styled_components48.css`
 `;
 // src/components/Combobox/Combobox.tsx
-var import_jsx_runtime224 = require("react/jsx-runtime");
+var import_jsx_runtime225 = require("react/jsx-runtime");
 var ComboboxWapper = import_styled_components49.default.div`
   ${inputCss};
   width: ${({ $fullWidth }) => $fullWidth ? "100%" : "auto"};
@@ -9850,7 +9871,7 @@ var NoResults = import_styled_components49.default.div`
 `;
 var POPOVER_WIDTH_OFFSET = 20;
 var ComboboxOption = ({ value, children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
     ComboboxItem2,
     {
       className: "combobox-item",
@@ -9903,7 +9924,7 @@ var Combobox2 = ({
   const matches = (0, import_react42.useMemo)(() => {
     return (0, import_match_sorter.matchSorter)(Object.keys(options), searchValue);
   }, [options, searchValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
     Ariakit.ComboboxProvider,
     {
       selectedValue: value,
@@ -9914,13 +9935,13 @@ var Combobox2 = ({
         });
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
           ComboboxWapper,
           {
             ref: comboboxWrapperRef,
             $fullWidth: fullWidth,
             children: [
-              value.map((selectedValue) => /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+              value.map((selectedValue) => /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
                 Tag,
                 {
                   href: "https://example.com",
@@ -9930,11 +9951,11 @@ var Combobox2 = ({
                 },
                 selectedValue
               )),
-              /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(ComboboxInput, { placeholder })
+              /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(ComboboxInput, { placeholder })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
           ComboboxPopover,
           {
             "aria-busy": isPending,
@@ -9944,14 +9965,14 @@ var Combobox2 = ({
               width: wrapperWidth
             },
             children: [
-              matches.map((match) => /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
+              matches.map((match) => /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
                 ComboboxItem2,
                 {
                   className: "combobox-item",
                   focusOnHover: true,
                   value: match,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
                       Icon,
                       {
                         size: "sm",
@@ -9966,7 +9987,7 @@ var Combobox2 = ({
                 },
                 match
               )),
-              !matches.length && /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(NoResults, { children: "No results found" })
+              !matches.length && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(NoResults, { children: "No results found" })
             ]
           }
         )
@@ -9979,7 +10000,7 @@ var Combobox2 = ({
 var import_react43 = require("react");
 var import_styled_components50 = __toESM(require("styled-components"));
 var import_type_guards34 = require("@wistia/type-guards");
-var import_jsx_runtime225 = require("react/jsx-runtime");
+var import_jsx_runtime226 = require("react/jsx-runtime");
 var StyledDataCard = import_styled_components50.default.div`
   display: grid;
   grid-template-areas: 'label slot' 'value value';
@@ -10087,34 +10108,34 @@ var DataCardInner = ({
   isLoading = false,
   trend,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
   StyledDataCard,
   {
     $colorScheme: colorScheme,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
         StyledLabel2,
         {
           renderAs: "dt",
           variant: "heading6",
-          children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(StyledLoadingLabel, {}) : label
+          children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(StyledLoadingLabel, {}) : label
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
         StyledValue,
         {
           renderAs: "dd",
           variant: "heading3",
-          children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(StyledLoadingValue, {}) : value
+          children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(StyledLoadingValue, {}) : value
         }
       ),
-      (0, import_type_guards34.isNotNull)(upperRightSlot) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(StyledSlot, { children: upperRightSlot }),
-      (0, import_type_guards34.isNotNull)(trend) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(StyledDataCardTrendContainer, { children: trend })
+      (0, import_type_guards34.isNotNull)(upperRightSlot) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(StyledSlot, { children: upperRightSlot }),
+      (0, import_type_guards34.isNotNull)(trend) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(StyledDataCardTrendContainer, { children: trend })
     ]
   }
 );
-var DataCardArrowIcon = /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+var DataCardArrowIcon = /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
   Icon,
   {
     "data-wui-data-card-hover-icon": true,
@@ -10124,12 +10145,12 @@ var DataCardArrowIcon = /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
 var DataCard = (props) => {
   const ref = (0, import_react43.useRef)(null);
   if ((0, import_type_guards34.isNotNil)(props.href) || (0, import_type_guards34.isNotNil)(props.onClick)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(ClickRegion, { targetRef: ref, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(ClickRegion, { targetRef: ref, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
       DataCardInner,
       {
         upperRightSlot: props.upperRightSlot ?? DataCardArrowIcon,
         ...props,
-        label: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+        label: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
           Button,
           {
             ref,
@@ -10144,13 +10165,13 @@ var DataCard = (props) => {
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(DataCardInner, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(DataCardInner, { ...props });
 };
 DataCard.displayName = "DataCard";
 // src/components/DataCards/DataCards.tsx
 var import_styled_components51 = __toESM(require("styled-components"));
-var import_jsx_runtime226 = require("react/jsx-runtime");
+var import_jsx_runtime227 = require("react/jsx-runtime");
 var StyledDataCards = (0, import_styled_components51.default)(Box)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   margin-top: 0; /* Remove default <dl> style */
@@ -10165,7 +10186,7 @@ var DataCards = ({
   colorScheme = "inherit",
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
     StyledDataCards,
     {
       ...props,
@@ -10184,7 +10205,7 @@ DataCards.displayName = "DataCards";
 // src/components/DataCards/DataCardTrend.tsx
 var import_styled_components52 = __toESM(require("styled-components"));
-var import_jsx_runtime227 = require("react/jsx-runtime");
+var import_jsx_runtime228 = require("react/jsx-runtime");
 var StyledDataCardTrend = import_styled_components52.default.div`
   ${({ $outlook }) => getColorScheme($outlook === "positive" ? "success" : "error")};
   background: var(--wui-color-bg-app);
@@ -10200,8 +10221,8 @@ var DataCardTrend = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(StyledDataCardTrend, { $outlook: outlook, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(StyledDataCardTrend, { $outlook: outlook, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
       Icon,
       {
         size: "md",
@@ -10209,7 +10230,7 @@ var DataCardTrend = ({
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
       Text,
       {
         prominence: "secondary",
@@ -10222,7 +10243,7 @@ var DataCardTrend = ({
 // src/components/Divider/Divider.tsx
 var import_styled_components53 = __toESM(require("styled-components"));
-var import_jsx_runtime228 = require("react/jsx-runtime");
+var import_jsx_runtime229 = require("react/jsx-runtime");
 var horizontalBorderCss = import_styled_components53.css`
   border-top-color: var(--wui-color-border);
   border-top-style: solid;
@@ -10248,7 +10269,7 @@ var DividerComponent = import_styled_components53.default.div`
 }}
 `;
 var Divider = ({ orientation = "horizontal", ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
     DividerComponent,
     {
       $orientation: orientation,
@@ -10267,7 +10288,7 @@ var import_react45 = require("react");
 // src/components/Tooltip/Tooltip.tsx
 var import_react_tooltip2 = require("@radix-ui/react-tooltip");
 var import_styled_components54 = __toESM(require("styled-components"));
-var import_jsx_runtime229 = require("react/jsx-runtime");
+var import_jsx_runtime230 = require("react/jsx-runtime");
 var hide = import_styled_components54.keyframes`
   from {
     opacity: 1;
@@ -10378,21 +10399,21 @@ var Tooltip = ({
   if (forceOpen === true) {
     rootProps.open = true;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
     import_react_tooltip2.Root,
     {
       delayDuration: delay,
       ...rootProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(import_react_tooltip2.Trigger, { asChild: true, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(import_react_tooltip2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(import_react_tooltip2.Trigger, { asChild: true, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(import_react_tooltip2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
           StyledContent,
           {
             side: direction,
             sideOffset: hideArrow ? VISUAL_OFFSET : VISUAL_OFFSET - 2,
             children: [
               content,
-              !hideArrow ? /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(import_react_tooltip2.Arrow, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+              !hideArrow ? /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(import_react_tooltip2.Arrow, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
                 "svg",
                 {
                   fill: "var(--tooltip-bg)",
@@ -10401,7 +10422,7 @@ var Tooltip = ({
                   viewBox: "0 0 12 8",
                   width: "12",
                   xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime229.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_runtime230.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
             ]
@@ -10417,7 +10438,7 @@ Tooltip.displayName = "Tooltip";
 var import_react44 = require("react");
 var import_styled_components55 = __toESM(require("styled-components"));
 var import_type_guards35 = require("@wistia/type-guards");
-var import_jsx_runtime230 = require("react/jsx-runtime");
+var import_jsx_runtime231 = require("react/jsx-runtime");
 var inputStyles = import_styled_components55.css`
   ${inputCss}
   input,
@@ -10537,7 +10558,7 @@ var Input = (0, import_react44.forwardRef)(
     );
     let leftIconToDisplay = leftIcon;
     if ((0, import_type_guards35.isNil)(leftIcon) && type === "search") {
-      leftIconToDisplay = /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Icon, { type: "search" });
+      leftIconToDisplay = /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Icon, { type: "search" });
     }
     if ((0, import_type_guards35.isNotNil)(leftIconToDisplay)) {
       leftIconToDisplay = (0, import_react44.cloneElement)(leftIconToDisplay, {
@@ -10562,21 +10583,21 @@ var Input = (0, import_react44.forwardRef)(
         });
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(
       StyledInputContainer,
       {
         $fullWidth: fullWidth,
         $monospace: monospace,
         children: [
           leftIconToDisplay ?? null,
-          type === "multiline" ? /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+          type === "multiline" ? /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
             "textarea",
             {
               ...props,
               ref,
               onFocus: handleFocus2
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
             "input",
             {
               ...props,
@@ -10594,7 +10615,7 @@ var Input = (0, import_react44.forwardRef)(
 Input.displayName = "Input";
 // src/components/EditableHeading/EditableHeading.tsx
-var import_jsx_runtime231 = require("react/jsx-runtime");
+var import_jsx_runtime232 = require("react/jsx-runtime");
 var StyledInput = (0, import_styled_components56.default)(Input)`
   :not([rows]) {
     min-height: unset;
@@ -10677,7 +10698,7 @@ var EditableHeading = ({
       handleSetEditing(false);
     }
   };
-  const HeadingComponent2 = /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+  const HeadingComponent2 = /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
     StyledHeading2,
     {
       ref: headingRef,
@@ -10691,7 +10712,7 @@ var EditableHeading = ({
     return HeadingComponent2;
   }
   if (isEditing || __forceEditing) {
-    return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
       StyledInput,
       {
         $height: headingHeight,
@@ -10709,9 +10730,9 @@ var EditableHeading = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(import_jsx_runtime231.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Tooltip, { content: tooltipText, children: HeadingComponent2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(ScreenReaderOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(import_jsx_runtime232.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Tooltip, { content: tooltipText, children: HeadingComponent2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(ScreenReaderOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
       "button",
       {
         "aria-label": ariaLabel,
@@ -10761,9 +10782,9 @@ var useFormState = (action, initialData = {}) => {
 // src/components/Form/FormErrorSummary.tsx
 var import_react47 = require("react");
 var import_type_guards36 = require("@wistia/type-guards");
-var import_jsx_runtime232 = require("react/jsx-runtime");
+var import_jsx_runtime233 = require("react/jsx-runtime");
 var ErrorItem = ({ name, error, formId }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Link, { href: `#${formId}-${name}`, children: error }) }, name);
+  return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Link, { href: `#${formId}-${name}`, children: error }) }, name);
 };
 var FormErrorSummary = ({ description }) => {
   const ref = (0, import_react47.useRef)(null);
@@ -10772,10 +10793,10 @@ var FormErrorSummary = ({ description }) => {
   if (isValid || !hasSubmitted) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)("div", { ref, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("p", { children: description }),
-    /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("ul", { children: Object.entries(errors).filter(([, error]) => (0, import_type_guards36.isNotUndefined)(error)).map(
-      ([name, error]) => (0, import_type_guards36.isArray)(error) ? error.map((err) => /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("p", { children: description }),
+    /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("ul", { children: Object.entries(errors).filter(([, error]) => (0, import_type_guards36.isNotUndefined)(error)).map(
+      ([name, error]) => (0, import_type_guards36.isArray)(error) ? error.map((err) => /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
         ErrorItem,
         {
           error: err,
@@ -10783,7 +10804,7 @@ var FormErrorSummary = ({ description }) => {
           name
         },
         err
-      )) : /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
+      )) : /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
         ErrorItem,
         {
           error: error ?? "",
@@ -10803,7 +10824,7 @@ var import_type_guards37 = require("@wistia/type-guards");
 // src/components/Label/Label.tsx
 var import_styled_components57 = __toESM(require("styled-components"));
-var import_jsx_runtime233 = require("react/jsx-runtime");
+var import_jsx_runtime234 = require("react/jsx-runtime");
 var requiredStyle = import_styled_components57.css`
   &::after {
     color: var(--wui-color-text-error);
@@ -10847,7 +10868,7 @@ var Label = ({
   screenReaderOnly = false,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
     StyledLabel3,
     {
       ...props,
@@ -10862,7 +10883,7 @@ var Label = ({
 Label.displayName = "Label";
 // src/components/FormField/FormField.tsx
-var import_jsx_runtime234 = require("react/jsx-runtime");
+var import_jsx_runtime235 = require("react/jsx-runtime");
 var StyledFormField = import_styled_components58.default.div`
   --form-field-spacing: var(--wui-space-01);
   --form-field-spacing-inline: var(--wui-space-02);
@@ -10903,7 +10924,7 @@ var StyledErrorList = import_styled_components58.default.ul`
 `;
 var ErrorMessages = ({ errors, id }) => {
   const isMultipleErrors = (0, import_type_guards37.isArray)(errors);
-  return isMultipleErrors ? /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(StyledErrorList, { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
+  return isMultipleErrors ? /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(StyledErrorList, { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
     Text,
     {
       colorScheme: "error",
@@ -10913,7 +10934,7 @@ var ErrorMessages = ({ errors, id }) => {
       children: error
     },
     `${id}-${index}`
-  )) }) : /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
+  )) }) : /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
     Text,
     {
       colorScheme: "error",
@@ -10976,18 +10997,18 @@ var FormField = ({
     };
   }
   import_react48.Children.only(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
     StyledFormField,
     {
       ...props,
       "data-label-position": labelPosition ?? formState.labelPosition,
       children: [
-        !isIntegratedLabel && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Label, { htmlFor: computedId, children: label }),
-        (0, import_type_guards37.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(FormControlLabelDescription, { id: descriptionId, children: description }) : null,
+        !isIntegratedLabel && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Label, { htmlFor: computedId, children: label }),
+        (0, import_type_guards37.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(FormControlLabelDescription, { id: descriptionId, children: description }) : null,
         (0, import_react48.cloneElement)(children, childProps),
-        (0, import_type_guards37.isNotNil)(computedError) ? /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(import_jsx_runtime234.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("div", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
+        (0, import_type_guards37.isNotNil)(computedError) ? /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(import_jsx_runtime235.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("div", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
             ErrorMessages,
             {
               errors: computedError,
@@ -11003,7 +11024,7 @@ FormField.displayName = "FormField";
 // src/components/FormGroup/RadioGroup.tsx
 var import_react49 = require("react");
-var import_jsx_runtime235 = require("react/jsx-runtime");
+var import_jsx_runtime236 = require("react/jsx-runtime");
 var RadioGroupContext = (0, import_react49.createContext)(null);
 var useRadioGroup = () => {
   return (0, import_react49.useContext)(RadioGroupContext);
@@ -11024,7 +11045,7 @@ var RadioGroup = ({
       value: derivedValue
     };
   }, [name, derivedValue, onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(RadioGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(FormGroup, { ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(RadioGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(FormGroup, { ...props, children }) });
 };
 RadioGroup.displayName = "RadioGroup";
@@ -11032,7 +11053,7 @@ RadioGroup.displayName = "RadioGroup";
 var import_styled_components59 = __toESM(require("styled-components"));
 var import_react50 = require("react");
 var import_type_guards38 = require("@wistia/type-guards");
-var import_jsx_runtime236 = require("react/jsx-runtime");
+var import_jsx_runtime237 = require("react/jsx-runtime");
 var StyledInput2 = (0, import_styled_components59.default)(Input)`
   &:not([aria-disabled='true']) {
     cursor: pointer;
@@ -11070,7 +11091,7 @@ var InputClickToCopy = (0, import_react50.forwardRef)(
         return value;
       });
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
       StyledInput2,
       {
         "aria-label": "Click to Copy",
@@ -11078,13 +11099,13 @@ var InputClickToCopy = (0, import_react50.forwardRef)(
         ref,
         onClick: handleClick,
         readOnly: true,
-        rightIcon: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
+        rightIcon: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
           Icon,
           {
             colorScheme: "success",
             type: "checkmark-circle"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Icon, { type: "save-as-copy" }),
+        ) : /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Icon, { type: "save-as-copy" }),
         value
       }
     );
@@ -11095,7 +11116,7 @@ InputClickToCopy.displayName = "InputClickToCopy";
 // src/components/KeyboardShortcut/KeyboardShortcut.tsx
 var import_styled_components60 = __toESM(require("styled-components"));
 var import_type_guards39 = require("@wistia/type-guards");
-var import_jsx_runtime237 = require("react/jsx-runtime");
+var import_jsx_runtime238 = require("react/jsx-runtime");
 var StyledKeyboardShortcut = import_styled_components60.default.div`
   align-items: center;
   display: flex;
@@ -11182,14 +11203,14 @@ var KeyboardShortcut = ({
   keyboardKeys,
   fullWidth = false,
   ...otherProps
-}) => /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(
   StyledKeyboardShortcut,
   {
     $fullWidth: fullWidth,
     ...otherProps,
     children: [
-      (0, import_type_guards39.isNotNil)(label) && /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Label2, { children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(KeysContainer, { children: (Array.isArray(keyboardKeys) ? keyboardKeys : [keyboardKeys]).map((keyboardKey, index) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
+      (0, import_type_guards39.isNotNil)(label) && /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Label2, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(KeysContainer, { children: (Array.isArray(keyboardKeys) ? keyboardKeys : [keyboardKeys]).map((keyboardKey, index) => /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
         StyledKey,
         {
           children: keyToString(keyboardKey)
@@ -11208,7 +11229,7 @@ var import_styled_components62 = __toESM(require("styled-components"));
 // src/components/List/ListItem.tsx
 var import_styled_components61 = __toESM(require("styled-components"));
 var import_type_guards40 = require("@wistia/type-guards");
-var import_jsx_runtime238 = require("react/jsx-runtime");
+var import_jsx_runtime239 = require("react/jsx-runtime");
 var ListItemComponent = import_styled_components61.default.li`
   margin-bottom: var(--wui-space-02);
 `;
@@ -11216,12 +11237,12 @@ var ListItem = ({ children }) => {
   if ((0, import_type_guards40.isNil)(children)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(ListItemComponent, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ListItemComponent, { children });
 };
 ListItem.displayName = "ListItem";
 // src/components/List/List.tsx
-var import_jsx_runtime239 = require("react/jsx-runtime");
+var import_jsx_runtime240 = require("react/jsx-runtime");
 var spacesStyle = import_styled_components62.css`
   overflow: hidden;
   padding-left: 0;
@@ -11307,7 +11328,7 @@ var ListComponent = import_styled_components62.default.ul`
 `;
 var renderListComponent = (listItems, variant, { ...otherProps }) => {
   const elementType = variant === "ordered" ? "ol" : "ul";
-  return /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
     ListComponent,
     {
       as: elementType,
@@ -11324,7 +11345,7 @@ var renderListFromArray = (listItems, variant, otherProps) => {
     const nextItem = listItems[i + 1];
     const key = `item-${itemCount += 1}`;
     if (Array.isArray(nextItem)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(ListItem, { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)(ListItem, { children: [
         item,
         renderListFromArray(nextItem, variant, otherProps)
       ] }, key);
@@ -11332,7 +11353,7 @@ var renderListFromArray = (listItems, variant, otherProps) => {
     if (Array.isArray(item)) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ListItem, { children: item }, key);
+    return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(ListItem, { children: item }, key);
   });
   return renderListComponent(items, variant, otherProps);
 };
@@ -11371,7 +11392,7 @@ var MenuContext = (0, import_react51.createContext)({ compact: false });
 var useMenuContext = () => (0, import_react51.useContext)(MenuContext);
 // src/components/Menu/Menu.tsx
-var import_jsx_runtime240 = require("react/jsx-runtime");
+var import_jsx_runtime241 = require("react/jsx-runtime");
 var open = import_styled_components63.keyframes`
   from {
     opacity: 0;
@@ -11484,25 +11505,25 @@ var Menu = (0, import_react52.forwardRef)(
         onOpenChange: () => null
       };
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
       import_react_dropdown_menu.DropdownMenu,
       {
         modal: false,
         ...controlProps,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(import_react_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: (0, import_type_guards42.isNotUndefined)(trigger) ? trigger : /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(import_react_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: (0, import_type_guards42.isNotUndefined)(trigger) ? trigger : /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
             Button,
             {
               ref,
               "aria-expanded": isOpen,
               disabled,
               forceState: isOpen ? "active" : void 0,
-              rightIcon: /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(Icon, { type: "caret-down" }),
+              rightIcon: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Icon, { type: "caret-down" }),
               ...triggerProps,
               children: label
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(import_react_dropdown_menu.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(import_react_dropdown_menu.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
             MenuContent,
             {
               ...props,
@@ -11527,17 +11548,17 @@ Menu.displayName = "Menu";
 // src/components/Menu/MenuLabel.tsx
 var import_styled_components64 = __toESM(require("styled-components"));
 var import_react_dropdown_menu2 = require("@radix-ui/react-dropdown-menu");
-var import_jsx_runtime241 = require("react/jsx-runtime");
+var import_jsx_runtime242 = require("react/jsx-runtime");
 var StyledMenuLabel = (0, import_styled_components64.default)(import_react_dropdown_menu2.DropdownMenuLabel)`
   padding: var(--wui-space-02);
 `;
 var MenuLabel = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
     StyledMenuLabel,
     {
       asChild: true,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
         Heading,
         {
           renderAs: "span",
@@ -11561,7 +11582,7 @@ var import_type_guards44 = require("@wistia/type-guards");
 var import_react53 = require("react");
 var import_styled_components65 = __toESM(require("styled-components"));
 var import_type_guards43 = require("@wistia/type-guards");
-var import_jsx_runtime242 = require("react/jsx-runtime");
+var import_jsx_runtime243 = require("react/jsx-runtime");
 var StyledButton3 = (0, import_styled_components65.default)(Button)`
   ${({ colorScheme }) => getColorScheme(colorScheme)};
@@ -11644,7 +11665,7 @@ var MenuItemButton = (0, import_react53.forwardRef)(({ children, appearance, com
     colorScheme = "error";
   }
   if (appearance === "gated") {
-    badge = /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
+    badge = /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
       Icon,
       {
         colorScheme: "purple",
@@ -11656,7 +11677,7 @@ var MenuItemButton = (0, import_react53.forwardRef)(({ children, appearance, com
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
     StyledButton3,
     {
       ...props,
@@ -11666,10 +11687,10 @@ var MenuItemButton = (0, import_react53.forwardRef)(({ children, appearance, com
       fullWidth: true,
       unstyled: true,
       children: [
-        props.leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(StyledLeftIconContainer, { children: props.leftIcon }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(StyledLabelAndDescriptionContainer, { children }),
-        (0, import_type_guards43.isNotNil)(badge) || (0, import_type_guards43.isNotNil)(command) ? /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(StyledBadgeContainer, { children: badge ?? command }) : null,
-        props.rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(StyledRightIconContainer, { children: props.rightIcon }) : null
+        props.leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(StyledLeftIconContainer, { children: props.leftIcon }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(StyledLabelAndDescriptionContainer, { children }),
+        (0, import_type_guards43.isNotNil)(badge) || (0, import_type_guards43.isNotNil)(command) ? /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(StyledBadgeContainer, { children: badge ?? command }) : null,
+        props.rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(StyledRightIconContainer, { children: props.rightIcon }) : null
       ]
     }
   );
@@ -11678,14 +11699,14 @@ MenuItemButton.displayName = "MenuItemButton";
 // src/components/Menu/MenuItemLabelDescription.tsx
 var import_styled_components66 = __toESM(require("styled-components"));
-var import_jsx_runtime243 = require("react/jsx-runtime");
+var import_jsx_runtime244 = require("react/jsx-runtime");
 var StyledMenuItemLabel = import_styled_components66.default.span``;
 var StyledMenuItemDescription = (0, import_styled_components66.default)(Text)``;
 var MenuItemLabel = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(StyledMenuItemLabel, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(StyledMenuItemLabel, { children });
 };
 var MenuItemDescription = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
     StyledMenuItemDescription,
     {
       prominence: "secondary",
@@ -11696,7 +11717,7 @@ var MenuItemDescription = ({ children }) => {
 };
 // src/components/Menu/SubMenu.tsx
-var import_jsx_runtime244 = require("react/jsx-runtime");
+var import_jsx_runtime245 = require("react/jsx-runtime");
 var SubMenuContent = (0, import_styled_components67.default)(import_react_dropdown_menu3.DropdownMenuSubContent)`
   ${menuContentCss}
@@ -11718,12 +11739,12 @@ var StyledSubTrigger = (0, import_styled_components67.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_runtime244.jsx)(Trigger4, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Trigger4, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
     MenuItemButton,
     {
       ...props,
       leftIcon: icon,
-      rightIcon: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Icon, { type: "caret-right" })
+      rightIcon: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Icon, { type: "caret-right" })
     }
   ) });
 };
@@ -11737,14 +11758,14 @@ var SubMenu = ({
   const { isSmAndUp } = useMq();
   const [isExpanded, setIsExpanded] = (0, import_react54.useState)(false);
   const { compact } = useMenuContext();
-  return isSmAndUp ? /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(import_react_dropdown_menu3.DropdownMenuSub, { onOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(SubMenuTrigger, { ...props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(MenuItemLabel, { children: label }),
-      (0, import_type_guards44.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(MenuItemDescription, { children: description }) : null
+  return isSmAndUp ? /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(import_react_dropdown_menu3.DropdownMenuSub, { onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(SubMenuTrigger, { ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(MenuItemLabel, { children: label }),
+      (0, import_type_guards44.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(MenuItemDescription, { children: description }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(import_react_dropdown_menu3.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(SubMenuContent, { $compact: compact, children }) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(import_react_dropdown_menu3.DropdownMenuGroup, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(import_react_dropdown_menu3.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(SubMenuContent, { $compact: compact, children }) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(import_react_dropdown_menu3.DropdownMenuGroup, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
       SubMenuTrigger,
       {
         ...props,
@@ -11753,12 +11774,12 @@ var SubMenu = ({
           setIsExpanded((prev) => !prev);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(MenuItemLabel, { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(MenuItemDescription, { children: description })
+          /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(MenuItemLabel, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(MenuItemDescription, { children: description })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(StyledMobileSubMenuItems, { children: isExpanded ? children : null })
+    /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(StyledMobileSubMenuItems, { children: isExpanded ? children : null })
   ] });
 };
 SubMenu.displayName = "SubMenu";
@@ -11766,15 +11787,15 @@ SubMenu.displayName = "SubMenu";
 // src/components/Menu/MenuItem.tsx
 var import_react55 = require("react");
 var import_react_dropdown_menu4 = require("@radix-ui/react-dropdown-menu");
-var import_jsx_runtime245 = require("react/jsx-runtime");
+var import_jsx_runtime246 = require("react/jsx-runtime");
 var MenuItem = (0, import_react55.forwardRef)(
   ({ onSelect = () => null, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
       import_react_dropdown_menu4.DropdownMenuItem,
       {
         asChild: true,
         onSelect,
-        children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
           MenuItemButton,
           {
             ...props,
@@ -11790,19 +11811,19 @@ MenuItem.displayName = "MenuItem";
 // src/components/Menu/MenuRadioGroup.tsx
 var import_react_dropdown_menu5 = require("@radix-ui/react-dropdown-menu");
-var import_jsx_runtime246 = require("react/jsx-runtime");
+var import_jsx_runtime247 = require("react/jsx-runtime");
 var MenuRadioGroup = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(import_react_dropdown_menu5.DropdownMenuRadioGroup, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(import_react_dropdown_menu5.DropdownMenuRadioGroup, { ...props, children });
 };
 MenuRadioGroup.displayName = "MenuRadioGroup";
 // src/components/Menu/RadioMenuItem.tsx
 var import_react_dropdown_menu6 = require("@radix-ui/react-dropdown-menu");
-var import_jsx_runtime247 = require("react/jsx-runtime");
+var import_jsx_runtime248 = require("react/jsx-runtime");
 var RadioMenuItem = ({
   onSelect,
   value,
-  indicator = /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
+  indicator = /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
     Icon,
     {
       size: "sm",
@@ -11812,17 +11833,17 @@ var RadioMenuItem = ({
   ...props
 }) => {
   const extraProps = onSelect ? { onSelect } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
     import_react_dropdown_menu6.DropdownMenuRadioItem,
     {
       ...extraProps,
       asChild: true,
       value,
-      children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
         MenuItemButton,
         {
           ...props,
-          rightIcon: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(import_react_dropdown_menu6.DropdownMenuItemIndicator, { children: indicator })
+          rightIcon: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(import_react_dropdown_menu6.DropdownMenuItemIndicator, { children: indicator })
         }
       )
     }
@@ -11833,9 +11854,9 @@ RadioMenuItem.displayName = "RadioMenuItem";
 // src/components/Menu/CheckboxMenuItem.tsx
 var import_react_dropdown_menu7 = require("@radix-ui/react-dropdown-menu");
 var import_type_guards45 = require("@wistia/type-guards");
-var import_jsx_runtime248 = require("react/jsx-runtime");
+var import_jsx_runtime249 = require("react/jsx-runtime");
 var CheckboxIndicator = ({ checked, ...props }) => {
-  return checked ? /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
+  return checked ? /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
     "svg",
     {
       ...props,
@@ -11845,14 +11866,14 @@ var CheckboxIndicator = ({ checked, ...props }) => {
       width: "24",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime249.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_runtime248.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime249.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",
@@ -11861,7 +11882,7 @@ var CheckboxIndicator = ({ checked, ...props }) => {
         )
       ]
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
     "svg",
     {
       ...props,
@@ -11871,14 +11892,14 @@ var CheckboxIndicator = ({ checked, ...props }) => {
       width: "24",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime249.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_runtime248.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime249.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",
@@ -11895,19 +11916,19 @@ var CheckboxMenuItem = ({
   onCheckedChange,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
     import_react_dropdown_menu7.DropdownMenuCheckboxItem,
     {
       asChild: true,
       checked,
       onCheckedChange,
       onSelect,
-      children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
         MenuItemButton,
         {
           ...props,
-          leftIcon: (0, import_type_guards45.isNotNil)(props.icon) ? props.icon : /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(CheckboxIndicator, { checked }),
-          rightIcon: (0, import_type_guards45.isNotNil)(props.icon) ? /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(import_react_dropdown_menu7.DropdownMenuItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Icon, { type: "checkmark" }) }) : void 0
+          leftIcon: (0, import_type_guards45.isNotNil)(props.icon) ? props.icon : /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(CheckboxIndicator, { checked }),
+          rightIcon: (0, import_type_guards45.isNotNil)(props.icon) ? /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(import_react_dropdown_menu7.DropdownMenuItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Icon, { type: "checkmark" }) }) : void 0
         }
       )
     }
@@ -11917,18 +11938,18 @@ CheckboxMenuItem.displayName = "CheckboxMenuItem";
 // src/components/Menu/FilterMenu.tsx
 var import_react56 = require("react");
-var import_jsx_runtime249 = require("react/jsx-runtime");
+var import_jsx_runtime250 = require("react/jsx-runtime");
 var FilterMenuItem = CheckboxMenuItem;
 var FilterMenu = (0, import_react56.forwardRef)(
   ({ value, onChange, searchValue, onSearchValueChange, children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
       Menu,
       {
         ...props,
         ref,
         isOpen: true,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
             Card,
             {
               alignItems: "flex-end",
@@ -11943,7 +11964,7 @@ var FilterMenu = (0, import_react56.forwardRef)(
                 right: 0,
                 margin: "1px"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
                 Input,
                 {
                   autoFocus: true,
@@ -11969,7 +11990,7 @@ var FilterMenu = (0, import_react56.forwardRef)(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
             MenuItem,
             {
               disabled: true,
@@ -11977,8 +11998,8 @@ var FilterMenu = (0, import_react56.forwardRef)(
               children: " "
             }
           ),
-          import_react56.Children.toArray(children).length > 0 ? children : /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(MenuItem, { disabled: true, children: "No results found" }),
-          value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(MenuItem, { disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+          import_react56.Children.toArray(children).length > 0 ? children : /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(MenuItem, { disabled: true, children: "No results found" }),
+          value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(MenuItem, { disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
             Card,
             {
               alignItems: "flex-end",
@@ -11993,7 +12014,7 @@ var FilterMenu = (0, import_react56.forwardRef)(
                 right: 0,
                 margin: "1px"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
                 Button,
                 {
                   onClick: () => onChange([]),
@@ -12023,24 +12044,24 @@ var import_react_dialog2 = require("@radix-ui/react-dialog");
 // src/components/Modal/ModalCloseButton.tsx
 var import_styled_components68 = __toESM(require("styled-components"));
 var import_react_dialog = require("@radix-ui/react-dialog");
-var import_jsx_runtime250 = require("react/jsx-runtime");
+var import_jsx_runtime251 = require("react/jsx-runtime");
 var CloseButton = (0, import_styled_components68.default)(import_react_dialog.Close)`
   align-self: start;
 `;
 var ModalCloseButton = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(CloseButton, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(CloseButton, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
     IconButton,
     {
       label: "Dismiss modal",
       size: "sm",
       variant: "ghost",
-      children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Icon, { type: "close" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Icon, { type: "close" })
     }
   ) });
 };
 // src/components/Modal/ModalHeader.tsx
-var import_jsx_runtime251 = require("react/jsx-runtime");
+var import_jsx_runtime252 = require("react/jsx-runtime");
 var Header = import_styled_components69.default.header`
   display: flex;
   order: 1;
@@ -12063,10 +12084,10 @@ var ModalHeader = ({
   hideTitle,
   hideCloseButton
 }) => {
-  const TitleComponent = hideTitle ? /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(ScreenReaderOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Title, { children: title }) }) : /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Title, { children: title });
-  return /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(Header, { $hideTitle: hideTitle, children: [
+  const TitleComponent = hideTitle ? /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(ScreenReaderOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Title, { children: title }) }) : /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Title, { children: title });
+  return /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(Header, { $hideTitle: hideTitle, children: [
     TitleComponent,
-    hideCloseButton ? null : /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(ModalCloseButton, {})
+    hideCloseButton ? null : /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(ModalCloseButton, {})
   ] });
 };
@@ -12095,7 +12116,7 @@ var useFocusRestore = () => {
 };
 // src/components/Modal/ModalContent.tsx
-var import_jsx_runtime252 = require("react/jsx-runtime");
+var import_jsx_runtime253 = require("react/jsx-runtime");
 var modalEnter = import_styled_components70.keyframes`
   from {
     opacity: 0;
@@ -12224,7 +12245,7 @@ var StyledModalContent = (0, import_styled_components70.default)(import_react_di
 var ModalContent = (0, import_react58.forwardRef)(
   ({ width, positionVariant = "fixed-top", children, ...props }, ref) => {
     useFocusRestore();
-    return /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
       StyledModalContent,
       {
         ref,
@@ -12272,7 +12293,7 @@ var ModalOverlay = (0, import_styled_components71.default)(import_react_dialog4.
 `;
 // src/components/Modal/Modal.tsx
-var import_jsx_runtime253 = require("react/jsx-runtime");
+var import_jsx_runtime254 = require("react/jsx-runtime");
 var DEFAULT_MODAL_WIDTH = "532px";
 var ModalBody = import_styled_components72.default.div`
   flex-direction: column;
@@ -12293,7 +12314,7 @@ var Modal = (0, import_react59.forwardRef)(
     width = DEFAULT_MODAL_WIDTH,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
       import_react_dialog5.Root,
       {
         onOpenChange: (open2) => {
@@ -12302,9 +12323,9 @@ var Modal = (0, import_react59.forwardRef)(
           }
         },
         open: isOpen,
-        children: /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(import_react_dialog5.Portal, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(ModalOverlay, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(import_react_dialog5.Portal, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(ModalOverlay, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
             ModalContent,
             {
               ref,
@@ -12320,8 +12341,8 @@ var Modal = (0, import_react59.forwardRef)(
               width,
               ...props,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(ModalBody, { children }),
-                /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(ModalBody, { children }),
+                /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
                   ModalHeader,
                   {
                     hideCloseButton,
@@ -12352,7 +12373,7 @@ var getControlProps = (isOpen, onOpenChange) => {
 // src/components/Popover/PopoverArrow.tsx
 var import_react_popover = require("@radix-ui/react-popover");
 var import_styled_components73 = __toESM(require("styled-components"));
-var import_jsx_runtime254 = require("react/jsx-runtime");
+var import_jsx_runtime255 = require("react/jsx-runtime");
 var StyledPath = import_styled_components73.default.path`
   fill: var(--wui-color-border-secondary);
 `;
@@ -12391,7 +12412,7 @@ var StyledCircle = import_styled_components73.default.circle`
   }
 `;
 var PopoverArrow = ({ isAnimated }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(import_react_popover.PopoverArrow, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(import_react_popover.PopoverArrow, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
     "svg",
     {
       fill: "none",
@@ -12400,8 +12421,8 @@ var PopoverArrow = ({ isAnimated }) => {
       width: "48",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(StyledPath, { d: "M24 26.6667C21.0545 26.6667 18.6667 29.0545 18.6667 32C18.6667 34.9455 21.0545 37.3333 24 37.3333C26.9455 37.3333 29.3333 34.9455 29.3333 32C29.3333 29.0545 26.9455 26.6667 24 26.6667ZM23 0V32H25V0H23Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(StyledPath, { d: "M24 26.6667C21.0545 26.6667 18.6667 29.0545 18.6667 32C18.6667 34.9455 21.0545 37.3333 24 37.3333C26.9455 37.3333 29.3333 34.9455 29.3333 32C29.3333 29.0545 26.9455 26.6667 24 26.6667ZM23 0V32H25V0H23Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
           StyledCircle,
           {
             $isAnimated: isAnimated,
@@ -12412,7 +12433,7 @@ var PopoverArrow = ({ isAnimated }) => {
             strokeWidth: "4"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
           StyledCircle,
           {
             $isAnimated: isAnimated,
@@ -12430,7 +12451,7 @@ var PopoverArrow = ({ isAnimated }) => {
 PopoverArrow.displayName = "PopoverArrow";
 // src/components/Popover/Popover.tsx
-var import_jsx_runtime255 = require("react/jsx-runtime");
+var import_jsx_runtime256 = require("react/jsx-runtime");
 var StyledContent2 = (0, import_styled_components74.default)(import_react_popover2.Content)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   ${({ $unstyled }) => !$unstyled && import_styled_components74.css`
@@ -12469,9 +12490,9 @@ var Popover2 = ({
     "--wui-popover-max-width": maxWidth,
     "--wui-popover-max-height": maxHeight
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(import_react_popover2.Root, { ...getControlProps(isOpen, onOpenChange), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(import_react_popover2.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(import_react_popover2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(import_react_popover2.Root, { ...getControlProps(isOpen, onOpenChange), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(import_react_popover2.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(import_react_popover2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(
       StyledContent2,
       {
         $colorScheme: colorScheme,
@@ -12480,17 +12501,17 @@ var Popover2 = ({
         $unstyled: unstyled,
         style,
         children: [
-          !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(import_react_popover2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+          !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(import_react_popover2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
             IconButton,
             {
               "data-wui-popover-close": true,
               label: "Close",
               variant: "ghost",
-              children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Icon, { type: "close" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Icon, { type: "close" })
             }
           ) }),
-          withArrow ? /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(PopoverArrow, { isAnimated }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("div", { children })
+          withArrow ? /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(PopoverArrow, { isAnimated }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("div", { children })
         ]
       }
     ) })
@@ -12502,7 +12523,7 @@ Popover2.displayName = "Popover";
 var import_styled_components75 = __toESM(require("styled-components"));
 var import_react_progress = require("@radix-ui/react-progress");
 var import_type_guards49 = require("@wistia/type-guards");
-var import_jsx_runtime256 = require("react/jsx-runtime");
+var import_jsx_runtime257 = require("react/jsx-runtime");
 var ProgressBarWrapper = import_styled_components75.default.div`
   --progress-bar-height: 8px;
   --progress-bar-indicator-color: var(--wui-color-bg-fill);
@@ -12555,15 +12576,15 @@ var ProgressBar = ({
   labelRight,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(ProgressBarWrapper, { children: [
-    (0, import_type_guards49.isNotNil)(labelLeft) ? /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(ProgressBarLabel, { children: labelLeft }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(ProgressBarWrapper, { children: [
+    (0, import_type_guards49.isNotNil)(labelLeft) ? /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(ProgressBarLabel, { children: labelLeft }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
       StyledProgressBar,
       {
         max,
         value: progress,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
           StyledProgressIndicator,
           {
             $max: max,
@@ -12572,7 +12593,7 @@ var ProgressBar = ({
         )
       }
     ),
-    (0, import_type_guards49.isNotNil)(labelRight) ? /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(ProgressBarLabel, { children: labelRight }) : null
+    (0, import_type_guards49.isNotNil)(labelRight) ? /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(ProgressBarLabel, { children: labelRight }) : null
   ] });
 };
 ProgressBar.displayName = "ProgressBar";
@@ -12581,8 +12602,8 @@ ProgressBar.displayName = "ProgressBar";
 var import_react60 = require("react");
 var import_styled_components76 = __toESM(require("styled-components"));
 var import_type_guards50 = require("@wistia/type-guards");
-var import_jsx_runtime257 = require("react/jsx-runtime");
-var RadioIcon = () => /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
+var import_jsx_runtime258 = require("react/jsx-runtime");
+var RadioIcon = () => /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
   "svg",
   {
     fill: "inherit",
@@ -12590,7 +12611,7 @@ var RadioIcon = () => /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
     viewBox: "0 0 1 1",
     width: "1",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
       "circle",
       {
         cx: "0.5",
@@ -12705,13 +12726,13 @@ var Radio = (0, import_react60.forwardRef)(
     const radioName = name ?? contextName;
     const handleOnChange = onChange ?? contextOnChange;
     const defaultChecked = (0, import_type_guards50.isNotUndefined)(value) && (0, import_type_guards50.isNotUndefined)(contextValue) ? contextValue.includes(value) : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(
       StyledRadioWrapper,
       {
         $disabled: disabled,
         "aria-invalid": props["aria-invalid"],
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
             StyledHiddenRadioInput,
             {
               ...props,
@@ -12726,16 +12747,16 @@ var Radio = (0, import_react60.forwardRef)(
               ...(0, import_type_guards50.isNotUndefined)(defaultChecked) ? { defaultChecked } : { checked }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
             FormControlLabel,
             {
-              controlSlot: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
+              controlSlot: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
                 StyledRadioInput,
                 {
                   $disabled: disabled,
                   $size: size,
                   "data-wui-faux-input": "true",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(RadioIcon, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(RadioIcon, {})
                 }
               ),
               description,
@@ -12760,7 +12781,7 @@ var import_type_guards52 = require("@wistia/type-guards");
 // src/components/SegmentedControl/useSelectedItemStyle.tsx
 var import_react61 = require("react");
-var import_jsx_runtime258 = require("react/jsx-runtime");
+var import_jsx_runtime259 = require("react/jsx-runtime");
 var SelectedItemStyleContext = (0, import_react61.createContext)(null);
 var SelectedItemStyleProvider = ({
   children
@@ -12781,7 +12802,7 @@ var SelectedItemStyleProvider = ({
     }),
     [selectedItemIndicatorStyle]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(SelectedItemStyleContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(SelectedItemStyleContext.Provider, { value: contextValue, children });
 };
 var useSelectedItemStyle = () => {
   const context = (0, import_react61.useContext)(SelectedItemStyleContext);
@@ -12808,7 +12829,7 @@ var useSegmentedControlValue = () => {
 };
 // src/components/SegmentedControl/SelectedItemIndicator.tsx
-var import_jsx_runtime259 = require("react/jsx-runtime");
+var import_jsx_runtime260 = require("react/jsx-runtime");
 var selectedItemIndicatorStyles = import_styled_components77.css`
   background-color: var(--wui-color-bg-fill-white);
   border-radius: var(--wui-border-radius-rounded);
@@ -12830,7 +12851,7 @@ var SelectedItemIndicator = () => {
   if (!selectedValue || (0, import_type_guards51.isUndefined)(selectedItemIndicatorStyle)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
     SelectedItemIndicatorDiv,
     {
       "data-wui-selected-item-indicator": true,
@@ -12840,7 +12861,7 @@ var SelectedItemIndicator = () => {
 };
 // src/components/SegmentedControl/SegmentedControl.tsx
-var import_jsx_runtime260 = require("react/jsx-runtime");
+var import_jsx_runtime261 = require("react/jsx-runtime");
 var segmentedControlStyles = import_styled_components78.css`
   display: inline-flex;
   background-color: var(--wui-color-bg-surface-secondary);
@@ -12867,7 +12888,7 @@ var SegmentedControl = (0, import_react63.forwardRef)(
     if ((0, import_type_guards52.isNil)(children)) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
       StyledSegmentedControl,
       {
         ref,
@@ -12879,9 +12900,9 @@ var SegmentedControl = (0, import_react63.forwardRef)(
         type: "single",
         value: selectedValue,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(SegmentedControlValueProvider, { value: selectedValue, children: /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(SelectedItemStyleProvider, { children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(SegmentedControlValueProvider, { value: selectedValue, children: /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(SelectedItemStyleProvider, { children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(SelectedItemIndicator, {})
+          /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(SelectedItemIndicator, {})
         ] }) })
       }
     );
@@ -12894,7 +12915,7 @@ var import_react64 = require("react");
 var import_styled_components79 = __toESM(require("styled-components"));
 var import_react_toggle_group2 = require("@radix-ui/react-toggle-group");
 var import_type_guards53 = require("@wistia/type-guards");
-var import_jsx_runtime261 = require("react/jsx-runtime");
+var import_jsx_runtime262 = require("react/jsx-runtime");
 var segmentedControlItemStyles = import_styled_components79.css`
   all: unset; /* ToggleGroupItem is a button element */
   align-items: center;
@@ -13003,7 +13024,7 @@ var SegmentedControlItem = (0, import_react64.forwardRef)(
         resizeObserver.disconnect();
       };
     }, [selectedValue, setSelectedItemMeasurements, value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(
       StyledSegmentedControlItem,
       {
         ref: combinedRef,
@@ -13027,7 +13048,7 @@ SegmentedControlItem.displayName = "SegmentedControlItem";
 var import_react_select = require("@radix-ui/react-select");
 var import_react65 = require("react");
 var import_styled_components80 = __toESM(require("styled-components"));
-var import_jsx_runtime262 = require("react/jsx-runtime");
+var import_jsx_runtime263 = require("react/jsx-runtime");
 var StyledTrigger2 = (0, import_styled_components80.default)(import_react_select.Trigger)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   ${inputCss};
@@ -13100,13 +13121,13 @@ var Select = (0, import_react65.forwardRef)(
     ...props
   }, forwardedRef) => {
     const responsiveFullWidth = useResponsiveProp(fullWidth);
-    return /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
       import_react_select.Root,
       {
         ...props,
         onValueChange: onChange,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
             StyledTrigger2,
             {
               ref: forwardedRef,
@@ -13114,8 +13135,8 @@ var Select = (0, import_react65.forwardRef)(
               $fullWidth: responsiveFullWidth,
               ...props,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(import_react_select.Value, { placeholder }),
-                /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_select.Value, { placeholder }),
+                /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
                   Icon,
                   {
                     size: "md",
@@ -13125,10 +13146,10 @@ var Select = (0, import_react65.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(import_react_select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(StyledContent3, { position: "popper", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(import_react_select.ScrollUpButton, { children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Icon, { type: "caret-up" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(import_react_select.Viewport, { children }),
-            /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(import_react_select.ScrollDownButton, { children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Icon, { type: "caret-down" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(StyledContent3, { position: "popper", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_select.ScrollUpButton, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Icon, { type: "caret-up" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_select.Viewport, { children }),
+            /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_select.ScrollDownButton, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Icon, { type: "caret-down" }) })
           ] }) })
         ]
       }
@@ -13142,7 +13163,7 @@ var import_react_select2 = require("@radix-ui/react-select");
 var import_react66 = require("react");
 var import_styled_components81 = __toESM(require("styled-components"));
 var import_type_guards54 = require("@wistia/type-guards");
-var import_jsx_runtime263 = require("react/jsx-runtime");
+var import_jsx_runtime264 = require("react/jsx-runtime");
 var StyledItem = (0, import_styled_components81.default)(import_react_select2.Item)`
   ${variantStyleMap2.body3};
   display: flex;
@@ -13172,23 +13193,23 @@ var StyledIconContainer = import_styled_components81.default.span`
 `;
 var SelectOption = (0, import_react66.forwardRef)(
   ({ children, selectedDisplayValue, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(
       StyledItem,
       {
         ...props,
         ref: forwardedRef,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(StyledIconContainer, { "data-indicator": true, children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_select2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(StyledIconContainer, { "data-indicator": true, children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(import_react_select2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
             Icon,
             {
               size: "sm",
               type: "checkmark"
             }
           ) }) }),
-          (0, import_type_guards54.isNotNil)(selectedDisplayValue) ? /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("div", { children: [
+          (0, import_type_guards54.isNotNil)(selectedDisplayValue) ? /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)("div", { children: [
             children,
-            /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("div", { style: { display: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_select2.ItemText, { children: selectedDisplayValue }) })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_select2.ItemText, { children })
+            /* @__PURE__ */ (0, import_jsx_runtime264.jsx)("div", { style: { display: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(import_react_select2.ItemText, { children: selectedDisplayValue }) })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(import_react_select2.ItemText, { children })
         ]
       }
     );
@@ -13199,13 +13220,13 @@ SelectOption.displayName = "SelectOption";
 // src/components/Select/SelectOptionGroup.tsx
 var import_react_select3 = require("@radix-ui/react-select");
 var import_styled_components82 = __toESM(require("styled-components"));
-var import_jsx_runtime264 = require("react/jsx-runtime");
+var import_jsx_runtime265 = require("react/jsx-runtime");
 var StyledLabel4 = (0, import_styled_components82.default)(import_react_select3.Label)`
   padding: var(--wui-select-option-padding);
 `;
 var SelectOptionGroup = ({ children, label, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(import_react_select3.Group, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(StyledLabel4, { children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)(import_react_select3.Group, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(StyledLabel4, { children: /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
       Text,
       {
         prominence: "secondary",
@@ -13221,7 +13242,7 @@ var SelectOptionGroup = ({ children, label, ...props }) => {
 var import_react_slider = require("@radix-ui/react-slider");
 var import_styled_components83 = __toESM(require("styled-components"));
 var import_type_guards55 = require("@wistia/type-guards");
-var import_jsx_runtime265 = require("react/jsx-runtime");
+var import_jsx_runtime266 = require("react/jsx-runtime");
 var SliderContainer = import_styled_components83.default.div`
   --wui-slider-track-color: var(--wui-gray-6);
   --wui-slider-track-border-radius: var(--wui-border-radius-rounded);
@@ -13310,12 +13331,12 @@ var Slider = ({
       onChange(newValue);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
     SliderContainer,
     {
       ...otherProps,
       "data-testid": dataTestId,
-      children: /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
         StyledSliderRoot,
         {
           "aria-label": ariaLabel,
@@ -13328,8 +13349,8 @@ var Slider = ({
           step,
           ...value ? { value } : {},
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(StyledSliderTrack, { "data-testid": `${dataTestId}-track`, children: /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(StyledSliderRange, { "data-testid": `${dataTestId}-range` }) }),
-            values.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(StyledSliderTrack, { "data-testid": `${dataTestId}-track`, children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(StyledSliderRange, { "data-testid": `${dataTestId}-range` }) }),
+            values.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
               StyledSliderThumb,
               {
                 "data-testid": `${dataTestId}-thumb-${index}`
@@ -13348,7 +13369,7 @@ Slider.displayName = "Slider";
 var import_react67 = require("react");
 var import_styled_components84 = __toESM(require("styled-components"));
 var import_type_guards56 = require("@wistia/type-guards");
-var import_jsx_runtime266 = require("react/jsx-runtime");
+var import_jsx_runtime267 = require("react/jsx-runtime");
 var sizeSmall3 = import_styled_components84.css`
   --wui-size-small-width: 24px;
   --wui-size-small-height: 14px;
@@ -13468,8 +13489,8 @@ var Switch = (0, import_react67.forwardRef)(
   }, ref) => {
     const generatedId = (0, import_react67.useId)();
     const computedId = (0, import_type_guards56.isNonEmptyString)(id) ? id : `wistia-ui-switch-${generatedId}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(StyledSwitchWrapper, { $disabled: disabled, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(StyledSwitchWrapper, { $disabled: disabled, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
         StyledHiddenSwitchInput,
         {
           ...props,
@@ -13484,11 +13505,11 @@ var Switch = (0, import_react67.forwardRef)(
           value
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
         FormControlLabel,
         {
           align,
-          controlSlot: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+          controlSlot: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
             StyledSwitchInput,
             {
               $disabled: disabled,
@@ -13511,7 +13532,7 @@ Switch.displayName = "Switch";
 // src/components/Table/Table.tsx
 var import_styled_components85 = __toESM(require("styled-components"));
-var import_jsx_runtime267 = require("react/jsx-runtime");
+var import_jsx_runtime268 = require("react/jsx-runtime");
 var StyledTable = import_styled_components85.default.table`
   width: 100%;
   border-collapse: collapse;
@@ -13541,7 +13562,7 @@ var Table = ({
   visuallyHiddenHeader = false,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
     StyledTable,
     {
       $divided: divided,
@@ -13561,16 +13582,16 @@ var import_react68 = require("react");
 var TableSectionContext = (0, import_react68.createContext)(null);
 // src/components/Table/TableBody.tsx
-var import_jsx_runtime268 = require("react/jsx-runtime");
+var import_jsx_runtime269 = require("react/jsx-runtime");
 var StyledTableBody = import_styled_components86.default.tbody``;
 var TableBody = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(TableSectionContext.Provider, { value: "body", children: /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(StyledTableBody, { ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(TableSectionContext.Provider, { value: "body", children: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(StyledTableBody, { ...props, children }) });
 };
 // src/components/Table/TableCell.tsx
 var import_react69 = require("react");
 var import_styled_components87 = __toESM(require("styled-components"));
-var import_jsx_runtime269 = require("react/jsx-runtime");
+var import_jsx_runtime270 = require("react/jsx-runtime");
 var sharedStyles = import_styled_components87.css`
   color: var(--wui-color-text);
   padding: var(--wui-space-02);
@@ -13591,33 +13612,33 @@ var StyledTd = import_styled_components87.default.td`
 var TableCell = ({ children, ...props }) => {
   const section = (0, import_react69.useContext)(TableSectionContext);
   if (section === "head") {
-    return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(StyledTh, { ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(StyledTh, { ...props, children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(StyledTd, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(StyledTd, { ...props, children });
 };
 // src/components/Table/TableFoot.tsx
 var import_styled_components88 = __toESM(require("styled-components"));
-var import_jsx_runtime270 = require("react/jsx-runtime");
+var import_jsx_runtime271 = require("react/jsx-runtime");
 var StyledTableFoot = import_styled_components88.default.tfoot``;
 var TableFoot = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(TableSectionContext.Provider, { value: "footer", children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(StyledTableFoot, { ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(TableSectionContext.Provider, { value: "footer", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(StyledTableFoot, { ...props, children }) });
 };
 // src/components/Table/TableHead.tsx
 var import_styled_components89 = __toESM(require("styled-components"));
-var import_jsx_runtime271 = require("react/jsx-runtime");
+var import_jsx_runtime272 = require("react/jsx-runtime");
 var StyledThead = import_styled_components89.default.thead``;
 var TableHead = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(TableSectionContext.Provider, { value: "head", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(StyledThead, { ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(TableSectionContext.Provider, { value: "head", children: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(StyledThead, { ...props, children }) });
 };
 // src/components/Table/TableRow.tsx
 var import_styled_components90 = __toESM(require("styled-components"));
-var import_jsx_runtime272 = require("react/jsx-runtime");
+var import_jsx_runtime273 = require("react/jsx-runtime");
 var StyledTableRow = import_styled_components90.default.tr``;
 var TableRow = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(StyledTableRow, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(StyledTableRow, { ...props, children });
 };
 // src/components/Tabs/Tabs.tsx
@@ -13638,7 +13659,7 @@ var useTabsValue = () => {
 };
 // src/components/Tabs/Tabs.tsx
-var import_jsx_runtime273 = require("react/jsx-runtime");
+var import_jsx_runtime274 = require("react/jsx-runtime");
 var Tabs = ({
   children,
   value: valueProp,
@@ -13666,15 +13687,15 @@ var Tabs = ({
   if ((0, import_type_guards57.isNotNil)(defaultValue)) {
     rootProps.defaultValue = defaultValue;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(import_react_tabs.Root, { ...rootProps, children: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(TabsValueProvider, { value: value ?? defaultValue, children: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(SelectedItemStyleProvider, { children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(import_react_tabs.Root, { ...rootProps, children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(TabsValueProvider, { value: value ?? defaultValue, children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(SelectedItemStyleProvider, { children }) }) });
 };
 Tabs.displayName = "Tabs";
 // src/components/Tabs/TabsContent.tsx
 var import_react_tabs2 = require("@radix-ui/react-tabs");
-var import_jsx_runtime274 = require("react/jsx-runtime");
+var import_jsx_runtime275 = require("react/jsx-runtime");
 var TabsContent = ({ children, value }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(import_react_tabs2.Content, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(import_react_tabs2.Content, { value, children });
 };
 TabsContent.displayName = "TabsContent";
@@ -13694,14 +13715,14 @@ var TabsSelectedItemIndicatorDiv = (0, import_styled_components91.default)(Selec
 `;
 // src/components/Tabs/SelectedTabIndicator.tsx
-var import_jsx_runtime275 = require("react/jsx-runtime");
+var import_jsx_runtime276 = require("react/jsx-runtime");
 var SelectedTabIndicator = () => {
   const { selectedItemIndicatorStyle } = useSelectedItemStyle();
   const selectedValue = useTabsValue();
   if (selectedValue == null || (0, import_type_guards58.isUndefined)(selectedItemIndicatorStyle)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
     TabsSelectedItemIndicatorDiv,
     {
       "data-wui-selected-item-indicator": true,
@@ -13711,19 +13732,19 @@ var SelectedTabIndicator = () => {
 };
 // src/components/Tabs/TabsList.tsx
-var import_jsx_runtime276 = require("react/jsx-runtime");
+var import_jsx_runtime277 = require("react/jsx-runtime");
 var StyledRadixTabsList = (0, import_styled_components92.default)(import_react_tabs3.List)`
   ${segmentedControlStyles}
 `;
 var TabsList = ({ children, fullWidth = true, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime277.jsxs)(
     StyledRadixTabsList,
     {
       $fullWidth: fullWidth,
       "aria-label": props["aria-label"],
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(SelectedTabIndicator, {})
+        /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(SelectedTabIndicator, {})
       ]
     }
   );
@@ -13746,7 +13767,7 @@ var StyledRadixTabsTrigger = (0, import_styled_components93.default)(import_reac
 `;
 // src/components/Tabs/TabsTrigger.tsx
-var import_jsx_runtime277 = require("react/jsx-runtime");
+var import_jsx_runtime278 = require("react/jsx-runtime");
 var TabsTrigger = (0, import_react72.forwardRef)(
   ({ disabled = false, icon, label, "aria-label": ariaLabel, value, ...otherProps }, forwardedRef) => {
     const selectedValue = useTabsValue();
@@ -13778,7 +13799,7 @@ var TabsTrigger = (0, import_react72.forwardRef)(
         resizeObserver.disconnect();
       };
     }, [selectedValue, setSelectedItemMeasurements, value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime277.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime278.jsxs)(
       StyledRadixTabsTrigger,
       {
         ...otherProps,
@@ -13800,7 +13821,7 @@ TabsTrigger.displayName = "TabsTrigger";
 // src/components/Thumbnail/ThumbnailBadge.tsx
 var import_styled_components94 = __toESM(require("styled-components"));
 var import_type_guards60 = require("@wistia/type-guards");
-var import_jsx_runtime278 = require("react/jsx-runtime");
+var import_jsx_runtime279 = require("react/jsx-runtime");
 var StyledThumbnailBadge = import_styled_components94.default.div`
   align-items: center;
   background-color: rgb(0 0 0 / 50%);
@@ -13826,9 +13847,9 @@ var StyledThumbnailBadge = import_styled_components94.default.div`
   }
 `;
 var ThumbnailBadge = ({ icon, label, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime278.jsxs)(StyledThumbnailBadge, { ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime279.jsxs)(StyledThumbnailBadge, { ...props, children: [
     (0, import_type_guards60.isNotNil)(icon) && icon,
-    /* @__PURE__ */ (0, import_jsx_runtime278.jsx)("span", { children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("span", { children: label })
   ] });
 };
 ThumbnailBadge.displayName = "ThumbnailBadge";
@@ -13973,7 +13994,7 @@ var getBackgroundGradient = (gradientName = void 0) => {
 // src/components/Thumbnail/ThumbnailStoryboardViewer.tsx
 var import_styled_components96 = __toESM(require("styled-components"));
 var import_type_guards62 = require("@wistia/type-guards");
-var import_jsx_runtime279 = require("react/jsx-runtime");
+var import_jsx_runtime280 = require("react/jsx-runtime");
 var ScrubLine = import_styled_components96.default.div`
   position: absolute;
   top: 0;
@@ -14077,14 +14098,14 @@ var ThumbnailStoryboardViewer = ({
     backgroundPosition,
     backgroundSize
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime279.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime280.jsxs)(
     "div",
     {
       ...props,
       style: viewerStyles,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("div", { style: storyboardStyles }),
-        showScrubLine ? /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime280.jsx)("div", { style: storyboardStyles }),
+        showScrubLine ? /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(
           ScrubLine,
           {
             style: {
@@ -14098,7 +14119,7 @@ var ThumbnailStoryboardViewer = ({
 };
 // src/components/Thumbnail/Thumbnail.tsx
-var import_jsx_runtime280 = require("react/jsx-runtime");
+var import_jsx_runtime281 = require("react/jsx-runtime");
 var WideThumbnailImage = import_styled_components97.default.img`
   height: 100%;
   object-fit: cover;
@@ -14111,7 +14132,7 @@ var SquareThumbnailImage = import_styled_components97.default.img`
 `;
 var ThumbnailImage = ({ thumbnailImageType, thumbnailUrl }) => {
   if (thumbnailImageType === "wide") {
-    return /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
       WideThumbnailImage,
       {
         alt: "",
@@ -14120,7 +14141,7 @@ var ThumbnailImage = ({ thumbnailImageType, thumbnailUrl }) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
     SquareThumbnailImage,
     {
       alt: "",
@@ -14223,7 +14244,7 @@ var Thumbnail = (0, import_react73.forwardRef)(
       } = storyboard;
       const targetWidth = (0, import_type_guards63.isString)(width) ? parseInt(width, 10) : Number(width);
       const effectiveCursorPosition = isStoryboardReady ? cursorPosition : null;
-      return /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
         ThumbnailStoryboardViewer,
         {
           cursorPosition: effectiveCursorPosition,
@@ -14243,7 +14264,7 @@ var Thumbnail = (0, import_react73.forwardRef)(
     if (shouldRenderStoryboard) {
       thumbnailContent = renderStoryboard();
     } else if ((0, import_type_guards63.isNotNil)(thumbnailUrl)) {
-      thumbnailContent = /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(
+      thumbnailContent = /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
         ThumbnailImage,
         {
           thumbnailImageType,
@@ -14253,7 +14274,7 @@ var Thumbnail = (0, import_react73.forwardRef)(
     } else {
       thumbnailContent = null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime280.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime281.jsxs)(
       StyledThumbnail,
       {
         ref,
@@ -14280,7 +14301,7 @@ Thumbnail.displayName = "Thumbnail";
 var import_react74 = __toESM(require("react"));
 var import_styled_components98 = __toESM(require("styled-components"));
 var import_type_guards64 = require("@wistia/type-guards");
-var import_jsx_runtime281 = (
+var import_jsx_runtime282 = (
   // ThumbnailCollage will fallback to a Thumbnail with a gradient background if no children are provided
   require("react/jsx-runtime")
 );
@@ -14365,7 +14386,7 @@ var ThumbnailCollage = ({
       children: void 0
     });
   }) : [
-    /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(
       Thumbnail,
       {
         gradientBackground,
@@ -14374,7 +14395,7 @@ var ThumbnailCollage = ({
       "fallback"
     )
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(
     StyledThumbnailCollage,
     {
       $gradientBackground: gradientBackground,
@@ -14388,24 +14409,24 @@ var ThumbnailCollage = ({
 // src/components/WistiaLogo/WistiaLogo.tsx
 var import_styled_components99 = __toESM(require("styled-components"));
 var import_type_guards65 = require("@wistia/type-guards");
-var import_jsx_runtime282 = require("react/jsx-runtime");
+var import_jsx_runtime283 = require("react/jsx-runtime");
 var renderBrandmark = (brandmarkColor, iconOnly) => {
   if (iconOnly) {
-    return /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(
       "g",
       {
         "data-testid": "ui-wistia-logo-brandmark",
         fill: brandmarkColor,
-        children: /* @__PURE__ */ (0, import_jsx_runtime282.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_runtime283.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_runtime282.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(
     "g",
     {
       "data-testid": "ui-wistia-logo-brandmark",
       fill: brandmarkColor,
-      children: /* @__PURE__ */ (0, import_jsx_runtime282.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_runtime283.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" })
     }
   );
 };
@@ -14413,12 +14434,12 @@ var renderLogotype = (logotypeColor, iconOnly) => {
   if (iconOnly) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(
     "g",
     {
       "data-testid": "ui-wistia-logo-logotype",
       fill: logotypeColor,
-      children: /* @__PURE__ */ (0, import_jsx_runtime282.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_runtime283.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" })
     }
   );
 };
@@ -14486,7 +14507,7 @@ var WistiaLogo = ({
   };
   const brandmarkColor = VARIANT_COLORS[variant].brandmark;
   const logotypeColor = VARIANT_COLORS[variant].logotype;
-  const Logo = /* @__PURE__ */ (0, import_jsx_runtime282.jsxs)(
+  const Logo = /* @__PURE__ */ (0, import_jsx_runtime283.jsxs)(
     WistiaLogoComponent,
     {
       $hoverColor: hoverColor,
@@ -14499,14 +14520,14 @@ var WistiaLogo = ({
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime282.jsx)("title", { children: title }),
-        (0, import_type_guards65.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime282.jsx)("desc", { children: description }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime283.jsx)("title", { children: title }),
+        (0, import_type_guards65.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime283.jsx)("desc", { children: description }) : null,
         renderBrandmark(brandmarkColor, iconOnly),
         renderLogotype(logotypeColor, iconOnly)
       ]
     }
   );
-  return href !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime282.jsx)("a", { href, children: Logo }) : Logo;
+  return href !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime283.jsx)("a", { href, children: Logo }) : Logo;
 };
 WistiaLogo.displayName = "WistiaLogo";
@@ -14514,7 +14535,7 @@ WistiaLogo.displayName = "WistiaLogo";
 var import_styled_components100 = __toESM(require("styled-components"));
 var import_react75 = require("react");
 var import_type_guards66 = require("@wistia/type-guards");
-var import_jsx_runtime283 = require("react/jsx-runtime");
+var import_jsx_runtime284 = require("react/jsx-runtime");
 var StyledIconButton = (0, import_styled_components100.default)(IconButton)`
   /* override size for icon button since prop gets changed by Input */
   height: var(--icon-button-size-sm);
@@ -14533,13 +14554,13 @@ var InputPassword = (0, import_react75.forwardRef)(
         onVisibilityToggle(newVisibility);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(
       Input,
       {
         ...props,
         ref,
         disabled,
-        rightIcon: /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(
+        rightIcon: /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(
           StyledIconButton,
           {
             disabled,
@@ -14547,7 +14568,7 @@ var InputPassword = (0, import_react75.forwardRef)(
             onClick: handleClick,
             tabIndex: disabled ? -1 : 0,
             variant: "ghost",
-            children: /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(Icon, { type: isVisible ? "preview" : "hide" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(Icon, { type: isVisible ? "preview" : "hide" })
           }
         ),
         type: isVisible ? "text" : "password"