@rankingcoach/vanguard 1.4.1 → 1.5.0

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 (157) hide show
  1. package/dist/index-Accordion2.js +1 -1
  2. package/dist/index-AccordionDetails.js +1 -1
  3. package/dist/index-AccordionSummary.js +1 -1
  4. package/dist/index-AiGlow.js +1 -1
  5. package/dist/index-AppBar2.js +1 -1
  6. package/dist/index-Autocomplete.js +2 -2
  7. package/dist/index-Autocomplete2.js +1 -1
  8. package/dist/index-Backdrop.js +1 -1
  9. package/dist/index-BasePopper.js +1 -1
  10. package/dist/index-Box.js +1 -1
  11. package/dist/index-Button2.js +1 -1
  12. package/dist/index-ButtonBase.js +1 -1
  13. package/dist/index-CSSTransition.js +1 -1
  14. package/dist/index-CalendarPicker.js +1 -1
  15. package/dist/index-Chip.js +1 -1
  16. package/dist/index-ClickAwayListener.js +1 -1
  17. package/dist/index-ClockPicker.js +1 -1
  18. package/dist/index-Collapse2.js +1 -1
  19. package/dist/index-ControlledValuePlugin.js +1 -1
  20. package/dist/index-DateInput.js +4 -4
  21. package/dist/index-DatePicker2.js +1 -1
  22. package/dist/index-DefaultPropsProvider.js +1 -1
  23. package/dist/index-DefaultPropsProvider2.js +1 -1
  24. package/dist/index-DefaultValuePlugin.js +1 -1
  25. package/dist/index-DesktopDatePicker.js +1 -1
  26. package/dist/index-Dialog.js +1 -1
  27. package/dist/index-DialogActions.js +1 -1
  28. package/dist/index-DialogContent.js +1 -1
  29. package/dist/index-Drawer.js +1 -1
  30. package/dist/index-Drawer2.js +1 -1
  31. package/dist/index-DropdownMenu.js +1 -1
  32. package/dist/index-Fade.js +1 -1
  33. package/dist/index-FilledInput.js +1 -1
  34. package/dist/index-FocusTrap.js +1 -1
  35. package/dist/index-FormControl2.js +1 -1
  36. package/dist/index-FormHelperText.js +1 -1
  37. package/dist/index-FormLabel.js +1 -1
  38. package/dist/index-GlobalStyles.js +1 -1
  39. package/dist/index-GlobalStyles2.js +1 -1
  40. package/dist/index-GlobalStyles3.js +1 -1
  41. package/dist/index-Grid.js +1 -1
  42. package/dist/index-Grow.js +1 -1
  43. package/dist/index-Header.js +1 -1
  44. package/dist/index-HyperlinkPlugin.js +1 -1
  45. package/dist/index-IconButton2.js +1 -1
  46. package/dist/index-Input2.js +1 -1
  47. package/dist/index-InputAdornment.js +1 -1
  48. package/dist/index-InputBase.js +142 -142
  49. package/dist/index-InputBase2.js +1 -1
  50. package/dist/index-InputLabel.js +1 -1
  51. package/dist/index-InputRangeField.js +1 -1
  52. package/dist/index-KeywordNode.js +1 -1
  53. package/dist/index-KeywordPlugin.js +1 -1
  54. package/dist/index-LinearProgress.js +1 -1
  55. package/dist/index-List2.js +1 -1
  56. package/dist/index-ListSubheader.js +1 -1
  57. package/dist/index-LocalizationProvider.js +1 -1
  58. package/dist/index-Menu.js +41 -251
  59. package/dist/index-Menu2.js +254 -0
  60. package/dist/index-MenuItem.js +38 -237
  61. package/dist/index-MenuItem2.js +240 -0
  62. package/dist/index-MenuList.js +1 -1
  63. package/dist/index-MobileDatePicker.js +1 -1
  64. package/dist/index-Modal2.js +1 -1
  65. package/dist/index-Month.js +2 -2
  66. package/dist/index-MonthPicker.js +1 -1
  67. package/dist/index-NativeSelectInput.js +1 -1
  68. package/dist/index-NotchedOutline.js +1 -1
  69. package/dist/index-OnChangeContentPlugin.js +1 -1
  70. package/dist/index-OnFocusOnBlurPlugin.js +1 -1
  71. package/dist/index-OutlinedInput.js +1 -1
  72. package/dist/index-Paper.js +1 -1
  73. package/dist/index-PickersDay.js +1 -1
  74. package/dist/index-Popover2.js +1 -1
  75. package/dist/index-Popper.js +1 -1
  76. package/dist/index-Portal.js +1 -1
  77. package/dist/index-PropTypes.js +1 -1
  78. package/dist/index-QuoteContainer.js +1 -1
  79. package/dist/index-Ripple.js +1 -1
  80. package/dist/index-RtlProvider.js +1 -1
  81. package/dist/index-ScrollbarSize.js +1 -1
  82. package/dist/index-SearchableSelect.js +1 -1
  83. package/dist/index-Select.js +1 -1
  84. package/dist/index-Select2.js +1 -1
  85. package/dist/index-SelectInput2.js +2 -2
  86. package/dist/index-Skeleton2.js +1 -1
  87. package/dist/index-Slide.js +1 -1
  88. package/dist/index-Slider2.js +1 -1
  89. package/dist/index-SliderValueLabel.js +1 -1
  90. package/dist/index-Snackbar2.js +1 -1
  91. package/dist/index-SnackbarContent.js +1 -1
  92. package/dist/index-StyledEngineProvider.js +1 -1
  93. package/dist/index-SvgIcon.js +1 -1
  94. package/dist/index-Tab2.js +1 -1
  95. package/dist/index-TabScrollButton.js +1 -1
  96. package/dist/index-Tabs2.js +1 -1
  97. package/dist/index-TextField.js +1 -1
  98. package/dist/index-TextareaAutosize.js +1 -1
  99. package/dist/index-ToggleButton2.js +1 -1
  100. package/dist/index-ToggleButtonGroup2.js +1 -1
  101. package/dist/index-Toolbar2.js +1 -1
  102. package/dist/index-Tooltip.js +1 -1
  103. package/dist/index-TouchRipple.js +1 -1
  104. package/dist/index-Transition.js +1 -1
  105. package/dist/index-TransitionGroup.js +1 -1
  106. package/dist/index-Typography.js +1 -1
  107. package/dist/index-YearPicker.js +1 -1
  108. package/dist/index-_virtual16.js +3 -5
  109. package/dist/index-_virtual17.js +5 -3
  110. package/dist/index-_virtual2.js +5 -5
  111. package/dist/index-_virtual21.js +2 -2
  112. package/dist/index-_virtual22.js +2 -2
  113. package/dist/index-_virtual23.js +3 -2
  114. package/dist/index-_virtual24.js +2 -2
  115. package/dist/index-_virtual25.js +2 -2
  116. package/dist/index-_virtual26.js +2 -2
  117. package/dist/index-_virtual27.js +2 -2
  118. package/dist/index-_virtual28.js +2 -2
  119. package/dist/index-_virtual3.js +4 -4
  120. package/dist/index-_virtual30.js +2 -2
  121. package/dist/index-_virtual31.js +2 -2
  122. package/dist/index-_virtual32.js +2 -3
  123. package/dist/index-_virtual4.js +5 -5
  124. package/dist/index-_virtual69.js +2 -2
  125. package/dist/index-_virtual70.js +2 -4
  126. package/dist/index-_virtual71.js +4 -2
  127. package/dist/index-_virtual72.js +2 -4
  128. package/dist/index-_virtual73.js +1 -1
  129. package/dist/index-_virtual74.js +1 -1
  130. package/dist/index-_virtual75.js +4 -2
  131. package/dist/index-_virtual76.js +2 -2
  132. package/dist/index-accessibility.js +1 -1
  133. package/dist/index-cjs.js +1 -1
  134. package/dist/index-elementAcceptingRef.js +1 -1
  135. package/dist/index-elementTypeAcceptingRef.js +1 -1
  136. package/dist/index-helpers3.js +1 -1
  137. package/dist/index-keycode.js +1 -1
  138. package/dist/index-lib4.js +1 -1
  139. package/dist/index-lib5.js +1 -1
  140. package/dist/index-mpd-parser.es.js +1 -1
  141. package/dist/index-refType.js +1 -1
  142. package/dist/index-responsivePropType.js +1 -1
  143. package/dist/index-useHyperlinkEditor.js +1 -1
  144. package/dist/index-useLexicalToolbar.js +1 -1
  145. package/dist/index.js +396 -392
  146. package/dist/types/core/Form/stories/SelectChangeDetection.story.d.ts +2 -0
  147. package/dist/types/core/Form/stories/bootstrap/form.test.slice.d.ts +58 -17
  148. package/dist/types/core/Menu/Menu.d.ts +17 -0
  149. package/dist/types/core/Menu/index.d.ts +2 -0
  150. package/dist/types/core/MenuItem/MenuItem.d.ts +14 -0
  151. package/dist/types/core/MenuItem/index.d.ts +2 -0
  152. package/dist/types/index.d.ts +62 -58
  153. package/dist/vanguard-asset-analysis.json +1 -1
  154. package/dist/vanguard.css +1 -1
  155. package/dist-wordpress/index.js +1956 -1956
  156. package/dist-wordpress/vanguard.css +1 -1
  157. package/package.json +1 -1
