@dmsi/wedgekit-react 0.0.864 → 0.0.866

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 (90) hide show
  1. package/dist/chunk-3N34VVYD.js +154 -0
  2. package/dist/{chunk-57HL5K5I.js → chunk-4DPSNQCM.js} +1 -1
  3. package/dist/{chunk-BH4UKMXV.js → chunk-5NRKL5CJ.js} +3 -3
  4. package/dist/{chunk-A57PKP6Z.js → chunk-E7XBOMT4.js} +6 -6
  5. package/dist/{chunk-CJPGHBV5.js → chunk-EGECC3PQ.js} +1 -1
  6. package/dist/{chunk-ZL6NXIGS.js → chunk-HT57FLRW.js} +1 -1
  7. package/dist/{chunk-BXEE6VGQ.js → chunk-KLH67DTH.js} +6 -23
  8. package/dist/{chunk-C5DKGJ4E.js → chunk-KOKA2IJC.js} +4 -4
  9. package/dist/{chunk-IPQIZG7U.js → chunk-N36EJLRW.js} +1 -1
  10. package/dist/{chunk-RFF2EFBX.js → chunk-OM7QLLI2.js} +2 -2
  11. package/dist/{chunk-FXJ7C6RF.js → chunk-PE3EZP56.js} +1 -1
  12. package/dist/chunk-WVGXD7HT.js +19 -0
  13. package/dist/{chunk-7OLDYFKY.js → chunk-X3NDEFVA.js} +1 -1
  14. package/dist/chunk-YV5FS7NV.js +89 -0
  15. package/dist/chunk-Z2HPSFEQ.js +14 -0
  16. package/dist/{chunk-RTZO2OU7.js → chunk-Z7XANQ47.js} +1 -1
  17. package/dist/components/CalendarRange.cjs +65 -46
  18. package/dist/components/CalendarRange.css +13 -0
  19. package/dist/components/CalendarRange.js +17 -14
  20. package/dist/components/CompactImagesPreview.js +3 -2
  21. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +23 -4
  22. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +13 -0
  23. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +17 -14
  24. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +32 -13
  25. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +13 -0
  26. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +17 -14
  27. package/dist/components/DataGrid/PinnedColumns.cjs +48 -29
  28. package/dist/components/DataGrid/PinnedColumns.css +13 -0
  29. package/dist/components/DataGrid/PinnedColumns.js +17 -14
  30. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +24 -5
  31. package/dist/components/DataGrid/TableBody/LoadingCell.css +13 -0
  32. package/dist/components/DataGrid/TableBody/LoadingCell.js +17 -14
  33. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +30 -11
  34. package/dist/components/DataGrid/TableBody/TableBodyRow.css +13 -0
  35. package/dist/components/DataGrid/TableBody/TableBodyRow.js +17 -14
  36. package/dist/components/DataGrid/TableBody/index.cjs +45 -26
  37. package/dist/components/DataGrid/TableBody/index.css +13 -0
  38. package/dist/components/DataGrid/TableBody/index.js +17 -14
  39. package/dist/components/DataGrid/index.cjs +135 -116
  40. package/dist/components/DataGrid/index.css +13 -0
  41. package/dist/components/DataGrid/index.js +17 -14
  42. package/dist/components/DataGrid/utils.cjs +24 -5
  43. package/dist/components/DataGrid/utils.css +13 -0
  44. package/dist/components/DataGrid/utils.js +17 -14
  45. package/dist/components/DataGridCell.js +6 -5
  46. package/dist/components/DateInput.cjs +85 -66
  47. package/dist/components/DateInput.css +13 -0
  48. package/dist/components/DateInput.js +17 -14
  49. package/dist/components/DateRangeInput.cjs +84 -65
  50. package/dist/components/DateRangeInput.css +13 -0
  51. package/dist/components/DateRangeInput.js +17 -14
  52. package/dist/components/EmblaCarousel/ArrowButtons.cjs +147 -0
  53. package/dist/components/EmblaCarousel/ArrowButtons.js +9 -0
  54. package/dist/components/EmblaCarousel/SelectedSnapDisplay.cjs +38 -0
  55. package/dist/components/EmblaCarousel/SelectedSnapDisplay.js +7 -0
  56. package/dist/components/EmblaCarousel/index.cjs +266 -2
  57. package/dist/components/EmblaCarousel/index.js +4 -1
  58. package/dist/components/Menu.js +4 -3
  59. package/dist/components/MenuOption.js +3 -2
  60. package/dist/components/MobileDataGrid/ColumnList.css +13 -0
  61. package/dist/components/MobileDataGrid/ColumnList.js +1 -1
  62. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +31 -12
  63. package/dist/components/MobileDataGrid/ColumnSelector/index.css +13 -0
  64. package/dist/components/MobileDataGrid/ColumnSelector/index.js +17 -14
  65. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
  66. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +39 -20
  67. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +13 -0
  68. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +17 -14
  69. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
  70. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +5 -4
  71. package/dist/components/MobileDataGrid/index.cjs +151 -132
  72. package/dist/components/MobileDataGrid/index.css +13 -0
  73. package/dist/components/MobileDataGrid/index.js +17 -14
  74. package/dist/components/Modal.js +3 -2
  75. package/dist/components/NestedMenu.js +3 -2
  76. package/dist/components/PDFViewer/DownloadIcon.js +4 -3
  77. package/dist/components/PDFViewer/index.js +5 -4
  78. package/dist/components/Password.js +3 -2
  79. package/dist/components/ProductImagePreview/index.js +4 -3
  80. package/dist/components/ProjectBar.js +2 -1
  81. package/dist/components/Stepper.js +3 -2
  82. package/dist/components/Tooltip.js +3 -2
  83. package/dist/components/index.cjs +222 -2
  84. package/dist/components/index.css +13 -0
  85. package/dist/components/index.js +17 -14
  86. package/dist/components/useMenuSystem.js +3 -2
  87. package/dist/hooks/index.js +5 -3
  88. package/dist/index.css +13 -0
  89. package/package.json +3 -3
  90. package/dist/chunk-SZ47M32R.js +0 -13
