@inf-monkeys-tech/monkeys-design 1.0.45 → 1.0.47

package/dist/components/primitives/index.d.mts

@@ -337,7 +337,17 @@ interface SelectItemProps extends React$1.ComponentPropsWithoutRef<typeof Select
 }
 declare const SelectItem: React$1.ForwardRefExoticComponent<SelectItemProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-type MediaPreviewAspectRatio = 'auto' | 'square' | 'video';
+declare const MEDIA_PREVIEW_ASPECT_RATIOS: readonly [
+    "1:1",
+    "4:3",
+    "3:4",
+    "16:9",
+    "9:16"
+];
+type MediaPreviewRatio = (typeof MEDIA_PREVIEW_ASPECT_RATIOS)[number];
+type MediaPreviewAspectRatio = 'auto' | 'square' | 'video' | MediaPreviewRatio;
+type MediaPreviewFit = 'contain' | 'cover';
+declare const resolveMediaPreviewAspectRatioValue: (aspectRatio?: MediaPreviewRatio) => number;
 declare const mediaPreviewFrameClassName: ({ aspectRatio, maxSquareHeight, className, }?: {
     aspectRatio?: MediaPreviewAspectRatio;
     maxSquareHeight?: boolean;
@@ -348,6 +358,10 @@ interface MediaPreviewFrameProps extends React$1.HTMLAttributes<HTMLDivElement>
     maxSquareHeight?: boolean;
 }
 declare const MediaPreviewFrame: React$1.ForwardRefExoticComponent<MediaPreviewFrameProps & React$1.RefAttributes<HTMLDivElement>>;
+interface MediaPreviewImageProps extends React$1.ImgHTMLAttributes<HTMLImageElement> {
+    fit?: MediaPreviewFit;
+}
+declare const MediaPreviewImage: React$1.ForwardRefExoticComponent<MediaPreviewImageProps & React$1.RefAttributes<HTMLImageElement>>;
 declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
@@ -810,4 +824,4 @@ declare const Tree: React__default.ForwardRefExoticComponent<React__default.HTML
     labelRenderer?: (item: any, onExpand: () => void) => React__default.ReactNode;
     leafRenderer?: (item: any) => React__default.ReactNode;
 } & React__default.RefAttributes<HTMLDivElement>>;
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDangerAction, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AutosizeTextAreaRef, AutosizeTextarea, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BadgeShape, type BadgeVariant, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Calendar, type CalendarProps, Card, CardAction, type CardAppearance, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type ControlAppearance, Dialog, DialogClose, DialogContent, DialogContentNoAnimation, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FloatingPopover, FloatingPopoverContent, type FloatingPopoverContentProps, type FloatingPopoverProps, FloatingPopoverTrigger, type FloatingPopoverTriggerProps, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, Indicator, InfiniteScroll, type InfiniteScrollProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type MediaPreviewAspectRatio, MediaPreviewFrame, type MediaPreviewFrameProps, type PillFieldType, PillInput, type PillInputMessages, type PillInputProps, type PillValue, PolymorphicSlot, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RoundedBadge, ScrollArea, type ScrollAreaProps, ScrollBar, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, type SheetSide, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, Skeleton, SkeletonAvatar, type SkeletonAvatarProps, SkeletonButton, type SkeletonButtonProps, SkeletonCard, type SkeletonCardProps, SkeletonForm, SkeletonFormField, type SkeletonFormFieldProps, type SkeletonFormProps, SkeletonImage, type SkeletonImageProps, SkeletonList, type SkeletonListProps, type SkeletonProps, SkeletonTable, type SkeletonTableProps, SkeletonText, type SkeletonTextProps, Slider, type SliderProps, StatusState, type StatusStateProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, type TabsProps, TabsTrigger, type TabsVariant, Textarea, type TextareaProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleProps, type ToggleSize, type ToggleVariant, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, type TreeDataItem, type TreeProps, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, convertPillValue, formatSliderNumber, isValidPillValue, mediaPreviewFrameClassName, normalizeSliderNumber, toggleClassName, toggleVariants, useAutosizeTextArea, useCarousel };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDangerAction, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AutosizeTextAreaRef, AutosizeTextarea, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BadgeShape, type BadgeVariant, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Calendar, type CalendarProps, Card, CardAction, type CardAppearance, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type ControlAppearance, Dialog, DialogClose, DialogContent, DialogContentNoAnimation, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FloatingPopover, FloatingPopoverContent, type FloatingPopoverContentProps, type FloatingPopoverProps, FloatingPopoverTrigger, type FloatingPopoverTriggerProps, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, Indicator, InfiniteScroll, type InfiniteScrollProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, MEDIA_PREVIEW_ASPECT_RATIOS, type MediaPreviewAspectRatio, type MediaPreviewFit, MediaPreviewFrame, type MediaPreviewFrameProps, MediaPreviewImage, type MediaPreviewImageProps, type MediaPreviewRatio, type PillFieldType, PillInput, type PillInputMessages, type PillInputProps, type PillValue, PolymorphicSlot, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RoundedBadge, ScrollArea, type ScrollAreaProps, ScrollBar, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, type SheetSide, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, Skeleton, SkeletonAvatar, type SkeletonAvatarProps, SkeletonButton, type SkeletonButtonProps, SkeletonCard, type SkeletonCardProps, SkeletonForm, SkeletonFormField, type SkeletonFormFieldProps, type SkeletonFormProps, SkeletonImage, type SkeletonImageProps, SkeletonList, type SkeletonListProps, type SkeletonProps, SkeletonTable, type SkeletonTableProps, SkeletonText, type SkeletonTextProps, Slider, type SliderProps, StatusState, type StatusStateProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, type TabsProps, TabsTrigger, type TabsVariant, Textarea, type TextareaProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleProps, type ToggleSize, type ToggleVariant, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, type TreeDataItem, type TreeProps, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, convertPillValue, formatSliderNumber, isValidPillValue, mediaPreviewFrameClassName, normalizeSliderNumber, resolveMediaPreviewAspectRatioValue, toggleClassName, toggleVariants, useAutosizeTextArea, useCarousel };

