@parto-system-design/ui 1.1.1 → 1.1.2

package/dist/index.d.ts

@@ -47,8 +47,21 @@ import { PieSvgProps } from '@nivo/pie';
 import { HeatMapSvgProps } from '@nivo/heatmap';
 
 declare function cn(...inputs: ClassValue[]): string;
+type SupportedLocale = 'fa' | 'ar' | 'en';
 /**
- * Format number to Instagram-style short format
+ * Convert digits in a string to Persian/Arabic numerals based on locale.
+ * @example convertToLocalNumbers('123', 'fa') => '۱۲۳'
+ * @example convertToLocalNumbers('123', 'en') => '123'
+ */
+declare function convertToLocalNumbers(text: string | number, locale: SupportedLocale): string;
+/**
+ * Format large numbers with locale-aware suffixes (K/M/B).
+ * @example formatLargeNumber(1500, 'fa') => '۱.۵ه'
+ * @example formatLargeNumber(1500, 'en') => '1.5K'
+ */
+declare function formatLargeNumber(num: number, locale: SupportedLocale): string;
+/**
+ * Format number to Instagram-style short format (English only).
  * @example formatNumber(123456, 'short') => '123K'
  * @example formatNumber(123456, 'exact') => '123,456'
  */
@@ -139,6 +152,125 @@ declare function getPersianYearsForDropdown(fromYear: number, toYear: number): A
     label: string;
 }>;
 
+type EngagementTier = 'excellent' | 'veryGood' | 'good' | 'average' | 'couldBeImproved' | 'low';
+type FollowerGroup = 'nano' | 'micro' | 'mid' | 'macro' | 'mega';
+interface EngagementRange {
+    label: string;
+    min: number;
+    max: number;
+    color: string;
+    colorFaded: string;
+    hoverColor: string;
+}
+interface EngagementRangeWithDisplay extends EngagementRange {
+    display: string;
+}
+interface GroupThresholds {
+    followers: [number, number];
+    excellent: number;
+    veryGood: [number, number];
+    good: [number, number];
+    average: [number, number];
+    couldBeImproved: [number, number];
+    low: number;
+}
+declare const ENGAGEMENT_RANGES: Record<FollowerGroup, GroupThresholds>;
+declare const TIER_LABELS: Record<SupportedLocale, Record<EngagementTier, string>>;
+declare const GROUP_LABELS: Record<SupportedLocale, Record<FollowerGroup, string>>;
+declare function getFollowerGroup(followers: number): FollowerGroup;
+declare function getEngagementRanges(followers: number, locale: SupportedLocale): EngagementRangeWithDisplay[];
+declare function getCurrentRangeIndex(currentRate: number, ranges: EngagementRange[]): number;
+
+/**
+ * Default UI strings for components that need localized text.
+ * Persian (fa) is the default locale for backward compatibility.
+ */
+declare const UI_STRINGS: {
+    readonly fa: {
+        readonly noResults: "نتیجه‌ای یافت نشد";
+        readonly suggestions: "پیشنهادها";
+        readonly select: "انتخاب کنید";
+        readonly noOptionsFound: "موردی یافت نشد";
+        readonly search: "جستجو...";
+        readonly clearAll: "پاک کردن همه";
+        readonly selectDate: "انتخاب تاریخ";
+        readonly selectDateRange: "انتخاب بازه تاریخ";
+        readonly errorLoadingData: "خطا در بارگذاری داده‌ها";
+        readonly retry: "تلاش مجدد";
+        readonly remove: "حذف";
+        readonly noUsersFound: "کاربری یافت نشد";
+        readonly goToPreviousPage: "رفتن به صفحه قبلی";
+        readonly goToNextPage: "رفتن به صفحه بعدی";
+        readonly previous: "قبلی";
+        readonly next: "بعدی";
+        readonly actions: "عملیات";
+    };
+    readonly ar: {
+        readonly noResults: "لم يتم العثور على نتائج";
+        readonly suggestions: "اقتراحات";
+        readonly select: "اختر";
+        readonly noOptionsFound: "لم يتم العثور على خيارات";
+        readonly search: "بحث...";
+        readonly clearAll: "مسح الكل";
+        readonly selectDate: "اختر تاريخ";
+        readonly selectDateRange: "اختر نطاق التاريخ";
+        readonly errorLoadingData: "خطأ في تحميل البيانات";
+        readonly retry: "إعادة المحاولة";
+        readonly remove: "حذف";
+        readonly noUsersFound: "لم يتم العثور على مستخدمين";
+        readonly goToPreviousPage: "الانتقال إلى الصفحة السابقة";
+        readonly goToNextPage: "الانتقال إلى الصفحة التالية";
+        readonly previous: "السابق";
+        readonly next: "التالي";
+        readonly actions: "إجراءات";
+    };
+    readonly en: {
+        readonly noResults: "No results found";
+        readonly suggestions: "Suggestions";
+        readonly select: "Select";
+        readonly noOptionsFound: "No options found";
+        readonly search: "Search...";
+        readonly clearAll: "Clear all";
+        readonly selectDate: "Select date";
+        readonly selectDateRange: "Select date range";
+        readonly errorLoadingData: "Error loading data";
+        readonly retry: "Retry";
+        readonly remove: "Remove";
+        readonly noUsersFound: "No users found";
+        readonly goToPreviousPage: "Go to previous page";
+        readonly goToNextPage: "Go to next page";
+        readonly previous: "Previous";
+        readonly next: "Next";
+        readonly actions: "Actions";
+    };
+};
+type UIStringKeys = keyof (typeof UI_STRINGS)['fa'];
+type UIStrings = Record<UIStringKeys, string>;
+/**
+ * Get UI strings for a given locale.
+ * Falls back to 'fa' for unknown locales.
+ */
+declare function getUIStrings(locale?: SupportedLocale): UIStrings;
+
+/**
+ * Standard size scale used across the design system.
+ * Components should accept these values for their `size` prop.
+ *
+ * Primary:   xs | sm | md | lg | xl
+ * Legacy:    tiny | small | medium | large | xlarge (deprecated, kept for backward compat)
+ */
+type StandardSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** @deprecated Use `StandardSize` instead */
+type LegacySize = 'tiny' | 'small' | 'medium' | 'large' | 'xlarge';
+/** Size type that accepts both standard and legacy names during migration */
+type SizeWithLegacy = StandardSize | LegacySize;
+/**
+ * Normalizes a size value to standard names (xs|sm|md|lg|xl).
+ * Accepts both legacy and standard names.
+ * Emits a console.warn in development for legacy names.
+ */
+declare function normalizeSize(size: SizeWithLegacy): StandardSize;
+
 type Icon = LucideIcon;
 /**
  * Icon Collection for Parto Design System
@@ -158,9 +290,21 @@ type Icon = LucideIcon;
 declare const Icons: Record<string, React$1.FC<React$1.SVGProps<SVGSVGElement>> | LucideIcon>;
 
 declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Accordion {
+    var displayName: string;
+}
 declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare namespace AccordionItem {
+    var displayName: string;
+}
 declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare namespace AccordionTrigger {
+    var displayName: string;
+}
 declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare namespace AccordionContent {
+    var displayName: string;
+}
 
 declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
     variant?: "info" | "default" | "success" | "warning" | "destructive" | null | undefined;
@@ -183,7 +327,7 @@ declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDia
 interface AutocompleteItem {
     value: string;
     label: string;
-    [key: string]: any;
+    [key: string]: unknown;
 }
 interface AutocompleteProps<T extends AutocompleteItem = AutocompleteItem> extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "onSelect" | "size"> {
     /**
@@ -269,6 +413,11 @@ interface AutocompleteProps<T extends AutocompleteItem = AutocompleteItem> exten
      * Direction
      */
     dir?: "rtl" | "ltr";
