@dmsi/wedgekit-react 0.0.495 → 0.0.497

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 (62) hide show
  1. package/dist/chunk-34VEVX5H.js +31 -0
  2. package/dist/{chunk-ETAEB3TA.js → chunk-L3BXRDLP.js} +8 -2
  3. package/dist/components/CalendarRange.cjs +28 -25
  4. package/dist/components/CalendarRange.css +21 -3
  5. package/dist/components/CalendarRange.js +9 -8
  6. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +5 -2
  7. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +21 -3
  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.css +21 -3
  11. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +9 -8
  12. package/dist/components/DataGrid/PinnedColumns.cjs +23 -20
  13. package/dist/components/DataGrid/PinnedColumns.css +21 -3
  14. package/dist/components/DataGrid/PinnedColumns.js +9 -8
  15. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +8 -5
  16. package/dist/components/DataGrid/TableBody/LoadingCell.css +21 -3
  17. package/dist/components/DataGrid/TableBody/LoadingCell.js +9 -8
  18. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +10 -7
  19. package/dist/components/DataGrid/TableBody/TableBodyRow.css +21 -3
  20. package/dist/components/DataGrid/TableBody/TableBodyRow.js +9 -8
  21. package/dist/components/DataGrid/TableBody/index.cjs +23 -20
  22. package/dist/components/DataGrid/TableBody/index.css +21 -3
  23. package/dist/components/DataGrid/TableBody/index.js +9 -8
  24. package/dist/components/DataGrid/index.cjs +83 -80
  25. package/dist/components/DataGrid/index.css +21 -3
  26. package/dist/components/DataGrid/index.js +9 -8
  27. package/dist/components/DataGrid/utils.cjs +6 -3
  28. package/dist/components/DataGrid/utils.css +21 -3
  29. package/dist/components/DataGrid/utils.js +9 -8
  30. package/dist/components/DateInput.cjs +34 -31
  31. package/dist/components/DateInput.css +21 -3
  32. package/dist/components/DateInput.js +9 -8
  33. package/dist/components/DateRangeInput.cjs +34 -31
  34. package/dist/components/DateRangeInput.css +21 -3
  35. package/dist/components/DateRangeInput.js +9 -8
  36. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +11 -8
  37. package/dist/components/MobileDataGrid/ColumnSelector/index.css +21 -3
  38. package/dist/components/MobileDataGrid/ColumnSelector/index.js +9 -8
  39. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +19 -16
  40. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +21 -3
  41. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +9 -8
  42. package/dist/components/MobileDataGrid/index.cjs +64 -61
  43. package/dist/components/MobileDataGrid/index.css +21 -3
  44. package/dist/components/MobileDataGrid/index.js +9 -8
  45. package/dist/components/OrderCheckIcon.cjs +67 -0
  46. package/dist/components/OrderCheckIcon.js +7 -0
  47. package/dist/components/PDFViewer/index.js +3 -3
  48. package/dist/components/ProductImagePreview/index.js +2 -2
  49. package/dist/components/SkeletonParagraph.cjs +8 -2
  50. package/dist/components/SkeletonParagraph.js +1 -1
  51. package/dist/components/index.cjs +33 -2
  52. package/dist/components/index.css +21 -3
  53. package/dist/components/index.js +13 -9
  54. package/dist/index.css +21 -3
  55. package/package.json +1 -1
  56. package/src/components/OrderCheckIcon.tsx +19 -0
  57. package/src/components/SkeletonParagraph.tsx +9 -1
  58. package/src/components/index.ts +1 -0
  59. package/src/index.css +4 -3
  60. package/dist/{chunk-TPBEID5X.js → chunk-3WCLGTYP.js} +3 -3
  61. package/dist/{chunk-2A7H5GVB.js → chunk-7LKGHCVT.js} +3 -3
  62. package/dist/{chunk-DYBJUTGK.js → chunk-XHQOTLG6.js} +3 -3
