@inf-monkeys-tech/monkeys-design 1.0.102 → 1.0.103

package/dist/components/primitives/index.mjs

@@ -11,7 +11,6 @@ import { DayPicker } from 'react-day-picker';
 import useEmblaCarousel from 'embla-carousel-react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -24,6 +23,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as ResizablePrimitive from 'react-resizable-panels';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -447,23 +447,6 @@ var Button = React15.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React15.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  PopoverPrimitive.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn(
-      "z-50 w-72 rounded-lg border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-PopoverContent.displayName = "PopoverContent";
 var ScrollArea = React15.forwardRef(
   ({
     className,
@@ -1351,6 +1334,43 @@ AlertDialogDescription.displayName = "AlertDialogDescription";
 AlertDialogAction.displayName = "AlertDialogAction";
 AlertDialogDangerAction.displayName = "AlertDialogDangerAction";
 AlertDialogCancel.displayName = "AlertDialogCancel";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverClose = PopoverPrimitive.Close;
+var PopoverContent = React15.forwardRef(function PopoverContent2({ align = "center", sideOffset = 4, container, className, style, ...props }, ref) {
+  const fallbackContainer = typeof document !== "undefined" ? (() => {
+    const active = document.activeElement;
+    const activeDialog = active?.closest("[data-monkeys-dialog-content]");
+    if (activeDialog) return activeDialog;
+    const openDialogs = Array.from(
+      document.querySelectorAll(
+        '[data-monkeys-dialog-content][data-state="open"]'
+      )
+    );
+    return openDialogs.at(-1);
+  })() : void 0;
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container: container ?? fallbackContainer, children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      align,
+      sideOffset,
+      className: cn(
+        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+        "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      ),
+      style: { pointerEvents: "auto", ...style },
+      ...props
+    }
+  ) });
+});
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 var defaultMessages = {
   stringPlaceholder: "Enter a value and press Enter",
   numberPlaceholder: "Enter a number and press Enter",
@@ -2242,6 +2262,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, 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 };
+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, 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, 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