@bubo-squared/ui-framework 0.2.29 → 0.2.31

package/dist/index.cjs

@@ -123,7 +123,7 @@ function spawnRipple(target, clientX, clientY, options = {}) {
 }
 
 // src/components/ui/button.tsx
-var React = require("react");
+var React = __toESM(require("react"), 1);
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -154,17 +154,12 @@ var buttonVariants = (0, import_class_variance_authority.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 ? import_react_slot.Slot : "button";
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     Comp,
     {
+      ref,
       "data-slot": "button",
       "data-variant": variant,
       "data-size": size,
@@ -172,7 +167,8 @@ function Button({
       ...props
     }
   );
-}
+});
+Button.displayName = "Button";
 
 // src/components/Buttons/Button.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -4338,18 +4334,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)]";
@@ -4384,7 +4386,7 @@ var Popover2 = (props) => {
     }
   };
   const { side, align } = mapPlacementToSideAndAlign2(placement);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Popover, { open, onOpenChange: handleOpenChange, children: [
     /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PopoverTrigger, { asChild: true, children }),
     /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       PopoverContent,
@@ -4393,9 +4395,10 @@ var Popover2 = (props) => {
         align,
         sideOffset: offset,
         className: cn(popoverClasses, className),
+        ...rest,
         children: [
           showArrow && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PopoverArrow, { className: popoverArrowClasses }),
-          customContent ? typeof customContent === "function" ? customContent({ close: () => setOpen(false), ok: handleOk, cancel: handleCancel }) : customContent : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "grid gap-4", children: [
+          customContent ? typeof customContent === "function" ? customContent({ close: () => handleOpenChange(false), ok: handleOk, cancel: handleCancel }) : customContent : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "grid gap-4", children: [
             /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "space-y-2", children: [
               hasStrapline && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "caption text-secondary", children: strapline }),
               /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h4", { className: "subtitle-medium text-primary", children: title }),