@wistia/ui 0.22.10 → 0.23.0-beta.3ddac3bf.d4e9d97

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/ui v0.22.10
3
+ * @license @wistia/ui v0.23.0-beta.3ddac3bf.d4e9d97
4
4
  *
5
5
  * Copyright (c) 2024-2026, Wistia, Inc. and its affiliates.
6
6
  *
@@ -13,6 +13,12 @@ import { createGlobalStyle, css, keyframes, styled } from "styled-components";
13
13
  import { isArray, isBoolean, isEmptyString, isFunction, isNil, isNonEmptyArray, isNonEmptyString, isNotNil, isNotUndefined, isNumber, isRecord, isString, isUndefined } from "@wistia/type-guards";
14
14
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
15
15
  import { Toaster, toast } from "sonner";
16
+ import { isValid } from "date-fns/isValid";
17
+ import { startOfToday } from "date-fns/startOfToday";
18
+ import { startOfTomorrow } from "date-fns/startOfTomorrow";
19
+ import { startOfDay } from "date-fns/startOfDay";
20
+ import { isPast } from "date-fns/isPast";
21
+ import { parse } from "date-fns/parse";
16
22
  import { getValueAndUnit } from "polished";
17
23
  import { useFilePicker as useFilePicker$1, useImperativeFilePicker as useImperativeFilePicker$1 } from "use-file-picker";
18
24
  import { FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, ImageDimensionsValidator, PersistentFileAmountLimitValidator } from "use-file-picker/validators";
@@ -871,6 +877,53 @@ const monthDayStringNumeric = (date, { timeZone = defaultTimeZone } = {}) => {
871
877
  }
872
878
  };
873
879
  //#endregion
880
+ //#region src/helpers/dateTime/parseDateString.ts
881
+ const MONTH_NAMES = [
882
+ "January",
883
+ "February",
884
+ "March",
885
+ "April",
886
+ "May",
887
+ "June",
888
+ "July",
889
+ "August",
890
+ "September",
891
+ "October",
892
+ "November",
893
+ "December"
894
+ ];
895
+ const DATE_FORMATS = [
896
+ "MMM d, yyyy",
897
+ "MMM d",
898
+ "MMMM d, yyyy",
899
+ "MMMM d",
900
+ "M/d/yyyy",
901
+ "M/d",
902
+ "M-d-yyyy",
903
+ "M-d",
904
+ "yyyy-MM-dd"
905
+ ];
906
+ const parseDateString = (str) => {
907
+ const trimmed = str.trim();
908
+ if (!trimmed) return null;
909
+ const lower = trimmed.toLowerCase();
910
+ if (lower === "today") return startOfToday();
911
+ if (lower === "tomorrow") return startOfTomorrow();
912
+ const monthIndex = MONTH_NAMES.findIndex((name) => name.toLowerCase().startsWith(lower));
913
+ if (monthIndex > -1) {
914
+ const today = startOfToday();
915
+ let date = new Date(today.getFullYear(), monthIndex, 1);
916
+ if (isPast(date)) date = new Date(today.getFullYear() + 1, monthIndex, 1);
917
+ return startOfDay(date);
918
+ }
919
+ const referenceDate = /* @__PURE__ */ new Date();
920
+ const parsedDate = DATE_FORMATS.map((fmt) => parse(trimmed, fmt, referenceDate)).find(isValid);
921
+ if (parsedDate !== void 0) return startOfDay(parsedDate);
922
+ const native = new Date(trimmed);
923
+ if (isValid(native)) return startOfDay(native);
924
+ return null;
925
+ };
926
+ //#endregion
874
927
  //#region src/helpers/dateTime/sessionDurationString.ts
875
928
  /**
876
929
  * A string representation of a duration for a user session. Assumes that
@@ -1031,6 +1084,7 @@ const dateTime = {
1031
1084
  mediaDurationString,
1032
1085
  millisecondsToDurationISOString,
1033
1086
  monthDayStringNumeric,
1087
+ parseDateString,
1034
1088
  sessionDurationString,
1035
1089
  timeAgoString,
1036
1090
  timeOnlyString
@@ -2279,17 +2333,6 @@ const BrandsIcon = (props) => /* @__PURE__ */ jsxs("svg", {
2279
2333
  ]
2280
2334
  });
2281
2335
  //#endregion
2282
- //#region src/components/Icon/icons/BulletListIcon.tsx
2283
- const BulletListIcon = (props) => /* @__PURE__ */ jsx("svg", {
2284
- ...props,
2285
- viewBox: "0 0 24 24",
2286
- xmlns: "http://www.w3.org/2000/svg",
2287
- children: /* @__PURE__ */ jsx("path", {
2288
- d: "M20.4004 18C21.063 18.0002 21.5996 18.5376 21.5996 19.2002C21.5995 19.8627 21.0629 20.4002 20.4004 20.4004H10.7998C10.1372 20.4003 9.59971 19.8628 9.59961 19.2002C9.59961 18.5375 10.1372 18.0001 10.7998 18H20.4004ZM4.7998 12C6.12529 12 7.2002 13.0749 7.2002 14.4004C7.19998 15.7257 6.12516 16.7998 4.7998 16.7998C3.47454 16.7997 2.4006 15.7256 2.40039 14.4004C2.40039 13.075 3.47441 12.0001 4.7998 12ZM20.4004 13.2002C21.063 13.2004 21.5996 13.7378 21.5996 14.4004C21.5994 15.0628 21.0628 15.5994 20.4004 15.5996H10.7998C10.1373 15.5995 9.59982 15.0629 9.59961 14.4004C9.59961 13.7377 10.1372 13.2003 10.7998 13.2002H20.4004ZM20.4004 8.40039C21.0628 8.4006 21.5994 8.93718 21.5996 9.59961C21.5996 10.2622 21.063 10.7996 20.4004 10.7998H10.7998C10.1372 10.7997 9.59961 10.2623 9.59961 9.59961C9.59982 8.93711 10.1373 8.4005 10.7998 8.40039H20.4004ZM4.7998 2.40039C6.12522 2.40039 7.20009 3.47441 7.2002 4.7998C7.2002 6.12529 6.12529 7.2002 4.7998 7.2002C3.47441 7.20009 2.40039 6.12522 2.40039 4.7998C2.4005 3.47448 3.47448 2.4005 4.7998 2.40039ZM20.4004 3.59961C21.0629 3.59982 21.5995 4.13728 21.5996 4.7998C21.5996 5.46242 21.063 5.99979 20.4004 6H10.7998C10.1372 5.99989 9.59961 5.46248 9.59961 4.7998C9.59971 4.13722 10.1372 3.59971 10.7998 3.59961H20.4004Z",
2289
- fill: "currentColor"
2290
- })
2291
- });
2292
- //#endregion
2293
2336
  //#region src/components/Icon/icons/CalendarIcon.tsx
2294
2337
  const CalendarIcon = (props) => /* @__PURE__ */ jsx("svg", {
2295
2338
  ...props,
@@ -2537,6 +2580,17 @@ const ClipsIcon = (props) => /* @__PURE__ */ jsx("svg", {
2537
2580
  })
2538
2581
  });
2539
2582
  //#endregion
2583
+ //#region src/components/Icon/icons/ClockIcon.tsx
2584
+ const ClockIcon = (props) => /* @__PURE__ */ jsx("svg", {
2585
+ ...props,
2586
+ viewBox: "0 0 24 24",
2587
+ xmlns: "http://www.w3.org/2000/svg",
2588
+ children: /* @__PURE__ */ jsx("path", {
2589
+ d: "M12 1.333C17.891 1.333 22.667 6.10895 22.667 12C22.667 17.891 17.891 22.667 12 22.667C6.10895 22.667 1.333 17.891 1.333 12C1.333 6.10895 6.10895 1.333 12 1.333ZM12 3.333C7.21352 3.333 3.333 7.21352 3.333 12C3.333 16.7865 7.21352 20.667 12 20.667C16.7865 20.667 20.667 16.7865 20.667 12C20.667 7.21352 16.7865 3.333 12 3.333ZM12 5.333C12.5522 5.333 12.9998 5.78086 13 6.333V11.4766L16.9023 14.1787C17.3562 14.4931 17.4696 15.1153 17.1553 15.5693C16.8409 16.0232 16.2187 16.1355 15.7646 15.8213L11.4307 12.8213C11.1612 12.6345 11 12.3279 11 12V6.333C11.0002 5.78086 11.4478 5.333 12 5.333Z",
2590
+ fill: "currentColor"
2591
+ })
2592
+ });
2593
+ //#endregion
2540
2594
  //#region src/components/Icon/icons/CloseIcon.tsx
2541
2595
  const CloseIcon = (props) => /* @__PURE__ */ jsx("svg", {
2542
2596
  ...props,
@@ -3073,6 +3127,28 @@ const FitIcon = (props) => /* @__PURE__ */ jsx("svg", {
3073
3127
  })
3074
3128
  });
3075
3129
  //#endregion
