@dmsi/wedgekit-react 0.0.411 → 0.0.412

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 (35) hide show
  1. package/dist/components/CalendarRange.cjs +46 -71
  2. package/dist/components/CalendarRange.js +1 -6
  3. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +4 -29
  4. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +1 -6
  5. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +13 -38
  6. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +1 -6
  7. package/dist/components/DataGrid/PinnedColumns.cjs +29 -54
  8. package/dist/components/DataGrid/PinnedColumns.js +1 -6
  9. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +5 -30
  10. package/dist/components/DataGrid/TableBody/LoadingCell.js +1 -6
  11. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +11 -36
  12. package/dist/components/DataGrid/TableBody/TableBodyRow.js +1 -6
  13. package/dist/components/DataGrid/TableBody/index.cjs +26 -51
  14. package/dist/components/DataGrid/TableBody/index.js +1 -6
  15. package/dist/components/DataGrid/index.cjs +115 -140
  16. package/dist/components/DataGrid/index.js +1 -6
  17. package/dist/components/DataGrid/utils.cjs +5 -30
  18. package/dist/components/DataGrid/utils.js +1 -6
  19. package/dist/components/DateInput.cjs +65 -90
  20. package/dist/components/DateInput.js +1 -6
  21. package/dist/components/DateRangeInput.cjs +65 -90
  22. package/dist/components/DateRangeInput.js +1 -6
  23. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +12 -37
  24. package/dist/components/MobileDataGrid/ColumnSelector/index.js +1 -6
  25. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +20 -45
  26. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +1 -6
  27. package/dist/components/MobileDataGrid/index.cjs +499 -524
  28. package/dist/components/MobileDataGrid/index.js +1 -6
  29. package/dist/components/PDFViewer/index.js +109 -6
  30. package/dist/components/index.cjs +0 -286
  31. package/dist/components/index.js +1 -9
  32. package/package.json +1 -1
  33. package/src/components/index.ts +0 -1
  34. package/dist/chunk-LLZ3SSZJ.js +0 -114
  35. /package/dist/{chunk-OW3WN3JV.js → chunk-OBY5EH47.js} +0 -0
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  DataGrid,
4
4
  DataGrid_default
5
- } from "../../chunk-OW3WN3JV.js";
5
+ } from "../../chunk-OBY5EH47.js";
6
6
  import "../../chunk-M7INAUAJ.js";
7
7
  import "../../chunk-6I5LZ2ZC.js";
8
8
  import "../../chunk-44TDIHUP.js";
@@ -10,11 +10,6 @@ import "../../chunk-LZGYABCX.js";
10
10
  import "../../chunk-G5DEC7H3.js";
11
11
  import "../../chunk-3X3Y4TMS.js";
12
12
  import "../../chunk-BQNPOGD5.js";
13
- import "../../chunk-LLZ3SSZJ.js";
14
- import "../../chunk-EJSPFQCY.js";
15
- import "../../chunk-ERW5DEIO.js";
16
- import "../../chunk-2HMCS25C.js";
17
- import "../../chunk-VJVY6NPF.js";
18
13
  import "../../chunk-MBZ55T2D.js";
19
14
  import "../../chunk-2IKT6IHB.js";
20
15
  import "../../chunk-AA6GE3TH.js";
@@ -62,7 +62,7 @@ __export(utils_exports, {
62
62
  getSortIcon: () => getSortIcon
63
63
  });
64
64
  module.exports = __toCommonJS(utils_exports);
65
- var import_clsx34 = __toESM(require("clsx"), 1);
65
+ var import_clsx33 = __toESM(require("clsx"), 1);
66
66
 
67
67
  // src/components/DataGridCell.tsx
68
68
  var import_sortable = require("@dnd-kit/sortable");
@@ -4646,42 +4646,17 @@ var import_react32 = require("react");
4646
4646
  var import_clsx32 = __toESM(require("clsx"), 1);
4647
4647
  var import_jsx_runtime50 = require("react/jsx-runtime");
4648
4648
 
