@bioturing/components 0.42.0 → 0.43.0

package/dist/components/label-with-help/component.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { QuestionIcon as c } from "@bioturing/assets";
+import './style.css';/* empty css          */
+import { useCls as h } from "../utils/antdUtils.js";
+import { clsx as m } from "../utils/cn.js";
+import { IconButton as b } from "../icon-button/component.js";
+const f = p(
+  ({ children: r, tooltip: s, iconButtonProps: a, className: t, ...n }, i) => {
+    const l = h();
+    return s ? /* @__PURE__ */ o(
+      "span",
+      {
+        ref: i,
+        className: m(l("label-with-help"), t),
+        ...n,
+        children: [
+          /* @__PURE__ */ e("span", { className: l("label-with-help-content"), children: r }),
+          /* @__PURE__ */ e("span", { className: l("label-with-help-icon"), children: /* @__PURE__ */ e(
+            b,
+            {
+              ...a,
+              className: m(l("label-with-help-icon-button"), a?.className),
+              render: a?.render ?? /* @__PURE__ */ e("span", {}),
+              label: s,
+              children: /* @__PURE__ */ e(c, {})
+            }
+          ) })
+        ]
+      }
+    ) : /* @__PURE__ */ e("span", { ref: i, className: t, ...n, children: r });
+  }
+);
+f.displayName = "LabelWithHelp";
+export {
+  f as LabelWithHelp
+};
+//# sourceMappingURL=component.js.map

package/dist/components/label-with-help/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/label-with-help/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef } from \"react\";\nimport { useCls, clsx } from \"../utils\";\nimport { IconButton, type IconButtonProps } from \"../icon-button\";\nimport { QuestionIcon } from \"@bioturing/assets\";\n\nimport \"./style.css\";\n\nexport interface LabelWithHelpProps\n  extends React.ComponentPropsWithRef<\"span\"> {\n  /**\n   * The content to display alongside the help icon\n   */\n  children: React.ReactNode;\n  /**\n   * Tooltip content shown when hovering the question icon.\n   * When falsy, the component renders children directly without wrapper.\n   */\n  tooltip?: React.ReactNode;\n  /**\n   * Props to pass to the inner IconButton component for customization\n   * (e.g. size, tooltipProps, negativeMargin)\n   */\n  iconButtonProps?: Partial<IconButtonProps>;\n}\n\nexport const LabelWithHelp = forwardRef<HTMLSpanElement, LabelWithHelpProps>(\n  ({ children, tooltip, iconButtonProps, className, ...props }, ref) => {\n    const cls = useCls();\n\n    if (!tooltip) {\n      return (\n        <span ref={ref} className={className} {...props}>\n          {children}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        ref={ref}\n        className={clsx(cls(\"label-with-help\"), className)}\n        {...props}\n      >\n        <span className={cls(\"label-with-help-content\")}>{children}</span>\n        <span className={cls(\"label-with-help-icon\")}>\n          <IconButton\n            {...iconButtonProps}\n            className={clsx(cls(\"label-with-help-icon-button\"), iconButtonProps?.className)}\n            render={iconButtonProps?.render ?? <span />}\n            label={tooltip}\n          >\n            <QuestionIcon />\n          </IconButton>\n        </span>\n      </span>\n    );\n  },\n);\n\nLabelWithHelp.displayName = \"LabelWithHelp\";\n"],"names":["LabelWithHelp","forwardRef","children","tooltip","iconButtonProps","className","props","ref","cls","useCls","jsxs","clsx","jsx","IconButton","QuestionIcon"],"mappings":";;;;;;;;AA0BO,MAAMA,IAAgBC;AAAA,EAC3B,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,iBAAAC,GAAiB,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AACpE,UAAMC,IAAMC,EAAA;AAEZ,WAAKN,IASH,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,WAAWI,EAAKH,EAAI,iBAAiB,GAAGH,CAAS;AAAA,QAChD,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWJ,EAAI,yBAAyB,GAAI,UAAAN,GAAS;AAAA,UAC3D,gBAAAU,EAAC,QAAA,EAAK,WAAWJ,EAAI,sBAAsB,GACzC,UAAA,gBAAAI;AAAA,YAACC;AAAA,YAAA;AAAA,cACE,GAAGT;AAAA,cACJ,WAAWO,EAAKH,EAAI,6BAA6B,GAAGJ,GAAiB,SAAS;AAAA,cAC9E,QAAQA,GAAiB,UAAU,gBAAAQ,EAAC,QAAA,CAAA,CAAK;AAAA,cACzC,OAAOT;AAAA,cAEP,4BAACW,GAAA,CAAA,CAAa;AAAA,YAAA;AAAA,UAAA,EAChB,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,sBAtBC,QAAA,EAAK,KAAAP,GAAU,WAAAF,GAAuB,GAAGC,GACvC,UAAAJ,GACH;AAAA,EAuBN;AACF;AAEAF,EAAc,cAAc;"}

package/dist/components/label-with-help/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/label-with-help/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/label-with-help/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/label-with-help/style.css

@@ -0,0 +1 @@
+@layer components{.ds-label-with-help{display:inline-block}.ds-label-with-help-content{vertical-align:middle}.ds-label-with-help-icon{margin-inline-start:.25rem;height:1em;height:1lh;vertical-align:middle}.ds-label-with-help-icon-button{cursor:help;vertical-align:top}}

