@mottosports/motto-video-player 1.0.1-rc.67 → 1.0.1-rc.68

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.mjs CHANGED
@@ -425,9 +425,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
425
425
  .gap-1 {
426
426
  gap: calc(var(--spacing) * 1);
427
427
  }
428
- .gap-5 {
429
- gap: calc(var(--spacing) * 5);
430
- }
431
428
  .overflow-hidden {
432
429
  overflow: hidden;
433
430
  }
@@ -507,10 +504,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
507
504
  font-size: var(--text-2xl);
508
505
  line-height: var(--tw-leading, var(--text-2xl--line-height));
509
506
  }
510
- .text-5xl {
511
- font-size: var(--text-5xl);
512
- line-height: var(--tw-leading, var(--text-5xl--line-height));
513
- }
514
507
  .text-base {
515
508
  font-size: var(--text-base);
516
509
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -572,6 +565,11 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
572
565
  .filter {
573
566
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
574
567
  }
568
+ .md\\:gap-5 {
569
+ @media (width >= 48rem) {
570
+ gap: calc(var(--spacing) * 5);
571
+ }
572
+ }
575
573
  .md\\:rounded-2xl {
576
574
  @media (width >= 48rem) {
577
575
  border-radius: var(--radius-2xl);
@@ -582,6 +580,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
582
580
  border-radius: var(--radius-2xl) !important;
583
581
  }
584
582
  }
583
+ .md\\:text-5xl {
584
+ @media (width >= 48rem) {
585
+ font-size: var(--text-5xl);
586
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
587
+ }
588
+ }
585
589
  .md\\:text-base {
586
590
  @media (width >= 48rem) {
587
591
  font-size: var(--text-base);
@@ -600,6 +604,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
600
604
  line-height: var(--tw-leading, var(--text-xl--line-height));
601
605
  }
602
606
  }
607
+ .md\\:text-xs {
608
+ @media (width >= 48rem) {
609
+ font-size: var(--text-xs);
610
+ line-height: var(--tw-leading, var(--text-xs--line-height));
611
+ }
612
+ }
603
613
  }
