@dmsi/wedgekit-react 0.0.451 → 0.0.452

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 (46) hide show
  1. package/dist/{chunk-3HBYDOYE.js → chunk-5H4VGR2X.js} +1 -1
  2. package/dist/chunk-75USUR3I.js +27 -0
  3. package/dist/{chunk-FFGIFICI.js → chunk-FJ7XT63P.js} +1 -1
  4. package/dist/{chunk-7B334WPV.js → chunk-YUGQX4KH.js} +1 -1
  5. package/dist/components/CalendarRange.cjs +28 -25
  6. package/dist/components/CalendarRange.js +9 -8
  7. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +5 -2
  8. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +9 -8
  9. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +12 -9
  10. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +9 -8
  11. package/dist/components/DataGrid/PinnedColumns.cjs +23 -20
  12. package/dist/components/DataGrid/PinnedColumns.js +9 -8
  13. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +8 -5
  14. package/dist/components/DataGrid/TableBody/LoadingCell.js +9 -8
  15. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +10 -7
  16. package/dist/components/DataGrid/TableBody/TableBodyRow.js +9 -8
  17. package/dist/components/DataGrid/TableBody/index.cjs +23 -20
  18. package/dist/components/DataGrid/TableBody/index.js +9 -8
  19. package/dist/components/DataGrid/index.cjs +83 -80
  20. package/dist/components/DataGrid/index.js +9 -8
  21. package/dist/components/DataGrid/utils.cjs +6 -3
  22. package/dist/components/DataGrid/utils.js +9 -8
  23. package/dist/components/DateInput.cjs +34 -31
  24. package/dist/components/DateInput.js +9 -8
  25. package/dist/components/DateRangeInput.cjs +34 -31
  26. package/dist/components/DateRangeInput.js +9 -8
  27. package/dist/components/EmptyCartIcon.cjs +51 -0
  28. package/dist/components/EmptyCartIcon.js +7 -0
  29. package/dist/components/MobileDataGrid/ColumnList.js +1 -1
  30. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +11 -8
  31. package/dist/components/MobileDataGrid/ColumnSelector/index.js +9 -8
  32. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
  33. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +19 -16
  34. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +9 -8
  35. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
  36. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +4 -4
  37. package/dist/components/MobileDataGrid/index.cjs +64 -61
  38. package/dist/components/MobileDataGrid/index.js +9 -8
  39. package/dist/components/Modal.js +2 -2
  40. package/dist/components/PDFViewer/index.js +4 -4
  41. package/dist/components/index.cjs +26 -0
  42. package/dist/components/index.js +12 -8
  43. package/package.json +1 -1
  44. package/src/components/EmptyCartIcon.tsx +18 -0
  45. package/src/components/index.ts +1 -0
  46. package/dist/{chunk-SBCFBHNG.js → chunk-3N66DG6V.js} +3 -3
package/dist/components/DataGrid/index.js CHANGED
@@ -2,11 +2,11 @@
2
2
  import {
3
3
  DataGrid,
4
4
  DataGrid_default
5
- } from "../../chunk-7B334WPV.js";
6
- import "../../chunk-FFGIFICI.js";
5
+ } from "../../chunk-YUGQX4KH.js";
6
+ import "../../chunk-FJ7XT63P.js";
7
7
  import "../../chunk-NAY4I3FL.js";
8
8
  import "../../chunk-M7INAUAJ.js";
9
- import "../../chunk-3HBYDOYE.js";
9
+ import "../../chunk-5H4VGR2X.js";
10
10
  import "../../chunk-DNYGKNQM.js";
11
11
  import "../../chunk-MBZ55T2D.js";
12
12
  import "../../chunk-2IKT6IHB.js";
@@ -16,30 +16,31 @@ import "../../chunk-BQNPOGD5.js";
16
16
  import "../../chunk-TJV3S52X.js";
17
17
  import "../../chunk-RDJT63IS.js";
18
18
  import "../../chunk-5IFPG6TS.js";
19
- import "../../chunk-AJ5M6MVX.js";
20
19
  import "../../chunk-7HCS6TZN.js";
20
+ import "../../chunk-AJ5M6MVX.js";
21
21
  import "../../chunk-EJSPFQCY.js";
22
22
  import "../../chunk-RQLWSLVE.js";
