@dmsi/wedgekit-react 0.0.475 → 0.0.476

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 (76) hide show
  1. package/dist/{chunk-IG2YUDHI.js → chunk-24K4HHV5.js} +4 -4
  2. package/dist/{chunk-OEMLNGE2.js → chunk-4Q7T4GJ2.js} +2 -2
  3. package/dist/chunk-4UH72JT2.js +104 -0
  4. package/dist/{chunk-GTPSPGSJ.js → chunk-HSJ34DOK.js} +13 -13
  5. package/dist/{chunk-KJNK7KEV.js → chunk-QMSPTD6L.js} +1 -1
  6. package/dist/components/Accordion.js +2 -2
  7. package/dist/components/Alert.cjs +787 -0
  8. package/dist/components/Alert.js +13 -0
  9. package/dist/components/CalendarRange.cjs +51 -46
  10. package/dist/components/CalendarRange.css +3 -0
  11. package/dist/components/CalendarRange.js +19 -18
  12. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +9 -4
  13. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +3 -0
  14. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +19 -18
  15. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +18 -13
  16. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +3 -0
  17. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +19 -18
  18. package/dist/components/DataGrid/PinnedColumns.cjs +34 -29
  19. package/dist/components/DataGrid/PinnedColumns.css +3 -0
  20. package/dist/components/DataGrid/PinnedColumns.js +19 -18
  21. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +10 -5
  22. package/dist/components/DataGrid/TableBody/LoadingCell.css +3 -0
  23. package/dist/components/DataGrid/TableBody/LoadingCell.js +19 -18
  24. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +16 -11
  25. package/dist/components/DataGrid/TableBody/TableBodyRow.css +3 -0
  26. package/dist/components/DataGrid/TableBody/TableBodyRow.js +19 -18
  27. package/dist/components/DataGrid/TableBody/index.cjs +31 -26
  28. package/dist/components/DataGrid/TableBody/index.css +3 -0
  29. package/dist/components/DataGrid/TableBody/index.js +19 -18
  30. package/dist/components/DataGrid/index.cjs +120 -115
  31. package/dist/components/DataGrid/index.css +3 -0
  32. package/dist/components/DataGrid/index.js +19 -18
  33. package/dist/components/DataGrid/utils.cjs +10 -5
  34. package/dist/components/DataGrid/utils.css +3 -0
  35. package/dist/components/DataGrid/utils.js +19 -18
  36. package/dist/components/DataGridCell.js +2 -2
  37. package/dist/components/DateInput.cjs +70 -65
  38. package/dist/components/DateInput.css +3 -0
  39. package/dist/components/DateInput.js +19 -18
  40. package/dist/components/DateRangeInput.cjs +70 -65
  41. package/dist/components/DateRangeInput.css +3 -0
  42. package/dist/components/DateRangeInput.js +19 -18
  43. package/dist/components/FilterGroup.js +6 -6
  44. package/dist/components/MobileDataGrid/ColumnList.js +3 -3
  45. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +17 -12
  46. package/dist/components/MobileDataGrid/ColumnSelector/index.css +3 -0
  47. package/dist/components/MobileDataGrid/ColumnSelector/index.js +19 -18
  48. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +2 -2
  49. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +25 -20
  50. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +3 -0
  51. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +19 -18
  52. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +2 -2
  53. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +6 -6
  54. package/dist/components/MobileDataGrid/index.cjs +89 -84
  55. package/dist/components/MobileDataGrid/index.css +3 -0
  56. package/dist/components/MobileDataGrid/index.js +19 -18
  57. package/dist/components/Modal.js +3 -3
  58. package/dist/components/Notification.js +3 -3
  59. package/dist/components/PDFViewer/PDFNavigation.js +2 -2
  60. package/dist/components/PDFViewer/index.js +6 -6
  61. package/dist/components/SideMenuItem.js +3 -3
  62. package/dist/components/Swatch.js +3 -3
  63. package/dist/components/Upload.js +3 -3
  64. package/dist/components/index.cjs +82 -0
  65. package/dist/components/index.css +3 -0
  66. package/dist/components/index.js +32 -28
  67. package/dist/index.css +3 -0
  68. package/package.json +1 -1
  69. package/src/components/Alert.tsx +81 -0
  70. package/src/components/index.ts +1 -0
  71. package/dist/{chunk-IT4VFU6T.js → chunk-3DEYCNUE.js} +3 -3
  72. package/dist/{chunk-GTBGPBH6.js → chunk-B53XDCLO.js} +3 -3
  73. package/dist/{chunk-ZQSD74IJ.js → chunk-IY7SXEVY.js} +3 -3
  74. package/dist/{chunk-BFFNSUNS.js → chunk-QBSEKZWX.js} +3 -3
  75. package/dist/{chunk-NIWXVOBW.js → chunk-X67L3NZI.js} +3 -3
  76. package/dist/{chunk-TVXBP5CW.js → chunk-XIXQUEYC.js} +3 -3
