@dmsi/wedgekit-react 0.0.378 → 0.0.379

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 (66) hide show
  1. package/dist/{chunk-YYHQLQDQ.js → chunk-2FADUKPP.js} +1 -1
  2. package/dist/{chunk-S43BCVOW.js → chunk-2T2GISEG.js} +3 -3
  3. package/dist/{chunk-VVXPGI2P.js → chunk-3XOYPT5O.js} +1 -1
  4. package/dist/{chunk-J7NOCAZW.js → chunk-CI6SUOIE.js} +1 -1
  5. package/dist/{chunk-4UNWXB4A.js → chunk-DCCTNHNL.js} +1 -1
  6. package/dist/{chunk-SU5BQYYN.js → chunk-F4CV7SBS.js} +2 -2
  7. package/dist/{chunk-DKLTJZ6U.js → chunk-FSLETAX4.js} +1 -1
  8. package/dist/{chunk-NV2CO656.js → chunk-GNHKKYCY.js} +2 -2
  9. package/dist/{chunk-V6U7LU6M.js → chunk-MX57T3HP.js} +3 -2
  10. package/dist/{chunk-N6PNLLNS.js → chunk-PH76F7QS.js} +1 -1
  11. package/dist/{chunk-P36QKH26.js → chunk-R4SFLYOZ.js} +1 -1
  12. package/dist/{chunk-FBE2HGEF.js → chunk-TPXHOAY3.js} +1 -1
  13. package/dist/components/Accordion.cjs +3 -2
  14. package/dist/components/Accordion.js +2 -2
  15. package/dist/components/CalendarRange.js +12 -12
  16. package/dist/components/CompactImagesPreview.cjs +3 -2
  17. package/dist/components/CompactImagesPreview.js +2 -2
  18. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +12 -12
  19. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +12 -12
  20. package/dist/components/DataGrid/PinnedColumns.js +12 -12
  21. package/dist/components/DataGrid/TableBody/LoadingCell.js +12 -12
  22. package/dist/components/DataGrid/TableBody/TableBodyRow.js +12 -12
  23. package/dist/components/DataGrid/TableBody/index.js +12 -12
  24. package/dist/components/DataGrid/index.js +12 -12
  25. package/dist/components/DataGrid/utils.js +12 -12
  26. package/dist/components/DateInput.js +12 -12
  27. package/dist/components/DateRangeInput.js +12 -12
  28. package/dist/components/MobileDataGrid/ColumnList.cjs +3 -2
  29. package/dist/components/MobileDataGrid/ColumnList.js +3 -3
  30. package/dist/components/MobileDataGrid/ColumnSelector/index.js +12 -12
  31. package/dist/components/MobileDataGrid/MobileDataGridCard/index.cjs +3 -2
  32. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +2 -2
  33. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +3 -2
  34. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +12 -12
  35. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.cjs +3 -2
  36. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +2 -2
  37. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.cjs +3 -2
  38. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +3 -3
  39. package/dist/components/MobileDataGrid/index.cjs +3 -2
  40. package/dist/components/MobileDataGrid/index.js +12 -12
  41. package/dist/components/Notification.cjs +3 -2
  42. package/dist/components/Notification.js +1 -1
  43. package/dist/components/PDFViewer/PDFElement.cjs +3 -2
  44. package/dist/components/PDFViewer/PDFElement.js +2 -2
  45. package/dist/components/PDFViewer/PDFNavigation.cjs +3 -2
  46. package/dist/components/PDFViewer/PDFNavigation.js +2 -2
  47. package/dist/components/PDFViewer/index.cjs +3 -2
  48. package/dist/components/PDFViewer/index.js +4 -4
  49. package/dist/components/ProductImagePreview/index.cjs +3 -2
  50. package/dist/components/ProductImagePreview/index.js +2 -2
  51. package/dist/components/SideMenuGroup.cjs +3 -2
  52. package/dist/components/SideMenuGroup.js +1 -1
  53. package/dist/components/SideMenuItem.cjs +3 -2
  54. package/dist/components/SideMenuItem.js +1 -1
  55. package/dist/components/Stack.cjs +3 -2
  56. package/dist/components/Stack.js +1 -1
  57. package/dist/components/Swatch.cjs +3 -2
  58. package/dist/components/Swatch.js +1 -1
  59. package/dist/components/Time.cjs +3 -2
  60. package/dist/components/Time.js +1 -1
  61. package/dist/components/Upload.cjs +3 -2
  62. package/dist/components/Upload.js +1 -1
  63. package/dist/components/index.cjs +3 -2
  64. package/dist/components/index.js +12 -12
  65. package/package.json +1 -1
  66. package/src/components/Stack.tsx +1 -0