@@ -1,240 +1,41 @@
1
- import P from "./index-objectWithoutPropertiesLoose.js";
2
- import l from "./index-extends.js";
3
- import * as d from "react";
4
- import o from "./index-_virtual16.js";
5
- import { clsx as x } from "./index-clsx.js";
6
- import { c as p } from "./index-colorManipulator2.js";
7
- import j from "./index-styled.js";
8
- import $ from "./index-ListContext.js";
9
- import n, { getMenuItemUtilityClass as w } from "./index-menuItemClasses.js";
10
- import { jsx as I } from "react/jsx-runtime";
11
- import { useDefaultProps as F } from "./index-DefaultPropsProvider.js";
12
- import G from "./index-useEnhancedEffect2.js";
13
- import D from "./index-useForkRef.js";
14
- import L from "./index-composeClasses.js";
15
- import _ from "./index-ButtonBase.js";
16
- import S from "./index-rootShouldForwardProp.js";
17
- import O from "./index-listItemIconClasses.js";
18
- import M from "./index-listItemTextClasses.js";
19
- import N from "./index-dividerClasses.js";
20
- const U = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], H = (e, t) => {
21
- const {
22
- ownerState: a
23
- } = e;
24
- return [t.root, a.dense && t.dense, a.divider && t.divider, !a.disableGutters && t.gutters];
25
- }, z = (e) => {
26
- const {
27
- disabled: t,
28
- dense: a,
29
- divider: s,
30
- disableGutters: c,
31
- selected: u,
32
- classes: r
33
- } = e, i = L({
34
- root: ["root", a && "dense", t && "disabled", !c && "gutters", s && "divider", u && "selected"]
35
- }, w, r);
36
- return l({}, r, i);
37
- }, W = j(_, {
38
- shouldForwardProp: (e) => S(e) || e === "classes",
39
- name: "MuiMenuItem",
40
- slot: "Root",
41
- overridesResolver: H
42
- })(({
43
- theme: e,
44
- ownerState: t
45
- }) => l({}, e.typography.body1, {
46
- display: "flex",
47
- justifyContent: "flex-start",
48
- alignItems: "center",
49
- position: "relative",
50
- textDecoration: "none",
51
- minHeight: 48,
52
- paddingTop: 6,
53
- paddingBottom: 6,
54
- boxSizing: "border-box",
55
- whiteSpace: "nowrap"
56
- }, !t.disableGutters && {
57
- paddingLeft: 16,
58
- paddingRight: 16
59
- }, t.divider && {
60
- borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
61
- backgroundClip: "padding-box"
62
- }, {
63
- "&:hover": {
64
- textDecoration: "none",
65
- backgroundColor: (e.vars || e).palette.action.hover,
66
- // Reset on touch devices, it doesn't add specificity
67
- "@media (hover: none)": {
68
- backgroundColor: "transparent"
69
- }
70
- },
71
- [`&.${n.selected}`]: {
72
- backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity),
73
- [`&.${n.focusVisible}`]: {
74
- backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
75
- }
76
- },
77
- [`&.${n.selected}:hover`]: {
78
- backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
79
- // Reset on touch devices, it doesn't add specificity
80
- "@media (hover: none)": {
81
- backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity)
82
- }
83
- },
84
- [`&.${n.focusVisible}`]: {
85
- backgroundColor: (e.vars || e).palette.action.focus
86
- },
87
- [`&.${n.disabled}`]: {
88
- opacity: (e.vars || e).palette.action.disabledOpacity
89
- },
90
- [`& + .${N.root}`]: {
91
- marginTop: e.spacing(1),
92
- marginBottom: e.spacing(1)
93
- },
94
- [`& + .${N.inset}`]: {
95
- marginLeft: 52
96
- },
97
- [`& .${M.root}`]: {
98
- marginTop: 0,
99
- marginBottom: 0
100
- },
101
- [`& .${M.inset}`]: {
102
- paddingLeft: 36
103
- },
104
- [`& .${O.root}`]: {
105
- minWidth: 36
106
- }
107
- }, !t.dense && {
108
- [e.breakpoints.up("sm")]: {
109
- minHeight: "auto"
110
- }
111
- }, t.dense && l({
112
- minHeight: 32,
113
- // https://m2.material.io/components/menus#specs > Dense
114
- paddingTop: 4,
115
- paddingBottom: 4
116
- }, e.typography.body2, {
117
- [`& .${O.root} svg`]: {
118
- fontSize: "1.25rem"
119
- }
120
- }))), q = /* @__PURE__ */ d.forwardRef(function(t, a) {
121
- const s = F({
122
- props: t,
123
- name: "MuiMenuItem"
124
- }), {
125
- autoFocus: c = !1,
126
- component: u = "li",
127
- dense: r = !1,
128
- divider: b = !1,
129
- disableGutters: i = !1,
130
- focusVisibleClassName: k,
131
- role: R = "menuitem",
132
- tabIndex: v,
133
- className: T
134
- } = s, V = P(s, U), g = d.useContext($), y = d.useMemo(() => ({
135
- dense: r || g.dense || !1,
136
- disableGutters: i
137
- }), [g.dense, r, i]), m = d.useRef(null);
138
- G(() => {
139
- c && (m.current ? m.current.focus() : process.env.NODE_ENV);
140
- }, [c]);
141
- const B = l({}, s, {
142
- dense: y.dense,
143
- divider: b,
144
- disableGutters: i
145
- }), f = z(s), E = D(m, a);
146
- let C;
147
- return s.disabled || (C = v !== void 0 ? v : -1), /* @__PURE__ */ I($.Provider, {
148
- value: y,
149
- children: /* @__PURE__ */ I(W, l({
150
- ref: E,
151
- role: R,
152
- tabIndex: C,
153
- component: u,
154
- focusVisibleClassName: x(f.focusVisible, k),
155
- className: x(f.root, T)
156
- }, V, {
157
- ownerState: B,
158
- classes: f
159
- }))
1
+ import { jsx as s, jsxs as x } from "react/jsx-runtime";
2
+ import { Icon as i } from "./index-Icon.js";
3
+ import { Text as d, TextTypes as y } from "./index-Text.js";
4
+ import "react";
5
+ import u from "./index-MenuItem2.js";
6
+ const T = ({
7
+ testId: m,
8
+ className: f,
9
+ children: t,
10
+ textType: p = y.text,
11
+ icon: n,
12
+ iconProps: a,
13
+ iconPosition: e = "before",
14
+ ...l
15
+ }) => {
16
+ const o = typeof t == "string" ? s(d, {
17
+ type: p,
18
+ children: t
19
+ }) : t, r = n ? s(i, {
20
+ ...a,
21
+ children: n
22
+ }) : null, c = r ? x("div", {
23
+ style: {
24
+ display: "flex",
25
+ alignItems: "center",
26
+ width: "100%",
27
+ gap: 8,
28
+ justifyContent: e === "after" ? "space-between" : "flex-start"
29
+ },
30
+ children: [e === "before" && r, o, e === "after" && r]
31
+ }) : o;
32
+ return s(u, {
33
+ "data-testid": m,
34
+ className: f,
35
+ ...l,
36
+ children: c
160
37
  });
161
- });
162
- process.env.NODE_ENV !== "production" && (q.propTypes = {
163
- // ┌────────────────────────────── Warning ──────────────────────────────┐
164
- // │ These PropTypes are generated from the TypeScript type definitions. │
165
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
166
- // └─────────────────────────────────────────────────────────────────────┘
167
- /**
168
- * If `true`, the list item is focused during the first mount.
169
- * Focus will also be triggered if the value changes from false to true.
170
- * @default false
171
- */
172
- autoFocus: o.bool,
173
- /**
174
- * The content of the component.
175
- */
176
- children: o.node,
177
- /**
178
- * Override or extend the styles applied to the component.
179
- */
180
- classes: o.object,
181
- /**
182
- * @ignore
183
- */
184
- className: o.string,
185
- /**
186
- * The component used for the root node.
187
- * Either a string to use a HTML element or a component.
188
- */
189
- component: o.elementType,
190
- /**
191
- * If `true`, compact vertical padding designed for keyboard and mouse input is used.
192
- * The prop defaults to the value inherited from the parent Menu component.
193
- * @default false
194
- */
195
- dense: o.bool,
196
- /**
197
- * @ignore
198
- */
199
- disabled: o.bool,
200
- /**
201
- * If `true`, the left and right padding is removed.
202
- * @default false
203
- */
204
- disableGutters: o.bool,
205
- /**
206
- * If `true`, a 1px light border is added to the bottom of the menu item.
207
- * @default false
208
- */
209
- divider: o.bool,
210
- /**
211
- * This prop can help identify which element has keyboard focus.
212
- * The class name will be applied when the element gains the focus through keyboard interaction.
213
- * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
214
- * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
215
- * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
216
- * if needed.
217
- */
218
- focusVisibleClassName: o.string,
219
- /**
220
- * @ignore
221
- */
222
- role: o.string,
223
- /**
224
- * If `true`, the component is selected.
225
- * @default false
226
- */
227
- selected: o.bool,
228
- /**
229
- * The system prop that allows defining system overrides as well as additional CSS styles.
230
- */
231
- sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
232
- /**
233
- * @default 0
234
- */
235
- tabIndex: o.number
236
- });
38
+ };
237
39
  export {
238
- q as default,
239
- H as overridesResolver
40
+ T as MenuItem
240
41
  };
@@ -0,0 +1,240 @@
1
+ import P from "./index-objectWithoutPropertiesLoose.js";
2
+ import l from "./index-extends.js";
3
+ import * as d from "react";
4
+ import o from "./index-_virtual17.js";
5
+ import { clsx as x } from "./index-clsx.js";
6
+ import { c as p } from "./index-colorManipulator2.js";
7
+ import j from "./index-styled.js";
8
+ import $ from "./index-ListContext.js";
9
+ import n, { getMenuItemUtilityClass as w } from "./index-menuItemClasses.js";
10
+ import { jsx as I } from "react/jsx-runtime";
11
+ import { useDefaultProps as F } from "./index-DefaultPropsProvider.js";
12
+ import G from "./index-useEnhancedEffect2.js";
13
+ import D from "./index-useForkRef.js";
14
+ import L from "./index-composeClasses.js";
15
+ import _ from "./index-ButtonBase.js";
16
+ import S from "./index-rootShouldForwardProp.js";
17
+ import O from "./index-listItemIconClasses.js";
18
+ import M from "./index-listItemTextClasses.js";
19
+ import N from "./index-dividerClasses.js";
20
+ const U = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], H = (e, t) => {
21
+ const {
22
+ ownerState: a
23
+ } = e;
24
+ return [t.root, a.dense && t.dense, a.divider && t.divider, !a.disableGutters && t.gutters];
25
+ }, z = (e) => {
26
+ const {
27
+ disabled: t,
28
+ dense: a,
29
+ divider: s,
30
+ disableGutters: c,
31
+ selected: u,
32
+ classes: r
33
+ } = e, i = L({
34
+ root: ["root", a && "dense", t && "disabled", !c && "gutters", s && "divider", u && "selected"]
35
+ }, w, r);
36
+ return l({}, r, i);
37
+ }, W = j(_, {
38
+ shouldForwardProp: (e) => S(e) || e === "classes",
39
+ name: "MuiMenuItem",
40
+ slot: "Root",
41
+ overridesResolver: H
42
+ })(({
43
+ theme: e,
44
+ ownerState: t
45
+ }) => l({}, e.typography.body1, {
46
+ display: "flex",
47
+ justifyContent: "flex-start",
48
+ alignItems: "center",
49
+ position: "relative",
50
+ textDecoration: "none",
51
+ minHeight: 48,
52
+ paddingTop: 6,
53
+ paddingBottom: 6,
54
+ boxSizing: "border-box",
55
+ whiteSpace: "nowrap"
56
+ }, !t.disableGutters && {
57
+ paddingLeft: 16,
58
+ paddingRight: 16
59
+ }, t.divider && {
60
+ borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
61
+ backgroundClip: "padding-box"
62
+ }, {
63
+ "&:hover": {
64
+ textDecoration: "none",
65
+ backgroundColor: (e.vars || e).palette.action.hover,
66
+ // Reset on touch devices, it doesn't add specificity
67
+ "@media (hover: none)": {
68
+ backgroundColor: "transparent"
69
+ }
70
+ },
71
+ [`&.${n.selected}`]: {
72
+ backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity),
73
+ [`&.${n.focusVisible}`]: {
74
+ backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
75
+ }
76
+ },
77
+ [`&.${n.selected}:hover`]: {
78
+ backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
79
+ // Reset on touch devices, it doesn't add specificity
80
+ "@media (hover: none)": {
81
+ backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity)
82
+ }
83
+ },
84
+ [`&.${n.focusVisible}`]: {
85
+ backgroundColor: (e.vars || e).palette.action.focus
86
+ },
87
+ [`&.${n.disabled}`]: {
88
+ opacity: (e.vars || e).palette.action.disabledOpacity
89
+ },
90
+ [`& + .${N.root}`]: {
91
+ marginTop: e.spacing(1),
92
+ marginBottom: e.spacing(1)
93
+ },
94
+ [`& + .${N.inset}`]: {
95
+ marginLeft: 52
96
+ },
97
+ [`& .${M.root}`]: {
98
+ marginTop: 0,
99
+ marginBottom: 0
100
+ },
101
+ [`& .${M.inset}`]: {
102
+ paddingLeft: 36
103
+ },
104
+ [`& .${O.root}`]: {
105
+ minWidth: 36
106
+ }
107
+ }, !t.dense && {
108
+ [e.breakpoints.up("sm")]: {
109
+ minHeight: "auto"
110
+ }
111
+ }, t.dense && l({
112
+ minHeight: 32,
113
+ // https://m2.material.io/components/menus#specs > Dense
114
+ paddingTop: 4,
115
+ paddingBottom: 4
116
+ }, e.typography.body2, {
117
+ [`& .${O.root} svg`]: {
118
+ fontSize: "1.25rem"
119
+ }
120
+ }))), q = /* @__PURE__ */ d.forwardRef(function(t, a) {
121
+ const s = F({
122
+ props: t,
123
+ name: "MuiMenuItem"
124
+ }), {
125
+ autoFocus: c = !1,
126
+ component: u = "li",
127
+ dense: r = !1,
128
+ divider: b = !1,
129
+ disableGutters: i = !1,
130
+ focusVisibleClassName: k,
131
+ role: R = "menuitem",
132
+ tabIndex: v,
133
+ className: T
134
+ } = s, V = P(s, U), g = d.useContext($), y = d.useMemo(() => ({
135
+ dense: r || g.dense || !1,
136
+ disableGutters: i
137
+ }), [g.dense, r, i]), m = d.useRef(null);
138
+ G(() => {
139
+ c && (m.current ? m.current.focus() : process.env.NODE_ENV);
140
+ }, [c]);
141
+ const B = l({}, s, {
142
+ dense: y.dense,
143
+ divider: b,
144
+ disableGutters: i
145
+ }), f = z(s), E = D(m, a);
146
+ let C;
147
+ return s.disabled || (C = v !== void 0 ? v : -1), /* @__PURE__ */ I($.Provider, {
148
+ value: y,
149
+ children: /* @__PURE__ */ I(W, l({
150
+ ref: E,
151
+ role: R,
152
+ tabIndex: C,
153
+ component: u,
154
+ focusVisibleClassName: x(f.focusVisible, k),
155
+ className: x(f.root, T)
156
+ }, V, {
157
+ ownerState: B,
158
+ classes: f
159
+ }))
160
+ });
161
+ });
162
+ process.env.NODE_ENV !== "production" && (q.propTypes = {
163
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
164
+ // │ These PropTypes are generated from the TypeScript type definitions. │
165
+ // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
166
+ // └─────────────────────────────────────────────────────────────────────┘
167
+ /**
168
+ * If `true`, the list item is focused during the first mount.
169
+ * Focus will also be triggered if the value changes from false to true.
170
+ * @default false
171
+ */
172
+ autoFocus: o.bool,
173
+ /**
174
+ * The content of the component.
175
+ */
176
+ children: o.node,
177
+ /**
178
+ * Override or extend the styles applied to the component.
179
+ */
180
+ classes: o.object,
181
+ /**
182
+ * @ignore
183
+ */
184
+ className: o.string,
185
+ /**
186
+ * The component used for the root node.
187
+ * Either a string to use a HTML element or a component.
188
+ */
189
+ component: o.elementType,
190
+ /**
191
+ * If `true`, compact vertical padding designed for keyboard and mouse input is used.
192
+ * The prop defaults to the value inherited from the parent Menu component.
193
+ * @default false
194
+ */
195
+ dense: o.bool,
196
+ /**
197
+ * @ignore
198
+ */
199
+ disabled: o.bool,
200
+ /**
201
+ * If `true`, the left and right padding is removed.
202
+ * @default false
203
+ */
204
+ disableGutters: o.bool,
205
+ /**
206
+ * If `true`, a 1px light border is added to the bottom of the menu item.
207
+ * @default false
208
+ */
209
+ divider: o.bool,
210
+ /**
211
+ * This prop can help identify which element has keyboard focus.
212
+ * The class name will be applied when the element gains the focus through keyboard interaction.
213
+ * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
214
+ * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
215
+ * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
216
+ * if needed.
217
+ */
218
+ focusVisibleClassName: o.string,
219
+ /**
220
+ * @ignore
221
+ */
222
+ role: o.string,
223
+ /**
224
+ * If `true`, the component is selected.
225
+ * @default false
226
+ */
227
+ selected: o.bool,
228
+ /**
229
+ * The system prop that allows defining system overrides as well as additional CSS styles.
230
+ */
231
+ sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
232
+ /**
233
+ * @default 0
234
+ */
235
+ tabIndex: o.number
236
+ });
237
+ export {
238
+ q as default,
239
+ H as overridesResolver
240
+ };
@@ -2,7 +2,7 @@ import T from "./index-extends.js";
2
2
  import H from "./index-objectWithoutPropertiesLoose.js";
