@dmsi/wedgekit-react 0.0.922 → 0.0.986

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 (142) hide show
  1. package/dist/{chunk-LFBTRFTS.js → chunk-2UNLVJU5.js} +4 -4
  2. package/dist/{chunk-PXIW3XJX.js → chunk-34J6RA4C.js} +1 -1
  3. package/dist/{chunk-NGXKXYB5.js → chunk-6FZNEFN3.js} +1 -1
  4. package/dist/{chunk-Z7XANQ47.js → chunk-6M2N7DVS.js} +4 -2
  5. package/dist/{chunk-RAJY6INK.js → chunk-BBU7JOY2.js} +1 -1
  6. package/dist/{chunk-UUKHQUSF.js → chunk-F6QO73TV.js} +1 -1
  7. package/dist/{chunk-BRCBTEQ2.js → chunk-FGXTI3WE.js} +1 -1
  8. package/dist/{chunk-EJVCDJ7U.js → chunk-HDFO56DN.js} +1 -1
  9. package/dist/{chunk-XWYDWH4W.js → chunk-HTICQWRA.js} +1 -1
  10. package/dist/{chunk-N36EJLRW.js → chunk-JZZ4LF6B.js} +2 -2
  11. package/dist/{chunk-27DJTEAB.js → chunk-MB6IRHTN.js} +1 -1
  12. package/dist/{chunk-ZACRFGND.js → chunk-NBTWFTSF.js} +94 -65
  13. package/dist/{chunk-FAW3WWOQ.js → chunk-OC5AXLJY.js} +1 -1
  14. package/dist/{chunk-VABOQRYA.js → chunk-POZD6R3P.js} +1 -1
  15. package/dist/{chunk-YYRFXTO7.js → chunk-RLJU65SD.js} +21 -29
  16. package/dist/{chunk-F7F5BKW5.js → chunk-TBZ243DS.js} +1 -1
  17. package/dist/{chunk-2EAVEFWY.js → chunk-WHWZ5VVQ.js} +3 -2
  18. package/dist/{chunk-FSXKJXPN.js → chunk-Y7RCYDF6.js} +8 -2
  19. package/dist/{chunk-BMAZBFUU.js → chunk-ZMTHWJ7F.js} +15 -2
  20. package/dist/chunk-ZRFXUER3.js +468 -0
  21. package/dist/components/Alert.cjs +15 -2
  22. package/dist/components/Alert.js +2 -2
  23. package/dist/components/Breadcrumbs.cjs +8 -2
  24. package/dist/components/Breadcrumbs.js +1 -1
  25. package/dist/components/Button.cjs +15 -2
  26. package/dist/components/Button.js +1 -1
  27. package/dist/components/CalendarRange.cjs +385 -106
  28. package/dist/components/CalendarRange.css +55 -3
  29. package/dist/components/CalendarRange.js +14 -14
  30. package/dist/components/CompactImagesPreview.cjs +7 -4
  31. package/dist/components/CompactImagesPreview.js +2 -2
  32. package/dist/components/ContentTab.cjs +15 -2
  33. package/dist/components/ContentTab.js +2 -2
  34. package/dist/components/ContentTabs.cjs +15 -2
  35. package/dist/components/ContentTabs.js +2 -2
  36. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +385 -106
  37. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +55 -3
  38. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +14 -14
  39. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +385 -106
  40. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +55 -3
  41. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +14 -14
  42. package/dist/components/DataGrid/PinnedColumns.cjs +385 -106
  43. package/dist/components/DataGrid/PinnedColumns.css +55 -3
  44. package/dist/components/DataGrid/PinnedColumns.js +14 -14
  45. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +385 -106
  46. package/dist/components/DataGrid/TableBody/LoadingCell.css +55 -3
  47. package/dist/components/DataGrid/TableBody/LoadingCell.js +14 -14
  48. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +385 -106
  49. package/dist/components/DataGrid/TableBody/TableBodyRow.css +55 -3
  50. package/dist/components/DataGrid/TableBody/TableBodyRow.js +14 -14
  51. package/dist/components/DataGrid/TableBody/index.cjs +385 -106
  52. package/dist/components/DataGrid/TableBody/index.css +55 -3
  53. package/dist/components/DataGrid/TableBody/index.js +14 -14
  54. package/dist/components/DataGrid/index.cjs +385 -106
  55. package/dist/components/DataGrid/index.css +55 -3
  56. package/dist/components/DataGrid/index.js +14 -14
  57. package/dist/components/DataGrid/utils.cjs +385 -106
  58. package/dist/components/DataGrid/utils.css +55 -3
  59. package/dist/components/DataGrid/utils.js +14 -14
  60. package/dist/components/DataGridCell.cjs +7 -4
  61. package/dist/components/DataGridCell.js +2 -2
  62. package/dist/components/DateInput.cjs +385 -106
  63. package/dist/components/DateInput.css +55 -3
  64. package/dist/components/DateInput.js +14 -14
  65. package/dist/components/DateRangeInput.cjs +385 -106
  66. package/dist/components/DateRangeInput.css +55 -3
  67. package/dist/components/DateRangeInput.js +14 -14
  68. package/dist/components/EmblaCarousel/index.cjs +94 -65
  69. package/dist/components/EmblaCarousel/index.js +1 -1
  70. package/dist/components/FilterGroup.cjs +23 -4
  71. package/dist/components/FilterGroup.js +3 -3
  72. package/dist/components/Link.cjs +8 -2
  73. package/dist/components/Link.js +1 -1
  74. package/dist/components/Menu.cjs +7 -4
  75. package/dist/components/Menu.js +2 -2
  76. package/dist/components/MenuOption.cjs +7 -4
  77. package/dist/components/MenuOption.js +2 -2
  78. package/dist/components/MobileDataGrid/ColumnList.css +55 -3
  79. package/dist/components/MobileDataGrid/ColumnList.js +4 -4
  80. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +385 -106
  81. package/dist/components/MobileDataGrid/ColumnSelector/index.css +55 -3
  82. package/dist/components/MobileDataGrid/ColumnSelector/index.js +14 -14
  83. package/dist/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.js +2 -2
  84. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +3 -3
  85. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +385 -106
  86. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +55 -3
  87. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +14 -14
  88. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +3 -3
  89. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.cjs +24 -7
  90. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +9 -9
  91. package/dist/components/MobileDataGrid/index.cjs +386 -107
  92. package/dist/components/MobileDataGrid/index.css +55 -3
  93. package/dist/components/MobileDataGrid/index.js +14 -14
  94. package/dist/components/Modal.cjs +23 -6
  95. package/dist/components/Modal.js +6 -6
  96. package/dist/components/ModalButtons.cjs +15 -2
  97. package/dist/components/ModalButtons.js +2 -2
  98. package/dist/components/ModalHeader.cjs +17 -3
  99. package/dist/components/ModalHeader.js +2 -2
  100. package/dist/components/NavigationTab.cjs +15 -2
  101. package/dist/components/NavigationTab.js +2 -2
  102. package/dist/components/NavigationTabs.cjs +15 -2
  103. package/dist/components/NavigationTabs.js +2 -2
  104. package/dist/components/NestedMenu.cjs +22 -6
  105. package/dist/components/NestedMenu.js +3 -3
  106. package/dist/components/Notification.cjs +15 -2
  107. package/dist/components/Notification.js +1 -1
  108. package/dist/components/OptionPill.cjs +15 -2
  109. package/dist/components/OptionPill.js +2 -2
  110. package/dist/components/PDFViewer/DownloadIcon.cjs +25 -7
  111. package/dist/components/PDFViewer/DownloadIcon.js +4 -4
  112. package/dist/components/PDFViewer/PDFNavigation.cjs +15 -2
  113. package/dist/components/PDFViewer/PDFNavigation.js +2 -2
  114. package/dist/components/PDFViewer/index.cjs +40 -13
  115. package/dist/components/PDFViewer/index.js +15 -13
  116. package/dist/components/Password.cjs +7 -4
  117. package/dist/components/Password.js +2 -2
  118. package/dist/components/ProductImagePreview/index.cjs +7 -4
  119. package/dist/components/ProductImagePreview/index.js +2 -2
  120. package/dist/components/ProjectBar.cjs +7 -4
  121. package/dist/components/ProjectBar.js +2 -2
  122. package/dist/components/Stepper.cjs +61 -15
  123. package/dist/components/Stepper.js +42 -12
  124. package/dist/components/Time.js +1 -1
  125. package/dist/components/Toast.cjs +15 -2
  126. package/dist/components/Toast.js +1 -1
  127. package/dist/components/Tooltip.cjs +7 -4
  128. package/dist/components/Tooltip.js +2 -2
  129. package/dist/components/Upload.cjs +15 -2
  130. package/dist/components/Upload.js +1 -1
  131. package/dist/components/index.cjs +479 -171
  132. package/dist/components/index.css +55 -3
  133. package/dist/components/index.js +14 -14
  134. package/dist/components/useMenuSystem.cjs +7 -4
  135. package/dist/components/useMenuSystem.js +2 -2
  136. package/dist/hooks/index.cjs +346 -73
  137. package/dist/hooks/index.js +2 -2
  138. package/dist/index.css +55 -3
  139. package/dist/utils/index.cjs +1 -1
  140. package/dist/utils/index.js +1 -1
  141. package/package.json +1 -1
  142. package/dist/chunk-WOWPMA26.js +0 -170