package/dist/components/primitives/index.d.ts

@@ -337,7 +337,17 @@ interface SelectItemProps extends React$1.ComponentPropsWithoutRef<typeof Select
 }
 declare const SelectItem: React$1.ForwardRefExoticComponent<SelectItemProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-type MediaPreviewAspectRatio = 'auto' | 'square' | 'video';
+declare const MEDIA_PREVIEW_ASPECT_RATIOS: readonly [
+    "1:1",
+    "4:3",
+    "3:4",
+    "16:9",
+    "9:16"
+];
+type MediaPreviewRatio = (typeof MEDIA_PREVIEW_ASPECT_RATIOS)[number];
+type MediaPreviewAspectRatio = 'auto' | 'square' | 'video' | MediaPreviewRatio;
+type MediaPreviewFit = 'contain' | 'cover';
+declare const resolveMediaPreviewAspectRatioValue: (aspectRatio?: MediaPreviewRatio) => number;
 declare const mediaPreviewFrameClassName: ({ aspectRatio, maxSquareHeight, className, }?: {
     aspectRatio?: MediaPreviewAspectRatio;
     maxSquareHeight?: boolean;
@@ -348,6 +358,10 @@ interface MediaPreviewFrameProps extends React$1.HTMLAttributes<HTMLDivElement>
     maxSquareHeight?: boolean;
 }
 declare const MediaPreviewFrame: React$1.ForwardRefExoticComponent<MediaPreviewFrameProps & React$1.RefAttributes<HTMLDivElement>>;
+interface MediaPreviewImageProps extends React$1.ImgHTMLAttributes<HTMLImageElement> {
+    fit?: MediaPreviewFit;
+}
+declare const MediaPreviewImage: React$1.ForwardRefExoticComponent<MediaPreviewImageProps & React$1.RefAttributes<HTMLImageElement>>;
 declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
@@ -810,4 +824,4 @@ declare const Tree: React__default.ForwardRefExoticComponent<React__default.HTML
     labelRenderer?: (item: any, onExpand: () => void) => React__default.ReactNode;
     leafRenderer?: (item: any) => React__default.ReactNode;
 } & React__default.RefAttributes<HTMLDivElement>>;
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDangerAction, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AutosizeTextAreaRef, AutosizeTextarea, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BadgeShape, type BadgeVariant, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Calendar, type CalendarProps, Card, CardAction, type CardAppearance, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type ControlAppearance, Dialog, DialogClose, DialogContent, DialogContentNoAnimation, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FloatingPopover, FloatingPopoverContent, type FloatingPopoverContentProps, type FloatingPopoverProps, FloatingPopoverTrigger, type FloatingPopoverTriggerProps, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, Indicator, InfiniteScroll, type InfiniteScrollProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type MediaPreviewAspectRatio, MediaPreviewFrame, type MediaPreviewFrameProps, type PillFieldType, PillInput, type PillInputMessages, type PillInputProps, type PillValue, PolymorphicSlot, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RoundedBadge, ScrollArea, type ScrollAreaProps, ScrollBar, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, type SheetSide, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, Skeleton, SkeletonAvatar, type SkeletonAvatarProps, SkeletonButton, type SkeletonButtonProps, SkeletonCard, type SkeletonCardProps, SkeletonForm, SkeletonFormField, type SkeletonFormFieldProps, type SkeletonFormProps, SkeletonImage, type SkeletonImageProps, SkeletonList, type SkeletonListProps, type SkeletonProps, SkeletonTable, type SkeletonTableProps, SkeletonText, type SkeletonTextProps, Slider, type SliderProps, StatusState, type StatusStateProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, type TabsProps, TabsTrigger, type TabsVariant, Textarea, type TextareaProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleProps, type ToggleSize, type ToggleVariant, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, type TreeDataItem, type TreeProps, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, convertPillValue, formatSliderNumber, isValidPillValue, mediaPreviewFrameClassName, normalizeSliderNumber, toggleClassName, toggleVariants, useAutosizeTextArea, useCarousel };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDangerAction, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AutosizeTextAreaRef, AutosizeTextarea, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BadgeShape, type BadgeVariant, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Calendar, type CalendarProps, Card, CardAction, type CardAppearance, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type ControlAppearance, Dialog, DialogClose, DialogContent, DialogContentNoAnimation, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FloatingPopover, FloatingPopoverContent, type FloatingPopoverContentProps, type FloatingPopoverProps, FloatingPopoverTrigger, type FloatingPopoverTriggerProps, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, Indicator, InfiniteScroll, type InfiniteScrollProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, MEDIA_PREVIEW_ASPECT_RATIOS, type MediaPreviewAspectRatio, type MediaPreviewFit, MediaPreviewFrame, type MediaPreviewFrameProps, MediaPreviewImage, type MediaPreviewImageProps, type MediaPreviewRatio, type PillFieldType, PillInput, type PillInputMessages, type PillInputProps, type PillValue, PolymorphicSlot, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RoundedBadge, ScrollArea, type ScrollAreaProps, ScrollBar, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, type SheetSide, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, Skeleton, SkeletonAvatar, type SkeletonAvatarProps, SkeletonButton, type SkeletonButtonProps, SkeletonCard, type SkeletonCardProps, SkeletonForm, SkeletonFormField, type SkeletonFormFieldProps, type SkeletonFormProps, SkeletonImage, type SkeletonImageProps, SkeletonList, type SkeletonListProps, type SkeletonProps, SkeletonTable, type SkeletonTableProps, SkeletonText, type SkeletonTextProps, Slider, type SliderProps, StatusState, type StatusStateProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, type TabsProps, TabsTrigger, type TabsVariant, Textarea, type TextareaProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleProps, type ToggleSize, type ToggleVariant, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, type TreeDataItem, type TreeProps, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, convertPillValue, formatSliderNumber, isValidPillValue, mediaPreviewFrameClassName, normalizeSliderNumber, resolveMediaPreviewAspectRatioValue, toggleClassName, toggleVariants, useAutosizeTextArea, useCarousel };