3
3
  import * as c from "react";
4
4
  import { isFragment as O } from "react-is";
5
- import d from "./index-_virtual16.js";
5
+ import d from "./index-_virtual17.js";
6
6
  import { jsx as j } from "react/jsx-runtime";
7
7
  import _ from "./index-useEnhancedEffect2.js";
8
8
  import A from "./index-getScrollbarSize.js";
@@ -1,7 +1,7 @@
1
1
  import a from "./index-extends.js";
2
2
  import f from "./index-objectWithoutPropertiesLoose.js";
3
3
  import * as P from "react";
4
- import o from "./index-_virtual16.js";
4
+ import o from "./index-_virtual17.js";
5
5
  import { useDatePickerDefaultizedProps as h, datePickerValueManager as g } from "./index-shared.js";
6
6
  import { DatePickerToolbar as D } from "./index-DatePickerToolbar.js";
7
7
  import { MobileWrapper as T } from "./index-MobileWrapper.js";
@@ -1,7 +1,7 @@
1
1
  import no from "./index-objectWithoutPropertiesLoose.js";
2
2
  import n from "./index-extends.js";
3
3
  import * as $ from "react";
4
- import o from "./index-_virtual16.js";
4
+ import o from "./index-_virtual17.js";
5
5
  import { clsx as z } from "./index-clsx.js";