package/dist/components/PDFViewer/PDFNavigation.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  PdfNavigation
3
- } from "../../chunk-N6PNLLNS.js";
3
+ } from "../../chunk-PH76F7QS.js";
4
4
  import "../../chunk-EU73QPW7.js";
5
- import "../../chunk-V6U7LU6M.js";
5
+ import "../../chunk-MX57T3HP.js";
6
6
  import "../../chunk-OGIFIPKH.js";
7
7
  import "../../chunk-NKUETCDA.js";
8
8
  import "../../chunk-WWAPK5PH.js";
package/dist/components/PDFViewer/index.cjs CHANGED
@@ -1037,7 +1037,7 @@ var Stack = (_a) => {
1037
1037
  "bottom",
1038
1038
  "zIndex"
1039
1039
  ]);
1040
- var _a2, _b2, _c, _d, _e;
1040
+ var _a2, _b2, _c, _d, _e, _f;
1041
1041
  const flexClassNames = getFlexClassNames({ items, justify, grow });
1042
1042
  const gapClassNames = useGapClassNames(sizing);
1043
1043
  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -1063,7 +1063,8 @@ var Stack = (_a) => {
1063
1063
  left: left !== void 0 ? `${left}px` : void 0,
1064
1064
  borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
1065
1065
  marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
1066
- zIndex: zIndex !== void 0 ? zIndex : void 0
1066
+ zIndex: zIndex !== void 0 ? zIndex : void 0,
1067
+ gap: (_f = props.style) == null ? void 0 : _f.gap
1067
1068
  },
1068
1069
  className: (0, import_clsx10.default)(
1069
1070
  "scrollbar-thin",
package/dist/components/PDFViewer/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  PDFViewer
4
- } from "../../chunk-NV2CO656.js";
4
+ } from "../../chunk-GNHKKYCY.js";
5
5
  import "../../chunk-EJSPFQCY.js";
6
- import "../../chunk-4UNWXB4A.js";
7
- import "../../chunk-N6PNLLNS.js";
6
+ import "../../chunk-DCCTNHNL.js";
7
+ import "../../chunk-PH76F7QS.js";
8
8
  import "../../chunk-VJVY6NPF.js";
9
9
  import "../../chunk-D6YCMQPO.js";
10
10
  import "../../chunk-4RJKB7LC.js";
@@ -18,7 +18,7 @@ import "../../chunk-MYKYZHEO.js";
18
18
  import "../../chunk-VXWSAIB5.js";
19
19
  import "../../chunk-TYTD4FLW.js";
20
20
  import "../../chunk-5UH6QUFB.js";
21
- import "../../chunk-V6U7LU6M.js";
21
+ import "../../chunk-MX57T3HP.js";
22
22
  import "../../chunk-OGIFIPKH.js";
23
23
  import "../../chunk-NKUETCDA.js";
24
24
  import "../../chunk-WWAPK5PH.js";
package/dist/components/ProductImagePreview/index.cjs CHANGED
@@ -361,7 +361,7 @@ var Stack = (_a) => {
361
361
  "bottom",
362
362
  "zIndex"
363
363
  ]);
364
- var _a2, _b2, _c, _d, _e;
364
+ var _a2, _b2, _c, _d, _e, _f;
365
365
  const flexClassNames = getFlexClassNames({ items, justify, grow });
366
366
  const gapClassNames = useGapClassNames(sizing);
367
367
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -387,7 +387,8 @@ var Stack = (_a) => {
387
387
  left: left !== void 0 ? `${left}px` : void 0,
388
388
  borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
389
389
  marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
390
- zIndex: zIndex !== void 0 ? zIndex : void 0
390
+ zIndex: zIndex !== void 0 ? zIndex : void 0,
391
+ gap: (_f = props.style) == null ? void 0 : _f.gap
391
392
  },
392
393
  className: (0, import_clsx2.default)(
393
394
  "scrollbar-thin",
package/dist/components/ProductImagePreview/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  ProductImagePreview
3
- } from "../../chunk-J7NOCAZW.js";
3
+ } from "../../chunk-CI6SUOIE.js";
4
4
  import "../../chunk-HPQWEZJL.js";
5
5
  import "../../chunk-BQNPOGD5.js";
