@bioturing/components 0.37.1 → 0.39.0

package/dist/components/hooks/useResizable.d.ts

@@ -0,0 +1,50 @@
+import { default as React } from 'react';
+type SharedProps = {
+    maxHeight?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    minWidth?: number;
+    lockHorizontal?: boolean;
+    lockVertical?: boolean;
+    onResize?: (values: MoveValues) => void;
+    onDragEnd?: (values: MoveValues) => void;
+    onDragStart?: (values: MoveValues) => void;
+    disabled?: boolean;
+    maintainAspectRatio?: boolean;
+};
+export interface ResizableProps extends SharedProps {
+    interval?: number;
+    initialHeight?: number | string;
+    initialWidth?: number | string;
+}
+export interface ResizeHandleProps extends SharedProps {
+    parent?: React.RefObject<HTMLElement>;
+    interval?: number;
+    reverse?: boolean;
+    corner?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+}
+export type MoveValues = {
+    newHeight: number;
+    heightDiff: number;
+    newWidth: number;
+    widthDiff: number;
+};
+export declare const useResizable: (options: ResizableProps) => {
+    rootRef: React.RefObject<HTMLDivElement>;
+    getRootProps: () => {
+        ref: React.RefObject<HTMLDivElement>;
+        style: {
+            height: string | number;
+            width: string | number;
+        };
+    };
+    getHandleProps: (handleProps?: ResizeHandleProps) => {
+        onMouseDown: (e: React.MouseEvent | React.TouchEvent) => void;
+        onTouchStart: (e: React.MouseEvent | React.TouchEvent) => void;
+        style: {
+            cursor: any;
+        };
+    };
+};
+export {};
+//# sourceMappingURL=useResizable.d.ts.map

package/dist/components/hooks/useResizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizable.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useResizable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;CACpE;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAkCF,eAAO,MAAM,YAAY,GAAI,SAAS,cAAc;;;;;;;;;mCAmBZ,iBAAiB;yBAgK9B,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU;0BAAnC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU;;;;;CA6F7D,CAAC"}

package/dist/components/hooks/useResizable.js