6
6
  import q from "./index-styled.js";
7
7
  import ro from "./index-useModal.js";
@@ -1,10 +1,10 @@
1
- import { __exports as y } from "./index-_virtual69.js";
1
+ import { __exports as y } from "./index-_virtual70.js";
2
2
  import de from "react";
3
3
  import { __require as me } from "./index-prop-types.js";
4
4
  import { __require as he } from "./index-DayCell.js";
5
5
  import ye from "./index-_virtual54.js";
6
6
  import ve from "./index-_virtual37.js";
7
- import Oe from "./index-_virtual70.js";
7
+ import Oe from "./index-_virtual71.js";
8
8
  import _e from "./index-_virtual68.js";
9
9
  import De from "./index-_virtual51.js";
10
10
  import ge from "./index-_virtual41.js";
@@ -1,7 +1,7 @@
1
1
  import J from "./index-objectWithoutPropertiesLoose.js";
2
2
  import v from "./index-extends.js";
3
3
  import * as a from "react";
4
- import t from "./index-_virtual16.js";
4
+ import t from "./index-_virtual17.js";
5
5
  import { clsx as Q } from "./index-clsx.m.js";
6
6
  import { PickersMonth as X } from "./index-PickersMonth.js";
7
7
  import { useUtils as A, useNow as Z, useDefaultDates as $ } from "./index-useUtils.js";