@@ -838,6 +838,12 @@
838
838
  .\!w-20 {
839
839
  width: calc(var(--spacing) * 20) !important;
840
840
  }
841
+ .w-1\/2 {
842
+ width: calc(1/2 * 100%);
843
+ }
844
+ .w-1\/4 {
845
+ width: calc(1/4 * 100%);
846
+ }
841
847
  .w-2\/3 {
842
848
  width: calc(2/3 * 100%);
843
849
  }
@@ -922,6 +928,9 @@
922
928
  .min-w-0 {
923
929
  min-width: calc(var(--spacing) * 0);
924
930
  }
931
+ .min-w-10 {
932
+ min-width: calc(var(--spacing) * 10);
933
+ }
925
934
  .min-w-20 {
926
935
  min-width: calc(var(--spacing) * 20);
927
936
  }
@@ -4678,6 +4687,7 @@
4678
4687
  position: relative;
4679
4688
  overflow: hidden;
4680
4689
  background-color: #f7f7f7;
4690
+ opacity: 0.85;
4681
4691
  }
4682
4692
  .skeleton-paragraph::after {
4683
4693
  content: "";
@@ -4687,9 +4697,17 @@
4687
4697
  background-image:
4688
4698
  linear-gradient(
4689
4699
  90deg,
4690
- rgba(255, 255, 255, 0) 0%,
4691
- rgba(255, 255, 255, 0.6) 50%,
4692
- rgba(255, 255, 255, 0) 100%);
4700
+ transparent 0%,
4701
+ color-mix(in srgb, #ffffff 60%, transparent) 50%,
4702
+ transparent 100%);
4703
+ @supports (color: color-mix(in lab, red, red)) {
4704
+ background-image:
4705
+ linear-gradient(
4706
+ 90deg,
4707
+ transparent 0%,
4708
+ color-mix(in srgb, var(--color-neutral-000) 60%, transparent) 50%,
4709
+ transparent 100%);
4710
+ }
4693
4711
  animation: skeleton-shimmer 1.4s ease-in-out infinite;
4694
4712
  }
4695
4713
  @keyframes skeleton-shimmer {
@@ -2,32 +2,33 @@
2
2
  import {
3
3
  DataGrid,
4
4
  DataGrid_default
5
- } from "../../chunk-2A7H5GVB.js";
5
+ } from "../../chunk-7LKGHCVT.js";
6
6
  import "../../chunk-M7INAUAJ.js";
7
7
  import "../../chunk-4Q7T4GJ2.js";
8
8
  import "../../chunk-3DEYCNUE.js";
9
- import "../../chunk-DYBJUTGK.js";
9
+ import "../../chunk-XHQOTLG6.js";
10
+ import "../../chunk-BQNPOGD5.js";
10
11
  import "../../chunk-Y5GD2FJA.js";
11
- import "../../chunk-TPBEID5X.js";
12
+ import "../../chunk-3WCLGTYP.js";
13
+ import "../../chunk-YEZBNQZI.js";
12
14
  import "../../chunk-B53XDCLO.js";
15
+ import "../../chunk-S5ZJ3Q7P.js";
13
16
  import "../../chunk-MBZ55T2D.js";
14
17
  import "../../chunk-2IKT6IHB.js";
15
18
  import "../../chunk-YCDDBSVU.js";
16
19
  import "../../chunk-3X3Y4TMS.js";
17
- import "../../chunk-BQNPOGD5.js";
18
20
  import "../../chunk-QMSPTD6L.js";
19
21
  import "../../chunk-XIXQUEYC.js";
20
22
  import "../../chunk-5IFPG6TS.js";
21
23
  import "../../chunk-AJ5M6MVX.js";
22
24
  import "../../chunk-KW6V7O3H.js";
23
25
  import "../../chunk-JUFBGNWW.js";
