@oneplatformdev/ui 0.1.99-beta.248 → 0.1.99-beta.249

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.1.99-beta.249 (2026-03-11)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.99-beta.249
+- Updated @oneplatformdev/hooks to 0.1.99-beta.249
+- Updated @oneplatformdev/tokens to 0.1.99-beta.249
+
 ## 0.1.99-beta.248 (2026-03-10)
 
 ### 🧱 Updated Dependencies

package/Dialog/useDialogClosePosition.d.ts

@@ -2,14 +2,10 @@ import * as React from 'react';
 type UseDialogClosePositionOptions = {
     enabled?: boolean;
     titleSelector?: string;
-    fallback?: {
-        top: number;
-        right: number;
-    };
 };
 type DialogClosePosition = {
-    top: number;
-    right: number;
+    top?: number;
+    right?: number;
 };
 export declare function useDialogClosePosition(contentRef: React.RefObject<HTMLElement | null>, options?: UseDialogClosePositionOptions): DialogClosePosition;
 export {};

package/Dialog/useDialogClosePosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDialogClosePosition.d.ts","sourceRoot":"","sources":["../../src/Dialog/useDialogClosePosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,6BAA6B,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC/C,OAAO,CAAC,EAAE,6BAA6B,uBAyGxC"}
+{"version":3,"file":"useDialogClosePosition.d.ts","sourceRoot":"","sources":["../../src/Dialog/useDialogClosePosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,6BAA6B,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC/C,OAAO,CAAC,EAAE,6BAA6B,uBAuFxC"}

package/Dialog/useDialogClosePosition.js

@@ -1,57 +1,53 @@
-import * as b from "react";
-function p(l, v) {
+import * as c from "react";
+function h(s, l) {
   const {
     enabled: a = !0,
-    titleSelector: s = '[data-slot="dialog-title"]',
-    fallback: r = { top: 24, right: 24 }
-  } = v ?? {}, [g, u] = b.useState(r), n = b.useCallback(() => {
-    const o = l.current;
-    if (!a || !o)
-      return u(r), !1;
-    const c = o.querySelector(s);
-    if (!c)
-      return u(r), !1;
-    const e = o.getBoundingClientRect(), i = c.getBoundingClientRect(), m = i.top - e.top, t = e.right - i.right;
-    return u({ top: m, right: t }), !0;
-  }, [
-    l,
-    a,
-    r,
-    s
-  ]);
-  return b.useLayoutEffect(() => {
+    titleSelector: u = '[data-slot="dialog-title"]'
+  } = l ?? {}, [d, g] = c.useState({}), r = c.useCallback((t) => {
+    g((e) => e.top === t.top && e.right === t.right ? e : t);
+  }, []), o = c.useCallback(() => {
+    const t = s.current;
+    if (!a || !t) {
+      r({});
+      return;
+    }
+    const e = t.querySelector(u);
+    if (!e) {
+      r({});
+      return;
+    }
+    const n = t.getBoundingClientRect(), i = e.getBoundingClientRect();
+    if (n.width <= 0 || n.height <= 0 || i.width <= 0 || i.height <= 0) {
+      r({});
+      return;
+    }
+    r({
+      top: Math.round(i.top - n.top),
+      right: Math.round(n.right - i.right)
+    });
+  }, [s, a, r, u]);
+  return c.useEffect(() => {
     if (!a) {
-      u(r);
+      r({});
       return;
     }
-    let o = 0, c = 0, e = null, i = null;
-    const m = () => {
-      const t = l.current;
-      if (!t) return;
-      n(), e = new ResizeObserver(() => {
-        n();
-      }), e.observe(t);
-      const d = t.querySelector(s);
-      d && e.observe(d), i = new MutationObserver(() => {
-        n();
-        const f = t.querySelector(s);
-        f && e && (e.disconnect(), e.observe(t), e.observe(f));
-      }), i.observe(t, {
-        childList: !0,
-        subtree: !0,
-        characterData: !0
-      });
-    };
-    return o = requestAnimationFrame(() => {
-      c = requestAnimationFrame(() => {
-        m();
+    let t = 0, e = 0;
+    const n = s.current;
+    if (!n) return;
+    t = requestAnimationFrame(() => {
+      e = requestAnimationFrame(() => {
+        o();
       });
-    }), window.addEventListener("resize", n), () => {
-      cancelAnimationFrame(o), cancelAnimationFrame(c), e?.disconnect(), i?.disconnect(), window.removeEventListener("resize", n);
+    });
+    const i = new ResizeObserver(() => {
+      o();
+    });
+    return i.observe(n), window.addEventListener("resize", o), () => {
+      cancelAnimationFrame(t), cancelAnimationFrame(e), i.disconnect(), window.removeEventListener("resize", o);
     };
-  }, [l, a, r, n, s]), g;
+  }, [s, a, o, r]), d;
 }
 export {
-  p as useDialogClosePosition
+  h as useDialogClosePosition
 };
 //# sourceMappingURL=useDialogClosePosition.js.map

package/Dialog/useDialogClosePosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDialogClosePosition.js","sources":["../../src/Dialog/useDialogClosePosition.ts"],"sourcesContent":["import * as React from 'react';\n\ntype UseDialogClosePositionOptions = {\n  enabled?: boolean;\n  titleSelector?: string;\n  fallback?: {\n    top: number;\n    right: number;\n  };\n};\n\ntype DialogClosePosition = {\n  top: number;\n  right: number;\n};\n\nexport function useDialogClosePosition(\n  contentRef: React.RefObject<HTMLElement | null>,\n  options?: UseDialogClosePositionOptions,\n) {\n  const {\n    enabled = true,\n    titleSelector = '[data-slot=\"dialog-title\"]',\n    fallback = { top: 24, right: 24 },\n  } = options ?? {};\n\n  const [position, setPosition] = React.useState<DialogClosePosition>(fallback);\n\n  const measure = React.useCallback(() => {\n    const contentEl = contentRef.current;\n\n    if (!enabled || !contentEl) {\n      setPosition(fallback);\n      return false;\n    }\n\n    const titleEl = contentEl.querySelector<HTMLElement>(titleSelector);\n\n    if (!titleEl) {\n      setPosition(fallback);\n      return false;\n    }\n\n    const contentRect = contentEl.getBoundingClientRect();\n    const titleRect = titleEl.getBoundingClientRect();\n\n    const top = titleRect.top - contentRect.top;\n    const right = contentRect.right - titleRect.right;\n\n    setPosition({ top, right });\n    return true;\n  }, [\n    contentRef,\n    enabled,\n    fallback,\n    titleSelector,\n  ]);\n\n  React.useLayoutEffect(() => {\n    if (!enabled) {\n      setPosition(fallback);\n      return;\n    }\n\n    let frame1 = 0;\n    let frame2 = 0;\n    let resizeObserver: ResizeObserver | null = null;\n    let mutationObserver: MutationObserver | null = null;\n\n    const setup = () => {\n      const contentEl = contentRef.current;\n      if (!contentEl) return;\n\n      measure();\n\n      resizeObserver = new ResizeObserver(() => {\n        measure();\n      });\n      resizeObserver.observe(contentEl);\n\n      const titleEl = contentEl.querySelector<HTMLElement>(titleSelector);\n      if (titleEl) {\n        resizeObserver.observe(titleEl);\n      }\n\n      mutationObserver = new MutationObserver(() => {\n        measure();\n\n        const currentTitleEl =\n          contentEl.querySelector<HTMLElement>(titleSelector);\n\n        if (currentTitleEl && resizeObserver) {\n          resizeObserver.disconnect();\n          resizeObserver.observe(contentEl);\n          resizeObserver.observe(currentTitleEl);\n        }\n      });\n\n      mutationObserver.observe(contentEl, {\n        childList: true,\n        subtree: true,\n        characterData: true,\n      });\n    };\n\n    frame1 = requestAnimationFrame(() => {\n      frame2 = requestAnimationFrame(() => {\n        setup();\n      });\n    });\n\n    window.addEventListener('resize', measure);\n\n    return () => {\n      cancelAnimationFrame(frame1);\n      cancelAnimationFrame(frame2);\n      resizeObserver?.disconnect();\n      mutationObserver?.disconnect();\n      window.removeEventListener('resize', measure);\n    };\n  }, [contentRef, enabled, fallback, measure, titleSelector]);\n\n  return position;\n}\n"],"names":["useDialogClosePosition","contentRef","options","enabled","titleSelector","fallback","position","setPosition","React","measure","contentEl","titleEl","contentRect","titleRect","top","right","frame1","frame2","resizeObserver","mutationObserver","setup","currentTitleEl"],"mappings":";AAgBO,SAASA,EACdC,GACAC,GACA;AACA,QAAM;AAAA,IACJ,SAAAC,IAAU;AAAA,IACV,eAAAC,IAAgB;AAAA,IAChB,UAAAC,IAAW,EAAE,KAAK,IAAI,OAAO,GAAA;AAAA,EAAG,IAC9BH,KAAW,CAAA,GAET,CAACI,GAAUC,CAAW,IAAIC,EAAM,SAA8BH,CAAQ,GAEtEI,IAAUD,EAAM,YAAY,MAAM;AACtC,UAAME,IAAYT,EAAW;AAE7B,QAAI,CAACE,KAAW,CAACO;AACf,aAAAH,EAAYF,CAAQ,GACb;AAGT,UAAMM,IAAUD,EAAU,cAA2BN,CAAa;AAElE,QAAI,CAACO;AACH,aAAAJ,EAAYF,CAAQ,GACb;AAGT,UAAMO,IAAcF,EAAU,sBAAA,GACxBG,IAAYF,EAAQ,sBAAA,GAEpBG,IAAMD,EAAU,MAAMD,EAAY,KAClCG,IAAQH,EAAY,QAAQC,EAAU;AAE5C,WAAAN,EAAY,EAAE,KAAAO,GAAK,OAAAC,GAAO,GACnB;AAAA,EACT,GAAG;AAAA,IACDd;AAAA,IACAE;AAAA,IACAE;AAAA,IACAD;AAAA,EAAA,CACD;AAED,SAAAI,EAAM,gBAAgB,MAAM;AAC1B,QAAI,CAACL,GAAS;AACZ,MAAAI,EAAYF,CAAQ;AACpB;AAAA,IACF;AAEA,QAAIW,IAAS,GACTC,IAAS,GACTC,IAAwC,MACxCC,IAA4C;AAEhD,UAAMC,IAAQ,MAAM;AAClB,YAAMV,IAAYT,EAAW;AAC7B,UAAI,CAACS,EAAW;AAEhB,MAAAD,EAAA,GAEAS,IAAiB,IAAI,eAAe,MAAM;AACxC,QAAAT,EAAA;AAAA,MACF,CAAC,GACDS,EAAe,QAAQR,CAAS;AAEhC,YAAMC,IAAUD,EAAU,cAA2BN,CAAa;AAClE,MAAIO,KACFO,EAAe,QAAQP,CAAO,GAGhCQ,IAAmB,IAAI,iBAAiB,MAAM;AAC5C,QAAAV,EAAA;AAEA,cAAMY,IACJX,EAAU,cAA2BN,CAAa;AAEpD,QAAIiB,KAAkBH,MACpBA,EAAe,WAAA,GACfA,EAAe,QAAQR,CAAS,GAChCQ,EAAe,QAAQG,CAAc;AAAA,MAEzC,CAAC,GAEDF,EAAiB,QAAQT,GAAW;AAAA,QAClC,WAAW;AAAA,QACX,SAAS;AAAA,QACT,eAAe;AAAA,MAAA,CAChB;AAAA,IACH;AAEA,WAAAM,IAAS,sBAAsB,MAAM;AACnC,MAAAC,IAAS,sBAAsB,MAAM;AACnC,QAAAG,EAAA;AAAA,MACF,CAAC;AAAA,IACH,CAAC,GAED,OAAO,iBAAiB,UAAUX,CAAO,GAElC,MAAM;AACX,2BAAqBO,CAAM,GAC3B,qBAAqBC,CAAM,GAC3BC,GAAgB,WAAA,GAChBC,GAAkB,WAAA,GAClB,OAAO,oBAAoB,UAAUV,CAAO;AAAA,IAC9C;AAAA,EACF,GAAG,CAACR,GAAYE,GAASE,GAAUI,GAASL,CAAa,CAAC,GAEnDE;AACT;"}
+{"version":3,"file":"useDialogClosePosition.js","sources":["../../src/Dialog/useDialogClosePosition.ts"],"sourcesContent":["import * as React from 'react';\n\ntype UseDialogClosePositionOptions = {\n  enabled?: boolean;\n  titleSelector?: string;\n};\n\ntype DialogClosePosition = {\n  top?: number;\n  right?: number;\n};\n\nexport function useDialogClosePosition(\n  contentRef: React.RefObject<HTMLElement | null>,\n  options?: UseDialogClosePositionOptions,\n) {\n  const {\n    enabled = true,\n    titleSelector = '[data-slot=\"dialog-title\"]',\n  } = options ?? {};\n\n  const [position, setPosition] = React.useState<DialogClosePosition>({});\n\n  const setIfChanged = React.useCallback((next: DialogClosePosition) => {\n    setPosition((prev) => {\n      if (prev.top === next.top && prev.right === next.right) {\n        return prev;\n      }\n\n      return next;\n    });\n  }, []);\n\n  const measure = React.useCallback(() => {\n    const contentEl = contentRef.current;\n\n    if (!enabled || !contentEl) {\n      setIfChanged({});\n      return;\n    }\n\n    const titleEl = contentEl.querySelector<HTMLElement>(titleSelector);\n\n    if (!titleEl) {\n      setIfChanged({});\n      return;\n    }\n\n    const contentRect = contentEl.getBoundingClientRect();\n    const titleRect = titleEl.getBoundingClientRect();\n\n    if (\n      contentRect.width <= 0 ||\n      contentRect.height <= 0 ||\n      titleRect.width <= 0 ||\n      titleRect.height <= 0\n    ) {\n      setIfChanged({});\n      return;\n    }\n\n    setIfChanged({\n      top: Math.round(titleRect.top - contentRect.top),\n      right: Math.round(contentRect.right - titleRect.right),\n    });\n  }, [contentRef, enabled, setIfChanged, titleSelector]);\n\n  React.useEffect(() => {\n    if (!enabled) {\n      setIfChanged({});\n      return;\n    }\n\n    let raf1 = 0;\n    let raf2 = 0;\n\n    const contentEl = contentRef.current;\n    if (!contentEl) return;\n\n    raf1 = requestAnimationFrame(() => {\n      raf2 = requestAnimationFrame(() => {\n        measure();\n      });\n    });\n\n    const resizeObserver = new ResizeObserver(() => {\n      measure();\n    });\n\n    resizeObserver.observe(contentEl);\n    window.addEventListener('resize', measure);\n\n    return () => {\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n      resizeObserver.disconnect();\n      window.removeEventListener('resize', measure);\n    };\n  }, [contentRef, enabled, measure, setIfChanged]);\n\n  return position;\n}\n"],"names":["useDialogClosePosition","contentRef","options","enabled","titleSelector","position","setPosition","React","setIfChanged","next","prev","measure","contentEl","titleEl","contentRect","titleRect","raf1","raf2","resizeObserver"],"mappings":";AAYO,SAASA,EACdC,GACAC,GACA;AACA,QAAM;AAAA,IACJ,SAAAC,IAAU;AAAA,IACV,eAAAC,IAAgB;AAAA,EAAA,IACdF,KAAW,CAAA,GAET,CAACG,GAAUC,CAAW,IAAIC,EAAM,SAA8B,CAAA,CAAE,GAEhEC,IAAeD,EAAM,YAAY,CAACE,MAA8B;AACpE,IAAAH,EAAY,CAACI,MACPA,EAAK,QAAQD,EAAK,OAAOC,EAAK,UAAUD,EAAK,QACxCC,IAGFD,CACR;AAAA,EACH,GAAG,CAAA,CAAE,GAECE,IAAUJ,EAAM,YAAY,MAAM;AACtC,UAAMK,IAAYX,EAAW;AAE7B,QAAI,CAACE,KAAW,CAACS,GAAW;AAC1B,MAAAJ,EAAa,CAAA,CAAE;AACf;AAAA,IACF;AAEA,UAAMK,IAAUD,EAAU,cAA2BR,CAAa;AAElE,QAAI,CAACS,GAAS;AACZ,MAAAL,EAAa,CAAA,CAAE;AACf;AAAA,IACF;AAEA,UAAMM,IAAcF,EAAU,sBAAA,GACxBG,IAAYF,EAAQ,sBAAA;AAE1B,QACEC,EAAY,SAAS,KACrBA,EAAY,UAAU,KACtBC,EAAU,SAAS,KACnBA,EAAU,UAAU,GACpB;AACA,MAAAP,EAAa,CAAA,CAAE;AACf;AAAA,IACF;AAEA,IAAAA,EAAa;AAAA,MACX,KAAK,KAAK,MAAMO,EAAU,MAAMD,EAAY,GAAG;AAAA,MAC/C,OAAO,KAAK,MAAMA,EAAY,QAAQC,EAAU,KAAK;AAAA,IAAA,CACtD;AAAA,EACH,GAAG,CAACd,GAAYE,GAASK,GAAcJ,CAAa,CAAC;AAErD,SAAAG,EAAM,UAAU,MAAM;AACpB,QAAI,CAACJ,GAAS;AACZ,MAAAK,EAAa,CAAA,CAAE;AACf;AAAA,IACF;AAEA,QAAIQ,IAAO,GACPC,IAAO;AAEX,UAAML,IAAYX,EAAW;AAC7B,QAAI,CAACW,EAAW;AAEhB,IAAAI,IAAO,sBAAsB,MAAM;AACjC,MAAAC,IAAO,sBAAsB,MAAM;AACjC,QAAAN,EAAA;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAED,UAAMO,IAAiB,IAAI,eAAe,MAAM;AAC9C,MAAAP,EAAA;AAAA,IACF,CAAC;AAED,WAAAO,EAAe,QAAQN,CAAS,GAChC,OAAO,iBAAiB,UAAUD,CAAO,GAElC,MAAM;AACX,2BAAqBK,CAAI,GACzB,qBAAqBC,CAAI,GACzBC,EAAe,WAAA,GACf,OAAO,oBAAoB,UAAUP,CAAO;AAAA,IAC9C;AAAA,EACF,GAAG,CAACV,GAAYE,GAASQ,GAASH,CAAY,CAAC,GAExCH;AACT;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.1.99-beta.248",
+  "version": "0.1.99-beta.249",
   "description": "UI component library for OnePlatform",
   "author": "One Platform Development Team",
   "keywords": [
@@ -106,9 +106,9 @@
     "recharts": "^3.2.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
-    "@oneplatformdev/tokens": "^0.1.99-beta.248",
-    "@oneplatformdev/utils": "^0.1.99-beta.248",
-    "@oneplatformdev/hooks": "^0.1.99-beta.248"
+    "@oneplatformdev/tokens": "^0.1.99-beta.249",
+    "@oneplatformdev/hooks": "^0.1.99-beta.249",
+    "@oneplatformdev/utils": "^0.1.99-beta.249"
   },
   "scripts": {
     "chromatic": "chromatic"