@dmsi/wedgekit-react 0.0.501 → 0.0.502

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 (84) hide show
  1. package/dist/{chunk-6XLESQ2U.js → chunk-B2O4TEOI.js} +3 -3
  2. package/dist/{chunk-ELXVDRWS.js → chunk-D4TFZ2WM.js} +4 -4
  3. package/dist/{chunk-CHUKGR7S.js → chunk-F6RZ7MUE.js} +1 -1
  4. package/dist/{chunk-BMPL6LCR.js → chunk-LJLHGLTS.js} +4 -4
  5. package/dist/{chunk-KOU2TO3N.js → chunk-LKKFQLWD.js} +16 -6
  6. package/dist/{chunk-LJWQEZUS.js → chunk-QV3NANQC.js} +6 -6
  7. package/dist/components/Alert.js +2 -2
  8. package/dist/components/CalendarRange.cjs +15 -5
  9. package/dist/components/CalendarRange.css +25 -5
  10. package/dist/components/CalendarRange.js +16 -16
  11. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +15 -5
  12. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +25 -5
  13. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +16 -16
  14. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +15 -5
  15. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +25 -5
  16. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +16 -16
  17. package/dist/components/DataGrid/PinnedColumns.cjs +15 -5
  18. package/dist/components/DataGrid/PinnedColumns.css +25 -5
  19. package/dist/components/DataGrid/PinnedColumns.js +16 -16
  20. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +15 -5
  21. package/dist/components/DataGrid/TableBody/LoadingCell.css +25 -5
  22. package/dist/components/DataGrid/TableBody/LoadingCell.js +16 -16
  23. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +15 -5
  24. package/dist/components/DataGrid/TableBody/TableBodyRow.css +25 -5
  25. package/dist/components/DataGrid/TableBody/TableBodyRow.js +16 -16
  26. package/dist/components/DataGrid/TableBody/index.cjs +15 -5
  27. package/dist/components/DataGrid/TableBody/index.css +25 -5
  28. package/dist/components/DataGrid/TableBody/index.js +16 -16
  29. package/dist/components/DataGrid/index.cjs +15 -5
  30. package/dist/components/DataGrid/index.css +25 -5
  31. package/dist/components/DataGrid/index.js +16 -16
  32. package/dist/components/DataGrid/utils.cjs +15 -5
  33. package/dist/components/DataGrid/utils.css +25 -5
  34. package/dist/components/DataGrid/utils.js +16 -16
  35. package/dist/components/DataGridCell.cjs +15 -5
  36. package/dist/components/DataGridCell.js +2 -2
  37. package/dist/components/DateInput.cjs +15 -5
  38. package/dist/components/DateInput.css +25 -5
  39. package/dist/components/DateInput.js +16 -16
  40. package/dist/components/DateRangeInput.cjs +15 -5
  41. package/dist/components/DateRangeInput.css +25 -5
  42. package/dist/components/DateRangeInput.js +16 -16
  43. package/dist/components/FilterGroup.js +5 -5
  44. package/dist/components/MenuOption.cjs +15 -5
  45. package/dist/components/MenuOption.js +1 -1
  46. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +15 -5
  47. package/dist/components/MobileDataGrid/ColumnSelector/index.css +25 -5
  48. package/dist/components/MobileDataGrid/ColumnSelector/index.js +16 -16
  49. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +15 -5
  50. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +25 -5
  51. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +16 -16
  52. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +5 -5
  53. package/dist/components/MobileDataGrid/index.cjs +15 -5
  54. package/dist/components/MobileDataGrid/index.css +25 -5
  55. package/dist/components/MobileDataGrid/index.js +16 -16
  56. package/dist/components/Modal.js +4 -4
  57. package/dist/components/ModalButtons.js +2 -2
  58. package/dist/components/ModalHeader.js +2 -2
  59. package/dist/components/NavigationTab.js +2 -2
  60. package/dist/components/NavigationTabs.js +2 -2
  61. package/dist/components/NestedMenu.cjs +15 -5
  62. package/dist/components/NestedMenu.js +4 -4
  63. package/dist/components/Notification.js +3 -3
  64. package/dist/components/OptionPill.js +2 -2
  65. package/dist/components/PDFViewer/DownloadIcon.js +2 -2
  66. package/dist/components/PDFViewer/PDFNavigation.js +2 -2
  67. package/dist/components/PDFViewer/index.js +7 -7
  68. package/dist/components/ProductImagePreview/index.js +1 -1
  69. package/dist/components/Stepper.js +3 -3
  70. package/dist/components/Toast.js +3 -3
  71. package/dist/components/Upload.js +3 -3
  72. package/dist/components/index.cjs +15 -5
  73. package/dist/components/index.css +25 -5
  74. package/dist/components/index.js +22 -22
  75. package/dist/index.css +25 -5
  76. package/package.json +1 -1
  77. package/src/components/MenuOption.tsx +16 -4
  78. package/dist/{chunk-AKJUBFJK.js → chunk-25RZP3VR.js} +3 -3
  79. package/dist/{chunk-56RPZLV7.js → chunk-5DQVYX6H.js} +3 -3
  80. package/dist/{chunk-SPJ6V6WJ.js → chunk-BWBSDSA7.js} +3 -3
  81. package/dist/{chunk-FWCVZWE6.js → chunk-GYEXSNFP.js} +3 -3
  82. package/dist/{chunk-QMMPHXVE.js → chunk-MV6W7OMC.js} +3 -3
  83. package/dist/{chunk-CMMQTIVM.js → chunk-TAPYQBQU.js} +3 -3
  84. package/dist/{chunk-YJGDVWTH.js → chunk-VS53C5ZD.js} +3 -3