4649
- // src/components/PDFViewer/index.tsx
4650
- var import_react35 = require("react");
4651
-
4652
- // src/components/PDFViewer/PDFElement.tsx
4653
- var import_react_pdf2 = require("@mikecousins/react-pdf");
4654
- var import_react34 = require("react");
4655
-
4656
- // src/components/PDFViewer/PDFPage.tsx
4657
- var import_react_pdf = require("@mikecousins/react-pdf");
4658
- var import_react33 = require("react");
4659
- var import_jsx_runtime51 = require("react/jsx-runtime");
4660
-
4661
- // src/components/PDFViewer/PDFElement.tsx
4662
- var import_clsx33 = __toESM(require("clsx"), 1);
4663
- var import_jsx_runtime52 = require("react/jsx-runtime");
4664
-
4665
- // src/components/PDFViewer/DownloadIcon.tsx
4666
- var import_jsx_runtime53 = require("react/jsx-runtime");
4667
-
4668
- // src/components/PDFViewer/PDFNavigation.tsx
4669
- var import_jsx_runtime54 = require("react/jsx-runtime");
4670
-
4671
- // src/components/PDFViewer/index.tsx
4672
- var import_jsx_runtime55 = require("react/jsx-runtime");
4673
-
4674
4649
  // src/components/DataGrid/utils.tsx
4675
- var import_jsx_runtime56 = require("react/jsx-runtime");
4650
+ var import_jsx_runtime51 = require("react/jsx-runtime");
4676
4651
  function getSortIcon(sort, nextSort = false) {
4677
- const iconClassName = (0, import_clsx34.default)(
4652
+ const iconClassName = (0, import_clsx33.default)(
4678
4653
  "text-icon-on-action-primary-normal",
4679
4654
  nextSort && "hidden group-hover:block"
4680
4655
  );
4681
4656
  if (sort === "asc")
4682
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
4657
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
4683
4658
  if (sort === "desc")
4684
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
4659
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
4685
4660
  return null;
4686
4661
  }
4687
4662
  // Annotate the CommonJS export names for ESM import in node:
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  getSortIcon
3
- } from "../../chunk-OW3WN3JV.js";
3
+ } from "../../chunk-OBY5EH47.js";
4
4
  import "../../chunk-M7INAUAJ.js";
5
5
  import "../../chunk-6I5LZ2ZC.js";
6
6
  import "../../chunk-44TDIHUP.js";
@@ -8,11 +8,6 @@ import "../../chunk-LZGYABCX.js";
8
8
  import "../../chunk-G5DEC7H3.js";
9
9
  import "../../chunk-3X3Y4TMS.js";
10
10
  import "../../chunk-BQNPOGD5.js";
11
- import "../../chunk-LLZ3SSZJ.js";
12
- import "../../chunk-EJSPFQCY.js";
13
- import "../../chunk-ERW5DEIO.js";
14
- import "../../chunk-2HMCS25C.js";
15
- import "../../chunk-VJVY6NPF.js";
16
11
  import "../../chunk-MBZ55T2D.js";
17
12
  import "../../chunk-2IKT6IHB.js";
18
13
  import "../../chunk-AA6GE3TH.js";
@@ -62,7 +62,7 @@ __export(DateInput_exports, {
62
62
  DateInput: () => DateInput
63
63
  });
64
64
  module.exports = __toCommonJS(DateInput_exports);
65
- var import_react37 = require("react");
65
+ var import_react34 = require("react");
66
66
  var import_react_dom4 = require("react-dom");
67
67
 
68
68
  // src/components/Input.tsx
@@ -716,8 +716,8 @@ Currency.displayName = "Currency";
716
716
  Percentage.displayName = "Percentage";
717
717
 
718
718
  // src/components/CalendarRange.tsx
719
- var import_clsx35 = __toESM(require("clsx"), 1);
720
- var import_react36 = __toESM(require("react"), 1);
719
+ var import_clsx34 = __toESM(require("clsx"), 1);
720
+ var import_react33 = __toESM(require("react"), 1);
721
721
  var import_polyfill = require("@js-temporal/polyfill");
722
722
 
723
723
  // src/components/DataGridCell.tsx
@@ -4739,33 +4739,8 @@ var import_react32 = require("react");
4739
4739
  var import_clsx33 = __toESM(require("clsx"), 1);
4740
4740
  var import_jsx_runtime51 = require("react/jsx-runtime");
4741
4741
 