6
6
  import "../../chunk-MBZ55T2D.js";
@@ -14,7 +14,7 @@ import "../../chunk-MYKYZHEO.js";
14
14
  import "../../chunk-VXWSAIB5.js";
15
15
  import "../../chunk-TYTD4FLW.js";
16
16
  import "../../chunk-5UH6QUFB.js";
17
- import "../../chunk-V6U7LU6M.js";
17
+ import "../../chunk-MX57T3HP.js";
18
18
  import "../../chunk-6CTCHYIS.js";
19
19
  import "../../chunk-ORMEWXMH.js";
20
20
  export {
package/dist/components/SideMenuGroup.cjs CHANGED
@@ -349,7 +349,7 @@ var Stack = (_a) => {
349
349
  "bottom",
350
350
  "zIndex"
351
351
  ]);
352
- var _a2, _b2, _c, _d, _e;
352
+ var _a2, _b2, _c, _d, _e, _f;
353
353
  const flexClassNames = getFlexClassNames({ items, justify, grow });
354
354
  const gapClassNames = useGapClassNames(sizing);
355
355
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -375,7 +375,8 @@ var Stack = (_a) => {
375
375
  left: left !== void 0 ? `${left}px` : void 0,
376
376
  borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
377
377
  marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
378
- zIndex: zIndex !== void 0 ? zIndex : void 0
378
+ zIndex: zIndex !== void 0 ? zIndex : void 0,
379
+ gap: (_f = props.style) == null ? void 0 : _f.gap
379
380
  },
380
381
  className: (0, import_clsx3.default)(
381
382
  "scrollbar-thin",
package/dist/components/SideMenuGroup.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  } from "../chunk-7CS736EF.js";
5
5
  import {
6
6
  Stack
7
- } from "../chunk-V6U7LU6M.js";
7
+ } from "../chunk-MX57T3HP.js";
8
8
  import {
9
9
  Icon
10
10
  } from "../chunk-NKUETCDA.js";
package/dist/components/SideMenuItem.cjs CHANGED
@@ -301,7 +301,7 @@ var Stack = (_a) => {
301
301
  "bottom",
302
302
  "zIndex"
303
303
  ]);
304
- var _a2, _b2, _c, _d, _e;
304
+ var _a2, _b2, _c, _d, _e, _f;
305
305
  const flexClassNames = getFlexClassNames({ items, justify, grow });
306
306
  const gapClassNames = useGapClassNames(sizing);
307
307
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -327,7 +327,8 @@ var Stack = (_a) => {
327
327
  left: left !== void 0 ? `${left}px` : void 0,
328
328
  borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
329
329
  marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
330
- zIndex: zIndex !== void 0 ? zIndex : void 0
330
+ zIndex: zIndex !== void 0 ? zIndex : void 0,
331
+ gap: (_f = props.style) == null ? void 0 : _f.gap
331
332
  },
332
333
  className: (0, import_clsx2.default)(
333
334
  "scrollbar-thin",
package/dist/components/SideMenuItem.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Stack
3
- } from "../chunk-V6U7LU6M.js";
3
+ } from "../chunk-MX57T3HP.js";
4
4
  import {
5
5
  Paragraph
6
6
  } from "../chunk-OGIFIPKH.js";
package/dist/components/Stack.cjs CHANGED
@@ -300,7 +300,7 @@ var Stack = (_a) => {
300
300
  "bottom",
301
301
  "zIndex"
302
302
  ]);
303
- var _a2, _b2, _c, _d, _e;
303
+ var _a2, _b2, _c, _d, _e, _f;
304
304
  const flexClassNames = getFlexClassNames({ items, justify, grow });
305
305
  const gapClassNames = useGapClassNames(sizing);
306
306
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -326,7 +326,8 @@ var Stack = (_a) => {
326
326
  left: left !== void 0 ? `${left}px` : void 0,
327
327
  borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
328
328
  marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
329
- zIndex: zIndex !== void 0 ? zIndex : void 0
329
+ zIndex: zIndex !== void 0 ? zIndex : void 0,
330
+ gap: (_f = props.style) == null ? void 0 : _f.gap
330
331
  },
331
332
  className: (0, import_clsx2.default)(
332
333
  "scrollbar-thin",
package/dist/components/Stack.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Stack
3
- } from "../chunk-V6U7LU6M.js";
3
+ } from "../chunk-MX57T3HP.js";
4
4
  import "../chunk-6CTCHYIS.js";