package/dist/components/primitives/index.js

@@ -1270,21 +1270,40 @@ var SelectSeparator = React14__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props })
 );
 SelectSeparator.displayName = "SelectSeparator";
+var MEDIA_PREVIEW_ASPECT_RATIOS = ["1:1", "4:3", "3:4", "16:9", "9:16"];
+var resolveMediaPreviewAspectRatioValue = (aspectRatio = "1:1") => {
+  const [width, height] = aspectRatio.split(":").map(Number);
+  return width / height;
+};
 var mediaPreviewFrameClassName = ({
   aspectRatio = "square",
   maxSquareHeight = true,
   className
 } = {}) => cn(
   "w-full overflow-hidden bg-muted",
-  aspectRatio === "square" && "aspect-square",
-  aspectRatio === "square" && maxSquareHeight && "max-h-[300px]",
-  aspectRatio === "video" && "aspect-video",
+  (aspectRatio === "square" || aspectRatio === "1:1") && "aspect-square",
+  (aspectRatio === "square" || aspectRatio === "1:1") && maxSquareHeight && "max-h-[300px]",
+  aspectRatio === "4:3" && "aspect-[4/3]",
+  aspectRatio === "3:4" && "aspect-[3/4]",
+  (aspectRatio === "video" || aspectRatio === "16:9") && "aspect-video",
+  aspectRatio === "9:16" && "aspect-[9/16]",
   className
 );
 var MediaPreviewFrame = React14__namespace.forwardRef(
   ({ aspectRatio = "square", maxSquareHeight = true, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: mediaPreviewFrameClassName({ aspectRatio, maxSquareHeight, className }), ...props })
 );
 MediaPreviewFrame.displayName = "MediaPreviewFrame";
