@dmsi/wedgekit-react 0.0.415 → 0.0.417

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 (123) hide show
  1. package/dist/chunk-3HBYDOYE.js +114 -0
  2. package/dist/{chunk-JIMJIJOF.js → chunk-5TGP5EFM.js} +2 -2
  3. package/dist/{chunk-2HMCS25C.js → chunk-6LHBY2IH.js} +1 -1
  4. package/dist/{chunk-6I5LZ2ZC.js → chunk-7AXHAWJX.js} +3 -3
  5. package/dist/{chunk-MQX7GFLX.js → chunk-CAQWLY5V.js} +24 -6
  6. package/dist/{chunk-QQ5G773N.js → chunk-DCLNAUC4.js} +1 -1
  7. package/dist/{chunk-GB4ZTUQV.js → chunk-DTW7JCBR.js} +36 -0
  8. package/dist/{chunk-BK7SPR6Y.js → chunk-HYJIDHAK.js} +6 -6
  9. package/dist/{chunk-ZHZIIVJN.js → chunk-IMOIZFJZ.js} +5 -5
  10. package/dist/chunk-KBJZUVLM.js +65 -0
  11. package/dist/{chunk-AA6GE3TH.js → chunk-LUPHOXAQ.js} +1 -1
  12. package/dist/chunk-NRNWEQD7.js +66 -0
  13. package/dist/{chunk-44TDIHUP.js → chunk-P3MIP2FD.js} +1 -1
  14. package/dist/{chunk-7ULLUUVJ.js → chunk-PQWWVBSR.js} +1 -1
  15. package/dist/{chunk-ERW5DEIO.js → chunk-RQLWSLVE.js} +1 -1
  16. package/dist/chunk-TYAQWVIM.js +159 -0
  17. package/dist/{chunk-KZZKQLKF.js → chunk-W55J2KJZ.js} +1 -1
  18. package/dist/chunk-Y2GK27RX.js +79 -0
  19. package/dist/components/Accordion.cjs +74 -2
  20. package/dist/components/Accordion.js +3 -3
  21. package/dist/components/CalendarRange.cjs +228 -53
  22. package/dist/components/CalendarRange.css +169 -65
  23. package/dist/components/CalendarRange.js +23 -16
  24. package/dist/components/Card.cjs +38 -2
  25. package/dist/components/Card.js +1 -1
  26. package/dist/components/CompactImagesPreview.cjs +59 -5
  27. package/dist/components/CompactImagesPreview.js +2 -2
  28. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +186 -11
  29. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +169 -65
  30. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +23 -16
  31. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +195 -20
  32. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +169 -65
  33. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +23 -16
  34. package/dist/components/DataGrid/PinnedColumns.cjs +211 -36
  35. package/dist/components/DataGrid/PinnedColumns.css +169 -65
  36. package/dist/components/DataGrid/PinnedColumns.js +23 -16
  37. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +187 -12
  38. package/dist/components/DataGrid/TableBody/LoadingCell.css +169 -65
  39. package/dist/components/DataGrid/TableBody/LoadingCell.js +23 -16
  40. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +193 -18
  41. package/dist/components/DataGrid/TableBody/TableBodyRow.css +169 -65
  42. package/dist/components/DataGrid/TableBody/TableBodyRow.js +23 -16
  43. package/dist/components/DataGrid/TableBody/index.cjs +208 -33
  44. package/dist/components/DataGrid/TableBody/index.css +169 -65
  45. package/dist/components/DataGrid/TableBody/index.js +23 -16
  46. package/dist/components/DataGrid/index.cjs +297 -122
  47. package/dist/components/DataGrid/index.css +169 -65
  48. package/dist/components/DataGrid/index.js +23 -16
  49. package/dist/components/DataGrid/utils.cjs +187 -12
  50. package/dist/components/DataGrid/utils.css +169 -65
  51. package/dist/components/DataGrid/utils.js +23 -16
  52. package/dist/components/DateInput.cjs +247 -72
  53. package/dist/components/DateInput.css +169 -65
  54. package/dist/components/DateInput.js +23 -16
  55. package/dist/components/DateRangeInput.cjs +247 -72
  56. package/dist/components/DateRangeInput.css +169 -65
  57. package/dist/components/DateRangeInput.js +23 -16
  58. package/dist/components/Grid.cjs +81 -76
  59. package/dist/components/Grid.js +1 -1
  60. package/dist/components/ListGroup.cjs +553 -0
  61. package/dist/components/ListGroup.js +11 -0
  62. package/dist/components/MobileDataGrid/ColumnList.cjs +36 -0
  63. package/dist/components/MobileDataGrid/ColumnList.js +3 -3
  64. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +194 -19
  65. package/dist/components/MobileDataGrid/ColumnSelector/index.css +169 -65
  66. package/dist/components/MobileDataGrid/ColumnSelector/index.js +23 -16
  67. package/dist/components/MobileDataGrid/MobileDataGridCard/index.cjs +36 -0
  68. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +2 -2
  69. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +238 -27
  70. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +169 -65
  71. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +23 -16
  72. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.cjs +36 -0
  73. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +2 -2
  74. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.cjs +36 -0
  75. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +5 -5
  76. package/dist/components/MobileDataGrid/index.cjs +740 -529
  77. package/dist/components/MobileDataGrid/index.css +169 -65
  78. package/dist/components/MobileDataGrid/index.js +23 -16
  79. package/dist/components/Modal.js +2 -2
  80. package/dist/components/Notification.cjs +36 -0
  81. package/dist/components/Notification.js +1 -1
  82. package/dist/components/PDFViewer/PDFElement.cjs +36 -0
  83. package/dist/components/PDFViewer/PDFElement.js +2 -2
  84. package/dist/components/PDFViewer/PDFNavigation.cjs +36 -0
  85. package/dist/components/PDFViewer/PDFNavigation.js +2 -2
  86. package/dist/components/PDFViewer/index.cjs +36 -0
  87. package/dist/components/PDFViewer/index.js +8 -111
  88. package/dist/components/Pagination.cjs +427 -0
  89. package/dist/components/Pagination.js +10 -0
  90. package/dist/components/ProductImagePreview/index.cjs +139 -127
  91. package/dist/components/ProductImagePreview/index.js +4 -4
  92. package/dist/components/SideMenuGroup.cjs +36 -0
  93. package/dist/components/SideMenuGroup.js +1 -1
  94. package/dist/components/SideMenuItem.cjs +36 -0
  95. package/dist/components/SideMenuItem.js +1 -1
  96. package/dist/components/SimpleTable.cjs +36 -0
  97. package/dist/components/SimpleTable.js +2 -2
  98. package/dist/components/Stack.cjs +36 -0
  99. package/dist/components/Stack.js +1 -1
  100. package/dist/components/Swatch.cjs +36 -0
  101. package/dist/components/Swatch.js +1 -1
  102. package/dist/components/Time.cjs +36 -0
  103. package/dist/components/Time.js +1 -1
  104. package/dist/components/Tooltip.cjs +1 -1
  105. package/dist/components/Tooltip.js +1 -1
  106. package/dist/components/Upload.cjs +36 -0
  107. package/dist/components/Upload.js +1 -1
  108. package/dist/components/index.cjs +686 -131
  109. package/dist/components/index.css +169 -65
  110. package/dist/components/index.js +33 -17
  111. package/dist/index.css +169 -65
  112. package/package.json +1 -1
  113. package/src/components/Card.tsx +60 -2
  114. package/src/components/CompactImagesPreview.tsx +54 -30
  115. package/src/components/Grid.tsx +59 -91
  116. package/src/components/ListGroup.tsx +82 -0
  117. package/src/components/Pagination.tsx +182 -0
  118. package/src/components/Stack.tsx +76 -0
  119. package/src/components/Tooltip.tsx +4 -3
  120. package/src/components/index.ts +3 -0
  121. package/dist/chunk-ER6RCOH3.js +0 -97
  122. package/dist/chunk-EZCH4PQS.js +0 -29
  123. package/dist/{chunk-D6YCMQPO.js → chunk-SBCFBHNG.js} +3 -3
