@bubo-squared/ui-framework 0.2.29 → 0.2.30

package/dist/index.d.cts

@@ -8,6 +8,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RPNInput from 'react-phone-number-input';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { ClassValue } from 'clsx';
 
 declare const buttonVariants: (props?: ({
@@ -669,6 +670,8 @@ interface PopoverProps {
         ok: () => void;
         cancel: () => void;
     }) => React$1.ReactNode);
+    onPointerDownOutside?: React$1.ComponentProps<typeof PopoverPrimitive.Content>['onPointerDownOutside'];
+    onOpenChange?: (open: boolean) => void;
 }
 declare const Popover: React$1.FC<PopoverProps>;
 

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RPNInput from 'react-phone-number-input';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { ClassValue } from 'clsx';
 
 declare const buttonVariants: (props?: ({
@@ -669,6 +670,8 @@ interface PopoverProps {
         ok: () => void;
         cancel: () => void;
     }) => React$1.ReactNode);
+    onPointerDownOutside?: React$1.ComponentProps<typeof PopoverPrimitive.Content>['onPointerDownOutside'];
+    onOpenChange?: (open: boolean) => void;
 }
 declare const Popover: React$1.FC<PopoverProps>;
 

package/dist/index.js

@@ -4262,18 +4262,24 @@ var Popover2 = (props) => {
     placement = "bottom",
     offset = 10,
     customContent,
-    children
+    onOpenChange,
+    children,
+    ...rest
   } = props;
   const hasStrapline = typeof strapline === "string" ? strapline.trim() !== "" : strapline != null;
   const hasDescription = typeof description === "string" ? description.trim() !== "" : description != null;
   const [open, setOpen] = React40.useState(false);
+  const handleOpenChange = (nextOpen) => {
+    setOpen(nextOpen);
+    onOpenChange?.(nextOpen);
+  };
   const handleCancel = () => {
     onCancel?.();
-    setOpen(false);
+    handleOpenChange(false);
   };
   const handleOk = () => {
     onOk?.();
-    setOpen(false);
+    handleOpenChange(false);
   };
   const popoverClasses = "group bg-(--background-popover) popover w-80 max-w-[calc(100vw-2rem)] shadow-card-md border-none [&>span]:scale-240 rounded-8";
   const popoverArrowClasses = "relative fill-(--background-popover) transition-[filter,transform] group-data-[side=top]:top-[-2px] group-data-[side=top]:drop-shadow-[0px_2px_1px_color-mix(in_srgb,_var(--color-b-black-10)_66%,_transparent)] group-data-[side=bottom]:drop-shadow-[0px_1px_1px_color-mix(in_srgb,_var(--color-b-black-10)_66%,_transparent)] group-data-[side=left]:drop-shadow-[0px_2px_1px_color-mix(in_srgb,_var(--color-b-black-10)_66%,_transparent)] group-data-[side=right]:drop-shadow-[0px_2px_1px_color-mix(in_srgb,_var(--color-b-black-10)_66%,_transparent)]";
@@ -4308,7 +4314,7 @@ var Popover2 = (props) => {
     }
   };
   const { side, align } = mapPlacementToSideAndAlign2(placement);
-  return /* @__PURE__ */ jsxs30(Popover, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ jsxs30(Popover, { open, onOpenChange: handleOpenChange, children: [
     /* @__PURE__ */ jsx42(PopoverTrigger, { asChild: true, children }),
     /* @__PURE__ */ jsxs30(
       PopoverContent,
@@ -4317,9 +4323,10 @@ var Popover2 = (props) => {
         align,
         sideOffset: offset,
         className: cn(popoverClasses, className),
+        ...rest,
         children: [
           showArrow && /* @__PURE__ */ jsx42(PopoverArrow, { className: popoverArrowClasses }),
-          customContent ? typeof customContent === "function" ? customContent({ close: () => setOpen(false), ok: handleOk, cancel: handleCancel }) : customContent : /* @__PURE__ */ jsxs30("div", { className: "grid gap-4", children: [
+          customContent ? typeof customContent === "function" ? customContent({ close: () => handleOpenChange(false), ok: handleOk, cancel: handleCancel }) : customContent : /* @__PURE__ */ jsxs30("div", { className: "grid gap-4", children: [
             /* @__PURE__ */ jsxs30("div", { className: "space-y-2", children: [
               hasStrapline && /* @__PURE__ */ jsx42("span", { className: "caption text-secondary", children: strapline }),
               /* @__PURE__ */ jsx42("h4", { className: "subtitle-medium text-primary", children: title }),