@@ -2144,9 +2144,6 @@
2144
2144
  .pb-2 {
2145
2145
  padding-bottom: calc(var(--spacing) * 2);
2146
2146
  }
2147
- .pb-3 {
2148
- padding-bottom: calc(var(--spacing) * 3);
2149
- }
2150
2147
  .pb-mobile-component-padding {
2151
2148
  padding-bottom: var(--spacing-mobile-component-padding);
2152
2149
  }
@@ -2309,6 +2306,10 @@
2309
2306
  --tw-font-weight: var(--font-weight-normal);
2310
2307
  font-weight: var(--font-weight-normal);
2311
2308
  }
2309
+ .font-normal\! {
2310
+ --tw-font-weight: var(--font-weight-normal) !important;
2311
+ font-weight: var(--font-weight-normal) !important;
2312
+ }
2312
2313
  .font-semibold {
2313
2314
  --tw-font-weight: var(--font-weight-semibold);
2314
2315
  font-weight: var(--font-weight-semibold);
@@ -3177,6 +3178,13 @@
3177
3178
  }
3178
3179
  }
3179
3180
  }
3181
+ .hover\:border-border-primary-normal {
3182
+ &:hover {
3183
+ @media (hover: hover) {
3184
+ border-color: var(--color-border-primary-normal);
3185
+ }
3186
+ }
3187
+ }
3180
3188
  .hover\:\!bg-background-action-primary-normal {
3181
3189
  &:hover {
3182
3190
  @media (hover: hover) {
@@ -3240,6 +3248,13 @@
3240
3248
  }
3241
3249
  }
3242
3250
  }
