vxui-re 1.0.5 → 1.0.7

package/dist/src/lib/dialogPopover.d.ts

@@ -0,0 +1,30 @@
+/**
+ * DialogContentContext — 允许 Dialog 组件将 content ref 传递给子组件，
+ * 替代通过 CSS 类名选择器查找 DOM 节点的脆弱方式。
+ *
+ * Select、MultiSelect、DatePicker 等组件通过此 context 获取 dialog content
+ * 元素，将 dropdown 面板 portal 到 dialog 内部以避免 z-index 裁剪问题。
+ */
+export declare const DialogContentContext: import('react').Context<HTMLElement | null>;
+/**
+ * 获取 dialog content 元素引用。
+ * 优先使用 React Context，回退到 DOM 选择器方式以保持向后兼容。
+ */
+export declare function getDialogContent(node: HTMLElement | null): HTMLElement | null;
+/**
+ * Determine if a popover/dropdown should be rendered inline or portaled.
+ *
+ * On mobile, dropdowns use Sheet component which always portals to body,
+ * so shouldInline is always false. On desktop, dropdowns use fixed-position
+ * popovers that should be portaled into the dialog content if inside a dialog
+ * to avoid z-index clipping issues.
+ */
+export declare function getDialogPopoverContext(node: HTMLElement | null): {
+    dialogContent: HTMLElement | null;
+    shouldInline: boolean;
+};
+/**
+ * Hook for components that need to portal their dropdown into a dialog.
+ * Prefer this over getDialogPopoverContext for new code.
+ */
+export declare function useDialogContentRef(): HTMLElement | null;

package/dist/src/lib/index.d.ts

