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,69 +0,0 @@
|
|
|
1
|
-
const require_Icons = require("../../icons/ui/Icons.cjs");
|
|
2
|
-
const require_mergeClassName = require("../../utils/mergeClassName.cjs");
|
|
3
|
-
const require_Button = require("../Button/Button.cjs");
|
|
4
|
-
const require_Menu = require("../Menu/Menu.cjs");
|
|
5
|
-
const require_SplitButton_module = require("./SplitButton.module.cjs");
|
|
6
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
7
|
-
let clsx = require("clsx");
|
|
8
|
-
let react = require("react");
|
|
9
|
-
//#region src/components/SplitButton/SplitButton.tsx
|
|
10
|
-
const SplitButtonContext = (0, react.createContext)(null);
|
|
11
|
-
function useSplitButtonContext(componentName) {
|
|
12
|
-
const context = (0, react.useContext)(SplitButtonContext);
|
|
13
|
-
if (!context) throw new Error(`${componentName} must be used within SplitButton.`);
|
|
14
|
-
return context;
|
|
15
|
-
}
|
|
16
|
-
function SplitButton({ children, className, size = "md", variant = "default", ...props }) {
|
|
17
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SplitButtonContext.Provider, {
|
|
18
|
-
value: {
|
|
19
|
-
size,
|
|
20
|
-
variant
|
|
21
|
-
},
|
|
22
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Menu.Menu, {
|
|
23
|
-
...props,
|
|
24
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
25
|
-
"data-slot": "split-button-root",
|
|
26
|
-
className: (0, clsx.clsx)(require_SplitButton_module.default.root, className),
|
|
27
|
-
children
|
|
28
|
-
})
|
|
29
|
-
})
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
const SplitButtonAction = (0, react.forwardRef)(function SplitButtonAction({ className, size, variant, ...props }, ref) {
|
|
33
|
-
const context = useSplitButtonContext("SplitButtonAction");
|
|
34
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
|
|
35
|
-
ref,
|
|
36
|
-
"data-slot": "split-button-action",
|
|
37
|
-
size: size ?? context.size,
|
|
38
|
-
variant: variant ?? context.variant,
|
|
39
|
-
className: require_mergeClassName.mergeClassName(className, require_SplitButton_module.default.action),
|
|
40
|
-
...props
|
|
41
|
-
});
|
|
42
|
-
});
|
|
43
|
-
function SplitButtonTrigger({ children, className, size, variant, "aria-label": ariaLabel, ...props }) {
|
|
44
|
-
const context = useSplitButtonContext("SplitButtonTrigger");
|
|
45
|
-
const resolvedChildren = children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronDownIcon, {});
|
|
46
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Menu.MenuTrigger, {
|
|
47
|
-
"data-slot": "split-button-trigger",
|
|
48
|
-
"aria-label": children ? ariaLabel : ariaLabel ?? "More actions",
|
|
49
|
-
className: require_mergeClassName.mergeClassName(className, require_SplitButton_module.default.trigger),
|
|
50
|
-
render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
|
|
51
|
-
size: size ?? context.size,
|
|
52
|
-
variant: variant ?? context.variant
|
|
53
|
-
}),
|
|
54
|
-
...props,
|
|
55
|
-
children: resolvedChildren
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
function SplitButtonContent({ align = "end", sideOffset = 4, ...props }) {
|
|
59
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Menu.MenuContent, {
|
|
60
|
-
align,
|
|
61
|
-
sideOffset,
|
|
62
|
-
...props
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
//#endregion
|
|
66
|
-
exports.SplitButton = SplitButton;
|
|
67
|
-
exports.SplitButtonAction = SplitButtonAction;
|
|
68
|
-
exports.SplitButtonContent = SplitButtonContent;
|
|
69
|
-
exports.SplitButtonTrigger = SplitButtonTrigger;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import './SplitButton.css';
|
|
2
|
-
//#region src/components/SplitButton/SplitButton.module.css
|
|
3
|
-
var SplitButton_module_default = {
|
|
4
|
-
"action": "_6bYSkW_action",
|
|
5
|
-
"root": "_6bYSkW_root",
|
|
6
|
-
"trigger": "_6bYSkW_trigger"
|
|
7
|
-
};
|
|
8
|
-
//#endregion
|
|
9
|
-
exports.default = SplitButton_module_default;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
const require_Stack_module = require("./Stack.module.cjs");
|
|
2
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
3
|
-
let clsx = require("clsx");
|
|
4
|
-
//#region src/components/Stack/Stack.tsx
|
|
5
|
-
function Stack({ as: Root = "div", className, style, direction, gap, align, justify, wrap, fill, ...props }) {
|
|
6
|
-
const responsiveDirection = typeof direction === "string" ? {
|
|
7
|
-
mobile: direction,
|
|
8
|
-
desktop: direction
|
|
9
|
-
} : direction;
|
|
10
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Root, {
|
|
11
|
-
...props,
|
|
12
|
-
"data-slot": "stack-root",
|
|
13
|
-
className: (0, clsx.clsx)(require_Stack_module.default.root, className),
|
|
14
|
-
style: {
|
|
15
|
-
"--stack-direction-desktop": responsiveDirection?.desktop ?? responsiveDirection?.mobile ?? "column",
|
|
16
|
-
"--stack-direction-mobile": responsiveDirection?.mobile ?? responsiveDirection?.desktop ?? "column",
|
|
17
|
-
"--stack-flex": fill ? "1 1 0" : "initial",
|
|
18
|
-
gap,
|
|
19
|
-
alignItems: align,
|
|
20
|
-
justifyContent: justify,
|
|
21
|
-
flexWrap: wrap,
|
|
22
|
-
...style
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
//#endregion
|
|
27
|
-
exports.Stack = Stack;
|
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
const require_Icons = require("../../icons/ui/Icons.cjs");
|
|
2
|
-
const require_Stepper_module = require("./Stepper.module.cjs");
|
|
3
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
|
-
let clsx = require("clsx");
|
|
5
|
-
let react = require("react");
|
|
6
|
-
let _base_ui_react_use_render = require("@base-ui/react/use-render");
|
|
7
|
-
//#region src/components/Stepper/Stepper.tsx
|
|
8
|
-
const StepperContext = (0, react.createContext)({
|
|
9
|
-
currentStep: void 0,
|
|
10
|
-
orientation: "horizontal"
|
|
11
|
-
});
|
|
12
|
-
const StepperItemContext = (0, react.createContext)(null);
|
|
13
|
-
const getSafeStep = (step) => Math.max(1, Math.floor(step));
|
|
14
|
-
function resolveStatus({ currentStep, status, step }) {
|
|
15
|
-
if (status != null) return status;
|
|
16
|
-
if (currentStep == null) return "inactive";
|
|
17
|
-
if (step < currentStep) return "completed";
|
|
18
|
-
if (step === currentStep) return "current";
|
|
19
|
-
return "inactive";
|
|
20
|
-
}
|
|
21
|
-
function Stepper({ className, currentStep, orientation = "horizontal", "aria-label": ariaLabel = "Steps", ...props }) {
|
|
22
|
-
const safeCurrentStep = currentStep == null ? void 0 : getSafeStep(currentStep);
|
|
23
|
-
const contextValue = (0, react.useMemo)(() => ({
|
|
24
|
-
currentStep: safeCurrentStep,
|
|
25
|
-
orientation
|
|
26
|
-
}), [orientation, safeCurrentStep]);
|
|
27
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StepperContext.Provider, {
|
|
28
|
-
value: contextValue,
|
|
29
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
|
|
30
|
-
"data-slot": "stepper-root",
|
|
31
|
-
"data-orientation": orientation,
|
|
32
|
-
"aria-label": ariaLabel,
|
|
33
|
-
className: (0, clsx.clsx)(require_Stepper_module.default.root, className),
|
|
34
|
-
...props
|
|
35
|
-
})
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
function StepperList({ className, ...props }) {
|
|
39
|
-
const { orientation } = (0, react.useContext)(StepperContext);
|
|
40
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
|
|
41
|
-
"data-slot": "stepper-list",
|
|
42
|
-
"data-orientation": orientation,
|
|
43
|
-
className: (0, clsx.clsx)(require_Stepper_module.default.list, className),
|
|
44
|
-
...props
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
function StepperItem({ className, status, step, "aria-current": ariaCurrent, ...props }) {
|
|
48
|
-
const { currentStep, orientation } = (0, react.useContext)(StepperContext);
|
|
49
|
-
const safeStep = getSafeStep(step);
|
|
50
|
-
const resolvedStatus = resolveStatus({
|
|
51
|
-
currentStep,
|
|
52
|
-
status,
|
|
53
|
-
step: safeStep
|
|
54
|
-
});
|
|
55
|
-
const contextValue = (0, react.useMemo)(() => ({
|
|
56
|
-
status: resolvedStatus,
|
|
57
|
-
step: safeStep
|
|
58
|
-
}), [resolvedStatus, safeStep]);
|
|
59
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StepperItemContext.Provider, {
|
|
60
|
-
value: contextValue,
|
|
61
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
|
|
62
|
-
"data-slot": "stepper-item",
|
|
63
|
-
"data-orientation": orientation,
|
|
64
|
-
"data-state": resolvedStatus,
|
|
65
|
-
"aria-current": ariaCurrent ?? (resolvedStatus === "current" ? "step" : void 0),
|
|
66
|
-
className: (0, clsx.clsx)(require_Stepper_module.default.item, className),
|
|
67
|
-
...props
|
|
68
|
-
})
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
function StepperTrigger({ className, disabled, render, tabIndex, type, "aria-current": ariaCurrent, "aria-disabled": ariaDisabled, ...props }) {
|
|
72
|
-
const { orientation } = (0, react.useContext)(StepperContext);
|
|
73
|
-
const item = (0, react.useContext)(StepperItemContext);
|
|
74
|
-
return (0, _base_ui_react_use_render.useRender)({
|
|
75
|
-
defaultTagName: "button",
|
|
76
|
-
render,
|
|
77
|
-
props: {
|
|
78
|
-
...props,
|
|
79
|
-
"aria-current": ariaCurrent ?? (item?.status === "current" ? "step" : void 0),
|
|
80
|
-
"aria-disabled": ariaDisabled ?? (disabled ? true : void 0),
|
|
81
|
-
"data-disabled": disabled ? "" : void 0,
|
|
82
|
-
"data-orientation": orientation,
|
|
83
|
-
"data-slot": "stepper-trigger",
|
|
84
|
-
"data-state": item?.status,
|
|
85
|
-
className: (0, clsx.clsx)(require_Stepper_module.default.trigger, className),
|
|
86
|
-
disabled: render == null ? disabled : void 0,
|
|
87
|
-
tabIndex: disabled && render != null ? -1 : tabIndex,
|
|
88
|
-
type: render == null ? type ?? "button" : type
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
function StepperIndicator({ children, className, ...props }) {
|
|
93
|
-
const { orientation } = (0, react.useContext)(StepperContext);
|
|
94
|
-
const item = (0, react.useContext)(StepperItemContext);
|
|
95
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
96
|
-
"data-slot": "stepper-indicator",
|
|
97
|
-
"data-orientation": orientation,
|
|
98
|
-
"data-state": item?.status,
|
|
99
|
-
className: (0, clsx.clsx)(require_Stepper_module.default.indicator, className),
|
|
100
|
-
...props,
|
|
101
|
-
children: children ?? (item?.status === "completed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CheckIcon, {}) : item?.step)
|
|
102
|
-
});
|
|
103
|
-
}
|
|
104
|
-
function StepperContent({ className, ...props }) {
|
|
105
|
-
const { orientation } = (0, react.useContext)(StepperContext);
|
|
106
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
107
|
-
"data-slot": "stepper-content",
|
|
108
|
-
"data-orientation": orientation,
|
|
109
|
-
"data-state": (0, react.useContext)(StepperItemContext)?.status,
|
|
110
|
-
className: (0, clsx.clsx)(require_Stepper_module.default.content, className),
|
|
111
|
-
...props
|
|
112
|
-
});
|
|
113
|
-
}
|
|
114
|
-
function StepperTitle({ className, ...props }) {
|
|
115
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
116
|
-
"data-slot": "stepper-title",
|
|
117
|
-
"data-state": (0, react.useContext)(StepperItemContext)?.status,
|
|
118
|
-
className: (0, clsx.clsx)(require_Stepper_module.default.title, className),
|
|
119
|
-
...props
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
function StepperDescription({ className, ...props }) {
|
|
123
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
124
|
-
"data-slot": "stepper-description",
|
|
125
|
-
"data-state": (0, react.useContext)(StepperItemContext)?.status,
|
|
126
|
-
className: (0, clsx.clsx)(require_Stepper_module.default.description, className),
|
|
127
|
-
...props
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
//#endregion
|
|
131
|
-
exports.Stepper = Stepper;
|
|
132
|
-
exports.StepperContent = StepperContent;
|
|
133
|
-
exports.StepperDescription = StepperDescription;
|
|
134
|
-
exports.StepperIndicator = StepperIndicator;
|
|
135
|
-
exports.StepperItem = StepperItem;
|
|
136
|
-
exports.StepperList = StepperList;
|
|
137
|
-
exports.StepperTitle = StepperTitle;
|
|
138
|
-
exports.StepperTrigger = StepperTrigger;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import './Stepper.css';
|
|
2
|
-
//#region src/components/Stepper/Stepper.module.css
|
|
3
|
-
var Stepper_module_default = {
|
|
4
|
-
"content": "-W7elW_content",
|
|
5
|
-
"description": "-W7elW_description",
|
|
6
|
-
"indicator": "-W7elW_indicator",
|
|
7
|
-
"item": "-W7elW_item",
|
|
8
|
-
"list": "-W7elW_list",
|
|
9
|
-
"root": "-W7elW_root",
|
|
10
|
-
"title": "-W7elW_title",
|
|
11
|
-
"trigger": "-W7elW_trigger"
|
|
12
|
-
};
|
|
13
|
-
//#endregion
|
|
14
|
-
exports.default = Stepper_module_default;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
const require_mergeClassName = require("../../utils/mergeClassName.cjs");
|
|
2
|
-
const require_Switch_module = require("./Switch.module.cjs");
|
|
3
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
|
-
let clsx = require("clsx");
|
|
5
|
-
let react = require("react");
|
|
6
|
-
let _base_ui_react_switch = require("@base-ui/react/switch");
|
|
7
|
-
//#region src/components/Switch/Switch.tsx
|
|
8
|
-
const Switch = (0, react.forwardRef)(function Switch({ className, size = "md", children, ...props }, ref) {
|
|
9
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_switch.Switch.Root, {
|
|
10
|
-
ref,
|
|
11
|
-
"data-slot": "switch-root",
|
|
12
|
-
"data-size": size,
|
|
13
|
-
className: require_mergeClassName.mergeClassName(className, require_Switch_module.default.root),
|
|
14
|
-
...props,
|
|
15
|
-
children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchThumb, {})
|
|
16
|
-
});
|
|
17
|
-
});
|
|
18
|
-
function SwitchThumb({ className, ...props }) {
|
|
19
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_switch.Switch.Thumb, {
|
|
20
|
-
"data-slot": "switch-thumb",
|
|
21
|
-
className: require_mergeClassName.mergeClassName(className, require_Switch_module.default.thumb),
|
|
22
|
-
...props
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
function SwitchField({ className, ...props }) {
|
|
26
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
|
|
27
|
-
"data-slot": "switch-field",
|
|
28
|
-
className: (0, clsx.clsx)(require_Switch_module.default.field, className),
|
|
29
|
-
...props
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
function SwitchLabel({ className, ...props }) {
|
|
33
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
34
|
-
"data-slot": "switch-label",
|
|
35
|
-
className: (0, clsx.clsx)(require_Switch_module.default.label, className),
|
|
36
|
-
...props
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
//#endregion
|
|
40
|
-
exports.Switch = Switch;
|
|
41
|
-
exports.SwitchField = SwitchField;
|
|
42
|
-
exports.SwitchLabel = SwitchLabel;
|
|
43
|
-
exports.SwitchThumb = SwitchThumb;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import './Switch.css';
|
|
2
|
-
//#region src/components/Switch/Switch.module.css
|
|
3
|
-
var Switch_module_default = {
|
|
4
|
-
"field": "klbdca_field",
|
|
5
|
-
"label": "klbdca_label",
|
|
6
|
-
"root": "klbdca_root",
|
|
7
|
-
"thumb": "klbdca_thumb"
|
|
8
|
-
};
|
|
9
|
-
//#endregion
|
|
10
|
-
exports.default = Switch_module_default;
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
|
-
const require_Table_module = require("./Table.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/Table/Table.tsx
|
|
7
|
-
function TableContainer({ className, ...props }) {
|
|
8
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
9
|
-
"data-slot": "table-container",
|
|
10
|
-
className: (0, clsx.default)(require_Table_module.default.container, className),
|
|
11
|
-
...props
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
function Table({ className, ...props }) {
|
|
15
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
|
|
16
|
-
"data-slot": "table",
|
|
17
|
-
className: (0, clsx.default)(require_Table_module.default.root, className),
|
|
18
|
-
...props
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
function TableHeader({ className, ...props }) {
|
|
22
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
|
|
23
|
-
"data-slot": "table-header",
|
|
24
|
-
className: (0, clsx.default)(require_Table_module.default.header, className),
|
|
25
|
-
...props
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
function TableBody({ className, ...props }) {
|
|
29
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
|
|
30
|
-
"data-slot": "table-body",
|
|
31
|
-
className: (0, clsx.default)(require_Table_module.default.body, className),
|
|
32
|
-
...props
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
function TableFooter({ className, ...props }) {
|
|
36
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tfoot", {
|
|
37
|
-
"data-slot": "table-footer",
|
|
38
|
-
className: (0, clsx.default)(require_Table_module.default.footer, className),
|
|
39
|
-
...props
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
function TableRow({ className, ...props }) {
|
|
43
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
|
|
44
|
-
"data-slot": "table-row",
|
|
45
|
-
className: (0, clsx.default)(require_Table_module.default.row, className),
|
|
46
|
-
...props
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
function TableHead({ className, numeric = false, ...props }) {
|
|
50
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
|
|
51
|
-
"data-numeric": numeric || void 0,
|
|
52
|
-
"data-slot": "table-head",
|
|
53
|
-
className: (0, clsx.default)(require_Table_module.default.head, numeric && require_Table_module.default.numeric, className),
|
|
54
|
-
...props
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
function TableCell({ className, numeric = false, ...props }) {
|
|
58
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
|
|
59
|
-
"data-numeric": numeric || void 0,
|
|
60
|
-
"data-slot": "table-cell",
|
|
61
|
-
className: (0, clsx.default)(require_Table_module.default.cell, numeric && require_Table_module.default.numeric, className),
|
|
62
|
-
...props
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
function TableEmpty({ children = "No results.", className, colSpan, ...props }) {
|
|
66
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
|
|
67
|
-
"data-slot": "table-row",
|
|
68
|
-
className: (0, clsx.default)(require_Table_module.default.row, require_Table_module.default.emptyRow),
|
|
69
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
|
|
70
|
-
"data-slot": "table-empty",
|
|
71
|
-
colSpan,
|
|
72
|
-
className: (0, clsx.default)(require_Table_module.default.cell, require_Table_module.default.empty, className),
|
|
73
|
-
...props,
|
|
74
|
-
children
|
|
75
|
-
})
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
function TableCaption({ className, side = "bottom", ...props }) {
|
|
79
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("caption", {
|
|
80
|
-
"data-side": side,
|
|
81
|
-
"data-slot": "table-caption",
|
|
82
|
-
className: (0, clsx.default)(require_Table_module.default.caption, className),
|
|
83
|
-
...props
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
//#endregion
|
|
87
|
-
exports.Table = Table;
|
|
88
|
-
exports.TableBody = TableBody;
|
|
89
|
-
exports.TableCaption = TableCaption;
|
|
90
|
-
exports.TableCell = TableCell;
|
|
91
|
-
exports.TableContainer = TableContainer;
|
|
92
|
-
exports.TableEmpty = TableEmpty;
|
|
93
|
-
exports.TableFooter = TableFooter;
|
|
94
|
-
exports.TableHead = TableHead;
|
|
95
|
-
exports.TableHeader = TableHeader;
|
|
96
|
-
exports.TableRow = TableRow;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import './Table.css';
|
|
2
|
-
//#region src/components/Table/Table.module.css
|
|
3
|
-
var Table_module_default = {
|
|
4
|
-
"body": "Bc8hSq_body",
|
|
5
|
-
"caption": "Bc8hSq_caption",
|
|
6
|
-
"cell": "Bc8hSq_cell",
|
|
7
|
-
"container": "Bc8hSq_container",
|
|
8
|
-
"empty": "Bc8hSq_empty",
|
|
9
|
-
"emptyRow": "Bc8hSq_emptyRow",
|
|
10
|
-
"footer": "Bc8hSq_footer",
|
|
11
|
-
"head": "Bc8hSq_head",
|
|
12
|
-
"header": "Bc8hSq_header",
|
|
13
|
-
"numeric": "Bc8hSq_numeric",
|
|
14
|
-
"root": "Bc8hSq_root",
|
|
15
|
-
"row": "Bc8hSq_row"
|
|
16
|
-
};
|
|
17
|
-
//#endregion
|
|
18
|
-
exports.default = Table_module_default;
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
const require_mergeClassName = require("../../utils/mergeClassName.cjs");
|
|
2
|
-
const require_Tabs_module = require("./Tabs.module.cjs");
|
|
3
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
|
-
let react = require("react");
|
|
5
|
-
let _base_ui_react_tabs = require("@base-ui/react/tabs");
|
|
6
|
-
//#region src/components/Tabs/Tabs.tsx
|
|
7
|
-
const Tabs = (0, react.forwardRef)(function Tabs({ className, variant = "default", ...props }, ref) {
|
|
8
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Root, {
|
|
9
|
-
ref,
|
|
10
|
-
"data-slot": "tabs-root",
|
|
11
|
-
"data-variant": variant,
|
|
12
|
-
className: require_mergeClassName.mergeClassName(className, require_Tabs_module.default.root),
|
|
13
|
-
...props
|
|
14
|
-
});
|
|
15
|
-
});
|
|
16
|
-
function hasTabsIndicator(children) {
|
|
17
|
-
let found = false;
|
|
18
|
-
const collectChildren = (nodes) => {
|
|
19
|
-
react.Children.forEach(nodes, (child) => {
|
|
20
|
-
if (found || !(0, react.isValidElement)(child)) return;
|
|
21
|
-
if (isReactFragment(child)) {
|
|
22
|
-
collectChildren(child.props.children);
|
|
23
|
-
return;
|
|
24
|
-
}
|
|
25
|
-
if (child.type === TabsIndicator) found = true;
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
collectChildren(children);
|
|
29
|
-
return found;
|
|
30
|
-
}
|
|
31
|
-
const isReactFragment = (child) => (0, react.isValidElement)(child) && child.type === react.Fragment;
|
|
32
|
-
const TabsList = (0, react.forwardRef)(function TabsList({ className, children, ...props }, ref) {
|
|
33
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_tabs.Tabs.List, {
|
|
34
|
-
ref,
|
|
35
|
-
"data-slot": "tabs-list",
|
|
36
|
-
className: require_mergeClassName.mergeClassName(className, require_Tabs_module.default.list),
|
|
37
|
-
...props,
|
|
38
|
-
children: [children, !hasTabsIndicator(children) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabsIndicator, {}) : null]
|
|
39
|
-
});
|
|
40
|
-
});
|
|
41
|
-
const TabsIndicator = (0, react.forwardRef)(function TabsIndicator({ className, ...props }, ref) {
|
|
42
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Indicator, {
|
|
43
|
-
ref,
|
|
44
|
-
"data-slot": "tabs-indicator",
|
|
45
|
-
className: require_mergeClassName.mergeClassName(className, require_Tabs_module.default.indicator),
|
|
46
|
-
...props
|
|
47
|
-
});
|
|
48
|
-
});
|
|
49
|
-
const TabsTab = (0, react.forwardRef)(function TabsTab({ className, ...props }, ref) {
|
|
50
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Tab, {
|
|
51
|
-
ref,
|
|
52
|
-
"data-slot": "tabs-tab",
|
|
53
|
-
className: require_mergeClassName.mergeClassName(className, require_Tabs_module.default.tab),
|
|
54
|
-
...props
|
|
55
|
-
});
|
|
56
|
-
});
|
|
57
|
-
const TabsPanel = (0, react.forwardRef)(function TabsPanel({ className, ...props }, ref) {
|
|
58
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Panel, {
|
|
59
|
-
ref,
|
|
60
|
-
"data-slot": "tabs-panel",
|
|
61
|
-
className: require_mergeClassName.mergeClassName(className, require_Tabs_module.default.panel),
|
|
62
|
-
...props
|
|
63
|
-
});
|
|
64
|
-
});
|
|
65
|
-
//#endregion
|
|
66
|
-
exports.Tabs = Tabs;
|
|
67
|
-
exports.TabsIndicator = TabsIndicator;
|
|
68
|
-
exports.TabsList = TabsList;
|
|
69
|
-
exports.TabsPanel = TabsPanel;
|
|
70
|
-
exports.TabsTab = TabsTab;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import './Tabs.css';
|
|
2
|
-
//#region src/components/Tabs/Tabs.module.css
|
|
3
|
-
var Tabs_module_default = {
|
|
4
|
-
"indicator": "_5EkPPa_indicator",
|
|
5
|
-
"list": "_5EkPPa_list",
|
|
6
|
-
"panel": "_5EkPPa_panel",
|
|
7
|
-
"root": "_5EkPPa_root",
|
|
8
|
-
"tab": "_5EkPPa_tab"
|
|
9
|
-
};
|
|
10
|
-
//#endregion
|
|
11
|
-
exports.default = Tabs_module_default;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
const require_Text_module = require("./Text.module.cjs");
|
|
2
|
-
let clsx = require("clsx");
|
|
3
|
-
let react = require("react");
|
|
4
|
-
let _base_ui_react_use_render = require("@base-ui/react/use-render");
|
|
5
|
-
//#region src/components/Text/Text.tsx
|
|
6
|
-
const defaultVariants = {
|
|
7
|
-
size: "md",
|
|
8
|
-
weight: "regular"
|
|
9
|
-
};
|
|
10
|
-
const defaultVariantsByTagName = {
|
|
11
|
-
small: {
|
|
12
|
-
size: "sm",
|
|
13
|
-
weight: "regular"
|
|
14
|
-
},
|
|
15
|
-
strong: {
|
|
16
|
-
size: "md",
|
|
17
|
-
weight: "semibold"
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
function getDefaultVariants(tagName) {
|
|
21
|
-
if (!tagName) return defaultVariants;
|
|
22
|
-
return defaultVariantsByTagName[tagName] ?? defaultVariants;
|
|
23
|
-
}
|
|
24
|
-
function Text({ as, render, size, weight, tone = "default", align, className, ...props }) {
|
|
25
|
-
const resolvedRender = render ?? (as ? (0, react.createElement)(as) : void 0);
|
|
26
|
-
const defaults = getDefaultVariants(typeof resolvedRender === "function" ? void 0 : typeof resolvedRender?.type === "string" ? resolvedRender.type : void 0);
|
|
27
|
-
return (0, _base_ui_react_use_render.useRender)({
|
|
28
|
-
defaultTagName: "p",
|
|
29
|
-
render: resolvedRender,
|
|
30
|
-
props: {
|
|
31
|
-
...props,
|
|
32
|
-
"data-slot": "text-root",
|
|
33
|
-
"data-size": size ?? defaults.size,
|
|
34
|
-
"data-weight": weight ?? defaults.weight,
|
|
35
|
-
"data-tone": tone,
|
|
36
|
-
"data-align": align,
|
|
37
|
-
className: (0, clsx.clsx)(require_Text_module.default.root, className)
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
//#endregion
|
|
42
|
-
exports.Text = Text;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
const require_mergeClassName = require("../../utils/mergeClassName.cjs");
|
|
2
|
-
const require_Textarea_module = require("./Textarea.module.cjs");
|
|
3
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
|
-
let react = require("react");
|
|
5
|
-
let _base_ui_react_field = require("@base-ui/react/field");
|
|
6
|
-
let _base_ui_react_merge_props = require("@base-ui/react/merge-props");
|
|
7
|
-
//#region src/components/Textarea/Textarea.tsx
|
|
8
|
-
const assignForwardedRef = (ref, value) => {
|
|
9
|
-
if (typeof ref === "function") {
|
|
10
|
-
ref(value);
|
|
11
|
-
return;
|
|
12
|
-
}
|
|
13
|
-
if (ref) ref.current = value;
|
|
14
|
-
};
|
|
15
|
-
const Textarea = (0, react.forwardRef)(function Textarea({ autoResize = false, className, ...props }, forwardedRef) {
|
|
16
|
-
const setTextareaRef = (0, react.useCallback)((node) => {
|
|
17
|
-
assignForwardedRef(forwardedRef, node instanceof HTMLTextAreaElement ? node : null);
|
|
18
|
-
}, [forwardedRef]);
|
|
19
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Control, {
|
|
20
|
-
ref: setTextareaRef,
|
|
21
|
-
"data-slot": "textarea-root",
|
|
22
|
-
"data-auto-resize": autoResize ? "" : void 0,
|
|
23
|
-
className: require_mergeClassName.mergeClassName(className, require_Textarea_module.default.root),
|
|
24
|
-
render: (controlProps) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", { ...(0, _base_ui_react_merge_props.mergeProps)(controlProps, props) })
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
//#endregion
|
|
28
|
-
exports.Textarea = Textarea;
|