@bubo-squared/ui-framework 0.2.29 → 0.2.31

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

@@ -41,7 +41,7 @@ function spawnRipple(target, clientX, clientY, options = {}) {
 }
 
 // src/components/ui/button.tsx
-import "react";
+import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { jsx as jsx2 } from "react/jsx-runtime";
@@ -72,17 +72,12 @@ var buttonVariants = cva(
     }
   }
 );
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}) {
+var Button = React.forwardRef(({ className, variant = "default", size = "default", asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx2(
     Comp,
     {
+      ref,
       "data-slot": "button",
       "data-variant": variant,
       "data-size": size,
@@ -90,7 +85,8 @@ function Button({
       ...props
     }
   );
-}
+});
+Button.displayName = "Button";
 
 // src/components/Buttons/Button.tsx
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
@@ -2431,7 +2427,7 @@ import "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 // ../../node_modules/.pnpm/lucide-react@0.555.0_react@19.2.3/node_modules/lucide-react/dist/esm/createLucideIcon.js
-import { forwardRef as forwardRef19, createElement as createElement2 } from "react";
+import { forwardRef as forwardRef20, createElement as createElement2 } from "react";
 
 // ../../node_modules/.pnpm/lucide-react@0.555.0_react@19.2.3/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
@@ -2455,7 +2451,7 @@ var hasA11yProp = (props) => {
 };
 
 // ../../node_modules/.pnpm/lucide-react@0.555.0_react@19.2.3/node_modules/lucide-react/dist/esm/Icon.js
-import { forwardRef as forwardRef18, createElement } from "react";
+import { forwardRef as forwardRef19, createElement } from "react";
 
 // ../../node_modules/.pnpm/lucide-react@0.555.0_react@19.2.3/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
@@ -2471,7 +2467,7 @@ var defaultAttributes = {
 };
 
 // ../../node_modules/.pnpm/lucide-react@0.555.0_react@19.2.3/node_modules/lucide-react/dist/esm/Icon.js
-var Icon2 = forwardRef18(
+var Icon2 = forwardRef19(
   ({
     color = "currentColor",
     size = 24,
@@ -2503,7 +2499,7 @@ var Icon2 = forwardRef18(
 
 // ../../node_modules/.pnpm/lucide-react@0.555.0_react@19.2.3/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
-  const Component = forwardRef19(
+  const Component = forwardRef20(
     ({ className, ...props }, ref) => createElement2(Icon2, {
       ref,
       iconNode,
@@ -4262,18 +4258,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 +4310,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 +4319,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 }),