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

package/dist/components/primitives/index.mjs

@@ -1226,21 +1226,40 @@ var SelectSeparator = React14.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.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.forwardRef(
   ({ aspectRatio = "square", maxSquareHeight = true, className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: mediaPreviewFrameClassName({ aspectRatio, maxSquareHeight, className }), ...props })
 );
 MediaPreviewFrame.displayName = "MediaPreviewFrame";
+var MediaPreviewImage = React14.forwardRef(
+  ({ fit = "contain", className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "img",
+    {
+      ref,
+      className: cn("block size-full", fit === "contain" ? "object-contain" : "object-cover", className),
+      ...props
+    }
+  )
+);
+MediaPreviewImage.displayName = "MediaPreviewImage";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
@@ -2223,6 +2242,6 @@ var Leaf = forwardRef(({ className, item, isSelected, Icon: Icon2, children, ...
 });
 Leaf.displayName = "Leaf";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDangerAction, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AutosizeTextarea, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Dialog, DialogClose, DialogContent, DialogContentNoAnimation, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FloatingPopover, FloatingPopoverContent, FloatingPopoverTrigger, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, Indicator2 as Indicator, InfiniteScroll, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label3 as Label, MediaPreviewFrame, PillInput, PolymorphicSlot, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RoundedBadge, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonForm, SkeletonFormField, SkeletonImage, SkeletonList, SkeletonTable, SkeletonText, Slider, StatusState, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, 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, AutosizeTextarea, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Dialog, DialogClose, DialogContent, DialogContentNoAnimation, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FloatingPopover, FloatingPopoverContent, FloatingPopoverTrigger, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, Indicator2 as Indicator, InfiniteScroll, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label3 as Label, MEDIA_PREVIEW_ASPECT_RATIOS, MediaPreviewFrame, MediaPreviewImage, PillInput, PolymorphicSlot, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, RoundedBadge, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonForm, SkeletonFormField, SkeletonImage, SkeletonList, SkeletonTable, SkeletonText, Slider, StatusState, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, convertPillValue, formatSliderNumber, isValidPillValue, mediaPreviewFrameClassName, normalizeSliderNumber, resolveMediaPreviewAspectRatioValue, toggleClassName, toggleVariants, useAutosizeTextArea, useCarousel };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map