@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260505112744 → 0.8.1-dev.20260507104258

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/{HlsPlayer-YWNL6PVB.mjs → HlsPlayer-NESMT4GP.mjs} +1 -1
  2. package/dist/{chunk-EX7D6KBZ.mjs → chunk-HHMCY2NG.mjs} +65 -38
  3. package/dist/index.js +65 -38
  4. package/dist/index.mjs +3 -3
  5. package/package.json +2 -2
package/dist/{HlsPlayer-YWNL6PVB.mjs → HlsPlayer-NESMT4GP.mjs} RENAMED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  HlsPlayer_default
4
- } from "./chunk-EX7D6KBZ.mjs";
4
+ } from "./chunk-HHMCY2NG.mjs";
5
5
  export {
6
6
  HlsPlayer_default as default
7
7
  };
package/dist/{chunk-EX7D6KBZ.mjs → chunk-HHMCY2NG.mjs} RENAMED
@@ -292,7 +292,7 @@ var HlsPlayer = React.memo(
292
292
  opacity: isControlsVisible ? 1 : 0,
293
293
  transition: "opacity 0.3s ease"
294
294
  },
295
- children: /* @__PURE__ */ jsx(
295
+ children: /* @__PURE__ */ jsxs(
296
296
  "button",
297
297
  {
298
298
  type: "button",
@@ -312,50 +312,77 @@ var HlsPlayer = React.memo(
312
312
  alignItems: "center",
313
313
  justifyContent: "center",
314
314
  background: "linear-gradient(50deg, rgba(243, 31, 73, 1) 0%, rgba(143, 38, 237, 1) 100%)",
315
- flexShrink: 0
316
- // No box-shadow, no transition on background — clean gradient, no hover state.
315
+ flexShrink: 0,
316
+ position: "relative",
317
+ overflow: "hidden"
317
318
  },
318
- children: isPlaying ? (
319
- /* Pause — two rounded bars, sized to match play icon proportions */
320
- /* @__PURE__ */ jsxs(
321
- "svg",
319
+ children: [
320
+ /* @__PURE__ */ jsx(
321
+ "div",
322
322
  {
323
- width: playIconSize,
324
- height: playIconSize,
325
- viewBox: "0 0 20 20",
326
- fill: "none",
327
- xmlns: "http://www.w3.org/2000/svg",
328
- children: [
329
- /* @__PURE__ */ jsx("rect", { x: "3.5", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" }),
330
- /* @__PURE__ */ jsx("rect", { x: "12", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" })
331
- ]
323
+ style: {
324
+ position: "absolute",
325
+ inset: 0,
326
+ borderRadius: "50%",
327
+ background: "radial-gradient(ellipse 70% 55% at 30% 25%, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.08) 55%, transparent 75%)",
328
+ pointerEvents: "none"
329
+ }
332
330
  }
333
- )
334
- ) : (
335
- /*
336
- * Play — rounded-corner triangle from the provided SVG path.
337
- * Original viewBox is "0,0,240,250" (with a 5.33x scale group inside).
338
- * We flatten the transform: effective drawing area is 240×250 units.
339
- */
331
+ ),
340
332
  /* @__PURE__ */ jsx(
341
- "svg",
333
+ "div",
342
334
  {
343
- width: playIconSize,
344
- height: playIconSize,
345
- viewBox: "0 0 240 250",
346
- fill: "none",
347
- xmlns: "http://www.w3.org/2000/svg",
348
- style: { transform: "translateX(4%)" },
349
- children: /* @__PURE__ */ jsx(
350
- "path",
351
- {
352
- d: "M60.78 21.93C48.57 22.41 37.33 32.78 37.33 45.87v164.26c0 17.92 19.96 29.67 35.64 20.99l148.31-82.17c16.12-8.93 16.12-33.04 0-41.97L72.97 24.81c-3.92-2.17-8.11-3.07-12.19-2.88z",
353
- fill: "white"
354
- }
355
- )
335
+ style: {
336
+ position: "absolute",
337
+ inset: 0,
338
+ borderRadius: "50%",
339
+ background: "radial-gradient(ellipse 50% 40% at 72% 75%, rgba(255,255,255,0.18) 0%, transparent 70%)",
340
+ pointerEvents: "none"
341
+ }
356
342
  }
343
+ ),
344
+ isPlaying ? (
345
+ /* Pause — two rounded bars, sized to match play icon proportions */
346
+ /* @__PURE__ */ jsxs(
347
+ "svg",
348
+ {
349
+ width: playIconSize,
350
+ height: playIconSize,
351
+ viewBox: "0 0 20 20",
352
+ fill: "none",
353
+ xmlns: "http://www.w3.org/2000/svg",
354
+ children: [
355
+ /* @__PURE__ */ jsx("rect", { x: "3.5", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" }),
356
+ /* @__PURE__ */ jsx("rect", { x: "12", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" })
357
+ ]
358
+ }
359
+ )
360
+ ) : (
361
+ /*
362
+ * Play — rounded-corner triangle from the provided SVG path.
363
+ * Original viewBox is "0,0,240,250" (with a 5.33x scale group inside).
364
+ * We flatten the transform: effective drawing area is 240×250 units.
365
+ */
366
+ /* @__PURE__ */ jsx(
367
+ "svg",
368
+ {
369
+ width: playIconSize,
370
+ height: playIconSize,
371
+ viewBox: "0 0 240 250",
372
+ fill: "none",
373
+ xmlns: "http://www.w3.org/2000/svg",
374
+ style: { transform: "translateX(4%)" },
375
+ children: /* @__PURE__ */ jsx(
376
+ "path",
377
+ {
378
+ d: "M60.78 21.93C48.57 22.41 37.33 32.78 37.33 45.87v164.26c0 17.92 19.96 29.67 35.64 20.99l148.31-82.17c16.12-8.93 16.12-33.04 0-41.97L72.97 24.81c-3.92-2.17-8.11-3.07-12.19-2.88z",
379
+ fill: "white"
380
+ }
381
+ )
382
+ }
383
+ )
357
384
  )
358
- )
385
+ ]
359
386
  }
360
387
  )
361
388
  }
package/dist/index.js CHANGED
@@ -698,7 +698,7 @@ var init_HlsPlayer = __esm({
698
698
  opacity: isControlsVisible ? 1 : 0,
699
699
  transition: "opacity 0.3s ease"
700
700
  },
701
- children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
701
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
702
702
  "button",
703
703
  {
704
704
  type: "button",
@@ -718,50 +718,77 @@ var init_HlsPlayer = __esm({
718
718
  alignItems: "center",
719
719
  justifyContent: "center",
720
720
  background: "linear-gradient(50deg, rgba(243, 31, 73, 1) 0%, rgba(143, 38, 237, 1) 100%)",
721
- flexShrink: 0
722
- // No box-shadow, no transition on background — clean gradient, no hover state.
721
+ flexShrink: 0,
722
+ position: "relative",
723
+ overflow: "hidden"
723
724
  },
724
- children: isPlaying ? (
725
- /* Pause — two rounded bars, sized to match play icon proportions */
726
- /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
727
- "svg",
725
+ children: [
726
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
727
+ "div",
728
728
  {
729
- width: playIconSize,
730
- height: playIconSize,
731
- viewBox: "0 0 20 20",
732
- fill: "none",
733
- xmlns: "http://www.w3.org/2000/svg",
734
- children: [
735
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { x: "3.5", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" }),
736
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { x: "12", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" })
737
- ]
729
+ style: {
730
+ position: "absolute",
731
+ inset: 0,
732
+ borderRadius: "50%",
733
+ background: "radial-gradient(ellipse 70% 55% at 30% 25%, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.08) 55%, transparent 75%)",
734
+ pointerEvents: "none"
735
+ }
738
736
  }
739
- )
740
- ) : (
741
- /*
742
- * Play — rounded-corner triangle from the provided SVG path.
743
- * Original viewBox is "0,0,240,250" (with a 5.33x scale group inside).
744
- * We flatten the transform: effective drawing area is 240×250 units.
745
- */
737
+ ),
746
738
  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
747
- "svg",
739
+ "div",
748
740
  {
749
- width: playIconSize,
750
- height: playIconSize,
751
- viewBox: "0 0 240 250",
752
- fill: "none",
753
- xmlns: "http://www.w3.org/2000/svg",
754
- style: { transform: "translateX(4%)" },
755
- children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
756
- "path",
757
- {
758
- d: "M60.78 21.93C48.57 22.41 37.33 32.78 37.33 45.87v164.26c0 17.92 19.96 29.67 35.64 20.99l148.31-82.17c16.12-8.93 16.12-33.04 0-41.97L72.97 24.81c-3.92-2.17-8.11-3.07-12.19-2.88z",
759
- fill: "white"
760
- }
761
- )
741
+ style: {
742
+ position: "absolute",
743
+ inset: 0,
744
+ borderRadius: "50%",
745
+ background: "radial-gradient(ellipse 50% 40% at 72% 75%, rgba(255,255,255,0.18) 0%, transparent 70%)",
746
+ pointerEvents: "none"
747
+ }
762
748
  }
749
+ ),
750
+ isPlaying ? (
751
+ /* Pause — two rounded bars, sized to match play icon proportions */
752
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
753
+ "svg",
754
+ {
755
+ width: playIconSize,
756
+ height: playIconSize,
757
+ viewBox: "0 0 20 20",
758
+ fill: "none",
759
+ xmlns: "http://www.w3.org/2000/svg",
760
+ children: [
761
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { x: "3.5", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" }),
762
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { x: "12", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" })
763
+ ]
764
+ }
765
+ )
766
+ ) : (
767
+ /*
768
+ * Play — rounded-corner triangle from the provided SVG path.
769
+ * Original viewBox is "0,0,240,250" (with a 5.33x scale group inside).
770
+ * We flatten the transform: effective drawing area is 240×250 units.
771
+ */
772
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
773
+ "svg",
774
+ {
775
+ width: playIconSize,
776
+ height: playIconSize,
777
+ viewBox: "0 0 240 250",
778
+ fill: "none",
779
+ xmlns: "http://www.w3.org/2000/svg",
780
+ style: { transform: "translateX(4%)" },
781
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
782
+ "path",
783
+ {
784
+ d: "M60.78 21.93C48.57 22.41 37.33 32.78 37.33 45.87v164.26c0 17.92 19.96 29.67 35.64 20.99l148.31-82.17c16.12-8.93 16.12-33.04 0-41.97L72.97 24.81c-3.92-2.17-8.11-3.07-12.19-2.88z",
785
+ fill: "white"
786
+ }
787
+ )
788
+ }
789
+ )
763
790
  )
764
- )
791
+ ]
765
792
  }
766
793
  )
767
794
  }
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  HlsPlayer_default
3
- } from "./chunk-EX7D6KBZ.mjs";
3
+ } from "./chunk-HHMCY2NG.mjs";
4
4
  import {
5
5
  Button_default,
6
6
  ClientButton_default,
@@ -1963,7 +1963,7 @@ var DeviceAssetSelector_default = DeviceAssetSelector;
1963
1963
 
1964
1964
  // src/components/pageRenderingEngine/nodes/ImageNode.tsx
1965
1965
  import { Fragment as Fragment2, jsx as jsx37 } from "react/jsx-runtime";
1966
- var HlsPlayer = dynamic2(() => import("./HlsPlayer-YWNL6PVB.mjs"), {
1966
+ var HlsPlayer = dynamic2(() => import("./HlsPlayer-NESMT4GP.mjs"), {
1967
1967
  ssr: false
1968
1968
  });
1969
1969
  var getNestedValue = (obj, path) => {
@@ -3645,7 +3645,7 @@ var Pagination_default = Pagination;
3645
3645
  // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
3646
3646
  import dynamic6 from "next/dynamic";
3647
3647
  import { Fragment as Fragment8, jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
3648
- var HlsPlayer2 = dynamic6(() => import("./HlsPlayer-YWNL6PVB.mjs"), { ssr: false });
3648
+ var HlsPlayer2 = dynamic6(() => import("./HlsPlayer-NESMT4GP.mjs"), { ssr: false });
3649
3649
  var deviceToMediaQuery = (device) => {
3650
3650
  switch (device) {
3651
3651
  case "sm":
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acoustte-digital-services/digitalstore-controls-dev",
3
- "version": "0.8.1-dev.20260505112744",
3
+ "version": "0.8.1-dev.20260507104258",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -52,7 +52,7 @@
52
52
  "moment-timezone": "^0.6.2",
53
53
  "ms": "^2.1.3",
54
54
  "mz": "^2.7.0",
55
- "next": "^15.5.15",
55
+ "next": "^15.5.16",
56
56
  "object-assign": "^4.1.1",
57
57
  "pathe": "^2.0.3",
58
58
  "picocolors": "^1.1.1",