@@ -1,57 +1,56 @@
1
1
  import {
2
2
  CalendarRange
3
3
  } from "../chunk-X35NLL3N.js";
4
- import "../chunk-GTPSPGSJ.js";
5
- import "../chunk-OEMLNGE2.js";
6
- import "../chunk-IT4VFU6T.js";
4
+ import "../chunk-HSJ34DOK.js";
7
5
  import "../chunk-M7INAUAJ.js";
8
- import "../chunk-IG2YUDHI.js";
6
+ import "../chunk-4Q7T4GJ2.js";
7
+ import "../chunk-3DEYCNUE.js";
9
8
  import "../chunk-DYBJUTGK.js";
9
+ import "../chunk-24K4HHV5.js";
10
+ import "../chunk-B53XDCLO.js";
10
11
  import "../chunk-MBZ55T2D.js";
11
12
  import "../chunk-2IKT6IHB.js";
12
13
  import "../chunk-YCDDBSVU.js";
13
14
  import "../chunk-3X3Y4TMS.js";
14
15
  import "../chunk-BQNPOGD5.js";
15
- import "../chunk-KJNK7KEV.js";
16
- import "../chunk-TVXBP5CW.js";
16
+ import "../chunk-QMSPTD6L.js";
17
+ import "../chunk-XIXQUEYC.js";
17
18
  import "../chunk-5IFPG6TS.js";
18
19
  import "../chunk-KW6V7O3H.js";
19
20
  import "../chunk-AJ5M6MVX.js";
20
21
  import "../chunk-JUFBGNWW.js";
21
22
  import "../chunk-YNKN6RKF.js";
22
23
  import "../chunk-VJVY6NPF.js";
23
- import "../chunk-GTBGPBH6.js";
24
24
  import "../chunk-AT4AWD6B.js";
25
25
  import "../chunk-EWGHVZL5.js";
26
26
  import "../chunk-7GHD74J3.js";
27
27
  import "../chunk-7BVUTFZ5.js";
28
28
  import "../chunk-ETAEB3TA.js";
29
- import "../chunk-HVNHTM3P.js";
30
29
  import "../chunk-GRGDX7JC.js";
31
- import "../chunk-NIWXVOBW.js";
30
+ import "../chunk-HVNHTM3P.js";
31
+ import "../chunk-X67L3NZI.js";
32
32
  import "../chunk-4RJKB7LC.js";
33
+ import "../chunk-FG7GNGE3.js";
33
34
  import "../chunk-G7KIKHER.js";
34
35
  import "../chunk-AG43RS4Q.js";
35
36
  import "../chunk-ZQJMNPCF.js";
36
- import "../chunk-FG7GNGE3.js";
37
37
  import "../chunk-6TYWM26K.js";
38
38
  import "../chunk-SBRRNFOP.js";
39
39
  import "../chunk-Y2GK27RX.js";
40
- import "../chunk-H2KC5XUY.js";
41
40
  import "../chunk-QVWYTQKL.js";
42
- import "../chunk-75USUR3I.js";
43
- import "../chunk-WEAVZEE4.js";
44
- import "../chunk-OZBB6RFM.js";
45
- import "../chunk-BFFNSUNS.js";
41
+ import "../chunk-QBSEKZWX.js";
46
42
  import "../chunk-TCMOGTPB.js";
47
43
  import "../chunk-DVU5XV7L.js";
48
44
  import "../chunk-IPAKWF2V.js";
49
- import "../chunk-WVUIIBRR.js";
50
45
  import "../chunk-RQRR4FEF.js";
51
46
  import {
52
47
  InputBase
53
48
  } from "../chunk-44TH3VC7.js";
54
49
  import "../chunk-AL5QIRY3.js";