@@ -1,7 +1,7 @@
1
1
  import R from "./index-objectWithoutPropertiesLoose.js";
2
2
  import a from "./index-extends.js";
3
3
  import * as m from "react";
4
- import r from "./index-_virtual16.js";
4
+ import r from "./index-_virtual17.js";
5
5
  import { clsx as N } from "./index-clsx.js";
6
6
  import p, { getNativeSelectUtilityClasses as C } from "./index-nativeSelectClasses.js";
7
7
  import b from "./index-styled.js";
@@ -1,7 +1,7 @@
1
1
  import u from "./index-objectWithoutPropertiesLoose.js";
2
2
  import n from "./index-extends.js";
3
3
  import "react";
4
- import e from "./index-_virtual16.js";
4
+ import e from "./index-_virtual17.js";
5
5
  import l from "./index-styled.js";
6
6
  import { jsx as o } from "react/jsx-runtime";
7
7
  import c from "./index-rootShouldForwardProp.js";
@@ -1,4 +1,4 @@
1
- import { __exports as e } from "./index-_virtual28.js";
1
+ import { __exports as e } from "./index-_virtual31.js";
2
2
  import p from "react";
3
3
  import { __require as P } from "./index-LexicalComposerContext2.js";
4
4
  import { __require as O } from "./index-LexicalOnChangePlugin.js";
