@dmsi/wedgekit-react 0.0.417 → 0.0.419

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 (43) hide show
  1. package/dist/{chunk-CAQWLY5V.js → chunk-CANJ2YPW.js} +1 -1
  2. package/dist/chunk-ESCNCQGI.js +9 -0
  3. package/dist/{chunk-NRNWEQD7.js → chunk-IFHMGICR.js} +1 -1
  4. package/dist/components/CalendarRange.cjs +28 -25
  5. package/dist/components/CalendarRange.js +5 -4
  6. package/dist/components/CompactImagesPreview.cjs +1 -1
  7. package/dist/components/CompactImagesPreview.js +1 -1
  8. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +5 -2
  9. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +5 -4
  10. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +12 -9
  11. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +5 -4
  12. package/dist/components/DataGrid/PinnedColumns.cjs +23 -20
  13. package/dist/components/DataGrid/PinnedColumns.js +5 -4
  14. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +8 -5
  15. package/dist/components/DataGrid/TableBody/LoadingCell.js +5 -4
  16. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +10 -7
  17. package/dist/components/DataGrid/TableBody/TableBodyRow.js +5 -4
  18. package/dist/components/DataGrid/TableBody/index.cjs +23 -20
  19. package/dist/components/DataGrid/TableBody/index.js +5 -4
  20. package/dist/components/DataGrid/index.cjs +83 -80
  21. package/dist/components/DataGrid/index.js +5 -4
  22. package/dist/components/DataGrid/utils.cjs +6 -3
  23. package/dist/components/DataGrid/utils.js +5 -4
  24. package/dist/components/DateInput.cjs +34 -31
  25. package/dist/components/DateInput.js +5 -4
  26. package/dist/components/DateRangeInput.cjs +34 -31
  27. package/dist/components/DateRangeInput.js +5 -4
  28. package/dist/components/ListGroup.cjs +1 -1
  29. package/dist/components/ListGroup.js +1 -1
  30. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +11 -8
  31. package/dist/components/MobileDataGrid/ColumnSelector/index.js +5 -4
  32. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +19 -16
  33. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +5 -4
  34. package/dist/components/MobileDataGrid/index.cjs +64 -61
  35. package/dist/components/MobileDataGrid/index.js +5 -4
  36. package/dist/components/SkeletonParagraph.js +3 -6
  37. package/dist/components/index.cjs +10 -2
  38. package/dist/components/index.js +8 -4
  39. package/package.json +1 -1
  40. package/src/components/CompactImagesPreview.tsx +1 -1
  41. package/src/components/ListGroup.tsx +1 -1
  42. package/src/components/index.ts +1 -0
  43. package/dist/{chunk-HYJIDHAK.js → chunk-TQIKP534.js} +3 -3
package/dist/components/DataGrid/index.js CHANGED
@@ -2,10 +2,10 @@
2
2
  import {
3
3
  DataGrid,
4
4
  DataGrid_default
5
- } from "../../chunk-HYJIDHAK.js";
6
- import "../../chunk-M7INAUAJ.js";
5
+ } from "../../chunk-TQIKP534.js";
7
6
  import "../../chunk-7AXHAWJX.js";
8
7
  import "../../chunk-P3MIP2FD.js";
8
+ import "../../chunk-M7INAUAJ.js";
9
9
  import "../../chunk-3HBYDOYE.js";
10
10
  import "../../chunk-IMOIZFJZ.js";
11
11
  import "../../chunk-MBZ55T2D.js";
@@ -25,6 +25,7 @@ import "../../chunk-VJVY6NPF.js";
25
25
  import "../../chunk-EWGHVZL5.js";
26
26
  import "../../chunk-DCLNAUC4.js";
27
27
  import "../../chunk-PQWWVBSR.js";
28
+ import "../../chunk-ESCNCQGI.js";
28
29
  import "../../chunk-AT4AWD6B.js";
29
30
  import "../../chunk-J5V2JRIK.js";
30
31
  import "../../chunk-TYAQWVIM.js";
@@ -34,13 +35,13 @@ import "../../chunk-AG43RS4Q.js";
34
35
  import "../../chunk-XM7IQHBU.js";
35
36
  import "../../chunk-FRHPFACM.js";
36
37
  import "../../chunk-T36HX6QY.js";