@@ -759,6 +759,10 @@
759
759
  width: calc(var(--spacing) * 6);
760
760
  height: calc(var(--spacing) * 6);
761
761
  }
762
+ .size-9 {
763
+ width: calc(var(--spacing) * 9);
764
+ height: calc(var(--spacing) * 9);
765
+ }
762
766
  .\!h-4\.5 {
763
767
  height: calc(var(--spacing) * 4.5) !important;
764
768
  }
@@ -1063,6 +1067,9 @@
1063
1067
  .\[appearance\:textfield\] {
1064
1068
  appearance: textfield;
1065
1069
  }
1070
+ .appearance-none {
1071
+ appearance: none;
1072
+ }
1066
1073
  .grid-cols-1 {
1067
1074
  grid-template-columns: repeat(1, minmax(0, 1fr));
1068
1075
  }
@@ -2122,6 +2129,9 @@
2122
2129
  .pb-2 {
2123
2130
  padding-bottom: calc(var(--spacing) * 2);
2124
2131
  }
2132
+ .pb-3 {
2133
+ padding-bottom: calc(var(--spacing) * 3);
2134
+ }
2125
2135
  .pb-mobile-component-padding {
2126
2136
  padding-bottom: var(--spacing-mobile-component-padding);
2127
2137
  }
@@ -2345,6 +2355,9 @@
2345
2355
  .text-icon-on-action-secondary-normal {
2346
2356
  color: var(--color-icon-on-action-secondary-normal);
2347
2357
  }
2358
+ .text-icon-primary-disabled {
2359
+ color: var(--color-icon-primary-disabled);
2360
+ }
2348
2361
  .text-icon-primary-normal {
2349
2362
  color: var(--color-icon-primary-normal);
2350
2363
  }
@@ -1,22 +1,24 @@
1
1
  import {
2
2
  MobileDataGrid
3
- } from "../../chunk-A57PKP6Z.js";
4
- import "../../chunk-57HL5K5I.js";
3
+ } from "../../chunk-E7XBOMT4.js";
4
+ import "../../chunk-4DPSNQCM.js";
5
5
  import "../../chunk-Q4YDNW7N.js";
6
6
  import "../../chunk-M7INAUAJ.js";
7
- import "../../chunk-C5DKGJ4E.js";
7
+ import "../../chunk-KOKA2IJC.js";
8
+ import "../../chunk-MBZ55T2D.js";
8
9
  import "../../chunk-2IKT6IHB.js";
9
10
  import "../../chunk-YCDDBSVU.js";
10
11
  import "../../chunk-3X3Y4TMS.js";
11
12
  import "../../chunk-BQNPOGD5.js";
12
13
  import "../../chunk-Y5GD2FJA.js";
13
- import "../../chunk-MBZ55T2D.js";
14
- import "../../chunk-SZ47M32R.js";
14
+ import "../../chunk-3N34VVYD.js";
15
15
  import "../../chunk-B4AE3DCA.js";
16
16
  import "../../chunk-FP3Y5JJN.js";
17
17
  import "../../chunk-5IFPG6TS.js";
18
- import "../../chunk-AJ5M6MVX.js";
19
18
  import "../../chunk-6EYMKEJ6.js";
19
+ import "../../chunk-AJ5M6MVX.js";
20
+ import "../../chunk-YV5FS7NV.js";
21
+ import "../../chunk-Z2HPSFEQ.js";
20
22
  import "../../chunk-AT4AWD6B.js";
21
23
  import "../../chunk-EWGHVZL5.js";
22
24
  import "../../chunk-FZ2TEKOE.js";
