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,278 +0,0 @@
1
- const require_Icons = require("../../icons/ui/Icons.cjs");
2
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
3
- const require_Toast_module = require("./Toast.module.cjs");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- let react = require("react");
6
- let _base_ui_react_toast = require("@base-ui/react/toast");
7
- //#region src/components/Toast/Toast.tsx
8
- const DEFAULT_TOAST_PLACEMENT = "bottom-right";
9
- const DEFAULT_STACK_BEHAVIOR = "stacked";
10
- const DEFAULT_ANCHORED_SIDE_OFFSET = 8;
11
- const TOP_TOAST_SWIPE_DIRECTIONS = [
12
- "left",
13
- "right",
14
- "up"
15
- ];
16
- const BOTTOM_TOAST_SWIPE_DIRECTIONS = [
17
- "left",
18
- "right",
19
- "down"
20
- ];
21
- const ToastPlacementContext = (0, react.createContext)(DEFAULT_TOAST_PLACEMENT);
22
- const ToastStackBehaviorContext = (0, react.createContext)(DEFAULT_STACK_BEHAVIOR);
23
- const ToastStyleContext = (0, react.createContext)("stacked");
24
- const AnchoredToastManagerContext = (0, react.createContext)(null);
25
- const createToastManager = _base_ui_react_toast.Toast.createToastManager;
26
- const useToastManager = _base_ui_react_toast.Toast.useToastManager;
27
- function isAnchoredToast(toast) {
28
- return Boolean(toast.positionerProps?.anchor);
29
- }
30
- function getToastSwipeDirection(placement) {
31
- return placement.startsWith("top") ? TOP_TOAST_SWIPE_DIRECTIONS : BOTTOM_TOAST_SWIPE_DIRECTIONS;
32
- }
33
- function ToastProvider({ children, toastManager, anchoredToastManager, ...props }) {
34
- const defaultToastManager = (0, react.useMemo)(() => createToastManager(), []);
35
- const defaultAnchoredToastManager = (0, react.useMemo)(() => createToastManager(), []);
36
- const resolvedToastManager = toastManager ?? defaultToastManager;
37
- const resolvedAnchoredToastManager = anchoredToastManager ?? defaultAnchoredToastManager;
38
- const anchoredToast = (0, react.useMemo)(() => createAnchoredToastManager(resolvedAnchoredToastManager), [resolvedAnchoredToastManager]);
39
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnchoredToastManagerContext.Provider, {
40
- value: anchoredToast,
41
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Provider, {
42
- toastManager: resolvedToastManager,
43
- ...props,
44
- children
45
- })
46
- });
47
- }
48
- function ToastPortal({ className, ...props }) {
49
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Portal, {
50
- "data-slot": "toast-portal",
51
- className: require_mergeClassName.mergeClassName(className, require_Toast_module.default.portal),
52
- ...props
53
- });
54
- }
55
- function ToastViewport({ className, placement = DEFAULT_TOAST_PLACEMENT, stackBehavior = DEFAULT_STACK_BEHAVIOR, ...props }) {
56
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastPlacementContext.Provider, {
57
- value: placement,
58
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastStackBehaviorContext.Provider, {
59
- value: stackBehavior,
60
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Viewport, {
61
- "data-slot": "toast-viewport",
62
- "data-placement": placement,
63
- "data-stack-behavior": stackBehavior,
64
- className: require_mergeClassName.mergeClassName(className, require_Toast_module.default.viewport),
65
- ...props
66
- })
67
- })
68
- });
69
- }
70
- function ToastRoot(props) {
71
- const { className, placement, swipeDirection, toast, ...rootProps } = props;
72
- const contextPlacement = (0, react.useContext)(ToastPlacementContext);
73
- const stackBehavior = (0, react.useContext)(ToastStackBehaviorContext);
74
- const anchored = isAnchoredToast(toast);
75
- const resolvedPlacement = placement ?? contextPlacement;
76
- const dataSlot = props["data-slot"];
77
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastStyleContext.Provider, {
78
- value: anchored ? "anchored" : "stacked",
79
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Root, {
80
- ...rootProps,
81
- toast,
82
- "data-slot": dataSlot ?? (anchored ? "toast-anchored-root" : "toast-root"),
83
- "data-placement": resolvedPlacement,
84
- "data-stack-behavior": stackBehavior,
85
- swipeDirection: anchored ? swipeDirection : swipeDirection ?? getToastSwipeDirection(resolvedPlacement),
86
- className: require_mergeClassName.mergeClassName(className, anchored ? require_Toast_module.default.anchoredRoot : require_Toast_module.default.root)
87
- })
88
- });
89
- }
90
- function ToastContent(props) {
91
- const { className, ...contentProps } = props;
92
- const style = (0, react.useContext)(ToastStyleContext);
93
- const stackBehavior = (0, react.useContext)(ToastStackBehaviorContext);
94
- const dataSlot = props["data-slot"];
95
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Content, {
96
- ...contentProps,
97
- "data-slot": dataSlot ?? (style === "anchored" ? "toast-anchored-content" : "toast-content"),
98
- "data-stack-behavior": style === "stacked" ? stackBehavior : void 0,
99
- className: require_mergeClassName.mergeClassName(className, style === "anchored" ? require_Toast_module.default.anchoredContent : require_Toast_module.default.content)
100
- });
101
- }
102
- function ToastTitle({ className, ...props }) {
103
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Title, {
104
- "data-slot": "toast-title",
105
- className: require_mergeClassName.mergeClassName(className, require_Toast_module.default.title),
106
- ...props
107
- });
108
- }
109
- function ToastDescription(props) {
110
- const { className, ...descriptionProps } = props;
111
- const style = (0, react.useContext)(ToastStyleContext);
112
- const dataSlot = props["data-slot"];
113
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Description, {
114
- ...descriptionProps,
115
- "data-slot": dataSlot ?? (style === "anchored" ? "toast-anchored-description" : "toast-description"),
116
- className: require_mergeClassName.mergeClassName(className, style === "anchored" ? require_Toast_module.default.anchoredDescription : require_Toast_module.default.description)
117
- });
118
- }
119
- function ToastAction({ className, ...props }) {
120
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Action, {
121
- "data-slot": "toast-action",
122
- className: require_mergeClassName.mergeClassName(className, require_Toast_module.default.action),
123
- ...props
124
- });
125
- }
126
- function ToastClose({ className, children, ...props }) {
127
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Close, {
128
- "data-slot": "toast-close",
129
- className: require_mergeClassName.mergeClassName(className, require_Toast_module.default.close),
130
- ...props,
131
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CloseIcon, { className: require_Toast_module.default.closeIcon })
132
- });
133
- }
134
- function ToastPositioner({ className, ...props }) {
135
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Positioner, {
136
- "data-slot": "toast-positioner",
137
- className: require_mergeClassName.mergeClassName(className, require_Toast_module.default.positioner),
138
- ...props
139
- });
140
- }
141
- function ToastArrow(props) {
142
- const { className, children, ...arrowProps } = props;
143
- const dataSlot = props["data-slot"];
144
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Arrow, {
145
- ...arrowProps,
146
- "data-slot": dataSlot ?? "toast-anchored-arrow",
147
- className: require_mergeClassName.mergeClassName(className, require_Toast_module.default.anchoredArrow),
148
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnchoredArrowSvg, { className: require_Toast_module.default.anchoredArrowSvg })
149
- });
150
- }
151
- function ToastRegion({ className, container, renderToast, placement = DEFAULT_TOAST_PLACEMENT, stackBehavior = DEFAULT_STACK_BEHAVIOR, ...props }) {
152
- const { toasts: allToasts } = useToastManager();
153
- const toasts = allToasts.filter((toast) => !isAnchoredToast(toast));
154
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastPortal, {
155
- container,
156
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastViewport, {
157
- placement,
158
- stackBehavior,
159
- className,
160
- ...props,
161
- children: toasts.map((toast, index) => renderToast ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderToast(toast, index) }, toast.id) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultToast, { toast }, toast.id))
162
- })
163
- });
164
- }
165
- function ToastAnchoredRegion({ className, container, renderToast, ...props }) {
166
- const anchoredToast = (0, react.useContext)(AnchoredToastManagerContext);
167
- if (!anchoredToast) throw new Error("ToastAnchoredRegion must be used within ToastProvider.");
168
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Provider, {
169
- toastManager: anchoredToast.manager,
170
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastAnchoredRegionContent, {
171
- className,
172
- container,
173
- renderToast,
174
- ...props
175
- })
176
- });
177
- }
178
- function ToastAnchoredRegionContent({ className, container, renderToast, ...props }) {
179
- const { toasts } = useToastManager();
180
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastPortal, {
181
- container,
182
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Viewport, {
183
- "data-slot": "toast-anchored-viewport",
184
- className: require_mergeClassName.mergeClassName(className, require_Toast_module.default.anchoredViewport),
185
- ...props,
186
- children: toasts.map((toast, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastPositioner, {
187
- toast,
188
- className: require_Toast_module.default.anchoredPositioner,
189
- children: renderToast ? renderToast(toast, index) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultAnchoredToast, { toast })
190
- }, toast.id))
191
- })
192
- });
193
- }
194
- function DefaultToast({ toast }) {
195
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastRoot, {
196
- toast,
197
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ToastContent, { children: [
198
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastTitle, {}),
199
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastDescription, {}),
200
- toast.actionProps ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastAction, {}) : null,
201
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastClose, { "aria-label": "Close toast" })
202
- ] })
203
- });
204
- }
205
- function DefaultAnchoredToast({ toast }) {
206
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ToastRoot, {
207
- toast,
208
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastArrow, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastContent, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastDescription, {}) })]
209
- });
210
- }
211
- function AnchoredArrowSvg(props) {
212
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
213
- fillClassName: require_Toast_module.default.anchoredArrowFill,
214
- outerStrokeClassName: require_Toast_module.default.anchoredArrowOuterStroke,
215
- innerStrokeClassName: require_Toast_module.default.anchoredArrowInnerStroke,
216
- ...props
217
- });
218
- }
219
- function createAnchoredToastManager(manager = createToastManager()) {
220
- const anchorIds = /* @__PURE__ */ new WeakMap();
221
- let idCounter = 0;
222
- const show = ({ anchor, id, positionerProps, onRemove, ...options }) => {
223
- const resolvedId = anchorIds.get(anchor) ?? id ?? `anchored-${Date.now()}-${++idCounter}`;
224
- manager.add({
225
- ...options,
226
- id: resolvedId,
227
- positionerProps: {
228
- sideOffset: DEFAULT_ANCHORED_SIDE_OFFSET,
229
- ...positionerProps,
230
- anchor
231
- },
232
- onRemove: () => {
233
- if (anchorIds.get(anchor) === resolvedId) anchorIds.delete(anchor);
234
- onRemove?.();
235
- }
236
- });
237
- anchorIds.set(anchor, resolvedId);
238
- return resolvedId;
239
- };
240
- const closeByAnchor = (anchor) => {
241
- if (!anchor) return;
242
- const toastId = anchorIds.get(anchor);
243
- if (!toastId) return;
244
- manager.close(toastId);
245
- anchorIds.delete(anchor);
246
- };
247
- const closeAll = () => {
248
- manager.close();
249
- };
250
- return {
251
- manager,
252
- show,
253
- closeByAnchor,
254
- closeAll
255
- };
256
- }
257
- function useAnchoredToastManager() {
258
- const anchoredToast = (0, react.useContext)(AnchoredToastManagerContext);
259
- if (!anchoredToast) throw new Error("useAnchoredToastManager must be used within ToastProvider.");
260
- return anchoredToast;
261
- }
262
- //#endregion
263
- exports.ToastAction = ToastAction;
264
- exports.ToastAnchoredRegion = ToastAnchoredRegion;
265
- exports.ToastArrow = ToastArrow;
266
- exports.ToastClose = ToastClose;
267
- exports.ToastContent = ToastContent;
268
- exports.ToastDescription = ToastDescription;
269
- exports.ToastPortal = ToastPortal;
270
- exports.ToastPositioner = ToastPositioner;
271
- exports.ToastProvider = ToastProvider;
272
- exports.ToastRegion = ToastRegion;
273
- exports.ToastRoot = ToastRoot;
274
- exports.ToastTitle = ToastTitle;
275
- exports.ToastViewport = ToastViewport;
276
- exports.createToastManager = createToastManager;
277
- exports.useAnchoredToastManager = useAnchoredToastManager;
278
- exports.useToastManager = useToastManager;
@@ -1,26 +0,0 @@
1
- import './Toast.css';
2
- //#region src/components/Toast/Toast.module.css
3
- var Toast_module_default = {
4
- "action": "xGZ1aG_action",
5
- "anchoredArrow": "xGZ1aG_anchoredArrow",
6
- "anchoredArrowFill": "xGZ1aG_anchoredArrowFill",
7
- "anchoredArrowInnerStroke": "xGZ1aG_anchoredArrowInnerStroke",
8
- "anchoredArrowOuterStroke": "xGZ1aG_anchoredArrowOuterStroke",
9
- "anchoredArrowSvg": "xGZ1aG_anchoredArrowSvg",
10
- "anchoredContent": "xGZ1aG_anchoredContent",
11
- "anchoredDescription": "xGZ1aG_anchoredDescription",
12
- "anchoredPositioner": "xGZ1aG_anchoredPositioner",
13
- "anchoredRoot": "xGZ1aG_anchoredRoot",
14
- "anchoredViewport": "xGZ1aG_anchoredViewport",
15
- "close": "xGZ1aG_close",
16
- "closeIcon": "xGZ1aG_closeIcon",
17
- "content": "xGZ1aG_content",
18
- "description": "xGZ1aG_description",
19
- "portal": "xGZ1aG_portal",
20
- "positioner": "xGZ1aG_positioner",
21
- "root": "xGZ1aG_root",
22
- "title": "xGZ1aG_title",
23
- "viewport": "xGZ1aG_viewport"
24
- };
25
- //#endregion
26
- exports.default = Toast_module_default;
@@ -1,18 +0,0 @@
1
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
2
- const require_Toggle_module = require("./Toggle.module.cjs");
3
- let react_jsx_runtime = require("react/jsx-runtime");
4
- let react = require("react");
5
- let _base_ui_react_toggle = require("@base-ui/react/toggle");
6
- //#region src/components/Toggle/Toggle.tsx
7
- const Toggle = (0, react.forwardRef)(function Toggle({ className, variant = "default", size = "md", ...props }, ref) {
8
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toggle.Toggle, {
9
- ref,
10
- "data-slot": "toggle-root",
11
- "data-variant": variant,
12
- "data-size": size,
13
- className: require_mergeClassName.mergeClassName(className, require_Toggle_module.default.root),
14
- ...props
15
- });
16
- });
17
- //#endregion
18
- exports.Toggle = Toggle;
@@ -1,5 +0,0 @@
1
- import './Toggle.css';
2
- //#region src/components/Toggle/Toggle.module.css
3
- var Toggle_module_default = { "root": "XH-hya_root" };
4
- //#endregion
5
- exports.default = Toggle_module_default;
@@ -1,42 +0,0 @@
1
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
2
- const require_Toggle = require("../Toggle/Toggle.cjs");
3
- const require_ToggleGroup_module = require("./ToggleGroup.module.cjs");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- let react = require("react");
6
- let _base_ui_react_toggle_group = require("@base-ui/react/toggle-group");
7
- //#region src/components/ToggleGroup/ToggleGroup.tsx
8
- const ToggleGroupContext = (0, react.createContext)({
9
- variant: "default",
10
- size: "md"
11
- });
12
- const ToggleGroup = (0, react.forwardRef)(function ToggleGroup({ className, variant = "default", size = "md", ...props }, ref) {
13
- const contextValue = (0, react.useMemo)(() => ({
14
- variant,
15
- size
16
- }), [size, variant]);
17
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleGroupContext.Provider, {
18
- value: contextValue,
19
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toggle_group.ToggleGroup, {
20
- ref,
21
- "data-slot": "toggle-group-root",
22
- "data-variant": variant,
23
- "data-size": size,
24
- className: require_mergeClassName.mergeClassName(className, require_ToggleGroup_module.default.root),
25
- ...props
26
- })
27
- });
28
- });
29
- const ToggleGroupItem = (0, react.forwardRef)(function ToggleGroupItem({ className, variant, size, ...props }, ref) {
30
- const inherited = (0, react.useContext)(ToggleGroupContext);
31
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Toggle.Toggle, {
32
- ref,
33
- "data-slot": "toggle-group-item",
34
- variant: variant ?? inherited.variant,
35
- size: size ?? inherited.size,
36
- className: require_mergeClassName.mergeClassName(className, require_ToggleGroup_module.default.item),
37
- ...props
38
- });
39
- });
40
- //#endregion
41
- exports.ToggleGroup = ToggleGroup;
42
- exports.ToggleGroupItem = ToggleGroupItem;
@@ -1,8 +0,0 @@
1
- import './ToggleGroup.css';
2
- //#region src/components/ToggleGroup/ToggleGroup.module.css
3
- var ToggleGroup_module_default = {
4
- "item": "Y8wHdq_item",
5
- "root": "Y8wHdq_root"
6
- };
7
- //#endregion
8
- exports.default = ToggleGroup_module_default;
@@ -1,61 +0,0 @@
1
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
2
- const require_Toolbar_module = require("./Toolbar.module.cjs");
3
- let react_jsx_runtime = require("react/jsx-runtime");
4
- let react = require("react");
5
- let _base_ui_react_toolbar = require("@base-ui/react/toolbar");
6
- //#region src/components/Toolbar/Toolbar.tsx
7
- const Toolbar = (0, react.forwardRef)(function Toolbar({ className, ...props }, ref) {
8
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Root, {
9
- ref,
10
- "data-slot": "toolbar-root",
11
- className: require_mergeClassName.mergeClassName(className, require_Toolbar_module.default.root),
12
- ...props
13
- });
14
- });
15
- const ToolbarGroup = (0, react.forwardRef)(function ToolbarGroup({ className, ...props }, ref) {
16
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Group, {
17
- ref,
18
- "data-slot": "toolbar-group",
19
- className: require_mergeClassName.mergeClassName(className, require_Toolbar_module.default.group),
20
- ...props
21
- });
22
- });
23
- const ToolbarButton = (0, react.forwardRef)(function ToolbarButton({ className, ...props }, ref) {
24
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Button, {
25
- ref,
26
- "data-slot": "toolbar-button",
27
- className: require_mergeClassName.mergeClassName(className, require_Toolbar_module.default.button),
28
- ...props
29
- });
30
- });
31
- const ToolbarLink = (0, react.forwardRef)(function ToolbarLink({ className, ...props }, ref) {
32
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Link, {
33
- ref,
34
- "data-slot": "toolbar-link",
35
- className: require_mergeClassName.mergeClassName(className, require_Toolbar_module.default.link),
36
- ...props
37
- });
38
- });
39
- const ToolbarInput = (0, react.forwardRef)(function ToolbarInput({ className, ...props }, ref) {
40
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Input, {
41
- ref,
42
- "data-slot": "toolbar-input",
43
- className: require_mergeClassName.mergeClassName(className, require_Toolbar_module.default.input),
44
- ...props
45
- });
46
- });
47
- const ToolbarSeparator = (0, react.forwardRef)(function ToolbarSeparator({ className, ...props }, ref) {
48
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Separator, {
49
- ref,
50
- "data-slot": "toolbar-separator",
51
- className: require_mergeClassName.mergeClassName(className, require_Toolbar_module.default.separator),
52
- ...props
53
- });
54
- });
55
- //#endregion
56
- exports.Toolbar = Toolbar;
57
- exports.ToolbarButton = ToolbarButton;
58
- exports.ToolbarGroup = ToolbarGroup;
59
- exports.ToolbarInput = ToolbarInput;
60
- exports.ToolbarLink = ToolbarLink;
61
- exports.ToolbarSeparator = ToolbarSeparator;
@@ -1,12 +0,0 @@
1
- import './Toolbar.css';
2
- //#region src/components/Toolbar/Toolbar.module.css
3
- var Toolbar_module_default = {
4
- "button": "ON21Hq_button",
5
- "group": "ON21Hq_group",
6
- "input": "ON21Hq_input",
7
- "link": "ON21Hq_link",
8
- "root": "ON21Hq_root",
9
- "separator": "ON21Hq_separator"
10
- };
11
- //#endregion
12
- exports.default = Toolbar_module_default;
@@ -1,91 +0,0 @@
1
- const require_Icons = require("../../icons/ui/Icons.cjs");
2
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
3
- const require_Tooltip_module = require("./Tooltip.module.cjs");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- let _base_ui_react_tooltip = require("@base-ui/react/tooltip");
6
- //#region src/components/Tooltip/Tooltip.tsx
7
- const TOOLTIP_CONTENT_SIDE_OFFSET = 8;
8
- const Tooltip = _base_ui_react_tooltip.Tooltip.Root;
9
- const TooltipProvider = _base_ui_react_tooltip.Tooltip.Provider;
10
- const createTooltipHandle = _base_ui_react_tooltip.Tooltip.createHandle;
11
- function TooltipTrigger({ className, render, ...props }) {
12
- const triggerClassName = render ? className : require_mergeClassName.mergeClassName(className, require_Tooltip_module.default.trigger);
13
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Trigger, {
14
- "data-slot": "tooltip-trigger",
15
- render,
16
- className: triggerClassName,
17
- ...props
18
- });
19
- }
20
- function TooltipPortal({ className, ...props }) {
21
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Portal, {
22
- "data-slot": "tooltip-portal",
23
- className,
24
- ...props
25
- });
26
- }
27
- function TooltipPositioner({ className, ...props }) {
28
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Positioner, {
29
- "data-slot": "tooltip-positioner",
30
- className: require_mergeClassName.mergeClassName(className, require_Tooltip_module.default.positioner),
31
- ...props
32
- });
33
- }
34
- function TooltipPopup({ className, ...props }) {
35
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Popup, {
36
- "data-slot": "tooltip-popup",
37
- className: require_mergeClassName.mergeClassName(className, require_Tooltip_module.default.popup),
38
- ...props
39
- });
40
- }
41
- function TooltipArrow({ className, children, ...props }) {
42
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Arrow, {
43
- "data-slot": "tooltip-arrow",
44
- className: require_mergeClassName.mergeClassName(className, require_Tooltip_module.default.arrow),
45
- ...props,
46
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowSvg, { className: require_Tooltip_module.default.arrowSvg })
47
- });
48
- }
49
- function TooltipViewport({ className, ...props }) {
50
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Viewport, {
51
- "data-slot": "tooltip-viewport",
52
- className: require_mergeClassName.mergeClassName(className, require_Tooltip_module.default.viewport),
53
- ...props
54
- });
55
- }
56
- function TooltipContent({ className, showArrow = false, side, sideOffset = TOOLTIP_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, children, ...popupProps }) {
57
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipPositioner, {
58
- side,
59
- sideOffset,
60
- align,
61
- alignOffset,
62
- arrowPadding,
63
- collisionAvoidance,
64
- collisionBoundary,
65
- collisionPadding,
66
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TooltipPopup, {
67
- className,
68
- ...popupProps,
69
- children: [showArrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipArrow, {}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipViewport, { children })]
70
- })
71
- }) });
72
- }
73
- function ArrowSvg(props) {
74
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
75
- fillClassName: require_Tooltip_module.default.arrowFill,
76
- outerStrokeClassName: require_Tooltip_module.default.arrowOuterStroke,
77
- innerStrokeClassName: require_Tooltip_module.default.arrowInnerStroke,
78
- ...props
79
- });
80
- }
81
- //#endregion
82
- exports.Tooltip = Tooltip;
83
- exports.TooltipArrow = TooltipArrow;
84
- exports.TooltipContent = TooltipContent;
85
- exports.TooltipPopup = TooltipPopup;
86
- exports.TooltipPortal = TooltipPortal;
87
- exports.TooltipPositioner = TooltipPositioner;
88
- exports.TooltipProvider = TooltipProvider;
89
- exports.TooltipTrigger = TooltipTrigger;
90
- exports.TooltipViewport = TooltipViewport;
91
- exports.createTooltipHandle = createTooltipHandle;
@@ -1,15 +0,0 @@
1
- import './Tooltip.css';
2
- //#region src/components/Tooltip/Tooltip.module.css
3
- var Tooltip_module_default = {
4
- "arrow": "UrkF4a_arrow",
5
- "arrowFill": "UrkF4a_arrowFill",
6
- "arrowInnerStroke": "UrkF4a_arrowInnerStroke",
7
- "arrowOuterStroke": "UrkF4a_arrowOuterStroke",
8
- "arrowSvg": "UrkF4a_arrowSvg",
9
- "popup": "UrkF4a_popup",
10
- "positioner": "UrkF4a_positioner",
11
- "trigger": "UrkF4a_trigger",
12
- "viewport": "UrkF4a_viewport"
13
- };
14
- //#endregion
15
- exports.default = Tooltip_module_default;