+var MediaPreviewImage = React14__namespace.forwardRef(
+  ({ fit = "contain", className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      ref,
+      className: cn("block size-full", fit === "contain" ? "object-contain" : "object-cover", className),
+      ...props
+    }
+  )
+);
+MediaPreviewImage.displayName = "MediaPreviewImage";
 var Dialog = DialogPrimitive__namespace.Root;
 var DialogTrigger = DialogPrimitive__namespace.Trigger;
 var DialogPortal = DialogPrimitive__namespace.Portal;
@@ -2359,7 +2378,9 @@ exports.InputOTPGroup = InputOTPGroup;
 exports.InputOTPSeparator = InputOTPSeparator;
 exports.InputOTPSlot = InputOTPSlot;
 exports.Label = Label3;
+exports.MEDIA_PREVIEW_ASPECT_RATIOS = MEDIA_PREVIEW_ASPECT_RATIOS;
 exports.MediaPreviewFrame = MediaPreviewFrame;
+exports.MediaPreviewImage = MediaPreviewImage;
 exports.PillInput = PillInput;
 exports.PolymorphicSlot = PolymorphicSlot;
 exports.Popover = Popover;
@@ -2446,6 +2467,7 @@ exports.formatSliderNumber = formatSliderNumber;
 exports.isValidPillValue = isValidPillValue;
 exports.mediaPreviewFrameClassName = mediaPreviewFrameClassName;
 exports.normalizeSliderNumber = normalizeSliderNumber;
+exports.resolveMediaPreviewAspectRatioValue = resolveMediaPreviewAspectRatioValue;
 exports.toggleClassName = toggleClassName;
 exports.toggleVariants = toggleVariants;
 exports.useAutosizeTextArea = useAutosizeTextArea;