@@ -1,4 +1,4 @@
1
- import { __exports as e } from "./index-_virtual29.js";
1
+ import { __exports as e } from "./index-_virtual32.js";
2
2
  import O from "react";
3
3
  import { __require as a } from "./index-LexicalComposerContext2.js";
4
4
  import { __require as m } from "./index-Lexical.js";
@@ -1,7 +1,7 @@
1
1
  import j from "./index-objectWithoutPropertiesLoose.js";
2
2
  import l from "./index-extends.js";
3
3
  import * as I from "react";
4
- import o from "./index-_virtual16.js";
4
+ import o from "./index-_virtual17.js";
5
5
  import A from "./index-NotchedOutline.js";
6
6
  import N from "./index-useFormControl.js";
7
7
  import w from "./index-formControlState.js";
@@ -1,7 +1,7 @@
1
1
  import b from "./index-objectWithoutPropertiesLoose.js";
2
2
  import s from "./index-extends.js";
3
3
  import * as g from "react";
4
- import r from "./index-_virtual16.js";
4
+ import r from "./index-_virtual17.js";
5
5
  import { clsx as y } from "./index-clsx.js";
6
6
  import { c as v } from "./index-colorManipulator2.js";
7
7
  import P from "./index-styled.js";
@@ -1,7 +1,7 @@
1
1
  import G from "./index-objectWithoutPropertiesLoose.js";
