@bioturing/components 0.42.0-beta.1 → 0.43.0

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

@@ -0,0 +1,124 @@
+import { Popover } from '@base-ui/react/popover';
+import { PopupPanelSize } from './constants';
+import { RefObject } from 'react';
+export type PopupPanelPlacement = "top" | "left" | "right" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
+export interface PopupPanelProps extends Omit<React.ComponentPropsWithRef<"div">, "title" | "content" | "children">, Omit<Popover.Root.Props, "children"> {
+    /** The trigger element that opens the popup panel */
+    children?: React.ComponentProps<typeof Popover.Trigger>["render"];
+    /** Placement of the popup panel relative to its trigger */
+    placement?: PopupPanelPlacement;
+    /** Whether to open the popup panel on hover */
+    openOnHover?: boolean;
+    /** Controls the open state of the popup panel */
+    open?: boolean;
+    /** Callback fired when the open state changes */
+    onOpenChange?: Popover.Root.Props["onOpenChange"];
+    /** Content to display inside the popup panel */
+    content?: React.ReactNode;
+    /** Title text or element to display in the panel header */
+    title?: React.ReactNode;
+    /** The event that triggers the popup panel */
+    /**
+     * @default "click"
+     */
+    trigger?: "click" | "hover";
+    /** Custom anchor element for positioning the panel */
+    anchor?: Popover.Positioner.Props["anchor"];
+    /** Content to display before the close button */
+    beforeCloseButton?: React.ReactNode;
+    /** Content to display after the close button */
+    afterCloseButton?: React.ReactNode;
+    /** Content to display after the title */
+    afterTitle?: React.ReactNode;
+    /**
+     * Predefined sizes for the popup panel
+     * - xsmall: 320px
+     * - small: 400px
+     * - medium: 480px (default)
+     * - large: 640px
+     * - xlarge: 840px
+     * @default "medium" for default type, "xsmall" for other types
+     */
+    size?: keyof typeof PopupPanelSize;
+    /**
+     * Footer content for the popup panel
+     * Can be a React node or a function that returns a React node
+     */
+    footer?: React.ReactNode | ((props: {
+        close: () => void;
+    }) => React.ReactNode);
+    /**
+     * Whether the panel should be open by default when uncontrolled
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Whether the panel should be resizable
+     * @default false
+     */
+    resizable?: boolean;
+    /**
+     * Whether the panel should be draggable
+     * @default false
+     */
+    draggable?: boolean;
+    /**
+     * Whether to maintain aspect ratio when resizing
+     * Only applies when resizable is true
+     * @default false
+     */
+    maintainAspectRatio?: boolean;
+    /**
+     * Custom class names for different parts of the popup panel
+     * @default {}
+     */
+    classNames?: {
+        root?: string;
+        trigger?: string;
+        popup?: string;
+        header?: string;
+        title?: string;
+        content?: string;
+        footer?: string;
+        resizeHandle?: string;
+    };
+    /**
+     * Whether to close the panel when clicking outside
+     * @default true
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Whether to use modal mode
+     * @default false
+     */
+    modal?: Popover.Root.Props["modal"];
+    /**
+     * Callback function when the placement changes
+     */
+    onPlacementChange?: (placement: PopupPanelPlacement) => 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;
+    /**
+     * Reference element to offset the popup panel from
+     * If not provided, the panel will be positioned relative to the trigger element
+     */
+    offsetFrom?: RefObject<HTMLElement>;
+    /**
+     * Whether the trigger should act as a native button element.
+     * Set to false when using non-button elements as trigger
+     * to suppress Base UI warnings and remove native button semantics.
+     * @default true
+     */
+    nativeButton?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -6,5 +6,5 @@ import { ResizableProps } from '../resizable';
  * @param align - The alignment on that side (start, end, center)
  * @returns Object with boolean flags for each resize handle
  */
-export declare function anchorToResizeHandles(side: BaseUISide, align: BaseUIAlign): ResizableProps["handles"];
+export declare function anchorToResizeHandles(side: BaseUISide, _align: BaseUIAlign): ResizableProps["handles"];
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/popup-panel/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;GAKG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,WAAW,GACjB,cAAc,CAAC,SAAS,CAAC,CAwB3B"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/popup-panel/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;GAKG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,WAAW,GAClB,cAAc,CAAC,SAAS,CAAC,CAkC3B"}

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