37
- import "../../chunk-NRNWEQD7.js";
38
+ import "../../chunk-IFHMGICR.js";
38
39
  import "../../chunk-SBRRNFOP.js";
39
40
  import "../../chunk-Y2GK27RX.js";
40
41
  import "../../chunk-EU73QPW7.js";
41
42
  import "../../chunk-QVWYTQKL.js";
42
43
  import "../../chunk-NO5BIKWS.js";
43
- import "../../chunk-CAQWLY5V.js";
44
+ import "../../chunk-CANJ2YPW.js";
44
45
  import "../../chunk-V47RTW7E.js";
45
46
  import "../../chunk-22VBZWJG.js";
46
47
  import "../../chunk-NVOZAVEX.js";
package/dist/components/DataGrid/utils.cjs CHANGED
@@ -4825,17 +4825,20 @@ var Pagination = ({
4825
4825
  };
4826
4826
  Pagination.displayName = "Pagination";
4827
4827
 
4828
- // src/components/DataGrid/utils.tsx
4828
+ // src/components/SkeletonParagraph.tsx
4829
4829
  var import_jsx_runtime59 = require("react/jsx-runtime");
4830
+
4831
+ // src/components/DataGrid/utils.tsx
4832
+ var import_jsx_runtime60 = require("react/jsx-runtime");
4830
4833
  function getSortIcon(sort, nextSort = false) {
4831
4834
  const iconClassName = (0, import_clsx37.default)(
4832
4835
  "text-icon-on-action-primary-normal",
4833
4836
  nextSort && "hidden group-hover:block"
4834
4837
  );
4835
4838
  if (sort === "asc")
4836
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
4839
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
4837
4840
  if (sort === "desc")
4838
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
4841
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
4839
4842
  return null;
4840
4843
  }
4841
4844
  // Annotate the CommonJS export names for ESM import in node:
package/dist/components/DataGrid/utils.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  getSortIcon
3
- } from "../../chunk-HYJIDHAK.js";
4
- import "../../chunk-M7INAUAJ.js";
3
+ } from "../../chunk-TQIKP534.js";
5
4
  import "../../chunk-7AXHAWJX.js";
6
5
  import "../../chunk-P3MIP2FD.js";
6
+ import "../../chunk-M7INAUAJ.js";
7
7
  import "../../chunk-3HBYDOYE.js";
8
8
  import "../../chunk-IMOIZFJZ.js";
9
9
  import "../../chunk-MBZ55T2D.js";
@@ -23,6 +23,7 @@ import "../../chunk-VJVY6NPF.js";
23
23
  import "../../chunk-EWGHVZL5.js";
24
24
  import "../../chunk-DCLNAUC4.js";
25
25
  import "../../chunk-PQWWVBSR.js";
26
+ import "../../chunk-ESCNCQGI.js";
26
27
  import "../../chunk-AT4AWD6B.js";
27
28
  import "../../chunk-J5V2JRIK.js";
28
29
  import "../../chunk-TYAQWVIM.js";
@@ -32,13 +33,13 @@ import "../../chunk-AG43RS4Q.js";
32
33
  import "../../chunk-XM7IQHBU.js";
33
34
  import "../../chunk-FRHPFACM.js";
34
35
  import "../../chunk-T36HX6QY.js";
35
- import "../../chunk-NRNWEQD7.js";
36
+ import "../../chunk-IFHMGICR.js";
36
37
  import "../../chunk-SBRRNFOP.js";
37
38
  import "../../chunk-Y2GK27RX.js";
38
39
  import "../../chunk-EU73QPW7.js";
39
40
  import "../../chunk-QVWYTQKL.js";
40
41
  import "../../chunk-NO5BIKWS.js";
41
- import "../../chunk-CAQWLY5V.js";
42
+ import "../../chunk-CANJ2YPW.js";
42
43
  import "../../chunk-V47RTW7E.js";
43
44
  import "../../chunk-22VBZWJG.js";
44
45
  import "../../chunk-NVOZAVEX.js";