3130
+ //#region src/components/Icon/icons/FlipHorizontalIcon.tsx
3131
+ const FlipHorizontalIcon = (props) => /* @__PURE__ */ jsx("svg", {
3132
+ ...props,
3133
+ viewBox: "0 0 24 24",
3134
+ xmlns: "http://www.w3.org/2000/svg",
3135
+ children: /* @__PURE__ */ jsx("path", {
3136
+ d: "M12 19.333C12.5522 19.333 12.9998 19.7809 13 20.333C13 20.8853 12.5523 21.333 12 21.333C11.4477 21.333 11 20.8853 11 20.333C11.0002 19.7809 11.4478 19.333 12 19.333ZM19.8877 6.58301C20.385 6.13773 21.0704 6.02954 21.6797 6.30273C22.2877 6.5734 22.667 7.15755 22.667 7.82422V16.1758C22.667 16.8424 22.2877 17.4253 21.6797 17.6973C21.4571 17.7959 21.2238 17.8457 20.9932 17.8457C20.5932 17.8457 20.2023 17.6983 19.8877 17.417L15.2217 13.2432C14.8683 12.9258 14.667 12.4733 14.667 12C14.667 11.5268 14.8679 11.0748 15.2197 10.7588L19.8877 6.58301ZM2.32031 6.30273C2.92959 6.03217 3.61635 6.1381 4.1123 6.58203L8.77832 10.7568C9.13165 11.0742 9.33301 11.5267 9.33301 12C9.33295 12.4732 9.13215 12.9253 8.78027 13.2412L4.11035 17.417C3.79708 17.6982 3.40673 17.8447 3.00684 17.8447C2.77628 17.8447 2.54289 17.7972 2.32031 17.6973C1.71231 17.4266 1.33301 16.8424 1.33301 16.1758V7.82422C1.33301 7.15755 1.71231 6.57473 2.32031 6.30273ZM12 15.167C12.5523 15.167 13 15.6147 13 16.167C12.9998 16.7191 12.5522 17.167 12 17.167C11.4478 17.167 11.0002 16.7191 11 16.167C11 15.6147 11.4477 15.167 12 15.167ZM3.33301 15.4287L7.16797 12L3.33301 8.57031V15.4287ZM12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11ZM12 6.83301C12.5522 6.83301 12.9998 7.28087 13 7.83301C13 8.38529 12.5523 8.83301 12 8.83301C11.4477 8.83301 11 8.38529 11 7.83301C11.0002 7.28087 11.4478 6.83301 12 6.83301ZM12 2.66699C12.5523 2.66699 13 3.11471 13 3.66699C12.9998 4.21913 12.5522 4.66699 12 4.66699C11.4478 4.66699 11.0002 4.21913 11 3.66699C11 3.11471 11.4477 2.66699 12 2.66699Z",
3137
+ fill: "currentColor"
3138
+ })
3139
+ });
3140
+ //#endregion
3141
+ //#region src/components/Icon/icons/FlipVerticalIcon.tsx
3142
+ const FlipVerticalIcon = (props) => /* @__PURE__ */ jsx("svg", {
3143
+ ...props,
3144
+ viewBox: "0 0 24 24",
3145
+ xmlns: "http://www.w3.org/2000/svg",
3146
+ children: /* @__PURE__ */ jsx("path", {
3147
+ d: "M10.7588 15.2207C11.3908 14.5144 12.6089 14.5157 13.2422 15.2207L13.2441 15.2197L17.418 19.8867C17.8633 20.384 17.9709 21.0694 17.7002 21.6787C17.4282 22.2879 16.8433 22.666 16.1768 22.666H7.8252C7.15872 22.666 6.57483 22.2877 6.30273 21.6787C6.03209 21.0694 6.13876 20.384 6.58398 19.8867L10.7588 15.2207ZM3.66699 11C4.21913 11.0002 4.66699 11.4478 4.66699 12C4.66699 12.5522 4.21913 12.9998 3.66699 13C3.11471 13 2.66699 12.5523 2.66699 12C2.66699 11.4477 3.11471 11 3.66699 11ZM7.83301 11C8.38529 11 8.83301 11.4477 8.83301 12C8.83301 12.5523 8.38529 13 7.83301 13C7.28087 12.9998 6.83301 12.5522 6.83301 12C6.83301 11.4478 7.28087 11.0002 7.83301 11ZM12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11ZM16.167 11C16.7191 11.0002 17.167 11.4478 17.167 12C17.167 12.5522 16.7191 12.9998 16.167 13C15.6147 13 15.167 12.5523 15.167 12C15.167 11.4477 15.6147 11 16.167 11ZM20.333 11C20.8853 11 21.333 11.4477 21.333 12C21.333 12.5523 20.8853 13 20.333 13C19.7809 12.9998 19.333 12.5522 19.333 12C19.333 11.4478 19.7809 11.0002 20.333 11ZM16.1758 1.33301C16.8424 1.33301 17.4262 1.71098 17.6982 2.32031C17.9688 2.9296 17.8623 3.61502 17.417 4.1123L13.2422 8.77734C12.9249 9.13188 12.4732 9.33294 12 9.33301C11.5267 9.33301 11.0728 9.13165 10.7568 8.77832L6.58203 4.1123C6.13675 3.61632 6.03015 2.93059 6.30078 2.32129C6.57278 1.71196 7.15755 1.33301 7.82422 1.33301H16.1758ZM12 7.16699H12.001L15.4307 3.33301H8.57031L12 7.16699Z",
3148
+ fill: "currentColor"
3149
+ })
3150
+ });
3151
+ //#endregion
3076
3152
  //#region src/components/Icon/icons/FontsIcon.tsx
3077
3153
  const FontsIcon = (props) => /* @__PURE__ */ jsx("svg", {
3078
3154
  ...props,
@@ -3299,6 +3375,18 @@ const KeyboardIcon = (props) => /* @__PURE__ */ jsx("svg", {
3299
3375
  })
3300
3376
  });
3301
3377
  //#endregion
3378
+ //#region src/components/Icon/icons/LayersIcon.tsx
3379
+ const LayersIcon = (props) => /* @__PURE__ */ jsx("svg", {
3380
+ ...props,
3381
+ viewBox: "0 0 24 24",
3382
+ xmlns: "http://www.w3.org/2000/svg",
3383
+ children: /* @__PURE__ */ jsx("path", {
3384
+ transform: "translate(2.018 1.507)",
3385
+ d: "M18.9629 13.8271C19.5147 13.8273 19.9629 14.2752 19.9629 14.8271C19.9629 15.5711 19.5532 16.25 18.8945 16.5966L11.0674 20.7177C10.7276 20.8976 10.3546 20.9872 9.98145 20.9872C9.6083 20.9872 9.23342 20.8966 8.89355 20.7167L1.06738 16.5966C0.40884 16.2499 6.62335e-06 15.5723 0 14.8271C0 14.2751 0.448 13.8271 1 13.8271C1.55189 13.8272 2 14.2752 2 14.8271L9.82617 18.9482C9.92484 18.9988 10.0397 18.9988 10.1357 18.9482L17.9629 14.8271C17.9629 14.2751 18.4109 13.8271 18.9629 13.8271ZM18.9629 9.49408C19.5147 9.49433 19.9629 9.94223 19.9629 10.4941C19.9628 11.2378 19.5529 11.916 18.8945 12.2626L11.0674 16.3847C10.7276 16.5645 10.3545 16.6532 9.98145 16.6533C9.6082 16.6533 9.23349 16.5627 8.89355 16.3827L1.06738 12.2626C0.409093 11.9159 0.000125654 11.2391 0 10.4941C0 9.94208 0.448 9.49408 1 9.49408C1.55189 9.49421 2 9.94216 2 10.4941L9.82617 14.6152C9.92482 14.6658 10.0398 14.6658 10.1357 14.6152L17.9629 10.4941C17.9629 9.94208 18.4109 9.49408 18.9629 9.49408ZM8.89453 0.270445C9.57449 -0.0894448 10.3881 -0.0908513 11.0693 0.270445L18.8945 4.39056C19.5532 4.73723 19.9629 5.4161 19.9629 6.16009C19.9629 6.90409 19.5532 7.58296 18.8945 7.92962L11.0674 12.0507C10.7276 12.2306 10.3546 12.3202 9.98145 12.3202C9.6083 12.3202 9.23342 12.2296 8.89355 12.0497L1.06738 7.92962C0.40884 7.58293 5.37071e-06 6.90401 0 6.16009C0 5.41618 0.408843 4.73726 1.06738 4.39056L8.89453 0.270445Z",
3386
+ fill: "currentColor"
3387
+ })
3388
+ });
3389
+ //#endregion
3302
3390
  //#region src/components/Icon/icons/LayoutIcon.tsx
3303
3391
  const LayoutIcon = (props) => /* @__PURE__ */ jsx("svg", {
3304
3392
  ...props,
@@ -3749,6 +3837,25 @@ const PasswordIcon = (props) => /* @__PURE__ */ jsx("svg", {
3749
3837
  })
3750
3838
  });
