@dmsi/wedgekit-react 0.0.884 → 0.0.886

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 (53) hide show
  1. package/dist/{chunk-E7XBOMT4.js → chunk-ZXP2GIWZ.js} +81 -22
  2. package/dist/components/CalendarRange.cjs +133 -77
  3. package/dist/components/CalendarRange.css +0 -3
  4. package/dist/components/CalendarRange.js +3 -3
  5. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +119 -63
  6. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +0 -3
  7. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +3 -3
  8. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +119 -63
  9. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +0 -3
  10. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +3 -3
  11. package/dist/components/DataGrid/PinnedColumns.cjs +122 -66
  12. package/dist/components/DataGrid/PinnedColumns.css +0 -3
  13. package/dist/components/DataGrid/PinnedColumns.js +3 -3
  14. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +119 -63
  15. package/dist/components/DataGrid/TableBody/LoadingCell.css +0 -3
  16. package/dist/components/DataGrid/TableBody/LoadingCell.js +3 -3
  17. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +122 -66
  18. package/dist/components/DataGrid/TableBody/TableBodyRow.css +0 -3
  19. package/dist/components/DataGrid/TableBody/TableBodyRow.js +3 -3
  20. package/dist/components/DataGrid/TableBody/index.cjs +124 -68
  21. package/dist/components/DataGrid/TableBody/index.css +0 -3
  22. package/dist/components/DataGrid/TableBody/index.js +3 -3
  23. package/dist/components/DataGrid/index.cjs +133 -77
  24. package/dist/components/DataGrid/index.css +0 -3
  25. package/dist/components/DataGrid/index.js +3 -3
  26. package/dist/components/DataGrid/utils.cjs +121 -65
  27. package/dist/components/DataGrid/utils.css +0 -3
  28. package/dist/components/DataGrid/utils.js +3 -3
  29. package/dist/components/DateInput.cjs +73 -17
  30. package/dist/components/DateInput.css +0 -3
  31. package/dist/components/DateInput.js +3 -3
  32. package/dist/components/DateRangeInput.cjs +133 -77
  33. package/dist/components/DateRangeInput.css +0 -3
  34. package/dist/components/DateRangeInput.js +3 -3
  35. package/dist/components/MobileDataGrid/ColumnList.css +0 -3
  36. package/dist/components/MobileDataGrid/ColumnList.js +1 -1
  37. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +119 -63
  38. package/dist/components/MobileDataGrid/ColumnSelector/index.css +0 -3
  39. package/dist/components/MobileDataGrid/ColumnSelector/index.js +3 -3
  40. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
  41. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +116 -60
  42. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +0 -3
  43. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +3 -3
  44. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
  45. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +1 -1
  46. package/dist/components/MobileDataGrid/index.cjs +120 -64
  47. package/dist/components/MobileDataGrid/index.css +0 -3
  48. package/dist/components/MobileDataGrid/index.js +3 -3
  49. package/dist/components/index.cjs +152 -96
  50. package/dist/components/index.css +0 -3
  51. package/dist/components/index.js +3 -3
  52. package/dist/index.css +0 -3
  53. package/package.json +1 -1
@@ -4370,6 +4370,7 @@ Tooltip.displayName = "Tooltip";
4370
4370
  // src/components/DateInput.tsx
4371
4371
  var import_react20 = require("react");
4372
4372
  var import_react_dom3 = require("react-dom");
4373
+ var import_clsx21 = __toESM(require("clsx"), 1);
4373
4374
 
4374
4375
  // src/components/CalendarRange.tsx
4375
4376
  var import_clsx20 = __toESM(require("clsx"), 1);