+    /**
+     * Locale for default strings
+     * @default "fa"
+     */
+    locale?: SupportedLocale;
 }
 declare const Autocomplete: React$1.ForwardRefExoticComponent<AutocompleteProps<AutocompleteItem> & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -278,7 +427,7 @@ interface UserItem {
     username: string;
     avatar?: string;
     followers: number;
-    [key: string]: any;
+    [key: string]: unknown;
 }
 interface UserAutocompleteProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "onSelect" | "size"> {
     /**
@@ -354,6 +503,11 @@ interface UserAutocompleteProps extends Omit<React$1.InputHTMLAttributes<HTMLInp
      * Direction
      */
     dir?: "rtl" | "ltr";
+    /**
+     * Locale for default strings
+     * @default "fa"
+     */
+    locale?: SupportedLocale;
     /**
      * فعال‌سازی infinite scroll
      * Enable infinite scroll
@@ -384,14 +538,26 @@ interface UserAutocompleteProps extends Omit<React$1.InputHTMLAttributes<HTMLInp
 declare const UserAutocomplete: React$1.ForwardRefExoticComponent<UserAutocompleteProps & React$1.RefAttributes<HTMLInputElement>>;
 
 declare function AspectRatio({ className, ...props }: React$1.ComponentProps<typeof AspectRatioPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace AspectRatio {
+    var displayName: string;
+}
 
 declare function Avatar({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Avatar {
+    var displayName: string;
+}
 declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
+declare namespace AvatarImage {
+    var displayName: string;
+}
 declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
+declare namespace AvatarFallback {
+    var displayName: string;
+}
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "success" | "warning" | "destructive" | "secondary" | "outline" | "brand" | null | undefined;
-    size?: "small" | "tiny" | "large" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "tiny" | "small" | "large" | null | undefined;
     dot?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
@@ -399,22 +565,46 @@ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
     dotPosition?: "start" | "end";
 }
 declare function Badge({ className, variant, size, dot, dotPosition, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare namespace Badge {
+    var displayName: string;
+}
 
 declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+declare namespace Breadcrumb {
+    var displayName: string;
+}
 declare function BreadcrumbList({ className, dir, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
+declare namespace BreadcrumbList {
+    var displayName: string;
+}
 declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare namespace BreadcrumbItem {
+    var displayName: string;
+}
 declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<"a"> & {
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
+declare namespace BreadcrumbLink {
+    var displayName: string;
+}
 declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare namespace BreadcrumbPage {
+    var displayName: string;
+}
 declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare namespace BreadcrumbSeparator {
+    var displayName: string;
+}
 declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare namespace BreadcrumbEllipsis {
+    var displayName: string;
+}
 
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
 declare const buttonVariants: (props?: ({
     variant?: "link" | "text" | "default" | "warning" | "destructive" | "primary" | "secondary" | "outline" | "dashed" | "danger" | "ghost" | null | undefined;
     block?: boolean | null | undefined;
-    size?: "small" | "default" | "tiny" | "medium" | "large" | "xlarge" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "tiny" | "small" | "medium" | "large" | "xlarge" | "default" | "icon" | null | undefined;
     disabled?: boolean | null | undefined;
     rounded?: boolean | null | undefined;
     defaultVariants?: "size" | "variant" | null | undefined;
@@ -431,6 +621,8 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     icon?: React.ReactNode;
     iconLeft?: React.ReactNode;
     iconRight?: React.ReactNode;
+    isLoading?: boolean;
+    /** @deprecated Use `isLoading` instead */
     loading?: boolean;
     block?: boolean;
     rounded?: boolean;
@@ -446,15 +638,24 @@ declare const buttonGroupVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime.JSX.Element;
+declare namespace ButtonGroup {
+    var displayName: string;
+}
 declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<"div"> & {
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
+declare namespace ButtonGroupText {
+    var displayName: string;
+}
 declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+declare namespace ButtonGroupSeparator {
+    var displayName: string;
+}
 
 type CalendarProps = {
     usePersianCalendar?: boolean;
     className?: string;
-    classNames?: any;
+    classNames?: Partial<Record<string, string>>;
     showOutsideDays?: boolean;
 } & (React$1.ComponentProps<typeof DayPicker> | React$1.ComponentProps<typeof DayPicker$1>);
 declare function Calendar({ className, classNames, showOutsideDays, usePersianCalendar, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
@@ -462,7 +663,13 @@ declare namespace Calendar {
     var displayName: string;
 }
 
-declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Visual variant */
+    variant?: "default" | "outlined" | "elevated" | "interactive";
+    /** Content density / padding size */
+    size?: "sm" | "md" | "lg";
+}
+declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
@@ -480,16 +687,43 @@ type CarouselProps = {
     setApi?: (api: CarouselApi) => void;
 };
 declare function Carousel({ orientation, opts, setApi, plugins, className, children, dir, ...props }: React$1.ComponentProps<"div"> & CarouselProps): react_jsx_runtime.JSX.Element;
+declare namespace Carousel {
+    var displayName: string;
+}
 declare function CarouselContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare namespace CarouselContent {
+    var displayName: string;
+}
 declare function CarouselItem({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare namespace CarouselItem {
+    var displayName: string;
+}
 declare function CarouselPrevious({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare namespace CarouselPrevious {
+    var displayName: string;
+}
 declare function CarouselNext({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare namespace CarouselNext {
+    var displayName: string;
+}
 
 declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Checkbox {
+    var displayName: string;
+}
 
 declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Collapsible {
+    var displayName: string;
+}
 declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
+declare namespace CollapsibleTrigger {
+    var displayName: string;
+}
 declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
+declare namespace CollapsibleContent {
+    var displayName: string;
+}
 
 declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -509,18 +743,45 @@ declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitiv
 declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 
 declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
+declare namespace Command {
+    var displayName: string;
+}
 declare function CommandDialog({ title, description, children, className, ...props }: React$1.ComponentProps<typeof Dialog> & {
     title?: string;
     description?: string;
     className?: string;
 }): react_jsx_runtime.JSX.Element;
+declare namespace CommandDialog {
+    var displayName: string;
+}
 declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
+declare namespace CommandInput {
+    var displayName: string;
+}
 declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
+declare namespace CommandList {
+    var displayName: string;
+}
 declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+declare namespace CommandEmpty {
+    var displayName: string;
+}
 declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
+declare namespace CommandGroup {
+    var displayName: string;
+}
 declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
+declare namespace CommandSeparator {
+    var displayName: string;
+}
 declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+declare namespace CommandItem {
+    var displayName: string;
+}
 declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare namespace CommandShortcut {
+    var displayName: string;
+}
 
 interface CommentTag {
     title: string;
@@ -552,27 +813,72 @@ interface CommentCardProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>,
 declare const CommentCard: React$1.ForwardRefExoticComponent<CommentCardProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare function ContextMenu({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenu {
+    var displayName: string;
+}
 declare function ContextMenuTrigger({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenuTrigger {
+    var displayName: string;
+}
 declare function ContextMenuGroup({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenuGroup {
+    var displayName: string;
+}
 declare function ContextMenuPortal({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenuPortal {
+    var displayName: string;
+}
 declare function ContextMenuSub({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenuSub {
+    var displayName: string;
+}
 declare function ContextMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenuRadioGroup {
+    var displayName: string;
+}
 declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
     inset?: boolean;
 }): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenuSubTrigger {
+    var displayName: string;
+}
 declare function ContextMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenuSubContent {
+    var displayName: string;
+}
 declare function ContextMenuContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenuContent {
+    var displayName: string;
+}
 declare function ContextMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Item> & {
     inset?: boolean;
     variant?: "default" | "destructive";
 }): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenuItem {
+    var displayName: string;
+}
 declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenuCheckboxItem {
+    var displayName: string;
+}
 declare function ContextMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenuRadioItem {
+    var displayName: string;
+}
 declare function ContextMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Label> & {
     inset?: boolean;
 }): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenuLabel {
+    var displayName: string;
+}
 declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenuSeparator {
+    var displayName: string;
+}
 declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare namespace ContextMenuShortcut {
+    var displayName: string;
+}
 
 interface DatePickerProps {
     /**
@@ -611,8 +917,16 @@ interface DatePickerProps {
      * Selection mode: 'single' for single date, 'range' for date range
      */
     mode?: 'single' | 'range';
+    /**
+     * Locale for default strings
+     * @default derived from usePersianCalendar
+     */
+    locale?: SupportedLocale;
+}
+declare function DatePicker({ value, onChange, usePersianCalendar, placeholder, className, disabled, numberOfMonths, showPresets, mode, locale, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+declare namespace DatePicker {
+    var displayName: string;
 }
-declare function DatePicker({ value, onChange, usePersianCalendar, placeholder, className, disabled, numberOfMonths, showPresets, mode, }: DatePickerProps): react_jsx_runtime.JSX.Element;
 
 interface DateRangePickerProps {
     /**
@@ -669,76 +983,201 @@ interface DateRangePickerProps {
     toYear?: number;
 }
 declare function DateRangePicker({ value, onChange, label, placeholder, usePersianCalendar, numberOfMonths, minDate, maxDate, className, disabled, captionLayout, fromYear, toYear, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+declare namespace DateRangePicker {
+    var displayName: string;
+}
 /**
  * Simplified version without label (inline usage)
  */
 declare function DateRangePickerInline({ value, onChange, placeholder, usePersianCalendar, numberOfMonths, minDate, maxDate, className, disabled, captionLayout, fromYear, toYear, }: Omit<DateRangePickerProps, "label">): react_jsx_runtime.JSX.Element;
+declare namespace DateRangePickerInline {
+    var displayName: string;
+}
 
 declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Drawer {
+    var displayName: string;
+}
 declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare namespace DrawerTrigger {
+    var displayName: string;
+}
 declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
+declare namespace DrawerPortal {
+    var displayName: string;
+}
 declare function DrawerClose({ ...props }: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
+declare namespace DrawerClose {
+    var displayName: string;
+}
 declare function DrawerOverlay({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare namespace DrawerOverlay {
+    var displayName: string;
+}
 declare function DrawerContent({ className, children, ...props }: React$1.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
+declare namespace DrawerContent {
+    var displayName: string;
+}
 declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare namespace DrawerHeader {
+    var displayName: string;
+}
 declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare namespace DrawerFooter {
+    var displayName: string;
+}
 declare function DrawerTitle({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
+declare namespace DrawerTitle {
+    var displayName: string;
+}
 declare function DrawerDescription({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
+declare namespace DrawerDescription {
+    var displayName: string;
+}
 
 declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenu {
+    var displayName: string;
+}
 declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuPortal {
+    var displayName: string;
+}
 declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuTrigger {
+    var displayName: string;
+}
 declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuContent {
+    var displayName: string;
+}
 declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuGroup {
+    var displayName: string;
+}
 declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
     variant?: "default" | "destructive";
 }): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuItem {
+    var displayName: string;
+}
 declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuCheckboxItem {
+    var displayName: string;
+}
 declare function DropdownMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuRadioGroup {
+    var displayName: string;
+}
 declare function DropdownMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuRadioItem {
+    var displayName: string;
+}
 declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
     inset?: boolean;
 }): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuLabel {
+    var displayName: string;
+}
 declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuSeparator {
+    var displayName: string;
+}
 declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuShortcut {
+    var displayName: string;
+}
 declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuSub {
+    var displayName: string;
+}
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
     inset?: boolean;
 }): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuSubTrigger {
+    var displayName: string;
+}
 declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuSubContent {
+    var displayName: string;
+}
 
 declare function Empty({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function EmptyIcon({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function EmptyTitle({ className, ...props }: React$1.ComponentProps<"h3">): react_jsx_runtime.JSX.Element;
-declare function EmptyDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare namespace Empty {
+    var displayName: string;
+}
+declare const EmptyIcon: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const EmptyTitle: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const EmptyDescription: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+interface ErrorStateProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Error message displayed below the icon */
+    message?: string;
+    /** Callback to trigger a retry — when provided, shows a retry button */
+    onRetry?: () => void;
+    /** Retry button label */
+    retryLabel?: string;
+    /** Size variant controlling padding and icon/text scale */
+    size?: "sm" | "md" | "lg";
+    /** Locale for default strings @default "fa" */
+    locale?: SupportedLocale;
+}
+declare const ErrorState: React$1.ForwardRefExoticComponent<ErrorStateProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Label {
+    var displayName: string;
+}
 
-declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
-declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+declare const FieldSet: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & React$1.RefAttributes<HTMLFieldSetElement>>;
+declare const FieldLegend: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLLegendElement> & React$1.HTMLAttributes<HTMLLegendElement> & {
     variant?: "legend" | "label";
-}): react_jsx_runtime.JSX.Element;
-declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+}, "ref"> & React$1.RefAttributes<HTMLLegendElement>>;
+declare const FieldGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const fieldVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
-declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
-declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
-declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
-    children?: React.ReactNode;
+declare function Field({ className, orientation, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
+declare namespace Field {
+    var displayName: string;
+}
+declare function FieldContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare namespace FieldContent {
+    var displayName: string;
+}
+declare function FieldLabel({ className, ...props }: React$1.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
+declare namespace FieldLabel {
+    var displayName: string;
+}
+declare function FieldTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare namespace FieldTitle {
+    var displayName: string;
+}
+declare function FieldDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare namespace FieldDescription {
+    var displayName: string;
+}
+declare function FieldSeparator({ children, className, ...props }: React$1.ComponentProps<"div"> & {
+    children?: React$1.ReactNode;
 }): react_jsx_runtime.JSX.Element;
-declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+declare namespace FieldSeparator {
+    var displayName: string;
+}
+declare function FieldError({ className, children, errors, ...props }: React$1.ComponentProps<"div"> & {
     errors?: Array<{
         message?: string;
     } | undefined>;
 }): react_jsx_runtime.JSX.Element | null;
+declare namespace FieldError {
+    var displayName: string;
+}
 
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const FormField: {
+    <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 declare const useFormField: () => {
     invalid: boolean;
     isDirty: boolean;
@@ -752,19 +1191,43 @@ declare const useFormField: () => {
     formMessageId: string;
 };
 declare function FormItem({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare namespace FormItem {
+    var displayName: string;
+}
 declare function FormLabel({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace FormLabel {
+    var displayName: string;
+}
 declare function FormControl({ ...props }: React$1.ComponentProps<typeof Slot>): react_jsx_runtime.JSX.Element;
+declare namespace FormControl {
+    var displayName: string;
+}
 declare function FormDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare namespace FormDescription {
+    var displayName: string;
+}
 declare function FormMessage({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element | null;
+declare namespace FormMessage {
+    var displayName: string;
+}
 
 declare function HoverCard({ ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace HoverCard {
+    var displayName: string;
+}
 declare function HoverCardTrigger({ ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare namespace HoverCardTrigger {
+    var displayName: string;
+}
 declare function HoverCardContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare namespace HoverCardContent {
+    var displayName: string;
+}
 
 interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof InputVariants> {
 }
 declare const InputVariants: (props?: ({
-    size?: "small" | "tiny" | "medium" | "large" | "xlarge" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "tiny" | "small" | "medium" | "large" | "xlarge" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -803,26 +1266,56 @@ interface InputGroupProps extends React$1.ComponentProps<"div"> {
     dir?: "ltr" | "rtl";
 }
 declare function InputGroup({ className, dir, ...props }: InputGroupProps): react_jsx_runtime.JSX.Element;
+declare namespace InputGroup {
+    var displayName: string;
+}
 declare const inputGroupAddonVariants: (props?: ({
     align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
+declare namespace InputGroupAddon {
+    var displayName: string;
+}
 declare const inputGroupButtonVariants: (props?: ({
-    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
+declare namespace InputGroupButton {
+    var displayName: string;
+}
 declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare namespace InputGroupText {
+    var displayName: string;
+}
 declare function InputGroupInput({ className, type, size, dir: dirProp, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+declare namespace InputGroupInput {
+    var displayName: string;
+}
 declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
+declare namespace InputGroupTextarea {
+    var displayName: string;
+}
 
 declare function InputOTP({ className, containerClassName, dir, ...props }: React$1.ComponentProps<typeof OTPInput> & {
     containerClassName?: string;
 }): react_jsx_runtime.JSX.Element;
+declare namespace InputOTP {
+    var displayName: string;
+}
 declare function InputOTPGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare namespace InputOTPGroup {
+    var displayName: string;
+}
 declare function InputOTPSlot({ index, className, ...props }: React$1.ComponentProps<"div"> & {
     index: number;
 }): react_jsx_runtime.JSX.Element;
+declare namespace InputOTPSlot {
+    var displayName: string;
+}
 declare function InputOTPSeparator({ ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare namespace InputOTPSeparator {
+    var displayName: string;
+}
 
 type MediaType = "image" | "video" | "carousel";
 type AspectRatioType = "16:9" | "9:16" | "1:1" | "4:5" | "5:4";
@@ -874,38 +1367,111 @@ interface InstagramPostProps extends React$1.HTMLAttributes<HTMLDivElement>, Var
     disableAIAnalysis?: boolean;
     disableOpenInstagram?: boolean;
     placeholderText?: string;
+    /** Text for "show more" button @default "بیشتر" */
+    showMoreText?: string;
+    /** Text for "show less" button @default "کمتر" */
+    showLessText?: string;
 }
 declare const instagramPostVariants: (props?: ({
     variant?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const InstagramPost: React$1.ForwardRefExoticComponent<InstagramPostProps & React$1.RefAttributes<HTMLDivElement>>;
 
+interface ItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Render as child element */
+    asChild?: boolean;
+}
+declare const Item: React$1.ForwardRefExoticComponent<ItemProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ItemMedia: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ItemContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ItemTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const ItemDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+interface ItemGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Section label rendered above the group */
+    label?: string;
+}
+declare const ItemGroup: React$1.ForwardRefExoticComponent<ItemGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+
 declare function Kbd({ className, ...props }: React$1.ComponentProps<"kbd">): react_jsx_runtime.JSX.Element;
+declare namespace Kbd {
+    var displayName: string;
+}
 declare function KbdGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare namespace KbdGroup {
+    var displayName: string;
+}
 
 declare function Menubar({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Menubar {
+    var displayName: string;
+}
 declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime.JSX.Element;
+declare namespace MenubarMenu {
+    var displayName: string;
+}
 declare function MenubarGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare namespace MenubarGroup {
+    var displayName: string;
+}
 declare function MenubarPortal({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare namespace MenubarPortal {
+    var displayName: string;
+}
 declare function MenubarRadioGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare namespace MenubarRadioGroup {
+    var displayName: string;
+}
 declare function MenubarTrigger({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare namespace MenubarTrigger {
+    var displayName: string;
+}
 declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare namespace MenubarContent {
+    var displayName: string;
+}
 declare function MenubarItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Item> & {
     inset?: boolean;
     variant?: "default" | "destructive";
 }): react_jsx_runtime.JSX.Element;
+declare namespace MenubarItem {
+    var displayName: string;
+}
 declare function MenubarCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare namespace MenubarCheckboxItem {
+    var displayName: string;
+}
 declare function MenubarRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare namespace MenubarRadioItem {
+    var displayName: string;
+}
 declare function MenubarLabel({ className, inset, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Label> & {
     inset?: boolean;
 }): react_jsx_runtime.JSX.Element;
+declare namespace MenubarLabel {
+    var displayName: string;
+}
 declare function MenubarSeparator({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare namespace MenubarSeparator {
+    var displayName: string;
+}
 declare function MenubarShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare namespace MenubarShortcut {
+    var displayName: string;
+}
 declare function MenubarSub({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare namespace MenubarSub {
+    var displayName: string;
+}
 declare function MenubarSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
     inset?: boolean;
 }): react_jsx_runtime.JSX.Element;
+declare namespace MenubarSubTrigger {
+    var displayName: string;
+}
 declare function MenubarSubContent({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+declare namespace MenubarSubContent {
+    var displayName: string;
+}
 
 interface MetricCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
@@ -948,7 +1514,13 @@ interface MetricCardSparklineProps {
      */
     dataKey: string;
     /**
-     * Use Persian calendar for date formatting
+     * Locale for number and date formatting
+     * نمایش به صورت فارسی/عربی یا انگلیسی
+     * @default "fa"
+     */
+    locale?: SupportedLocale;
+    /**
+     * @deprecated Use `locale="fa"` instead
      */
     usePersianCalendar?: boolean;
     /**
@@ -965,31 +1537,85 @@ declare const MetricCardDifferential: React$1.ForwardRefExoticComponent<MetricCa
 declare const MetricCardSparkline: React$1.ForwardRefExoticComponent<MetricCardSparklineProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare function NativeSelect({ className, ...props }: React$1.ComponentProps<"select">): react_jsx_runtime.JSX.Element;
+declare namespace NativeSelect {
+    var displayName: string;
+}
 declare function NativeSelectOption({ ...props }: React$1.ComponentProps<"option">): react_jsx_runtime.JSX.Element;
+declare namespace NativeSelectOption {
+    var displayName: string;
+}
 declare function NativeSelectOptGroup({ className, ...props }: React$1.ComponentProps<"optgroup">): react_jsx_runtime.JSX.Element;
+declare namespace NativeSelectOptGroup {
+    var displayName: string;
+}
 
 declare function NavigationMenu({ className, children, viewport, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
     viewport?: boolean;
 }): react_jsx_runtime.JSX.Element;
+declare namespace NavigationMenu {
+    var displayName: string;
+}
 declare function NavigationMenuList({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime.JSX.Element;
+declare namespace NavigationMenuList {
+    var displayName: string;
+}
 declare function NavigationMenuItem({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare namespace NavigationMenuItem {
+    var displayName: string;
+}
 declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 declare function NavigationMenuTrigger({ className, children, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare namespace NavigationMenuTrigger {
+    var displayName: string;
+}
 declare function NavigationMenuContent({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare namespace NavigationMenuContent {
+    var displayName: string;
+}
 declare function NavigationMenuViewport({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime.JSX.Element;
+declare namespace NavigationMenuViewport {
+    var displayName: string;
+}
 declare function NavigationMenuLink({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
+declare namespace NavigationMenuLink {
+    var displayName: string;
+}
 declare function NavigationMenuIndicator({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element;
+declare namespace NavigationMenuIndicator {
+    var displayName: string;
+}
 
 declare function Pagination({ className, dir, children, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+declare namespace Pagination {
+    var displayName: string;
+}
 declare function PaginationContent({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
+declare namespace PaginationContent {
+    var displayName: string;
+}
 declare function PaginationItem({ ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare namespace PaginationItem {
+    var displayName: string;
+}
 type PaginationLinkProps = {
     isActive?: boolean;
 } & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
 declare function PaginationLink({ className, isActive, size, dir, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+declare namespace PaginationLink {
+    var displayName: string;
+}
 declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+declare namespace PaginationPrevious {
+    var displayName: string;
+}
 declare function PaginationNext({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+declare namespace PaginationNext {
+    var displayName: string;
+}
 declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare namespace PaginationEllipsis {
+    var displayName: string;
+}
 
 interface PaginationControlledProps {
     /**
@@ -1046,6 +1672,9 @@ interface PaginationControlledProps {
  * ```
  */
 declare function PaginationControlled({ currentPage, totalPages, onPageChange, siblingCount, showFirstLast, showPrevNext, showEllipsis, className, dir, }: PaginationControlledProps): react_jsx_runtime.JSX.Element;
+declare namespace PaginationControlled {
+    var displayName: string;
+}
 
 declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -1097,6 +1726,11 @@ interface ProfileCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
      * رنگ پس‌زمینه
      */
     variant?: "default" | "dark" | "transparent";
+    /**
+     * نمایش حالت بارگذاری
+     * Show loading skeleton state
+     */
+    isLoading?: boolean;
 }
 declare const ProfileCard: React$1.ForwardRefExoticComponent<ProfileCardProps & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -1153,6 +1787,11 @@ interface ProfileInfoProps extends React$1.HTMLAttributes<HTMLDivElement> {
      * رنگ پس‌زمینه
      */
     variant?: "default" | "dark" | "transparent";
+    /**
+     * Locale for default strings
+     * @default "fa"
+     */
+    locale?: SupportedLocale;
 }
 declare const ProfileInfo: React$1.ForwardRefExoticComponent<ProfileInfoProps & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -1172,13 +1811,18 @@ interface EngagementRateProps extends React$1.HTMLAttributes<HTMLDivElement> {
      * Display in Persian/Arabic or English
      * @default "fa"
      */
-    locale?: "fa" | "ar" | "en";
+    locale?: SupportedLocale;
     /**
      * نمایش کارت اطلاعات دسته‌بندی
      * Show category information card
      * @default true
      */
     showCategoryCard?: boolean;
+    /**
+     * نمایش حالت بارگذاری
+     * Show loading skeleton state
+     */
+    isLoading?: boolean;
 }
 declare const EngagementRate: React$1.ForwardRefExoticComponent<EngagementRateProps & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -1198,18 +1842,24 @@ interface EngagementRateBarProps extends React$1.HTMLAttributes<HTMLDivElement>
      * Display in Persian/Arabic or English
      * @default "fa"
      */
-    locale?: "fa" | "ar" | "en";
+    locale?: SupportedLocale;
     /**
      * نمایش متن راهنمای "عالی" و "پایین"
      * Show helper text "Excellent" and "Low"
      * @default true
      */
     showHelperText?: boolean;
+    /**
+     * نمایش حالت بارگذاری
+     * Show loading skeleton state
+     * @default false
+     */
+    isLoading?: boolean;
 }
 declare const EngagementRateBar: React$1.ForwardRefExoticComponent<EngagementRateBarProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const progressVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressIndicatorVariants: (props?: ({
     variant?: "success" | "warning" | "destructive" | "primary" | "secondary" | null | undefined;
@@ -1219,9 +1869,18 @@ interface ProgressProps extends React$1.ComponentProps<typeof ProgressPrimitive.
     showValue?: boolean;
 }
 declare function Progress({ className, value, size, variant, label, showValue, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
+declare namespace Progress {
+    var displayName: string;
+}
 
 declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
 declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare namespace RadioGroupItem {
+    var displayName: string;
+}
 
 declare const RadioCards: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     columns?: number | Record<string, number>;
@@ -1232,21 +1891,36 @@ declare const RadioCardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttr
 declare const RadioCardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 
 declare function ResizablePanelGroup({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime.JSX.Element;
+declare namespace ResizablePanelGroup {
+    var displayName: string;
+}
 declare function ResizablePanel({ ...props }: React$1.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime.JSX.Element;
+declare namespace ResizablePanel {
+    var displayName: string;
+}
 declare function ResizableHandle({ withHandle, className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
     withHandle?: boolean;
 }): react_jsx_runtime.JSX.Element;
+declare namespace ResizableHandle {
+    var displayName: string;
+}
 
 declare function ScrollArea({ className, children, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace ScrollArea {
+    var displayName: string;
+}
 declare function ScrollBar({ className, orientation, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
+declare namespace ScrollBar {
+    var displayName: string;
+}
 
 declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
-    size?: "small" | "tiny" | "medium" | "large" | "xlarge" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "tiny" | "small" | "medium" | "large" | "xlarge" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLSpanElement>>;
 declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    size?: "small" | "tiny" | "medium" | "large" | "xlarge" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "tiny" | "small" | "medium" | "large" | "xlarge" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -1256,20 +1930,52 @@ declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive
 declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 declare function Sheet({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Sheet {
+    var displayName: string;
+}
 declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare namespace SheetTrigger {
+    var displayName: string;
+}
 declare function SheetClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare namespace SheetClose {
+    var displayName: string;
+}
 declare function SheetContent({ className, children, side, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content> & {
     side?: "top" | "right" | "bottom" | "left";
 }): react_jsx_runtime.JSX.Element;
+declare namespace SheetContent {
+    var displayName: string;
+}
 declare function SheetHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare namespace SheetHeader {
+    var displayName: string;
+}
 declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare namespace SheetFooter {
+    var displayName: string;
+}
 declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare namespace SheetTitle {
+    var displayName: string;
+}
 declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+declare namespace SheetDescription {
+    var displayName: string;
+}
 
 declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> {
+    /** Visual variant */
+    variant?: "default" | "light" | "error";
+    /** Size */
+    size?: "sm" | "md";
+    /** Show arrow/caret pointing to trigger */
+    showArrow?: boolean;
+}
+declare const TooltipContent: React$1.ForwardRefExoticComponent<TooltipContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
 type SidebarContextProps = {
     state: "expanded" | "collapsed";
@@ -1311,7 +2017,7 @@ declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul
 declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<"button"> & {
     asChild?: boolean;
@@ -1334,67 +2040,407 @@ declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...p
     isActive?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-declare function Skeleton({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const skeletonVariants: (props?: ({
+    shape?: "circle" | "rect" | "line" | "text" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
+    /**
+     * تعداد عناصر skeleton برای نمایش (برای shape های line و text)
+     * Number of skeleton elements to repeat (for line/text shapes)
+     */
+    count?: number;
+}
+declare function Skeleton({ className, shape, size, count, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
+declare namespace Skeleton {
+    var displayName: string;
+}
+interface MetricCardSkeletonProps {
+    className?: string;
+}
+declare function MetricCardSkeleton({ className }: MetricCardSkeletonProps): react_jsx_runtime.JSX.Element;
+declare namespace MetricCardSkeleton {
+    var displayName: string;
+}
+interface ChartSkeletonProps {
+    className?: string;
+}
+declare function ChartSkeleton({ className }: ChartSkeletonProps): react_jsx_runtime.JSX.Element;
+declare namespace ChartSkeleton {
+    var displayName: string;
+}
+interface TableSkeletonProps {
+    rows?: number;
+    className?: string;
+}
+declare function TableSkeleton({ rows, className }: TableSkeletonProps): react_jsx_runtime.JSX.Element;
+declare namespace TableSkeleton {
+    var displayName: string;
+}
 
 declare function Slider({ className, defaultValue, value, min, max, dir, ...props }: React$1.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Slider {
+    var displayName: string;
+}
 
 declare const SONNER_DEFAULT_DURATION = 4000;
-declare const Toaster: ({ dir, position, closeButton, toastOptions, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+interface PartoToasterProps extends ToasterProps {
+    /**
+     * Override the theme directly instead of reading from next-themes.
+     * Useful for non-Next.js consumers.
+     */
+    theme?: ToasterProps["theme"];
+}
+declare const Toaster: {
+    ({ dir, position, closeButton, theme: themeProp, toastOptions, ...props }: PartoToasterProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 declare function Spinner({ className, ...props }: React$1.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+declare namespace Spinner {
+    var displayName: string;
+}
 
 declare const switchRootVariants: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
+    size?: "sm" | "md" | "lg" | "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchRootVariants> {
 }
 declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare function Table({ className, ...props }: React$1.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
+interface TableProps extends React$1.ComponentProps<"table"> {
+    /** Size variant affecting cell padding and font size */
+    size?: "sm" | "md" | "lg";
+    /** Zebra-striped rows */
+    striped?: boolean;
+    /** Bordered cells */
+    bordered?: boolean;
+    /** Sticky header that stays visible when scrolling */
+    stickyHeader?: boolean;
+}
+declare function Table({ className, size, striped, bordered, stickyHeader, ...props }: TableProps): react_jsx_runtime.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
 declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
+declare namespace TableHeader {
+    var displayName: string;
+}
 declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
+declare namespace TableBody {
+    var displayName: string;
+}
 declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
+declare namespace TableFooter {
+    var displayName: string;
+}
 declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
+declare namespace TableRow {
+    var displayName: string;
+}
 declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
+declare namespace TableHead {
+    var displayName: string;
+}
 declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
+declare namespace TableCell {
+    var displayName: string;
+}
 declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
+declare namespace TableCaption {
+    var displayName: string;
+}
+interface TableSortHeaderProps extends React$1.ComponentProps<"button"> {
+    /** Current sort direction */
+    sorted?: "asc" | "desc" | false;
+}
+declare function TableSortHeader({ className, children, sorted, ...props }: TableSortHeaderProps): react_jsx_runtime.JSX.Element;
+declare namespace TableSortHeader {
+    var displayName: string;
+}
 
 declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+interface TabsListProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
+    /** Visual variant */
+    variant?: "default" | "underline" | "outline";
+    /** Size */
+    size?: "sm" | "md" | "lg";
+}
+declare const TabsList: React$1.ForwardRefExoticComponent<TabsListProps & React$1.RefAttributes<HTMLDivElement>>;
+interface TabsTriggerProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {
+    /** Icon rendered before the label */
+    icon?: React$1.ReactNode;
+    /** Badge/count rendered after the label */
+    badge?: React$1.ReactNode;
+}
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
+declare namespace Textarea {
+    var displayName: string;
+}
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+declare namespace Toggle {
+    var displayName: string;
+}
 
 declare function ToggleGroup({ className, variant, size, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+declare namespace ToggleGroup {
+    var displayName: string;
+}
 declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+declare namespace ToggleGroupItem {
+    var displayName: string;
+}
+
+interface TrendIndicatorProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    /** The percentage change value */
+    value: number;
+    /** Direction of the trend — auto-detected from value sign if not provided */
+    direction?: "up" | "down" | "neutral";
+    /** Size of the indicator */
+    size?: "sm" | "md" | "lg";
+    /** Locale for number formatting */
+    locale?: SupportedLocale;
+    /** Show the percentage sign */
+    showPercent?: boolean;
+}
+declare const TrendIndicator: React$1.ForwardRefExoticComponent<TrendIndicatorProps & React$1.RefAttributes<HTMLSpanElement>>;
+
+interface FilterChipProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    /** Label text */
+    label: string;
+    /** Callback when the chip is removed */
+    onRemove?: () => void;
+    /** Visual variant */
+    variant?: "default" | "brand" | "warning" | "destructive";
+    /** Size */
+    size?: "sm" | "md";
+    /** Override the remove button's aria-label. Default: "حذف {label}" */
+    removeAriaLabel?: string;
+    /** Disables the chip and hides the remove button */
+    disabled?: boolean;
+    /** Locale for default strings @default "fa" */
+    locale?: SupportedLocale;
+}
+declare const FilterChip: React$1.ForwardRefExoticComponent<FilterChipProps & React$1.RefAttributes<HTMLSpanElement>>;
+interface FilterChipGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Maximum visible chips before showing overflow count */
+    maxVisible?: number;
+}
+declare const FilterChipGroup: React$1.ForwardRefExoticComponent<FilterChipGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface StatDisplayProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** The main numeric value */
+    value: number | string;
+    /** Label describing the stat */
+    label: string;
+    /** Unit suffix (e.g., "K", "%", "نفر") */
+    unit?: string;
+    /** Trend indicator element (use TrendIndicator component) */
+    trend?: React$1.ReactNode;
+    /** Size of the display */
+    size?: "sm" | "md" | "lg";
+    /** Locale for number formatting */
+    locale?: SupportedLocale;
+    /** Optional icon displayed before the value */
+    icon?: React$1.ReactNode;
+    /** Show loading skeleton state */
+    isLoading?: boolean;
+}
+declare const StatDisplay: React$1.ForwardRefExoticComponent<StatDisplayProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface SentimentBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    /** Sentiment type */
+    sentiment: "positive" | "negative" | "neutral" | "mixed";
+    /** Optional count to display */
+    count?: number;
+    /** Size */
+    size?: "sm" | "md";
+    /** Show text label alongside the icon */
+    showLabel?: boolean;
+    /** Locale for number/label formatting */
+    locale?: SupportedLocale;
+}
+declare const SentimentBadge: React$1.ForwardRefExoticComponent<SentimentBadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
+
+interface MultiSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface MultiSelectProps {
+    /** All available options */
+    options: MultiSelectOption[];
+    /** Currently selected values */
+    value?: string[];
+    /** Callback fired when selection changes */
+    onValueChange?: (value: string[]) => void;
+    /** Placeholder text when nothing is selected */
+    placeholder?: string;
+    /** Disables the entire control */
+    disabled?: boolean;
+    /** Shows loading skeleton in dropdown */
+    isLoading?: boolean;
+    /** Maximum number of items that can be selected */
+    maxSelected?: number;
+    /** How many selected chips to display before collapsing into a count badge */
+    maxDisplayed?: number;
+    /** Locale for display and default strings */
+    locale?: SupportedLocale;
+    /** Additional className on the trigger */
+    className?: string;
+    /** Empty state message */
+    emptyMessage?: string;
+    /** Search placeholder */
+    searchPlaceholder?: string;
+}
+declare const MultiSelect: React$1.ForwardRefExoticComponent<MultiSelectProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface PeriodOption {
+    value: string;
+    label: {
+        fa: string;
+        en: string;
+    };
+}
+declare const DEFAULT_PERIODS: PeriodOption[];
+interface PeriodSelectorProps {
+    /** Currently active period value */
+    value: string;
+    /** Callback when a period is selected */
+    onValueChange: (value: string) => void;
+    /** Custom period options — defaults to the 6 standard periods */
+    periods?: PeriodOption[];
+    /** Display locale — affects label language */
+    locale?: "fa" | "en";
+    /** Size variant */
+    size?: "sm" | "md";
+    /** Disables all periods */
+    disabled?: boolean;
+    /** Additional className */
+    className?: string;
+}
+declare const PeriodSelector: React$1.ForwardRefExoticComponent<PeriodSelectorProps & React$1.RefAttributes<HTMLDivElement>>;
+
+type SocialPlatform = "instagram" | "twitter" | "tiktok" | "youtube" | "linkedin" | "telegram" | "threads";
+interface SocialPlatformBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    /** The social media platform to display */
+    platform: SocialPlatform;
+    /** Size of the badge */
+    size?: "xs" | "sm" | "md" | "lg";
+    /** Show the platform name label */
+    showLabel?: boolean;
+    /** Visual style of the badge */
+    variant?: "flat" | "badge";
+}
+declare const SocialPlatformBadge: React$1.ForwardRefExoticComponent<SocialPlatformBadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
+
+interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof InputVariants> {
+    /** Locale for placeholder and aria labels */
+    locale?: SupportedLocale;
+    /** Show a loading spinner instead of the clear button */
+    isLoading?: boolean;
+    /** Called when the clear (×) button is clicked */
+    onClear?: () => void;
+    /** Show a filter button at the end */
+    showFilterButton?: boolean;
+    /** Called when the filter button is clicked */
+    onFilterClick?: () => void;
+    /** Whether the filter button shows an active state */
+    filterActive?: boolean;
+    /** Container className */
+    wrapperClassName?: string;
+}
+declare const SearchInput: React$1.ForwardRefExoticComponent<SearchInputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+interface SentimentData {
+    positive: number;
+    negative: number;
+    neutral: number;
+}
+interface SentimentDistributionProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Sentiment counts (will be auto-normalized to 100%) */
+    data: SentimentData;
+    /** Display mode */
+    variant?: "bars" | "stacked" | "compact";
+    /** Show numeric count labels */
+    showCounts?: boolean;
+    /** Show percentage labels */
+    showPercent?: boolean;
+    /** Locale for number/label formatting */
+    locale?: SupportedLocale;
+    /** Show loading skeleton */
+    isLoading?: boolean;
+}
+declare const SentimentDistribution: React$1.ForwardRefExoticComponent<SentimentDistributionProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ComparisonCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Card title */
+    title: string;
+    /** Optional tooltip explaining the metric */
+    tooltip?: string;
+    /** Optional icon shown before the title */
+    icon?: React$1.ReactNode;
+    /** Label for the current period (e.g. "این ماه") */
+    currentLabel?: string;
+    /** Label for the previous period (e.g. "ماه قبل") */
+    previousLabel?: string;
+    /** Current period value — formatted string or number */
+    currentValue: React$1.ReactNode;
+    /** Previous period value — formatted string or number */
+    previousValue: React$1.ReactNode;
+    /**
+     * Percentage change from previous to current.
+     * If omitted, the change indicator row is hidden.
+     */
+    changePercent?: number;
+    /**
+     * Whether a higher value is considered better (green).
+     * @default true
+     */
+    higherIsBetter?: boolean;
+    /** Show loading skeleton */
+    isLoading?: boolean;
+    /** Locale for number formatting and default labels */
+    locale?: SupportedLocale;
+}
+declare const ComparisonCard: React$1.ForwardRefExoticComponent<ComparisonCardProps & React$1.RefAttributes<HTMLDivElement>>;
 
 interface PartoLineChartProps extends Omit<LineSvgProps<any>, 'theme' | 'width' | 'height'> {
     className?: string;
+    /** Show loading skeleton instead of chart */
+    isLoading?: boolean;
 }
-declare function PartoLineChart({ className, ...props }: PartoLineChartProps): react_jsx_runtime.JSX.Element;
+declare function PartoLineChart({ className, isLoading, ...props }: PartoLineChartProps): react_jsx_runtime.JSX.Element;
 
 interface PartoBarChartProps extends Omit<BarSvgProps<any>, 'theme' | 'width' | 'height'> {
     className?: string;
+    /** Show loading skeleton instead of chart */
+    isLoading?: boolean;
 }
-declare function PartoBarChart({ className, ...props }: PartoBarChartProps): react_jsx_runtime.JSX.Element;
+declare function PartoBarChart({ className, isLoading, ...props }: PartoBarChartProps): react_jsx_runtime.JSX.Element;
 
 interface PartoPieChartProps extends Omit<PieSvgProps<any>, 'theme' | 'width' | 'height'> {
     className?: string;
+    /** Show loading skeleton instead of chart */
+    isLoading?: boolean;
 }
-declare function PartoPieChart({ className, ...props }: PartoPieChartProps): react_jsx_runtime.JSX.Element;
+declare function PartoPieChart({ className, isLoading, ...props }: PartoPieChartProps): react_jsx_runtime.JSX.Element;
 
 interface PartoHeatMapProps extends Omit<HeatMapSvgProps<any, any>, 'theme' | 'width' | 'height'> {
     className?: string;
     locale?: 'fa' | 'en';
+    /** Show loading skeleton instead of chart */
+    isLoading?: boolean;
 }
-declare function PartoHeatMap({ className, locale, data, axisTop, axisBottom, axisLeft, axisRight, valueFormat, tooltip, margin, ...props }: PartoHeatMapProps): react_jsx_runtime.JSX.Element;
+declare function PartoHeatMap({ className, locale, isLoading, data, axisTop, axisBottom, axisLeft, axisRight, valueFormat, tooltip, margin, ...props }: PartoHeatMapProps): react_jsx_runtime.JSX.Element;
 
 interface WordData {
     text: string;
@@ -1402,7 +2448,9 @@ interface WordData {
 }
 interface PartoWordCloudProps {
     words: WordData[];
+    /** Default aspect-ratio reference width; actual rendering is responsive */
     width?: number;
+    /** Default aspect-ratio reference height; actual rendering is responsive */
     height?: number;
     className?: string;
     minFontSize?: number;
@@ -1412,9 +2460,13 @@ interface PartoWordCloudProps {
     rotate?: number;
     random?: () => number;
     fontWeight?: number;
+    /** Called when a word is clicked — useful for click-to-filter behavior */
+    onWordClick?: (word: WordData) => void;
+    /** Show loading skeleton instead of word cloud */
+    isLoading?: boolean;
 }
-declare function PartoWordCloud({ words, width, height, className, minFontSize, maxFontSize, padding, spiral, rotate, random, fontWeight, }: PartoWordCloudProps): react_jsx_runtime.JSX.Element;
+declare function PartoWordCloud({ words, width: widthProp, height: heightProp, className, minFontSize, maxFontSize, padding, spiral, rotate, random, fontWeight, onWordClick, isLoading, }: PartoWordCloudProps): react_jsx_runtime.JSX.Element;
 
 declare function useIsMobile(): boolean;
 
-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 };
+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, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartSkeleton, type ChartSkeletonProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentCard, type CommentCardProps, type CommentTag, ComparisonCard, type ComparisonCardProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_PERIODS, 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, ENGAGEMENT_RANGES, Empty, EmptyDescription, EmptyIcon, EmptyTitle, type EngagementRange, type EngagementRangeWithDisplay, EngagementRate, EngagementRateBar, type EngagementRateBarProps, type EngagementRateProps, type EngagementTier, ErrorState, type ErrorStateProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterChip, FilterChipGroup, type FilterChipProps, type FollowerGroup, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GROUP_LABELS, 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, Item, ItemContent, ItemDescription, ItemGroup, type ItemGroupProps, ItemMedia, type ItemProps, ItemTitle, Kbd, KbdGroup, Label, type LegacySize, 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, MetricCardSkeleton, type MetricCardSkeletonProps, MetricCardSparkline, MetricCardValue, MultiSelect, type MultiSelectOption, type MultiSelectProps, 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, type PartoToasterProps, PartoWordCloud, type PartoWordCloudProps, type PeriodOption, PeriodSelector, type PeriodSelectorProps, 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, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SentimentBadge, type SentimentBadgeProps, type SentimentData, SentimentDistribution, type SentimentDistributionProps, 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, type SizeWithLegacy, Skeleton, type SkeletonProps, Slider, type SocialPlatform, SocialPlatformBadge, type SocialPlatformBadgeProps, Spinner, type StandardSize, StatDisplay, type StatDisplayProps, type SupportedLocale, Switch, type SwitchProps, TIER_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, type TableSkeletonProps, TableSortHeader, Tabs, TabsContent, TabsList, TabsTrigger, TagInput, type TagInputProps, Textarea, type TimeFormat, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TrendIndicator, type TrendIndicatorProps, type UIStringKeys, type UIStrings, UI_STRINGS, UserAutocomplete, type UserAutocompleteProps, type UserItem, type WordData, badgeVariants, buttonGroupVariants, buttonVariants, cn, convertToLocalNumbers, formatAbsoluteTime, formatJalaliDate, formatLargeNumber, formatNumber, formatPersianDateRange, formatRelativeTime, getCurrentRangeIndex, getEngagementRanges, getFollowerGroup, getPersianDay, getPersianMonth, getPersianMonthName, getPersianMonthNameShort, getPersianMonthsForDropdown, getPersianWeekdayName, getPersianYear, getPersianYearsForDropdown, getUIStrings, hashtagInputVariants, instagramPostVariants, jalaliToGregorian, navigationMenuTriggerStyle, normalizeSize, tagInputVariants, toEnglishDigits, toPersianDigits, toggleVariants, useFormField, useIsMobile, useSidebar };