2
2
  import y from "./index-extends.js";
3
3
  import * as m from "react";
4
- import e from "./index-_virtual16.js";
4
+ import e from "./index-_virtual17.js";
5
5
  import { clsx as T } from "./index-clsx.m.js";
6
6
  import { useUtils as L } from "./index-useUtils.js";
7
7
  import { DAY_SIZE as S, DAY_MARGIN as V } from "./index-dimensions.js";
@@ -1,7 +1,7 @@
1
1
  import v from "./index-extends.js";
2
2
  import j from "./index-objectWithoutPropertiesLoose.js";
3
3
  import * as p from "react";
4
- import e from "./index-_virtual16.js";
4
+ import e from "./index-_virtual17.js";
5
5
  import { clsx as Z } from "./index-clsx.js";
6
6
  import le from "./index-styled.js";
7
7
  import { getPopoverUtilityClass as Ee } from "./index-popoverClasses.js";
@@ -1,7 +1,7 @@
1
1
  import i from "./index-extends.js";
2
2
  import E from "./index-objectWithoutPropertiesLoose.js";
3
3
  import _ from "./index-useThemeWithoutDefault.js";
4
- import o from "./index-_virtual16.js";
4
+ import o from "./index-_virtual17.js";
5
5
  import * as k from "react";
6
6
  import q from "./index-BasePopper.js";
7
7
  import { jsx as W } from "react/jsx-runtime";
@@ -1,6 +1,6 @@
1
1
  import * as e from "react";
2
2
  import * as y from "react-dom";
3
- import p from "./index-_virtual16.js";
3
+ import p from "./index-_virtual17.js";
4
4
  import { jsx as s } from "react/jsx-runtime";
5
5
  import P from "./index-useForkRef.js";
6
6
  import T from "./index-getReactElementRef.js";
@@ -1,4 +1,4 @@
1
- import e from "./index-_virtual16.js";
1
+ import e from "./index-_virtual17.js";
2
2
  var n = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
3
3
  enter: e.number,
4
4
  exit: e.number,