@@ -24,8 +26,8 @@ import "../../chunk-FESS4LWU.js";
24
26
  import "../../chunk-KBIEWFQS.js";
25
27
  import "../../chunk-NSZTJ5R4.js";
26
28
  import "../../chunk-LB7UT6F3.js";
27
- import "../../chunk-ZL6NXIGS.js";
28
- import "../../chunk-IPQIZG7U.js";
29
+ import "../../chunk-HT57FLRW.js";
30
+ import "../../chunk-N36EJLRW.js";
29
31
  import "../../chunk-4RJKB7LC.js";
30
32
  import "../../chunk-UUKHQUSF.js";
31
33
  import "../../chunk-WVVEOCEH.js";
@@ -36,17 +38,18 @@ import "../../chunk-UAMI54FE.js";
36
38
  import "../../chunk-SJZNVG4N.js";
37
39
  import "../../chunk-75USUR3I.js";
38
40
  import "../../chunk-BWPNXY7T.js";
39
- import "../../chunk-BH4UKMXV.js";
40
- import "../../chunk-RFF2EFBX.js";
41
- import "../../chunk-FXJ7C6RF.js";
42
- import "../../chunk-7OLDYFKY.js";
41
+ import "../../chunk-5NRKL5CJ.js";
42
+ import "../../chunk-OM7QLLI2.js";
43
+ import "../../chunk-PE3EZP56.js";
44
+ import "../../chunk-X3NDEFVA.js";
43
45
  import "../../chunk-FHXCCVOG.js";
44
46
  import "../../chunk-7T5RGDCN.js";
45
47
  import "../../chunk-HXGJVYGQ.js";
46
48
  import "../../chunk-WVUIIBRR.js";
47
49
  import "../../chunk-M7WHWZ2J.js";
48
- import "../../chunk-CJPGHBV5.js";
49
- import "../../chunk-BXEE6VGQ.js";
50
+ import "../../chunk-EGECC3PQ.js";
51
+ import "../../chunk-KLH67DTH.js";
52
+ import "../../chunk-WVGXD7HT.js";
50
53
  import "../../chunk-VXWSAIB5.js";
51
54
  import "../../chunk-MMZTPVYB.js";
52
55
  import "../../chunk-5UH6QUFB.js";
@@ -1,13 +1,14 @@
1
1
  "use client";
2
2
  import {
3
3
  Modal
4
- } from "../chunk-IPQIZG7U.js";
4
+ } from "../chunk-N36EJLRW.js";
5
5
  import "../chunk-4RJKB7LC.js";
6
6
  import "../chunk-UUKHQUSF.js";
7
7
  import "../chunk-WVVEOCEH.js";
8
8
  import "../chunk-2EAVEFWY.js";
9
9
  import "../chunk-E7LGUC2B.js";
10
- import "../chunk-BXEE6VGQ.js";
10
+ import "../chunk-KLH67DTH.js";
11
+ import "../chunk-WVGXD7HT.js";
11
12
  import "../chunk-VXWSAIB5.js";
12
13
  import "../chunk-MMZTPVYB.js";
13
14
  import "../chunk-5UH6QUFB.js";
@@ -1,13 +1,14 @@
1
1
  "use client";
2
2
  import {
3
3
  MenuOption
4
- } from "../chunk-7OLDYFKY.js";
4
+ } from "../chunk-X3NDEFVA.js";
5
5
  import {
6
6
  Label
7
7
  } from "../chunk-HXGJVYGQ.js";
8
8
  import {
9
9
  useKeydown
10
- } from "../chunk-BXEE6VGQ.js";
10
+ } from "../chunk-KLH67DTH.js";
11
+ import "../chunk-WVGXD7HT.js";
11
12
  import "../chunk-VXWSAIB5.js";
12
13
  import "../chunk-MMZTPVYB.js";
13
14
  import "../chunk-5UH6QUFB.js";
@@ -1,8 +1,9 @@
1
1
  import {
2
2
  DownloadIcon
3
- } from "../../chunk-RTZO2OU7.js";
4
- import "../../chunk-ZL6NXIGS.js";
5
- import "../../chunk-BXEE6VGQ.js";
3
+ } from "../../chunk-Z7XANQ47.js";
4
+ import "../../chunk-HT57FLRW.js";
5
+ import "../../chunk-KLH67DTH.js";
6
+ import "../../chunk-WVGXD7HT.js";
6
7
  import "../../chunk-VXWSAIB5.js";
7
8
  import "../../chunk-MMZTPVYB.js";
8
9
  import "../../chunk-5UH6QUFB.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  DownloadIcon
4
- } from "../../chunk-RTZO2OU7.js";
4
+ } from "../../chunk-Z7XANQ47.js";
5
5
  import {
6
6
  PDFElement
7
7
  } from "../../chunk-EQ2RAI53.js";
@@ -12,16 +12,17 @@ import "../../chunk-VJVY6NPF.js";
12
12
  import {
13
13
  Link
14
14
  } from "../../chunk-FSXKJXPN.js";
