@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.
Files changed (5) hide show
  1. package/dist/index.js +55 -35
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +55 -35
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -466,9 +466,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
466
466
  .gap-1 {
467
467
  gap: calc(var(--spacing) * 1);
468
468
  }
469
- .gap-5 {
470
- gap: calc(var(--spacing) * 5);
471
- }
472
469
  .overflow-hidden {
473
470
  overflow: hidden;
474
471
  }
@@ -548,10 +545,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
548
545
  font-size: var(--text-2xl);
549
546
  line-height: var(--tw-leading, var(--text-2xl--line-height));
550
547
  }
551
- .text-5xl {
552
- font-size: var(--text-5xl);
553
- line-height: var(--tw-leading, var(--text-5xl--line-height));
554
- }
555
548
  .text-base {
556
549
  font-size: var(--text-base);
557
550
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -613,6 +606,11 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
613
606
  .filter {
614
607
  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,);
615
608
  }
609
+ .md\\:gap-5 {
610
+ @media (width >= 48rem) {
611
+ gap: calc(var(--spacing) * 5);
612
+ }
613
+ }
616
614
  .md\\:rounded-2xl {
617
615
  @media (width >= 48rem) {
618
616
  border-radius: var(--radius-2xl);
@@ -623,6 +621,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
623
621
  border-radius: var(--radius-2xl) !important;
624
622
  }
625
623
  }
624
+ .md\\:text-5xl {
625
+ @media (width >= 48rem) {
626
+ font-size: var(--text-5xl);
627
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
628
+ }
629
+ }
626
630
  .md\\:text-base {
627
631
  @media (width >= 48rem) {
628
632
  font-size: var(--text-base);
@@ -641,6 +645,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
641
645
  line-height: var(--tw-leading, var(--text-xl--line-height));
642
646
  }
643
647
  }
648
+ .md\\:text-xs {
649
+ @media (width >= 48rem) {
650
+ font-size: var(--text-xs);
651
+ line-height: var(--tw-leading, var(--text-xs--line-height));
652
+ }
653
+ }
644
654
  }
645
655
  @layer components {
646
656
  video::-webkit-media-controls {
@@ -1226,7 +1236,7 @@ var supportsWidevinePersistentLicenses = () => {
1226
1236
  var import_mux_data_shakaplayer = __toESM(require("@mux/mux-data-shakaplayer"));
1227
1237
 
1228
1238
  // package.json
1229
- var version = "1.0.1-rc.67";
1239
+ var version = "1.0.1-rc.68";
1230
1240
 
1231
1241
  // src/utils/licenseCache.ts
1232
1242
  var PERSISTENT_LICENSE_PREFIX = "motto_lic_";
@@ -3088,9 +3098,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3088
3098
  .gap-1 {
3089
3099
  gap: calc(var(--spacing) * 1);
3090
3100
  }
3091
- .gap-5 {
3092
- gap: calc(var(--spacing) * 5);
3093
- }
3094
3101
  .overflow-hidden {
3095
3102
  overflow: hidden;
3096
3103
  }
@@ -3170,10 +3177,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3170
3177
  font-size: var(--text-2xl);
3171
3178
  line-height: var(--tw-leading, var(--text-2xl--line-height));
3172
3179
  }
3173
- .text-5xl {
3174
- font-size: var(--text-5xl);
3175
- line-height: var(--tw-leading, var(--text-5xl--line-height));
3176
- }
3177
3180
  .text-base {
3178
3181
  font-size: var(--text-base);
3179
3182
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -3235,6 +3238,11 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3235
3238
  .filter {
3236
3239
  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,);
3237
3240
  }
3241
+ .md\\:gap-5 {
3242
+ @media (width >= 48rem) {
3243
+ gap: calc(var(--spacing) * 5);
3244
+ }
3245
+ }
3238
3246
  .md\\:rounded-2xl {
3239
3247
  @media (width >= 48rem) {
3240
3248
  border-radius: var(--radius-2xl);
@@ -3245,6 +3253,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3245
3253
  border-radius: var(--radius-2xl) !important;
3246
3254
  }
3247
3255
  }
3256
+ .md\\:text-5xl {
3257
+ @media (width >= 48rem) {
3258
+ font-size: var(--text-5xl);
3259
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
3260
+ }
3261
+ }
3248
3262
  .md\\:text-base {
3249
3263
  @media (width >= 48rem) {
3250
3264
  font-size: var(--text-base);
@@ -3263,6 +3277,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3263
3277
  line-height: var(--tw-leading, var(--text-xl--line-height));
3264
3278
  }
3265
3279
  }
3280
+ .md\\:text-xs {
3281
+ @media (width >= 48rem) {
3282
+ font-size: var(--text-xs);
3283
+ line-height: var(--tw-leading, var(--text-xs--line-height));
3284
+ }
3285
+ }
3266
3286
  }
3267
3287
  @layer components {
3268
3288
  video::-webkit-media-controls {
@@ -4991,9 +5011,9 @@ function PreEvent({
4991
5011
  const minutes = Math.floor(remainingTime / 1e3 / 60) % 60;
4992
5012
  const hours = Math.floor(remainingTime / 1e3 / 60 / 60) % 24;
4993
5013
  const days = Math.floor(remainingTime / 1e3 / 60 / 60 / 24);
4994
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "grid grid-flow-col gap-5 text-center auto-cols-max", children: [
5014
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "grid grid-flow-col gap-1 md:gap-5 text-center auto-cols-max", children: [
4995
5015
  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
4996
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5016
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
4997
5017
  "span",
4998
5018
  {
4999
5019
  "aria-live": "polite",
@@ -5001,10 +5021,10 @@ function PreEvent({
5001
5021
  children: days.toString()
5002
5022
  }
5003
5023
  ) }),
5004
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("DAYS") })
5024
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("DAYS") })
5005
5025
  ] }),
