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.
- package/LICENSE.md +21 -0
- package/README.md +6 -3
- package/dist/components/Field/Field.css +1 -0
- package/dist/components/Input/Input.css +16 -16
- package/dist/components/NavigationMenu/NavigationMenu.css +2 -1
- 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,146 +0,0 @@
|
|
|
1
|
-
const require_Icons = require("../../icons/ui/Icons.cjs");
|
|
2
|
-
const require_mergeClassName = require("../../utils/mergeClassName.cjs");
|
|
3
|
-
const require_NavigationMenu_module = require("./NavigationMenu.module.cjs");
|
|
4
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
5
|
-
let _base_ui_react_navigation_menu = require("@base-ui/react/navigation-menu");
|
|
6
|
-
//#region src/components/NavigationMenu/NavigationMenu.tsx
|
|
7
|
-
const DEFAULT_SIDE_OFFSET = 10;
|
|
8
|
-
const DEFAULT_COLLISION_AVOIDANCE = { side: "none" };
|
|
9
|
-
const DEFAULT_COLLISION_PADDING = {
|
|
10
|
-
top: 5,
|
|
11
|
-
bottom: 5,
|
|
12
|
-
left: 20,
|
|
13
|
-
right: 20
|
|
14
|
-
};
|
|
15
|
-
function NavigationMenu({ className, children, showArrow = false, showPopup = true, side, sideOffset = DEFAULT_SIDE_OFFSET, align, alignOffset, arrowPadding, anchor, collisionAvoidance = DEFAULT_COLLISION_AVOIDANCE, collisionBoundary, collisionPadding = DEFAULT_COLLISION_PADDING, sticky, positionMethod, disableAnchorTracking, ...props }) {
|
|
16
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_navigation_menu.NavigationMenu.Root, {
|
|
17
|
-
"data-slot": "navigation-menu-root",
|
|
18
|
-
className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.root),
|
|
19
|
-
...props,
|
|
20
|
-
children: [children, showPopup ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuPositioner, {
|
|
21
|
-
side,
|
|
22
|
-
sideOffset,
|
|
23
|
-
align,
|
|
24
|
-
alignOffset,
|
|
25
|
-
arrowPadding,
|
|
26
|
-
anchor,
|
|
27
|
-
collisionAvoidance,
|
|
28
|
-
collisionBoundary,
|
|
29
|
-
collisionPadding,
|
|
30
|
-
sticky,
|
|
31
|
-
positionMethod,
|
|
32
|
-
disableAnchorTracking,
|
|
33
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(NavigationMenuPopup, { children: [showArrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuArrow, {}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuViewport, {})] })
|
|
34
|
-
}) }) : null]
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
function NavigationMenuList({ className, ...props }) {
|
|
38
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.List, {
|
|
39
|
-
"data-slot": "navigation-menu-list",
|
|
40
|
-
className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.list),
|
|
41
|
-
...props
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
function NavigationMenuItem(props) {
|
|
45
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Item, {
|
|
46
|
-
"data-slot": "navigation-menu-item",
|
|
47
|
-
...props
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
function NavigationMenuTrigger({ className, children, icon, render, ...props }) {
|
|
51
|
-
const triggerClassName = render ? className : require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.trigger);
|
|
52
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_navigation_menu.NavigationMenu.Trigger, {
|
|
53
|
-
"data-slot": "navigation-menu-trigger",
|
|
54
|
-
render,
|
|
55
|
-
className: triggerClassName,
|
|
56
|
-
...props,
|
|
57
|
-
children: [children, icon === null || icon === false ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuIcon, { children: icon })]
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
function NavigationMenuIcon({ className, children, ...props }) {
|
|
61
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Icon, {
|
|
62
|
-
"data-slot": "navigation-menu-icon",
|
|
63
|
-
className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.icon),
|
|
64
|
-
...props,
|
|
65
|
-
children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronDownIcon, {})
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
function NavigationMenuContent({ className, ...props }) {
|
|
69
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Content, {
|
|
70
|
-
"data-slot": "navigation-menu-content",
|
|
71
|
-
className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.content),
|
|
72
|
-
...props
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
function NavigationMenuLink({ className, ...props }) {
|
|
76
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Link, {
|
|
77
|
-
"data-slot": "navigation-menu-link",
|
|
78
|
-
className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.link),
|
|
79
|
-
...props
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
function NavigationMenuPortal({ className, ...props }) {
|
|
83
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Portal, {
|
|
84
|
-
"data-slot": "navigation-menu-portal",
|
|
85
|
-
className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.portal),
|
|
86
|
-
...props
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
function NavigationMenuBackdrop({ className, ...props }) {
|
|
90
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Backdrop, {
|
|
91
|
-
"data-slot": "navigation-menu-backdrop",
|
|
92
|
-
className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.backdrop),
|
|
93
|
-
...props
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
function NavigationMenuPositioner({ className, ...props }) {
|
|
97
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Positioner, {
|
|
98
|
-
"data-slot": "navigation-menu-positioner",
|
|
99
|
-
className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.positioner),
|
|
100
|
-
...props
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
function NavigationMenuPopup({ className, ...props }) {
|
|
104
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Popup, {
|
|
105
|
-
"data-slot": "navigation-menu-popup",
|
|
106
|
-
className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.popup),
|
|
107
|
-
...props
|
|
108
|
-
});
|
|
109
|
-
}
|
|
110
|
-
function NavigationMenuArrow({ className, children, ...props }) {
|
|
111
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Arrow, {
|
|
112
|
-
"data-slot": "navigation-menu-arrow",
|
|
113
|
-
className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.arrow),
|
|
114
|
-
...props,
|
|
115
|
-
children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowSvg, {})
|
|
116
|
-
});
|
|
117
|
-
}
|
|
118
|
-
function NavigationMenuViewport({ className, ...props }) {
|
|
119
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Viewport, {
|
|
120
|
-
"data-slot": "navigation-menu-viewport",
|
|
121
|
-
className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.viewport),
|
|
122
|
-
...props
|
|
123
|
-
});
|
|
124
|
-
}
|
|
125
|
-
function ArrowSvg(props) {
|
|
126
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
|
|
127
|
-
fillClassName: require_NavigationMenu_module.default.arrowFill,
|
|
128
|
-
outerStrokeClassName: require_NavigationMenu_module.default.arrowOuterStroke,
|
|
129
|
-
innerStrokeClassName: require_NavigationMenu_module.default.arrowInnerStroke,
|
|
130
|
-
...props
|
|
131
|
-
});
|
|
132
|
-
}
|
|
133
|
-
//#endregion
|
|
134
|
-
exports.NavigationMenu = NavigationMenu;
|
|
135
|
-
exports.NavigationMenuArrow = NavigationMenuArrow;
|
|
136
|
-
exports.NavigationMenuBackdrop = NavigationMenuBackdrop;
|
|
137
|
-
exports.NavigationMenuContent = NavigationMenuContent;
|
|
138
|
-
exports.NavigationMenuIcon = NavigationMenuIcon;
|
|
139
|
-
exports.NavigationMenuItem = NavigationMenuItem;
|
|
140
|
-
exports.NavigationMenuLink = NavigationMenuLink;
|
|
141
|
-
exports.NavigationMenuList = NavigationMenuList;
|
|
142
|
-
exports.NavigationMenuPopup = NavigationMenuPopup;
|
|
143
|
-
exports.NavigationMenuPortal = NavigationMenuPortal;
|
|
144
|
-
exports.NavigationMenuPositioner = NavigationMenuPositioner;
|
|
145
|
-
exports.NavigationMenuTrigger = NavigationMenuTrigger;
|
|
146
|
-
exports.NavigationMenuViewport = NavigationMenuViewport;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import './NavigationMenu.css';
|
|
2
|
-
//#region src/components/NavigationMenu/NavigationMenu.module.css
|
|
3
|
-
var NavigationMenu_module_default = {
|
|
4
|
-
"arrow": "BPQarq_arrow",
|
|
5
|
-
"arrowFill": "BPQarq_arrowFill",
|
|
6
|
-
"arrowInnerStroke": "BPQarq_arrowInnerStroke",
|
|
7
|
-
"arrowOuterStroke": "BPQarq_arrowOuterStroke",
|
|
8
|
-
"backdrop": "BPQarq_backdrop",
|
|
9
|
-
"content": "BPQarq_content",
|
|
10
|
-
"icon": "BPQarq_icon",
|
|
11
|
-
"link": "BPQarq_link",
|
|
12
|
-
"list": "BPQarq_list",
|
|
13
|
-
"popup": "BPQarq_popup",
|
|
14
|
-
"portal": "BPQarq_portal",
|
|
15
|
-
"positioner": "BPQarq_positioner",
|
|
16
|
-
"root": "BPQarq_root",
|
|
17
|
-
"trigger": "BPQarq_trigger",
|
|
18
|
-
"viewport": "BPQarq_viewport"
|
|
19
|
-
};
|
|
20
|
-
//#endregion
|
|
21
|
-
exports.default = NavigationMenu_module_default;
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
const require_Icons = require("../../icons/ui/Icons.cjs");
|
|
2
|
-
const require_mergeClassName = require("../../utils/mergeClassName.cjs");
|
|
3
|
-
const require_NumberField_module = require("./NumberField.module.cjs");
|
|
4
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
5
|
-
let _base_ui_react_number_field = require("@base-ui/react/number-field");
|
|
6
|
-
//#region src/components/NumberField/NumberField.tsx
|
|
7
|
-
const DEFAULT_DECREMENT_LABEL = "Decrease value";
|
|
8
|
-
const DEFAULT_INCREMENT_LABEL = "Increase value";
|
|
9
|
-
function NumberFieldRoot({ className, ...props }) {
|
|
10
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_number_field.NumberField.Root, {
|
|
11
|
-
"data-slot": "number-field-root",
|
|
12
|
-
className: require_mergeClassName.mergeClassName(className, require_NumberField_module.default.root),
|
|
13
|
-
...props
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
function NumberField({ className, children, decrementLabel = DEFAULT_DECREMENT_LABEL, incrementLabel = DEFAULT_INCREMENT_LABEL, ...props }) {
|
|
17
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(NumberFieldRoot, {
|
|
18
|
-
className,
|
|
19
|
-
...props,
|
|
20
|
-
children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(NumberFieldGroup, { children: [
|
|
21
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NumberFieldDecrement, { "aria-label": decrementLabel }),
|
|
22
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NumberFieldInput, {}),
|
|
23
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NumberFieldIncrement, { "aria-label": incrementLabel })
|
|
24
|
-
] })]
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
function NumberFieldScrubArea({ className, ...props }) {
|
|
28
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_number_field.NumberField.ScrubArea, {
|
|
29
|
-
"data-slot": "number-field-scrub-area",
|
|
30
|
-
className: require_mergeClassName.mergeClassName(className, require_NumberField_module.default.scrubArea),
|
|
31
|
-
...props
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
function NumberFieldScrubAreaCursor({ className, children, ...props }) {
|
|
35
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_number_field.NumberField.ScrubAreaCursor, {
|
|
36
|
-
"data-slot": "number-field-scrub-area-cursor",
|
|
37
|
-
className: require_mergeClassName.mergeClassName(className, require_NumberField_module.default.scrubAreaCursor),
|
|
38
|
-
...props,
|
|
39
|
-
children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ScrubCursorIcon, {})
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
function NumberFieldGroup({ className, ...props }) {
|
|
43
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_number_field.NumberField.Group, {
|
|
44
|
-
"data-slot": "number-field-group",
|
|
45
|
-
className: require_mergeClassName.mergeClassName(className, require_NumberField_module.default.group),
|
|
46
|
-
...props
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
function NumberFieldDecrement({ className, children, "aria-label": ariaLabel = DEFAULT_DECREMENT_LABEL, ...props }) {
|
|
50
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_number_field.NumberField.Decrement, {
|
|
51
|
-
"data-slot": "number-field-decrement",
|
|
52
|
-
"aria-label": ariaLabel,
|
|
53
|
-
className: require_mergeClassName.mergeClassName(className, require_NumberField_module.default.decrement),
|
|
54
|
-
...props,
|
|
55
|
-
children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.MinusIcon, {})
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
function NumberFieldInput({ className, ...props }) {
|
|
59
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_number_field.NumberField.Input, {
|
|
60
|
-
"data-slot": "number-field-input",
|
|
61
|
-
className: require_mergeClassName.mergeClassName(className, require_NumberField_module.default.input),
|
|
62
|
-
...props
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
function NumberFieldIncrement({ className, children, "aria-label": ariaLabel = DEFAULT_INCREMENT_LABEL, ...props }) {
|
|
66
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_number_field.NumberField.Increment, {
|
|
67
|
-
"data-slot": "number-field-increment",
|
|
68
|
-
"aria-label": ariaLabel,
|
|
69
|
-
className: require_mergeClassName.mergeClassName(className, require_NumberField_module.default.increment),
|
|
70
|
-
...props,
|
|
71
|
-
children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PlusIcon, {})
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
//#endregion
|
|
75
|
-
exports.NumberField = NumberField;
|
|
76
|
-
exports.NumberFieldDecrement = NumberFieldDecrement;
|
|
77
|
-
exports.NumberFieldGroup = NumberFieldGroup;
|
|
78
|
-
exports.NumberFieldIncrement = NumberFieldIncrement;
|
|
79
|
-
exports.NumberFieldInput = NumberFieldInput;
|
|
80
|
-
exports.NumberFieldRoot = NumberFieldRoot;
|
|
81
|
-
exports.NumberFieldScrubArea = NumberFieldScrubArea;
|
|
82
|
-
exports.NumberFieldScrubAreaCursor = NumberFieldScrubAreaCursor;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import './NumberField.css';
|
|
2
|
-
//#region src/components/NumberField/NumberField.module.css
|
|
3
|
-
var NumberField_module_default = {
|
|
4
|
-
"decrement": "YMhIBW_decrement",
|
|
5
|
-
"group": "YMhIBW_group",
|
|
6
|
-
"increment": "YMhIBW_increment",
|
|
7
|
-
"input": "YMhIBW_input",
|
|
8
|
-
"root": "YMhIBW_root",
|
|
9
|
-
"scrubArea": "YMhIBW_scrubArea",
|
|
10
|
-
"scrubAreaCursor": "YMhIBW_scrubAreaCursor"
|
|
11
|
-
};
|
|
12
|
-
//#endregion
|
|
13
|
-
exports.default = NumberField_module_default;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
const require_mergeClassName = require("../../utils/mergeClassName.cjs");
|
|
2
|
-
const require_OTPField_module = require("./OTPField.module.cjs");
|
|
3
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
|
-
let _base_ui_react_otp_field = require("@base-ui/react/otp-field");
|
|
5
|
-
//#region src/components/OTPField/OTPField.tsx
|
|
6
|
-
function OTPField({ children, className, length, ...props }) {
|
|
7
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_otp_field.OTPFieldPreview.Root, {
|
|
8
|
-
"data-slot": "otp-field-root",
|
|
9
|
-
className: require_mergeClassName.mergeClassName(className, require_OTPField_module.default.root),
|
|
10
|
-
length,
|
|
11
|
-
...props,
|
|
12
|
-
children: children ?? renderDefaultInputs(length)
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
function OTPFieldInput({ className, ...props }) {
|
|
16
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_otp_field.OTPFieldPreview.Input, {
|
|
17
|
-
"data-slot": "otp-field-input",
|
|
18
|
-
className: require_mergeClassName.mergeClassName(className, require_OTPField_module.default.input),
|
|
19
|
-
...props
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
function OTPFieldSeparator({ className, ...props }) {
|
|
23
|
-
const { "aria-hidden": ariaHidden = true, role = "presentation", ...separatorProps } = props;
|
|
24
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_otp_field.OTPFieldPreview.Separator, {
|
|
25
|
-
"data-slot": "otp-field-separator",
|
|
26
|
-
"aria-hidden": ariaHidden,
|
|
27
|
-
role,
|
|
28
|
-
className: require_mergeClassName.mergeClassName(className, require_OTPField_module.default.separator),
|
|
29
|
-
...separatorProps
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
function getCharacterAriaLabel(index, length) {
|
|
33
|
-
return index === 0 ? void 0 : `Character ${index + 1} of ${length}`;
|
|
34
|
-
}
|
|
35
|
-
function renderDefaultInputs(length) {
|
|
36
|
-
return Array.from({ length }, (_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OTPFieldInput, { "aria-label": getCharacterAriaLabel(index, length) }, index));
|
|
37
|
-
}
|
|
38
|
-
//#endregion
|
|
39
|
-
exports.OTPField = OTPField;
|
|
40
|
-
exports.OTPFieldInput = OTPFieldInput;
|
|
41
|
-
exports.OTPFieldSeparator = OTPFieldSeparator;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import './OTPField.css';
|
|
2
|
-
//#region src/components/OTPField/OTPField.module.css
|
|
3
|
-
var OTPField_module_default = {
|
|
4
|
-
"input": "aEYTXG_input",
|
|
5
|
-
"root": "aEYTXG_root",
|
|
6
|
-
"separator": "aEYTXG_separator"
|
|
7
|
-
};
|
|
8
|
-
//#endregion
|
|
9
|
-
exports.default = OTPField_module_default;
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
const require_Icons = require("../../icons/ui/Icons.cjs");
|
|
2
|
-
const require_mergeClassName = require("../../utils/mergeClassName.cjs");
|
|
3
|
-
const require_Pagination_module = require("./Pagination.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_toolbar = require("@base-ui/react/toolbar");
|
|
8
|
-
//#region src/components/Pagination/Pagination.tsx
|
|
9
|
-
function clampPage(page, count) {
|
|
10
|
-
return Math.min(Math.max(page, 1), count);
|
|
11
|
-
}
|
|
12
|
-
function range(start, end) {
|
|
13
|
-
return Array.from({ length: end - start + 1 }, (_, index) => start + index);
|
|
14
|
-
}
|
|
15
|
-
function usePagination({ count, page, siblingCount = 1, boundaryCount = 1 }) {
|
|
16
|
-
const safeCount = Math.max(0, Math.floor(count));
|
|
17
|
-
const safePage = safeCount === 0 ? 0 : clampPage(Math.floor(page), safeCount);
|
|
18
|
-
const safeSiblingCount = Math.max(0, Math.floor(siblingCount));
|
|
19
|
-
const safeBoundaryCount = Math.max(0, Math.floor(boundaryCount));
|
|
20
|
-
return {
|
|
21
|
-
items: (0, react.useMemo)(() => {
|
|
22
|
-
if (safeCount === 0) return [];
|
|
23
|
-
if (safeCount <= safeSiblingCount * 2 + 3 + safeBoundaryCount * 2) return range(1, safeCount);
|
|
24
|
-
const startPages = range(1, safeBoundaryCount);
|
|
25
|
-
const endPages = range(safeCount - safeBoundaryCount + 1, safeCount);
|
|
26
|
-
const siblingsStart = Math.max(Math.min(safePage - safeSiblingCount, safeCount - safeBoundaryCount - safeSiblingCount * 2 - 1), safeBoundaryCount + 2);
|
|
27
|
-
const siblingsEnd = Math.min(Math.max(safePage + safeSiblingCount, safeBoundaryCount + safeSiblingCount * 2 + 2), endPages[0] - 2);
|
|
28
|
-
return [
|
|
29
|
-
...startPages,
|
|
30
|
-
...siblingsStart > safeBoundaryCount + 2 ? ["ellipsis-start"] : safeBoundaryCount + 1 < safeCount - safeBoundaryCount ? [safeBoundaryCount + 1] : [],
|
|
31
|
-
...range(siblingsStart, siblingsEnd),
|
|
32
|
-
...siblingsEnd < safeCount - safeBoundaryCount - 1 ? ["ellipsis-end"] : safeCount - safeBoundaryCount > safeBoundaryCount ? [safeCount - safeBoundaryCount] : [],
|
|
33
|
-
...endPages
|
|
34
|
-
];
|
|
35
|
-
}, [
|
|
36
|
-
safeBoundaryCount,
|
|
37
|
-
safeCount,
|
|
38
|
-
safePage,
|
|
39
|
-
safeSiblingCount
|
|
40
|
-
]),
|
|
41
|
-
page: safePage,
|
|
42
|
-
canNextPage: safeCount > 0 && safePage < safeCount,
|
|
43
|
-
canPreviousPage: safePage > 1,
|
|
44
|
-
nextPage: safeCount === 0 ? 0 : Math.min(safePage + 1, safeCount),
|
|
45
|
-
previousPage: safePage <= 1 ? safePage : safePage - 1
|
|
46
|
-
};
|
|
47
|
-
}
|
|
48
|
-
const getPaginationRender = ({ href }) => {
|
|
49
|
-
if (href != null) return;
|
|
50
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", { type: "button" });
|
|
51
|
-
};
|
|
52
|
-
function Pagination({ "aria-label": ariaLabel = "Pagination", className, ...props }) {
|
|
53
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
|
|
54
|
-
"data-slot": "pagination-root",
|
|
55
|
-
"aria-label": ariaLabel,
|
|
56
|
-
className: (0, clsx.clsx)(require_Pagination_module.default.root, className),
|
|
57
|
-
...props
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
function PaginationContent({ className, ...props }) {
|
|
61
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Root, {
|
|
62
|
-
"data-slot": "pagination-content",
|
|
63
|
-
className: require_mergeClassName.mergeClassName(className, require_Pagination_module.default.content),
|
|
64
|
-
...props
|
|
65
|
-
});
|
|
66
|
-
}
|
|
67
|
-
function PaginationItem({ className, ...props }) {
|
|
68
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
69
|
-
"data-slot": "pagination-item",
|
|
70
|
-
className: (0, clsx.clsx)(require_Pagination_module.default.item, className),
|
|
71
|
-
...props
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
function PaginationLink({ className, isActive, render, ...props }) {
|
|
75
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Link, {
|
|
76
|
-
"data-slot": "pagination-link",
|
|
77
|
-
"aria-current": isActive ? "page" : void 0,
|
|
78
|
-
className: require_mergeClassName.mergeClassName(className, require_Pagination_module.default.link, isActive && require_Pagination_module.default.linkActive),
|
|
79
|
-
render: render ?? getPaginationRender(props),
|
|
80
|
-
...props
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
function PaginationPrevious({ children, className, render, "aria-label": ariaLabel, ...props }) {
|
|
84
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationLink, {
|
|
85
|
-
"aria-label": children ? ariaLabel : ariaLabel ?? "Go to previous page",
|
|
86
|
-
className: require_mergeClassName.mergeClassName(className, require_Pagination_module.default.previous, !children && require_Pagination_module.default.iconOnly),
|
|
87
|
-
render,
|
|
88
|
-
...props,
|
|
89
|
-
children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronLeftIcon, {})
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
function PaginationNext({ children, className, render, "aria-label": ariaLabel, ...props }) {
|
|
93
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationLink, {
|
|
94
|
-
"aria-label": children ? ariaLabel : ariaLabel ?? "Go to next page",
|
|
95
|
-
className: require_mergeClassName.mergeClassName(className, require_Pagination_module.default.next, !children && require_Pagination_module.default.iconOnly),
|
|
96
|
-
render,
|
|
97
|
-
...props,
|
|
98
|
-
children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronRightIcon, {})
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
function PaginationEllipsis({ className, ...props }) {
|
|
102
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
|
|
103
|
-
"data-slot": "pagination-ellipsis",
|
|
104
|
-
className: (0, clsx.clsx)(require_Pagination_module.default.ellipsis, className),
|
|
105
|
-
...props,
|
|
106
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
107
|
-
"aria-hidden": true,
|
|
108
|
-
children: "..."
|
|
109
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
110
|
-
className: require_Pagination_module.default.visuallyHidden,
|
|
111
|
-
children: "More pages"
|
|
112
|
-
})]
|
|
113
|
-
});
|
|
114
|
-
}
|
|
115
|
-
//#endregion
|
|
116
|
-
exports.Pagination = Pagination;
|
|
117
|
-
exports.PaginationContent = PaginationContent;
|
|
118
|
-
exports.PaginationEllipsis = PaginationEllipsis;
|
|
119
|
-
exports.PaginationItem = PaginationItem;
|
|
120
|
-
exports.PaginationLink = PaginationLink;
|
|
121
|
-
exports.PaginationNext = PaginationNext;
|
|
122
|
-
exports.PaginationPrevious = PaginationPrevious;
|
|
123
|
-
exports.usePagination = usePagination;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import './Pagination.css';
|
|
2
|
-
//#region src/components/Pagination/Pagination.module.css
|
|
3
|
-
var Pagination_module_default = {
|
|
4
|
-
"content": "Etg_Eq_content",
|
|
5
|
-
"ellipsis": "Etg_Eq_ellipsis",
|
|
6
|
-
"iconOnly": "Etg_Eq_iconOnly",
|
|
7
|
-
"item": "Etg_Eq_item",
|
|
8
|
-
"link": "Etg_Eq_link",
|
|
9
|
-
"linkActive": "Etg_Eq_linkActive",
|
|
10
|
-
"next": "Etg_Eq_next",
|
|
11
|
-
"previous": "Etg_Eq_previous",
|
|
12
|
-
"root": "Etg_Eq_root",
|
|
13
|
-
"visuallyHidden": "Etg_Eq_visuallyHidden"
|
|
14
|
-
};
|
|
15
|
-
//#endregion
|
|
16
|
-
exports.default = Pagination_module_default;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
const require_Icons = require("../../icons/ui/Icons.cjs");
|
|
2
|
-
const require_InputGroup = require("../InputGroup/InputGroup.cjs");
|
|
3
|
-
const require_PasswordInput_module = require("./PasswordInput.module.cjs");
|
|
4
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
5
|
-
let clsx = require("clsx");
|
|
6
|
-
let react = require("react");
|
|
7
|
-
//#region src/components/PasswordInput/PasswordInput.tsx
|
|
8
|
-
const DEFAULT_VISIBILITY_TOGGLE_LABELS = {
|
|
9
|
-
show: "Show password",
|
|
10
|
-
hide: "Hide password"
|
|
11
|
-
};
|
|
12
|
-
const PasswordInput = (0, react.forwardRef)(function PasswordInput({ className, defaultVisible = false, disabled, onVisibleChange, readOnly, size = "md", visibilityToggleLabels = DEFAULT_VISIBILITY_TOGGLE_LABELS, ...props }, ref) {
|
|
13
|
-
const [visible, setVisible] = (0, react.useState)(defaultVisible);
|
|
14
|
-
const handleToggleMouseDown = (event) => {
|
|
15
|
-
event.preventDefault();
|
|
16
|
-
};
|
|
17
|
-
const handleToggleClick = () => {
|
|
18
|
-
const nextVisible = !visible;
|
|
19
|
-
setVisible(nextVisible);
|
|
20
|
-
onVisibleChange?.(nextVisible);
|
|
21
|
-
};
|
|
22
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_InputGroup.InputGroup, {
|
|
23
|
-
"data-slot": "password-input-root",
|
|
24
|
-
className: (0, clsx.clsx)(require_PasswordInput_module.default.root, className),
|
|
25
|
-
size,
|
|
26
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_InputGroup.InputGroupInput, {
|
|
27
|
-
ref,
|
|
28
|
-
...props,
|
|
29
|
-
className: require_PasswordInput_module.default.input,
|
|
30
|
-
disabled,
|
|
31
|
-
readOnly,
|
|
32
|
-
size,
|
|
33
|
-
type: visible ? "text" : "password"
|
|
34
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_InputGroup.InputGroupButton, {
|
|
35
|
-
"aria-label": visible ? visibilityToggleLabels.hide : visibilityToggleLabels.show,
|
|
36
|
-
"aria-pressed": visible,
|
|
37
|
-
className: require_PasswordInput_module.default.toggle,
|
|
38
|
-
"data-slot": "password-input-toggle",
|
|
39
|
-
disabled,
|
|
40
|
-
onClick: handleToggleClick,
|
|
41
|
-
onMouseDown: handleToggleMouseDown,
|
|
42
|
-
children: visible ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.EyeClosedIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.EyeIcon, {})
|
|
43
|
-
})]
|
|
44
|
-
});
|
|
45
|
-
});
|
|
46
|
-
//#endregion
|
|
47
|
-
exports.PasswordInput = PasswordInput;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import './PasswordInput.css';
|
|
2
|
-
//#region src/components/PasswordInput/PasswordInput.module.css
|
|
3
|
-
var PasswordInput_module_default = {
|
|
4
|
-
"input": "_72aPqG_input",
|
|
5
|
-
"root": "_72aPqG_root",
|
|
6
|
-
"toggle": "_72aPqG_toggle"
|
|
7
|
-
};
|
|
8
|
-
//#endregion
|
|
9
|
-
exports.default = PasswordInput_module_default;
|
|
@@ -1,146 +0,0 @@
|
|
|
1
|
-
const require_Icons = require("../../icons/ui/Icons.cjs");
|
|
2
|
-
const require_mergeClassName = require("../../utils/mergeClassName.cjs");
|
|
3
|
-
const require_Popover_module = require("./Popover.module.cjs");
|
|
4
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
5
|
-
let clsx = require("clsx");
|
|
6
|
-
let _base_ui_react_popover = require("@base-ui/react/popover");
|
|
7
|
-
//#region src/components/Popover/Popover.tsx
|
|
8
|
-
const POPOVER_CONTENT_SIDE_OFFSET = 8;
|
|
9
|
-
const Popover = _base_ui_react_popover.Popover.Root;
|
|
10
|
-
const createPopoverHandle = _base_ui_react_popover.Popover.createHandle;
|
|
11
|
-
function PopoverTrigger({ className, render, ...props }) {
|
|
12
|
-
const triggerClassName = render ? className : require_mergeClassName.mergeClassName(className, require_Popover_module.default.trigger);
|
|
13
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Trigger, {
|
|
14
|
-
"data-slot": "popover-trigger",
|
|
15
|
-
render,
|
|
16
|
-
className: triggerClassName,
|
|
17
|
-
...props
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
function PopoverPortal({ className, ...props }) {
|
|
21
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Portal, {
|
|
22
|
-
"data-slot": "popover-portal",
|
|
23
|
-
className,
|
|
24
|
-
...props
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
function PopoverBackdrop({ className, ...props }) {
|
|
28
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Backdrop, {
|
|
29
|
-
"data-slot": "popover-backdrop",
|
|
30
|
-
className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.backdrop),
|
|
31
|
-
...props
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
function PopoverPositioner({ className, ...props }) {
|
|
35
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Positioner, {
|
|
36
|
-
"data-slot": "popover-positioner",
|
|
37
|
-
className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.positioner),
|
|
38
|
-
...props
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
function PopoverPopup({ className, ...props }) {
|
|
42
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Popup, {
|
|
43
|
-
"data-slot": "popover-popup",
|
|
44
|
-
className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.popup),
|
|
45
|
-
...props
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
function PopoverViewport({ className, ...props }) {
|
|
49
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Viewport, {
|
|
50
|
-
"data-slot": "popover-viewport",
|
|
51
|
-
className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.viewport),
|
|
52
|
-
...props
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
function PopoverArrow({ className, children, ...props }) {
|
|
56
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Arrow, {
|
|
57
|
-
"data-slot": "popover-arrow",
|
|
58
|
-
className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.arrow),
|
|
59
|
-
...props,
|
|
60
|
-
children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowSvg, { className: require_Popover_module.default.arrowSvg })
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
function PopoverTitle({ className, ...props }) {
|
|
64
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Title, {
|
|
65
|
-
"data-slot": "popover-title",
|
|
66
|
-
className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.title),
|
|
67
|
-
...props
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
function PopoverDescription({ className, ...props }) {
|
|
71
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Description, {
|
|
72
|
-
"data-slot": "popover-description",
|
|
73
|
-
className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.description),
|
|
74
|
-
...props
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
function PopoverHeader({ className, ...props }) {
|
|
78
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
79
|
-
"data-slot": "popover-header",
|
|
80
|
-
className: (0, clsx.clsx)(require_Popover_module.default.header, className),
|
|
81
|
-
...props
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
function PopoverBody({ className, ...props }) {
|
|
85
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
86
|
-
"data-slot": "popover-body",
|
|
87
|
-
className: (0, clsx.clsx)(require_Popover_module.default.body, className),
|
|
88
|
-
...props
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
function PopoverFooter({ className, ...props }) {
|
|
92
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
93
|
-
"data-slot": "popover-footer",
|
|
94
|
-
className: (0, clsx.clsx)(require_Popover_module.default.footer, className),
|
|
95
|
-
...props
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
function PopoverClose({ className, ...props }) {
|
|
99
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Close, {
|
|
100
|
-
"data-slot": "popover-close",
|
|
101
|
-
className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.close),
|
|
102
|
-
...props
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
function PopoverContent({ className, children, showArrow = false, side, sideOffset = POPOVER_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...popupProps }) {
|
|
106
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverPositioner, {
|
|
107
|
-
side,
|
|
108
|
-
sideOffset,
|
|
109
|
-
align,
|
|
110
|
-
alignOffset,
|
|
111
|
-
arrowPadding,
|
|
112
|
-
collisionAvoidance,
|
|
113
|
-
collisionBoundary,
|
|
114
|
-
collisionPadding,
|
|
115
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PopoverPopup, {
|
|
116
|
-
className,
|
|
117
|
-
...popupProps,
|
|
118
|
-
children: [showArrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverArrow, {}) : null, children]
|
|
119
|
-
})
|
|
120
|
-
}) });
|
|
121
|
-
}
|
|
122
|
-
function ArrowSvg(props) {
|
|
123
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
|
|
124
|
-
fillClassName: require_Popover_module.default.arrowFill,
|
|
125
|
-
outerStrokeClassName: require_Popover_module.default.arrowOuterStroke,
|
|
126
|
-
innerStrokeClassName: require_Popover_module.default.arrowInnerStroke,
|
|
127
|
-
...props
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
//#endregion
|
|
131
|
-
exports.Popover = Popover;
|
|
132
|
-
exports.PopoverArrow = PopoverArrow;
|
|
133
|
-
exports.PopoverBackdrop = PopoverBackdrop;
|
|
134
|
-
exports.PopoverBody = PopoverBody;
|
|
135
|
-
exports.PopoverClose = PopoverClose;
|
|
136
|
-
exports.PopoverContent = PopoverContent;
|
|
137
|
-
exports.PopoverDescription = PopoverDescription;
|
|
138
|
-
exports.PopoverFooter = PopoverFooter;
|
|
139
|
-
exports.PopoverHeader = PopoverHeader;
|
|
140
|
-
exports.PopoverPopup = PopoverPopup;
|
|
141
|
-
exports.PopoverPortal = PopoverPortal;
|
|
142
|
-
exports.PopoverPositioner = PopoverPositioner;
|
|
143
|
-
exports.PopoverTitle = PopoverTitle;
|
|
144
|
-
exports.PopoverTrigger = PopoverTrigger;
|
|
145
|
-
exports.PopoverViewport = PopoverViewport;
|
|
146
|
-
exports.createPopoverHandle = createPopoverHandle;
|