moduix 0.11.1 → 0.11.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +21 -0
- package/README.md +6 -3
- package/package.json +6 -6
- package/dist/_virtual/_rolldown/runtime.cjs +0 -23
- package/dist/components/Accordion/Accordion.cjs +0 -65
- package/dist/components/Accordion/Accordion.module.cjs +0 -12
- package/dist/components/Alert/Alert.cjs +0 -50
- package/dist/components/Alert/Alert.module.cjs +0 -11
- package/dist/components/AlertDialog/AlertDialog.cjs +0 -122
- package/dist/components/AlertDialog/AlertDialog.module.cjs +0 -18
- package/dist/components/AspectRatio/AspectRatio.cjs +0 -24
- package/dist/components/AspectRatio/AspectRatio.module.cjs +0 -5
- package/dist/components/Autocomplete/Autocomplete.cjs +0 -303
- package/dist/components/Autocomplete/Autocomplete.module.cjs +0 -37
- package/dist/components/Avatar/Avatar.cjs +0 -31
- package/dist/components/Avatar/Avatar.module.cjs +0 -9
- package/dist/components/Badge/Badge.cjs +0 -25
- package/dist/components/Badge/Badge.module.cjs +0 -8
- package/dist/components/Bleed/Bleed.cjs +0 -17
- package/dist/components/Bleed/Bleed.module.cjs +0 -5
- package/dist/components/Breadcrumbs/Breadcrumbs.cjs +0 -72
- package/dist/components/Breadcrumbs/Breadcrumbs.module.cjs +0 -13
- package/dist/components/Button/Button.cjs +0 -18
- package/dist/components/Button/Button.module.cjs +0 -5
- package/dist/components/Card/Card.cjs +0 -81
- package/dist/components/Card/Card.module.cjs +0 -14
- package/dist/components/Checkbox/Checkbox.cjs +0 -63
- package/dist/components/Checkbox/Checkbox.module.cjs +0 -13
- package/dist/components/CheckboxGroup/CheckboxGroup.cjs +0 -55
- package/dist/components/CheckboxGroup/CheckboxGroup.module.cjs +0 -11
- package/dist/components/CloseButton/CloseButton.cjs +0 -22
- package/dist/components/CloseButton/CloseButton.module.cjs +0 -5
- package/dist/components/Collapsible/Collapsible.cjs +0 -47
- package/dist/components/Collapsible/Collapsible.module.cjs +0 -10
- package/dist/components/Combobox/Combobox.cjs +0 -330
- package/dist/components/Combobox/Combobox.module.cjs +0 -42
- package/dist/components/CommandPalette/CommandPalette.cjs +0 -304
- package/dist/components/CommandPalette/CommandPalette.module.cjs +0 -30
- package/dist/components/Container/Container.cjs +0 -17
- package/dist/components/Container/Container.module.cjs +0 -5
- package/dist/components/ContextMenu/ContextMenu.cjs +0 -241
- package/dist/components/ContextMenu/ContextMenu.module.cjs +0 -33
- package/dist/components/CopyButton/CopyButton.cjs +0 -66
- package/dist/components/CopyButton/CopyButton.module.cjs +0 -5
- package/dist/components/Dialog/Dialog.cjs +0 -136
- package/dist/components/Dialog/Dialog.module.cjs +0 -18
- package/dist/components/Drawer/Drawer.cjs +0 -202
- package/dist/components/Drawer/Drawer.module.cjs +0 -24
- package/dist/components/Empty/Empty.cjs +0 -55
- package/dist/components/Empty/Empty.module.cjs +0 -12
- package/dist/components/Field/Field.cjs +0 -56
- package/dist/components/Field/Field.module.cjs +0 -12
- package/dist/components/Fieldset/Fieldset.cjs +0 -22
- package/dist/components/Fieldset/Fieldset.module.cjs +0 -8
- package/dist/components/Form/Form.cjs +0 -16
- package/dist/components/Form/Form.module.cjs +0 -5
- package/dist/components/Heading/Heading.cjs +0 -25
- package/dist/components/Heading/Heading.module.cjs +0 -5
- package/dist/components/Input/Input.cjs +0 -18
- package/dist/components/Input/Input.module.cjs +0 -5
- package/dist/components/InputGroup/InputGroup.cjs +0 -77
- package/dist/components/InputGroup/InputGroup.module.cjs +0 -11
- package/dist/components/Kbd/Kbd.cjs +0 -23
- package/dist/components/Kbd/Kbd.module.cjs +0 -8
- package/dist/components/Lightbox/Lightbox.cjs +0 -220
- package/dist/components/Lightbox/Lightbox.module.cjs +0 -14
- package/dist/components/List/List.cjs +0 -31
- package/dist/components/List/List.module.cjs +0 -5
- package/dist/components/Menu/Menu.cjs +0 -260
- package/dist/components/Menu/Menu.module.cjs +0 -36
- package/dist/components/Menubar/Menubar.cjs +0 -261
- package/dist/components/Menubar/Menubar.module.cjs +0 -36
- package/dist/components/Meter/Meter.cjs +0 -60
- package/dist/components/Meter/Meter.module.cjs +0 -11
- package/dist/components/NavigationMenu/NavigationMenu.cjs +0 -146
- package/dist/components/NavigationMenu/NavigationMenu.module.cjs +0 -21
- package/dist/components/NumberField/NumberField.cjs +0 -82
- package/dist/components/NumberField/NumberField.module.cjs +0 -13
- package/dist/components/OTPField/OTPField.cjs +0 -41
- package/dist/components/OTPField/OTPField.module.cjs +0 -9
- package/dist/components/Pagination/Pagination.cjs +0 -123
- package/dist/components/Pagination/Pagination.module.cjs +0 -16
- package/dist/components/PasswordInput/PasswordInput.cjs +0 -47
- package/dist/components/PasswordInput/PasswordInput.module.cjs +0 -9
- package/dist/components/Popover/Popover.cjs +0 -146
- package/dist/components/Popover/Popover.module.cjs +0 -22
- package/dist/components/PreviewCard/PreviewCard.cjs +0 -96
- package/dist/components/PreviewCard/PreviewCard.module.cjs +0 -16
- package/dist/components/Progress/Progress.cjs +0 -60
- package/dist/components/Progress/Progress.module.cjs +0 -12
- package/dist/components/Radio/Radio.cjs +0 -78
- package/dist/components/Radio/Radio.module.cjs +0 -14
- package/dist/components/Rating/Rating.cjs +0 -61
- package/dist/components/Rating/Rating.module.cjs +0 -9
- package/dist/components/ScrollArea/ScrollArea.cjs +0 -82
- package/dist/components/ScrollArea/ScrollArea.module.cjs +0 -12
- package/dist/components/Select/Select.cjs +0 -219
- package/dist/components/Select/Select.module.cjs +0 -33
- package/dist/components/Separator/Separator.cjs +0 -16
- package/dist/components/Separator/Separator.module.cjs +0 -5
- package/dist/components/Skeleton/Skeleton.cjs +0 -25
- package/dist/components/Skeleton/Skeleton.module.cjs +0 -5
- package/dist/components/Slider/Slider.cjs +0 -106
- package/dist/components/Slider/Slider.module.cjs +0 -13
- package/dist/components/SnapCarousel/SnapCarousel.cjs +0 -130
- package/dist/components/SnapCarousel/SnapCarousel.module.cjs +0 -13
- package/dist/components/Spinner/Spinner.cjs +0 -30
- package/dist/components/Spinner/Spinner.module.cjs +0 -9
- package/dist/components/SplitButton/SplitButton.cjs +0 -69
- package/dist/components/SplitButton/SplitButton.module.cjs +0 -9
- package/dist/components/Stack/Stack.cjs +0 -27
- package/dist/components/Stack/Stack.module.cjs +0 -5
- package/dist/components/Stepper/Stepper.cjs +0 -138
- package/dist/components/Stepper/Stepper.module.cjs +0 -14
- package/dist/components/Switch/Switch.cjs +0 -43
- package/dist/components/Switch/Switch.module.cjs +0 -10
- package/dist/components/Table/Table.cjs +0 -96
- package/dist/components/Table/Table.module.cjs +0 -18
- package/dist/components/Tabs/Tabs.cjs +0 -70
- package/dist/components/Tabs/Tabs.module.cjs +0 -11
- package/dist/components/Text/Text.cjs +0 -42
- package/dist/components/Text/Text.module.cjs +0 -5
- package/dist/components/Textarea/Textarea.cjs +0 -28
- package/dist/components/Textarea/Textarea.module.cjs +0 -5
- package/dist/components/Toast/Toast.cjs +0 -278
- package/dist/components/Toast/Toast.module.cjs +0 -26
- package/dist/components/Toggle/Toggle.cjs +0 -18
- package/dist/components/Toggle/Toggle.module.cjs +0 -5
- package/dist/components/ToggleGroup/ToggleGroup.cjs +0 -42
- package/dist/components/ToggleGroup/ToggleGroup.module.cjs +0 -8
- package/dist/components/Toolbar/Toolbar.cjs +0 -61
- package/dist/components/Toolbar/Toolbar.module.cjs +0 -12
- package/dist/components/Tooltip/Tooltip.cjs +0 -91
- package/dist/components/Tooltip/Tooltip.module.cjs +0 -15
- package/dist/icons/demo/Icons.cjs +0 -234
- package/dist/icons/ui/Icons.cjs +0 -324
- package/dist/index.cjs +0 -619
- package/dist/index.d.cts +0 -1
- package/dist/reset.cjs +0 -1
- package/dist/reset.d.cts +0 -1
- package/dist/style.cjs +0 -1
- package/dist/style.d.cts +0 -1
- package/dist/utils/mergeClassName.cjs +0 -8
|
@@ -1,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,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,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;
|