@@ -0,0 +1,148 @@
+import { useRef as C } from "react";
+const F = {
+  interval: 1,
+  initialHeight: 100,
+  initialWidth: 100,
+  lockHorizontal: !1,
+  lockVertical: !1
+}, B = (X) => {
+  const E = {
+    ...F,
+    ...X
+  }, m = C(null);
+  return {
+    rootRef: m,
+    getRootProps: () => {
+      const { initialHeight: p, initialWidth: n } = E;
+      return {
+        ref: m,
+        style: {
+          height: p,
+          width: n
+        }
+      };
+    },
+    getHandleProps: (p) => {
+      p || (p = {});
+      const {
+        parent: n = m,
+        interval: d = 1,
+        maxHeight: W = Number.MAX_SAFE_INTEGER,
+        maxWidth: D = Number.MAX_SAFE_INTEGER,
+        reverse: R,
+        lockHorizontal: w,
+        lockVertical: v,
+        onResize: y,
+        onDragEnd: M,
+        onDragStart: x,
+        minHeight: z = 0,
+        minWidth: A = 0,
+        disabled: H = !1,
+        maintainAspectRatio: L = !1,
+        corner: g
+      } = { ...E, ...p }, b = (r, c, s, o, t, l) => {
+        if (H) return;
+        const u = n?.current?.clientWidth || 0, h = n?.current?.clientHeight || 0;
+        let e = h, i = u;
+        const Y = g === "top-left" || g === "top-right", _ = g === "top-left" || g === "bottom-left", $ = R || Y ? -1 : 1, P = R || _ ? -1 : 1;
+        if (!v) {
+          const a = c + (r - s) * $;
+          e = Math.round(a / d) * d, e <= 0 && (e = d), e >= W && (e = W), e <= z && (e = z), n?.current && (n.current.style.height = `${e}px`);
+        }
+        if (!w) {
+          const a = t + (o - l) * P;
+          i = Math.round(a / d) * d, i <= 0 && (i = d), i >= D && (i = D), i <= A && (i = A), n?.current && (n.current.style.width = `${i}px`);
+        }
+        if (L) {
+          const a = u / h;
+          i / e > a ? (i = e * a, n?.current && (n.current.style.width = `${i}px`)) : (e = i / a, n?.current && (n.current.style.height = `${e}px`));
+        }
+        y && y({
+          newHeight: e,
+          heightDiff: e - h,
+          newWidth: i,
+          widthDiff: i - u
+        });
+      }, k = (r, c, s, o) => (t) => {
+        t instanceof MouseEvent && b(
+          t.clientY,
+          r,
+          c,
+          t.clientX,
+          s,
+          o
+        );
+      }, N = (r, c, s, o) => (t) => {
+        t.preventDefault(), t instanceof TouchEvent && b(
+          t.touches[0].clientY,
+          r,
+          c,
+          t.touches[0].clientX,
+          s,
+          o
+        );
+      }, S = (r, c, s, o, t) => {
+        function l() {
+          if (document.removeEventListener(c, r), document.removeEventListener(s, l), M) {
+            const u = n?.current?.clientWidth || 0, h = n?.current?.clientHeight || 0;
+            M({
+              newHeight: h,
+              heightDiff: h - o,
+              newWidth: u,
+              widthDiff: u - t
+            });
+          }
+        }
+        return l;
+      }, T = (r) => {
+        if (H) return;
+        const c = n?.current?.clientHeight || 0, s = n?.current?.clientWidth || 0;
+        let o = null, t = null, l = null;
+        if (r.type === "mousedown") {
+          const { clientY: h, clientX: e } = r;
+          o = k(
+            c,
+            h,
+            s,
+            e
+          ), t = "mousemove", l = "mouseup";
+        } else if (r.type === "touchstart") {
+          const { touches: h } = r, { clientY: e, clientX: i } = h[0];
+          o = N(
+            c,
+            e,
+            s,
+            i
+          ), t = "touchmove", l = "touchend";
+        }
+        if (!o || !t || !l) return;
+        x && x({
+          newHeight: c,
+          heightDiff: 0,
+          newWidth: s,
+          widthDiff: 0
+        });
+        const u = S(
+          o,
+          t,
+          l,
+          c,
+          s
+        );
+        document.addEventListener(t, o, { passive: !1 }), document.addEventListener(l, u);
+      };
+      let f;
+      return H ? f = "not-allowed" : w && v ? f = "default" : w ? f = "row-resize" : v ? f = "col-resize" : g === "top-left" || g === "bottom-right" ? f = "nwse-resize" : f = "nesw-resize", {
+        onMouseDown: T,
+        onTouchStart: T,
+        style: {
+          cursor: f
+        }
+      };
+    }
+  };
+};
+export {
+  B as useResizable
+};
+//# sourceMappingURL=useResizable.js.map

