@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
@@ -3,13 +3,13 @@ import {
3
3
  } from "./chunk-VOSQMHNF.js";
4
4
  import {
5
5
  PdfNavigation
6
- } from "./chunk-YJGDVWTH.js";
6
+ } from "./chunk-VS53C5ZD.js";
7
7
  import {
8
8
  DownloadIcon
9
- } from "./chunk-56RPZLV7.js";
9
+ } from "./chunk-5DQVYX6H.js";
10
10
  import {
11
11
  Modal
12
- } from "./chunk-BMPL6LCR.js";
12
+ } from "./chunk-LJLHGLTS.js";
13
13
 
14
14
  // src/components/PDFViewer/index.tsx
15
15
  import { useCallback, useEffect, useState } from "react";
@@ -6,19 +6,19 @@ import {
6
6
  } from "./chunk-5IFPG6TS.js";
7
7
  import {
8
8
  Modal
9
- } from "./chunk-BMPL6LCR.js";
9
+ } from "./chunk-LJLHGLTS.js";
10
10
  import {
11
11
  Heading2
12
12
  } from "./chunk-MXSJF6TW.js";
13
+ import {
14
+ Button
15
+ } from "./chunk-45AHDOAU.js";
13
16
  import {
14
17
  Stack
15
18
  } from "./chunk-TPXH53SA.js";
16
19
  import {
17
20
  Icon
18
21
  } from "./chunk-NKUETCDA.js";
19
- import {
20
- Button
21
- } from "./chunk-45AHDOAU.js";
22
22
 
23
23
  // src/components/MobileDataGrid/RowDetailModalProvider/index.tsx
24
24
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk-DVU5XV7L.js";
7
7
  import {
8
8
  MenuOption
9
- } from "./chunk-KOU2TO3N.js";
9
+ } from "./chunk-LKKFQLWD.js";
10
10
  import {
11
11
  Search
12
12
  } from "./chunk-HK4S6TRH.js";
@@ -1,18 +1,18 @@
1
1
  import {
2
2
  useMounted
3
3
  } from "./chunk-4RJKB7LC.js";
4
+ import {
5
+ ModalButtons
6
+ } from "./chunk-25RZP3VR.js";
4
7
  import {
5
8
  ModalContent
6
9
  } from "./chunk-WVVEOCEH.js";
7
10
  import {
8
11
  ModalHeader
9
- } from "./chunk-CMMQTIVM.js";
12
+ } from "./chunk-TAPYQBQU.js";
10
13
  import {
11
14
  ModalScrim
12
15
  } from "./chunk-AG43RS4Q.js";
13
- import {
14
- ModalButtons
15
- } from "./chunk-AKJUBFJK.js";
16
16
  import {
17
17
  useMatchesMobile
18
18
  } from "./chunk-URYQ24NF.js";