package/dist/components/modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACjE;;;;;;;;;OASG;IACH,IAAI,CAAC,EACD,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,YAAY,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAGD,eAAO,MAAM,KAAK,GAAI,ibAkCnB,UAAU,4CA6NZ,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,eAAe,CAAC;AAEvB,OAAO,KAMN,MAAM,OAAO,CAAC;AAUf,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACjE;;;;;;;;;OASG;IACH,IAAI,CAAC,EACD,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,YAAY,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAGD,eAAO,MAAM,KAAK,GAAI,ibAkCnB,UAAU,4CA4PZ,CAAC"}

package/dist/components/modal/Modal.js

@@ -1,169 +1,193 @@
 "use client";
-import { jsx as o, jsxs as c, Fragment as H } from "react/jsx-runtime";
-import pe from "antd/es/modal";
-import { XIcon as he } from "@bioturing/assets";
-import { useState as R, useRef as ye, useCallback as be, useEffect as Ce } from "react";
-import { ModalContextProvider as ve } from "antd/es/modal/context";
-import j from "antd/es/modal/components/NormalCancelBtn";
-import E from "antd/es/modal/components/NormalOkBtn";
-import { getConfirmLocale as ge } from "antd/es/modal/locale";
-import { useLocale as ke } from "antd/es/locale";
-import { ModalSize as m } from "./constants.js";
-import { Stack as f } from "../stack/index.js";
-import { Truncate as we } from "../truncate/component.js";
-import { IconButton as xe } from "../icon-button/component.js";
-import { useCls as Oe } from "../utils/antdUtils.js";
-import { useTheme as ze } from "../theme-provider/context/themeStore.js";
-import { clsx as Be } from "../utils/cn.js";
-const Je = ({
-  open: u,
-  closeIcon: p,
-  children: F,
-  size: L,
-  footer: h,
-  width: P,
-  style: W,
-  styles: y,
-  classNames: $,
-  okButtonProps: q,
-  cancelButtonProps: A,
-  loading: X,
-  onOk: b,
-  onCancel: C,
-  okText: v,
-  okType: D = "primary",
-  confirmLoading: s,
-  cancelText: g = "Close",
-  hideOkButton: k = !1,
-  hideCancelButton: w = !1,
+import { jsx as o, jsxs as m, Fragment as L } from "react/jsx-runtime";
+import Ce from "antd/es/modal";
+import { XIcon as ve } from "@bioturing/assets";
+import { useMemo as s, useState as V, useRef as ye, useCallback as we, useEffect as xe } from "react";
+import { useStableCallback as ge } from "@base-ui/utils/useStableCallback";
+import { ModalContextProvider as ze } from "antd/es/modal/context";
+import X from "antd/es/modal/components/NormalCancelBtn";
+import D from "antd/es/modal/components/NormalOkBtn";
+import { getConfirmLocale as Me } from "antd/es/modal/locale";
+import { useLocale as Se } from "antd/es/locale";
+import { ModalSize as i } from "./constants.js";
+import { Stack as w } from "../stack/index.js";
+import { Truncate as ke } from "../truncate/component.js";
+import { IconButton as Ie } from "../icon-button/component.js";
+import { useCls as Ne } from "../utils/antdUtils.js";
+import { useTheme as Oe } from "../theme-provider/context/themeStore.js";
+import { clsx as Te } from "../utils/cn.js";
+const Ye = ({
+  open: x,
+  closeIcon: g,
+  children: G,
+  size: J,
+  footer: z,
+  width: K,
+  style: M,
+  styles: f,
+  classNames: Q,
+  okButtonProps: S,
+  cancelButtonProps: k,
+  loading: U,
+  onOk: d,
+  onCancel: I,
+  okText: N,
+  okType: O = "primary",
+  confirmLoading: n,
+  cancelText: T = "Close",
+  hideOkButton: u = !1,
+  hideCancelButton: p = !1,
   contentPadding: r,
-  title: i,
-  afterTitle: x,
-  beforeCloseButton: G,
-  afterCloseButton: J,
-  defaultFixedHeaderFooter: K = !1,
-  centered: Q = !0,
-  type: U = "default",
-  defaultOpen: V = !0,
-  background: Y,
-  bodyScrollable: Z = !0,
-  rootClassName: _,
-  ...ee
+  title: h,
+  afterTitle: H,
+  beforeCloseButton: Y,
+  afterCloseButton: Z,
+  defaultFixedHeaderFooter: _ = !1,
+  centered: P = !0,
+  type: ee = "default",
+  defaultOpen: oe = !0,
+  background: re,
+  bodyScrollable: le = !0,
+  rootClassName: te,
+  ...se
 }) => {
-  const oe = p === void 0 ? /* @__PURE__ */ o(he, { size: 16, weight: "bold" }) : p, t = L || (U === "default" ? "medium" : "xsmall"), re = P || m[t], te = {
-    "--ds-modal-bg": `var(--ds-color-bg-${Y || (t in m && parseInt(m[t]) <= parseInt(m.medium) ? "elevated" : "container")})`,
-    ...W,
-    ...t === "fullscreen" ? { top: 0, maxWidth: "100%", height: "100%" } : {}
-  }, le = {
-    ...y,
-    body: {
-      ...typeof r < "u" ? {
-        "--ds-modal-content-padding": r === !1 || r === 0 ? "0" : typeof r == "number" ? `${r}px` : r
-      } : {},
-      ...y?.body
-    }
-  }, [O, z] = R(!1), n = Oe(), { className: ne } = ze(), a = ye(null), se = be(
+  const ne = g === void 0 ? /* @__PURE__ */ o(ve, { size: 16, weight: "bold" }) : g, l = J || (ee === "default" ? "medium" : "xsmall"), ae = K || i[l], R = re || (l in i && parseInt(i[l]) <= parseInt(i.medium) ? "elevated" : "container"), ce = s(
+    () => ({
+      "--ds-modal-bg": `var(--ds-color-bg-${R})`,
+      ...M,
+      ...l === "fullscreen" ? { top: 0, maxWidth: "100%", height: "100%" } : {}
+    }),
+    [R, M, l]
+  ), me = s(
+    () => ({
+      ...f,
+      body: {
+        ...typeof r < "u" ? {
+          "--ds-modal-content-padding": r === !1 || r === 0 ? "0" : typeof r == "number" ? `${r}px` : r
+        } : {},
+        ...f?.body
+      }
+    }),
+    [f, r]
+  ), [B, j] = V(!1), a = Ne(), { className: ie } = Oe(), c = ye(null), fe = we(
     (e) => {
       if (!e) return;
-      const l = e.querySelector("." + n("modal-body"));
-      if (!(l instanceof HTMLElement)) return;
-      const T = new ResizeObserver(() => {
-        const ue = l.scrollHeight > l.clientHeight;
-        z(ue);
+      const t = e.querySelector("." + a("modal-body"));
+      if (!(t instanceof HTMLElement)) return;
+      const A = new ResizeObserver(() => {
+        const be = t.scrollHeight > t.clientHeight;
+        j(be);
       });
-      a.current = T, T.observe(l);
-      const fe = l.scrollHeight > l.clientHeight;
-      z(fe);
+      c.current = A, A.observe(t);
+      const he = t.scrollHeight > t.clientHeight;
+      j(he);
     },
-    [n]
+    [a]
   );
-  Ce(() => () => {
-    a.current && (a.current.disconnect(), a.current = null);
+  xe(() => () => {
+    c.current && (c.current.disconnect(), c.current = null);
   }, []);
-  const [B] = ke("Modal", ge()), ae = v || B?.okText, ce = g || B?.cancelText, I = {
-    // loading: typeof confirmLoading === "boolean" ? confirmLoading : loading,
-    ...q
-  }, M = {
-    ...A
-  }, [me, N] = R(V), d = typeof u > "u", ie = d ? me : u, S = (e) => {
-    s || C?.(e);
-  }, de = /* @__PURE__ */ o(
-    ve,
-    {
-      value: {
-        okButtonProps: I,
-        cancelButtonProps: M,
-        onCancel: S,
-        onOk: b,
-        okType: D,
-        confirmLoading: s,
-        okTextLocale: ae,
-        cancelTextLocale: ce
-      },
-      children: k ? /* @__PURE__ */ o(j, {}) : w ? /* @__PURE__ */ o(E, {}) : /* @__PURE__ */ c(H, { children: [
-        /* @__PURE__ */ o(j, {}),
-        /* @__PURE__ */ o(E, {})
-      ] })
+  const [E] = Se("Modal", Me()), F = N || E?.okText, W = T || E?.cancelText, b = s(
+    () => ({
+      // loading: typeof confirmLoading === "boolean" ? confirmLoading : loading,
+      ...S
+    }),
+    [S]
+  ), C = s(
+    () => ({
+      ...k
+    }),
+    [k]
+  ), [de, $] = V(oe), v = typeof x > "u", ue = v ? de : x, y = ge(
+    (e) => {
+      n || I?.(e);
     }
+  ), q = s(
+    () => ({
+      okButtonProps: b,
+      cancelButtonProps: C,
+      onCancel: y,
+      onOk: d,
+      okType: O,
+      confirmLoading: n,
+      okTextLocale: F,
+      cancelTextLocale: W
+    }),
+    [
+      b,
+      C,
+      d,
+      O,
+      n,
+      F,
+      W,
+      y
+    ]
+  ), pe = s(
+    () => /* @__PURE__ */ o(ze, { value: q, children: u ? /* @__PURE__ */ o(X, {}) : p ? /* @__PURE__ */ o(D, {}) : /* @__PURE__ */ m(L, { children: [
+      /* @__PURE__ */ o(X, {}),
+      /* @__PURE__ */ o(D, {})
+    ] }) }),
+    [q, u, p]
   );
   return /* @__PURE__ */ o(
-    pe,
+    Ce,
     {
       closeIcon: !1,
-      open: ie,
-      width: re,
-      style: te,
-      title: /* @__PURE__ */ c(H, { children: [
-        /* @__PURE__ */ c(f, { align: "center", gap: 8, className: n("modal-title-wrapper"), children: [
-          /* @__PURE__ */ o(f.Child, { grow: !0, children: typeof i == "string" ? /* @__PURE__ */ o(we, { children: i }) : i }),
-          /* @__PURE__ */ c(f.Child, { stack: !0, hug: !0, align: "center", gap: 8, children: [
-            G,
+      open: ue,
+      width: ae,
+      style: ce,
+      title: /* @__PURE__ */ m(L, { children: [
+        /* @__PURE__ */ m(w, { align: "center", gap: 8, className: a("modal-title-wrapper"), children: [
+          /* @__PURE__ */ o(w.Child, { grow: !0, children: typeof h == "string" ? /* @__PURE__ */ o(ke, { children: h }) : h }),
+          /* @__PURE__ */ m(w.Child, { stack: !0, hug: !0, align: "center", gap: 8, children: [
+            Y,
             /* @__PURE__ */ o(
-              xe,
+              Ie,
               {
-                onClick: (e) => S(e),
-                children: oe
+                onClick: (e) => y(e),
+                children: ne
               }
             ),
-            J
+            Z
           ] })
         ] }),
-        x || null
+        H || null
       ] }),
-      rootClassName: Be(ne, _),
+      rootClassName: Te(ie, te),
       classNames: {
-        ...$,
-        wrapper: n(
+        ...Q,
+        wrapper: a(
           "modal-wrap",
-          t == "fullscreen" && "modal-fullscreen",
-          O && "modal-content-overflow",
-          Z === !1 && "modal-no-body-scroll",
-          K || O || t == "fullscreen" ? "modal-fixed" : ""
+          l == "fullscreen" && "modal-fullscreen",
+          B && "modal-content-overflow",
+          le === !1 && "modal-no-body-scroll",
+          _ || B || l == "fullscreen" ? "modal-fixed" : ""
         )
       },
-      styles: le,
-      modalRender: (e) => /* @__PURE__ */ o("div", { ref: se, className: n("modal-inner"), children: e }),
-      okButtonProps: I,
-      cancelButtonProps: M,
+      styles: me,
+      modalRender: (e) => /* @__PURE__ */ o("div", { ref: fe, className: a("modal-inner"), children: e }),
+      okButtonProps: b,
+      cancelButtonProps: C,
       onOk: (e) => {
-        d && N(!1), b?.(e);
+        v && $(!1), d?.(e);
       },
       onCancel: (e) => {
-        s || (d && N(!1), C?.(e));
+        n || (v && $(!1), I?.(e));
       },
-      okText: v,
-      cancelText: g,
+      okText: N,
+      cancelText: T,
       okType: "primary",
-      confirmLoading: s,
-      footer: typeof h > "u" ? k && w ? null : de : h,
-      centered: Q,
-      loading: X,
-      ...ee,
-      children: F
+      confirmLoading: n,
+      footer: typeof z > "u" ? u && p ? null : pe : z,
+      centered: P,
+      loading: U,
+      ...se,
+      children: G
     }
   );
 };
 export {
-  Je as Modal
+  Ye as Modal
 };
 //# sourceMappingURL=Modal.js.map

package/dist/components/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntModal,\n  type ModalProps as AntModalProps,\n} from \"antd/es/modal\";\nimport { XIcon } from \"@bioturing/assets\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { ModalContextProvider } from \"antd/es/modal/context\";\nimport NormalCancelBtn from \"antd/es/modal/components/NormalCancelBtn\";\nimport NormalOkBtn from \"antd/es/modal/components/NormalOkBtn\";\nimport { getConfirmLocale } from \"antd/es/modal/locale\";\nimport { useLocale } from \"antd/es/locale\";\nimport { IconButton } from \"../icon-button\";\nimport { ModalSize } from \"./constants\";\nimport { ModalType } from \"./functions\";\nimport { Truncate } from \"../truncate\";\nimport { Stack } from \"../stack\";\nimport { useTheme } from \"../theme-provider\";\n\n// Define props interface extending Ant Design's ModalProps\nexport interface ModalProps extends Omit<AntModalProps, \"centered\"> {\n  /**\n   * Predefined sizes for the modal\n   * - xsmall: 400px\n   * - small: 520px\n   * - medium: 640px (default)\n   * - large: 840px\n   * - xlarge: 1024px\n   * - fullscreen: 100vw (takes full screen width with margins)\n   * @default \"medium\" for default type, \"xsmall\" for other types\n   */\n  size?:\n    | \"xsmall\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"xlarge\"\n    | \"xxlarge\"\n    | \"fullscreen\";\n  /**\n   * Mark modal as loading\n   * @default false\n   */\n  loading?: boolean;\n  /**\n   * Hide Ok button\n   * @default false\n   */\n  hideOkButton?: boolean;\n  /**\n   * Hide Cancel button\n   * @default false\n   */\n  hideCancelButton?: boolean;\n  /**\n   * Custom Content Padding\n   * @default \"24px\"\n   */\n  contentPadding?: number | string | boolean;\n  /**\n   * Add more content below the title\n   */\n  afterTitle?: React.ReactNode;\n  /**\n   * Add more actions before close button\n   */\n  beforeCloseButton?: React.ReactNode;\n  /**\n   * Add more actions after close button\n   */\n  afterCloseButton?: React.ReactNode;\n  /**\n   * Set header and footer to fixed position\n   * @default false\n   */\n  defaultFixedHeaderFooter?: boolean;\n  /**\n   * Centered Modal\n   * @default true\n   */\n  centered?: boolean;\n  /**\n   * Modal type\n   * @default \"default\"\n   */\n  type?: ModalType;\n  /**\n   * Default open state for uncontrolled modal\n   * @default true\n   */\n  defaultOpen?: boolean;\n  /**\n   * Modal background\n   * @default \"elevated\" if size smaller than \"medium\", otherwise \"container\"\n   */\n  background?: \"elevated\" | \"container\";\n  /**\n   * Modal old close callback\n   * @deprecated use onCancel instead\n   */\n  onClose?: () => void;\n  /**\n   * Make modal body scrollable\n   * @default true\n   */\n  bodyScrollable?: boolean;\n}\n\n// Create Modal component\nexport const Modal = ({\n  open: externalOpen,\n  closeIcon,\n  children,\n  size: sizeProp,\n  footer,\n  width,\n  style,\n  styles,\n  classNames,\n  okButtonProps,\n  cancelButtonProps,\n  loading,\n  onOk,\n  onCancel,\n  okText,\n  okType = \"primary\",\n  confirmLoading,\n  cancelText = \"Close\",\n  hideOkButton = false,\n  hideCancelButton = false,\n  contentPadding,\n  title,\n  afterTitle,\n  beforeCloseButton,\n  afterCloseButton,\n  defaultFixedHeaderFooter = false,\n  centered = true,\n  type = \"default\",\n  defaultOpen = true,\n  background: backgroundProp,\n  bodyScrollable = true,\n  rootClassName,\n  ...rest\n}: ModalProps) => {\n  // Default close icon with Phosphor icon\n  const defaultCloseIcon =\n    closeIcon === undefined ? <XIcon size={16} weight=\"bold\" /> : closeIcon;\n\n  // Use custom width if provided, otherwise use the size from the map\n  const defaultModalSize = type === \"default\" ? \"medium\" : \"xsmall\";\n\n  const size: keyof typeof ModalSize = sizeProp || defaultModalSize;\n  const modalWidth = width || ModalSize[size];\n\n  const background =\n    backgroundProp ||\n    (size &&\n    size in ModalSize &&\n    parseInt(ModalSize[size]) <= parseInt(ModalSize.medium)\n      ? \"elevated\"\n      : \"container\");\n\n  // Apply additional styles for fullscreen mode\n  const modalStyle = {\n    \"--ds-modal-bg\": `var(--ds-color-bg-${background})`,\n    ...style,\n    ...(size === \"fullscreen\"\n      ? { top: 0, maxWidth: \"100%\", height: \"100%\" }\n      : {}),\n  };\n\n  const modalStyles = {\n    ...styles,\n    body: {\n      ...((typeof contentPadding != \"undefined\"\n        ? {\n            \"--ds-modal-content-padding\":\n              contentPadding === false || contentPadding === 0\n                ? \"0\"\n                : typeof contentPadding == \"number\"\n                ? `${contentPadding}px`\n                : contentPadding,\n          }\n        : {}) as React.CSSProperties),\n      ...styles?.body,\n    },\n  };\n\n  const [isContentOverflow, setIsContentOverflow] = useState(false);\n\n  const cls = useCls();\n\n  const { className: themeClassName } = useTheme();\n\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const modalInnerRef = useCallback(\n    (node: HTMLElement | null) => {\n      // If the node is null (component unmounting), just return\n      if (!node) return;\n\n      const modalBody = node.querySelector(\".\" + cls(\"modal-body\"));\n      if (!(modalBody instanceof HTMLElement)) return;\n\n      // Create ResizeObserver to detect overflow\n      const resizeObserver = new ResizeObserver(() => {\n        const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n        setIsContentOverflow(hasOverflow);\n      });\n\n      // Store reference to the observer\n      resizeObserverRef.current = resizeObserver;\n\n      // Start observing\n      resizeObserver.observe(modalBody);\n\n      // Initial check\n      const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n      setIsContentOverflow(hasOverflow);\n    },\n    [cls]\n  );\n\n  // clean up resize observer\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n    };\n  }, []);\n\n  const [locale] = useLocale(\"Modal\", getConfirmLocale());\n\n  const okTextLocale: React.ReactNode = okText || locale?.okText;\n  const cancelTextLocale = cancelText || locale?.cancelText;\n\n  const modalOkButtonProps = {\n    // loading: typeof confirmLoading === \"boolean\" ? confirmLoading : loading,\n    ...okButtonProps,\n  };\n\n  const modalCancelButtonProps = {\n    ...cancelButtonProps,\n  };\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n  const uncontrolledOpen = typeof externalOpen === \"undefined\";\n\n  const open = uncontrolledOpen ? internalOpen : externalOpen;\n\n  const handleCancel = (e: React.MouseEvent<HTMLButtonElement>) => {\n    if (confirmLoading) {\n      return;\n    }\n    onCancel?.(e);\n  };\n\n  const defaultFooter = (\n    <ModalContextProvider\n      value={{\n        okButtonProps: modalOkButtonProps,\n        cancelButtonProps: modalCancelButtonProps,\n        onCancel: handleCancel,\n        onOk,\n        okType,\n        confirmLoading,\n        okTextLocale,\n        cancelTextLocale,\n      }}\n    >\n      {hideOkButton ? (\n        <NormalCancelBtn />\n      ) : hideCancelButton ? (\n        <NormalOkBtn />\n      ) : (\n        <>\n          <NormalCancelBtn />\n          <NormalOkBtn />\n        </>\n      )}\n    </ModalContextProvider>\n  );\n  const renderTitle = () => {\n    return (\n      <>\n        <Stack align=\"center\" gap={8} className={cls(\"modal-title-wrapper\")}>\n          <Stack.Child grow>\n            {typeof title === \"string\" ? <Truncate>{title}</Truncate> : title}\n          </Stack.Child>\n          <Stack.Child stack hug align=\"center\" gap={8}>\n            {beforeCloseButton}\n            <IconButton\n              onClick={(e: React.MouseEvent<HTMLButtonElement>) =>\n                handleCancel(e)\n              }\n            >\n              {defaultCloseIcon}\n            </IconButton>\n            {afterCloseButton}\n          </Stack.Child>\n          {}\n        </Stack>\n        {afterTitle ? afterTitle : null}\n      </>\n    );\n  };\n  return (\n    <AntModal\n      closeIcon={false}\n      open={open}\n      width={modalWidth}\n      style={modalStyle}\n      title={renderTitle()}\n      rootClassName={clsx(themeClassName, rootClassName)}\n      classNames={{\n        ...classNames,\n        wrapper: cls(\n          \"modal-wrap\",\n          size == \"fullscreen\" && \"modal-fullscreen\",\n          isContentOverflow && \"modal-content-overflow\",\n          bodyScrollable === false && \"modal-no-body-scroll\",\n          defaultFixedHeaderFooter || isContentOverflow || size == \"fullscreen\"\n            ? \"modal-fixed\"\n            : \"\"\n        ),\n      }}\n      styles={modalStyles}\n      modalRender={(modal) => (\n        <div ref={modalInnerRef} className={cls(\"modal-inner\")}>\n          {modal}\n        </div>\n      )}\n      okButtonProps={modalOkButtonProps}\n      cancelButtonProps={modalCancelButtonProps}\n      onOk={(e) => {\n        if (uncontrolledOpen) setInternalOpen(false);\n        onOk?.(e);\n      }}\n      onCancel={(e) => {\n        if (confirmLoading) return;\n        if (uncontrolledOpen) setInternalOpen(false);\n        onCancel?.(e);\n      }}\n      okText={okText}\n      cancelText={cancelText}\n      okType=\"primary\"\n      confirmLoading={confirmLoading}\n      footer={\n        typeof footer === \"undefined\"\n          ? hideOkButton && hideCancelButton\n            ? null\n            : defaultFooter\n          : footer\n      }\n      centered={centered}\n      loading={loading}\n      {...rest}\n    >\n      {children}\n    </AntModal>\n  );\n};\n"],"names":["Modal","externalOpen","closeIcon","children","sizeProp","footer","width","style","styles","classNames","okButtonProps","cancelButtonProps","loading","onOk","onCancel","okText","okType","confirmLoading","cancelText","hideOkButton","hideCancelButton","contentPadding","title","afterTitle","beforeCloseButton","afterCloseButton","defaultFixedHeaderFooter","centered","type","defaultOpen","backgroundProp","bodyScrollable","rootClassName","rest","defaultCloseIcon","jsx","XIcon","size","modalWidth","ModalSize","modalStyle","modalStyles","isContentOverflow","setIsContentOverflow","useState","cls","useCls","themeClassName","useTheme","resizeObserverRef","useRef","modalInnerRef","useCallback","node","modalBody","resizeObserver","hasOverflow","useEffect","locale","useLocale","getConfirmLocale","okTextLocale","cancelTextLocale","modalOkButtonProps","modalCancelButtonProps","internalOpen","setInternalOpen","uncontrolledOpen","open","handleCancel","defaultFooter","ModalContextProvider","NormalCancelBtn","NormalOkBtn","jsxs","Fragment","AntModal","Stack","Truncate","IconButton","clsx","modal"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntModal,\n  type ModalProps as AntModalProps,\n} from \"antd/es/modal\";\nimport { XIcon } from \"@bioturing/assets\";\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\nimport { clsx, useCls } from \"../utils\";\nimport { ModalContextProvider } from \"antd/es/modal/context\";\nimport NormalCancelBtn from \"antd/es/modal/components/NormalCancelBtn\";\nimport NormalOkBtn from \"antd/es/modal/components/NormalOkBtn\";\nimport { getConfirmLocale } from \"antd/es/modal/locale\";\nimport { useLocale } from \"antd/es/locale\";\nimport { IconButton } from \"../icon-button\";\nimport { ModalSize } from \"./constants\";\nimport { ModalType } from \"./functions\";\nimport { Truncate } from \"../truncate\";\nimport { Stack } from \"../stack\";\nimport { useTheme } from \"../theme-provider\";\n\n// Define props interface extending Ant Design's ModalProps\nexport interface ModalProps extends Omit<AntModalProps, \"centered\"> {\n  /**\n   * Predefined sizes for the modal\n   * - xsmall: 400px\n   * - small: 520px\n   * - medium: 640px (default)\n   * - large: 840px\n   * - xlarge: 1024px\n   * - fullscreen: 100vw (takes full screen width with margins)\n   * @default \"medium\" for default type, \"xsmall\" for other types\n   */\n  size?:\n    | \"xsmall\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"xlarge\"\n    | \"xxlarge\"\n    | \"fullscreen\";\n  /**\n   * Mark modal as loading\n   * @default false\n   */\n  loading?: boolean;\n  /**\n   * Hide Ok button\n   * @default false\n   */\n  hideOkButton?: boolean;\n  /**\n   * Hide Cancel button\n   * @default false\n   */\n  hideCancelButton?: boolean;\n  /**\n   * Custom Content Padding\n   * @default \"24px\"\n   */\n  contentPadding?: number | string | boolean;\n  /**\n   * Add more content below the title\n   */\n  afterTitle?: React.ReactNode;\n  /**\n   * Add more actions before close button\n   */\n  beforeCloseButton?: React.ReactNode;\n  /**\n   * Add more actions after close button\n   */\n  afterCloseButton?: React.ReactNode;\n  /**\n   * Set header and footer to fixed position\n   * @default false\n   */\n  defaultFixedHeaderFooter?: boolean;\n  /**\n   * Centered Modal\n   * @default true\n   */\n  centered?: boolean;\n  /**\n   * Modal type\n   * @default \"default\"\n   */\n  type?: ModalType;\n  /**\n   * Default open state for uncontrolled modal\n   * @default true\n   */\n  defaultOpen?: boolean;\n  /**\n   * Modal background\n   * @default \"elevated\" if size smaller than \"medium\", otherwise \"container\"\n   */\n  background?: \"elevated\" | \"container\";\n  /**\n   * Modal old close callback\n   * @deprecated use onCancel instead\n   */\n  onClose?: () => void;\n  /**\n   * Make modal body scrollable\n   * @default true\n   */\n  bodyScrollable?: boolean;\n}\n\n// Create Modal component\nexport const Modal = ({\n  open: externalOpen,\n  closeIcon,\n  children,\n  size: sizeProp,\n  footer,\n  width,\n  style,\n  styles,\n  classNames,\n  okButtonProps,\n  cancelButtonProps,\n  loading,\n  onOk,\n  onCancel,\n  okText,\n  okType = \"primary\",\n  confirmLoading,\n  cancelText = \"Close\",\n  hideOkButton = false,\n  hideCancelButton = false,\n  contentPadding,\n  title,\n  afterTitle,\n  beforeCloseButton,\n  afterCloseButton,\n  defaultFixedHeaderFooter = false,\n  centered = true,\n  type = \"default\",\n  defaultOpen = true,\n  background: backgroundProp,\n  bodyScrollable = true,\n  rootClassName,\n  ...rest\n}: ModalProps) => {\n  // Default close icon with Phosphor icon\n  const defaultCloseIcon =\n    closeIcon === undefined ? <XIcon size={16} weight=\"bold\" /> : closeIcon;\n\n  // Use custom width if provided, otherwise use the size from the map\n  const defaultModalSize = type === \"default\" ? \"medium\" : \"xsmall\";\n\n  const size: keyof typeof ModalSize = sizeProp || defaultModalSize;\n  const modalWidth = width || ModalSize[size];\n\n  const background =\n    backgroundProp ||\n    (size &&\n    size in ModalSize &&\n    parseInt(ModalSize[size]) <= parseInt(ModalSize.medium)\n      ? \"elevated\"\n      : \"container\");\n\n  // Memoize modal styles to prevent recreating on every render\n  const modalStyle = useMemo(\n    () =>\n      ({\n        \"--ds-modal-bg\": `var(--ds-color-bg-${background})`,\n        ...style,\n        ...(size === \"fullscreen\"\n          ? { top: 0, maxWidth: \"100%\", height: \"100%\" }\n          : {}),\n      }) as React.CSSProperties,\n    [background, style, size],\n  );\n\n  const modalStyles = useMemo(\n    () => ({\n      ...styles,\n      body: {\n        ...((typeof contentPadding != \"undefined\"\n          ? {\n              \"--ds-modal-content-padding\":\n                contentPadding === false || contentPadding === 0\n                  ? \"0\"\n                  : typeof contentPadding == \"number\"\n                    ? `${contentPadding}px`\n                    : contentPadding,\n            }\n          : {}) as React.CSSProperties),\n        ...styles?.body,\n      },\n    }),\n    [styles, contentPadding],\n  );\n\n  const [isContentOverflow, setIsContentOverflow] = useState(false);\n\n  const cls = useCls();\n\n  const { className: themeClassName } = useTheme();\n\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const modalInnerRef = useCallback(\n    (node: HTMLElement | null) => {\n      // If the node is null (component unmounting), just return\n      if (!node) return;\n\n      const modalBody = node.querySelector(\".\" + cls(\"modal-body\"));\n      if (!(modalBody instanceof HTMLElement)) return;\n\n      // Create ResizeObserver to detect overflow\n      const resizeObserver = new ResizeObserver(() => {\n        const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n        setIsContentOverflow(hasOverflow);\n      });\n\n      // Store reference to the observer\n      resizeObserverRef.current = resizeObserver;\n\n      // Start observing\n      resizeObserver.observe(modalBody);\n\n      // Initial check\n      const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n      setIsContentOverflow(hasOverflow);\n    },\n    [cls],\n  );\n\n  // clean up resize observer\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n    };\n  }, []);\n\n  const [locale] = useLocale(\"Modal\", getConfirmLocale());\n\n  const okTextLocale: React.ReactNode = okText || locale?.okText;\n  const cancelTextLocale = cancelText || locale?.cancelText;\n\n  const modalOkButtonProps = useMemo(\n    () => ({\n      // loading: typeof confirmLoading === \"boolean\" ? confirmLoading : loading,\n      ...okButtonProps,\n    }),\n    [okButtonProps],\n  );\n\n  const modalCancelButtonProps = useMemo(\n    () => ({\n      ...cancelButtonProps,\n    }),\n    [cancelButtonProps],\n  );\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n  const uncontrolledOpen = typeof externalOpen === \"undefined\";\n\n  const open = uncontrolledOpen ? internalOpen : externalOpen;\n\n  const handleCancel = useStableCallback(\n    (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (confirmLoading) {\n        return;\n      }\n      onCancel?.(e);\n    },\n  );\n\n  const modalContextValue = useMemo(\n    () => ({\n      okButtonProps: modalOkButtonProps,\n      cancelButtonProps: modalCancelButtonProps,\n      onCancel: handleCancel,\n      onOk,\n      okType,\n      confirmLoading,\n      okTextLocale,\n      cancelTextLocale,\n    }),\n    [\n      modalOkButtonProps,\n      modalCancelButtonProps,\n      onOk,\n      okType,\n      confirmLoading,\n      okTextLocale,\n      cancelTextLocale,\n      handleCancel,\n    ],\n  );\n\n  const defaultFooter = useMemo(\n    () => (\n      <ModalContextProvider value={modalContextValue}>\n        {hideOkButton ? (\n          <NormalCancelBtn />\n        ) : hideCancelButton ? (\n          <NormalOkBtn />\n        ) : (\n          <>\n            <NormalCancelBtn />\n            <NormalOkBtn />\n          </>\n        )}\n      </ModalContextProvider>\n    ),\n    [modalContextValue, hideOkButton, hideCancelButton],\n  );\n\n  const renderTitle = () => {\n    return (\n      <>\n        <Stack align=\"center\" gap={8} className={cls(\"modal-title-wrapper\")}>\n          <Stack.Child grow>\n            {typeof title === \"string\" ? <Truncate>{title}</Truncate> : title}\n          </Stack.Child>\n          <Stack.Child stack hug align=\"center\" gap={8}>\n            {beforeCloseButton}\n            <IconButton\n              onClick={(e: React.MouseEvent<HTMLButtonElement>) =>\n                handleCancel(e)\n              }\n            >\n              {defaultCloseIcon}\n            </IconButton>\n            {afterCloseButton}\n          </Stack.Child>\n          {}\n        </Stack>\n        {afterTitle ? afterTitle : null}\n      </>\n    );\n  };\n  return (\n    <AntModal\n      closeIcon={false}\n      open={open}\n      width={modalWidth}\n      style={modalStyle}\n      title={renderTitle()}\n      rootClassName={clsx(themeClassName, rootClassName)}\n      classNames={{\n        ...classNames,\n        wrapper: cls(\n          \"modal-wrap\",\n          size == \"fullscreen\" && \"modal-fullscreen\",\n          isContentOverflow && \"modal-content-overflow\",\n          bodyScrollable === false && \"modal-no-body-scroll\",\n          defaultFixedHeaderFooter || isContentOverflow || size == \"fullscreen\"\n            ? \"modal-fixed\"\n            : \"\",\n        ),\n      }}\n      styles={modalStyles}\n      modalRender={(modal) => (\n        <div ref={modalInnerRef} className={cls(\"modal-inner\")}>\n          {modal}\n        </div>\n      )}\n      okButtonProps={modalOkButtonProps}\n      cancelButtonProps={modalCancelButtonProps}\n      onOk={(e) => {\n        if (uncontrolledOpen) setInternalOpen(false);\n        onOk?.(e);\n      }}\n      onCancel={(e) => {\n        if (confirmLoading) return;\n        if (uncontrolledOpen) setInternalOpen(false);\n        onCancel?.(e);\n      }}\n      okText={okText}\n      cancelText={cancelText}\n      okType=\"primary\"\n      confirmLoading={confirmLoading}\n      footer={\n        typeof footer === \"undefined\"\n          ? hideOkButton && hideCancelButton\n            ? null\n            : defaultFooter\n          : footer\n      }\n      centered={centered}\n      loading={loading}\n      {...rest}\n    >\n      {children}\n    </AntModal>\n  );\n};\n"],"names":["Modal","externalOpen","closeIcon","children","sizeProp","footer","width","style","styles","classNames","okButtonProps","cancelButtonProps","loading","onOk","onCancel","okText","okType","confirmLoading","cancelText","hideOkButton","hideCancelButton","contentPadding","title","afterTitle","beforeCloseButton","afterCloseButton","defaultFixedHeaderFooter","centered","type","defaultOpen","backgroundProp","bodyScrollable","rootClassName","rest","defaultCloseIcon","jsx","XIcon","size","modalWidth","ModalSize","background","modalStyle","useMemo","modalStyles","isContentOverflow","setIsContentOverflow","useState","cls","useCls","themeClassName","useTheme","resizeObserverRef","useRef","modalInnerRef","useCallback","node","modalBody","resizeObserver","hasOverflow","useEffect","locale","useLocale","getConfirmLocale","okTextLocale","cancelTextLocale","modalOkButtonProps","modalCancelButtonProps","internalOpen","setInternalOpen","uncontrolledOpen","open","handleCancel","useStableCallback","modalContextValue","defaultFooter","ModalContextProvider","NormalCancelBtn","NormalOkBtn","jsxs","Fragment","AntModal","Stack","Truncate","IconButton","clsx","modal"],"mappings":"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"}

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

@@ -1,112 +1,3 @@
-import { Popover } from '@base-ui/react/popover';
-import { PopupPanelSize } from './constants';
-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;
-}
-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;
+import { PopupPanelProps } from './types';
+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, offsetFrom, nativeButton, ...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":"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"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/popup-panel/component.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI1C,OAAO,aAAa,CAAC;AAoCrB,eAAO,MAAM,UAAU,GAAI,yYA8BxB,eAAe,4CA2SjB,CAAC"}