@parto-system-design/ui 1.1.0 → 1.1.1
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/index.cjs +579 -388
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +372 -19
- package/dist/index.d.cts +29 -28
- package/dist/index.d.ts +29 -28
- package/dist/index.js +595 -405
- package/dist/index.js.map +1 -1
- package/package.json +4 -21
- package/tailwind.config.ts +297 -13
package/dist/index.d.ts
CHANGED
|
@@ -46,6 +46,24 @@ import { BarSvgProps } from '@nivo/bar';
|
|
|
46
46
|
import { PieSvgProps } from '@nivo/pie';
|
|
47
47
|
import { HeatMapSvgProps } from '@nivo/heatmap';
|
|
48
48
|
|
|
49
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
50
|
+
/**
|
|
51
|
+
* Format number to Instagram-style short format
|
|
52
|
+
* @example formatNumber(123456, 'short') => '123K'
|
|
53
|
+
* @example formatNumber(123456, 'exact') => '123,456'
|
|
54
|
+
*/
|
|
55
|
+
declare function formatNumber(num: number | undefined, format?: 'exact' | 'short'): string;
|
|
56
|
+
/**
|
|
57
|
+
* Format date to relative time with absolute on hover (Persian)
|
|
58
|
+
* @example formatRelativeTime(new Date()) => '۲ ساعت پیش'
|
|
59
|
+
*/
|
|
60
|
+
declare function formatRelativeTime(date: Date | string | number): string;
|
|
61
|
+
/**
|
|
62
|
+
* Format date to absolute format (Persian)
|
|
63
|
+
* @example formatAbsoluteTime(new Date()) => '۱۵ دی ۱۴۰۳، ۱۵:۳۰'
|
|
64
|
+
*/
|
|
65
|
+
declare function formatAbsoluteTime(date: Date | string | number): string;
|
|
66
|
+
|
|
49
67
|
/**
|
|
50
68
|
* Persian/Farsi month names
|
|
51
69
|
*/
|
|
@@ -73,7 +91,7 @@ declare function toEnglishDigits(str: string): string;
|
|
|
73
91
|
/**
|
|
74
92
|
* Format a Date object to Persian/Jalali date string
|
|
75
93
|
*/
|
|
76
|
-
declare function formatJalaliDate(date: Date,
|
|
94
|
+
declare function formatJalaliDate(date: Date, format?: string): string;
|
|
77
95
|
/**
|
|
78
96
|
* Get Persian month name from a Date object
|
|
79
97
|
*/
|
|
@@ -121,44 +139,23 @@ declare function getPersianYearsForDropdown(fromYear: number, toYear: number): A
|
|
|
121
139
|
label: string;
|
|
122
140
|
}>;
|
|
123
141
|
|
|
124
|
-
declare function cn(...inputs: ClassValue[]): string;
|
|
125
|
-
/**
|
|
126
|
-
* Format number to Instagram-style short format
|
|
127
|
-
* @example formatNumber(123456, 'short') => '123K'
|
|
128
|
-
* @example formatNumber(123456, 'exact') => '123,456'
|
|
129
|
-
*/
|
|
130
|
-
declare function formatNumber(num: number | undefined, format?: 'exact' | 'short'): string;
|
|
131
|
-
/**
|
|
132
|
-
* Format date to relative time with absolute on hover (Persian)
|
|
133
|
-
* @example formatRelativeTime(new Date()) => '۲ ساعت پیش'
|
|
134
|
-
*/
|
|
135
|
-
declare function formatRelativeTime(date: Date | string | number): string;
|
|
136
|
-
/**
|
|
137
|
-
* Format date to absolute Jalali (Persian calendar) date string.
|
|
138
|
-
* Uses moment-jalaali for accurate Gregorian → Jalali conversion.
|
|
139
|
-
* @example formatAbsoluteTime(new Date()) => '۱۵ دی ۱۴۰۳، ۱۵:۳۰'
|
|
140
|
-
*/
|
|
141
|
-
declare function formatAbsoluteTime(date: Date | string | number): string;
|
|
142
|
-
|
|
143
142
|
type Icon = LucideIcon;
|
|
144
143
|
/**
|
|
145
144
|
* Icon Collection for Parto Design System
|
|
146
145
|
*
|
|
147
146
|
* RTL Support Guidelines:
|
|
148
147
|
* ----------------------
|
|
149
|
-
* Directional icons (arrows, chevrons) should be flipped in RTL contexts when they
|
|
150
|
-
* indicate navigation direction. Use Tailwind's built-in `rtl:` variant:
|
|
148
|
+
* Directional icons (arrows, chevrons) should be flipped in RTL contexts when they indicate navigation direction.
|
|
151
149
|
*
|
|
152
|
-
*
|
|
153
|
-
* - <Icons.
|
|
150
|
+
* Usage Examples:
|
|
151
|
+
* - For navigation: <Icons.arrowRight className="rtl:rotate-180" />
|
|
152
|
+
* - For UI direction: <Icons.chevronRight className="rtl:rotate-180" />
|
|
154
153
|
*
|
|
155
154
|
* Icons that should NOT be flipped:
|
|
156
155
|
* - Non-directional icons (check, close, settings, etc.)
|
|
157
156
|
* - Icons representing real-world objects
|
|
158
157
|
*/
|
|
159
|
-
|
|
160
|
-
type IconName = 'logo' | 'parto' | 'alertCircle' | 'alertTriangle' | 'arrowRight' | 'arrowLeft' | 'bold' | 'building' | 'calendar' | 'check' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'circle' | 'clock' | 'close' | 'copy' | 'download' | 'eye' | 'eyeOff' | 'file' | 'fileText' | 'gitHub' | 'heart' | 'home' | 'image' | 'images' | 'inbox' | 'info' | 'instagram' | 'italic' | 'loader' | 'menu' | 'messageCircle' | 'moon' | 'moreHorizontal' | 'moreVertical' | 'plus' | 'rocket' | 'search' | 'settings' | 'share' | 'sparkles' | 'sun' | 'trash' | 'twitter' | 'underline' | 'user' | 'users' | 'video' | 'userCheck' | 'trendingUp' | 'award' | 'crown' | 'minus' | 'imageOff' | 'externalLink' | 'gripVertical' | 'panelLeft' | 'xCircle';
|
|
161
|
-
declare const Icons: Record<IconName, React$1.FC<React$1.SVGProps<SVGSVGElement>> | LucideIcon>;
|
|
158
|
+
declare const Icons: Record<string, React$1.FC<React$1.SVGProps<SVGSVGElement>> | LucideIcon>;
|
|
162
159
|
|
|
163
160
|
declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
164
161
|
declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
|
|
@@ -872,6 +869,10 @@ interface InstagramPostProps extends React$1.HTMLAttributes<HTMLDivElement>, Var
|
|
|
872
869
|
onAIAnalysis?: () => void;
|
|
873
870
|
onOpenInstagram?: () => void;
|
|
874
871
|
instagramUrl?: string;
|
|
872
|
+
disableCommentAnalyzer?: boolean;
|
|
873
|
+
disableBooster?: boolean;
|
|
874
|
+
disableAIAnalysis?: boolean;
|
|
875
|
+
disableOpenInstagram?: boolean;
|
|
875
876
|
placeholderText?: string;
|
|
876
877
|
}
|
|
877
878
|
declare const instagramPostVariants: (props?: ({
|
|
@@ -1416,4 +1417,4 @@ declare function PartoWordCloud({ words, width, height, className, minFontSize,
|
|
|
1416
1417
|
|
|
1417
1418
|
declare function useIsMobile(): boolean;
|
|
1418
1419
|
|
|
1419
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, type AspectRatioType, Autocomplete, type AutocompleteItem, type AutocompleteProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, type ButtonVariantProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentCard, type CommentCardProps, type CommentTag, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, type DatePickerProps, DateRangePicker, DateRangePickerInline, type DateRangePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyDescription, EmptyIcon, EmptyTitle, EngagementRate, EngagementRateBar, type EngagementRateBarProps, type EngagementRateProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HashtagInput, type HashtagInputProps, HoverCard, HoverCardContent, HoverCardTrigger, type Icon,
|
|
1420
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, type AspectRatioType, Autocomplete, type AutocompleteItem, type AutocompleteProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, type ButtonVariantProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentCard, type CommentCardProps, type CommentTag, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, type DatePickerProps, DateRangePicker, DateRangePickerInline, type DateRangePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyDescription, EmptyIcon, EmptyTitle, EngagementRate, EngagementRateBar, type EngagementRateBarProps, type EngagementRateProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HashtagInput, type HashtagInputProps, HoverCard, HoverCardContent, HoverCardTrigger, type Icon, Icons, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, InputVariants, InstagramPost, type InstagramPostProps, type InstagramProfileInfo, Kbd, KbdGroup, Label, type LoadingVariantProps, type MediaItem, type MediaType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricCard, MetricCardContent, MetricCardDifferential, MetricCardHeader, MetricCardLabel, MetricCardSparkline, MetricCardValue, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NumberFormat, PERSIAN_MONTHS, PERSIAN_MONTHS_SHORT, PERSIAN_WEEKDAYS, PERSIAN_WEEKDAYS_SHORT, Pagination, PaginationContent, PaginationControlled, type PaginationControlledProps, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PartoBarChart, type PartoBarChartProps, PartoHeatMap, type PartoHeatMapProps, PartoLineChart, type PartoLineChartProps, PartoPieChart, type PartoPieChartProps, PartoWordCloud, type PartoWordCloudProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PostStats, ProfileCard, type ProfileCardProps, ProfileInfo, type ProfileInfoProps, Progress, type ProgressProps, RadioCardDescription, RadioCardItem, RadioCardTitle, RadioCards, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, SONNER_DEFAULT_DURATION, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagInput, type TagInputProps, Textarea, type TimeFormat, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserAutocomplete, type UserAutocompleteProps, type UserItem, type WordData, badgeVariants, buttonGroupVariants, buttonVariants, cn, formatAbsoluteTime, formatJalaliDate, formatNumber, formatPersianDateRange, formatRelativeTime, getPersianDay, getPersianMonth, getPersianMonthName, getPersianMonthNameShort, getPersianMonthsForDropdown, getPersianWeekdayName, getPersianYear, getPersianYearsForDropdown, hashtagInputVariants, instagramPostVariants, jalaliToGregorian, navigationMenuTriggerStyle, tagInputVariants, toEnglishDigits, toPersianDigits, toggleVariants, useFormField, useIsMobile, useSidebar };
|