3751
3839
  //#endregion
3840
+ //#region src/components/Icon/icons/PasteIcon.tsx
3841
+ const PasteIcon = (props) => /* @__PURE__ */ jsx("svg", {
3842
+ ...props,
3843
+ viewBox: "0 0 24 24",
3844
+ xmlns: "http://www.w3.org/2000/svg",
3845
+ children: /* @__PURE__ */ jsxs("g", {
3846
+ transform: "translate(1.332 1.315)",
3847
+ children: [/* @__PURE__ */ jsx("path", {
3848
+ fillRule: "evenodd",
3849
+ clipRule: "evenodd",
3850
+ d: "M5.563 17.8883C3.55962 18.1835 1.69516 16.7989 1.39991 14.7955L0.0395602 5.56112C-0.255241 3.55812 1.1294 1.69539 3.13233 1.39999L12.3667 0.0396351C14.3698 -0.255396 16.2323 1.12846 16.5278 3.13143L17.8892 12.3658C18.1841 14.3689 16.7994 16.2315 14.7964 16.5269L5.563 17.8883ZM8.37354 14.0914L8.3755 14.0904C8.67314 14.0434 8.93374 13.8647 9.08546 13.6031L13.648 5.10018C13.9247 4.62188 13.7609 4.01078 13.2827 3.73397C12.803 3.45618 12.1934 3.62111 11.9165 4.09921L7.97608 11.5269L5.17237 9.36678C4.76543 8.99532 4.13436 9.02371 3.76026 9.43221C3.38743 9.84072 3.41719 10.4715 3.82569 10.8443L7.5464 13.8424C7.76891 14.0461 8.07459 14.1386 8.37354 14.0914Z",
3851
+ fill: "currentColor"
3852
+ }), /* @__PURE__ */ jsx("path", {
3853
+ d: "M8.32667 21.2467C7.82531 21.2467 7.40868 20.8755 7.33741 20.3941H7.33937C7.33217 20.3454 7.32695 20.2956 7.32765 20.2457C7.32722 19.6947 7.77609 19.2452 8.32862 19.2457L17.6616 19.2525C18.1066 19.254 18.5267 19.0809 18.8413 18.7662C19.1557 18.4529 19.3293 18.0339 19.3296 17.5894L19.3364 8.25546C19.3388 7.4802 18.8135 6.81479 18.063 6.63339C17.525 6.5026 17.1943 5.96017 17.3257 5.42733C17.4551 4.8895 17.9952 4.56072 18.5317 4.69003C20.1836 5.08862 21.3363 6.5596 21.3355 8.25643L21.3296 17.5894C21.329 18.5694 20.9463 19.4907 20.2534 20.1822C19.5609 20.8747 18.6402 21.2549 17.6607 21.2545L8.32667 21.2467Z",
3854
+ fill: "currentColor"
3855
+ })]
3856
+ })
3857
+ });
3858
+ //#endregion
3752
3859
  //#region src/components/Icon/icons/PauseIcon.tsx