15
- import "../../chunk-ZL6NXIGS.js";
15
+ import "../../chunk-HT57FLRW.js";
16
16
  import {
17
17
  Modal
18
- } from "../../chunk-IPQIZG7U.js";
18
+ } from "../../chunk-N36EJLRW.js";
19
19
  import "../../chunk-4RJKB7LC.js";
20
20
  import "../../chunk-UUKHQUSF.js";
21
21
  import "../../chunk-WVVEOCEH.js";
22
22
  import "../../chunk-2EAVEFWY.js";
23
23
  import "../../chunk-E7LGUC2B.js";
24
- import "../../chunk-BXEE6VGQ.js";
24
+ import "../../chunk-KLH67DTH.js";
25
+ import "../../chunk-WVGXD7HT.js";
25
26
  import "../../chunk-VXWSAIB5.js";
26
27
  import "../../chunk-MMZTPVYB.js";
27
28
  import "../../chunk-5UH6QUFB.js";
@@ -1,12 +1,13 @@
1
1
  "use client";
2
2
  import {
3
3
  Tooltip
4
- } from "../chunk-ZL6NXIGS.js";
4
+ } from "../chunk-HT57FLRW.js";
5
5
  import {
6
6
  InputBase
7
7
  } from "../chunk-7T5RGDCN.js";
8
8
  import "../chunk-HXGJVYGQ.js";
9
- import "../chunk-BXEE6VGQ.js";
9
+ import "../chunk-KLH67DTH.js";
10
+ import "../chunk-WVGXD7HT.js";
10
11
  import "../chunk-VXWSAIB5.js";
11
12
  import "../chunk-MMZTPVYB.js";
12
13
  import "../chunk-5UH6QUFB.js";
@@ -1,15 +1,16 @@
1
1
  import {
2
2
  ProductImagePreview
3
- } from "../../chunk-C5DKGJ4E.js";
3
+ } from "../../chunk-KOKA2IJC.js";
4
+ import "../../chunk-MBZ55T2D.js";
4
5
  import "../../chunk-2IKT6IHB.js";
5
6
  import "../../chunk-YCDDBSVU.js";
6
7
  import "../../chunk-3X3Y4TMS.js";
7
8
  import "../../chunk-BQNPOGD5.js";
8
- import "../../chunk-MBZ55T2D.js";
9
9
  import "../../chunk-AT4AWD6B.js";
10
10
  import "../../chunk-QVWYTQKL.js";
11
11
  import "../../chunk-BWPNXY7T.js";
12
- import "../../chunk-BXEE6VGQ.js";
12
+ import "../../chunk-KLH67DTH.js";
13
+ import "../../chunk-WVGXD7HT.js";
13
14
  import "../../chunk-VXWSAIB5.js";
14
15
  import "../../chunk-MMZTPVYB.js";
15
16
  import "../../chunk-5UH6QUFB.js";
@@ -1,6 +1,7 @@
1
+ import "../chunk-KLH67DTH.js";
1
2
  import {
2
3
  useMatchesMobile
3
- } from "../chunk-BXEE6VGQ.js";
4
+ } from "../chunk-WVGXD7HT.js";
4
5
  import "../chunk-VXWSAIB5.js";
5
6
  import "../chunk-MMZTPVYB.js";
6
7
  import "../chunk-5UH6QUFB.js";
@@ -1,12 +1,13 @@
1
1
  "use client";
2
2
  import {
3
3
  Tooltip
4
- } from "../chunk-ZL6NXIGS.js";
4
+ } from "../chunk-HT57FLRW.js";
5
5
  import {
6
6
  InputBase
7
7
  } from "../chunk-7T5RGDCN.js";
8
8
  import "../chunk-HXGJVYGQ.js";
9
- import "../chunk-BXEE6VGQ.js";
9
+ import "../chunk-KLH67DTH.js";
10
+ import "../chunk-WVGXD7HT.js";
10
11
  import "../chunk-VXWSAIB5.js";
11
12
  import "../chunk-MMZTPVYB.js";
12
13
  import "../chunk-5UH6QUFB.js";
@@ -1,8 +1,9 @@
1
1
  "use client";
2
2
  import {
3
3
  Tooltip
4
- } from "../chunk-ZL6NXIGS.js";
5
- import "../chunk-BXEE6VGQ.js";
4
+ } from "../chunk-HT57FLRW.js";
5
+ import "../chunk-KLH67DTH.js";
6
+ import "../chunk-WVGXD7HT.js";
6
7
  import "../chunk-VXWSAIB5.js";
7
8
  import "../chunk-MMZTPVYB.js";
8
9
  import "../chunk-5UH6QUFB.js";
@@ -8604,11 +8604,231 @@ function AccessCardGroup(props) {
8604
8604
  }
8605
8605
 
