@blakesteve/roster 5.7.0 → 5.9.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 (106) hide show
  1. package/README.md +169 -5
  2. package/dist/components/atoms/Avatar/Avatar.cjs +1 -1
  3. package/dist/components/atoms/Avatar/Avatar.d.ts +4 -0
  4. package/dist/components/atoms/Avatar/Avatar.js +1 -1
  5. package/dist/components/atoms/AvatarStrip/AvatarStrip.cjs +1 -1
  6. package/dist/components/atoms/AvatarStrip/AvatarStrip.d.ts +10 -1
  7. package/dist/components/atoms/AvatarStrip/AvatarStrip.js +34 -30
  8. package/dist/components/atoms/Button/button-variants.cjs +1 -1
  9. package/dist/components/atoms/Button/button-variants.js +5 -3
  10. package/dist/components/atoms/Eyebrow/eyebrow-variants.cjs +1 -1
  11. package/dist/components/atoms/Eyebrow/eyebrow-variants.js +8 -4
  12. package/dist/components/atoms/MultiSelect/MultiSelect.cjs +1 -1
  13. package/dist/components/atoms/MultiSelect/MultiSelect.d.ts +3 -1
  14. package/dist/components/atoms/MultiSelect/MultiSelect.js +87 -89
  15. package/dist/components/atoms/Progress/Progress.cjs +1 -1
  16. package/dist/components/atoms/Progress/Progress.d.ts +1 -0
  17. package/dist/components/atoms/Progress/Progress.js +28 -27
  18. package/dist/components/atoms/Stat/Stat.cjs +1 -1
  19. package/dist/components/atoms/Stat/Stat.js +5 -5
  20. package/dist/components/atoms/Stat/stat-variants.cjs +1 -1
  21. package/dist/components/atoms/Stat/stat-variants.js +10 -8
  22. package/dist/components/molecules/Breadcrumbs/Breadcrumbs.cjs +1 -1
  23. package/dist/components/molecules/Breadcrumbs/Breadcrumbs.d.ts +10 -1
  24. package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js +31 -29
  25. package/dist/components/molecules/CallToAction/CallToAction.cjs +1 -1
  26. package/dist/components/molecules/CallToAction/CallToAction.d.ts +8 -1
  27. package/dist/components/molecules/CallToAction/CallToAction.js +34 -29
  28. package/dist/components/molecules/Carousel/Carousel.cjs +1 -1
  29. package/dist/components/molecules/Carousel/Carousel.d.ts +7 -0
  30. package/dist/components/molecules/Carousel/Carousel.js +155 -155
  31. package/dist/components/molecules/ErrorState/ErrorState.cjs +1 -1
  32. package/dist/components/molecules/ErrorState/ErrorState.d.ts +8 -1
  33. package/dist/components/molecules/ErrorState/ErrorState.js +44 -39
  34. package/dist/components/molecules/FileUpload/FileUpload.cjs +1 -1
  35. package/dist/components/molecules/FileUpload/FileUpload.js +23 -22
  36. package/dist/components/molecules/MediaPreview/MediaPreview.cjs +1 -1
  37. package/dist/components/molecules/MediaPreview/MediaPreview.d.ts +3 -1
  38. package/dist/components/molecules/MediaPreview/MediaPreview.js +13 -12
  39. package/dist/components/molecules/Menu/Menu.cjs +1 -0
  40. package/dist/components/molecules/Menu/Menu.d.ts +169 -0
  41. package/dist/components/molecules/Menu/Menu.js +577 -0
  42. package/dist/components/molecules/Menu/menu-typeahead.cjs +1 -0
  43. package/dist/components/molecules/Menu/menu-typeahead.d.ts +7 -0
  44. package/dist/components/molecules/Menu/menu-typeahead.js +13 -0
  45. package/dist/components/molecules/Pagination/Pagination.cjs +1 -1
  46. package/dist/components/molecules/Pagination/Pagination.d.ts +1 -0
  47. package/dist/components/molecules/Pagination/Pagination.js +47 -46
  48. package/dist/components/molecules/ProgressField/ProgressField.d.ts +1 -0
  49. package/dist/components/molecules/SkeletonPresets/SkeletonPresets.cjs +1 -1
  50. package/dist/components/molecules/SkeletonPresets/SkeletonPresets.d.ts +2 -2
  51. package/dist/components/molecules/SkeletonPresets/SkeletonPresets.js +17 -17
  52. package/dist/components/molecules/StepProgress/StepProgress.cjs +1 -1
  53. package/dist/components/molecules/StepProgress/StepProgress.d.ts +1 -0
  54. package/dist/components/molecules/StepProgress/StepProgress.js +9 -8
  55. package/dist/components/organisms/Countdown/Countdown.cjs +1 -1
  56. package/dist/components/organisms/Countdown/Countdown.d.ts +13 -0
  57. package/dist/components/organisms/Countdown/Countdown.js +54 -47
  58. package/dist/components/organisms/DataTable/DataTable.cjs +1 -1
  59. package/dist/components/organisms/DataTable/DataTable.d.ts +5 -3
  60. package/dist/components/organisms/DataTable/DataTable.js +27 -26
  61. package/dist/components/organisms/Dialog/Dialog.cjs +1 -1
  62. package/dist/components/organisms/Dialog/Dialog.d.ts +8 -1
  63. package/dist/components/organisms/Dialog/Dialog.js +25 -23
  64. package/dist/components/organisms/Footer/Footer.cjs +1 -1
  65. package/dist/components/organisms/Footer/Footer.d.ts +9 -0
  66. package/dist/components/organisms/Footer/Footer.js +21 -23
  67. package/dist/components/organisms/ModerationQueue/ModerationQueue.cjs +1 -1
  68. package/dist/components/organisms/ModerationQueue/ModerationQueue.d.ts +40 -1
  69. package/dist/components/organisms/ModerationQueue/ModerationQueue.js +262 -237
  70. package/dist/components/organisms/ModerationQueue/QueueEditDialog.cjs +1 -1
  71. package/dist/components/organisms/ModerationQueue/QueueEditDialog.d.ts +1 -1
  72. package/dist/components/organisms/ModerationQueue/QueueEditDialog.js +23 -21
  73. package/dist/components/organisms/ModerationQueue/QueueEditSheet.cjs +1 -1
  74. package/dist/components/organisms/ModerationQueue/QueueEditSheet.d.ts +1 -1
  75. package/dist/components/organisms/ModerationQueue/QueueEditSheet.js +22 -20
  76. package/dist/components/organisms/ModerationQueue/queue-actions.d.ts +29 -10
  77. package/dist/components/organisms/Navbar/Navbar.cjs +1 -1
  78. package/dist/components/organisms/Navbar/Navbar.d.ts +39 -4
  79. package/dist/components/organisms/Navbar/Navbar.js +297 -301
  80. package/dist/components/organisms/Navbar/navbar-variants.cjs +1 -1
  81. package/dist/components/organisms/Navbar/navbar-variants.js +4 -2
  82. package/dist/components/organisms/Sheet/Sheet.cjs +1 -1
  83. package/dist/components/organisms/Sheet/Sheet.d.ts +8 -1
  84. package/dist/components/organisms/Sheet/Sheet.js +65 -63
  85. package/dist/index.d.ts +1 -0
  86. package/dist/lib/labels.cjs +1 -0
  87. package/dist/lib/labels.d.ts +7 -0
  88. package/dist/lib/labels.js +12 -0
  89. package/dist/meta.json +3 -3
  90. package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +7 -7
  91. package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +2 -2
  92. package/dist/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +5 -5
  93. package/dist/node_modules/@headlessui/react/dist/components/portal/portal.js +6 -6
  94. package/dist/node_modules/@headlessui/react/dist/utils/focus-management.cjs +1 -1
  95. package/dist/node_modules/@headlessui/react/dist/utils/focus-management.js +52 -61
  96. package/dist/node_modules/@radix-ui/react-popper/dist/index.js +6 -6
  97. package/dist/roster.cjs +1 -1
  98. package/dist/roster.css +1 -1
  99. package/dist/roster.js +127 -116
  100. package/package.json +2 -1
  101. package/dist/node_modules/@headlessui/react/dist/components/menu/menu-machine-glue.cjs +0 -1
  102. package/dist/node_modules/@headlessui/react/dist/components/menu/menu-machine-glue.js +0 -21
  103. package/dist/node_modules/@headlessui/react/dist/components/menu/menu-machine.cjs +0 -1
  104. package/dist/node_modules/@headlessui/react/dist/components/menu/menu-machine.js +0 -120
  105. package/dist/node_modules/@headlessui/react/dist/components/menu/menu.cjs +0 -1
  106. package/dist/node_modules/@headlessui/react/dist/components/menu/menu.js +0 -197