4742
- // src/components/PDFViewer/index.tsx
4743
- var import_react35 = require("react");
4744
-
4745
- // src/components/PDFViewer/PDFElement.tsx
4746
- var import_react_pdf2 = require("@mikecousins/react-pdf");
4747
- var import_react34 = require("react");
4748
-
4749
- // src/components/PDFViewer/PDFPage.tsx
4750
- var import_react_pdf = require("@mikecousins/react-pdf");
4751
- var import_react33 = require("react");
4752
- var import_jsx_runtime52 = require("react/jsx-runtime");
4753
-
4754
- // src/components/PDFViewer/PDFElement.tsx
4755
- var import_clsx34 = __toESM(require("clsx"), 1);
4756
- var import_jsx_runtime53 = require("react/jsx-runtime");
4757
-
4758
- // src/components/PDFViewer/DownloadIcon.tsx
4759
- var import_jsx_runtime54 = require("react/jsx-runtime");
4760
-
4761
- // src/components/PDFViewer/PDFNavigation.tsx
4762
- var import_jsx_runtime55 = require("react/jsx-runtime");
4763
-
4764
- // src/components/PDFViewer/index.tsx
4765
- var import_jsx_runtime56 = require("react/jsx-runtime");
4766
-
4767
4742
  // src/components/CalendarRange.tsx
