jcicl 0.0.28 → 0.0.30

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 (52) hide show
  1. package/.chunks/ButtonBase.js +1 -2
  2. package/.chunks/DefaultPropsProvider.js +8 -11
  3. package/.chunks/TransitionGroupContext.js +297 -69
  4. package/README.md +5 -1
  5. package/base/Button/Button.js +8 -8
  6. package/base/Input/Input.js +4695 -1605
  7. package/composite/List/List.d.ts +1 -0
  8. package/composite/List/List.js +23 -22
  9. package/composite/List/ListButton.d.ts +3 -0
  10. package/composite/List/ListButton.js +12 -17
  11. package/index.d.ts +1 -1
  12. package/index.js +20 -23
  13. package/package.json +23 -1
  14. package/supercomposite/AppHeader/AppHeader.js +17 -18
  15. package/supercomposite/index.d.ts +0 -1
  16. package/supercomposite/index.js +2 -4
  17. package/templates/index.d.ts +0 -1
  18. package/templates/index.js +1 -3
  19. package/.chunks/ListContext.js +0 -6
  20. package/.chunks/Menu.js +0 -3021
  21. package/.chunks/NavLink.js +0 -436
  22. package/.chunks/NavLinkButton.js +0 -259
  23. package/.chunks/emotion-react.browser.esm.js +0 -231
  24. package/.chunks/index.js +0 -131
  25. package/.chunks/isHostComponent.js +0 -17
  26. package/.chunks/jocologo.js +0 -4
  27. package/supercomposite/AppBar/AppBar.d.ts +0 -5
  28. package/supercomposite/AppBar/AppBar.js +0 -361
  29. package/supercomposite/AppBar/index.d.ts +0 -1
  30. package/supercomposite/AppBar/index.js +0 -4
  31. package/supercomposite/OldNav/Nav.d.ts +0 -13
  32. package/supercomposite/OldNav/Nav.js +0 -626
  33. package/supercomposite/OldNav/index.d.ts +0 -2
  34. package/supercomposite/OldNav/index.js +0 -4
  35. package/supercomposite/OldNav/subcomponents/NavItem/NavItem.d.ts +0 -3
  36. package/supercomposite/OldNav/subcomponents/NavItem/NavItem.js +0 -34
  37. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLink.d.ts +0 -3
  38. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLink.js +0 -8
  39. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkButton.d.ts +0 -19
  40. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkButton.js +0 -8
  41. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkText.d.ts +0 -8
  42. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkText.js +0 -425
  43. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavMenu.d.ts +0 -20
  44. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavMenu.js +0 -432
  45. package/supercomposite/OldNav/subcomponents/NavItem/types.d.ts +0 -12
  46. package/supercomposite/OldNav/subcomponents/NavItem/types.js +0 -1
  47. package/supercomposite/OldNav/types.d.ts +0 -2
  48. package/supercomposite/OldNav/types.js +0 -1
  49. package/templates/BasicPage/BasicPage.d.ts +0 -9
  50. package/templates/BasicPage/BasicPage.js +0 -31
  51. package/templates/BasicPage/index.d.ts +0 -1
  52. package/templates/BasicPage/index.js +0 -4