package/dist/components/hooks/useResizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizable.js","sources":["../../../src/components/hooks/useResizable.ts"],"sourcesContent":["import React, { useRef } from \"react\";\n\ntype SharedProps = {\n  maxHeight?: number;\n  maxWidth?: number;\n  minHeight?: number;\n  minWidth?: number;\n  lockHorizontal?: boolean;\n  lockVertical?: boolean;\n  onResize?: (values: MoveValues) => void;\n  onDragEnd?: (values: MoveValues) => void;\n  onDragStart?: (values: MoveValues) => void;\n  disabled?: boolean;\n  maintainAspectRatio?: boolean;\n};\n\nexport interface ResizableProps extends SharedProps {\n  interval?: number;\n  initialHeight?: number | string;\n  initialWidth?: number | string;\n}\n\nexport interface ResizeHandleProps extends SharedProps {\n  parent?: React.RefObject<HTMLElement>;\n  interval?: number;\n  reverse?: boolean;\n  corner?: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n}\n\nexport type MoveValues = {\n  newHeight: number;\n  heightDiff: number;\n  newWidth: number;\n  widthDiff: number;\n};\n\ntype HandleMouseMove = (\n  startHeight: number,\n  startY: number,\n  startWidth: number,\n  startX: number\n) => (e: Event) => void;\n\ntype HandleTouchMove = (\n  startHeight: number,\n  startY: number,\n  startWidth: number,\n  startX: number\n) => (e: Event) => void;\n\nenum MoveEvent {\n  MouseMove = \"mousemove\",\n  TouchMove = \"touchmove\",\n}\n\nenum EndEvent {\n  MouseUp = \"mouseup\",\n  TouchEnd = \"touchend\",\n}\n\nconst defaultProps: ResizableProps = {\n  interval: 1,\n  initialHeight: 100,\n  initialWidth: 100,\n  lockHorizontal: false,\n  lockVertical: false,\n};\n\nexport const useResizable = (options: ResizableProps) => {\n  const props: ResizableProps = {\n    ...defaultProps,\n    ...options,\n  };\n\n  const parentRef = useRef<HTMLDivElement>(null);\n\n  const getRootProps = () => {\n    const { initialHeight, initialWidth } = props;\n    return {\n      ref: parentRef,\n      style: {\n        height: initialHeight,\n        width: initialWidth,\n      },\n    };\n  };\n\n  const getHandleProps = (handleProps?: ResizeHandleProps) => {\n    if (!handleProps) {\n      handleProps = {};\n    }\n    const {\n      parent = parentRef,\n      interval = 1,\n      maxHeight = Number.MAX_SAFE_INTEGER,\n      maxWidth = Number.MAX_SAFE_INTEGER,\n      reverse,\n      lockHorizontal,\n      lockVertical,\n      onResize,\n      onDragEnd,\n      onDragStart,\n      minHeight = 0,\n      minWidth = 0,\n      disabled = false,\n      maintainAspectRatio = false,\n      corner,\n    } = { ...props, ...handleProps };\n\n    const handleMove = (\n      clientY: number,\n      startHeight: number,\n      startY: number,\n      clientX: number,\n      startWidth: number,\n      startX: number\n    ) => {\n      if (disabled) return;\n      const currentWidth = parent?.current?.clientWidth || 0;\n      const currentHeight = parent?.current?.clientHeight || 0;\n      let roundedHeight = currentHeight;\n      let roundedWidth = currentWidth;\n\n      // Determine resize direction based on corner\n      const isTopCorner = corner === \"top-left\" || corner === \"top-right\";\n      const isLeftCorner = corner === \"top-left\" || corner === \"bottom-left\";\n\n      // For top corners, Y direction is reversed\n      const yDirection = reverse ? -1 : isTopCorner ? -1 : 1;\n      // For left corners, X direction is reversed\n      const xDirection = reverse ? -1 : isLeftCorner ? -1 : 1;\n\n      if (!lockVertical) {\n        const newHeight = startHeight + (clientY - startY) * yDirection;\n        // Round height to nearest interval\n        roundedHeight = Math.round(newHeight / interval) * interval;\n        if (roundedHeight <= 0) {\n          roundedHeight = interval;\n        }\n        if (roundedHeight >= maxHeight) {\n          roundedHeight = maxHeight;\n        }\n        if (roundedHeight <= minHeight) {\n          roundedHeight = minHeight;\n        }\n\n        if (parent?.current) {\n          parent.current.style.height = `${roundedHeight}px`;\n        }\n      }\n\n      if (!lockHorizontal) {\n        const newWidth = startWidth + (clientX - startX) * xDirection;\n        // Round width to nearest interval\n        roundedWidth = Math.round(newWidth / interval) * interval;\n        if (roundedWidth <= 0) {\n          roundedWidth = interval;\n        }\n        if (roundedWidth >= maxWidth) {\n          roundedWidth = maxWidth;\n        }\n        if (roundedWidth <= minWidth) {\n          roundedWidth = minWidth;\n        }\n\n        if (parent?.current) {\n          parent.current.style.width = `${roundedWidth}px`;\n        }\n      }\n\n      if (maintainAspectRatio) {\n        const aspectRatio = currentWidth / currentHeight;\n        const newAspectRatio = roundedWidth / roundedHeight;\n        if (newAspectRatio > aspectRatio) {\n          roundedWidth = roundedHeight * aspectRatio;\n          if (parent?.current) {\n            parent.current.style.width = `${roundedWidth}px`;\n          }\n        } else {\n          roundedHeight = roundedWidth / aspectRatio;\n          if (parent?.current) {\n            parent.current.style.height = `${roundedHeight}px`;\n          }\n        }\n      }\n      if (onResize) {\n        onResize({\n          newHeight: roundedHeight,\n          heightDiff: roundedHeight - currentHeight,\n          newWidth: roundedWidth,\n          widthDiff: roundedWidth - currentWidth,\n        });\n      }\n    };\n\n    const handleMouseMove: HandleMouseMove =\n      (startHeight, startY, startWidth, startX) => (e: Event) => {\n        if (!(e instanceof MouseEvent)) return;\n        handleMove(\n          e.clientY,\n          startHeight,\n          startY,\n          e.clientX,\n          startWidth,\n          startX\n        );\n      };\n\n    const handleTouchMove: HandleTouchMove =\n      (startHeight, startY, startWidth, startX) => (e: Event) => {\n        e.preventDefault();\n        if (!(e instanceof TouchEvent)) return;\n        handleMove(\n          e.touches[0].clientY,\n          startHeight,\n          startY,\n          e.touches[0].clientX,\n          startWidth,\n          startX\n        );\n      };\n\n    const handleDragEnd = (\n      handleMoveInstance: (e: Event) => void,\n      moveEvent: \"mousemove\" | \"touchmove\",\n      endEvent: \"mouseup\" | \"touchend\",\n      startHeight: number,\n      startWidth: number\n    ) => {\n      function dragHandler() {\n        document.removeEventListener(moveEvent, handleMoveInstance);\n        document.removeEventListener(endEvent, dragHandler);\n        if (onDragEnd) {\n          const currentWidth = parent?.current?.clientWidth || 0;\n          const currentHeight = parent?.current?.clientHeight || 0;\n          onDragEnd({\n            newHeight: currentHeight,\n            heightDiff: currentHeight - startHeight,\n            newWidth: currentWidth,\n            widthDiff: currentWidth - startWidth,\n          });\n        }\n      }\n\n      return dragHandler;\n    };\n\n    const handleDown = (e: React.MouseEvent | React.TouchEvent) => {\n      if (disabled) return;\n\n      const startHeight = parent?.current?.clientHeight || 0;\n      const startWidth = parent?.current?.clientWidth || 0;\n\n      let moveHandler = null;\n      let moveEvent = null;\n      let endEvent = null;\n      if (e.type === \"mousedown\") {\n        const { clientY, clientX } = e as React.MouseEvent;\n        moveHandler = handleMouseMove(\n          startHeight,\n          clientY,\n          startWidth,\n          clientX\n        );\n        moveEvent = MoveEvent.MouseMove;\n        endEvent = EndEvent.MouseUp;\n      } else if (e.type === \"touchstart\") {\n        const { touches } = e as React.TouchEvent;\n        const { clientY, clientX } = touches[0];\n        moveHandler = handleTouchMove(\n          startHeight,\n          clientY,\n          startWidth,\n          clientX\n        );\n        moveEvent = MoveEvent.TouchMove;\n        endEvent = EndEvent.TouchEnd;\n      }\n\n      if (!moveHandler || !moveEvent || !endEvent) return;\n\n      if (onDragStart) {\n        onDragStart({\n          newHeight: startHeight,\n          heightDiff: 0,\n          newWidth: startWidth,\n          widthDiff: 0,\n        });\n      }\n\n      const dragEndHandler = handleDragEnd(\n        moveHandler,\n        moveEvent,\n        endEvent,\n        startHeight,\n        startWidth\n      );\n\n      // Attach the mousemove/mouseup/touchmove/touchend listeners to the document\n      // so that we can handle the case where the user drags outside of the element\n      document.addEventListener(moveEvent, moveHandler, { passive: false });\n      document.addEventListener(endEvent, dragEndHandler);\n    };\n\n    let cursor;\n    if (disabled) {\n      cursor = \"not-allowed\";\n    } else if (lockHorizontal && lockVertical) {\n      cursor = \"default\";\n    } else if (lockHorizontal) {\n      cursor = \"row-resize\";\n    } else if (lockVertical) {\n      cursor = \"col-resize\";\n    } else {\n      // Determine cursor based on corner position\n      // top-left (NW) and bottom-right (SE): nwse-resize (↖↘)\n      // top-right (NE) and bottom-left (SW): nesw-resize (↗↙)\n      if (corner === \"top-left\" || corner === \"bottom-right\") {\n        cursor = \"nwse-resize\";\n      } else {\n        cursor = \"nesw-resize\";\n      }\n    }\n\n    const style = {\n      cursor,\n    };\n\n    return {\n      onMouseDown: handleDown,\n      onTouchStart: handleDown,\n      style,\n    };\n  };\n\n  return {\n    rootRef: parentRef,\n    getRootProps,\n    getHandleProps,\n  };\n};\n"],"names":["defaultProps","useResizable","options","props","parentRef","useRef","initialHeight","initialWidth","handleProps","parent","interval","maxHeight","maxWidth","reverse","lockHorizontal","lockVertical","onResize","onDragEnd","onDragStart","minHeight","minWidth","disabled","maintainAspectRatio","corner","handleMove","clientY","startHeight","startY","clientX","startWidth","startX","currentWidth","currentHeight","roundedHeight","roundedWidth","isTopCorner","isLeftCorner","yDirection","xDirection","newHeight","newWidth","aspectRatio","handleMouseMove","e","handleTouchMove","handleDragEnd","handleMoveInstance","moveEvent","endEvent","dragHandler","handleDown","moveHandler","touches","dragEndHandler","cursor"],"mappings":"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"}