package/dist/components/DateInput.cjs CHANGED
@@ -4918,8 +4918,11 @@ var Pagination = ({
4918
4918
  };
4919
4919
  Pagination.displayName = "Pagination";
4920
4920
 
4921
- // src/components/CalendarRange.tsx
4921
+ // src/components/SkeletonParagraph.tsx
4922
4922
  var import_jsx_runtime60 = require("react/jsx-runtime");
4923
+
4924
+ // src/components/CalendarRange.tsx
4925
+ var import_jsx_runtime61 = require("react/jsx-runtime");
4923
4926
  function DateCell(_a) {
4924
4927
  var _b = _a, {
4925
4928
  date,
@@ -4954,7 +4957,7 @@ function DateCell(_a) {
4954
4957
  "id",
4955
4958
  "testid"
4956
4959
  ]);
4957
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
4960
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
4958
4961
  "span",
4959
4962
  __spreadProps(__spreadValues({}, props), {
4960
4963
  id,
@@ -5108,7 +5111,7 @@ function CalendarRange({
5108
5111
  }
5109
5112
  return false;
5110
5113
  }
5111
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5114
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5112
5115
  "div",
5113
5116
  {
5114
5117
  id,
@@ -5121,7 +5124,7 @@ function CalendarRange({
5121
5124
  // baseTransition,
5122
5125
  "overflow-hidden"
5123
5126
  ),
5124
- children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5127
+ children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5125
5128
  "div",
5126
5129
  {
5127
5130
  className: (0, import_clsx38.default)(
@@ -5129,7 +5132,7 @@ function CalendarRange({
5129
5132
  layoutGap
5130
5133
  ),
5131
5134
  children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
5132
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5135
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5133
5136
  CalendarPane,
5134
5137
  {
5135
5138
  getMonthData,
@@ -5194,13 +5197,13 @@ function CalendarPane({
5194
5197
  const month = getMonthData(offset);
5195
5198
  const totalCells = 42;
5196
5199
  const emptyCells = month.firstDayOffset;
5197
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react37.default.Fragment, { children: [
5198
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
5200
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react37.default.Fragment, { children: [
5201
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
5199
5202
  "div",
5200
5203
  {
5201
5204
  className: (0, import_clsx38.default)("flex flex-col"),
5202
5205
  children: [
5203
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
5206
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
5204
5207
  "div",
5205
5208
  {
5206
5209
  className: (0, import_clsx38.default)(
@@ -5209,7 +5212,7 @@ function CalendarPane({
5209
5212
  "text-text-action-primary-normal"
5210
5213
  ),
5211
5214
  children: [
5212
- idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5215
+ idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5213
5216
  "button",
5214
5217
  {
5215
5218
  id: id ? `${id}-prev-month-button` : void 0,
@@ -5221,11 +5224,11 @@ function CalendarPane({
5221
5224
  ),
5222
5225
  "aria-label": "Previous month",
5223
5226
  onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
5224
- children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "chevron_left", size: 24 })
5227
+ children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "chevron_left", size: 24 })
5225
5228
  }
5226
- ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "mr-1") }),
5227
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5228
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5229
+ ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "mr-1") }),
5230
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5231
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5229
5232
  "button",
5230
5233
  {
5231
5234
  ref: (el) => {
@@ -5240,13 +5243,13 @@ function CalendarPane({
5240
5243
  children: month.name
5241
5244
  }
5242
5245
  ),
5243
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5246
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5244
5247
  Menu,
5245
5248
  {
5246
5249
  show: monthMenuOpen,
5247
5250
  positionTo: monthMenuRef,
5248
5251
  setShow: () => setMonthMenuOpen(false),
5249
- children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5252
+ children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5250
5253
  MenuOption,
5251
5254
  {
5252
5255
  selected: baseMonth.month === x + 1,
@@ -5260,7 +5263,7 @@ function CalendarPane({
5260
5263
  ))
5261
5264
  }
5262
5265
  ),
5263
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5266
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5264
5267
  "button",
5265
5268
  {
5266
5269
  ref: (el) => {
@@ -5275,13 +5278,13 @@ function CalendarPane({
5275
5278
  children: month.year
5276
5279
  }
5277
5280
  ),
5278
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5281
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5279
5282
  Menu,
5280
5283
  {
5281
5284
  show: yearMenuOpen,
5282
5285
  positionTo: yearMenuRef,
5283
5286
  setShow: () => setYearMenuOpen(false),
5284
- children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5287
+ children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5285
5288
  MenuOption,
5286
5289
  {
5287
5290
  selected: baseMonth.year === y,
@@ -5296,7 +5299,7 @@ function CalendarPane({
5296
5299
  }
5297
5300
  )
5298
5301
  ] }),
5299
- (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5302
+ (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5300
5303
  "button",
5301
5304
  {
5302
5305
  id: id ? `${id}-next-month-button` : void 0,
@@ -5308,13 +5311,13 @@ function CalendarPane({
5308
5311
  ),
5309
5312
  "aria-label": "Next month",
5310
5313
  onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
5311
- children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "chevron_right", size: 24 })
5314
+ children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "chevron_right", size: 24 })
5312
5315
  }
5313
- ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "ml-1") })
5316
+ ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "ml-1") })
5314
5317
  ]
5315
5318
  }
5316
5319
  ),
5317
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5320
+ /* @__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)(
5318
5321
  "span",
5319
5322
  {
5320
5323
  className: (0, import_clsx38.default)(
@@ -5326,7 +5329,7 @@ function CalendarPane({
5326
5329
  },
5327
5330
  d
5328
5331
  )) }),
5329
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5332
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5330
5333
  const day = i - emptyCells + 1;
5331
5334
  const date = month.date.with({ day: 1 }).add({
5332
5335
  days: i - emptyCells
@@ -5340,7 +5343,7 @@ function CalendarPane({
5340
5343
  const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
5341
5344
  const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
5342
5345
  const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
5343
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5346
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5344
5347
  DateCell,
5345
5348
  {
5346
5349
  id: id ? `${id}-date-${date.toString()}` : void 0,
@@ -5365,7 +5368,7 @@ function CalendarPane({
5365
5368
  ]
5366
5369
  }
5367
5370
  ),
5368
- mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5371
+ mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5369
5372
  "div",
5370
5373
  {
5371
5374
  className: (0, import_clsx38.default)(
@@ -5379,7 +5382,7 @@ function CalendarPane({
5379
5382
  }
5380
5383
 
5381
5384
  // src/components/DateInput.tsx
5382
- var import_jsx_runtime61 = require("react/jsx-runtime");
5385
+ var import_jsx_runtime62 = require("react/jsx-runtime");
5383
5386
  var DateInput = (_a) => {
5384
5387
  var _b = _a, {
5385
5388
  id,
@@ -5538,8 +5541,8 @@ var DateInput = (_a) => {
5538
5541
  }
5539
5542
  }
5540
5543
  };
5541
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "relative", children: [
5542
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5544
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "relative", children: [
5545
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5543
5546
  InputBase,
5544
5547
  __spreadProps(__spreadValues({
5545
5548
  id,
@@ -5553,7 +5556,7 @@ var DateInput = (_a) => {
5553
5556
  placeholder,
5554
5557
  disabled,
5555
5558
  readOnly,
5556
- after: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "calendar_month" }),
5559
+ after: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "calendar_month" }),
5557
5560
  onFocus: handleFocus,
5558
5561
  onClick: handleClick,
5559
5562
  onChange: handleInputChange,
@@ -5564,7 +5567,7 @@ var DateInput = (_a) => {
5564
5567
  })
5565
5568
  ),
5566
5569
  visible && !readOnly && (0, import_react_dom4.createPortal)(
5567
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5570
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5568
5571
  "div",
5569
5572
  {
5570
5573
  ref: (el) => {
@@ -5576,7 +5579,7 @@ var DateInput = (_a) => {
5576
5579
  left: `${calendarPosition.left}px`,
5577
5580
  minWidth: `${calendarPosition.width}px`
5578
5581
  },
5579
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5582
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5580
5583
  CalendarRange,
5581
5584
  {
5582
5585
  id: id ? `${id}-calendar` : void 0,
package/dist/components/DateInput.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  CalendarRange
3
3
  } from "../chunk-UOHCOOC2.js";
4
- import "../chunk-HYJIDHAK.js";
5
- import "../chunk-M7INAUAJ.js";
4
+ import "../chunk-TQIKP534.js";
6
5
  import "../chunk-7AXHAWJX.js";
7
6
  import "../chunk-P3MIP2FD.js";
7
+ import "../chunk-M7INAUAJ.js";
8
8
  import "../chunk-3HBYDOYE.js";
9
9
  import "../chunk-IMOIZFJZ.js";
10
10
  import "../chunk-MBZ55T2D.js";
@@ -24,6 +24,7 @@ import "../chunk-VJVY6NPF.js";
24
24
  import "../chunk-EWGHVZL5.js";
25
25
  import "../chunk-DCLNAUC4.js";
26
26
  import "../chunk-PQWWVBSR.js";
27
+ import "../chunk-ESCNCQGI.js";
27
28
  import "../chunk-AT4AWD6B.js";
28
29
  import "../chunk-J5V2JRIK.js";
29
30
  import "../chunk-TYAQWVIM.js";
@@ -33,13 +34,13 @@ import "../chunk-AG43RS4Q.js";
33
34
  import "../chunk-XM7IQHBU.js";
34
35
  import "../chunk-FRHPFACM.js";
35
36
  import "../chunk-T36HX6QY.js";
36
- import "../chunk-NRNWEQD7.js";
37
+ import "../chunk-IFHMGICR.js";
37
38
  import "../chunk-SBRRNFOP.js";
38
39
  import "../chunk-Y2GK27RX.js";
39
40
  import "../chunk-EU73QPW7.js";
40
41
  import "../chunk-QVWYTQKL.js";
41
42
  import "../chunk-NO5BIKWS.js";
42
- import "../chunk-CAQWLY5V.js";
43
+ import "../chunk-CANJ2YPW.js";
43
44
  import "../chunk-V47RTW7E.js";
44
45
  import "../chunk-22VBZWJG.js";
45
46
  import "../chunk-NVOZAVEX.js";
package/dist/components/DateRangeInput.cjs CHANGED
@@ -4926,8 +4926,11 @@ var Pagination = ({
4926
4926
  };
4927
4927
  Pagination.displayName = "Pagination";
4928
4928
 
4929
- // src/components/CalendarRange.tsx
4929
+ // src/components/SkeletonParagraph.tsx
4930
4930
  var import_jsx_runtime60 = require("react/jsx-runtime");
4931
+
4932
+ // src/components/CalendarRange.tsx
4933
+ var import_jsx_runtime61 = require("react/jsx-runtime");
4931
4934
  function DateCell(_a) {
4932
4935
  var _b = _a, {
4933
4936
  date,
@@ -4962,7 +4965,7 @@ function DateCell(_a) {
4962
4965
  "id",
4963
4966
  "testid"
4964
4967
  ]);
4965
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
4968
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
4966
4969
  "span",
4967
4970
  __spreadProps(__spreadValues({}, props), {
4968
4971
  id,
@@ -5116,7 +5119,7 @@ function CalendarRange({
5116
5119
  }
5117
5120
  return false;
5118
5121
  }
5119
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5122
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5120
5123
  "div",
5121
5124
  {
5122
5125
  id,
@@ -5129,7 +5132,7 @@ function CalendarRange({
5129
5132
  // baseTransition,
5130
5133
  "overflow-hidden"
5131
5134
  ),
5132
- children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5135
+ children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5133
5136
  "div",
5134
5137
  {
5135
5138
  className: (0, import_clsx38.default)(
@@ -5137,7 +5140,7 @@ function CalendarRange({
5137
5140
  layoutGap
5138
5141
  ),
5139
5142
  children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
5140
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5143
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5141
5144
  CalendarPane,
5142
5145
  {
5143
5146
  getMonthData,
@@ -5202,13 +5205,13 @@ function CalendarPane({
5202
5205
  const month = getMonthData(offset);
5203
5206
  const totalCells = 42;
5204
5207
  const emptyCells = month.firstDayOffset;
5205
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react37.default.Fragment, { children: [
5206
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
5208
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react37.default.Fragment, { children: [
5209
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
5207
5210
  "div",
5208
5211
  {
5209
5212
  className: (0, import_clsx38.default)("flex flex-col"),
5210
5213
  children: [
5211
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
5214
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
5212
5215
  "div",
5213
5216
  {
5214
5217
  className: (0, import_clsx38.default)(
@@ -5217,7 +5220,7 @@ function CalendarPane({
5217
5220
  "text-text-action-primary-normal"
5218
5221
  ),
5219
5222
  children: [
5220
- idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5223
+ idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5221
5224
  "button",
5222
5225
  {
5223
5226
  id: id ? `${id}-prev-month-button` : void 0,
@@ -5229,11 +5232,11 @@ function CalendarPane({
5229
5232
  ),
5230
5233
  "aria-label": "Previous month",
5231
5234
  onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
5232
- children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "chevron_left", size: 24 })
5235
+ children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "chevron_left", size: 24 })
5233
5236
  }
5234
- ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "mr-1") }),
5235
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5236
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5237
+ ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "mr-1") }),
5238
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5239
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5237
5240
  "button",
5238
5241
  {
5239
5242
  ref: (el) => {
@@ -5248,13 +5251,13 @@ function CalendarPane({
5248
5251
  children: month.name
5249
5252
  }
5250
5253
  ),
5251
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5254
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5252
5255
  Menu,
5253
5256
  {
5254
5257
  show: monthMenuOpen,
5255
5258
  positionTo: monthMenuRef,
5256
5259
  setShow: () => setMonthMenuOpen(false),
5257
- children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5260
+ children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5258
5261
  MenuOption,
5259
5262
  {
5260
5263
  selected: baseMonth.month === x + 1,
@@ -5268,7 +5271,7 @@ function CalendarPane({
5268
5271
  ))
5269
5272
  }
5270
5273
  ),
5271
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5274
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5272
5275
  "button",
5273
5276
  {
5274
5277
  ref: (el) => {
@@ -5283,13 +5286,13 @@ function CalendarPane({
5283
5286
  children: month.year
5284
5287
  }
5285
5288
  ),
5286
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5289
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5287
5290
  Menu,
5288
5291
  {
5289
5292
  show: yearMenuOpen,
5290
5293
  positionTo: yearMenuRef,
5291
5294
  setShow: () => setYearMenuOpen(false),
5292
- children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5295
+ children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5293
5296
  MenuOption,
5294
5297
  {
5295
5298
  selected: baseMonth.year === y,
@@ -5304,7 +5307,7 @@ function CalendarPane({
5304
5307
  }
5305
5308
  )
5306
5309
  ] }),
5307
- (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5310
+ (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5308
5311
  "button",
5309
5312
  {
5310
5313
  id: id ? `${id}-next-month-button` : void 0,
@@ -5316,13 +5319,13 @@ function CalendarPane({
5316
5319
  ),
5317
5320
  "aria-label": "Next month",
5318
5321
  onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
5319
- children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "chevron_right", size: 24 })
5322
+ children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "chevron_right", size: 24 })
5320
5323
  }
5321
- ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "ml-1") })
5324
+ ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "ml-1") })
5322
5325
  ]
5323
5326
  }
5324
5327
  ),
5325
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5328
+ /* @__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)(
5326
5329
  "span",
5327
5330
  {
5328
5331
  className: (0, import_clsx38.default)(
@@ -5334,7 +5337,7 @@ function CalendarPane({
5334
5337
  },
5335
5338
  d
5336
5339
  )) }),
5337
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5340
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5338
5341
  const day = i - emptyCells + 1;
5339
5342
  const date = month.date.with({ day: 1 }).add({
5340
5343
  days: i - emptyCells
@@ -5348,7 +5351,7 @@ function CalendarPane({
5348
5351
  const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
5349
5352
  const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
5350
5353
  const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
5351
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5354
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5352
5355
  DateCell,
5353
5356
  {
5354
5357
  id: id ? `${id}-date-${date.toString()}` : void 0,
@@ -5373,7 +5376,7 @@ function CalendarPane({
5373
5376
  ]
5374
5377
  }
5375
5378
  ),
5376
- mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5379
+ mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5377
5380
  "div",
5378
5381
  {
5379
5382
  className: (0, import_clsx38.default)(
@@ -5387,7 +5390,7 @@ function CalendarPane({
5387
5390
  }
5388
5391
 
5389
5392
  // src/components/DateRangeInput.tsx
5390
- var import_jsx_runtime61 = require("react/jsx-runtime");
5393
+ var import_jsx_runtime62 = require("react/jsx-runtime");
5391
5394
  var DateRangeInput = (_a) => {
5392
5395
  var _b = _a, {
5393
5396
  id,
@@ -5804,8 +5807,8 @@ var DateRangeInput = (_a) => {
5804
5807
  }
5805
5808
  }
5806
5809
  };
5807
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
5808
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5810
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
5811
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5809
5812
  InputBase,
5810
5813
  __spreadProps(__spreadValues({
5811
5814
  id,
@@ -5819,7 +5822,7 @@ var DateRangeInput = (_a) => {
5819
5822
  placeholder: disableRange ? "MM/DD/YYYY" : placeholder,
5820
5823
  disabled,
5821
5824
  readOnly,
5822
- after: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "calendar_month" }),
5825
+ after: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "calendar_month" }),
5823
5826
  onFocus: handleFocus,
5824
5827
  onClick: handleClick,
5825
5828
  onChange: handleInputChange,
@@ -5830,7 +5833,7 @@ var DateRangeInput = (_a) => {
5830
5833
  })
5831
5834
  ),
5832
5835
  visible && !readOnly && (0, import_react_dom4.createPortal)(
5833
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5836
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5834
5837
  "div",
5835
5838
  {
5836
5839
  ref: (el) => {
@@ -5842,7 +5845,7 @@ var DateRangeInput = (_a) => {
5842
5845
  left: `${calendarPosition.left}px`,
5843
5846
  minWidth: `${calendarPosition.width}px`
5844
5847
  },
5845
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5848
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5846
5849
  CalendarRange,
5847
5850
  {
5848
5851
  id: id ? `${id}-calendar` : void 0,
package/dist/components/DateRangeInput.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  CalendarRange
3
3
  } from "../chunk-UOHCOOC2.js";
4
- import "../chunk-HYJIDHAK.js";
5
- import "../chunk-M7INAUAJ.js";
4
+ import "../chunk-TQIKP534.js";
6
5
  import "../chunk-7AXHAWJX.js";
7
6
  import "../chunk-P3MIP2FD.js";
7
+ import "../chunk-M7INAUAJ.js";
8
8
  import "../chunk-3HBYDOYE.js";
9
9
  import "../chunk-IMOIZFJZ.js";
10
10
  import "../chunk-MBZ55T2D.js";
@@ -24,6 +24,7 @@ import "../chunk-VJVY6NPF.js";
24
24
  import "../chunk-EWGHVZL5.js";
25
25
  import "../chunk-DCLNAUC4.js";
26
26
  import "../chunk-PQWWVBSR.js";
27
+ import "../chunk-ESCNCQGI.js";
27
28
  import "../chunk-AT4AWD6B.js";
28
29
  import "../chunk-J5V2JRIK.js";
29
30
  import "../chunk-TYAQWVIM.js";
@@ -33,13 +34,13 @@ import "../chunk-AG43RS4Q.js";
33
34
  import "../chunk-XM7IQHBU.js";
34
35
  import "../chunk-FRHPFACM.js";
35
36
  import "../chunk-T36HX6QY.js";
36
- import "../chunk-NRNWEQD7.js";
37
+ import "../chunk-IFHMGICR.js";
37
38
  import "../chunk-SBRRNFOP.js";
38
39
  import "../chunk-Y2GK27RX.js";
39
40
  import "../chunk-EU73QPW7.js";
40
41
  import "../chunk-QVWYTQKL.js";
41
42
  import "../chunk-NO5BIKWS.js";
42
- import "../chunk-CAQWLY5V.js";
43
+ import "../chunk-CANJ2YPW.js";
43
44
  import "../chunk-V47RTW7E.js";
44
45
  import "../chunk-22VBZWJG.js";
45
46
  import "../chunk-NVOZAVEX.js";
package/dist/components/ListGroup.cjs CHANGED
@@ -544,7 +544,7 @@ function ListGroup({
544
544
  ]
545
545
  }
546
546
  ),
547
- isOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Stack, { sizing: "layout", paddingY: true, children })
547
+ isOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Stack, { sizing: "layout", paddingTop: true, children })
548
548
  ] }) });
549
549
  }
550
550
  // Annotate the CommonJS export names for ESM import in node:
package/dist/components/ListGroup.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  ListGroup
3
- } from "../chunk-NRNWEQD7.js";
3
+ } from "../chunk-IFHMGICR.js";
4
4
  import "../chunk-7CS736EF.js";
5
5
  import "../chunk-DTW7JCBR.js";
6
6
  import "../chunk-NKUETCDA.js";