@bioturing/components 0.29.2 → 0.30.0

package/dist/components/hooks/antd.js

@@ -1,23 +1,21 @@
 "use client";
 import s from "antd/es/theme";
-import t from "antd/es/grid";
 import o from "antd/es/app/useApp";
-import { default as d } from "antd/es/app/useApp";
-import { useForm as l, useWatch as x } from "antd/es/form/Form";
-const m = s.useToken, p = t.useBreakpoint, a = () => {
+import { default as c } from "antd/es/app/useApp";
+import { useForm as l, useWatch as d } from "antd/es/form/Form";
+const u = s.useToken, m = () => {
   const { message: e } = o();
   return e;
-}, c = () => {
+}, n = () => {
   const { modal: e } = o();
   return e;
 };
 export {
-  d as useApp,
-  p as useBreakpoint,
+  c as useApp,
   l as useForm,
-  a as useMessage,
-  c as useModal,
-  m as useToken,
-  x as useWatch
+  m as useMessage,
+  n as useModal,
+  u as useToken,
+  d as useWatch
 };
 //# sourceMappingURL=antd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"antd.js","sources":["../../../src/components/hooks/antd.ts"],"sourcesContent":["\"use client\";\nimport theme from \"antd/es/theme\";\nimport Grid from \"antd/es/grid\";\nimport useApp from \"antd/es/app/useApp\";\n\nexport const useToken = theme.useToken;\nexport const useBreakpoint = Grid.useBreakpoint;\n\nexport { useForm, useWatch } from \"antd/es/form/Form\";\n\nexport const useMessage = () => {\n  const { message } = useApp();\n  return message;\n};\n\nexport const useModal = () => {\n  const { modal } = useApp();\n  return modal;\n};\n\nexport { useApp };\n"],"names":["useToken","theme","useBreakpoint","Grid","useMessage","message","useApp","useModal","modal"],"mappings":";;;;;;AAKO,MAAMA,IAAWC,EAAM,UACjBC,IAAgBC,EAAK,eAIrBC,IAAa,MAAM;AACxB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAO;AACpB,SAAAD;AACT,GAEaE,IAAW,MAAM;AACtB,QAAA,EAAE,OAAAC,EAAM,IAAIF,EAAO;AAClB,SAAAE;AACT;"}
+{"version":3,"file":"antd.js","sources":["../../../src/components/hooks/antd.ts"],"sourcesContent":["\"use client\";\nimport theme from \"antd/es/theme\";\n// import Grid from \"antd/es/grid\";\nimport useApp from \"antd/es/app/useApp\";\n\nexport const useToken = theme.useToken;\n// export const useBreakpoint = Grid.useBreakpoint;\n\nexport { useForm, useWatch } from \"antd/es/form/Form\";\n\nexport const useMessage = () => {\n  const { message } = useApp();\n  return message;\n};\n\nexport const useModal = () => {\n  const { modal } = useApp();\n  return modal;\n};\n\nexport { useApp };\n"],"names":["useToken","theme","useMessage","message","useApp","useModal","modal"],"mappings":";;;;;AAKO,MAAMA,IAAWC,EAAM,UAKjBC,IAAa,MAAM;AACxB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAO;AACpB,SAAAD;AACT,GAEaE,IAAW,MAAM;AACtB,QAAA,EAAE,OAAAC,EAAM,IAAIF,EAAO;AAClB,SAAAE;AACT;"}

package/dist/components/hooks/useBreakpoint.js

@@ -0,0 +1,50 @@
+"use client";
+import { useState as r, useMemo as M, useEffect as x, useCallback as w } from "react";
+const e = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+}, q = (h = "lg") => {
+  const [i, l] = r(h), [d, u] = r(!1), a = M(() => {
+    const t = {};
+    return typeof window < "u" && (t.sm = window.matchMedia(`(max-width: ${e.md - 1}px)`), t.md = window.matchMedia(`(min-width: ${e.md}px) and (max-width: ${e.lg - 1}px)`), t.lg = window.matchMedia(`(min-width: ${e.lg}px) and (max-width: ${e.xl - 1}px)`), t.xl = window.matchMedia(`(min-width: ${e.xl}px) and (max-width: ${e["2xl"] - 1}px)`), t["2xl"] = window.matchMedia(`(min-width: ${e["2xl"]}px)`)), t;
+  }, []);
+  x(() => {
+    u(!0);
+  }, []), x(() => {
+    if (typeof window > "u" || !d) return;
+    const t = () => {
+      var m, o, s, c;
+      let n = "sm";
+      (m = a["2xl"]) != null && m.matches ? n = "2xl" : (o = a.xl) != null && o.matches ? n = "xl" : (s = a.lg) != null && s.matches ? n = "lg" : (c = a.md) != null && c.matches ? n = "md" : n = "sm", l(n);
+    };
+    return t(), Object.values(a).forEach((n) => {
+      n && n.addEventListener("change", t);
+    }), () => {
+      Object.values(a).forEach((n) => {
+        n && n.removeEventListener("change", t);
+      });
+    };
+  }, [a, d]);
+  const f = w((t) => typeof window > "u" || !d ? e[i] >= e[t] : window.matchMedia(`(min-width: ${e[t]}px)`).matches, [d, i]), p = w((t) => typeof window > "u" || !d ? e[i] < e[t] : window.matchMedia(`(max-width: ${e[t] - 1}px)`).matches, [d, i]), $ = w((t, n) => typeof window > "u" || !d ? e[i] >= e[t] && e[i] < e[n] : window.matchMedia(`(min-width: ${e[t]}px) and (max-width: ${e[n] - 1}px)`).matches, [d, i]), y = w((t) => {
+    if (typeof window > "u" || !d)
+      return i === t;
+    const n = Object.keys(e), m = n.indexOf(t), o = n[m + 1];
+    let s;
+    return m === 0 ? s = `(max-width: ${e.md - 1}px)` : o ? s = `(min-width: ${e[t]}px) and (max-width: ${e[o] - 1}px)` : s = `(min-width: ${e[t]}px)`, window.matchMedia(s).matches;
+  }, [d, i]);
+  return {
+    breakpoint: i,
+    up: f,
+    down: p,
+    between: $,
+    only: y
+  };
+};
+export {
+  e as BREAKPOINTS,
+  q as useBreakpoint
+};
+//# sourceMappingURL=useBreakpoint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.js","sources":["../../../src/components/hooks/useBreakpoint.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useState, useCallback, useMemo } from \"react\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nexport const BREAKPOINTS = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  \"2xl\": 1536,\n};\n\n/**\n * A responsive breakpoint hook using window.matchMedia for optimal performance.\n *\n * @param ssrBreakpoint - The breakpoint to use during SSR and before hydration.\n *                       Defaults to \"lg\" for better SEO (search engines typically use desktop viewports).\n *\n * @example\n * ```tsx\n * // Default: uses \"lg\" for SSR\n * const bp = useBreakpoint();\n *\n * // Custom SSR breakpoint\n * const bp = useBreakpoint(\"md\");\n *\n * // Usage\n * bp.breakpoint     // Current breakpoint: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"\n * bp.up(\"md\")       // true if screen >= 768px\n * bp.down(\"lg\")     // true if screen < 1024px\n * bp.between(\"md\", \"xl\")  // true if 768px <= screen < 1280px\n * bp.only(\"lg\")     // true if screen is exactly in \"lg\" range\n * ```\n */\nexport const useBreakpoint = (ssrBreakpoint: Breakpoint = \"lg\") => {\n  const [breakpoint, setBreakpoint] = useState<Breakpoint>(ssrBreakpoint);\n  const [isHydrated, setIsHydrated] = useState(false);\n\n  // Generate media queries\n  const mediaQueries = useMemo(() => {\n    const queries: Record<Breakpoint, MediaQueryList> = {} as any;\n    if (typeof window !== 'undefined') {\n      queries.sm = window.matchMedia(`(max-width: ${BREAKPOINTS.md - 1}px)`);\n      queries.md = window.matchMedia(`(min-width: ${BREAKPOINTS.md}px) and (max-width: ${BREAKPOINTS.lg - 1}px)`);\n      queries.lg = window.matchMedia(`(min-width: ${BREAKPOINTS.lg}px) and (max-width: ${BREAKPOINTS.xl - 1}px)`);\n      queries.xl = window.matchMedia(`(min-width: ${BREAKPOINTS.xl}px) and (max-width: ${BREAKPOINTS[\"2xl\"] - 1}px)`);\n      queries[\"2xl\"] = window.matchMedia(`(min-width: ${BREAKPOINTS[\"2xl\"]}px)`);\n    }\n    return queries;\n  }, []);\n\n  useEffect(() => {\n    setIsHydrated(true);\n  }, []);\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || !isHydrated) return;\n\n    const updateBreakpoint = () => {\n      let currentBp: Breakpoint = \"sm\";\n\n      if (mediaQueries[\"2xl\"]?.matches) currentBp = \"2xl\";\n      else if (mediaQueries.xl?.matches) currentBp = \"xl\";\n      else if (mediaQueries.lg?.matches) currentBp = \"lg\";\n      else if (mediaQueries.md?.matches) currentBp = \"md\";\n      else currentBp = \"sm\";\n\n      setBreakpoint(currentBp);\n    };\n\n    // Initial check\n    updateBreakpoint();\n\n    // Add listeners\n    Object.values(mediaQueries).forEach(mq => {\n      if (mq) mq.addEventListener('change', updateBreakpoint);\n    });\n\n    return () => {\n      Object.values(mediaQueries).forEach(mq => {\n        if (mq) mq.removeEventListener('change', updateBreakpoint);\n      });\n    };\n  }, [mediaQueries, isHydrated]);\n\n  // Min width check: is current width >= breakpoint\n  const up = useCallback((bp: Breakpoint) => {\n    if (typeof window === 'undefined' || !isHydrated) {\n      // SSR fallback: check if ssrBreakpoint >= bp\n      return BREAKPOINTS[breakpoint] >= BREAKPOINTS[bp];\n    }\n    const mq = window.matchMedia(`(min-width: ${BREAKPOINTS[bp]}px)`);\n    return mq.matches;\n  }, [isHydrated, breakpoint]);\n\n  // Max width check: is current width < breakpoint\n  const down = useCallback((bp: Breakpoint) => {\n    if (typeof window === 'undefined' || !isHydrated) {\n      // SSR fallback: check if ssrBreakpoint < bp\n      return BREAKPOINTS[breakpoint] < BREAKPOINTS[bp];\n    }\n    const mq = window.matchMedia(`(max-width: ${BREAKPOINTS[bp] - 1}px)`);\n    return mq.matches;\n  }, [isHydrated, breakpoint]);\n\n  // Range check: is current width between min and max breakpoints\n  const between = useCallback((minBp: Breakpoint, maxBp: Breakpoint) => {\n    if (typeof window === 'undefined' || !isHydrated) {\n      // SSR fallback: check if minBp <= ssrBreakpoint < maxBp\n      return BREAKPOINTS[breakpoint] >= BREAKPOINTS[minBp] && BREAKPOINTS[breakpoint] < BREAKPOINTS[maxBp];\n    }\n    const mq = window.matchMedia(`(min-width: ${BREAKPOINTS[minBp]}px) and (max-width: ${BREAKPOINTS[maxBp] - 1}px)`);\n    return mq.matches;\n  }, [isHydrated, breakpoint]);\n\n  // Only check: is current width only within this breakpoint range\n  const only = useCallback((bp: Breakpoint) => {\n    if (typeof window === 'undefined' || !isHydrated) {\n      // SSR fallback: check if ssrBreakpoint === bp\n      return breakpoint === bp;\n    }\n\n    const breakpointKeys = Object.keys(BREAKPOINTS) as Breakpoint[];\n    const currentIndex = breakpointKeys.indexOf(bp);\n    const nextBp = breakpointKeys[currentIndex + 1];\n\n    let query: string;\n    if (currentIndex === 0) {\n      // For 'sm', check if width < md\n      query = `(max-width: ${BREAKPOINTS.md - 1}px)`;\n    } else if (!nextBp) {\n      // For highest breakpoint, check if width >= current\n      query = `(min-width: ${BREAKPOINTS[bp]}px)`;\n    } else {\n      // For middle breakpoints, check range\n      query = `(min-width: ${BREAKPOINTS[bp]}px) and (max-width: ${BREAKPOINTS[nextBp] - 1}px)`;\n    }\n\n    const mq = window.matchMedia(query);\n    return mq.matches;\n  }, [isHydrated, breakpoint]);\n\n  return {\n    breakpoint,\n    up,\n    down,\n    between,\n    only,\n  };\n};\n"],"names":["BREAKPOINTS","useBreakpoint","ssrBreakpoint","breakpoint","setBreakpoint","useState","isHydrated","setIsHydrated","mediaQueries","useMemo","queries","useEffect","updateBreakpoint","currentBp","_a","_b","_c","_d","mq","up","useCallback","bp","down","between","minBp","maxBp","only","breakpointKeys","currentIndex","nextBp","query"],"mappings":"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"}