5006
5026
  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5007
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5027
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5008
5028
  "span",
5009
5029
  {
5010
5030
  style: { "--value": hours },
@@ -5013,10 +5033,10 @@ function PreEvent({
5013
5033
  children: hours?.toString()?.padStart(2, "0")
5014
5034
  }
5015
5035
  ) }),
5016
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("HOURS") })
5036
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("HOURS") })
5017
5037
  ] }),
5018
5038
  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5019
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5039
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5020
5040
  "span",
5021
5041
  {
5022
5042
  style: { "--value": minutes },
@@ -5025,10 +5045,10 @@ function PreEvent({
5025
5045
  children: minutes?.toString()?.padStart(2, "0")
5026
5046
  }
5027
5047
  ) }),
5028
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("MINUTES") })
5048
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("MINUTES") })
5029
5049
  ] }),
5030
5050
  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5031
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5051
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5032
5052
  "span",
5033
5053
  {
5034
5054
  style: { "--value": seconds },
@@ -5037,7 +5057,7 @@ function PreEvent({
5037
5057
  children: seconds?.toString()?.padStart(2, "0")
5038
5058
  }
5039
5059
  ) }),
5040
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("SECONDS") })
5060
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("SECONDS") })
5041
5061
  ] })
5042
5062
  ] });
5043
5063
  }, [remainingTime, shouldBeStarted, t]);
@@ -5094,7 +5114,7 @@ var TitleAndDescription = ({
5094
5114
  }) => {
5095
5115
  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: (0, import_tailwind_merge4.twMerge)("mt-3 mb-6 m-event-details-ctn px-4 text-left w-full", className), children: [
5096
5116
  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-base md:text-xl m-event-title text-base-content font-medium", children: title }),
5097
- startTime ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-sm md:text-base text-base-content/70 m-event-start-time", children: [
5117
+ startTime ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-xs md:text-base text-base-content/70 m-event-start-time", children: [
5098
5118
  new Date(startTime || "").toLocaleDateString(locale || "default", {
5099
5119
  month: "long",
5100
5120
  year: "numeric",
@@ -5107,7 +5127,7 @@ var TitleAndDescription = ({
5107
5127
  minute: "2-digit"
5108
5128
  })
5109
5129
  ] }) : null,
5110
- description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-xs md:text-sm text-base-content/60 uppercase", children: description })
5130
+ description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-xs md:text-xs text-base-content/60 uppercase", children: description })
5111
5131
  ] });
5112
5132
  };
5113
5133
 
@@ -5343,9 +5363,9 @@ function PreCreativeWork({
5343
5363
  const minutes = Math.floor(remainingTime / 1e3 / 60) % 60;
5344
5364
  const hours = Math.floor(remainingTime / 1e3 / 60 / 60) % 24;
5345
5365
  const days = Math.floor(remainingTime / 1e3 / 60 / 60 / 24);
5346
- return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "grid grid-flow-col gap-5 text-center auto-cols-max", children: [
5366
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "grid grid-flow-col md:gap-5 gap-1 text-center auto-cols-max", children: [
5347
5367
  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5348
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5368
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5349
5369
  "span",
5350
5370
  {
5351
5371
  "aria-live": "polite",
@@ -5353,10 +5373,10 @@ function PreCreativeWork({
5353
5373
  children: days.toString()
5354
5374
  }
5355
5375
  ) }),
5356
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("DAYS") })
5376
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("DAYS") })
5357
5377
  ] }),
5358
5378
  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5359
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5379
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5360
5380
  "span",
5361
5381
  {
5362
5382
  style: { "--value": hours },
@@ -5365,10 +5385,10 @@ function PreCreativeWork({
5365
5385
  children: hours?.toString()?.padStart(2, "0")
5366
5386
  }
5367
5387
  ) }),
5368
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("HOURS") })
5388
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("HOURS") })
5369
5389
  ] }),
5370
5390
  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5371
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5391
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5372
5392
  "span",
5373
5393
  {
5374
5394
  style: { "--value": minutes },
@@ -5377,10 +5397,10 @@ function PreCreativeWork({
5377
5397
  children: minutes?.toString()?.padStart(2, "0")
5378
5398
  }
5379
5399
  ) }),
5380
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("MINUTES") })
5400
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("MINUTES") })
5381
5401
  ] }),
5382
5402
  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5383
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5403
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5384
5404
  "span",
5385
5405
  {
5386
5406
  style: { "--value": seconds },
@@ -5389,7 +5409,7 @@ function PreCreativeWork({
5389
5409
  children: seconds?.toString()?.padStart(2, "0")
5390
5410
  }
5391
5411
  ) }),
5392
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("SECONDS") })
5412
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("SECONDS") })
5393
5413
  ] })
5394
5414
  ] });
5395
5415
  };