5
5
  import "../chunk-ORMEWXMH.js";
6
6
  export {
package/dist/components/Swatch.cjs CHANGED
@@ -354,7 +354,7 @@ var Stack = (_a) => {
354
354
  "bottom",
355
355
  "zIndex"
356
356
  ]);
357
- var _a2, _b2, _c, _d, _e;
357
+ var _a2, _b2, _c, _d, _e, _f;
358
358
  const flexClassNames = getFlexClassNames({ items, justify, grow });
359
359
  const gapClassNames = useGapClassNames(sizing);
360
360
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -380,7 +380,8 @@ var Stack = (_a) => {
380
380
  left: left !== void 0 ? `${left}px` : void 0,
381
381
  borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
382
382
  marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
383
- zIndex: zIndex !== void 0 ? zIndex : void 0
383
+ zIndex: zIndex !== void 0 ? zIndex : void 0,
384
+ gap: (_f = props.style) == null ? void 0 : _f.gap
384
385
  },
385
386
  className: (0, import_clsx3.default)(
386
387
  "scrollbar-thin",
package/dist/components/Swatch.js CHANGED
@@ -7,7 +7,7 @@ import {
7
7
  } from "../chunk-EU73QPW7.js";
8
8
  import {
9
9
  Stack
10
- } from "../chunk-V6U7LU6M.js";
10
+ } from "../chunk-MX57T3HP.js";
11
11
  import {
12
12
  Paragraph
13
13
  } from "../chunk-OGIFIPKH.js";
package/dist/components/Time.cjs CHANGED
@@ -847,7 +847,7 @@ var Stack = (_a) => {
847
847
  "bottom",
848
848
  "zIndex"
849
849
  ]);
850
- var _a2, _b2, _c, _d, _e;
850
+ var _a2, _b2, _c, _d, _e, _f;
851
851
  const flexClassNames = getFlexClassNames({ items, justify, grow });
852
852
  const gapClassNames = useGapClassNames(sizing);
853
853
  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -873,7 +873,8 @@ var Stack = (_a) => {
873
873
  left: left !== void 0 ? `${left}px` : void 0,
874
874
  borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
875
875
  marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
876
- zIndex: zIndex !== void 0 ? zIndex : void 0
876
+ zIndex: zIndex !== void 0 ? zIndex : void 0,
877
+ gap: (_f = props.style) == null ? void 0 : _f.gap
877
878
  },
878
879
  className: (0, import_clsx5.default)(
879
880
  "scrollbar-thin",
package/dist/components/Time.js CHANGED
@@ -9,7 +9,7 @@ import "../chunk-TYTD4FLW.js";
9
9
  import "../chunk-5UH6QUFB.js";
10
10
  import {
11
11
  Stack
12
- } from "../chunk-V6U7LU6M.js";
12
+ } from "../chunk-MX57T3HP.js";
13
13
  import {
14
14
  Icon
15
15
  } from "../chunk-NKUETCDA.js";
package/dist/components/Upload.cjs CHANGED
@@ -528,7 +528,7 @@ var Stack = (_a) => {
528
528
  "bottom",
529
529
  "zIndex"
530
530
  ]);
531
- var _a2, _b2, _c, _d, _e;
531
+ var _a2, _b2, _c, _d, _e, _f;
532
532
  const flexClassNames = getFlexClassNames({ items, justify, grow });
533
533
  const gapClassNames = useGapClassNames(sizing);
534
534
  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -554,7 +554,8 @@ var Stack = (_a) => {
554
554
  left: left !== void 0 ? `${left}px` : void 0,
555
555
  borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
556
556
  marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
557
- zIndex: zIndex !== void 0 ? zIndex : void 0
557
+ zIndex: zIndex !== void 0 ? zIndex : void 0,
558
+ gap: (_f = props.style) == null ? void 0 : _f.gap
558
559
  },
559
560
  className: (0, import_clsx5.default)(
560
561
  "scrollbar-thin",
package/dist/components/Upload.js CHANGED
@@ -3,7 +3,7 @@ import {
3
3
  } from "../chunk-SBRRNFOP.js";
4
4
  import {
5
5
  Stack
6
- } from "../chunk-V6U7LU6M.js";
6
+ } from "../chunk-MX57T3HP.js";
7
7
  import {
8
8
  Paragraph
9
9
  } from "../chunk-OGIFIPKH.js";