package/dist/components/index.d.ts

@@ -50,6 +50,7 @@ export * from './resizable/index';
 export * from './combobox/index';
 export * from './select-trigger/index';
 export * from './loader/index';
+export * from './window-portal/index';
 export * from './utils/index';
 export * from './hooks/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/popup-panel/component.d.ts

@@ -95,6 +95,18 @@ export interface PopupPanelProps extends Omit<React.ComponentPropsWithRef<"div">
      * Callback function when the placement changes
      */
     onPlacementChange?: (placement: PopoverProps["placement"]) => void;
+    /**
+     * Props to pass to the positioner
+     */
+    positionerProps?: Popover.Positioner.Props;
+    /**
+     * Props to pass to the trigger
+     */
+    triggerProps?: Popover.Trigger.Props;
+    /**
+     * Props to pass to the portal
+     */
+    portalProps?: Popover.Portal.Props;
 }
-export declare const PopupPanel: ({ children, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, content, title, trigger, className, anchor, beforeCloseButton, afterCloseButton, afterTitle, size, footer, defaultOpen, resizable, draggable, maintainAspectRatio, classNames, modal, closeOnClickOutside, onPlacementChange, ...rest }: PopupPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopupPanel: ({ children, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, content, title, trigger, className, anchor, beforeCloseButton, afterCloseButton, afterTitle, size, footer, defaultOpen, resizable, draggable, maintainAspectRatio, classNames, modal, closeOnClickOutside, onPlacementChange, positionerProps, triggerProps, portalProps, ...rest }: PopupPanelProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=component.d.ts.map

package/dist/components/popup-panel/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/popup-panel/component.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,aAAa,CAAC;AAIrB,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAClC,OAAO,GAAG,SAAS,GAAG,UAAU,CACjC,EACD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC;IACtC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAClE,2DAA2D;IAC3D,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAClD,gDAAgD;IAChD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8CAA8C;IAC9C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC5C,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,yCAAyC;IACzC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EACH,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACxD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACpC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACpE;AAED,eAAO,MAAM,UAAU,GAAI,mUAyBxB,eAAe,4CAsMjB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/popup-panel/component.tsx"],"names":[],"mappings":"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"}

package/dist/components/popup-panel/component.js

@@ -1,182 +1,196 @@
 "use client";
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { Popover as i } from "@base-ui-components/react/popover";
-import { useMemo as Y, useRef as N, useState as Z, useEffect as _, useCallback as B } from "react";
-import { X as D } from "@bioturing/assets";
-import { PopupPanelSize as ee } from "./constants.js";
-import { Stack as re } from "../stack/index.js";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { Popover as a } from "@base-ui-components/react/popover";
+import { mergeProps as S } from "@base-ui-components/react";
+import { X as re } from "@bioturing/assets";
+import { useMemo as te, useRef as A, useState as x, useEffect as ne, useCallback as oe } from "react";
+import { Stack as ie } from "../stack/index.js";
+import { PopupPanelSize as ae } from "./constants.js";
 import './style.css';/* empty css          */
-import { parseAntdPlacement as te, buildAntdPlacement as ne } from "../utils/placement.js";
-import { useDraggable as oe } from "../hooks/useDraggable.js";
-import { Resizable as ie } from "../resizable/component.js";
-import { useControlledState as pe } from "../hooks/useControlledState.js";
-import { useCls as ae } from "../utils/antdUtils.js";
-import { useTheme as se } from "../theme-provider/context/themeStore.js";
+import { anchorToResizeHandles as pe } from "./utils.js";
+import { parseAntdPlacement as se, buildAntdPlacement as le } from "../utils/placement.js";
+import { useDraggable as ce } from "../hooks/useDraggable.js";
+import { Resizable as ue } from "../resizable/component.js";
+import { useControlledState as de } from "../hooks/useControlledState.js";
+import { useCls as me } from "../utils/antdUtils.js";
+import { useTheme as fe } from "../theme-provider/context/themeStore.js";
 import { clsx as p } from "../utils/cn.js";
-import { IconButton as le } from "../icon-button/component.js";
-const Re = ({
-  children: x,
-  placement: z,
+import { IconButton as ge } from "../icon-button/component.js";
+const Ie = ({
+  children: z,
+  placement: H,
   openOnHover: k = !1,
-  open: H,
+  open: E,
   onOpenChange: I,
   content: K,
-  title: d,
-  trigger: j = "click",
-  className: E,
+  title: h,
+  trigger: T = "click",
+  className: j,
   anchor: M,
-  beforeCloseButton: w,
-  afterCloseButton: y,
-  afterTitle: f,
-  size: m = "medium",
-  footer: c,
-  defaultOpen: T = !1,
-  resizable: C = !1,
+  beforeCloseButton: N,
+  afterCloseButton: w,
+  afterTitle: b,
+  size: P = "medium",
+  footer: u,
+  defaultOpen: D = !1,
+  resizable: y = !1,
   draggable: F = !1,
   maintainAspectRatio: U = !1,
-  classNames: t,
+  classNames: n,
   modal: V = !1,
   closeOnClickOutside: X = !0,
-  onPlacementChange: g,
-  ...$
+  onPlacementChange: v,
+  positionerProps: $ = {},
+  triggerProps: q = {},
+  portalProps: G = {},
+  ...J
 }) => {
-  const [h, O] = pe(
-    H,
+  const [R, C] = de(
+    E,
     I,
-    T
+    D
     // Always provide a default value to prevent undefined
-  ), r = ae(), { className: q } = se(), u = te(z), R = Y(() => /* @__PURE__ */ e(D, { size: 16 }), []), A = N(null), b = N(u.side), P = N(u.align), [G, J] = Z(0);
-  _(() => {
-    const a = A.current;
-    if (!a || !h) return;
-    const s = new MutationObserver((W) => {
-      let v = !1;
-      if (W.forEach((o) => {
-        if (o.type === "attributes" && o.attributeName === "data-side") {
-          const n = a.getAttribute(o.attributeName);
-          n && n !== b.current && (b.current = n, v = !0);
+  ), r = me(), { className: L } = fe(), d = se(H), O = te(() => /* @__PURE__ */ e(re, { size: 16 }), []), m = A(d.side), f = A(d.align), [Q, W] = x(0), [l, Y] = x(
+    null
+  );
+  ne(() => {
+    if (!l || !R) return;
+    const i = new MutationObserver((s) => {
+      let g = !1;
+      if (s.forEach((t) => {
+        if (t.type === "attributes" && t.attributeName === "data-side") {
+          const o = l.getAttribute(t.attributeName);
+          o && o !== m.current && (m.current = o, g = !0);
         }
-        if (o.type === "attributes" && o.attributeName === "data-align") {
-          const n = a.getAttribute(o.attributeName);
-          n && n !== P.current && (P.current = n, v = !0);
+        if (t.type === "attributes" && t.attributeName === "data-align") {
+          const o = l.getAttribute(t.attributeName);
+          o && o !== f.current && (f.current = o, g = !0);
         }
-      }), v) {
-        const o = ne({
-          side: b.current,
-          align: P.current
+      }), g) {
+        const t = le({
+          side: m.current,
+          align: f.current
         });
-        J((n) => n + 1), g && g(o);
+        W((o) => o + 1), v && v(t);
       }
     });
-    return s.observe(a, {
+    return i.observe(l, {
       attributes: !0,
       attributeFilter: ["data-side", "data-align"],
       attributeOldValue: !0
     }), () => {
-      s.disconnect();
+      i.disconnect();
     };
-  }, [g, h]);
-  const L = B(() => /* @__PURE__ */ l("div", { className: p(r("popup-panel-header"), t?.header), children: [
-    /* @__PURE__ */ l(
-      re,
+  }, [v, R, l]);
+  const Z = oe(() => /* @__PURE__ */ c("div", { className: p(r("popup-panel-header"), n?.header), children: [
+    /* @__PURE__ */ c(
+      ie,
       {
         align: "center",
         gap: 8,
         className: r("popup-panel-title-wrapper"),
         children: [
           /* @__PURE__ */ e(
-            i.Title,
+            a.Title,
             {
-              render: /* @__PURE__ */ e("div", { className: p(r("grow", "truncate"), t?.title), children: d })
+              render: /* @__PURE__ */ e("div", { className: p(r("grow", "truncate"), n?.title), children: h })
             }
           ),
-          /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-            w,
+          /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+            N,
             /* @__PURE__ */ e(
-              i.Close,
+              a.Close,
               {
-                render: /* @__PURE__ */ e(le, { children: R })
+                render: /* @__PURE__ */ e(ge, { children: O })
               }
             ),
-            y
+            w
           ] })
         ]
       }
     ),
-    f || null
+    b || null
   ] }), [
-    y,
-    f,
     w,
+    b,
+    N,
     r,
-    t?.header,
-    t?.title,
-    R,
-    d
-  ]), { ref: Q } = oe(F), S = /* @__PURE__ */ l(
-    i.Popup,
+    n?.header,
+    n?.title,
+    O,
+    h
+  ]), { ref: _ } = ce(F), B = /* @__PURE__ */ c(
+    a.Popup,
     {
       className: p(
         r("popup-panel"),
-        r(`popup-panel-size-${m}`),
-        E,
-        t?.popup
+        r(`popup-panel-size-${P}`),
+        j,
+        n?.popup
       ),
-      ref: Q,
+      ref: _,
       children: [
-        d && L(),
-        /* @__PURE__ */ e("div", { className: p(r("popup-panel-content"), t?.content), children: /* @__PURE__ */ e("div", { className: r("popup-panel-content-inner"), children: K }) }),
-        c && /* @__PURE__ */ e("div", { className: p(r("popup-panel-footer"), t?.footer), children: typeof c == "function" ? c({ close: () => O(!1) }) : c })
+        h && Z(),
+        /* @__PURE__ */ e("div", { className: p(r("popup-panel-content"), n?.content), children: /* @__PURE__ */ e("div", { className: r("popup-panel-content-inner"), children: K }) }),
+        u && /* @__PURE__ */ e("div", { className: p(r("popup-panel-footer"), n?.footer), children: typeof u == "function" ? u({ close: () => C(!1) }) : u })
       ]
     }
-  );
-  return /* @__PURE__ */ l(
-    i.Root,
+  ), ee = {
+    ref: Y,
+    className: p(r("popup-panel-root"), L, n?.root),
+    side: d.side,
+    align: d.align,
+    sideOffset: 4,
+    anchor: M,
+    style: {
+      "--size-width": P ? ae[P] : void 0
+    },
+    render: ({ children: i, onDragEnd: s, onDragStart: g, ...t }) => y ? /* @__PURE__ */ e(
+      ue,
+      {
+        resizable: y,
+        resetKey: Q,
+        maintainAspectRatio: U,
+        classNames: {
+          resizeHandle: n?.resizeHandle
+        },
+        handles: pe(
+          m.current,
+          f.current
+        ),
+        ...t,
+        children: i
+      }
+    ) : /* @__PURE__ */ e("div", { ...t, children: i })
+  };
+  return /* @__PURE__ */ c(
+    a.Root,
     {
-      openOnHover: j === "hover" ? !0 : k,
-      open: h,
-      onOpenChange: (a, s) => {
-        (s.reason === "outside-press" || s.reason === "focus-out") && !X || O(a, s);
+      open: R,
+      onOpenChange: (i, s) => {
+        (s.reason === "outside-press" || s.reason === "focus-out") && !X || C(i, s);
       },
       modal: V,
-      ...$,
+      ...J,
       children: [
         /* @__PURE__ */ e(
-          i.Trigger,
+          a.Trigger,
           {
-            render: x,
-            className: p(r("popup-panel-trigger"), t?.trigger)
+            ...S(
+              {
+                render: z,
+                className: p(r("popup-panel-trigger"), n?.trigger),
+                openOnHover: T === "hover" ? !0 : k
+              },
+              q
+            )
           }
         ),
-        /* @__PURE__ */ e(i.Portal, { children: /* @__PURE__ */ e(
-          i.Positioner,
+        /* @__PURE__ */ e(a.Portal, { ...G, children: /* @__PURE__ */ e(
+          a.Positioner,
           {
-            ref: A,
-            className: p(
-              r("popup-panel-root"),
-              q,
-              t?.root
-            ),
-            side: u.side,
-            align: u.align,
-            sideOffset: 4,
-            anchor: M,
-            style: {
-              "--size-width": m ? ee[m] : void 0
-            },
-            children: C ? /* @__PURE__ */ e(
-              ie,
-              {
-                resizable: C,
-                absolutePositioning: !0,
-                resetKey: G,
-                maintainAspectRatio: U,
-                classNames: {
-                  resizeHandle: t?.resizeHandle
-                },
-                children: S
-              }
-            ) : S
+            ...S(ee, $),
+            children: B
           }
         ) })
       ]
@@ -184,6 +198,6 @@ const Re = ({
   );
 };
 export {
-  Re as PopupPanel
+  Ie as PopupPanel
 };
 //# sourceMappingURL=component.js.map