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.
Files changed (146) hide show
  1. package/LICENSE.md +21 -0
  2. package/README.md +6 -3
  3. package/dist/components/Field/Field.css +1 -0
  4. package/dist/components/Input/Input.css +16 -16
  5. package/dist/components/NavigationMenu/NavigationMenu.css +2 -1
  6. package/package.json +6 -6
  7. package/dist/_virtual/_rolldown/runtime.cjs +0 -23
  8. package/dist/components/Accordion/Accordion.cjs +0 -65
  9. package/dist/components/Accordion/Accordion.module.cjs +0 -12
  10. package/dist/components/Alert/Alert.cjs +0 -50
  11. package/dist/components/Alert/Alert.module.cjs +0 -11
  12. package/dist/components/AlertDialog/AlertDialog.cjs +0 -122
  13. package/dist/components/AlertDialog/AlertDialog.module.cjs +0 -18
  14. package/dist/components/AspectRatio/AspectRatio.cjs +0 -24
  15. package/dist/components/AspectRatio/AspectRatio.module.cjs +0 -5
  16. package/dist/components/Autocomplete/Autocomplete.cjs +0 -303
  17. package/dist/components/Autocomplete/Autocomplete.module.cjs +0 -37
  18. package/dist/components/Avatar/Avatar.cjs +0 -31
  19. package/dist/components/Avatar/Avatar.module.cjs +0 -9
  20. package/dist/components/Badge/Badge.cjs +0 -25
  21. package/dist/components/Badge/Badge.module.cjs +0 -8
  22. package/dist/components/Bleed/Bleed.cjs +0 -17
  23. package/dist/components/Bleed/Bleed.module.cjs +0 -5
  24. package/dist/components/Breadcrumbs/Breadcrumbs.cjs +0 -72
  25. package/dist/components/Breadcrumbs/Breadcrumbs.module.cjs +0 -13
  26. package/dist/components/Button/Button.cjs +0 -18
  27. package/dist/components/Button/Button.module.cjs +0 -5
  28. package/dist/components/Card/Card.cjs +0 -81
  29. package/dist/components/Card/Card.module.cjs +0 -14
  30. package/dist/components/Checkbox/Checkbox.cjs +0 -63
  31. package/dist/components/Checkbox/Checkbox.module.cjs +0 -13
  32. package/dist/components/CheckboxGroup/CheckboxGroup.cjs +0 -55
  33. package/dist/components/CheckboxGroup/CheckboxGroup.module.cjs +0 -11
  34. package/dist/components/CloseButton/CloseButton.cjs +0 -22
  35. package/dist/components/CloseButton/CloseButton.module.cjs +0 -5
  36. package/dist/components/Collapsible/Collapsible.cjs +0 -47
  37. package/dist/components/Collapsible/Collapsible.module.cjs +0 -10
  38. package/dist/components/Combobox/Combobox.cjs +0 -330
  39. package/dist/components/Combobox/Combobox.module.cjs +0 -42
  40. package/dist/components/CommandPalette/CommandPalette.cjs +0 -304
  41. package/dist/components/CommandPalette/CommandPalette.module.cjs +0 -30
  42. package/dist/components/Container/Container.cjs +0 -17
  43. package/dist/components/Container/Container.module.cjs +0 -5
  44. package/dist/components/ContextMenu/ContextMenu.cjs +0 -241
  45. package/dist/components/ContextMenu/ContextMenu.module.cjs +0 -33
  46. package/dist/components/CopyButton/CopyButton.cjs +0 -66
  47. package/dist/components/CopyButton/CopyButton.module.cjs +0 -5
  48. package/dist/components/Dialog/Dialog.cjs +0 -136
  49. package/dist/components/Dialog/Dialog.module.cjs +0 -18
  50. package/dist/components/Drawer/Drawer.cjs +0 -202
  51. package/dist/components/Drawer/Drawer.module.cjs +0 -24
  52. package/dist/components/Empty/Empty.cjs +0 -55
  53. package/dist/components/Empty/Empty.module.cjs +0 -12
  54. package/dist/components/Field/Field.cjs +0 -56
  55. package/dist/components/Field/Field.module.cjs +0 -12
  56. package/dist/components/Fieldset/Fieldset.cjs +0 -22
  57. package/dist/components/Fieldset/Fieldset.module.cjs +0 -8
  58. package/dist/components/Form/Form.cjs +0 -16
  59. package/dist/components/Form/Form.module.cjs +0 -5
  60. package/dist/components/Heading/Heading.cjs +0 -25
  61. package/dist/components/Heading/Heading.module.cjs +0 -5
  62. package/dist/components/Input/Input.cjs +0 -18
  63. package/dist/components/Input/Input.module.cjs +0 -5
  64. package/dist/components/InputGroup/InputGroup.cjs +0 -77
  65. package/dist/components/InputGroup/InputGroup.module.cjs +0 -11
  66. package/dist/components/Kbd/Kbd.cjs +0 -23
  67. package/dist/components/Kbd/Kbd.module.cjs +0 -8
  68. package/dist/components/Lightbox/Lightbox.cjs +0 -220
  69. package/dist/components/Lightbox/Lightbox.module.cjs +0 -14
  70. package/dist/components/List/List.cjs +0 -31
  71. package/dist/components/List/List.module.cjs +0 -5
  72. package/dist/components/Menu/Menu.cjs +0 -260
  73. package/dist/components/Menu/Menu.module.cjs +0 -36
  74. package/dist/components/Menubar/Menubar.cjs +0 -261
  75. package/dist/components/Menubar/Menubar.module.cjs +0 -36
  76. package/dist/components/Meter/Meter.cjs +0 -60
  77. package/dist/components/Meter/Meter.module.cjs +0 -11
  78. package/dist/components/NavigationMenu/NavigationMenu.cjs +0 -146
  79. package/dist/components/NavigationMenu/NavigationMenu.module.cjs +0 -21
  80. package/dist/components/NumberField/NumberField.cjs +0 -82
  81. package/dist/components/NumberField/NumberField.module.cjs +0 -13
  82. package/dist/components/OTPField/OTPField.cjs +0 -41
  83. package/dist/components/OTPField/OTPField.module.cjs +0 -9
  84. package/dist/components/Pagination/Pagination.cjs +0 -123
  85. package/dist/components/Pagination/Pagination.module.cjs +0 -16
  86. package/dist/components/PasswordInput/PasswordInput.cjs +0 -47
  87. package/dist/components/PasswordInput/PasswordInput.module.cjs +0 -9
  88. package/dist/components/Popover/Popover.cjs +0 -146
  89. package/dist/components/Popover/Popover.module.cjs +0 -22
  90. package/dist/components/PreviewCard/PreviewCard.cjs +0 -96
  91. package/dist/components/PreviewCard/PreviewCard.module.cjs +0 -16
  92. package/dist/components/Progress/Progress.cjs +0 -60
  93. package/dist/components/Progress/Progress.module.cjs +0 -12
  94. package/dist/components/Radio/Radio.cjs +0 -78
  95. package/dist/components/Radio/Radio.module.cjs +0 -14
  96. package/dist/components/Rating/Rating.cjs +0 -61
  97. package/dist/components/Rating/Rating.module.cjs +0 -9
  98. package/dist/components/ScrollArea/ScrollArea.cjs +0 -82
  99. package/dist/components/ScrollArea/ScrollArea.module.cjs +0 -12
  100. package/dist/components/Select/Select.cjs +0 -219
  101. package/dist/components/Select/Select.module.cjs +0 -33
  102. package/dist/components/Separator/Separator.cjs +0 -16
  103. package/dist/components/Separator/Separator.module.cjs +0 -5
  104. package/dist/components/Skeleton/Skeleton.cjs +0 -25
  105. package/dist/components/Skeleton/Skeleton.module.cjs +0 -5
  106. package/dist/components/Slider/Slider.cjs +0 -106
  107. package/dist/components/Slider/Slider.module.cjs +0 -13
  108. package/dist/components/SnapCarousel/SnapCarousel.cjs +0 -130
  109. package/dist/components/SnapCarousel/SnapCarousel.module.cjs +0 -13
  110. package/dist/components/Spinner/Spinner.cjs +0 -30
  111. package/dist/components/Spinner/Spinner.module.cjs +0 -9
  112. package/dist/components/SplitButton/SplitButton.cjs +0 -69
  113. package/dist/components/SplitButton/SplitButton.module.cjs +0 -9
  114. package/dist/components/Stack/Stack.cjs +0 -27
  115. package/dist/components/Stack/Stack.module.cjs +0 -5
  116. package/dist/components/Stepper/Stepper.cjs +0 -138
  117. package/dist/components/Stepper/Stepper.module.cjs +0 -14
  118. package/dist/components/Switch/Switch.cjs +0 -43
  119. package/dist/components/Switch/Switch.module.cjs +0 -10
  120. package/dist/components/Table/Table.cjs +0 -96
  121. package/dist/components/Table/Table.module.cjs +0 -18
  122. package/dist/components/Tabs/Tabs.cjs +0 -70
  123. package/dist/components/Tabs/Tabs.module.cjs +0 -11
  124. package/dist/components/Text/Text.cjs +0 -42
  125. package/dist/components/Text/Text.module.cjs +0 -5
  126. package/dist/components/Textarea/Textarea.cjs +0 -28
  127. package/dist/components/Textarea/Textarea.module.cjs +0 -5
  128. package/dist/components/Toast/Toast.cjs +0 -278
  129. package/dist/components/Toast/Toast.module.cjs +0 -26
  130. package/dist/components/Toggle/Toggle.cjs +0 -18
  131. package/dist/components/Toggle/Toggle.module.cjs +0 -5
  132. package/dist/components/ToggleGroup/ToggleGroup.cjs +0 -42
  133. package/dist/components/ToggleGroup/ToggleGroup.module.cjs +0 -8
  134. package/dist/components/Toolbar/Toolbar.cjs +0 -61
  135. package/dist/components/Toolbar/Toolbar.module.cjs +0 -12
  136. package/dist/components/Tooltip/Tooltip.cjs +0 -91
  137. package/dist/components/Tooltip/Tooltip.module.cjs +0 -15
  138. package/dist/icons/demo/Icons.cjs +0 -234
  139. package/dist/icons/ui/Icons.cjs +0 -324
  140. package/dist/index.cjs +0 -619
  141. package/dist/index.d.cts +0 -1
  142. package/dist/reset.cjs +0 -1
  143. package/dist/reset.d.cts +0 -1
  144. package/dist/style.cjs +0 -1
  145. package/dist/style.d.cts +0 -1
  146. 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,5 +0,0 @@
1
- import './Container.css';
2
- //#region src/components/Container/Container.module.css
3
- var Container_module_default = { "root": "HTeeAq_root" };
4
- //#endregion
5
- exports.default = Container_module_default;
@@ -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;