8606
8606
  // src/components/EmblaCarousel/index.tsx
8607
+ var import_react43 = require("react");
8607
8608
  var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
8609
+
8610
+ // src/components/EmblaCarousel/SelectedSnapDisplay.tsx
8608
8611
  var import_jsx_runtime67 = require("react/jsx-runtime");
8612
+ var SelectedSnapDisplay = (props) => {
8613
+ const { selectedSnap, snapCount } = props;
8614
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "embla__selected-snap-display", children: [
8615
+ selectedSnap + 1,
8616
+ " / ",
8617
+ snapCount
8618
+ ] });
8619
+ };
8620
+
8621
+ // src/components/EmblaCarousel/useSelectedSnapDisplay.ts
8622
+ var import_react41 = require("react");
8623
+ var useSelectedSnapDisplay = (emblaApi) => {
8624
+ const [selectedSnap, setSelectedSnap] = (0, import_react41.useState)(0);
8625
+ const [snapCount, setSnapCount] = (0, import_react41.useState)(0);
8626
+ const updateScrollSnapState = (0, import_react41.useCallback)((emblaApi2) => {
8627
+ setSnapCount(emblaApi2.slideNodes().length);
8628
+ setSelectedSnap(emblaApi2.selectedSnap());
8629
+ }, []);
8630
+ (0, import_react41.useEffect)(() => {
8631
+ if (!emblaApi) return;
8632
+ updateScrollSnapState(emblaApi);
8633
+ emblaApi.on("select", updateScrollSnapState);
8634
+ emblaApi.on("reinit", updateScrollSnapState);
8635
+ }, [emblaApi, updateScrollSnapState]);
8636
+ return {
8637
+ selectedSnap,
8638
+ snapCount
8639
+ };
8640
+ };
8641
+
8642
+ // src/components/EmblaCarousel/ArrowButtons.tsx
8643
+ var import_clsx43 = __toESM(require("clsx"), 1);
8644
+ var import_jsx_runtime68 = require("react/jsx-runtime");
8645
+ var arrowButtonStyles = (0, import_clsx43.default)(
8646
+ "appearance-none bg-transparent border cursor-pointer p-2 flex items-center justify-center size-9 rounded-full transition-colors duration-300 ease-in-out"
8647
+ );
8648
+ var PrevButton = (props) => {
8649
+ const _a = props, { children, disabled } = _a, restProps = __objRest(_a, ["children", "disabled"]);
8650
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
8651
+ "button",
8652
+ __spreadProps(__spreadValues({
8653
+ className: (0, import_clsx43.default)(
8654
+ arrowButtonStyles,
8655
+ !disabled && "border-border-primary-normal hover:border-border-action-hover active:border-border-action-active",
8656
+ disabled && "border-border-action-disabled"
8657
+ ),
8658
+ type: "button"
8659
+ }, restProps), {
8660
+ children: [
8661
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
8662
+ "svg",
8663
+ {
8664
+ className: (0, import_clsx43.default)(
8665
+ "size-3 transition-colors duration-300 ease-in-out",
8666
+ !disabled && "text-text-primary-normal",
8667
+ disabled && "text-icon-primary-disabled"
8668
+ ),
8669
+ viewBox: "0 0 532 532",
8670
+ children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
8671
+ "path",
8672
+ {
8673
+ fill: "currentColor",
8674
+ d: "M355.66 11.354c13.793-13.805 36.208-13.805 50.001 0 13.785 13.804 13.785 36.238 0 50.034L201.22 266l204.442 204.61c13.785 13.805 13.785 36.239 0 50.044-13.793 13.796-36.208 13.796-50.002 0a5994246.277 5994246.277 0 0 0-229.332-229.454 35.065 35.065 0 0 1-10.326-25.126c0-9.2 3.393-18.26 10.326-25.2C172.192 194.973 332.731 34.31 355.66 11.354Z"
8675
+ }
8676
+ )
8677
+ }
8678
+ ),
8679
+ children
8680
+ ]
8681
+ })
8682
+ );
8683
+ };
8684
+ var NextButton = (props) => {
8685
+ const _a = props, { children, disabled } = _a, restProps = __objRest(_a, ["children", "disabled"]);
8686
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
8687
+ "button",
8688
+ __spreadProps(__spreadValues({
8689
+ className: (0, import_clsx43.default)(
8690
+ arrowButtonStyles,
8691
+ !disabled && "border-border-primary-normal hover:border-border-action-hover active:border-border-action-active",
8692
+ disabled && "border-border-action-disabled"
8693
+ ),
8694
+ type: "button"
8695
+ }, restProps), {
8696
+ children: [
8697
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
8698
+ "svg",
8699
+ {
8700
+ className: (0, import_clsx43.default)(
8701
+ "size-3 transition-colors duration-300 ease-in-out",
8702
+ !disabled && "text-text-primary-normal",
8703
+ disabled && "text-icon-primary-disabled"
8704
+ ),
8705
+ viewBox: "0 0 532 532",
8706
+ children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
8707
+ "path",
8708
+ {
8709
+ fill: "currentColor",
8710
+ d: "M176.34 520.646c-13.793 13.805-36.208 13.805-50.001 0-13.785-13.804-13.785-36.238 0-50.034L330.78 266 126.34 61.391c-13.785-13.805-13.785-36.239 0-50.044 13.793-13.796 36.208-13.796 50.002 0 22.928 22.947 206.395 206.507 229.332 229.454a35.065 35.065 0 0 1 10.326 25.126c0 9.2-3.393 18.26-10.326 25.2-45.865 45.901-206.404 206.564-229.332 229.52Z"
8711
+ }
8712
+ )
8713
+ }
8714
+ ),
8715
+ children
8716
+ ]
8717
+ })
8718
+ );
8719
+ };
8720
+
8721
+ // src/components/EmblaCarousel/usePrevNextButtons.ts
8722
+ var import_react42 = require("react");
8723
+ var usePrevNextButtons = (emblaApi) => {
8724
+ const [prevBtnDisabled, setPrevBtnDisabled] = (0, import_react42.useState)(true);
8725
+ const [nextBtnDisabled, setNextBtnDisabled] = (0, import_react42.useState)(true);
8726
+ const onPrevButtonClick = (0, import_react42.useCallback)(() => {
8727
+ if (!emblaApi) return;
8728
+ emblaApi.goToPrev();
8729
+ }, [emblaApi]);
8730
+ const onNextButtonClick = (0, import_react42.useCallback)(() => {
8731
+ if (!emblaApi) return;
8732
+ emblaApi.goToNext();
8733
+ }, [emblaApi]);
8734
+ const onSelect = (0, import_react42.useCallback)((emblaApi2) => {
8735
+ setPrevBtnDisabled(!emblaApi2.canGoToPrev());
8736
+ setNextBtnDisabled(!emblaApi2.canGoToNext());
8737
+ }, []);
8738
+ (0, import_react42.useEffect)(() => {
8739
+ if (!emblaApi) return;
8740
+ onSelect(emblaApi);
8741
+ emblaApi.on("reinit", onSelect).on("select", onSelect);
8742
+ }, [emblaApi, onSelect]);
8743
+ return {
8744
+ prevBtnDisabled,
8745
+ nextBtnDisabled,
8746
+ onPrevButtonClick,
8747
+ onNextButtonClick
8748
+ };
8749
+ };
8750
+
8751
+ // src/components/EmblaCarousel/index.tsx
8752
+ var import_jsx_runtime69 = require("react/jsx-runtime");
8753
+ var TWEEN_FACTOR_BASE = 0.2;
8609
8754
  var EmblaCarousel = ({ options, children }) => {
8610
- const [emblaRef] = (0, import_embla_carousel_react.default)(options);
8611
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("section", { className: "w-full m-auto", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "embla__viewport overflow-hidden", ref: emblaRef, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "embla__container flex touch-pan-y touch-pinch-zoom gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-compact-layout-gap", children }) }) });
8755
+ const [emblaRef, emblaApi] = (0, import_embla_carousel_react.default)(options);
8756
+ const tweenFactor = (0, import_react43.useRef)(0);
8757
+ const tweenNodes = (0, import_react43.useRef)([]);
8758
+ const isMobile = useMatchesMobile();
8759
+ const {
8760
+ prevBtnDisabled,
8761
+ nextBtnDisabled,
8762
+ onPrevButtonClick,
8763
+ onNextButtonClick
8764
+ } = usePrevNextButtons(emblaApi);
8765
+ const { selectedSnap, snapCount } = useSelectedSnapDisplay(emblaApi);
8766
+ const setTweenNodes = (0, import_react43.useCallback)((emblaApi2) => {
8767
+ tweenNodes.current = emblaApi2.slideNodes().map((slideNode) => {
8768
+ return slideNode.querySelector(".embla__parallax__layer");
8769
+ });
8770
+ }, []);
8771
+ const setTweenFactor = (0, import_react43.useCallback)((emblaApi2) => {
8772
+ tweenFactor.current = TWEEN_FACTOR_BASE * emblaApi2.snapList().length;
8773
+ }, []);
8774
+ const tweenParallax = (0, import_react43.useCallback)(
8775
+ (emblaApi2, event) => {
8776
+ const engine = emblaApi2.internalEngine();
8777
+ const scrollProgress = emblaApi2.scrollProgress();
8778
+ const slidesInView = emblaApi2.slidesInView();
8779
+ const isScrollEvent = (event == null ? void 0 : event.type) === "scroll";
8780
+ emblaApi2.snapList().forEach((scrollSnap, snapIndex) => {
8781
+ let diffToTarget = scrollSnap - scrollProgress;
8782
+ const slidesInSnap = engine.scrollSnapList.slidesBySnap[snapIndex];
8783
+ slidesInSnap.forEach((slideIndex) => {
8784
+ if (isScrollEvent && !slidesInView.includes(slideIndex)) return;
8785
+ if (engine.options.loop) {
8786
+ engine.slideLooper.loopPoints.forEach((loopItem) => {
8787
+ const target = loopItem.target();
8788
+ if (slideIndex === loopItem.index && target !== 0) {
8789
+ const sign = Math.sign(target);
8790
+ if (sign === -1) {
8791
+ diffToTarget = scrollSnap - (1 + scrollProgress);
8792
+ }
8793
+ if (sign === 1) {
8794
+ diffToTarget = scrollSnap + (1 - scrollProgress);
8795
+ }
8796
+ }
8797
+ });
8798
+ }
8799
+ const translate = diffToTarget * (-1 * tweenFactor.current) * 100;
8800
+ const tweenNode = tweenNodes.current[slideIndex];
8801
+ if (tweenNode) {
8802
+ tweenNode.style.transform = `translateX(${translate}%)`;
8803
+ }
8804
+ });
8805
+ });
8806
+ },
8807
+ []
8808
+ );
8809
+ (0, import_react43.useEffect)(() => {
8810
+ if (!emblaApi || !isMobile) return;
8811
+ setTweenNodes(emblaApi);
8812
+ setTweenFactor(emblaApi);
8813
+ tweenParallax(emblaApi);
8814
+ emblaApi.on("reinit", setTweenNodes).on("reinit", setTweenFactor).on("reinit", tweenParallax).on("scroll", tweenParallax).on("slidefocus", tweenParallax);
8815
+ }, [emblaApi, tweenParallax, isMobile, setTweenNodes, setTweenFactor]);
8816
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("section", { className: "w-full m-auto grid gap-4", children: [
8817
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "embla__viewport overflow-hidden", ref: emblaRef, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "embla__container flex touch-pan-y touch-pinch-zoom gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-compact-layout-gap pb-3", children }) }),
8818
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "justify-between hidden desktop:flex", children: [
8819
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2", children: [
8820
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PrevButton, { onClick: onPrevButtonClick, disabled: prevBtnDisabled }),
8821
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(NextButton, { onClick: onNextButtonClick, disabled: nextBtnDisabled })
8822
+ ] }),
8823
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
8824
+ SelectedSnapDisplay,
8825
+ {
8826
+ selectedSnap,
8827
+ snapCount
8828
+ }
8829
+ )
8830
+ ] })
8831
+ ] });
8612
8832
  };