package/dist/components/DateRangeInput.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  CalendarRange
3
- } from "../chunk-LJWQEZUS.js";
3
+ } from "../chunk-QV3NANQC.js";
4
4
  import "../chunk-M7INAUAJ.js";
5
- import "../chunk-ELXVDRWS.js";
5
+ import "../chunk-D4TFZ2WM.js";
6
6
  import "../chunk-3UUCDNX3.js";
7
7
  import "../chunk-FJRYHJUV.js";
8
8
  import "../chunk-BQNPOGD5.js";
9
9
  import "../chunk-Y5GD2FJA.js";
10
- import "../chunk-6XLESQ2U.js";
10
+ import "../chunk-B2O4TEOI.js";
11
11
  import "../chunk-VOSQMHNF.js";
12
- import "../chunk-YJGDVWTH.js";
12
+ import "../chunk-VS53C5ZD.js";
13
13
  import "../chunk-S5ZJ3Q7P.js";
14
14
  import "../chunk-MBZ55T2D.js";
15
15
  import "../chunk-2IKT6IHB.js";
@@ -20,36 +20,36 @@ import "../chunk-5YNEY3WO.js";
20
20
  import "../chunk-5IFPG6TS.js";
21
21
  import "../chunk-AJ5M6MVX.js";
22
22
  import "../chunk-UI7P5J5S.js";
23
- import "../chunk-56RPZLV7.js";
23
+ import "../chunk-5DQVYX6H.js";
24
24
  import "../chunk-MDB26F6T.js";
25
25
  import "../chunk-AT4AWD6B.js";
26
26
  import "../chunk-EWGHVZL5.js";
27
+ import "../chunk-2TNHD4MQ.js";
27
28
  import "../chunk-OWHPPZZA.js";
28
29
  import "../chunk-L3BXRDLP.js";
29
30
  import "../chunk-34VEVX5H.js";
30
31
  import "../chunk-LB7UT6F3.js";
31
- import "../chunk-2TNHD4MQ.js";
32
- import "../chunk-BMPL6LCR.js";
32
+ import "../chunk-LJLHGLTS.js";
33
33
  import "../chunk-4RJKB7LC.js";
34
+ import "../chunk-25RZP3VR.js";
34
35
  import "../chunk-WVVEOCEH.js";
35
- import "../chunk-CMMQTIVM.js";
36
+ import "../chunk-TAPYQBQU.js";
36
37
  import "../chunk-AG43RS4Q.js";
37
- import "../chunk-AKJUBFJK.js";
38
- import "../chunk-SUSUNSVZ.js";
39
38
  import "../chunk-SBRRNFOP.js";
40
- import "../chunk-Y2GK27RX.js";
41
39
  import "../chunk-QVWYTQKL.js";
42
- import "../chunk-CHUKGR7S.js";
40
+ import "../chunk-SUSUNSVZ.js";
41
+ import "../chunk-75USUR3I.js";
42
+ import "../chunk-Y2GK27RX.js";
43
+ import "../chunk-F6RZ7MUE.js";
43
44
  import "../chunk-TCMOGTPB.js";
44
45
  import "../chunk-DVU5XV7L.js";
45
- import "../chunk-KOU2TO3N.js";
46
+ import "../chunk-LKKFQLWD.js";
46
47
  import "../chunk-HK4S6TRH.js";
47
48
  import {
48
49
  InputBase
49
50
  } from "../chunk-KPBG7D3V.js";
50
51
  import "../chunk-HXGJVYGQ.js";
51
52
  import "../chunk-WVUIIBRR.js";
52
- import "../chunk-75USUR3I.js";
53
53
  import "../chunk-PS6UJZVH.js";
54
54
  import "../chunk-M7WHWZ2J.js";
55
55
  import "../chunk-TMHOK37S.js";
@@ -69,14 +69,14 @@ import "../chunk-5UH6QUFB.js";
69
69
  import "../chunk-BYC6QID5.js";
70
70
  import "../chunk-MUOYLXBF.js";
71
71
  import "../chunk-KBJZUVLM.js";
72
- import "../chunk-SPJ6V6WJ.js";
72
+ import "../chunk-BWBSDSA7.js";
73
73
  import "../chunk-MXSJF6TW.js";