24
- import "../../chunk-YEZBNQZI.js";
25
- import "../../chunk-S5ZJ3Q7P.js";
26
+ import "../../chunk-7GHD74J3.js";
26
27
  import "../../chunk-AT4AWD6B.js";
27
28
  import "../../chunk-EWGHVZL5.js";
28
- import "../../chunk-7GHD74J3.js";
29
29
  import "../../chunk-7BVUTFZ5.js";
30
- import "../../chunk-ETAEB3TA.js";
30
+ import "../../chunk-L3BXRDLP.js";
31
+ import "../../chunk-34VEVX5H.js";
31
32
  import "../../chunk-GRGDX7JC.js";
32
33
  import "../../chunk-HVNHTM3P.js";
33
34
  import "../../chunk-X67L3NZI.js";
@@ -5767,17 +5767,20 @@ var import_clsx39 = __toESM(require("clsx"), 1);
5767
5767
  var import_react40 = require("react");
5768
5768
  var import_jsx_runtime65 = require("react/jsx-runtime");
5769
5769
 
5770
- // src/components/DataGrid/utils.tsx
5770
+ // src/components/OrderCheckIcon.tsx
5771
5771
  var import_jsx_runtime66 = require("react/jsx-runtime");
5772
+
5773
+ // src/components/DataGrid/utils.tsx
5774
+ var import_jsx_runtime67 = require("react/jsx-runtime");
5772
5775
  function getSortIcon(sort, nextSort = false) {
5773
5776
  const iconClassName = (0, import_clsx40.default)(
5774
5777
  "text-icon-on-action-primary-normal",
5775
5778
  nextSort && "hidden group-hover:block"
5776
5779
  );
5777
5780
  if (sort === "asc")
5778
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
5781
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
5779
5782
  if (sort === "desc")
5780
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
5783
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
5781
5784
  return null;
5782
5785
  }
5783
5786
  // Annotate the CommonJS export names for ESM import in node:
@@ -838,6 +838,12 @@
838
838
  .\!w-20 {
839
839
  width: calc(var(--spacing) * 20) !important;
840
840
  }
841
+ .w-1\/2 {
842
+ width: calc(1/2 * 100%);
843
+ }
844
+ .w-1\/4 {
845
+ width: calc(1/4 * 100%);
846
+ }
841
847
  .w-2\/3 {
842
848
  width: calc(2/3 * 100%);
843
849
  }
@@ -922,6 +928,9 @@
922
928
  .min-w-0 {
923
929
  min-width: calc(var(--spacing) * 0);
924
930
  }
931
+ .min-w-10 {
932
+ min-width: calc(var(--spacing) * 10);
933
+ }
925
934
  .min-w-20 {
926
935
  min-width: calc(var(--spacing) * 20);
927
936
  }
@@ -4678,6 +4687,7 @@
4678
4687
  position: relative;
4679
4688
  overflow: hidden;
4680
4689
  background-color: #f7f7f7;
4690
+ opacity: 0.85;
4681
4691
  }
4682
4692
  .skeleton-paragraph::after {
4683
4693
  content: "";
@@ -4687,9 +4697,17 @@
4687
4697
  background-image:
4688
4698
  linear-gradient(
4689
4699
  90deg,
4690
- rgba(255, 255, 255, 0) 0%,
4691
- rgba(255, 255, 255, 0.6) 50%,
4692
- rgba(255, 255, 255, 0) 100%);
4700
+ transparent 0%,
4701
+ color-mix(in srgb, #ffffff 60%, transparent) 50%,
4702
+ transparent 100%);
4703
+ @supports (color: color-mix(in lab, red, red)) {
4704
+ background-image:
4705
+ linear-gradient(
4706
+ 90deg,
4707
+ transparent 0%,
4708
+ color-mix(in srgb, var(--color-neutral-000) 60%, transparent) 50%,
4709
+ transparent 100%);
4710
+ }
4693
4711
  animation: skeleton-shimmer 1.4s ease-in-out infinite;
4694
4712
  }