8613
8833
  // Annotate the CommonJS export names for ESM import in node:
8614
8834
  0 && (module.exports = {
@@ -759,6 +759,10 @@
759
759
  width: calc(var(--spacing) * 6);
760
760
  height: calc(var(--spacing) * 6);
761
761
  }
762
+ .size-9 {
763
+ width: calc(var(--spacing) * 9);
764
+ height: calc(var(--spacing) * 9);
765
+ }
762
766
  .\!h-4\.5 {
763
767
  height: calc(var(--spacing) * 4.5) !important;
764
768
  }
@@ -1063,6 +1067,9 @@
1063
1067
  .\[appearance\:textfield\] {
1064
1068
  appearance: textfield;
1065
1069
  }
1070
+ .appearance-none {
1071
+ appearance: none;
1072
+ }
1066
1073
  .grid-cols-1 {
1067
1074
  grid-template-columns: repeat(1, minmax(0, 1fr));
1068
1075
  }
@@ -2122,6 +2129,9 @@
2122
2129
  .pb-2 {
2123
2130
  padding-bottom: calc(var(--spacing) * 2);
2124
2131
  }
2132
+ .pb-3 {
2133
+ padding-bottom: calc(var(--spacing) * 3);
2134
+ }
2125
2135
  .pb-mobile-component-padding {
2126
2136
  padding-bottom: var(--spacing-mobile-component-padding);
2127
2137
  }
@@ -2345,6 +2355,9 @@
2345
2355
  .text-icon-on-action-secondary-normal {
2346
2356
  color: var(--color-icon-on-action-secondary-normal);
2347
2357
  }
2358
+ .text-icon-primary-disabled {
2359
+ color: var(--color-icon-primary-disabled);
2360
+ }
2348
2361
  .text-icon-primary-normal {
2349
2362
  color: var(--color-icon-primary-normal);
2350
2363
  }
@@ -2,13 +2,14 @@ import {
2
2
  DataGrid,
3
3
  DateInput,
4
4
  MobileDataGrid
5
- } from "../chunk-A57PKP6Z.js";
6
- import "../chunk-57HL5K5I.js";
5
+ } from "../chunk-E7XBOMT4.js";
6
+ import "../chunk-4DPSNQCM.js";
7
7
  import "../chunk-Q4YDNW7N.js";