74
+ import "../chunk-45AHDOAU.js";
74
75
  import "../chunk-WMPWWFUJ.js";
75
76
  import "../chunk-TPXH53SA.js";
76
77
  import {
77
78
  Icon
78
79
  } from "../chunk-NKUETCDA.js";
79
- import "../chunk-45AHDOAU.js";
80
80
  import "../chunk-7KWFEH56.js";
81
81
  import {
82
82
  __objRest,
package/dist/components/FilterGroup.js CHANGED
@@ -1,7 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  OptionPill
4
- } from "../chunk-FWCVZWE6.js";
4
+ } from "../chunk-GYEXSNFP.js";
5
+ import {
6
+ Link
7
+ } from "../chunk-MO52RSXV.js";
5
8
  import {
6
9
  Search
7
10
  } from "../chunk-HK4S6TRH.js";
@@ -13,14 +16,11 @@ import {
13
16
  Checkbox
14
17
  } from "../chunk-M7WHWZ2J.js";
15
18
  import "../chunk-5UH6QUFB.js";
19
+ import "../chunk-45AHDOAU.js";
16
20
  import "../chunk-WMPWWFUJ.js";
17
- import {
18
- Link
19
- } from "../chunk-MO52RSXV.js";
20
21
  import {
21
22
  Icon
22
23
  } from "../chunk-NKUETCDA.js";