3251
+ .hover\:bg-transparent {
3252
+ &:hover {
3253
+ @media (hover: hover) {
3254
+ background-color: transparent;
3255
+ }
3256
+ }
3257
+ }
3243
3258
  .hover\:\!text-brand-text-on-action-primary-hover {
3244
3259
  &:hover {
3245
3260
  @media (hover: hover) {
@@ -3317,6 +3332,13 @@
3317
3332
  }
3318
3333
  }
3319
3334
  }
3335
+ .hover\:text-text-primary-normal {
3336
+ &:hover {
3337
+ @media (hover: hover) {
3338
+ color: var(--color-text-primary-normal);
3339
+ }
3340
+ }
3341
+ }
3320
3342
  .hover\:text-white {
3321
3343
  &:hover {
3322
3344
  @media (hover: hover) {
@@ -3361,6 +3383,11 @@
3361
3383
  border-color: var(--color-border-action-hover);
3362
3384
  }
3363
3385
  }
3386
+ .focus\:border-border-primary-normal {
3387
+ &:focus {
3388
+ border-color: var(--color-border-primary-normal);
3389
+ }
3390
+ }
3364
3391
  .focus\:bg-background-action-critical-primary-hover {
3365
3392
  &:focus {
3366
3393
  background-color: var(--color-background-action-critical-primary-hover);
@@ -3386,6 +3413,11 @@
3386
3413
  background-color: var(--color-background-grouped-secondary-normal);
3387
3414
  }
3388
3415
  }
3416
+ .focus\:bg-transparent {
3417
+ &:focus {
3418
+ background-color: transparent;
3419
+ }
3420
+ }
3389
3421
  .focus\:text-text-action-critical-hover {
3390
3422
  &:focus {
3391
3423
  color: var(--color-text-action-critical-hover);
@@ -3396,6 +3428,11 @@
3396
3428
  color: var(--color-text-action-primary-hover);
3397
3429
  }
3398
3430
  }
3431
+ .focus\:text-text-primary-normal {
3432
+ &:focus {
3433
+ color: var(--color-text-primary-normal);
3434
+ }
3435
+ }
3399
3436
  .focus\:outline-0 {
3400
3437
  &:focus {
3401
3438
  outline-style: var(--tw-outline-style);
@@ -3531,6 +3568,11 @@
3531
3568
  background-color: var(--color-background-action-secondary-active);
3532
3569
  }
3533
3570
  }
3571
+ .active\:bg-transparent {
3572
+ &:active {
3573
+ background-color: transparent;
3574
+ }
3575
+ }
3534
3576
  .active\:\!text-brand-text-on-action-primary-active {
3535
3577
  &:active {
3536
3578
  color: var(--color-brand-text-on-action-primary-active) !important;
@@ -3581,6 +3623,11 @@
3581
3623
  color: var(--color-text-link-active);
3582
3624
  }
3583
3625
  }
3626
+ .active\:text-text-primary-active {
3627
+ &:active {
3628
+ color: var(--color-text-primary-active);
3629
+ }
3630
+ }
3584
3631
  .active\:text-white {
3585
3632
  &:active {
3586
3633
  color: var(--color-white);
@@ -4599,6 +4646,11 @@
4599
4646
  padding-right: var(--spacing-desktop-layout-padding);
4600
4647
  }
4601
4648
  }
4649
+ .desktop\:pb-3 {
4650
+ @container root (width >= 48rem) {
4651
+ padding-bottom: calc(var(--spacing) * 3);
4652
+ }
4653
+ }
4602
4654
  .desktop\:pb-desktop-component-padding {
4603
4655
  @container root (width >= 48rem) {
4604
4656
  padding-bottom: var(--spacing-desktop-component-padding);
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  CalendarRange
3
- } from "../chunk-YYRFXTO7.js";
4
- import "../chunk-LFBTRFTS.js";
5
- import "../chunk-VABOQRYA.js";
3
+ } from "../chunk-RLJU65SD.js";
4
+ import "../chunk-2UNLVJU5.js";
5
+ import "../chunk-POZD6R3P.js";
6
6
  import "../chunk-M7INAUAJ.js";
7
7
  import "../chunk-UMZQQ5CG.js";
8
8
  import "../chunk-MBZ55T2D.js";
@@ -11,11 +11,11 @@ import "../chunk-YCDDBSVU.js";
11
11
  import "../chunk-3X3Y4TMS.js";
12
12
  import "../chunk-BQNPOGD5.js";
13
13
  import "../chunk-Y5GD2FJA.js";
14
- import "../chunk-ZACRFGND.js";
15
- import "../chunk-EJVCDJ7U.js";
16
- import "../chunk-27DJTEAB.js";
14
+ import "../chunk-NBTWFTSF.js";
15
+ import "../chunk-HDFO56DN.js";
16
+ import "../chunk-MB6IRHTN.js";
17
17
  import "../chunk-5IFPG6TS.js";
18
- import "../chunk-XWYDWH4W.js";
18
+ import "../chunk-HTICQWRA.js";
19
19
  import "../chunk-AJ5M6MVX.js";
20
20
  import "../chunk-7IPESTQS.js";
21
21
  import "../chunk-Z2HPSFEQ.js";
@@ -27,11 +27,11 @@ import "../chunk-KBIEWFQS.js";
27
27
  import "../chunk-NSZTJ5R4.js";
28
28
  import "../chunk-LB7UT6F3.js";
29
29
  import "../chunk-HT57FLRW.js";
30
- import "../chunk-N36EJLRW.js";
30
+ import "../chunk-JZZ4LF6B.js";
31
31
  import "../chunk-4RJKB7LC.js";
32
- import "../chunk-UUKHQUSF.js";
32
+ import "../chunk-F6QO73TV.js";
33
33
  import "../chunk-WVVEOCEH.js";
34
- import "../chunk-2EAVEFWY.js";
34
+ import "../chunk-WHWZ5VVQ.js";
35
35
  import "../chunk-E7LGUC2B.js";
36
36
  import "../chunk-QVWYTQKL.js";
37
37
  import "../chunk-3IAXYRUR.js";
@@ -50,7 +50,7 @@ import "../chunk-HXGJVYGQ.js";
50
50
  import "../chunk-WVUIIBRR.js";
51
51
  import "../chunk-M7WHWZ2J.js";
52
52
  import "../chunk-FXHH2K6I.js";
53
- import "../chunk-WOWPMA26.js";
53
+ import "../chunk-ZRFXUER3.js";
54
54
  import "../chunk-WVGXD7HT.js";
55
55
  import {
56
56
  findDocumentRoot
@@ -62,7 +62,7 @@ import {
62
62
  isValidDate,
63
63
  isValidDateRangeOrder,
64
64
  parseInputDate
65
- } from "../chunk-F7F5BKW5.js";
65
+ } from "../chunk-TBZ243DS.js";
66
66
  import "../chunk-5UH6QUFB.js";
67
67
  import "../chunk-XJF4S3RB.js";
68
68
  import "../chunk-ZCJWOHFN.js";
@@ -71,9 +71,9 @@ import "../chunk-XR733AKC.js";
71
71
  import "../chunk-BYC6QID5.js";
72
72
  import "../chunk-2GOXX2IT.js";
73
73
  import "../chunk-F4VE3THQ.js";
74
- import "../chunk-NGXKXYB5.js";
74
+ import "../chunk-6FZNEFN3.js";
75
75
  import "../chunk-MXSJF6TW.js";
76
- import "../chunk-BMAZBFUU.js";
76
+ import "../chunk-ZMTHWJ7F.js";
77
77
  import "../chunk-SBRRNFOP.js";
78
78
  import "../chunk-BGBIXG5Y.js";
79
79
  import "../chunk-WMPWWFUJ.js";
@@ -63,7 +63,7 @@ __export(EmblaCarousel_exports, {
63
63
  default: () => EmblaCarousel_default
64
64
  });
65
65
  module.exports = __toCommonJS(EmblaCarousel_exports);
66
- var import_react4 = require("react");
66
+ var import_react4 = __toESM(require("react"), 1);
67
67
  var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
68
68
  var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"), 1);
69
69
 
@@ -84,7 +84,7 @@ var useSelectedSnapDisplay = (emblaApi) => {
84
84
  const [selectedSnap, setSelectedSnap] = (0, import_react.useState)(0);
85
85
  const [snapCount, setSnapCount] = (0, import_react.useState)(0);
86
86
  const updateScrollSnapState = (0, import_react.useCallback)((emblaApi2) => {
87
- setSnapCount(emblaApi2.slideNodes().length);
87
+ setSnapCount(emblaApi2.snapList().length);
88
88
  setSelectedSnap(emblaApi2.selectedSnap());
89
89
  }, []);
90
90
  (0, import_react.useEffect)(() => {
@@ -244,6 +244,26 @@ var EmblaCarousel = ({
244
244
  options,
245
245
  autoplay ? [autoplayPlugin] : []
246
246
  );
247
+ const emblaRootRef = (0, import_react4.useRef)(null);
248
+ const [emblaHeight, setEmblaHeight] = import_react4.default.useState(
249
+ void 0
250
+ );
251
+ (0, import_react4.useEffect)(() => {
252
+ if (!emblaApi || !leftRightChevrons) return;
253
+ const updateHeight = () => {
254
+ const selectedIndex = emblaApi.selectedSnap();
255
+ const slide = emblaApi.slideNodes()[selectedIndex];
256
+ if (slide && emblaRootRef.current) {
257
+ setEmblaHeight(slide.offsetHeight);
258
+ }
259
+ };
260
+ updateHeight();
261
+ emblaApi.on("select", updateHeight).on("reinit", updateHeight);
262
+ return () => {
263
+ emblaApi.off("select", updateHeight);
264
+ emblaApi.off("reinit", updateHeight);
265
+ };
266
+ }, [emblaApi, leftRightChevrons]);
247
267
  (0, import_react4.useEffect)(() => {
248
268
  var _a, _b;
249
269
  if (!emblaApi || !autoplay) return;
@@ -317,72 +337,81 @@ var EmblaCarousel = ({
317
337
  onNextButtonClick();
318
338
  (_b = (_a = emblaApi == null ? void 0 : emblaApi.plugins()) == null ? void 0 : _a.autoplay) == null ? void 0 : _b.reset();
319
339
  };
320
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "w-full m-auto grid gap-4 relative", "data-testid": testid, children: [
321
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "embla__viewport overflow-hidden", ref: emblaRef, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
322
- "div",
323
- {
324
- className: (0, import_clsx2.default)(
325
- "embla__container flex touch-pan-y touch-pinch-zoom",
326
- !leftRightChevrons && "pb-3"
327
- ),
328
- children
329
- }
330
- ) }),
331
- !leftRightChevrons ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "justify-between hidden desktop:flex", children: [
332
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-2", children: [
333
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
334
- PrevButton,
335
- {
336
- circleChevron: true,
337
- onClick: handlePrev,
338
- disabled: prevBtnDisabled
339
- }
340
- ),
341
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
342
- NextButton,
340
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
341
+ "section",
342
+ {
343
+ className: "w-full m-auto grid gap-4 relative",
344
+ "data-testid": testid,
345
+ ref: leftRightChevrons ? emblaRootRef : void 0,
346
+ style: leftRightChevrons && emblaHeight ? { height: emblaHeight, transition: "height 0.3s ease" } : void 0,
347
+ children: [
348
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "embla__viewport overflow-hidden", ref: emblaRef, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
349
+ "div",
343
350
  {
344
- circleChevron: true,
345
- onClick: handleNext,
346
- disabled: nextBtnDisabled
351
+ className: (0, import_clsx2.default)(
352
+ "embla__container flex touch-pan-y touch-pinch-zoom",
353
+ !leftRightChevrons && "desktop:pb-3 gap-2"
354
+ ),
355
+ children
347
356
  }
348
- )
349
- ] }),
350
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
351
- SelectedSnapDisplay,
352
- {
353
- selectedSnap,
354
- snapCount
355
- }
356
- )
357
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
358
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
359
- PrevButton,
360
- {
361
- className: "absolute top-1/2 -translate-y-1/2 left-0 border-transparent! size-10! desktop:size-12!",
362
- iconClassName: (0, import_clsx2.default)(
363
- "size-6! desktop:size-8!",
364
- chevronThemeColor && "text-text-link-normal group-hover:text-text-link-hover group-active:text-text-link-active",
365
- !chevronThemeColor && "text-white group-hover:text-text-link-normal group-active:text-text-link-active"
366
- ),
367
- onClick: handlePrev,
368
- disabled: prevBtnDisabled
369
- }
370
- ),
371
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
372
- NextButton,
373
- {
374
- className: "absolute top-1/2 -translate-y-1/2 right-0 border-transparent! size-10! desktop:size-12!",
375
- iconClassName: (0, import_clsx2.default)(
376
- "size-6! desktop:size-8!",
377
- chevronThemeColor && "text-text-link-normal group-hover:text-text-link-hover group-active:text-text-link-active",
378
- !chevronThemeColor && "text-white group-hover:text-text-link-normal group-active:text-text-link-active"
357
+ ) }),
358
+ !leftRightChevrons ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "justify-between hidden desktop:flex", children: [
359
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-2", children: [
360
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
361
+ PrevButton,
362
+ {
363
+ circleChevron: true,
364
+ onClick: handlePrev,
365
+ disabled: prevBtnDisabled
366
+ }
367
+ ),
368
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
369
+ NextButton,
370
+ {
371
+ circleChevron: true,
372
+ onClick: handleNext,
373
+ disabled: nextBtnDisabled
374
+ }
375
+ )
376
+ ] }),
377
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
378
+ SelectedSnapDisplay,
379
+ {
380
+ selectedSnap,
381
+ snapCount
382
+ }
383
+ )
384
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
385
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
386
+ PrevButton,
387
+ {
388
+ className: "absolute top-1/2 -translate-y-1/2 left-0 border-transparent! size-10! desktop:size-12!",
389
+ iconClassName: (0, import_clsx2.default)(
390
+ "size-6! desktop:size-8!",
391
+ chevronThemeColor && "text-text-link-normal group-hover:text-text-link-hover group-active:text-text-link-active",
392
+ !chevronThemeColor && "text-white group-hover:text-text-link-normal group-active:text-text-link-active"
393
+ ),
394
+ onClick: handlePrev,
395
+ disabled: prevBtnDisabled
396
+ }
379
397
  ),