package/dist/components/hooks/useResizeObserver.js

@@ -0,0 +1,52 @@
+"use client";
+import { useRef as l, useState as R, useMemo as d, useEffect as z } from "react";
+const S = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function x(o) {
+  const n = l(0), e = l(null), [r, u] = R(S), c = d(
+    () => typeof window < "u" ? new ResizeObserver((m) => {
+      const t = m[0];
+      t && (cancelAnimationFrame(n.current), n.current = requestAnimationFrame(() => {
+        var s, f;
+        if (e.current) {
+          const i = ((s = t.borderBoxSize) == null ? void 0 : s[0]) || ((f = t.contentBoxSize) == null ? void 0 : f[0]);
+          if (i) {
+            const a = i.inlineSize, h = i.blockSize;
+            u({
+              width: a,
+              height: h,
+              x: t.contentRect.x,
+              y: t.contentRect.y,
+              top: t.contentRect.top,
+              left: t.contentRect.left,
+              bottom: t.contentRect.bottom,
+              right: t.contentRect.right
+            });
+          } else
+            u(t.contentRect);
+        }
+      }));
+    }) : null,
+    []
+  );
+  return z(() => (e.current && (c == null || c.observe(e.current, o)), () => {
+    c == null || c.disconnect(), n.current && cancelAnimationFrame(n.current);
+  }), [e.current]), [e, r];
+}
+function g(o) {
+  const [n, { width: e, height: r }] = x(o);
+  return { ref: n, width: e, height: r };
+}
+export {
+  g as useElementSize,
+  x as useResizeObserver
+};
+//# sourceMappingURL=useResizeObserver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","sources":["../../../src/components/hooks/useResizeObserver.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\ntype ObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;\n\nconst defaultState: ObserverRect = {\n  x: 0,\n  y: 0,\n  width: 0,\n  height: 0,\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n};\n\nexport function useResizeObserver<T extends HTMLElement = any>(options?: ResizeObserverOptions) {\n  const frameID = useRef(0);\n  const ref = useRef<T>(null);\n\n  const [rect, setRect] = useState<ObserverRect>(defaultState);\n\n  const observer = useMemo(\n    () =>\n      typeof window !== 'undefined'\n        ? new ResizeObserver((entries) => {\n            const entry = entries[0];\n\n            if (entry) {\n              cancelAnimationFrame(frameID.current);\n\n              frameID.current = requestAnimationFrame(() => {\n                if (ref.current) {\n                  const boxSize = entry.borderBoxSize?.[0] || entry.contentBoxSize?.[0];\n                  if (boxSize) {\n                    const width = boxSize.inlineSize;\n                    const height = boxSize.blockSize;\n\n                    setRect({\n                      width,\n                      height,\n                      x: entry.contentRect.x,\n                      y: entry.contentRect.y,\n                      top: entry.contentRect.top,\n                      left: entry.contentRect.left,\n                      bottom: entry.contentRect.bottom,\n                      right: entry.contentRect.right,\n                    });\n                  } else {\n                    setRect(entry.contentRect);\n                  }\n                }\n              });\n            }\n          })\n        : null,\n    []\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      observer?.observe(ref.current, options);\n    }\n\n    return () => {\n      observer?.disconnect();\n\n      if (frameID.current) {\n        cancelAnimationFrame(frameID.current);\n      }\n    };\n  }, [ref.current]);\n\n  return [ref, rect] as const;\n}\n\nexport function useElementSize<T extends HTMLElement = any>(options?: ResizeObserverOptions) {\n  const [ref, { width, height }] = useResizeObserver<T>(options);\n  return { ref, width, height };\n}\n"],"names":["defaultState","useResizeObserver","options","frameID","useRef","ref","rect","setRect","useState","observer","useMemo","entries","entry","boxSize","_a","_b","width","height","useEffect","useElementSize"],"mappings":";;AAKA,MAAMA,IAA6B;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT;AAEO,SAASC,EAA+CC,GAAiC;AACxF,QAAAC,IAAUC,EAAO,CAAC,GAClBC,IAAMD,EAAU,IAAI,GAEpB,CAACE,GAAMC,CAAO,IAAIC,EAAuBR,CAAY,GAErDS,IAAWC;AAAA,IACf,MACE,OAAO,SAAW,MACd,IAAI,eAAe,CAACC,MAAY;AACxB,YAAAC,IAAQD,EAAQ,CAAC;AAEvB,MAAIC,MACF,qBAAqBT,EAAQ,OAAO,GAE5BA,EAAA,UAAU,sBAAsB,MAAM;;AAC5C,YAAIE,EAAI,SAAS;AACf,gBAAMQ,MAAUC,IAAAF,EAAM,kBAAN,gBAAAE,EAAsB,SAAMC,IAAAH,EAAM,mBAAN,gBAAAG,EAAuB;AACnE,cAAIF,GAAS;AACX,kBAAMG,IAAQH,EAAQ,YAChBI,IAASJ,EAAQ;AAEf,YAAAN,EAAA;AAAA,cACN,OAAAS;AAAA,cACA,QAAAC;AAAA,cACA,GAAGL,EAAM,YAAY;AAAA,cACrB,GAAGA,EAAM,YAAY;AAAA,cACrB,KAAKA,EAAM,YAAY;AAAA,cACvB,MAAMA,EAAM,YAAY;AAAA,cACxB,QAAQA,EAAM,YAAY;AAAA,cAC1B,OAAOA,EAAM,YAAY;AAAA,YAAA,CAC1B;AAAA,UAAA;AAED,YAAAL,EAAQK,EAAM,WAAW;AAAA,QAC3B;AAAA,MACF,CACD;AAAA,IAEJ,CAAA,IACD;AAAA,IACN,CAAA;AAAA,EACF;AAEA,SAAAM,EAAU,OACJb,EAAI,YACII,KAAA,QAAAA,EAAA,QAAQJ,EAAI,SAASH,KAG1B,MAAM;AACX,IAAAO,KAAA,QAAAA,EAAU,cAENN,EAAQ,WACV,qBAAqBA,EAAQ,OAAO;AAAA,EAExC,IACC,CAACE,EAAI,OAAO,CAAC,GAET,CAACA,GAAKC,CAAI;AACnB;AAEO,SAASa,EAA4CjB,GAAiC;AACrF,QAAA,CAACG,GAAK,EAAE,OAAAW,GAAO,QAAAC,GAAQ,IAAIhB,EAAqBC,CAAO;AACtD,SAAA,EAAE,KAAAG,GAAK,OAAAW,GAAO,QAAAC,EAAO;AAC9B;"}