4768
- var import_jsx_runtime57 = require("react/jsx-runtime");
4743
+ var import_jsx_runtime52 = require("react/jsx-runtime");
4769
4744
  function DateCell(_a) {
4770
4745
  var _b = _a, {
4771
4746
  date,
@@ -4800,12 +4775,12 @@ function DateCell(_a) {
4800
4775
  "id",
4801
4776
  "testid"
4802
4777
  ]);
4803
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
4778
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
4804
4779
  "span",
4805
4780
  __spreadProps(__spreadValues({}, props), {
4806
4781
  id,
4807
4782
  "data-testid": testid,
4808
- className: (0, import_clsx35.default)(
4783
+ className: (0, import_clsx34.default)(
4809
4784
  "flex items-center justify-center aspect-square select-none transition-colors border duration-100 font-medium",
4810
4785
  typography.caption,
4811
4786
  cellPadding,
@@ -4875,20 +4850,20 @@ function CalendarRange({
4875
4850
  const fromDate = parseDate(from);
4876
4851
  const toDate = parseDate(to);
4877
4852
  const today = import_polyfill.Temporal.Now.plainDateISO();
4878
- const [baseMonth, setBaseMonth] = (0, import_react36.useState)(
4853
+ const [baseMonth, setBaseMonth] = (0, import_react33.useState)(
4879
4854
  fromDate != null ? fromDate : today.with({ day: 1 })
4880
4855
  );
4881
- const [selecting, setSelecting] = (0, import_react36.useState)("from");
4882
- const [pendingFrom, setPendingFrom] = (0, import_react36.useState)(void 0);
4883
- const [hoveredDate, setHoveredDate] = (0, import_react36.useState)(void 0);
4884
- (0, import_react36.useEffect)(() => {
4856
+ const [selecting, setSelecting] = (0, import_react33.useState)("from");
4857
+ const [pendingFrom, setPendingFrom] = (0, import_react33.useState)(void 0);
4858
+ const [hoveredDate, setHoveredDate] = (0, import_react33.useState)(void 0);
4859
+ (0, import_react33.useEffect)(() => {
4885
4860
  if (fromDate) {
4886
4861
  setBaseMonth(fromDate.with({ day: 1 }));
4887
4862
  } else if (toDate) {
4888
4863
  setBaseMonth(toDate.with({ day: 1 }));
4889
4864
  }
4890
4865
  }, [from, to]);
4891
- (0, import_react36.useEffect)(() => {
4866
+ (0, import_react33.useEffect)(() => {
4892
4867
  if (fromDate && toDate) {
4893
4868
  setSelecting("from");
4894
4869
  setPendingFrom(void 0);
@@ -4954,12 +4929,12 @@ function CalendarRange({
4954
4929
  }
4955
4930
  return false;
4956
4931
  }
4957
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
4932
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
4958
4933
  "div",
4959
4934
  {
4960
4935
  id,
4961
4936
  "data-testid": testid,
4962
- className: (0, import_clsx35.default)(
4937
+ className: (0, import_clsx34.default)(
4963
4938
  "relative bg-background-grouped-primary-normal rounded-base w-fit",
4964
4939
  layoutPaddding,
4965
4940
  layoutGap,
@@ -4967,15 +4942,15 @@ function CalendarRange({
4967
4942
  // baseTransition,
4968
4943
  "overflow-hidden"
4969
4944
  ),
4970
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
4945
+ children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
4971
4946
  "div",
4972
4947
  {
4973
- className: (0, import_clsx35.default)(
4948
+ className: (0, import_clsx34.default)(
4974
4949
  "flex flex-row items-start justify-start bg-background-primary-normal overflow-clip",
4975
4950
  layoutGap
4976
4951
  ),
4977
4952
  children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
4978
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
4953
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
4979
4954
  CalendarPane,
4980
4955
  {
4981
4956
  getMonthData,
@@ -5033,45 +5008,45 @@ function CalendarPane({
5033
5008
  const years = Array.from({ length: 100 }).map(
5034
5009
  (_, i) => baseMonth.year - 50 + i
5035
5010
  );
5036
- const [monthMenuOpen, setMonthMenuOpen] = (0, import_react36.useState)(false);
5037
- const [yearMenuOpen, setYearMenuOpen] = (0, import_react36.useState)(false);
5038
- const monthMenuRef = (0, import_react36.useRef)(null);
5039
- const yearMenuRef = (0, import_react36.useRef)(null);
5011
+ const [monthMenuOpen, setMonthMenuOpen] = (0, import_react33.useState)(false);
5012
+ const [yearMenuOpen, setYearMenuOpen] = (0, import_react33.useState)(false);
5013
+ const monthMenuRef = (0, import_react33.useRef)(null);
5014
+ const yearMenuRef = (0, import_react33.useRef)(null);
5040
5015
  const month = getMonthData(offset);
5041
5016
  const totalCells = 42;
5042
5017
  const emptyCells = month.firstDayOffset;
5043
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_react36.default.Fragment, { children: [
5044
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
5018
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react33.default.Fragment, { children: [
5019
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5045
5020
  "div",
5046
5021
  {
5047
- className: (0, import_clsx35.default)("flex flex-col"),
5022
+ className: (0, import_clsx34.default)("flex flex-col"),
5048
5023
  children: [
5049
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
5024
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5050
5025
  "div",
5051
5026
  {
5052
- className: (0, import_clsx35.default)(
5027
+ className: (0, import_clsx34.default)(
5053
5028
  "flex flex-row items-center justify-between",
5054
5029
  typography.label,
5055
5030
  "text-text-action-primary-normal"
5056
5031
  ),
5057
5032
  children: [
5058
- idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5033
+ idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5059
5034
  "button",
5060
5035
  {
5061
5036
  id: id ? `${id}-prev-month-button` : void 0,
5062
5037
  "data-testid": testid ? `${testid}-prev-month-button` : void 0,
5063
5038
  type: "button",
5064
- className: (0, import_clsx35.default)(
5039
+ className: (0, import_clsx34.default)(
5065
5040
  "flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
5066
5041
  componentPadding
5067
5042
  ),
5068
5043
  "aria-label": "Previous month",
5069
5044
  onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
5070
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon, { name: "chevron_left", size: 24 })
5045
+ children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { name: "chevron_left", size: 24 })
5071
5046
  }
5072
- ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: (0, import_clsx35.default)(componentPadding, "mr-1") }),
5073
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5074
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5047
+ ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: (0, import_clsx34.default)(componentPadding, "mr-1") }),
5048
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5049
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5075
5050
  "button",
5076
5051
  {
5077
5052
  ref: (el) => {
@@ -5086,13 +5061,13 @@ function CalendarPane({
5086
5061
  children: month.name
5087
5062
  }
5088
5063
  ),
5089
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5064
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5090
5065
  Menu,
5091
5066
  {
5092
5067
  show: monthMenuOpen,
5093
5068
  positionTo: monthMenuRef,
5094
5069
  setShow: () => setMonthMenuOpen(false),
5095
- children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5070
+ children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5096
5071
  MenuOption,
5097
5072
  {
5098
5073
  selected: baseMonth.month === x + 1,
@@ -5106,7 +5081,7 @@ function CalendarPane({
5106
5081
  ))
5107
5082
  }
5108
5083
  ),
5109
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5084
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5110
5085
  "button",
5111
5086
  {
5112
5087
  ref: (el) => {
@@ -5121,13 +5096,13 @@ function CalendarPane({
5121
5096
  children: month.year
5122
5097
  }
5123
5098
  ),
5124
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5099
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5125
5100
  Menu,
5126
5101
  {
5127
5102
  show: yearMenuOpen,
5128
5103
  positionTo: yearMenuRef,
5129
5104
  setShow: () => setYearMenuOpen(false),
5130
- children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5105
+ children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5131
5106
  MenuOption,
5132
5107
  {
5133
5108
  selected: baseMonth.year === y,
@@ -5142,28 +5117,28 @@ function CalendarPane({
5142
5117
  }
5143
5118
  )
5144
5119
  ] }),
5145
- (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5120
+ (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5146
5121
  "button",
5147
5122
  {
5148
5123
  id: id ? `${id}-next-month-button` : void 0,
5149
5124
  "data-testid": testid ? `${testid}-next-month-button` : void 0,
5150
5125
  type: "button",
5151
- className: (0, import_clsx35.default)(
5126
+ className: (0, import_clsx34.default)(
5152
5127
  "flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
5153
5128
  componentPadding
5154
5129
  ),
5155
5130
  "aria-label": "Next month",
5156
5131
  onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
5157
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon, { name: "chevron_right", size: 24 })
5132
+ children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { name: "chevron_right", size: 24 })
5158
5133
  }
5159
- ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: (0, import_clsx35.default)(componentPadding, "ml-1") })
5134
+ ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: (0, import_clsx34.default)(componentPadding, "ml-1") })
5160
5135
  ]
5161
5136
  }
5162
5137
  ),
5163
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: (0, import_clsx35.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5138
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: (0, import_clsx34.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5164
5139
  "span",
5165
5140
  {
5166
- className: (0, import_clsx35.default)(
5141
+ className: (0, import_clsx34.default)(
5167
5142
  typography.caption,
5168
5143
  "text-text-secondary-normal text-center",
5169
5144
  "w-10"
@@ -5172,7 +5147,7 @@ function CalendarPane({
5172
5147
  },
5173
5148
  d
5174
5149
  )) }),
5175
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: (0, import_clsx35.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5150
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: (0, import_clsx34.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5176
5151
  const day = i - emptyCells + 1;
5177
5152
  const date = month.date.with({ day: 1 }).add({
5178
5153
  days: i - emptyCells
@@ -5186,7 +5161,7 @@ function CalendarPane({
5186
5161
  const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
5187
5162
  const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
5188
5163
  const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
5189
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5164
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5190
5165
  DateCell,
5191
5166
  {
5192
5167
  id: id ? `${id}-date-${date.toString()}` : void 0,
@@ -5211,10 +5186,10 @@ function CalendarPane({
5211
5186
  ]
5212
5187
  }
5213
5188
  ),
5214
- mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5189
+ mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5215
5190
  "div",
5216
5191
  {
5217
- className: (0, import_clsx35.default)(
5192
+ className: (0, import_clsx34.default)(
5218
5193
  "self-stretch bg-border-primary-normal rounded-base",
5219
5194
  // 1px width, full height, matches Figma divider
5220
5195
  "w-px"
@@ -5225,7 +5200,7 @@ function CalendarPane({
5225
5200
  }
5226
5201
 
5227
5202
  // src/components/DateInput.tsx
5228
- var import_jsx_runtime58 = require("react/jsx-runtime");
5203
+ var import_jsx_runtime53 = require("react/jsx-runtime");
5229
5204
  var DateInput = (_a) => {
5230
5205
  var _b = _a, {
5231
5206
  id,
@@ -5246,24 +5221,24 @@ var DateInput = (_a) => {
5246
5221
  "readOnly",
5247
5222
  "label"
5248
5223
  ]);
5249
- const [visible, setVisible] = (0, import_react37.useState)(false);
5250
- const [inputValue, setInputValue] = (0, import_react37.useState)("");
5251
- const [isTyping, setIsTyping] = (0, import_react37.useState)(false);
5252
- const popoverRef = (0, import_react37.useRef)(null);
5253
- const triggerRef = (0, import_react37.useRef)(null);
5254
- const rootRef = (0, import_react37.useRef)(null);
5255
- const [calendarPosition, setCalendarPosition] = (0, import_react37.useState)({
5224
+ const [visible, setVisible] = (0, import_react34.useState)(false);
5225
+ const [inputValue, setInputValue] = (0, import_react34.useState)("");
5226
+ const [isTyping, setIsTyping] = (0, import_react34.useState)(false);
5227
+ const popoverRef = (0, import_react34.useRef)(null);
5228
+ const triggerRef = (0, import_react34.useRef)(null);
5229
+ const rootRef = (0, import_react34.useRef)(null);
5230
+ const [calendarPosition, setCalendarPosition] = (0, import_react34.useState)({
5256
5231
  top: 0,
5257
5232
  left: 0,
5258
5233
  width: 0
5259
5234
  });
5260
5235
  const [from, to] = [value, ""];
5261
- (0, import_react37.useEffect)(() => {
5236
+ (0, import_react34.useEffect)(() => {
5262
5237
  if (!isTyping) {
5263
5238
  setInputValue(formatDisplayValue(from));
5264
5239
  }
5265
5240
  }, [from, isTyping]);
5266
- (0, import_react37.useLayoutEffect)(() => {
5241
+ (0, import_react34.useLayoutEffect)(() => {
5267
5242
  if (visible) {
5268
5243
  updatePosition();
5269
5244
  }
@@ -5278,7 +5253,7 @@ var DateInput = (_a) => {
5278
5253
  });
5279
5254
  }
5280
5255
  };
5281
- (0, import_react37.useEffect)(() => {
5256
+ (0, import_react34.useEffect)(() => {
5282
5257
  updatePosition();
5283
5258
  const resizeObserver = new ResizeObserver(updatePosition);
5284
5259
  if (triggerRef.current) {
@@ -5290,7 +5265,7 @@ var DateInput = (_a) => {
5290
5265
  window.removeEventListener("scroll", updatePosition);
5291
5266
  };
5292
5267
  }, []);
5293
- (0, import_react37.useEffect)(() => {
5268
+ (0, import_react34.useEffect)(() => {
5294
5269
  const handleKeyDown2 = (event) => {
5295
5270
  var _a2;
5296
5271
  if (event.key === "Escape" && popoverRef.current) {
@@ -5303,7 +5278,7 @@ var DateInput = (_a) => {
5303
5278
  document.removeEventListener("keydown", handleKeyDown2);
5304
5279
  };
5305
5280
  });
5306
- (0, import_react37.useEffect)(() => {
5281
+ (0, import_react34.useEffect)(() => {
5307
5282
  const handleClickOutside = (event) => {
5308
5283
  if (popoverRef.current && !popoverRef.current.contains(event.target) && triggerRef.current && !triggerRef.current.contains(event.target)) {
5309
5284
  setVisible(false);
@@ -5384,8 +5359,8 @@ var DateInput = (_a) => {
5384
5359
  }
5385
5360
  }
5386
5361
  };
5387
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "relative", children: [
5388
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5362
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "relative", children: [
5363
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5389
5364
  InputBase,
5390
5365
  __spreadProps(__spreadValues({
5391
5366
  id,
@@ -5399,7 +5374,7 @@ var DateInput = (_a) => {
5399
5374
  placeholder,
5400
5375
  disabled,
5401
5376
  readOnly,
5402
- after: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: "calendar_month" }),
5377
+ after: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: "calendar_month" }),
5403
5378
  onFocus: handleFocus,
5404
5379
  onClick: handleClick,
5405
5380
  onChange: handleInputChange,
@@ -5410,7 +5385,7 @@ var DateInput = (_a) => {
5410
5385
  })
5411
5386
  ),
5412
5387
  visible && !readOnly && (0, import_react_dom4.createPortal)(
5413
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5388
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5414
5389
  "div",
5415
5390
  {
5416
5391
  ref: (el) => {
@@ -5422,7 +5397,7 @@ var DateInput = (_a) => {
5422
5397
  left: `${calendarPosition.left}px`,
5423
5398
  minWidth: `${calendarPosition.width}px`
5424
5399
  },
5425
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5400
+ children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5426
5401
  CalendarRange,
5427
5402
  {
5428
5403
  id: id ? `${id}-calendar` : void 0,
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  CalendarRange
3
3
  } from "../chunk-UOHCOOC2.js";
4
- import "../chunk-OW3WN3JV.js";
4
+ import "../chunk-OBY5EH47.js";
5
5
  import "../chunk-M7INAUAJ.js";
6
6
  import "../chunk-6I5LZ2ZC.js";
7
7
  import "../chunk-44TDIHUP.js";
@@ -9,11 +9,6 @@ import "../chunk-LZGYABCX.js";
9
9
  import "../chunk-G5DEC7H3.js";
10
10
  import "../chunk-3X3Y4TMS.js";
11
11
  import "../chunk-BQNPOGD5.js";
12
- import "../chunk-LLZ3SSZJ.js";
13
- import "../chunk-EJSPFQCY.js";
14
- import "../chunk-ERW5DEIO.js";
15
- import "../chunk-2HMCS25C.js";
16
- import "../chunk-VJVY6NPF.js";
17
12
  import "../chunk-MBZ55T2D.js";
18
13
  import "../chunk-2IKT6IHB.js";
19
14
  import "../chunk-AA6GE3TH.js";