@dmsi/wedgekit-react 0.0.1241 → 0.0.1243

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 (32) hide show
  1. package/dist/{chunk-JRNU5BZ4.js → chunk-3PIDINTF.js} +1 -1
  2. package/dist/{chunk-XW4B4CUY.js → chunk-FXXRXLOL.js} +4 -4
  3. package/dist/{chunk-65HTZ3R2.js → chunk-UFX5XIJL.js} +9 -8
  4. package/dist/{chunk-S4XW2XZW.js → chunk-YKEPPS2I.js} +1 -1
  5. package/dist/{chunk-ICJARSLG.js → chunk-Z5YP2GI6.js} +2 -2
  6. package/dist/components/CalendarRange.js +5 -5
  7. package/dist/components/CompactImagesPreview.cjs +2 -2
  8. package/dist/components/CompactImagesPreview.js +1 -1
  9. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +5 -5
  10. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +5 -5
  11. package/dist/components/DataGrid/PinnedColumns.js +5 -5
  12. package/dist/components/DataGrid/TableBody/LoadingCell.js +5 -5
  13. package/dist/components/DataGrid/TableBody/TableBodyRow.js +5 -5
  14. package/dist/components/DataGrid/TableBody/index.js +5 -5
  15. package/dist/components/DataGrid/index.js +5 -5
  16. package/dist/components/DataGrid/utils.js +5 -5
  17. package/dist/components/DateInput.js +5 -5
  18. package/dist/components/DateRangeInput.js +5 -5
  19. package/dist/components/MobileDataGrid/ColumnSelector/index.js +5 -5
  20. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +5 -5
  21. package/dist/components/MobileDataGrid/index.js +5 -5
  22. package/dist/components/ProductImagePreview/MobileImageCarousel.cjs +1 -1
  23. package/dist/components/ProductImagePreview/MobileImageCarousel.js +1 -1
  24. package/dist/components/ProductImagePreview/ProductPrimaryImage.cjs +9 -8
  25. package/dist/components/ProductImagePreview/ProductPrimaryImage.js +1 -1
  26. package/dist/components/ProductImagePreview/Thumbnail.cjs +1 -1
  27. package/dist/components/ProductImagePreview/Thumbnail.js +1 -1
  28. package/dist/components/ProductImagePreview/index.cjs +12 -11
  29. package/dist/components/ProductImagePreview/index.js +4 -4
  30. package/dist/components/index.cjs +14 -13
  31. package/dist/components/index.js +5 -5
  32. package/package.json +1 -1
