@ptengine/design-components 0.3.0

package/src/index.ts

@@ -0,0 +1,414 @@
+// ─────────────────────────────────────────────────────────────
+// PT-AI-Components (@ptengine/pt-ai-components) 统一出口
+// 组件结构对齐 shadcn/ui 官方（https://ui.shadcn.com/docs/components）。
+// 已实现组件在下方导出；其余在 components/ui/ 下已建同名占位文件，
+// 实现后把对应行从「待实现清单」移到上面导出即可。
+// ─────────────────────────────────────────────────────────────
+
+export { cn } from './lib/utils';
+
+// ===== 已实现 =====
+export { Button, buttonVariants } from './components/ui/button';
+export type { ButtonProps } from './components/ui/button';
+
+export { Input } from './components/ui/input';
+export type { InputProps } from './components/ui/input';
+
+export { Label } from './components/ui/label';
+
+export { Badge, badgeVariants } from './components/ui/badge';
+export type { BadgeProps } from './components/ui/badge';
+
+export { Textarea } from './components/ui/textarea';
+export type { TextareaProps } from './components/ui/textarea';
+
+export { Checkbox } from './components/ui/checkbox';
+
+export { Switch } from './components/ui/switch';
+
+export { RadioGroup, RadioGroupItem } from './components/ui/radio-group';
+
+export { Tabs, TabsList, TabsTrigger, TabsContent } from './components/ui/tabs';
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/ui/tooltip';
+
+export {
+    Dialog,
+    DialogPortal,
+    DialogOverlay,
+    DialogTrigger,
+    DialogClose,
+    DialogContent,
+    DialogHeader,
+    DialogFooter,
+    DialogTitle,
+    DialogDescription
+} from './components/ui/dialog';
+
+export {
+    Select,
+    SelectGroup,
+    SelectValue,
+    SelectTrigger,
+    SelectContent,
+    SelectLabel,
+    SelectItem,
+    SelectSeparator,
+    SelectScrollUpButton,
+    SelectScrollDownButton
+} from './components/ui/select';
+
+export {
+    DropdownMenu,
+    DropdownMenuTrigger,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuCheckboxItem,
+    DropdownMenuRadioItem,
+    DropdownMenuLabel,
+    DropdownMenuSeparator,
+    DropdownMenuShortcut,
+    DropdownMenuGroup,
+    DropdownMenuPortal,
+    DropdownMenuSub,
+    DropdownMenuSubContent,
+    DropdownMenuSubTrigger,
+    DropdownMenuRadioGroup
+} from './components/ui/dropdown-menu';
+
+export {
+    Card,
+    CardHeader,
+    CardFooter,
+    CardTitle,
+    CardDescription,
+    CardContent
+} from './components/ui/card';
+
+export {
+    Table,
+    TableHeader,
+    TableBody,
+    TableFooter,
+    TableHead,
+    TableRow,
+    TableCell,
+    TableCaption
+} from './components/ui/table';
+
+export { Avatar, AvatarImage, AvatarFallback } from './components/ui/avatar';
+
+export { Toaster, toast } from './components/ui/sonner';
+
+export {
+    Collapsible,
+    CollapsibleTrigger,
+    CollapsibleContent
+} from './components/ui/collapsible';
+
+export { Separator } from './components/ui/separator';
+
+export {
+    Empty,
+    EmptyHeader,
+    EmptyMedia,
+    EmptyTitle,
+    EmptyDescription,
+    EmptyContent
+} from './components/ui/empty';
+
+export {
+    Accordion,
+    AccordionItem,
+    AccordionTrigger,
+    AccordionContent
+} from './components/ui/accordion';
+
+export { Alert, AlertTitle, AlertDescription } from './components/ui/alert';
+
+export {
+    AlertDialog,
+    AlertDialogPortal,
+    AlertDialogOverlay,
+    AlertDialogTrigger,
+    AlertDialogContent,
+    AlertDialogHeader,
+    AlertDialogFooter,
+    AlertDialogTitle,
+    AlertDialogDescription,
+    AlertDialogAction,
+    AlertDialogCancel
+} from './components/ui/alert-dialog';
+
+export { AspectRatio } from './components/ui/aspect-ratio';
+
+export {
+    Breadcrumb,
+    BreadcrumbList,
+    BreadcrumbItem,
+    BreadcrumbLink,
+    BreadcrumbPage,
+    BreadcrumbSeparator,
+    BreadcrumbEllipsis
+} from './components/ui/breadcrumb';
+
+export {
+    ButtonGroup,
+    ButtonGroupSeparator,
+    ButtonGroupText,
+    buttonGroupVariants
+} from './components/ui/button-group';
+
+export {
+    ContextMenu,
+    ContextMenuTrigger,
+    ContextMenuContent,
+    ContextMenuItem,
+    ContextMenuCheckboxItem,
+    ContextMenuRadioItem,
+    ContextMenuLabel,
+    ContextMenuSeparator,
+    ContextMenuShortcut,
+    ContextMenuGroup,
+    ContextMenuPortal,
+    ContextMenuSub,
+    ContextMenuSubContent,
+    ContextMenuSubTrigger,
+    ContextMenuRadioGroup
+} from './components/ui/context-menu';
+
+export {
+    Field,
+    FieldContent,
+    FieldDescription,
+    FieldError,
+    FieldGroup,
+    FieldLabel,
+    FieldLegend,
+    FieldSeparator,
+    FieldSet,
+    FieldTitle
+} from './components/ui/field';
+
+export { HoverCard, HoverCardTrigger, HoverCardContent } from './components/ui/hover-card';
+
+export {
+    InputGroup,
+    InputGroupAddon,
+    InputGroupButton,
+    InputGroupInput,
+    InputGroupText
+} from './components/ui/input-group';
+
+export { SearchInput } from './components/ui/search-input';
+export type { SearchInputProps } from './components/ui/search-input';
+
+export {
+    Item,
+    ItemActions,
+    ItemContent,
+    ItemDescription,
+    ItemFooter,
+    ItemGroup,
+    ItemHeader,
+    ItemMedia,
+    ItemSeparator,
+    ItemTitle
+} from './components/ui/item';
+
+export { Kbd, KbdGroup } from './components/ui/kbd';
+
+export {
+    Menubar,
+    MenubarMenu,
+    MenubarTrigger,
+    MenubarContent,
+    MenubarItem,
+    MenubarSeparator,
+    MenubarLabel,
+    MenubarCheckboxItem,
+    MenubarRadioGroup,
+    MenubarRadioItem,
+    MenubarPortal,
+    MenubarSubContent,
+    MenubarSubTrigger,
+    MenubarGroup,
+    MenubarSub,
+    MenubarShortcut
+} from './components/ui/menubar';
+
+export { NativeSelect } from './components/ui/native-select';
+
+export {
+    navigationMenuTriggerStyle,
+    NavigationMenu,
+    NavigationMenuList,
+    NavigationMenuItem,
+    NavigationMenuContent,
+    NavigationMenuTrigger,
+    NavigationMenuLink,
+    NavigationMenuIndicator,
+    NavigationMenuViewport
+} from './components/ui/navigation-menu';
+
+export {
+    Pagination,
+    PaginationContent,
+    PaginationLink,
+    PaginationItem,
+    PaginationPrevious,
+    PaginationNext,
+    PaginationEllipsis
+} from './components/ui/pagination';
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from './components/ui/popover';
+
+export { Progress } from './components/ui/progress';
+
+export { ScrollArea, ScrollBar } from './components/ui/scroll-area';
+
+export {
+    Sheet,
+    SheetPortal,
+    SheetOverlay,
+    SheetTrigger,
+    SheetClose,
+    SheetContent,
+    SheetHeader,
+    SheetFooter,
+    SheetTitle,
+    SheetDescription
+} from './components/ui/sheet';
+
+export { Skeleton } from './components/ui/skeleton';
+
+export { Slider } from './components/ui/slider';
+
+export { Spinner } from './components/ui/spinner';
+
+export { Toggle, toggleVariants } from './components/ui/toggle';
+
+export { ToggleGroup, ToggleGroupItem } from './components/ui/toggle-group';
+
+export { Calendar } from './components/ui/calendar';
+export type { CalendarProps } from './components/ui/calendar';
+
+export {
+    Carousel,
+    CarouselContent,
+    CarouselItem,
+    CarouselPrevious,
+    CarouselNext
+} from './components/ui/carousel';
+export type { CarouselApi } from './components/ui/carousel';
+
+export {
+    ChartContainer,
+    ChartTooltip,
+    ChartTooltipContent,
+    ChartLegend,
+    ChartLegendContent,
+    ChartStyle
+} from './components/ui/chart';
+export type { ChartConfig } from './components/ui/chart';
+
+export {
+    Command,
+    CommandDialog,
+    CommandInput,
+    CommandList,
+    CommandEmpty,
+    CommandGroup,
+    CommandItem,
+    CommandShortcut,
+    CommandSeparator
+} from './components/ui/command';
+
+export {
+    Drawer,
+    DrawerPortal,
+    DrawerOverlay,
+    DrawerTrigger,
+    DrawerClose,
+    DrawerContent,
+    DrawerHeader,
+    DrawerFooter,
+    DrawerTitle,
+    DrawerDescription
+} from './components/ui/drawer';
+
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from './components/ui/input-otp';
+
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle } from './components/ui/resizable';
+
+export {
+    Sidebar,
+    SidebarContent,
+    SidebarFooter,
+    SidebarGroup,
+    SidebarGroupAction,
+    SidebarGroupContent,
+    SidebarGroupLabel,
+    SidebarHeader,
+    SidebarInput,
+    SidebarInset,
+    SidebarMenu,
+    SidebarMenuAction,
+    SidebarMenuBadge,
+    SidebarMenuButton,
+    SidebarMenuItem,
+    SidebarMenuSkeleton,
+    SidebarMenuSub,
+    SidebarMenuSubButton,
+    SidebarMenuSubItem,
+    SidebarProvider,
+    SidebarRail,
+    SidebarSeparator,
+    SidebarTrigger,
+    useSidebar
+} from './components/ui/sidebar';
+
+// ===== Chat / AI 对话（shadcn 2026-06 新增分类）=====
+export {
+    MessageGroup,
+    Message,
+    MessageAvatar,
+    MessageContent,
+    MessageFooter,
+    MessageHeader
+} from './components/ui/message';
+
+export {
+    MessageScrollerProvider,
+    MessageScroller,
+    MessageScrollerViewport,
+    MessageScrollerContent,
+    MessageScrollerItem,
+    MessageScrollerButton,
+    useMessageScroller
+} from './components/ui/message-scroller';
+
+export { BubbleGroup, Bubble, BubbleContent, BubbleReactions } from './components/ui/bubble';
+
+export {
+    Attachment,
+    AttachmentGroup,
+    AttachmentMedia,
+    AttachmentContent,
+    AttachmentTitle,
+    AttachmentDescription,
+    AttachmentActions,
+    AttachmentAction,
+    AttachmentTrigger
+} from './components/ui/attachment';
+
+export { Marker, MarkerIcon, MarkerContent, markerVariants } from './components/ui/marker';
+
+export { DirectionProvider, useDirection } from './components/ui/direction';
+
+export { useIsMobile } from './hooks/use-mobile';
+
+// ===== 组合模式（无独立组件文件，由现有组件组装，示例见 playground）=====
+// combobox = Popover + Command · date-picker = Popover + Calendar
+// data-table = Table + @tanstack/react-table
+// （toast 已由 sonner 取代；typography 规范见 playground Design Guide）

package/src/lib/utils.ts

@@ -0,0 +1,7 @@
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+/** 合并 className：clsx 处理条件，tailwind-merge 消解 Tailwind 冲突类。 */
+export function cn(...inputs: ClassValue[]) {
+    return twMerge(clsx(inputs));
+}