@@ -1,13 +1,13 @@
-function r(t, e) {
-  const o = {
+function l(r, o) {
+  const t = {
     top: !1,
     bottom: !1,
     left: !1,
     right: !1
-  };
-  return o[t] = !0, (e === "start" || e === "end") && (t === "top" || t === "bottom" ? o[e === "start" ? "right" : "left"] = !0 : (t === "left" || t === "right") && (o[e === "start" ? "bottom" : "top"] = !0)), o;
+  }, e = r === "inline-start" ? "left" : r === "inline-end" ? "right" : r;
+  return e === "top" ? (t.left = !0, t.right = !0, t.top = !0) : e === "bottom" ? (t.left = !0, t.right = !0, t.bottom = !0) : e === "left" ? (t.top = !0, t.bottom = !0, t.left = !0) : e === "right" && (t.top = !0, t.bottom = !0, t.right = !0), t;
 }
 export {
-  r as anchorToResizeHandles
+  l as anchorToResizeHandles
 };
 //# sourceMappingURL=utils.js.map

package/dist/components/popup-panel/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/popup-panel/utils.ts"],"sourcesContent":["import { BaseUISide, BaseUIAlign } from \"../utils/placement\";\nimport { ResizableProps } from \"../resizable\";\n\n/**\n * Convert anchor position (side + align) to resize handles\n * @param side - The side of the anchor (top, bottom, left, right)\n * @param align - The alignment on that side (start, end, center)\n * @returns Object with boolean flags for each resize handle\n */\nexport function anchorToResizeHandles(\n  side: BaseUISide,\n  align: BaseUIAlign\n): ResizableProps[\"handles\"] {\n  const handles: ResizableProps[\"handles\"] = {\n    top: false,\n    bottom: false,\n    left: false,\n    right: false,\n  };\n\n  // Set the opposite side to true (this is where resizing happens from)\n  // Set the side to true\n  handles[side] = true;\n\n  // Set horizontal handles based on alignment\n  if (align === \"start\" || align === \"end\") {\n    if (side === \"top\" || side === \"bottom\") {\n      // For top/bottom, start maps to right, end maps to left\n      handles[align === \"start\" ? \"right\" : \"left\"] = true;\n    } else if (side === \"left\" || side === \"right\") {\n      // For left/right, start maps to bottom, end maps to top\n      handles[align === \"start\" ? \"bottom\" : \"top\"] = true;\n    }\n  }\n\n  return handles;\n}\n"],"names":["anchorToResizeHandles","side","align","handles"],"mappings":"AASO,SAASA,EACdC,GACAC,GAC2B;AAC3B,QAAMC,IAAqC;AAAA,IACzC,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAKT,SAAAA,EAAQF,CAAI,IAAI,KAGZC,MAAU,WAAWA,MAAU,WAC7BD,MAAS,SAASA,MAAS,WAE7BE,EAAQD,MAAU,UAAU,UAAU,MAAM,IAAI,MACvCD,MAAS,UAAUA,MAAS,aAErCE,EAAQD,MAAU,UAAU,WAAW,KAAK,IAAI,MAI7CC;AACT;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/popup-panel/utils.ts"],"sourcesContent":["import { BaseUISide, BaseUIAlign } from \"../utils/placement\";\nimport { ResizableProps } from \"../resizable\";\n\n/**\n * Convert anchor position (side + align) to resize handles\n * @param side - The side of the anchor (top, bottom, left, right)\n * @param align - The alignment on that side (start, end, center)\n * @returns Object with boolean flags for each resize handle\n */\nexport function anchorToResizeHandles(\n  side: BaseUISide,\n  _align: BaseUIAlign,\n): ResizableProps[\"handles\"] {\n  const handles: ResizableProps[\"handles\"] = {\n    top: false,\n    bottom: false,\n    left: false,\n    right: false,\n  };\n\n  const physicalSide =\n    side === \"inline-start\" ? \"left\" : side === \"inline-end\" ? \"right\" : side;\n\n  if (physicalSide === \"top\") {\n    // For top/bottom, start maps to right, end maps to left\n    handles[\"left\"] = true;\n    handles[\"right\"] = true;\n    handles[\"top\"] = true;\n  } else if (physicalSide === \"bottom\") {\n    // For left/right, start maps to bottom, end maps to top\n    handles[\"left\"] = true;\n    handles[\"right\"] = true;\n    handles[\"bottom\"] = true;\n  } else if (physicalSide === \"left\") {\n    // For left/right, start maps to bottom, end maps to top\n    handles[\"top\"] = true;\n    handles[\"bottom\"] = true;\n    handles[\"left\"] = true;\n  } else if (physicalSide === \"right\") {\n    // For left/right, start maps to bottom, end maps to top\n    handles[\"top\"] = true;\n    handles[\"bottom\"] = true;\n    handles[\"right\"] = true;\n  }\n\n  return handles;\n}\n"],"names":["anchorToResizeHandles","side","_align","handles","physicalSide"],"mappings":"AASO,SAASA,EACdC,GACAC,GAC2B;AAC3B,QAAMC,IAAqC;AAAA,IACzC,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IACJH,MAAS,iBAAiB,SAASA,MAAS,eAAe,UAAUA;AAEvE,SAAIG,MAAiB,SAEnBD,EAAQ,OAAU,IAClBA,EAAQ,QAAW,IACnBA,EAAQ,MAAS,MACRC,MAAiB,YAE1BD,EAAQ,OAAU,IAClBA,EAAQ,QAAW,IACnBA,EAAQ,SAAY,MACXC,MAAiB,UAE1BD,EAAQ,MAAS,IACjBA,EAAQ,SAAY,IACpBA,EAAQ,OAAU,MACTC,MAAiB,YAE1BD,EAAQ,MAAS,IACjBA,EAAQ,SAAY,IACpBA,EAAQ,QAAW,KAGdA;AACT;"}

package/dist/components/resizable/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/resizable/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,KAAK,UAAU,EACf,cAAc,IAAI,iBAAiB,EACpC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAIL,mBAAmB,EAGpB,MAAM,UAAU,CAAC;AAGlB,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,iBAAiB,CAAC,EACxD,iBAAiB;IACnB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,GAAG,CAAC,EAAE,OAAO,CAAC;KACf,CAAC;IAOF;;OAEG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,SAAS,uFAoWrB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/resizable/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,KAAK,UAAU,EACf,cAAc,IAAI,iBAAiB,EACpC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAIL,mBAAmB,EAIpB,MAAM,UAAU,CAAC;AAGlB,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,cACf,SACE,IAAI,CAAC,mBAAmB,EAAE,MAAM,iBAAiB,CAAC,EAClD,iBAAiB;IACnB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,GAAG,CAAC,EAAE,OAAO,CAAC;KACf,CAAC;IAOF;;OAEG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,SAAS,uFAkWrB,CAAC"}

package/dist/components/resizable/component.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import Y, { forwardRef as Z, useState as b, useCallback as $, useEffect as C, isValidElement as K } from "react";
-import { useResizable as A } from "../hooks/useResizable.js";
-import ee from "merge-refs";
-import { mergeProps as te } from "@base-ui/react";
+import Z, { forwardRef as $, useState as b, useCallback as K, useEffect as C, isValidElement as A } from "react";
+import { useResizable as ee } from "../hooks/useResizable.js";
+import te from "merge-refs";
+import { mergeProps as re } from "@base-ui/react";
 import './style.css';/* empty css          */