@@ -26,7 +26,7 @@ import {
26
26
 
27
27
  // src/components/MenuOption.tsx
28
28
  import clsx from "clsx";
29
- import { useId, useRef } from "react";
29
+ import { useId, useRef, useState } from "react";
30
30
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
31
31
  var MenuOption = ({
32
32
  id,
@@ -60,6 +60,7 @@ var MenuOption = ({
60
60
  const actualRef = ref || internalRef;
61
61
  const menuId = useRef(`menu-${uniqueId}`);
62
62
  const isMobile = useMatchesMobile();
63
+ const [isSubMenuHovered, setIsSubMenuHovered] = useState(false);
63
64
  const handleMouseEnter = () => {
64
65
  if (subMenu && onSubMenuHover && !disabled) {
65
66
  onSubMenuHover(menuId.current, subMenuLevel);
@@ -69,6 +70,7 @@ var MenuOption = ({
69
70
  if (subMenu && onSubMenuLeave && !disabled) {
70
71
  onSubMenuLeave(subMenuLevel);
71
72
  }
73
+ setIsSubMenuHovered(false);
72
74
  };
73
75
  const handleMouseMove = () => {
74
76
  if (subMenu && onMouseMove && !disabled) {
@@ -79,9 +81,11 @@ var MenuOption = ({
79
81
  if (onSubMenuEnter) {
80
82
  onSubMenuEnter();
81
83
  }
84
+ setIsSubMenuHovered(true);
82
85
  };
83
86
  const additionalAttributes = {
84
- "data-selected": selected || null
87
+ "data-selected": selected || null,
88
+ "data-submenu-hovered": isSubMenuHovered || null
85
89
  };
86
90
  const svgStyles = clsx(
87
91
  "[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
@@ -90,16 +94,18 @@ var MenuOption = ({
90
94
  const normalStyles = variant === "normal" && !disabled && clsx(
91
95
  "bg-transparent text-text-primary-normal",
92
96
  "hover:bg-background-action-secondary-hover",
93
- "focus:bg-background-action-secondary-hover",
97
+ "focus-visible:bg-background-action-secondary-hover",
94
98
  "data-selected:bg-background-action-secondary-hover",
99
+ "data-submenu-hovered:bg-background-action-secondary-hover",
95
100
  "active:bg-background-action-secondary-active"
96
101
  );
97
102
  const normalDisabledStyles = variant === "normal" && disabled && clsx("text-text-primary-disabled");
98
103
  const actionStyles = variant === "action" && !disabled && clsx(
99
104
  "text-action-400 bg-transparent",
100
105
  "hover:bg-background-action-secondary-hover hover:text-text-action-hover",
101
- "focus:bg-background-action-secondary-hover focus:text-text-action-hover",
106
+ "focus-visible:bg-background-action-secondary-hover focus-visible:text-text-action-hover",
102
107
  "data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
108
+ "data-submenu-hovered:bg-background-action-secondary-active data-submenu-hovered:text-text-action-active",
103
109
  "active:bg-background-action-secondary-active active:text-text-action-active"
104
110
  );
105
111
  const actionDisabledStyles = variant === "action" && disabled && clsx("text-text-action-disabled");
@@ -151,7 +157,10 @@ var MenuOption = ({
151
157
  "div",
152
158
  {
153
159
  onMouseEnter: handleSubMenuEnter,
154
- onMouseLeave: handleMouseLeave,
160
+ onMouseLeave: () => {
161
+ handleMouseLeave();
162
+ setIsSubMenuHovered(false);
163
+ },
155
164
  "data-submenu-parent": menuId.current,
156
165
  "data-menu-level": subMenuLevel + 1,
157
166
  children: subMenu({
@@ -161,7 +170,8 @@ var MenuOption = ({
161
170
  position: "right",
162
171
  subMenuLevel,
163
172
  mobileBackMenuOption,
164
- mobileHide: isMobile && activeMenu !== menuId.current
173
+ mobileHide: isMobile && activeMenu !== menuId.current,
174
+ autoFocusOff: true
165
175
  })
166
176
  }
167
177
  )
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk-M7INAUAJ.js";
4
4
  import {
5
5
  RowDetailModalProvider
6
- } from "./chunk-ELXVDRWS.js";
6
+ } from "./chunk-D4TFZ2WM.js";
7
7
  import {
8
8
  ColumnList
9
9
  } from "./chunk-PRN2EQBX.js";
@@ -24,13 +24,13 @@ import {
24
24
  DataGridCell,
25
25
  DragAlongCell,
26
26
  DraggableCellHeader
27
- } from "./chunk-CHUKGR7S.js";
27
+ } from "./chunk-F6RZ7MUE.js";
28
28
  import {
29
29
  Menu
30
30
  } from "./chunk-TCMOGTPB.js";
31
31
  import {
32
32
  MenuOption
33
- } from "./chunk-KOU2TO3N.js";
33
+ } from "./chunk-LKKFQLWD.js";
34
34
  import {
35
35
  Search
36
36
  } from "./chunk-HK4S6TRH.js";
@@ -67,6 +67,9 @@ import {
67
67
  import {
68
68
  Heading3
69
69
  } from "./chunk-MXSJF6TW.js";
70
+ import {
71
+ Button
72
+ } from "./chunk-45AHDOAU.js";
70
73
  import {
71
74
  Paragraph
72
75
  } from "./chunk-WMPWWFUJ.js";
@@ -76,9 +79,6 @@ import {
76
79
  import {
77
80
  Icon
78
81
  } from "./chunk-NKUETCDA.js";
79
- import {
80
- Button
81
- } from "./chunk-45AHDOAU.js";
82
82
  import {
83
83
  componentGap,
84
84
  componentPadding,
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  Alert
3
- } from "../chunk-SPJ6V6WJ.js";
3
+ } from "../chunk-BWBSDSA7.js";
4
4
  import "../chunk-MXSJF6TW.js";
5
+ import "../chunk-45AHDOAU.js";
5
6
  import "../chunk-WMPWWFUJ.js";
6
7
  import "../chunk-TPXH53SA.js";
7
8
  import "../chunk-NKUETCDA.js";
8
- import "../chunk-45AHDOAU.js";
9
9
  import "../chunk-7KWFEH56.js";
10
10
  import "../chunk-ORMEWXMH.js";
11
11
  export {
@@ -853,6 +853,7 @@ var MenuOption = ({
853
853
  const actualRef = ref || internalRef;
854
854
  const menuId = (0, import_react6.useRef)(`menu-${uniqueId}`);
855
855
  const isMobile = useMatchesMobile();
856
+ const [isSubMenuHovered, setIsSubMenuHovered] = (0, import_react6.useState)(false);
856
857
  const handleMouseEnter = () => {
857
858
  if (subMenu && onSubMenuHover && !disabled) {
858
859
  onSubMenuHover(menuId.current, subMenuLevel);
@@ -862,6 +863,7 @@ var MenuOption = ({
862
863
  if (subMenu && onSubMenuLeave && !disabled) {
863
864
  onSubMenuLeave(subMenuLevel);
864
865
  }
866
+ setIsSubMenuHovered(false);
865
867
  };
866
868
  const handleMouseMove = () => {
867
869
  if (subMenu && onMouseMove && !disabled) {
@@ -872,9 +874,11 @@ var MenuOption = ({
872
874
  if (onSubMenuEnter) {
873
875
  onSubMenuEnter();
874
876
  }
877
+ setIsSubMenuHovered(true);
875
878
  };
876
879
  const additionalAttributes = {
877
- "data-selected": selected || null
880
+ "data-selected": selected || null,
881
+ "data-submenu-hovered": isSubMenuHovered || null
878
882
  };
879
883
  const svgStyles = (0, import_clsx6.default)(
880
884
  "[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
@@ -883,16 +887,18 @@ var MenuOption = ({
883
887
  const normalStyles = variant === "normal" && !disabled && (0, import_clsx6.default)(
884
888
  "bg-transparent text-text-primary-normal",
885
889
  "hover:bg-background-action-secondary-hover",
886
- "focus:bg-background-action-secondary-hover",
890
+ "focus-visible:bg-background-action-secondary-hover",
887
891
  "data-selected:bg-background-action-secondary-hover",
892
+ "data-submenu-hovered:bg-background-action-secondary-hover",
888
893
  "active:bg-background-action-secondary-active"
889
894
  );
890
895
  const normalDisabledStyles = variant === "normal" && disabled && (0, import_clsx6.default)("text-text-primary-disabled");
891
896
  const actionStyles = variant === "action" && !disabled && (0, import_clsx6.default)(
892
897
  "text-action-400 bg-transparent",
893
898
  "hover:bg-background-action-secondary-hover hover:text-text-action-hover",
894
- "focus:bg-background-action-secondary-hover focus:text-text-action-hover",
899
+ "focus-visible:bg-background-action-secondary-hover focus-visible:text-text-action-hover",
895
900
  "data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
901
+ "data-submenu-hovered:bg-background-action-secondary-active data-submenu-hovered:text-text-action-active",
896
902
  "active:bg-background-action-secondary-active active:text-text-action-active"
897
903
  );
898
904
  const actionDisabledStyles = variant === "action" && disabled && (0, import_clsx6.default)("text-text-action-disabled");
@@ -944,7 +950,10 @@ var MenuOption = ({
944
950
  "div",
945
951
  {
946
952
  onMouseEnter: handleSubMenuEnter,
947
- onMouseLeave: handleMouseLeave,
953
+ onMouseLeave: () => {
954
+ handleMouseLeave();
955
+ setIsSubMenuHovered(false);
956
+ },
948
957
  "data-submenu-parent": menuId.current,
949
958
  "data-menu-level": subMenuLevel + 1,
950
959
  children: subMenu({
@@ -954,7 +963,8 @@ var MenuOption = ({
954
963
  position: "right",
955
964
  subMenuLevel,
956
965
  mobileBackMenuOption,
957
- mobileHide: isMobile && activeMenu !== menuId.current
966
+ mobileHide: isMobile && activeMenu !== menuId.current,
967
+ autoFocusOff: true
958
968
  })
959
969
  }
960
970
  )
@@ -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);
@@ -2,16 +2,16 @@ import {
2
2
  CalendarRange,
3
3
  CalendarRange_default,
4
4
  isWeekend
5
- } from "../chunk-LJWQEZUS.js";
5
+ } from "../chunk-QV3NANQC.js";
6
6
  import "../chunk-M7INAUAJ.js";
7
- import "../chunk-ELXVDRWS.js";
7
+ import "../chunk-D4TFZ2WM.js";
8
8
  import "../chunk-3UUCDNX3.js";
9
9
  import "../chunk-FJRYHJUV.js";
10
10
  import "../chunk-BQNPOGD5.js";
11
11
  import "../chunk-Y5GD2FJA.js";
12
- import "../chunk-6XLESQ2U.js";
12
+ import "../chunk-B2O4TEOI.js";
13
13
  import "../chunk-VOSQMHNF.js";
14
- import "../chunk-YJGDVWTH.js";
14
+ import "../chunk-VS53C5ZD.js";
15
15
  import "../chunk-S5ZJ3Q7P.js";
16
16
  import "../chunk-MBZ55T2D.js";
17
17
  import "../chunk-2IKT6IHB.js";
@@ -22,34 +22,34 @@ import "../chunk-5YNEY3WO.js";
22
22
  import "../chunk-5IFPG6TS.js";
23
23
  import "../chunk-AJ5M6MVX.js";
24
24
  import "../chunk-UI7P5J5S.js";
25
- import "../chunk-56RPZLV7.js";
25
+ import "../chunk-5DQVYX6H.js";
26
26
  import "../chunk-MDB26F6T.js";
27
27
  import "../chunk-AT4AWD6B.js";
28
28
  import "../chunk-EWGHVZL5.js";
29
+ import "../chunk-2TNHD4MQ.js";
29
30
  import "../chunk-OWHPPZZA.js";
30
31
  import "../chunk-L3BXRDLP.js";
31
32
  import "../chunk-34VEVX5H.js";
32
33
  import "../chunk-LB7UT6F3.js";
33
- import "../chunk-2TNHD4MQ.js";
34
- import "../chunk-BMPL6LCR.js";
34
+ import "../chunk-LJLHGLTS.js";
35
35
  import "../chunk-4RJKB7LC.js";
36
+ import "../chunk-25RZP3VR.js";
36
37
  import "../chunk-WVVEOCEH.js";
37
- import "../chunk-CMMQTIVM.js";
38
+ import "../chunk-TAPYQBQU.js";
38
39
  import "../chunk-AG43RS4Q.js";
39
- import "../chunk-AKJUBFJK.js";
40
- import "../chunk-SUSUNSVZ.js";
41
40
  import "../chunk-SBRRNFOP.js";
42
- import "../chunk-Y2GK27RX.js";
43
41
  import "../chunk-QVWYTQKL.js";
44
- import "../chunk-CHUKGR7S.js";
42
+ import "../chunk-SUSUNSVZ.js";
43
+ import "../chunk-75USUR3I.js";
44
+ import "../chunk-Y2GK27RX.js";
45
+ import "../chunk-F6RZ7MUE.js";
45
46
  import "../chunk-TCMOGTPB.js";
46
47
  import "../chunk-DVU5XV7L.js";
47
- import "../chunk-KOU2TO3N.js";
48
+ import "../chunk-LKKFQLWD.js";
48
49
  import "../chunk-HK4S6TRH.js";
49
50
  import "../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";
@@ -60,12 +60,12 @@ import "../chunk-5UH6QUFB.js";
60
60
  import "../chunk-BYC6QID5.js";
61
61
  import "../chunk-MUOYLXBF.js";
62
62
  import "../chunk-KBJZUVLM.js";
63
- import "../chunk-SPJ6V6WJ.js";
63
+ import "../chunk-BWBSDSA7.js";
64
64
  import "../chunk-MXSJF6TW.js";
65
+ import "../chunk-45AHDOAU.js";
65
66
  import "../chunk-WMPWWFUJ.js";
66
67
  import "../chunk-TPXH53SA.js";
67
68
  import "../chunk-NKUETCDA.js";
68
- import "../chunk-45AHDOAU.js";
69
69
  import "../chunk-7KWFEH56.js";
70
70
  import "../chunk-ORMEWXMH.js";
71
71
  export {
@@ -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
  )
@@ -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);
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  ColumnSelectorMenuOption
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 {