@inf-monkeys-tech/monkeys-design 2.0.15 → 2.0.17

package/dist/components/primitives/index.mjs

@@ -4154,6 +4154,87 @@ var SkeletonGroup = forwardRef(function SkeletonGroup2({ animation, animated, ch
     }
   );
 });
+var roundedMap = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  full: "rounded-full"
+};
+function SkeletonImage({
+  className,
+  width,
+  height,
+  aspectRatio = "16/9",
+  rounded = "md",
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Skeleton,
+    {
+      className: cn(roundedMap[rounded], className),
+      style: {
+        width,
+        height,
+        aspectRatio: !height ? aspectRatio : void 0,
+        ...style
+      },
+      ...props
+    }
+  );
+}
+function ImageCard({
+  status,
+  aspectRatio = "1",
+  loadingLabel = "Loading image",
+  errorContent = "Image unavailable",
+  children,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      "aria-busy": status === "loading",
+      style: {
+        position: "relative",
+        overflow: "hidden",
+        width: "100%",
+        aspectRatio,
+        ...style
+      },
+      children: status === "loading" ? /* @__PURE__ */ jsx(SkeletonImage, { width: "100%", height: "100%", "aria-label": loadingLabel }) : status === "error" ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "status",
+          style: { display: "grid", placeItems: "center", height: "100%" },
+          children: errorContent
+        }
+      ) : children
+    }
+  );
+}
+function ImageGallery({
+  minCardWidth = 180,
+  gap = 12,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      style: {
+        display: "grid",
+        gridTemplateColumns: `repeat(auto-fit,minmax(min(100%,${minCardWidth}px),1fr))`,
+        gap,
+        ...style
+      }
+    }
+  );
+}
 var sizeMap = {
   xs: "size-6",
   sm: "size-8",
@@ -4304,36 +4385,6 @@ function SkeletonForm({
     showSubmitButton && /* @__PURE__ */ jsx(SkeletonItem, { index: fields, children: /* @__PURE__ */ jsx("div", { className: cn("pt-2", layout === "horizontal" && `pl-[${labelWidth + 16}px]`), children: /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24 rounded-md" }) }) })
   ] }) });
 }
-var roundedMap = {
-  none: "rounded-none",
-  sm: "rounded-sm",
-  md: "rounded-md",
-  lg: "rounded-lg",
-  full: "rounded-full"
-};
-function SkeletonImage({
-  className,
-  width,
-  height,
-  aspectRatio = "16/9",
-  rounded = "md",
-  style,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Skeleton,
-    {
-      className: cn(roundedMap[rounded], className),
-      style: {
-        width,
-        height,
-        aspectRatio: !height ? aspectRatio : void 0,
-        ...style
-      },
-      ...props
-    }
-  );
-}
 var spacingMap = {
   sm: "py-2",
   md: "py-3",
@@ -4631,6 +4682,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, BentoPanel, 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, PopoverClose, 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, SkeletonGroup, 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 };
+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, BentoPanel, 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, ImageCard, ImageGallery, 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, PopoverClose, 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, SkeletonGroup, 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