23
- import "../chunk-45AHDOAU.js";
24
24
  import {
25
25
  baseTransition,
26
26
  componentGap,
package/dist/components/MenuOption.cjs CHANGED
@@ -522,6 +522,7 @@ var MenuOption = ({
522
522
  const actualRef = ref || internalRef;
523
523
  const menuId = (0, import_react5.useRef)(`menu-${uniqueId}`);
524
524
  const isMobile = useMatchesMobile();
525
+ const [isSubMenuHovered, setIsSubMenuHovered] = (0, import_react5.useState)(false);
525
526
  const handleMouseEnter = () => {
526
527
  if (subMenu && onSubMenuHover && !disabled) {
527
528
  onSubMenuHover(menuId.current, subMenuLevel);
@@ -531,6 +532,7 @@ var MenuOption = ({
531
532
  if (subMenu && onSubMenuLeave && !disabled) {
532
533
  onSubMenuLeave(subMenuLevel);
533
534
  }
535
+ setIsSubMenuHovered(false);
534
536
  };
535
537
  const handleMouseMove = () => {
536
538
  if (subMenu && onMouseMove && !disabled) {
@@ -541,9 +543,11 @@ var MenuOption = ({
541
543
  if (onSubMenuEnter) {
542
544
  onSubMenuEnter();
543
545
  }
546
+ setIsSubMenuHovered(true);
544
547
  };
545
548
  const additionalAttributes = {
546
- "data-selected": selected || null
549
+ "data-selected": selected || null,
550
+ "data-submenu-hovered": isSubMenuHovered || null
547
551
  };
548
552
  const svgStyles = (0, import_clsx6.default)(
549
553
  "[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
@@ -552,16 +556,18 @@ var MenuOption = ({
552
556
  const normalStyles = variant === "normal" && !disabled && (0, import_clsx6.default)(
553
557
  "bg-transparent text-text-primary-normal",
554
558
  "hover:bg-background-action-secondary-hover",
555
- "focus:bg-background-action-secondary-hover",
559
+ "focus-visible:bg-background-action-secondary-hover",
556
560
  "data-selected:bg-background-action-secondary-hover",
561
+ "data-submenu-hovered:bg-background-action-secondary-hover",
557
562
  "active:bg-background-action-secondary-active"
558
563
  );
559
564
  const normalDisabledStyles = variant === "normal" && disabled && (0, import_clsx6.default)("text-text-primary-disabled");
560
565
  const actionStyles = variant === "action" && !disabled && (0, import_clsx6.default)(
561
566
  "text-action-400 bg-transparent",
562
567
  "hover:bg-background-action-secondary-hover hover:text-text-action-hover",
563
- "focus:bg-background-action-secondary-hover focus:text-text-action-hover",
568
+ "focus-visible:bg-background-action-secondary-hover focus-visible:text-text-action-hover",
564
569
  "data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
570
+ "data-submenu-hovered:bg-background-action-secondary-active data-submenu-hovered:text-text-action-active",
565
571
  "active:bg-background-action-secondary-active active:text-text-action-active"
566
572
  );
567
573
  const actionDisabledStyles = variant === "action" && disabled && (0, import_clsx6.default)("text-text-action-disabled");
@@ -613,7 +619,10 @@ var MenuOption = ({
613
619
  "div",
614
620
  {
615
621
  onMouseEnter: handleSubMenuEnter,
616
- onMouseLeave: handleMouseLeave,
622
+ onMouseLeave: () => {
623
+ handleMouseLeave();
624
+ setIsSubMenuHovered(false);
625
+ },
617
626
  "data-submenu-parent": menuId.current,
618
627
  "data-menu-level": subMenuLevel + 1,
619
628
  children: subMenu({
@@ -623,7 +632,8 @@ var MenuOption = ({
623
632
  position: "right",
624
633
  subMenuLevel,
625
634
  mobileBackMenuOption,
626
- mobileHide: isMobile && activeMenu !== menuId.current
635
+ mobileHide: isMobile && activeMenu !== menuId.current,
636
+ autoFocusOff: true
627
637
  })
628
638
  }
629
639
  )
package/dist/components/MenuOption.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  MenuOption
4
- } from "../chunk-KOU2TO3N.js";
4
+ } from "../chunk-LKKFQLWD.js";
5
5
  import "../chunk-HXGJVYGQ.js";
6
6
  import "../chunk-PS6UJZVH.js";
7
7
  import "../chunk-URYQ24NF.js";
package/dist/components/MobileDataGrid/ColumnSelector/index.cjs CHANGED
@@ -847,6 +847,7 @@ var MenuOption = ({
847
847
  const actualRef = ref || internalRef;
848
848
  const menuId = (0, import_react6.useRef)(`menu-${uniqueId}`);
849
849
  const isMobile = useMatchesMobile();
850
+ const [isSubMenuHovered, setIsSubMenuHovered] = (0, import_react6.useState)(false);
850
851
  const handleMouseEnter = () => {
851
852
  if (subMenu && onSubMenuHover && !disabled) {
852
853
  onSubMenuHover(menuId.current, subMenuLevel);
@@ -856,6 +857,7 @@ var MenuOption = ({
856
857
  if (subMenu && onSubMenuLeave && !disabled) {
857
858
  onSubMenuLeave(subMenuLevel);
858
859
  }
860
+ setIsSubMenuHovered(false);
859
861
  };
860
862
  const handleMouseMove = () => {
861
863
  if (subMenu && onMouseMove && !disabled) {
@@ -866,9 +868,11 @@ var MenuOption = ({
866
868
  if (onSubMenuEnter) {
867
869
  onSubMenuEnter();
868
870
  }
871
+ setIsSubMenuHovered(true);
869
872
  };
870
873
  const additionalAttributes = {
871
- "data-selected": selected || null
874
+ "data-selected": selected || null,
875
+ "data-submenu-hovered": isSubMenuHovered || null
872
876
  };
873
877
  const svgStyles = (0, import_clsx6.default)(
874
878
  "[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
@@ -877,16 +881,18 @@ var MenuOption = ({
877
881
  const normalStyles = variant === "normal" && !disabled && (0, import_clsx6.default)(
878
882
  "bg-transparent text-text-primary-normal",
879
883
  "hover:bg-background-action-secondary-hover",
880
- "focus:bg-background-action-secondary-hover",
884
+ "focus-visible:bg-background-action-secondary-hover",
881
885
  "data-selected:bg-background-action-secondary-hover",
886
+ "data-submenu-hovered:bg-background-action-secondary-hover",
882
887
  "active:bg-background-action-secondary-active"
883
888
  );
884
889
  const normalDisabledStyles = variant === "normal" && disabled && (0, import_clsx6.default)("text-text-primary-disabled");
885
890
  const actionStyles = variant === "action" && !disabled && (0, import_clsx6.default)(
886
891
  "text-action-400 bg-transparent",
887
892
  "hover:bg-background-action-secondary-hover hover:text-text-action-hover",
888
- "focus:bg-background-action-secondary-hover focus:text-text-action-hover",
893
+ "focus-visible:bg-background-action-secondary-hover focus-visible:text-text-action-hover",
889
894
  "data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
895
+ "data-submenu-hovered:bg-background-action-secondary-active data-submenu-hovered:text-text-action-active",
890
896
  "active:bg-background-action-secondary-active active:text-text-action-active"
891
897
  );
892
898
  const actionDisabledStyles = variant === "action" && disabled && (0, import_clsx6.default)("text-text-action-disabled");
@@ -938,7 +944,10 @@ var MenuOption = ({
938
944
  "div",
939
945
  {
940
946
  onMouseEnter: handleSubMenuEnter,
941
- onMouseLeave: handleMouseLeave,
947
+ onMouseLeave: () => {
948
+ handleMouseLeave();
949
+ setIsSubMenuHovered(false);
950
+ },
942
951
  "data-submenu-parent": menuId.current,
943
952
  "data-menu-level": subMenuLevel + 1,
944
953
  children: subMenu({
@@ -948,7 +957,8 @@ var MenuOption = ({
948
957
  position: "right",
949
958
  subMenuLevel,
950
959
  mobileBackMenuOption,
951
- mobileHide: isMobile && activeMenu !== menuId.current
960
+ mobileHide: isMobile && activeMenu !== menuId.current,
961
+ autoFocusOff: true
952
962
  })
953
963
  }
954
964
  )
package/dist/components/MobileDataGrid/ColumnSelector/index.css CHANGED
@@ -3296,11 +3296,6 @@
3296
3296
  color: var(--color-text-action-critical-hover);
3297
3297
  }
3298
3298
  }
3299
- .focus\:text-text-action-hover {
3300
- &:focus {
3301
- color: var(--color-text-action-hover);
3302
- }
3303
- }
3304
3299
  .focus\:text-text-action-primary-hover {
3305
3300
  &:focus {
3306
3301
  color: var(--color-text-action-primary-hover);
@@ -3344,6 +3339,16 @@
3344
3339
  outline-style: none;
3345
3340
  }
3346
3341
  }
3342
+ .focus-visible\:bg-background-action-secondary-hover {
3343
+ &:focus-visible {
3344
+ background-color: var(--color-background-action-secondary-hover);
3345
+ }
3346
+ }
3347
+ .focus-visible\:text-text-action-hover {
3348
+ &:focus-visible {
3349
+ color: var(--color-text-action-hover);
3350
+ }
3351
+ }
3347
3352
  .focus-visible\:ring-2 {
3348
3353
  &:focus-visible {
3349
3354
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3796,6 +3801,21 @@
3796
3801
  }
3797
3802
  }
3798
3803
  }
3804
+ .data-submenu-hovered\:bg-background-action-secondary-active {
3805
+ &[data-submenu-hovered] {
3806
+ background-color: var(--color-background-action-secondary-active);
3807
+ }
3808
+ }
3809
+ .data-submenu-hovered\:bg-background-action-secondary-hover {
3810
+ &[data-submenu-hovered] {
3811
+ background-color: var(--color-background-action-secondary-hover);
3812
+ }
3813
+ }
3814
+ .data-submenu-hovered\:text-text-action-active {
3815
+ &[data-submenu-hovered] {
3816
+ color: var(--color-text-action-active);
3817
+ }
3818
+ }
3799
3819
  .data-\[focus\]\:outline-1 {
3800
3820
  &[data-focus] {
3801
3821
  outline-style: var(--tw-outline-style);
package/dist/components/MobileDataGrid/ColumnSelector/index.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  ColumnSelector
3
- } from "../../../chunk-LJWQEZUS.js";
3
+ } from "../../../chunk-QV3NANQC.js";
4
4
  import "../../../chunk-M7INAUAJ.js";
5
- import "../../../chunk-ELXVDRWS.js";
5
+ import "../../../chunk-D4TFZ2WM.js";
6
6
  import "../../../chunk-3UUCDNX3.js";
7
7
  import "../../../chunk-FJRYHJUV.js";
8
8
  import "../../../chunk-BQNPOGD5.js";
9
9
  import "../../../chunk-Y5GD2FJA.js";
10
- import "../../../chunk-6XLESQ2U.js";
10
+ import "../../../chunk-B2O4TEOI.js";
11
11
  import "../../../chunk-VOSQMHNF.js";
12
- import "../../../chunk-YJGDVWTH.js";
12
+ import "../../../chunk-VS53C5ZD.js";
13
13
  import "../../../chunk-S5ZJ3Q7P.js";
14
14
  import "../../../chunk-MBZ55T2D.js";
15
15
  import "../../../chunk-2IKT6IHB.js";
@@ -20,34 +20,34 @@ import "../../../chunk-5YNEY3WO.js";
20
20
  import "../../../chunk-5IFPG6TS.js";
21
21
  import "../../../chunk-AJ5M6MVX.js";
22
22
  import "../../../chunk-UI7P5J5S.js";
23
- import "../../../chunk-56RPZLV7.js";
23
+ import "../../../chunk-5DQVYX6H.js";
24
24
  import "../../../chunk-MDB26F6T.js";
25
25
  import "../../../chunk-AT4AWD6B.js";
26
26
  import "../../../chunk-EWGHVZL5.js";
27
+ import "../../../chunk-2TNHD4MQ.js";
27
28
  import "../../../chunk-OWHPPZZA.js";
28
29
  import "../../../chunk-L3BXRDLP.js";
29
30
  import "../../../chunk-34VEVX5H.js";
30
31
  import "../../../chunk-LB7UT6F3.js";
31
- import "../../../chunk-2TNHD4MQ.js";
32
- import "../../../chunk-BMPL6LCR.js";
32
+ import "../../../chunk-LJLHGLTS.js";
33
33
  import "../../../chunk-4RJKB7LC.js";
34
+ import "../../../chunk-25RZP3VR.js";
34
35
  import "../../../chunk-WVVEOCEH.js";
35
- import "../../../chunk-CMMQTIVM.js";
36
+ import "../../../chunk-TAPYQBQU.js";
36
37
  import "../../../chunk-AG43RS4Q.js";
37
- import "../../../chunk-AKJUBFJK.js";
38
- import "../../../chunk-SUSUNSVZ.js";
39
38
  import "../../../chunk-SBRRNFOP.js";
40
- import "../../../chunk-Y2GK27RX.js";
41
39
  import "../../../chunk-QVWYTQKL.js";
42
- import "../../../chunk-CHUKGR7S.js";
40
+ import "../../../chunk-SUSUNSVZ.js";
41
+ import "../../../chunk-75USUR3I.js";
42
+ import "../../../chunk-Y2GK27RX.js";
43
+ import "../../../chunk-F6RZ7MUE.js";
43
44
  import "../../../chunk-TCMOGTPB.js";
44
45
  import "../../../chunk-DVU5XV7L.js";
45
- import "../../../chunk-KOU2TO3N.js";
46
+ import "../../../chunk-LKKFQLWD.js";
46
47
  import "../../../chunk-HK4S6TRH.js";
47
48
  import "../../../chunk-KPBG7D3V.js";
48
49
  import "../../../chunk-HXGJVYGQ.js";
49
50
  import "../../../chunk-WVUIIBRR.js";
50
- import "../../../chunk-75USUR3I.js";
51
51
  import "../../../chunk-PS6UJZVH.js";
52
52
  import "../../../chunk-M7WHWZ2J.js";
53
53
  import "../../../chunk-TMHOK37S.js";
@@ -58,12 +58,12 @@ import "../../../chunk-5UH6QUFB.js";
58
58
  import "../../../chunk-BYC6QID5.js";
59
59
  import "../../../chunk-MUOYLXBF.js";
60
60
  import "../../../chunk-KBJZUVLM.js";
61
- import "../../../chunk-SPJ6V6WJ.js";
61
+ import "../../../chunk-BWBSDSA7.js";
62
62
  import "../../../chunk-MXSJF6TW.js";
63
+ import "../../../chunk-45AHDOAU.js";
63
64
  import "../../../chunk-WMPWWFUJ.js";
64
65
  import "../../../chunk-TPXH53SA.js";
65
66
  import "../../../chunk-NKUETCDA.js";
66
- import "../../../chunk-45AHDOAU.js";
67
67
  import "../../../chunk-7KWFEH56.js";
68
68
  import "../../../chunk-ORMEWXMH.js";
69
69
  export {
package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs CHANGED
@@ -1272,6 +1272,7 @@ var MenuOption = ({
1272
1272
  const actualRef = ref || internalRef;
1273
1273
  const menuId = (0, import_react6.useRef)(`menu-${uniqueId}`);
1274
1274
  const isMobile = useMatchesMobile();
1275
+ const [isSubMenuHovered, setIsSubMenuHovered] = (0, import_react6.useState)(false);
1275
1276
  const handleMouseEnter = () => {
1276
1277
  if (subMenu && onSubMenuHover && !disabled) {
1277
1278
  onSubMenuHover(menuId.current, subMenuLevel);
@@ -1281,6 +1282,7 @@ var MenuOption = ({
1281
1282
  if (subMenu && onSubMenuLeave && !disabled) {
1282
1283
  onSubMenuLeave(subMenuLevel);
1283
1284
  }
1285
+ setIsSubMenuHovered(false);
1284
1286
  };
1285
1287
  const handleMouseMove = () => {
1286
1288
  if (subMenu && onMouseMove && !disabled) {
@@ -1291,9 +1293,11 @@ var MenuOption = ({
1291
1293
  if (onSubMenuEnter) {
1292
1294
  onSubMenuEnter();
1293
1295
  }
1296
+ setIsSubMenuHovered(true);
1294
1297
  };
1295
1298
  const additionalAttributes = {
1296
- "data-selected": selected || null
1299
+ "data-selected": selected || null,
1300
+ "data-submenu-hovered": isSubMenuHovered || null
1297
1301
  };
1298
1302
  const svgStyles = (0, import_clsx9.default)(
1299
1303
  "[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
@@ -1302,16 +1306,18 @@ var MenuOption = ({
1302
1306
  const normalStyles = variant === "normal" && !disabled && (0, import_clsx9.default)(
1303
1307
  "bg-transparent text-text-primary-normal",
1304
1308
  "hover:bg-background-action-secondary-hover",
1305
- "focus:bg-background-action-secondary-hover",
1309
+ "focus-visible:bg-background-action-secondary-hover",
1306
1310
  "data-selected:bg-background-action-secondary-hover",
1311
+ "data-submenu-hovered:bg-background-action-secondary-hover",
1307
1312
  "active:bg-background-action-secondary-active"
1308
1313
  );
1309
1314
  const normalDisabledStyles = variant === "normal" && disabled && (0, import_clsx9.default)("text-text-primary-disabled");
1310
1315
  const actionStyles = variant === "action" && !disabled && (0, import_clsx9.default)(
1311
1316
  "text-action-400 bg-transparent",
1312
1317
  "hover:bg-background-action-secondary-hover hover:text-text-action-hover",
1313
- "focus:bg-background-action-secondary-hover focus:text-text-action-hover",
1318
+ "focus-visible:bg-background-action-secondary-hover focus-visible:text-text-action-hover",
1314
1319
  "data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
1320
+ "data-submenu-hovered:bg-background-action-secondary-active data-submenu-hovered:text-text-action-active",
1315
1321
  "active:bg-background-action-secondary-active active:text-text-action-active"
1316
1322
  );
1317
1323
  const actionDisabledStyles = variant === "action" && disabled && (0, import_clsx9.default)("text-text-action-disabled");
@@ -1363,7 +1369,10 @@ var MenuOption = ({
1363
1369
  "div",
1364
1370
  {
1365
1371
  onMouseEnter: handleSubMenuEnter,
1366
- onMouseLeave: handleMouseLeave,
1372
+ onMouseLeave: () => {
1373
+ handleMouseLeave();
1374
+ setIsSubMenuHovered(false);
1375
+ },
1367
1376
  "data-submenu-parent": menuId.current,
1368
1377
  "data-menu-level": subMenuLevel + 1,
1369
1378
  children: subMenu({
@@ -1373,7 +1382,8 @@ var MenuOption = ({
1373
1382
  position: "right",
1374
1383
  subMenuLevel,
1375
1384
  mobileBackMenuOption,
1376
- mobileHide: isMobile && activeMenu !== menuId.current
1385
+ mobileHide: isMobile && activeMenu !== menuId.current,
1386
+ autoFocusOff: true
1377
1387
  })
1378
1388
  }
1379
1389
  )
package/dist/components/MobileDataGrid/MobileDataGridHeader.css CHANGED
@@ -3296,11 +3296,6 @@
3296
3296
  color: var(--color-text-action-critical-hover);
3297
3297
  }
3298
3298
  }
3299
- .focus\:text-text-action-hover {
3300
- &:focus {
3301
- color: var(--color-text-action-hover);
3302
- }
3303
- }
3304
3299
  .focus\:text-text-action-primary-hover {
3305
3300
  &:focus {
3306
3301
  color: var(--color-text-action-primary-hover);
@@ -3344,6 +3339,16 @@
3344
3339
  outline-style: none;
3345
3340
  }
3346
3341
  }
3342
+ .focus-visible\:bg-background-action-secondary-hover {
3343
+ &:focus-visible {
3344
+ background-color: var(--color-background-action-secondary-hover);
3345
+ }
3346
+ }
3347
+ .focus-visible\:text-text-action-hover {
3348
+ &:focus-visible {
3349
+ color: var(--color-text-action-hover);
3350
+ }
3351
+ }
3347
3352
  .focus-visible\:ring-2 {
3348
3353
  &:focus-visible {
3349
3354
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3796,6 +3801,21 @@
3796
3801
  }
3797
3802
  }
3798
3803
  }
3804
+ .data-submenu-hovered\:bg-background-action-secondary-active {
3805
+ &[data-submenu-hovered] {
3806
+ background-color: var(--color-background-action-secondary-active);
3807
+ }
3808
+ }
3809
+ .data-submenu-hovered\:bg-background-action-secondary-hover {
3810
+ &[data-submenu-hovered] {
3811
+ background-color: var(--color-background-action-secondary-hover);
3812
+ }
3813
+ }
3814
+ .data-submenu-hovered\:text-text-action-active {
3815
+ &[data-submenu-hovered] {
3816
+ color: var(--color-text-action-active);
3817
+ }
3818
+ }
3799
3819
  .data-\[focus\]\:outline-1 {
3800
3820
  &[data-focus] {
3801
3821
  outline-style: var(--tw-outline-style);
package/dist/components/MobileDataGrid/MobileDataGridHeader.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  MobileDataGridHeader
3
- } from "../../chunk-LJWQEZUS.js";
3
+ } from "../../chunk-QV3NANQC.js";
4
4
  import "../../chunk-M7INAUAJ.js";
5
- import "../../chunk-ELXVDRWS.js";
5
+ import "../../chunk-D4TFZ2WM.js";
6
6
  import "../../chunk-3UUCDNX3.js";
7
7
  import "../../chunk-FJRYHJUV.js";
8
8
  import "../../chunk-BQNPOGD5.js";
9
9
  import "../../chunk-Y5GD2FJA.js";
10
- import "../../chunk-6XLESQ2U.js";
10
+ import "../../chunk-B2O4TEOI.js";
11
11
  import "../../chunk-VOSQMHNF.js";
12
- import "../../chunk-YJGDVWTH.js";
12
+ import "../../chunk-VS53C5ZD.js";
13
13
  import "../../chunk-S5ZJ3Q7P.js";
14
14
  import "../../chunk-MBZ55T2D.js";
15
15
  import "../../chunk-2IKT6IHB.js";
@@ -20,34 +20,34 @@ import "../../chunk-5YNEY3WO.js";
20
20
  import "../../chunk-5IFPG6TS.js";
21
21
  import "../../chunk-AJ5M6MVX.js";
22
22
  import "../../chunk-UI7P5J5S.js";
23
- import "../../chunk-56RPZLV7.js";
23
+ import "../../chunk-5DQVYX6H.js";
24
24
  import "../../chunk-MDB26F6T.js";
25
25
  import "../../chunk-AT4AWD6B.js";
26
26
  import "../../chunk-EWGHVZL5.js";
27
+ import "../../chunk-2TNHD4MQ.js";
27
28
  import "../../chunk-OWHPPZZA.js";
28
29
  import "../../chunk-L3BXRDLP.js";
29
30
  import "../../chunk-34VEVX5H.js";
30
31
  import "../../chunk-LB7UT6F3.js";
31
- import "../../chunk-2TNHD4MQ.js";
32
- import "../../chunk-BMPL6LCR.js";
32
+ import "../../chunk-LJLHGLTS.js";
33
33
  import "../../chunk-4RJKB7LC.js";
34
+ import "../../chunk-25RZP3VR.js";
34
35
  import "../../chunk-WVVEOCEH.js";
35
- import "../../chunk-CMMQTIVM.js";
36
+ import "../../chunk-TAPYQBQU.js";
36
37
  import "../../chunk-AG43RS4Q.js";
37
- import "../../chunk-AKJUBFJK.js";
38
- import "../../chunk-SUSUNSVZ.js";
39
38
  import "../../chunk-SBRRNFOP.js";
40
- import "../../chunk-Y2GK27RX.js";
41
39
  import "../../chunk-QVWYTQKL.js";
42
- import "../../chunk-CHUKGR7S.js";
40
+ import "../../chunk-SUSUNSVZ.js";
41
+ import "../../chunk-75USUR3I.js";
42
+ import "../../chunk-Y2GK27RX.js";
43
+ import "../../chunk-F6RZ7MUE.js";
43
44
  import "../../chunk-TCMOGTPB.js";
44
45
  import "../../chunk-DVU5XV7L.js";
45
- import "../../chunk-KOU2TO3N.js";
46
+ import "../../chunk-LKKFQLWD.js";
46
47
  import "../../chunk-HK4S6TRH.js";
47
48
  import "../../chunk-KPBG7D3V.js";
48
49
  import "../../chunk-HXGJVYGQ.js";
49
50
  import "../../chunk-WVUIIBRR.js";
50
- import "../../chunk-75USUR3I.js";
51
51
  import "../../chunk-PS6UJZVH.js";
52
52
  import "../../chunk-M7WHWZ2J.js";
53
53
  import "../../chunk-TMHOK37S.js";
@@ -58,12 +58,12 @@ import "../../chunk-5UH6QUFB.js";
58
58
  import "../../chunk-BYC6QID5.js";
59
59
  import "../../chunk-MUOYLXBF.js";
60
60
  import "../../chunk-KBJZUVLM.js";
61
- import "../../chunk-SPJ6V6WJ.js";
61
+ import "../../chunk-BWBSDSA7.js";
62
62
  import "../../chunk-MXSJF6TW.js";
63
+ import "../../chunk-45AHDOAU.js";
63
64
  import "../../chunk-WMPWWFUJ.js";
64
65
  import "../../chunk-TPXH53SA.js";
65
66
  import "../../chunk-NKUETCDA.js";
66
- import "../../chunk-45AHDOAU.js";
67
67
  import "../../chunk-7KWFEH56.js";
68
68
  import "../../chunk-ORMEWXMH.js";
69
69
  export {
package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js CHANGED
@@ -1,25 +1,25 @@
1
1
  import {
2
2
  RowDetailModalProvider
3
- } from "../../../chunk-ELXVDRWS.js";
3
+ } from "../../../chunk-D4TFZ2WM.js";
4
4
  import "../../../chunk-3UUCDNX3.js";
5
5
  import "../../../chunk-5IFPG6TS.js";
6
6
  import "../../../chunk-AJ5M6MVX.js";
7
7
  import "../../../chunk-UI7P5J5S.js";
8
- import "../../../chunk-BMPL6LCR.js";
8
+ import "../../../chunk-LJLHGLTS.js";
9
9
  import "../../../chunk-4RJKB7LC.js";
10
+ import "../../../chunk-25RZP3VR.js";
10
11
  import "../../../chunk-WVVEOCEH.js";
11
- import "../../../chunk-CMMQTIVM.js";
12
+ import "../../../chunk-TAPYQBQU.js";
12
13
  import "../../../chunk-AG43RS4Q.js";
13
- import "../../../chunk-AKJUBFJK.js";
14
14
  import "../../../chunk-URYQ24NF.js";
15
15
  import "../../../chunk-VXWSAIB5.js";
16
16
  import "../../../chunk-R3EQIDBX.js";
17
17
  import "../../../chunk-5UH6QUFB.js";
18
18
  import "../../../chunk-MXSJF6TW.js";
19
+ import "../../../chunk-45AHDOAU.js";
19
20
  import "../../../chunk-WMPWWFUJ.js";
20
21
  import "../../../chunk-TPXH53SA.js";
21
22
  import "../../../chunk-NKUETCDA.js";
22
- import "../../../chunk-45AHDOAU.js";
23
23
  import "../../../chunk-7KWFEH56.js";
24
24
  import "../../../chunk-ORMEWXMH.js";
25
25
  export {