50
+ import "../chunk-WVUIIBRR.js";
51
+ import "../chunk-75USUR3I.js";
52
+ import "../chunk-WEAVZEE4.js";
53
+ import "../chunk-OZBB6RFM.js";
55
54
  import "../chunk-URYQ24NF.js";
56
55
  import {
57
56
  findDocumentRoot
@@ -65,10 +64,12 @@ import {
65
64
  } from "../chunk-R3EQIDBX.js";
66
65
  import "../chunk-5UH6QUFB.js";
67
66
  import "../chunk-UCJUC5AZ.js";
68
- import "../chunk-ZQSD74IJ.js";
67
+ import "../chunk-IY7SXEVY.js";
69
68
  import "../chunk-KBJZUVLM.js";
70
- import "../chunk-DORD2EBO.js";
69
+ import "../chunk-4UH72JT2.js";
70
+ import "../chunk-H2KC5XUY.js";
71
71
  import "../chunk-ZSETMD4A.js";
72
+ import "../chunk-DORD2EBO.js";
72
73
  import {
73
74
  Icon
74
75
  } from "../chunk-NKUETCDA.js";
@@ -62,7 +62,7 @@ __export(DateRangeInput_exports, {
62
62
  DateRangeInput: () => DateRangeInput
63
63
  });
64
64
  module.exports = __toCommonJS(DateRangeInput_exports);
65
- var import_react38 = require("react");
65
+ var import_react39 = require("react");
66
66
  var import_react_dom4 = require("react-dom");
67
67
 
68
68
  // src/components/Input.tsx
@@ -728,8 +728,8 @@ Currency.displayName = "Currency";
728
728
  Percentage.displayName = "Percentage";
729
729
 
730
730
  // src/components/CalendarRange.tsx
731
- var import_clsx38 = __toESM(require("clsx"), 1);
732
- var import_react37 = __toESM(require("react"), 1);
731
+ var import_clsx39 = __toESM(require("clsx"), 1);
732
+ var import_react38 = __toESM(require("react"), 1);
733
733
  var import_polyfill = require("@js-temporal/polyfill");
734
734
 
735
735
  // src/components/DataGridCell.tsx
@@ -4970,8 +4970,13 @@ var import_jsx_runtime60 = require("react/jsx-runtime");
4970
4970
  // src/components/EmptyCartIcon.tsx
4971
4971
  var import_jsx_runtime61 = require("react/jsx-runtime");
4972
4972
 
4973
- // src/components/CalendarRange.tsx
4973
+ // src/components/Alert.tsx
4974
+ var import_clsx38 = __toESM(require("clsx"), 1);
4975
+ var import_react37 = require("react");
4974
4976
  var import_jsx_runtime62 = require("react/jsx-runtime");
4977
+
4978
+ // src/components/CalendarRange.tsx
4979
+ var import_jsx_runtime63 = require("react/jsx-runtime");
4975
4980
  function DateCell(_a) {
4976
4981
  var _b = _a, {
4977
4982
  date,
@@ -5006,12 +5011,12 @@ function DateCell(_a) {
5006
5011
  "id",
5007
5012
  "testid"
5008
5013
  ]);
5009
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5014
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5010
5015
  "span",
5011
5016
  __spreadProps(__spreadValues({}, props), {
5012
5017
  id,
5013
5018
  "data-testid": testid,
5014
- className: (0, import_clsx38.default)(
5019
+ className: (0, import_clsx39.default)(
5015
5020
  "flex items-center justify-center aspect-square select-none transition-colors border duration-100 font-medium",
5016
5021
  typography.caption,
5017
5022
  cellPadding,
@@ -5081,20 +5086,20 @@ function CalendarRange({
5081
5086
  const fromDate = parseDate(from);
5082
5087
  const toDate = parseDate(to);
5083
5088
  const today = import_polyfill.Temporal.Now.plainDateISO();
5084
- const [baseMonth, setBaseMonth] = (0, import_react37.useState)(
5089
+ const [baseMonth, setBaseMonth] = (0, import_react38.useState)(
5085
5090
  fromDate != null ? fromDate : today.with({ day: 1 })
5086
5091
  );
5087
- const [selecting, setSelecting] = (0, import_react37.useState)("from");
5088
- const [pendingFrom, setPendingFrom] = (0, import_react37.useState)(void 0);
5089
- const [hoveredDate, setHoveredDate] = (0, import_react37.useState)(void 0);
5090
- (0, import_react37.useEffect)(() => {
5092
+ const [selecting, setSelecting] = (0, import_react38.useState)("from");
5093
+ const [pendingFrom, setPendingFrom] = (0, import_react38.useState)(void 0);
5094
+ const [hoveredDate, setHoveredDate] = (0, import_react38.useState)(void 0);
5095
+ (0, import_react38.useEffect)(() => {
5091
5096
  if (fromDate) {
5092
5097
  setBaseMonth(fromDate.with({ day: 1 }));
5093
5098
  } else if (toDate) {
5094
5099
  setBaseMonth(toDate.with({ day: 1 }));
5095
5100
  }
5096
5101
  }, [from, to]);
5097
- (0, import_react37.useEffect)(() => {
5102
+ (0, import_react38.useEffect)(() => {
5098
5103
  if (fromDate && toDate) {
5099
5104
  setSelecting("from");
5100
5105
  setPendingFrom(void 0);
@@ -5160,12 +5165,12 @@ function CalendarRange({
5160
5165
  }
5161
5166
  return false;
5162
5167
  }
5163
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5168
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5164
5169
  "div",
5165
5170
  {
5166
5171
  id,
5167
5172
  "data-testid": testid,
5168
- className: (0, import_clsx38.default)(
5173
+ className: (0, import_clsx39.default)(
5169
5174
  "relative bg-background-grouped-primary-normal rounded-base w-fit",
5170
5175
  layoutPaddding,
5171
5176
  layoutGap,
@@ -5173,15 +5178,15 @@ function CalendarRange({
5173
5178
  // baseTransition,
5174
5179
  "overflow-hidden"
5175
5180
  ),
5176
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5181
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5177
5182
  "div",
5178
5183
  {
5179
- className: (0, import_clsx38.default)(
5184
+ className: (0, import_clsx39.default)(
5180
5185
  "flex flex-row items-start justify-start bg-background-primary-normal overflow-clip",
5181
5186
  layoutGap
5182
5187
  ),
5183
5188
  children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
5184
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5189
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5185
5190
  CalendarPane,
5186
5191
  {
5187
5192
  getMonthData,
@@ -5239,45 +5244,45 @@ function CalendarPane({
5239
5244
  const years = Array.from({ length: 100 }).map(
5240
5245
  (_, i) => baseMonth.year - 50 + i
5241
5246
  );
5242
- const [monthMenuOpen, setMonthMenuOpen] = (0, import_react37.useState)(false);
5243
- const [yearMenuOpen, setYearMenuOpen] = (0, import_react37.useState)(false);
5244
- const monthMenuRef = (0, import_react37.useRef)(null);
5245
- const yearMenuRef = (0, import_react37.useRef)(null);
5247
+ const [monthMenuOpen, setMonthMenuOpen] = (0, import_react38.useState)(false);
5248
+ const [yearMenuOpen, setYearMenuOpen] = (0, import_react38.useState)(false);
5249
+ const monthMenuRef = (0, import_react38.useRef)(null);
5250
+ const yearMenuRef = (0, import_react38.useRef)(null);
5246
5251
  const month = getMonthData(offset);
5247
5252
  const totalCells = 42;
5248
5253
  const emptyCells = month.firstDayOffset;
5249
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_react37.default.Fragment, { children: [
5250
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
5254
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react38.default.Fragment, { children: [
5255
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
5251
5256
  "div",
5252
5257
  {
5253
- className: (0, import_clsx38.default)("flex flex-col"),
5258
+ className: (0, import_clsx39.default)("flex flex-col"),
5254
5259
  children: [
5255
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
5260
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
5256
5261
  "div",
5257
5262
  {
5258
- className: (0, import_clsx38.default)(
5263
+ className: (0, import_clsx39.default)(
5259
5264
  "flex flex-row items-center justify-between",
5260
5265
  typography.label,
5261
5266
  "text-text-action-primary-normal"
5262
5267
  ),
5263
5268
  children: [
5264
- idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5269
+ idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5265
5270
  "button",
5266
5271
  {
5267
5272
  id: id ? `${id}-prev-month-button` : void 0,
5268
5273
  "data-testid": testid ? `${testid}-prev-month-button` : void 0,
5269
5274
  type: "button",
5270
- className: (0, import_clsx38.default)(
5275
+ className: (0, import_clsx39.default)(
5271
5276
  "flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
5272
5277
  componentPadding
5273
5278
  ),
5274
5279
  "aria-label": "Previous month",
5275
5280
  onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
5276
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "chevron_left", size: 24 })
5281
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "chevron_left", size: 24 })
5277
5282
  }
5278
- ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "mr-1") }),
5279
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5280
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5283
+ ) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: (0, import_clsx39.default)(componentPadding, "mr-1") }),
5284
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5285
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5281
5286
  "button",
5282
5287
  {
5283
5288
  ref: (el) => {
@@ -5292,13 +5297,13 @@ function CalendarPane({
5292
5297
  children: month.name
5293
5298
  }
5294
5299
  ),
5295
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5300
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5296
5301
  Menu,
5297
5302
  {
5298
5303
  show: monthMenuOpen,
5299
5304
  positionTo: monthMenuRef,
5300
5305
  setShow: () => setMonthMenuOpen(false),
5301
- children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5306
+ children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5302
5307
  MenuOption,
5303
5308
  {
5304
5309
  selected: baseMonth.month === x + 1,
@@ -5312,7 +5317,7 @@ function CalendarPane({
5312
5317
  ))
5313
5318
  }
5314
5319
  ),
5315
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5320
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5316
5321
  "button",
5317
5322
  {
5318
5323
  ref: (el) => {
@@ -5327,13 +5332,13 @@ function CalendarPane({
5327
5332
  children: month.year
5328
5333
  }
5329
5334
  ),
5330
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5335
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5331
5336
  Menu,
5332
5337
  {
5333
5338
  show: yearMenuOpen,
5334
5339
  positionTo: yearMenuRef,
5335
5340
  setShow: () => setYearMenuOpen(false),
5336
- children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5341
+ children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5337
5342
  MenuOption,
5338
5343
  {
5339
5344
  selected: baseMonth.year === y,
@@ -5348,28 +5353,28 @@ function CalendarPane({
5348
5353
  }
5349
5354
  )
5350
5355
  ] }),
5351
- (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5356
+ (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5352
5357
  "button",
5353
5358
  {
5354
5359
  id: id ? `${id}-next-month-button` : void 0,
5355
5360
  "data-testid": testid ? `${testid}-next-month-button` : void 0,
5356
5361
  type: "button",
5357
- className: (0, import_clsx38.default)(
5362
+ className: (0, import_clsx39.default)(
5358
5363
  "flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
5359
5364
  componentPadding
5360
5365
  ),
5361
5366
  "aria-label": "Next month",
5362
5367
  onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
5363
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "chevron_right", size: 24 })
5368
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "chevron_right", size: 24 })
5364
5369
  }
5365
- ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: (0, import_clsx38.default)(componentPadding, "ml-1") })
5370
+ ) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: (0, import_clsx39.default)(componentPadding, "ml-1") })
5366
5371
  ]
5367
5372
  }
5368
5373
  ),
5369
- /* @__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)(
5374
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: (0, import_clsx39.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5370
5375
  "span",
5371
5376
  {
5372
- className: (0, import_clsx38.default)(
5377
+ className: (0, import_clsx39.default)(
5373
5378
  typography.caption,
5374
5379
  "text-text-secondary-normal text-center",
5375
5380
  "w-10"
@@ -5378,7 +5383,7 @@ function CalendarPane({
5378
5383
  },
5379
5384
  d
5380
5385
  )) }),
5381
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: (0, import_clsx38.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5386
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: (0, import_clsx39.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5382
5387
  const day = i - emptyCells + 1;
5383
5388
  const date = month.date.with({ day: 1 }).add({
5384
5389
  days: i - emptyCells
@@ -5392,7 +5397,7 @@ function CalendarPane({
5392
5397
  const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
5393
5398
  const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
5394
5399
  const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
5395
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5400
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5396
5401
  DateCell,
5397
5402
  {
5398
5403
  id: id ? `${id}-date-${date.toString()}` : void 0,
@@ -5417,10 +5422,10 @@ function CalendarPane({
5417
5422
  ]
5418
5423
  }
5419
5424
  ),
5420
- mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5425
+ mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5421
5426
  "div",
5422
5427
  {
5423
- className: (0, import_clsx38.default)(
5428
+ className: (0, import_clsx39.default)(
5424
5429
  "self-stretch bg-border-primary-normal rounded-base",
5425
5430
  // 1px width, full height, matches Figma divider
5426
5431
  "w-px"
@@ -5431,7 +5436,7 @@ function CalendarPane({
5431
5436
  }
5432
5437
 
5433
5438
  // src/components/DateRangeInput.tsx
5434
- var import_jsx_runtime63 = require("react/jsx-runtime");
5439
+ var import_jsx_runtime64 = require("react/jsx-runtime");
5435
5440
  var DateRangeInput = (_a) => {
5436
5441
  var _b = _a, {
5437
5442
  id,
@@ -5456,19 +5461,19 @@ var DateRangeInput = (_a) => {
5456
5461
  "disableRange",
5457
5462
  "label"
5458
5463
  ]);
5459
- const [visible, setVisible] = (0, import_react38.useState)(false);
5460
- const [inputValue, setInputValue] = (0, import_react38.useState)("");
5461
- const [isTyping, setIsTyping] = (0, import_react38.useState)(false);
5462
- const popoverRef = (0, import_react38.useRef)(null);
5463
- const rootRef = (0, import_react38.useRef)(null);
5464
- const triggerRef = (0, import_react38.useRef)(null);
5465
- const [calendarPosition, setCalendarPosition] = (0, import_react38.useState)({
5464
+ const [visible, setVisible] = (0, import_react39.useState)(false);
5465
+ const [inputValue, setInputValue] = (0, import_react39.useState)("");
5466
+ const [isTyping, setIsTyping] = (0, import_react39.useState)(false);
5467
+ const popoverRef = (0, import_react39.useRef)(null);
5468
+ const rootRef = (0, import_react39.useRef)(null);
5469
+ const triggerRef = (0, import_react39.useRef)(null);
5470
+ const [calendarPosition, setCalendarPosition] = (0, import_react39.useState)({
5466
5471
  top: 0,
5467
5472
  left: 0,
5468
5473
  width: 0
5469
5474
  });
5470
5475
  const [from, to] = value.split("|");
5471
- (0, import_react38.useEffect)(() => {
5476
+ (0, import_react39.useEffect)(() => {
5472
5477
  if (!isTyping) {
5473
5478
  const displayValue = formatDisplayValue(from, to);
5474
5479
  if (displayValue) {
@@ -5476,7 +5481,7 @@ var DateRangeInput = (_a) => {
5476
5481
  }
5477
5482
  }
5478
5483
  }, [from, to, isTyping, disableRange]);
5479
- (0, import_react38.useLayoutEffect)(() => {
5484
+ (0, import_react39.useLayoutEffect)(() => {
5480
5485
  if (visible) {
5481
5486
  updatePosition();
5482
5487
  }
@@ -5491,7 +5496,7 @@ var DateRangeInput = (_a) => {
5491
5496
  });
5492
5497
  }
5493
5498
  };
5494
- (0, import_react38.useEffect)(() => {
5499
+ (0, import_react39.useEffect)(() => {
5495
5500
  updatePosition();
5496
5501
  const resizeObserver = new ResizeObserver(updatePosition);
5497
5502
  if (triggerRef.current) {
@@ -5503,7 +5508,7 @@ var DateRangeInput = (_a) => {
5503
5508
  window.removeEventListener("scroll", updatePosition);
5504
5509
  };
5505
5510
  }, []);
5506
- (0, import_react38.useEffect)(() => {
5511
+ (0, import_react39.useEffect)(() => {
5507
5512
  const handleKeyDown2 = (event) => {
5508
5513
  var _a2;
5509
5514
  if (event.key === "Escape" && popoverRef.current) {
@@ -5516,7 +5521,7 @@ var DateRangeInput = (_a) => {
5516
5521
  document.removeEventListener("keydown", handleKeyDown2);
5517
5522
  };
5518
5523
  }, []);
5519
- (0, import_react38.useEffect)(() => {
5524
+ (0, import_react39.useEffect)(() => {
5520
5525
  const handleClickOutside = (event) => {
5521
5526
  if (popoverRef.current && !popoverRef.current.contains(event.target) && triggerRef.current && !triggerRef.current.contains(event.target)) {
5522
5527
  setVisible(false);
@@ -5851,8 +5856,8 @@ var DateRangeInput = (_a) => {
5851
5856
  }
5852
5857
  }
5853
5858
  };
5854
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
5855
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5859
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
5860
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
5856
5861
  InputBase,
5857
5862
  __spreadProps(__spreadValues({
5858
5863
  id,
@@ -5866,7 +5871,7 @@ var DateRangeInput = (_a) => {
5866
5871
  placeholder: disableRange ? "MM/DD/YYYY" : placeholder,
5867
5872
  disabled,
5868
5873
  readOnly,
5869
- after: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "calendar_month" }),
5874
+ after: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { name: "calendar_month" }),
5870
5875
  onFocus: handleFocus,
5871
5876
  onClick: handleClick,
5872
5877
  onChange: handleInputChange,
@@ -5877,7 +5882,7 @@ var DateRangeInput = (_a) => {
5877
5882
  })
5878
5883
  ),
5879
5884
  visible && !readOnly && (0, import_react_dom4.createPortal)(
5880
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5885
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
5881
5886
  "div",
5882
5887
  {
5883
5888
  ref: (el) => {
@@ -5889,7 +5894,7 @@ var DateRangeInput = (_a) => {
5889
5894
  left: `${calendarPosition.left}px`,
5890
5895
  minWidth: `${calendarPosition.width}px`
5891
5896
  },
5892
- children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5897
+ children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
5893
5898
  CalendarRange,
5894
5899
  {
5895
5900
  id: id ? `${id}-calendar` : void 0,
@@ -931,6 +931,9 @@
931
931
  .min-w-36 {
932
932
  min-width: calc(var(--spacing) * 36);
933
933
  }
934
+ .min-w-\[2px\] {
935
+ min-width: 2px;
936
+ }
934
937
  .min-w-full {
935
938
  min-width: 100%;
936
939
  }
@@ -1,57 +1,56 @@
1
1
  import {
2
2
  CalendarRange
3
3
  } from "../chunk-X35NLL3N.js";
4
- import "../chunk-GTPSPGSJ.js";
5
- import "../chunk-OEMLNGE2.js";
6
- import "../chunk-IT4VFU6T.js";
4
+ import "../chunk-HSJ34DOK.js";
7
5
  import "../chunk-M7INAUAJ.js";
8
- import "../chunk-IG2YUDHI.js";
6
+ import "../chunk-4Q7T4GJ2.js";
7
+ import "../chunk-3DEYCNUE.js";
9
8
  import "../chunk-DYBJUTGK.js";
9
+ import "../chunk-24K4HHV5.js";
10
+ import "../chunk-B53XDCLO.js";
10
11
  import "../chunk-MBZ55T2D.js";
11
12
  import "../chunk-2IKT6IHB.js";
12
13
  import "../chunk-YCDDBSVU.js";
13
14
  import "../chunk-3X3Y4TMS.js";
14
15
  import "../chunk-BQNPOGD5.js";
15
- import "../chunk-KJNK7KEV.js";
16
- import "../chunk-TVXBP5CW.js";
16
+ import "../chunk-QMSPTD6L.js";
17
+ import "../chunk-XIXQUEYC.js";
17
18
  import "../chunk-5IFPG6TS.js";
18
19
  import "../chunk-KW6V7O3H.js";
19
20
  import "../chunk-AJ5M6MVX.js";
20
21
  import "../chunk-JUFBGNWW.js";
21
22
  import "../chunk-YNKN6RKF.js";
22
23
  import "../chunk-VJVY6NPF.js";
23
- import "../chunk-GTBGPBH6.js";
24
24
  import "../chunk-AT4AWD6B.js";
25
25
  import "../chunk-EWGHVZL5.js";
26
26
  import "../chunk-7GHD74J3.js";
27
27
  import "../chunk-7BVUTFZ5.js";
28
28
  import "../chunk-ETAEB3TA.js";
29
- import "../chunk-HVNHTM3P.js";
30
29
  import "../chunk-GRGDX7JC.js";
31
- import "../chunk-NIWXVOBW.js";
30
+ import "../chunk-HVNHTM3P.js";
31
+ import "../chunk-X67L3NZI.js";
32
32
  import "../chunk-4RJKB7LC.js";
33
+ import "../chunk-FG7GNGE3.js";
33
34
  import "../chunk-G7KIKHER.js";
34
35
  import "../chunk-AG43RS4Q.js";
35
36
  import "../chunk-ZQJMNPCF.js";
36
- import "../chunk-FG7GNGE3.js";
37
37
  import "../chunk-6TYWM26K.js";
38
38
  import "../chunk-SBRRNFOP.js";
39
39
  import "../chunk-Y2GK27RX.js";
40
- import "../chunk-H2KC5XUY.js";
41
40
  import "../chunk-QVWYTQKL.js";
42
- import "../chunk-75USUR3I.js";
43
- import "../chunk-WEAVZEE4.js";
44
- import "../chunk-OZBB6RFM.js";
45
- import "../chunk-BFFNSUNS.js";
41
+ import "../chunk-QBSEKZWX.js";
46
42
  import "../chunk-TCMOGTPB.js";
47
43
  import "../chunk-DVU5XV7L.js";
48
44
  import "../chunk-IPAKWF2V.js";
49
- import "../chunk-WVUIIBRR.js";
50
45
  import "../chunk-RQRR4FEF.js";
51
46
  import {
52
47
  InputBase
53
48
  } from "../chunk-44TH3VC7.js";
54
49
  import "../chunk-AL5QIRY3.js";
50
+ import "../chunk-WVUIIBRR.js";
51
+ import "../chunk-75USUR3I.js";
52
+ import "../chunk-WEAVZEE4.js";
53
+ import "../chunk-OZBB6RFM.js";
55
54
  import "../chunk-URYQ24NF.js";
56
55
  import {
57
56
  findDocumentRoot
@@ -66,10 +65,12 @@ import {
66
65
  } from "../chunk-R3EQIDBX.js";
67
66
  import "../chunk-5UH6QUFB.js";
68
67
  import "../chunk-UCJUC5AZ.js";
69
- import "../chunk-ZQSD74IJ.js";
68
+ import "../chunk-IY7SXEVY.js";
70
69
  import "../chunk-KBJZUVLM.js";
71
- import "../chunk-DORD2EBO.js";
70
+ import "../chunk-4UH72JT2.js";
71
+ import "../chunk-H2KC5XUY.js";
72
72
  import "../chunk-ZSETMD4A.js";
73
+ import "../chunk-DORD2EBO.js";
73
74
  import {
74
75
  Icon
75
76
  } from "../chunk-NKUETCDA.js";
@@ -2,12 +2,6 @@
2
2
  import {
3
3
  OptionPill
4
4
  } from "../chunk-2F3R3WXW.js";
5
- import {
6
- Link
7
- } from "../chunk-Z6HIIJK3.js";
8
- import {
9
- Checkbox
10
- } from "../chunk-WEAVZEE4.js";
11
5
  import {
12
6
  Search
13
7
  } from "../chunk-RQRR4FEF.js";
@@ -15,8 +9,14 @@ import "../chunk-44TH3VC7.js";
15
9
  import {
16
10
  Label
17
11
  } from "../chunk-AL5QIRY3.js";
12
+ import {
13
+ Checkbox
14
+ } from "../chunk-WEAVZEE4.js";
18
15
  import "../chunk-5UH6QUFB.js";
19
16
  import "../chunk-ZSETMD4A.js";
17
+ import {
18
+ Link
19
+ } from "../chunk-Z6HIIJK3.js";
20
20
  import {
21
21
  Icon
22
22
  } from "../chunk-NKUETCDA.js";
@@ -1,14 +1,14 @@
1
1
  import {
2
2
  ColumnList
3
- } from "../../chunk-KJNK7KEV.js";
4
- import "../../chunk-TVXBP5CW.js";
3
+ } from "../../chunk-QMSPTD6L.js";
4
+ import "../../chunk-XIXQUEYC.js";
5
5
  import "../../chunk-5IFPG6TS.js";
6
6
  import "../../chunk-KW6V7O3H.js";
7
7
  import "../../chunk-AJ5M6MVX.js";
8
8
  import "../../chunk-WEAVZEE4.js";
9
9
  import "../../chunk-UCJUC5AZ.js";
10
- import "../../chunk-DORD2EBO.js";
11
10
  import "../../chunk-ZSETMD4A.js";
11
+ import "../../chunk-DORD2EBO.js";
12
12
  import "../../chunk-NKUETCDA.js";
13
13
  import "../../chunk-IXR65MOU.js";
14
14
  import "../../chunk-ORMEWXMH.js";