-import { getReactElementProp as v } from "../utils/reactElement.js";
-import { useCls as re } from "../utils/antdUtils.js";
-import { clsx as c, cn as oe } from "../utils/cn.js";
-import { WithRenderProp as ie } from "../utils/WithRenderProp.js";
-const pe = Z(
+import { getReactElementRef as oe, getReactElementProp as v } from "../utils/reactElement.js";
+import { useCls as ie } from "../utils/antdUtils.js";
+import { clsx as c, cn as le } from "../utils/cn.js";
+import { WithRenderProp as se } from "../utils/WithRenderProp.js";
+const ze = $(
   ({
     children: m,
     resizable: a = !1,
@@ -27,7 +27,7 @@ const pe = Z(
     lockVertical: _,
     onResize: j,
     onDragEnd: P,
-    onDragStart: w,
+    onDragStart: R,
     disabled: q,
     maintainAspectRatio: o = !1,
     interval: F,
@@ -36,7 +36,7 @@ const pe = Z(
     // other With Render Props
     ...J
   }, L) => {
-    const s = re(), [d, M] = b(null), [g, p] = b(), [u, z] = b(), [H, E] = b(!1), O = $(
+    const s = ie(), [d, M] = b(null), [g, p] = b(), [u, z] = b(), [H, w] = b(!1), O = K(
       (e) => {
         if (M(e), e && !g && !u) {
           const r = e.getBoundingClientRect();
@@ -52,7 +52,7 @@ const pe = Z(
         e.width > 0 && e.height > 0 && (o ? (p(e.width), z(e.height)) : (p(void 0), z(void 0)));
       }
     }, [y, d, o]);
-    const k = A({
+    const E = ee({
       initialWidth: o ? g : I,
       initialHeight: o ? u : G,
       maxHeight: B,
@@ -66,20 +66,20 @@ const pe = Z(
       maintainAspectRatio: o,
       interval: F,
       onDragStart: (e) => {
-        if (E(!0), d) {
+        if (w(!0), d) {
           const r = d.getBoundingClientRect();
           r.width > 0 && !g && p(r.width), r.height > 0 && !u && z(r.height);
         }
-        w && w(e);
+        R && R(e);
       },
       onDragEnd: (e) => {
-        E(!1), P && P(e);
+        w(!1), P && P(e);
       }
-    }), R = K(m);
+    }), k = A(m);
     C(() => {
       H ? document.body.style.userSelect = "none" : document.body.style.userSelect = "";
     }, [H]);
-    const { ref: Q, ...T } = k.getRootProps(), n = k.getHandleProps, U = a ? [
+    const { ref: Q, ...T } = E.getRootProps(), n = E.getHandleProps, U = a ? [
       t.top && !o && /* @__PURE__ */ i(
         "div",
         {
@@ -210,42 +210,42 @@ const pe = Z(
         },
         "bottom-left-corner"
       )
-    ] : [], f = m, h = {
+    ] : [], f = m, X = oe(f), h = {
       className: v(f, "className"),
       style: v(f, "style"),
       children: v(f, "children")
-    }, X = {
-      className: oe(
+    }, Y = {
+      className: le(
         a && s("resizable"),
         l?.root,
         h.className,
         N
       ),
-      ref: ee(
+      ref: te(
         a ? Q : void 0,
         O,
         // Always need this for dimension measurement
-        f?.ref,
+        X,
         L
       ),
       style: { ...h.style, ...W },
       ...H ? { "data-resizing": !0 } : {},
       ...a ? { "data-resizable": !0 } : {},
-      children: R ? [
+      children: k ? [
         ...Array.isArray(h.children) ? h.children : [h.children],
         ...U.filter(Boolean)
       ] : m
     };
     return /* @__PURE__ */ i(
-      ie,
+      se,
       {
         render: (e) => {
-          const r = te(
+          const r = re(
             e,
-            X,
+            Y,
             a ? T : {}
           );
-          return R ? Y.cloneElement(f, r) : /* @__PURE__ */ i("div", { ...r, children: m });
+          return k ? Z.cloneElement(f, r) : /* @__PURE__ */ i("div", { ...r, children: m });
         },
         ...J
       }
@@ -253,6 +253,6 @@ const pe = Z(
   }
 );
 export {
-  pe as Resizable
+  ze as Resizable
 };
 //# sourceMappingURL=component.js.map

package/dist/components/resizable/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/resizable/component.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  useCallback,\n  useEffect,\n  useState,\n  isValidElement,\n  forwardRef,\n} from \"react\";\nimport {\n  useResizable,\n  type MoveValues,\n  ResizableProps as UseResizableProps,\n} from \"../hooks/useResizable\";\nimport mergeRefs from \"merge-refs\";\nimport {\n  useCls,\n  clsx,\n  WithRenderProp,\n  WithRenderPropProps,\n  cn,\n  getReactElementProp,\n} from \"../utils\";\nimport { mergeProps } from \"@base-ui/react\";\n\nimport \"./style.css\";\n// import { on } from \"node:stream\";\n\nexport interface ResizableProps\n  extends Omit<WithRenderPropProps, keyof UseResizableProps>,\n    UseResizableProps {\n  /**\n   * Single React element child that will be enhanced with resize handles\n   */\n  children: React.ReactNode;\n  /**\n   * Whether the component should be resizable\n   * @default false\n   */\n  resizable?: boolean;\n  /**\n   * Configure which resize handles to show\n   * @default { bottom: true, right: true, left: true, top: true }\n   */\n  handles?: {\n    bottom?: boolean;\n    right?: boolean;\n    left?: boolean;\n    top?: boolean;\n  };\n  // /**\n  //  * Whether to use absolute positioning for left handle resizing\n  //  * Set to true when used in absolutely positioned containers like PopupPanel\n  //  * @default false\n  //  */\n  // absolutePositioning?: boolean;\n  /**\n   * Custom class names for different parts of the resizable component\n   */\n  classNames?: {\n    root?: string;\n    resizeHandle?: string;\n  };\n  /**\n   * Key to reset dimensions to current element size\n   * When this value changes, the component will recalculate its dimensions\n   * Similar to React's key prop pattern for forcing component resets\n   */\n  resetKey?: React.Key;\n  /**\n   * Maximum width the component can be resized to\n   */\n  maxWidth?: number;\n  /**\n   * Maximum height the component can be resized to\n   */\n  maxHeight?: number;\n  /**\n   * Minimum width the component can be resized to\n   */\n  minWidth?: number;\n  /**\n   * Minimum height the component can be resized to\n   */\n  minHeight?: number;\n  /**\n   * Callback fired during resize operations\n   */\n  onResize?: (values: MoveValues) => void;\n  /**\n   * Whether to maintain aspect ratio during resize\n   * @default false\n   */\n  maintainAspectRatio?: boolean;\n}\n\nexport const Resizable = forwardRef<HTMLDivElement, ResizableProps>(\n  (\n    {\n      children,\n      resizable = false,\n      handles = { bottom: true, right: true, left: true, top: true },\n      classNames,\n      className: containerClassName,\n      style: containerStyle,\n      resetKey,\n\n      // Use Resizable Props\n      maxHeight,\n      maxWidth,\n      minHeight,\n      minWidth,\n      lockHorizontal,\n      lockVertical,\n      onResize,\n      onDragEnd: onDragEndProp,\n      onDragStart: onDragStartProp,\n      disabled,\n      maintainAspectRatio = false,\n      interval,\n      initialHeight: initialHeightProp,\n      initialWidth: initialWidthProp,\n      // other With Render Props\n      ...rest\n    },\n    ref\n  ) => {\n    // Validate that children is a single React element\n    // if (!isValidElement(children)) {\n    //   throw new Error(\n    //     \"Resizable component expects a single React element as children\"\n    //   );\n    // }\n\n    const cls = useCls();\n    const [panelRef, setPanelRef] = useState<HTMLDivElement | null>(null);\n    const [width, setWidth] = useState<number>();\n    const [height, setHeight] = useState<number>();\n    const [resizing, setResizing] = useState(false);\n\n    const callbackRef = useCallback(\n      (node: HTMLDivElement) => {\n        setPanelRef(node);\n\n        // Get initial dimensions only once when ref is set\n        // For aspect ratio maintenance, we need initial dimensions immediately\n        // Otherwise, preserve natural width/height behavior\n        if (node && !width && !height) {\n          const rect = node.getBoundingClientRect();\n          if (rect.width > 0 && rect.height > 0) {\n            if (maintainAspectRatio) {\n              // Need dimensions for aspect ratio calculation\n              setWidth(rect.width);\n              setHeight(rect.height);\n            }\n            // For non-aspect-ratio cases, don't set dimensions to preserve natural behavior\n          }\n        }\n      },\n      [width, height, maintainAspectRatio]\n    );\n\n    // Reset dimensions when resetKey changes\n    useEffect(() => {\n      if (resetKey !== undefined && panelRef) {\n        // Clear the hook's inline styles to reset to natural size\n        panelRef.style.width = \"\";\n        panelRef.style.height = \"\";\n\n        // Force a reflow to get natural dimensions\n        const rect = panelRef.getBoundingClientRect();\n\n        if (rect.width > 0 && rect.height > 0) {\n          if (maintainAspectRatio) {\n            // For aspect ratio maintenance, re-measure and set dimensions\n            setWidth(rect.width);\n            setHeight(rect.height);\n          } else {\n            // Reset state to allow natural dimensions again\n            setWidth(undefined);\n            setHeight(undefined);\n          }\n\n          // Don't apply any explicit dimensions - let them remain natural\n          // panelRef.style.width = `${rect.width}px`;\n          // panelRef.style.height = `${rect.height}px`;\n        }\n      }\n    }, [resetKey, panelRef, maintainAspectRatio]);\n\n    // Initialize useResizable with current dimensions (or undefined if not ready)\n    // For aspect ratio maintenance, we need initial dimensions\n    // Otherwise, preserve natural width/height behavior until user starts resizing\n    const resizableHook = useResizable({\n      initialWidth: maintainAspectRatio ? width : initialWidthProp,\n      initialHeight: maintainAspectRatio ? height : initialHeightProp,\n      maxHeight,\n      maxWidth,\n      minHeight,\n      minWidth,\n      lockHorizontal,\n      lockVertical,\n      onResize,\n      disabled,\n      maintainAspectRatio,\n      interval,\n      onDragStart: (values) => {\n        setResizing(true);\n        // Capture natural dimensions when user starts resizing\n        if (panelRef) {\n          const rect = panelRef.getBoundingClientRect();\n          if (rect.width > 0 && !width) {\n            setWidth(rect.width);\n          }\n          if (rect.height > 0 && !height) {\n            setHeight(rect.height);\n          }\n        }\n        if (onDragStartProp) onDragStartProp(values);\n      },\n      onDragEnd: (values) => {\n        setResizing(false);\n        if (onDragEndProp) onDragEndProp(values);\n      },\n    });\n\n    const isChildrenValidElement = isValidElement(children);\n\n    useEffect(() => {\n      if (resizing) {\n        document.body.style.userSelect = \"none\";\n      } else {\n        document.body.style.userSelect = \"\";\n      }\n    }, [resizing]);\n\n    // Get resizable props - useResizable hook handles cases where dimensions aren't ready\n    const { ref: rootRefProp, ...rootPropsWithoutRef } =\n      resizableHook.getRootProps();\n    const getHandleProps = resizableHook.getHandleProps;\n\n    // // Handle reverse handle change for horizontal resizing (only for absolute positioning)\n    // const onReverseHandleChangeHorizontal = (\n    //   parent: React.RefObject<HTMLDivElement>,\n    //   values: MoveValues\n    // ) => {\n    //   if (!parent.current || !absolutePositioning) return;\n    //   const { widthDiff } = values;\n    //   parent.current.style.left = `${\n    //     parseInt(parent.current.style.left || \"0\") - widthDiff\n    //   }px`;\n    // };\n\n    // // Handle reverse handle change for vertical resizing (only for absolute positioning)\n    // const onReverseHandleChangeVertical = (\n    //   parent: React.RefObject<HTMLDivElement>,\n    //   values: MoveValues\n    // ) => {\n    //   if (!parent.current || !absolutePositioning) return;\n    //   const { heightDiff } = values;\n    //   console.log({\n    //     parentStyleTop: parent.current.style.top,\n    //     computedStyleTop: window.getComputedStyle(parent.current).top,\n    //   });\n    //   parent.current.style.top = `${\n    //     parseInt(parent.current.style.top || \"0\") - heightDiff\n    //   }px`;\n    // };\n\n    const resizeHandles = resizable\n      ? [\n          handles.top && !maintainAspectRatio && (\n            <div\n              key=\"top\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle\n              )}\n              data-placement=\"top-center\"\n              {...getHandleProps({\n                reverse: true,\n                lockHorizontal: true,\n                // onResize: (values) =>\n                //   onReverseHandleChangeVertical(rootRef, values),\n              })}\n            />\n          ),\n          handles.bottom && !maintainAspectRatio && (\n            <div\n              key=\"bottom\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle\n              )}\n              data-placement=\"bottom-left\"\n              {...getHandleProps({\n                lockHorizontal: true,\n              })}\n            />\n          ),\n          handles.left && !maintainAspectRatio && (\n            <div\n              key=\"left\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle\n              )}\n              data-placement=\"top-left\"\n              {...getHandleProps({\n                reverse: true,\n                lockVertical: true,\n                // onResize: (values) =>\n                //   onReverseHandleChangeHorizontal(rootRef, values),\n              })}\n            />\n          ),\n          handles.right && !maintainAspectRatio && (\n            <div\n              key=\"right\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle\n              )}\n              data-placement=\"top-right\"\n              {...getHandleProps({\n                lockVertical: true,\n              })}\n            />\n          ),\n          handles.right && handles.bottom && (\n            <div\n              key=\"bottom-right-corner\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle\n              )}\n              data-placement=\"bottom-right-corner\"\n              {...getHandleProps({\n                // No locks - allow both horizontal and vertical resizing\n                corner: \"bottom-right\",\n              })}\n            />\n          ),\n          handles.left && handles.top && (\n            <div\n              key=\"top-left-corner\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle\n              )}\n              data-placement=\"top-left-corner\"\n              {...getHandleProps({\n                corner: \"top-left\",\n                // onResize: (values) => {\n                //   onReverseHandleChangeHorizontal(rootRef, values);\n                //   onReverseHandleChangeVertical(rootRef, values);\n                // },\n              })}\n            />\n          ),\n          handles.right && handles.top && (\n            <div\n              key=\"top-right-corner\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle\n              )}\n              data-placement=\"top-right-corner\"\n              {...getHandleProps({\n                corner: \"top-right\",\n                // onResize: (values) => {\n                //   onReverseHandleChangeVertical(rootRef, values);\n                // },\n              })}\n            />\n          ),\n          handles.left && handles.bottom && (\n            <div\n              key=\"bottom-left-corner\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle\n              )}\n              data-placement=\"bottom-left-corner\"\n              {...getHandleProps({\n                corner: \"bottom-left\",\n                // onResize: (values) => {\n                //   onReverseHandleChangeHorizontal(rootRef, values);\n                //   onReverseHandleChangeVertical(rootRef, values);\n                // },\n              })}\n            />\n          ),\n        ]\n      : [];\n\n    const childElement = children as React.ReactElement & {\n      ref?: React.Ref<HTMLDivElement>;\n    };\n\n    const childElementProps = {\n      className: getReactElementProp<string>(childElement, \"className\"),\n      style: getReactElementProp<React.CSSProperties>(childElement, \"style\"),\n      children: getReactElementProp<React.ReactNode>(childElement, \"children\"),\n      ref: childElement.ref,\n    };\n\n    const childProps = {\n      className: cn(\n        resizable && cls(\"resizable\"),\n        classNames?.root,\n        childElementProps.className,\n        containerClassName\n      ),\n      ref: mergeRefs(\n        resizable ? rootRefProp : undefined,\n        callbackRef, // Always need this for dimension measurement\n        childElement?.ref,\n        ref\n      ),\n      style: { ...childElementProps.style, ...containerStyle },\n      ...(resizing ? { \"data-resizing\": true } : {}),\n      ...(resizable ? { \"data-resizable\": true } : {}),\n      children: isChildrenValidElement\n        ? [\n            ...(Array.isArray(childElementProps.children)\n              ? childElementProps.children\n              : [childElementProps.children]),\n            ...resizeHandles.filter(Boolean),\n          ]\n        : children,\n    };\n\n    return (\n      <WithRenderProp\n        render={(props) => {\n          // Merge the props from WithRenderProp with our childProps\n          const mergedProps = mergeProps(\n            props,\n            childProps,\n            resizable ? rootPropsWithoutRef : {}\n          );\n          if (isChildrenValidElement) {\n            return React.cloneElement(childElement, mergedProps);\n          } else {\n            return <div {...mergedProps}>{children}</div>;\n          }\n        }}\n        {...rest}\n      />\n    );\n  }\n);\n"],"names":["Resizable","forwardRef","children","resizable","handles","classNames","containerClassName","containerStyle","resetKey","maxHeight","maxWidth","minHeight","minWidth","lockHorizontal","lockVertical","onResize","onDragEndProp","onDragStartProp","disabled","maintainAspectRatio","interval","initialHeightProp","initialWidthProp","rest","ref","cls","useCls","panelRef","setPanelRef","useState","width","setWidth","height","setHeight","resizing","setResizing","callbackRef","useCallback","node","rect","useEffect","resizableHook","useResizable","values","isChildrenValidElement","isValidElement","rootRefProp","rootPropsWithoutRef","getHandleProps","resizeHandles","jsx","clsx","childElement","childElementProps","getReactElementProp","childProps","cn","mergeRefs","WithRenderProp","props","mergedProps","mergeProps","React"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/resizable/component.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  useCallback,\n  useEffect,\n  useState,\n  isValidElement,\n  forwardRef,\n} from \"react\";\nimport {\n  useResizable,\n  type MoveValues,\n  ResizableProps as UseResizableProps,\n} from \"../hooks/useResizable\";\nimport mergeRefs from \"merge-refs\";\nimport {\n  useCls,\n  clsx,\n  WithRenderProp,\n  WithRenderPropProps,\n  cn,\n  getReactElementProp,\n  getReactElementRef,\n} from \"../utils\";\nimport { mergeProps } from \"@base-ui/react\";\n\nimport \"./style.css\";\n// import { on } from \"node:stream\";\n\nexport interface ResizableProps\n  extends\n    Omit<WithRenderPropProps, keyof UseResizableProps>,\n    UseResizableProps {\n  /**\n   * Single React element child that will be enhanced with resize handles\n   */\n  children: React.ReactNode;\n  /**\n   * Whether the component should be resizable\n   * @default false\n   */\n  resizable?: boolean;\n  /**\n   * Configure which resize handles to show\n   * @default { bottom: true, right: true, left: true, top: true }\n   */\n  handles?: {\n    bottom?: boolean;\n    right?: boolean;\n    left?: boolean;\n    top?: boolean;\n  };\n  // /**\n  //  * Whether to use absolute positioning for left handle resizing\n  //  * Set to true when used in absolutely positioned containers like PopupPanel\n  //  * @default false\n  //  */\n  // absolutePositioning?: boolean;\n  /**\n   * Custom class names for different parts of the resizable component\n   */\n  classNames?: {\n    root?: string;\n    resizeHandle?: string;\n  };\n  /**\n   * Key to reset dimensions to current element size\n   * When this value changes, the component will recalculate its dimensions\n   * Similar to React's key prop pattern for forcing component resets\n   */\n  resetKey?: React.Key;\n  /**\n   * Maximum width the component can be resized to\n   */\n  maxWidth?: number;\n  /**\n   * Maximum height the component can be resized to\n   */\n  maxHeight?: number;\n  /**\n   * Minimum width the component can be resized to\n   */\n  minWidth?: number;\n  /**\n   * Minimum height the component can be resized to\n   */\n  minHeight?: number;\n  /**\n   * Callback fired during resize operations\n   */\n  onResize?: (values: MoveValues) => void;\n  /**\n   * Whether to maintain aspect ratio during resize\n   * @default false\n   */\n  maintainAspectRatio?: boolean;\n}\n\nexport const Resizable = forwardRef<HTMLDivElement, ResizableProps>(\n  (\n    {\n      children,\n      resizable = false,\n      handles = { bottom: true, right: true, left: true, top: true },\n      classNames,\n      className: containerClassName,\n      style: containerStyle,\n      resetKey,\n\n      // Use Resizable Props\n      maxHeight,\n      maxWidth,\n      minHeight,\n      minWidth,\n      lockHorizontal,\n      lockVertical,\n      onResize,\n      onDragEnd: onDragEndProp,\n      onDragStart: onDragStartProp,\n      disabled,\n      maintainAspectRatio = false,\n      interval,\n      initialHeight: initialHeightProp,\n      initialWidth: initialWidthProp,\n      // other With Render Props\n      ...rest\n    },\n    ref,\n  ) => {\n    // Validate that children is a single React element\n    // if (!isValidElement(children)) {\n    //   throw new Error(\n    //     \"Resizable component expects a single React element as children\"\n    //   );\n    // }\n\n    const cls = useCls();\n    const [panelRef, setPanelRef] = useState<HTMLDivElement | null>(null);\n    const [width, setWidth] = useState<number>();\n    const [height, setHeight] = useState<number>();\n    const [resizing, setResizing] = useState(false);\n\n    const callbackRef = useCallback(\n      (node: HTMLDivElement) => {\n        setPanelRef(node);\n\n        // Get initial dimensions only once when ref is set\n        // For aspect ratio maintenance, we need initial dimensions immediately\n        // Otherwise, preserve natural width/height behavior\n        if (node && !width && !height) {\n          const rect = node.getBoundingClientRect();\n          if (rect.width > 0 && rect.height > 0) {\n            if (maintainAspectRatio) {\n              // Need dimensions for aspect ratio calculation\n              setWidth(rect.width);\n              setHeight(rect.height);\n            }\n            // For non-aspect-ratio cases, don't set dimensions to preserve natural behavior\n          }\n        }\n      },\n      [width, height, maintainAspectRatio],\n    );\n\n    // Reset dimensions when resetKey changes\n    useEffect(() => {\n      if (resetKey !== undefined && panelRef) {\n        // Clear the hook's inline styles to reset to natural size\n        panelRef.style.width = \"\";\n        panelRef.style.height = \"\";\n\n        // Force a reflow to get natural dimensions\n        const rect = panelRef.getBoundingClientRect();\n\n        if (rect.width > 0 && rect.height > 0) {\n          if (maintainAspectRatio) {\n            // For aspect ratio maintenance, re-measure and set dimensions\n            setWidth(rect.width);\n            setHeight(rect.height);\n          } else {\n            // Reset state to allow natural dimensions again\n            setWidth(undefined);\n            setHeight(undefined);\n          }\n\n          // Don't apply any explicit dimensions - let them remain natural\n          // panelRef.style.width = `${rect.width}px`;\n          // panelRef.style.height = `${rect.height}px`;\n        }\n      }\n    }, [resetKey, panelRef, maintainAspectRatio]);\n\n    // Initialize useResizable with current dimensions (or undefined if not ready)\n    // For aspect ratio maintenance, we need initial dimensions\n    // Otherwise, preserve natural width/height behavior until user starts resizing\n    const resizableHook = useResizable({\n      initialWidth: maintainAspectRatio ? width : initialWidthProp,\n      initialHeight: maintainAspectRatio ? height : initialHeightProp,\n      maxHeight,\n      maxWidth,\n      minHeight,\n      minWidth,\n      lockHorizontal,\n      lockVertical,\n      onResize,\n      disabled,\n      maintainAspectRatio,\n      interval,\n      onDragStart: (values) => {\n        setResizing(true);\n        // Capture natural dimensions when user starts resizing\n        if (panelRef) {\n          const rect = panelRef.getBoundingClientRect();\n          if (rect.width > 0 && !width) {\n            setWidth(rect.width);\n          }\n          if (rect.height > 0 && !height) {\n            setHeight(rect.height);\n          }\n        }\n        if (onDragStartProp) onDragStartProp(values);\n      },\n      onDragEnd: (values) => {\n        setResizing(false);\n        if (onDragEndProp) onDragEndProp(values);\n      },\n    });\n\n    const isChildrenValidElement = isValidElement(children);\n\n    useEffect(() => {\n      if (resizing) {\n        document.body.style.userSelect = \"none\";\n      } else {\n        document.body.style.userSelect = \"\";\n      }\n    }, [resizing]);\n\n    // Get resizable props - useResizable hook handles cases where dimensions aren't ready\n    const { ref: rootRefProp, ...rootPropsWithoutRef } =\n      resizableHook.getRootProps();\n    const getHandleProps = resizableHook.getHandleProps;\n\n    // // Handle reverse handle change for horizontal resizing (only for absolute positioning)\n    // const onReverseHandleChangeHorizontal = (\n    //   parent: React.RefObject<HTMLDivElement>,\n    //   values: MoveValues\n    // ) => {\n    //   if (!parent.current || !absolutePositioning) return;\n    //   const { widthDiff } = values;\n    //   parent.current.style.left = `${\n    //     parseInt(parent.current.style.left || \"0\") - widthDiff\n    //   }px`;\n    // };\n\n    // // Handle reverse handle change for vertical resizing (only for absolute positioning)\n    // const onReverseHandleChangeVertical = (\n    //   parent: React.RefObject<HTMLDivElement>,\n    //   values: MoveValues\n    // ) => {\n    //   if (!parent.current || !absolutePositioning) return;\n    //   const { heightDiff } = values;\n    //   console.log({\n    //     parentStyleTop: parent.current.style.top,\n    //     computedStyleTop: window.getComputedStyle(parent.current).top,\n    //   });\n    //   parent.current.style.top = `${\n    //     parseInt(parent.current.style.top || \"0\") - heightDiff\n    //   }px`;\n    // };\n\n    const resizeHandles = resizable\n      ? [\n          handles.top && !maintainAspectRatio && (\n            <div\n              key=\"top\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle,\n              )}\n              data-placement=\"top-center\"\n              {...getHandleProps({\n                reverse: true,\n                lockHorizontal: true,\n                // onResize: (values) =>\n                //   onReverseHandleChangeVertical(rootRef, values),\n              })}\n            />\n          ),\n          handles.bottom && !maintainAspectRatio && (\n            <div\n              key=\"bottom\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle,\n              )}\n              data-placement=\"bottom-left\"\n              {...getHandleProps({\n                lockHorizontal: true,\n              })}\n            />\n          ),\n          handles.left && !maintainAspectRatio && (\n            <div\n              key=\"left\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle,\n              )}\n              data-placement=\"top-left\"\n              {...getHandleProps({\n                reverse: true,\n                lockVertical: true,\n                // onResize: (values) =>\n                //   onReverseHandleChangeHorizontal(rootRef, values),\n              })}\n            />\n          ),\n          handles.right && !maintainAspectRatio && (\n            <div\n              key=\"right\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle,\n              )}\n              data-placement=\"top-right\"\n              {...getHandleProps({\n                lockVertical: true,\n              })}\n            />\n          ),\n          handles.right && handles.bottom && (\n            <div\n              key=\"bottom-right-corner\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle,\n              )}\n              data-placement=\"bottom-right-corner\"\n              {...getHandleProps({\n                // No locks - allow both horizontal and vertical resizing\n                corner: \"bottom-right\",\n              })}\n            />\n          ),\n          handles.left && handles.top && (\n            <div\n              key=\"top-left-corner\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle,\n              )}\n              data-placement=\"top-left-corner\"\n              {...getHandleProps({\n                corner: \"top-left\",\n                // onResize: (values) => {\n                //   onReverseHandleChangeHorizontal(rootRef, values);\n                //   onReverseHandleChangeVertical(rootRef, values);\n                // },\n              })}\n            />\n          ),\n          handles.right && handles.top && (\n            <div\n              key=\"top-right-corner\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle,\n              )}\n              data-placement=\"top-right-corner\"\n              {...getHandleProps({\n                corner: \"top-right\",\n                // onResize: (values) => {\n                //   onReverseHandleChangeVertical(rootRef, values);\n                // },\n              })}\n            />\n          ),\n          handles.left && handles.bottom && (\n            <div\n              key=\"bottom-left-corner\"\n              className={clsx(\n                cls(\"resizable-resize-handle\"),\n                classNames?.resizeHandle,\n              )}\n              data-placement=\"bottom-left-corner\"\n              {...getHandleProps({\n                corner: \"bottom-left\",\n                // onResize: (values) => {\n                //   onReverseHandleChangeHorizontal(rootRef, values);\n                //   onReverseHandleChangeVertical(rootRef, values);\n                // },\n              })}\n            />\n          ),\n        ]\n      : [];\n\n    const childElement = children as React.ReactElement;\n    const childRef = getReactElementRef<HTMLDivElement>(childElement);\n\n    const childElementProps = {\n      className: getReactElementProp<string>(childElement, \"className\"),\n      style: getReactElementProp<React.CSSProperties>(childElement, \"style\"),\n      children: getReactElementProp<React.ReactNode>(childElement, \"children\"),\n    };\n\n    const childProps = {\n      className: cn(\n        resizable && cls(\"resizable\"),\n        classNames?.root,\n        childElementProps.className,\n        containerClassName,\n      ),\n      ref: mergeRefs(\n        resizable ? rootRefProp : undefined,\n        callbackRef, // Always need this for dimension measurement\n        childRef,\n        ref,\n      ),\n      style: { ...childElementProps.style, ...containerStyle },\n      ...(resizing ? { \"data-resizing\": true } : {}),\n      ...(resizable ? { \"data-resizable\": true } : {}),\n      children: isChildrenValidElement\n        ? [\n            ...(Array.isArray(childElementProps.children)\n              ? childElementProps.children\n              : [childElementProps.children]),\n            ...resizeHandles.filter(Boolean),\n          ]\n        : children,\n    };\n\n    return (\n      <WithRenderProp\n        render={(props) => {\n          // Merge the props from WithRenderProp with our childProps\n          const mergedProps = mergeProps(\n            props,\n            childProps,\n            resizable ? rootPropsWithoutRef : {},\n          );\n          if (isChildrenValidElement) {\n            return React.cloneElement(childElement, mergedProps);\n          } else {\n            return <div {...mergedProps}>{children}</div>;\n          }\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["Resizable","forwardRef","children","resizable","handles","classNames","containerClassName","containerStyle","resetKey","maxHeight","maxWidth","minHeight","minWidth","lockHorizontal","lockVertical","onResize","onDragEndProp","onDragStartProp","disabled","maintainAspectRatio","interval","initialHeightProp","initialWidthProp","rest","ref","cls","useCls","panelRef","setPanelRef","useState","width","setWidth","height","setHeight","resizing","setResizing","callbackRef","useCallback","node","rect","useEffect","resizableHook","useResizable","values","isChildrenValidElement","isValidElement","rootRefProp","rootPropsWithoutRef","getHandleProps","resizeHandles","jsx","clsx","childElement","childRef","getReactElementRef","childElementProps","getReactElementProp","childProps","cn","mergeRefs","WithRenderProp","props","mergedProps","mergeProps","React"],"mappings":"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"}

package/dist/components/select/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/select/component.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,WAAW,IAAI,cAAc,EAClC,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAA0D,MAAM,OAAO,CAAC;AAG/E,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK1D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,aAAa,CAAC;AAMrB,MAAM,WAAW,WAAW,CAC1B,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,cAAc,GAAG,iBAAiB,GAAG,iBAAiB,CACzE,SAAQ,cAAc,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc,CAAC;IAC7C;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;KAC/C,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,YAAY,EACV,cAAc,IAAI,oBAAoB,EACtC,iBAAiB,IAAI,uBAAuB,GAC7C,CAAC;AAGF,QAAA,MAAM,eAAe,GACnB,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,cAAc,GAAG,iBAAiB,GAAG,iBAAiB,EAEzE,mWAwBG,WAAW,CAAC,SAAS,EAAE,UAAU,CAAC,EACrC,KAAK,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,4CA+QrD,CAAC;AAYF,eAAO,MAAM,MAAM,IARjB,SAAS,YACT,UAAU,SAAS,cAAc,GAAG,iBAAiB,6BAE9C,WAAW,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC;CAChE,KACE,UAAU,CAAC,OAAO,eAAe,CAAC;;;CAKrC,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/select/component.tsx"],"names":[],"mappings":"AAcA,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,WAAW,IAAI,cAAc,EAClC,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAA0D,MAAM,OAAO,CAAC;AAG/E,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK1D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,aAAa,CAAC;AAMrB,MAAM,WAAW,WAAW,CAC1B,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,cAAc,GAAG,iBAAiB,GAAG,iBAAiB,CACzE,SAAQ,cAAc,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc,CAAC;IAC7C;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;KAC/C,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,YAAY,EACV,cAAc,IAAI,oBAAoB,EACtC,iBAAiB,IAAI,uBAAuB,GAC7C,CAAC;AAGF,QAAA,MAAM,eAAe,GACnB,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,cAAc,GAAG,iBAAiB,GAAG,iBAAiB,EAEzE,mWAwBG,WAAW,CAAC,SAAS,EAAE,UAAU,CAAC,EACrC,KAAK,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,4CAiSrD,CAAC;AAYF,eAAO,MAAM,MAAM,IARjB,SAAS,YACT,UAAU,SAAS,cAAc,GAAG,iBAAiB,6BAE9C,WAAW,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC;CAChE,KACE,UAAU,CAAC,OAAO,eAAe,CAAC;;;CAKrC,CAAC"}