@pactor-app/ui 1.20.0 → 1.22.0
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/dist/{chunk-COMLXFWS.js → chunk-44DAGWXZ.js} +13 -3
- package/dist/chunk-EDUMGNT6.js +10951 -0
- package/dist/{chunk-XA6OJ54X.js → chunk-JWZHJEUS.js} +368 -283
- package/dist/{chunk-IMRMBMHI.js → chunk-QQBAMERO.js} +1 -1
- package/dist/components/index.cjs +8738 -1507
- package/dist/components/index.d.cts +2439 -40
- package/dist/components/index.d.ts +2439 -40
- package/dist/components/index.js +163 -5
- package/dist/index.cjs +8865 -1634
- package/dist/index.d.cts +5 -2
- package/dist/index.d.ts +5 -2
- package/dist/index.js +164 -6
- package/dist/layout/index.cjs +7 -2
- package/dist/layout/index.js +2 -2
- package/dist/{typography-BYDh5oku.d.cts → typography-BYdZkkP5.d.cts} +27 -2
- package/dist/{typography-BYDh5oku.d.ts → typography-BYdZkkP5.d.ts} +27 -2
- package/dist/ui/index.cjs +335 -371
- package/dist/ui/index.d.cts +6 -38
- package/dist/ui/index.d.ts +6 -38
- package/dist/ui/index.js +12 -128
- package/package.json +10 -6
- package/styles.css +652 -2
- package/dist/chunk-MHM7LTV2.js +0 -3820
package/dist/ui/index.d.cts
CHANGED
|
@@ -17,10 +17,9 @@ import { PreviewCard } from '@base-ui/react/preview-card';
|
|
|
17
17
|
import { Menubar as Menubar$1 } from '@base-ui/react/menubar';
|
|
18
18
|
import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
|
|
19
19
|
import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
|
|
20
|
-
import
|
|
20
|
+
import { t as toggleVariants } from '../typography-BYdZkkP5.cjs';
|
|
21
|
+
export { C as Card, a as CardAction, b as CardContent, c as CardDescription, d as CardFooter, e as CardHeader, f as CardTitle, T as ToastOptions, g as ToastVariant, h as Toaster, i as Toggle, j as Typography, k as toast, l as toastManager, m as typographyVariants } from '../typography-BYdZkkP5.cjs';
|
|
21
22
|
import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
|
|
22
|
-
import { t as toggleVariants } from '../typography-BYDh5oku.cjs';
|
|
23
|
-
export { C as Card, a as CardAction, b as CardContent, c as CardDescription, d as CardFooter, e as CardHeader, f as CardTitle, T as Toggle, g as Typography, h as typographyVariants } from '../typography-BYDh5oku.cjs';
|
|
24
23
|
import { Field as Field$1 } from '@base-ui/react/field';
|
|
25
24
|
import { OTPInput } from 'input-otp';
|
|
26
25
|
import { Progress as Progress$1 } from '@base-ui/react/progress';
|
|
@@ -35,6 +34,7 @@ import { Switch as Switch$1 } from '@base-ui/react/switch';
|
|
|
35
34
|
import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
|
|
36
35
|
import { Toggle } from '@base-ui/react/toggle';
|
|
37
36
|
import { ToggleGroup as ToggleGroup$1 } from '@base-ui/react/toggle-group';
|
|
37
|
+
import '@base-ui/react';
|
|
38
38
|
|
|
39
39
|
/**
|
|
40
40
|
* shadcn/ui Accordion(vendored 源码,Base UI 原语)。
|
|
@@ -72,7 +72,7 @@ declare function AlertDescription({ className, ...props }: React.ComponentProps<
|
|
|
72
72
|
*/
|
|
73
73
|
declare const buttonVariants: (props?: ({
|
|
74
74
|
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
75
|
-
size?: "default" | "
|
|
75
|
+
size?: "default" | "icon" | "sm" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
76
76
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
77
77
|
declare function Button({ className, variant, size, asChild, children, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
|
|
78
78
|
asChild?: boolean;
|
|
@@ -192,16 +192,6 @@ declare function BubbleReactions({ side, align, className, ...props }: React.Com
|
|
|
192
192
|
*/
|
|
193
193
|
declare function Calendar({ className, classNames, showOutsideDays, ...props }: React.ComponentProps<typeof DayPicker>): React.JSX.Element;
|
|
194
194
|
|
|
195
|
-
/** 默认图表配色:chart-1..5 语义令牌(按序循环取色,值为 oklch,直接 var() 引用) */
|
|
196
|
-
declare const CHART_TOKEN_COLORS: readonly ["var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)", "var(--chart-5)"];
|
|
197
|
-
/** 取第 index 个系列的颜色:优先 colors 覆盖,缺省回退 chart-1..5 令牌 */
|
|
198
|
-
declare function chartColor(index: number, colors?: string[]): string;
|
|
199
|
-
/**
|
|
200
|
-
* shadcn chart 模式容器(vendored 薄封装):固定高度 + 横向自适应
|
|
201
|
-
* (内部为 recharts ResponsiveContainer),子节点为单个图表元素。
|
|
202
|
-
*/
|
|
203
|
-
declare function ChartContainer({ className, children, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
204
|
-
|
|
205
195
|
/**
|
|
206
196
|
* shadcn/ui Carousel(vendored 源码,embla-carousel-react 原语):
|
|
207
197
|
* Carousel 提供 embla 上下文;Content/Item 构成轨道与滑页;
|
|
@@ -389,7 +379,7 @@ declare function SheetClose({ ...props }: Dialog$1.Close.Props): React.JSX.Eleme
|
|
|
389
379
|
declare function SheetPortal({ ...props }: Dialog$1.Portal.Props): React.JSX.Element;
|
|
390
380
|
declare function SheetOverlay({ className, ...props }: Dialog$1.Backdrop.Props): React.JSX.Element;
|
|
391
381
|
declare const sheetVariants: (props?: ({
|
|
392
|
-
side?: "
|
|
382
|
+
side?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
393
383
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
394
384
|
declare function SheetContent({ className, children, side, ...props }: Dialog$1.Popup.Props & VariantProps<typeof sheetVariants>): React.JSX.Element;
|
|
395
385
|
declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
@@ -397,28 +387,6 @@ declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'
|
|
|
397
387
|
declare function SheetTitle({ className, ...props }: Dialog$1.Title.Props): React.JSX.Element;
|
|
398
388
|
declare function SheetDescription({ className, ...props }: Dialog$1.Description.Props): React.JSX.Element;
|
|
399
389
|
|
|
400
|
-
/**
|
|
401
|
-
* shadcn/ui Sonner 等价物(vendored 封装,Base UI Toast 原语):
|
|
402
|
-
* 模块级共享 ToastManager + Toaster 挂载点 + 命令式 `toast()` API。
|
|
403
|
-
* variant(success/error/info)落在 ToastObject.type 上,经语义令牌
|
|
404
|
-
* 色条区分(与 InteractionProvider 的 message 四态视觉同源)。
|
|
405
|
-
*/
|
|
406
|
-
type ToastVariant = 'success' | 'error' | 'info';
|
|
407
|
-
interface ToastOptions {
|
|
408
|
-
/** 辅助说明文案(Sonner 风格 description) */
|
|
409
|
-
description?: unknown;
|
|
410
|
-
/** 语义类型,缺省 info */
|
|
411
|
-
variant?: ToastVariant;
|
|
412
|
-
}
|
|
413
|
-
/** 模块级共享 ToastManager:Toaster 挂载点与命令式 API 共用同一实例 */
|
|
414
|
-
declare const toastManager: _base_ui_react.ToastManager<any>;
|
|
415
|
-
/** 命令式 toast 调用(DSL 动作层入口的最终落点) */
|
|
416
|
-
declare function toast(message: unknown, options?: ToastOptions): string;
|
|
417
|
-
/** Sonner 挂载点:渲染共享 manager 的 Toast Provider + Viewport */
|
|
418
|
-
declare function Toaster({ className }: {
|
|
419
|
-
className?: string;
|
|
420
|
-
}): React.JSX.Element;
|
|
421
|
-
|
|
422
390
|
/**
|
|
423
391
|
* shadcn/ui Tooltip(vendored 源码,Base UI Tooltip 原语)。
|
|
424
392
|
* 官方源码:https://ui.shadcn.com/r/styles/base-nova/tooltip.json
|
|
@@ -681,4 +649,4 @@ declare function Textarea({ className, ...props }: React.ComponentProps<'textare
|
|
|
681
649
|
declare function ToggleGroup({ className, variant, size, children, ...props }: ToggleGroup$1.Props & VariantProps<typeof toggleVariants>): React.JSX.Element;
|
|
682
650
|
declare function ToggleGroupItem({ className, children, variant, size, ...props }: Toggle.Props & VariantProps<typeof toggleVariants>): React.JSX.Element;
|
|
683
651
|
|
|
684
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup,
|
|
652
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup, Calendar, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyTitle, Field, FieldDescription, FieldError, FieldLabel, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupInput, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle, Kbd, Label, Menubar, MenubarContent, MenubarItem, MenubarMenu, MenubarSeparator, MenubarTrigger, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Panel, PanelGroup, Popover, PopoverContent, PopoverTrigger, Progress, ProgressIndicator, ProgressTrack, RadioGroup, RadioGroupItem, ResizableHandle, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarContent as SidebarContentArea, SidebarFooter as SidebarFooterArea, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader as SidebarHeaderArea, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarRoot, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderControl, SliderIndicator, SliderThumb, SliderTrack, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, navigationMenuTriggerStyle, toggleVariants, useCarousel, useSidebar };
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -17,10 +17,9 @@ import { PreviewCard } from '@base-ui/react/preview-card';
|
|
|
17
17
|
import { Menubar as Menubar$1 } from '@base-ui/react/menubar';
|
|
18
18
|
import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
|
|
19
19
|
import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
|
|
20
|
-
import
|
|
20
|
+
import { t as toggleVariants } from '../typography-BYdZkkP5.js';
|
|
21
|
+
export { C as Card, a as CardAction, b as CardContent, c as CardDescription, d as CardFooter, e as CardHeader, f as CardTitle, T as ToastOptions, g as ToastVariant, h as Toaster, i as Toggle, j as Typography, k as toast, l as toastManager, m as typographyVariants } from '../typography-BYdZkkP5.js';
|
|
21
22
|
import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
|
|
22
|
-
import { t as toggleVariants } from '../typography-BYDh5oku.js';
|
|
23
|
-
export { C as Card, a as CardAction, b as CardContent, c as CardDescription, d as CardFooter, e as CardHeader, f as CardTitle, T as Toggle, g as Typography, h as typographyVariants } from '../typography-BYDh5oku.js';
|
|
24
23
|
import { Field as Field$1 } from '@base-ui/react/field';
|
|
25
24
|
import { OTPInput } from 'input-otp';
|
|
26
25
|
import { Progress as Progress$1 } from '@base-ui/react/progress';
|
|
@@ -35,6 +34,7 @@ import { Switch as Switch$1 } from '@base-ui/react/switch';
|
|
|
35
34
|
import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
|
|
36
35
|
import { Toggle } from '@base-ui/react/toggle';
|
|
37
36
|
import { ToggleGroup as ToggleGroup$1 } from '@base-ui/react/toggle-group';
|
|
37
|
+
import '@base-ui/react';
|
|
38
38
|
|
|
39
39
|
/**
|
|
40
40
|
* shadcn/ui Accordion(vendored 源码,Base UI 原语)。
|
|
@@ -72,7 +72,7 @@ declare function AlertDescription({ className, ...props }: React.ComponentProps<
|
|
|
72
72
|
*/
|
|
73
73
|
declare const buttonVariants: (props?: ({
|
|
74
74
|
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
75
|
-
size?: "default" | "
|
|
75
|
+
size?: "default" | "icon" | "sm" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
76
76
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
77
77
|
declare function Button({ className, variant, size, asChild, children, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
|
|
78
78
|
asChild?: boolean;
|
|
@@ -192,16 +192,6 @@ declare function BubbleReactions({ side, align, className, ...props }: React.Com
|
|
|
192
192
|
*/
|
|
193
193
|
declare function Calendar({ className, classNames, showOutsideDays, ...props }: React.ComponentProps<typeof DayPicker>): React.JSX.Element;
|
|
194
194
|
|
|
195
|
-
/** 默认图表配色:chart-1..5 语义令牌(按序循环取色,值为 oklch,直接 var() 引用) */
|
|
196
|
-
declare const CHART_TOKEN_COLORS: readonly ["var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)", "var(--chart-5)"];
|
|
197
|
-
/** 取第 index 个系列的颜色:优先 colors 覆盖,缺省回退 chart-1..5 令牌 */
|
|
198
|
-
declare function chartColor(index: number, colors?: string[]): string;
|
|
199
|
-
/**
|
|
200
|
-
* shadcn chart 模式容器(vendored 薄封装):固定高度 + 横向自适应
|
|
201
|
-
* (内部为 recharts ResponsiveContainer),子节点为单个图表元素。
|
|
202
|
-
*/
|
|
203
|
-
declare function ChartContainer({ className, children, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
204
|
-
|
|
205
195
|
/**
|
|
206
196
|
* shadcn/ui Carousel(vendored 源码,embla-carousel-react 原语):
|
|
207
197
|
* Carousel 提供 embla 上下文;Content/Item 构成轨道与滑页;
|
|
@@ -389,7 +379,7 @@ declare function SheetClose({ ...props }: Dialog$1.Close.Props): React.JSX.Eleme
|
|
|
389
379
|
declare function SheetPortal({ ...props }: Dialog$1.Portal.Props): React.JSX.Element;
|
|
390
380
|
declare function SheetOverlay({ className, ...props }: Dialog$1.Backdrop.Props): React.JSX.Element;
|
|
391
381
|
declare const sheetVariants: (props?: ({
|
|
392
|
-
side?: "
|
|
382
|
+
side?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
393
383
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
394
384
|
declare function SheetContent({ className, children, side, ...props }: Dialog$1.Popup.Props & VariantProps<typeof sheetVariants>): React.JSX.Element;
|
|
395
385
|
declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
@@ -397,28 +387,6 @@ declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'
|
|
|
397
387
|
declare function SheetTitle({ className, ...props }: Dialog$1.Title.Props): React.JSX.Element;
|
|
398
388
|
declare function SheetDescription({ className, ...props }: Dialog$1.Description.Props): React.JSX.Element;
|
|
399
389
|
|
|
400
|
-
/**
|
|
401
|
-
* shadcn/ui Sonner 等价物(vendored 封装,Base UI Toast 原语):
|
|
402
|
-
* 模块级共享 ToastManager + Toaster 挂载点 + 命令式 `toast()` API。
|
|
403
|
-
* variant(success/error/info)落在 ToastObject.type 上,经语义令牌
|
|
404
|
-
* 色条区分(与 InteractionProvider 的 message 四态视觉同源)。
|
|
405
|
-
*/
|
|
406
|
-
type ToastVariant = 'success' | 'error' | 'info';
|
|
407
|
-
interface ToastOptions {
|
|
408
|
-
/** 辅助说明文案(Sonner 风格 description) */
|
|
409
|
-
description?: unknown;
|
|
410
|
-
/** 语义类型,缺省 info */
|
|
411
|
-
variant?: ToastVariant;
|
|
412
|
-
}
|
|
413
|
-
/** 模块级共享 ToastManager:Toaster 挂载点与命令式 API 共用同一实例 */
|
|
414
|
-
declare const toastManager: _base_ui_react.ToastManager<any>;
|
|
415
|
-
/** 命令式 toast 调用(DSL 动作层入口的最终落点) */
|
|
416
|
-
declare function toast(message: unknown, options?: ToastOptions): string;
|
|
417
|
-
/** Sonner 挂载点:渲染共享 manager 的 Toast Provider + Viewport */
|
|
418
|
-
declare function Toaster({ className }: {
|
|
419
|
-
className?: string;
|
|
420
|
-
}): React.JSX.Element;
|
|
421
|
-
|
|
422
390
|
/**
|
|
423
391
|
* shadcn/ui Tooltip(vendored 源码,Base UI Tooltip 原语)。
|
|
424
392
|
* 官方源码:https://ui.shadcn.com/r/styles/base-nova/tooltip.json
|
|
@@ -681,4 +649,4 @@ declare function Textarea({ className, ...props }: React.ComponentProps<'textare
|
|
|
681
649
|
declare function ToggleGroup({ className, variant, size, children, ...props }: ToggleGroup$1.Props & VariantProps<typeof toggleVariants>): React.JSX.Element;
|
|
682
650
|
declare function ToggleGroupItem({ className, children, variant, size, ...props }: Toggle.Props & VariantProps<typeof toggleVariants>): React.JSX.Element;
|
|
683
651
|
|
|
684
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup,
|
|
652
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup, Calendar, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyTitle, Field, FieldDescription, FieldError, FieldLabel, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupInput, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle, Kbd, Label, Menubar, MenubarContent, MenubarItem, MenubarMenu, MenubarSeparator, MenubarTrigger, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Panel, PanelGroup, Popover, PopoverContent, PopoverTrigger, Progress, ProgressIndicator, ProgressTrack, RadioGroup, RadioGroupItem, ResizableHandle, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarContent as SidebarContentArea, SidebarFooter as SidebarFooterArea, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader as SidebarHeaderArea, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarRoot, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderControl, SliderIndicator, SliderThumb, SliderTrack, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, navigationMenuTriggerStyle, toggleVariants, useCarousel, useSidebar };
|
package/dist/ui/index.js
CHANGED
|
@@ -25,15 +25,17 @@ import {
|
|
|
25
25
|
BreadcrumbList,
|
|
26
26
|
BreadcrumbPage,
|
|
27
27
|
BreadcrumbSeparator,
|
|
28
|
+
Bubble,
|
|
29
|
+
BubbleContent,
|
|
30
|
+
BubbleGroup,
|
|
31
|
+
BubbleReactions,
|
|
28
32
|
ButtonGroup,
|
|
29
|
-
CHART_TOKEN_COLORS,
|
|
30
33
|
Calendar,
|
|
31
34
|
Carousel,
|
|
32
35
|
CarouselContent,
|
|
33
36
|
CarouselItem,
|
|
34
37
|
CarouselNext,
|
|
35
38
|
CarouselPrevious,
|
|
36
|
-
ChartContainer,
|
|
37
39
|
Checkbox,
|
|
38
40
|
Collapsible,
|
|
39
41
|
CollapsibleContent,
|
|
@@ -153,14 +155,13 @@ import {
|
|
|
153
155
|
ToggleGroupItem,
|
|
154
156
|
Typography,
|
|
155
157
|
badgeVariants,
|
|
156
|
-
chartColor,
|
|
157
158
|
navigationMenuTriggerStyle,
|
|
158
159
|
toast,
|
|
159
160
|
toastManager,
|
|
160
161
|
toggleVariants,
|
|
161
162
|
typographyVariants,
|
|
162
163
|
useCarousel
|
|
163
|
-
} from "../chunk-
|
|
164
|
+
} from "../chunk-JWZHJEUS.js";
|
|
164
165
|
import {
|
|
165
166
|
Dialog,
|
|
166
167
|
DialogClose,
|
|
@@ -439,124 +440,10 @@ function AttachmentGroup({ className, ...props }) {
|
|
|
439
440
|
);
|
|
440
441
|
}
|
|
441
442
|
|
|
442
|
-
// src/ui/bubble.tsx
|
|
443
|
-
import * as React2 from "react";
|
|
444
|
-
import { cva as cva2 } from "class-variance-authority";
|
|
445
|
-
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
446
|
-
function BubbleGroup({ className, ...props }) {
|
|
447
|
-
return /* @__PURE__ */ jsx2(
|
|
448
|
-
"div",
|
|
449
|
-
{
|
|
450
|
-
"data-slot": "bubble-group",
|
|
451
|
-
className: cn("flex min-w-0 flex-col gap-2", className),
|
|
452
|
-
...props
|
|
453
|
-
}
|
|
454
|
-
);
|
|
455
|
-
}
|
|
456
|
-
var bubbleVariants = cva2(
|
|
457
|
-
"group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full",
|
|
458
|
-
{
|
|
459
|
-
variants: {
|
|
460
|
-
variant: {
|
|
461
|
-
default: "*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80",
|
|
462
|
-
secondary: "*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]",
|
|
463
|
-
muted: "*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]",
|
|
464
|
-
tinted: "*:data-[slot=bubble-content]:bg-(--bubble-background) *:data-[slot=bubble-content]:text-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-(--bubble-hover-background)",
|
|
465
|
-
outline: "*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-card [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30",
|
|
466
|
-
ghost: "border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50",
|
|
467
|
-
destructive: "*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30"
|
|
468
|
-
}
|
|
469
|
-
},
|
|
470
|
-
defaultVariants: {
|
|
471
|
-
variant: "default"
|
|
472
|
-
}
|
|
473
|
-
}
|
|
474
|
-
);
|
|
475
|
-
function Bubble({
|
|
476
|
-
variant = "default",
|
|
477
|
-
align = "start",
|
|
478
|
-
className,
|
|
479
|
-
...props
|
|
480
|
-
}) {
|
|
481
|
-
return /* @__PURE__ */ jsx2(
|
|
482
|
-
"div",
|
|
483
|
-
{
|
|
484
|
-
"data-slot": "bubble",
|
|
485
|
-
"data-variant": variant,
|
|
486
|
-
"data-align": align,
|
|
487
|
-
className: cn(bubbleVariants({ variant }), className),
|
|
488
|
-
...props
|
|
489
|
-
}
|
|
490
|
-
);
|
|
491
|
-
}
|
|
492
|
-
function BubbleContent({
|
|
493
|
-
asChild = false,
|
|
494
|
-
className,
|
|
495
|
-
children,
|
|
496
|
-
...props
|
|
497
|
-
}) {
|
|
498
|
-
const cls = cn(
|
|
499
|
-
"w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50",
|
|
500
|
-
className
|
|
501
|
-
);
|
|
502
|
-
if (asChild && React2.isValidElement(children)) {
|
|
503
|
-
return React2.cloneElement(children, {
|
|
504
|
-
"data-slot": "bubble-content",
|
|
505
|
-
className: cn(cls, children.props.className),
|
|
506
|
-
...props
|
|
507
|
-
});
|
|
508
|
-
}
|
|
509
|
-
return /* @__PURE__ */ jsx2(
|
|
510
|
-
"div",
|
|
511
|
-
{
|
|
512
|
-
"data-slot": "bubble-content",
|
|
513
|
-
className: cls,
|
|
514
|
-
...props,
|
|
515
|
-
children
|
|
516
|
-
}
|
|
517
|
-
);
|
|
518
|
-
}
|
|
519
|
-
var bubbleReactionsVariants = cva2(
|
|
520
|
-
"absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0",
|
|
521
|
-
{
|
|
522
|
-
variants: {
|
|
523
|
-
side: {
|
|
524
|
-
top: "top-0 -translate-y-3/4",
|
|
525
|
-
bottom: "bottom-0 translate-y-3/4"
|
|
526
|
-
},
|
|
527
|
-
align: {
|
|
528
|
-
start: "left-3",
|
|
529
|
-
end: "right-3"
|
|
530
|
-
}
|
|
531
|
-
},
|
|
532
|
-
defaultVariants: {
|
|
533
|
-
side: "bottom",
|
|
534
|
-
align: "end"
|
|
535
|
-
}
|
|
536
|
-
}
|
|
537
|
-
);
|
|
538
|
-
function BubbleReactions({
|
|
539
|
-
side = "bottom",
|
|
540
|
-
align = "end",
|
|
541
|
-
className,
|
|
542
|
-
...props
|
|
543
|
-
}) {
|
|
544
|
-
return /* @__PURE__ */ jsx2(
|
|
545
|
-
"div",
|
|
546
|
-
{
|
|
547
|
-
"data-slot": "bubble-reactions",
|
|
548
|
-
"data-align": align,
|
|
549
|
-
"data-side": side,
|
|
550
|
-
className: cn(bubbleReactionsVariants({ side, align }), className),
|
|
551
|
-
...props
|
|
552
|
-
}
|
|
553
|
-
);
|
|
554
|
-
}
|
|
555
|
-
|
|
556
443
|
// src/ui/message.tsx
|
|
557
|
-
import { jsx as
|
|
444
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
558
445
|
function MessageGroup({ className, ...props }) {
|
|
559
|
-
return /* @__PURE__ */
|
|
446
|
+
return /* @__PURE__ */ jsx2(
|
|
560
447
|
"div",
|
|
561
448
|
{
|
|
562
449
|
"data-slot": "message-group",
|
|
@@ -570,7 +457,7 @@ function Message({
|
|
|
570
457
|
align = "start",
|
|
571
458
|
...props
|
|
572
459
|
}) {
|
|
573
|
-
return /* @__PURE__ */
|
|
460
|
+
return /* @__PURE__ */ jsx2(
|
|
574
461
|
"div",
|
|
575
462
|
{
|
|
576
463
|
"data-slot": "message",
|
|
@@ -584,7 +471,7 @@ function Message({
|
|
|
584
471
|
);
|
|
585
472
|
}
|
|
586
473
|
function MessageAvatar({ className, ...props }) {
|
|
587
|
-
return /* @__PURE__ */
|
|
474
|
+
return /* @__PURE__ */ jsx2(
|
|
588
475
|
"div",
|
|
589
476
|
{
|
|
590
477
|
"data-slot": "message-avatar",
|
|
@@ -597,7 +484,7 @@ function MessageAvatar({ className, ...props }) {
|
|
|
597
484
|
);
|
|
598
485
|
}
|
|
599
486
|
function MessageContent({ className, ...props }) {
|
|
600
|
-
return /* @__PURE__ */
|
|
487
|
+
return /* @__PURE__ */ jsx2(
|
|
601
488
|
"div",
|
|
602
489
|
{
|
|
603
490
|
"data-slot": "message-content",
|
|
@@ -610,7 +497,7 @@ function MessageContent({ className, ...props }) {
|
|
|
610
497
|
);
|
|
611
498
|
}
|
|
612
499
|
function MessageHeader({ className, ...props }) {
|
|
613
|
-
return /* @__PURE__ */
|
|
500
|
+
return /* @__PURE__ */ jsx2(
|
|
614
501
|
"div",
|
|
615
502
|
{
|
|
616
503
|
"data-slot": "message-header",
|
|
@@ -623,7 +510,7 @@ function MessageHeader({ className, ...props }) {
|
|
|
623
510
|
);
|
|
624
511
|
}
|
|
625
512
|
function MessageFooter({ className, ...props }) {
|
|
626
|
-
return /* @__PURE__ */
|
|
513
|
+
return /* @__PURE__ */ jsx2(
|
|
627
514
|
"div",
|
|
628
515
|
{
|
|
629
516
|
"data-slot": "message-footer",
|
|
@@ -681,7 +568,6 @@ export {
|
|
|
681
568
|
BubbleReactions,
|
|
682
569
|
Button,
|
|
683
570
|
ButtonGroup,
|
|
684
|
-
CHART_TOKEN_COLORS,
|
|
685
571
|
Calendar,
|
|
686
572
|
Card,
|
|
687
573
|
CardAction,
|
|
@@ -695,7 +581,6 @@ export {
|
|
|
695
581
|
CarouselItem,
|
|
696
582
|
CarouselNext,
|
|
697
583
|
CarouselPrevious,
|
|
698
|
-
ChartContainer,
|
|
699
584
|
Checkbox,
|
|
700
585
|
Collapsible,
|
|
701
586
|
CollapsibleContent,
|
|
@@ -885,7 +770,6 @@ export {
|
|
|
885
770
|
Typography,
|
|
886
771
|
badgeVariants,
|
|
887
772
|
buttonVariants,
|
|
888
|
-
chartColor,
|
|
889
773
|
navigationMenuTriggerStyle,
|
|
890
774
|
toast,
|
|
891
775
|
toastManager,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pactor-app/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.22.0",
|
|
4
4
|
"description": "Pactor UI kit (shadcn): the single built-in UI kit — vendored shadcn/ui components (Base UI primitives + cva + tailwind-merge + lucide-react), props contracts, interaction core (OverlayManager / UiBridge) and layouts, with build-time Tailwind v4 prebuilt styles.css (zero consumer-side Tailwind config)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"pactor",
|
|
@@ -97,18 +97,21 @@
|
|
|
97
97
|
"cmdk": "^1.1.1",
|
|
98
98
|
"cn": "^0.2.6",
|
|
99
99
|
"date-fns": "^4.4.0",
|
|
100
|
+
"dompurify": "^3.2.4",
|
|
101
|
+
"echarts": "^6.1.0",
|
|
100
102
|
"embla-carousel-react": "^8.6.0",
|
|
101
103
|
"input-otp": "^1.5.0",
|
|
102
104
|
"lucide-react": "^1.34.0",
|
|
105
|
+
"qrcode": "^1.5.4",
|
|
103
106
|
"react-day-picker": "^10.0.1",
|
|
104
107
|
"react-resizable-panels": "^4.12.3",
|
|
105
|
-
"recharts": "^3.10.1",
|
|
106
108
|
"tailwind-merge": "^3.6.0",
|
|
107
109
|
"vaul": "^1.1.2",
|
|
108
|
-
"@pactor-app/core": "1.
|
|
109
|
-
"@pactor-app/
|
|
110
|
-
"@pactor-app/
|
|
111
|
-
"@pactor-app/permission": "1.
|
|
110
|
+
"@pactor-app/core": "1.22.0",
|
|
111
|
+
"@pactor-app/markdown": "1.22.0",
|
|
112
|
+
"@pactor-app/router": "1.22.0",
|
|
113
|
+
"@pactor-app/permission": "1.22.0",
|
|
114
|
+
"@pactor-app/runtime": "1.22.0"
|
|
112
115
|
},
|
|
113
116
|
"peerDependencies": {
|
|
114
117
|
"react": ">=18",
|
|
@@ -119,6 +122,7 @@
|
|
|
119
122
|
"@testing-library/dom": "^10.4.1",
|
|
120
123
|
"@testing-library/react": "^16.3.2",
|
|
121
124
|
"@testing-library/user-event": "^14.6.1",
|
|
125
|
+
"@types/qrcode": "^1.5.6",
|
|
122
126
|
"@types/react": "^19.2.18",
|
|
123
127
|
"@types/react-dom": "^19.2.4",
|
|
124
128
|
"jsdom": "^30.0.1",
|