380
- onClick: handleNext,
381
- disabled: nextBtnDisabled
382
- }
383
- )
384
- ] })
385
- ] });
398
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
399
+ NextButton,
400
+ {
401
+ className: "absolute top-1/2 -translate-y-1/2 right-0 border-transparent! size-10! desktop:size-12!",
402
+ iconClassName: (0, import_clsx2.default)(
403
+ "size-6! desktop:size-8!",
404
+ chevronThemeColor && "text-text-link-normal group-hover:text-text-link-hover group-active:text-text-link-active",
405
+ !chevronThemeColor && "text-white group-hover:text-text-link-normal group-active:text-text-link-active"
406
+ ),
407
+ onClick: handleNext,
408
+ disabled: nextBtnDisabled
409
+ }
410
+ )
411
+ ] })
412
+ ]
413
+ }
414
+ );
386
415
  };
387
416
  var EmblaCarousel_default = EmblaCarousel;
388
417
  // Annotate the CommonJS export names for ESM import in node:
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  EmblaCarousel,
3
3
  EmblaCarousel_default
4
- } from "../../chunk-ZACRFGND.js";
4
+ } from "../../chunk-NBTWFTSF.js";
5
5
  import "../../chunk-7IPESTQS.js";
6
6
  import "../../chunk-Z2HPSFEQ.js";