@@ -1,197 +0,0 @@
1
- import { useFocusRing as me } from "../../../../../@react-aria/focus/dist/useFocusRing.js";
2
- import { useHover as de } from "../../../../../@react-aria/interactions/dist/useHover.js";
3
- import O, { useId as K, useCallback as G, Fragment as oe, useRef as W, useState as fe, useEffect as ve } from "react";
4
- import { flushSync as Y } from "react-dom";
5
- import { useActivePress as ge } from "../../hooks/use-active-press.js";
6
- import { useDisposables as be } from "../../hooks/use-disposables.js";
7
- import { useElementSize as ye } from "../../hooks/use-element-size.js";
8
- import { useEvent as M } from "../../hooks/use-event.js";
9
- import { useHandleToggle as Me } from "../../hooks/use-handle-toggle.js";
10
- import { useInertOthers as Pe } from "../../hooks/use-inert-others.js";
11
- import { useIsoMorphicEffect as B } from "../../hooks/use-iso-morphic-effect.js";
12
- import { useOnDisappear as $e } from "../../hooks/use-on-disappear.js";
13
- import { useOutsideClick as he } from "../../hooks/use-outside-click.js";
14
- import { useOwnerDocument as X } from "../../hooks/use-owner.js";
15
- import { useQuickRelease as Ie, Action as U } from "../../hooks/use-quick-release.js";
16
- import { useResolveButtonType as Se } from "../../hooks/use-resolve-button-type.js";
17
- import { useScrollLock as Ee } from "../../hooks/use-scroll-lock.js";
18
- import { useSlot as z } from "../../hooks/use-slot.js";
19
- import { useSyncRefs as Q } from "../../hooks/use-sync-refs.js";
20
- import { useTextValue as Te } from "../../hooks/use-text-value.js";
21
- import { useTrackedPointer as Fe } from "../../hooks/use-tracked-pointer.js";
22
- import { useTransition as De, transitionDataAttributes as Oe } from "../../hooks/use-transition.js";
23
- import { useTreeWalker as ke } from "../../hooks/use-tree-walker.js";
24
- import { FloatingProvider as we, useFloatingReferenceProps as Ce, useFloatingReference as Re, useResolvedAnchor as Ae, useFloatingPanel as xe, useFloatingPanelProps as Le } from "../../internal/floating.js";
25
- import { OpenClosedProvider as _e, State as V, useOpenClosed as He } from "../../internal/open-closed.js";
26
- import { stackMachines as Ne } from "../../machines/stack-machine.js";
27
- import { useSlice as T } from "../../react-glue.js";
28
- import { Focus as h } from "../../utils/calculate-active-index.js";
29
- import { disposables as Ge } from "../../utils/disposables.js";
30
- import { isHTMLElement as Ke } from "../../utils/dom.js";
31
- import { isFocusableElement as Ue, FocusableMode as Be, focusFrom as Ve, Focus as ee, restoreFocusIfNecessary as se } from "../../utils/focus-management.js";
32
- import { match as ze } from "../../utils/match.js";
33
- import { isActiveElement as Qe } from "../../utils/owner.js";
34
- import { forwardRefWithAs as k, useRender as w, RenderFeatures as te, mergeProps as re } from "../../utils/render.js";
35
- import { useDescriptions as We } from "../description/description.js";
36
- import { Keys as c } from "../keyboard.js";
37
- import { useLabelContext as Ye, useLabels as ne } from "../label/label.js";
38
- import { Portal as Ze } from "../portal/portal.js";
39
- import { MenuState as v, ActionTypes as r, ActivationTrigger as Z } from "./menu-machine.js";
40
- import { useMenuMachine as je, MenuContext as qe, useMenuMachineContext as j } from "./menu-machine-glue.js";
41
- let Je = oe;
42
- function Xe(m, b) {
43
- let l = K(), { __demoMode: a = !1, ...i } = m, u = je({ id: l, __demoMode: a }), [o, I, g] = T(u, (d) => [d.menuState, d.itemsElement, d.buttonElement]), S = Q(b), t = Ne.get(null), D = T(t, G((d) => t.selectors.isTop(d, l), [t, l]));
44
- he(D, [g, I], (d, f) => {
45
- var y;
46
- u.send({ type: r.CloseMenu }), Ue(f, Be.Loose) || (d.preventDefault(), (y = u.state.buttonElement) == null || y.focus());
47
- });
48
- let E = M(() => {
49
- u.send({ type: r.CloseMenu });
50
- }), P = z({ open: o === v.Open, close: E }), p = { ref: S }, $ = w();
51
- return O.createElement(we, null, O.createElement(qe.Provider, { value: u }, O.createElement(_e, { value: ze(o, { [v.Open]: V.Open, [v.Closed]: V.Closed }) }, $({ ourProps: p, theirProps: i, slot: P, defaultTag: Je, name: "Menu" }))));
52
- }
53
- let et = "button";
54
- function tt(m, b) {
55
- let l = j("Menu.Button"), a = K(), { id: i = `headlessui-menu-button-${a}`, disabled: u = !1, autoFocus: o = !1, ...I } = m, g = W(null), S = Ce(), t = Q(b, g, Re(), M((s) => l.send({ type: r.SetButtonElement, element: s }))), D = M((s) => {
56
- switch (s.key) {
57
- case c.Space:
58
- case c.Enter:
59
- case c.ArrowDown:
60
- s.preventDefault(), s.stopPropagation(), l.send({ type: r.OpenMenu, focus: { focus: h.First } });
61
- break;
62
- case c.ArrowUp:
63
- s.preventDefault(), s.stopPropagation(), l.send({ type: r.OpenMenu, focus: { focus: h.Last } });
64
- break;
65
- }
66
- }), E = M((s) => {
67
- s.key === c.Space && s.preventDefault();
68
- }), [P, p, $] = T(l, (s) => [s.menuState, s.buttonElement, s.itemsElement]), d = P === v.Open;
69
- Ie(d, { trigger: p, action: G((s) => {
70
- if (p != null && p.contains(s.target)) return U.Ignore;
71
- let n = s.target.closest('[role="menuitem"]:not([data-disabled])');
72
- return Ke(n) ? U.Select(n) : $ != null && $.contains(s.target) ? U.Ignore : U.Close;
73
- }, [p, $]), close: G(() => l.send({ type: r.CloseMenu }), []), select: G((s) => s.click(), []) });
74
- let f = Me((s) => {
75
- var n;
76
- u || (P === v.Open ? (Y(() => l.send({ type: r.CloseMenu })), (n = g.current) == null || n.focus({ preventScroll: !0 })) : (s.preventDefault(), l.send({ type: r.OpenMenu, focus: { focus: h.Nothing }, trigger: Z.Pointer })));
77
- }), { isFocusVisible: y, focusProps: C } = me({ autoFocus: o }), { isHovered: x, hoverProps: R } = de({ isDisabled: u }), { pressed: F, pressProps: L } = ge({ disabled: u }), A = z({ open: P === v.Open, active: F || P === v.Open, disabled: u, hover: x, focus: y, autofocus: o }), _ = re(S(), { ref: t, id: i, type: Se(m, g.current), "aria-haspopup": "menu", "aria-controls": $?.id, "aria-expanded": P === v.Open, disabled: u || void 0, autoFocus: o, onKeyDown: D, onKeyUp: E }, f, C, R, L);
78
- return w()({ ourProps: _, theirProps: I, slot: A, defaultTag: et, name: "Menu.Button" });
79
- }
80
- let ot = "div", st = te.RenderStrategy | te.Static;
81
- function rt(m, b) {
82
- let l = K(), { id: a = `headlessui-menu-items-${l}`, anchor: i, portal: u = !1, modal: o = !0, transition: I = !1, ...g } = m, S = Ae(i), t = j("Menu.Items"), [D, E] = xe(S), P = Le(), [p, $] = fe(null), d = Q(b, S ? D : null, M((e) => t.send({ type: r.SetItemsElement, element: e })), $), [f, y] = T(t, (e) => [e.menuState, e.buttonElement]), C = X(y), x = X(p);
83
- S && (u = !0);
84
- let R = He(), [F, L] = De(I, p, R !== null ? (R & V.Open) === V.Open : f === v.Open);
85
- $e(F, y, () => {
86
- t.send({ type: r.CloseMenu });
87
- });
88
- let A = T(t, (e) => e.__demoMode), _ = A ? !1 : o && f === v.Open;
89
- Ee(_, x);
90
- let s = A ? !1 : o && f === v.Open;
91
- Pe(s, { allowed: G(() => [y, p], [y, p]) });
92
- let n = T(t, t.selectors.didButtonMove) ? !1 : F;
93
- ve(() => {
94
- let e = p;
95
- e && f === v.Open && (Qe(e) || e.focus({ preventScroll: !0 }));
96
- }, [f, p]), ke(f === v.Open, { container: p, accept(e) {
97
- return e.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : e.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
98
- }, walk(e) {
99
- e.setAttribute("role", "none");
100
- } });
101
- let H = be(), ae = M((e) => {
102
- var N, q, J;
103
- switch (H.dispose(), e.key) {
104
- case c.Space:
105
- if (t.state.searchQuery !== "") return e.preventDefault(), e.stopPropagation(), t.send({ type: r.Search, value: e.key });
106
- case c.Enter:
107
- if (e.preventDefault(), e.stopPropagation(), t.state.activeItemIndex !== null) {
108
- let { dataRef: ce } = t.state.items[t.state.activeItemIndex];
109
- (q = (N = ce.current) == null ? void 0 : N.domRef.current) == null || q.click();
110
- }
111
- t.send({ type: r.CloseMenu }), se(t.state.buttonElement);
112
- break;
113
- case c.ArrowDown:
114
- return e.preventDefault(), e.stopPropagation(), t.send({ type: r.GoToItem, focus: h.Next });
115
- case c.ArrowUp:
116
- return e.preventDefault(), e.stopPropagation(), t.send({ type: r.GoToItem, focus: h.Previous });
117
- case c.Home:
118
- case c.PageUp:
119
- return e.preventDefault(), e.stopPropagation(), t.send({ type: r.GoToItem, focus: h.First });
120
- case c.End:
121
- case c.PageDown:
122
- return e.preventDefault(), e.stopPropagation(), t.send({ type: r.GoToItem, focus: h.Last });
123
- case c.Escape:
124
- e.preventDefault(), e.stopPropagation(), Y(() => t.send({ type: r.CloseMenu })), (J = t.state.buttonElement) == null || J.focus({ preventScroll: !0 });
125
- break;
126
- case c.Tab:
127
- e.preventDefault(), e.stopPropagation(), Y(() => t.send({ type: r.CloseMenu })), Ve(t.state.buttonElement, e.shiftKey ? ee.Previous : ee.Next);
128
- break;
129
- default:
130
- e.key.length === 1 && (t.send({ type: r.Search, value: e.key }), H.setTimeout(() => t.send({ type: r.ClearSearch }), 350));
131
- break;
132
- }
133
- }), ue = M((e) => {
134
- e.key === c.Space && e.preventDefault();
135
- }), le = z({ open: f === v.Open }), ie = re(S ? P() : {}, { "aria-activedescendant": T(t, t.selectors.activeDescendantId), "aria-labelledby": T(t, (e) => {
136
- var N;
137
- return (N = e.buttonElement) == null ? void 0 : N.id;
138
- }), id: a, onKeyDown: ae, onKeyUp: ue, role: "menu", tabIndex: f === v.Open ? 0 : void 0, ref: d, style: { ...g.style, ...E, "--button-width": ye(F, y, !0).width }, ...Oe(L) }), pe = w();
139
- return O.createElement(Ze, { enabled: u ? m.static || F : !1, ownerDocument: C }, pe({ ourProps: ie, theirProps: g, slot: le, defaultTag: ot, features: st, visible: n, name: "Menu.Items" }));
140
- }
141
- let nt = oe;
142
- function at(m, b) {
143
- let l = K(), { id: a = `headlessui-menu-item-${l}`, disabled: i = !1, ...u } = m, o = j("Menu.Item"), I = T(o, (n) => o.selectors.isActive(n, a)), g = W(null), S = Q(b, g), t = T(o, (n) => o.selectors.shouldScrollIntoView(n, a));
144
- B(() => {
145
- if (t) return Ge().requestAnimationFrame(() => {
146
- var n, H;
147
- (H = (n = g.current) == null ? void 0 : n.scrollIntoView) == null || H.call(n, { block: "nearest" });
148
- });
149
- }, [t, g]);
150
- let D = Te(g), E = W({ disabled: i, domRef: g, get textValue() {
151
- return D();
152
- } });
153
- B(() => {
154
- E.current.disabled = i;
155
- }, [E, i]), B(() => (o.actions.registerItem(a, E), () => o.actions.unregisterItem(a)), [E, a]);
156
- let P = M(() => {
157
- o.send({ type: r.CloseMenu });
158
- }), p = M((n) => {
159
- if (i) return n.preventDefault();
160
- o.send({ type: r.CloseMenu }), se(o.state.buttonElement);
161
- }), $ = M(() => {
162
- if (i) return o.send({ type: r.GoToItem, focus: h.Nothing });
163
- o.send({ type: r.GoToItem, focus: h.Specific, id: a });
164
- }), d = Fe(), f = M((n) => d.update(n)), y = M((n) => {
165
- d.wasMoved(n) && (i || I || o.send({ type: r.GoToItem, focus: h.Specific, id: a, trigger: Z.Pointer }));
166
- }), C = M((n) => {
167
- d.wasMoved(n) && (i || I && o.state.activationTrigger === Z.Pointer && o.send({ type: r.GoToItem, focus: h.Nothing }));
168
- }), [x, R] = ne(), [F, L] = We(), A = z({ active: I, focus: I, disabled: i, close: P }), _ = { id: a, ref: S, role: "menuitem", tabIndex: i === !0 ? void 0 : -1, "aria-disabled": i === !0 ? !0 : void 0, "aria-labelledby": x, "aria-describedby": F, disabled: void 0, onClick: p, onFocus: $, onPointerEnter: f, onMouseEnter: f, onPointerMove: y, onMouseMove: y, onPointerLeave: C, onMouseLeave: C }, s = w();
169
- return O.createElement(R, null, O.createElement(L, null, s({ ourProps: _, theirProps: u, slot: A, defaultTag: nt, name: "Menu.Item" })));
170
- }
171
- let ut = "div";
172
- function lt(m, b) {
173
- let [l, a] = ne(), i = m, u = { ref: b, "aria-labelledby": l, role: "group" }, o = w();
174
- return O.createElement(a, null, o({ ourProps: u, theirProps: i, slot: {}, defaultTag: ut, name: "Menu.Section" }));
175
- }
176
- let it = "header";
177
- function pt(m, b) {
178
- let l = K(), { id: a = `headlessui-menu-heading-${l}`, ...i } = m, u = Ye();
179
- B(() => u.register(a), [a, u.register]);
180
- let o = { id: a, ref: b, role: "presentation", ...u.props };
181
- return w()({ ourProps: o, theirProps: i, slot: {}, defaultTag: it, name: "Menu.Heading" });
182
- }
183
- let ct = "div";
184
- function mt(m, b) {
185
- let l = m, a = { ref: b, role: "separator" };
186
- return w()({ ourProps: a, theirProps: l, slot: {}, defaultTag: ct, name: "Menu.Separator" });
187
- }
188
- let dt = k(Xe), ft = k(tt), vt = k(rt), gt = k(at), bt = k(lt), yt = k(pt), Mt = k(mt), ao = Object.assign(dt, { Button: ft, Items: vt, Item: gt, Section: bt, Heading: yt, Separator: Mt });
189
- export {
190
- ao as Menu,
191
- ft as MenuButton,
192
- yt as MenuHeading,
193
- gt as MenuItem,
194
- vt as MenuItems,
195
- bt as MenuSection,
196
- Mt as MenuSeparator
197
- };