@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
  1. package/dist/index.cjs +712 -691
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.mts +1 -0
  4. package/dist/index.d.ts +1 -0
  5. package/dist/index.mjs +643 -622
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/ui v0.11.1
3
+ * @license @wistia/ui v0.11.2
4
4
  *
5
5
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
6
6
  *
@@ -4769,9 +4769,9 @@ var LeaveIcon = (props) => /* @__PURE__ */ jsx94(
4769
4769
  }
4770
4770
  );
4771
4771
 
4772
- // src/components/Icon/icons/LinkIcon.tsx
4772
+ // src/components/Icon/icons/LightBulbIcon.tsx
4773
4773
  import { jsx as jsx95 } from "react/jsx-runtime";
4774
- var LinkIcon = (props) => /* @__PURE__ */ jsx95(
4774
+ var LightBulbIcon = (props) => /* @__PURE__ */ jsx95(
4775
4775
  "svg",
4776
4776
  {
4777
4777
  ...props,
@@ -4781,7 +4781,7 @@ var LinkIcon = (props) => /* @__PURE__ */ jsx95(
4781
4781
  "path",
4782
4782
  {
4783
4783
  clipRule: "evenodd",
4784
- 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",
4784
+ 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",
4785
4785
  fill: "currentColor",
4786
4786
  fillRule: "evenodd"
4787
4787
  }
@@ -4789,9 +4789,9 @@ var LinkIcon = (props) => /* @__PURE__ */ jsx95(
4789
4789
  }
4790
4790
  );
4791
4791
 
4792
- // src/components/Icon/icons/ListIcon.tsx
4792
+ // src/components/Icon/icons/LinkIcon.tsx
4793
4793
  import { jsx as jsx96 } from "react/jsx-runtime";
4794
- var ListIcon = (props) => /* @__PURE__ */ jsx96(
4794
+ var LinkIcon = (props) => /* @__PURE__ */ jsx96(
4795
4795
  "svg",
4796
4796
  {
4797
4797
  ...props,
@@ -4801,7 +4801,7 @@ var ListIcon = (props) => /* @__PURE__ */ jsx96(
4801
4801
  "path",
4802
4802
  {
4803
4803
  clipRule: "evenodd",
4804
- 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",
4804
+ 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",
4805
4805
  fill: "currentColor",
4806
4806
  fillRule: "evenodd"
4807
4807
  }
@@ -4809,15 +4809,35 @@ var ListIcon = (props) => /* @__PURE__ */ jsx96(
4809
4809
  }
4810
4810
  );
4811
4811
 
4812
- // src/components/Icon/icons/LiveIcon.tsx
4812
+ // src/components/Icon/icons/ListIcon.tsx
4813
4813
  import { jsx as jsx97 } from "react/jsx-runtime";
4814
- var LiveIcon = (props) => /* @__PURE__ */ jsx97(
4814
+ var ListIcon = (props) => /* @__PURE__ */ jsx97(
4815
4815
  "svg",
4816
4816
  {
4817
4817
  ...props,
4818
4818
  viewBox: "0 0 24 24",
4819
4819
  xmlns: "http://www.w3.org/2000/svg",
4820
4820
  children: /* @__PURE__ */ jsx97(
4821
+ "path",
4822
+ {
4823
+ clipRule: "evenodd",
4824
+ 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",
4825
+ fill: "currentColor",
4826
+ fillRule: "evenodd"
4827
+ }
4828
+ )
4829
+ }
4830
+ );
4831
+
4832
+ // src/components/Icon/icons/LiveIcon.tsx
4833
+ import { jsx as jsx98 } from "react/jsx-runtime";
4834
+ var LiveIcon = (props) => /* @__PURE__ */ jsx98(
4835
+ "svg",
4836
+ {
4837
+ ...props,
4838
+ viewBox: "0 0 24 24",
4839
+ xmlns: "http://www.w3.org/2000/svg",
4840
+ children: /* @__PURE__ */ jsx98(
4821
4841
  "path",
4822
4842
  {
4823
4843
  clipRule: "evenodd",
@@ -4830,7 +4850,7 @@ var LiveIcon = (props) => /* @__PURE__ */ jsx97(
4830
4850
  );
4831
4851
 
4832
4852
  // src/components/Icon/icons/LocalizationIcon.tsx
4833
- import { jsx as jsx98, jsxs as jsxs3 } from "react/jsx-runtime";
4853
+ import { jsx as jsx99, jsxs as jsxs3 } from "react/jsx-runtime";
4834
4854
  var LocalizationIcon = (props) => /* @__PURE__ */ jsxs3(
4835
4855
  "svg",
4836
4856
  {
@@ -4838,14 +4858,14 @@ var LocalizationIcon = (props) => /* @__PURE__ */ jsxs3(
4838
4858
  viewBox: "0 0 24 24",
4839
4859
  xmlns: "http://www.w3.org/2000/svg",
4840
4860
  children: [
4841
- /* @__PURE__ */ jsx98(
4861
+ /* @__PURE__ */ jsx99(
4842
4862
  "path",
4843
4863
  {
4844
4864
  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",
4845
4865
  fill: "currentColor"
4846
4866
  }
4847
4867
  ),
4848
- /* @__PURE__ */ jsx98(
4868
+ /* @__PURE__ */ jsx99(
4849
4869
  "path",
4850
4870
  {
4851
4871
  clipRule: "evenodd",
@@ -4854,14 +4874,14 @@ var LocalizationIcon = (props) => /* @__PURE__ */ jsxs3(
4854
4874
  fillRule: "evenodd"
4855
4875
  }
4856
4876
  ),
4857
- /* @__PURE__ */ jsx98(
4877
+ /* @__PURE__ */ jsx99(
4858
4878
  "path",
4859
4879
  {
4860
4880
  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",
4861
4881
  fill: "currentColor"
4862
4882
  }
4863
4883
  ),
4864
- /* @__PURE__ */ jsx98(
4884
+ /* @__PURE__ */ jsx99(
4865
4885
  "path",
4866
4886
  {
4867
4887
  clipRule: "evenodd",
@@ -4875,14 +4895,14 @@ var LocalizationIcon = (props) => /* @__PURE__ */ jsxs3(
4875
4895
  );
4876
4896
 
4877
4897
  // src/components/Icon/icons/LockIcon.tsx
4878
- import { jsx as jsx99 } from "react/jsx-runtime";
4879
- var LockIcon = (props) => /* @__PURE__ */ jsx99(
4898
+ import { jsx as jsx100 } from "react/jsx-runtime";
4899
+ var LockIcon = (props) => /* @__PURE__ */ jsx100(
4880
4900
  "svg",
4881
4901
  {
4882
4902
  ...props,
4883
4903
  viewBox: "0 0 24 24",
4884
4904
  xmlns: "http://www.w3.org/2000/svg",
4885
- children: /* @__PURE__ */ jsx99(
4905
+ children: /* @__PURE__ */ jsx100(
4886
4906
  "path",
4887
4907
  {
4888
4908
  clipRule: "evenodd",
@@ -4895,14 +4915,14 @@ var LockIcon = (props) => /* @__PURE__ */ jsx99(
4895
4915
  );
4896
4916
 
4897
4917
  // src/components/Icon/icons/LogoutIcon.tsx
4898
- import { jsx as jsx100 } from "react/jsx-runtime";
4899
- var LogoutIcon = (props) => /* @__PURE__ */ jsx100(
4918
+ import { jsx as jsx101 } from "react/jsx-runtime";
4919
+ var LogoutIcon = (props) => /* @__PURE__ */ jsx101(
4900
4920
  "svg",
4901
4921
  {
4902
4922
  ...props,
4903
4923
  viewBox: "0 0 24 24",
4904
4924
  xmlns: "http://www.w3.org/2000/svg",
4905
- children: /* @__PURE__ */ jsx100(
4925
+ children: /* @__PURE__ */ jsx101(
4906
4926
  "path",
4907
4927
  {
4908
4928
  clipRule: "evenodd",
@@ -4915,14 +4935,14 @@ var LogoutIcon = (props) => /* @__PURE__ */ jsx100(
4915
4935
  );
4916
4936
 
4917
4937
  // src/components/Icon/icons/MaximizeIcon.tsx
4918
- import { jsx as jsx101 } from "react/jsx-runtime";
4919
- var MaximizeIcon = (props) => /* @__PURE__ */ jsx101(
4938
+ import { jsx as jsx102 } from "react/jsx-runtime";
4939
+ var MaximizeIcon = (props) => /* @__PURE__ */ jsx102(
4920
4940
  "svg",
4921
4941
  {
4922
4942
  ...props,
4923
4943
  viewBox: "0 0 24 24",
4924
4944
  xmlns: "http://www.w3.org/2000/svg",
4925
- children: /* @__PURE__ */ jsx101(
4945
+ children: /* @__PURE__ */ jsx102(
4926
4946
  "path",
4927
4947
  {
4928
4948
  clipRule: "evenodd",
@@ -4935,14 +4955,14 @@ var MaximizeIcon = (props) => /* @__PURE__ */ jsx101(
4935
4955
  );
4936
4956
 
4937
4957
  // src/components/Icon/icons/MediaIcon.tsx
4938
- import { jsx as jsx102 } from "react/jsx-runtime";
4939
- var MediaIcon = (props) => /* @__PURE__ */ jsx102(
4958
+ import { jsx as jsx103 } from "react/jsx-runtime";
4959
+ var MediaIcon = (props) => /* @__PURE__ */ jsx103(
4940
4960
  "svg",
4941
4961
  {
4942
4962
  ...props,
4943
4963
  viewBox: "0 0 24 24",
4944
4964
  xmlns: "http://www.w3.org/2000/svg",
4945
- children: /* @__PURE__ */ jsx102(
4965
+ children: /* @__PURE__ */ jsx103(
4946
4966
  "path",
4947
4967
  {
4948
4968
  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",
@@ -4953,14 +4973,14 @@ var MediaIcon = (props) => /* @__PURE__ */ jsx102(
4953
4973
  );
4954
4974
 
4955
4975
  // src/components/Icon/icons/MegaphoneIcon.tsx
4956
- import { jsx as jsx103 } from "react/jsx-runtime";
4957
- var MegaphoneIcon = (props) => /* @__PURE__ */ jsx103(
4976
+ import { jsx as jsx104 } from "react/jsx-runtime";
4977
+ var MegaphoneIcon = (props) => /* @__PURE__ */ jsx104(
4958
4978
  "svg",
4959
4979
  {
4960
4980
  ...props,
4961
4981
  viewBox: "0 0 24 24",
4962
4982
  xmlns: "http://www.w3.org/2000/svg",
4963
- children: /* @__PURE__ */ jsx103(
4983
+ children: /* @__PURE__ */ jsx104(
4964
4984
  "path",
4965
4985
  {
4966
4986
  clipRule: "evenodd",
@@ -4973,14 +4993,14 @@ var MegaphoneIcon = (props) => /* @__PURE__ */ jsx103(
4973
4993
  );
4974
4994
 
4975
4995
  // src/components/Icon/icons/MenuIcon.tsx
4976
- import { jsx as jsx104 } from "react/jsx-runtime";
4977
- var MenuIcon = (props) => /* @__PURE__ */ jsx104(
4996
+ import { jsx as jsx105 } from "react/jsx-runtime";
4997
+ var MenuIcon = (props) => /* @__PURE__ */ jsx105(
4978
4998
  "svg",
4979
4999
  {
4980
5000
  ...props,
4981
5001
  viewBox: "0 0 24 24",
4982
5002
  xmlns: "http://www.w3.org/2000/svg",
4983
- children: /* @__PURE__ */ jsx104(
5003
+ children: /* @__PURE__ */ jsx105(
4984
5004
  "path",
4985
5005
  {
4986
5006
  clipRule: "evenodd",
@@ -4993,14 +5013,14 @@ var MenuIcon = (props) => /* @__PURE__ */ jsx104(
4993
5013
  );
4994
5014
 
4995
5015
  // src/components/Icon/icons/MicIcon.tsx
4996
- import { jsx as jsx105 } from "react/jsx-runtime";
4997
- var MicIcon = (props) => /* @__PURE__ */ jsx105(
5016
+ import { jsx as jsx106 } from "react/jsx-runtime";
5017
+ var MicIcon = (props) => /* @__PURE__ */ jsx106(
4998
5018
  "svg",
4999
5019
  {
5000
5020
  ...props,
5001
5021
  viewBox: "0 0 24 24",
5002
5022
  xmlns: "http://www.w3.org/2000/svg",
5003
- children: /* @__PURE__ */ jsx105(
5023
+ children: /* @__PURE__ */ jsx106(
5004
5024
  "path",
5005
5025
  {
5006
5026
  clipRule: "evenodd",
@@ -5013,14 +5033,14 @@ var MicIcon = (props) => /* @__PURE__ */ jsx105(
5013
5033
  );
5014
5034
 
5015
5035
  // src/components/Icon/icons/MicOffIcon.tsx
5016
- import { jsx as jsx106 } from "react/jsx-runtime";
5017
- var MicOffIcon = (props) => /* @__PURE__ */ jsx106(
5036
+ import { jsx as jsx107 } from "react/jsx-runtime";
5037
+ var MicOffIcon = (props) => /* @__PURE__ */ jsx107(
5018
5038
  "svg",
5019
5039
  {
5020
5040
  ...props,
5021
5041
  viewBox: "0 0 24 24",
5022
5042
  xmlns: "http://www.w3.org/2000/svg",
5023
- children: /* @__PURE__ */ jsx106(
5043
+ children: /* @__PURE__ */ jsx107(
5024
5044
  "path",
5025
5045
  {
5026
5046
  clipRule: "evenodd",
@@ -5033,14 +5053,14 @@ var MicOffIcon = (props) => /* @__PURE__ */ jsx106(
5033
5053
  );
5034
5054
 
5035
5055
  // src/components/Icon/icons/MinimizeIcon.tsx
5036
- import { jsx as jsx107 } from "react/jsx-runtime";
5037
- var MinimizeIcon = (props) => /* @__PURE__ */ jsx107(
5056
+ import { jsx as jsx108 } from "react/jsx-runtime";
5057
+ var MinimizeIcon = (props) => /* @__PURE__ */ jsx108(
5038
5058
  "svg",
5039
5059
  {
5040
5060
  ...props,
5041
5061
  viewBox: "0 0 24 24",
5042
5062
  xmlns: "http://www.w3.org/2000/svg",
5043
- children: /* @__PURE__ */ jsx107(
5063
+ children: /* @__PURE__ */ jsx108(
5044
5064
  "path",
5045
5065
  {
5046
5066
  clipRule: "evenodd",
@@ -5053,14 +5073,14 @@ var MinimizeIcon = (props) => /* @__PURE__ */ jsx107(
5053
5073
  );
5054
5074
 
5055
5075
  // src/components/Icon/icons/MinusIcon.tsx
5056
- import { jsx as jsx108 } from "react/jsx-runtime";
5057
- var MinusIcon = (props) => /* @__PURE__ */ jsx108(
5076
+ import { jsx as jsx109 } from "react/jsx-runtime";
5077
+ var MinusIcon = (props) => /* @__PURE__ */ jsx109(
5058
5078
  "svg",
5059
5079
  {
5060
5080
  ...props,
5061
5081
  viewBox: "0 0 24 24",
5062
5082
  xmlns: "http://www.w3.org/2000/svg",
5063
- children: /* @__PURE__ */ jsx108(
5083
+ children: /* @__PURE__ */ jsx109(
5064
5084
  "path",
5065
5085
  {
5066
5086
  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",
@@ -5071,14 +5091,14 @@ var MinusIcon = (props) => /* @__PURE__ */ jsx108(
5071
5091
  );
5072
5092
 
5073
5093
  // src/components/Icon/icons/MinusCircleIcon.tsx
5074
- import { jsx as jsx109 } from "react/jsx-runtime";
5075
- var MinusCircleIcon = (props) => /* @__PURE__ */ jsx109(
5094
+ import { jsx as jsx110 } from "react/jsx-runtime";
5095
+ var MinusCircleIcon = (props) => /* @__PURE__ */ jsx110(
5076
5096
  "svg",
5077
5097
  {
5078
5098
  ...props,
5079
5099
  viewBox: "0 0 24 24",
5080
5100
  xmlns: "http://www.w3.org/2000/svg",
5081
- children: /* @__PURE__ */ jsx109(
5101
+ children: /* @__PURE__ */ jsx110(
5082
5102
  "path",
5083
5103
  {
5084
5104
  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",
@@ -5089,14 +5109,14 @@ var MinusCircleIcon = (props) => /* @__PURE__ */ jsx109(
5089
5109
  );
5090
5110
 
5091
5111
  // src/components/Icon/icons/MobileIcon.tsx
5092
- import { jsx as jsx110 } from "react/jsx-runtime";
5093
- var MobileIcon = (props) => /* @__PURE__ */ jsx110(
5112
+ import { jsx as jsx111 } from "react/jsx-runtime";
5113
+ var MobileIcon = (props) => /* @__PURE__ */ jsx111(
5094
5114
  "svg",
5095
5115
  {
5096
5116
  ...props,
5097
5117
  viewBox: "0 0 24 24",
5098
5118
  xmlns: "http://www.w3.org/2000/svg",
5099
- children: /* @__PURE__ */ jsx110(
5119
+ children: /* @__PURE__ */ jsx111(
5100
5120
  "path",
5101
5121
  {
5102
5122
  clipRule: "evenodd",
@@ -5109,14 +5129,14 @@ var MobileIcon = (props) => /* @__PURE__ */ jsx110(
5109
5129
  );
5110
5130
 
5111
5131
  // src/components/Icon/icons/MoreOptionsIcon.tsx
5112
- import { jsx as jsx111 } from "react/jsx-runtime";
5113
- var MoreOptionsIcon = (props) => /* @__PURE__ */ jsx111(
5132
+ import { jsx as jsx112 } from "react/jsx-runtime";
5133
+ var MoreOptionsIcon = (props) => /* @__PURE__ */ jsx112(
5114
5134
  "svg",
5115
5135
  {
5116
5136
  ...props,
5117
5137
  viewBox: "0 0 24 24",
5118
5138
  xmlns: "http://www.w3.org/2000/svg",
5119
- children: /* @__PURE__ */ jsx111(
5139
+ children: /* @__PURE__ */ jsx112(
5120
5140
  "path",
5121
5141
  {
5122
5142
  clipRule: "evenodd",
@@ -5129,14 +5149,14 @@ var MoreOptionsIcon = (props) => /* @__PURE__ */ jsx111(
5129
5149
  );
5130
5150
 
5131
5151
  // src/components/Icon/icons/MoveLeftIcon.tsx
5132
- import { jsx as jsx112 } from "react/jsx-runtime";
5133
- var MoveLeftIcon = (props) => /* @__PURE__ */ jsx112(
5152
+ import { jsx as jsx113 } from "react/jsx-runtime";
5153
+ var MoveLeftIcon = (props) => /* @__PURE__ */ jsx113(
5134
5154
  "svg",
5135
5155
  {
5136
5156
  ...props,
5137
5157
  viewBox: "0 0 24 24",
5138
5158
  xmlns: "http://www.w3.org/2000/svg",
5139
- children: /* @__PURE__ */ jsx112(
5159
+ children: /* @__PURE__ */ jsx113(
5140
5160
  "path",
5141
5161
  {
5142
5162
  clipRule: "evenodd",
@@ -5149,14 +5169,14 @@ var MoveLeftIcon = (props) => /* @__PURE__ */ jsx112(
5149
5169
  );
5150
5170
 
5151
5171
  // src/components/Icon/icons/MoveRightIcon.tsx
5152
- import { jsx as jsx113 } from "react/jsx-runtime";
5153
- var MoveRightIcon = (props) => /* @__PURE__ */ jsx113(
5172
+ import { jsx as jsx114 } from "react/jsx-runtime";
5173
+ var MoveRightIcon = (props) => /* @__PURE__ */ jsx114(
5154
5174
  "svg",
5155
5175
  {
5156
5176
  ...props,
5157
5177
  viewBox: "0 0 24 24",
5158
5178
  xmlns: "http://www.w3.org/2000/svg",
5159
- children: /* @__PURE__ */ jsx113(
5179
+ children: /* @__PURE__ */ jsx114(
5160
5180
  "path",
5161
5181
  {
5162
5182
  clipRule: "evenodd",
@@ -5169,14 +5189,14 @@ var MoveRightIcon = (props) => /* @__PURE__ */ jsx113(
5169
5189
  );
5170
5190
 
5171
5191
  // src/components/Icon/icons/MusicIcon.tsx
5172
- import { jsx as jsx114 } from "react/jsx-runtime";
5173
- var MusicIcon = (props) => /* @__PURE__ */ jsx114(
5192
+ import { jsx as jsx115 } from "react/jsx-runtime";
5193
+ var MusicIcon = (props) => /* @__PURE__ */ jsx115(
5174
5194
  "svg",
5175
5195
  {
5176
5196
  ...props,
5177
5197
  viewBox: "0 0 24 24",
5178
5198
  xmlns: "http://www.w3.org/2000/svg",
5179
- children: /* @__PURE__ */ jsx114(
5199
+ children: /* @__PURE__ */ jsx115(
5180
5200
  "path",
5181
5201
  {
5182
5202
  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",
@@ -5187,14 +5207,14 @@ var MusicIcon = (props) => /* @__PURE__ */ jsx114(
5187
5207
  );
5188
5208
 
5189
5209
  // src/components/Icon/icons/OnAirIcon.tsx
5190
- import { jsx as jsx115 } from "react/jsx-runtime";
5191
- var OnAirIcon = (props) => /* @__PURE__ */ jsx115(
5210
+ import { jsx as jsx116 } from "react/jsx-runtime";
5211
+ var OnAirIcon = (props) => /* @__PURE__ */ jsx116(
5192
5212
  "svg",
5193
5213
  {
5194
5214
  ...props,
5195
5215
  viewBox: "0 0 24 24",
5196
5216
  xmlns: "http://www.w3.org/2000/svg",
5197
- children: /* @__PURE__ */ jsx115(
5217
+ children: /* @__PURE__ */ jsx116(
5198
5218
  "path",
5199
5219
  {
5200
5220
  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",
@@ -5205,14 +5225,14 @@ var OnAirIcon = (props) => /* @__PURE__ */ jsx115(
5205
5225
  );
5206
5226
 
5207
5227
  // src/components/Icon/icons/OpenNewIcon.tsx
5208
- import { jsx as jsx116 } from "react/jsx-runtime";
5209
- var OpenNewIcon = (props) => /* @__PURE__ */ jsx116(
5228
+ import { jsx as jsx117 } from "react/jsx-runtime";
5229
+ var OpenNewIcon = (props) => /* @__PURE__ */ jsx117(
5210
5230
  "svg",
5211
5231
  {
5212
5232
  ...props,
5213
5233
  viewBox: "0 0 24 24",
5214
5234
  xmlns: "http://www.w3.org/2000/svg",
5215
- children: /* @__PURE__ */ jsx116(
5235
+ children: /* @__PURE__ */ jsx117(
5216
5236
  "path",
5217
5237
  {
5218
5238
  clipRule: "evenodd",
@@ -5225,14 +5245,14 @@ var OpenNewIcon = (props) => /* @__PURE__ */ jsx116(
5225
5245
  );
5226
5246
 
5227
5247
  // src/components/Icon/icons/OverviewIcon.tsx
5228
- import { jsx as jsx117 } from "react/jsx-runtime";
5229
- var OverviewIcon = (props) => /* @__PURE__ */ jsx117(
5248
+ import { jsx as jsx118 } from "react/jsx-runtime";
5249
+ var OverviewIcon = (props) => /* @__PURE__ */ jsx118(
5230
5250
  "svg",
5231
5251
  {
5232
5252
  ...props,
5233
5253
  viewBox: "0 0 24 24",
5234
5254
  xmlns: "http://www.w3.org/2000/svg",
5235
- children: /* @__PURE__ */ jsx117(
5255
+ children: /* @__PURE__ */ jsx118(
5236
5256
  "path",
5237
5257
  {
5238
5258
  clipRule: "evenodd",
@@ -5245,14 +5265,14 @@ var OverviewIcon = (props) => /* @__PURE__ */ jsx117(
5245
5265
  );
5246
5266
 
5247
5267
  // src/components/Icon/icons/PageIcon.tsx
5248
- import { jsx as jsx118 } from "react/jsx-runtime";
5249
- var PageIcon = (props) => /* @__PURE__ */ jsx118(
5268
+ import { jsx as jsx119 } from "react/jsx-runtime";
5269
+ var PageIcon = (props) => /* @__PURE__ */ jsx119(
5250
5270
  "svg",
5251
5271
  {
5252
5272
  ...props,
5253
5273
  viewBox: "0 0 24 24",
5254
5274
  xmlns: "http://www.w3.org/2000/svg",
5255
- children: /* @__PURE__ */ jsx118(
5275
+ children: /* @__PURE__ */ jsx119(
5256
5276
  "path",
5257
5277
  {
5258
5278
  clipRule: "evenodd",
@@ -5265,14 +5285,14 @@ var PageIcon = (props) => /* @__PURE__ */ jsx118(
5265
5285
  );
5266
5286
 
5267
5287
  // src/components/Icon/icons/PanelLeftIcon.tsx
5268
- import { jsx as jsx119 } from "react/jsx-runtime";
5269
- var PanelLeftIcon = (props) => /* @__PURE__ */ jsx119(
5288
+ import { jsx as jsx120 } from "react/jsx-runtime";
5289
+ var PanelLeftIcon = (props) => /* @__PURE__ */ jsx120(
5270
5290
  "svg",
5271
5291
  {
5272
5292
  ...props,
5273
5293
  viewBox: "0 0 24 24",
5274
5294
  xmlns: "http://www.w3.org/2000/svg",
5275
- children: /* @__PURE__ */ jsx119(
5295
+ children: /* @__PURE__ */ jsx120(
5276
5296
  "path",
5277
5297
  {
5278
5298
  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",
@@ -5283,14 +5303,14 @@ var PanelLeftIcon = (props) => /* @__PURE__ */ jsx119(
5283
5303
  );
5284
5304
 
5285
5305
  // src/components/Icon/icons/PanelRightIcon.tsx
5286
- import { jsx as jsx120 } from "react/jsx-runtime";
5287
- var PanelRightIcon = (props) => /* @__PURE__ */ jsx120(
5306
+ import { jsx as jsx121 } from "react/jsx-runtime";
5307
+ var PanelRightIcon = (props) => /* @__PURE__ */ jsx121(
5288
5308
  "svg",
5289
5309
  {
5290
5310
  ...props,
5291
5311
  viewBox: "0 0 24 24",
5292
5312
  xmlns: "http://www.w3.org/2000/svg",
5293
- children: /* @__PURE__ */ jsx120(
5313
+ children: /* @__PURE__ */ jsx121(
5294
5314
  "path",
5295
5315
  {
5296
5316
  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",
@@ -5301,14 +5321,14 @@ var PanelRightIcon = (props) => /* @__PURE__ */ jsx120(
5301
5321
  );
5302
5322
 
5303
5323
  // src/components/Icon/icons/PanelUpIcon.tsx
5304
- import { jsx as jsx121 } from "react/jsx-runtime";
5305
- var PanelUpIcon = (props) => /* @__PURE__ */ jsx121(
5324
+ import { jsx as jsx122 } from "react/jsx-runtime";
5325
+ var PanelUpIcon = (props) => /* @__PURE__ */ jsx122(
5306
5326
  "svg",
5307
5327
  {
5308
5328
  ...props,
5309
5329
  viewBox: "0 0 24 24",
5310
5330
  xmlns: "http://www.w3.org/2000/svg",
5311
- children: /* @__PURE__ */ jsx121(
5331
+ children: /* @__PURE__ */ jsx122(
5312
5332
  "path",
5313
5333
  {
5314
5334
  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",
@@ -5319,14 +5339,14 @@ var PanelUpIcon = (props) => /* @__PURE__ */ jsx121(
5319
5339
  );
5320
5340
 
5321
5341
  // src/components/Icon/icons/PasswordIcon.tsx
5322
- import { jsx as jsx122 } from "react/jsx-runtime";
5323
- var PasswordIcon = (props) => /* @__PURE__ */ jsx122(
5342
+ import { jsx as jsx123 } from "react/jsx-runtime";
5343
+ var PasswordIcon = (props) => /* @__PURE__ */ jsx123(
5324
5344
  "svg",
5325
5345
  {
5326
5346
  ...props,
5327
5347
  viewBox: "0 0 24 24",
5328
5348
  xmlns: "http://www.w3.org/2000/svg",
5329
- children: /* @__PURE__ */ jsx122(
5349
+ children: /* @__PURE__ */ jsx123(
5330
5350
  "path",
5331
5351
  {
5332
5352
  clipRule: "evenodd",
@@ -5339,14 +5359,14 @@ var PasswordIcon = (props) => /* @__PURE__ */ jsx122(
5339
5359
  );
5340
5360
 
5341
5361
  // src/components/Icon/icons/PauseIcon.tsx
5342
- import { jsx as jsx123 } from "react/jsx-runtime";
5343
- var PauseIcon = (props) => /* @__PURE__ */ jsx123(
5362
+ import { jsx as jsx124 } from "react/jsx-runtime";
5363
+ var PauseIcon = (props) => /* @__PURE__ */ jsx124(
5344
5364
  "svg",
5345
5365
  {
5346
5366
  ...props,
5347
5367
  viewBox: "0 0 24 24",
5348
5368
  xmlns: "http://www.w3.org/2000/svg",
5349
- children: /* @__PURE__ */ jsx123(
5369
+ children: /* @__PURE__ */ jsx124(
5350
5370
  "path",
5351
5371
  {
5352
5372
  clipRule: "evenodd",
@@ -5359,14 +5379,14 @@ var PauseIcon = (props) => /* @__PURE__ */ jsx123(
5359
5379
  );
5360
5380
 
5361
5381
  // src/components/Icon/icons/PencilIcon.tsx
5362
- import { jsx as jsx124 } from "react/jsx-runtime";
5363
- var PencilIcon = (props) => /* @__PURE__ */ jsx124(
5382
+ import { jsx as jsx125 } from "react/jsx-runtime";
5383
+ var PencilIcon = (props) => /* @__PURE__ */ jsx125(
5364
5384
  "svg",
5365
5385
  {
5366
5386
  ...props,
5367
5387
  viewBox: "0 0 24 24",
5368
5388
  xmlns: "http://www.w3.org/2000/svg",
5369
- children: /* @__PURE__ */ jsx124(
5389
+ children: /* @__PURE__ */ jsx125(
5370
5390
  "path",
5371
5391
  {
5372
5392
  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",
@@ -5377,14 +5397,14 @@ var PencilIcon = (props) => /* @__PURE__ */ jsx124(
5377
5397
  );
5378
5398
 
5379
5399
  // src/components/Icon/icons/PeopleIcon.tsx
5380
- import { jsx as jsx125 } from "react/jsx-runtime";
5381
- var PeopleIcon = (props) => /* @__PURE__ */ jsx125(
5400
+ import { jsx as jsx126 } from "react/jsx-runtime";
5401
+ var PeopleIcon = (props) => /* @__PURE__ */ jsx126(
5382
5402
  "svg",
5383
5403
  {
5384
5404
  ...props,
5385
5405
  viewBox: "0 0 24 24",
5386
5406
  xmlns: "http://www.w3.org/2000/svg",
5387
- children: /* @__PURE__ */ jsx125(
5407
+ children: /* @__PURE__ */ jsx126(
5388
5408
  "path",
5389
5409
  {
5390
5410
  clipRule: "evenodd",
@@ -5397,14 +5417,14 @@ var PeopleIcon = (props) => /* @__PURE__ */ jsx125(
5397
5417
  );
5398
5418
 
5399
5419
  // src/components/Icon/icons/PinIcon.tsx
5400
- import { jsx as jsx126 } from "react/jsx-runtime";
5401
- var PinIcon = (props) => /* @__PURE__ */ jsx126(
5420
+ import { jsx as jsx127 } from "react/jsx-runtime";
5421
+ var PinIcon = (props) => /* @__PURE__ */ jsx127(
5402
5422
  "svg",
5403
5423
  {
5404
5424
  ...props,
5405
5425
  viewBox: "0 0 24 24",
5406
5426
  xmlns: "http://www.w3.org/2000/svg",
5407
- children: /* @__PURE__ */ jsx126(
5427
+ children: /* @__PURE__ */ jsx127(
5408
5428
  "path",
5409
5429
  {
5410
5430
  clipRule: "evenodd",
@@ -5417,14 +5437,14 @@ var PinIcon = (props) => /* @__PURE__ */ jsx126(
5417
5437
  );
5418
5438
 
5419
5439
  // src/components/Icon/icons/PinSlashIcon.tsx
5420
- import { jsx as jsx127 } from "react/jsx-runtime";
5421
- var PinSlashIcon = (props) => /* @__PURE__ */ jsx127(
5440
+ import { jsx as jsx128 } from "react/jsx-runtime";
5441
+ var PinSlashIcon = (props) => /* @__PURE__ */ jsx128(
5422
5442
  "svg",
5423
5443
  {
5424
5444
  ...props,
5425
5445
  viewBox: "0 0 24 24",
5426
5446
  xmlns: "http://www.w3.org/2000/svg",
5427
- children: /* @__PURE__ */ jsx127(
5447
+ children: /* @__PURE__ */ jsx128(
5428
5448
  "path",
5429
5449
  {
5430
5450
  clipRule: "evenodd",
@@ -5437,14 +5457,14 @@ var PinSlashIcon = (props) => /* @__PURE__ */ jsx127(
5437
5457
  );
5438
5458
 
5439
5459
  // src/components/Icon/icons/PipIcon.tsx
5440
- import { jsx as jsx128 } from "react/jsx-runtime";
5441
- var PipIcon = (props) => /* @__PURE__ */ jsx128(
5460
+ import { jsx as jsx129 } from "react/jsx-runtime";
5461
+ var PipIcon = (props) => /* @__PURE__ */ jsx129(
5442
5462
  "svg",
5443
5463
  {
5444
5464
  ...props,
5445
5465
  viewBox: "0 0 24 24",
5446
5466
  xmlns: "http://www.w3.org/2000/svg",
5447
- children: /* @__PURE__ */ jsx128(
5467
+ children: /* @__PURE__ */ jsx129(
5448
5468
  "path",
5449
5469
  {
5450
5470
  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",
@@ -5455,14 +5475,14 @@ var PipIcon = (props) => /* @__PURE__ */ jsx128(
5455
5475
  );
5456
5476
 
5457
5477
  // src/components/Icon/icons/PlayIcon.tsx
5458
- import { jsx as jsx129 } from "react/jsx-runtime";
5459
- var PlayIcon = (props) => /* @__PURE__ */ jsx129(
5478
+ import { jsx as jsx130 } from "react/jsx-runtime";
5479
+ var PlayIcon = (props) => /* @__PURE__ */ jsx130(
5460
5480
  "svg",
5461
5481
  {
5462
5482
  ...props,
5463
5483
  viewBox: "0 0 24 24",
5464
5484
  xmlns: "http://www.w3.org/2000/svg",
5465
- children: /* @__PURE__ */ jsx129(
5485
+ children: /* @__PURE__ */ jsx130(
5466
5486
  "path",
5467
5487
  {
5468
5488
  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",
@@ -5473,14 +5493,14 @@ var PlayIcon = (props) => /* @__PURE__ */ jsx129(
5473
5493
  );
5474
5494
 
5475
5495
  // src/components/Icon/icons/PlayerIcon.tsx
5476
- import { jsx as jsx130 } from "react/jsx-runtime";
5477
- var PlayerIcon = (props) => /* @__PURE__ */ jsx130(
5496
+ import { jsx as jsx131 } from "react/jsx-runtime";
5497
+ var PlayerIcon = (props) => /* @__PURE__ */ jsx131(
5478
5498
  "svg",
5479
5499
  {
5480
5500
  ...props,
5481
5501
  viewBox: "0 0 24 24",
5482
5502
  xmlns: "http://www.w3.org/2000/svg",
5483
- children: /* @__PURE__ */ jsx130(
5503
+ children: /* @__PURE__ */ jsx131(
5484
5504
  "path",
5485
5505
  {
5486
5506
  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",
@@ -5491,14 +5511,14 @@ var PlayerIcon = (props) => /* @__PURE__ */ jsx130(
5491
5511
  );
5492
5512
 
5493
5513
  // src/components/Icon/icons/PlaylistIcon.tsx
5494
- import { jsx as jsx131 } from "react/jsx-runtime";
5495
- var PlaylistIcon = (props) => /* @__PURE__ */ jsx131(
5514
+ import { jsx as jsx132 } from "react/jsx-runtime";
5515
+ var PlaylistIcon = (props) => /* @__PURE__ */ jsx132(
5496
5516
  "svg",
5497
5517
  {
5498
5518
  ...props,
5499
5519
  viewBox: "0 0 16 16",
5500
5520
  xmlns: "http://www.w3.org/2000/svg",
5501
- children: /* @__PURE__ */ jsx131(
5521
+ children: /* @__PURE__ */ jsx132(
5502
5522
  "path",
5503
5523
  {
5504
5524
  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",
@@ -5510,14 +5530,14 @@ var PlaylistIcon = (props) => /* @__PURE__ */ jsx131(
5510
5530
  );
5511
5531
 
5512
5532
  // src/components/Icon/icons/PlusIcon.tsx
5513
- import { jsx as jsx132 } from "react/jsx-runtime";
5514
- var PlusIcon = (props) => /* @__PURE__ */ jsx132(
5533
+ import { jsx as jsx133 } from "react/jsx-runtime";
5534
+ var PlusIcon = (props) => /* @__PURE__ */ jsx133(
5515
5535
  "svg",
5516
5536
  {
5517
5537
  ...props,
5518
5538
  viewBox: "0 0 24 24",
5519
5539
  xmlns: "http://www.w3.org/2000/svg",
5520
- children: /* @__PURE__ */ jsx132(
5540
+ children: /* @__PURE__ */ jsx133(
5521
5541
  "path",
5522
5542
  {
5523
5543
  clipRule: "evenodd",
@@ -5530,14 +5550,14 @@ var PlusIcon = (props) => /* @__PURE__ */ jsx132(
5530
5550
  );
5531
5551
 
5532
5552
  // src/components/Icon/icons/PodcastIcon.tsx
5533
- import { jsx as jsx133 } from "react/jsx-runtime";
5534
- var PodcastIcon = (props) => /* @__PURE__ */ jsx133(
5553
+ import { jsx as jsx134 } from "react/jsx-runtime";
5554
+ var PodcastIcon = (props) => /* @__PURE__ */ jsx134(
5535
5555
  "svg",
5536
5556
  {
5537
5557
  ...props,
5538
5558
  viewBox: "0 0 24 24",
5539
5559
  xmlns: "http://www.w3.org/2000/svg",
5540
- children: /* @__PURE__ */ jsx133(
5560
+ children: /* @__PURE__ */ jsx134(
5541
5561
  "path",
5542
5562
  {
5543
5563
  clipRule: "evenodd",
@@ -5550,14 +5570,14 @@ var PodcastIcon = (props) => /* @__PURE__ */ jsx133(
5550
5570
  );
5551
5571
 
5552
5572
  // src/components/Icon/icons/PreviewIcon.tsx
5553
- import { jsx as jsx134 } from "react/jsx-runtime";
5554
- var PreviewIcon = (props) => /* @__PURE__ */ jsx134(
5573
+ import { jsx as jsx135 } from "react/jsx-runtime";
5574
+ var PreviewIcon = (props) => /* @__PURE__ */ jsx135(
5555
5575
  "svg",
5556
5576
  {
5557
5577
  ...props,
5558
5578
  viewBox: "0 0 24 24",
5559
5579
  xmlns: "http://www.w3.org/2000/svg",
5560
- children: /* @__PURE__ */ jsx134(
5580
+ children: /* @__PURE__ */ jsx135(
5561
5581
  "path",
5562
5582
  {
5563
5583
  clipRule: "evenodd",
@@ -5570,14 +5590,14 @@ var PreviewIcon = (props) => /* @__PURE__ */ jsx134(
5570
5590
  );
5571
5591
 
5572
5592
  // src/components/Icon/icons/PrivateChatIcon.tsx
5573
- import { jsx as jsx135 } from "react/jsx-runtime";
5574
- var PrivateChatIcon = (props) => /* @__PURE__ */ jsx135(
5593
+ import { jsx as jsx136 } from "react/jsx-runtime";
5594
+ var PrivateChatIcon = (props) => /* @__PURE__ */ jsx136(
5575
5595
  "svg",
5576
5596
  {
5577
5597
  ...props,
5578
5598
  viewBox: "0 0 24 24",
5579
5599
  xmlns: "http://www.w3.org/2000/svg",
5580
- children: /* @__PURE__ */ jsx135(
5600
+ children: /* @__PURE__ */ jsx136(
5581
5601
  "path",
5582
5602
  {
5583
5603
  clipRule: "evenodd",
@@ -5590,14 +5610,14 @@ var PrivateChatIcon = (props) => /* @__PURE__ */ jsx135(
5590
5610
  );
5591
5611
 
5592
5612
  // src/components/Icon/icons/PrivateUserSessionsIcon.tsx
5593
- import { jsx as jsx136 } from "react/jsx-runtime";
5594
- var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ jsx136(
5613
+ import { jsx as jsx137 } from "react/jsx-runtime";
5614
+ var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ jsx137(
5595
5615
  "svg",
5596
5616
  {
5597
5617
  ...props,
5598
5618
  viewBox: "0 0 24 24",
5599
5619
  xmlns: "http://www.w3.org/2000/svg",
5600
- children: /* @__PURE__ */ jsx136(
5620
+ children: /* @__PURE__ */ jsx137(
5601
5621
  "path",
5602
5622
  {
5603
5623
  clipRule: "evenodd",
@@ -5610,7 +5630,7 @@ var PrivateUserSessionsIcon = (props) => /* @__PURE__ */ jsx136(
5610
5630
  );
5611
5631
 
5612
5632
  // src/components/Icon/icons/ProjectIcon.tsx
5613
- import { jsx as jsx137, jsxs as jsxs4 } from "react/jsx-runtime";
5633
+ import { jsx as jsx138, jsxs as jsxs4 } from "react/jsx-runtime";
5614
5634
  var ProjectIcon = (props) => /* @__PURE__ */ jsxs4(
5615
5635
  "svg",
5616
5636
  {
@@ -5618,7 +5638,7 @@ var ProjectIcon = (props) => /* @__PURE__ */ jsxs4(
5618
5638
  viewBox: "0 0 24 24",
5619
5639
  xmlns: "http://www.w3.org/2000/svg",
5620
5640
  children: [
5621
- /* @__PURE__ */ jsx137(
5641
+ /* @__PURE__ */ jsx138(
5622
5642
  "path",
5623
5643
  {
5624
5644
  clipRule: "evenodd",
@@ -5627,7 +5647,7 @@ var ProjectIcon = (props) => /* @__PURE__ */ jsxs4(
5627
5647
  fillRule: "evenodd"
5628
5648
  }
5629
5649
  ),
5630
- /* @__PURE__ */ jsx137(
5650
+ /* @__PURE__ */ jsx138(
5631
5651
  "path",
5632
5652
  {
5633
5653
  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",
@@ -5639,14 +5659,14 @@ var ProjectIcon = (props) => /* @__PURE__ */ jsxs4(
5639
5659
  );
5640
5660
 
5641
5661
  // src/components/Icon/icons/PropertiesIcon.tsx
5642
- import { jsx as jsx138 } from "react/jsx-runtime";
5643
- var PropertiesIcon = (props) => /* @__PURE__ */ jsx138(
5662
+ import { jsx as jsx139 } from "react/jsx-runtime";
5663
+ var PropertiesIcon = (props) => /* @__PURE__ */ jsx139(
5644
5664
  "svg",
5645
5665
  {
5646
5666
  ...props,
5647
5667
  viewBox: "0 0 24 24",
5648
5668
  xmlns: "http://www.w3.org/2000/svg",
5649
- children: /* @__PURE__ */ jsx138(
5669
+ children: /* @__PURE__ */ jsx139(
5650
5670
  "path",
5651
5671
  {
5652
5672
  clipRule: "evenodd",
@@ -5659,14 +5679,14 @@ var PropertiesIcon = (props) => /* @__PURE__ */ jsx138(
5659
5679
  );
5660
5680
 
5661
5681
  // src/components/Icon/icons/QuestionMarkIcon.tsx
5662
- import { jsx as jsx139 } from "react/jsx-runtime";
5663
- var QuestionMarkIcon = (props) => /* @__PURE__ */ jsx139(
5682
+ import { jsx as jsx140 } from "react/jsx-runtime";
5683
+ var QuestionMarkIcon = (props) => /* @__PURE__ */ jsx140(
5664
5684
  "svg",
5665
5685
  {
5666
5686
  ...props,
5667
5687
  viewBox: "0 0 24 24",
5668
5688
  xmlns: "http://www.w3.org/2000/svg",
5669
- children: /* @__PURE__ */ jsx139(
5689
+ children: /* @__PURE__ */ jsx140(
5670
5690
  "path",
5671
5691
  {
5672
5692
  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",
@@ -5677,14 +5697,14 @@ var QuestionMarkIcon = (props) => /* @__PURE__ */ jsx139(
5677
5697
  );
5678
5698
 
5679
5699
  // src/components/Icon/icons/ReactIcon.tsx
5680
- import { jsx as jsx140 } from "react/jsx-runtime";
5681
- var ReactIcon = (props) => /* @__PURE__ */ jsx140(
5700
+ import { jsx as jsx141 } from "react/jsx-runtime";
5701
+ var ReactIcon = (props) => /* @__PURE__ */ jsx141(
5682
5702
  "svg",
5683
5703
  {
5684
5704
  ...props,
5685
5705
  viewBox: "0 0 24 24",
5686
5706
  xmlns: "http://www.w3.org/2000/svg",
5687
- children: /* @__PURE__ */ jsx140(
5707
+ children: /* @__PURE__ */ jsx141(
5688
5708
  "path",
5689
5709
  {
5690
5710
  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",
@@ -5695,14 +5715,14 @@ var ReactIcon = (props) => /* @__PURE__ */ jsx140(
5695
5715
  );
5696
5716
 
5697
5717
  // src/components/Icon/icons/RecordIcon.tsx
5698
- import { jsx as jsx141 } from "react/jsx-runtime";
5699
- var RecordIcon = (props) => /* @__PURE__ */ jsx141(
5718
+ import { jsx as jsx142 } from "react/jsx-runtime";
5719
+ var RecordIcon = (props) => /* @__PURE__ */ jsx142(
5700
5720
  "svg",
5701
5721
  {
5702
5722
  ...props,
5703
5723
  viewBox: "0 0 24 24",
5704
5724
  xmlns: "http://www.w3.org/2000/svg",
5705
- children: /* @__PURE__ */ jsx141(
5725
+ children: /* @__PURE__ */ jsx142(
5706
5726
  "path",
5707
5727
  {
5708
5728
  clipRule: "evenodd",
@@ -5715,7 +5735,7 @@ var RecordIcon = (props) => /* @__PURE__ */ jsx141(
5715
5735
  );
5716
5736
 
5717
5737
  // src/components/Icon/icons/RecordGroupIcon.tsx
5718
- import { jsx as jsx142, jsxs as jsxs5 } from "react/jsx-runtime";
5738
+ import { jsx as jsx143, jsxs as jsxs5 } from "react/jsx-runtime";
5719
5739
  var RecordGroupIcon = (props) => /* @__PURE__ */ jsxs5(
5720
5740
  "svg",
5721
5741
  {
@@ -5723,35 +5743,35 @@ var RecordGroupIcon = (props) => /* @__PURE__ */ jsxs5(
5723
5743
  viewBox: "0 0 24 24",
5724
5744
  xmlns: "http://www.w3.org/2000/svg",
5725
5745
  children: [
5726
- /* @__PURE__ */ jsx142(
5746
+ /* @__PURE__ */ jsx143(
5727
5747
  "path",
5728
5748
  {
5729
5749
  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",
5730
5750
  fill: "currentColor"
5731
5751
  }
5732
5752
  ),
5733
- /* @__PURE__ */ jsx142(
5753
+ /* @__PURE__ */ jsx143(
5734
5754
  "path",
5735
5755
  {
5736
5756
  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",
5737
5757
  fill: "currentColor"
5738
5758
  }
5739
5759
  ),
5740
- /* @__PURE__ */ jsx142(
5760
+ /* @__PURE__ */ jsx143(
5741
5761
  "path",
5742
5762
  {
5743
5763
  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",
5744
5764
  fill: "currentColor"
5745
5765
  }
5746
5766
  ),
5747
- /* @__PURE__ */ jsx142(
5767
+ /* @__PURE__ */ jsx143(
5748
5768
  "path",
5749
5769
  {
5750
5770
  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",
5751
5771
  fill: "currentColor"
5752
5772
  }
5753
5773
  ),
5754
- /* @__PURE__ */ jsx142(
5774
+ /* @__PURE__ */ jsx143(
5755
5775
  "path",
5756
5776
  {
5757
5777
  clipRule: "evenodd",
@@ -5765,14 +5785,14 @@ var RecordGroupIcon = (props) => /* @__PURE__ */ jsxs5(
5765
5785
  );
5766
5786
 
5767
5787
  // src/components/Icon/icons/RedoIcon.tsx
5768
- import { jsx as jsx143 } from "react/jsx-runtime";
5769
- var RedoIcon = (props) => /* @__PURE__ */ jsx143(
5788
+ import { jsx as jsx144 } from "react/jsx-runtime";
5789
+ var RedoIcon = (props) => /* @__PURE__ */ jsx144(
5770
5790
  "svg",
5771
5791
  {
5772
5792
  ...props,
5773
5793
  viewBox: "0 0 24 24",
5774
5794
  xmlns: "http://www.w3.org/2000/svg",
5775
- children: /* @__PURE__ */ jsx143(
5795
+ children: /* @__PURE__ */ jsx144(
5776
5796
  "path",
5777
5797
  {
5778
5798
  clipRule: "evenodd",
@@ -5785,14 +5805,14 @@ var RedoIcon = (props) => /* @__PURE__ */ jsx143(
5785
5805
  );
5786
5806
 
5787
5807
  // src/components/Icon/icons/RefreshIcon.tsx
5788
- import { jsx as jsx144 } from "react/jsx-runtime";
5789
- var RefreshIcon = (props) => /* @__PURE__ */ jsx144(
5808
+ import { jsx as jsx145 } from "react/jsx-runtime";
5809
+ var RefreshIcon = (props) => /* @__PURE__ */ jsx145(
5790
5810
  "svg",
5791
5811
  {
5792
5812
  ...props,
5793
5813
  viewBox: "0 0 24 24",
5794
5814
  xmlns: "http://www.w3.org/2000/svg",
5795
- children: /* @__PURE__ */ jsx144(
5815
+ children: /* @__PURE__ */ jsx145(
5796
5816
  "path",
5797
5817
  {
5798
5818
  clipRule: "evenodd",
@@ -5805,14 +5825,14 @@ var RefreshIcon = (props) => /* @__PURE__ */ jsx144(
5805
5825
  );
5806
5826
 
5807
5827
  // src/components/Icon/icons/ReplaceIcon.tsx
5808
- import { jsx as jsx145 } from "react/jsx-runtime";
5809
- var ReplaceIcon = (props) => /* @__PURE__ */ jsx145(
5828
+ import { jsx as jsx146 } from "react/jsx-runtime";
5829
+ var ReplaceIcon = (props) => /* @__PURE__ */ jsx146(
5810
5830
  "svg",
5811
5831
  {
5812
5832
  ...props,
5813
5833
  viewBox: "0 0 24 24",
5814
5834
  xmlns: "http://www.w3.org/2000/svg",
5815
- children: /* @__PURE__ */ jsx145(
5835
+ children: /* @__PURE__ */ jsx146(
5816
5836
  "path",
5817
5837
  {
5818
5838
  clipRule: "evenodd",
@@ -5825,14 +5845,14 @@ var ReplaceIcon = (props) => /* @__PURE__ */ jsx145(
5825
5845
  );
5826
5846
 
5827
5847
  // src/components/Icon/icons/ReplyIcon.tsx
5828
- import { jsx as jsx146 } from "react/jsx-runtime";
5829
- var ReplyIcon = (props) => /* @__PURE__ */ jsx146(
5848
+ import { jsx as jsx147 } from "react/jsx-runtime";
5849
+ var ReplyIcon = (props) => /* @__PURE__ */ jsx147(
5830
5850
  "svg",
5831
5851
  {
5832
5852
  ...props,
5833
5853
  viewBox: "0 0 24 24",
5834
5854
  xmlns: "http://www.w3.org/2000/svg",
5835
- children: /* @__PURE__ */ jsx146(
5855
+ children: /* @__PURE__ */ jsx147(
5836
5856
  "path",
5837
5857
  {
5838
5858
  clipRule: "evenodd",
@@ -5845,14 +5865,14 @@ var ReplyIcon = (props) => /* @__PURE__ */ jsx146(
5845
5865
  );
5846
5866
 
5847
5867
  // src/components/Icon/icons/RequestVideoIcon.tsx
5848
- import { jsx as jsx147 } from "react/jsx-runtime";
5849
- var RequestVideoIcon = (props) => /* @__PURE__ */ jsx147(
5868
+ import { jsx as jsx148 } from "react/jsx-runtime";
5869
+ var RequestVideoIcon = (props) => /* @__PURE__ */ jsx148(
5850
5870
  "svg",
5851
5871
  {
5852
5872
  ...props,
5853
5873
  viewBox: "0 0 24 24",
5854
5874
  xmlns: "http://www.w3.org/2000/svg",
5855
- children: /* @__PURE__ */ jsx147(
5875
+ children: /* @__PURE__ */ jsx148(
5856
5876
  "path",
5857
5877
  {
5858
5878
  clipRule: "evenodd",
@@ -5865,14 +5885,14 @@ var RequestVideoIcon = (props) => /* @__PURE__ */ jsx147(
5865
5885
  );
5866
5886
 
5867
5887
  // src/components/Icon/icons/RevertToOriginalIcon.tsx
5868
- import { jsx as jsx148 } from "react/jsx-runtime";
5869
- var RevertToOriginalIcon = (props) => /* @__PURE__ */ jsx148(
5888
+ import { jsx as jsx149 } from "react/jsx-runtime";
5889
+ var RevertToOriginalIcon = (props) => /* @__PURE__ */ jsx149(
5870
5890
  "svg",
5871
5891
  {
5872
5892
  ...props,
5873
5893
  viewBox: "0 0 24 24",
5874
5894
  xmlns: "http://www.w3.org/2000/svg",
5875
- children: /* @__PURE__ */ jsx148(
5895
+ children: /* @__PURE__ */ jsx149(
5876
5896
  "path",
5877
5897
  {
5878
5898
  clipRule: "evenodd",
@@ -5885,14 +5905,14 @@ var RevertToOriginalIcon = (props) => /* @__PURE__ */ jsx148(
5885
5905
  );
5886
5906
 
5887
5907
  // src/components/Icon/icons/RewindIcon.tsx
5888
- import { jsx as jsx149 } from "react/jsx-runtime";
5889
- var RewindIcon = (props) => /* @__PURE__ */ jsx149(
5908
+ import { jsx as jsx150 } from "react/jsx-runtime";
5909
+ var RewindIcon = (props) => /* @__PURE__ */ jsx150(
5890
5910
  "svg",
5891
5911
  {
5892
5912
  ...props,
5893
5913
  viewBox: "0 0 24 24",
5894
5914
  xmlns: "http://www.w3.org/2000/svg",
5895
- children: /* @__PURE__ */ jsx149(
5915
+ children: /* @__PURE__ */ jsx150(
5896
5916
  "path",
5897
5917
  {
5898
5918
  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",
@@ -5903,14 +5923,14 @@ var RewindIcon = (props) => /* @__PURE__ */ jsx149(
5903
5923
  );
5904
5924
 
5905
5925
  // src/components/Icon/icons/SaveIcon.tsx
5906
- import { jsx as jsx150 } from "react/jsx-runtime";
5907
- var SaveIcon = (props) => /* @__PURE__ */ jsx150(
5926
+ import { jsx as jsx151 } from "react/jsx-runtime";
5927
+ var SaveIcon = (props) => /* @__PURE__ */ jsx151(
5908
5928
  "svg",
5909
5929
  {
5910
5930
  ...props,
5911
5931
  viewBox: "0 0 24 24",
5912
5932
  xmlns: "http://www.w3.org/2000/svg",
5913
- children: /* @__PURE__ */ jsx150(
5933
+ children: /* @__PURE__ */ jsx151(
5914
5934
  "path",
5915
5935
  {
5916
5936
  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",
@@ -5921,14 +5941,14 @@ var SaveIcon = (props) => /* @__PURE__ */ jsx150(
5921
5941
  );
5922
5942
 
5923
5943
  // src/components/Icon/icons/SaveAsCopyIcon.tsx
5924
- import { jsx as jsx151 } from "react/jsx-runtime";
5925
- var SaveAsCopyIcon = (props) => /* @__PURE__ */ jsx151(
5944
+ import { jsx as jsx152 } from "react/jsx-runtime";
5945
+ var SaveAsCopyIcon = (props) => /* @__PURE__ */ jsx152(
5926
5946
  "svg",
5927
5947
  {
5928
5948
  ...props,
5929
5949
  viewBox: "0 0 24 24",
5930
5950
  xmlns: "http://www.w3.org/2000/svg",
5931
- children: /* @__PURE__ */ jsx151(
5951
+ children: /* @__PURE__ */ jsx152(
5932
5952
  "path",
5933
5953
  {
5934
5954
  clipRule: "evenodd",
@@ -5941,14 +5961,14 @@ var SaveAsCopyIcon = (props) => /* @__PURE__ */ jsx151(
5941
5961
  );
5942
5962
 
5943
5963
  // src/components/Icon/icons/ScissorsIcon.tsx
5944
- import { jsx as jsx152 } from "react/jsx-runtime";
5945
- var ScissorsIcon = (props) => /* @__PURE__ */ jsx152(
5964
+ import { jsx as jsx153 } from "react/jsx-runtime";
5965
+ var ScissorsIcon = (props) => /* @__PURE__ */ jsx153(
5946
5966
  "svg",
5947
5967
  {
5948
5968
  ...props,
5949
5969
  viewBox: "0 0 24 24",
5950
5970
  xmlns: "http://www.w3.org/2000/svg",
5951
- children: /* @__PURE__ */ jsx152(
5971
+ children: /* @__PURE__ */ jsx153(
5952
5972
  "path",
5953
5973
  {
5954
5974
  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",
@@ -5959,14 +5979,14 @@ var ScissorsIcon = (props) => /* @__PURE__ */ jsx152(
5959
5979
  );
5960
5980
 
5961
5981
  // src/components/Icon/icons/ScreenshareOffIcon.tsx
5962
- import { jsx as jsx153 } from "react/jsx-runtime";
5963
- var ScreenshareOffIcon = (props) => /* @__PURE__ */ jsx153(
5982
+ import { jsx as jsx154 } from "react/jsx-runtime";
5983
+ var ScreenshareOffIcon = (props) => /* @__PURE__ */ jsx154(
5964
5984
  "svg",
5965
5985
  {
5966
5986
  ...props,
5967
5987
  viewBox: "0 0 24 24",
5968
5988
  xmlns: "http://www.w3.org/2000/svg",
5969
- children: /* @__PURE__ */ jsx153(
5989
+ children: /* @__PURE__ */ jsx154(
5970
5990
  "path",
5971
5991
  {
5972
5992
  clipRule: "evenodd",
@@ -5979,14 +5999,14 @@ var ScreenshareOffIcon = (props) => /* @__PURE__ */ jsx153(
5979
5999
  );
5980
6000
 
5981
6001
  // src/components/Icon/icons/ScreenshareOnIcon.tsx
5982
- import { jsx as jsx154 } from "react/jsx-runtime";
5983
- var ScreenshareOnIcon = (props) => /* @__PURE__ */ jsx154(
6002
+ import { jsx as jsx155 } from "react/jsx-runtime";
6003
+ var ScreenshareOnIcon = (props) => /* @__PURE__ */ jsx155(
5984
6004
  "svg",
5985
6005
  {
5986
6006
  ...props,
5987
6007
  viewBox: "0 0 24 24",
5988
6008
  xmlns: "http://www.w3.org/2000/svg",
5989
- children: /* @__PURE__ */ jsx154(
6009
+ children: /* @__PURE__ */ jsx155(
5990
6010
  "path",
5991
6011
  {
5992
6012
  clipRule: "evenodd",
@@ -5999,14 +6019,14 @@ var ScreenshareOnIcon = (props) => /* @__PURE__ */ jsx154(
5999
6019
  );
6000
6020
 
6001
6021
  // src/components/Icon/icons/SearchIcon.tsx
6002
- import { jsx as jsx155 } from "react/jsx-runtime";
6003
- var SearchIcon = (props) => /* @__PURE__ */ jsx155(
6022
+ import { jsx as jsx156 } from "react/jsx-runtime";
6023
+ var SearchIcon = (props) => /* @__PURE__ */ jsx156(
6004
6024
  "svg",
6005
6025
  {
6006
6026
  ...props,
6007
6027
  viewBox: "0 0 24 24",
6008
6028
  xmlns: "http://www.w3.org/2000/svg",
6009
- children: /* @__PURE__ */ jsx155(
6029
+ children: /* @__PURE__ */ jsx156(
6010
6030
  "path",
6011
6031
  {
6012
6032
  clipRule: "evenodd",
@@ -6019,14 +6039,14 @@ var SearchIcon = (props) => /* @__PURE__ */ jsx155(
6019
6039
  );
6020
6040
 
6021
6041
  // src/components/Icon/icons/SendIcon.tsx
6022
- import { jsx as jsx156 } from "react/jsx-runtime";
6023
- var SendIcon = (props) => /* @__PURE__ */ jsx156(
6042
+ import { jsx as jsx157 } from "react/jsx-runtime";
6043
+ var SendIcon = (props) => /* @__PURE__ */ jsx157(
6024
6044
  "svg",
6025
6045
  {
6026
6046
  ...props,
6027
6047
  viewBox: "0 0 24 24",
6028
6048
  xmlns: "http://www.w3.org/2000/svg",
6029
- children: /* @__PURE__ */ jsx156(
6049
+ children: /* @__PURE__ */ jsx157(
6030
6050
  "path",
6031
6051
  {
6032
6052
  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",
@@ -6037,14 +6057,14 @@ var SendIcon = (props) => /* @__PURE__ */ jsx156(
6037
6057
  );
6038
6058
 
6039
6059
  // src/components/Icon/icons/ShapesIcon.tsx
6040
- import { jsx as jsx157 } from "react/jsx-runtime";
6041
- var ShapesIcon = (props) => /* @__PURE__ */ jsx157(
6060
+ import { jsx as jsx158 } from "react/jsx-runtime";
6061
+ var ShapesIcon = (props) => /* @__PURE__ */ jsx158(
6042
6062
  "svg",
6043
6063
  {
6044
6064
  ...props,
6045
6065
  viewBox: "0 0 24 24",
6046
6066
  xmlns: "http://www.w3.org/2000/svg",
6047
- children: /* @__PURE__ */ jsx157(
6067
+ children: /* @__PURE__ */ jsx158(
6048
6068
  "path",
6049
6069
  {
6050
6070
  clipRule: "evenodd",
@@ -6057,14 +6077,14 @@ var ShapesIcon = (props) => /* @__PURE__ */ jsx157(
6057
6077
  );
6058
6078
 
6059
6079
  // src/components/Icon/icons/ShareIcon.tsx
6060
- import { jsx as jsx158 } from "react/jsx-runtime";
6061
- var ShareIcon = (props) => /* @__PURE__ */ jsx158(
6080
+ import { jsx as jsx159 } from "react/jsx-runtime";
6081
+ var ShareIcon = (props) => /* @__PURE__ */ jsx159(
6062
6082
  "svg",
6063
6083
  {
6064
6084
  ...props,
6065
6085
  viewBox: "0 0 24 24",
6066
6086
  xmlns: "http://www.w3.org/2000/svg",
6067
- children: /* @__PURE__ */ jsx158(
6087
+ children: /* @__PURE__ */ jsx159(
6068
6088
  "path",
6069
6089
  {
6070
6090
  clipRule: "evenodd",
@@ -6077,14 +6097,14 @@ var ShareIcon = (props) => /* @__PURE__ */ jsx158(
6077
6097
  );
6078
6098
 
6079
6099
  // src/components/Icon/icons/SharingPermissionsIcon.tsx
6080
- import { jsx as jsx159 } from "react/jsx-runtime";
6081
- var SharingPermissionsIcon = (props) => /* @__PURE__ */ jsx159(
6100
+ import { jsx as jsx160 } from "react/jsx-runtime";
6101
+ var SharingPermissionsIcon = (props) => /* @__PURE__ */ jsx160(
6082
6102
  "svg",
6083
6103
  {
6084
6104
  ...props,
6085
6105
  viewBox: "0 0 24 24",
6086
6106
  xmlns: "http://www.w3.org/2000/svg",
6087
- children: /* @__PURE__ */ jsx159(
6107
+ children: /* @__PURE__ */ jsx160(
6088
6108
  "path",
6089
6109
  {
6090
6110
  clipRule: "evenodd",
@@ -6097,14 +6117,14 @@ var SharingPermissionsIcon = (props) => /* @__PURE__ */ jsx159(
6097
6117
  );
6098
6118
 
6099
6119
  // src/components/Icon/icons/SimulcastIcon.tsx
6100
- import { jsx as jsx160 } from "react/jsx-runtime";
6101
- var SimulcastIcon = (props) => /* @__PURE__ */ jsx160(
6120
+ import { jsx as jsx161 } from "react/jsx-runtime";
6121
+ var SimulcastIcon = (props) => /* @__PURE__ */ jsx161(
6102
6122
  "svg",
6103
6123
  {
6104
6124
  ...props,
6105
6125
  viewBox: "0 0 24 24",
6106
6126
  xmlns: "http://www.w3.org/2000/svg",
6107
- children: /* @__PURE__ */ jsx160(
6127
+ children: /* @__PURE__ */ jsx161(
6108
6128
  "path",
6109
6129
  {
6110
6130
  clipRule: "evenodd",
@@ -6117,14 +6137,14 @@ var SimulcastIcon = (props) => /* @__PURE__ */ jsx160(
6117
6137
  );
6118
6138
 
6119
6139
  // src/components/Icon/icons/SortIcon.tsx
6120
- import { jsx as jsx161 } from "react/jsx-runtime";
6121
- var SortIcon = (props) => /* @__PURE__ */ jsx161(
6140
+ import { jsx as jsx162 } from "react/jsx-runtime";
6141
+ var SortIcon = (props) => /* @__PURE__ */ jsx162(
6122
6142
  "svg",
6123
6143
  {
6124
6144
  ...props,
6125
6145
  viewBox: "0 0 24 24",
6126
6146
  xmlns: "http://www.w3.org/2000/svg",
6127
- children: /* @__PURE__ */ jsx161(
6147
+ children: /* @__PURE__ */ jsx162(
6128
6148
  "path",
6129
6149
  {
6130
6150
  clipRule: "evenodd",
@@ -6137,14 +6157,14 @@ var SortIcon = (props) => /* @__PURE__ */ jsx161(
6137
6157
  );
6138
6158
 
6139
6159
  // src/components/Icon/icons/SparkleIcon.tsx
6140
- import { jsx as jsx162 } from "react/jsx-runtime";
6141
- var SparkleIcon = (props) => /* @__PURE__ */ jsx162(
6160
+ import { jsx as jsx163 } from "react/jsx-runtime";
6161
+ var SparkleIcon = (props) => /* @__PURE__ */ jsx163(
6142
6162
  "svg",
6143
6163
  {
6144
6164
  ...props,
6145
6165
  viewBox: "0 0 24 24",
6146
6166
  xmlns: "http://www.w3.org/2000/svg",
6147
- children: /* @__PURE__ */ jsx162(
6167
+ children: /* @__PURE__ */ jsx163(
6148
6168
  "path",
6149
6169
  {
6150
6170
  clipRule: "evenodd",
@@ -6157,14 +6177,14 @@ var SparkleIcon = (props) => /* @__PURE__ */ jsx162(
6157
6177
  );
6158
6178
 
6159
6179
  // src/components/Icon/icons/SpeedIcon.tsx
6160
- import { jsx as jsx163 } from "react/jsx-runtime";
6161
- var SpeedIcon = (props) => /* @__PURE__ */ jsx163(
6180
+ import { jsx as jsx164 } from "react/jsx-runtime";
6181
+ var SpeedIcon = (props) => /* @__PURE__ */ jsx164(
6162
6182
  "svg",
6163
6183
  {
6164
6184
  ...props,
6165
6185
  viewBox: "0 0 24 24",
6166
6186
  xmlns: "http://www.w3.org/2000/svg",
6167
- children: /* @__PURE__ */ jsx163(
6187
+ children: /* @__PURE__ */ jsx164(
6168
6188
  "path",
6169
6189
  {
6170
6190
  clipRule: "evenodd",
@@ -6177,7 +6197,7 @@ var SpeedIcon = (props) => /* @__PURE__ */ jsx163(
6177
6197
  );
6178
6198
 
6179
6199
  // src/components/Icon/icons/SpinnerIcon.tsx
6180
- import { jsx as jsx164, jsxs as jsxs6 } from "react/jsx-runtime";
6200
+ import { jsx as jsx165, jsxs as jsxs6 } from "react/jsx-runtime";
6181
6201
  var SpinnerIcon = (props) => /* @__PURE__ */ jsxs6(
6182
6202
  "svg",
6183
6203
  {
@@ -6185,7 +6205,7 @@ var SpinnerIcon = (props) => /* @__PURE__ */ jsxs6(
6185
6205
  viewBox: "0 0 24 24",
6186
6206
  xmlns: "http://www.w3.org/2000/svg",
6187
6207
  children: [
6188
- /* @__PURE__ */ jsx164(
6208
+ /* @__PURE__ */ jsx165(
6189
6209
  "path",
6190
6210
  {
6191
6211
  clipRule: "evenodd",
@@ -6194,7 +6214,7 @@ var SpinnerIcon = (props) => /* @__PURE__ */ jsxs6(
6194
6214
  fillRule: "evenodd"
6195
6215
  }
6196
6216
  ),
6197
- /* @__PURE__ */ jsx164(
6217
+ /* @__PURE__ */ jsx165(
6198
6218
  "animateTransform",
6199
6219
  {
6200
6220
  attributeName: "transform",
@@ -6210,14 +6230,14 @@ var SpinnerIcon = (props) => /* @__PURE__ */ jsxs6(
6210
6230
  );
6211
6231
 
6212
6232
  // src/components/Icon/icons/StatsIcon.tsx
6213
- import { jsx as jsx165 } from "react/jsx-runtime";
6214
- var StatsIcon = (props) => /* @__PURE__ */ jsx165(
6233
+ import { jsx as jsx166 } from "react/jsx-runtime";
6234
+ var StatsIcon = (props) => /* @__PURE__ */ jsx166(
6215
6235
  "svg",
6216
6236
  {
6217
6237
  ...props,
6218
6238
  viewBox: "0 0 24 24",
6219
6239
  xmlns: "http://www.w3.org/2000/svg",
6220
- children: /* @__PURE__ */ jsx165(
6240
+ children: /* @__PURE__ */ jsx166(
6221
6241
  "path",
6222
6242
  {
6223
6243
  clipRule: "evenodd",
@@ -6230,14 +6250,14 @@ var StatsIcon = (props) => /* @__PURE__ */ jsx165(
6230
6250
  );
6231
6251
 
6232
6252
  // src/components/Icon/icons/SwitchAccountsIcon.tsx
6233
- import { jsx as jsx166 } from "react/jsx-runtime";
6234
- var SwitchAccountsIcon = (props) => /* @__PURE__ */ jsx166(
6253
+ import { jsx as jsx167 } from "react/jsx-runtime";
6254
+ var SwitchAccountsIcon = (props) => /* @__PURE__ */ jsx167(
6235
6255
  "svg",
6236
6256
  {
6237
6257
  ...props,
6238
6258
  viewBox: "0 0 24 24",
6239
6259
  xmlns: "http://www.w3.org/2000/svg",
6240
- children: /* @__PURE__ */ jsx166(
6260
+ children: /* @__PURE__ */ jsx167(
6241
6261
  "path",
6242
6262
  {
6243
6263
  clipRule: "evenodd",
@@ -6250,14 +6270,14 @@ var SwitchAccountsIcon = (props) => /* @__PURE__ */ jsx166(
6250
6270
  );
6251
6271
 
6252
6272
  // src/components/Icon/icons/TagIcon.tsx
6253
- import { jsx as jsx167 } from "react/jsx-runtime";
6254
- var TagIcon = (props) => /* @__PURE__ */ jsx167(
6273
+ import { jsx as jsx168 } from "react/jsx-runtime";
6274
+ var TagIcon = (props) => /* @__PURE__ */ jsx168(
6255
6275
  "svg",
6256
6276
  {
6257
6277
  ...props,
6258
6278
  viewBox: "0 0 24 24",
6259
6279
  xmlns: "http://www.w3.org/2000/svg",
6260
- children: /* @__PURE__ */ jsx167(
6280
+ children: /* @__PURE__ */ jsx168(
6261
6281
  "path",
6262
6282
  {
6263
6283
  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",
@@ -6268,14 +6288,14 @@ var TagIcon = (props) => /* @__PURE__ */ jsx167(
6268
6288
  );
6269
6289
 
6270
6290
  // src/components/Icon/icons/TeleprompterIcon.tsx
6271
- import { jsx as jsx168 } from "react/jsx-runtime";
6272
- var TeleprompterIcon = (props) => /* @__PURE__ */ jsx168(
6291
+ import { jsx as jsx169 } from "react/jsx-runtime";
6292
+ var TeleprompterIcon = (props) => /* @__PURE__ */ jsx169(
6273
6293
  "svg",
6274
6294
  {
6275
6295
  ...props,
6276
6296
  viewBox: "0 0 24 24",
6277
6297
  xmlns: "http://www.w3.org/2000/svg",
6278
- children: /* @__PURE__ */ jsx168(
6298
+ children: /* @__PURE__ */ jsx169(
6279
6299
  "path",
6280
6300
  {
6281
6301
  clipRule: "evenodd",
@@ -6288,14 +6308,14 @@ var TeleprompterIcon = (props) => /* @__PURE__ */ jsx168(
6288
6308
  );
6289
6309
 
6290
6310
  // src/components/Icon/icons/TextSizeIcon.tsx
6291
- import { jsx as jsx169 } from "react/jsx-runtime";
6292
- var TextSizeIcon = (props) => /* @__PURE__ */ jsx169(
6311
+ import { jsx as jsx170 } from "react/jsx-runtime";
6312
+ var TextSizeIcon = (props) => /* @__PURE__ */ jsx170(
6293
6313
  "svg",
6294
6314
  {
6295
6315
  ...props,
6296
6316
  viewBox: "0 0 24 24",
6297
6317
  xmlns: "http://www.w3.org/2000/svg",
6298
- children: /* @__PURE__ */ jsx169(
6318
+ children: /* @__PURE__ */ jsx170(
6299
6319
  "path",
6300
6320
  {
6301
6321
  clipRule: "evenodd",
@@ -6308,14 +6328,14 @@ var TextSizeIcon = (props) => /* @__PURE__ */ jsx169(
6308
6328
  );
6309
6329
 
6310
6330
  // src/components/Icon/icons/ThumbnailIcon.tsx
6311
- import { jsx as jsx170 } from "react/jsx-runtime";
6312
- var ThumbnailIcon = (props) => /* @__PURE__ */ jsx170(
6331
+ import { jsx as jsx171 } from "react/jsx-runtime";
6332
+ var ThumbnailIcon = (props) => /* @__PURE__ */ jsx171(
6313
6333
  "svg",
6314
6334
  {
6315
6335
  ...props,
6316
6336
  viewBox: "0 0 24 24",
6317
6337
  xmlns: "http://www.w3.org/2000/svg",
6318
- children: /* @__PURE__ */ jsx170(
6338
+ children: /* @__PURE__ */ jsx171(
6319
6339
  "path",
6320
6340
  {
6321
6341
  clipRule: "evenodd",
@@ -6328,14 +6348,14 @@ var ThumbnailIcon = (props) => /* @__PURE__ */ jsx170(
6328
6348
  );
6329
6349
 
6330
6350
  // src/components/Icon/icons/ThumbsDownIcon.tsx
6331
- import { jsx as jsx171 } from "react/jsx-runtime";
6332
- var ThumbsDownIcon = (props) => /* @__PURE__ */ jsx171(
6351
+ import { jsx as jsx172 } from "react/jsx-runtime";
6352
+ var ThumbsDownIcon = (props) => /* @__PURE__ */ jsx172(
6333
6353
  "svg",
6334
6354
  {
6335
6355
  ...props,
6336
6356
  viewBox: "0 0 24 24",
6337
6357
  xmlns: "http://www.w3.org/2000/svg",
6338
- children: /* @__PURE__ */ jsx171(
6358
+ children: /* @__PURE__ */ jsx172(
6339
6359
  "path",
6340
6360
  {
6341
6361
  clipRule: "evenodd",
@@ -6348,14 +6368,14 @@ var ThumbsDownIcon = (props) => /* @__PURE__ */ jsx171(
6348
6368
  );
6349
6369
 
6350
6370
  // src/components/Icon/icons/ThumbsUpIcon.tsx
6351
- import { jsx as jsx172 } from "react/jsx-runtime";
6352
- var ThumbsUpIcon = (props) => /* @__PURE__ */ jsx172(
6371
+ import { jsx as jsx173 } from "react/jsx-runtime";
6372
+ var ThumbsUpIcon = (props) => /* @__PURE__ */ jsx173(
6353
6373
  "svg",
6354
6374
  {
6355
6375
  ...props,
6356
6376
  viewBox: "0 0 24 24",
6357
6377
  xmlns: "http://www.w3.org/2000/svg",
6358
- children: /* @__PURE__ */ jsx172(
6378
+ children: /* @__PURE__ */ jsx173(
6359
6379
  "path",
6360
6380
  {
6361
6381
  clipRule: "evenodd",
@@ -6368,14 +6388,14 @@ var ThumbsUpIcon = (props) => /* @__PURE__ */ jsx172(
6368
6388
  );
6369
6389
 
6370
6390
  // src/components/Icon/icons/TranscriptIcon.tsx
6371
- import { jsx as jsx173 } from "react/jsx-runtime";
6372
- var TranscriptIcon = (props) => /* @__PURE__ */ jsx173(
6391
+ import { jsx as jsx174 } from "react/jsx-runtime";
6392
+ var TranscriptIcon = (props) => /* @__PURE__ */ jsx174(
6373
6393
  "svg",
6374
6394
  {
6375
6395
  ...props,
6376
6396
  viewBox: "0 0 24 24",
6377
6397
  xmlns: "http://www.w3.org/2000/svg",
6378
- children: /* @__PURE__ */ jsx173(
6398
+ children: /* @__PURE__ */ jsx174(
6379
6399
  "path",
6380
6400
  {
6381
6401
  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",
@@ -6386,14 +6406,14 @@ var TranscriptIcon = (props) => /* @__PURE__ */ jsx173(
6386
6406
  );
6387
6407
 
6388
6408
  // src/components/Icon/icons/TransitionsIcon.tsx
6389
- import { jsx as jsx174 } from "react/jsx-runtime";
6390
- var TransitionsIcon = (props) => /* @__PURE__ */ jsx174(
6409
+ import { jsx as jsx175 } from "react/jsx-runtime";
6410
+ var TransitionsIcon = (props) => /* @__PURE__ */ jsx175(
6391
6411
  "svg",
6392
6412
  {
6393
6413
  ...props,
6394
6414
  viewBox: "0 0 24 24",
6395
6415
  xmlns: "http://www.w3.org/2000/svg",
6396
- children: /* @__PURE__ */ jsx174(
6416
+ children: /* @__PURE__ */ jsx175(
6397
6417
  "path",
6398
6418
  {
6399
6419
  clipRule: "evenodd",
@@ -6406,14 +6426,14 @@ var TransitionsIcon = (props) => /* @__PURE__ */ jsx174(
6406
6426
  );
6407
6427
 
6408
6428
  // src/components/Icon/icons/TransparencyIcon.tsx
6409
- import { jsx as jsx175 } from "react/jsx-runtime";
6410
- var TransparencyIcon = (props) => /* @__PURE__ */ jsx175(
6429
+ import { jsx as jsx176 } from "react/jsx-runtime";
6430
+ var TransparencyIcon = (props) => /* @__PURE__ */ jsx176(
6411
6431
  "svg",
6412
6432
  {
6413
6433
  ...props,
6414
6434
  viewBox: "0 0 24 24",
6415
6435
  xmlns: "http://www.w3.org/2000/svg",
6416
- children: /* @__PURE__ */ jsx175(
6436
+ children: /* @__PURE__ */ jsx176(
6417
6437
  "path",
6418
6438
  {
6419
6439
  clipRule: "evenodd",
@@ -6426,14 +6446,14 @@ var TransparencyIcon = (props) => /* @__PURE__ */ jsx175(
6426
6446
  );
6427
6447
 
6428
6448
  // src/components/Icon/icons/TrendsIcon.tsx
6429
- import { jsx as jsx176 } from "react/jsx-runtime";
6430
- var TrendsIcon = (props) => /* @__PURE__ */ jsx176(
6449
+ import { jsx as jsx177 } from "react/jsx-runtime";
6450
+ var TrendsIcon = (props) => /* @__PURE__ */ jsx177(
6431
6451
  "svg",
6432
6452
  {
6433
6453
  ...props,
6434
6454
  viewBox: "0 0 24 24",
6435
6455
  xmlns: "http://www.w3.org/2000/svg",
6436
- children: /* @__PURE__ */ jsx176(
6456
+ children: /* @__PURE__ */ jsx177(
6437
6457
  "path",
6438
6458
  {
6439
6459
  clipRule: "evenodd",
@@ -6446,14 +6466,14 @@ var TrendsIcon = (props) => /* @__PURE__ */ jsx176(
6446
6466
  );
6447
6467
 
6448
6468
  // src/components/Icon/icons/TrialUnlockClockIcon.tsx
6449
- import { jsx as jsx177 } from "react/jsx-runtime";
6450
- var TrialUnlockClockIcon = (props) => /* @__PURE__ */ jsx177(
6469
+ import { jsx as jsx178 } from "react/jsx-runtime";
6470
+ var TrialUnlockClockIcon = (props) => /* @__PURE__ */ jsx178(
6451
6471
  "svg",
6452
6472
  {
6453
6473
  ...props,
6454
6474
  viewBox: "0 0 24 24",
6455
6475
  xmlns: "http://www.w3.org/2000/svg",
6456
- children: /* @__PURE__ */ jsx177(
6476
+ children: /* @__PURE__ */ jsx178(
6457
6477
  "path",
6458
6478
  {
6459
6479
  clipRule: "evenodd",
@@ -6466,14 +6486,14 @@ var TrialUnlockClockIcon = (props) => /* @__PURE__ */ jsx177(
6466
6486
  );
6467
6487
 
6468
6488
  // src/components/Icon/icons/TrimIcon.tsx
6469
- import { jsx as jsx178 } from "react/jsx-runtime";
6470
- var TrimIcon = (props) => /* @__PURE__ */ jsx178(
6489
+ import { jsx as jsx179 } from "react/jsx-runtime";
6490
+ var TrimIcon = (props) => /* @__PURE__ */ jsx179(
6471
6491
  "svg",
6472
6492
  {
6473
6493
  ...props,
6474
6494
  viewBox: "0 0 24 24",
6475
6495
  xmlns: "http://www.w3.org/2000/svg",
6476
- children: /* @__PURE__ */ jsx178(
6496
+ children: /* @__PURE__ */ jsx179(
6477
6497
  "path",
6478
6498
  {
6479
6499
  clipRule: "evenodd",
@@ -6486,14 +6506,14 @@ var TrimIcon = (props) => /* @__PURE__ */ jsx178(
6486
6506
  );
6487
6507
 
6488
6508
  // src/components/Icon/icons/TurnstileIcon.tsx
6489
- import { jsx as jsx179 } from "react/jsx-runtime";
6490
- var TurnstileIcon = (props) => /* @__PURE__ */ jsx179(
6509
+ import { jsx as jsx180 } from "react/jsx-runtime";
6510
+ var TurnstileIcon = (props) => /* @__PURE__ */ jsx180(
6491
6511
  "svg",
6492
6512
  {
6493
6513
  ...props,
6494
6514
  viewBox: "0 0 24 24",
6495
6515
  xmlns: "http://www.w3.org/2000/svg",
6496
- children: /* @__PURE__ */ jsx179(
6516
+ children: /* @__PURE__ */ jsx180(
6497
6517
  "path",
6498
6518
  {
6499
6519
  clipRule: "evenodd",
@@ -6506,14 +6526,14 @@ var TurnstileIcon = (props) => /* @__PURE__ */ jsx179(
6506
6526
  );
6507
6527
 
6508
6528
  // src/components/Icon/icons/UndoIcon.tsx
6509
- import { jsx as jsx180 } from "react/jsx-runtime";
6510
- var UndoIcon = (props) => /* @__PURE__ */ jsx180(
6529
+ import { jsx as jsx181 } from "react/jsx-runtime";
6530
+ var UndoIcon = (props) => /* @__PURE__ */ jsx181(
6511
6531
  "svg",
6512
6532
  {
6513
6533
  ...props,
6514
6534
  viewBox: "0 0 24 24",
6515
6535
  xmlns: "http://www.w3.org/2000/svg",
6516
- children: /* @__PURE__ */ jsx180(
6536
+ children: /* @__PURE__ */ jsx181(
6517
6537
  "path",
6518
6538
  {
6519
6539
  clipRule: "evenodd",
@@ -6526,14 +6546,14 @@ var UndoIcon = (props) => /* @__PURE__ */ jsx180(
6526
6546
  );
6527
6547
 
6528
6548
  // src/components/Icon/icons/UnlockIcon.tsx
6529
- import { jsx as jsx181 } from "react/jsx-runtime";
6530
- var UnlockIcon = (props) => /* @__PURE__ */ jsx181(
6549
+ import { jsx as jsx182 } from "react/jsx-runtime";
6550
+ var UnlockIcon = (props) => /* @__PURE__ */ jsx182(
6531
6551
  "svg",
6532
6552
  {
6533
6553
  ...props,
6534
6554
  viewBox: "0 0 24 24",
6535
6555
  xmlns: "http://www.w3.org/2000/svg",
6536
- children: /* @__PURE__ */ jsx181(
6556
+ children: /* @__PURE__ */ jsx182(
6537
6557
  "path",
6538
6558
  {
6539
6559
  clipRule: "evenodd",
@@ -6546,14 +6566,14 @@ var UnlockIcon = (props) => /* @__PURE__ */ jsx181(
6546
6566
  );
6547
6567
 
6548
6568
  // src/components/Icon/icons/UploadIcon.tsx
6549
- import { jsx as jsx182 } from "react/jsx-runtime";
6550
- var UploadIcon = (props) => /* @__PURE__ */ jsx182(
6569
+ import { jsx as jsx183 } from "react/jsx-runtime";
6570
+ var UploadIcon = (props) => /* @__PURE__ */ jsx183(
6551
6571
  "svg",
6552
6572
  {
6553
6573
  ...props,
6554
6574
  viewBox: "0 0 24 24",
6555
6575
  xmlns: "http://www.w3.org/2000/svg",
6556
- children: /* @__PURE__ */ jsx182(
6576
+ children: /* @__PURE__ */ jsx183(
6557
6577
  "path",
6558
6578
  {
6559
6579
  clipRule: "evenodd",
@@ -6566,14 +6586,14 @@ var UploadIcon = (props) => /* @__PURE__ */ jsx182(
6566
6586
  );
6567
6587
 
6568
6588
  // src/components/Icon/icons/UsersPermissionsIcon.tsx
6569
- import { jsx as jsx183 } from "react/jsx-runtime";
6570
- var UsersPermissionsIcon = (props) => /* @__PURE__ */ jsx183(
6589
+ import { jsx as jsx184 } from "react/jsx-runtime";
6590
+ var UsersPermissionsIcon = (props) => /* @__PURE__ */ jsx184(
6571
6591
  "svg",
6572
6592
  {
6573
6593
  ...props,
6574
6594
  viewBox: "0 0 24 24",
6575
6595
  xmlns: "http://www.w3.org/2000/svg",
6576
- children: /* @__PURE__ */ jsx183(
6596
+ children: /* @__PURE__ */ jsx184(
6577
6597
  "path",
6578
6598
  {
6579
6599
  clipRule: "evenodd",
@@ -6586,14 +6606,14 @@ var UsersPermissionsIcon = (props) => /* @__PURE__ */ jsx183(
6586
6606
  );
6587
6607
 
6588
6608
  // src/components/Icon/icons/ViewStreamIcon.tsx
6589
- import { jsx as jsx184 } from "react/jsx-runtime";
6590
- var ViewStreamIcon = (props) => /* @__PURE__ */ jsx184(
6609
+ import { jsx as jsx185 } from "react/jsx-runtime";
6610
+ var ViewStreamIcon = (props) => /* @__PURE__ */ jsx185(
6591
6611
  "svg",
6592
6612
  {
6593
6613
  ...props,
6594
6614
  viewBox: "0 0 24 24",
6595
6615
  xmlns: "http://www.w3.org/2000/svg",
6596
- children: /* @__PURE__ */ jsx184(
6616
+ children: /* @__PURE__ */ jsx185(
6597
6617
  "path",
6598
6618
  {
6599
6619
  clipRule: "evenodd",
@@ -6606,14 +6626,14 @@ var ViewStreamIcon = (props) => /* @__PURE__ */ jsx184(
6606
6626
  );
6607
6627
 
6608
6628
  // src/components/Icon/icons/VolumeIcon.tsx
6609
- import { jsx as jsx185 } from "react/jsx-runtime";
6610
- var VolumeIcon = (props) => /* @__PURE__ */ jsx185(
6629
+ import { jsx as jsx186 } from "react/jsx-runtime";
6630
+ var VolumeIcon = (props) => /* @__PURE__ */ jsx186(
6611
6631
  "svg",
6612
6632
  {
6613
6633
  ...props,
6614
6634
  viewBox: "0 0 24 24",
6615
6635
  xmlns: "http://www.w3.org/2000/svg",
6616
- children: /* @__PURE__ */ jsx185(
6636
+ children: /* @__PURE__ */ jsx186(
6617
6637
  "path",
6618
6638
  {
6619
6639
  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",
@@ -6624,14 +6644,14 @@ var VolumeIcon = (props) => /* @__PURE__ */ jsx185(
6624
6644
  );
6625
6645
 
6626
6646
  // src/components/Icon/icons/VolumeOffIcon.tsx
6627
- import { jsx as jsx186 } from "react/jsx-runtime";
6628
- var VolumeOffIcon = (props) => /* @__PURE__ */ jsx186(
6647
+ import { jsx as jsx187 } from "react/jsx-runtime";
6648
+ var VolumeOffIcon = (props) => /* @__PURE__ */ jsx187(
6629
6649
  "svg",
6630
6650
  {
6631
6651
  ...props,
6632
6652
  viewBox: "0 0 24 24",
6633
6653
  xmlns: "http://www.w3.org/2000/svg",
6634
- children: /* @__PURE__ */ jsx186(
6654
+ children: /* @__PURE__ */ jsx187(
6635
6655
  "path",
6636
6656
  {
6637
6657
  clipRule: "evenodd",
@@ -6644,14 +6664,14 @@ var VolumeOffIcon = (props) => /* @__PURE__ */ jsx186(
6644
6664
  );
6645
6665
 
6646
6666
  // src/components/Icon/icons/VolumeUpIcon.tsx
6647
- import { jsx as jsx187 } from "react/jsx-runtime";
6648
- var VolumeUpIcon = (props) => /* @__PURE__ */ jsx187(
6667
+ import { jsx as jsx188 } from "react/jsx-runtime";
6668
+ var VolumeUpIcon = (props) => /* @__PURE__ */ jsx188(
6649
6669
  "svg",
6650
6670
  {
6651
6671
  ...props,
6652
6672
  viewBox: "0 0 24 24",
6653
6673
  xmlns: "http://www.w3.org/2000/svg",
6654
- children: /* @__PURE__ */ jsx187(
6674
+ children: /* @__PURE__ */ jsx188(
6655
6675
  "path",
6656
6676
  {
6657
6677
  clipRule: "evenodd",
@@ -6664,14 +6684,14 @@ var VolumeUpIcon = (props) => /* @__PURE__ */ jsx187(
6664
6684
  );
6665
6685
 
6666
6686
  // src/components/Icon/icons/VolumeXIcon.tsx
6667
- import { jsx as jsx188 } from "react/jsx-runtime";
6668
- var VolumeXIcon = (props) => /* @__PURE__ */ jsx188(
6687
+ import { jsx as jsx189 } from "react/jsx-runtime";
6688
+ var VolumeXIcon = (props) => /* @__PURE__ */ jsx189(
6669
6689
  "svg",
6670
6690
  {
6671
6691
  ...props,
6672
6692
  viewBox: "0 0 24 24",
6673
6693
  xmlns: "http://www.w3.org/2000/svg",
6674
- children: /* @__PURE__ */ jsx188(
6694
+ children: /* @__PURE__ */ jsx189(
6675
6695
  "path",
6676
6696
  {
6677
6697
  clipRule: "evenodd",
@@ -6684,14 +6704,14 @@ var VolumeXIcon = (props) => /* @__PURE__ */ jsx188(
6684
6704
  );
6685
6705
 
6686
6706
  // src/components/Icon/icons/WandIcon.tsx
6687
- import { jsx as jsx189 } from "react/jsx-runtime";
6688
- var WandIcon = (props) => /* @__PURE__ */ jsx189(
6707
+ import { jsx as jsx190 } from "react/jsx-runtime";
6708
+ var WandIcon = (props) => /* @__PURE__ */ jsx190(
6689
6709
  "svg",
6690
6710
  {
6691
6711
  ...props,
6692
6712
  viewBox: "0 0 24 24",
6693
6713
  xmlns: "http://www.w3.org/2000/svg",
6694
- children: /* @__PURE__ */ jsx189(
6714
+ children: /* @__PURE__ */ jsx190(
6695
6715
  "path",
6696
6716
  {
6697
6717
  clipRule: "evenodd",
@@ -6704,14 +6724,14 @@ var WandIcon = (props) => /* @__PURE__ */ jsx189(
6704
6724
  );
6705
6725
 
6706
6726
  // src/components/Icon/icons/WaveformIcon.tsx
6707
- import { jsx as jsx190 } from "react/jsx-runtime";
6708
- var WaveformIcon = (props) => /* @__PURE__ */ jsx190(
6727
+ import { jsx as jsx191 } from "react/jsx-runtime";
6728
+ var WaveformIcon = (props) => /* @__PURE__ */ jsx191(
6709
6729
  "svg",
6710
6730
  {
6711
6731
  ...props,
6712
6732
  viewBox: "0 0 24 24",
6713
6733
  xmlns: "http://www.w3.org/2000/svg",
6714
- children: /* @__PURE__ */ jsx190(
6734
+ children: /* @__PURE__ */ jsx191(
6715
6735
  "path",
6716
6736
  {
6717
6737
  clipRule: "evenodd",
@@ -6724,14 +6744,14 @@ var WaveformIcon = (props) => /* @__PURE__ */ jsx190(
6724
6744
  );
6725
6745
 
6726
6746
  // src/components/Icon/icons/ZoomInIcon.tsx
6727
- import { jsx as jsx191 } from "react/jsx-runtime";
6728
- var ZoomInIcon = (props) => /* @__PURE__ */ jsx191(
6747
+ import { jsx as jsx192 } from "react/jsx-runtime";
6748
+ var ZoomInIcon = (props) => /* @__PURE__ */ jsx192(
6729
6749
  "svg",
6730
6750
  {
6731
6751
  ...props,
6732
6752
  viewBox: "0 0 24 24",
6733
6753
  xmlns: "http://www.w3.org/2000/svg",
6734
- children: /* @__PURE__ */ jsx191(
6754
+ children: /* @__PURE__ */ jsx192(
6735
6755
  "path",
6736
6756
  {
6737
6757
  clipRule: "evenodd",
@@ -6744,14 +6764,14 @@ var ZoomInIcon = (props) => /* @__PURE__ */ jsx191(
6744
6764
  );
6745
6765
 
6746
6766
  // src/components/Icon/icons/ZoomOutIcon.tsx
6747
- import { jsx as jsx192 } from "react/jsx-runtime";
6748
- var ZoomOutIcon = (props) => /* @__PURE__ */ jsx192(
6767
+ import { jsx as jsx193 } from "react/jsx-runtime";
6768
+ var ZoomOutIcon = (props) => /* @__PURE__ */ jsx193(
6749
6769
  "svg",
6750
6770
  {
6751
6771
  ...props,
6752
6772
  viewBox: "0 0 24 24",
6753
6773
  xmlns: "http://www.w3.org/2000/svg",
6754
- children: /* @__PURE__ */ jsx192(
6774
+ children: /* @__PURE__ */ jsx193(
6755
6775
  "path",
6756
6776
  {
6757
6777
  clipRule: "evenodd",
@@ -6853,6 +6873,7 @@ var iconMap = {
6853
6873
  info: InfoIcon,
6854
6874
  integrations: IntegrationsIcon,
6855
6875
  leave: LeaveIcon,
6876
+ "light-bulb": LightBulbIcon,
6856
6877
  link: LinkIcon,
6857
6878
  list: ListIcon,
6858
6879
  live: LiveIcon,
@@ -6971,7 +6992,7 @@ var useResponsiveProp = (values) => {
6971
6992
  };
6972
6993
 
6973
6994
  // src/components/Icon/Icon.tsx
6974
- import { jsx as jsx193 } from "react/jsx-runtime";
6995
+ import { jsx as jsx194 } from "react/jsx-runtime";
6975
6996
  var iconSizeMap = {
6976
6997
  sm: "12",
6977
6998
  md: "16",
@@ -7008,7 +7029,7 @@ var Icon = ({
7008
7029
  ...style
7009
7030
  };
7010
7031
  const iconColor = invertColor ? "var(--wui-color-icon-on-fill)" : "var(--wui-color-icon)";
7011
- return /* @__PURE__ */ jsx193(
7032
+ return /* @__PURE__ */ jsx194(
7012
7033
  StyledIcon,
7013
7034
  {
7014
7035
  $colorScheme: colorScheme,
@@ -7032,7 +7053,7 @@ import { forwardRef } from "react";
7032
7053
  import styled4 from "styled-components";
7033
7054
  import { Link as RouterLink, useInRouterContext } from "react-router-dom";
7034
7055
  import { isFunction as isFunction2, isNil as isNil6, isNotNil as isNotNil5, isNotUndefined as isNotUndefined3, isUndefined as isUndefined2 } from "@wistia/type-guards";
7035
- import { jsx as jsx194, jsxs as jsxs7 } from "react/jsx-runtime";
7056
+ import { jsx as jsx195, jsxs as jsxs7 } from "react/jsx-runtime";
7036
7057
  var generateHref = (href, type, disabled) => {
7037
7058
  if (disabled || isNil6(href)) {
7038
7059
  return void 0;
@@ -7119,7 +7140,7 @@ var Link = forwardRef(
7119
7140
  "aria-disabled": ariaDisabled ?? (disabled ? "true" : void 0)
7120
7141
  };
7121
7142
  if (isButton(props)) {
7122
- return /* @__PURE__ */ jsx194(
7143
+ return /* @__PURE__ */ jsx195(
7123
7144
  StyledLink,
7124
7145
  {
7125
7146
  ref,
@@ -7168,7 +7189,7 @@ var Link = forwardRef(
7168
7189
  Link.displayName = "Link";
7169
7190
 
7170
7191
  // src/components/Button/Button.tsx
7171
- import { Fragment, jsx as jsx195, jsxs as jsxs8 } from "react/jsx-runtime";
7192
+ import { Fragment, jsx as jsx196, jsxs as jsxs8 } from "react/jsx-runtime";
7172
7193
  var isLink2 = (props) => isNotUndefined4(props.href);
7173
7194
  var StyledButton = styled5.button`
7174
7195
  ${buttonResetCss}
@@ -7206,7 +7227,7 @@ var ButtonContent = ({
7206
7227
  fullWidth = false
7207
7228
  }) => {
7208
7229
  return /* @__PURE__ */ jsxs8(Fragment, { children: [
7209
- isLoading ? /* @__PURE__ */ jsx195(StyledButtonLoading, { children: /* @__PURE__ */ jsx195(Icon, { type: "spinner" }) }) : null,
7230
+ isLoading ? /* @__PURE__ */ jsx196(StyledButtonLoading, { children: /* @__PURE__ */ jsx196(Icon, { type: "spinner" }) }) : null,
7210
7231
  /* @__PURE__ */ jsxs8(
7211
7232
  StyledButtonContent,
7212
7233
  {
@@ -7215,7 +7236,7 @@ var ButtonContent = ({
7215
7236
  $isLoading: isLoading,
7216
7237
  children: [
7217
7238
  leftIcon ?? null,
7218
- /* @__PURE__ */ jsx195(StyledButtonContentLabel, { $fullWidth: fullWidth, children }),
7239
+ /* @__PURE__ */ jsx196(StyledButtonContentLabel, { $fullWidth: fullWidth, children }),
7219
7240
  rightIcon ?? null
7220
7241
  ]
7221
7242
  }
@@ -7255,7 +7276,7 @@ var Button = forwardRef2(
7255
7276
  commonProps.className = `${className ?? ""} force-state-${forceState}`;
7256
7277
  }
7257
7278
  if (isLink2(props)) {
7258
- return /* @__PURE__ */ jsx195(
7279
+ return /* @__PURE__ */ jsx196(
7259
7280
  StyledButton,
7260
7281
  {
7261
7282
  ref,
@@ -7263,7 +7284,7 @@ var Button = forwardRef2(
7263
7284
  disabled: isAriaDisabled(),
7264
7285
  ...props,
7265
7286
  ...commonProps,
7266
- children: unstyled ? children : /* @__PURE__ */ jsx195(
7287
+ children: unstyled ? children : /* @__PURE__ */ jsx196(
7267
7288
  ButtonContent,
7268
7289
  {
7269
7290
  fullWidth: responsiveFullWidth,
@@ -7285,7 +7306,7 @@ var Button = forwardRef2(
7285
7306
  onClick(event);
7286
7307
  }
7287
7308
  };
7288
- return /* @__PURE__ */ jsx195(
7309
+ return /* @__PURE__ */ jsx196(
7289
7310
  StyledButton,
7290
7311
  {
7291
7312
  ref,
@@ -7293,7 +7314,7 @@ var Button = forwardRef2(
7293
7314
  type: "button",
7294
7315
  ...props,
7295
7316
  ...commonProps,
7296
- children: unstyled ? children : /* @__PURE__ */ jsx195(
7317
+ children: unstyled ? children : /* @__PURE__ */ jsx196(
7297
7318
  ButtonContent,
7298
7319
  {
7299
7320
  fullWidth: responsiveFullWidth,
@@ -7310,7 +7331,7 @@ var Button = forwardRef2(
7310
7331
  Button.displayName = "Button";
7311
7332
 
7312
7333
  // src/components/ActionButton/ActionButton.tsx
7313
- import { jsx as jsx196, jsxs as jsxs9 } from "react/jsx-runtime";
7334
+ import { jsx as jsx197, jsxs as jsxs9 } from "react/jsx-runtime";
7314
7335
  var StyledActionButton = styled6(Button)`
7315
7336
  ${({ $colorScheme }) => getColorScheme($colorScheme)};
7316
7337
  display: grid;
@@ -7433,15 +7454,15 @@ var ActionButton = forwardRef3(
7433
7454
  disabled,
7434
7455
  unstyled: true,
7435
7456
  children: [
7436
- /* @__PURE__ */ jsx196(StyledMainIcon, { children: icon }),
7437
- /* @__PURE__ */ jsx196(StyledSecondaryIcon, { $hideUntilHover: variant === "default", children: /* @__PURE__ */ jsx196(
7457
+ /* @__PURE__ */ jsx197(StyledMainIcon, { children: icon }),
7458
+ /* @__PURE__ */ jsx197(StyledSecondaryIcon, { $hideUntilHover: variant === "default", children: /* @__PURE__ */ jsx197(
7438
7459
  Icon,
7439
7460
  {
7440
7461
  colorScheme: variant === "gated" ? "purple" : "inherit",
7441
7462
  type: secondaryIconMap[variant]
7442
7463
  }
7443
7464
  ) }),
7444
- /* @__PURE__ */ jsx196(StyledLabel, { $disabled: disabled, children })
7465
+ /* @__PURE__ */ jsx197(StyledLabel, { $disabled: disabled, children })
7445
7466
  ]
7446
7467
  }
7447
7468
  );
@@ -7471,7 +7492,7 @@ var formatNameForDisplay = (name) => {
7471
7492
  // src/components/Image/Image.tsx
7472
7493
  import styled7 from "styled-components";
7473
7494
  import { isNotNil as isNotNil7 } from "@wistia/type-guards";
7474
- import { jsx as jsx197 } from "react/jsx-runtime";
7495
+ import { jsx as jsx198 } from "react/jsx-runtime";
7475
7496
  var getFillStyle = (fillContainer) => {
7476
7497
  if (fillContainer === "horizontal") {
7477
7498
  return "width: 100%;";
@@ -7504,7 +7525,7 @@ var Image = ({
7504
7525
  onLoad,
7505
7526
  onError,
7506
7527
  ...props
7507
- }) => /* @__PURE__ */ jsx197(
7528
+ }) => /* @__PURE__ */ jsx198(
7508
7529
  StyledImage,
7509
7530
  {
7510
7531
  $borderRadius: borderRadius,
@@ -7523,7 +7544,7 @@ Image.displayName = "Image";
7523
7544
 
7524
7545
  // src/components/ColorSchemeWrapper/ColorSchemeWrapper.tsx
7525
7546
  import styled8 from "styled-components";
7526
- import { jsx as jsx198 } from "react/jsx-runtime";
7547
+ import { jsx as jsx199 } from "react/jsx-runtime";
7527
7548
  var defaultColorSchemeOptions = ["default", "inherit"];
7528
7549
  var semanticColorSchemeOptions = ["error", "info", "success", "warning"];
7529
7550
  var brandColorSchemeOptions = [
@@ -7553,7 +7574,7 @@ var ColorSchemeWrapper = ({
7553
7574
  colorScheme = "inherit",
7554
7575
  children,
7555
7576
  ...props
7556
- }) => /* @__PURE__ */ jsx198(
7577
+ }) => /* @__PURE__ */ jsx199(
7557
7578
  StyledColorSchemeWrapper,
7558
7579
  {
7559
7580
  $colorScheme: colorScheme,
@@ -7565,7 +7586,7 @@ var ColorSchemeWrapper = ({
7565
7586
  ColorSchemeWrapper.displayName = "ColorSchemeWrapper";
7566
7587
 
7567
7588
  // src/components/Avatar/Avatar.tsx
7568
- import { jsx as jsx199, jsxs as jsxs10 } from "react/jsx-runtime";
7589
+ import { jsx as jsx200, jsxs as jsxs10 } from "react/jsx-runtime";
7569
7590
  var avatarSizeMap = {
7570
7591
  sm: 16,
7571
7592
  md: 24,
@@ -7579,14 +7600,14 @@ var Initial = ({ initial }) => /* @__PURE__ */ jsxs10(
7579
7600
  viewBox: "0 0 24 24",
7580
7601
  xmlns: "http://www.w3.org/2000/svg",
7581
7602
  children: [
7582
- /* @__PURE__ */ jsx199(
7603
+ /* @__PURE__ */ jsx200(
7583
7604
  "path",
7584
7605
  {
7585
7606
  d: "M0 13.5h24",
7586
7607
  id: "P"
7587
7608
  }
7588
7609
  ),
7589
- /* @__PURE__ */ jsx199("text", { children: /* @__PURE__ */ jsx199(
7610
+ /* @__PURE__ */ jsx200("text", { children: /* @__PURE__ */ jsx200(
7590
7611
  "textPath",
7591
7612
  {
7592
7613
  dominantBaseline: "middle",
@@ -7683,8 +7704,8 @@ var Avatar = ({
7683
7704
  $heightAndWidth: avatarSize,
7684
7705
  ...props,
7685
7706
  children: [
7686
- /* @__PURE__ */ jsx199(Initial, { initial: formatNameForDisplay(name) }),
7687
- isNotNil8(imageUrl) && imageLoadState !== "error" && /* @__PURE__ */ jsx199(
7707
+ /* @__PURE__ */ jsx200(Initial, { initial: formatNameForDisplay(name) }),
7708
+ isNotNil8(imageUrl) && imageLoadState !== "error" && /* @__PURE__ */ jsx200(
7688
7709
  Image,
7689
7710
  {
7690
7711
  alt: isNotNil8(name) ? name : "",
@@ -7705,7 +7726,7 @@ Avatar.displayName = "Avatar";
7705
7726
  import { forwardRef as forwardRef4 } from "react";
7706
7727
  import styled10 from "styled-components";
7707
7728
  import { isNotNil as isNotNil9 } from "@wistia/type-guards";
7708
- import { jsx as jsx200, jsxs as jsxs11 } from "react/jsx-runtime";
7729
+ import { jsx as jsx201, jsxs as jsxs11 } from "react/jsx-runtime";
7709
7730
  var StyledBadge = styled10.div`
7710
7731
  ${({ $colorScheme }) => getColorScheme($colorScheme)};
7711
7732
  align-items: center;
@@ -7744,7 +7765,7 @@ var Badge = forwardRef4(
7744
7765
  $variant: variant,
7745
7766
  children: [
7746
7767
  hasIcon ? icon : null,
7747
- /* @__PURE__ */ jsx200("span", { children: label })
7768
+ /* @__PURE__ */ jsx201("span", { children: label })
7748
7769
  ]
7749
7770
  }
7750
7771
  );
@@ -7768,7 +7789,7 @@ var makePolymorphic = (component) => {
7768
7789
  };
7769
7790
 
7770
7791
  // src/components/Box/Box.tsx
7771
- import { jsx as jsx201 } from "react/jsx-runtime";
7792
+ import { jsx as jsx202 } from "react/jsx-runtime";
7772
7793
  var getGapStyle = (gap) => {
7773
7794
  if (isNotNil10(gap)) {
7774
7795
  if (isRecord3(gap)) {
@@ -7914,7 +7935,7 @@ var BoxComponent = forwardRef5(
7914
7935
  );
7915
7936
  }
7916
7937
  }
7917
- return /* @__PURE__ */ jsx201(
7938
+ return /* @__PURE__ */ jsx202(
7918
7939
  StyledBoxComponent,
7919
7940
  {
7920
7941
  ref,
@@ -7949,7 +7970,7 @@ var Box = makePolymorphic(BoxComponent);
7949
7970
  import { forwardRef as forwardRef6 } from "react";
7950
7971
  import styled12, { css as css19 } from "styled-components";
7951
7972
  import { isNotNil as isNotNil11 } from "@wistia/type-guards";
7952
- import { jsx as jsx202 } from "react/jsx-runtime";
7973
+ import { jsx as jsx203 } from "react/jsx-runtime";
7953
7974
  var heroStyle = css19`
7954
7975
  --font-family: var(--wui-typography-heading-hero-family);
7955
7976
  --font-size: var(--wui-typography-heading-hero-size);
@@ -8053,7 +8074,7 @@ var HeadingComponent = forwardRef6(
8053
8074
  variant = "heading1",
8054
8075
  renderAs,
8055
8076
  ...props
8056
- }, ref) => /* @__PURE__ */ jsx202(
8077
+ }, ref) => /* @__PURE__ */ jsx203(
8057
8078
  StyledHeading,
8058
8079
  {
8059
8080
  ref,
@@ -8076,7 +8097,7 @@ var Heading = makePolymorphic(HeadingComponent);
8076
8097
  import { forwardRef as forwardRef7 } from "react";
8077
8098
  import styled13, { css as css20 } from "styled-components";
8078
8099
  import { isNotNil as isNotNil12 } from "@wistia/type-guards";
8079
- import { jsx as jsx203 } from "react/jsx-runtime";
8100
+ import { jsx as jsx204 } from "react/jsx-runtime";
8080
8101
  var bodyBoldStyles = css20`
8081
8102
  > strong,
8082
8103
  b {
@@ -8261,7 +8282,7 @@ var TextComponent = forwardRef7(
8261
8282
  renderAs,
8262
8283
  ...props
8263
8284
  }, ref) => {
8264
- return /* @__PURE__ */ jsx203(
8285
+ return /* @__PURE__ */ jsx204(
8265
8286
  StyledText,
8266
8287
  {
8267
8288
  ref,
@@ -8285,7 +8306,7 @@ var Text = makePolymorphic(TextComponent);
8285
8306
  // src/components/ButtonGroup/ButtonGroup.tsx
8286
8307
  import styled14, { css as css21 } from "styled-components";
8287
8308
  import { isNil as isNil9 } from "@wistia/type-guards";
8288
- import { jsx as jsx204 } from "react/jsx-runtime";
8309
+ import { jsx as jsx205 } from "react/jsx-runtime";
8289
8310
  var getAlignment = (align) => {
8290
8311
  if (align === "center") {
8291
8312
  return "center";
@@ -8347,7 +8368,7 @@ var ButtonGroup = ({
8347
8368
  if (isNil9(children)) {
8348
8369
  return null;
8349
8370
  }
8350
- return /* @__PURE__ */ jsx204(
8371
+ return /* @__PURE__ */ jsx205(
8351
8372
  ButtonGroupComponent,
8352
8373
  {
8353
8374
  $align: align,
@@ -8364,7 +8385,7 @@ ButtonGroup.displayName = "ButtonGroup";
8364
8385
  // src/components/IconButton/IconButton.tsx
8365
8386
  import { Children, cloneElement as cloneElement2, forwardRef as forwardRef8 } from "react";
8366
8387
  import styled15 from "styled-components";
8367
- import { jsx as jsx205 } from "react/jsx-runtime";
8388
+ import { jsx as jsx206 } from "react/jsx-runtime";
8368
8389
  var StyledButton2 = styled15(Button)`
8369
8390
  --icon-button-size-sm: 24px;
8370
8391
  --icon-button-size-md: 32px;
@@ -8382,7 +8403,7 @@ var StyledButton2 = styled15(Button)`
8382
8403
  var IconButton = forwardRef8(
8383
8404
  ({ children, label, size = "md", ...props }, ref) => {
8384
8405
  const responsiveSize = useResponsiveProp(size);
8385
- return /* @__PURE__ */ jsx205(
8406
+ return /* @__PURE__ */ jsx206(
8386
8407
  StyledButton2,
8387
8408
  {
8388
8409
  ...props,
@@ -8400,7 +8421,7 @@ var IconButton = forwardRef8(
8400
8421
  IconButton.displayName = "IconButton";
8401
8422
 
8402
8423
  // src/components/Banner/Banner.tsx
8403
- import { jsx as jsx206, jsxs as jsxs12 } from "react/jsx-runtime";
8424
+ import { jsx as jsx207, jsxs as jsxs12 } from "react/jsx-runtime";
8404
8425
  var BREAKPOINT_WIDTH = 600;
8405
8426
  var VERTICAL_BREAKPOINT_WIDTH = 284;
8406
8427
  var MIN_IMAGE_WIDTH = 400;
@@ -8513,7 +8534,7 @@ var Banner = ({
8513
8534
  gap: "space-04",
8514
8535
  style: { padding: "var(--wui-banner-padding)" },
8515
8536
  children: [
8516
- iconPosition === "above" && /* @__PURE__ */ jsx206(
8537
+ iconPosition === "above" && /* @__PURE__ */ jsx207(
8517
8538
  IconWrapper,
8518
8539
  {
8519
8540
  $iconPosition: "above",
@@ -8532,10 +8553,10 @@ var Banner = ({
8532
8553
  justifyContent: "center",
8533
8554
  children: [
8534
8555
  isNotNil13(headingText) ? /* @__PURE__ */ jsxs12(Heading, { variant: headingVariant, children: [
8535
- iconPosition === "inline" && /* @__PURE__ */ jsx206(IconWrapper, { $iconPosition: "inline", children: icon }),
8556
+ iconPosition === "inline" && /* @__PURE__ */ jsx207(IconWrapper, { $iconPosition: "inline", children: icon }),
8536
8557
  headingText
8537
8558
  ] }) : null,
8538
- /* @__PURE__ */ jsx206(Text, { variant: textVariant, children: bodyText })
8559
+ /* @__PURE__ */ jsx207(Text, { variant: textVariant, children: bodyText })
8539
8560
  ]
8540
8561
  }
8541
8562
  ),
@@ -8554,7 +8575,7 @@ var Banner = ({
8554
8575
  ]
8555
8576
  }
8556
8577
  ),
8557
- isNotNil13(onClose) && /* @__PURE__ */ jsx206(
8578
+ isNotNil13(onClose) && /* @__PURE__ */ jsx207(
8558
8579
  IconButton,
8559
8580
  {
8560
8581
  label: "Close",
@@ -8566,7 +8587,7 @@ var Banner = ({
8566
8587
  right: "var(--wui-space-01)"
8567
8588
  },
8568
8589
  variant: "soft",
8569
- children: /* @__PURE__ */ jsx206(Icon, { type: "close" })
8590
+ children: /* @__PURE__ */ jsx207(Icon, { type: "close" })
8570
8591
  }
8571
8592
  )
8572
8593
  ]
@@ -8578,7 +8599,7 @@ Banner.displayName = "Banner";
8578
8599
  // src/components/Breadcrumbs/Breadcrumbs.tsx
8579
8600
  import { Children as Children2 } from "react";
8580
8601
  import styled17 from "styled-components";
8581
- import { Fragment as Fragment2, jsx as jsx207, jsxs as jsxs13 } from "react/jsx-runtime";
8602
+ import { Fragment as Fragment2, jsx as jsx208, jsxs as jsxs13 } from "react/jsx-runtime";
8582
8603
  var StyledBreadcrumbs = styled17.nav`
8583
8604
  display: flex;
8584
8605
  align-items: center;
@@ -8598,7 +8619,7 @@ var Breadcrumbs = ({ children, ...props }) => {
8598
8619
  }
8599
8620
  const crumbMaxWidth = Math.floor(100 / crumbs.length) - BUFFER_WIDTH;
8600
8621
  return /* @__PURE__ */ jsxs13(Fragment2, { children: [
8601
- /* @__PURE__ */ jsx207("style", { type: "text/css", children: `
8622
+ /* @__PURE__ */ jsx208("style", { type: "text/css", children: `
8602
8623
  [data-wui-breadcrumbs] {
8603
8624
  container-type: inline-size;
8604
8625
  container-name: breadcrumbs;
@@ -8610,7 +8631,7 @@ var Breadcrumbs = ({ children, ...props }) => {
8610
8631
  }
8611
8632
  }
8612
8633
  ` }),
8613
- /* @__PURE__ */ jsx207(
8634
+ /* @__PURE__ */ jsx208(
8614
8635
  StyledBreadcrumbs,
8615
8636
  {
8616
8637
  "aria-label": "Breadcrumbs",
@@ -8625,7 +8646,7 @@ Breadcrumbs.displayName = "Breadcrumbs";
8625
8646
 
8626
8647
  // src/components/Breadcrumbs/Breadcrumb.tsx
8627
8648
  import styled18 from "styled-components";
8628
- import { Fragment as Fragment3, jsx as jsx208, jsxs as jsxs14 } from "react/jsx-runtime";
8649
+ import { Fragment as Fragment3, jsx as jsx209, jsxs as jsxs14 } from "react/jsx-runtime";
8629
8650
  var BreadcrumbContent = styled18.span`
8630
8651
  overflow: hidden;
8631
8652
  white-space: nowrap;
@@ -8636,17 +8657,17 @@ var BreadcrumbContent = styled18.span`
8636
8657
  `;
8637
8658
  var Breadcrumb = ({ icon, href, children, ...props }) => {
8638
8659
  return /* @__PURE__ */ jsxs14(Fragment3, { children: [
8639
- /* @__PURE__ */ jsx208(
8660
+ /* @__PURE__ */ jsx209(
8640
8661
  Button,
8641
8662
  {
8642
8663
  ...props,
8643
8664
  href,
8644
8665
  leftIcon: icon,
8645
8666
  variant: "ghost",
8646
- children: /* @__PURE__ */ jsx208(BreadcrumbContent, { "data-wui-breadcrumb": true, children })
8667
+ children: /* @__PURE__ */ jsx209(BreadcrumbContent, { "data-wui-breadcrumb": true, children })
8647
8668
  }
8648
8669
  ),
8649
- /* @__PURE__ */ jsx208("div", { "data-wui-breadcrumb-divider": true, children: /* @__PURE__ */ jsx208(
8670
+ /* @__PURE__ */ jsx209("div", { "data-wui-breadcrumb-divider": true, children: /* @__PURE__ */ jsx209(
8650
8671
  Icon,
8651
8672
  {
8652
8673
  size: "sm",
@@ -8659,7 +8680,7 @@ var Breadcrumb = ({ icon, href, children, ...props }) => {
8659
8680
 
8660
8681
  // src/components/Card/Card.tsx
8661
8682
  import styled19 from "styled-components";
8662
- import { jsx as jsx209 } from "react/jsx-runtime";
8683
+ import { jsx as jsx210 } from "react/jsx-runtime";
8663
8684
  var StyledCard = styled19(Box)`
8664
8685
  ${({ $colorScheme }) => getColorScheme($colorScheme)};
8665
8686
  box-sizing: border-box;
@@ -8698,7 +8719,7 @@ var Card = ({
8698
8719
  prominence = "secondary",
8699
8720
  width,
8700
8721
  ...props
8701
- }) => /* @__PURE__ */ jsx209(
8722
+ }) => /* @__PURE__ */ jsx210(
8702
8723
  StyledCard,
8703
8724
  {
8704
8725
  $backgroundColor: prominenceMap[prominence].backgroundColor,
@@ -8719,7 +8740,7 @@ Card.displayName = "Card";
8719
8740
  // src/components/Center/Center.tsx
8720
8741
  import { forwardRef as forwardRef9 } from "react";
8721
8742
  import styled20 from "styled-components";
8722
- import { jsx as jsx210 } from "react/jsx-runtime";
8743
+ import { jsx as jsx211 } from "react/jsx-runtime";
8723
8744
  var StyledCenter = styled20.div`
8724
8745
  box-sizing: border-box;
8725
8746
  margin-left: auto;
@@ -8733,7 +8754,7 @@ var StyledCenter = styled20.div`
8733
8754
  `}
8734
8755
  `;
8735
8756
  var Center = forwardRef9(
8736
- ({ maxWidth = "100%", gutterWidth = "space-00", intrinsic = false, children, ...props }, ref) => /* @__PURE__ */ jsx210(
8757
+ ({ maxWidth = "100%", gutterWidth = "space-00", intrinsic = false, children, ...props }, ref) => /* @__PURE__ */ jsx211(
8737
8758
  StyledCenter,
8738
8759
  {
8739
8760
  ref,
@@ -8759,7 +8780,7 @@ import { isNil as isNil12, isNotNil as isNotNil15 } from "@wistia/type-guards";
8759
8780
  // src/private/components/FormControlLabel/FormControlLabelDescription.tsx
8760
8781
  import styled21, { css as css23 } from "styled-components";
8761
8782
  import { isNil as isNil11 } from "@wistia/type-guards";
8762
- import { jsx as jsx211 } from "react/jsx-runtime";
8783
+ import { jsx as jsx212 } from "react/jsx-runtime";
8763
8784
  var disabledStyle = css23`
8764
8785
  color: var(--wui-color-text-disabled);
8765
8786
  `;
@@ -8781,7 +8802,7 @@ var FormControlLabelDescription = ({
8781
8802
  if (isNil11(children)) {
8782
8803
  return null;
8783
8804
  }
8784
- return /* @__PURE__ */ jsx211(
8805
+ return /* @__PURE__ */ jsx212(
8785
8806
  StyledFormControlLabelDescription,
8786
8807
  {
8787
8808
  ...props,
@@ -8795,7 +8816,7 @@ FormControlLabelDescription.displayName = "FormControlLabelDescription";
8795
8816
  // src/components/ScreenReaderOnly/ScreenReaderOnly.tsx
8796
8817
  import styled22 from "styled-components";
8797
8818
  import { isNotNil as isNotNil14 } from "@wistia/type-guards";
8798
- import { jsx as jsx212 } from "react/jsx-runtime";
8819
+ import { jsx as jsx213 } from "react/jsx-runtime";
8799
8820
  var VisuallyHidden = styled22.div({ ...visuallyHiddenStyle });
8800
8821
  var VisuallyHiddenButFocusable = styled22.div({
8801
8822
  "&:not(:focus-within)": visuallyHiddenStyle
@@ -8808,14 +8829,14 @@ var ScreenReaderOnly = ({
8808
8829
  }) => {
8809
8830
  const accessibleText = isNotNil14(text) ? text : children;
8810
8831
  if (focusable) {
8811
- return /* @__PURE__ */ jsx212(VisuallyHiddenButFocusable, { ...props, children: accessibleText });
8832
+ return /* @__PURE__ */ jsx213(VisuallyHiddenButFocusable, { ...props, children: accessibleText });
8812
8833
  }
8813
- return /* @__PURE__ */ jsx212(VisuallyHidden, { ...props, children: accessibleText });
8834
+ return /* @__PURE__ */ jsx213(VisuallyHidden, { ...props, children: accessibleText });
8814
8835
  };
8815
8836
  ScreenReaderOnly.displayName = "ScreenReaderOnly";
8816
8837
 
8817
8838
  // src/private/components/FormControlLabel/FormControlLabel.tsx
8818
- import { jsx as jsx213, jsxs as jsxs15 } from "react/jsx-runtime";
8839
+ import { jsx as jsx214, jsxs as jsxs15 } from "react/jsx-runtime";
8819
8840
  var disabledStyle2 = css24`
8820
8841
  cursor: not-allowed;
8821
8842
  color: var(--wui-color-text-disabled);
@@ -8851,9 +8872,9 @@ var FormControlLabel = ({
8851
8872
  if (isNil12(label)) {
8852
8873
  return null;
8853
8874
  }
8854
- const labelContent = hideLabel ? /* @__PURE__ */ jsx213(ScreenReaderOnly, { children: label }) : /* @__PURE__ */ jsxs15(StyledLabelWrapper, { children: [
8875
+ const labelContent = hideLabel ? /* @__PURE__ */ jsx214(ScreenReaderOnly, { children: label }) : /* @__PURE__ */ jsxs15(StyledLabelWrapper, { children: [
8855
8876
  label,
8856
- /* @__PURE__ */ jsx213(FormControlLabelDescription, { children: description })
8877
+ /* @__PURE__ */ jsx214(FormControlLabelDescription, { children: description })
8857
8878
  ] });
8858
8879
  const slot = isNotNil15(controlSlot) ? controlSlot : null;
8859
8880
  return /* @__PURE__ */ jsxs15(
@@ -8883,7 +8904,7 @@ import { useRef as useRef7 } from "react";
8883
8904
  // src/components/Stack/Stack.tsx
8884
8905
  import { forwardRef as forwardRef10 } from "react";
8885
8906
  import styled24 from "styled-components";
8886
- import { jsx as jsx214 } from "react/jsx-runtime";
8907
+ import { jsx as jsx215 } from "react/jsx-runtime";
8887
8908
  var DEFAULT_ELEMENT4 = "div";
8888
8909
  var StyledStack = styled24.div`
8889
8910
  display: flex;
@@ -8896,7 +8917,7 @@ var StackComponent = forwardRef10(
8896
8917
  const responsiveGap = useResponsiveProp(gap);
8897
8918
  const responsiveDirection = useResponsiveProp(direction);
8898
8919
  const responsiveAlignItems = useResponsiveProp(alignItems);
8899
- return /* @__PURE__ */ jsx214(
8920
+ return /* @__PURE__ */ jsx215(
8900
8921
  StyledStack,
8901
8922
  {
8902
8923
  ref,
@@ -8913,7 +8934,7 @@ StackComponent.displayName = "Stack";
8913
8934
  var Stack = makePolymorphic(StackComponent);
8914
8935
 
8915
8936
  // src/components/FormGroup/FormGroup.tsx
8916
- import { jsx as jsx215, jsxs as jsxs16 } from "react/jsx-runtime";
8937
+ import { jsx as jsx216, jsxs as jsxs16 } from "react/jsx-runtime";
8917
8938
  var StyledFieldset = styled25.fieldset`
8918
8939
  border: 0;
8919
8940
  `;
@@ -8929,7 +8950,7 @@ var FormGroup = ({ children, label, ...props }) => {
8929
8950
  ref,
8930
8951
  renderAs: StyledFieldset,
8931
8952
  children: [
8932
- /* @__PURE__ */ jsx215(
8953
+ /* @__PURE__ */ jsx216(
8933
8954
  Heading,
8934
8955
  {
8935
8956
  renderAs: StyledLegend,
@@ -8965,7 +8986,7 @@ var serializeFormData = (formData) => {
8965
8986
  };
8966
8987
 
8967
8988
  // src/components/Form/Form.tsx
8968
- import { jsx as jsx216 } from "react/jsx-runtime";
8989
+ import { jsx as jsx217 } from "react/jsx-runtime";
8969
8990
  var StyledForm = styled26.form`
8970
8991
  --form-default-width: 690px;
8971
8992
 
@@ -9045,7 +9066,7 @@ var Form = forwardRef11(
9045
9066
  }, [labelPosition, values, errors, id, hasSubmitted]);
9046
9067
  return (
9047
9068
  // @ts-expect-error - generic context providers are a giant pain
9048
- /* @__PURE__ */ jsx216(FormContext.Provider, { value: context, children: /* @__PURE__ */ jsx216(
9069
+ /* @__PURE__ */ jsx217(FormContext.Provider, { value: context, children: /* @__PURE__ */ jsx217(
9049
9070
  Stack,
9050
9071
  {
9051
9072
  ...props,
@@ -9066,7 +9087,7 @@ var Form = forwardRef11(
9066
9087
  );
9067
9088
 
9068
9089
  // src/components/FormGroup/CheckboxGroup.tsx
9069
- import { jsx as jsx217 } from "react/jsx-runtime";
9090
+ import { jsx as jsx218 } from "react/jsx-runtime";
9070
9091
  var CheckboxGroupContext = createContext4(null);
9071
9092
  var useCheckboxGroup = () => {
9072
9093
  return useContext3(CheckboxGroupContext);
@@ -9087,13 +9108,13 @@ var CheckboxGroup = ({
9087
9108
  value: derivedValue
9088
9109
  };
9089
9110
  }, [name, derivedValue, onChange]);
9090
- return /* @__PURE__ */ jsx217(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ jsx217(FormGroup, { ...props, children }) });
9111
+ return /* @__PURE__ */ jsx218(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ jsx218(FormGroup, { ...props, children }) });
9091
9112
  };
9092
9113
  CheckboxGroup.displayName = "CheckboxGroup";
9093
9114
 
9094
9115
  // src/components/Checkbox/Checkbox.tsx
9095
- import { jsx as jsx218, jsxs as jsxs17 } from "react/jsx-runtime";
9096
- var CheckIcon = () => /* @__PURE__ */ jsx218(
9116
+ import { jsx as jsx219, jsxs as jsxs17 } from "react/jsx-runtime";
9117
+ var CheckIcon = () => /* @__PURE__ */ jsx219(
9097
9118
  "svg",
9098
9119
  {
9099
9120
  fill: "inherit",
@@ -9101,7 +9122,7 @@ var CheckIcon = () => /* @__PURE__ */ jsx218(
9101
9122
  viewBox: "0 0 10 8",
9102
9123
  width: "10",
9103
9124
  xmlns: "http://www.w3.org/2000/svg",
9104
- children: /* @__PURE__ */ jsx218(
9125
+ children: /* @__PURE__ */ jsx219(
9105
9126
  "path",
9106
9127
  {
9107
9128
  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",
@@ -9216,7 +9237,7 @@ var Checkbox = forwardRef12(
9216
9237
  const handleOnChange = onChange ?? contextOnChange;
9217
9238
  const defaultChecked = isNotUndefined7(value) && contextValue ? contextValue.includes(value) : void 0;
9218
9239
  return /* @__PURE__ */ jsxs17(StyledCheckboxWrapper, { disabled, children: [
9219
- /* @__PURE__ */ jsx218(
9240
+ /* @__PURE__ */ jsx219(
9220
9241
  StyledHiddenCheckboxInput,
9221
9242
  {
9222
9243
  ...props,
@@ -9231,16 +9252,16 @@ var Checkbox = forwardRef12(
9231
9252
  value
9232
9253
  }
9233
9254
  ),
9234
- /* @__PURE__ */ jsx218(
9255
+ /* @__PURE__ */ jsx219(
9235
9256
  FormControlLabel,
9236
9257
  {
9237
- controlSlot: /* @__PURE__ */ jsx218(
9258
+ controlSlot: /* @__PURE__ */ jsx219(
9238
9259
  StyledCheckboxInput,
9239
9260
  {
9240
9261
  $disabled: disabled,
9241
9262
  $size: size,
9242
9263
  "data-wui-faux-input": "true",
9243
- children: /* @__PURE__ */ jsx218(CheckIcon, {})
9264
+ children: /* @__PURE__ */ jsx219(CheckIcon, {})
9244
9265
  }
9245
9266
  ),
9246
9267
  description,
@@ -9302,7 +9323,7 @@ ClickRegion.displayName = "ClickRegion";
9302
9323
  import { Root as CollapsibleRoot } from "@radix-ui/react-collapsible";
9303
9324
  import { isNotNil as isNotNil16 } from "@wistia/type-guards";
9304
9325
  import styled28 from "styled-components";
9305
- import { jsx as jsx219 } from "react/jsx-runtime";
9326
+ import { jsx as jsx220 } from "react/jsx-runtime";
9306
9327
  var StyledRoot = styled28(CollapsibleRoot)`
9307
9328
  &[data-state='closed'] [data-wui-collapsible-content] {
9308
9329
  display: -webkit-box;
@@ -9319,7 +9340,7 @@ var Collapsible = ({
9319
9340
  const controlProps = {
9320
9341
  ...isNotNil16(onOpenChange) && isNotNil16(isOpen) ? { open: isOpen, onOpenChange } : {}
9321
9342
  };
9322
- return /* @__PURE__ */ jsx219(StyledRoot, { ...controlProps, children });
9343
+ return /* @__PURE__ */ jsx220(StyledRoot, { ...controlProps, children });
9323
9344
  };
9324
9345
  Collapsible.displayName = "Collapsible";
9325
9346
 
@@ -9327,7 +9348,7 @@ Collapsible.displayName = "Collapsible";
9327
9348
  import { Children as Children4 } from "react";
9328
9349
  import { Trigger } from "@radix-ui/react-collapsible";
9329
9350
  import styled29 from "styled-components";
9330
- import { jsx as jsx220 } from "react/jsx-runtime";
9351
+ import { jsx as jsx221 } from "react/jsx-runtime";
9331
9352
  var StyledTrigger = styled29(Trigger)`
9332
9353
  [data-wui-collapsible-icon] {
9333
9354
  transition: transform var(--wui-motion-duration-03) ease-in-out;
@@ -9351,11 +9372,11 @@ var StyledTrigger = styled29(Trigger)`
9351
9372
  `;
9352
9373
  var CollapsibleTrigger = ({ children }) => {
9353
9374
  Children4.only(children);
9354
- return /* @__PURE__ */ jsx220(StyledTrigger, { asChild: true, children });
9375
+ return /* @__PURE__ */ jsx221(StyledTrigger, { asChild: true, children });
9355
9376
  };
9356
9377
 
9357
9378
  // src/components/Collapsible/CollapsibleTriggerIcon.tsx
9358
- import { jsx as jsx221 } from "react/jsx-runtime";
9379
+ import { jsx as jsx222 } from "react/jsx-runtime";
9359
9380
  var iconRotationMap = {
9360
9381
  "caret-left-strong": "-90",
9361
9382
  "caret-left": "-90",
@@ -9364,7 +9385,7 @@ var iconRotationMap = {
9364
9385
  plus: "45"
9365
9386
  };
9366
9387
  var CollapsibleTriggerIcon = ({ type, ...props }) => {
9367
- return /* @__PURE__ */ jsx221(
9388
+ return /* @__PURE__ */ jsx222(
9368
9389
  Icon,
9369
9390
  {
9370
9391
  ...props,
@@ -9380,13 +9401,13 @@ CollapsibleTriggerIcon.displayName = "CollapsibleTriggerIcon";
9380
9401
  import styled30 from "styled-components";
9381
9402
  import { Content } from "@radix-ui/react-collapsible";
9382
9403
  import { isNotUndefined as isNotUndefined8 } from "@wistia/type-guards";
9383
- import { Fragment as Fragment4, jsx as jsx222, jsxs as jsxs18 } from "react/jsx-runtime";
9404
+ import { Fragment as Fragment4, jsx as jsx223, jsxs as jsxs18 } from "react/jsx-runtime";
9384
9405
  var ClampedContent = styled30.div`
9385
9406
  --wui-collapsible-content-clamp-lines: ${({ $clamp }) => $clamp};
9386
9407
  `;
9387
9408
  var CollapsibleContent = ({ clamp, children }) => {
9388
9409
  if (isNotUndefined8(clamp)) {
9389
- return /* @__PURE__ */ jsx222(
9410
+ return /* @__PURE__ */ jsx223(
9390
9411
  ClampedContent,
9391
9412
  {
9392
9413
  $clamp: clamp,
@@ -9395,7 +9416,7 @@ var CollapsibleContent = ({ clamp, children }) => {
9395
9416
  }
9396
9417
  );
9397
9418
  }
9398
- return /* @__PURE__ */ jsx222(Content, { children: /* @__PURE__ */ jsxs18(Fragment4, { children: [
9419
+ return /* @__PURE__ */ jsx223(Content, { children: /* @__PURE__ */ jsxs18(Fragment4, { children: [
9399
9420
  children,
9400
9421
  " "
9401
9422
  ] }) });
@@ -9419,7 +9440,7 @@ import styled32 from "styled-components";
9419
9440
  import { forwardRef as forwardRef13 } from "react";
9420
9441
  import styled31 from "styled-components";
9421
9442
  import { isNil as isNil13, isNotNil as isNotNil17, isNonEmptyString as isNonEmptyString3 } from "@wistia/type-guards";
9422
- import { Fragment as Fragment5, jsx as jsx223, jsxs as jsxs19 } from "react/jsx-runtime";
9443
+ import { Fragment as Fragment5, jsx as jsx224, jsxs as jsxs19 } from "react/jsx-runtime";
9423
9444
  var TagLabel = styled31.a`
9424
9445
  ${({ $colorScheme }) => getColorScheme($colorScheme)};
9425
9446
  font-size: var(--wui-typography-label-4-size);
@@ -9512,7 +9533,7 @@ var RemoveButton = ({ onClickRemove, onClickRemoveLabel, colorScheme }) => {
9512
9533
  );
9513
9534
  }
9514
9535
  return /* @__PURE__ */ jsxs19(Fragment5, { children: [
9515
- /* @__PURE__ */ jsx223(TagDivider, { $colorScheme: colorScheme }),
9536
+ /* @__PURE__ */ jsx224(TagDivider, { $colorScheme: colorScheme }),
9516
9537
  /* @__PURE__ */ jsxs19(
9517
9538
  StyledRemoveButton,
9518
9539
  {
@@ -9520,14 +9541,14 @@ var RemoveButton = ({ onClickRemove, onClickRemoveLabel, colorScheme }) => {
9520
9541
  onClick: onClickRemove,
9521
9542
  type: "button",
9522
9543
  children: [
9523
- /* @__PURE__ */ jsx223(
9544
+ /* @__PURE__ */ jsx224(
9524
9545
  Icon,
9525
9546
  {
9526
9547
  size: "sm",
9527
9548
  type: "close"
9528
9549
  }
9529
9550
  ),
9530
- /* @__PURE__ */ jsx223(ScreenReaderOnly, { children: onClickRemoveLabel })
9551
+ /* @__PURE__ */ jsx224(ScreenReaderOnly, { children: onClickRemoveLabel })
9531
9552
  ]
9532
9553
  }
9533
9554
  )
@@ -9555,7 +9576,7 @@ var Tag = forwardRef13(
9555
9576
  ]
9556
9577
  }
9557
9578
  ),
9558
- /* @__PURE__ */ jsx223(
9579
+ /* @__PURE__ */ jsx224(
9559
9580
  RemoveButton,
9560
9581
  {
9561
9582
  colorScheme,
@@ -9598,7 +9619,7 @@ var inputCss = css26`
9598
9619
  `;
9599
9620
 
9600
9621
  // src/components/Combobox/Combobox.tsx
9601
- import { jsx as jsx224, jsxs as jsxs20 } from "react/jsx-runtime";
9622
+ import { jsx as jsx225, jsxs as jsxs20 } from "react/jsx-runtime";
9602
9623
  var ComboboxWapper = styled32.div`
9603
9624
  ${inputCss};
9604
9625
  width: ${({ $fullWidth }) => $fullWidth ? "100%" : "auto"};
@@ -9718,7 +9739,7 @@ var NoResults = styled32.div`
9718
9739
  `;
9719
9740
  var POPOVER_WIDTH_OFFSET = 20;
9720
9741
  var ComboboxOption = ({ value, children }) => {
9721
- return /* @__PURE__ */ jsx224(
9742
+ return /* @__PURE__ */ jsx225(
9722
9743
  ComboboxItem2,
9723
9744
  {
9724
9745
  className: "combobox-item",
@@ -9788,7 +9809,7 @@ var Combobox2 = ({
9788
9809
  ref: comboboxWrapperRef,
9789
9810
  $fullWidth: fullWidth,
9790
9811
  children: [
9791
- value.map((selectedValue) => /* @__PURE__ */ jsx224(
9812
+ value.map((selectedValue) => /* @__PURE__ */ jsx225(
9792
9813
  Tag,
9793
9814
  {
9794
9815
  href: "https://example.com",
@@ -9798,7 +9819,7 @@ var Combobox2 = ({
9798
9819
  },
9799
9820
  selectedValue
9800
9821
  )),
9801
- /* @__PURE__ */ jsx224(ComboboxInput, { placeholder })
9822
+ /* @__PURE__ */ jsx225(ComboboxInput, { placeholder })
9802
9823
  ]
9803
9824
  }
9804
9825
  ),
@@ -9819,7 +9840,7 @@ var Combobox2 = ({
9819
9840
  focusOnHover: true,
9820
9841
  value: match,
9821
9842
  children: [
9822
- /* @__PURE__ */ jsx224(
9843
+ /* @__PURE__ */ jsx225(
9823
9844
  Icon,
9824
9845
  {
9825
9846
  size: "sm",
@@ -9834,7 +9855,7 @@ var Combobox2 = ({
9834
9855
  },
9835
9856
  match
9836
9857
  )),
9837
- !matches.length && /* @__PURE__ */ jsx224(NoResults, { children: "No results found" })
9858
+ !matches.length && /* @__PURE__ */ jsx225(NoResults, { children: "No results found" })
9838
9859
  ]
9839
9860
  }
9840
9861
  )
@@ -9847,7 +9868,7 @@ var Combobox2 = ({
9847
9868
  import { useRef as useRef10 } from "react";
9848
9869
  import styled33, { keyframes } from "styled-components";
9849
9870
  import { isNotNil as isNotNil18, isNotNull } from "@wistia/type-guards";
9850
- import { jsx as jsx225, jsxs as jsxs21 } from "react/jsx-runtime";
9871
+ import { jsx as jsx226, jsxs as jsxs21 } from "react/jsx-runtime";
9851
9872
  var StyledDataCard = styled33.div`
9852
9873
  display: grid;
9853
9874
  grid-template-areas: 'label slot' 'value value';
@@ -9961,28 +9982,28 @@ var DataCardInner = ({
9961
9982
  $colorScheme: colorScheme,
9962
9983
  ...props,
9963
9984
  children: [
9964
- /* @__PURE__ */ jsx225(
9985
+ /* @__PURE__ */ jsx226(
9965
9986
  StyledLabel2,
9966
9987
  {
9967
9988
  renderAs: "dt",
9968
9989
  variant: "heading6",
9969
- children: isLoading ? /* @__PURE__ */ jsx225(StyledLoadingLabel, {}) : label
9990
+ children: isLoading ? /* @__PURE__ */ jsx226(StyledLoadingLabel, {}) : label
9970
9991
  }
9971
9992
  ),
9972
- /* @__PURE__ */ jsx225(
9993
+ /* @__PURE__ */ jsx226(
9973
9994
  StyledValue,
9974
9995
  {
9975
9996
  renderAs: "dd",
9976
9997
  variant: "heading3",
9977
- children: isLoading ? /* @__PURE__ */ jsx225(StyledLoadingValue, {}) : value
9998
+ children: isLoading ? /* @__PURE__ */ jsx226(StyledLoadingValue, {}) : value
9978
9999
  }
9979
10000
  ),
9980
- isNotNull(upperRightSlot) && !isLoading && /* @__PURE__ */ jsx225(StyledSlot, { children: upperRightSlot }),
9981
- isNotNull(trend) && !isLoading && /* @__PURE__ */ jsx225(StyledDataCardTrendContainer, { children: trend })
10001
+ isNotNull(upperRightSlot) && !isLoading && /* @__PURE__ */ jsx226(StyledSlot, { children: upperRightSlot }),
10002
+ isNotNull(trend) && !isLoading && /* @__PURE__ */ jsx226(StyledDataCardTrendContainer, { children: trend })
9982
10003
  ]
9983
10004
  }
9984
10005
  );
9985
- var DataCardArrowIcon = /* @__PURE__ */ jsx225(
10006
+ var DataCardArrowIcon = /* @__PURE__ */ jsx226(
9986
10007
  Icon,
9987
10008
  {
9988
10009
  "data-wui-data-card-hover-icon": true,
@@ -9992,12 +10013,12 @@ var DataCardArrowIcon = /* @__PURE__ */ jsx225(
9992
10013
  var DataCard = (props) => {
9993
10014
  const ref = useRef10(null);
9994
10015
  if (isNotNil18(props.href) || isNotNil18(props.onClick)) {
9995
- return /* @__PURE__ */ jsx225(ClickRegion, { targetRef: ref, children: /* @__PURE__ */ jsx225(
10016
+ return /* @__PURE__ */ jsx226(ClickRegion, { targetRef: ref, children: /* @__PURE__ */ jsx226(
9996
10017
  DataCardInner,
9997
10018
  {
9998
10019
  upperRightSlot: props.upperRightSlot ?? DataCardArrowIcon,
9999
10020
  ...props,
10000
- label: /* @__PURE__ */ jsx225(
10021
+ label: /* @__PURE__ */ jsx226(
10001
10022
  Button,
10002
10023
  {
10003
10024
  ref,
@@ -10012,13 +10033,13 @@ var DataCard = (props) => {
10012
10033
  }
10013
10034
  ) });
10014
10035
  }
10015
- return /* @__PURE__ */ jsx225(DataCardInner, { ...props });
10036
+ return /* @__PURE__ */ jsx226(DataCardInner, { ...props });
10016
10037
  };
10017
10038
  DataCard.displayName = "DataCard";
10018
10039
 
10019
10040
  // src/components/DataCards/DataCards.tsx
10020
10041
  import styled34 from "styled-components";
10021
- import { jsx as jsx226 } from "react/jsx-runtime";
10042
+ import { jsx as jsx227 } from "react/jsx-runtime";
10022
10043
  var StyledDataCards = styled34(Box)`
10023
10044
  ${({ $colorScheme }) => getColorScheme($colorScheme)};
10024
10045
  margin-top: 0; /* Remove default <dl> style */
@@ -10033,7 +10054,7 @@ var DataCards = ({
10033
10054
  colorScheme = "inherit",
10034
10055
  ...props
10035
10056
  }) => {
10036
- return /* @__PURE__ */ jsx226(
10057
+ return /* @__PURE__ */ jsx227(
10037
10058
  StyledDataCards,
10038
10059
  {
10039
10060
  ...props,
@@ -10052,7 +10073,7 @@ DataCards.displayName = "DataCards";
10052
10073
 
10053
10074
  // src/components/DataCards/DataCardTrend.tsx
10054
10075
  import styled35 from "styled-components";
10055
- import { jsx as jsx227, jsxs as jsxs22 } from "react/jsx-runtime";
10076
+ import { jsx as jsx228, jsxs as jsxs22 } from "react/jsx-runtime";
10056
10077
  var StyledDataCardTrend = styled35.div`
10057
10078
  ${({ $outlook }) => getColorScheme($outlook === "positive" ? "success" : "error")};
10058
10079
  background: var(--wui-color-bg-app);
@@ -10069,7 +10090,7 @@ var DataCardTrend = ({
10069
10090
  ...props
10070
10091
  }) => {
10071
10092
  return /* @__PURE__ */ jsxs22(StyledDataCardTrend, { $outlook: outlook, children: [
10072
- /* @__PURE__ */ jsx227(
10093
+ /* @__PURE__ */ jsx228(
10073
10094
  Icon,
10074
10095
  {
10075
10096
  size: "md",
@@ -10077,7 +10098,7 @@ var DataCardTrend = ({
10077
10098
  ...props
10078
10099
  }
10079
10100
  ),
10080
- /* @__PURE__ */ jsx227(
10101
+ /* @__PURE__ */ jsx228(
10081
10102
  Text,
10082
10103
  {
10083
10104
  prominence: "secondary",
@@ -10090,7 +10111,7 @@ var DataCardTrend = ({
10090
10111
 
10091
10112
  // src/components/Divider/Divider.tsx
10092
10113
  import styled36, { css as css27 } from "styled-components";
10093
- import { jsx as jsx228 } from "react/jsx-runtime";
10114
+ import { jsx as jsx229 } from "react/jsx-runtime";
10094
10115
  var horizontalBorderCss = css27`
10095
10116
  border-top-color: var(--wui-color-border);
10096
10117
  border-top-style: solid;
@@ -10116,7 +10137,7 @@ var DividerComponent = styled36.div`
10116
10137
  }}
10117
10138
  `;
10118
10139
  var Divider = ({ orientation = "horizontal", ...props }) => {
10119
- return /* @__PURE__ */ jsx228(
10140
+ return /* @__PURE__ */ jsx229(
10120
10141
  DividerComponent,
10121
10142
  {
10122
10143
  $orientation: orientation,
@@ -10141,7 +10162,7 @@ import {
10141
10162
  Arrow as TooltipArrow
10142
10163
  } from "@radix-ui/react-tooltip";
10143
10164
  import styled37, { keyframes as keyframes2 } from "styled-components";
10144
- import { jsx as jsx229, jsxs as jsxs23 } from "react/jsx-runtime";
10165
+ import { jsx as jsx230, jsxs as jsxs23 } from "react/jsx-runtime";
10145
10166
  var hide = keyframes2`
10146
10167
  from {
10147
10168
  opacity: 1;
@@ -10258,15 +10279,15 @@ var Tooltip = ({
10258
10279
  delayDuration: delay,
10259
10280
  ...rootProps,
10260
10281
  children: [
10261
- /* @__PURE__ */ jsx229(TooltipTrigger, { asChild: true, children }),
10262
- /* @__PURE__ */ jsx229(TooltipPortal, { children: /* @__PURE__ */ jsxs23(
10282
+ /* @__PURE__ */ jsx230(TooltipTrigger, { asChild: true, children }),
10283
+ /* @__PURE__ */ jsx230(TooltipPortal, { children: /* @__PURE__ */ jsxs23(
10263
10284
  StyledContent,
10264
10285
  {
10265
10286
  side: direction,
10266
10287
  sideOffset: hideArrow ? VISUAL_OFFSET : VISUAL_OFFSET - 2,
10267
10288
  children: [
10268
10289
  content,
10269
- !hideArrow ? /* @__PURE__ */ jsx229(TooltipArrow, { asChild: true, children: /* @__PURE__ */ jsx229(
10290
+ !hideArrow ? /* @__PURE__ */ jsx230(TooltipArrow, { asChild: true, children: /* @__PURE__ */ jsx230(
10270
10291
  "svg",
10271
10292
  {
10272
10293
  fill: "var(--tooltip-bg)",
@@ -10275,7 +10296,7 @@ var Tooltip = ({
10275
10296
  viewBox: "0 0 12 8",
10276
10297
  width: "12",
10277
10298
  xmlns: "http://www.w3.org/2000/svg",
10278
- children: /* @__PURE__ */ jsx229("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" })
10299
+ children: /* @__PURE__ */ jsx230("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" })
10279
10300
  }
10280
10301
  ) }) : null
10281
10302
  ]
@@ -10291,7 +10312,7 @@ Tooltip.displayName = "Tooltip";
10291
10312
  import { forwardRef as forwardRef14, cloneElement as cloneElement4, useRef as useRef11 } from "react";
10292
10313
  import styled38, { css as css28 } from "styled-components";
10293
10314
  import { isNil as isNil14, isNotNil as isNotNil19, isRecord as isRecord4 } from "@wistia/type-guards";
10294
- import { jsx as jsx230, jsxs as jsxs24 } from "react/jsx-runtime";
10315
+ import { jsx as jsx231, jsxs as jsxs24 } from "react/jsx-runtime";
10295
10316
  var inputStyles = css28`
10296
10317
  ${inputCss}
10297
10318
  input,
@@ -10411,7 +10432,7 @@ var Input = forwardRef14(
10411
10432
  );
10412
10433
  let leftIconToDisplay = leftIcon;
10413
10434
  if (isNil14(leftIcon) && type === "search") {
10414
- leftIconToDisplay = /* @__PURE__ */ jsx230(Icon, { type: "search" });
10435
+ leftIconToDisplay = /* @__PURE__ */ jsx231(Icon, { type: "search" });
10415
10436
  }
10416
10437
  if (isNotNil19(leftIconToDisplay)) {
10417
10438
  leftIconToDisplay = cloneElement4(leftIconToDisplay, {
@@ -10443,14 +10464,14 @@ var Input = forwardRef14(
10443
10464
  $monospace: monospace,
10444
10465
  children: [
10445
10466
  leftIconToDisplay ?? null,
10446
- type === "multiline" ? /* @__PURE__ */ jsx230(
10467
+ type === "multiline" ? /* @__PURE__ */ jsx231(
10447
10468
  "textarea",
10448
10469
  {
10449
10470
  ...props,
10450
10471
  ref,
10451
10472
  onFocus: handleFocus2
10452
10473
  }
10453
- ) : /* @__PURE__ */ jsx230(
10474
+ ) : /* @__PURE__ */ jsx231(
10454
10475
  "input",
10455
10476
  {
10456
10477
  ...props,
@@ -10468,7 +10489,7 @@ var Input = forwardRef14(
10468
10489
  Input.displayName = "Input";
10469
10490
 
10470
10491
  // src/components/EditableHeading/EditableHeading.tsx
10471
- import { Fragment as Fragment6, jsx as jsx231, jsxs as jsxs25 } from "react/jsx-runtime";
10492
+ import { Fragment as Fragment6, jsx as jsx232, jsxs as jsxs25 } from "react/jsx-runtime";
10472
10493
  var StyledInput = styled39(Input)`
10473
10494
  :not([rows]) {
10474
10495
  min-height: unset;
@@ -10551,7 +10572,7 @@ var EditableHeading = ({
10551
10572
  handleSetEditing(false);
10552
10573
  }
10553
10574
  };
10554
- const HeadingComponent2 = /* @__PURE__ */ jsx231(
10575
+ const HeadingComponent2 = /* @__PURE__ */ jsx232(
10555
10576
  StyledHeading2,
10556
10577
  {
10557
10578
  ref: headingRef,
@@ -10565,7 +10586,7 @@ var EditableHeading = ({
10565
10586
  return HeadingComponent2;
10566
10587
  }
10567
10588
  if (isEditing || __forceEditing) {
10568
- return /* @__PURE__ */ jsx231(
10589
+ return /* @__PURE__ */ jsx232(
10569
10590
  StyledInput,
10570
10591
  {
10571
10592
  $height: headingHeight,
@@ -10584,8 +10605,8 @@ var EditableHeading = ({
10584
10605
  );
10585
10606
  }
10586
10607
  return /* @__PURE__ */ jsxs25(Fragment6, { children: [
10587
- /* @__PURE__ */ jsx231(Tooltip, { content: tooltipText, children: HeadingComponent2 }),
10588
- /* @__PURE__ */ jsx231(ScreenReaderOnly, { children: /* @__PURE__ */ jsx231(
10608
+ /* @__PURE__ */ jsx232(Tooltip, { content: tooltipText, children: HeadingComponent2 }),
10609
+ /* @__PURE__ */ jsx232(ScreenReaderOnly, { children: /* @__PURE__ */ jsx232(
10589
10610
  "button",
10590
10611
  {
10591
10612
  "aria-label": ariaLabel,
@@ -10635,9 +10656,9 @@ var useFormState = (action, initialData = {}) => {
10635
10656
  // src/components/Form/FormErrorSummary.tsx
10636
10657
  import { useContext as useContext4, useRef as useRef13 } from "react";
10637
10658
  import { isArray as isArray2, isNotUndefined as isNotUndefined9 } from "@wistia/type-guards";
10638
- import { jsx as jsx232, jsxs as jsxs26 } from "react/jsx-runtime";
10659
+ import { jsx as jsx233, jsxs as jsxs26 } from "react/jsx-runtime";
10639
10660
  var ErrorItem = ({ name, error, formId }) => {
10640
- return /* @__PURE__ */ jsx232("li", { children: /* @__PURE__ */ jsx232(Link, { href: `#${formId}-${name}`, children: error }) }, name);
10661
+ return /* @__PURE__ */ jsx233("li", { children: /* @__PURE__ */ jsx233(Link, { href: `#${formId}-${name}`, children: error }) }, name);
10641
10662
  };
10642
10663
  var FormErrorSummary = ({ description }) => {
10643
10664
  const ref = useRef13(null);
@@ -10647,9 +10668,9 @@ var FormErrorSummary = ({ description }) => {
10647
10668
  return null;
10648
10669
  }
10649
10670
  return /* @__PURE__ */ jsxs26("div", { ref, children: [
10650
- /* @__PURE__ */ jsx232("p", { children: description }),
10651
- /* @__PURE__ */ jsx232("ul", { children: Object.entries(errors).filter(([, error]) => isNotUndefined9(error)).map(
10652
- ([name, error]) => isArray2(error) ? error.map((err) => /* @__PURE__ */ jsx232(
10671
+ /* @__PURE__ */ jsx233("p", { children: description }),
10672
+ /* @__PURE__ */ jsx233("ul", { children: Object.entries(errors).filter(([, error]) => isNotUndefined9(error)).map(
10673
+ ([name, error]) => isArray2(error) ? error.map((err) => /* @__PURE__ */ jsx233(
10653
10674
  ErrorItem,
10654
10675
  {
10655
10676
  error: err,
@@ -10657,7 +10678,7 @@ var FormErrorSummary = ({ description }) => {
10657
10678
  name
10658
10679
  },
10659
10680
  err
10660
- )) : /* @__PURE__ */ jsx232(
10681
+ )) : /* @__PURE__ */ jsx233(
10661
10682
  ErrorItem,
10662
10683
  {
10663
10684
  error: error ?? "",
@@ -10677,7 +10698,7 @@ import { isArray as isArray3, isNotNil as isNotNil20, isNotUndefined as isNotUnd
10677
10698
 
10678
10699
  // src/components/Label/Label.tsx
10679
10700
  import styled40, { css as css30 } from "styled-components";
10680
- import { jsx as jsx233 } from "react/jsx-runtime";
10701
+ import { jsx as jsx234 } from "react/jsx-runtime";
10681
10702
  var requiredStyle = css30`
10682
10703
  &::after {
10683
10704
  color: var(--wui-color-text-error);
@@ -10721,7 +10742,7 @@ var Label = ({
10721
10742
  screenReaderOnly = false,
10722
10743
  ...props
10723
10744
  }) => {
10724
- return /* @__PURE__ */ jsx233(
10745
+ return /* @__PURE__ */ jsx234(
10725
10746
  StyledLabel3,
10726
10747
  {
10727
10748
  ...props,
@@ -10736,7 +10757,7 @@ var Label = ({
10736
10757
  Label.displayName = "Label";
10737
10758
 
10738
10759
  // src/components/FormField/FormField.tsx
10739
- import { Fragment as Fragment7, jsx as jsx234, jsxs as jsxs27 } from "react/jsx-runtime";
10760
+ import { Fragment as Fragment7, jsx as jsx235, jsxs as jsxs27 } from "react/jsx-runtime";
10740
10761
  var StyledFormField = styled41.div`
10741
10762
  --form-field-spacing: var(--wui-space-01);
10742
10763
  --form-field-spacing-inline: var(--wui-space-02);
@@ -10777,7 +10798,7 @@ var StyledErrorList = styled41.ul`
10777
10798
  `;
10778
10799
  var ErrorMessages = ({ errors, id }) => {
10779
10800
  const isMultipleErrors = isArray3(errors);
10780
- return isMultipleErrors ? /* @__PURE__ */ jsx234(StyledErrorList, { children: errors.map((error, index) => /* @__PURE__ */ jsx234(
10801
+ return isMultipleErrors ? /* @__PURE__ */ jsx235(StyledErrorList, { children: errors.map((error, index) => /* @__PURE__ */ jsx235(
10781
10802
  Text,
10782
10803
  {
10783
10804
  colorScheme: "error",
@@ -10787,7 +10808,7 @@ var ErrorMessages = ({ errors, id }) => {
10787
10808
  children: error
10788
10809
  },
10789
10810
  `${id}-${index}`
10790
- )) }) : /* @__PURE__ */ jsx234(
10811
+ )) }) : /* @__PURE__ */ jsx235(
10791
10812
  Text,
10792
10813
  {
10793
10814
  colorScheme: "error",
@@ -10856,12 +10877,12 @@ var FormField = ({
10856
10877
  ...props,
10857
10878
  "data-label-position": labelPosition ?? formState.labelPosition,
10858
10879
  children: [
10859
- !isIntegratedLabel && /* @__PURE__ */ jsx234(Label, { htmlFor: computedId, children: label }),
10860
- isNotNil20(description) ? /* @__PURE__ */ jsx234(FormControlLabelDescription, { id: descriptionId, children: description }) : null,
10880
+ !isIntegratedLabel && /* @__PURE__ */ jsx235(Label, { htmlFor: computedId, children: label }),
10881
+ isNotNil20(description) ? /* @__PURE__ */ jsx235(FormControlLabelDescription, { id: descriptionId, children: description }) : null,
10861
10882
  cloneElement5(children, childProps),
10862
10883
  isNotNil20(computedError) ? /* @__PURE__ */ jsxs27(Fragment7, { children: [
10863
- /* @__PURE__ */ jsx234("div", {}),
10864
- /* @__PURE__ */ jsx234(
10884
+ /* @__PURE__ */ jsx235("div", {}),
10885
+ /* @__PURE__ */ jsx235(
10865
10886
  ErrorMessages,
10866
10887
  {
10867
10888
  errors: computedError,
@@ -10877,7 +10898,7 @@ FormField.displayName = "FormField";
10877
10898
 
10878
10899
  // src/components/FormGroup/RadioGroup.tsx
10879
10900
  import { createContext as createContext5, useMemo as useMemo9, useContext as useContext6 } from "react";
10880
- import { jsx as jsx235 } from "react/jsx-runtime";
10901
+ import { jsx as jsx236 } from "react/jsx-runtime";
10881
10902
  var RadioGroupContext = createContext5(null);
10882
10903
  var useRadioGroup = () => {
10883
10904
  return useContext6(RadioGroupContext);
@@ -10898,7 +10919,7 @@ var RadioGroup = ({
10898
10919
  value: derivedValue
10899
10920
  };
10900
10921
  }, [name, derivedValue, onChange]);
10901
- return /* @__PURE__ */ jsx235(RadioGroupContext.Provider, { value: context, children: /* @__PURE__ */ jsx235(FormGroup, { ...props, children }) });
10922
+ return /* @__PURE__ */ jsx236(RadioGroupContext.Provider, { value: context, children: /* @__PURE__ */ jsx236(FormGroup, { ...props, children }) });
10902
10923
  };
10903
10924
  RadioGroup.displayName = "RadioGroup";
10904
10925
 
@@ -10906,7 +10927,7 @@ RadioGroup.displayName = "RadioGroup";
10906
10927
  import styled42 from "styled-components";
10907
10928
  import { forwardRef as forwardRef15, useEffect as useEffect11, useState as useState15 } from "react";
10908
10929
  import { isFunction as isFunction3 } from "@wistia/type-guards";
10909
- import { jsx as jsx236 } from "react/jsx-runtime";
10930
+ import { jsx as jsx237 } from "react/jsx-runtime";
10910
10931
  var StyledInput2 = styled42(Input)`
10911
10932
  &:not([aria-disabled='true']) {
10912
10933
  cursor: pointer;
@@ -10944,7 +10965,7 @@ var InputClickToCopy = forwardRef15(
10944
10965
  return value;
10945
10966
  });
10946
10967
  };
10947
- return /* @__PURE__ */ jsx236(
10968
+ return /* @__PURE__ */ jsx237(
10948
10969
  StyledInput2,
10949
10970
  {
10950
10971
  "aria-label": "Click to Copy",
@@ -10952,13 +10973,13 @@ var InputClickToCopy = forwardRef15(
10952
10973
  ref,
10953
10974
  onClick: handleClick,
10954
10975
  readOnly: true,
10955
- rightIcon: isCopied ? /* @__PURE__ */ jsx236(
10976
+ rightIcon: isCopied ? /* @__PURE__ */ jsx237(
10956
10977
  Icon,
10957
10978
  {
10958
10979
  colorScheme: "success",
10959
10980
  type: "checkmark-circle"
10960
10981
  }
10961
- ) : /* @__PURE__ */ jsx236(Icon, { type: "save-as-copy" }),
10982
+ ) : /* @__PURE__ */ jsx237(Icon, { type: "save-as-copy" }),
10962
10983
  value
10963
10984
  }
10964
10985
  );
@@ -10969,7 +10990,7 @@ InputClickToCopy.displayName = "InputClickToCopy";
10969
10990
  // src/components/KeyboardShortcut/KeyboardShortcut.tsx
10970
10991
  import styled43 from "styled-components";
10971
10992
  import { isNotNil as isNotNil21 } from "@wistia/type-guards";
10972
- import { jsx as jsx237, jsxs as jsxs28 } from "react/jsx-runtime";
10993
+ import { jsx as jsx238, jsxs as jsxs28 } from "react/jsx-runtime";
10973
10994
  var StyledKeyboardShortcut = styled43.div`
10974
10995
  align-items: center;
10975
10996
  display: flex;
@@ -11062,8 +11083,8 @@ var KeyboardShortcut = ({
11062
11083
  $fullWidth: fullWidth,
11063
11084
  ...otherProps,
11064
11085
  children: [
11065
- isNotNil21(label) && /* @__PURE__ */ jsx237(Label2, { children: label }),
11066
- /* @__PURE__ */ jsx237(KeysContainer, { children: (Array.isArray(keyboardKeys) ? keyboardKeys : [keyboardKeys]).map((keyboardKey, index) => /* @__PURE__ */ jsx237(
11086
+ isNotNil21(label) && /* @__PURE__ */ jsx238(Label2, { children: label }),
11087
+ /* @__PURE__ */ jsx238(KeysContainer, { children: (Array.isArray(keyboardKeys) ? keyboardKeys : [keyboardKeys]).map((keyboardKey, index) => /* @__PURE__ */ jsx238(
11067
11088
  StyledKey,
11068
11089
  {
11069
11090
  children: keyToString(keyboardKey)
@@ -11082,7 +11103,7 @@ import styled45, { css as css31 } from "styled-components";
11082
11103
  // src/components/List/ListItem.tsx
11083
11104
  import styled44 from "styled-components";
11084
11105
  import { isNil as isNil15 } from "@wistia/type-guards";
11085
- import { jsx as jsx238 } from "react/jsx-runtime";
11106
+ import { jsx as jsx239 } from "react/jsx-runtime";
11086
11107
  var ListItemComponent = styled44.li`
11087
11108
  margin-bottom: var(--wui-space-02);
11088
11109
  `;
@@ -11090,12 +11111,12 @@ var ListItem = ({ children }) => {
11090
11111
  if (isNil15(children)) {
11091
11112
  return null;
11092
11113
  }
11093
- return /* @__PURE__ */ jsx238(ListItemComponent, { children });
11114
+ return /* @__PURE__ */ jsx239(ListItemComponent, { children });
11094
11115
  };
11095
11116
  ListItem.displayName = "ListItem";
11096
11117
 
11097
11118
  // src/components/List/List.tsx
11098
- import { jsx as jsx239, jsxs as jsxs29 } from "react/jsx-runtime";
11119
+ import { jsx as jsx240, jsxs as jsxs29 } from "react/jsx-runtime";
11099
11120
  var spacesStyle = css31`
11100
11121
  overflow: hidden;
11101
11122
  padding-left: 0;
@@ -11181,7 +11202,7 @@ var ListComponent = styled45.ul`
11181
11202
  `;
11182
11203
  var renderListComponent = (listItems, variant, { ...otherProps }) => {
11183
11204
  const elementType = variant === "ordered" ? "ol" : "ul";
11184
- return /* @__PURE__ */ jsx239(
11205
+ return /* @__PURE__ */ jsx240(
11185
11206
  ListComponent,
11186
11207
  {
11187
11208
  as: elementType,
@@ -11206,7 +11227,7 @@ var renderListFromArray = (listItems, variant, otherProps) => {
11206
11227
  if (Array.isArray(item)) {
11207
11228
  return null;
11208
11229
  }
11209
- return /* @__PURE__ */ jsx239(ListItem, { children: item }, key);
11230
+ return /* @__PURE__ */ jsx240(ListItem, { children: item }, key);
11210
11231
  });
11211
11232
  return renderListComponent(items, variant, otherProps);
11212
11233
  };
@@ -11250,7 +11271,7 @@ var MenuContext = createContext6({ compact: false });
11250
11271
  var useMenuContext = () => useContext7(MenuContext);
11251
11272
 
11252
11273
  // src/components/Menu/Menu.tsx
11253
- import { jsx as jsx240, jsxs as jsxs30 } from "react/jsx-runtime";
11274
+ import { jsx as jsx241, jsxs as jsxs30 } from "react/jsx-runtime";
11254
11275
  var open = keyframes3`
11255
11276
  from {
11256
11277
  opacity: 0;
@@ -11363,25 +11384,25 @@ var Menu = forwardRef16(
11363
11384
  onOpenChange: () => null
11364
11385
  };
11365
11386
  }
11366
- return /* @__PURE__ */ jsx240(MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs30(
11387
+ return /* @__PURE__ */ jsx241(MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs30(
11367
11388
  DropdownMenu,
11368
11389
  {
11369
11390
  modal: false,
11370
11391
  ...controlProps,
11371
11392
  children: [
11372
- /* @__PURE__ */ jsx240(DropdownMenuTrigger, { asChild: true, children: isNotUndefined11(trigger) ? trigger : /* @__PURE__ */ jsx240(
11393
+ /* @__PURE__ */ jsx241(DropdownMenuTrigger, { asChild: true, children: isNotUndefined11(trigger) ? trigger : /* @__PURE__ */ jsx241(
11373
11394
  Button,
11374
11395
  {
11375
11396
  ref,
11376
11397
  "aria-expanded": isOpen,
11377
11398
  disabled,
11378
11399
  forceState: isOpen ? "active" : void 0,
11379
- rightIcon: /* @__PURE__ */ jsx240(Icon, { type: "caret-down" }),
11400
+ rightIcon: /* @__PURE__ */ jsx241(Icon, { type: "caret-down" }),
11380
11401
  ...triggerProps,
11381
11402
  children: label
11382
11403
  }
11383
11404
  ) }),
11384
- /* @__PURE__ */ jsx240(DropdownMenuPortal, { children: /* @__PURE__ */ jsx240(
11405
+ /* @__PURE__ */ jsx241(DropdownMenuPortal, { children: /* @__PURE__ */ jsx241(
11385
11406
  MenuContent,
11386
11407
  {
11387
11408
  ...props,
@@ -11406,17 +11427,17 @@ Menu.displayName = "Menu";
11406
11427
  // src/components/Menu/MenuLabel.tsx
11407
11428
  import styled47 from "styled-components";
11408
11429
  import { DropdownMenuLabel } from "@radix-ui/react-dropdown-menu";
11409
- import { jsx as jsx241 } from "react/jsx-runtime";
11430
+ import { jsx as jsx242 } from "react/jsx-runtime";
11410
11431
  var StyledMenuLabel = styled47(DropdownMenuLabel)`
11411
11432
  padding: var(--wui-space-02);
11412
11433
  `;
11413
11434
  var MenuLabel = ({ children, ...props }) => {
11414
- return /* @__PURE__ */ jsx241(
11435
+ return /* @__PURE__ */ jsx242(
11415
11436
  StyledMenuLabel,
11416
11437
  {
11417
11438
  asChild: true,
11418
11439
  ...props,
11419
- children: /* @__PURE__ */ jsx241(
11440
+ children: /* @__PURE__ */ jsx242(
11420
11441
  Heading,
11421
11442
  {
11422
11443
  renderAs: "span",
@@ -11447,7 +11468,7 @@ import { isNotNil as isNotNil25 } from "@wistia/type-guards";
11447
11468
  import { forwardRef as forwardRef17 } from "react";
11448
11469
  import styled48 from "styled-components";
11449
11470
  import { isNotNil as isNotNil24, isNotUndefined as isNotUndefined12 } from "@wistia/type-guards";
11450
- import { jsx as jsx242, jsxs as jsxs31 } from "react/jsx-runtime";
11471
+ import { jsx as jsx243, jsxs as jsxs31 } from "react/jsx-runtime";
11451
11472
  var StyledButton3 = styled48(Button)`
11452
11473
  ${({ colorScheme }) => getColorScheme(colorScheme)};
11453
11474
 
@@ -11530,7 +11551,7 @@ var MenuItemButton = forwardRef17(({ children, appearance, command, icon, ...pro
11530
11551
  colorScheme = "error";
11531
11552
  }
11532
11553
  if (appearance === "gated") {
11533
- badge = /* @__PURE__ */ jsx242(
11554
+ badge = /* @__PURE__ */ jsx243(
11534
11555
  Icon,
11535
11556
  {
11536
11557
  colorScheme: "purple",
@@ -11552,10 +11573,10 @@ var MenuItemButton = forwardRef17(({ children, appearance, command, icon, ...pro
11552
11573
  fullWidth: true,
11553
11574
  unstyled: true,
11554
11575
  children: [
11555
- props.leftIcon ? /* @__PURE__ */ jsx242(StyledLeftIconContainer, { children: props.leftIcon }) : null,
11556
- /* @__PURE__ */ jsx242(StyledLabelAndDescriptionContainer, { children }),
11557
- isNotNil24(badge) || isNotNil24(command) ? /* @__PURE__ */ jsx242(StyledBadgeContainer, { children: badge ?? command }) : null,
11558
- props.rightIcon ? /* @__PURE__ */ jsx242(StyledRightIconContainer, { children: props.rightIcon }) : null
11576
+ props.leftIcon ? /* @__PURE__ */ jsx243(StyledLeftIconContainer, { children: props.leftIcon }) : null,
11577
+ /* @__PURE__ */ jsx243(StyledLabelAndDescriptionContainer, { children }),
11578
+ isNotNil24(badge) || isNotNil24(command) ? /* @__PURE__ */ jsx243(StyledBadgeContainer, { children: badge ?? command }) : null,
11579
+ props.rightIcon ? /* @__PURE__ */ jsx243(StyledRightIconContainer, { children: props.rightIcon }) : null
11559
11580
  ]
11560
11581
  }
11561
11582
  );
@@ -11564,14 +11585,14 @@ MenuItemButton.displayName = "MenuItemButton";
11564
11585
 
11565
11586
  // src/components/Menu/MenuItemLabelDescription.tsx
11566
11587
  import styled49 from "styled-components";
11567
- import { jsx as jsx243 } from "react/jsx-runtime";
11588
+ import { jsx as jsx244 } from "react/jsx-runtime";
11568
11589
  var StyledMenuItemLabel = styled49.span``;
11569
11590
  var StyledMenuItemDescription = styled49(Text)``;
11570
11591
  var MenuItemLabel = ({ children }) => {
11571
- return /* @__PURE__ */ jsx243(StyledMenuItemLabel, { children });
11592
+ return /* @__PURE__ */ jsx244(StyledMenuItemLabel, { children });
11572
11593
  };
11573
11594
  var MenuItemDescription = ({ children }) => {
11574
- return /* @__PURE__ */ jsx243(
11595
+ return /* @__PURE__ */ jsx244(
11575
11596
  StyledMenuItemDescription,
11576
11597
  {
11577
11598
  prominence: "secondary",
@@ -11582,7 +11603,7 @@ var MenuItemDescription = ({ children }) => {
11582
11603
  };
11583
11604
 
11584
11605
  // src/components/Menu/SubMenu.tsx
11585
- import { jsx as jsx244, jsxs as jsxs32 } from "react/jsx-runtime";
11606
+ import { jsx as jsx245, jsxs as jsxs32 } from "react/jsx-runtime";
11586
11607
  var SubMenuContent = styled50(DropdownMenuSubContent)`
11587
11608
  ${menuContentCss}
11588
11609
 
@@ -11604,12 +11625,12 @@ var StyledSubTrigger = styled50(DropdownMenuSubTrigger)`
11604
11625
  var SubMenuTrigger = ({ icon, ...props }) => {
11605
11626
  const { isSmAndUp } = useMq();
11606
11627
  const Trigger4 = isSmAndUp ? StyledSubTrigger : DropdownMenuItem;
11607
- return /* @__PURE__ */ jsx244(Trigger4, { asChild: true, children: /* @__PURE__ */ jsx244(
11628
+ return /* @__PURE__ */ jsx245(Trigger4, { asChild: true, children: /* @__PURE__ */ jsx245(
11608
11629
  MenuItemButton,
11609
11630
  {
11610
11631
  ...props,
11611
11632
  leftIcon: icon,
11612
- rightIcon: /* @__PURE__ */ jsx244(Icon, { type: "caret-right" })
11633
+ rightIcon: /* @__PURE__ */ jsx245(Icon, { type: "caret-right" })
11613
11634
  }
11614
11635
  ) });
11615
11636
  };
@@ -11625,10 +11646,10 @@ var SubMenu = ({
11625
11646
  const { compact } = useMenuContext();
11626
11647
  return isSmAndUp ? /* @__PURE__ */ jsxs32(DropdownMenuSub, { onOpenChange, children: [
11627
11648
  /* @__PURE__ */ jsxs32(SubMenuTrigger, { ...props, children: [
11628
- /* @__PURE__ */ jsx244(MenuItemLabel, { children: label }),
11629
- isNotNil25(description) ? /* @__PURE__ */ jsx244(MenuItemDescription, { children: description }) : null
11649
+ /* @__PURE__ */ jsx245(MenuItemLabel, { children: label }),
11650
+ isNotNil25(description) ? /* @__PURE__ */ jsx245(MenuItemDescription, { children: description }) : null
11630
11651
  ] }),
11631
- /* @__PURE__ */ jsx244(DropdownMenuPortal2, { children: /* @__PURE__ */ jsx244(SubMenuContent, { $compact: compact, children }) })
11652
+ /* @__PURE__ */ jsx245(DropdownMenuPortal2, { children: /* @__PURE__ */ jsx245(SubMenuContent, { $compact: compact, children }) })
11632
11653
  ] }) : /* @__PURE__ */ jsxs32(DropdownMenuGroup, { children: [
11633
11654
  /* @__PURE__ */ jsxs32(
11634
11655
  SubMenuTrigger,
@@ -11639,12 +11660,12 @@ var SubMenu = ({
11639
11660
  setIsExpanded((prev) => !prev);
11640
11661
  },
11641
11662
  children: [
11642
- /* @__PURE__ */ jsx244(MenuItemLabel, { children: label }),
11643
- /* @__PURE__ */ jsx244(MenuItemDescription, { children: description })
11663
+ /* @__PURE__ */ jsx245(MenuItemLabel, { children: label }),
11664
+ /* @__PURE__ */ jsx245(MenuItemDescription, { children: description })
11644
11665
  ]
11645
11666
  }
11646
11667
  ),
11647
- /* @__PURE__ */ jsx244(StyledMobileSubMenuItems, { children: isExpanded ? children : null })
11668
+ /* @__PURE__ */ jsx245(StyledMobileSubMenuItems, { children: isExpanded ? children : null })
11648
11669
  ] });
11649
11670
  };
11650
11671
  SubMenu.displayName = "SubMenu";
@@ -11652,15 +11673,15 @@ SubMenu.displayName = "SubMenu";
11652
11673
  // src/components/Menu/MenuItem.tsx
11653
11674
  import { forwardRef as forwardRef18 } from "react";
11654
11675
  import { DropdownMenuItem as DropdownMenuItem2 } from "@radix-ui/react-dropdown-menu";
11655
- import { jsx as jsx245 } from "react/jsx-runtime";
11676
+ import { jsx as jsx246 } from "react/jsx-runtime";
11656
11677
  var MenuItem = forwardRef18(
11657
11678
  ({ onSelect = () => null, ...props }, ref) => {
11658
- return /* @__PURE__ */ jsx245(
11679
+ return /* @__PURE__ */ jsx246(
11659
11680
  DropdownMenuItem2,
11660
11681
  {
11661
11682
  asChild: true,
11662
11683
  onSelect,
11663
- children: /* @__PURE__ */ jsx245(
11684
+ children: /* @__PURE__ */ jsx246(
11664
11685
  MenuItemButton,
11665
11686
  {
11666
11687
  ...props,
@@ -11678,9 +11699,9 @@ MenuItem.displayName = "MenuItem";
11678
11699
  import {
11679
11700
  DropdownMenuRadioGroup
11680
11701
  } from "@radix-ui/react-dropdown-menu";
11681
- import { jsx as jsx246 } from "react/jsx-runtime";
11702
+ import { jsx as jsx247 } from "react/jsx-runtime";
11682
11703
  var MenuRadioGroup = ({ children, ...props }) => {
11683
- return /* @__PURE__ */ jsx246(DropdownMenuRadioGroup, { ...props, children });
11704
+ return /* @__PURE__ */ jsx247(DropdownMenuRadioGroup, { ...props, children });
11684
11705
  };
11685
11706
  MenuRadioGroup.displayName = "MenuRadioGroup";
11686
11707
 
@@ -11689,11 +11710,11 @@ import {
11689
11710
  DropdownMenuItemIndicator,
11690
11711
  DropdownMenuRadioItem
11691
11712
  } from "@radix-ui/react-dropdown-menu";
11692
- import { jsx as jsx247 } from "react/jsx-runtime";
11713
+ import { jsx as jsx248 } from "react/jsx-runtime";
11693
11714
  var RadioMenuItem = ({
11694
11715
  onSelect,
11695
11716
  value,
11696
- indicator = /* @__PURE__ */ jsx247(
11717
+ indicator = /* @__PURE__ */ jsx248(
11697
11718
  Icon,
11698
11719
  {
11699
11720
  size: "sm",
@@ -11703,17 +11724,17 @@ var RadioMenuItem = ({
11703
11724
  ...props
11704
11725
  }) => {
11705
11726
  const extraProps = onSelect ? { onSelect } : {};
11706
- return /* @__PURE__ */ jsx247(
11727
+ return /* @__PURE__ */ jsx248(
11707
11728
  DropdownMenuRadioItem,
11708
11729
  {
11709
11730
  ...extraProps,
11710
11731
  asChild: true,
11711
11732
  value,
11712
- children: /* @__PURE__ */ jsx247(
11733
+ children: /* @__PURE__ */ jsx248(
11713
11734
  MenuItemButton,
11714
11735
  {
11715
11736
  ...props,
11716
- rightIcon: /* @__PURE__ */ jsx247(DropdownMenuItemIndicator, { children: indicator })
11737
+ rightIcon: /* @__PURE__ */ jsx248(DropdownMenuItemIndicator, { children: indicator })
11717
11738
  }
11718
11739
  )
11719
11740
  }
@@ -11727,7 +11748,7 @@ import {
11727
11748
  DropdownMenuItemIndicator as DropdownMenuItemIndicator2
11728
11749
  } from "@radix-ui/react-dropdown-menu";
11729
11750
  import { isNotNil as isNotNil26 } from "@wistia/type-guards";
11730
- import { jsx as jsx248, jsxs as jsxs33 } from "react/jsx-runtime";
11751
+ import { jsx as jsx249, jsxs as jsxs33 } from "react/jsx-runtime";
11731
11752
  var CheckboxIndicator = ({ checked, ...props }) => {
11732
11753
  return checked ? /* @__PURE__ */ jsxs33(
11733
11754
  "svg",
@@ -11739,14 +11760,14 @@ var CheckboxIndicator = ({ checked, ...props }) => {
11739
11760
  width: "24",
11740
11761
  xmlns: "http://www.w3.org/2000/svg",
11741
11762
  children: [
11742
- /* @__PURE__ */ jsx248(
11763
+ /* @__PURE__ */ jsx249(
11743
11764
  "path",
11744
11765
  {
11745
11766
  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",
11746
11767
  fill: "#2949e5"
11747
11768
  }
11748
11769
  ),
11749
- /* @__PURE__ */ jsx248(
11770
+ /* @__PURE__ */ jsx249(
11750
11771
  "path",
11751
11772
  {
11752
11773
  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",
@@ -11765,14 +11786,14 @@ var CheckboxIndicator = ({ checked, ...props }) => {
11765
11786
  width: "24",
11766
11787
  xmlns: "http://www.w3.org/2000/svg",
11767
11788
  children: [
11768
- /* @__PURE__ */ jsx248(
11789
+ /* @__PURE__ */ jsx249(
11769
11790
  "path",
11770
11791
  {
11771
11792
  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",
11772
11793
  fill: "#fcfcfd"
11773
11794
  }
11774
11795
  ),
11775
- /* @__PURE__ */ jsx248(
11796
+ /* @__PURE__ */ jsx249(
11776
11797
  "path",
11777
11798
  {
11778
11799
  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",
@@ -11789,19 +11810,19 @@ var CheckboxMenuItem = ({
11789
11810
  onCheckedChange,
11790
11811
  ...props
11791
11812
  }) => {
11792
- return /* @__PURE__ */ jsx248(
11813
+ return /* @__PURE__ */ jsx249(
11793
11814
  DropdownMenuCheckboxItem,
11794
11815
  {
11795
11816
  asChild: true,
11796
11817
  checked,
11797
11818
  onCheckedChange,
11798
11819
  onSelect,
11799
- children: /* @__PURE__ */ jsx248(
11820
+ children: /* @__PURE__ */ jsx249(
11800
11821
  MenuItemButton,
11801
11822
  {
11802
11823
  ...props,
11803
- leftIcon: isNotNil26(props.icon) ? props.icon : /* @__PURE__ */ jsx248(CheckboxIndicator, { checked }),
11804
- rightIcon: isNotNil26(props.icon) ? /* @__PURE__ */ jsx248(DropdownMenuItemIndicator2, { children: /* @__PURE__ */ jsx248(Icon, { type: "checkmark" }) }) : void 0
11824
+ leftIcon: isNotNil26(props.icon) ? props.icon : /* @__PURE__ */ jsx249(CheckboxIndicator, { checked }),
11825
+ rightIcon: isNotNil26(props.icon) ? /* @__PURE__ */ jsx249(DropdownMenuItemIndicator2, { children: /* @__PURE__ */ jsx249(Icon, { type: "checkmark" }) }) : void 0
11805
11826
  }
11806
11827
  )
11807
11828
  }
@@ -11811,7 +11832,7 @@ CheckboxMenuItem.displayName = "CheckboxMenuItem";
11811
11832
 
11812
11833
  // src/components/Menu/FilterMenu.tsx
11813
11834
  import { Children as Children7, forwardRef as forwardRef19 } from "react";
11814
- import { jsx as jsx249, jsxs as jsxs34 } from "react/jsx-runtime";
11835
+ import { jsx as jsx250, jsxs as jsxs34 } from "react/jsx-runtime";
11815
11836
  var FilterMenuItem = CheckboxMenuItem;
11816
11837
  var FilterMenu = forwardRef19(
11817
11838
  ({ value, onChange, searchValue, onSearchValueChange, children, ...props }, ref) => {
@@ -11822,7 +11843,7 @@ var FilterMenu = forwardRef19(
11822
11843
  ref,
11823
11844
  isOpen: true,
11824
11845
  children: [
11825
- /* @__PURE__ */ jsx249(
11846
+ /* @__PURE__ */ jsx250(
11826
11847
  Card,
11827
11848
  {
11828
11849
  alignItems: "flex-end",
@@ -11837,7 +11858,7 @@ var FilterMenu = forwardRef19(
11837
11858
  right: 0,
11838
11859
  margin: "1px"
11839
11860
  },
11840
- children: /* @__PURE__ */ jsx249(
11861
+ children: /* @__PURE__ */ jsx250(
11841
11862
  Input,
11842
11863
  {
11843
11864
  autoFocus: true,
@@ -11863,7 +11884,7 @@ var FilterMenu = forwardRef19(
11863
11884
  )
11864
11885
  }
11865
11886
  ),
11866
- /* @__PURE__ */ jsx249(
11887
+ /* @__PURE__ */ jsx250(
11867
11888
  MenuItem,
11868
11889
  {
11869
11890
  disabled: true,
@@ -11871,8 +11892,8 @@ var FilterMenu = forwardRef19(
11871
11892
  children: " "
11872
11893
  }
11873
11894
  ),
11874
- Children7.toArray(children).length > 0 ? children : /* @__PURE__ */ jsx249(MenuItem, { disabled: true, children: "No results found" }),
11875
- value.length > 0 && /* @__PURE__ */ jsx249(MenuItem, { disabled: true, children: /* @__PURE__ */ jsx249(
11895
+ Children7.toArray(children).length > 0 ? children : /* @__PURE__ */ jsx250(MenuItem, { disabled: true, children: "No results found" }),
11896
+ value.length > 0 && /* @__PURE__ */ jsx250(MenuItem, { disabled: true, children: /* @__PURE__ */ jsx250(
11876
11897
  Card,
11877
11898
  {
11878
11899
  alignItems: "flex-end",
@@ -11887,7 +11908,7 @@ var FilterMenu = forwardRef19(
11887
11908
  right: 0,
11888
11909
  margin: "1px"
11889
11910
  },
11890
- children: /* @__PURE__ */ jsx249(
11911
+ children: /* @__PURE__ */ jsx250(
11891
11912
  Button,
11892
11913
  {
11893
11914
  onClick: () => onChange([]),
@@ -11917,24 +11938,24 @@ import { Title as DialogTitle } from "@radix-ui/react-dialog";
11917
11938
  // src/components/Modal/ModalCloseButton.tsx
11918
11939
  import styled51 from "styled-components";
11919
11940
  import { Close as DialogClose } from "@radix-ui/react-dialog";
11920
- import { jsx as jsx250 } from "react/jsx-runtime";
11941
+ import { jsx as jsx251 } from "react/jsx-runtime";
11921
11942
  var CloseButton = styled51(DialogClose)`
11922
11943
  align-self: start;
11923
11944
  `;
11924
11945
  var ModalCloseButton = () => {
11925
- return /* @__PURE__ */ jsx250(CloseButton, { asChild: true, children: /* @__PURE__ */ jsx250(
11946
+ return /* @__PURE__ */ jsx251(CloseButton, { asChild: true, children: /* @__PURE__ */ jsx251(
11926
11947
  IconButton,
11927
11948
  {
11928
11949
  label: "Dismiss modal",
11929
11950
  size: "sm",
11930
11951
  variant: "ghost",
11931
- children: /* @__PURE__ */ jsx250(Icon, { type: "close" })
11952
+ children: /* @__PURE__ */ jsx251(Icon, { type: "close" })
11932
11953
  }
11933
11954
  ) });
11934
11955
  };
11935
11956
 
11936
11957
  // src/components/Modal/ModalHeader.tsx
11937
- import { jsx as jsx251, jsxs as jsxs35 } from "react/jsx-runtime";
11958
+ import { jsx as jsx252, jsxs as jsxs35 } from "react/jsx-runtime";
11938
11959
  var Header = styled52.header`
11939
11960
  display: flex;
11940
11961
  order: 1;
@@ -11957,10 +11978,10 @@ var ModalHeader = ({
11957
11978
  hideTitle,
11958
11979
  hideCloseButton
11959
11980
  }) => {
11960
- const TitleComponent = hideTitle ? /* @__PURE__ */ jsx251(ScreenReaderOnly, { children: /* @__PURE__ */ jsx251(Title, { children: title }) }) : /* @__PURE__ */ jsx251(Title, { children: title });
11981
+ const TitleComponent = hideTitle ? /* @__PURE__ */ jsx252(ScreenReaderOnly, { children: /* @__PURE__ */ jsx252(Title, { children: title }) }) : /* @__PURE__ */ jsx252(Title, { children: title });
11961
11982
  return /* @__PURE__ */ jsxs35(Header, { $hideTitle: hideTitle, children: [
11962
11983
  TitleComponent,
11963
- hideCloseButton ? null : /* @__PURE__ */ jsx251(ModalCloseButton, {})
11984
+ hideCloseButton ? null : /* @__PURE__ */ jsx252(ModalCloseButton, {})
11964
11985
  ] });
11965
11986
  };
11966
11987
 
@@ -11989,7 +12010,7 @@ var useFocusRestore = () => {
11989
12010
  };
11990
12011
 
11991
12012
  // src/components/Modal/ModalContent.tsx
11992
- import { jsx as jsx252 } from "react/jsx-runtime";
12013
+ import { jsx as jsx253 } from "react/jsx-runtime";
11993
12014
  var modalEnter = keyframes4`
11994
12015
  from {
11995
12016
  opacity: 0;
@@ -12118,7 +12139,7 @@ var StyledModalContent = styled53(DialogContent)`
12118
12139
  var ModalContent = forwardRef20(
12119
12140
  ({ width, positionVariant = "fixed-top", children, ...props }, ref) => {
12120
12141
  useFocusRestore();
12121
- return /* @__PURE__ */ jsx252(
12142
+ return /* @__PURE__ */ jsx253(
12122
12143
  StyledModalContent,
12123
12144
  {
12124
12145
  ref,
@@ -12166,7 +12187,7 @@ var ModalOverlay = styled54(DialogOverlay)`
12166
12187
  `;
12167
12188
 
12168
12189
  // src/components/Modal/Modal.tsx
12169
- import { jsx as jsx253, jsxs as jsxs36 } from "react/jsx-runtime";
12190
+ import { jsx as jsx254, jsxs as jsxs36 } from "react/jsx-runtime";
12170
12191
  var DEFAULT_MODAL_WIDTH = "532px";
12171
12192
  var ModalBody = styled55.div`
12172
12193
  flex-direction: column;
@@ -12187,7 +12208,7 @@ var Modal = forwardRef21(
12187
12208
  width = DEFAULT_MODAL_WIDTH,
12188
12209
  ...props
12189
12210
  }, ref) => {
12190
- return /* @__PURE__ */ jsx253(
12211
+ return /* @__PURE__ */ jsx254(
12191
12212
  DialogRoot,
12192
12213
  {
12193
12214
  onOpenChange: (open2) => {
@@ -12197,7 +12218,7 @@ var Modal = forwardRef21(
12197
12218
  },
12198
12219
  open: isOpen,
12199
12220
  children: /* @__PURE__ */ jsxs36(DialogPortal, { children: [
12200
- /* @__PURE__ */ jsx253(ModalOverlay, {}),
12221
+ /* @__PURE__ */ jsx254(ModalOverlay, {}),
12201
12222
  /* @__PURE__ */ jsxs36(
12202
12223
  ModalContent,
12203
12224
  {
@@ -12214,8 +12235,8 @@ var Modal = forwardRef21(
12214
12235
  width,
12215
12236
  ...props,
12216
12237
  children: [
12217
- /* @__PURE__ */ jsx253(ModalBody, { children }),
12218
- /* @__PURE__ */ jsx253(
12238
+ /* @__PURE__ */ jsx254(ModalBody, { children }),
12239
+ /* @__PURE__ */ jsx254(
12219
12240
  ModalHeader,
12220
12241
  {
12221
12242
  hideCloseButton,
@@ -12246,7 +12267,7 @@ var getControlProps = (isOpen, onOpenChange) => {
12246
12267
  // src/components/Popover/PopoverArrow.tsx
12247
12268
  import { PopoverArrow as RadixPopoverArrow } from "@radix-ui/react-popover";
12248
12269
  import styled56, { css as css34, keyframes as keyframes6 } from "styled-components";
12249
- import { jsx as jsx254, jsxs as jsxs37 } from "react/jsx-runtime";
12270
+ import { jsx as jsx255, jsxs as jsxs37 } from "react/jsx-runtime";
12250
12271
  var StyledPath = styled56.path`
12251
12272
  fill: var(--wui-color-border-secondary);
12252
12273
  `;
@@ -12285,7 +12306,7 @@ var StyledCircle = styled56.circle`
12285
12306
  }
12286
12307
  `;
12287
12308
  var PopoverArrow = ({ isAnimated }) => {
12288
- return /* @__PURE__ */ jsx254(RadixPopoverArrow, { asChild: true, children: /* @__PURE__ */ jsxs37(
12309
+ return /* @__PURE__ */ jsx255(RadixPopoverArrow, { asChild: true, children: /* @__PURE__ */ jsxs37(
12289
12310
  "svg",
12290
12311
  {
12291
12312
  fill: "none",
@@ -12294,8 +12315,8 @@ var PopoverArrow = ({ isAnimated }) => {
12294
12315
  width: "48",
12295
12316
  xmlns: "http://www.w3.org/2000/svg",
12296
12317
  children: [
12297
- /* @__PURE__ */ jsx254(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" }),
12298
- /* @__PURE__ */ jsx254(
12318
+ /* @__PURE__ */ jsx255(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" }),
12319
+ /* @__PURE__ */ jsx255(
12299
12320
  StyledCircle,
12300
12321
  {
12301
12322
  $isAnimated: isAnimated,
@@ -12306,7 +12327,7 @@ var PopoverArrow = ({ isAnimated }) => {
12306
12327
  strokeWidth: "4"
12307
12328
  }
12308
12329
  ),
12309
- /* @__PURE__ */ jsx254(
12330
+ /* @__PURE__ */ jsx255(
12310
12331
  StyledCircle,
12311
12332
  {
12312
12333
  $isAnimated: isAnimated,
@@ -12324,7 +12345,7 @@ var PopoverArrow = ({ isAnimated }) => {
12324
12345
  PopoverArrow.displayName = "PopoverArrow";
12325
12346
 
12326
12347
  // src/components/Popover/Popover.tsx
12327
- import { jsx as jsx255, jsxs as jsxs38 } from "react/jsx-runtime";
12348
+ import { jsx as jsx256, jsxs as jsxs38 } from "react/jsx-runtime";
12328
12349
  var StyledContent2 = styled57(Content2)`
12329
12350
  ${({ $colorScheme }) => getColorScheme($colorScheme)};
12330
12351
  ${({ $unstyled }) => !$unstyled && css35`
@@ -12364,8 +12385,8 @@ var Popover2 = ({
12364
12385
  "--wui-popover-max-height": maxHeight
12365
12386
  };
12366
12387
  return /* @__PURE__ */ jsxs38(Root, { ...getControlProps(isOpen, onOpenChange), children: [
12367
- /* @__PURE__ */ jsx255(Trigger2, { asChild: true, children: trigger }),
12368
- /* @__PURE__ */ jsx255(Portal, { children: /* @__PURE__ */ jsxs38(
12388
+ /* @__PURE__ */ jsx256(Trigger2, { asChild: true, children: trigger }),
12389
+ /* @__PURE__ */ jsx256(Portal, { children: /* @__PURE__ */ jsxs38(
12369
12390
  StyledContent2,
12370
12391
  {
12371
12392
  $colorScheme: colorScheme,
@@ -12374,17 +12395,17 @@ var Popover2 = ({
12374
12395
  $unstyled: unstyled,
12375
12396
  style,
12376
12397
  children: [
12377
- !hideCloseButton && /* @__PURE__ */ jsx255(Close, { asChild: true, children: /* @__PURE__ */ jsx255(
12398
+ !hideCloseButton && /* @__PURE__ */ jsx256(Close, { asChild: true, children: /* @__PURE__ */ jsx256(
12378
12399
  IconButton,
12379
12400
  {
12380
12401
  "data-wui-popover-close": true,
12381
12402
  label: "Close",
12382
12403
  variant: "ghost",
12383
- children: /* @__PURE__ */ jsx255(Icon, { type: "close" })
12404
+ children: /* @__PURE__ */ jsx256(Icon, { type: "close" })
12384
12405
  }
12385
12406
  ) }),
12386
- withArrow ? /* @__PURE__ */ jsx255(PopoverArrow, { isAnimated }) : null,
12387
- /* @__PURE__ */ jsx255("div", { children })
12407
+ withArrow ? /* @__PURE__ */ jsx256(PopoverArrow, { isAnimated }) : null,
12408
+ /* @__PURE__ */ jsx256("div", { children })
12388
12409
  ]
12389
12410
  }
12390
12411
  ) })
@@ -12396,7 +12417,7 @@ Popover2.displayName = "Popover";
12396
12417
  import styled58 from "styled-components";
12397
12418
  import { Root as ProgressRoot, Indicator as ProgressIndicator } from "@radix-ui/react-progress";
12398
12419
  import { isNotNil as isNotNil30 } from "@wistia/type-guards";
12399
- import { jsx as jsx256, jsxs as jsxs39 } from "react/jsx-runtime";
12420
+ import { jsx as jsx257, jsxs as jsxs39 } from "react/jsx-runtime";
12400
12421
  var ProgressBarWrapper = styled58.div`
12401
12422
  --progress-bar-height: 8px;
12402
12423
  --progress-bar-indicator-color: var(--wui-color-bg-fill);
@@ -12450,14 +12471,14 @@ var ProgressBar = ({
12450
12471
  ...props
12451
12472
  }) => {
12452
12473
  return /* @__PURE__ */ jsxs39(ProgressBarWrapper, { children: [
12453
- isNotNil30(labelLeft) ? /* @__PURE__ */ jsx256(ProgressBarLabel, { children: labelLeft }) : null,
12454
- /* @__PURE__ */ jsx256(
12474
+ isNotNil30(labelLeft) ? /* @__PURE__ */ jsx257(ProgressBarLabel, { children: labelLeft }) : null,
12475
+ /* @__PURE__ */ jsx257(
12455
12476
  StyledProgressBar,
12456
12477
  {
12457
12478
  max,
12458
12479
  value: progress,
12459
12480
  ...props,
12460
- children: /* @__PURE__ */ jsx256(
12481
+ children: /* @__PURE__ */ jsx257(
12461
12482
  StyledProgressIndicator,
12462
12483
  {
12463
12484
  $max: max,
@@ -12466,7 +12487,7 @@ var ProgressBar = ({
12466
12487
  )
12467
12488
  }
12468
12489
  ),
12469
- isNotNil30(labelRight) ? /* @__PURE__ */ jsx256(ProgressBarLabel, { children: labelRight }) : null
12490
+ isNotNil30(labelRight) ? /* @__PURE__ */ jsx257(ProgressBarLabel, { children: labelRight }) : null
12470
12491
  ] });
12471
12492
  };
12472
12493
  ProgressBar.displayName = "ProgressBar";
@@ -12475,8 +12496,8 @@ ProgressBar.displayName = "ProgressBar";
12475
12496
  import { forwardRef as forwardRef22, useId as useId3 } from "react";
12476
12497
  import styled59, { css as css36 } from "styled-components";
12477
12498
  import { isNonEmptyString as isNonEmptyString4, isNotUndefined as isNotUndefined13 } from "@wistia/type-guards";
12478
- import { jsx as jsx257, jsxs as jsxs40 } from "react/jsx-runtime";
12479
- var RadioIcon = () => /* @__PURE__ */ jsx257(
12499
+ import { jsx as jsx258, jsxs as jsxs40 } from "react/jsx-runtime";
12500
+ var RadioIcon = () => /* @__PURE__ */ jsx258(
12480
12501
  "svg",
12481
12502
  {
12482
12503
  fill: "inherit",
@@ -12484,7 +12505,7 @@ var RadioIcon = () => /* @__PURE__ */ jsx257(
12484
12505
  viewBox: "0 0 1 1",
12485
12506
  width: "1",
12486
12507
  xmlns: "http://www.w3.org/2000/svg",
12487
- children: /* @__PURE__ */ jsx257(
12508
+ children: /* @__PURE__ */ jsx258(
12488
12509
  "circle",
12489
12510
  {
12490
12511
  cx: "0.5",
@@ -12605,7 +12626,7 @@ var Radio = forwardRef22(
12605
12626
  $disabled: disabled,
12606
12627
  "aria-invalid": props["aria-invalid"],
12607
12628
  children: [
12608
- /* @__PURE__ */ jsx257(
12629
+ /* @__PURE__ */ jsx258(
12609
12630
  StyledHiddenRadioInput,
12610
12631
  {
12611
12632
  ...props,
@@ -12620,16 +12641,16 @@ var Radio = forwardRef22(
12620
12641
  ...isNotUndefined13(defaultChecked) ? { defaultChecked } : { checked }
12621
12642
  }
12622
12643
  ),
12623
- /* @__PURE__ */ jsx257(
12644
+ /* @__PURE__ */ jsx258(
12624
12645
  FormControlLabel,
12625
12646
  {
12626
- controlSlot: /* @__PURE__ */ jsx257(
12647
+ controlSlot: /* @__PURE__ */ jsx258(
12627
12648
  StyledRadioInput,
12628
12649
  {
12629
12650
  $disabled: disabled,
12630
12651
  $size: size,
12631
12652
  "data-wui-faux-input": "true",
12632
- children: /* @__PURE__ */ jsx257(RadioIcon, {})
12653
+ children: /* @__PURE__ */ jsx258(RadioIcon, {})
12633
12654
  }
12634
12655
  ),
12635
12656
  description,
@@ -12654,7 +12675,7 @@ import { isNil as isNil16 } from "@wistia/type-guards";
12654
12675
 
12655
12676
  // src/components/SegmentedControl/useSelectedItemStyle.tsx
12656
12677
  import { createContext as createContext7, useContext as useContext8, useMemo as useMemo11, useState as useState17 } from "react";
12657
- import { jsx as jsx258 } from "react/jsx-runtime";
12678
+ import { jsx as jsx259 } from "react/jsx-runtime";
12658
12679
  var SelectedItemStyleContext = createContext7(null);
12659
12680
  var SelectedItemStyleProvider = ({
12660
12681
  children
@@ -12675,7 +12696,7 @@ var SelectedItemStyleProvider = ({
12675
12696
  }),
12676
12697
  [selectedItemIndicatorStyle]
12677
12698
  );
12678
- return /* @__PURE__ */ jsx258(SelectedItemStyleContext.Provider, { value: contextValue, children });
12699
+ return /* @__PURE__ */ jsx259(SelectedItemStyleContext.Provider, { value: contextValue, children });
12679
12700
  };
12680
12701
  var useSelectedItemStyle = () => {
12681
12702
  const context = useContext8(SelectedItemStyleContext);
@@ -12702,7 +12723,7 @@ var useSegmentedControlValue = () => {
12702
12723
  };
12703
12724
 
12704
12725
  // src/components/SegmentedControl/SelectedItemIndicator.tsx
12705
- import { jsx as jsx259 } from "react/jsx-runtime";
12726
+ import { jsx as jsx260 } from "react/jsx-runtime";
12706
12727
  var selectedItemIndicatorStyles = css37`
12707
12728
  background-color: var(--wui-color-bg-fill-white);
12708
12729
  border-radius: var(--wui-border-radius-rounded);
@@ -12724,7 +12745,7 @@ var SelectedItemIndicator = () => {
12724
12745
  if (!selectedValue || isUndefined5(selectedItemIndicatorStyle)) {
12725
12746
  return null;
12726
12747
  }
12727
- return /* @__PURE__ */ jsx259(
12748
+ return /* @__PURE__ */ jsx260(
12728
12749
  SelectedItemIndicatorDiv,
12729
12750
  {
12730
12751
  "data-wui-selected-item-indicator": true,
@@ -12734,7 +12755,7 @@ var SelectedItemIndicator = () => {
12734
12755
  };
12735
12756
 
12736
12757
  // src/components/SegmentedControl/SegmentedControl.tsx
12737
- import { jsx as jsx260, jsxs as jsxs41 } from "react/jsx-runtime";
12758
+ import { jsx as jsx261, jsxs as jsxs41 } from "react/jsx-runtime";
12738
12759
  var segmentedControlStyles = css38`
12739
12760
  display: inline-flex;
12740
12761
  background-color: var(--wui-color-bg-surface-secondary);
@@ -12761,7 +12782,7 @@ var SegmentedControl = forwardRef23(
12761
12782
  if (isNil16(children)) {
12762
12783
  return null;
12763
12784
  }
12764
- return /* @__PURE__ */ jsx260(
12785
+ return /* @__PURE__ */ jsx261(
12765
12786
  StyledSegmentedControl,
12766
12787
  {
12767
12788
  ref,
@@ -12773,9 +12794,9 @@ var SegmentedControl = forwardRef23(
12773
12794
  type: "single",
12774
12795
  value: selectedValue,
12775
12796
  ...props,
12776
- children: /* @__PURE__ */ jsx260(SegmentedControlValueProvider, { value: selectedValue, children: /* @__PURE__ */ jsxs41(SelectedItemStyleProvider, { children: [
12797
+ children: /* @__PURE__ */ jsx261(SegmentedControlValueProvider, { value: selectedValue, children: /* @__PURE__ */ jsxs41(SelectedItemStyleProvider, { children: [
12777
12798
  children,
12778
- /* @__PURE__ */ jsx260(SelectedItemIndicator, {})
12799
+ /* @__PURE__ */ jsx261(SelectedItemIndicator, {})
12779
12800
  ] }) })
12780
12801
  }
12781
12802
  );
@@ -12930,7 +12951,7 @@ import {
12930
12951
  } from "@radix-ui/react-select";
12931
12952
  import { forwardRef as forwardRef25 } from "react";
12932
12953
  import styled63 from "styled-components";
12933
- import { jsx as jsx261, jsxs as jsxs43 } from "react/jsx-runtime";
12954
+ import { jsx as jsx262, jsxs as jsxs43 } from "react/jsx-runtime";
12934
12955
  var StyledTrigger2 = styled63(Trigger3)`
12935
12956
  ${({ $colorScheme }) => getColorScheme($colorScheme)};
12936
12957
  ${inputCss};
@@ -13017,8 +13038,8 @@ var Select = forwardRef25(
13017
13038
  $fullWidth: responsiveFullWidth,
13018
13039
  ...props,
13019
13040
  children: [
13020
- /* @__PURE__ */ jsx261(Value, { placeholder }),
13021
- /* @__PURE__ */ jsx261(
13041
+ /* @__PURE__ */ jsx262(Value, { placeholder }),
13042
+ /* @__PURE__ */ jsx262(
13022
13043
  Icon,
13023
13044
  {
13024
13045
  size: "md",
@@ -13028,10 +13049,10 @@ var Select = forwardRef25(
13028
13049
  ]
13029
13050
  }
13030
13051
  ),
13031
- /* @__PURE__ */ jsx261(Portal2, { children: /* @__PURE__ */ jsxs43(StyledContent3, { position: "popper", children: [
13032
- /* @__PURE__ */ jsx261(ScrollUpButton, { children: /* @__PURE__ */ jsx261(Icon, { type: "caret-up" }) }),
13033
- /* @__PURE__ */ jsx261(Viewport, { children }),
13034
- /* @__PURE__ */ jsx261(ScrollDownButton, { children: /* @__PURE__ */ jsx261(Icon, { type: "caret-down" }) })
13052
+ /* @__PURE__ */ jsx262(Portal2, { children: /* @__PURE__ */ jsxs43(StyledContent3, { position: "popper", children: [
13053
+ /* @__PURE__ */ jsx262(ScrollUpButton, { children: /* @__PURE__ */ jsx262(Icon, { type: "caret-up" }) }),
13054
+ /* @__PURE__ */ jsx262(Viewport, { children }),
13055
+ /* @__PURE__ */ jsx262(ScrollDownButton, { children: /* @__PURE__ */ jsx262(Icon, { type: "caret-down" }) })
13035
13056
  ] }) })
13036
13057
  ]
13037
13058
  }
@@ -13045,7 +13066,7 @@ import { Item, ItemText, ItemIndicator } from "@radix-ui/react-select";
13045
13066
  import { forwardRef as forwardRef26 } from "react";
13046
13067
  import styled64 from "styled-components";
13047
13068
  import { isNotNil as isNotNil32 } from "@wistia/type-guards";
13048
- import { jsx as jsx262, jsxs as jsxs44 } from "react/jsx-runtime";
13069
+ import { jsx as jsx263, jsxs as jsxs44 } from "react/jsx-runtime";
13049
13070
  var StyledItem = styled64(Item)`
13050
13071
  ${variantStyleMap2.body3};
13051
13072
  display: flex;
@@ -13081,7 +13102,7 @@ var SelectOption = forwardRef26(
13081
13102
  ...props,
13082
13103
  ref: forwardedRef,
13083
13104
  children: [
13084
- /* @__PURE__ */ jsx262(StyledIconContainer, { "data-indicator": true, children: /* @__PURE__ */ jsx262(ItemIndicator, { children: /* @__PURE__ */ jsx262(
13105
+ /* @__PURE__ */ jsx263(StyledIconContainer, { "data-indicator": true, children: /* @__PURE__ */ jsx263(ItemIndicator, { children: /* @__PURE__ */ jsx263(
13085
13106
  Icon,
13086
13107
  {
13087
13108
  size: "sm",
@@ -13090,8 +13111,8 @@ var SelectOption = forwardRef26(
13090
13111
  ) }) }),
13091
13112
  isNotNil32(selectedDisplayValue) ? /* @__PURE__ */ jsxs44("div", { children: [
13092
13113
  children,
13093
- /* @__PURE__ */ jsx262("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx262(ItemText, { children: selectedDisplayValue }) })
13094
- ] }) : /* @__PURE__ */ jsx262(ItemText, { children })
13114
+ /* @__PURE__ */ jsx263("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx263(ItemText, { children: selectedDisplayValue }) })
13115
+ ] }) : /* @__PURE__ */ jsx263(ItemText, { children })
13095
13116
  ]
13096
13117
  }
13097
13118
  );
@@ -13102,13 +13123,13 @@ SelectOption.displayName = "SelectOption";
13102
13123
  // src/components/Select/SelectOptionGroup.tsx
13103
13124
  import { Group, Label as Label3 } from "@radix-ui/react-select";
13104
13125
  import styled65 from "styled-components";
13105
- import { jsx as jsx263, jsxs as jsxs45 } from "react/jsx-runtime";
13126
+ import { jsx as jsx264, jsxs as jsxs45 } from "react/jsx-runtime";
13106
13127
  var StyledLabel4 = styled65(Label3)`
13107
13128
  padding: var(--wui-select-option-padding);
13108
13129
  `;
13109
13130
  var SelectOptionGroup = ({ children, label, ...props }) => {
13110
13131
  return /* @__PURE__ */ jsxs45(Group, { ...props, children: [
13111
- /* @__PURE__ */ jsx263(StyledLabel4, { children: /* @__PURE__ */ jsx263(
13132
+ /* @__PURE__ */ jsx264(StyledLabel4, { children: /* @__PURE__ */ jsx264(
13112
13133
  Text,
13113
13134
  {
13114
13135
  prominence: "secondary",
@@ -13129,7 +13150,7 @@ import {
13129
13150
  } from "@radix-ui/react-slider";
13130
13151
  import styled66 from "styled-components";
13131
13152
  import { isNonEmptyString as isNonEmptyString5 } from "@wistia/type-guards";
13132
- import { jsx as jsx264, jsxs as jsxs46 } from "react/jsx-runtime";
13153
+ import { jsx as jsx265, jsxs as jsxs46 } from "react/jsx-runtime";
13133
13154
  var SliderContainer = styled66.div`
13134
13155
  --wui-slider-track-color: var(--wui-gray-6);
13135
13156
  --wui-slider-track-border-radius: var(--wui-border-radius-rounded);
@@ -13218,7 +13239,7 @@ var Slider = ({
13218
13239
  onChange(newValue);
13219
13240
  }
13220
13241
  };
13221
- return /* @__PURE__ */ jsx264(
13242
+ return /* @__PURE__ */ jsx265(
13222
13243
  SliderContainer,
13223
13244
  {
13224
13245
  ...otherProps,
@@ -13236,8 +13257,8 @@ var Slider = ({
13236
13257
  step,
13237
13258
  ...value ? { value } : {},
13238
13259
  children: [
13239
- /* @__PURE__ */ jsx264(StyledSliderTrack, { "data-testid": `${dataTestId}-track`, children: /* @__PURE__ */ jsx264(StyledSliderRange, { "data-testid": `${dataTestId}-range` }) }),
13240
- values.map((_, index) => /* @__PURE__ */ jsx264(
13260
+ /* @__PURE__ */ jsx265(StyledSliderTrack, { "data-testid": `${dataTestId}-track`, children: /* @__PURE__ */ jsx265(StyledSliderRange, { "data-testid": `${dataTestId}-range` }) }),
13261
+ values.map((_, index) => /* @__PURE__ */ jsx265(
13241
13262
  StyledSliderThumb,
13242
13263
  {
13243
13264
  "data-testid": `${dataTestId}-thumb-${index}`
@@ -13256,7 +13277,7 @@ Slider.displayName = "Slider";
13256
13277
  import { forwardRef as forwardRef27, useId as useId4 } from "react";
13257
13278
  import styled67, { css as css40 } from "styled-components";
13258
13279
  import { isNonEmptyString as isNonEmptyString6 } from "@wistia/type-guards";
13259
- import { jsx as jsx265, jsxs as jsxs47 } from "react/jsx-runtime";
13280
+ import { jsx as jsx266, jsxs as jsxs47 } from "react/jsx-runtime";
13260
13281
  var sizeSmall3 = css40`
13261
13282
  --wui-size-small-width: 24px;
13262
13283
  --wui-size-small-height: 14px;
@@ -13377,7 +13398,7 @@ var Switch = forwardRef27(
13377
13398
  const generatedId = useId4();
13378
13399
  const computedId = isNonEmptyString6(id) ? id : `wistia-ui-switch-${generatedId}`;
13379
13400
  return /* @__PURE__ */ jsxs47(StyledSwitchWrapper, { $disabled: disabled, children: [
13380
- /* @__PURE__ */ jsx265(
13401
+ /* @__PURE__ */ jsx266(
13381
13402
  StyledHiddenSwitchInput,
13382
13403
  {
13383
13404
  ...props,
@@ -13392,11 +13413,11 @@ var Switch = forwardRef27(
13392
13413
  value
13393
13414
  }
13394
13415
  ),
13395
- /* @__PURE__ */ jsx265(
13416
+ /* @__PURE__ */ jsx266(
13396
13417
  FormControlLabel,
13397
13418
  {
13398
13419
  align,
13399
- controlSlot: /* @__PURE__ */ jsx265(
13420
+ controlSlot: /* @__PURE__ */ jsx266(
13400
13421
  StyledSwitchInput,
13401
13422
  {
13402
13423
  $disabled: disabled,
@@ -13419,7 +13440,7 @@ Switch.displayName = "Switch";
13419
13440
 
13420
13441
  // src/components/Table/Table.tsx
13421
13442
  import styled68, { css as css41 } from "styled-components";
13422
- import { jsx as jsx266 } from "react/jsx-runtime";
13443
+ import { jsx as jsx267 } from "react/jsx-runtime";
13423
13444
  var StyledTable = styled68.table`
13424
13445
  width: 100%;
13425
13446
  border-collapse: collapse;
@@ -13449,7 +13470,7 @@ var Table = ({
13449
13470
  visuallyHiddenHeader = false,
13450
13471
  ...props
13451
13472
  }) => {
13452
- return /* @__PURE__ */ jsx266(
13473
+ return /* @__PURE__ */ jsx267(
13453
13474
  StyledTable,
13454
13475
  {
13455
13476
  $divided: divided,
@@ -13469,16 +13490,16 @@ import { createContext as createContext9 } from "react";
13469
13490
  var TableSectionContext = createContext9(null);
13470
13491
 
13471
13492
  // src/components/Table/TableBody.tsx
13472
- import { jsx as jsx267 } from "react/jsx-runtime";
13493
+ import { jsx as jsx268 } from "react/jsx-runtime";
13473
13494
  var StyledTableBody = styled69.tbody``;
13474
13495
  var TableBody = ({ children, ...props }) => {
13475
- return /* @__PURE__ */ jsx267(TableSectionContext.Provider, { value: "body", children: /* @__PURE__ */ jsx267(StyledTableBody, { ...props, children }) });
13496
+ return /* @__PURE__ */ jsx268(TableSectionContext.Provider, { value: "body", children: /* @__PURE__ */ jsx268(StyledTableBody, { ...props, children }) });
13476
13497
  };
13477
13498
 
13478
13499
  // src/components/Table/TableCell.tsx
13479
13500
  import { useContext as useContext10 } from "react";
13480
13501
  import styled70, { css as css42 } from "styled-components";
13481
- import { jsx as jsx268 } from "react/jsx-runtime";
13502
+ import { jsx as jsx269 } from "react/jsx-runtime";
13482
13503
  var sharedStyles = css42`
13483
13504
  color: var(--wui-color-text);
13484
13505
  padding: var(--wui-space-02);
@@ -13499,33 +13520,33 @@ var StyledTd = styled70.td`
13499
13520
  var TableCell = ({ children, ...props }) => {
13500
13521
  const section = useContext10(TableSectionContext);
13501
13522
  if (section === "head") {
13502
- return /* @__PURE__ */ jsx268(StyledTh, { ...props, children });
13523
+ return /* @__PURE__ */ jsx269(StyledTh, { ...props, children });
13503
13524
  }
13504
- return /* @__PURE__ */ jsx268(StyledTd, { ...props, children });
13525
+ return /* @__PURE__ */ jsx269(StyledTd, { ...props, children });
13505
13526
  };
13506
13527
 
13507
13528
  // src/components/Table/TableFoot.tsx
13508
13529
  import styled71 from "styled-components";
13509
- import { jsx as jsx269 } from "react/jsx-runtime";
13530
+ import { jsx as jsx270 } from "react/jsx-runtime";
13510
13531
  var StyledTableFoot = styled71.tfoot``;
13511
13532
  var TableFoot = ({ children, ...props }) => {
13512
- return /* @__PURE__ */ jsx269(TableSectionContext.Provider, { value: "footer", children: /* @__PURE__ */ jsx269(StyledTableFoot, { ...props, children }) });
13533
+ return /* @__PURE__ */ jsx270(TableSectionContext.Provider, { value: "footer", children: /* @__PURE__ */ jsx270(StyledTableFoot, { ...props, children }) });
13513
13534
  };
13514
13535
 
13515
13536
  // src/components/Table/TableHead.tsx
13516
13537
  import styled72 from "styled-components";
13517
- import { jsx as jsx270 } from "react/jsx-runtime";
13538
+ import { jsx as jsx271 } from "react/jsx-runtime";
13518
13539
  var StyledThead = styled72.thead``;
13519
13540
  var TableHead = ({ children, ...props }) => {
13520
- return /* @__PURE__ */ jsx270(TableSectionContext.Provider, { value: "head", children: /* @__PURE__ */ jsx270(StyledThead, { ...props, children }) });
13541
+ return /* @__PURE__ */ jsx271(TableSectionContext.Provider, { value: "head", children: /* @__PURE__ */ jsx271(StyledThead, { ...props, children }) });
13521
13542
  };
13522
13543
 
13523
13544
  // src/components/Table/TableRow.tsx
13524
13545
  import styled73 from "styled-components";
13525
- import { jsx as jsx271 } from "react/jsx-runtime";
13546
+ import { jsx as jsx272 } from "react/jsx-runtime";
13526
13547
  var StyledTableRow = styled73.tr``;
13527
13548
  var TableRow = ({ children, ...props }) => {
13528
- return /* @__PURE__ */ jsx271(StyledTableRow, { ...props, children });
13549
+ return /* @__PURE__ */ jsx272(StyledTableRow, { ...props, children });
13529
13550
  };
13530
13551
 
13531
13552
  // src/components/Tabs/Tabs.tsx
@@ -13546,7 +13567,7 @@ var useTabsValue = () => {
13546
13567
  };
13547
13568
 
13548
13569
  // src/components/Tabs/Tabs.tsx
13549
- import { jsx as jsx272 } from "react/jsx-runtime";
13570
+ import { jsx as jsx273 } from "react/jsx-runtime";
13550
13571
  var Tabs = ({
13551
13572
  children,
13552
13573
  value: valueProp,
@@ -13574,15 +13595,15 @@ var Tabs = ({
13574
13595
  if (isNotNil33(defaultValue)) {
13575
13596
  rootProps.defaultValue = defaultValue;
13576
13597
  }
13577
- return /* @__PURE__ */ jsx272(RadixTabsRoot, { ...rootProps, children: /* @__PURE__ */ jsx272(TabsValueProvider, { value: value ?? defaultValue, children: /* @__PURE__ */ jsx272(SelectedItemStyleProvider, { children }) }) });
13598
+ return /* @__PURE__ */ jsx273(RadixTabsRoot, { ...rootProps, children: /* @__PURE__ */ jsx273(TabsValueProvider, { value: value ?? defaultValue, children: /* @__PURE__ */ jsx273(SelectedItemStyleProvider, { children }) }) });
13578
13599
  };
13579
13600
  Tabs.displayName = "Tabs";
13580
13601
 
13581
13602
  // src/components/Tabs/TabsContent.tsx
13582
13603
  import { Content as RadixTabsContent } from "@radix-ui/react-tabs";
13583
- import { jsx as jsx273 } from "react/jsx-runtime";
13604
+ import { jsx as jsx274 } from "react/jsx-runtime";
13584
13605
  var TabsContent = ({ children, value }) => {
13585
- return /* @__PURE__ */ jsx273(RadixTabsContent, { value, children });
13606
+ return /* @__PURE__ */ jsx274(RadixTabsContent, { value, children });
13586
13607
  };
13587
13608
  TabsContent.displayName = "TabsContent";
13588
13609
 
@@ -13602,14 +13623,14 @@ var TabsSelectedItemIndicatorDiv = styled74(SelectedItemIndicatorDiv)`
13602
13623
  `;
13603
13624
 
13604
13625
  // src/components/Tabs/SelectedTabIndicator.tsx
13605
- import { jsx as jsx274 } from "react/jsx-runtime";
13626
+ import { jsx as jsx275 } from "react/jsx-runtime";
13606
13627
  var SelectedTabIndicator = () => {
13607
13628
  const { selectedItemIndicatorStyle } = useSelectedItemStyle();
13608
13629
  const selectedValue = useTabsValue();
13609
13630
  if (selectedValue == null || isUndefined6(selectedItemIndicatorStyle)) {
13610
13631
  return null;
13611
13632
  }
13612
- return /* @__PURE__ */ jsx274(
13633
+ return /* @__PURE__ */ jsx275(
13613
13634
  TabsSelectedItemIndicatorDiv,
13614
13635
  {
13615
13636
  "data-wui-selected-item-indicator": true,
@@ -13619,7 +13640,7 @@ var SelectedTabIndicator = () => {
13619
13640
  };
13620
13641
 
13621
13642
  // src/components/Tabs/TabsList.tsx
13622
- import { jsx as jsx275, jsxs as jsxs48 } from "react/jsx-runtime";
13643
+ import { jsx as jsx276, jsxs as jsxs48 } from "react/jsx-runtime";
13623
13644
  var StyledRadixTabsList = styled75(RadixTabList)`
13624
13645
  ${segmentedControlStyles}
13625
13646
  `;
@@ -13631,7 +13652,7 @@ var TabsList = ({ children, fullWidth = true, ...props }) => {
13631
13652
  "aria-label": props["aria-label"],
13632
13653
  children: [
13633
13654
  children,
13634
- /* @__PURE__ */ jsx275(SelectedTabIndicator, {})
13655
+ /* @__PURE__ */ jsx276(SelectedTabIndicator, {})
13635
13656
  ]
13636
13657
  }
13637
13658
  );
@@ -13708,7 +13729,7 @@ TabsTrigger.displayName = "TabsTrigger";
13708
13729
  // src/components/Thumbnail/ThumbnailBadge.tsx
13709
13730
  import styled77 from "styled-components";
13710
13731
  import { isNotNil as isNotNil35 } from "@wistia/type-guards";
13711
- import { jsx as jsx276, jsxs as jsxs50 } from "react/jsx-runtime";
13732
+ import { jsx as jsx277, jsxs as jsxs50 } from "react/jsx-runtime";
13712
13733
  var StyledThumbnailBadge = styled77.div`
13713
13734
  align-items: center;
13714
13735
  background-color: rgb(0 0 0 / 50%);
@@ -13736,7 +13757,7 @@ var StyledThumbnailBadge = styled77.div`
13736
13757
  var ThumbnailBadge = ({ icon, label, ...props }) => {
13737
13758
  return /* @__PURE__ */ jsxs50(StyledThumbnailBadge, { ...props, children: [
13738
13759
  isNotNil35(icon) && icon,
13739
- /* @__PURE__ */ jsx276("span", { children: label })
13760
+ /* @__PURE__ */ jsx277("span", { children: label })
13740
13761
  ] });
13741
13762
  };
13742
13763
  ThumbnailBadge.displayName = "ThumbnailBadge";
@@ -13881,7 +13902,7 @@ var getBackgroundGradient = (gradientName = void 0) => {
13881
13902
  // src/components/Thumbnail/ThumbnailStoryboardViewer.tsx
13882
13903
  import styled78 from "styled-components";
13883
13904
  import { isNotNil as isNotNil37 } from "@wistia/type-guards";
13884
- import { jsx as jsx277, jsxs as jsxs51 } from "react/jsx-runtime";
13905
+ import { jsx as jsx278, jsxs as jsxs51 } from "react/jsx-runtime";
13885
13906
  var ScrubLine = styled78.div`
13886
13907
  position: absolute;
13887
13908
  top: 0;
@@ -13991,8 +14012,8 @@ var ThumbnailStoryboardViewer = ({
13991
14012
  ...props,
13992
14013
  style: viewerStyles,
13993
14014
  children: [
13994
- /* @__PURE__ */ jsx277("div", { style: storyboardStyles }),
13995
- showScrubLine ? /* @__PURE__ */ jsx277(
14015
+ /* @__PURE__ */ jsx278("div", { style: storyboardStyles }),
14016
+ showScrubLine ? /* @__PURE__ */ jsx278(
13996
14017
  ScrubLine,
13997
14018
  {
13998
14019
  style: {
@@ -14006,7 +14027,7 @@ var ThumbnailStoryboardViewer = ({
14006
14027
  };
14007
14028
 
14008
14029
  // src/components/Thumbnail/Thumbnail.tsx
14009
- import { jsx as jsx278, jsxs as jsxs52 } from "react/jsx-runtime";
14030
+ import { jsx as jsx279, jsxs as jsxs52 } from "react/jsx-runtime";
14010
14031
  var WideThumbnailImage = styled79.img`
14011
14032
  height: 100%;
14012
14033
  object-fit: cover;
@@ -14019,7 +14040,7 @@ var SquareThumbnailImage = styled79.img`
14019
14040
  `;
14020
14041
  var ThumbnailImage = ({ thumbnailImageType, thumbnailUrl }) => {
14021
14042
  if (thumbnailImageType === "wide") {
14022
- return /* @__PURE__ */ jsx278(
14043
+ return /* @__PURE__ */ jsx279(
14023
14044
  WideThumbnailImage,
14024
14045
  {
14025
14046
  alt: "",
@@ -14028,7 +14049,7 @@ var ThumbnailImage = ({ thumbnailImageType, thumbnailUrl }) => {
14028
14049
  }
14029
14050
  );
14030
14051
  }
14031
- return /* @__PURE__ */ jsx278(
14052
+ return /* @__PURE__ */ jsx279(
14032
14053
  SquareThumbnailImage,
14033
14054
  {
14034
14055
  alt: "",
@@ -14131,7 +14152,7 @@ var Thumbnail = forwardRef29(
14131
14152
  } = storyboard;
14132
14153
  const targetWidth = isString2(width) ? parseInt(width, 10) : Number(width);
14133
14154
  const effectiveCursorPosition = isStoryboardReady ? cursorPosition : null;
14134
- return /* @__PURE__ */ jsx278(
14155
+ return /* @__PURE__ */ jsx279(
14135
14156
  ThumbnailStoryboardViewer,
14136
14157
  {
14137
14158
  cursorPosition: effectiveCursorPosition,
@@ -14151,7 +14172,7 @@ var Thumbnail = forwardRef29(
14151
14172
  if (shouldRenderStoryboard) {
14152
14173
  thumbnailContent = renderStoryboard();
14153
14174
  } else if (isNotNil38(thumbnailUrl)) {
14154
- thumbnailContent = /* @__PURE__ */ jsx278(
14175
+ thumbnailContent = /* @__PURE__ */ jsx279(
14155
14176
  ThumbnailImage,
14156
14177
  {
14157
14178
  thumbnailImageType,
@@ -14188,7 +14209,7 @@ Thumbnail.displayName = "Thumbnail";
14188
14209
  import React2 from "react";
14189
14210
  import styled80 from "styled-components";
14190
14211
  import { isNonEmptyArray } from "@wistia/type-guards";
14191
- import { jsx as jsx279 } from "react/jsx-runtime";
14212
+ import { jsx as jsx280 } from "react/jsx-runtime";
14192
14213
  var StyledThumbnailCollage = styled80.div`
14193
14214
  display: grid;
14194
14215
  gap: var(--wui-space-01);
@@ -14271,7 +14292,7 @@ var ThumbnailCollage = ({
14271
14292
  });
14272
14293
  }) : [
14273
14294
  // ThumbnailCollage will fallback to a Thumbnail with a gradient background if no children are provided
14274
- /* @__PURE__ */ jsx279(
14295
+ /* @__PURE__ */ jsx280(
14275
14296
  Thumbnail,
14276
14297
  {
14277
14298
  gradientBackground,
@@ -14280,7 +14301,7 @@ var ThumbnailCollage = ({
14280
14301
  "fallback"
14281
14302
  )
14282
14303
  ];
14283
- return /* @__PURE__ */ jsx279(
14304
+ return /* @__PURE__ */ jsx280(
14284
14305
  StyledThumbnailCollage,
14285
14306
  {
14286
14307
  $gradientBackground: gradientBackground,
@@ -14294,24 +14315,24 @@ var ThumbnailCollage = ({
14294
14315
  // src/components/WistiaLogo/WistiaLogo.tsx
14295
14316
  import styled81, { css as css44 } from "styled-components";
14296
14317
  import { isNotNil as isNotNil39 } from "@wistia/type-guards";
14297
- import { jsx as jsx280, jsxs as jsxs53 } from "react/jsx-runtime";
14318
+ import { jsx as jsx281, jsxs as jsxs53 } from "react/jsx-runtime";
14298
14319
  var renderBrandmark = (brandmarkColor, iconOnly) => {
14299
14320
  if (iconOnly) {
14300
- return /* @__PURE__ */ jsx280(
14321
+ return /* @__PURE__ */ jsx281(
14301
14322
  "g",
14302
14323
  {
14303
14324
  "data-testid": "ui-wistia-logo-brandmark",
14304
14325
  fill: brandmarkColor,
14305
- children: /* @__PURE__ */ jsx280("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" })
14326
+ children: /* @__PURE__ */ jsx281("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" })
14306
14327
  }
14307
14328
  );
14308
14329
  }
14309
- return /* @__PURE__ */ jsx280(
14330
+ return /* @__PURE__ */ jsx281(
14310
14331
  "g",
14311
14332
  {
14312
14333
  "data-testid": "ui-wistia-logo-brandmark",
14313
14334
  fill: brandmarkColor,
14314
- children: /* @__PURE__ */ jsx280("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" })
14335
+ children: /* @__PURE__ */ jsx281("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" })
14315
14336
  }
14316
14337
  );
14317
14338
  };
@@ -14319,12 +14340,12 @@ var renderLogotype = (logotypeColor, iconOnly) => {
14319
14340
  if (iconOnly) {
14320
14341
  return null;
14321
14342
  }
14322
- return /* @__PURE__ */ jsx280(
14343
+ return /* @__PURE__ */ jsx281(
14323
14344
  "g",
14324
14345
  {
14325
14346
  "data-testid": "ui-wistia-logo-logotype",
14326
14347
  fill: logotypeColor,
14327
- children: /* @__PURE__ */ jsx280("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" })
14348
+ children: /* @__PURE__ */ jsx281("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" })
14328
14349
  }
14329
14350
  );
14330
14351
  };
@@ -14405,14 +14426,14 @@ var WistiaLogo = ({
14405
14426
  xmlns: "http://www.w3.org/2000/svg",
14406
14427
  ...props,
14407
14428
  children: [
14408
- /* @__PURE__ */ jsx280("title", { children: title }),
14409
- isNotNil39(description) ? /* @__PURE__ */ jsx280("desc", { children: description }) : null,
14429
+ /* @__PURE__ */ jsx281("title", { children: title }),
14430
+ isNotNil39(description) ? /* @__PURE__ */ jsx281("desc", { children: description }) : null,
14410
14431
  renderBrandmark(brandmarkColor, iconOnly),
14411
14432
  renderLogotype(logotypeColor, iconOnly)
14412
14433
  ]
14413
14434
  }
14414
14435
  );
14415
- return href !== void 0 ? /* @__PURE__ */ jsx280("a", { href, children: Logo }) : Logo;
14436
+ return href !== void 0 ? /* @__PURE__ */ jsx281("a", { href, children: Logo }) : Logo;
14416
14437
  };
14417
14438
  WistiaLogo.displayName = "WistiaLogo";
14418
14439
 
@@ -14420,7 +14441,7 @@ WistiaLogo.displayName = "WistiaLogo";
14420
14441
  import styled82 from "styled-components";
14421
14442
  import { forwardRef as forwardRef30, useState as useState20 } from "react";
14422
14443
  import { isFunction as isFunction4 } from "@wistia/type-guards";
14423
- import { jsx as jsx281 } from "react/jsx-runtime";
14444
+ import { jsx as jsx282 } from "react/jsx-runtime";
14424
14445
  var StyledIconButton = styled82(IconButton)`
14425
14446
  /* override size for icon button since prop gets changed by Input */
14426
14447
  height: var(--icon-button-size-sm);
@@ -14439,13 +14460,13 @@ var InputPassword = forwardRef30(
14439
14460
  onVisibilityToggle(newVisibility);
14440
14461
  }
14441
14462
  };
14442
- return /* @__PURE__ */ jsx281(
14463
+ return /* @__PURE__ */ jsx282(
14443
14464
  Input,
14444
14465
  {
14445
14466
  ...props,
14446
14467
  ref,
14447
14468
  disabled,
14448
- rightIcon: /* @__PURE__ */ jsx281(
14469
+ rightIcon: /* @__PURE__ */ jsx282(
14449
14470
  StyledIconButton,
14450
14471
  {
14451
14472
  disabled,
@@ -14453,7 +14474,7 @@ var InputPassword = forwardRef30(
14453
14474
  onClick: handleClick,
14454
14475
  tabIndex: disabled ? -1 : 0,
14455
14476
  variant: "ghost",
14456
- children: /* @__PURE__ */ jsx281(Icon, { type: isVisible ? "preview" : "hide" })
14477
+ children: /* @__PURE__ */ jsx282(Icon, { type: isVisible ? "preview" : "hide" })
14457
14478
  }
14458
14479
  ),
14459
14480
  type: isVisible ? "text" : "password"