@@ -1,436 +0,0 @@
1
- import { jsx as l, jsxs as C } from "react/jsx-runtime";
2
- import { NavLinkText as J } from "../supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkText.js";
3
- import { l as K, N as Q } from "./NavLinkButton.js";
4
- import * as a from "react";
5
- import { g as w, a as k, s as L, u as O, c as x, P as e, b as U } from "./DefaultPropsProvider.js";
6
- import { i as E, a as M } from "./isHostComponent.js";
7
- import { m as W } from "./memoTheme.js";
8
- import { L as h } from "./ListContext.js";
9
- import { a as X, c as Z, e as tt } from "./TransitionGroupContext.js";
10
- function et(o) {
11
- return k("MuiListItem", o);
12
- }
13
- w("MuiListItem", ["root", "container", "dense", "alignItemsFlexStart", "divider", "gutters", "padding", "secondaryAction"]);
14
- function ot(o) {
15
- return k("MuiListItemSecondaryAction", o);
16
- }
17
- w("MuiListItemSecondaryAction", ["root", "disableGutters"]);
18
- const st = (o) => {
19
- const {
20
- disableGutters: t,
21
- classes: s
22
- } = o;
23
- return U({
24
- root: ["root", t && "disableGutters"]
25
- }, ot, s);
26
- }, nt = L("div", {
27
- name: "MuiListItemSecondaryAction",
28
- slot: "Root",
29
- overridesResolver: (o, t) => {
30
- const {
31
- ownerState: s
32
- } = o;
33
- return [t.root, s.disableGutters && t.disableGutters];
34
- }
35
- })({
36
- position: "absolute",
37
- right: 16,
38
- top: "50%",
39
- transform: "translateY(-50%)",
40
- variants: [{
41
- props: ({
42
- ownerState: o
43
- }) => o.disableGutters,
44
- style: {
45
- right: 0
46
- }
47
- }]
48
- }), A = /* @__PURE__ */ a.forwardRef(function(t, s) {
49
- const n = O({
50
- props: t,
51
- name: "MuiListItemSecondaryAction"
52
- }), {
53
- className: r,
54
- ...c
55
- } = n, i = a.useContext(h), d = {
56
- ...n,
57
- disableGutters: i.disableGutters
58
- }, g = st(d);
59
- return /* @__PURE__ */ l(nt, {
60
- className: x(g.root, r),
61
- ownerState: d,
62
- ref: s,
63
- ...c
64
- });
65
- });
66
- process.env.NODE_ENV !== "production" && (A.propTypes = {
67
- // ┌────────────────────────────── Warning ──────────────────────────────┐
68
- // │ These PropTypes are generated from the TypeScript type definitions. │
69
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
70
- // └─────────────────────────────────────────────────────────────────────┘
71
- /**
72
- * The content of the component, normally an `IconButton` or selection control.
73
- */
74
- children: e.node,
75
- /**
76
- * Override or extend the styles applied to the component.
77
- */
78
- classes: e.object,
79
- /**
80
- * @ignore
81
- */
82
- className: e.string,
83
- /**
84
- * The system prop that allows defining system overrides as well as additional CSS styles.
85
- */
86
- sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
87
- });
88
- A.muiName = "ListItemSecondaryAction";
89
- const rt = (o, t) => {
90
- const {
91
- ownerState: s
92
- } = o;
93
- return [t.root, s.dense && t.dense, s.alignItems === "flex-start" && t.alignItemsFlexStart, s.divider && t.divider, !s.disableGutters && t.gutters, !s.disablePadding && t.padding, s.hasSecondaryAction && t.secondaryAction];
94
- }, it = (o) => {
95
- const {
96
- alignItems: t,
97
- classes: s,
98
- dense: n,
99
- disableGutters: r,
100
- disablePadding: c,
101
- divider: i,
102
- hasSecondaryAction: d
103
- } = o;
104
- return U({
105
- root: ["root", n && "dense", !r && "gutters", !c && "padding", i && "divider", t === "flex-start" && "alignItemsFlexStart", d && "secondaryAction"],
106
- container: ["container"]
107
- }, et, s);
108
- }, at = L("div", {
109
- name: "MuiListItem",
110
- slot: "Root",
111
- overridesResolver: rt
112
- })(W(({
113
- theme: o
114
- }) => ({
115
- display: "flex",
116
- justifyContent: "flex-start",
117
- alignItems: "center",
118
- position: "relative",
119
- textDecoration: "none",
120
- width: "100%",
121
- boxSizing: "border-box",
122
- textAlign: "left",
123
- variants: [{
124
- props: ({
125
- ownerState: t
126
- }) => !t.disablePadding,
127
- style: {
128
- paddingTop: 8,
129
- paddingBottom: 8
130
- }
131
- }, {
132
- props: ({
133
- ownerState: t
134
- }) => !t.disablePadding && t.dense,
135
- style: {
136
- paddingTop: 4,
137
- paddingBottom: 4
138
- }
139
- }, {
140
- props: ({
141
- ownerState: t
142
- }) => !t.disablePadding && !t.disableGutters,
143
- style: {
144
- paddingLeft: 16,
145
- paddingRight: 16
146
- }
147
- }, {
148
- props: ({
149
- ownerState: t
150
- }) => !t.disablePadding && !!t.secondaryAction,
151
- style: {
152
- // Add some space to avoid collision as `ListItemSecondaryAction`
153
- // is absolutely positioned.
154
- paddingRight: 48
155
- }
156
- }, {
157
- props: ({
158
- ownerState: t
159
- }) => !!t.secondaryAction,
160
- style: {
161
- [`& > .${K.root}`]: {
162
- paddingRight: 48
163
- }
164
- }
165
- }, {
166
- props: {
167
- alignItems: "flex-start"
168
- },
169
- style: {
170
- alignItems: "flex-start"
171
- }
172
- }, {
173
- props: ({
174
- ownerState: t
175
- }) => t.divider,
176
- style: {
177
- borderBottom: `1px solid ${(o.vars || o).palette.divider}`,
178
- backgroundClip: "padding-box"
179
- }
180
- }, {
181
- props: ({
182
- ownerState: t
183
- }) => t.button,
184
- style: {
185
- transition: o.transitions.create("background-color", {
186
- duration: o.transitions.duration.shortest
187
- }),
188
- "&:hover": {
189
- textDecoration: "none",
190
- backgroundColor: (o.vars || o).palette.action.hover,
191
- // Reset on touch devices, it doesn't add specificity
192
- "@media (hover: none)": {
193
- backgroundColor: "transparent"
194
- }
195
- }
196
- }
197
- }, {
198
- props: ({
199
- ownerState: t
200
- }) => t.hasSecondaryAction,
201
- style: {
202
- // Add some space to avoid collision as `ListItemSecondaryAction`
203
- // is absolutely positioned.
204
- paddingRight: 48
205
- }
206
- }]
207
- }))), ct = L("li", {
208
- name: "MuiListItem",
209
- slot: "Container",
210
- overridesResolver: (o, t) => t.container
211
- })({
212
- position: "relative"
213
- }), B = /* @__PURE__ */ a.forwardRef(function(t, s) {
214
- const n = O({
215
- props: t,
216
- name: "MuiListItem"
217
- }), {
218
- alignItems: r = "center",
219
- children: c,
220
- className: i,
221
- component: d,
222
- components: g = {},
223
- componentsProps: D = {},
224
- ContainerComponent: S = "li",
225
- ContainerProps: {
226
- className: F,
227
- ..._
228
- } = {},
229
- dense: P = !1,
230
- disableGutters: v = !1,
231
- disablePadding: $ = !1,
232
- divider: V = !1,
233
- secondaryAction: R,
234
- slotProps: Y = {},
235
- slots: z = {},
236
- ...H
237
- } = n, N = a.useContext(h), I = a.useMemo(() => ({
238
- dense: P || N.dense || !1,
239
- alignItems: r,
240
- disableGutters: v
241
- }), [r, N.dense, P, v]), q = a.useRef(null), p = a.Children.toArray(c), T = p.length && E(p[p.length - 1], ["ListItemSecondaryAction"]), y = {
242
- ...n,
243
- alignItems: r,
244
- dense: I.dense,
245
- disableGutters: v,
246
- disablePadding: $,
247
- divider: V,
248
- hasSecondaryAction: T
249
- }, G = it(y), j = X(q, s), b = z.root || g.Root || at, u = Y.root || D.root || {}, f = {
250
- className: x(G.root, u.className, i),
251
- ...H
252
- };
253
- let m = d || "li";
254
- return T ? (m = !f.component && !d ? "div" : m, S === "li" && (m === "li" ? m = "div" : f.component === "li" && (f.component = "div")), /* @__PURE__ */ l(h.Provider, {
255
- value: I,
256
- children: /* @__PURE__ */ C(ct, {
257
- as: S,
258
- className: x(G.container, F),
259
- ref: j,
260
- ownerState: y,
261
- ..._,
262
- children: [/* @__PURE__ */ l(b, {
263
- ...u,
264
- ...!M(b) && {
265
- as: m,
266
- ownerState: {
267
- ...y,
268
- ...u.ownerState
269
- }
270
- },
271
- ...f,
272
- children: p
273
- }), p.pop()]
274
- })
275
- })) : /* @__PURE__ */ l(h.Provider, {
276
- value: I,
277
- children: /* @__PURE__ */ C(b, {
278
- ...u,
279
- as: m,
280
- ref: j,
281
- ...!M(b) && {
282
- ownerState: {
283
- ...y,
284
- ...u.ownerState
285
- }
286
- },
287
- ...f,
288
- children: [p, R && /* @__PURE__ */ l(A, {
289
- children: R
290
- })]
291
- })
292
- });
293
- });
294
- process.env.NODE_ENV !== "production" && (B.propTypes = {
295
- // ┌────────────────────────────── Warning ──────────────────────────────┐
296
- // │ These PropTypes are generated from the TypeScript type definitions. │
297
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
298
- // └─────────────────────────────────────────────────────────────────────┘
299
- /**
300
- * Defines the `align-items` style property.
301
- * @default 'center'
302
- */
303
- alignItems: e.oneOf(["center", "flex-start"]),
304
- /**
305
- * The content of the component if a `ListItemSecondaryAction` is used it must
306
- * be the last child.
307
- */
308
- children: Z(e.node, (o) => {
309
- const t = a.Children.toArray(o.children);
310
- let s = -1;
311
- for (let n = t.length - 1; n >= 0; n -= 1) {
312
- const r = t[n];
313
- if (E(r, ["ListItemSecondaryAction"])) {
314
- s = n;
315
- break;
316
- }
317
- }
318
- return s !== -1 && s !== t.length - 1 ? new Error("MUI: You used an element after ListItemSecondaryAction. For ListItem to detect that it has a secondary action you must pass it as the last child to ListItem.") : null;
319
- }),
320
- /**
321
- * Override or extend the styles applied to the component.
322
- */
323
- classes: e.object,
324
- /**
325
- * @ignore
326
- */
327
- className: e.string,
328
- /**
329
- * The component used for the root node.
330
- * Either a string to use a HTML element or a component.
331
- */
332
- component: e.elementType,
333
- /**
334
- * The components used for each slot inside.
335
- *
336
- * @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
337
- * @default {}
338
- */
339
- components: e.shape({
340
- Root: e.elementType
341
- }),
342
- /**
343
- * The extra props for the slot components.
344
- * You can override the existing props or add new ones.
345
- *
346
- * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
347
- * @default {}
348
- */
349
- componentsProps: e.shape({
350
- root: e.object
351
- }),
352
- /**
353
- * The container component used when a `ListItemSecondaryAction` is the last child.
354
- * @default 'li'
355
- * @deprecated Use the `component` or `slots.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
356
- */
357
- ContainerComponent: tt,
358
- /**
359
- * Props applied to the container component if used.
360
- * @default {}
361
- * @deprecated Use the `slotProps.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
362
- */
363
- ContainerProps: e.object,
364
- /**
365
- * If `true`, compact vertical padding designed for keyboard and mouse input is used.
366
- * The prop defaults to the value inherited from the parent List component.
367
- * @default false
368
- */
369
- dense: e.bool,
370
- /**
371
- * If `true`, the left and right padding is removed.
372
- * @default false
373
- */
374
- disableGutters: e.bool,
375
- /**
376
- * If `true`, all padding is removed.
377
- * @default false
378
- */
379
- disablePadding: e.bool,
380
- /**
381
- * If `true`, a 1px light border is added to the bottom of the list item.
382
- * @default false
383
- */
384
- divider: e.bool,
385
- /**
386
- * The element to display at the end of ListItem.
387
- */
388
- secondaryAction: e.node,
389
- /**
390
- * The extra props for the slot components.
391
- * You can override the existing props or add new ones.
392
- *
393
- * @default {}
394
- */
395
- slotProps: e.shape({
396
- root: e.object
397
- }),
398
- /**
399
- * The components used for each slot inside.
400
- *
401
- * @default {}
402
- */
403
- slots: e.shape({
404
- root: e.elementType
405
- }),
406
- /**
407
- * The system prop that allows defining system overrides as well as additional CSS styles.
408
- */
409
- sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
410
- });
411
- const bt = ({
412
- label: o,
413
- icon: t,
414
- to: s,
415
- openInNewTab: n,
416
- collapsed: r,
417
- menuOrientation: c
418
- }) => {
419
- const i = t;
420
- return /* @__PURE__ */ l(B, { disablePadding: !0, children: /* @__PURE__ */ C(
421
- Q,
422
- {
423
- href: s ?? "",
424
- target: s && n ? "_blank" : void 0,
425
- menuOrientation: c,
426
- children: [
427
- i && i,
428
- /* @__PURE__ */ l(J, { primary: o, collapsed: r })
429
- ]
430
- }
431
- ) }, o);
432
- };
433
- export {
434
- B as L,
435
- bt as N
436
- };
@@ -1,259 +0,0 @@
1
- import { n as $, i as L } from "./emotion-styled.browser.esm.js";
2
- import C from "../theme.js";
3
- import * as p from "react";
4
- import { g as P, a as S, s as T, r as h, u as j, c as I, P as e, b as E, d as u } from "./DefaultPropsProvider.js";
5
- import { m as G } from "./memoTheme.js";
6
- import { L as O } from "./ListContext.js";
7
- import { jsx as B } from "react/jsx-runtime";
8
- import { B as M } from "./ButtonBase.js";
9
- import { u as U, a as D } from "./TransitionGroupContext.js";
10
- function z(t) {
11
- return S("MuiListItemButton", t);
12
- }
13
- const i = P("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "selected"]), _ = (t, o) => {
14
- const {
15
- ownerState: s
16
- } = t;
17
- return [o.root, s.dense && o.dense, s.alignItems === "flex-start" && o.alignItemsFlexStart, s.divider && o.divider, !s.disableGutters && o.gutters];
18
- }, A = (t) => {
19
- const {
20
- alignItems: o,
21
- classes: s,
22
- dense: l,
23
- disabled: a,
24
- disableGutters: c,
25
- divider: d,
26
- selected: f
27
- } = t, r = E({
28
- root: ["root", l && "dense", !c && "gutters", d && "divider", a && "disabled", o === "flex-start" && "alignItemsFlexStart", f && "selected"]
29
- }, z, s);
30
- return {
31
- ...s,
32
- ...r
33
- };
34
- }, W = T(M, {
35
- shouldForwardProp: (t) => h(t) || t === "classes",
36
- name: "MuiListItemButton",
37
- slot: "Root",
38
- overridesResolver: _
39
- })(G(({
40
- theme: t
41
- }) => ({
42
- display: "flex",
43
- flexGrow: 1,
44
- justifyContent: "flex-start",
45
- alignItems: "center",
46
- position: "relative",
47
- textDecoration: "none",
48
- minWidth: 0,
49
- boxSizing: "border-box",
50
- textAlign: "left",
51
- paddingTop: 8,
52
- paddingBottom: 8,
53
- transition: t.transitions.create("background-color", {
54
- duration: t.transitions.duration.shortest
55
- }),
56
- "&:hover": {
57
- textDecoration: "none",
58
- backgroundColor: (t.vars || t).palette.action.hover,
59
- // Reset on touch devices, it doesn't add specificity
60
- "@media (hover: none)": {
61
- backgroundColor: "transparent"
62
- }
63
- },
64
- [`&.${i.selected}`]: {
65
- backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : u(t.palette.primary.main, t.palette.action.selectedOpacity),
66
- [`&.${i.focusVisible}`]: {
67
- backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : u(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
68
- }
69
- },
70
- [`&.${i.selected}:hover`]: {
71
- backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : u(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
72
- // Reset on touch devices, it doesn't add specificity
73
- "@media (hover: none)": {
74
- backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : u(t.palette.primary.main, t.palette.action.selectedOpacity)
75
- }
76
- },
77
- [`&.${i.focusVisible}`]: {
78
- backgroundColor: (t.vars || t).palette.action.focus
79
- },
80
- [`&.${i.disabled}`]: {
81
- opacity: (t.vars || t).palette.action.disabledOpacity
82
- },
83
- variants: [{
84
- props: ({
85
- ownerState: o
86
- }) => o.divider,
87
- style: {
88
- borderBottom: `1px solid ${(t.vars || t).palette.divider}`,
89
- backgroundClip: "padding-box"
90
- }
91
- }, {
92
- props: {
93
- alignItems: "flex-start"
94
- },
95
- style: {
96
- alignItems: "flex-start"
97
- }
98
- }, {
99
- props: ({
100
- ownerState: o
101
- }) => !o.disableGutters,
102
- style: {
103
- paddingLeft: 16,
104
- paddingRight: 16
105
- }
106
- }, {
107
- props: ({
108
- ownerState: o
109
- }) => o.dense,
110
- style: {
111
- paddingTop: 4,
112
- paddingBottom: 4
113
- }
114
- }]
115
- }))), k = /* @__PURE__ */ p.forwardRef(function(o, s) {
116
- const l = j({
117
- props: o,
118
- name: "MuiListItemButton"
119
- }), {
120
- alignItems: a = "center",
121
- autoFocus: c = !1,
122
- component: d = "div",
123
- children: f,
124
- dense: b = !1,
125
- disableGutters: r = !1,
126
- divider: w = !1,
127
- focusVisibleClassName: N,
128
- selected: R = !1,
129
- className: F,
130
- ...n
131
- } = l, v = p.useContext(O), y = p.useMemo(() => ({
132
- dense: b || v.dense || !1,
133
- alignItems: a,
134
- disableGutters: r
135
- }), [a, v.dense, b, r]), m = p.useRef(null);
136
- U(() => {
137
- c && (m.current ? m.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a ListItemButton whose component has not been rendered."));
138
- }, [c]);
139
- const x = {
140
- ...l,
141
- alignItems: a,
142
- dense: y.dense,
143
- disableGutters: r,
144
- divider: w,
145
- selected: R
146
- }, g = A(x), V = D(m, s);
147
- return /* @__PURE__ */ B(O.Provider, {
148
- value: y,
149
- children: /* @__PURE__ */ B(W, {
150
- ref: V,
151
- href: n.href || n.to,
152
- component: (n.href || n.to) && d === "div" ? "button" : d,
153
- focusVisibleClassName: I(g.focusVisible, N),
154
- ownerState: x,
155
- className: I(g.root, F),
156
- ...n,
157
- classes: g,
158
- children: f
159
- })
160
- });
161
- });
162
- process.env.NODE_ENV !== "production" && (k.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
- * Defines the `align-items` style property.
169
- * @default 'center'
170
- */
171
- alignItems: e.oneOf(["center", "flex-start"]),
172
- /**
173
- * If `true`, the list item is focused during the first mount.
174
- * Focus will also be triggered if the value changes from false to true.
175
- * @default false
176
- */
177
- autoFocus: e.bool,
178
- /**
179
- * The content of the component if a `ListItemSecondaryAction` is used it must
180
- * be the last child.
181
- */
182
- children: e.node,
183
- /**
184
- * Override or extend the styles applied to the component.
185
- */
186
- classes: e.object,
187
- /**
188
- * @ignore
189
- */
190
- className: e.string,
191
- /**
192
- * The component used for the root node.
193
- * Either a string to use a HTML element or a component.
194
- */
195
- component: e.elementType,
196
- /**
197
- * If `true`, compact vertical padding designed for keyboard and mouse input is used.
198
- * The prop defaults to the value inherited from the parent List component.
199
- * @default false
200
- */
201
- dense: e.bool,
202
- /**
203
- * If `true`, the component is disabled.
204
- * @default false
205
- */
206
- disabled: e.bool,
207
- /**
208
- * If `true`, the left and right padding is removed.
209
- * @default false
210
- */
211
- disableGutters: e.bool,
212
- /**
213
- * If `true`, a 1px light border is added to the bottom of the list item.
214
- * @default false
215
- */
216
- divider: e.bool,
217
- /**
218
- * This prop can help identify which element has keyboard focus.
219
- * The class name will be applied when the element gains the focus through keyboard interaction.
220
- * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
221
- * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
222
- * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
223
- * if needed.
224
- */
225
- focusVisibleClassName: e.string,
226
- /**
227
- * @ignore
228
- */
229
- href: e.string,
230
- /**
231
- * Use to apply selected styling.
232
- * @default false
233
- */
234
- selected: e.bool,
235
- /**
236
- * The system prop that allows defining system overrides as well as additional CSS styles.
237
- */
238
- sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
239
- });
240
- const q = $(k, {
241
- shouldForwardProp: (t) => L(t)
242
- })(({ menuOrientation: t }) => ({
243
- "&:hover": {
244
- backgroundColor: C.colors.green
245
- },
246
- color: C.colors.white,
247
- paddingRight: t === "horizontal" ? "16px" : "8px"
248
- })), et = $(q, {
249
- shouldForwardProp: (t) => L(t)
250
- })(({ menuPosition: t }) => ({
251
- display: "flex",
252
- justifyContent: t === "right" ? "flex-start" : "flex-end",
253
- alignItems: "center"
254
- }));
255
- export {
256
- et as C,
257
- q as N,
258
- i as l
259
- };