4695
4713
  @keyframes skeleton-shimmer {
@@ -1,31 +1,32 @@
1
1
  import {
2
2
  getSortIcon
3
- } from "../../chunk-2A7H5GVB.js";
3
+ } from "../../chunk-7LKGHCVT.js";
4
4
  import "../../chunk-M7INAUAJ.js";
5
5
  import "../../chunk-4Q7T4GJ2.js";
6
6
  import "../../chunk-3DEYCNUE.js";
7
- import "../../chunk-DYBJUTGK.js";
7
+ import "../../chunk-XHQOTLG6.js";
8
+ import "../../chunk-BQNPOGD5.js";
8
9
  import "../../chunk-Y5GD2FJA.js";
9
- import "../../chunk-TPBEID5X.js";
10
+ import "../../chunk-3WCLGTYP.js";
11
+ import "../../chunk-YEZBNQZI.js";
10
12
  import "../../chunk-B53XDCLO.js";
13
+ import "../../chunk-S5ZJ3Q7P.js";
11
14
  import "../../chunk-MBZ55T2D.js";
12
15
  import "../../chunk-2IKT6IHB.js";
13
16
  import "../../chunk-YCDDBSVU.js";
14
17
  import "../../chunk-3X3Y4TMS.js";
15
- import "../../chunk-BQNPOGD5.js";
16
18
  import "../../chunk-QMSPTD6L.js";
17
19
  import "../../chunk-XIXQUEYC.js";
18
20
  import "../../chunk-5IFPG6TS.js";
19
21
  import "../../chunk-AJ5M6MVX.js";
20
22
  import "../../chunk-KW6V7O3H.js";
21
23
  import "../../chunk-JUFBGNWW.js";
22
- import "../../chunk-YEZBNQZI.js";
23
- import "../../chunk-S5ZJ3Q7P.js";
24
+ import "../../chunk-7GHD74J3.js";
24
25
  import "../../chunk-AT4AWD6B.js";
25
26
  import "../../chunk-EWGHVZL5.js";
26
- import "../../chunk-7GHD74J3.js";
27
27
  import "../../chunk-7BVUTFZ5.js";
28
- import "../../chunk-ETAEB3TA.js";
28
+ import "../../chunk-L3BXRDLP.js";
29
+ import "../../chunk-34VEVX5H.js";
29
30
  import "../../chunk-GRGDX7JC.js";
30
31
  import "../../chunk-HVNHTM3P.js";
31
32
  import "../../chunk-X67L3NZI.js";
@@ -5093,8 +5093,11 @@ var import_clsx39 = __toESM(require("clsx"), 1);
5093
5093
  var import_react38 = require("react");
5094
5094
  var import_jsx_runtime64 = require("react/jsx-runtime");
5095
5095
 
5096
- // src/components/CalendarRange.tsx
5096
+ // src/components/OrderCheckIcon.tsx
5097
5097
  var import_jsx_runtime65 = require("react/jsx-runtime");