23
- import "../../chunk-6LHBY2IH.js";
24
23
  import "../../chunk-VJVY6NPF.js";
24
+ import "../../chunk-6LHBY2IH.js";
25
+ import "../../chunk-AT4AWD6B.js";
25
26
  import "../../chunk-EWGHVZL5.js";
26
27
  import "../../chunk-DCLNAUC4.js";
27
28
  import "../../chunk-PQWWVBSR.js";
28
29
  import "../../chunk-ETAEB3TA.js";
29
- import "../../chunk-AT4AWD6B.js";
30
30
  import "../../chunk-JQWYQDH7.js";
31
31
  import "../../chunk-TYAQWVIM.js";
32
- import "../../chunk-SBCFBHNG.js";
32
+ import "../../chunk-3N66DG6V.js";
33
33
  import "../../chunk-4RJKB7LC.js";
34
+ import "../../chunk-T36HX6QY.js";
34
35
  import "../../chunk-AG43RS4Q.js";
35
36
  import "../../chunk-XM7IQHBU.js";
36
37
  import "../../chunk-FRHPFACM.js";
37
- import "../../chunk-T36HX6QY.js";
38
38
  import "../../chunk-IFHMGICR.js";
39
39
  import "../../chunk-SBRRNFOP.js";
40
40
  import "../../chunk-Y2GK27RX.js";
41
41
  import "../../chunk-EU73QPW7.js";
42
42
  import "../../chunk-QVWYTQKL.js";
43
+ import "../../chunk-75USUR3I.js";
43
44
  import "../../chunk-NO5BIKWS.js";
44
45
  import "../../chunk-CANJ2YPW.js";
45
46
  import "../../chunk-4V6ZO2MR.js";
package/dist/components/DataGrid/utils.cjs CHANGED
@@ -4829,17 +4829,20 @@ Pagination.displayName = "Pagination";
4829
4829
  // src/components/SkeletonParagraph.tsx
4830
4830
  var import_jsx_runtime59 = require("react/jsx-runtime");
4831
4831
 
4832
- // src/components/DataGrid/utils.tsx
4832
+ // src/components/EmptyCartIcon.tsx
4833
4833
  var import_jsx_runtime60 = require("react/jsx-runtime");
4834
+
4835
+ // src/components/DataGrid/utils.tsx
4836
+ var import_jsx_runtime61 = require("react/jsx-runtime");
4834
4837
  function getSortIcon(sort, nextSort = false) {
4835
4838
  const iconClassName = (0, import_clsx37.default)(
4836
4839
  "text-icon-on-action-primary-normal",
4837
4840
  nextSort && "hidden group-hover:block"
4838
4841
  );
4839
4842
  if (sort === "asc")
4840
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
4843
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
4841
4844
  if (sort === "desc")
4842
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
4845
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
4843
4846
  return null;
4844
4847
  }
4845
4848
  // Annotate the CommonJS export names for ESM import in node:
package/dist/components/DataGrid/utils.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  getSortIcon
3
- } from "../../chunk-7B334WPV.js";
4
- import "../../chunk-FFGIFICI.js";
3
+ } from "../../chunk-YUGQX4KH.js";
4
+ import "../../chunk-FJ7XT63P.js";
5
5
  import "../../chunk-NAY4I3FL.js";
6
6
  import "../../chunk-M7INAUAJ.js";
7
- import "../../chunk-3HBYDOYE.js";
7
+ import "../../chunk-5H4VGR2X.js";
8
8
  import "../../chunk-DNYGKNQM.js";
9
9
  import "../../chunk-MBZ55T2D.js";
10
10
  import "../../chunk-2IKT6IHB.js";
@@ -14,30 +14,31 @@ import "../../chunk-BQNPOGD5.js";
14
14
  import "../../chunk-TJV3S52X.js";
15
15
  import "../../chunk-RDJT63IS.js";
16
16
  import "../../chunk-5IFPG6TS.js";
17
- import "../../chunk-AJ5M6MVX.js";
18
17
  import "../../chunk-7HCS6TZN.js";
18
+ import "../../chunk-AJ5M6MVX.js";
19
19
  import "../../chunk-EJSPFQCY.js";
20
20
  import "../../chunk-RQLWSLVE.js";