7
7
  import "../../chunk-WVGXD7HT.js";
@@ -520,7 +520,8 @@ var Button = (_a) => {
520
520
  href,
521
521
  id,
522
522
  testid,
523
- isLoading
523
+ isLoading,
524
+ fontNormal = false
524
525
  } = _b, props = __objRest(_b, [
525
526
  "variant",
526
527
  "as",
@@ -536,7 +537,8 @@ var Button = (_a) => {
536
537
  "href",
537
538
  "id",
538
539
  "testid",
539
- "isLoading"
540
+ "isLoading",
541
+ "fontNormal"
540
542
  ]);
541
543
  const primaryVariantStyles = variant === "primary" && (0, import_clsx6.default)(
542
544
  (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -563,6 +565,15 @@ var Button = (_a) => {
563
565
  "active:bg-background-action-secondary-active active:border-transparent active:text-text-action-primary-active",
564
566
  "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
565
567
  );
568
+ const quarternaryOutlinedVariantStyles = variant === "quarternary-outlined" && (0, import_clsx6.default)(
569
+ "bg-transparent border-transparent",
570
+ iconOnly ? (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-icon-action-primary-normal" : (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-primary-normal",
571
+ "bg-transparent border-transparent",
572
+ "hover:bg-transparent hover:border-border-primary-normal hover:text-text-primary-normal",
573
+ "focus:bg-transparent focus:border-border-primary-normal focus:text-text-primary-normal focus:outline-0",
574
+ "active:bg-transparent active:border-transparent active:text-text-primary-active",
575
+ "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
576
+ );
566
577
  const primaryCriticalVariantStyles = variant === "primary-critical" && (0, import_clsx6.default)(
567
578
  (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
568
579
  "bg-background-action-critical-primary-normal border-background-action-critical-primary-normal",
@@ -606,6 +617,7 @@ var Button = (_a) => {
606
617
  primaryVariantStyles,
607
618
  secondaryVariantStyles,
608
619
  tertiaryVariantStyles,
620
+ quarternaryOutlinedVariantStyles,
609
621
  primaryCriticalVariantStyles,
610
622
  secondaryCriticalVariantStyles,
611
623
  tertiaryCriticalVariantStyles,
@@ -616,6 +628,7 @@ var Button = (_a) => {
616
628
  const labelClasses = (0, import_clsx6.default)(
617
629
  "min-h-6 flex items-center justify-center",
618
630
  classNameLabel,
631
+ fontNormal && "font-normal!",
619
632
  componentPaddingXUsingComponentGap,
620
633
  typography.buttonLabel
621
634
  );
@@ -784,6 +797,7 @@ var Link = (_a) => {
784
797
  underline = false,
785
798
  testid,
786
799
  active,
800
+ block = false,
787
801
  addOverflow
788
802
  } = _b, props = __objRest(_b, [
789
803
  "as",
@@ -797,6 +811,7 @@ var Link = (_a) => {
797
811
  "underline",
798
812
  "testid",
799
813
  "active",
814
+ "block",
800
815
  "addOverflow"
801
816
  ]);
802
817
  const Component = as;
@@ -826,7 +841,10 @@ var Link = (_a) => {
826
841
  "underline decoration-[10%] underline-offset-[32%]",
827
842
  !disabled && "hover:decoration-current",
828
843
  !disabled && "active:decoration-decoration-underline",
829
- "flex flex-col items-center justify-center",
844
+ "flex flex-col justify-center",
845
+ align === "left" && "items-start",
846
+ align === "center" && "items-center",
847
+ align === "right" && "items-end",
830
848
  baseTransition,
831
849
  primaryStateStyles,
832
850
  secondaryStateStyles,
@@ -842,7 +860,8 @@ var Link = (_a) => {
842
860
  align === "right" && "text-right",
843
861
  paddingY,
844
862
  addOverflow && "whitespace-nowrap text-ellipsis overflow-hidden",
845
- className
863
+ className,
864
+ block ? "w-full" : "w-fit"
846
865
  )
847
866
  }, props), {
848
867
  style: __spreadProps(__spreadValues({}, props.style), {
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  OptionPill
4
- } from "../chunk-PXIW3XJX.js";
4
+ } from "../chunk-34J6RA4C.js";
5
5
  import {
6
6
  Link
7
- } from "../chunk-FSXKJXPN.js";
7
+ } from "../chunk-Y7RCYDF6.js";
8
8
  import {
9
9
  Search
10
10
  } from "../chunk-FHXCCVOG.js";
@@ -16,7 +16,7 @@ import {
16
16
  Checkbox
17
17
  } from "../chunk-M7WHWZ2J.js";
18
18
  import "../chunk-5UH6QUFB.js";
19
- import "../chunk-BMAZBFUU.js";
19
+ import "../chunk-ZMTHWJ7F.js";
20
20
  import "../chunk-SBRRNFOP.js";
21
21
  import "../chunk-WMPWWFUJ.js";
22
22
  import {
@@ -219,6 +219,7 @@ var Link = (_a) => {
219
219
  underline = false,
220
220
  testid,
221
221
  active,
222
+ block = false,
222
223
  addOverflow
223
224
  } = _b, props = __objRest(_b, [
224
225
  "as",
@@ -232,6 +233,7 @@ var Link = (_a) => {
232
233
  "underline",
233
234
  "testid",
234
235
  "active",
236
+ "block",
235
237
  "addOverflow"
236
238
  ]);
237
239
  const Component = as;
@@ -261,7 +263,10 @@ var Link = (_a) => {
261
263
  "underline decoration-[10%] underline-offset-[32%]",
262
264
  !disabled && "hover:decoration-current",
263
265
  !disabled && "active:decoration-decoration-underline",
264
- "flex flex-col items-center justify-center",
266
+ "flex flex-col justify-center",
267
+ align === "left" && "items-start",
268
+ align === "center" && "items-center",
269
+ align === "right" && "items-end",
265
270
  baseTransition,
266
271
  primaryStateStyles,
267
272
  secondaryStateStyles,
@@ -277,7 +282,8 @@ var Link = (_a) => {
277
282
  align === "right" && "text-right",
278
283
  paddingY,
279
284
  addOverflow && "whitespace-nowrap text-ellipsis overflow-hidden",
280
- className
285
+ className,
286
+ block ? "w-full" : "w-fit"
281
287
  )
282
288
  }, props), {
283
289
  style: __spreadProps(__spreadValues({}, props.style), {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Link
3
- } from "../chunk-FSXKJXPN.js";
3
+ } from "../chunk-Y7RCYDF6.js";
4
4
  import "../chunk-7KWFEH56.js";
5
5
  import "../chunk-ORMEWXMH.js";
6
6
  export {
@@ -91,8 +91,11 @@ var useMatchesMedia = (query) => {
91
91
  };
92
92
  var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
93
93
 
94
+ // src/hooks/useTableLayout/useTableLayout.ts
95
+ var import_react4 = require("react");
96
+
94
97
  // src/utils/index.ts
95
- var LocalStoragePrefixVersion = `dmsi-acc-v1.1.4`;
98
+ var LocalStoragePrefixVersion = `dmsi-acc-v1.1.5`;
96
99
 
97
100
  // src/utils.ts
98
101
  function findDocumentRoot(element) {
@@ -117,9 +120,9 @@ function findDocumentRoot(element) {
117
120
  return window.document.body;
118
121
  }
119
122
 
120
- // src/hooks/useTableLayout.ts
121
- var import_react4 = require("react");
122
- var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
123
+ // src/hooks/useTableLayout/storage.ts
124
+ var STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tablePrefs`;
125
+ var LEGACY_STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tableLayout`;
123
126
 
124
127
  // src/hooks/useEditCell.tsx
125
128
  var import_react5 = require("react");
@@ -3,10 +3,10 @@ import {
3
3
  Menu
4
4
  } from "../chunk-OM7QLLI2.js";
5
5
  import "../chunk-PE3EZP56.js";
6
- import "../chunk-WOWPMA26.js";
6
+ import "../chunk-ZRFXUER3.js";
7
7
  import "../chunk-WVGXD7HT.js";
8
8
  import "../chunk-VXWSAIB5.js";
9
- import "../chunk-F7F5BKW5.js";
9
+ import "../chunk-TBZ243DS.js";
10
10
  import "../chunk-5UH6QUFB.js";
11
11
  import "../chunk-ORMEWXMH.js";
12
12
  export {
@@ -359,12 +359,15 @@ var useMatchesMedia = (query) => {
359
359
  };
360
360
  var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
361
361
 
362
+ // src/hooks/useTableLayout/useTableLayout.ts
363
+ var import_react4 = require("react");
364
+
362
365
  // src/utils/index.ts
363
- var LocalStoragePrefixVersion = `dmsi-acc-v1.1.4`;
366
+ var LocalStoragePrefixVersion = `dmsi-acc-v1.1.5`;
364
367
 
365
- // src/hooks/useTableLayout.ts
366
- var import_react4 = require("react");
367
- var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
368
+ // src/hooks/useTableLayout/storage.ts
369
+ var STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tablePrefs`;
370
+ var LEGACY_STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tableLayout`;
368
371
 
369
372
  // src/hooks/useEditCell.tsx
370
373
  var import_react5 = require("react");
@@ -3,10 +3,10 @@ import {
3
3
  MenuOption
4
4
  } from "../chunk-X3NDEFVA.js";
5
5
  import "../chunk-HXGJVYGQ.js";
6
- import "../chunk-WOWPMA26.js";
6
+ import "../chunk-ZRFXUER3.js";
7
7
  import "../chunk-WVGXD7HT.js";
8
8
  import "../chunk-VXWSAIB5.js";
9
- import "../chunk-F7F5BKW5.js";
9
+ import "../chunk-TBZ243DS.js";
10
10
  import "../chunk-5UH6QUFB.js";
11
11
  import "../chunk-PS6UJZVH.js";
12
12
  import "../chunk-WMPWWFUJ.js";