5098
+
5099
+ // src/components/CalendarRange.tsx
5100
+ var import_jsx_runtime66 = require("react/jsx-runtime");
5098
5101
  function DateCell(_a) {
5099
5102
  var _b = _a, {
5100
5103
  date,
@@ -5129,7 +5132,7 @@ function DateCell(_a) {
5129
5132
  "id",
5130
5133
  "testid"
5131
5134
  ]);
5132
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5135
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5133
5136
  "span",
5134
5137
  __spreadProps(__spreadValues({}, props), {
5135
5138
  id,
@@ -5285,7 +5288,7 @@ function CalendarRange({
5285
5288
  }
5286
5289
  return false;
5287
5290
  }
5288
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5291
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5289
5292
  "div",
5290
5293
  {
5291
5294
  id,
@@ -5298,7 +5301,7 @@ function CalendarRange({
5298
5301
  // baseTransition,
5299
5302
  "overflow-hidden"
5300
5303
  ),
5301
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5304
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5302
5305
  "div",
5303
5306
  {
5304
5307
  className: (0, import_clsx40.default)(
@@ -5306,7 +5309,7 @@ function CalendarRange({
5306
5309
  layoutGap
5307
5310
  ),
5308
5311
  children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
5309
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5312
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5310
5313
  CalendarPane,
5311
5314
  {
5312
5315
  getMonthData,
@@ -5371,13 +5374,13 @@ function CalendarPane({
5371
5374
  const month = getMonthData(offset);
5372
5375
  const totalCells = 42;
5373
5376
  const emptyCells = month.firstDayOffset;
5374
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_react39.default.Fragment, { children: [
5375
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
5377
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react39.default.Fragment, { children: [
5378
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
5376
5379
  "div",
5377
5380
  {
5378
5381
  className: (0, import_clsx40.default)("flex flex-col"),
5379
5382
  children: [
5380
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
5383
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
5381
5384
  "div",
5382
5385
  {
5383
5386
  className: (0, import_clsx40.default)(
@@ -5386,7 +5389,7 @@ function CalendarPane({
5386
5389
  "text-text-action-primary-normal"
5387
5390
  ),
5388
5391
  children: [
5389
- idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5392
+ idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5390
5393
  "button",
5391
5394
  {
5392
5395
  id: id ? `${id}-prev-month-button` : void 0,
@@ -5398,11 +5401,11 @@ function CalendarPane({
5398
5401
  ),
5399
5402
  "aria-label": "Previous month",
5400
5403
  onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
5401
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "chevron_left", size: 24 })
5404
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "chevron_left", size: 24 })
5402
5405
  }
5403
- ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: (0, import_clsx40.default)(componentPadding, "mr-1") }),
5404
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5405
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5406
+ ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: (0, import_clsx40.default)(componentPadding, "mr-1") }),
5407
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5408
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5406
5409
  "button",
5407
5410
  {
5408
5411
  ref: (el) => {
@@ -5417,13 +5420,13 @@ function CalendarPane({
5417
5420
  children: month.name
5418
5421
  }
5419
5422
  ),
5420
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5423
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5421
5424
  Menu,
5422
5425
  {
5423
5426
  show: monthMenuOpen,
5424
5427
  positionTo: monthMenuRef,
5425
5428
  setShow: () => setMonthMenuOpen(false),
5426
- children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5429
+ children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5427
5430
  MenuOption,
5428
5431
  {
5429
5432
  selected: baseMonth.month === x + 1,
@@ -5437,7 +5440,7 @@ function CalendarPane({
5437
5440
  ))
5438
5441
  }
5439
5442
  ),
5440
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5443
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5441
5444
  "button",
5442
5445
  {
5443
5446
  ref: (el) => {
@@ -5452,13 +5455,13 @@ function CalendarPane({
5452
5455
  children: month.year
5453
5456
  }
5454
5457
  ),
5455
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5458
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5456
5459
  Menu,
5457
5460
  {
5458
5461
  show: yearMenuOpen,
5459
5462
  positionTo: yearMenuRef,
5460
5463
  setShow: () => setYearMenuOpen(false),
5461
- children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5464
+ children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5462
5465
  MenuOption,
5463
5466
  {
5464
5467
  selected: baseMonth.year === y,
@@ -5473,7 +5476,7 @@ function CalendarPane({
5473
5476
  }
5474
5477
  )
5475
5478
  ] }),
5476
- (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5479
+ (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5477
5480
  "button",
5478
5481
  {
5479
5482
  id: id ? `${id}-next-month-button` : void 0,
@@ -5485,13 +5488,13 @@ function CalendarPane({
5485
5488
  ),
5486
5489
  "aria-label": "Next month",
5487
5490
  onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
5488
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "chevron_right", size: 24 })
5491
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "chevron_right", size: 24 })
5489
5492
  }
5490
- ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: (0, import_clsx40.default)(componentPadding, "ml-1") })
5493
+ ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: (0, import_clsx40.default)(componentPadding, "ml-1") })
5491
5494
  ]
5492
5495
  }
5493
5496
  ),
5494
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: (0, import_clsx40.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5497
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: (0, import_clsx40.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5495
5498
  "span",
5496
5499
  {
5497
5500
  className: (0, import_clsx40.default)(
@@ -5503,7 +5506,7 @@ function CalendarPane({
5503
5506
  },
5504
5507
  d
5505
5508
  )) }),
5506
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: (0, import_clsx40.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5509
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: (0, import_clsx40.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5507
5510
  const day = i - emptyCells + 1;
5508
5511
  const date = month.date.with({ day: 1 }).add({
5509
5512
  days: i - emptyCells
@@ -5517,7 +5520,7 @@ function CalendarPane({
5517
5520
  const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
5518
5521
  const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
5519
5522
  const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
5520
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5523
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5521
5524
  DateCell,
5522
5525
  {
5523
5526
  id: id ? `${id}-date-${date.toString()}` : void 0,
@@ -5542,7 +5545,7 @@ function CalendarPane({
5542
5545
  ]
5543
5546
  }
5544
5547
  ),
5545
- mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5548
+ mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5546
5549
  "div",
5547
5550
  {
5548
5551
  className: (0, import_clsx40.default)(
@@ -5556,7 +5559,7 @@ function CalendarPane({
5556
5559
  }
5557
5560
 
5558
5561
  // src/components/DateInput.tsx
5559
- var import_jsx_runtime66 = require("react/jsx-runtime");
5562
+ var import_jsx_runtime67 = require("react/jsx-runtime");
5560
5563
  var DateInput = (_a) => {
5561
5564
  var _b = _a, {
5562
5565
  id,
@@ -5715,8 +5718,8 @@ var DateInput = (_a) => {
5715
5718
  }
5716
5719
  }
5717
5720
  };
5718
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "relative", children: [
5719
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5721
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "relative", children: [
5722
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5720
5723
  InputBase,
5721
5724
  __spreadProps(__spreadValues({
5722
5725
  id,
@@ -5730,7 +5733,7 @@ var DateInput = (_a) => {
5730
5733
  placeholder,
5731
5734
  disabled,
5732
5735
  readOnly,
5733
- after: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "calendar_month" }),
5736
+ after: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { name: "calendar_month" }),
5734
5737
  onFocus: handleFocus,
5735
5738
  onClick: handleClick,
5736
5739
  onChange: handleInputChange,
@@ -5741,7 +5744,7 @@ var DateInput = (_a) => {
5741
5744
  })
5742
5745
  ),
5743
5746
  visible && !readOnly && (0, import_react_dom4.createPortal)(
5744
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5747
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5745
5748
  "div",
5746
5749
  {
5747
5750
  ref: (el) => {
@@ -5753,7 +5756,7 @@ var DateInput = (_a) => {
5753
5756
  left: `${calendarPosition.left}px`,
5754
5757
  minWidth: `${calendarPosition.width}px`
5755
5758
  },
5756
- children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5759
+ children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5757
5760
  CalendarRange,
5758
5761
  {
5759
5762
  id: id ? `${id}-calendar` : void 0,
@@ -838,6 +838,12 @@
838
838
  .\!w-20 {
839
839
  width: calc(var(--spacing) * 20) !important;
840
840
  }
841
+ .w-1\/2 {
842
+ width: calc(1/2 * 100%);
843
+ }
844
+ .w-1\/4 {
845
+ width: calc(1/4 * 100%);
846
+ }
841
847
  .w-2\/3 {
842
848
  width: calc(2/3 * 100%);
843
849
  }
@@ -922,6 +928,9 @@
922
928
  .min-w-0 {
923
929
  min-width: calc(var(--spacing) * 0);
924
930
  }
931
+ .min-w-10 {
932
+ min-width: calc(var(--spacing) * 10);
933
+ }
925
934
  .min-w-20 {
926
935
  min-width: calc(var(--spacing) * 20);
927
936
  }
@@ -4678,6 +4687,7 @@
4678
4687
  position: relative;
4679
4688
  overflow: hidden;
4680
4689
  background-color: #f7f7f7;
4690
+ opacity: 0.85;
4681
4691
  }
4682
4692
  .skeleton-paragraph::after {
4683
4693
  content: "";
@@ -4687,9 +4697,17 @@
4687
4697
  background-image:
4688
4698
  linear-gradient(
4689
4699
  90deg,
4690
- rgba(255, 255, 255, 0) 0%,
4691
- rgba(255, 255, 255, 0.6) 50%,
4692
- rgba(255, 255, 255, 0) 100%);
4700
+ transparent 0%,
4701
+ color-mix(in srgb, #ffffff 60%, transparent) 50%,
4702
+ transparent 100%);
4703
+ @supports (color: color-mix(in lab, red, red)) {
4704
+ background-image:
4705
+ linear-gradient(
4706
+ 90deg,
4707
+ transparent 0%,
4708
+ color-mix(in srgb, var(--color-neutral-000) 60%, transparent) 50%,
4709
+ transparent 100%);
4710
+ }
4693
4711
  animation: skeleton-shimmer 1.4s ease-in-out infinite;
4694
4712
  }
4695
4713
  @keyframes skeleton-shimmer {
@@ -1,31 +1,32 @@
1
1
  import {
2
2
  DateInput
3
- } from "../chunk-2A7H5GVB.js";
3
+ } from "../chunk-7LKGHCVT.js";
4
4
  import "../chunk-M7INAUAJ.js";
5
5
  import "../chunk-4Q7T4GJ2.js";
6
6
  import "../chunk-3DEYCNUE.js";
7
- import "../chunk-DYBJUTGK.js";
7
+ import "../chunk-XHQOTLG6.js";
8
+ import "../chunk-BQNPOGD5.js";
8
9
  import "../chunk-Y5GD2FJA.js";
9
- import "../chunk-TPBEID5X.js";
10
+ import "../chunk-3WCLGTYP.js";
11
+ import "../chunk-YEZBNQZI.js";
10
12
  import "../chunk-B53XDCLO.js";
13
+ import "../chunk-S5ZJ3Q7P.js";
11
14
  import "../chunk-MBZ55T2D.js";
12
15
  import "../chunk-2IKT6IHB.js";
13
16
  import "../chunk-YCDDBSVU.js";
14
17
  import "../chunk-3X3Y4TMS.js";
15
- import "../chunk-BQNPOGD5.js";
16
18
  import "../chunk-QMSPTD6L.js";
17
19
  import "../chunk-XIXQUEYC.js";
18
20
  import "../chunk-5IFPG6TS.js";
19
21
  import "../chunk-AJ5M6MVX.js";
20
22
  import "../chunk-KW6V7O3H.js";
21
23
  import "../chunk-JUFBGNWW.js";
22
- import "../chunk-YEZBNQZI.js";
23
- import "../chunk-S5ZJ3Q7P.js";
24
+ import "../chunk-7GHD74J3.js";
24
25
  import "../chunk-AT4AWD6B.js";
25
26
  import "../chunk-EWGHVZL5.js";
26
- import "../chunk-7GHD74J3.js";
27
27
  import "../chunk-7BVUTFZ5.js";
28
- import "../chunk-ETAEB3TA.js";
28
+ import "../chunk-L3BXRDLP.js";
29
+ import "../chunk-34VEVX5H.js";
29
30
  import "../chunk-GRGDX7JC.js";
30
31
  import "../chunk-HVNHTM3P.js";
31
32
  import "../chunk-X67L3NZI.js";