21
- import "../../chunk-6LHBY2IH.js";
22
21
  import "../../chunk-VJVY6NPF.js";
22
+ import "../../chunk-6LHBY2IH.js";
23
+ import "../../chunk-AT4AWD6B.js";
23
24
  import "../../chunk-EWGHVZL5.js";
24
25
  import "../../chunk-DCLNAUC4.js";
25
26
  import "../../chunk-PQWWVBSR.js";
26
27
  import "../../chunk-ETAEB3TA.js";
27
- import "../../chunk-AT4AWD6B.js";
28
28
  import "../../chunk-JQWYQDH7.js";
29
29
  import "../../chunk-TYAQWVIM.js";
30
- import "../../chunk-SBCFBHNG.js";
30
+ import "../../chunk-3N66DG6V.js";
31
31
  import "../../chunk-4RJKB7LC.js";
32
+ import "../../chunk-T36HX6QY.js";
32
33
  import "../../chunk-AG43RS4Q.js";
33
34
  import "../../chunk-XM7IQHBU.js";
34
35
  import "../../chunk-FRHPFACM.js";
35
- import "../../chunk-T36HX6QY.js";
36
36
  import "../../chunk-IFHMGICR.js";
37
37
  import "../../chunk-SBRRNFOP.js";
38
38
  import "../../chunk-Y2GK27RX.js";
39
39
  import "../../chunk-EU73QPW7.js";
40
40
  import "../../chunk-QVWYTQKL.js";
41
+ import "../../chunk-75USUR3I.js";
41
42
  import "../../chunk-NO5BIKWS.js";
42
43
  import "../../chunk-CANJ2YPW.js";
43
44
  import "../../chunk-4V6ZO2MR.js";
package/dist/components/DateInput.cjs CHANGED
@@ -4922,8 +4922,11 @@ Pagination.displayName = "Pagination";
4922
4922
  // src/components/SkeletonParagraph.tsx
4923
4923
  var import_jsx_runtime60 = require("react/jsx-runtime");
4924
4924
 
4925
- // src/components/CalendarRange.tsx
4925
+ // src/components/EmptyCartIcon.tsx
4926
4926
  var import_jsx_runtime61 = require("react/jsx-runtime");