@@ -0,0 +1,152 @@
+export { BREAKPOINTS, PHONE_MAX_WIDTH, PHONE_ASPECT_RATIO_THRESHOLD, TABLET_ASPECT_RATIO_THRESHOLD } from './breakpoints';
+export type { ViewportType, ViewportContextValue, ViewportProviderProps } from './viewport';
+export { ViewportProvider, useViewport } from './viewport';
+export { Responsive } from '../components/Responsive';
+export type { ResponsiveProps } from '../components/Responsive';
+export { VXUIProvider } from './VXUIProvider';
+export type { VXUIProviderProps } from './VXUIProvider';
+export { AppShell } from '../components/AppShell';
+export type { AppShellProps, AppShellNavItem, AppShellNavSection } from '../components/AppShell';
+export { Shell, ShellSidebar, ShellNav, ShellNavSection, ShellNavItem, ShellOverlay, ShellMain, ShellTopbar, ShellContent, } from '../components/Shell';
+export type { ShellProps, ShellSidebarProps, ShellNavProps, ShellNavSectionProps, ShellNavItemProps, ShellOverlayProps, ShellMainProps, ShellTopbarProps, ShellContentProps, ShellNavItem as ShellNavItemType, ShellNavSection as ShellNavSectionType, } from '../components/Shell';
+export { Badge } from '../components/Badge';
+export { Button } from '../components/Button';
+export { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../components/Card';
+export { Dialog, DialogClose } from '../components/Dialog';
+export type { DialogProps, DialogSize, DialogPadding, DialogPlacement } from '../components/Dialog';
+export { Input } from '../components/Input';
+export { Switch } from '../components/Switch';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from '../components/Tabs';
+export { ThemeProvider, createTheme, themePresets, useTheme, } from '../components/ThemeProvider';
+export type { ThemeDefinition, ThemeMode, ThemeRegistry, ThemeTokens, } from '../components/ThemeProvider';
+export { ToastProvider, useToast } from '../components/Toast';
+export { Text } from '../components/Text';
+export type { TextProps } from '../components/Text';
+export { Heading } from '../components/Heading';
+export type { HeadingProps } from '../components/Heading';
+export { Select } from '../components/Select';
+export type { SelectProps, SelectOption } from '../components/Select';
+export { Checkbox } from '../components/Checkbox';
+export type { CheckboxProps } from '../components/Checkbox';
+export { SegmentedControl } from '../components/SegmentedControl';
+export type { SegmentedControlProps, SegmentedControlOption } from '../components/SegmentedControl';
+export { Radio, RadioGroup } from '../components/Radio';
+export type { RadioProps, RadioGroupProps } from '../components/Radio';
+export { Textarea } from '../components/Textarea';
+export type { TextareaProps } from '../components/Textarea';
+export { Slider } from '../components/Slider';
+export type { SliderProps } from '../components/Slider';
+export { Spinner } from '../components/Spinner';
+export type { SpinnerProps } from '../components/Spinner';
+export { Progress } from '../components/Progress';
+export type { ProgressProps } from '../components/Progress';
+export { Alert } from '../components/Alert';
+export type { AlertProps } from '../components/Alert';
+export { Skeleton } from '../components/Skeleton';
+export type { SkeletonProps } from '../components/Skeleton';
+export { Tooltip } from '../components/Tooltip';
+export type { TooltipProps } from '../components/Tooltip';
+export { Popover } from '../components/Popover';
+export type { PopoverProps } from '../components/Popover';
+export { DropdownMenu } from '../components/DropdownMenu';
+export type { DropdownMenuProps, DropdownMenuItemProps, DropdownMenuGroupProps, DropdownMenuItemType } from '../components/DropdownMenu';
+export { Breadcrumb } from '../components/Breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItem } from '../components/Breadcrumb';
+export { Pagination } from '../components/Pagination';
+export type { PaginationProps } from '../components/Pagination';
+export { Accordion } from '../components/Accordion';
+export type { AccordionProps, AccordionItem } from '../components/Accordion';
+export { Separator } from '../components/Separator';
+export type { SeparatorProps } from '../components/Separator';
+export { Avatar } from '../components/Avatar';
+export type { AvatarProps } from '../components/Avatar';
+export { Table } from '../components/Table';
+export type { TableProps, TableColumn, SortDirection } from '../components/Table';
+export { MobileShell, MobileTopBar, MobileIconButton } from '../components/mobile/MobileShell';
+export type { MobileShellProps, MobileTopBarProps, MobileIconButtonProps } from '../components/mobile/MobileShell';
+export { BottomNav } from '../components/mobile/BottomNav';
+export type { BottomNavProps, BottomNavItem } from '../components/mobile/BottomNav';
+export { MobileList, MobileListSection, MobileListItem } from '../components/mobile/MobileList';
+export type { MobileListSectionProps, MobileListItemProps } from '../components/mobile/MobileList';
+export { Label } from '../components/Label';
+export type { LabelProps } from '../components/Label';
+export { Form, FormField, FormLabel, FormDescription, FormMessage, useFormField } from '../components/Form';
+export type { FormProps, FormFieldProps, FormLabelProps, FormDescriptionProps, FormMessageProps } from '../components/Form';
+export { NumberInput } from '../components/NumberInput';
+export type { NumberInputProps } from '../components/NumberInput';
+export { Calendar } from '../components/Calendar';
+export type { CalendarProps } from '../components/Calendar';
+export { DatePicker } from '../components/DatePicker';
+export type { DatePickerProps } from '../components/DatePicker';
+export { MultiSelect } from '../components/MultiSelect';
+export type { MultiSelectProps, MultiSelectOption } from '../components/MultiSelect';
+export { TimePicker } from '../components/TimePicker';
+export type { TimePickerProps } from '../components/TimePicker';
+export { FileUpload } from '../components/FileUpload';
+export type { FileUploadProps, UploadedFile } from '../components/FileUpload';
+export { Sheet } from '../components/Sheet';
+export type { SheetProps, SheetSide, SheetVariant, SheetActionItemProps } from '../components/Sheet';
+/**
+ * @deprecated 使用统一的 Sheet 组件替代。
+ * ActionSheet 将在下一个 major 版本中移除，请迁移到 Sheet 组件：
+ *   <Sheet variant="action" side="bottom">
+ * @see {@link Sheet} 统一 Sheet 组件
+ */
+export { ActionSheet, ActionSheetItem } from '../components/mobile/ActionSheet';
+export type { ActionSheetProps, ActionSheetItemProps } from '../components/mobile/ActionSheet';
+/**
+ * @deprecated 使用统一的 Sheet 组件替代。
+ * MobileDrawer 将在下一个 major 版本中移除，请迁移到 Sheet 组件：
+ *   <Sheet side="left">
+ * @see {@link Sheet} 统一 Sheet 组件
+ */
+export { MobileDrawer, DrawerNavItem, DrawerNavSection } from '../components/mobile/MobileDrawer';
+export type { MobileDrawerProps, DrawerNavItemProps, DrawerNavSectionProps } from '../components/mobile/MobileDrawer';
+export { ScrollArea } from '../components/ScrollArea';
+export type { ScrollAreaProps } from '../components/ScrollArea';
+export { Toggle, ToggleGroup } from '../components/Toggle';
+export type { ToggleProps, ToggleGroupProps, ToggleGroupItem } from '../components/Toggle';
+export { ContextMenu } from '../components/ContextMenu';
+export type { ContextMenuProps, ContextMenuItemProps, ContextMenuGroupProps } from '../components/ContextMenu';
+export { HoverCard } from '../components/HoverCard';
+export type { HoverCardProps, HoverCardPlacement } from '../components/HoverCard';
+export { Menubar } from '../components/Menubar';
+export type { MenubarProps, MenubarMenuProps, MenubarGroupProps, MenubarItemProps } from '../components/Menubar';
+export { NavigationMenu } from '../components/NavigationMenu';
+export type { NavigationMenuProps, NavMenuItem, NavMenuSubItem } from '../components/NavigationMenu';
+export { Stepper } from '../components/Stepper';
+export type { StepperProps, StepItem, StepStatus } from '../components/Stepper';
+export { Timeline } from '../components/Timeline';
+export type { TimelineProps, TimelineItem, TimelineItemStatus } from '../components/Timeline';
+export { EmptyState } from '../components/EmptyState';
+export type { EmptyStateProps } from '../components/EmptyState';
+export { Carousel } from '../components/Carousel';
+export type { CarouselProps } from '../components/Carousel';
+export { Rating } from '../components/Rating';
+export type { RatingProps } from '../components/Rating';
+export { TreeView } from '../components/TreeView';
+export type { TreeViewProps, TreeNode } from '../components/TreeView';
+export { TagInput } from '../components/TagInput';
+export type { TagInputProps } from '../components/TagInput';
+export { ColorPicker } from '../components/ColorPicker';
+export type { ColorPickerProps } from '../components/ColorPicker';
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '../components/Resizable';
+export type { ResizablePanelGroupProps, ResizablePanelProps, ResizableHandleProps, ResizableDirection } from '../components/Resizable';
+export { CommandPalette } from '../components/CommandPalette';
+export type { CommandPaletteProps, SearchEntry } from '../components/CommandPalette';
+export { CodeBlock } from '../components/CodeBlock';
+export type { CodeBlockProps, CodeBlockLanguage } from '../components/CodeBlock';
+export { LanguageSwitcher } from '../components/LanguageSwitcher';
+export type { LanguageSwitcherProps } from '../components/LanguageSwitcher';
+export { Article, ArticleHeader, ArticleTitle, ArticleBody, Section, SectionHeading, Pager, PropsTable, ArticleEmptyState, StatsGrid, } from '../components/Article';
+export type { ArticleProps, ArticleHeaderProps, ArticleTitleProps, ArticleBodyProps, SectionProps, SectionHeadingProps, PagerProps, PagerItem, PropsTableProps, PropsTableColumn, ArticleEmptyStateProps, StatsGridProps, StatItem, } from '../components/Article';
+export { Image } from '../components/Image';
+export type { ImageProps } from '../components/Image';
+export { PinInput } from '../components/PinInput';
+export type { PinInputProps } from '../components/PinInput';
+export { Descriptions } from '../components/Descriptions';
+export type { DescriptionsProps, DescriptionsItem } from '../components/Descriptions';
+export { NotificationProvider, useNotification } from '../components/Notification';
+export type { NotificationProviderProps } from '../components/Notification';
+export { Result } from '../components/Result';
+export type { ResultProps } from '../components/Result';

package/dist/src/lib/version.d.ts

@@ -0,0 +1 @@
+export declare const APP_VERSION: string;

package/dist/src/lib/viewport.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export type ViewportType = 'phone' | 'tablet' | 'desktop';
+export interface ViewportContextValue {
+    viewport: ViewportType;
+    isPhone: boolean;
+    isTablet: boolean;
+    /** True when the device is in the tablet width range AND screen orientation is portrait */
+    isTabletPortrait: boolean;
+    isDesktop: boolean;
+    /** The actual screen width in CSS pixels */
+    screenWidth: number;
+    /** The actual screen height in CSS pixels */
+    screenHeight: number;
+    /** Aspect ratio: width / height (0-1 for portrait, >1 for landscape) */
+    aspectRatio: number;
+}
+export interface ViewportProviderProps {
+    children: ReactNode;
+}
+export declare function ViewportProvider({ children }: ViewportProviderProps): import("react").JSX.Element;
+export declare function useViewport(): ViewportContextValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxui-re",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "A general-purpose React UI framework rebuilt from VXUI principles.",
   "license": "Apache-2.0",
   "repository": {
@@ -49,7 +49,8 @@
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
     "preview": "npm run build && wrangler dev",
-    "pub": "npm run build && npm publish",
+    "pub": "npm publish",
+    "prepublishOnly": "npm run build",
     "deploy": "npm run build:pages && wrangler deploy",
     "security:audit": "npm audit --audit-level=high"
   },
@@ -58,29 +59,30 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@radix-ui/react-switch": "^1.1.3",
-    "@radix-ui/react-tabs": "^1.1.3",
-    "@radix-ui/react-toast": "^1.2.6",
+    "@radix-ui/react-switch": "1.3.3",
+    "@radix-ui/react-tabs": "1.1.17",
+    "@radix-ui/react-toast": "1.2.19",
     "@types/prismjs": "^1.26.6",
-    "lucide-react": "^0.511.0",
+    "lucide-react": "1.24.0",
     "prismjs": "^1.30.0"
   },
   "devDependencies": {
-    "@cloudflare/vite-plugin": "^1.40.2",
+    "@cloudflare/vite-plugin": "1.45.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^25.9.1",
-    "@types/react": "^19.1.2",
+    "@types/node": "26.1.1",
+    "@types/react": "19.2.17",
     "@types/react-dom": "^19.1.2",
-    "@vitejs/plugin-react": "^4.4.1",
-    "@vitest/coverage-v8": "^4.1.6",
+    "@typescript/typescript6": "^6.0.2",
+    "@vitejs/plugin-react": "6.0.3",
+    "@vitest/coverage-v8": "4.1.10",
     "jsdom": "^29.1.1",
     "rollup-plugin-visualizer": "^7.0.1",
-    "typescript": "^5.8.3",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.1.6",
-    "wrangler": "^4.100.0"
+    "typescript": "7.0.2",
+    "vite": "8.1.4",
+    "vite-plugin-dts": "5.0.3",
+    "vitest": "4.1.10",
+    "wrangler": "4.111.0"
   }
 }