vxui-react 1.3.5 → 1.3.7
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/README.en.md +82 -5
- package/README.md +84 -5
- package/dist/index.cjs +22 -66
- package/dist/index.js +6527 -5506
- package/dist/src/components/Article.d.ts +72 -0
- package/dist/src/components/Dialog.d.ts +24 -6
- package/dist/src/components/Select.d.ts +8 -1
- package/dist/src/components/Sheet/Sheet.d.ts +30 -0
- package/dist/src/components/Sheet/SheetPanel.d.ts +44 -0
- package/dist/src/components/Sheet/index.d.ts +2 -0
- package/dist/src/components/Sheet/useSheetState.d.ts +34 -0
- package/dist/src/components/mobile/BottomSheet.d.ts +28 -0
- package/dist/src/lib/VXUIProvider.d.ts +29 -0
- package/dist/src/lib/breakpoints.d.ts +63 -0
- package/dist/src/lib/dialogPopover.d.ts +26 -0
- package/dist/src/lib/index.d.ts +23 -8
- package/dist/src/lib/viewport.d.ts +6 -0
- package/dist/vxui-react.css +1 -1
- package/llms.txt +6 -2
- package/package.json +4 -3
- package/dist/src/components/AlertDialog.d.ts +0 -14
- package/dist/src/components/Sheet.d.ts +0 -13
- package/dist/src/components/__tests__/Accordion.test.d.ts +0 -1
- package/dist/src/components/__tests__/ActionSheet.test.d.ts +0 -1
- package/dist/src/components/__tests__/Alert.test.d.ts +0 -1
- package/dist/src/components/__tests__/AlertDialog.test.d.ts +0 -1
- package/dist/src/components/__tests__/AppShell.test.d.ts +0 -1
- package/dist/src/components/__tests__/Avatar.test.d.ts +0 -1
- package/dist/src/components/__tests__/Badge.test.d.ts +0 -1
- package/dist/src/components/__tests__/BottomNav.test.d.ts +0 -1
- package/dist/src/components/__tests__/Breadcrumb.test.d.ts +0 -1
- package/dist/src/components/__tests__/Button.test.d.ts +0 -1
- package/dist/src/components/__tests__/Calendar.test.d.ts +0 -1
- package/dist/src/components/__tests__/Card.test.d.ts +0 -1
- package/dist/src/components/__tests__/Carousel.test.d.ts +0 -1
- package/dist/src/components/__tests__/Checkbox.test.d.ts +0 -1
- package/dist/src/components/__tests__/CodeBlock.test.d.ts +0 -1
- package/dist/src/components/__tests__/ColorPicker.test.d.ts +0 -1
- package/dist/src/components/__tests__/CommandPalette.test.d.ts +0 -1
- package/dist/src/components/__tests__/ContextMenu.test.d.ts +0 -1
- package/dist/src/components/__tests__/DatePicker.test.d.ts +0 -1
- package/dist/src/components/__tests__/Dialog.test.d.ts +0 -1
- package/dist/src/components/__tests__/DialogFormControls.test.d.ts +0 -1
- package/dist/src/components/__tests__/DropdownMenu.test.d.ts +0 -1
- package/dist/src/components/__tests__/EmptyState.test.d.ts +0 -1
- package/dist/src/components/__tests__/FileUpload.test.d.ts +0 -1
- package/dist/src/components/__tests__/Form.test.d.ts +0 -1
- package/dist/src/components/__tests__/Heading.test.d.ts +0 -1
- package/dist/src/components/__tests__/HoverCard.test.d.ts +0 -1
- package/dist/src/components/__tests__/Input.test.d.ts +0 -1
- package/dist/src/components/__tests__/Label.test.d.ts +0 -1
- package/dist/src/components/__tests__/LanguageSwitcher.test.d.ts +0 -1
- package/dist/src/components/__tests__/Menubar.test.d.ts +0 -1
- package/dist/src/components/__tests__/MobileDrawer.test.d.ts +0 -1
- package/dist/src/components/__tests__/MobileList.test.d.ts +0 -1
- package/dist/src/components/__tests__/MultiSelect.test.d.ts +0 -1
- package/dist/src/components/__tests__/NavigationMenu.test.d.ts +0 -1
- package/dist/src/components/__tests__/NumberInput.test.d.ts +0 -1
- package/dist/src/components/__tests__/Pagination.test.d.ts +0 -1
- package/dist/src/components/__tests__/Popover.test.d.ts +0 -1
- package/dist/src/components/__tests__/Progress.test.d.ts +0 -1
- package/dist/src/components/__tests__/Radio.test.d.ts +0 -1
- package/dist/src/components/__tests__/Rating.test.d.ts +0 -1
- package/dist/src/components/__tests__/Resizable.test.d.ts +0 -1
- package/dist/src/components/__tests__/Responsive.test.d.ts +0 -1
- package/dist/src/components/__tests__/ScrollArea.test.d.ts +0 -1
- package/dist/src/components/__tests__/SegmentedControl.test.d.ts +0 -1
- package/dist/src/components/__tests__/Select.test.d.ts +0 -1
- package/dist/src/components/__tests__/Separator.test.d.ts +0 -1
- package/dist/src/components/__tests__/Sheet.test.d.ts +0 -1
- package/dist/src/components/__tests__/Shell.test.d.ts +0 -1
- package/dist/src/components/__tests__/Skeleton.test.d.ts +0 -1
- package/dist/src/components/__tests__/Slider.test.d.ts +0 -1
- package/dist/src/components/__tests__/Spinner.test.d.ts +0 -1
- package/dist/src/components/__tests__/Stepper.test.d.ts +0 -1
- package/dist/src/components/__tests__/Switch.test.d.ts +0 -1
- package/dist/src/components/__tests__/Table.test.d.ts +0 -1
- package/dist/src/components/__tests__/Tabs.test.d.ts +0 -1
- package/dist/src/components/__tests__/TagInput.test.d.ts +0 -1
- package/dist/src/components/__tests__/Text.test.d.ts +0 -1
- package/dist/src/components/__tests__/Textarea.test.d.ts +0 -1
- package/dist/src/components/__tests__/ThemeProvider.test.d.ts +0 -1
- package/dist/src/components/__tests__/TimePicker.test.d.ts +0 -1
- package/dist/src/components/__tests__/Timeline.test.d.ts +0 -1
- package/dist/src/components/__tests__/Toast.test.d.ts +0 -1
- package/dist/src/components/__tests__/Toggle.test.d.ts +0 -1
- package/dist/src/components/__tests__/Tooltip.test.d.ts +0 -1
- package/dist/src/components/__tests__/TreeView.test.d.ts +0 -1
- package/dist/src/lib/__tests__/cx.test.d.ts +0 -1
- package/dist/src/lib/__tests__/viewport.test.d.ts +0 -1
package/llms.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# VXUI React
|
|
2
2
|
|
|
3
|
-
> A pure-CSS, zero-dependency React UI library for building admin dashboards and operator interfaces. v1.3.
|
|
3
|
+
> A pure-CSS, zero-dependency React UI library for building admin dashboards and operator interfaces. v1.3.7.
|
|
4
4
|
|
|
5
5
|
> ℹ️ This file (`llms.txt`) is included in the npm package. AI tools can read it directly to obtain component documentation and usage guides.
|
|
6
6
|
|
|
@@ -160,6 +160,11 @@ import { Button } from 'vxui-react';
|
|
|
160
160
|
| defaultOpen | boolean | false | Whether the dialog is open by default |
|
|
161
161
|
| open | boolean | — | Controlled open state |
|
|
162
162
|
| onOpenChange | (open: boolean) => void | — | Open state change handler |
|
|
163
|
+
| onConfirm | () => void | — | Callback when confirm button is clicked; enables confirm/cancel footer |
|
|
164
|
+
| onCancel | () => void | — | Callback when cancel button is clicked |
|
|
165
|
+
| confirmLabel | string | "Confirm" | Label for the confirm button |
|
|
166
|
+
| cancelLabel | string | "Cancel" | Label for the cancel button |
|
|
167
|
+
| confirmVariant | 'solid' \| 'danger' | 'solid' | Visual variant of the confirm button |
|
|
163
168
|
|
|
164
169
|
## Component Index
|
|
165
170
|
|
|
@@ -198,7 +203,6 @@ import { Button } from 'vxui-react';
|
|
|
198
203
|
|
|
199
204
|
### Overlays & Popovers
|
|
200
205
|
- **Dialog** — Modal dialog (Radix UI)
|
|
201
|
-
- **AlertDialog** — Confirmation dialog with destructive action pattern
|
|
202
206
|
- **Sheet** — Slide-in panel (drawer) from any edge
|
|
203
207
|
- **Popover** — Floating content anchored to a trigger (Radix UI)
|
|
204
208
|
- **Tooltip** — Short contextual hover label (Radix UI)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vxui-react",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.7",
|
|
4
4
|
"description": "A general-purpose React UI framework rebuilt from VXUI principles.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"scripts": {
|
|
42
42
|
"dev": "vite",
|
|
43
43
|
"build": "vite build",
|
|
44
|
-
"build:
|
|
44
|
+
"build:analyze": "VISUALIZE=true vite build",
|
|
45
45
|
"prepare": "npm run build",
|
|
46
46
|
"typecheck": "tsc --noEmit",
|
|
47
47
|
"test": "vitest run",
|
|
@@ -54,7 +54,6 @@
|
|
|
54
54
|
"react-dom": "^19.0.0"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@radix-ui/react-dialog": "^1.1.6",
|
|
58
57
|
"@radix-ui/react-switch": "^1.1.3",
|
|
59
58
|
"@radix-ui/react-tabs": "^1.1.3",
|
|
60
59
|
"@radix-ui/react-toast": "^1.2.6",
|
|
@@ -67,11 +66,13 @@
|
|
|
67
66
|
"@testing-library/jest-dom": "^6.9.1",
|
|
68
67
|
"@testing-library/react": "^16.3.2",
|
|
69
68
|
"@testing-library/user-event": "^14.6.1",
|
|
69
|
+
"@types/node": "^25.9.1",
|
|
70
70
|
"@types/react": "^19.1.2",
|
|
71
71
|
"@types/react-dom": "^19.1.2",
|
|
72
72
|
"@vitejs/plugin-react": "^4.4.1",
|
|
73
73
|
"@vitest/coverage-v8": "^4.1.6",
|
|
74
74
|
"jsdom": "^29.1.1",
|
|
75
|
+
"rollup-plugin-visualizer": "^7.0.1",
|
|
75
76
|
"typescript": "^5.8.3",
|
|
76
77
|
"vite": "^6.3.5",
|
|
77
78
|
"vite-plugin-dts": "^4.5.4",
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
|
-
export interface AlertDialogProps extends Pick<DialogPrimitive.DialogProps, 'defaultOpen' | 'onOpenChange' | 'open'> {
|
|
4
|
-
trigger: ReactNode;
|
|
5
|
-
title: string;
|
|
6
|
-
description?: string;
|
|
7
|
-
confirmLabel?: string;
|
|
8
|
-
cancelLabel?: string;
|
|
9
|
-
onConfirm?: () => void;
|
|
10
|
-
onCancel?: () => void;
|
|
11
|
-
variant?: 'default' | 'danger';
|
|
12
|
-
className?: string;
|
|
13
|
-
}
|
|
14
|
-
export declare function AlertDialog({ trigger, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, variant, className, ...props }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
|
-
export type SheetSide = 'left' | 'right' | 'top' | 'bottom';
|
|
4
|
-
export interface SheetProps extends Pick<DialogPrimitive.DialogProps, 'defaultOpen' | 'onOpenChange' | 'open'> {
|
|
5
|
-
trigger?: ReactNode;
|
|
6
|
-
title?: string;
|
|
7
|
-
description?: string;
|
|
8
|
-
side?: SheetSide;
|
|
9
|
-
children: ReactNode;
|
|
10
|
-
footer?: ReactNode;
|
|
11
|
-
className?: string;
|
|
12
|
-
}
|
|
13
|
-
export declare function Sheet({ trigger, title, description, side, children, footer, className, ...props }: SheetProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|