@@ -34,7 +34,7 @@ function Thumbnail({
34
34
  {
35
35
  src: imageError ? "/placeholder.svg" : src,
36
36
  alt,
37
- className: "object-cover w-full h-full select-none",
37
+ className: "object-contain w-full h-full select-none",
38
38
  draggable: false,
39
39
  loading: "lazy",
40
40
  onError: () => {
@@ -3,13 +3,13 @@ import {
3
3
  } from "./chunk-MBZ55T2D.js";
4
4
  import {
5
5
  MobileImageCarousel
6
- } from "./chunk-S4XW2XZW.js";
6
+ } from "./chunk-YKEPPS2I.js";
7
7
  import {
8
8
  ProductPrimaryImage
9
- } from "./chunk-65HTZ3R2.js";
9
+ } from "./chunk-UFX5XIJL.js";
10
10
  import {
11
11
  Thumbnail
12
- } from "./chunk-JRNU5BZ4.js";
12
+ } from "./chunk-3PIDINTF.js";
13
13
  import {
14
14
  ZoomWindow
15
15
  } from "./chunk-BQNPOGD5.js";
@@ -225,7 +225,7 @@ function ProductImagePreview(props) {
225
225
  return /* @__PURE__ */ jsxs(
226
226
  Stack,
227
227
  {
228
- sizing: "layout",
228
+ sizing: "layout-group",
229
229
  style: { width, position: "relative" },
230
230
  testid,
231
231
  children: [
@@ -136,13 +136,6 @@ function ProductPrimaryImage({
136
136
  zoomEnabled ? "cursor-crosshair" : "",
137
137
  className
138
138
  ].join(" "),
139
- style: {
140
- maxWidth: width,
141
- maxHeight: height,
142
- minWidth: width,
143
- minHeight: height,
144
- aspectRatio: "1 / 1"
145
- },
146
139
  onPointerEnter: handlePointerEnter,
147
140
  onPointerLeave: handlePointerLeave,
148
141
  onPointerMove: handlePointerMove,
@@ -152,7 +145,15 @@ function ProductPrimaryImage({
152
145
  {
153
146
  src: imageSrc != null ? imageSrc : placeholderImageUri,
154
147
  alt: (image == null ? void 0 : image.alt) || "Product image",
155
- className: "object-cover min-w-full min-h-full select-none",
148
+ style: {
149
+ maxWidth: width,
150
+ maxHeight: height,
151
+ minWidth: width,
152
+ minHeight: height,
153
+ aspectRatio: "1 / 1",
154
+ objectFit: "contain",
155
+ userSelect: "none"
156
+ },
156
157
  draggable: false,
157
158
  loading: "lazy",
158
159
  onError: handleImgError
@@ -159,7 +159,7 @@ function MobileImageCarousel({
159
159
  {
160
160
  src: image.src,
161
161
  alt: image.alt || `Product image ${index + 1}`,
162
- className: "w-full h-full object-cover",
162
+ className: "w-full h-full object-contain",
163
163
  draggable: false,
164
164
  loading: distance <= 1 ? "eager" : "lazy",
165
165
  onError: () => onImageError == null ? void 0 : onImageError(image.src),
@@ -69,7 +69,7 @@ function CompactImagesPreview(props) {
69
69
  [currentSourceIndex, onChangeSource, imagesCount]
70
70
  );
71
71
  if (!validSources.length || typeof isMobile === "undefined")
72
- return /* @__PURE__ */ jsx(
72
+ return /* @__PURE__ */ jsx("div", { className: "flex flex-row justify-center w-full", children: /* @__PURE__ */ jsx(
73
73
  "img",
74
74
  {
75
75
  "data-testid": testid ? `${testid}-placeholder` : void 0,
@@ -85,7 +85,7 @@ function CompactImagesPreview(props) {
85
85
  onError: (event) => handleImgError(event),
86
86
  onClick: onMainImageClick
87
87
  }
88
- );
88
+ ) });
89
89
  const currentSource = validSources[safeCurrentSourceIndex];
90
90
  return /* @__PURE__ */ jsxs(Stack, { "data-testid": testid, sizing: "layout", children: [
91
91
  /* @__PURE__ */ jsx(
@@ -7,11 +7,11 @@ import "../chunk-3UPUZBP5.js";
7
7
  import "../chunk-7ZJIGTFN.js";
8
8
  import "../chunk-E3FOCECQ.js";
9
9
  import "../chunk-Y5GD2FJA.js";
10
- import "../chunk-XW4B4CUY.js";
10
+ import "../chunk-FXXRXLOL.js";
11
11
  import "../chunk-MBZ55T2D.js";
12
- import "../chunk-S4XW2XZW.js";
13
- import "../chunk-65HTZ3R2.js";
14
- import "../chunk-JRNU5BZ4.js";
12
+ import "../chunk-YKEPPS2I.js";
13
+ import "../chunk-UFX5XIJL.js";
14
+ import "../chunk-3PIDINTF.js";
15
15
  import "../chunk-BQNPOGD5.js";
16
16
  import "../chunk-YULGJORA.js";
17
17
  import "../chunk-Z2HPSFEQ.js";
@@ -49,7 +49,7 @@ import "../chunk-PABII472.js";
49
49
  import "../chunk-4UGMSWWA.js";
50
50
  import "../chunk-WVUIIBRR.js";
51
51
  import "../chunk-I3W5K76C.js";
52
- import "../chunk-ICJARSLG.js";
52
+ import "../chunk-Z5YP2GI6.js";
53
53
  import "../chunk-ZRFXUER3.js";
54
54
  import "../chunk-WVGXD7HT.js";
55
55
  import "../chunk-VXWSAIB5.js";
@@ -531,7 +531,7 @@ function CompactImagesPreview(props) {
531
531
  [currentSourceIndex, onChangeSource, imagesCount]
532
532
  );
533
533
  if (!validSources.length || typeof isMobile === "undefined")
534
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
534
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex flex-row justify-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
535
535
  "img",
536
536
  {
537
537
  "data-testid": testid ? `${testid}-placeholder` : void 0,
@@ -547,7 +547,7 @@ function CompactImagesPreview(props) {
547
547
  onError: (event) => handleImgError(event),
548
548
  onClick: onMainImageClick
549
549
  }
550
- );
550
+ ) });
551
551
  const currentSource = validSources[safeCurrentSourceIndex];
552
552
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Stack, { "data-testid": testid, sizing: "layout", children: [
553
553
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  CompactImagesPreview
3
- } from "../chunk-ICJARSLG.js";
3
+ } from "../chunk-Z5YP2GI6.js";
4
4
  import "../chunk-ZRFXUER3.js";
5
5
  import "../chunk-WVGXD7HT.js";
6
6
  import "../chunk-VXWSAIB5.js";
@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
5
5
  import "../../../chunk-7ZJIGTFN.js";
6
6
  import "../../../chunk-E3FOCECQ.js";
7
7
  import "../../../chunk-Y5GD2FJA.js";
8
- import "../../../chunk-XW4B4CUY.js";
8
+ import "../../../chunk-FXXRXLOL.js";
9
9
  import "../../../chunk-MBZ55T2D.js";
10
- import "../../../chunk-S4XW2XZW.js";
11
- import "../../../chunk-65HTZ3R2.js";
12
- import "../../../chunk-JRNU5BZ4.js";
10
+ import "../../../chunk-YKEPPS2I.js";
11
+ import "../../../chunk-UFX5XIJL.js";
12
+ import "../../../chunk-3PIDINTF.js";
13
13
  import "../../../chunk-BQNPOGD5.js";
14
14
  import "../../../chunk-YULGJORA.js";
15
15
  import "../../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
47
47
  import "../../../chunk-4UGMSWWA.js";
48
48
  import "../../../chunk-WVUIIBRR.js";
49
49
  import "../../../chunk-I3W5K76C.js";
50
- import "../../../chunk-ICJARSLG.js";
50
+ import "../../../chunk-Z5YP2GI6.js";
51
51
  import "../../../chunk-ZRFXUER3.js";
52
52
  import "../../../chunk-WVGXD7HT.js";
53
53
  import "../../../chunk-VXWSAIB5.js";
@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
5
5
  import "../../../chunk-7ZJIGTFN.js";
6
6
  import "../../../chunk-E3FOCECQ.js";
7
7
  import "../../../chunk-Y5GD2FJA.js";
8
- import "../../../chunk-XW4B4CUY.js";
8
+ import "../../../chunk-FXXRXLOL.js";
9
9
  import "../../../chunk-MBZ55T2D.js";
10
- import "../../../chunk-S4XW2XZW.js";
11
- import "../../../chunk-65HTZ3R2.js";
12
- import "../../../chunk-JRNU5BZ4.js";
10
+ import "../../../chunk-YKEPPS2I.js";
11
+ import "../../../chunk-UFX5XIJL.js";
12
+ import "../../../chunk-3PIDINTF.js";
13
13
  import "../../../chunk-BQNPOGD5.js";
14
14
  import "../../../chunk-YULGJORA.js";
15
15
  import "../../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
47
47
  import "../../../chunk-4UGMSWWA.js";
48
48
  import "../../../chunk-WVUIIBRR.js";
49
49
  import "../../../chunk-I3W5K76C.js";
50
- import "../../../chunk-ICJARSLG.js";
50
+ import "../../../chunk-Z5YP2GI6.js";
51
51
  import "../../../chunk-ZRFXUER3.js";
52
52
  import "../../../chunk-WVGXD7HT.js";
53
53
  import "../../../chunk-VXWSAIB5.js";
@@ -5,11 +5,11 @@ import "../../chunk-3UPUZBP5.js";
5
5
  import "../../chunk-7ZJIGTFN.js";
6
6
  import "../../chunk-E3FOCECQ.js";
7
7
  import "../../chunk-Y5GD2FJA.js";
8
- import "../../chunk-XW4B4CUY.js";
8
+ import "../../chunk-FXXRXLOL.js";
9
9
  import "../../chunk-MBZ55T2D.js";
10
- import "../../chunk-S4XW2XZW.js";
11
- import "../../chunk-65HTZ3R2.js";
12
- import "../../chunk-JRNU5BZ4.js";
10
+ import "../../chunk-YKEPPS2I.js";
11
+ import "../../chunk-UFX5XIJL.js";
12
+ import "../../chunk-3PIDINTF.js";
13
13
  import "../../chunk-BQNPOGD5.js";
14
14
  import "../../chunk-YULGJORA.js";
15
15
  import "../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../chunk-PABII472.js";
47
47
  import "../../chunk-4UGMSWWA.js";
48
48
  import "../../chunk-WVUIIBRR.js";
49
49
  import "../../chunk-I3W5K76C.js";
50
- import "../../chunk-ICJARSLG.js";
50
+ import "../../chunk-Z5YP2GI6.js";
51
51
  import "../../chunk-ZRFXUER3.js";
52
52
  import "../../chunk-WVGXD7HT.js";
53
53
  import "../../chunk-VXWSAIB5.js";
@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
5
5
  import "../../../chunk-7ZJIGTFN.js";
6
6
  import "../../../chunk-E3FOCECQ.js";
7
7
  import "../../../chunk-Y5GD2FJA.js";
8
- import "../../../chunk-XW4B4CUY.js";
8
+ import "../../../chunk-FXXRXLOL.js";
9
9
  import "../../../chunk-MBZ55T2D.js";
10
- import "../../../chunk-S4XW2XZW.js";
11
- import "../../../chunk-65HTZ3R2.js";
12
- import "../../../chunk-JRNU5BZ4.js";
10
+ import "../../../chunk-YKEPPS2I.js";
11
+ import "../../../chunk-UFX5XIJL.js";
12
+ import "../../../chunk-3PIDINTF.js";
13
13
  import "../../../chunk-BQNPOGD5.js";
14
14
  import "../../../chunk-YULGJORA.js";
15
15
  import "../../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
47
47
  import "../../../chunk-4UGMSWWA.js";
48
48
  import "../../../chunk-WVUIIBRR.js";
49
49
  import "../../../chunk-I3W5K76C.js";
50
- import "../../../chunk-ICJARSLG.js";
50
+ import "../../../chunk-Z5YP2GI6.js";
51
51
  import "../../../chunk-ZRFXUER3.js";
52
52
  import "../../../chunk-WVGXD7HT.js";
53
53
  import "../../../chunk-VXWSAIB5.js";
@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
5
5
  import "../../../chunk-7ZJIGTFN.js";
6
6
  import "../../../chunk-E3FOCECQ.js";
7
7
  import "../../../chunk-Y5GD2FJA.js";
8
- import "../../../chunk-XW4B4CUY.js";
8
+ import "../../../chunk-FXXRXLOL.js";
9
9
  import "../../../chunk-MBZ55T2D.js";
10
- import "../../../chunk-S4XW2XZW.js";
11
- import "../../../chunk-65HTZ3R2.js";
12
- import "../../../chunk-JRNU5BZ4.js";
10
+ import "../../../chunk-YKEPPS2I.js";
11
+ import "../../../chunk-UFX5XIJL.js";
12
+ import "../../../chunk-3PIDINTF.js";
13
13
  import "../../../chunk-BQNPOGD5.js";
14
14
  import "../../../chunk-YULGJORA.js";
15
15
  import "../../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
47
47
  import "../../../chunk-4UGMSWWA.js";
48
48
  import "../../../chunk-WVUIIBRR.js";
49
49
  import "../../../chunk-I3W5K76C.js";
50
- import "../../../chunk-ICJARSLG.js";
50
+ import "../../../chunk-Z5YP2GI6.js";
51
51
  import "../../../chunk-ZRFXUER3.js";
52
52
  import "../../../chunk-WVGXD7HT.js";
53
53
  import "../../../chunk-VXWSAIB5.js";
@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
5
5
  import "../../../chunk-7ZJIGTFN.js";
6
6
  import "../../../chunk-E3FOCECQ.js";
7
7
  import "../../../chunk-Y5GD2FJA.js";
8
- import "../../../chunk-XW4B4CUY.js";
8
+ import "../../../chunk-FXXRXLOL.js";
9
9
  import "../../../chunk-MBZ55T2D.js";
10
- import "../../../chunk-S4XW2XZW.js";
11
- import "../../../chunk-65HTZ3R2.js";
12
- import "../../../chunk-JRNU5BZ4.js";
10
+ import "../../../chunk-YKEPPS2I.js";
11
+ import "../../../chunk-UFX5XIJL.js";
12
+ import "../../../chunk-3PIDINTF.js";
13
13
  import "../../../chunk-BQNPOGD5.js";
14
14
  import "../../../chunk-YULGJORA.js";
15
15
  import "../../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
47
47
  import "../../../chunk-4UGMSWWA.js";
48
48
  import "../../../chunk-WVUIIBRR.js";
49
49
  import "../../../chunk-I3W5K76C.js";
50
- import "../../../chunk-ICJARSLG.js";
50
+ import "../../../chunk-Z5YP2GI6.js";
51
51
  import "../../../chunk-ZRFXUER3.js";
52
52
  import "../../../chunk-WVGXD7HT.js";
53
53
  import "../../../chunk-VXWSAIB5.js";
@@ -7,11 +7,11 @@ import "../../chunk-3UPUZBP5.js";
7
7
  import "../../chunk-7ZJIGTFN.js";
8
8
  import "../../chunk-E3FOCECQ.js";
9
9
  import "../../chunk-Y5GD2FJA.js";
10
- import "../../chunk-XW4B4CUY.js";
10
+ import "../../chunk-FXXRXLOL.js";
11
11
  import "../../chunk-MBZ55T2D.js";
12
- import "../../chunk-S4XW2XZW.js";
13
- import "../../chunk-65HTZ3R2.js";
14
- import "../../chunk-JRNU5BZ4.js";
12
+ import "../../chunk-YKEPPS2I.js";
13
+ import "../../chunk-UFX5XIJL.js";
14
+ import "../../chunk-3PIDINTF.js";
15
15
  import "../../chunk-BQNPOGD5.js";
16
16
  import "../../chunk-YULGJORA.js";
17
17
  import "../../chunk-Z2HPSFEQ.js";
@@ -49,7 +49,7 @@ import "../../chunk-PABII472.js";
49
49
  import "../../chunk-4UGMSWWA.js";
50
50
  import "../../chunk-WVUIIBRR.js";
51
51
  import "../../chunk-I3W5K76C.js";
52
- import "../../chunk-ICJARSLG.js";
52
+ import "../../chunk-Z5YP2GI6.js";
53
53
  import "../../chunk-ZRFXUER3.js";
54
54
  import "../../chunk-WVGXD7HT.js";
55
55
  import "../../chunk-VXWSAIB5.js";
@@ -5,11 +5,11 @@ import "../../chunk-3UPUZBP5.js";
5
5
  import "../../chunk-7ZJIGTFN.js";
6
6
  import "../../chunk-E3FOCECQ.js";
7
7
  import "../../chunk-Y5GD2FJA.js";
8
- import "../../chunk-XW4B4CUY.js";
8
+ import "../../chunk-FXXRXLOL.js";
9
9
  import "../../chunk-MBZ55T2D.js";
10
- import "../../chunk-S4XW2XZW.js";
11
- import "../../chunk-65HTZ3R2.js";
12
- import "../../chunk-JRNU5BZ4.js";
10
+ import "../../chunk-YKEPPS2I.js";
11
+ import "../../chunk-UFX5XIJL.js";
12
+ import "../../chunk-3PIDINTF.js";
13
13
  import "../../chunk-BQNPOGD5.js";
14
14
  import "../../chunk-YULGJORA.js";
15
15
  import "../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../chunk-PABII472.js";
47
47
  import "../../chunk-4UGMSWWA.js";
48
48
  import "../../chunk-WVUIIBRR.js";
49
49
  import "../../chunk-I3W5K76C.js";
50
- import "../../chunk-ICJARSLG.js";
50
+ import "../../chunk-Z5YP2GI6.js";
51
51
  import "../../chunk-ZRFXUER3.js";
52
52
  import "../../chunk-WVGXD7HT.js";
53
53
  import "../../chunk-VXWSAIB5.js";
@@ -5,11 +5,11 @@ import "../chunk-3UPUZBP5.js";
5
5
  import "../chunk-7ZJIGTFN.js";
6
6
  import "../chunk-E3FOCECQ.js";
7
7
  import "../chunk-Y5GD2FJA.js";
8
- import "../chunk-XW4B4CUY.js";
8
+ import "../chunk-FXXRXLOL.js";
9
9
  import "../chunk-MBZ55T2D.js";
10
- import "../chunk-S4XW2XZW.js";
11
- import "../chunk-65HTZ3R2.js";
12
- import "../chunk-JRNU5BZ4.js";
10
+ import "../chunk-YKEPPS2I.js";
11
+ import "../chunk-UFX5XIJL.js";
12
+ import "../chunk-3PIDINTF.js";
13
13
  import "../chunk-BQNPOGD5.js";
14
14
  import "../chunk-YULGJORA.js";
15
15
  import "../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../chunk-PABII472.js";
47
47
  import "../chunk-4UGMSWWA.js";
48
48
  import "../chunk-WVUIIBRR.js";
49
49
  import "../chunk-I3W5K76C.js";
50
- import "../chunk-ICJARSLG.js";
50
+ import "../chunk-Z5YP2GI6.js";
51
51
  import "../chunk-ZRFXUER3.js";
52
52
  import "../chunk-WVGXD7HT.js";
53
53
  import "../chunk-VXWSAIB5.js";
@@ -5,11 +5,11 @@ import "../chunk-3UPUZBP5.js";
5
5
  import "../chunk-7ZJIGTFN.js";
6
6
  import "../chunk-E3FOCECQ.js";
7
7
  import "../chunk-Y5GD2FJA.js";
8
- import "../chunk-XW4B4CUY.js";
8
+ import "../chunk-FXXRXLOL.js";
9
9
  import "../chunk-MBZ55T2D.js";
10
- import "../chunk-S4XW2XZW.js";
11
- import "../chunk-65HTZ3R2.js";
12
- import "../chunk-JRNU5BZ4.js";
10
+ import "../chunk-YKEPPS2I.js";
11
+ import "../chunk-UFX5XIJL.js";
12
+ import "../chunk-3PIDINTF.js";
13
13
  import "../chunk-BQNPOGD5.js";
14
14
  import "../chunk-YULGJORA.js";
15
15
  import "../chunk-Z2HPSFEQ.js";
@@ -49,7 +49,7 @@ import {
49
49
  import "../chunk-4UGMSWWA.js";
50
50
  import "../chunk-WVUIIBRR.js";
51
51
  import "../chunk-I3W5K76C.js";
52
- import "../chunk-ICJARSLG.js";
52
+ import "../chunk-Z5YP2GI6.js";
53
53
  import "../chunk-ZRFXUER3.js";
54
54
  import "../chunk-WVGXD7HT.js";
55
55
  import {
@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
5
5
  import "../../../chunk-7ZJIGTFN.js";
6
6
  import "../../../chunk-E3FOCECQ.js";
7
7
  import "../../../chunk-Y5GD2FJA.js";
8
- import "../../../chunk-XW4B4CUY.js";
8
+ import "../../../chunk-FXXRXLOL.js";
9
9
  import "../../../chunk-MBZ55T2D.js";
10
- import "../../../chunk-S4XW2XZW.js";
11
- import "../../../chunk-65HTZ3R2.js";
12
- import "../../../chunk-JRNU5BZ4.js";
10
+ import "../../../chunk-YKEPPS2I.js";
11
+ import "../../../chunk-UFX5XIJL.js";
12
+ import "../../../chunk-3PIDINTF.js";
13
13
  import "../../../chunk-BQNPOGD5.js";
14
14
  import "../../../chunk-YULGJORA.js";
15
15
  import "../../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
47
47
  import "../../../chunk-4UGMSWWA.js";
48
48
  import "../../../chunk-WVUIIBRR.js";
49
49
  import "../../../chunk-I3W5K76C.js";
50
- import "../../../chunk-ICJARSLG.js";
50
+ import "../../../chunk-Z5YP2GI6.js";
51
51
  import "../../../chunk-ZRFXUER3.js";
52
52
  import "../../../chunk-WVGXD7HT.js";
53
53
  import "../../../chunk-VXWSAIB5.js";
@@ -5,11 +5,11 @@ import "../../chunk-3UPUZBP5.js";
5
5
  import "../../chunk-7ZJIGTFN.js";
6
6
  import "../../chunk-E3FOCECQ.js";
7
7
  import "../../chunk-Y5GD2FJA.js";
8
- import "../../chunk-XW4B4CUY.js";
8
+ import "../../chunk-FXXRXLOL.js";
9
9
  import "../../chunk-MBZ55T2D.js";
10
- import "../../chunk-S4XW2XZW.js";
11
- import "../../chunk-65HTZ3R2.js";
12
- import "../../chunk-JRNU5BZ4.js";
10
+ import "../../chunk-YKEPPS2I.js";
11
+ import "../../chunk-UFX5XIJL.js";
12
+ import "../../chunk-3PIDINTF.js";
13
13
  import "../../chunk-BQNPOGD5.js";
14
14
  import "../../chunk-YULGJORA.js";
15
15
  import "../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../chunk-PABII472.js";
47
47
  import "../../chunk-4UGMSWWA.js";
48
48
  import "../../chunk-WVUIIBRR.js";
49
49
  import "../../chunk-I3W5K76C.js";
50
- import "../../chunk-ICJARSLG.js";
50
+ import "../../chunk-Z5YP2GI6.js";
51
51
  import "../../chunk-ZRFXUER3.js";
52
52
  import "../../chunk-WVGXD7HT.js";
53
53
  import "../../chunk-VXWSAIB5.js";
@@ -5,11 +5,11 @@ import "../../chunk-3UPUZBP5.js";
5
5
  import "../../chunk-7ZJIGTFN.js";
6
6
  import "../../chunk-E3FOCECQ.js";
7
7
  import "../../chunk-Y5GD2FJA.js";
8
- import "../../chunk-XW4B4CUY.js";
8
+ import "../../chunk-FXXRXLOL.js";
9
9
  import "../../chunk-MBZ55T2D.js";
10
- import "../../chunk-S4XW2XZW.js";
11
- import "../../chunk-65HTZ3R2.js";
12
- import "../../chunk-JRNU5BZ4.js";
10
+ import "../../chunk-YKEPPS2I.js";
11
+ import "../../chunk-UFX5XIJL.js";
12
+ import "../../chunk-3PIDINTF.js";
13
13
  import "../../chunk-BQNPOGD5.js";
14
14
  import "../../chunk-YULGJORA.js";
15
15
  import "../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../chunk-PABII472.js";
47
47
  import "../../chunk-4UGMSWWA.js";
48
48
  import "../../chunk-WVUIIBRR.js";
49
49
  import "../../chunk-I3W5K76C.js";
50
- import "../../chunk-ICJARSLG.js";
50
+ import "../../chunk-Z5YP2GI6.js";
51
51
  import "../../chunk-ZRFXUER3.js";
52
52
  import "../../chunk-WVGXD7HT.js";
53
53
  import "../../chunk-VXWSAIB5.js";
@@ -183,7 +183,7 @@ function MobileImageCarousel({
183
183
  {
184
184
  src: image.src,
185
185
  alt: image.alt || `Product image ${index + 1}`,
186
- className: "w-full h-full object-cover",
186
+ className: "w-full h-full object-contain",
187
187
  draggable: false,
188
188
  loading: distance <= 1 ? "eager" : "lazy",
189
189
  onError: () => onImageError == null ? void 0 : onImageError(image.src),
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  MobileImageCarousel
3
- } from "../../chunk-S4XW2XZW.js";
3
+ } from "../../chunk-YKEPPS2I.js";
4
4
  import "../../chunk-ORMEWXMH.js";
5
5
  export {
6
6
  MobileImageCarousel
@@ -172,13 +172,6 @@ function ProductPrimaryImage({
172
172
  zoomEnabled ? "cursor-crosshair" : "",
173
173
  className
174
174
  ].join(" "),
175
- style: {
176
- maxWidth: width,
177
- maxHeight: height,
178
- minWidth: width,
179
- minHeight: height,
180
- aspectRatio: "1 / 1"
181
- },
182
175
  onPointerEnter: handlePointerEnter,
183
176
  onPointerLeave: handlePointerLeave,
184
177
  onPointerMove: handlePointerMove,
@@ -188,7 +181,15 @@ function ProductPrimaryImage({
188
181
  {
189
182
  src: imageSrc != null ? imageSrc : placeholderImageUri,
190
183
  alt: (image == null ? void 0 : image.alt) || "Product image",
191
- className: "object-cover min-w-full min-h-full select-none",
184
+ style: {
185
+ maxWidth: width,
186
+ maxHeight: height,
187
+ minWidth: width,
188
+ minHeight: height,
189
+ aspectRatio: "1 / 1",
190
+ objectFit: "contain",
191
+ userSelect: "none"
192
+ },
192
193
  draggable: false,
193
194
  loading: "lazy",
194
195
  onError: handleImgError
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  ProductPrimaryImage
3
- } from "../../chunk-65HTZ3R2.js";
3
+ } from "../../chunk-UFX5XIJL.js";
4
4
  import "../../chunk-ORMEWXMH.js";
5
5
  export {
6
6
  ProductPrimaryImage
@@ -94,7 +94,7 @@ function Thumbnail({
94
94
  {
95
95
  src: imageError ? "/placeholder.svg" : src,
96
96
  alt,
97
- className: "object-cover w-full h-full select-none",
97
+ className: "object-contain w-full h-full select-none",
98
98
  draggable: false,
99
99
  loading: "lazy",
100
100
  onError: () => {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Thumbnail
3
- } from "../../chunk-JRNU5BZ4.js";
3
+ } from "../../chunk-3PIDINTF.js";
4
4
  import "../../chunk-QVWYTQKL.js";
5
5
  import "../../chunk-ORMEWXMH.js";
6
6
  export {
@@ -118,7 +118,7 @@ function Thumbnail({
118
118
  {
119
119
  src: imageError ? "/placeholder.svg" : src,
120
120
  alt,
121
- className: "object-cover w-full h-full select-none",
121
+ className: "object-contain w-full h-full select-none",
122
122
  draggable: false,
123
123
  loading: "lazy",
124
124
  onError: () => {
@@ -701,13 +701,6 @@ function ProductPrimaryImage({
701
701
  zoomEnabled ? "cursor-crosshair" : "",
702
702
  className
703
703
  ].join(" "),
704
- style: {
705
- maxWidth: width,
706
- maxHeight: height,
707
- minWidth: width,
708
- minHeight: height,
709
- aspectRatio: "1 / 1"
710
- },
711
704
  onPointerEnter: handlePointerEnter,
712
705
  onPointerLeave: handlePointerLeave,
713
706
  onPointerMove: handlePointerMove,
@@ -717,7 +710,15 @@ function ProductPrimaryImage({
717
710
  {
718
711
  src: imageSrc != null ? imageSrc : placeholderImageUri,
719
712
  alt: (image == null ? void 0 : image.alt) || "Product image",
720
- className: "object-cover min-w-full min-h-full select-none",
713
+ style: {
714
+ maxWidth: width,
715
+ maxHeight: height,
716
+ minWidth: width,
717
+ minHeight: height,
718
+ aspectRatio: "1 / 1",
719
+ objectFit: "contain",
720
+ userSelect: "none"
721
+ },
721
722
  draggable: false,
722
723
  loading: "lazy",
723
724
  onError: handleImgError
@@ -1078,7 +1079,7 @@ function MobileImageCarousel({
1078
1079
  {
1079
1080
  src: image.src,
1080
1081
  alt: image.alt || `Product image ${index + 1}`,
1081
- className: "w-full h-full object-cover",
1082
+ className: "w-full h-full object-contain",
1082
1083
  draggable: false,
1083
1084
  loading: distance <= 1 ? "eager" : "lazy",
1084
1085
  onError: () => onImageError == null ? void 0 : onImageError(image.src),
@@ -1342,7 +1343,7 @@ function ProductImagePreview(props) {
1342
1343
  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
1343
1344
  Stack,
1344
1345
  {
1345
- sizing: "layout",
1346
+ sizing: "layout-group",
1346
1347
  style: { width, position: "relative" },
1347
1348
  testid,
1348
1349
  children: [
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  ProductImagePreview
3
- } from "../../chunk-XW4B4CUY.js";
3
+ } from "../../chunk-FXXRXLOL.js";
4
4
  import "../../chunk-MBZ55T2D.js";
5
- import "../../chunk-S4XW2XZW.js";
6
- import "../../chunk-65HTZ3R2.js";
7
- import "../../chunk-JRNU5BZ4.js";
5
+ import "../../chunk-YKEPPS2I.js";
6
+ import "../../chunk-UFX5XIJL.js";
7
+ import "../../chunk-3PIDINTF.js";
8
8
  import "../../chunk-BQNPOGD5.js";
9
9
  import "../../chunk-AT4AWD6B.js";
10
10
  import "../../chunk-QVWYTQKL.js";
@@ -7304,7 +7304,7 @@ function Thumbnail({
7304
7304
  {
7305
7305
  src: imageError ? "/placeholder.svg" : src,
7306
7306
  alt,
7307
- className: "object-cover w-full h-full select-none",
7307
+ className: "object-contain w-full h-full select-none",
7308
7308
  draggable: false,
7309
7309
  loading: "lazy",
7310
7310
  onError: () => {
@@ -7519,13 +7519,6 @@ function ProductPrimaryImage({
7519
7519
  zoomEnabled ? "cursor-crosshair" : "",
7520
7520
  className
7521
7521
  ].join(" "),
7522
- style: {
7523
- maxWidth: width,
7524
- maxHeight: height,
7525
- minWidth: width,
7526
- minHeight: height,
7527
- aspectRatio: "1 / 1"
7528
- },
7529
7522
  onPointerEnter: handlePointerEnter,
7530
7523
  onPointerLeave: handlePointerLeave,
7531
7524
  onPointerMove: handlePointerMove,
@@ -7535,7 +7528,15 @@ function ProductPrimaryImage({
7535
7528
  {
7536
7529
  src: imageSrc != null ? imageSrc : placeholderImageUri,
7537
7530
  alt: (image == null ? void 0 : image.alt) || "Product image",
7538
- className: "object-cover min-w-full min-h-full select-none",
7531
+ style: {
7532
+ maxWidth: width,
7533
+ maxHeight: height,
7534
+ minWidth: width,
7535
+ minHeight: height,
7536
+ aspectRatio: "1 / 1",
7537
+ objectFit: "contain",
7538
+ userSelect: "none"
7539
+ },
7539
7540
  draggable: false,
7540
7541
  loading: "lazy",
7541
7542
  onError: handleImgError
@@ -7896,7 +7897,7 @@ function MobileImageCarousel({
7896
7897
  {
7897
7898
  src: image.src,
7898
7899
  alt: image.alt || `Product image ${index + 1}`,
7899
- className: "w-full h-full object-cover",
7900
+ className: "w-full h-full object-contain",
7900
7901
  draggable: false,
7901
7902
  loading: distance <= 1 ? "eager" : "lazy",
7902
7903
  onError: () => onImageError == null ? void 0 : onImageError(image.src),
@@ -8126,7 +8127,7 @@ function ProductImagePreview(props) {
8126
8127
  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
8127
8128
  Stack,
8128
8129
  {
8129
- sizing: "layout",
8130
+ sizing: "layout-group",
8130
8131
  style: { width, position: "relative" },
8131
8132
  testid,
8132
8133
  children: [
@@ -8289,7 +8290,7 @@ function CompactImagesPreview(props) {
8289
8290
  [currentSourceIndex, onChangeSource, imagesCount]
8290
8291
  );
8291
8292
  if (!validSources.length || typeof isMobile === "undefined")
8292
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
8293
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex flex-row justify-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
8293
8294
  "img",
8294
8295
  {
8295
8296
  "data-testid": testid ? `${testid}-placeholder` : void 0,
@@ -8305,7 +8306,7 @@ function CompactImagesPreview(props) {
8305
8306
  onError: (event) => handleImgError(event),
8306
8307
  onClick: onMainImageClick
8307
8308
  }
8308
- );
8309
+ ) });
8309
8310
  const currentSource = validSources[safeCurrentSourceIndex];
8310
8311
  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Stack, { "data-testid": testid, sizing: "layout", children: [
8311
8312
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
@@ -11,11 +11,11 @@ import {
11
11
  } from "../chunk-Y5GD2FJA.js";
12
12
  import {
13
13
  ProductImagePreview
14
- } from "../chunk-XW4B4CUY.js";
14
+ } from "../chunk-FXXRXLOL.js";
15
15
  import "../chunk-MBZ55T2D.js";
16
- import "../chunk-S4XW2XZW.js";
17
- import "../chunk-65HTZ3R2.js";
18
- import "../chunk-JRNU5BZ4.js";
16
+ import "../chunk-YKEPPS2I.js";
17
+ import "../chunk-UFX5XIJL.js";
18
+ import "../chunk-3PIDINTF.js";
19
19
  import "../chunk-BQNPOGD5.js";
20
20
  import {
21
21
  EmblaCarousel
@@ -94,7 +94,7 @@ import {
94
94
  } from "../chunk-I3W5K76C.js";
95
95
  import {
96
96
  CompactImagesPreview
97
- } from "../chunk-ICJARSLG.js";
97
+ } from "../chunk-Z5YP2GI6.js";
98
98
  import "../chunk-ZRFXUER3.js";
99
99
  import "../chunk-WVGXD7HT.js";
100
100
  import "../chunk-VXWSAIB5.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
3
  "private": false,
4
- "version": "0.0.1241",
4
+ "version": "0.0.1243",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",