package/dist/components/hooks/useWindowSize.js

@@ -0,0 +1,23 @@
+"use client";
+import t from "react";
+function o() {
+  const [i, n] = t.useState({
+    width: null,
+    height: null
+  });
+  return t.useLayoutEffect(() => {
+    const e = () => {
+      n({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    return e(), window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e);
+    };
+  }, []), i;
+}
+export {
+  o as useWindowSize
+};
+//# sourceMappingURL=useWindowSize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.js","sources":["../../../src/components/hooks/useWindowSize.ts"],"sourcesContent":["\"use client\";\nimport React from 'react';\n\nexport function useWindowSize() {\n  const [size, setSize] = React.useState({\n    width: null,\n    height: null,\n  });\n\n  React.useLayoutEffect(() => {\n    const handleResize = () => {\n      setSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      });\n    };\n\n    handleResize();\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, []);\n\n  return size;\n}\n"],"names":["useWindowSize","size","setSize","React","handleResize"],"mappings":";;AAGO,SAASA,IAAgB;AAC9B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS;AAAA,IACrC,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACT;AAEDA,SAAAA,EAAM,gBAAgB,MAAM;AAC1B,UAAMC,IAAe,MAAM;AACjB,MAAAF,EAAA;AAAA,QACN,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,CAChB;AAAA,IACH;AAEa,WAAAE,EAAA,GACN,OAAA,iBAAiB,UAAUA,CAAY,GAEvC,MAAM;AACJ,aAAA,oBAAoB,UAAUA,CAAY;AAAA,IACnD;AAAA,EACF,GAAG,EAAE,GAEEH;AACT;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/modal/index.ts"],"sourcesContent":["\"use client\";\nimport useApp from \"antd/es/app/useApp\";\nimport { Modal as MainModal } from \"./Modal\";\nimport {\n  confirm,\n  info,\n  success,\n  error,\n  warning,\n  open,\n  destroyAll,\n  type ModalFuncProps,\n} from \"./functions\";\nimport { ModalProvider, type ModalProviderProps } from \"./ModalProvider\";\n\nimport \"./style.css\";\n\nconst useModal = () => {\n  return useApp().modal;\n};\n\n// Export the Modal component with static methods\nexport const Modal = Object.assign(MainModal, {\n  Provider: ModalProvider,\n  open,\n  info,\n  success,\n  error,\n  warning,\n  confirm,\n  destroyAll,\n  useModal,\n});\n\nexport { ModalFuncProps, ModalProviderProps };\n"],"names":["useModal","useApp","Modal","MainModal","ModalProvider","open","info","success","error","warning","confirm","destroyAll"],"mappings":";;;;;;AAiBA,MAAMA,IAAW,MACRC,EAAS,EAAA,OAILC,IAAQ,OAAO,OAAOC,GAAW;AAAA,EAC5C,UAAUC;AAAA,EACV,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAX;AACF,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/modal/index.ts"],"sourcesContent":["\"use client\";\nimport useApp from \"antd/es/app/useApp\";\nimport { Modal as MainModal, type ModalProps } from \"./Modal\";\nimport {\n  confirm,\n  info,\n  success,\n  error,\n  warning,\n  open,\n  destroyAll,\n  type ModalFuncProps,\n} from \"./functions\";\nimport { ModalProvider, type ModalProviderProps } from \"./ModalProvider\";\n\nimport \"./style.css\";\n\nconst useModal = () => {\n  return useApp().modal;\n};\n\n// Export the Modal component with static methods\nexport const Modal = Object.assign(MainModal, {\n  Provider: ModalProvider,\n  open,\n  info,\n  success,\n  error,\n  warning,\n  confirm,\n  destroyAll,\n  useModal,\n});\n\nexport { ModalProps, ModalFuncProps, ModalProviderProps };\n"],"names":["useModal","useApp","Modal","MainModal","ModalProvider","open","info","success","error","warning","confirm","destroyAll"],"mappings":";;;;;;AAiBA,MAAMA,IAAW,MACRC,EAAS,EAAA,OAILC,IAAQ,OAAO,OAAOC,GAAW;AAAA,EAC5C,UAAUC;AAAA,EACV,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAX;AACF,CAAC;"}

package/dist/components/resizable/component.js

@@ -1,77 +1,94 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
-import U, { useState as R, useCallback as X, useEffect as W, isValidElement as Y } from "react";
-import { useResizable as Z } from "react-use-resizable";
-import K from "merge-refs";
-import { mergeProps as A } from "@base-ui-components/react";
+import N, { useState as R, useCallback as ee, useEffect as I, isValidElement as te } from "react";
+import { useResizable as re } from "react-use-resizable";
+import oe from "merge-refs";
+import { mergeProps as ie } from "@base-ui-components/react";
 import './style.css';/* empty css          */
 import { getReactElementProp as x } from "../utils/reactElement.js";
-import { useCls as s } from "../utils/antdUtils.js";
-import { clsx as h, cn as a } from "../utils/cn.js";
-import { WithRenderProp as N } from "../utils/WithRenderProp.js";
-const ue = ({
+import { useCls as ne } from "../utils/antdUtils.js";
+import { clsx as h, cn as le } from "../utils/cn.js";
+import { WithRenderProp as fe } from "../utils/WithRenderProp.js";
+const ye = ({
   children: p,
   resizable: c = !1,
-  handles: o = { bottom: !0, right: !0, left: !0, top: !0 },
+  handles: i = { bottom: !0, right: !0, left: !0, top: !0 },
   absolutePositioning: V = !1,
   classNames: t,
-  className: m,
-  style: I,
-  resetKey: B,
-  maxWidth: _,
-  maxHeight: $,
-  minWidth: j,
-  minHeight: q,
-  onResize: F,
-  maintainAspectRatio: r = !1,
-  ...G
+  className: _,
+  style: $,
+  resetKey: W,
+  // Use Resizable Props
+  maxHeight: j,
+  maxWidth: q,
+  minHeight: F,
+  minWidth: G,
+  lockHorizontal: J,
+  lockVertical: L,
+  onResize: M,
+  onDragEnd: B,
+  onDragStart: D,
+  disabled: O,
+  maintainAspectRatio: o = !1,
+  interval: Q,
+  initialHeight: T,
+  initialWidth: U,
+  // other With Render Props
+  ...X
 }) => {
-  const l = s(), [u, J] = R(null), [b, v] = R(), [H, y] = R(), [P, D] = R(!1), L = X(
+  const l = ne(), [u, Y] = R(null), [b, H] = R(), [v, y] = R(), [w, S] = R(!1), Z = ee(
     (e) => {
-      if (J(e), e && !b && !H) {
-        const i = e.getBoundingClientRect();
-        i.width > 0 && i.height > 0 && r && (v(i.width), y(i.height));
+      if (Y(e), e && !b && !v) {
+        const r = e.getBoundingClientRect();
+        r.width > 0 && r.height > 0 && o && (H(r.width), y(r.height));
       }
     },
-    [b, H, r]
+    [b, v, o]
   );
-  W(() => {
-    if (B !== void 0 && u) {
+  I(() => {
+    if (W !== void 0 && u) {
       u.style.width = "", u.style.height = "";
       const e = u.getBoundingClientRect();
-      e.width > 0 && e.height > 0 && (r ? (v(e.width), y(e.height)) : (v(void 0), y(void 0)));
+      e.width > 0 && e.height > 0 && (o ? (H(e.width), y(e.height)) : (H(void 0), y(void 0)));
     }
-  }, [B, u, r]);
-  const w = Z({
-    initialWidth: r ? b : void 0,
-    initialHeight: r ? H : void 0,
-    maxWidth: _,
-    maxHeight: $,
-    minWidth: j,
-    minHeight: q,
-    onResize: F,
-    maintainAspectRatio: r,
-    onDragStart: () => {
-      if (D(!0), u) {
-        const e = u.getBoundingClientRect();
-        e.width > 0 && !b && v(e.width), e.height > 0 && !H && y(e.height);
+  }, [W, u, o]);
+  const P = re({
+    initialWidth: o ? b : U,
+    initialHeight: o ? v : T,
+    maxHeight: j,
+    maxWidth: q,
+    minHeight: F,
+    minWidth: G,
+    lockHorizontal: J,
+    lockVertical: L,
+    onResize: M,
+    disabled: O,
+    maintainAspectRatio: o,
+    interval: Q,
+    onDragStart: (e) => {
+      if (S(!0), u) {
+        const r = u.getBoundingClientRect();
+        r.width > 0 && !b && H(r.width), r.height > 0 && !v && y(r.height);
       }
+      D && D(e);
     },
-    onDragEnd: () => D(!1)
-  }), S = Y(p);
-  W(() => {
-    P ? document.body.style.userSelect = "none" : document.body.style.userSelect = "";
-  }, [P]);
-  const { ref: M, ...O } = w.getRootProps(), d = w.getHandleProps, g = w.rootRef, C = (e, i) => {
+    onDragEnd: (e) => {
+      S(!1), B && B(e);
+    }
+  }), m = te(p);
+  I(() => {
+    w ? document.body.style.userSelect = "none" : document.body.style.userSelect = "";
+  }, [w]);
+  const { ref: K, ...A } = P.getRootProps(), f = P.getHandleProps, g = P.rootRef, C = (e, r) => {
     if (!e.current || !V) return;
-    const { widthDiff: E } = i;
+    const { widthDiff: E } = r;
     e.current.style.left = `${parseInt(e.current.style.left || "0") - E}px`;
-  }, k = (e, i) => {
+  }, k = (e, r) => {
     if (!e.current || !V) return;
-    const { heightDiff: E } = i;
+    const { heightDiff: E } = r;
     e.current.style.top = `${parseInt(e.current.style.top || "0") - E}px`;
-  }, Q = c ? [
-    o.top && !r && /* @__PURE__ */ n(
+  }, s = c ? [
+    i.top && !o && /* @__PURE__ */ n(
       "div",
       {
         className: h(
@@ -79,7 +96,7 @@ const ue = ({
           t == null ? void 0 : t.resizeHandle
         ),
         "data-placement": "top-center",
-        ...d({
+        ...f({
           reverse: !0,
           lockHorizontal: !0,
           onResize: (e) => k(g, e)
@@ -87,7 +104,7 @@ const ue = ({
       },
       "top"
     ),
-    o.bottom && !r && /* @__PURE__ */ n(
+    i.bottom && !o && /* @__PURE__ */ n(
       "div",
       {
         className: h(
@@ -95,13 +112,13 @@ const ue = ({
           t == null ? void 0 : t.resizeHandle
         ),
         "data-placement": "bottom-left",
-        ...d({
+        ...f({
           lockHorizontal: !0
         })
       },
       "bottom"
     ),
-    o.left && !r && /* @__PURE__ */ n(
+    i.left && !o && /* @__PURE__ */ n(
       "div",
       {
         className: h(
@@ -109,7 +126,7 @@ const ue = ({
           t == null ? void 0 : t.resizeHandle
         ),
         "data-placement": "top-left",
-        ...d({
+        ...f({
           reverse: !0,
           lockVertical: !0,
           onResize: (e) => C(g, e)
@@ -117,7 +134,7 @@ const ue = ({
       },
       "left"
     ),
-    o.right && !r && /* @__PURE__ */ n(
+    i.right && !o && /* @__PURE__ */ n(
       "div",
       {
         className: h(
@@ -125,14 +142,14 @@ const ue = ({
           t == null ? void 0 : t.resizeHandle
         ),
         "data-placement": "top-right",
-        ...d({
+        ...f({
           lockVertical: !0
         })
       },
       "right"
     ),
     // For aspect ratio maintenance, add corner handles that can resize both dimensions
-    o.right && o.bottom && /* @__PURE__ */ n(
+    i.right && i.bottom && /* @__PURE__ */ n(
       "div",
       {
         className: h(
@@ -140,13 +157,13 @@ const ue = ({
           t == null ? void 0 : t.resizeHandle
         ),
         "data-placement": "bottom-right-corner",
-        ...d({
+        ...f({
           // No locks - allow both horizontal and vertical resizing
         })
       },
       "bottom-right-corner"
     ),
-    r && o.left && o.bottom && /* @__PURE__ */ n(
+    o && i.left && i.bottom && /* @__PURE__ */ n(
       "div",
       {
         className: h(
@@ -154,14 +171,14 @@ const ue = ({
           t == null ? void 0 : t.resizeHandle
         ),
         "data-placement": "bottom-left-corner",
-        ...d({
+        ...f({
           reverse: !0,
           onResize: (e) => C(g, e)
         })
       },
       "bottom-left-corner"
     ),
-    r && o.right && o.top && /* @__PURE__ */ n(
+    o && i.right && i.top && /* @__PURE__ */ n(
       "div",
       {
         className: h(
@@ -169,14 +186,14 @@ const ue = ({
           t == null ? void 0 : t.resizeHandle
         ),
         "data-placement": "top-right-corner",
-        ...d({
+        ...f({
           reverse: !0,
           onResize: (e) => k(g, e)
         })
       },
       "top-right-corner"
     ),
-    o.left && o.top && /* @__PURE__ */ n(
+    i.left && i.top && /* @__PURE__ */ n(
       "div",
       {
         className: h(
@@ -184,7 +201,7 @@ const ue = ({
           t == null ? void 0 : t.resizeHandle
         ),
         "data-placement": "top-left-corner",
-        ...d({
+        ...f({
           reverse: !0,
           onResize: (e) => {
             C(g, e), k(g, e);
@@ -193,48 +210,48 @@ const ue = ({
       },
       "top-left-corner"
     )
-  ] : [], f = p, z = {
-    className: x(f, "className"),
-    style: x(f, "style"),
-    children: x(f, "children"),
-    ref: f.ref
-  }, T = {
-    className: a(
+  ] : [], d = p, z = {
+    className: x(d, "className"),
+    style: x(d, "style"),
+    children: x(d, "children"),
+    ref: d.ref
+  }, a = {
+    className: le(
       c && l("resizable"),
       t == null ? void 0 : t.root,
       z.className,
-      m
+      _
     ),
-    ref: K(
-      c ? M : void 0,
-      L,
+    ref: oe(
+      c ? K : void 0,
+      Z,
       // Always need this for dimension measurement
-      f == null ? void 0 : f.ref
+      d == null ? void 0 : d.ref
     ),
-    style: { ...z.style, ...I },
-    ...P ? { "data-resizing": !0 } : {},
+    style: { ...z.style, ...$ },
+    ...w ? { "data-resizing": !0 } : {},
     ...c ? { "data-resizable": !0 } : {},
-    children: S ? [
+    children: m ? [
       ...Array.isArray(z.children) ? z.children : [z.children],
-      ...Q.filter(Boolean)
+      ...s.filter(Boolean)
     ] : p
   };
   return /* @__PURE__ */ n(
-    N,
+    fe,
     {
       render: (e) => {
-        const i = A(
+        const r = ie(
           e,
-          T,
-          c ? O : {}
+          a,
+          c ? A : {}
         );
-        return S ? U.cloneElement(f, i) : /* @__PURE__ */ n("div", { ...i, children: p });
+        return m ? N.cloneElement(d, r) : /* @__PURE__ */ n("div", { ...r, children: p });
       },
-      ...G
+      ...X
     }
   );
 };
 export {
-  ue as Resizable
+  ye 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, { useCallback, useEffect, useState, isValidElement } from \"react\";\nimport { useResizable, type MoveValues } from \"react-use-resizable\";\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-components/react\";\n\nimport \"./style.css\";\n\nexport interface ResizableProps extends WithRenderPropProps {\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 = ({\n  children,\n  resizable = false,\n  handles = { bottom: true, right: true, left: true, top: true },\n  absolutePositioning = false,\n  classNames,\n  className: containerClassName,\n  style: containerStyle,\n  resetKey,\n  maxWidth,\n  maxHeight,\n  minWidth,\n  minHeight,\n  onResize,\n  maintainAspectRatio = false,\n  ...rest\n}: ResizableProps) => {\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 : undefined,\n    initialHeight: maintainAspectRatio ? height : undefined,\n    maxWidth,\n    maxHeight,\n    minWidth,\n    minHeight,\n    onResize,\n    maintainAspectRatio,\n    onDragStart: () => {\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    },\n    onDragEnd: () => setResizing(false),\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  const rootRef = resizableHook.rootRef;\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    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        // For aspect ratio maintenance, add corner handles that can resize both dimensions\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            })}\n          />\n        ),\n        maintainAspectRatio && 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              reverse: true,\n              onResize: (values) =>\n                onReverseHandleChangeHorizontal(rootRef, values),\n            })}\n          />\n        ),\n        maintainAspectRatio && 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              reverse: true,\n              onResize: (values) =>\n                onReverseHandleChangeVertical(rootRef, values),\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              reverse: true,\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    ),\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"],"names":["Resizable","children","resizable","handles","absolutePositioning","classNames","containerClassName","containerStyle","resetKey","maxWidth","maxHeight","minWidth","minHeight","onResize","maintainAspectRatio","rest","cls","useCls","panelRef","setPanelRef","useState","width","setWidth","height","setHeight","resizing","setResizing","callbackRef","useCallback","node","rect","useEffect","resizableHook","useResizable","isChildrenValidElement","isValidElement","rootRefProp","rootPropsWithoutRef","getHandleProps","rootRef","onReverseHandleChangeHorizontal","parent","values","widthDiff","onReverseHandleChangeVertical","heightDiff","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, { useCallback, useEffect, useState, isValidElement } from \"react\";\nimport {\n  useResizable,\n  type MoveValues,\n  ResizableProps as UseResizableProps,\n} from \"react-use-resizable\";\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-components/react\";\n\nimport \"./style.css\";\nimport { 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 = ({\n  children,\n  resizable = false,\n  handles = { bottom: true, right: true, left: true, top: true },\n  absolutePositioning = false,\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}: ResizableProps) => {\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  const rootRef = resizableHook.rootRef;\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    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        // For aspect ratio maintenance, add corner handles that can resize both dimensions\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            })}\n          />\n        ),\n        maintainAspectRatio && 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              reverse: true,\n              onResize: (values) =>\n                onReverseHandleChangeHorizontal(rootRef, values),\n            })}\n          />\n        ),\n        maintainAspectRatio && 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              reverse: true,\n              onResize: (values) =>\n                onReverseHandleChangeVertical(rootRef, values),\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              reverse: true,\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    ),\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"],"names":["Resizable","children","resizable","handles","absolutePositioning","classNames","containerClassName","containerStyle","resetKey","maxHeight","maxWidth","minHeight","minWidth","lockHorizontal","lockVertical","onResize","onDragEndProp","onDragStartProp","disabled","maintainAspectRatio","interval","initialHeightProp","initialWidthProp","rest","cls","useCls","panelRef","setPanelRef","useState","width","setWidth","height","setHeight","resizing","setResizing","callbackRef","useCallback","node","rect","useEffect","resizableHook","useResizable","values","isChildrenValidElement","isValidElement","rootRefProp","rootPropsWithoutRef","getHandleProps","rootRef","onReverseHandleChangeHorizontal","parent","widthDiff","onReverseHandleChangeVertical","heightDiff","resizeHandles","jsx","clsx","childElement","childElementProps","getReactElementProp","childProps","cn","mergeRefs","WithRenderProp","props","mergedProps","mergeProps","React"],"mappings":"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"}

package/dist/index.d.ts

@@ -21,7 +21,6 @@ import { BreadcrumbItemProps as BreadcrumbItemProps_2 } from 'antd/es/breadcrumb
 import { BreadcrumbItemType as BreadcrumbItemType_2 } from 'antd/es/breadcrumb/Breadcrumb';
 import { BreadcrumbProps as BreadcrumbProps_2 } from 'antd/es/breadcrumb';
 import { BreadcrumbSeparatorType } from 'antd/es/breadcrumb/Breadcrumb';
-import { Breakpoint } from 'antd';
 import { ButtonProps as ButtonProps_2 } from 'antd/es/button';
 import { Calendar } from 'antd';
 import { CalendarMode } from 'antd';
@@ -134,8 +133,7 @@ import { message } from 'antd';
 import { MessageArgsProps } from 'antd';
 import { MessageInstance } from 'antd/es/message/interface';
 import { ModalFuncProps } from 'antd';
-import { ModalProps } from './Modal';
-import { ModalProps as ModalProps_3 } from 'antd/es/modal';
+import { ModalProps as ModalProps_2 } from 'antd/es/modal';
 import { ModalRef } from './functions';
 import { MoveValues } from 'react-use-resizable';
 import { notification } from 'antd';
@@ -173,6 +171,7 @@ import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { RefSelectProps } from 'antd';
 import { RefSelectProps as RefSelectProps_2 } from 'antd/es/select';
+import { ResizableProps as ResizableProps_2 } from 'react-use-resizable';
 import { Result } from 'antd';
 import { ResultProps } from 'antd';
 import { RibbonProps } from 'antd/es/badge/Ribbon';
@@ -350,6 +349,16 @@ export declare interface BreadcrumbProps<T extends AnyObject = AnyObject> extend
     itemRender?: (route: BreadcrumbItemType, params: T, routes: BreadcrumbItemType[], paths: string[]) => React.ReactNode;
 }
 
+declare type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+
+export declare const BREAKPOINTS: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    "2xl": number;
+};
+
 /**
  * Build Antd placement string from BaseUI side and align values
  * @param placement - Object with side and align properties
@@ -2325,7 +2334,7 @@ export declare const Modal: (({ open: externalOpen, closeIcon, children, size: s
 
 export { ModalFuncProps }
 
-declare type ModalFuncProps_2 = ModalProps_2 & {
+declare type ModalFuncProps_2 = ModalProps & {
     /**
      * Content to be displayed in the modal
      * Similar to children prop in Modal component
@@ -2334,7 +2343,7 @@ declare type ModalFuncProps_2 = ModalProps_2 & {
     content?: default_2.ReactNode;
 };
 
-declare interface ModalProps_2 extends Omit<ModalProps_3, "centered"> {
+export declare interface ModalProps extends Omit<ModalProps_2, "centered"> {
     /**
      * Predefined sizes for the modal
      * - xsmall: 400px
@@ -2479,6 +2488,8 @@ export { notification }
 
 export { NotificationArgsProps }
 
+declare type ObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;
+
 export { Pagination }
 
 export { PaginationProps }
@@ -3291,9 +3302,9 @@ export { RefSelectProps }
 
 declare type RefType<T extends FieldType> = T extends "input" ? InputRef : T extends "select" ? RefSelectProps_2 : never;
 
-export declare const Resizable: ({ children, resizable, handles, absolutePositioning, classNames, className: containerClassName, style: containerStyle, resetKey, maxWidth, maxHeight, minWidth, minHeight, onResize, maintainAspectRatio, ...rest }: ResizableProps) => JSX.Element;
+export declare const Resizable: ({ children, resizable, handles, absolutePositioning, classNames, className: containerClassName, style: containerStyle, resetKey, maxHeight, maxWidth, minHeight, minWidth, lockHorizontal, lockVertical, onResize, onDragEnd: onDragEndProp, onDragStart: onDragStartProp, disabled, maintainAspectRatio, interval, initialHeight: initialHeightProp, initialWidth: initialWidthProp, ...rest }: ResizableProps) => JSX.Element;
 
-export declare interface ResizableProps extends WithRenderPropProps {
+export declare interface ResizableProps extends Omit<WithRenderPropProps, keyof ResizableProps_2>, ResizableProps_2 {
     /**
      * Single React element child that will be enhanced with resize handles
      */
@@ -3978,7 +3989,35 @@ export declare const useAntdCssVarClassname: () => string;
 
 export { useApp }
 
-export declare const useBreakpoint: () => Partial<Record<Breakpoint, boolean>>;
+/**
+ * A responsive breakpoint hook using window.matchMedia for optimal performance.
+ *
+ * @param ssrBreakpoint - The breakpoint to use during SSR and before hydration.
+ *                       Defaults to "lg" for better SEO (search engines typically use desktop viewports).
+ *
+ * @example
+ * ```tsx
+ * // Default: uses "lg" for SSR
+ * const bp = useBreakpoint();
+ *
+ * // Custom SSR breakpoint
+ * const bp = useBreakpoint("md");
+ *
+ * // Usage
+ * bp.breakpoint     // Current breakpoint: "sm" | "md" | "lg" | "xl" | "2xl"
+ * bp.up("md")       // true if screen >= 768px
+ * bp.down("lg")     // true if screen < 1024px
+ * bp.between("md", "xl")  // true if 768px <= screen < 1280px
+ * bp.only("lg")     // true if screen is exactly in "lg" range
+ * ```
+ */
+export declare const useBreakpoint: (ssrBreakpoint?: Breakpoint) => {
+    breakpoint: Breakpoint;
+    up: (bp: Breakpoint) => boolean;
+    down: (bp: Breakpoint) => boolean;
+    between: (minBp: Breakpoint, maxBp: Breakpoint) => boolean;
+    only: (bp: Breakpoint) => boolean;
+};
 
 /**
  * Get chart colors and axis configuration based on the current theme.
@@ -4051,6 +4090,12 @@ export declare const useDS: () => {
     theme: "light" | "dark";
 };
 
+export declare function useElementSize<T extends HTMLElement = any>(options?: ResizeObserverOptions): {
+    ref: RefObject<T>;
+    width: number;
+    height: number;
+};
+
 export declare const useEnhancedEffect: typeof useLayoutEffect;
 
 export declare function useEventCallback<Fn extends AnyFunction>(fn?: Fn): Fn;
@@ -4072,6 +4117,8 @@ export declare const useMessage: () => MessageInstance;
 
 export declare const useModal: () => HookAPI;
 
+export declare function useResizeObserver<T extends HTMLElement = any>(options?: ResizeObserverOptions): readonly [RefObject<T>, ObserverRect];
+
 export declare const useToken: () => {
     theme: Theme_2<SeedToken, AliasToken>;
     token: GlobalToken;
@@ -4117,6 +4164,11 @@ export declare type UseUploadItemRenderProps = {
 
 export { useWatch }
 
+export declare function useWindowSize(): {
+    width: any;
+    height: any;
+};
+
 export { version }
 
 export declare const VerticalCollapsiblePanel: default_2.FC<VerticalCollapsiblePanelProps>;

package/dist/index.js

@@ -1,143 +1,147 @@
 import { componentMetadata as r, getComponentsByCategory as t } from "./metadata.js";
-import { Affix as p, Alert as m, Anchor as f, App as s, AutoComplete as x, Avatar as l, BackTop as n, Calendar as i, Card as C, Carousel as c, Cascader as u, Col as T, ColorPicker as d, ConfigProvider as g, DatePicker as S, Descriptions as h, Divider as A, Drawer as E, Dropdown as P, Flex as k, FloatButton as D, Grid as b, InputNumber as R, Layout as I, List as L, Mentions as O, Menu as y, Pagination as B, Popconfirm as v, Progress as N, QRCode as M, Rate as _, Result as U, Row as w, Skeleton as F, Space as W, Statistic as V, Steps as q, Tabs as G, TimePicker as K, Timeline as Q, Transfer as H, TreeSelect as z, Typography as j, Watermark as J, message as X, notification as Y, theme as Z, unstableSetRender as $, version as oo } from "antd";
+import { Affix as a, Alert as m, Anchor as f, App as s, AutoComplete as x, Avatar as l, BackTop as n, Calendar as i, Card as C, Carousel as c, Cascader as u, Col as T, ColorPicker as d, ConfigProvider as S, DatePicker as g, Descriptions as A, Divider as h, Drawer as E, Dropdown as P, Flex as k, FloatButton as R, Grid as b, InputNumber as D, Layout as I, List as L, Mentions as O, Menu as B, Pagination as v, Popconfirm as y, Progress as N, QRCode as M, Rate as _, Result as w, Row as U, Skeleton as W, Space as F, Statistic as V, Steps as q, Tabs as z, TimePicker as G, Timeline as K, Transfer as Q, TreeSelect as H, Typography as j, Watermark as J, message as X, notification as Y, theme as Z, unstableSetRender as $, version as oo } from "antd";
 import { Select as ro } from "./components/select/component.js";
-import { Modal as ao } from "./components/modal/index.js";
+import { Modal as po } from "./components/modal/index.js";
 import { IconButton as mo } from "./components/icon-button/component.js";
 import { Switch as so } from "./components/switch/component.js";
 import { Checkbox as lo } from "./components/checkbox/component.js";
 import { Segmented as io } from "./components/segmented/component.js";
 import { Table as co } from "./components/table/component.js";
 import { Tag as To } from "./components/tag/component.js";
-import { ThemeProvider as So } from "./components/theme-provider/component.js";
-import { Split as Ao, Splitter as Eo } from "./components/splitter/component.js";
+import { ThemeProvider as go } from "./components/theme-provider/component.js";
+import { Split as ho, Splitter as Eo } from "./components/splitter/component.js";
 import { Truncate as ko } from "./components/truncate/component.js";
 import { DropdownMenu as bo } from "./components/dropdown-menu/component.js";
 import { DropdownMenuItem as Io } from "./components/dropdown-menu/item.js";
 import { Transition as Oo } from "./components/transition/component.js";
-import { DefaultUpload as Bo, Upload as vo } from "./components/upload/component.js";
+import { DefaultUpload as vo, Upload as yo } from "./components/upload/component.js";
 import { useUploadItemRender as Mo } from "./components/upload/hooks.js";
-import { clsx as Uo, cn as wo, cx as Fo } from "./components/utils/cn.js";
+import { clsx as wo, cn as Uo, cx as Wo } from "./components/utils/cn.js";
 import { reactNodeToString as Vo } from "./components/utils/reactToString.js";
-import { isTracebackError as Go } from "./components/utils/isTracebackError.js";
-import { isValidHexColor as Qo } from "./components/utils/colors.js";
-import { WithRenderProp as zo } from "./components/utils/WithRenderProp.js";
+import { isTracebackError as zo } from "./components/utils/isTracebackError.js";
+import { isValidHexColor as Ko } from "./components/utils/colors.js";
+import { WithRenderProp as Ho } from "./components/utils/WithRenderProp.js";
 import { getReactElementProp as Jo } from "./components/utils/reactElement.js";
 import { useAntdCssVarClassname as Yo, useCls as Zo, useGetPrefixCls as $o } from "./components/utils/antdUtils.js";
 import { WithAntdTokens as ee } from "./components/utils/WithAntdTokens.js";
 import { changeThemeWithoutTransition as te } from "./components/utils/theme.js";
-import { moveTypingCursorToEnd as pe } from "./components/utils/selectionRange.js";
+import { moveTypingCursorToEnd as ae } from "./components/utils/selectionRange.js";
 import { DROPDOWN_COLLISION_AVOIDANCE as fe, POPUP_COLLISION_AVOIDANCE as se } from "./components/utils/constants.js";
 import { buildAntdPlacement as le, parseAntdPlacement as ne } from "./components/utils/placement.js";
 import { ScrollArea as Ce } from "./components/scroll-area/component.js";
 import { Popover as ue } from "./components/popover/component.js";
 import { Slider as de } from "./components/slider/component.js";
-import { Tooltip as Se } from "./components/tooltip/component.js";
-import { Breadcrumb as Ae } from "./components/breadcrumb/component.js";
+import { Tooltip as ge } from "./components/tooltip/component.js";
+import { Breadcrumb as he } from "./components/breadcrumb/component.js";
 import { useUniqueKeysTree as Pe } from "./components/tree/useUniqueKeysTree.js";
-import { getUniqueKeysFromOriginals as De, processTreeData as be } from "./components/tree/helpers.js";
+import { getUniqueKeysFromOriginals as Re, processTreeData as be } from "./components/tree/helpers.js";
 import { Tree as Ie } from "./components/tree/components.js";
 import { Spin as Oe } from "./components/spin/component.js";
-import { Empty as Be, EmptyIcon as ve } from "./components/empty/component.js";
+import { Empty as ve, EmptyIcon as ye } from "./components/empty/component.js";
 import { Form as Me } from "./components/form/component.js";
-import { Field as Ue } from "./components/field/component.js";
-import { Tour as Fe } from "./components/tour/component.js";
+import { Field as we } from "./components/field/component.js";
+import { Tour as We } from "./components/tour/component.js";
 import { Toast as Ve } from "./components/toast/component.js";
-import { toast as Ge, toastManager as Ke } from "./components/toast/function.js";
-import { VerticalCollapsiblePanel as He } from "./components/vertical-collapsible-panel/component.js";
+import { toast as ze, toastManager as Ge } from "./components/toast/function.js";
+import { VerticalCollapsiblePanel as Qe } from "./components/vertical-collapsible-panel/component.js";
 import { PopupPanel as je } from "./components/popup-panel/component.js";
 import { CodeBlock as Xe } from "./components/code-block/component.js";
 import { StackChild as Ze } from "./components/stack/StackChild.js";
 import { Stack as or } from "./components/stack/index.js";
 import { Collapse as rr } from "./components/collapse/component.js";
-import { Input as ar } from "./components/input/component.js";
+import { Input as pr } from "./components/input/component.js";
 import { Badge as mr, InternalBadge as fr } from "./components/badge/component.js";
 import { Radio as xr } from "./components/radio/component.js";
 import { Button as nr } from "./components/button/component.js";
 import { DSRoot as Cr } from "./components/ds-root/component.js";
 import { DSRootContextProvider as ur, useDS as Tr } from "./components/ds-root/context.js";
-import { DragDrop as gr, DragDropRoot as Sr } from "./components/drag-drop/index.js";
-import { ColorSelect as Ar } from "./components/color-select/component.js";
+import { DragDrop as Sr, DragDropRoot as gr } from "./components/drag-drop/index.js";
+import { ColorSelect as hr } from "./components/color-select/component.js";
 import { Nav as Pr } from "./components/nav/index.js";
-import { ChoiceList as Dr } from "./components/choice-list/component.js";
-import { StatusIcon as Rr } from "./components/status-icon/component.js";
+import { ChoiceList as Rr } from "./components/choice-list/component.js";
+import { StatusIcon as Dr } from "./components/status-icon/component.js";
 import { Resizable as Lr } from "./components/resizable/component.js";
-import { Combobox as yr } from "./components/combobox/component.js";
-import { SelectTrigger as vr } from "./components/select-trigger/component.js";
+import { Combobox as Br } from "./components/combobox/component.js";
+import { SelectTrigger as yr } from "./components/select-trigger/component.js";
 import { useForm as Mr, useWatch as _r } from "antd/es/form/Form";
-import { useBreakpoint as wr, useMessage as Fr, useModal as Wr, useToken as Vr } from "./components/hooks/antd.js";
-import { default as Gr } from "antd/es/app/useApp";
-import { useAnimationsFinished as Qr, useEnhancedEffect as Hr, useEventCallback as zr, useLatestRef as jr } from "./components/hooks/base-ui.js";
-import { useControlledState as Xr } from "./components/hooks/useControlledState.js";
-import { useCharts as Zr } from "./components/hooks/useCharts.js";
-import { useCSSVariables as ot } from "./components/hooks/useCSSVariables.js";
-import { useHover as rt } from "./components/hooks/useHover.js";
-import { useDraggable as at } from "./components/hooks/useDraggable.js";
-import { antdColorTokens as mt, darkTheme as ft, lightTheme as st } from "./tokens/and-theme/tokens.js";
-import { categoricalChartColorKeys as lt, categoricalChartColorTokens as nt, categoricalChartsColors as it, chartColorTokens as Ct, rawChartColorTokens as ct } from "./tokens/charts/palettes/cloudscape.js";
-import { COLORBREWER as Tt } from "./tokens/charts/palettes/colorbrewer.js";
-import { tab10 as gt, tab20 as St, tab20b as ht, tab20c as At } from "./tokens/charts/palettes/tableau.js";
-import { CATEGORICAL_PALETTES as Pt, CATEGORICAL_PALETTE_NAMES as kt, SEQUENTIAL_PALETTES as Dt, SEQUENTIAL_PALETTE_NAMES as bt, getAllCategoricalChartColors as Rt, getAllSequentialChartColors as It, getCategoricalChartColors as Lt, getSequentialChartColors as Ot } from "./tokens/charts/palettes/index.js";
-import { getColorsByTheme as Bt, getTokensByTheme as vt, resolveColorTokens as Nt } from "./tokens/utils.js";
+import { useMessage as Ur, useModal as Wr, useToken as Fr } from "./components/hooks/antd.js";
+import { default as qr } from "antd/es/app/useApp";
+import { useAnimationsFinished as Gr, useEnhancedEffect as Kr, useEventCallback as Qr, useLatestRef as Hr } from "./components/hooks/base-ui.js";
+import { useControlledState as Jr } from "./components/hooks/useControlledState.js";
+import { useCharts as Yr } from "./components/hooks/useCharts.js";
+import { useCSSVariables as $r } from "./components/hooks/useCSSVariables.js";
+import { useHover as et } from "./components/hooks/useHover.js";
+import { useDraggable as tt } from "./components/hooks/useDraggable.js";
+import { BREAKPOINTS as at, useBreakpoint as mt } from "./components/hooks/useBreakpoint.js";
+import { useWindowSize as st } from "./components/hooks/useWindowSize.js";
+import { useElementSize as lt, useResizeObserver as nt } from "./components/hooks/useResizeObserver.js";
+import { antdColorTokens as Ct, darkTheme as ct, lightTheme as ut } from "./tokens/and-theme/tokens.js";
+import { categoricalChartColorKeys as dt, categoricalChartColorTokens as St, categoricalChartsColors as gt, chartColorTokens as At, rawChartColorTokens as ht } from "./tokens/charts/palettes/cloudscape.js";
+import { COLORBREWER as Pt } from "./tokens/charts/palettes/colorbrewer.js";
+import { tab10 as Rt, tab20 as bt, tab20b as Dt, tab20c as It } from "./tokens/charts/palettes/tableau.js";
+import { CATEGORICAL_PALETTES as Ot, CATEGORICAL_PALETTE_NAMES as Bt, SEQUENTIAL_PALETTES as vt, SEQUENTIAL_PALETTE_NAMES as yt, getAllCategoricalChartColors as Nt, getAllSequentialChartColors as Mt, getCategoricalChartColors as _t, getSequentialChartColors as wt } from "./tokens/charts/palettes/index.js";
+import { getColorsByTheme as Wt, getTokensByTheme as Ft, resolveColorTokens as Vt } from "./tokens/utils.js";
 export {
-  p as Affix,
+  a as Affix,
   m as Alert,
   f as Anchor,
   s as App,
   x as AutoComplete,
   l as Avatar,
+  at as BREAKPOINTS,
   n as BackTop,
   mr as Badge,
-  Ae as Breadcrumb,
+  he as Breadcrumb,
   nr as Button,
-  Pt as CATEGORICAL_PALETTES,
-  kt as CATEGORICAL_PALETTE_NAMES,
-  Tt as COLORBREWER,
+  Ot as CATEGORICAL_PALETTES,
+  Bt as CATEGORICAL_PALETTE_NAMES,
+  Pt as COLORBREWER,
   i as Calendar,
   C as Card,
   c as Carousel,
   u as Cascader,
   lo as Checkbox,
-  Dr as ChoiceList,
+  Rr as ChoiceList,
   Xe as CodeBlock,
   T as Col,
   rr as Collapse,
   d as ColorPicker,
-  Ar as ColorSelect,
-  yr as Combobox,
-  g as ConfigProvider,
+  hr as ColorSelect,
+  Br as Combobox,
+  S as ConfigProvider,
   fe as DROPDOWN_COLLISION_AVOIDANCE,
   Cr as DSRoot,
   ur as DSRootContextProvider,
-  S as DatePicker,
-  Bo as DefaultUpload,
-  h as Descriptions,
-  A as Divider,
-  gr as DragDrop,
-  Sr as DragDropRoot,
+  g as DatePicker,
+  vo as DefaultUpload,
+  A as Descriptions,
+  h as Divider,
+  Sr as DragDrop,
+  gr as DragDropRoot,
   E as Drawer,
   P as Dropdown,
   bo as DropdownMenu,
   Io as DropdownMenuItem,
-  Be as Empty,
-  ve as EmptyIcon,
-  Ue as Field,
+  ve as Empty,
+  ye as EmptyIcon,
+  we as Field,
   k as Flex,
-  D as FloatButton,
+  R as FloatButton,
   Me as Form,
   b as Grid,
   mo as IconButton,
-  ar as Input,
-  R as InputNumber,
+  pr as Input,
+  D as InputNumber,
   fr as InternalBadge,
   I as Layout,
   L as List,
   O as Mentions,
-  y as Menu,
-  ao as Modal,
+  B as Menu,
+  po as Modal,
   Pr as Nav,
   se as POPUP_COLLISION_AVOIDANCE,
-  B as Pagination,
-  v as Popconfirm,
+  v as Pagination,
+  y as Popconfirm,
   ue as Popover,
   je as PopupPanel,
   N as Progress,
@@ -145,108 +149,111 @@ export {
   xr as Radio,
   _ as Rate,
   Lr as Resizable,
-  U as Result,
-  w as Row,
-  Dt as SEQUENTIAL_PALETTES,
-  bt as SEQUENTIAL_PALETTE_NAMES,
+  w as Result,
+  U as Row,
+  vt as SEQUENTIAL_PALETTES,
+  yt as SEQUENTIAL_PALETTE_NAMES,
   Ce as ScrollArea,
   io as Segmented,
   ro as Select,
-  vr as SelectTrigger,
-  F as Skeleton,
+  yr as SelectTrigger,
+  W as Skeleton,
   de as Slider,
-  W as Space,
+  F as Space,
   Oe as Spin,
-  Ao as Split,
+  ho as Split,
   Eo as Splitter,
   or as Stack,
   Ze as StackChild,
   V as Statistic,
-  Rr as StatusIcon,
+  Dr as StatusIcon,
   q as Steps,
   so as Switch,
   co as Table,
-  G as Tabs,
+  z as Tabs,
   To as Tag,
-  So as ThemeProvider,
-  K as TimePicker,
-  Q as Timeline,
+  go as ThemeProvider,
+  G as TimePicker,
+  K as Timeline,
   Ve as Toast,
-  Se as Tooltip,
-  Fe as Tour,
-  H as Transfer,
+  ge as Tooltip,
+  We as Tour,
+  Q as Transfer,
   Oo as Transition,
   Ie as Tree,
-  z as TreeSelect,
+  H as TreeSelect,
   ko as Truncate,
   j as Typography,
-  vo as Upload,
-  He as VerticalCollapsiblePanel,
+  yo as Upload,
+  Qe as VerticalCollapsiblePanel,
   J as Watermark,
   ee as WithAntdTokens,
-  zo as WithRenderProp,
-  mt as antdColorTokens,
+  Ho as WithRenderProp,
+  Ct as antdColorTokens,
   le as buildAntdPlacement,
-  lt as categoricalChartColorKeys,
-  nt as categoricalChartColorTokens,
-  it as categoricalChartsColors,
+  dt as categoricalChartColorKeys,
+  St as categoricalChartColorTokens,
+  gt as categoricalChartsColors,
   te as changeThemeWithoutTransition,
-  Ct as chartColorTokens,
-  Uo as clsx,
-  wo as cn,
+  At as chartColorTokens,
+  wo as clsx,
+  Uo as cn,
   r as componentMetadata,
-  Fo as cx,
-  ft as darkTheme,
-  Rt as getAllCategoricalChartColors,
-  It as getAllSequentialChartColors,
-  Lt as getCategoricalChartColors,
-  Bt as getColorsByTheme,
+  Wo as cx,
+  ct as darkTheme,
+  Nt as getAllCategoricalChartColors,
+  Mt as getAllSequentialChartColors,
+  _t as getCategoricalChartColors,
+  Wt as getColorsByTheme,
   t as getComponentsByCategory,
   Jo as getReactElementProp,
-  Ot as getSequentialChartColors,
-  vt as getTokensByTheme,
-  De as getUniqueKeysFromOriginals,
-  Go as isTracebackError,
-  Qo as isValidHexColor,
-  st as lightTheme,
+  wt as getSequentialChartColors,
+  Ft as getTokensByTheme,
+  Re as getUniqueKeysFromOriginals,
+  zo as isTracebackError,
+  Ko as isValidHexColor,
+  ut as lightTheme,
   X as message,
-  pe as moveTypingCursorToEnd,
+  ae as moveTypingCursorToEnd,
   Y as notification,
   ne as parseAntdPlacement,
   be as processTreeData,
-  ct as rawChartColorTokens,
+  ht as rawChartColorTokens,
   Vo as reactNodeToString,
-  Nt as resolveColorTokens,
-  gt as tab10,
-  St as tab20,
-  ht as tab20b,
-  At as tab20c,
+  Vt as resolveColorTokens,
+  Rt as tab10,
+  bt as tab20,
+  Dt as tab20b,
+  It as tab20c,
   Z as theme,
-  Ge as toast,
-  Ke as toastManager,
+  ze as toast,
+  Ge as toastManager,
   $ as unstableSetRender,
-  Qr as useAnimationsFinished,
+  Gr as useAnimationsFinished,
   Yo as useAntdCssVarClassname,
-  Gr as useApp,
-  wr as useBreakpoint,
-  ot as useCSSVariables,
-  Zr as useCharts,
+  qr as useApp,
+  mt as useBreakpoint,
+  $r as useCSSVariables,
+  Yr as useCharts,
   Zo as useCls,
-  Xr as useControlledState,
+  Jr as useControlledState,
   Tr as useDS,
-  at as useDraggable,
-  Hr as useEnhancedEffect,
-  zr as useEventCallback,
+  tt as useDraggable,
+  lt as useElementSize,
+  Kr as useEnhancedEffect,
+  Qr as useEventCallback,
   Mr as useForm,
   $o as useGetPrefixCls,
-  rt as useHover,
-  jr as useLatestRef,
-  Fr as useMessage,
+  et as useHover,
+  Hr as useLatestRef,
+  Ur as useMessage,
   Wr as useModal,
-  Vr as useToken,
+  nt as useResizeObserver,
+  Fr as useToken,
   Pe as useUniqueKeysTree,
   Mo as useUploadItemRender,
   _r as useWatch,
+  st as useWindowSize,
   oo as version
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bioturing/components",
-  "version": "0.29.2",
+  "version": "0.30.0",
   "type": "module",
   "module": "./dist/index.js",
   "main": "./dist/index.js",