@@ -230,6 +230,10 @@ var Stack = (_a) => {
230
230
  padding,
231
231
  paddingX,
232
232
  paddingY,
233
+ paddingBottom,
234
+ paddingTop,
235
+ paddingLeft,
236
+ paddingRight,
233
237
  margin,
234
238
  marginX,
235
239
  marginY,
@@ -245,6 +249,10 @@ var Stack = (_a) => {
245
249
  height,
246
250
  maxHeight,
247
251
  borderColor,
252
+ borderTopColor,
253
+ borderRightColor,
254
+ borderBottomColor,
255
+ borderLeftColor,
248
256
  backgroundColor,
249
257
  sizing = "none",
250
258
  overflowY = "inherit",
@@ -270,6 +278,10 @@ var Stack = (_a) => {
270
278
  "padding",
271
279
  "paddingX",
272
280
  "paddingY",
281
+ "paddingBottom",
282
+ "paddingTop",
283
+ "paddingLeft",
284
+ "paddingRight",
273
285
  "margin",
274
286
  "marginX",
275
287
  "marginY",
@@ -285,6 +297,10 @@ var Stack = (_a) => {
285
297
  "height",
286
298
  "maxHeight",
287
299
  "borderColor",
300
+ "borderTopColor",
301
+ "borderRightColor",
302
+ "borderBottomColor",
303
+ "borderLeftColor",
288
304
  "backgroundColor",
289
305
  "sizing",
290
306
  "overflowY",
@@ -320,6 +336,10 @@ var Stack = (_a) => {
320
336
  width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
321
337
  minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
322
338
  border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
339
+ borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
340
+ borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
341
+ borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
342
+ borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
323
343
  backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
324
344
  flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
325
345
  flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
@@ -359,6 +379,22 @@ var Stack = (_a) => {
359
379
  paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
360
380
  paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
361
381
  paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
382
+ paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
383
+ paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
384
+ paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
385
+ paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
386
+ paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
387
+ paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
388
+ paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
389
+ paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
390
+ paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
391
+ paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
392
+ paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
393
+ paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
394
+ paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
395
+ paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
396
+ paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
397
+ paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
362
398
  margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
363
399
  marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
364
400
  marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Stack
3
- } from "../chunk-GB4ZTUQV.js";
3
+ } from "../chunk-DTW7JCBR.js";
4
4
  import {
5
5
  Paragraph
6
6
  } from "../chunk-OGIFIPKH.js";
@@ -281,6 +281,10 @@ var Stack = (_a) => {
281
281
  padding,
282
282
  paddingX,
283
283
  paddingY,
284
+ paddingBottom,
285
+ paddingTop,
286
+ paddingLeft,
287
+ paddingRight,
284
288
  margin,
285
289
  marginX,
286
290
  marginY,
@@ -296,6 +300,10 @@ var Stack = (_a) => {
296
300
  height,
297
301
  maxHeight,
298
302
  borderColor,
303
+ borderTopColor,
304
+ borderRightColor,
305
+ borderBottomColor,
306
+ borderLeftColor,
299
307
  backgroundColor,
300
308
  sizing = "none",
301
309
  overflowY = "inherit",
@@ -321,6 +329,10 @@ var Stack = (_a) => {
321
329
  "padding",
322
330
  "paddingX",
323
331
  "paddingY",
332
+ "paddingBottom",
333
+ "paddingTop",
334
+ "paddingLeft",
335
+ "paddingRight",
324
336
  "margin",
325
337
  "marginX",
326
338
  "marginY",
@@ -336,6 +348,10 @@ var Stack = (_a) => {
336
348
  "height",
337
349
  "maxHeight",
338
350
  "borderColor",
351
+ "borderTopColor",
352
+ "borderRightColor",
353
+ "borderBottomColor",
354
+ "borderLeftColor",
339
355
  "backgroundColor",
340
356
  "sizing",
341
357
  "overflowY",
@@ -371,6 +387,10 @@ var Stack = (_a) => {
371
387
  width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
372
388
  minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
373
389
  border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
390
+ borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
391
+ borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
392
+ borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
393
+ borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
374
394
  backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
375
395
  flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
376
396
  flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
@@ -410,6 +430,22 @@ var Stack = (_a) => {
410
430
  paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
411
431
  paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
412
432
  paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
433
+ paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
434
+ paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
435
+ paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
436
+ paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
437
+ paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
438
+ paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
439
+ paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
440
+ paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
441
+ paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
442
+ paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
443
+ paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
444
+ paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
445
+ paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
446
+ paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
447
+ paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
448
+ paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
413
449
  margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
414
450
  marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
415
451
  marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  SimpleTable
3
- } from "../chunk-7ULLUUVJ.js";
3
+ } from "../chunk-PQWWVBSR.js";
4
4
  import "../chunk-FA7IFW66.js";
5
- import "../chunk-GB4ZTUQV.js";
5
+ import "../chunk-DTW7JCBR.js";
6
6
  import "../chunk-6CTCHYIS.js";
7
7
  import "../chunk-ORMEWXMH.js";
8
8
  export {
@@ -229,6 +229,10 @@ var Stack = (_a) => {
229
229
  padding,
230
230
  paddingX,
231
231
  paddingY,
232
+ paddingBottom,
233
+ paddingTop,
234
+ paddingLeft,
235
+ paddingRight,
232
236
  margin,
233
237
  marginX,
234
238
  marginY,
@@ -244,6 +248,10 @@ var Stack = (_a) => {
244
248
  height,
245
249
  maxHeight,
246
250
  borderColor,
251
+ borderTopColor,
252
+ borderRightColor,
253
+ borderBottomColor,
254
+ borderLeftColor,
247
255
  backgroundColor,
248
256
  sizing = "none",
249
257
  overflowY = "inherit",
@@ -269,6 +277,10 @@ var Stack = (_a) => {
269
277
  "padding",
270
278
  "paddingX",
271
279
  "paddingY",
280
+ "paddingBottom",
281
+ "paddingTop",
282
+ "paddingLeft",
283
+ "paddingRight",
272
284
  "margin",
273
285
  "marginX",
274
286
  "marginY",
@@ -284,6 +296,10 @@ var Stack = (_a) => {
284
296
  "height",
285
297
  "maxHeight",
286
298
  "borderColor",
299
+ "borderTopColor",
300
+ "borderRightColor",
301
+ "borderBottomColor",
302
+ "borderLeftColor",
287
303
  "backgroundColor",
288
304
  "sizing",
289
305
  "overflowY",
@@ -319,6 +335,10 @@ var Stack = (_a) => {
319
335
  width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
320
336
  minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
321
337
  border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
338
+ borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
339
+ borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
340
+ borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
341
+ borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
322
342
  backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
323
343
  flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
324
344
  flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
@@ -358,6 +378,22 @@ var Stack = (_a) => {
358
378
  paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
359
379
  paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
360
380
  paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
381
+ paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
382
+ paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
383
+ paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
384
+ paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
385
+ paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
386
+ paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
387
+ paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
388
+ paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
389
+ paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
390
+ paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
391
+ paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
392
+ paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
393
+ paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
394
+ paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
395
+ paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
396
+ paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
361
397
  margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
362
398
  marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
363
399
  marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Stack
3
- } from "../chunk-GB4ZTUQV.js";
3
+ } from "../chunk-DTW7JCBR.js";
4
4
  import "../chunk-6CTCHYIS.js";
5
5
  import "../chunk-ORMEWXMH.js";
6
6
  export {
@@ -283,6 +283,10 @@ var Stack = (_a) => {
283
283
  padding,
284
284
  paddingX,
285
285
  paddingY,
286
+ paddingBottom,
287
+ paddingTop,
288
+ paddingLeft,
289
+ paddingRight,
286
290
  margin,
287
291
  marginX,
288
292
  marginY,
@@ -298,6 +302,10 @@ var Stack = (_a) => {
298
302
  height,
299
303
  maxHeight,
300
304
  borderColor,
305
+ borderTopColor,
306
+ borderRightColor,
307
+ borderBottomColor,
308
+ borderLeftColor,
301
309
  backgroundColor,
302
310
  sizing = "none",
303
311
  overflowY = "inherit",
@@ -323,6 +331,10 @@ var Stack = (_a) => {
323
331
  "padding",
324
332
  "paddingX",
325
333
  "paddingY",
334
+ "paddingBottom",
335
+ "paddingTop",
336
+ "paddingLeft",
337
+ "paddingRight",
326
338
  "margin",
327
339
  "marginX",
328
340
  "marginY",
@@ -338,6 +350,10 @@ var Stack = (_a) => {
338
350
  "height",
339
351
  "maxHeight",
340
352
  "borderColor",
353
+ "borderTopColor",
354
+ "borderRightColor",
355
+ "borderBottomColor",
356
+ "borderLeftColor",
341
357
  "backgroundColor",
342
358
  "sizing",
343
359
  "overflowY",
@@ -373,6 +389,10 @@ var Stack = (_a) => {
373
389
  width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
374
390
  minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
375
391
  border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
392
+ borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
393
+ borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
394
+ borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
395
+ borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
376
396
  backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
377
397
  flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
378
398
  flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
@@ -412,6 +432,22 @@ var Stack = (_a) => {
412
432
  paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
413
433
  paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
414
434
  paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
435
+ paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
436
+ paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
437
+ paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
438
+ paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
439
+ paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
440
+ paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
441
+ paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
442
+ paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
443
+ paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
444
+ paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
445
+ paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
446
+ paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
447
+ paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
448
+ paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
449
+ paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
450
+ paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
415
451
  margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
416
452
  marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
417
453
  marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
@@ -7,7 +7,7 @@ import {
7
7
  } from "../chunk-EU73QPW7.js";
8
8
  import {
9
9
  Stack
10
- } from "../chunk-GB4ZTUQV.js";
10
+ } from "../chunk-DTW7JCBR.js";
11
11
  import {
12
12
  Paragraph
13
13
  } from "../chunk-OGIFIPKH.js";
@@ -776,6 +776,10 @@ var Stack = (_a) => {
776
776
  padding,
777
777
  paddingX,
778
778
  paddingY,
779
+ paddingBottom,
780
+ paddingTop,
781
+ paddingLeft,
782
+ paddingRight,
779
783
  margin,
780
784
  marginX,
781
785
  marginY,
@@ -791,6 +795,10 @@ var Stack = (_a) => {
791
795
  height,
792
796
  maxHeight,
793
797
  borderColor,
798
+ borderTopColor,
799
+ borderRightColor,
800
+ borderBottomColor,
801
+ borderLeftColor,
794
802
  backgroundColor,
795
803
  sizing = "none",
796
804
  overflowY = "inherit",
@@ -816,6 +824,10 @@ var Stack = (_a) => {
816
824
  "padding",
817
825
  "paddingX",
818
826
  "paddingY",
827
+ "paddingBottom",
828
+ "paddingTop",
829
+ "paddingLeft",
830
+ "paddingRight",
819
831
  "margin",
820
832
  "marginX",
821
833
  "marginY",
@@ -831,6 +843,10 @@ var Stack = (_a) => {
831
843
  "height",
832
844
  "maxHeight",
833
845
  "borderColor",
846
+ "borderTopColor",
847
+ "borderRightColor",
848
+ "borderBottomColor",
849
+ "borderLeftColor",
834
850
  "backgroundColor",
835
851
  "sizing",
836
852
  "overflowY",
@@ -866,6 +882,10 @@ var Stack = (_a) => {
866
882
  width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
867
883
  minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
868
884
  border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
885
+ borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
886
+ borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
887
+ borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
888
+ borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
869
889
  backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
870
890
  flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
871
891
  flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
@@ -905,6 +925,22 @@ var Stack = (_a) => {
905
925
  paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
906
926
  paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
907
927
  paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
928
+ paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
929
+ paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
930
+ paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
931
+ paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
932
+ paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
933
+ paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
934
+ paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
935
+ paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
936
+ paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
937
+ paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
938
+ paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
939
+ paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
940
+ paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
941
+ paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
942
+ paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
943
+ paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
908
944
  margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
909
945
  marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
910
946
  marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
@@ -9,7 +9,7 @@ import "../chunk-TYTD4FLW.js";
9
9
  import "../chunk-5UH6QUFB.js";
10
10
  import {
11
11
  Stack
12
- } from "../chunk-GB4ZTUQV.js";
12
+ } from "../chunk-DTW7JCBR.js";
13
13
  import {
14
14
  Icon
15
15
  } from "../chunk-NKUETCDA.js";
@@ -243,7 +243,7 @@ var Tooltip = ({
243
243
  id,
244
244
  "data-testid": testid,
245
245
  ref,
246
- className: "relative inline-grid grid-cols-[auto_1fr] items-center",
246
+ className: "relative inline-grid grid-cols-[auto_1fr] items-center cursor-pointer",
247
247
  onMouseEnter: handleMouseEnter,
248
248
  onMouseLeave: handleMouseLeave,
249
249
  children: [
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  Tooltip
4
- } from "../chunk-QQ5G773N.js";
4
+ } from "../chunk-DCLNAUC4.js";
5
5
  import "../chunk-6CTCHYIS.js";
6
6
  import "../chunk-ORMEWXMH.js";
7
7
  export {
@@ -457,6 +457,10 @@ var Stack = (_a) => {
457
457
  padding,
458
458
  paddingX,
459
459
  paddingY,
460
+ paddingBottom,
461
+ paddingTop,
462
+ paddingLeft,
463
+ paddingRight,
460
464
  margin,
461
465
  marginX,
462
466
  marginY,
@@ -472,6 +476,10 @@ var Stack = (_a) => {
472
476
  height,
473
477
  maxHeight,
474
478
  borderColor,
479
+ borderTopColor,
480
+ borderRightColor,
481
+ borderBottomColor,
482
+ borderLeftColor,
475
483
  backgroundColor,
476
484
  sizing = "none",
477
485
  overflowY = "inherit",
@@ -497,6 +505,10 @@ var Stack = (_a) => {
497
505
  "padding",
498
506
  "paddingX",
499
507
  "paddingY",
508
+ "paddingBottom",
509
+ "paddingTop",
510
+ "paddingLeft",
511
+ "paddingRight",
500
512
  "margin",
501
513
  "marginX",
502
514
  "marginY",
@@ -512,6 +524,10 @@ var Stack = (_a) => {
512
524
  "height",
513
525
  "maxHeight",
514
526
  "borderColor",
527
+ "borderTopColor",
528
+ "borderRightColor",
529
+ "borderBottomColor",
530
+ "borderLeftColor",
515
531
  "backgroundColor",
516
532
  "sizing",
517
533
  "overflowY",
@@ -547,6 +563,10 @@ var Stack = (_a) => {
547
563
  width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
548
564
  minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
549
565
  border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
566
+ borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
567
+ borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
568
+ borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
569
+ borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
550
570
  backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
551
571
  flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
552
572
  flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
@@ -586,6 +606,22 @@ var Stack = (_a) => {
586
606
  paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
587
607
  paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
588
608
  paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
609
+ paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
610
+ paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
611
+ paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
612
+ paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
613
+ paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
614
+ paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
615
+ paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
616
+ paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
617
+ paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
618
+ paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
619
+ paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
620
+ paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
621
+ paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
622
+ paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
623
+ paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
624
+ paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
589
625
  margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
590
626
  marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
591
627
  marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
@@ -3,7 +3,7 @@ import {
3
3
  } from "../chunk-SBRRNFOP.js";
4
4
  import {
5
5
  Stack
6
- } from "../chunk-GB4ZTUQV.js";
6
+ } from "../chunk-DTW7JCBR.js";
7
7
  import {
8
8
  Paragraph
9
9
  } from "../chunk-OGIFIPKH.js";