4927
+
4928
+ // src/components/CalendarRange.tsx
4929
+ var import_jsx_runtime62 = require("react/jsx-runtime");
4927
4930
  function DateCell(_a) {
4928
4931
  var _b = _a, {
4929
4932
  date,
@@ -4958,7 +4961,7 @@ function DateCell(_a) {
4958
4961
  "id",
4959
4962
  "testid"
4960
4963
  ]);
4961
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
4964
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4962
4965
  "span",
4963
4966
  __spreadProps(__spreadValues({}, props), {
4964
4967
  id,
@@ -5112,7 +5115,7 @@ function CalendarRange({
5112
5115
  }
5113
5116
  return false;
5114
5117
  }
5115
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5118
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5116
5119
  "div",
5117
5120
  {
5118
5121
  id,
@@ -5125,7 +5128,7 @@ function CalendarRange({
5125
5128
  // baseTransition,
5126
5129
  "overflow-hidden"
5127
5130
  ),
5128
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5131
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5129
5132
  "div",
5130
5133
  {
5131
5134
  className: (0, import_clsx38.default)(
@@ -5133,7 +5136,7 @@ function CalendarRange({
5133
5136
  layoutGap
5134
5137
  ),
5135
5138
  children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
5136
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5139
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5137
5140
  CalendarPane,
5138
5141
  {
5139
5142
  getMonthData,
@@ -5198,13 +5201,13 @@ function CalendarPane({
5198
5201
  const month = getMonthData(offset);
5199
5202
  const totalCells = 42;
5200
5203
  const emptyCells = month.firstDayOffset;
5201
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react37.default.Fragment, { children: [
5202
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
5204
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_react37.default.Fragment, { children: [
5205
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
5203
5206
  "div",
5204
5207
  {
5205
5208
  className: (0, import_clsx38.default)("flex flex-col"),
5206
5209
  children: [
5207
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
5210
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
5208
5211
  "div",
5209
5212
  {
5210
5213
  className: (0, import_clsx38.default)(
@@ -5213,7 +5216,7 @@ function CalendarPane({
5213
5216
  "text-text-action-primary-normal"
5214
5217
  ),
5215
5218
  children: [
5216
- idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5219
+ idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5217
5220
  "button",
5218
5221
  {
5219
5222
  id: id ? `${id}-prev-month-button` : void 0,
@@ -5225,11 +5228,11 @@ function CalendarPane({
5225
5228
  ),
5226
5229
  "aria-label": "Previous month",
5227
5230
  onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
5228
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "chevron_left", size: 24 })
5231
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "chevron_left", size: 24 })
5229
5232
  }
5230
- ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "mr-1") }),
5231
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5232
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5233
+ ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "mr-1") }),
5234
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5235
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5233
5236
  "button",
5234
5237
  {
5235
5238
  ref: (el) => {
@@ -5244,13 +5247,13 @@ function CalendarPane({
5244
5247
  children: month.name
5245
5248
  }
5246
5249
  ),
5247
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5250
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5248
5251
  Menu,
5249
5252
  {
5250
5253
  show: monthMenuOpen,
5251
5254
  positionTo: monthMenuRef,
5252
5255
  setShow: () => setMonthMenuOpen(false),
5253
- children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5256
+ children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5254
5257
  MenuOption,
5255
5258
  {
5256
5259
  selected: baseMonth.month === x + 1,
@@ -5264,7 +5267,7 @@ function CalendarPane({
5264
5267
  ))
5265
5268
  }
5266
5269
  ),
5267
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5270
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5268
5271
  "button",
5269
5272
  {
5270
5273
  ref: (el) => {
@@ -5279,13 +5282,13 @@ function CalendarPane({
5279
5282
  children: month.year
5280
5283
  }
5281
5284
  ),
5282
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5285
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5283
5286
  Menu,
5284
5287
  {
5285
5288
  show: yearMenuOpen,
5286
5289
  positionTo: yearMenuRef,
5287
5290
  setShow: () => setYearMenuOpen(false),
5288
- children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5291
+ children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5289
5292
  MenuOption,
5290
5293
  {
5291
5294
  selected: baseMonth.year === y,
@@ -5300,7 +5303,7 @@ function CalendarPane({
5300
5303
  }
5301
5304
  )
5302
5305
  ] }),
5303
- (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5306
+ (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5304
5307
  "button",
5305
5308
  {
5306
5309
  id: id ? `${id}-next-month-button` : void 0,
@@ -5312,13 +5315,13 @@ function CalendarPane({
5312
5315
  ),
5313
5316
  "aria-label": "Next month",
5314
5317
  onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
5315
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "chevron_right", size: 24 })
5318
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "chevron_right", size: 24 })
5316
5319
  }
5317
- ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "ml-1") })
5320
+ ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "ml-1") })
5318
5321
  ]
5319
5322
  }
5320
5323
  ),
5321
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5324
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5322
5325
  "span",
5323
5326
  {
5324
5327
  className: (0, import_clsx38.default)(
@@ -5330,7 +5333,7 @@ function CalendarPane({
5330
5333
  },
5331
5334
  d
5332
5335
  )) }),
5333
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5336
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5334
5337
  const day = i - emptyCells + 1;
5335
5338
  const date = month.date.with({ day: 1 }).add({
5336
5339
  days: i - emptyCells
@@ -5344,7 +5347,7 @@ function CalendarPane({
5344
5347
  const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
5345
5348
  const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
5346
5349
  const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
5347
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5350
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5348
5351
  DateCell,
5349
5352
  {
5350
5353
  id: id ? `${id}-date-${date.toString()}` : void 0,
@@ -5369,7 +5372,7 @@ function CalendarPane({
5369
5372
  ]
5370
5373
  }
5371
5374
  ),
5372
- mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5375
+ mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5373
5376
  "div",
5374
5377
  {
5375
5378
  className: (0, import_clsx38.default)(
@@ -5383,7 +5386,7 @@ function CalendarPane({
5383
5386
  }
5384
5387
 
5385
5388
  // src/components/DateInput.tsx
5386
- var import_jsx_runtime62 = require("react/jsx-runtime");
5389
+ var import_jsx_runtime63 = require("react/jsx-runtime");
5387
5390
  var DateInput = (_a) => {
5388
5391
  var _b = _a, {
5389
5392
  id,
@@ -5542,8 +5545,8 @@ var DateInput = (_a) => {
5542
5545
  }
5543
5546
  }
5544
5547
  };
5545
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "relative", children: [
5546
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5548
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "relative", children: [
5549
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5547
5550
  InputBase,
5548
5551
  __spreadProps(__spreadValues({
5549
5552
  id,
@@ -5557,7 +5560,7 @@ var DateInput = (_a) => {
5557
5560
  placeholder,
5558
5561
  disabled,
5559
5562
  readOnly,
5560
- after: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "calendar_month" }),
5563
+ after: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "calendar_month" }),
5561
5564
  onFocus: handleFocus,
5562
5565
  onClick: handleClick,
5563
5566
  onChange: handleInputChange,
@@ -5568,7 +5571,7 @@ var DateInput = (_a) => {
5568
5571
  })
5569
5572
  ),
5570
5573
  visible && !readOnly && (0, import_react_dom4.createPortal)(
5571
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5574
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5572
5575
  "div",
5573
5576
  {
5574
5577
  ref: (el) => {
@@ -5580,7 +5583,7 @@ var DateInput = (_a) => {
5580
5583
  left: `${calendarPosition.left}px`,
5581
5584
  minWidth: `${calendarPosition.width}px`
5582
5585
  },
5583
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5586
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5584
5587
  CalendarRange,
5585
5588
  {
5586
5589
  id: id ? `${id}-calendar` : void 0,
package/dist/components/DateInput.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  CalendarRange
3
3
  } from "../chunk-UOHCOOC2.js";
4
- import "../chunk-7B334WPV.js";
5
- import "../chunk-FFGIFICI.js";
4
+ import "../chunk-YUGQX4KH.js";
5
+ import "../chunk-FJ7XT63P.js";
6
6
  import "../chunk-NAY4I3FL.js";
7
7
  import "../chunk-M7INAUAJ.js";
8
- import "../chunk-3HBYDOYE.js";
8
+ import "../chunk-5H4VGR2X.js";
9
9
  import "../chunk-DNYGKNQM.js";
10
10
  import "../chunk-MBZ55T2D.js";
11
11
  import "../chunk-2IKT6IHB.js";
@@ -15,30 +15,31 @@ import "../chunk-BQNPOGD5.js";
15
15
  import "../chunk-TJV3S52X.js";
16
16
  import "../chunk-RDJT63IS.js";
17
17
  import "../chunk-5IFPG6TS.js";
18
- import "../chunk-AJ5M6MVX.js";
19
18
  import "../chunk-7HCS6TZN.js";
19
+ import "../chunk-AJ5M6MVX.js";
20
20
  import "../chunk-EJSPFQCY.js";
21
21
  import "../chunk-RQLWSLVE.js";
22
- import "../chunk-6LHBY2IH.js";
23
22
  import "../chunk-VJVY6NPF.js";
23
+ import "../chunk-6LHBY2IH.js";
24
+ import "../chunk-AT4AWD6B.js";
24
25
  import "../chunk-EWGHVZL5.js";
25
26
  import "../chunk-DCLNAUC4.js";
26
27
  import "../chunk-PQWWVBSR.js";
27
28
  import "../chunk-ETAEB3TA.js";
28
- import "../chunk-AT4AWD6B.js";
29
29
  import "../chunk-JQWYQDH7.js";
30
30
  import "../chunk-TYAQWVIM.js";
31
- import "../chunk-SBCFBHNG.js";
31
+ import "../chunk-3N66DG6V.js";
32
32
  import "../chunk-4RJKB7LC.js";
33
+ import "../chunk-T36HX6QY.js";
33
34
  import "../chunk-AG43RS4Q.js";
34
35
  import "../chunk-XM7IQHBU.js";
35
36
  import "../chunk-FRHPFACM.js";
36
- import "../chunk-T36HX6QY.js";
37
37
  import "../chunk-IFHMGICR.js";
38
38
  import "../chunk-SBRRNFOP.js";
39
39
  import "../chunk-Y2GK27RX.js";
40
40
  import "../chunk-EU73QPW7.js";
41
41
  import "../chunk-QVWYTQKL.js";
42
+ import "../chunk-75USUR3I.js";
42
43
  import "../chunk-NO5BIKWS.js";
43
44
  import "../chunk-CANJ2YPW.js";
44
45
  import "../chunk-4V6ZO2MR.js";
package/dist/components/DateRangeInput.cjs CHANGED
@@ -4930,8 +4930,11 @@ Pagination.displayName = "Pagination";
4930
4930
  // src/components/SkeletonParagraph.tsx
4931
4931
  var import_jsx_runtime60 = require("react/jsx-runtime");
4932
4932
 
4933
- // src/components/CalendarRange.tsx
4933
+ // src/components/EmptyCartIcon.tsx
4934
4934
  var import_jsx_runtime61 = require("react/jsx-runtime");
4935
+
4936
+ // src/components/CalendarRange.tsx
4937
+ var import_jsx_runtime62 = require("react/jsx-runtime");
4935
4938
  function DateCell(_a) {
4936
4939
  var _b = _a, {
4937
4940
  date,
@@ -4966,7 +4969,7 @@ function DateCell(_a) {
4966
4969
  "id",
4967
4970
  "testid"
4968
4971
  ]);
4969
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
4972
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4970
4973
  "span",
4971
4974
  __spreadProps(__spreadValues({}, props), {
4972
4975
  id,
@@ -5120,7 +5123,7 @@ function CalendarRange({
5120
5123
  }
5121
5124
  return false;
5122
5125
  }
5123
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5126
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5124
5127
  "div",
5125
5128
  {
5126
5129
  id,
@@ -5133,7 +5136,7 @@ function CalendarRange({
5133
5136
  // baseTransition,
5134
5137
  "overflow-hidden"
5135
5138
  ),
5136
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5139
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5137
5140
  "div",
5138
5141
  {
5139
5142
  className: (0, import_clsx38.default)(
@@ -5141,7 +5144,7 @@ function CalendarRange({
5141
5144
  layoutGap
5142
5145
  ),
5143
5146
  children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
5144
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5147
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5145
5148
  CalendarPane,
5146
5149
  {
5147
5150
  getMonthData,
@@ -5206,13 +5209,13 @@ function CalendarPane({
5206
5209
  const month = getMonthData(offset);
5207
5210
  const totalCells = 42;
5208
5211
  const emptyCells = month.firstDayOffset;
5209
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react37.default.Fragment, { children: [
5210
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
5212
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_react37.default.Fragment, { children: [
5213
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
5211
5214
  "div",
5212
5215
  {
5213
5216
  className: (0, import_clsx38.default)("flex flex-col"),
5214
5217
  children: [
5215
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
5218
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
5216
5219
  "div",
5217
5220
  {
5218
5221
  className: (0, import_clsx38.default)(
@@ -5221,7 +5224,7 @@ function CalendarPane({
5221
5224
  "text-text-action-primary-normal"
5222
5225
  ),
5223
5226
  children: [
5224
- idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5227
+ idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5225
5228
  "button",
5226
5229
  {
5227
5230
  id: id ? `${id}-prev-month-button` : void 0,
@@ -5233,11 +5236,11 @@ function CalendarPane({
5233
5236
  ),
5234
5237
  "aria-label": "Previous month",
5235
5238
  onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
5236
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "chevron_left", size: 24 })
5239
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "chevron_left", size: 24 })
5237
5240
  }
5238
- ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "mr-1") }),
5239
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5240
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5241
+ ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "mr-1") }),
5242
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5243
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5241
5244
  "button",
5242
5245
  {
5243
5246
  ref: (el) => {
@@ -5252,13 +5255,13 @@ function CalendarPane({
5252
5255
  children: month.name
5253
5256
  }
5254
5257
  ),
5255
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5258
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5256
5259
  Menu,
5257
5260
  {
5258
5261
  show: monthMenuOpen,
5259
5262
  positionTo: monthMenuRef,
5260
5263
  setShow: () => setMonthMenuOpen(false),
5261
- children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5264
+ children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5262
5265
  MenuOption,
5263
5266
  {
5264
5267
  selected: baseMonth.month === x + 1,
@@ -5272,7 +5275,7 @@ function CalendarPane({
5272
5275
  ))
5273
5276
  }
5274
5277
  ),
5275
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5278
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5276
5279
  "button",
5277
5280
  {
5278
5281
  ref: (el) => {
@@ -5287,13 +5290,13 @@ function CalendarPane({
5287
5290
  children: month.year
5288
5291
  }
5289
5292
  ),
5290
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5293
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5291
5294
  Menu,
5292
5295
  {
5293
5296
  show: yearMenuOpen,
5294
5297
  positionTo: yearMenuRef,
5295
5298
  setShow: () => setYearMenuOpen(false),
5296
- children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5299
+ children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5297
5300
  MenuOption,
5298
5301
  {
5299
5302
  selected: baseMonth.year === y,
@@ -5308,7 +5311,7 @@ function CalendarPane({
5308
5311
  }
5309
5312
  )
5310
5313
  ] }),
5311
- (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5314
+ (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5312
5315
  "button",
5313
5316
  {
5314
5317
  id: id ? `${id}-next-month-button` : void 0,
@@ -5320,13 +5323,13 @@ function CalendarPane({
5320
5323
  ),
5321
5324
  "aria-label": "Next month",
5322
5325
  onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
5323
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "chevron_right", size: 24 })
5326
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "chevron_right", size: 24 })
5324
5327
  }
5325
- ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "ml-1") })
5328
+ ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "ml-1") })
5326
5329
  ]
5327
5330
  }
5328
5331
  ),
5329
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5332
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5330
5333
  "span",
5331
5334
  {
5332
5335
  className: (0, import_clsx38.default)(
@@ -5338,7 +5341,7 @@ function CalendarPane({
5338
5341
  },
5339
5342
  d
5340
5343
  )) }),
5341
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5344
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5342
5345
  const day = i - emptyCells + 1;
5343
5346
  const date = month.date.with({ day: 1 }).add({
5344
5347
  days: i - emptyCells
@@ -5352,7 +5355,7 @@ function CalendarPane({
5352
5355
  const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
5353
5356
  const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
5354
5357
  const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
5355
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5358
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5356
5359
  DateCell,
5357
5360
  {
5358
5361
  id: id ? `${id}-date-${date.toString()}` : void 0,
@@ -5377,7 +5380,7 @@ function CalendarPane({
5377
5380
  ]
5378
5381
  }
5379
5382
  ),
5380
- mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5383
+ mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5381
5384
  "div",
5382
5385
  {
5383
5386
  className: (0, import_clsx38.default)(
@@ -5391,7 +5394,7 @@ function CalendarPane({
5391
5394
  }
5392
5395
 
5393
5396
  // src/components/DateRangeInput.tsx
5394
- var import_jsx_runtime62 = require("react/jsx-runtime");
5397
+ var import_jsx_runtime63 = require("react/jsx-runtime");
5395
5398
  var DateRangeInput = (_a) => {
5396
5399
  var _b = _a, {
5397
5400
  id,
@@ -5811,8 +5814,8 @@ var DateRangeInput = (_a) => {
5811
5814
  }
5812
5815
  }
5813
5816
  };
5814
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
5815
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5817
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
5818
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5816
5819
  InputBase,
5817
5820
  __spreadProps(__spreadValues({
5818
5821
  id,
@@ -5826,7 +5829,7 @@ var DateRangeInput = (_a) => {
5826
5829
  placeholder: disableRange ? "MM/DD/YYYY" : placeholder,
5827
5830
  disabled,
5828
5831
  readOnly,
5829
- after: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "calendar_month" }),
5832
+ after: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "calendar_month" }),
5830
5833
  onFocus: handleFocus,
5831
5834
  onClick: handleClick,
5832
5835
  onChange: handleInputChange,
@@ -5837,7 +5840,7 @@ var DateRangeInput = (_a) => {
5837
5840
  })
5838
5841
  ),
5839
5842
  visible && !readOnly && (0, import_react_dom4.createPortal)(
5840
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5843
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5841
5844
  "div",
5842
5845
  {
5843
5846
  ref: (el) => {
@@ -5849,7 +5852,7 @@ var DateRangeInput = (_a) => {
5849
5852
  left: `${calendarPosition.left}px`,
5850
5853
  minWidth: `${calendarPosition.width}px`
5851
5854
  },
5852
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5855
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5853
5856
  CalendarRange,
5854
5857
  {
5855
5858
  id: id ? `${id}-calendar` : void 0,