8
8
  import "../chunk-M7INAUAJ.js";
9
9
  import {
10
10
  ProductImagePreview
11
- } from "../chunk-C5DKGJ4E.js";
11
+ } from "../chunk-KOKA2IJC.js";
12
+ import "../chunk-MBZ55T2D.js";
12
13
  import "../chunk-2IKT6IHB.js";
13
14
  import "../chunk-YCDDBSVU.js";
14
15
  import "../chunk-3X3Y4TMS.js";
@@ -16,17 +17,18 @@ import "../chunk-BQNPOGD5.js";
16
17
  import {
17
18
  SearchResultImage
18
19
  } from "../chunk-Y5GD2FJA.js";
19
- import "../chunk-MBZ55T2D.js";
20
20
  import {
21
21
  EmblaCarousel
22
- } from "../chunk-SZ47M32R.js";
22
+ } from "../chunk-3N34VVYD.js";
23
23
  import "../chunk-B4AE3DCA.js";
24
24
  import "../chunk-FP3Y5JJN.js";
25
25
  import {
26
26
  useGridContext
27
27
  } from "../chunk-5IFPG6TS.js";
28
- import "../chunk-AJ5M6MVX.js";
29
28
  import "../chunk-6EYMKEJ6.js";
29
+ import "../chunk-AJ5M6MVX.js";
30
+ import "../chunk-YV5FS7NV.js";
31
+ import "../chunk-Z2HPSFEQ.js";
30
32
  import "../chunk-AT4AWD6B.js";