604
614
  @layer components {
605
615
  video::-webkit-media-controls {
@@ -1185,7 +1195,7 @@ var supportsWidevinePersistentLicenses = () => {
1185
1195
  import initShakaPlayerMux from "@mux/mux-data-shakaplayer";
1186
1196
 
1187
1197
  // package.json
1188
- var version = "1.0.1-rc.67";
1198
+ var version = "1.0.1-rc.68";
1189
1199
 
1190
1200
  // src/utils/licenseCache.ts
1191
1201
  var PERSISTENT_LICENSE_PREFIX = "motto_lic_";
@@ -3047,9 +3057,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3047
3057
  .gap-1 {
3048
3058
  gap: calc(var(--spacing) * 1);
3049
3059
  }
3050
- .gap-5 {
3051
- gap: calc(var(--spacing) * 5);
3052
- }
3053
3060
  .overflow-hidden {
3054
3061
  overflow: hidden;
3055
3062
  }
@@ -3129,10 +3136,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3129
3136
  font-size: var(--text-2xl);
3130
3137
  line-height: var(--tw-leading, var(--text-2xl--line-height));
3131
3138
  }
3132
- .text-5xl {
3133
- font-size: var(--text-5xl);
3134
- line-height: var(--tw-leading, var(--text-5xl--line-height));
3135
- }
3136
3139
  .text-base {
3137
3140
  font-size: var(--text-base);
3138
3141
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -3194,6 +3197,11 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3194
3197
  .filter {
3195
3198
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
3196
3199
  }
3200
+ .md\\:gap-5 {
3201
+ @media (width >= 48rem) {
3202
+ gap: calc(var(--spacing) * 5);
3203
+ }
3204
+ }
3197
3205
  .md\\:rounded-2xl {
3198
3206
  @media (width >= 48rem) {
3199
3207
  border-radius: var(--radius-2xl);
@@ -3204,6 +3212,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3204
3212
  border-radius: var(--radius-2xl) !important;
3205
3213
  }
3206
3214
  }
3215
+ .md\\:text-5xl {
3216
+ @media (width >= 48rem) {
3217
+ font-size: var(--text-5xl);
3218
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
3219
+ }
3220
+ }
3207
3221
  .md\\:text-base {
3208
3222
  @media (width >= 48rem) {
3209
3223
  font-size: var(--text-base);
@@ -3222,6 +3236,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3222
3236
  line-height: var(--tw-leading, var(--text-xl--line-height));
3223
3237
  }
3224
3238
  }
3239
+ .md\\:text-xs {
3240
+ @media (width >= 48rem) {
3241
+ font-size: var(--text-xs);
3242
+ line-height: var(--tw-leading, var(--text-xs--line-height));
3243
+ }
3244
+ }
3225
3245
  }
3226
3246
  @layer components {
3227
3247
  video::-webkit-media-controls {
@@ -4950,9 +4970,9 @@ function PreEvent({
4950
4970
  const minutes = Math.floor(remainingTime / 1e3 / 60) % 60;
4951
4971
  const hours = Math.floor(remainingTime / 1e3 / 60 / 60) % 24;
4952
4972
  const days = Math.floor(remainingTime / 1e3 / 60 / 60 / 24);
4953
- return /* @__PURE__ */ jsxs8("div", { className: "grid grid-flow-col gap-5 text-center auto-cols-max", children: [
4973
+ return /* @__PURE__ */ jsxs8("div", { className: "grid grid-flow-col gap-1 md:gap-5 text-center auto-cols-max", children: [
4954
4974
  /* @__PURE__ */ jsxs8("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
4955
- /* @__PURE__ */ jsx10("span", { className: "font-mono text-5xl", children: /* @__PURE__ */ jsx10(
4975
+ /* @__PURE__ */ jsx10("span", { className: "font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx10(
4956
4976
  "span",
4957
4977
  {
4958
4978
  "aria-live": "polite",
@@ -4960,10 +4980,10 @@ function PreEvent({
4960
4980
  children: days.toString()
4961
4981
  }
4962
4982
  ) }),
4963
- /* @__PURE__ */ jsx10("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("DAYS") })
4983
+ /* @__PURE__ */ jsx10("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("DAYS") })
4964
4984
  ] }),
4965
4985
  /* @__PURE__ */ jsxs8("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
4966
- /* @__PURE__ */ jsx10("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ jsx10(
4986
+ /* @__PURE__ */ jsx10("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx10(
4967
4987
  "span",
4968
4988
  {
4969
4989
  style: { "--value": hours },
@@ -4972,10 +4992,10 @@ function PreEvent({
4972
4992
  children: hours?.toString()?.padStart(2, "0")
4973
4993
  }
4974
4994
  ) }),
4975
- /* @__PURE__ */ jsx10("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("HOURS") })
4995
+ /* @__PURE__ */ jsx10("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("HOURS") })
4976
4996
  ] }),
4977
4997
  /* @__PURE__ */ jsxs8("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
4978
- /* @__PURE__ */ jsx10("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ jsx10(
4998
+ /* @__PURE__ */ jsx10("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx10(
4979
4999
  "span",
4980
5000
  {
4981
5001
  style: { "--value": minutes },
@@ -4984,10 +5004,10 @@ function PreEvent({
4984
5004
  children: minutes?.toString()?.padStart(2, "0")
4985
5005
  }
4986
5006
  ) }),
4987
- /* @__PURE__ */ jsx10("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("MINUTES") })
5007
+ /* @__PURE__ */ jsx10("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("MINUTES") })
4988
5008
  ] }),
4989
5009
  /* @__PURE__ */ jsxs8("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
4990
- /* @__PURE__ */ jsx10("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ jsx10(
5010
+ /* @__PURE__ */ jsx10("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx10(
4991
5011
  "span",
4992
5012
  {
4993
5013
  style: { "--value": seconds },
@@ -4996,7 +5016,7 @@ function PreEvent({
4996
5016
  children: seconds?.toString()?.padStart(2, "0")
4997
5017
  }
4998
5018
  ) }),
4999
- /* @__PURE__ */ jsx10("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("SECONDS") })
5019
+ /* @__PURE__ */ jsx10("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("SECONDS") })
5000
5020
  ] })
5001
5021
  ] });
5002
5022
  }, [remainingTime, shouldBeStarted, t]);
@@ -5053,7 +5073,7 @@ var TitleAndDescription = ({
5053
5073
  }) => {
5054
5074
  return /* @__PURE__ */ jsxs8("div", { className: twMerge4("mt-3 mb-6 m-event-details-ctn px-4 text-left w-full", className), children: [
5055
5075
  /* @__PURE__ */ jsx10("div", { className: "text-base md:text-xl m-event-title text-base-content font-medium", children: title }),
5056
- startTime ? /* @__PURE__ */ jsxs8("div", { className: "text-sm md:text-base text-base-content/70 m-event-start-time", children: [
5076
+ startTime ? /* @__PURE__ */ jsxs8("div", { className: "text-xs md:text-base text-base-content/70 m-event-start-time", children: [
5057
5077
  new Date(startTime || "").toLocaleDateString(locale || "default", {
5058
5078
  month: "long",
5059
5079
  year: "numeric",
@@ -5066,7 +5086,7 @@ var TitleAndDescription = ({
5066
5086
  minute: "2-digit"
5067
5087
  })
5068
5088
  ] }) : null,
5069
- description && /* @__PURE__ */ jsx10("div", { className: "text-xs md:text-sm text-base-content/60 uppercase", children: description })
5089
+ description && /* @__PURE__ */ jsx10("div", { className: "text-xs md:text-xs text-base-content/60 uppercase", children: description })
5070
5090
  ] });
5071
5091
  };
5072
5092
 
@@ -5302,9 +5322,9 @@ function PreCreativeWork({
5302
5322
  const minutes = Math.floor(remainingTime / 1e3 / 60) % 60;
5303
5323
  const hours = Math.floor(remainingTime / 1e3 / 60 / 60) % 24;
5304
5324
  const days = Math.floor(remainingTime / 1e3 / 60 / 60 / 24);
5305
- return /* @__PURE__ */ jsxs9("div", { className: "grid grid-flow-col gap-5 text-center auto-cols-max", children: [
5325
+ return /* @__PURE__ */ jsxs9("div", { className: "grid grid-flow-col md:gap-5 gap-1 text-center auto-cols-max", children: [
5306
5326
  /* @__PURE__ */ jsxs9("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5307
- /* @__PURE__ */ jsx11("span", { className: "font-mono text-5xl", children: /* @__PURE__ */ jsx11(
5327
+ /* @__PURE__ */ jsx11("span", { className: "font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx11(
5308
5328
  "span",
5309
5329
  {
5310
5330
  "aria-live": "polite",
@@ -5312,10 +5332,10 @@ function PreCreativeWork({
5312
5332
  children: days.toString()
5313
5333
  }
5314
5334
  ) }),
5315
- /* @__PURE__ */ jsx11("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("DAYS") })
5335
+ /* @__PURE__ */ jsx11("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("DAYS") })
5316
5336
  ] }),
5317
5337
  /* @__PURE__ */ jsxs9("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5318
- /* @__PURE__ */ jsx11("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ jsx11(
5338
+ /* @__PURE__ */ jsx11("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx11(
5319
5339
  "span",
5320
5340
  {
5321
5341
  style: { "--value": hours },
@@ -5324,10 +5344,10 @@ function PreCreativeWork({
5324
5344
  children: hours?.toString()?.padStart(2, "0")
5325
5345
  }
5326
5346
  ) }),
5327
- /* @__PURE__ */ jsx11("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("HOURS") })
5347
+ /* @__PURE__ */ jsx11("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("HOURS") })
5328
5348
  ] }),
5329
5349
  /* @__PURE__ */ jsxs9("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5330
- /* @__PURE__ */ jsx11("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ jsx11(
5350
+ /* @__PURE__ */ jsx11("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx11(
5331
5351
  "span",
5332
5352
  {
5333
5353
  style: { "--value": minutes },
@@ -5336,10 +5356,10 @@ function PreCreativeWork({
5336
5356
  children: minutes?.toString()?.padStart(2, "0")
5337
5357
  }
5338
5358
  ) }),
5339
- /* @__PURE__ */ jsx11("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("MINUTES") })
5359
+ /* @__PURE__ */ jsx11("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("MINUTES") })
5340
5360
  ] }),
5341
5361
  /* @__PURE__ */ jsxs9("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5342
- /* @__PURE__ */ jsx11("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ jsx11(
5362
+ /* @__PURE__ */ jsx11("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx11(
5343
5363
  "span",
5344
5364
  {
5345
5365
  style: { "--value": seconds },
@@ -5348,7 +5368,7 @@ function PreCreativeWork({
5348
5368
  children: seconds?.toString()?.padStart(2, "0")
5349
5369
  }
5350
5370
  ) }),
5351
- /* @__PURE__ */ jsx11("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("SECONDS") })
5371
+ /* @__PURE__ */ jsx11("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("SECONDS") })
5352
5372
  ] })
5353
5373
  ] });
5354
5374
  };