moduix 0.11.1 → 0.11.3
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.
- package/LICENSE.md +21 -0
- package/README.md +6 -3
- package/dist/components/Field/Field.css +1 -0
- package/dist/components/Input/Input.css +16 -16
- package/dist/components/NavigationMenu/NavigationMenu.css +2 -1
- package/package.json +6 -6
- package/dist/_virtual/_rolldown/runtime.cjs +0 -23
- package/dist/components/Accordion/Accordion.cjs +0 -65
- package/dist/components/Accordion/Accordion.module.cjs +0 -12
- package/dist/components/Alert/Alert.cjs +0 -50
- package/dist/components/Alert/Alert.module.cjs +0 -11
- package/dist/components/AlertDialog/AlertDialog.cjs +0 -122
- package/dist/components/AlertDialog/AlertDialog.module.cjs +0 -18
- package/dist/components/AspectRatio/AspectRatio.cjs +0 -24
- package/dist/components/AspectRatio/AspectRatio.module.cjs +0 -5
- package/dist/components/Autocomplete/Autocomplete.cjs +0 -303
- package/dist/components/Autocomplete/Autocomplete.module.cjs +0 -37
- package/dist/components/Avatar/Avatar.cjs +0 -31
- package/dist/components/Avatar/Avatar.module.cjs +0 -9
- package/dist/components/Badge/Badge.cjs +0 -25
- package/dist/components/Badge/Badge.module.cjs +0 -8
- package/dist/components/Bleed/Bleed.cjs +0 -17
- package/dist/components/Bleed/Bleed.module.cjs +0 -5
- package/dist/components/Breadcrumbs/Breadcrumbs.cjs +0 -72
- package/dist/components/Breadcrumbs/Breadcrumbs.module.cjs +0 -13
- package/dist/components/Button/Button.cjs +0 -18
- package/dist/components/Button/Button.module.cjs +0 -5
- package/dist/components/Card/Card.cjs +0 -81
- package/dist/components/Card/Card.module.cjs +0 -14
- package/dist/components/Checkbox/Checkbox.cjs +0 -63
- package/dist/components/Checkbox/Checkbox.module.cjs +0 -13
- package/dist/components/CheckboxGroup/CheckboxGroup.cjs +0 -55
- package/dist/components/CheckboxGroup/CheckboxGroup.module.cjs +0 -11
- package/dist/components/CloseButton/CloseButton.cjs +0 -22
- package/dist/components/CloseButton/CloseButton.module.cjs +0 -5
- package/dist/components/Collapsible/Collapsible.cjs +0 -47
- package/dist/components/Collapsible/Collapsible.module.cjs +0 -10
- package/dist/components/Combobox/Combobox.cjs +0 -330
- package/dist/components/Combobox/Combobox.module.cjs +0 -42
- package/dist/components/CommandPalette/CommandPalette.cjs +0 -304
- package/dist/components/CommandPalette/CommandPalette.module.cjs +0 -30
- package/dist/components/Container/Container.cjs +0 -17
- package/dist/components/Container/Container.module.cjs +0 -5
- package/dist/components/ContextMenu/ContextMenu.cjs +0 -241
- package/dist/components/ContextMenu/ContextMenu.module.cjs +0 -33
- package/dist/components/CopyButton/CopyButton.cjs +0 -66
- package/dist/components/CopyButton/CopyButton.module.cjs +0 -5
- package/dist/components/Dialog/Dialog.cjs +0 -136
- package/dist/components/Dialog/Dialog.module.cjs +0 -18
- package/dist/components/Drawer/Drawer.cjs +0 -202
- package/dist/components/Drawer/Drawer.module.cjs +0 -24
- package/dist/components/Empty/Empty.cjs +0 -55
- package/dist/components/Empty/Empty.module.cjs +0 -12
- package/dist/components/Field/Field.cjs +0 -56
- package/dist/components/Field/Field.module.cjs +0 -12
- package/dist/components/Fieldset/Fieldset.cjs +0 -22
- package/dist/components/Fieldset/Fieldset.module.cjs +0 -8
- package/dist/components/Form/Form.cjs +0 -16
- package/dist/components/Form/Form.module.cjs +0 -5
- package/dist/components/Heading/Heading.cjs +0 -25
- package/dist/components/Heading/Heading.module.cjs +0 -5
- package/dist/components/Input/Input.cjs +0 -18
- package/dist/components/Input/Input.module.cjs +0 -5
- package/dist/components/InputGroup/InputGroup.cjs +0 -77
- package/dist/components/InputGroup/InputGroup.module.cjs +0 -11
- package/dist/components/Kbd/Kbd.cjs +0 -23
- package/dist/components/Kbd/Kbd.module.cjs +0 -8
- package/dist/components/Lightbox/Lightbox.cjs +0 -220
- package/dist/components/Lightbox/Lightbox.module.cjs +0 -14
- package/dist/components/List/List.cjs +0 -31
- package/dist/components/List/List.module.cjs +0 -5
- package/dist/components/Menu/Menu.cjs +0 -260
- package/dist/components/Menu/Menu.module.cjs +0 -36
- package/dist/components/Menubar/Menubar.cjs +0 -261
- package/dist/components/Menubar/Menubar.module.cjs +0 -36
- package/dist/components/Meter/Meter.cjs +0 -60
- package/dist/components/Meter/Meter.module.cjs +0 -11
- package/dist/components/NavigationMenu/NavigationMenu.cjs +0 -146
- package/dist/components/NavigationMenu/NavigationMenu.module.cjs +0 -21
- package/dist/components/NumberField/NumberField.cjs +0 -82
- package/dist/components/NumberField/NumberField.module.cjs +0 -13
- package/dist/components/OTPField/OTPField.cjs +0 -41
- package/dist/components/OTPField/OTPField.module.cjs +0 -9
- package/dist/components/Pagination/Pagination.cjs +0 -123
- package/dist/components/Pagination/Pagination.module.cjs +0 -16
- package/dist/components/PasswordInput/PasswordInput.cjs +0 -47
- package/dist/components/PasswordInput/PasswordInput.module.cjs +0 -9
- package/dist/components/Popover/Popover.cjs +0 -146
- package/dist/components/Popover/Popover.module.cjs +0 -22
- package/dist/components/PreviewCard/PreviewCard.cjs +0 -96
- package/dist/components/PreviewCard/PreviewCard.module.cjs +0 -16
- package/dist/components/Progress/Progress.cjs +0 -60
- package/dist/components/Progress/Progress.module.cjs +0 -12
- package/dist/components/Radio/Radio.cjs +0 -78
- package/dist/components/Radio/Radio.module.cjs +0 -14
- package/dist/components/Rating/Rating.cjs +0 -61
- package/dist/components/Rating/Rating.module.cjs +0 -9
- package/dist/components/ScrollArea/ScrollArea.cjs +0 -82
- package/dist/components/ScrollArea/ScrollArea.module.cjs +0 -12
- package/dist/components/Select/Select.cjs +0 -219
- package/dist/components/Select/Select.module.cjs +0 -33
- package/dist/components/Separator/Separator.cjs +0 -16
- package/dist/components/Separator/Separator.module.cjs +0 -5
- package/dist/components/Skeleton/Skeleton.cjs +0 -25
- package/dist/components/Skeleton/Skeleton.module.cjs +0 -5
- package/dist/components/Slider/Slider.cjs +0 -106
- package/dist/components/Slider/Slider.module.cjs +0 -13
- package/dist/components/SnapCarousel/SnapCarousel.cjs +0 -130
- package/dist/components/SnapCarousel/SnapCarousel.module.cjs +0 -13
- package/dist/components/Spinner/Spinner.cjs +0 -30
- package/dist/components/Spinner/Spinner.module.cjs +0 -9
- package/dist/components/SplitButton/SplitButton.cjs +0 -69
- package/dist/components/SplitButton/SplitButton.module.cjs +0 -9
- package/dist/components/Stack/Stack.cjs +0 -27
- package/dist/components/Stack/Stack.module.cjs +0 -5
- package/dist/components/Stepper/Stepper.cjs +0 -138
- package/dist/components/Stepper/Stepper.module.cjs +0 -14
- package/dist/components/Switch/Switch.cjs +0 -43
- package/dist/components/Switch/Switch.module.cjs +0 -10
- package/dist/components/Table/Table.cjs +0 -96
- package/dist/components/Table/Table.module.cjs +0 -18
- package/dist/components/Tabs/Tabs.cjs +0 -70
- package/dist/components/Tabs/Tabs.module.cjs +0 -11
- package/dist/components/Text/Text.cjs +0 -42
- package/dist/components/Text/Text.module.cjs +0 -5
- package/dist/components/Textarea/Textarea.cjs +0 -28
- package/dist/components/Textarea/Textarea.module.cjs +0 -5
- package/dist/components/Toast/Toast.cjs +0 -278
- package/dist/components/Toast/Toast.module.cjs +0 -26
- package/dist/components/Toggle/Toggle.cjs +0 -18
- package/dist/components/Toggle/Toggle.module.cjs +0 -5
- package/dist/components/ToggleGroup/ToggleGroup.cjs +0 -42
- package/dist/components/ToggleGroup/ToggleGroup.module.cjs +0 -8
- package/dist/components/Toolbar/Toolbar.cjs +0 -61
- package/dist/components/Toolbar/Toolbar.module.cjs +0 -12
- package/dist/components/Tooltip/Tooltip.cjs +0 -91
- package/dist/components/Tooltip/Tooltip.module.cjs +0 -15
- package/dist/icons/demo/Icons.cjs +0 -234
- package/dist/icons/ui/Icons.cjs +0 -324
- package/dist/index.cjs +0 -619
- package/dist/index.d.cts +0 -1
- package/dist/reset.cjs +0 -1
- package/dist/reset.d.cts +0 -1
- package/dist/style.cjs +0 -1
- package/dist/style.d.cts +0 -1
- package/dist/utils/mergeClassName.cjs +0 -8
|
@@ -1,304 +0,0 @@
|
|
|
1
|
-
const require_Icons = require("../../icons/ui/Icons.cjs");
|
|
2
|
-
const require_mergeClassName = require("../../utils/mergeClassName.cjs");
|
|
3
|
-
const require_CommandPalette_module = require("./CommandPalette.module.cjs");
|
|
4
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
5
|
-
let clsx = require("clsx");
|
|
6
|
-
let react = require("react");
|
|
7
|
-
let _base_ui_react_autocomplete = require("@base-ui/react/autocomplete");
|
|
8
|
-
let _base_ui_react_dialog = require("@base-ui/react/dialog");
|
|
9
|
-
//#region src/components/CommandPalette/CommandPalette.tsx
|
|
10
|
-
const createCommandPaletteHandle = _base_ui_react_dialog.Dialog.createHandle;
|
|
11
|
-
const CommandPaletteContext = (0, react.createContext)(null);
|
|
12
|
-
function useCommandPaletteContext(componentName) {
|
|
13
|
-
const context = (0, react.useContext)(CommandPaletteContext);
|
|
14
|
-
if (!context) throw new Error(`${componentName} must be used within CommandPalette.`);
|
|
15
|
-
return context;
|
|
16
|
-
}
|
|
17
|
-
function isMacLikePlatform() {
|
|
18
|
-
if (typeof navigator === "undefined") return false;
|
|
19
|
-
const platform = navigator.userAgentData?.platform ?? navigator.platform;
|
|
20
|
-
return /mac|iphone|ipad|ipod/i.test(platform);
|
|
21
|
-
}
|
|
22
|
-
function isShortcutMatch(event, shortcut) {
|
|
23
|
-
const parts = shortcut.toLowerCase().split("+").map((part) => part.trim()).filter(Boolean);
|
|
24
|
-
const key = parts.at(-1);
|
|
25
|
-
const primaryModifier = parts.includes("mod") ? isMacLikePlatform() ? "meta" : "ctrl" : null;
|
|
26
|
-
const needsCtrl = parts.includes("ctrl") || parts.includes("control") || primaryModifier === "ctrl";
|
|
27
|
-
const needsMeta = parts.includes("meta") || parts.includes("cmd") || parts.includes("command") || primaryModifier === "meta";
|
|
28
|
-
const needsAlt = parts.includes("alt") || parts.includes("option");
|
|
29
|
-
const needsShift = parts.includes("shift");
|
|
30
|
-
const eventKey = event.key.toLowerCase();
|
|
31
|
-
const eventCode = event.code.startsWith("Key") || event.code.startsWith("Digit") ? event.code.slice(event.code.startsWith("Key") ? 3 : 5).toLowerCase() : event.code.toLowerCase();
|
|
32
|
-
if (!key || eventKey !== key && eventCode !== key) return false;
|
|
33
|
-
return event.ctrlKey === needsCtrl && event.metaKey === needsMeta && event.altKey === needsAlt && event.shiftKey === needsShift;
|
|
34
|
-
}
|
|
35
|
-
function isEditableTarget(target) {
|
|
36
|
-
if (!(target instanceof Element)) return false;
|
|
37
|
-
return target.closest("input, textarea, select, [contenteditable], [contenteditable=\"true\"]") !== null;
|
|
38
|
-
}
|
|
39
|
-
function isGroupedItems(items) {
|
|
40
|
-
return Boolean(items?.[0] && typeof items[0] === "object" && items[0] !== null && "items" in items[0]);
|
|
41
|
-
}
|
|
42
|
-
function CommandPalette({ modal = true, shortcut = "mod+k", shortcutTarget, handle, children, ...props }) {
|
|
43
|
-
const fallbackHandle = (0, react.useMemo)(() => createCommandPaletteHandle(), []);
|
|
44
|
-
const resolvedHandle = handle ?? fallbackHandle;
|
|
45
|
-
(0, react.useEffect)(() => {
|
|
46
|
-
if (shortcut === false || shortcutTarget === null) return;
|
|
47
|
-
const target = shortcutTarget ?? document;
|
|
48
|
-
const handleKeyDown = (event) => {
|
|
49
|
-
if (event.defaultPrevented || event.isComposing || isEditableTarget(event.target) || !isShortcutMatch(event, shortcut)) return;
|
|
50
|
-
event.preventDefault();
|
|
51
|
-
resolvedHandle.open(null);
|
|
52
|
-
};
|
|
53
|
-
const eventListener = handleKeyDown;
|
|
54
|
-
target.addEventListener("keydown", eventListener);
|
|
55
|
-
return () => target.removeEventListener("keydown", eventListener);
|
|
56
|
-
}, [
|
|
57
|
-
resolvedHandle,
|
|
58
|
-
shortcut,
|
|
59
|
-
shortcutTarget
|
|
60
|
-
]);
|
|
61
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommandPaletteContext.Provider, {
|
|
62
|
-
value: {
|
|
63
|
-
handle: resolvedHandle,
|
|
64
|
-
modal
|
|
65
|
-
},
|
|
66
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Root, {
|
|
67
|
-
modal,
|
|
68
|
-
handle: resolvedHandle,
|
|
69
|
-
...props,
|
|
70
|
-
children
|
|
71
|
-
})
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
function CommandPaletteTrigger({ className, render, ...props }) {
|
|
75
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Trigger, {
|
|
76
|
-
"data-slot": "command-palette-trigger",
|
|
77
|
-
className: render ? className : require_mergeClassName.mergeClassName(className, require_CommandPalette_module.default.trigger),
|
|
78
|
-
render,
|
|
79
|
-
...props
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
function CommandPalettePortal(props) {
|
|
83
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Portal, { ...props });
|
|
84
|
-
}
|
|
85
|
-
function CommandPaletteBackdrop({ className, ...props }) {
|
|
86
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Backdrop, {
|
|
87
|
-
"data-slot": "command-palette-backdrop",
|
|
88
|
-
className: require_mergeClassName.mergeClassName(className, require_CommandPalette_module.default.backdrop),
|
|
89
|
-
...props
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
function CommandPaletteViewport({ className, ...props }) {
|
|
93
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Viewport, {
|
|
94
|
-
"data-slot": "command-palette-viewport",
|
|
95
|
-
className: require_mergeClassName.mergeClassName(className, require_CommandPalette_module.default.viewport),
|
|
96
|
-
...props
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
function CommandPalettePopup({ className, ...props }) {
|
|
100
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Popup, {
|
|
101
|
-
"data-slot": "command-palette-popup",
|
|
102
|
-
className: require_mergeClassName.mergeClassName(className, require_CommandPalette_module.default.popup),
|
|
103
|
-
...props
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
function CommandPaletteClose({ className, ...props }) {
|
|
107
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Close, {
|
|
108
|
-
"data-slot": "command-palette-close",
|
|
109
|
-
className: require_mergeClassName.mergeClassName(className, require_CommandPalette_module.default.close),
|
|
110
|
-
...props
|
|
111
|
-
});
|
|
112
|
-
}
|
|
113
|
-
function CommandPaletteContent({ className, children, items, itemToStringValue, value, defaultValue, onValueChange, filter, filteredItems, limit, ...props }) {
|
|
114
|
-
const { modal } = useCommandPaletteContext("CommandPaletteContent");
|
|
115
|
-
const autocompleteProps = {
|
|
116
|
-
autoHighlight: "always",
|
|
117
|
-
defaultValue,
|
|
118
|
-
filter,
|
|
119
|
-
filteredItems,
|
|
120
|
-
inline: true,
|
|
121
|
-
itemToStringValue,
|
|
122
|
-
keepHighlight: true,
|
|
123
|
-
limit,
|
|
124
|
-
onValueChange,
|
|
125
|
-
open: true,
|
|
126
|
-
value
|
|
127
|
-
};
|
|
128
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CommandPalettePortal, { children: [modal === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommandPaletteBackdrop, {}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommandPaletteViewport, {
|
|
129
|
-
className: modal === true ? void 0 : require_CommandPalette_module.default.viewportNonModal,
|
|
130
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommandPalettePopup, {
|
|
131
|
-
className,
|
|
132
|
-
...props,
|
|
133
|
-
children: isGroupedItems(items) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Root, {
|
|
134
|
-
...autocompleteProps,
|
|
135
|
-
items,
|
|
136
|
-
children
|
|
137
|
-
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Root, {
|
|
138
|
-
...autocompleteProps,
|
|
139
|
-
items,
|
|
140
|
-
children
|
|
141
|
-
})
|
|
142
|
-
})
|
|
143
|
-
})] });
|
|
144
|
-
}
|
|
145
|
-
function CommandPaletteInputWrap({ className, ...props }) {
|
|
146
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
147
|
-
"data-slot": "command-palette-input-wrap",
|
|
148
|
-
className: (0, clsx.clsx)(require_CommandPalette_module.default.inputWrap, className),
|
|
149
|
-
...props
|
|
150
|
-
});
|
|
151
|
-
}
|
|
152
|
-
function CommandPaletteInput({ className, ...props }) {
|
|
153
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Input, {
|
|
154
|
-
"data-slot": "command-palette-input",
|
|
155
|
-
className: require_mergeClassName.mergeClassName(className, require_CommandPalette_module.default.input),
|
|
156
|
-
...props
|
|
157
|
-
});
|
|
158
|
-
}
|
|
159
|
-
function CommandPaletteClear({ className, children, ...props }) {
|
|
160
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Clear, {
|
|
161
|
-
"data-slot": "command-palette-clear",
|
|
162
|
-
className: require_mergeClassName.mergeClassName(className, require_CommandPalette_module.default.clear),
|
|
163
|
-
...props,
|
|
164
|
-
children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CloseIcon, { className: require_CommandPalette_module.default.iconSvg })
|
|
165
|
-
});
|
|
166
|
-
}
|
|
167
|
-
function CommandPaletteStatus({ className, ...props }) {
|
|
168
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Status, {
|
|
169
|
-
"data-slot": "command-palette-status",
|
|
170
|
-
className: require_mergeClassName.mergeClassName(className, require_CommandPalette_module.default.status),
|
|
171
|
-
...props
|
|
172
|
-
});
|
|
173
|
-
}
|
|
174
|
-
function CommandPaletteEmpty({ className, ...props }) {
|
|
175
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Empty, {
|
|
176
|
-
"data-slot": "command-palette-empty",
|
|
177
|
-
className: require_mergeClassName.mergeClassName(className, require_CommandPalette_module.default.empty),
|
|
178
|
-
...props
|
|
179
|
-
});
|
|
180
|
-
}
|
|
181
|
-
function CommandPaletteList({ className, ...props }) {
|
|
182
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.List, {
|
|
183
|
-
"data-slot": "command-palette-list",
|
|
184
|
-
className: require_mergeClassName.mergeClassName(className, require_CommandPalette_module.default.list),
|
|
185
|
-
...props
|
|
186
|
-
});
|
|
187
|
-
}
|
|
188
|
-
function CommandPaletteGroup({ className, ...props }) {
|
|
189
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Group, {
|
|
190
|
-
"data-slot": "command-palette-group",
|
|
191
|
-
className: require_mergeClassName.mergeClassName(className, require_CommandPalette_module.default.group),
|
|
192
|
-
...props
|
|
193
|
-
});
|
|
194
|
-
}
|
|
195
|
-
function CommandPaletteGroupLabel({ className, ...props }) {
|
|
196
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.GroupLabel, {
|
|
197
|
-
"data-slot": "command-palette-group-label",
|
|
198
|
-
className: require_mergeClassName.mergeClassName(className, require_CommandPalette_module.default.groupLabel),
|
|
199
|
-
...props
|
|
200
|
-
});
|
|
201
|
-
}
|
|
202
|
-
function CommandPaletteCollection(props) {
|
|
203
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Collection, {
|
|
204
|
-
"data-slot": "command-palette-collection",
|
|
205
|
-
...props
|
|
206
|
-
});
|
|
207
|
-
}
|
|
208
|
-
function CommandPaletteItem({ className, closeOnSelect = true, onClick, ...props }) {
|
|
209
|
-
const { handle } = useCommandPaletteContext("CommandPaletteItem");
|
|
210
|
-
const handleClick = (event) => {
|
|
211
|
-
onClick?.(event);
|
|
212
|
-
if (!event.defaultPrevented && closeOnSelect) handle.close();
|
|
213
|
-
};
|
|
214
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Item, {
|
|
215
|
-
"data-slot": "command-palette-item",
|
|
216
|
-
className: require_mergeClassName.mergeClassName(className, require_CommandPalette_module.default.item),
|
|
217
|
-
onClick: handleClick,
|
|
218
|
-
...props
|
|
219
|
-
});
|
|
220
|
-
}
|
|
221
|
-
function CommandPaletteItemIcon({ className, ...props }) {
|
|
222
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
223
|
-
"data-slot": "command-palette-item-icon",
|
|
224
|
-
className: (0, clsx.clsx)(require_CommandPalette_module.default.itemIcon, className),
|
|
225
|
-
...props
|
|
226
|
-
});
|
|
227
|
-
}
|
|
228
|
-
function CommandPaletteItemText({ className, ...props }) {
|
|
229
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
230
|
-
"data-slot": "command-palette-item-text",
|
|
231
|
-
className: (0, clsx.clsx)(require_CommandPalette_module.default.itemText, className),
|
|
232
|
-
...props
|
|
233
|
-
});
|
|
234
|
-
}
|
|
235
|
-
function CommandPaletteItemLabel({ className, ...props }) {
|
|
236
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
237
|
-
"data-slot": "command-palette-item-label",
|
|
238
|
-
className: (0, clsx.clsx)(require_CommandPalette_module.default.itemLabel, className),
|
|
239
|
-
...props
|
|
240
|
-
});
|
|
241
|
-
}
|
|
242
|
-
function CommandPaletteItemDescription({ className, ...props }) {
|
|
243
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
244
|
-
"data-slot": "command-palette-item-description",
|
|
245
|
-
className: (0, clsx.clsx)(require_CommandPalette_module.default.itemDescription, className),
|
|
246
|
-
...props
|
|
247
|
-
});
|
|
248
|
-
}
|
|
249
|
-
function CommandPaletteItemMeta({ className, ...props }) {
|
|
250
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
251
|
-
"data-slot": "command-palette-item-meta",
|
|
252
|
-
className: (0, clsx.clsx)(require_CommandPalette_module.default.itemMeta, className),
|
|
253
|
-
...props
|
|
254
|
-
});
|
|
255
|
-
}
|
|
256
|
-
function CommandPaletteSeparator({ className, ...props }) {
|
|
257
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Separator, {
|
|
258
|
-
"data-slot": "command-palette-separator",
|
|
259
|
-
className: require_mergeClassName.mergeClassName(className, require_CommandPalette_module.default.separator),
|
|
260
|
-
...props
|
|
261
|
-
});
|
|
262
|
-
}
|
|
263
|
-
function CommandPaletteFooter({ className, ...props }) {
|
|
264
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
265
|
-
"data-slot": "command-palette-footer",
|
|
266
|
-
className: (0, clsx.clsx)(require_CommandPalette_module.default.footer, className),
|
|
267
|
-
...props
|
|
268
|
-
});
|
|
269
|
-
}
|
|
270
|
-
function CommandPaletteKbd({ className, ...props }) {
|
|
271
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
|
|
272
|
-
"data-slot": "command-palette-kbd",
|
|
273
|
-
className: (0, clsx.clsx)(require_CommandPalette_module.default.kbd, className),
|
|
274
|
-
...props
|
|
275
|
-
});
|
|
276
|
-
}
|
|
277
|
-
//#endregion
|
|
278
|
-
exports.CommandPalette = CommandPalette;
|
|
279
|
-
exports.CommandPaletteBackdrop = CommandPaletteBackdrop;
|
|
280
|
-
exports.CommandPaletteClear = CommandPaletteClear;
|
|
281
|
-
exports.CommandPaletteClose = CommandPaletteClose;
|
|
282
|
-
exports.CommandPaletteCollection = CommandPaletteCollection;
|
|
283
|
-
exports.CommandPaletteContent = CommandPaletteContent;
|
|
284
|
-
exports.CommandPaletteEmpty = CommandPaletteEmpty;
|
|
285
|
-
exports.CommandPaletteFooter = CommandPaletteFooter;
|
|
286
|
-
exports.CommandPaletteGroup = CommandPaletteGroup;
|
|
287
|
-
exports.CommandPaletteGroupLabel = CommandPaletteGroupLabel;
|
|
288
|
-
exports.CommandPaletteInput = CommandPaletteInput;
|
|
289
|
-
exports.CommandPaletteInputWrap = CommandPaletteInputWrap;
|
|
290
|
-
exports.CommandPaletteItem = CommandPaletteItem;
|
|
291
|
-
exports.CommandPaletteItemDescription = CommandPaletteItemDescription;
|
|
292
|
-
exports.CommandPaletteItemIcon = CommandPaletteItemIcon;
|
|
293
|
-
exports.CommandPaletteItemLabel = CommandPaletteItemLabel;
|
|
294
|
-
exports.CommandPaletteItemMeta = CommandPaletteItemMeta;
|
|
295
|
-
exports.CommandPaletteItemText = CommandPaletteItemText;
|
|
296
|
-
exports.CommandPaletteKbd = CommandPaletteKbd;
|
|
297
|
-
exports.CommandPaletteList = CommandPaletteList;
|
|
298
|
-
exports.CommandPalettePopup = CommandPalettePopup;
|
|
299
|
-
exports.CommandPalettePortal = CommandPalettePortal;
|
|
300
|
-
exports.CommandPaletteSeparator = CommandPaletteSeparator;
|
|
301
|
-
exports.CommandPaletteStatus = CommandPaletteStatus;
|
|
302
|
-
exports.CommandPaletteTrigger = CommandPaletteTrigger;
|
|
303
|
-
exports.CommandPaletteViewport = CommandPaletteViewport;
|
|
304
|
-
exports.createCommandPaletteHandle = createCommandPaletteHandle;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import './CommandPalette.css';
|
|
2
|
-
//#region src/components/CommandPalette/CommandPalette.module.css
|
|
3
|
-
var CommandPalette_module_default = {
|
|
4
|
-
"backdrop": "CtKZ6G_backdrop",
|
|
5
|
-
"clear": "CtKZ6G_clear",
|
|
6
|
-
"close": "CtKZ6G_close",
|
|
7
|
-
"empty": "CtKZ6G_empty",
|
|
8
|
-
"footer": "CtKZ6G_footer",
|
|
9
|
-
"group": "CtKZ6G_group",
|
|
10
|
-
"groupLabel": "CtKZ6G_groupLabel",
|
|
11
|
-
"iconSvg": "CtKZ6G_iconSvg",
|
|
12
|
-
"input": "CtKZ6G_input",
|
|
13
|
-
"inputWrap": "CtKZ6G_inputWrap",
|
|
14
|
-
"item": "CtKZ6G_item",
|
|
15
|
-
"itemDescription": "CtKZ6G_itemDescription",
|
|
16
|
-
"itemIcon": "CtKZ6G_itemIcon",
|
|
17
|
-
"itemLabel": "CtKZ6G_itemLabel",
|
|
18
|
-
"itemMeta": "CtKZ6G_itemMeta",
|
|
19
|
-
"itemText": "CtKZ6G_itemText",
|
|
20
|
-
"kbd": "CtKZ6G_kbd",
|
|
21
|
-
"list": "CtKZ6G_list",
|
|
22
|
-
"popup": "CtKZ6G_popup",
|
|
23
|
-
"separator": "CtKZ6G_separator",
|
|
24
|
-
"status": "CtKZ6G_status",
|
|
25
|
-
"trigger": "CtKZ6G_trigger",
|
|
26
|
-
"viewport": "CtKZ6G_viewport",
|
|
27
|
-
"viewportNonModal": "CtKZ6G_viewportNonModal"
|
|
28
|
-
};
|
|
29
|
-
//#endregion
|
|
30
|
-
exports.default = CommandPalette_module_default;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
|
-
const require_Container_module = require("./Container.module.cjs");
|
|
3
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
|
-
let clsx = require("clsx");
|
|
5
|
-
clsx = require_runtime.__toESM(clsx);
|
|
6
|
-
//#region src/components/Container/Container.tsx
|
|
7
|
-
function Container({ as: Root = "div", size = "lg", gutter = "md", className, ...props }) {
|
|
8
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Root, {
|
|
9
|
-
...props,
|
|
10
|
-
"data-slot": "container-root",
|
|
11
|
-
"data-size": size,
|
|
12
|
-
"data-gutter": gutter,
|
|
13
|
-
className: (0, clsx.default)(require_Container_module.default.root, className)
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
//#endregion
|
|
17
|
-
exports.Container = Container;
|
|
@@ -1,241 +0,0 @@
|
|
|
1
|
-
const require_Icons = require("../../icons/ui/Icons.cjs");
|
|
2
|
-
const require_mergeClassName = require("../../utils/mergeClassName.cjs");
|
|
3
|
-
const require_ContextMenu_module = require("./ContextMenu.module.cjs");
|
|
4
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
5
|
-
let clsx = require("clsx");
|
|
6
|
-
let _base_ui_react_context_menu = require("@base-ui/react/context-menu");
|
|
7
|
-
//#region src/components/ContextMenu/ContextMenu.tsx
|
|
8
|
-
const CONTEXT_MENU_CONTENT_SIDE_OFFSET = 8;
|
|
9
|
-
const ContextMenu = _base_ui_react_context_menu.ContextMenu.Root;
|
|
10
|
-
const ContextMenuSubmenu = _base_ui_react_context_menu.ContextMenu.SubmenuRoot;
|
|
11
|
-
function ContextMenuTrigger({ className, render, ...props }) {
|
|
12
|
-
const triggerClassName = render ? className : require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.trigger);
|
|
13
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.Trigger, {
|
|
14
|
-
"data-slot": "context-menu-trigger",
|
|
15
|
-
render,
|
|
16
|
-
className: triggerClassName,
|
|
17
|
-
...props
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
function ContextMenuPortal(props) {
|
|
21
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.Portal, {
|
|
22
|
-
"data-slot": "context-menu-portal",
|
|
23
|
-
...props
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
function ContextMenuBackdrop({ className, ...props }) {
|
|
27
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.Backdrop, {
|
|
28
|
-
"data-slot": "context-menu-backdrop",
|
|
29
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.backdrop),
|
|
30
|
-
...props
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
function ContextMenuPositioner({ className, ...props }) {
|
|
34
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.Positioner, {
|
|
35
|
-
"data-slot": "context-menu-positioner",
|
|
36
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.positioner),
|
|
37
|
-
...props
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
function ContextMenuPopup({ className, ...props }) {
|
|
41
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.Popup, {
|
|
42
|
-
"data-slot": "context-menu-popup",
|
|
43
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.popup),
|
|
44
|
-
...props
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
function ContextMenuArrow({ className, children, ...props }) {
|
|
48
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.Arrow, {
|
|
49
|
-
"data-slot": "context-menu-arrow",
|
|
50
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.arrow),
|
|
51
|
-
...props,
|
|
52
|
-
children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowSvg, {})
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
function ContextMenuContent({ className, showArrow = false, children, sideOffset = CONTEXT_MENU_CONTENT_SIDE_OFFSET, side, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...props }) {
|
|
56
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextMenuPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextMenuPositioner, {
|
|
57
|
-
side,
|
|
58
|
-
sideOffset,
|
|
59
|
-
align,
|
|
60
|
-
alignOffset,
|
|
61
|
-
arrowPadding,
|
|
62
|
-
collisionAvoidance,
|
|
63
|
-
collisionBoundary,
|
|
64
|
-
collisionPadding,
|
|
65
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ContextMenuPopup, {
|
|
66
|
-
className,
|
|
67
|
-
...props,
|
|
68
|
-
children: [showArrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextMenuArrow, {}) : null, children]
|
|
69
|
-
})
|
|
70
|
-
}) });
|
|
71
|
-
}
|
|
72
|
-
function ContextMenuSubmenuContent({ sideOffset = getSubmenuOffset, alignOffset = getSubmenuOffset, ...props }) {
|
|
73
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextMenuContent, {
|
|
74
|
-
sideOffset,
|
|
75
|
-
alignOffset,
|
|
76
|
-
...props
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
function ContextMenuItem({ className, ...props }) {
|
|
80
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.Item, {
|
|
81
|
-
"data-slot": "context-menu-item",
|
|
82
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.item),
|
|
83
|
-
...props
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
function ContextMenuLinkItem({ className, ...props }) {
|
|
87
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.LinkItem, {
|
|
88
|
-
"data-slot": "context-menu-link-item",
|
|
89
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.linkItem),
|
|
90
|
-
...props
|
|
91
|
-
});
|
|
92
|
-
}
|
|
93
|
-
function ContextMenuSeparator({ className, ...props }) {
|
|
94
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.Separator, {
|
|
95
|
-
"data-slot": "context-menu-separator",
|
|
96
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.separator),
|
|
97
|
-
...props
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
function ContextMenuGroup({ className, ...props }) {
|
|
101
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.Group, {
|
|
102
|
-
"data-slot": "context-menu-group",
|
|
103
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.group),
|
|
104
|
-
...props
|
|
105
|
-
});
|
|
106
|
-
}
|
|
107
|
-
function ContextMenuGroupLabel({ className, ...props }) {
|
|
108
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.GroupLabel, {
|
|
109
|
-
"data-slot": "context-menu-group-label",
|
|
110
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.groupLabel),
|
|
111
|
-
...props
|
|
112
|
-
});
|
|
113
|
-
}
|
|
114
|
-
function ContextMenuSubmenuTrigger({ className, ...props }) {
|
|
115
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.SubmenuTrigger, {
|
|
116
|
-
"data-slot": "context-menu-submenu-trigger",
|
|
117
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.submenuTrigger),
|
|
118
|
-
...props
|
|
119
|
-
});
|
|
120
|
-
}
|
|
121
|
-
function ContextMenuSubmenuTriggerIcon({ className, children, ...props }) {
|
|
122
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
123
|
-
"data-slot": "context-menu-submenu-trigger-icon",
|
|
124
|
-
className: (0, clsx.clsx)(require_ContextMenu_module.default.submenuTriggerIcon, className),
|
|
125
|
-
...props,
|
|
126
|
-
children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronRightIcon, { className: require_ContextMenu_module.default.iconSvg })
|
|
127
|
-
});
|
|
128
|
-
}
|
|
129
|
-
function ContextMenuRadioGroup({ className, ...props }) {
|
|
130
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.RadioGroup, {
|
|
131
|
-
"data-slot": "context-menu-radio-group",
|
|
132
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.radioGroup),
|
|
133
|
-
...props
|
|
134
|
-
});
|
|
135
|
-
}
|
|
136
|
-
function ContextMenuRadioItem({ className, indicator, ...props }) {
|
|
137
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.RadioItem, {
|
|
138
|
-
"data-slot": "context-menu-radio-item",
|
|
139
|
-
"data-indicator-position": indicator,
|
|
140
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.radioItem),
|
|
141
|
-
...props
|
|
142
|
-
});
|
|
143
|
-
}
|
|
144
|
-
function ContextMenuRadioItemIndicator({ className, children, ...props }) {
|
|
145
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.RadioItemIndicator, {
|
|
146
|
-
"data-slot": "context-menu-radio-item-indicator",
|
|
147
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.radioItemIndicator),
|
|
148
|
-
...props,
|
|
149
|
-
children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CheckIcon, { className: require_ContextMenu_module.default.itemIndicatorIcon })
|
|
150
|
-
});
|
|
151
|
-
}
|
|
152
|
-
function ContextMenuCheckboxItem({ className, indicator, ...props }) {
|
|
153
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.CheckboxItem, {
|
|
154
|
-
"data-slot": "context-menu-checkbox-item",
|
|
155
|
-
"data-indicator-position": indicator,
|
|
156
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.checkboxItem),
|
|
157
|
-
...props
|
|
158
|
-
});
|
|
159
|
-
}
|
|
160
|
-
function ContextMenuCheckboxItemIndicator({ className, children, ...props }) {
|
|
161
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_context_menu.ContextMenu.CheckboxItemIndicator, {
|
|
162
|
-
"data-slot": "context-menu-checkbox-item-indicator",
|
|
163
|
-
className: require_mergeClassName.mergeClassName(className, require_ContextMenu_module.default.checkboxItemIndicator),
|
|
164
|
-
...props,
|
|
165
|
-
children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CheckIcon, { className: require_ContextMenu_module.default.itemIndicatorIcon })
|
|
166
|
-
});
|
|
167
|
-
}
|
|
168
|
-
function ContextMenuItemText({ className, ...props }) {
|
|
169
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
170
|
-
"data-slot": "context-menu-item-text",
|
|
171
|
-
className: (0, clsx.clsx)(require_ContextMenu_module.default.itemText, className),
|
|
172
|
-
...props
|
|
173
|
-
});
|
|
174
|
-
}
|
|
175
|
-
function ContextMenuItemTextContent({ className, ...props }) {
|
|
176
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
177
|
-
"data-slot": "context-menu-item-text-content",
|
|
178
|
-
className: (0, clsx.clsx)(require_ContextMenu_module.default.itemTextContent, className),
|
|
179
|
-
...props
|
|
180
|
-
});
|
|
181
|
-
}
|
|
182
|
-
function ContextMenuItemTextIcon({ className, ...props }) {
|
|
183
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
184
|
-
"data-slot": "context-menu-item-text-icon",
|
|
185
|
-
className: (0, clsx.clsx)(require_ContextMenu_module.default.itemTextIcon, className),
|
|
186
|
-
...props
|
|
187
|
-
});
|
|
188
|
-
}
|
|
189
|
-
function ContextMenuItemTextLabel({ className, ...props }) {
|
|
190
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
191
|
-
"data-slot": "context-menu-item-text-label",
|
|
192
|
-
className: (0, clsx.clsx)(require_ContextMenu_module.default.itemTextLabel, className),
|
|
193
|
-
...props
|
|
194
|
-
});
|
|
195
|
-
}
|
|
196
|
-
function ContextMenuItemShortcut({ className, ...props }) {
|
|
197
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
198
|
-
"data-slot": "context-menu-item-shortcut",
|
|
199
|
-
className: (0, clsx.clsx)(require_ContextMenu_module.default.itemShortcut, className),
|
|
200
|
-
...props
|
|
201
|
-
});
|
|
202
|
-
}
|
|
203
|
-
function getSubmenuOffset({ side }) {
|
|
204
|
-
return side === "top" || side === "bottom" ? 4 : -4;
|
|
205
|
-
}
|
|
206
|
-
function ArrowSvg(props) {
|
|
207
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
|
|
208
|
-
fillClassName: require_ContextMenu_module.default.arrowFill,
|
|
209
|
-
outerStrokeClassName: require_ContextMenu_module.default.arrowOuterStroke,
|
|
210
|
-
innerStrokeClassName: require_ContextMenu_module.default.arrowInnerStroke,
|
|
211
|
-
...props
|
|
212
|
-
});
|
|
213
|
-
}
|
|
214
|
-
//#endregion
|
|
215
|
-
exports.ContextMenu = ContextMenu;
|
|
216
|
-
exports.ContextMenuArrow = ContextMenuArrow;
|
|
217
|
-
exports.ContextMenuBackdrop = ContextMenuBackdrop;
|
|
218
|
-
exports.ContextMenuCheckboxItem = ContextMenuCheckboxItem;
|
|
219
|
-
exports.ContextMenuCheckboxItemIndicator = ContextMenuCheckboxItemIndicator;
|
|
220
|
-
exports.ContextMenuContent = ContextMenuContent;
|
|
221
|
-
exports.ContextMenuGroup = ContextMenuGroup;
|
|
222
|
-
exports.ContextMenuGroupLabel = ContextMenuGroupLabel;
|
|
223
|
-
exports.ContextMenuItem = ContextMenuItem;
|
|
224
|
-
exports.ContextMenuItemShortcut = ContextMenuItemShortcut;
|
|
225
|
-
exports.ContextMenuItemText = ContextMenuItemText;
|
|
226
|
-
exports.ContextMenuItemTextContent = ContextMenuItemTextContent;
|
|
227
|
-
exports.ContextMenuItemTextIcon = ContextMenuItemTextIcon;
|
|
228
|
-
exports.ContextMenuItemTextLabel = ContextMenuItemTextLabel;
|
|
229
|
-
exports.ContextMenuLinkItem = ContextMenuLinkItem;
|
|
230
|
-
exports.ContextMenuPopup = ContextMenuPopup;
|
|
231
|
-
exports.ContextMenuPortal = ContextMenuPortal;
|
|
232
|
-
exports.ContextMenuPositioner = ContextMenuPositioner;
|
|
233
|
-
exports.ContextMenuRadioGroup = ContextMenuRadioGroup;
|
|
234
|
-
exports.ContextMenuRadioItem = ContextMenuRadioItem;
|
|
235
|
-
exports.ContextMenuRadioItemIndicator = ContextMenuRadioItemIndicator;
|
|
236
|
-
exports.ContextMenuSeparator = ContextMenuSeparator;
|
|
237
|
-
exports.ContextMenuSubmenu = ContextMenuSubmenu;
|
|
238
|
-
exports.ContextMenuSubmenuContent = ContextMenuSubmenuContent;
|
|
239
|
-
exports.ContextMenuSubmenuTrigger = ContextMenuSubmenuTrigger;
|
|
240
|
-
exports.ContextMenuSubmenuTriggerIcon = ContextMenuSubmenuTriggerIcon;
|
|
241
|
-
exports.ContextMenuTrigger = ContextMenuTrigger;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import './ContextMenu.css';
|
|
2
|
-
//#region src/components/ContextMenu/ContextMenu.module.css
|
|
3
|
-
var ContextMenu_module_default = {
|
|
4
|
-
"arrow": "_di0eq_arrow",
|
|
5
|
-
"arrowFill": "_di0eq_arrowFill",
|
|
6
|
-
"arrowInnerStroke": "_di0eq_arrowInnerStroke",
|
|
7
|
-
"arrowOuterStroke": "_di0eq_arrowOuterStroke",
|
|
8
|
-
"backdrop": "_di0eq_backdrop",
|
|
9
|
-
"checkboxItem": "_di0eq_checkboxItem",
|
|
10
|
-
"checkboxItemIndicator": "_di0eq_checkboxItemIndicator",
|
|
11
|
-
"group": "_di0eq_group",
|
|
12
|
-
"groupLabel": "_di0eq_groupLabel",
|
|
13
|
-
"iconSvg": "_di0eq_iconSvg",
|
|
14
|
-
"item": "_di0eq_item",
|
|
15
|
-
"itemIndicatorIcon": "_di0eq_itemIndicatorIcon",
|
|
16
|
-
"itemShortcut": "_di0eq_itemShortcut",
|
|
17
|
-
"itemText": "_di0eq_itemText",
|
|
18
|
-
"itemTextContent": "_di0eq_itemTextContent",
|
|
19
|
-
"itemTextIcon": "_di0eq_itemTextIcon",
|
|
20
|
-
"itemTextLabel": "_di0eq_itemTextLabel",
|
|
21
|
-
"linkItem": "_di0eq_linkItem",
|
|
22
|
-
"popup": "_di0eq_popup",
|
|
23
|
-
"positioner": "_di0eq_positioner",
|
|
24
|
-
"radioGroup": "_di0eq_radioGroup",
|
|
25
|
-
"radioItem": "_di0eq_radioItem",
|
|
26
|
-
"radioItemIndicator": "_di0eq_radioItemIndicator",
|
|
27
|
-
"separator": "_di0eq_separator",
|
|
28
|
-
"submenuTrigger": "_di0eq_submenuTrigger",
|
|
29
|
-
"submenuTriggerIcon": "_di0eq_submenuTriggerIcon",
|
|
30
|
-
"trigger": "_di0eq_trigger"
|
|
31
|
-
};
|
|
32
|
-
//#endregion
|
|
33
|
-
exports.default = ContextMenu_module_default;
|