31
33
  import "../chunk-EWGHVZL5.js";
32
34
  import {
@@ -46,8 +48,8 @@ import {
46
48
  } from "../chunk-LB7UT6F3.js";
47
49
  import {
48
50
  Tooltip
49
- } from "../chunk-ZL6NXIGS.js";
50
- import "../chunk-IPQIZG7U.js";
51
+ } from "../chunk-HT57FLRW.js";
52
+ import "../chunk-N36EJLRW.js";
51
53
  import "../chunk-4RJKB7LC.js";
52
54
  import "../chunk-UUKHQUSF.js";
53
55
  import "../chunk-WVVEOCEH.js";
@@ -69,14 +71,14 @@ import {
69
71
  DataGridCell,
70
72
  DragAlongCell,
71
73
  DraggableCellHeader
72
- } from "../chunk-BH4UKMXV.js";
74
+ } from "../chunk-5NRKL5CJ.js";
73
75
  import {
74
76
  Menu
75
- } from "../chunk-RFF2EFBX.js";
76
- import "../chunk-FXJ7C6RF.js";
77
+ } from "../chunk-OM7QLLI2.js";
78
+ import "../chunk-PE3EZP56.js";
77
79
  import {
78
80
  MenuOption
79
- } from "../chunk-7OLDYFKY.js";
81
+ } from "../chunk-X3NDEFVA.js";
80
82
  import {
81
83
  Search
82
84
  } from "../chunk-FHXCCVOG.js";
@@ -92,8 +94,9 @@ import {
92
94
  } from "../chunk-M7WHWZ2J.js";
93
95
  import {
94
96
  CompactImagesPreview
95
- } from "../chunk-CJPGHBV5.js";
96
- import "../chunk-BXEE6VGQ.js";
97
+ } from "../chunk-EGECC3PQ.js";
98
+ import "../chunk-KLH67DTH.js";
99
+ import "../chunk-WVGXD7HT.js";
97
100
  import "../chunk-VXWSAIB5.js";
98
101
  import "../chunk-MMZTPVYB.js";
99
102
  import "../chunk-5UH6QUFB.js";
@@ -2,8 +2,9 @@
2
2
  import {
3
3
  useMenuPosition,
4
4
  useSubMenuSystem
5
- } from "../chunk-FXJ7C6RF.js";
6
- import "../chunk-BXEE6VGQ.js";
5
+ } from "../chunk-PE3EZP56.js";
6
+ import "../chunk-KLH67DTH.js";
7
+ import "../chunk-WVGXD7HT.js";
7
8
  import "../chunk-VXWSAIB5.js";
8
9
  import "../chunk-MMZTPVYB.js";
9
10
  import "../chunk-5UH6QUFB.js";
@@ -2,10 +2,12 @@ import {
2
2
  useEditCell,
3
3
  useInfiniteScroll,
4
4
  useKeydown,
5
- useMatchesMedia,
6
- useMatchesMobile,
7
5
  useTableLayout
8
- } from "../chunk-BXEE6VGQ.js";
6
+ } from "../chunk-KLH67DTH.js";
7
+ import {
8
+ useMatchesMedia,
9
+ useMatchesMobile
10
+ } from "../chunk-WVGXD7HT.js";
9
11
  import "../chunk-VXWSAIB5.js";
10
12
  import "../chunk-MMZTPVYB.js";
11
13
  import "../chunk-5UH6QUFB.js";