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,66 +0,0 @@
1
- const require_Icons = require("../../icons/ui/Icons.cjs");
2
- const require_Button = require("../Button/Button.cjs");
3
- const require_CopyButton_module = require("./CopyButton.module.cjs");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- let react = require("react");
6
- //#region src/components/CopyButton/CopyButton.tsx
7
- const DEFAULT_COPIED_DURATION = 2e3;
8
- const DEFAULT_COPY_LABELS = {
9
- copy: "Copy",
10
- copied: "Copied"
11
- };
12
- const CopyButton = (0, react.forwardRef)(function CopyButton({ children, copiedDuration = DEFAULT_COPIED_DURATION, copyLabels = DEFAULT_COPY_LABELS, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, disabled, onClick, onCopy, onCopyError, size, type = "button", value, ...props }, ref) {
13
- const [copied, setCopied] = (0, react.useState)(false);
14
- const [announcement, setAnnouncement] = (0, react.useState)("");
15
- const copiedTimeoutRef = (0, react.useRef)(void 0);
16
- (0, react.useEffect)(() => {
17
- return () => {
18
- if (copiedTimeoutRef.current) clearTimeout(copiedTimeoutRef.current);
19
- };
20
- }, []);
21
- const handleCopy = async () => {
22
- try {
23
- if (!navigator.clipboard) throw new Error("Clipboard API is not available in this environment.");
24
- await navigator.clipboard.writeText(value);
25
- if (copiedTimeoutRef.current) clearTimeout(copiedTimeoutRef.current);
26
- setCopied(true);
27
- setAnnouncement(copyLabels.copied);
28
- onCopy?.(value);
29
- copiedTimeoutRef.current = setTimeout(() => {
30
- setCopied(false);
31
- setAnnouncement("");
32
- }, copiedDuration);
33
- } catch (error) {
34
- onCopyError?.(error);
35
- if (!onCopyError) queueMicrotask(() => {
36
- throw error;
37
- });
38
- }
39
- };
40
- const handleClick = (event) => {
41
- onClick?.(event);
42
- if (event.defaultPrevented || disabled) return;
43
- handleCopy();
44
- };
45
- const renderedChildren = copied && (typeof children === "string" || typeof children === "number") ? copyLabels.copied : children;
46
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
47
- ref,
48
- "aria-label": ariaLabel ?? (children == null && ariaLabelledBy == null ? copied ? copyLabels.copied : copyLabels.copy : void 0),
49
- "aria-labelledby": ariaLabelledBy,
50
- "data-copied": copied ? "" : void 0,
51
- "data-slot": "copy-button",
52
- disabled,
53
- onClick: handleClick,
54
- size: size ?? (children == null ? "icon-md" : "md"),
55
- type,
56
- ...props,
57
- children: renderedChildren ?? (copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CheckIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CopyIcon, {}))
58
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
59
- "aria-live": "polite",
60
- "aria-atomic": "true",
61
- className: require_CopyButton_module.default.announcer,
62
- children: announcement
63
- })] });
64
- });
65
- //#endregion
66
- exports.CopyButton = CopyButton;
@@ -1,5 +0,0 @@
1
- import './CopyButton.css';
2
- //#region src/components/CopyButton/CopyButton.module.css
3
- var CopyButton_module_default = { "announcer": "-gYQUq_announcer" };
4
- //#endregion
5
- exports.default = CopyButton_module_default;
@@ -1,136 +0,0 @@
1
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
2
- const require_CloseButton = require("../CloseButton/CloseButton.cjs");
3
- const require_Dialog_module = require("./Dialog.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_dialog = require("@base-ui/react/dialog");
8
- //#region src/components/Dialog/Dialog.tsx
9
- const DEFAULT_CLOSE_BUTTON_LABEL = "Close dialog";
10
- const DialogModeContext = (0, react.createContext)(true);
11
- const createDialogHandle = _base_ui_react_dialog.Dialog.createHandle;
12
- function Dialog({ modal = true, ...props }) {
13
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogModeContext.Provider, {
14
- value: modal,
15
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Root, {
16
- modal,
17
- ...props
18
- })
19
- });
20
- }
21
- function DialogTrigger({ className, render, ...props }) {
22
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Trigger, {
23
- "data-slot": "dialog-trigger",
24
- render,
25
- className: render ? className : require_mergeClassName.mergeClassName(className, require_Dialog_module.default.trigger),
26
- ...props
27
- });
28
- }
29
- function DialogPortal({ className, ...props }) {
30
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Portal, {
31
- "data-slot": "dialog-portal",
32
- className,
33
- ...props
34
- });
35
- }
36
- function DialogBackdrop({ className, ...props }) {
37
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Backdrop, {
38
- "data-slot": "dialog-backdrop",
39
- className: require_mergeClassName.mergeClassName(className, require_Dialog_module.default.backdrop),
40
- ...props
41
- });
42
- }
43
- function DialogViewport({ className, ...props }) {
44
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Viewport, {
45
- "data-slot": "dialog-viewport",
46
- className: require_mergeClassName.mergeClassName(className, require_Dialog_module.default.viewport),
47
- ...props
48
- });
49
- }
50
- function DialogPopup({ className, ...props }) {
51
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Popup, {
52
- "data-slot": "dialog-popup",
53
- className: require_mergeClassName.mergeClassName(className, require_Dialog_module.default.popup),
54
- ...props
55
- });
56
- }
57
- function DialogTitle({ className, ...props }) {
58
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Title, {
59
- "data-slot": "dialog-title",
60
- className: require_mergeClassName.mergeClassName(className, require_Dialog_module.default.title),
61
- ...props
62
- });
63
- }
64
- function DialogDescription({ className, ...props }) {
65
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Description, {
66
- "data-slot": "dialog-description",
67
- className: require_mergeClassName.mergeClassName(className, require_Dialog_module.default.description),
68
- ...props
69
- });
70
- }
71
- function DialogClose({ className, ...props }) {
72
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Close, {
73
- "data-slot": "dialog-close",
74
- className: require_mergeClassName.mergeClassName(className, require_Dialog_module.default.close),
75
- ...props
76
- });
77
- }
78
- function DialogCloseIcon({ className, children, "aria-label": ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, render, ...props }) {
79
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Close, {
80
- "data-slot": "dialog-close-icon",
81
- render: render ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CloseButton.CloseButton, {
82
- "aria-label": ariaLabel,
83
- children
84
- }),
85
- className: require_mergeClassName.mergeClassName(className, require_Dialog_module.default.closeIcon),
86
- ...props
87
- });
88
- }
89
- function DialogContent({ className, children, ...props }) {
90
- const blocksOutsidePointerInteraction = (0, react.useContext)(DialogModeContext) === true;
91
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogPortal, { children: [blocksOutsidePointerInteraction ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogBackdrop, {}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogViewport, {
92
- className: blocksOutsidePointerInteraction ? void 0 : require_Dialog_module.default.viewportNonBlocking,
93
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogPopup, {
94
- className,
95
- ...props,
96
- children
97
- })
98
- })] });
99
- }
100
- function DialogHeader({ className, ...props }) {
101
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
102
- "data-slot": "dialog-header",
103
- className: (0, clsx.clsx)(require_Dialog_module.default.header, className),
104
- ...props
105
- });
106
- }
107
- function DialogFooter({ className, ...props }) {
108
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
109
- "data-slot": "dialog-footer",
110
- className: (0, clsx.clsx)(require_Dialog_module.default.footer, className),
111
- ...props
112
- });
113
- }
114
- function DialogBody({ className, ...props }) {
115
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
116
- "data-slot": "dialog-body",
117
- className: (0, clsx.clsx)(require_Dialog_module.default.body, className),
118
- ...props
119
- });
120
- }
121
- //#endregion
122
- exports.Dialog = Dialog;
123
- exports.DialogBackdrop = DialogBackdrop;
124
- exports.DialogBody = DialogBody;
125
- exports.DialogClose = DialogClose;
126
- exports.DialogCloseIcon = DialogCloseIcon;
127
- exports.DialogContent = DialogContent;
128
- exports.DialogDescription = DialogDescription;
129
- exports.DialogFooter = DialogFooter;
130
- exports.DialogHeader = DialogHeader;
131
- exports.DialogPopup = DialogPopup;
132
- exports.DialogPortal = DialogPortal;
133
- exports.DialogTitle = DialogTitle;
134
- exports.DialogTrigger = DialogTrigger;
135
- exports.DialogViewport = DialogViewport;
136
- exports.createDialogHandle = createDialogHandle;
@@ -1,18 +0,0 @@
1
- import './Dialog.css';
2
- //#region src/components/Dialog/Dialog.module.css
3
- var Dialog_module_default = {
4
- "backdrop": "u1ogVa_backdrop",
5
- "body": "u1ogVa_body",
6
- "close": "u1ogVa_close",
7
- "closeIcon": "u1ogVa_closeIcon",
8
- "description": "u1ogVa_description",
9
- "footer": "u1ogVa_footer",
10
- "header": "u1ogVa_header",
11
- "popup": "u1ogVa_popup",
12
- "title": "u1ogVa_title",
13
- "trigger": "u1ogVa_trigger",
14
- "viewport": "u1ogVa_viewport",
15
- "viewportNonBlocking": "u1ogVa_viewportNonBlocking"
16
- };
17
- //#endregion
18
- exports.default = Dialog_module_default;
@@ -1,202 +0,0 @@
1
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
2
- const require_CloseButton = require("../CloseButton/CloseButton.cjs");
3
- const require_Drawer_module = require("./Drawer.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_drawer = require("@base-ui/react/drawer");
8
- //#region src/components/Drawer/Drawer.tsx
9
- const DEFAULT_CLOSE_BUTTON_LABEL = "Close drawer";
10
- const DrawerModeContext = (0, react.createContext)(true);
11
- function useMountReady(disableInitialAnimation) {
12
- const [mountReady, setMountReady] = (0, react.useState)(!disableInitialAnimation);
13
- (0, react.useEffect)(() => {
14
- if (!disableInitialAnimation) {
15
- setMountReady(true);
16
- return;
17
- }
18
- setMountReady(false);
19
- let frame = window.requestAnimationFrame(() => {
20
- setMountReady(true);
21
- });
22
- return () => {
23
- window.cancelAnimationFrame(frame);
24
- };
25
- }, [disableInitialAnimation]);
26
- return mountReady;
27
- }
28
- function Drawer({ modal = true, ...props }) {
29
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerModeContext.Provider, {
30
- value: modal,
31
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Root, {
32
- modal,
33
- ...props
34
- })
35
- });
36
- }
37
- const DrawerProvider = _base_ui_react_drawer.Drawer.Provider;
38
- const createDrawerHandle = _base_ui_react_drawer.Drawer.createHandle;
39
- function DrawerIndent({ className, ...props }) {
40
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Indent, {
41
- "data-slot": "drawer-indent",
42
- className: require_mergeClassName.mergeClassName(className, require_Drawer_module.default.indent),
43
- ...props
44
- });
45
- }
46
- function DrawerIndentBackground({ className, ...props }) {
47
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.IndentBackground, {
48
- "data-slot": "drawer-indent-background",
49
- className: require_mergeClassName.mergeClassName(className, require_Drawer_module.default.indentBackground),
50
- ...props
51
- });
52
- }
53
- function DrawerTrigger({ className, render, ...props }) {
54
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Trigger, {
55
- "data-slot": "drawer-trigger",
56
- render,
57
- className: render ? className : require_mergeClassName.mergeClassName(className, require_Drawer_module.default.trigger),
58
- ...props
59
- });
60
- }
61
- function DrawerSwipeArea({ className, ...props }) {
62
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.SwipeArea, {
63
- "data-slot": "drawer-swipe-area",
64
- className: require_mergeClassName.mergeClassName(className, require_Drawer_module.default.swipeArea),
65
- ...props
66
- });
67
- }
68
- function DrawerPortal({ className, ...props }) {
69
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Portal, {
70
- "data-slot": "drawer-portal",
71
- className,
72
- ...props
73
- });
74
- }
75
- function DrawerBackdrop({ className, ...props }) {
76
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Backdrop, {
77
- "data-slot": "drawer-backdrop",
78
- className: require_mergeClassName.mergeClassName(className, require_Drawer_module.default.backdrop),
79
- ...props
80
- });
81
- }
82
- function DrawerViewport({ className, ...props }) {
83
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Viewport, {
84
- "data-slot": "drawer-viewport",
85
- className: require_mergeClassName.mergeClassName(className, require_Drawer_module.default.viewport),
86
- ...props
87
- });
88
- }
89
- function DrawerPopup({ className, ...props }) {
90
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Popup, {
91
- "data-slot": "drawer-popup",
92
- className: require_mergeClassName.mergeClassName(className, require_Drawer_module.default.popup),
93
- ...props
94
- });
95
- }
96
- function DrawerHandle({ className, ...props }) {
97
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
98
- "data-slot": "drawer-handle",
99
- className: (0, clsx.clsx)(require_Drawer_module.default.handle, className),
100
- ...props
101
- });
102
- }
103
- function DrawerContentInner({ className, ...props }) {
104
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Content, {
105
- "data-slot": "drawer-content",
106
- className: require_mergeClassName.mergeClassName(className, require_Drawer_module.default.content),
107
- ...props
108
- });
109
- }
110
- function DrawerTitle({ className, ...props }) {
111
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Title, {
112
- "data-slot": "drawer-title",
113
- className: require_mergeClassName.mergeClassName(className, require_Drawer_module.default.title),
114
- ...props
115
- });
116
- }
117
- function DrawerDescription({ className, ...props }) {
118
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Description, {
119
- "data-slot": "drawer-description",
120
- className: require_mergeClassName.mergeClassName(className, require_Drawer_module.default.description),
121
- ...props
122
- });
123
- }
124
- function DrawerClose({ className, ...props }) {
125
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Close, {
126
- "data-slot": "drawer-close",
127
- className: require_mergeClassName.mergeClassName(className, require_Drawer_module.default.close),
128
- ...props
129
- });
130
- }
131
- function DrawerCloseIcon({ className, children, "aria-label": ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, render, ...props }) {
132
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Close, {
133
- "data-slot": "drawer-close-icon",
134
- render: render ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CloseButton.CloseButton, {
135
- "aria-label": ariaLabel,
136
- children
137
- }),
138
- className: require_mergeClassName.mergeClassName(className, require_Drawer_module.default.closeIcon),
139
- ...props
140
- });
141
- }
142
- function DrawerHeader({ className, ...props }) {
143
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
144
- "data-slot": "drawer-header",
145
- className: (0, clsx.clsx)(require_Drawer_module.default.header, className),
146
- ...props
147
- });
148
- }
149
- function DrawerBody({ className, ...props }) {
150
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
151
- "data-slot": "drawer-body",
152
- className: (0, clsx.clsx)(require_Drawer_module.default.body, className),
153
- ...props
154
- });
155
- }
156
- function DrawerFooter({ className, ...props }) {
157
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
158
- "data-slot": "drawer-footer",
159
- className: (0, clsx.clsx)(require_Drawer_module.default.footer, className),
160
- ...props
161
- });
162
- }
163
- function DrawerContent({ snapLayout = false, disableInitialAnimation = false, variant = "default", className, children, ...props }) {
164
- const modal = (0, react.useContext)(DrawerModeContext);
165
- const mountReady = useMountReady(disableInitialAnimation);
166
- const blocksOutsidePointerInteraction = modal === true;
167
- const viewportClassName = require_mergeClassName.mergeClassName(blocksOutsidePointerInteraction ? void 0 : require_Drawer_module.default.viewportNonModal, variant === "island" ? require_Drawer_module.default.viewportIsland : void 0);
168
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DrawerPortal, { children: [blocksOutsidePointerInteraction ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerBackdrop, {}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerViewport, {
169
- className: viewportClassName,
170
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DrawerPopup, {
171
- "data-snap-layout": snapLayout ? "" : void 0,
172
- "data-disable-initial-animation": disableInitialAnimation ? "true" : void 0,
173
- "data-mount-ready": mountReady ? "true" : "false",
174
- "data-variant": variant,
175
- className,
176
- ...props,
177
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerHandle, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerContentInner, { children })]
178
- })
179
- })] });
180
- }
181
- //#endregion
182
- exports.Drawer = Drawer;
183
- exports.DrawerBackdrop = DrawerBackdrop;
184
- exports.DrawerBody = DrawerBody;
185
- exports.DrawerClose = DrawerClose;
186
- exports.DrawerCloseIcon = DrawerCloseIcon;
187
- exports.DrawerContent = DrawerContent;
188
- exports.DrawerContentInner = DrawerContentInner;
189
- exports.DrawerDescription = DrawerDescription;
190
- exports.DrawerFooter = DrawerFooter;
191
- exports.DrawerHandle = DrawerHandle;
192
- exports.DrawerHeader = DrawerHeader;
193
- exports.DrawerIndent = DrawerIndent;
194
- exports.DrawerIndentBackground = DrawerIndentBackground;
195
- exports.DrawerPopup = DrawerPopup;
196
- exports.DrawerPortal = DrawerPortal;
197
- exports.DrawerProvider = DrawerProvider;
198
- exports.DrawerSwipeArea = DrawerSwipeArea;
199
- exports.DrawerTitle = DrawerTitle;
200
- exports.DrawerTrigger = DrawerTrigger;
201
- exports.DrawerViewport = DrawerViewport;
202
- exports.createDrawerHandle = createDrawerHandle;
@@ -1,24 +0,0 @@
1
- import './Drawer.css';
2
- //#region src/components/Drawer/Drawer.module.css
3
- var Drawer_module_default = {
4
- "backdrop": "DGe4oW_backdrop",
5
- "body": "DGe4oW_body",
6
- "close": "DGe4oW_close",
7
- "closeIcon": "DGe4oW_closeIcon",
8
- "content": "DGe4oW_content",
9
- "description": "DGe4oW_description",
10
- "footer": "DGe4oW_footer",
11
- "handle": "DGe4oW_handle",
12
- "header": "DGe4oW_header",
13
- "indent": "DGe4oW_indent",
14
- "indentBackground": "DGe4oW_indentBackground",
15
- "popup": "DGe4oW_popup",
16
- "swipeArea": "DGe4oW_swipeArea",
17
- "title": "DGe4oW_title",
18
- "trigger": "DGe4oW_trigger",
19
- "viewport": "DGe4oW_viewport",
20
- "viewportIsland": "DGe4oW_viewportIsland",
21
- "viewportNonModal": "DGe4oW_viewportNonModal"
22
- };
23
- //#endregion
24
- exports.default = Drawer_module_default;
@@ -1,55 +0,0 @@
1
- const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
2
- const require_Empty_module = require("./Empty.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/Empty/Empty.tsx
7
- function Empty({ className, ...props }) {
8
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
9
- "data-slot": "empty-root",
10
- className: (0, clsx.default)(require_Empty_module.default.root, className),
11
- ...props
12
- });
13
- }
14
- function EmptyIcon({ className, ...props }) {
15
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
16
- "data-slot": "empty-icon",
17
- className: (0, clsx.default)(require_Empty_module.default.icon, className),
18
- ...props
19
- });
20
- }
21
- function EmptyContent({ className, ...props }) {
22
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
23
- "data-slot": "empty-content",
24
- className: (0, clsx.default)(require_Empty_module.default.content, className),
25
- ...props
26
- });
27
- }
28
- function EmptyTitle({ as: Root = "h3", className, ...props }) {
29
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Root, {
30
- "data-slot": "empty-title",
31
- className: (0, clsx.default)(require_Empty_module.default.title, className),
32
- ...props
33
- });
34
- }
35
- function EmptyDescription({ className, ...props }) {
36
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
37
- "data-slot": "empty-description",
38
- className: (0, clsx.default)(require_Empty_module.default.description, className),
39
- ...props
40
- });
41
- }
42
- function EmptyActions({ className, ...props }) {
43
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
44
- "data-slot": "empty-actions",
45
- className: (0, clsx.default)(require_Empty_module.default.actions, className),
46
- ...props
47
- });
48
- }
49
- //#endregion
50
- exports.Empty = Empty;
51
- exports.EmptyActions = EmptyActions;
52
- exports.EmptyContent = EmptyContent;
53
- exports.EmptyDescription = EmptyDescription;
54
- exports.EmptyIcon = EmptyIcon;
55
- exports.EmptyTitle = EmptyTitle;
@@ -1,12 +0,0 @@
1
- import './Empty.css';
2
- //#region src/components/Empty/Empty.module.css
3
- var Empty_module_default = {
4
- "actions": "PlHusq_actions",
5
- "content": "PlHusq_content",
6
- "description": "PlHusq_description",
7
- "icon": "PlHusq_icon",
8
- "root": "PlHusq_root",
9
- "title": "PlHusq_title"
10
- };
11
- //#endregion
12
- exports.default = Empty_module_default;
@@ -1,56 +0,0 @@
1
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
2
- const require_Field_module = require("./Field.module.cjs");
3
- let react_jsx_runtime = require("react/jsx-runtime");
4
- let _base_ui_react_field = require("@base-ui/react/field");
5
- //#region src/components/Field/Field.tsx
6
- function Field({ className, ...props }) {
7
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Root, {
8
- "data-slot": "field-root",
9
- className: require_mergeClassName.mergeClassName(className, require_Field_module.default.root),
10
- ...props
11
- });
12
- }
13
- function FieldItem({ className, ...props }) {
14
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Item, {
15
- "data-slot": "field-item",
16
- className: require_mergeClassName.mergeClassName(className, require_Field_module.default.item),
17
- ...props
18
- });
19
- }
20
- function FieldLabel({ className, ...props }) {
21
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Label, {
22
- "data-slot": "field-label",
23
- className: require_mergeClassName.mergeClassName(className, require_Field_module.default.label),
24
- ...props
25
- });
26
- }
27
- function FieldControl({ className, ...props }) {
28
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Control, {
29
- "data-slot": "field-control",
30
- className: require_mergeClassName.mergeClassName(className, require_Field_module.default.control),
31
- ...props
32
- });
33
- }
34
- function FieldDescription({ className, ...props }) {
35
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Description, {
36
- "data-slot": "field-description",
37
- className: require_mergeClassName.mergeClassName(className, require_Field_module.default.description),
38
- ...props
39
- });
40
- }
41
- function FieldError({ className, ...props }) {
42
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Error, {
43
- "data-slot": "field-error",
44
- className: require_mergeClassName.mergeClassName(className, require_Field_module.default.error),
45
- ...props
46
- });
47
- }
48
- const FieldValidity = _base_ui_react_field.Field.Validity;
49
- //#endregion
50
- exports.Field = Field;
51
- exports.FieldControl = FieldControl;
52
- exports.FieldDescription = FieldDescription;
53
- exports.FieldError = FieldError;
54
- exports.FieldItem = FieldItem;
55
- exports.FieldLabel = FieldLabel;
56
- exports.FieldValidity = FieldValidity;
@@ -1,12 +0,0 @@
1
- import './Field.css';
2
- //#region src/components/Field/Field.module.css
3
- var Field_module_default = {
4
- "control": "otdAoW_control",
5
- "description": "otdAoW_description",
6
- "error": "otdAoW_error",
7
- "item": "otdAoW_item",
8
- "label": "otdAoW_label",
9
- "root": "otdAoW_root"
10
- };
11
- //#endregion
12
- exports.default = Field_module_default;
@@ -1,22 +0,0 @@
1
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
2
- const require_Fieldset_module = require("./Fieldset.module.cjs");
3
- let react_jsx_runtime = require("react/jsx-runtime");
4
- let _base_ui_react_fieldset = require("@base-ui/react/fieldset");
5
- //#region src/components/Fieldset/Fieldset.tsx
6
- function Fieldset({ className, ...props }) {
7
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_fieldset.Fieldset.Root, {
8
- "data-slot": "fieldset-root",
9
- className: require_mergeClassName.mergeClassName(className, require_Fieldset_module.default.root),
10
- ...props
11
- });
12
- }
13
- function FieldsetLegend({ className, ...props }) {
14
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_fieldset.Fieldset.Legend, {
15
- "data-slot": "fieldset-legend",
16
- className: require_mergeClassName.mergeClassName(className, require_Fieldset_module.default.legend),
17
- ...props
18
- });
19
- }
20
- //#endregion
21
- exports.Fieldset = Fieldset;
22
- exports.FieldsetLegend = FieldsetLegend;
@@ -1,8 +0,0 @@
1
- import './Fieldset.css';
2
- //#region src/components/Fieldset/Fieldset.module.css
3
- var Fieldset_module_default = {
4
- "legend": "xKLSQG_legend",
5
- "root": "xKLSQG_root"
6
- };
7
- //#endregion
8
- exports.default = Fieldset_module_default;
@@ -1,16 +0,0 @@
1
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
2
- const require_Form_module = require("./Form.module.cjs");
3
- let react_jsx_runtime = require("react/jsx-runtime");
4
- let react = require("react");
5
- let _base_ui_react_form = require("@base-ui/react/form");
6
- //#region src/components/Form/Form.tsx
7
- const Form = (0, react.forwardRef)(function Form({ className, ...props }, ref) {
8
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_form.Form, {
9
- ref,
10
- "data-slot": "form-root",
11
- className: require_mergeClassName.mergeClassName(className, require_Form_module.default.root),
12
- ...props
13
- });
14
- });
15
- //#endregion
16
- exports.Form = Form;
@@ -1,5 +0,0 @@
1
- import './Form.css';
2
- //#region src/components/Form/Form.module.css
3
- var Form_module_default = { "root": "t1miBq_root" };
4
- //#endregion
5
- exports.default = Form_module_default;