3753
3860
  const PauseIcon = (props) => /* @__PURE__ */ jsx("svg", {
3754
3861
  ...props,
@@ -4074,14 +4181,24 @@ const RefreshIcon = (props) => /* @__PURE__ */ jsx("svg", {
4074
4181
  });
4075
4182
  //#endregion
4076
4183
  //#region src/components/Icon/icons/RemixIcon.tsx
4077
- const RemixIcon = (props) => /* @__PURE__ */ jsx("svg", {
4184
+ const RemixIcon = (props) => /* @__PURE__ */ jsxs("svg", {
4078
4185
  ...props,
4079
- viewBox: "0 0 24 24",
4186
+ viewBox: `0 0 24 24`,
4080
4187
  xmlns: "http://www.w3.org/2000/svg",
4081
- children: /* @__PURE__ */ jsx("path", {
4082
- d: "M2.30971 11.2705C2.86171 11.2093 3.32278 11.691 3.33705 12.2432C3.46757 16.9662 7.27243 20.667 12.0001 20.667C14.8872 20.667 17.5063 19.2363 19.1037 16.9316L17.1613 17.2002C16.6171 17.2672 16.1091 16.8934 16.0333 16.3467C15.9577 15.7997 16.3404 15.2949 16.8878 15.2188L20.8126 14.6758C21.351 14.6048 21.8635 14.9824 21.9396 15.5293L22.4835 19.4561C22.5595 20.0028 22.1777 20.5075 21.631 20.583C21.5841 20.5895 21.5379 20.5928 21.4923 20.5928C21.0008 20.5928 20.5722 20.231 20.5031 19.7305L20.3497 18.623C18.3603 21.1364 15.3202 22.667 12.0001 22.667C6.18107 22.667 1.49749 18.1113 1.33803 12.2969C1.32269 11.7452 1.75785 11.2856 2.30971 11.2705ZM12.0001 8.33301C14.0252 8.33301 15.6671 9.97496 15.6671 12C15.6671 14.0251 14.0252 15.667 12.0001 15.667C9.97511 15.667 8.33315 14.0251 8.33315 12C8.33315 9.97497 9.97511 8.33302 12.0001 8.33301ZM12.0001 1.33301C17.8184 1.33311 22.5019 5.88662 22.6622 11.7002C22.6778 12.2522 22.2417 12.7126 21.6896 12.7275C21.6807 12.7282 21.6711 12.7275 21.6622 12.7275C21.1225 12.7275 20.6782 12.2978 20.6632 11.7549C20.5321 7.03254 16.7271 3.33318 12.0001 3.33301C9.11427 3.33301 6.49396 4.76369 4.89662 7.06836L6.839 6.7998C7.37795 6.72489 7.88996 7.10605 7.96693 7.65332C8.04253 8.20025 7.65991 8.70512 7.11244 8.78125L3.18764 9.32422C3.14137 9.33009 3.09457 9.33301 3.04897 9.33301C2.55757 9.33279 2.12976 8.97119 2.06068 8.4707L1.51576 4.54395C1.43972 3.99716 1.82247 3.49244 2.36928 3.41699C2.92066 3.34152 3.42077 3.72214 3.49623 4.26953L3.65053 5.37891C5.64026 2.86531 8.68134 1.33301 12.0001 1.33301Z",
4083
- fill: "currentColor"
4084
- })
4188
+ children: [
4189
+ /* @__PURE__ */ jsx("path", {
4190
+ d: "M21.6895 11.2705C21.1376 11.2096 20.6774 11.6911 20.6631 12.2432C20.5326 16.9661 16.7276 20.6668 12 20.667C9.11295 20.667 6.49383 19.2363 4.89649 16.9316L6.83888 17.2002C7.38301 17.2672 7.89104 16.8934 7.96681 16.3467C8.04241 15.7998 7.65976 15.2949 7.11231 15.2188L3.18751 14.6758C2.64911 14.6047 2.13669 14.9824 2.06056 15.5293L1.51563 19.4561C1.43967 20.0028 1.82238 20.5076 2.36915 20.583C2.41598 20.5895 2.46232 20.5928 2.50782 20.5928C2.9992 20.5926 3.42695 20.2309 3.4961 19.7305L3.6504 18.623C5.63987 21.1363 8.68002 22.667 12 22.667C17.8189 22.6668 22.5027 18.1111 22.6621 12.2969C22.6775 11.7451 22.2414 11.2854 21.6895 11.2705Z",
4191
+ fill: "currentColor"
4192
+ }),
4193
+ /* @__PURE__ */ jsx("path", {
4194
+ d: "M12 8.33301C9.97497 8.33301 8.33302 9.97496 8.33302 12C8.33302 14.0251 9.97497 15.667 12 15.667C14.0249 15.6668 15.666 14.0249 15.666 12C15.666 9.9751 14.0249 8.33323 12 8.33301Z",
4195
+ fill: "currentColor"
4196
+ }),
4197
+ /* @__PURE__ */ jsx("path", {
4198
+ d: "M12 1.33301C6.18171 1.33301 1.49828 5.88656 1.3379 11.7002C1.3223 12.2521 1.75753 12.7125 2.30958 12.7275C2.31865 12.7282 2.32883 12.7275 2.3379 12.7275C2.87757 12.7275 3.32102 12.2978 3.33595 11.7549C3.4671 7.03242 7.27289 3.33301 12 3.33301C14.8857 3.33303 17.5052 4.76386 19.1025 7.06836L17.1611 6.7998C16.6222 6.72489 16.1102 7.10608 16.0332 7.65332C15.9576 8.20025 16.3402 8.70512 16.8877 8.78125L20.8125 9.32422C20.8587 9.33007 20.9047 9.333 20.9502 9.33301C21.4418 9.33301 21.8704 8.97136 21.9395 8.4707L22.4834 4.54395C22.5595 3.99718 22.1776 3.49253 21.6309 3.41699C21.0794 3.34139 20.5784 3.72206 20.5029 4.26953L20.3496 5.37891C18.3599 2.86535 15.3187 1.33307 12 1.33301Z",
4199
+ fill: "currentColor"
4200
+ })
4201
+ ]
4085
4202
  });
4086
4203
  //#endregion
4087
4204
  //#region src/components/Icon/icons/ReplaceIcon.tsx
@@ -4147,6 +4264,19 @@ const RewindIcon = (props) => /* @__PURE__ */ jsx("svg", {
4147
4264
  })
4148
4265
  });
4149
4266
  //#endregion
4267
+ //#region src/components/Icon/icons/RoundnessIcon.tsx
4268
+ const RoundnessIcon = (props) => /* @__PURE__ */ jsx("svg", {
4269
+ ...props,
4270
+ viewBox: "0 0 24 24",
4271
+ xmlns: "http://www.w3.org/2000/svg",
4272
+ children: /* @__PURE__ */ jsx("path", {
4273
+ clipRule: "evenodd",
4274
+ d: "M11.6667 4.66667C7.80066 4.66667 4.66667 7.80032 4.66667 11.6667V20.3333C4.66667 20.8856 4.21895 21.3333 3.66667 21.3333C3.11439 21.3333 2.66667 20.8856 2.66667 20.3333V11.6667C2.66667 6.69568 6.69615 2.66667 11.6667 2.66667H20.3333C20.8856 2.66667 21.3333 3.11439 21.3333 3.66667C21.3333 4.21895 20.8856 4.66667 20.3333 4.66667H11.6667Z",
4275
+ fill: "currentColor",
4276
+ fillRule: "evenodd"
4277
+ })
4278
+ });
4279
+ //#endregion
4150
4280
  //#region src/components/Icon/icons/SaveIcon.tsx
4151
4281
  const SaveIcon = (props) => /* @__PURE__ */ jsx("svg", {
4152
4282
  ...props,
@@ -4232,6 +4362,17 @@ const SendIcon = (props) => /* @__PURE__ */ jsx("svg", {
4232
4362
  })
4233
4363
  });
4234
4364
  //#endregion
4365
+ //#region src/components/Icon/icons/ShadowIcon.tsx
4366
+ const ShadowIcon = (props) => /* @__PURE__ */ jsx("svg", {
4367
+ ...props,
4368
+ viewBox: "0 0 24 24",
4369
+ xmlns: "http://www.w3.org/2000/svg",
4370
+ children: /* @__PURE__ */ jsx("path", {
4371
+ d: "M9.33301 1.33301C12.942 1.33301 15.9977 3.73474 16.9912 7.02344C20.2709 8.02123 22.666 11.0655 22.666 14.667C22.666 19.079 19.078 22.667 14.666 22.667C11.0644 22.6668 8.02001 20.2712 7.02246 16.9912C3.73422 15.9974 1.33301 12.9416 1.33301 9.33301C1.33318 4.92127 4.92127 1.33318 9.33301 1.33301ZM9.33301 3.33301C6.02527 3.33318 3.33318 6.02527 3.33301 9.33301C3.33301 12.6409 6.02516 15.3328 9.33301 15.333C12.641 15.333 15.333 12.641 15.333 9.33301C15.3328 6.02516 12.6409 3.33301 9.33301 3.33301Z",
4372
+ fill: "currentColor"
4373
+ })
4374
+ });
4375
+ //#endregion
4235
4376
  //#region src/components/Icon/icons/ShapesIcon.tsx
4236
4377
  const ShapesIcon = (props) => /* @__PURE__ */ jsx("svg", {
4237
4378
  ...props,
@@ -4398,6 +4539,31 @@ const TeleprompterIcon = (props) => /* @__PURE__ */ jsx("svg", {
4398
4539
  })
4399
4540
  });
4400
4541
  //#endregion
4542
+ //#region src/components/Icon/icons/TextIcon.tsx
4543
+ const TextIcon = (props) => /* @__PURE__ */ jsx("svg", {
4544
+ ...props,
4545
+ viewBox: "0 0 24 24",
4546
+ xmlns: "http://www.w3.org/2000/svg",
4547
+ children: /* @__PURE__ */ jsx("path", {
4548
+ transform: "translate(3.334 2.664)",
4549
+ d: "M15.3339 0C15.7126 4.39001e-05 16.0592 0.215079 16.2285 0.553711L17.2285 2.55371C17.4764 3.04837 17.2749 3.64787 16.7802 3.89453C16.6376 3.96652 16.4842 4.00195 16.3349 4.00195C15.9683 4.00186 15.6154 3.79881 15.4394 3.44824L14.7148 2.00195H9.66694V16.668H11.6669C12.2188 16.668 12.6668 17.1161 12.6669 17.668C12.6669 18.2199 12.2189 18.6679 11.6669 18.668H5.66694C5.11494 18.668 4.66694 18.22 4.66694 17.668C4.66712 17.1161 5.11505 16.668 5.66694 16.668H7.66694V2.00195H2.61909L1.89546 3.44824C1.64879 3.94158 1.04833 4.14253 0.553663 3.89453C0.0592901 3.64647 -0.141039 3.0469 0.105421 2.55371L1.10542 0.553711C1.27475 0.215044 1.62226 0 2.00093 0H15.3339Z",
4550
+ fill: "currentColor"
4551
+ })
4552
+ });
4553
+ //#endregion
4554
+ //#region src/components/Icon/icons/TextAllCapsIcon.tsx
4555
+ const TextAllCapsIcon = (props) => /* @__PURE__ */ jsx("svg", {
4556
+ ...props,
4557
+ viewBox: "0 0 24 24",
4558
+ xmlns: "http://www.w3.org/2000/svg",
4559
+ children: /* @__PURE__ */ jsx("path", {
4560
+ clipRule: "evenodd",
4561
+ d: "M18.5396 5.33301C20.957 5.33301 22.3489 6.82032 22.8355 7.45898C23.1701 7.89898 23.0864 8.52571 22.6451 8.86035C22.2051 9.19486 21.5784 9.10889 21.2437 8.66895C20.8636 8.17025 20.0074 7.33301 18.5396 7.33301C16.1144 7.33308 14.6666 9.10566 14.6666 12.0723C14.6667 14.7348 16.1746 16.667 18.2506 16.667C19.3239 16.667 21.2427 16.6666 21.5601 13.3896H18.3941C17.8424 13.3895 17.3943 12.9414 17.3941 12.3896C17.3941 11.8378 17.8423 11.3898 18.3941 11.3896H22.6051C23.1571 11.3896 23.6051 11.8376 23.6051 12.3896C23.605 16.5547 21.8037 18.6669 18.2506 18.667C15.0666 18.667 12.6667 15.8321 12.6666 12.0723C12.6666 7.97899 14.9717 5.33308 18.5396 5.33301ZM6.33065 5.33301C6.73184 5.33313 7.09557 5.57478 7.25155 5.94531L12.0113 17.2773C12.226 17.7867 11.9865 18.3736 11.4771 18.5869C11.3505 18.6402 11.2197 18.665 11.0904 18.665C10.6998 18.665 10.3286 18.4363 10.1685 18.0537L9.30624 15.999H3.11678L2.25448 18.0537C2.04105 18.5642 1.45246 18.8012 0.945884 18.5879C0.438175 18.3744 0.198431 17.7875 0.411705 17.2783L5.17147 5.94531C5.32747 5.57465 5.69068 5.33301 6.09335 5.33301H6.33065ZM3.95663 14H8.46639L6.21151 8.63379L3.95663 14Z",
4562
+ fill: "currentColor",
4563
+ fillRule: "evenodd"
4564
+ })
4565
+ });
4566
+ //#endregion
4401
4567
  //#region src/components/Icon/icons/TextBoldIcon.tsx
4402
4568
  const TextBoldIcon = (props) => /* @__PURE__ */ jsx("svg", {
4403
4569
  ...props,
@@ -4409,6 +4575,28 @@ const TextBoldIcon = (props) => /* @__PURE__ */ jsx("svg", {
4409
4575
  })
4410
4576
  });
4411
4577
  //#endregion
4578
+ //#region src/components/Icon/icons/TextBulletedListIcon.tsx
4579
+ const TextBulletedListIcon = (props) => /* @__PURE__ */ jsx("svg", {
4580
+ ...props,
4581
+ viewBox: "0 0 24 24",
4582
+ xmlns: "http://www.w3.org/2000/svg",
4583
+ children: /* @__PURE__ */ jsx("path", {
4584
+ d: "M5 14C6.65685 14 8 15.3431 8 17C8 18.6569 6.65685 20 5 20C3.34315 20 2 18.6569 2 17C2 15.3431 3.34315 14 5 14ZM21.667 16C22.2188 16.0002 22.667 16.4481 22.667 17C22.667 17.5519 22.2188 17.9998 21.667 18H11.667C11.115 18 10.667 17.552 10.667 17C10.667 16.448 11.115 16 11.667 16H21.667ZM5 4C6.65685 4 8 5.34315 8 7C8 8.65685 6.65685 10 5 10C3.34315 10 2 8.65685 2 7C2 5.34315 3.34315 4 5 4ZM21.667 6C22.2188 6.00018 22.667 6.44811 22.667 7C22.667 7.55189 22.2188 7.99982 21.667 8H11.667C11.115 8 10.667 7.552 10.667 7C10.667 6.448 11.115 6 11.667 6H21.667Z",
4585
+ fill: "currentColor"
4586
+ })
4587
+ });
4588
+ //#endregion
4589
+ //#region src/components/Icon/icons/TextCenterAlignIcon.tsx
4590
+ const TextCenterAlignIcon = (props) => /* @__PURE__ */ jsx("svg", {
4591
+ ...props,
4592
+ viewBox: "0 0 24 24",
4593
+ xmlns: "http://www.w3.org/2000/svg",
4594
+ children: /* @__PURE__ */ jsx("path", {
4595
+ d: "M16.333 18C16.885 18 17.333 18.448 17.333 19C17.333 19.552 16.885 20 16.333 20H7.66699C7.11499 20 6.66699 19.552 6.66699 19C6.66699 18.448 7.11499 18 7.66699 18H16.333ZM20.333 13.333C20.8849 13.333 21.3328 13.7812 21.333 14.333C21.333 14.885 20.885 15.333 20.333 15.333H3.66699C3.11499 15.333 2.66699 14.885 2.66699 14.333C2.66717 13.7812 3.1151 13.333 3.66699 13.333H20.333ZM16.333 8.66699C16.885 8.66699 17.333 9.11499 17.333 9.66699C17.3328 10.2188 16.8849 10.667 16.333 10.667H7.66699C7.1151 10.667 6.66717 10.2188 6.66699 9.66699C6.66699 9.11499 7.11499 8.66699 7.66699 8.66699H16.333ZM20.333 4C20.885 4 21.333 4.448 21.333 5C21.333 5.552 20.885 6 20.333 6H3.66699C3.11499 6 2.66699 5.552 2.66699 5C2.66699 4.448 3.11499 4 3.66699 4H20.333Z",
4596
+ fill: "currentColor"
4597
+ })
4598
+ });
4599
+ //#endregion
4412
4600
  //#region src/components/Icon/icons/TextItalicsIcon.tsx
4413
4601
  const TextItalicsIcon = (props) => /* @__PURE__ */ jsx("svg", {
4414
4602
  ...props,
@@ -4420,6 +4608,54 @@ const TextItalicsIcon = (props) => /* @__PURE__ */ jsx("svg", {
4420
4608
  })
4421
4609
  });
4422
4610
  //#endregion
4611
+ //#region src/components/Icon/icons/TextLeftAlignIcon.tsx
4612
+ const TextLeftAlignIcon = (props) => /* @__PURE__ */ jsx("svg", {
4613
+ ...props,
4614
+ viewBox: "0 0 24 24",
4615
+ xmlns: "http://www.w3.org/2000/svg",
4616
+ children: /* @__PURE__ */ jsx("path", {
4617
+ d: "M12.333 18C12.885 18 13.333 18.448 13.333 19C13.333 19.552 12.885 20 12.333 20H3.66699C3.11499 20 2.66699 19.552 2.66699 19C2.66699 18.448 3.11499 18 3.66699 18H12.333ZM20.333 13.333C20.8849 13.333 21.3328 13.7812 21.333 14.333C21.333 14.885 20.885 15.333 20.333 15.333H3.66699C3.11499 15.333 2.66699 14.885 2.66699 14.333C2.66717 13.7812 3.1151 13.333 3.66699 13.333H20.333ZM12.333 8.66699C12.885 8.66699 13.333 9.11499 13.333 9.66699C13.3328 10.2188 12.8849 10.667 12.333 10.667H3.66699C3.1151 10.667 2.66717 10.2188 2.66699 9.66699C2.66699 9.11499 3.11499 8.66699 3.66699 8.66699H12.333ZM20.333 4C20.885 4 21.333 4.448 21.333 5C21.333 5.552 20.885 6 20.333 6H3.66699C3.11499 6 2.66699 5.552 2.66699 5C2.66699 4.448 3.11499 4 3.66699 4H20.333Z",
4618
+ fill: "currentColor"
4619
+ })
4620
+ });
4621
+ //#endregion
4622
+ //#region src/components/Icon/icons/TextLineHeightIcon.tsx
4623
+ const TextLineHeightIcon = (props) => /* @__PURE__ */ jsx("svg", {
4624
+ ...props,
4625
+ viewBox: "0 0 24 24",
4626
+ xmlns: "http://www.w3.org/2000/svg",
4627
+ children: /* @__PURE__ */ jsx("path", {
4628
+ clipRule: "evenodd",
4629
+ d: "M4.29227 1.62639C4.68289 1.236 5.31572 1.23598 5.70633 1.62639L8.37332 4.29338C8.76377 4.68398 8.76372 5.3168 8.37332 5.70744C8.17866 5.90344 7.92229 6.00139 7.66629 6.00139C7.41039 6.00131 7.15483 5.90203 6.96024 5.70744L6.00028 4.74748V19.2533L6.96024 18.2934L6.95828 18.2914C7.3489 17.9009 7.98266 17.9009 8.37332 18.2914C8.76398 18.6821 8.76395 19.3158 8.37332 19.7065L5.70633 22.3735C5.51179 22.5692 5.25604 22.6663 5.00028 22.6664C4.74434 22.6664 4.48789 22.568 4.29324 22.3735L1.62625 19.7065C1.23577 19.3158 1.23565 18.682 1.62625 18.2914C2.01686 17.9008 2.65062 17.9009 3.04129 18.2914L4.00125 19.2514V4.74748L3.04129 5.70744C2.65062 6.09811 2.01692 6.09811 1.62625 5.70744C1.23604 5.31684 1.23599 4.68395 1.62625 4.29338L4.29227 1.62639ZM17.6663 17.9994C18.2182 17.9994 18.6661 18.4476 18.6663 18.9994C18.6663 19.5514 18.2183 19.9994 17.6663 19.9994H11.6663C11.1144 19.9993 10.6663 19.5513 10.6663 18.9994C10.6665 18.4477 11.1146 17.9996 11.6663 17.9994H17.6663ZM21.6663 13.3334C22.2183 13.3334 22.6663 13.7814 22.6663 14.3334C22.6662 14.8853 22.2182 15.3334 21.6663 15.3334H11.6663C11.1145 15.3332 10.6664 14.8852 10.6663 14.3334C10.6663 13.7815 11.1144 13.3336 11.6663 13.3334H21.6663ZM21.6663 8.66643C22.2183 8.66643 22.6663 9.11446 22.6663 9.66643C22.6663 10.2184 22.2183 10.6664 21.6663 10.6664H11.6663C11.1144 10.6663 10.6663 10.2183 10.6663 9.66643C10.6663 9.11456 11.1145 8.6666 11.6663 8.66643H21.6663ZM21.6663 3.99943C22.2182 3.99943 22.6661 4.44761 22.6663 4.99943C22.6663 5.55143 22.2183 5.99943 21.6663 5.99943H11.6663C11.1144 5.99926 10.6663 5.55133 10.6663 4.99943C10.6665 4.44772 11.1146 3.9996 11.6663 3.99943H21.6663Z",
4630
+ fill: "currentColor",
4631
+ fillRule: "evenodd"
4632
+ })
4633
+ });
4634
+ //#endregion
4635
+ //#region src/components/Icon/icons/TextNumberedListIcon.tsx
4636
+ const TextNumberedListIcon = (props) => /* @__PURE__ */ jsx("svg", {
4637
+ ...props,
4638
+ viewBox: "0 0 24 24",
4639
+ xmlns: "http://www.w3.org/2000/svg",
4640
+ children: /* @__PURE__ */ jsx("path", {
4641
+ clipRule: "evenodd",
4642
+ d: "M6.17018 12.6667C8.19818 12.6961 9.62815 13.8307 9.72682 15.488C9.81747 17.016 8.69946 18.2653 6.40748 19.1999C5.67037 19.5012 5.177 19.7358 4.85573 19.9997H8.73073C9.2826 19.9998 9.73059 20.4479 9.73073 20.9997C9.73073 21.5517 9.28268 21.9997 8.73073 21.9997H3.33327C3.05594 21.9997 2.79017 21.8854 2.60084 21.6814C2.41165 21.4774 2.31623 21.2053 2.33619 20.9294C2.49884 18.6377 4.32099 17.8924 5.65162 17.3484C6.44756 17.0244 7.77487 16.3667 7.72975 15.6081C7.67908 14.7561 6.49955 14.6721 6.14088 14.6667C5.39838 14.6335 4.5402 14.9521 4.29616 15.8171C4.14816 16.3478 3.60273 16.6624 3.06276 16.5105C2.53209 16.3611 2.22104 15.8091 2.37037 15.2771C2.81043 13.7078 4.30428 12.6667 6.09889 12.6667H6.17018ZM21.6663 15.9997C22.2182 15.9997 22.6661 16.4479 22.6663 16.9997C22.6663 17.5517 22.2183 17.9997 21.6663 17.9997H12.6663C12.1145 17.9995 11.6663 17.5516 11.6663 16.9997C11.6664 16.448 12.1145 15.9999 12.6663 15.9997H21.6663ZM5.46901 2.16673C5.69965 1.77876 6.168 1.58782 6.59596 1.70774C7.03054 1.82638 7.33412 2.21715 7.33424 2.6677V9.99973C7.33424 10.5517 6.88527 10.9997 6.33327 10.9997C5.78131 10.9997 5.33327 10.5517 5.33327 9.99973V4.94407C4.92398 5.17203 4.44794 5.36085 3.89869 5.46751C3.36813 5.56615 2.83256 5.21605 2.72975 4.67356C2.62577 4.13098 2.97985 3.60776 3.52369 3.50364C4.80563 3.2587 5.44043 2.21388 5.46901 2.16673ZM21.6663 5.99973C22.2182 5.99973 22.6661 6.44785 22.6663 6.99973C22.6663 7.55173 22.2183 7.99973 21.6663 7.99973H12.6663C12.1145 7.99952 11.6663 7.5516 11.6663 6.99973C11.6664 6.44798 12.1145 5.99995 12.6663 5.99973H21.6663Z",
4643
+ fill: "currentColor",
4644
+ fillRule: "evenodd"
4645
+ })
4646
+ });
4647
+ //#endregion
4648
+ //#region src/components/Icon/icons/TextRightAlignIcon.tsx
4649
+ const TextRightAlignIcon = (props) => /* @__PURE__ */ jsx("svg", {
4650
+ ...props,
4651
+ viewBox: "0 0 24 24",
4652
+ xmlns: "http://www.w3.org/2000/svg",
4653
+ children: /* @__PURE__ */ jsx("path", {
4654
+ d: "M20.333 18C20.885 18 21.333 18.448 21.333 19C21.333 19.552 20.885 20 20.333 20H11.667C11.115 20 10.667 19.552 10.667 19C10.667 18.448 11.115 18 11.667 18H20.333ZM20.333 13.333C20.8849 13.333 21.3328 13.7812 21.333 14.333C21.333 14.885 20.885 15.333 20.333 15.333H3.66699C3.11499 15.333 2.66699 14.885 2.66699 14.333C2.66717 13.7812 3.1151 13.333 3.66699 13.333H20.333ZM20.333 8.66699C20.885 8.66699 21.333 9.11499 21.333 9.66699C21.3328 10.2188 20.8849 10.667 20.333 10.667H11.667C11.1151 10.667 10.6672 10.2188 10.667 9.66699C10.667 9.11499 11.115 8.66699 11.667 8.66699H20.333ZM20.333 4C20.885 4 21.333 4.448 21.333 5C21.333 5.552 20.885 6 20.333 6H3.66699C3.11499 6 2.66699 5.552 2.66699 5C2.66699 4.448 3.11499 4 3.66699 4H20.333Z",
4655
+ fill: "currentColor"
4656
+ })
4657
+ });
4658
+ //#endregion
4423
4659
  //#region src/components/Icon/icons/TextSizeIcon.tsx
4424
4660
  const TextSizeIcon = (props) => /* @__PURE__ */ jsx("svg", {
4425
4661
  ...props,
@@ -4433,6 +4669,41 @@ const TextSizeIcon = (props) => /* @__PURE__ */ jsx("svg", {
4433
4669
  })
4434
4670
  });
4435
4671
  //#endregion
4672
+ //#region src/components/Icon/icons/TextStrikethroughIcon.tsx
4673
+ const TextStrikethroughIcon = (props) => /* @__PURE__ */ jsx("svg", {
4674
+ ...props,
4675
+ viewBox: "0 0 24 24",
4676
+ xmlns: "http://www.w3.org/2000/svg",
4677
+ children: /* @__PURE__ */ jsx("path", {
4678
+ d: "M17.4229 15.0039C17.9727 14.9516 18.4614 15.3555 18.5137 15.9053C18.5262 16.0368 18.5339 16.1715 18.5371 16.3096C18.6235 19.8362 15.4641 21.9999 12.1055 22C10.546 22 9.12593 21.6974 7.96387 20.9717C6.78263 20.2339 5.95172 19.1104 5.50293 17.6377C5.34227 17.1096 5.64082 16.5507 6.16895 16.3896C6.69702 16.2291 7.25598 16.5267 7.41699 17.0547C7.74021 18.1154 8.29401 18.8199 9.02344 19.2754C9.77202 19.7429 10.7891 20 12.1055 20C14.7654 19.9999 16.5877 18.3774 16.5381 16.3574C16.5359 16.2668 16.5304 16.1785 16.5225 16.0947C16.4701 15.545 16.8731 15.0563 17.4229 15.0039ZM12.1064 2C13.693 2 16.5637 2.49065 17.9531 5.77832C18.1678 6.28632 17.9289 6.87287 17.4209 7.08887C16.913 7.30337 16.325 7.06546 16.1104 6.55762C15.393 4.86028 14.0464 4 12.1064 4C11.3037 4.00006 9.52758 4.28239 8.55566 5.35156C8.03034 5.93023 7.81985 6.66149 7.90918 7.59082C7.96919 8.21496 8.1537 10.1158 12.1494 10.8291C12.4221 10.8775 12.7101 10.9351 13.0059 11H21.333C21.885 11 22.333 11.448 22.333 12C22.333 12.552 21.885 13 21.333 13H2.66699C2.11499 13 1.66699 12.552 1.66699 12C1.66699 11.448 2.11499 11 2.66699 11H7.56055C6.42585 10.0063 6.01814 8.81225 5.91895 7.78223C5.77639 6.30373 6.1759 4.99839 7.07715 4.00781C8.84871 2.05762 11.7773 2.00003 12.1064 2Z",
4679
+ fill: "currentColor"
4680
+ })
4681
+ });
4682
+ //#endregion
4683
+ //#region src/components/Icon/icons/TextTitleCaseIcon.tsx
4684
+ const TextTitleCaseIcon = (props) => /* @__PURE__ */ jsx("svg", {
4685
+ ...props,
4686
+ viewBox: "0 0 24 24",
4687
+ xmlns: "http://www.w3.org/2000/svg",
4688
+ children: /* @__PURE__ */ jsx("path", {
4689
+ clipRule: "evenodd",
4690
+ d: "M18.2077 8C18.9103 8 19.5613 8.20537 20.1266 8.54004C20.2946 8.22276 20.6157 8.00004 20.9996 8H21.0006C21.5526 8 22.0006 8.448 22.0006 9V17.4023C22.0006 19.569 20.2385 21.3319 18.0719 21.332C16.8239 21.332 15.6393 20.7303 14.902 19.7236C14.5758 19.2785 14.672 18.6538 15.1168 18.3271C15.5635 18.0005 16.189 18.0976 16.5143 18.543C16.877 19.0376 17.46 19.332 18.0719 19.332C19.1358 19.3319 20.0006 18.4663 20.0006 17.4023V16.1943C19.4633 16.4863 18.8596 16.667 18.2077 16.667H17.9342C15.8423 16.6669 14.1412 14.965 14.1412 12.873V11.793C14.1414 9.7012 15.8438 8.00011 17.9342 8H18.2077ZM7.3307 4C7.7319 4.00014 8.09564 4.24174 8.2516 4.6123L13.0114 15.9443C13.2259 16.4535 12.9863 17.0395 12.4772 17.2529C12.3506 17.3062 12.2198 17.332 12.0905 17.332C11.6998 17.332 11.3286 17.1024 11.1686 16.7197L10.3063 14.665H4.11683L3.25453 16.7197C3.04119 17.2304 2.4526 17.4682 1.94593 17.2549C1.43813 17.0414 1.19846 16.4546 1.41175 15.9453L6.17152 4.6123C6.32752 4.24164 6.69073 4 7.09339 4H7.3307ZM17.9332 10C16.9454 10 16.1395 10.8038 16.1393 11.793V12.873C16.1393 13.861 16.9452 14.667 17.9332 14.667H18.2067C19.1946 14.6669 19.9996 13.8623 19.9996 12.873V11.793C19.9994 10.8052 19.1944 10.0001 18.2067 10H17.9332ZM4.95667 12.667H9.46644L7.21156 7.2998L4.95667 12.667Z",
4691
+ fill: "currentColor",
4692
+ fillRule: "evenodd"
4693
+ })
4694
+ });
4695
+ //#endregion
4696
+ //#region src/components/Icon/icons/TextUnderlineIcon.tsx
4697
+ const TextUnderlineIcon = (props) => /* @__PURE__ */ jsx("svg", {
4698
+ ...props,
4699
+ viewBox: "0 0 24 24",
4700
+ xmlns: "http://www.w3.org/2000/svg",
4701
+ children: /* @__PURE__ */ jsx("path", {
4702
+ d: "M20.333 19.333C20.8849 19.333 21.3328 19.7812 21.333 20.333C21.333 20.885 20.885 21.333 20.333 21.333H3.66699C3.11499 21.333 2.66699 20.885 2.66699 20.333C2.66717 19.7812 3.1151 19.333 3.66699 19.333H20.333ZM17 2.66699C17.552 2.66699 18 3.11499 18 3.66699V11.333C18 14.641 15.308 17.333 12 17.333C8.692 17.333 6 14.641 6 11.333V3.66699C6 3.11499 6.448 2.66699 7 2.66699C7.552 2.66699 8 3.11499 8 3.66699V11.333C8 13.5383 9.79467 15.333 12 15.333C14.2053 15.333 16 13.5383 16 11.333V3.66699C16 3.11499 16.448 2.66699 17 2.66699Z",
4703
+ fill: "currentColor"
4704
+ })
4705
+ });
4706
+ //#endregion
4436
4707
  //#region src/components/Icon/icons/ThumbnailIcon.tsx
4437
4708
  const ThumbnailIcon = (props) => /* @__PURE__ */ jsx("svg", {
4438
4709
  ...props,
@@ -4774,7 +5045,7 @@ const ZoomOutIcon = (props) => /* @__PURE__ */ jsx("svg", {
4774
5045
  //#endregion
4775
5046
  //#region src/components/Icon/iconMap.ts
4776
5047
  /**
4777
- * This file is auto-generated by the generateIconMap script on 2/18/2026.
5048
+ * This file is auto-generated by the generateIconMap script on 4/22/2026.
4778
5049
  */
4779
5050
  const iconMap = {
4780
5051
  "ab-test": AbTestIcon,
@@ -4798,7 +5069,6 @@ const iconMap = {
4798
5069
  bank: BankIcon,
4799
5070
  bell: BellIcon,
4800
5071
  bolt: BoltIcon,
4801
- "bullet-list": BulletListIcon,
4802
5072
  brands: BrandsIcon,
4803
5073
  calendar: CalendarIcon,
4804
5074
  "call-to-action": CallToActionIcon,
@@ -4821,6 +5091,7 @@ const iconMap = {
4821
5091
  "circle-slashed": CircleSlashedIcon,
4822
5092
  clapboard: ClapboardIcon,
4823
5093
  clips: ClipsIcon,
5094
+ clock: ClockIcon,
4824
5095
  close: CloseIcon,
4825
5096
  "close-octagon": CloseOctagonIcon,
4826
5097
  "closed-captions": ClosedCaptionsIcon,
@@ -4863,6 +5134,8 @@ const iconMap = {
4863
5134
  "film-strip": FilmStripIcon,
4864
5135
  filter: FilterIcon,
4865
5136
  fit: FitIcon,
5137
+ "flip-horizontal": FlipHorizontalIcon,
5138
+ "flip-vertical": FlipVerticalIcon,
4866
5139
  fonts: FontsIcon,
4867
5140
  footer: FooterIcon,
4868
5141
  "full-screen": FullScreenIcon,
@@ -4880,6 +5153,7 @@ const iconMap = {
4880
5153
  info: InfoIcon,
4881
5154
  integrations: IntegrationsIcon,
4882
5155
  keyboard: KeyboardIcon,
5156
+ layers: LayersIcon,
4883
5157
  layout: LayoutIcon,
4884
5158
  leave: LeaveIcon,
4885
5159
  library: LibraryIcon,
@@ -4914,6 +5188,7 @@ const iconMap = {
4914
5188
  "panel-up": PanelUpIcon,
4915
5189
  "paper-clip": PaperClipIcon,
4916
5190
  password: PasswordIcon,
5191
+ paste: PasteIcon,
4917
5192
  pause: PauseIcon,
4918
5193
  pencil: PencilIcon,
4919
5194
  "pencil-sparkle": PencilSparkleIcon,
@@ -4945,6 +5220,7 @@ const iconMap = {
4945
5220
  "request-video": RequestVideoIcon,
4946
5221
  "revert-to-original": RevertToOriginalIcon,
4947
5222
  rewind: RewindIcon,
5223
+ roundness: RoundnessIcon,
4948
5224
  save: SaveIcon,
4949
5225
  "save-as-copy": SaveAsCopyIcon,
4950
5226
  scissors: ScissorsIcon,
@@ -4952,6 +5228,7 @@ const iconMap = {
4952
5228
  "screenshare-on": ScreenshareOnIcon,
4953
5229
  search: SearchIcon,
4954
5230
  send: SendIcon,
5231
+ shadow: ShadowIcon,
4955
5232
  shapes: ShapesIcon,
4956
5233
  share: ShareIcon,
4957
5234
  "sharing-permissions": SharingPermissionsIcon,
@@ -4964,9 +5241,20 @@ const iconMap = {
4964
5241
  "switch-accounts": SwitchAccountsIcon,
4965
5242
  tag: TagIcon,
4966
5243
  teleprompter: TeleprompterIcon,
5244
+ text: TextIcon,
5245
+ "text-all-caps": TextAllCapsIcon,
4967
5246
  "text-bold": TextBoldIcon,
5247
+ "text-bulleted-list": TextBulletedListIcon,
5248
+ "text-center-align": TextCenterAlignIcon,
4968
5249
  "text-italics": TextItalicsIcon,
5250
+ "text-left-align": TextLeftAlignIcon,
5251
+ "text-line-height": TextLineHeightIcon,
5252
+ "text-numbered-list": TextNumberedListIcon,
5253
+ "text-right-align": TextRightAlignIcon,
4969
5254
  "text-size": TextSizeIcon,
5255
+ "text-strikethrough": TextStrikethroughIcon,
5256
+ "text-title-case": TextTitleCaseIcon,
5257
+ "text-underline": TextUnderlineIcon,
4970
5258
  thumbnail: ThumbnailIcon,
4971
5259
  "thumbs-down": ThumbsDownIcon,
4972
5260
  "thumbs-up": ThumbsUpIcon,
@@ -5235,7 +5523,7 @@ const StyledButtonLoading = styled.div`
5235
5523
  position: absolute;
5236
5524
  display: flex;
5237
5525
  `;
5238
- const ButtonContent = ({ isLoading = false, leftIcon, rightIcon, children, fullWidth = false }) => {
5526
+ const ButtonContent = ({ isLoading = false, leftIcon, rightIcon, children, fullWidth }) => {
5239
5527
  return /* @__PURE__ */ jsxs(Fragment, { children: [isLoading ? /* @__PURE__ */ jsx(StyledButtonLoading, { children: /* @__PURE__ */ jsx(Icon, { type: "spinner" }) }) : null, /* @__PURE__ */ jsxs(StyledButtonContent, {
5240
5528
  $hasLeftIcon: isNotNil(leftIcon),
5241
5529
  $hasRightIcon: isNotNil(rightIcon),
@@ -7266,7 +7554,7 @@ const getAccessibleColorInDirection = ({ originalColor, colorForComparison, minC
7266
7554
  * Finds the accessible color that is closest to the original color by trying both
7267
7555
  * brighter and darker variants and choosing the one with the smallest change in value.
7268
7556
  */
7269
- const getAccessibleColor = ({ originalColor, colorForComparison, minContrast = DEFAULT_MIN_CONTRAST, maxIterations = 50, opacityForContrastCalculation }) => {
7557
+ const getAccessibleColor = ({ originalColor, colorForComparison, minContrast, maxIterations = 50, opacityForContrastCalculation }) => {
7270
7558
  if (calculateContrast({
7271
7559
  backgroundColor: formatHex(convertToHsv(originalColor)),
7272
7560
  foregroundColor: colorForComparison,
@@ -7294,7 +7582,7 @@ const getAccessibleColor = ({ originalColor, colorForComparison, minContrast = D
7294
7582
  * Checks if any accessible color derivatives exist for the given parameters.
7295
7583
  * Returns true if at least one accessible color can be found by going brighter or darker.
7296
7584
  */
7297
- const hasAccessibleDerivatives = ({ originalColor, colorForComparison, minContrast = DEFAULT_MIN_CONTRAST, opacityForContrastCalculation }) => {
7585
+ const hasAccessibleDerivatives = ({ originalColor, colorForComparison, minContrast, opacityForContrastCalculation }) => {
7298
7586
  if (calculateContrast({
7299
7587
  backgroundColor: formatHex(convertToHsv(originalColor)),
7300
7588
  foregroundColor: colorForComparison,
@@ -8259,6 +8547,38 @@ const inputCss = css`
8259
8547
  --wui-input-font-weight: var(--wui-typography-weight-body);
8260
8548
  `;
8261
8549
  //#endregion
8550
+ //#region src/components/Input/timePositionUtils.ts
8551
+ const SEC_AND_MIN_MAX = 60;
8552
+ const stripInvalidCharacters = (string) => string.replace(/[^0-9:]/g, "");
8553
+ const parseNumber = (string) => string ? Number.parseFloat(string) : 0;
8554
+ const timeUnitsToString = (seconds, minutes, hours) => {
8555
+ let formattedString = isNotNil(hours) && Number(hours) > 0 ? `${hours}:` : "";
8556
+ formattedString += `${minutes}:${seconds}`;
8557
+ return formattedString;
8558
+ };
8559
+ const formatString = (string) => {
8560
+ const [initialSeconds, initialMinutes, initialHours] = string.split(":").reverse().map((stringNumber) => parseNumber(stringNumber));
8561
+ let seconds = 0;
8562
+ let minutes = 0;
8563
+ if (isNotNil(initialSeconds)) {
8564
+ minutes = Math.floor(initialSeconds / SEC_AND_MIN_MAX);
8565
+ if (isNotNil(initialMinutes)) minutes += initialMinutes;
8566
+ }
8567
+ if (isNotNil(initialSeconds)) seconds = initialSeconds % SEC_AND_MIN_MAX;
8568
+ const secondsString = seconds.toString();
8569
+ if (secondsString.length === 1) seconds = secondsString.padStart(2, "0");
8570
+ const initialHoursOr0 = isNotUndefined(initialHours) ? initialHours : 0;
8571
+ const hours = Math.floor(minutes / SEC_AND_MIN_MAX) + initialHoursOr0;
8572
+ minutes %= SEC_AND_MIN_MAX;
8573
+ const minutesString = minutes.toString();
8574
+ if (hours && minutesString.length === 1) minutes = minutesString.padStart(2, "0");
8575
+ return timeUnitsToString(seconds, minutes, hours);
8576
+ };
8577
+ const timePositionFormat = (value) => {
8578
+ if (isNil(value) || !isString(value)) return "0:00";
8579
+ return formatString(stripInvalidCharacters(value));
8580
+ };
8581
+ //#endregion
8262
8582
  //#region src/components/Input/Input.tsx
8263
8583
  const inputStyles = css`
8264
8584
  ${inputCss}
@@ -8362,6 +8682,15 @@ const StyledInputContainer = styled.div`
8362
8682
  `}
8363
8683
  }
8364
8684
 
8685
+ [type='time'] {
8686
+ appearance: none;
8687
+ max-height: 32px;
8688
+
8689
+ &::-webkit-calendar-picker-indicator {
8690
+ display: none;
8691
+ }
8692
+ }
8693
+
8365
8694
  [type='search'] {
8366
8695
  &::-webkit-search-cancel-button {
8367
8696
  appearance: none;
@@ -8431,6 +8760,7 @@ const Input = forwardRef(({ fullWidth = true, fullHeight = false, monospace = fa
8431
8760
  className: "wui-input-left-icon"
8432
8761
  });
8433
8762
  let rightIconToDisplay = rightIcon;
8763
+ if (isNil(rightIcon) && type === "time") rightIconToDisplay = /* @__PURE__ */ jsx(Icon, { type: "clock" });
8434
8764
  if (isNotNil(rightIconToDisplay) && isValidElement(rightIconToDisplay)) rightIconToDisplay = cloneElement(rightIconToDisplay, {
8435
8765
  size: "md",
8436
8766
  className: "wui-input-right-icon"
@@ -8441,6 +8771,17 @@ const Input = forwardRef(({ fullWidth = true, fullHeight = false, monospace = fa
8441
8771
  ref.current?.select();
8442
8772
  });
8443
8773
  };
8774
+ const handleBlur = (event) => {
8775
+ if (type === "timePosition" && ref.current instanceof HTMLInputElement) ref.current.value = timePositionFormat(event.target.value);
8776
+ if (isNotNil(props.onBlur)) props.onBlur(event);
8777
+ };
8778
+ useEffect(() => {
8779
+ if (type === "timePosition" && ref.current instanceof HTMLInputElement) ref.current.value = timePositionFormat(isNotNil(props.value) ? String(props.value) : ref.current.value || "0");
8780
+ }, [
8781
+ type,
8782
+ props.value,
8783
+ ref
8784
+ ]);
8444
8785
  return /* @__PURE__ */ jsxs(StyledInputContainer, {
8445
8786
  $fullHeight: fullHeight,
8446
8787
  $fullWidth: fullWidth,
@@ -8457,7 +8798,8 @@ const Input = forwardRef(({ fullWidth = true, fullHeight = false, monospace = fa
8457
8798
  ...props,
8458
8799
  ref,
8459
8800
  onFocus: handleFocus,
8460
- type
8801
+ onBlur: handleBlur,
8802
+ type: type === "timePosition" ? "text" : type
8461
8803
  }),
8462
8804
  rightIconToDisplay ?? null
8463
8805
  ]
@@ -8789,7 +9131,7 @@ const drawGradientBackground = (ctx, width, height, hue) => {
8789
9131
  * - Y-axis: value (1-0, top to bottom)
8790
9132
  * - Optional contrast threshold curve overlay
8791
9133
  */
8792
- const HSVSaturationValueCanvas = ({ hue, shouldShowContrastCurve = false, minimumContrastRatio = DEFAULT_MIN_CONTRAST, colorForComparison, opacityForContrastCalculation }) => {
9134
+ const HSVSaturationValueCanvas = ({ hue, shouldShowContrastCurve, minimumContrastRatio, colorForComparison, opacityForContrastCalculation }) => {
8793
9135
  const canvasRef = useRef(null);
8794
9136
  useEffect(() => {
8795
9137
  const canvas = canvasRef.current;
@@ -9287,7 +9629,7 @@ const defaultDisplayValues = (values, onRemove) => {
9287
9629
  onClickRemoveLabel: `Remove ${selectedValue}`
9288
9630
  }, selectedValue));
9289
9631
  };
9290
- const Combobox = ({ placeholder, value = [], onChange, searchValue, onSearchValueChange, displayValues = defaultDisplayValues, children, flipPopover = true, fullWidth = true }) => {
9632
+ const Combobox = ({ placeholder, value, onChange, searchValue, onSearchValueChange, displayValues = defaultDisplayValues, children, flipPopover = true, fullWidth = true }) => {
9291
9633
  const [isOpen, setIsOpen] = useState(false);
9292
9634
  const [isPending, startTransition] = useTransition();
9293
9635
  const [wrapperWidth, setWrapperWidth] = useState("auto");
@@ -9465,10 +9807,10 @@ const MenuContent = styled(DropdownMenuContent)`
9465
9807
  */
9466
9808
  const Menu = forwardRef(({ align = "start", children, disabled = false, compact = false, trigger, label, isOpen, side = "bottom", triggerProps = {}, onOpenChange, ...props }, ref) => {
9467
9809
  const contextValue = useMemo(() => ({ compact }), [compact]);
9468
- let controlProps = { ...isNotNil(onOpenChange) && isNotNil(isOpen) ? {
9810
+ let controlProps = isNotNil(onOpenChange) && isNotNil(isOpen) ? {
9469
9811
  open: isOpen,
9470
9812
  onOpenChange
9471
- } : {} };
9813
+ } : {};
9472
9814
  if (disabled) controlProps = {
9473
9815
  open: false,
9474
9816
  onOpenChange: () => null
@@ -12280,7 +12622,7 @@ const StyledModalContent = styled(Content$4)`
12280
12622
  ${({ $positionVariant }) => positionStyleMap[$positionVariant]}
12281
12623
  }
12282
12624
  `;
12283
- const ModalContent = forwardRef(({ width, positionVariant = "fixed-top", children, ...props }, ref) => {
12625
+ const ModalContent = forwardRef(({ width, positionVariant, children, ...props }, ref) => {
12284
12626
  useFocusRestore();
12285
12627
  return /* @__PURE__ */ jsx(StyledModalContent, {
12286
12628
  ref,
@@ -14159,7 +14501,7 @@ const gradients = {
14159
14501
  * @param {GradientName} gradientName - The name of the gradient to retrieve.
14160
14502
  * @returns {CssStyleType} The CSS string representing the specified gradient.
14161
14503
  */
14162
- const getBackgroundGradient = (gradientName = void 0) => {
14504
+ const getBackgroundGradient = (gradientName) => {
14163
14505
  return isNotNil(gradientName) ? gradients[gradientName] : gradients.defaultDarkOne;
14164
14506
  };
14165
14507
  //#endregion
@@ -14532,7 +14874,7 @@ const WistiaLogoComponent = styled.svg`
14532
14874
  /**
14533
14875
  * Render the Wistia logo in various ways.
14534
14876
  */
14535
- const WistiaLogo = ({ description = void 0, height = 100, hoverColor = void 0, href = void 0, iconOnly = false, opticallyCentered = false, title = "Wistia Logo", variant = "standard", ...props }) => {
14877
+ const WistiaLogo = ({ description, height = 100, hoverColor, href, iconOnly = false, opticallyCentered = false, title = "Wistia Logo", variant = "standard", ...props }) => {
14536
14878
  const primaryColor = "#2949e5";
14537
14879
  const darkColor = "#000934";
14538
14880
  const lightColor = "#ffffff";