package/dist/components/index.cjs CHANGED
@@ -4166,7 +4166,7 @@ var Stack = (_a) => {
4166
4166
  "bottom",
4167
4167
  "zIndex"
4168
4168
  ]);
4169
- var _a2, _b2, _c, _d, _e;
4169
+ var _a2, _b2, _c, _d, _e, _f;
4170
4170
  const flexClassNames = getFlexClassNames({ items, justify, grow });
4171
4171
  const gapClassNames = useGapClassNames(sizing);
4172
4172
  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
@@ -4192,7 +4192,8 @@ var Stack = (_a) => {
4192
4192
  left: left !== void 0 ? `${left}px` : void 0,
4193
4193
  borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
4194
4194
  marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
4195
- zIndex: zIndex !== void 0 ? zIndex : void 0
4195
+ zIndex: zIndex !== void 0 ? zIndex : void 0,
4196
+ gap: (_f = props.style) == null ? void 0 : _f.gap
4196
4197
  },
4197
4198
  className: (0, import_clsx20.default)(
4198
4199
  "scrollbar-thin",
package/dist/components/index.js CHANGED
@@ -1,27 +1,27 @@
1
1
  import {
2
2
  DataGrid,
3
3
  MobileDataGrid
4
- } from "../chunk-S43BCVOW.js";
4
+ } from "../chunk-2T2GISEG.js";
5
5
  import "../chunk-M7INAUAJ.js";
6
- import "../chunk-SU5BQYYN.js";
7
- import "../chunk-VVXPGI2P.js";
6
+ import "../chunk-F4CV7SBS.js";
7
+ import "../chunk-3XOYPT5O.js";
8
8
  import {
9
9
  ProductImagePreview
10
- } from "../chunk-J7NOCAZW.js";
10
+ } from "../chunk-CI6SUOIE.js";
11
11
  import "../chunk-HPQWEZJL.js";
12
12
  import "../chunk-BQNPOGD5.js";
13
13
  import {
14
14
  PDFViewer
15
- } from "../chunk-NV2CO656.js";
15
+ } from "../chunk-GNHKKYCY.js";
16
16
  import "../chunk-EJSPFQCY.js";
17
- import "../chunk-4UNWXB4A.js";
18
- import "../chunk-N6PNLLNS.js";
17
+ import "../chunk-DCCTNHNL.js";
18
+ import "../chunk-PH76F7QS.js";
19
19
  import "../chunk-VJVY6NPF.js";
20
20
  import "../chunk-MBZ55T2D.js";
21
21
  import "../chunk-2IKT6IHB.js";
22
22
  import "../chunk-CQFPNZTN.js";
23
- import "../chunk-YYHQLQDQ.js";
24
- import "../chunk-P36QKH26.js";
23
+ import "../chunk-2FADUKPP.js";
24
+ import "../chunk-R4SFLYOZ.js";
25
25
  import "../chunk-5IFPG6TS.js";
26
26
  import "../chunk-AJ5M6MVX.js";
27
27
  import "../chunk-M6TSTDNZ.js";
@@ -48,7 +48,7 @@ import {
48
48
  } from "../chunk-NO5BIKWS.js";
49
49
  import {
50
50
  CompactImagesPreview
51
- } from "../chunk-DKLTJZ6U.js";
51
+ } from "../chunk-FSLETAX4.js";
52
52
  import {
53
53
  DataCellHeader,
54
54
  DataGridCell,
@@ -81,11 +81,11 @@ import {
81
81
  } from "../chunk-FA7IFW66.js";
82
82
  import {
83
83
  Accordion
84
- } from "../chunk-FBE2HGEF.js";
84
+ } from "../chunk-TPXHOAY3.js";
85
85
  import {
86
86
  Card
87
87
  } from "../chunk-4LXG6QNT.js";
88
- import "../chunk-V6U7LU6M.js";
88
+ import "../chunk-MX57T3HP.js";
89
89
  import {
90
90
  Paragraph
91
91
  } from "../chunk-OGIFIPKH.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.378",
4
+ "version": "0.0.379",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",
package/src/components/Stack.tsx CHANGED
@@ -182,6 +182,7 @@ export const Stack = ({
182
182
  borderBlock: props.style?.borderBlock,
183
183
  marginInline: props.style?.marginInline,
184
184
  zIndex: zIndex !== undefined ? zIndex : undefined,
185
+ gap: props.style?.gap,
185
186
  }}
186
187
  className={clsx(
187
188
  "scrollbar-thin",