@@ -4924,10 +4925,12 @@ var DateInput = (_a) => {
4924
4925
  const popoverRef = (0, import_react20.useRef)(null);
4925
4926
  const triggerRef = (0, import_react20.useRef)(null);
4926
4927
  const rootRef = (0, import_react20.useRef)(null);
4928
+ const isMobile = useMatchesMobile();
4927
4929
  const [calendarPosition, setCalendarPosition] = (0, import_react20.useState)({
4928
4930
  top: 0,
4929
4931
  left: 0,
4930
- width: 0
4932
+ width: 0,
4933
+ openAbove: false
4931
4934
  });
4932
4935
  const [from, to] = [value, ""];
4933
4936
  (0, import_react20.useEffect)(() => {
@@ -4943,11 +4946,28 @@ var DateInput = (_a) => {
4943
4946
  const updatePosition = () => {
4944
4947
  if (rootRef.current) {
4945
4948
  const rect = rootRef.current.getBoundingClientRect();
4946
- setCalendarPosition({
4947
- top: rect.bottom + window.scrollY,
4948
- left: rect.left + window.scrollX,
4949
- width: rect.width
4950
- });
4949
+ const viewportWidth = window.innerWidth;
4950
+ const viewportHeight = window.innerHeight;
4951
+ const calendarWidth = 340;
4952
+ const calendarHeight = 400;
4953
+ let viewportLeft = rect.left;
4954
+ if (viewportLeft + calendarWidth > viewportWidth) {
4955
+ viewportLeft = rect.right - calendarWidth;
4956
+ if (viewportLeft < 0) {
4957
+ viewportLeft = Math.max(0, (viewportWidth - calendarWidth) / 2);
4958
+ }
4959
+ }
4960
+ const left = viewportLeft + window.scrollX;
4961
+ const spaceBelow = viewportHeight - rect.bottom;
4962
+ const spaceAbove = rect.top;
4963
+ const openAbove = spaceBelow < calendarHeight && spaceAbove > spaceBelow;
4964
+ let top;
4965
+ if (openAbove) {
4966
+ top = rect.top + window.scrollY - calendarHeight - 4;
4967
+ } else {
4968
+ top = rect.bottom + window.scrollY + 4;
4969
+ }
4970
+ setCalendarPosition({ top, left, width: rect.width, openAbove });
4951
4971
  }
4952
4972
  };
4953
4973
  (0, import_react20.useEffect)(() => {
@@ -5030,7 +5050,10 @@ var DateInput = (_a) => {
5030
5050
  if (cursorPosition > 0 && value2[cursorPosition - 1] === sep) {
5031
5051
  event.preventDefault();
5032
5052
  const newValue = value2.slice(0, cursorPosition - 2) + value2.slice(cursorPosition);
5033
- const formattedValue = formatInputValueWithDashes(newValue, dateInDashes);
5053
+ const formattedValue = formatInputValueWithDashes(
5054
+ newValue,
5055
+ dateInDashes
5056
+ );
5034
5057
  setInputValue(formattedValue);
5035
5058
  requestAnimationFrame(() => {
5036
5059
  if (triggerRef.current) {
@@ -5081,25 +5104,58 @@ var DateInput = (_a) => {
5081
5104
  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
5082
5105
  "div",
5083
5106
  {
5084
- className: "fixed inset-0 z-30",
5107
+ className: (0, import_clsx21.default)(
5108
+ "fixed inset-0 z-50",
5109
+ isMobile && "overflow-y-auto bg-neutral-600/50"
5110
+ ),
5085
5111
  onClick: () => setVisible(false),
5086
5112
  onMouseDown: (e) => {
5087
- e.preventDefault();
5113
+ if (!isMobile) {
5114
+ e.preventDefault();
5115
+ }
5088
5116
  },
5089
5117
  onWheel: (e) => {
5090
5118
  var _a2;
5091
- const scrollableParent = (_a2 = document.scrollingElement) != null ? _a2 : document.documentElement;
5092
- scrollableParent.scrollTop += e.deltaY;
5093
- scrollableParent.scrollLeft += e.deltaX;
5119
+ if (!isMobile) {
5120
+ const scrollableParent = (_a2 = document.scrollingElement) != null ? _a2 : document.documentElement;
5121
+ scrollableParent.scrollTop += e.deltaY;
5122
+ scrollableParent.scrollLeft += e.deltaX;
5123
+ }
5094
5124
  },
5095
5125
  onTouchMove: (e) => {
5096
- e.stopPropagation();
5126
+ if (!isMobile) {
5127
+ e.stopPropagation();
5128
+ }
5097
5129
  },
5098
- style: { touchAction: "pan-y pan-x" },
5099
- "aria-hidden": "true"
5130
+ style: { touchAction: isMobile ? "auto" : "pan-y pan-x" },
5131
+ "aria-hidden": "true",
5132
+ children: isMobile && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "min-h-full flex items-start justify-center py-4 px-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
5133
+ "div",
5134
+ {
5135
+ ref: (el) => {
5136
+ popoverRef.current = el;
5137
+ },
5138
+ className: "bg-white rounded-base shadow-4 max-w-full",
5139
+ onClick: (e) => e.stopPropagation(),
5140
+ children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
5141
+ CalendarRange,
5142
+ {
5143
+ id: id ? `${id}-calendar` : void 0,
5144
+ testid: testid ? `${testid}-calendar` : void 0,
5145
+ from,
5146
+ to: to || from,
5147
+ onChange: handleDateChange,
5148
+ cardStyle: true,
5149
+ mode: "single",
5150
+ disableRange: true,
5151
+ isDateAvailable
5152
+ }
5153
+ )
5154
+ }
5155
+ ) })
5100
5156
  }
5101
5157
  ),
5102
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
5158
+ !isMobile && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
5103
5159
  "div",
5104
5160
  {
5105
5161
  ref: (el) => {
@@ -5107,7 +5163,7 @@ var DateInput = (_a) => {
5107
5163
  },
5108
5164
  className: "absolute z-50 bg-white",
5109
5165
  style: {
5110
- top: `${calendarPosition.top + 4}px`,
5166
+ top: `${calendarPosition.top}px`,
5111
5167
  left: `${calendarPosition.left}px`
5112
5168
  },
5113
5169
  children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -5143,21 +5199,21 @@ function formatDisplayValue(from, dateInDashes) {
5143
5199
  }
5144
5200
 
5145
5201
  // src/components/Accordion.tsx
5146
- var import_clsx23 = __toESM(require("clsx"), 1);
5202
+ var import_clsx24 = __toESM(require("clsx"), 1);
5147
5203
 
5148
5204
  // src/components/Card.tsx
5149
- var import_clsx21 = __toESM(require("clsx"), 1);
5205
+ var import_clsx22 = __toESM(require("clsx"), 1);
5150
5206
  var import_jsx_runtime25 = require("react/jsx-runtime");
5151
5207
 
5152
5208
  // src/components/Stack.tsx
5153
- var import_clsx22 = __toESM(require("clsx"), 1);
5209
+ var import_clsx23 = __toESM(require("clsx"), 1);
5154
5210
  var import_jsx_runtime26 = require("react/jsx-runtime");
5155
5211
 
5156
5212
  // src/components/Accordion.tsx
5157
5213
  var import_jsx_runtime27 = require("react/jsx-runtime");
5158
5214
 
5159
5215
  // src/components/Heading.tsx
5160
- var import_clsx24 = __toESM(require("clsx"), 1);
5216
+ var import_clsx25 = __toESM(require("clsx"), 1);
5161
5217
  var import_jsx_runtime28 = require("react/jsx-runtime");
5162
5218
  var Heading = (_a) => {
5163
5219
  var _b = _a, {
@@ -5186,7 +5242,7 @@ var Heading = (_a) => {
5186
5242
  __spreadProps(__spreadValues({
5187
5243
  id,
5188
5244
  "data-testid": testid,
5189
- className: (0, import_clsx24.default)(
5245
+ className: (0, import_clsx25.default)(
5190
5246
  typography[variant],
5191
5247
  className,
5192
5248
  align === "left" && "text-left",
@@ -5233,11 +5289,11 @@ var import_react24 = require("react");
5233
5289
  var import_jsx_runtime32 = require("react/jsx-runtime");
5234
5290
 
5235
5291
  // src/components/Modal.tsx
5236
- var import_clsx29 = __toESM(require("clsx"), 1);
5292
+ var import_clsx30 = __toESM(require("clsx"), 1);
5237
5293
  var import_react26 = require("react");
5238
5294
 
5239
5295
  // src/components/ModalHeader.tsx
5240
- var import_clsx25 = __toESM(require("clsx"), 1);
5296
+ var import_clsx26 = __toESM(require("clsx"), 1);
5241
5297
  var import_jsx_runtime33 = require("react/jsx-runtime");
5242
5298
  var ModalHeader = ({
5243
5299
  title,
@@ -5257,7 +5313,7 @@ var ModalHeader = ({
5257
5313
  {
5258
5314
  id,
5259
5315
  "data-testid": testid,
5260
- className: (0, import_clsx25.default)(
5316
+ className: (0, import_clsx26.default)(
5261
5317
  "flex justify-between items-center",
5262
5318
  headerIconAlign === "center" && "justify-center",
5263
5319
  headerIconAlign === "right" && "justify-end",
@@ -5267,7 +5323,7 @@ var ModalHeader = ({
5267
5323
  headerClassname
5268
5324
  ),
5269
5325
  children: [
5270
- /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: (0, import_clsx25.default)("flex items-center flex-1", layoutGroupGap), children: [
5326
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: (0, import_clsx26.default)("flex items-center flex-1", layoutGroupGap), children: [
5271
5327
  headerIcon,
5272
5328
  title && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
5273
5329
  Title,
@@ -5290,7 +5346,7 @@ var ModalHeader = ({
5290
5346
  leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
5291
5347
  "span",
5292
5348
  {
5293
- className: (0, import_clsx25.default)(
5349
+ className: (0, import_clsx26.default)(
5294
5350
  "contents",
5295
5351
  headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
5296
5352
  ),
@@ -5306,7 +5362,7 @@ var ModalHeader = ({
5306
5362
  ModalHeader.displayName = "ModalHeader";
5307
5363
 
5308
5364
  // src/components/ModalContent.tsx
5309
- var import_clsx26 = __toESM(require("clsx"), 1);
5365
+ var import_clsx27 = __toESM(require("clsx"), 1);
5310
5366
  var import_jsx_runtime34 = require("react/jsx-runtime");
5311
5367
  function ModalContent({
5312
5368
  fixedHeightScrolling,
@@ -5319,7 +5375,7 @@ function ModalContent({
5319
5375
  {
5320
5376
  id,
5321
5377
  "data-testid": testid,
5322
- className: (0, import_clsx26.default)(
5378
+ className: (0, import_clsx27.default)(
5323
5379
  "flex-grow desktop:flex-grow-0",
5324
5380
  layoutPaddding,
5325
5381
  fixedHeightScrolling && "overflow-auto"
@@ -5331,7 +5387,7 @@ function ModalContent({
5331
5387
  ModalContent.displayName = "ModalContent";
5332
5388
 
5333
5389
  // src/components/ModalButtons.tsx
5334
- var import_clsx27 = __toESM(require("clsx"), 1);
5390
+ var import_clsx28 = __toESM(require("clsx"), 1);
5335
5391
  var import_jsx_runtime35 = require("react/jsx-runtime");
5336
5392
  var ModalButtons = ({
5337
5393
  onClose,
@@ -5346,7 +5402,7 @@ var ModalButtons = ({
5346
5402
  {
5347
5403
  id,
5348
5404
  "data-testid": testid,
5349
- className: (0, import_clsx27.default)(
5405
+ className: (0, import_clsx28.default)(
5350
5406
  "border-t border-neutral-300 flex justify-end",
5351
5407
  mobileButtonStack && "flex-col ",
5352
5408
  layoutPaddding,
@@ -5384,7 +5440,7 @@ var ModalButtons = ({
5384
5440
  ModalButtons.displayName = "ModalButtons";
5385
5441
 
5386
5442
  // src/components/ModalScrim.tsx
5387
- var import_clsx28 = __toESM(require("clsx"), 1);
5443
+ var import_clsx29 = __toESM(require("clsx"), 1);
5388
5444
  var import_jsx_runtime36 = require("react/jsx-runtime");
5389
5445
  var ModalScrim = ({
5390
5446
  show = false,
@@ -5400,7 +5456,7 @@ var ModalScrim = ({
5400
5456
  {
5401
5457
  id,
5402
5458
  "data-testid": testid,
5403
- className: (0, import_clsx28.default)(
5459
+ className: (0, import_clsx29.default)(
5404
5460
  "overflow-y-auto h-dvh transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
5405
5461
  !show && " pointer-events-none",
5406
5462
  size === "small" && "p-4",
@@ -5621,7 +5677,7 @@ var Modal = ({
5621
5677
  id,
5622
5678
  "data-testid": testid,
5623
5679
  ref: modalRef,
5624
- className: (0, import_clsx29.default)(
5680
+ className: (0, import_clsx30.default)(
5625
5681
  "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0",
5626
5682
  computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
5627
5683
  className,
@@ -5685,10 +5741,10 @@ var import_jsx_runtime39 = require("react/jsx-runtime");
5685
5741
  var import_jsx_runtime40 = require("react/jsx-runtime");
5686
5742
 
5687
5743
  // src/components/MobileDataGrid/ColumnList.tsx
5688
- var import_clsx31 = __toESM(require("clsx"), 1);
5744
+ var import_clsx32 = __toESM(require("clsx"), 1);
5689
5745
 
5690
5746
  // src/components/MobileDataGrid/MobileDataGridCard/index.tsx
5691
- var import_clsx30 = __toESM(require("clsx"), 1);
5747
+ var import_clsx31 = __toESM(require("clsx"), 1);
5692
5748
  var import_jsx_runtime41 = require("react/jsx-runtime");
5693
5749
 
5694
5750
  // src/components/MobileDataGrid/ColumnList.tsx
@@ -5708,7 +5764,7 @@ var import_jsx_runtime44 = require("react/jsx-runtime");
5708
5764
  var import_jsx_runtime45 = require("react/jsx-runtime");
5709
5765
 
5710
5766
  // src/components/Grid.tsx
5711
- var import_clsx32 = __toESM(require("clsx"), 1);
5767
+ var import_clsx33 = __toESM(require("clsx"), 1);
5712
5768
  var import_jsx_runtime46 = require("react/jsx-runtime");
5713
5769
 
5714
5770
  // src/components/ProductImagePreview/ProductPrimaryImage.tsx
@@ -5719,7 +5775,7 @@ var import_jsx_runtime47 = require("react/jsx-runtime");
5719
5775
  var import_react30 = require("react");
5720
5776
 
5721
5777
  // src/components/Surface.tsx
5722
- var import_clsx33 = __toESM(require("clsx"), 1);
5778
+ var import_clsx34 = __toESM(require("clsx"), 1);
5723
5779
  var import_jsx_runtime48 = require("react/jsx-runtime");
5724
5780
  var Surface = (_a) => {
5725
5781
  var _b = _a, {
@@ -5737,7 +5793,7 @@ var Surface = (_a) => {
5737
5793
  "div",
5738
5794
  __spreadProps(__spreadValues({
5739
5795
  id,
5740
- className: (0, import_clsx33.default)(
5796
+ className: (0, import_clsx34.default)(
5741
5797
  "rounded-base",
5742
5798
  {
5743
5799
  "shadow-2": elevation === 2,
@@ -5757,7 +5813,7 @@ Surface.displayName = "Surface";
5757
5813
  var import_jsx_runtime49 = require("react/jsx-runtime");
5758
5814
 
5759
5815
  // src/components/ProductImagePreview/CarouselPagination.tsx
5760
- var import_clsx34 = require("clsx");
5816
+ var import_clsx35 = require("clsx");
5761
5817
  var import_jsx_runtime50 = require("react/jsx-runtime");
5762
5818
 
5763
5819
  // src/components/ProductImagePreview/MobileImageCarousel.tsx
@@ -5772,21 +5828,21 @@ var import_jsx_runtime52 = require("react/jsx-runtime");
5772
5828
 
5773
5829
  // src/components/CompactImagesPreview.tsx
5774
5830
  var import_react33 = require("react");
5775
- var import_clsx35 = __toESM(require("clsx"), 1);
5831
+ var import_clsx36 = __toESM(require("clsx"), 1);
5776
5832
  var import_jsx_runtime53 = require("react/jsx-runtime");
5777
5833
 
5778
5834
  // src/components/SimpleTable.tsx
5779
- var import_clsx36 = __toESM(require("clsx"), 1);
5835
+ var import_clsx37 = __toESM(require("clsx"), 1);
5780
5836
  var import_jsx_runtime54 = require("react/jsx-runtime");
5781
5837
 
5782
5838
  // src/components/ListGroup.tsx
5783
5839
  var import_react34 = require("react");
5784
- var import_clsx37 = __toESM(require("clsx"), 1);
5840
+ var import_clsx38 = __toESM(require("clsx"), 1);
5785
5841
  var import_jsx_runtime55 = require("react/jsx-runtime");
5786
5842
 
5787
5843
  // src/components/Pagination.tsx
5788
5844
  var import_react35 = require("react");
5789
- var import_clsx38 = __toESM(require("clsx"), 1);
5845
+ var import_clsx39 = __toESM(require("clsx"), 1);
5790
5846
  var import_jsx_runtime56 = require("react/jsx-runtime");
5791
5847
  var Pagination = ({
5792
5848
  totalPages,
@@ -5851,7 +5907,7 @@ var Pagination = ({
5851
5907
  return tokens;
5852
5908
  }, [totalPages, currentPage]);
5853
5909
  if (totalPages <= 1) return null;
5854
- const buttonClass = (0, import_clsx38.default)(
5910
+ const buttonClass = (0, import_clsx39.default)(
5855
5911
  "cursor-pointer disabled:cursor-default",
5856
5912
  paddingUsingComponentGap,
5857
5913
  "w-8 h-8",
@@ -5869,7 +5925,7 @@ var Pagination = ({
5869
5925
  "data-testid": testid,
5870
5926
  "aria-label": "Pagination",
5871
5927
  onKeyDown: handleKey,
5872
- className: (0, import_clsx38.default)(
5928
+ className: (0, import_clsx39.default)(
5873
5929
  "flex items-center",
5874
5930
  "border border-border-primary-normal",
5875
5931
  "bg-background-grouped-primary-normal",
@@ -5883,11 +5939,11 @@ var Pagination = ({
5883
5939
  disabled: disabled || currentPage <= 1,
5884
5940
  "aria-label": "Previous page",
5885
5941
  onClick: () => goTo(currentPage - 1),
5886
- className: (0, import_clsx38.default)(buttonClass, "border-r-1 border-border-primary-normal"),
5942
+ className: (0, import_clsx39.default)(buttonClass, "border-r-1 border-border-primary-normal"),
5887
5943
  children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "keyboard_arrow_left" })
5888
5944
  }
5889
5945
  ),
5890
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("ul", { className: (0, import_clsx38.default)("flex items-center"), children: pageTokens.map((token, index) => {
5946
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("ul", { className: (0, import_clsx39.default)("flex items-center"), children: pageTokens.map((token, index) => {
5891
5947
  if (token === "ellipsis") {
5892
5948
  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
5893
5949
  "li",
@@ -5906,7 +5962,7 @@ var Pagination = ({
5906
5962
  "aria-current": selected ? "page" : void 0,
5907
5963
  disabled,
5908
5964
  onClick: () => goTo(token),
5909
- className: (0, import_clsx38.default)(
5965
+ className: (0, import_clsx39.default)(
5910
5966
  buttonClass,
5911
5967
  selected && "border-x-1 bg-background-grouped-secondary-normal border-border-primary-normal"
5912
5968
  ),
@@ -5920,7 +5976,7 @@ var Pagination = ({
5920
5976
  disabled: disabled || currentPage >= totalPages,
5921
5977
  "aria-label": "Next page",
5922
5978
  onClick: () => goTo(currentPage + 1),
5923
- className: (0, import_clsx38.default)(buttonClass, "border-l-1 border-border-primary-normal"),
5979
+ className: (0, import_clsx39.default)(buttonClass, "border-l-1 border-border-primary-normal"),
5924
5980
  children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "keyboard_arrow_right" })
5925
5981
  }
5926
5982
  )
@@ -5941,7 +5997,7 @@ var import_react36 = require("react");
5941
5997
  var import_jsx_runtime59 = require("react/jsx-runtime");
5942
5998
 
5943
5999
  // src/components/Alert.tsx
5944
- var import_clsx39 = __toESM(require("clsx"), 1);
6000
+ var import_clsx40 = __toESM(require("clsx"), 1);
5945
6001
  var import_react37 = require("react");
5946
6002
  var import_jsx_runtime60 = require("react/jsx-runtime");
5947
6003
 
@@ -5954,10 +6010,10 @@ var import_jsx_runtime62 = require("react/jsx-runtime");
5954
6010
  var EditingContext = (0, import_react38.createContext)(null);
5955
6011
 
5956
6012
  // src/components/AccessCard.tsx
5957
- var import_clsx41 = __toESM(require("clsx"), 1);
6013
+ var import_clsx42 = __toESM(require("clsx"), 1);
5958
6014
 
5959
6015
  // src/components/Radio.tsx
5960
- var import_clsx40 = __toESM(require("clsx"), 1);
6016
+ var import_clsx41 = __toESM(require("clsx"), 1);
5961
6017
  var import_jsx_runtime63 = require("react/jsx-runtime");
5962
6018
  var Radio = (_a) => {
5963
6019
  var _b = _a, {
@@ -5981,16 +6037,16 @@ var Radio = (_a) => {
5981
6037
  ]);
5982
6038
  const radioId = id;
5983
6039
  const paragraphColor = disabled ? "text-primary-disabled" : error ? "text-primary-error" : "text-primary-normal";
5984
- const defaultClassName = (0, import_clsx40.default)(
6040
+ const defaultClassName = (0, import_clsx41.default)(
5985
6041
  !error && !disabled && "border-border-primary-normal peer-hover:border-border-action-hover peer-hover:bg-background-action-secondary-hover peer-focus:border-border-action-hover peer-focus:bg-background-action-secondary-hover peer-active:border-border-action-active peer-active:bg-background-action-secondary-active peer-checked:border-0 peer-checked:bg-background-action-secondary-hover"
5986
6042
  );
5987
- const errorClassName = (0, import_clsx40.default)(
6043
+ const errorClassName = (0, import_clsx41.default)(
5988
6044
  error && !disabled && "border-border-action-critical-normal peer-hover:border-border-action-critical-hover peer-hover:bg-background-action-critical-secondary-hover peer-focus:border-border-action-critical-hover peer-focus:bg-background-action-critical-secondary-hover peer-active:border-border-action-critical-active peer-active:bg-background-action-secondary-active peer-checked:bg-background-action-critical-secondary-hover peer-checked:border-0 "
5989
6045
  );
5990
- const disabledClassName = (0, import_clsx40.default)(
6046
+ const disabledClassName = (0, import_clsx41.default)(
5991
6047
  disabled && "peer-disabled:bg-background-action-secondary-disabled peer-disabled:border-border-primary-normal peer-checked:border-0"
5992
6048
  );
5993
- const readonlyClassName = (0, import_clsx40.default)(
6049
+ const readonlyClassName = (0, import_clsx41.default)(
5994
6050
  readOnly && "peer-read-only:bg-background-action-secondary-disabled peer-read-only:border-border-primary-normal peer-checked:border-0"
5995
6051
  );
5996
6052
  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
@@ -5998,7 +6054,7 @@ var Radio = (_a) => {
5998
6054
  {
5999
6055
  htmlFor: radioId,
6000
6056
  "data-testid": testid,
6001
- className: (0, import_clsx40.default)(
6057
+ className: (0, import_clsx41.default)(
6002
6058
  "flex items-center",
6003
6059
  componentGap,
6004
6060
  disabled ? "cursor-default" : "cursor-pointer",
@@ -6021,7 +6077,7 @@ var Radio = (_a) => {
6021
6077
  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
6022
6078
  "div",
6023
6079
  {
6024
- className: (0, import_clsx40.default)(
6080
+ className: (0, import_clsx41.default)(
6025
6081
  "size-6 rounded-full border flex items-center justify-center",
6026
6082
  baseTransition,
6027
6083
  defaultClassName,
@@ -6032,7 +6088,7 @@ var Radio = (_a) => {
6032
6088
  children: checked && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
6033
6089
  RadioIcon,
6034
6090
  {
6035
- className: (0, import_clsx40.default)(
6091
+ className: (0, import_clsx41.default)(
6036
6092
  "transition-colors",
6037
6093
  !error && !disabled && "text-icon-on-action-secondary-normal hover:text-icon-on-action-secondary-hover active:text-icon-on-action-secondary-active peer-hover:text-icon-on-action-secondary-hover peer-focus:text-icon-on-action-secondary-hover peer-active:text-icon-on-action-secondary-active",
6038
6094
  error && !disabled && "text-icon-action-critical-secondary-normal hover:text-icon-action-critical-secondary-hover active:text-icon-action-critical-secondary-active peer-hover:text-icon-action-critical-secondary-hover peer-focus:text-icon-action-critical-secondary-hover peer-active:text-icon-action-critical-secondary-active",
@@ -6084,7 +6140,7 @@ RadioIcon.displayName = "RadioIcon";
6084
6140
  var import_jsx_runtime64 = require("react/jsx-runtime");
6085
6141
 
6086
6142
  // src/components/AccessCardGroup.tsx
6087
- var import_clsx42 = __toESM(require("clsx"), 1);
6143
+ var import_clsx43 = __toESM(require("clsx"), 1);
6088
6144
  var import_react39 = require("react");
6089
6145
  var import_jsx_runtime65 = require("react/jsx-runtime");
6090
6146
 
@@ -6099,9 +6155,9 @@ var import_jsx_runtime66 = require("react/jsx-runtime");
6099
6155
  var import_react40 = require("react");
6100
6156
 
6101
6157
  // src/components/EmblaCarousel/ArrowButtons.tsx
6102
- var import_clsx43 = __toESM(require("clsx"), 1);
6158
+ var import_clsx44 = __toESM(require("clsx"), 1);
6103
6159
  var import_jsx_runtime67 = require("react/jsx-runtime");
6104
- var arrowButtonStyles = (0, import_clsx43.default)(
6160
+ var arrowButtonStyles = (0, import_clsx44.default)(
6105
6161
  "appearance-none bg-transparent border cursor-pointer p-2 flex items-center justify-center size-9 rounded-full transition-colors duration-300 ease-in-out"
6106
6162
  );
6107
6163
 
@@ -599,9 +599,6 @@
599
599
  .z-20 {
600
600
  z-index: 20;
601
601
  }
602
- .z-30 {
603
- z-index: 30;
604
- }
605
602
  .z-40 {
606
603
  z-index: 40;
607
604
  }
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  ColumnSelectorMenuOption
3
- } from "../../../chunk-E7XBOMT4.js";
3
+ } from "../../../chunk-ZXP2GIWZ.js";
4
+ import "../../../chunk-M7INAUAJ.js";
4
5
  import "../../../chunk-4DPSNQCM.js";
5
6
  import "../../../chunk-Q4YDNW7N.js";
6
- import "../../../chunk-M7INAUAJ.js";
7
7
  import "../../../chunk-KOKA2IJC.js";
8
8
  import "../../../chunk-MBZ55T2D.js";
9
9
  import "../../../chunk-2IKT6IHB.js";
@@ -15,8 +15,8 @@ import "../../../chunk-3N34VVYD.js";
15
15
  import "../../../chunk-B4AE3DCA.js";
16
16
  import "../../../chunk-FP3Y5JJN.js";
17
17
  import "../../../chunk-5IFPG6TS.js";
18
- import "../../../chunk-6EYMKEJ6.js";
19
18
  import "../../../chunk-AJ5M6MVX.js";
19
+ import "../../../chunk-6EYMKEJ6.js";
20
20
  import "../../../chunk-YV5FS7NV.js";
21
21
  import "../../../chunk-Z2HPSFEQ.js";
22
22
  import "../../../chunk-AT4AWD6B.js";