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

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 +70 -38
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +70 -38
  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));
@@ -575,6 +568,10 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
575
568
  .text-\\[10px\\] {
576
569
  font-size: 10px;
577
570
  }
571
+ .leading-none {
572
+ --tw-leading: 1;
573
+ line-height: 1;
574
+ }
578
575
  .font-bold {
579
576
  --tw-font-weight: var(--font-weight-bold);
580
577
  font-weight: var(--font-weight-bold);
@@ -613,6 +610,11 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
613
610
  .filter {
614
611
  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
612
  }
613
+ .md\\:gap-5 {
614
+ @media (width >= 48rem) {
615
+ gap: calc(var(--spacing) * 5);
616
+ }
617
+ }
616
618
  .md\\:rounded-2xl {
617
619
  @media (width >= 48rem) {
618
620
  border-radius: var(--radius-2xl);
@@ -623,6 +625,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
623
625
  border-radius: var(--radius-2xl) !important;
624
626
  }
625
627
  }
628
+ .md\\:text-5xl {
629
+ @media (width >= 48rem) {
630
+ font-size: var(--text-5xl);
631
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
632
+ }
633
+ }
626
634
  .md\\:text-base {
627
635
  @media (width >= 48rem) {
628
636
  font-size: var(--text-base);
@@ -641,6 +649,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
641
649
  line-height: var(--tw-leading, var(--text-xl--line-height));
642
650
  }
643
651
  }
652
+ .md\\:text-xs {
653
+ @media (width >= 48rem) {
654
+ font-size: var(--text-xs);
655
+ line-height: var(--tw-leading, var(--text-xs--line-height));
656
+ }
657
+ }
644
658
  }
645
659
  @layer components {
646
660
  video::-webkit-media-controls {
@@ -1065,6 +1079,7 @@ html[dir=rtl] .shaka-overflow-menu .shaka-overflow-button .material-svg-icon:fir
1065
1079
  @property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
1066
1080
  @property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
1067
1081
  @property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
1082
+ @property --tw-leading { syntax: "*"; inherits: false; }
1068
1083
  @property --tw-font-weight { syntax: "*"; inherits: false; }
1069
1084
  @property --tw-tracking { syntax: "*"; inherits: false; }
1070
1085
  @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@@ -1127,6 +1142,7 @@ html[dir=rtl] .shaka-overflow-menu .shaka-overflow-button .material-svg-icon:fir
1127
1142
  --tw-gradient-from-position: 0%;
1128
1143
  --tw-gradient-via-position: 50%;
1129
1144
  --tw-gradient-to-position: 100%;
1145
+ --tw-leading: initial;
1130
1146
  --tw-font-weight: initial;
1131
1147
  --tw-tracking: initial;
1132
1148
  --tw-shadow: 0 0 #0000;
@@ -1226,7 +1242,7 @@ var supportsWidevinePersistentLicenses = () => {
1226
1242
  var import_mux_data_shakaplayer = __toESM(require("@mux/mux-data-shakaplayer"));
1227
1243
 
1228
1244
  // package.json
1229
- var version = "1.0.1-rc.67";
1245
+ var version = "1.0.1-rc.69";
1230
1246
 
1231
1247
  // src/utils/licenseCache.ts
1232
1248
  var PERSISTENT_LICENSE_PREFIX = "motto_lic_";
@@ -3088,9 +3104,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3088
3104
  .gap-1 {
3089
3105
  gap: calc(var(--spacing) * 1);
3090
3106
  }
3091
- .gap-5 {
3092
- gap: calc(var(--spacing) * 5);
3093
- }
3094
3107
  .overflow-hidden {
3095
3108
  overflow: hidden;
3096
3109
  }
@@ -3170,10 +3183,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3170
3183
  font-size: var(--text-2xl);
3171
3184
  line-height: var(--tw-leading, var(--text-2xl--line-height));
3172
3185
  }
3173
- .text-5xl {
3174
- font-size: var(--text-5xl);
3175
- line-height: var(--tw-leading, var(--text-5xl--line-height));
3176
- }
3177
3186
  .text-base {
3178
3187
  font-size: var(--text-base);
3179
3188
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -3197,6 +3206,10 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3197
3206
  .text-\\[10px\\] {
3198
3207
  font-size: 10px;
3199
3208
  }
3209
+ .leading-none {
3210
+ --tw-leading: 1;
3211
+ line-height: 1;
3212
+ }
3200
3213
  .font-bold {
3201
3214
  --tw-font-weight: var(--font-weight-bold);
3202
3215
  font-weight: var(--font-weight-bold);
@@ -3235,6 +3248,11 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3235
3248
  .filter {
3236
3249
  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
3250
  }
3251
+ .md\\:gap-5 {
3252
+ @media (width >= 48rem) {
3253
+ gap: calc(var(--spacing) * 5);
3254
+ }
3255
+ }
3238
3256
  .md\\:rounded-2xl {
3239
3257
  @media (width >= 48rem) {
3240
3258
  border-radius: var(--radius-2xl);
@@ -3245,6 +3263,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3245
3263
  border-radius: var(--radius-2xl) !important;
3246
3264
  }
3247
3265
  }
3266
+ .md\\:text-5xl {
3267
+ @media (width >= 48rem) {
3268
+ font-size: var(--text-5xl);
3269
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
3270
+ }
3271
+ }
3248
3272
  .md\\:text-base {
3249
3273
  @media (width >= 48rem) {
3250
3274
  font-size: var(--text-base);
@@ -3263,6 +3287,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3263
3287
  line-height: var(--tw-leading, var(--text-xl--line-height));
3264
3288
  }
3265
3289
  }
3290
+ .md\\:text-xs {
3291
+ @media (width >= 48rem) {
3292
+ font-size: var(--text-xs);
3293
+ line-height: var(--tw-leading, var(--text-xs--line-height));
3294
+ }
3295
+ }
3266
3296
  }
3267
3297
  @layer components {
3268
3298
  video::-webkit-media-controls {
@@ -3687,6 +3717,7 @@ html[dir=rtl] .shaka-overflow-menu .shaka-overflow-button .material-svg-icon:fir
3687
3717
  @property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
3688
3718
  @property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
3689
3719
  @property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
3720
+ @property --tw-leading { syntax: "*"; inherits: false; }
3690
3721
  @property --tw-font-weight { syntax: "*"; inherits: false; }
3691
3722
  @property --tw-tracking { syntax: "*"; inherits: false; }
3692
3723
  @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@@ -3749,6 +3780,7 @@ html[dir=rtl] .shaka-overflow-menu .shaka-overflow-button .material-svg-icon:fir
3749
3780
  --tw-gradient-from-position: 0%;
3750
3781
  --tw-gradient-via-position: 50%;
3751
3782
  --tw-gradient-to-position: 100%;
3783
+ --tw-leading: initial;
3752
3784
  --tw-font-weight: initial;
3753
3785
  --tw-tracking: initial;
3754
3786
  --tw-shadow: 0 0 #0000;
@@ -4916,7 +4948,7 @@ var Event = ({
4916
4948
  events.onEmptyPlaylists();
4917
4949
  }
4918
4950
  if (loadingPlaylist) {
4919
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: (0, import_tailwind_merge4.twMerge)("", className), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "relative w-full h-full bg-[#151515]", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Loading, {}) }) });
4951
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: (0, import_tailwind_merge4.twMerge)("", className), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "relative w-full aspect-video bg-[#151515]", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Loading, {}) }) });
4920
4952
  }
4921
4953
  if (activePlaylist && activeVideoId && videosData) {
4922
4954
  const activeVideo = videosData.find((video) => video.id === activeVideoId);
@@ -4991,9 +5023,9 @@ function PreEvent({
4991
5023
  const minutes = Math.floor(remainingTime / 1e3 / 60) % 60;
4992
5024
  const hours = Math.floor(remainingTime / 1e3 / 60 / 60) % 24;
4993
5025
  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: [
5026
+ 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
5027
  /* @__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)(
5028
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "font-mono text-lg md:text-5xl leading-none", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
4997
5029
  "span",
4998
5030
  {
4999
5031
  "aria-live": "polite",
@@ -5001,10 +5033,10 @@ function PreEvent({
5001
5033
  children: days.toString()
5002
5034
  }
5003
5035
  ) }),
5004
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("DAYS") })
5036
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("DAYS") })
5005
5037
  ] }),
5006
5038
  /* @__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)(
5039
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5008
5040
  "span",
5009
5041
  {
5010
5042
  style: { "--value": hours },
@@ -5013,10 +5045,10 @@ function PreEvent({
5013
5045
  children: hours?.toString()?.padStart(2, "0")
5014
5046
  }
5015
5047
  ) }),
5016
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("HOURS") })
5048
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("HOURS") })
5017
5049
  ] }),
5018
5050
  /* @__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)(
5051
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5020
5052
  "span",
5021
5053
  {
5022
5054
  style: { "--value": minutes },
@@ -5025,10 +5057,10 @@ function PreEvent({
5025
5057
  children: minutes?.toString()?.padStart(2, "0")
5026
5058
  }
5027
5059
  ) }),
5028
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("MINUTES") })
5060
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("MINUTES") })
5029
5061
  ] }),
5030
5062
  /* @__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)(
5063
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5032
5064
  "span",
5033
5065
  {
5034
5066
  style: { "--value": seconds },
@@ -5037,7 +5069,7 @@ function PreEvent({
5037
5069
  children: seconds?.toString()?.padStart(2, "0")
5038
5070
  }
5039
5071
  ) }),
5040
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("SECONDS") })
5072
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("SECONDS") })
5041
5073
  ] })
5042
5074
  ] });
5043
5075
  }, [remainingTime, shouldBeStarted, t]);
@@ -5094,7 +5126,7 @@ var TitleAndDescription = ({
5094
5126
  }) => {
5095
5127
  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
5128
  /* @__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: [
5129
+ startTime ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-xs md:text-base text-base-content/70 m-event-start-time", children: [
5098
5130
  new Date(startTime || "").toLocaleDateString(locale || "default", {
5099
5131
  month: "long",
5100
5132
  year: "numeric",
@@ -5107,7 +5139,7 @@ var TitleAndDescription = ({
5107
5139
  minute: "2-digit"
5108
5140
  })
5109
5141
  ] }) : null,
5110
- description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-xs md:text-sm text-base-content/60 uppercase", children: description })
5142
+ description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-xs md:text-xs text-base-content/60 uppercase", children: description })
5111
5143
  ] });
5112
5144
  };
5113
5145
 
@@ -5260,7 +5292,7 @@ var CreativeWork = ({
5260
5292
  events
5261
5293
  ]);
5262
5294
  if (isCreativeWorkLoading || videosIsLoading || loadingApisState) {
5263
- return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: (0, import_tailwind_merge5.twMerge)("", className), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "relative w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Loading, {}) }) });
5295
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: (0, import_tailwind_merge5.twMerge)("", className), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "relative w-full aspect-video bg-[#151515]", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Loading, {}) }) });
5264
5296
  }
5265
5297
  if (showCountDown && creativeWorkData) {
5266
5298
  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: (0, import_tailwind_merge5.twMerge)("", className), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "relative w-full h-full bg-base-200 text-base-content flex justify-center items-center flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -5305,7 +5337,7 @@ var CreativeWork = ({
5305
5337
  ] }) });
5306
5338
  }
5307
5339
  if (loadingPlaylist) {
5308
- return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Loading, {});
5340
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: (0, import_tailwind_merge5.twMerge)("", className), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "relative w-full aspect-video bg-[#151515]", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Loading, {}) }) });
5309
5341
  }
5310
5342
  return null;
5311
5343
  };
@@ -5343,9 +5375,9 @@ function PreCreativeWork({
5343
5375
  const minutes = Math.floor(remainingTime / 1e3 / 60) % 60;
5344
5376
  const hours = Math.floor(remainingTime / 1e3 / 60 / 60) % 24;
5345
5377
  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: [
5378
+ 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
5379
  /* @__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)(
5380
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5349
5381
  "span",
5350
5382
  {
5351
5383
  "aria-live": "polite",
@@ -5353,10 +5385,10 @@ function PreCreativeWork({
5353
5385
  children: days.toString()
5354
5386
  }
5355
5387
  ) }),
5356
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("DAYS") })
5388
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("DAYS") })
5357
5389
  ] }),
5358
5390
  /* @__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)(
5391
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5360
5392
  "span",
5361
5393
  {
5362
5394
  style: { "--value": hours },
@@ -5365,10 +5397,10 @@ function PreCreativeWork({
5365
5397
  children: hours?.toString()?.padStart(2, "0")
5366
5398
  }
5367
5399
  ) }),
5368
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("HOURS") })
5400
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("HOURS") })
5369
5401
  ] }),
5370
5402
  /* @__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)(
5403
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5372
5404
  "span",
5373
5405
  {
5374
5406
  style: { "--value": minutes },
@@ -5377,10 +5409,10 @@ function PreCreativeWork({
5377
5409
  children: minutes?.toString()?.padStart(2, "0")
5378
5410
  }
5379
5411
  ) }),
5380
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("MINUTES") })
5412
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("MINUTES") })
5381
5413
  ] }),
5382
5414
  /* @__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)(
5415
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5384
5416
  "span",
5385
5417
  {
5386
5418
  style: { "--value": seconds },
@@ -5389,7 +5421,7 @@ function PreCreativeWork({
5389
5421
  children: seconds?.toString()?.padStart(2, "0")
5390
5422
  }
5391
5423
  ) }),
5392
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("SECONDS") })
5424
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("SECONDS") })
5393
5425
  ] })
5394
5426
  ] });
5395
5427
  };