@veeqo/ui 14.14.0-beta-1 → 14.14.0

package/dist/hooks/useResizeObserver.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.cjs","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport throttle from 'lodash.throttle';\n\ntype ResizeHandler = (size: { width: number; height: number }) => void;\n\ntype UseResizeObserverCustomProps = {\n  targetRef: RefObject<HTMLElement | null>;\n  resizeHandler: ResizeHandler;\n  throttleMs?: number;\n};\n\n/**\n * Hook which sets up a `ResizeObserver` for a given element, and fires a callback when the element is resized.\n * @param targetRef The element to observe.\n * @param resizeHandler The callback to invoke when the element is resized.\n * @param throttleMs (Optional) the number of ms to throttle the observer callback.\n */\nexport const useResizeObserver = ({\n  targetRef,\n  resizeHandler,\n  throttleMs,\n}: UseResizeObserverCustomProps) => {\n  // Use a ref to store the resizeHandler to avoid re-rendering when the callback changes.\n  const resizeHandlerRef = useRef<ResizeHandler | undefined>(undefined);\n  resizeHandlerRef.current = resizeHandler;\n\n  const resizeObserverRef = useRef<ResizeObserver>();\n  const previousSizeRef = useRef<{ width: number; height: number } | undefined>(undefined);\n\n  const currentTargetRef = useRef<HTMLElement>();\n\n  // Setup the resize observer when the hook is mounted.\n  useEffect(() => {\n    const observerCallback = (entries: ResizeObserverEntry[]) => {\n      // We'll only ever be monitoring one element, so we'll only have one entry.\n      const entry = entries[0];\n\n      const { inlineSize: width, blockSize: height } = entry.contentBoxSize[0];\n\n      // Avoid unecessary callbacks by checking to see if the dimensions have actually changed.\n      if (\n        previousSizeRef.current &&\n        previousSizeRef.current.width === width &&\n        previousSizeRef.current.height === height\n      ) {\n        return;\n      }\n\n      previousSizeRef.current = { width, height };\n\n      if (resizeHandlerRef.current) {\n        resizeHandlerRef.current({ width, height });\n      }\n    };\n\n    resizeObserverRef.current = new ResizeObserver(\n      throttleMs ? throttle(observerCallback, throttleMs) : observerCallback,\n    );\n\n    // Cleanup the resizer observer on unmount\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n    };\n  }, [throttleMs]);\n\n  // Ensure we're always observing the latest element referenced in 'ref'.\n  useEffect(() => {\n    if (resizeObserverRef.current) {\n      // Check to see if the ref has actually changed. If it hasn't we can skip resetting the ResizeObserver.\n      if (\n        targetRef?.current &&\n        currentTargetRef.current &&\n        targetRef.current === currentTargetRef.current\n      ) {\n        return;\n      }\n\n      resizeObserverRef.current.disconnect();\n\n      if (targetRef?.current) {\n        resizeObserverRef.current.observe(targetRef.current);\n        currentTargetRef.current = targetRef.current;\n      }\n    }\n  });\n};\n"],"names":["useRef","useEffect","throttle"],"mappings":";;;;;;;;;AAYA;;;;;AAKG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,SAAS,EACT,aAAa,EACb,UAAU,GACmB,KAAI;;AAEjC,IAAA,MAAM,gBAAgB,GAAGA,YAAM,CAA4B,SAAS,CAAC;AACrE,IAAA,gBAAgB,CAAC,OAAO,GAAG,aAAa;AAExC,IAAA,MAAM,iBAAiB,GAAGA,YAAM,EAAkB;AAClD,IAAA,MAAM,eAAe,GAAGA,YAAM,CAAgD,SAAS,CAAC;AAExF,IAAA,MAAM,gBAAgB,GAAGA,YAAM,EAAe;;IAG9CC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,OAA8B,KAAI;;AAE1D,YAAA,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;AAExB,YAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;;YAGxE,IACE,eAAe,CAAC,OAAO;AACvB,gBAAA,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK;AACvC,gBAAA,eAAe,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,EACzC;gBACA;AACD,YAAA;YAED,eAAe,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;YAE3C,IAAI,gBAAgB,CAAC,OAAO,EAAE;gBAC5B,gBAAgB,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC5C,YAAA;AACH,QAAA,CAAC;QAED,iBAAiB,CAAC,OAAO,GAAG,IAAI,cAAc,CAC5C,UAAU,GAAGC,yBAAQ,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CACvE;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC7B,gBAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AACvC,YAAA;AACH,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;;IAGhBD,eAAS,CAAC,MAAK;QACb,IAAI,iBAAiB,CAAC,OAAO,EAAE;;AAE7B,YAAA,IACE,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,OAAO;AAClB,gBAAA,gBAAgB,CAAC,OAAO;AACxB,gBAAA,SAAS,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,EAC9C;gBACA;AACD,YAAA;AAED,YAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AAEtC,YAAA,IAAI,SAAS,KAAA,IAAA,IAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAE;gBACtB,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;AACpD,gBAAA,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO;AAC7C,YAAA;AACF,QAAA;AACH,IAAA,CAAC,CAAC;AACJ;;;;"}
+{"version":3,"file":"useResizeObserver.cjs","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport throttle from 'lodash.throttle';\n\ntype ResizeHandler = (size: { width: number; height: number }) => void;\n\ntype UseResizeObserverCustomProps = {\n  targetRef: RefObject<HTMLElement | null>;\n  resizeHandler: ResizeHandler;\n  throttleMs?: number;\n};\n\n/**\n * Hook which sets up a `ResizeObserver` for a given element, and fires a callback when the element is resized.\n * @param targetRef The element to observe.\n * @param resizeHandler The callback to invoke when the element is resized.\n * @param throttleMs (Optional) the number of ms to throttle the observer callback.\n */\nexport const useResizeObserver = ({\n  targetRef,\n  resizeHandler,\n  throttleMs,\n}: UseResizeObserverCustomProps) => {\n  // Use a ref to store the resizeHandler to avoid re-rendering when the callback changes.\n  const resizeHandlerRef = useRef<ResizeHandler | undefined>(undefined);\n  resizeHandlerRef.current = resizeHandler;\n\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const previousSizeRef = useRef<{ width: number; height: number } | undefined>(undefined);\n\n  const currentTargetRef = useRef<HTMLElement | null>(null);\n\n  // Setup the resize observer when the hook is mounted.\n  useEffect(() => {\n    const observerCallback = (entries: ResizeObserverEntry[]) => {\n      // We'll only ever be monitoring one element, so we'll only have one entry.\n      const entry = entries[0];\n\n      const { inlineSize: width, blockSize: height } = entry.contentBoxSize[0];\n\n      // Avoid unecessary callbacks by checking to see if the dimensions have actually changed.\n      if (\n        previousSizeRef.current &&\n        previousSizeRef.current.width === width &&\n        previousSizeRef.current.height === height\n      ) {\n        return;\n      }\n\n      previousSizeRef.current = { width, height };\n\n      if (resizeHandlerRef.current) {\n        resizeHandlerRef.current({ width, height });\n      }\n    };\n\n    resizeObserverRef.current = new ResizeObserver(\n      throttleMs ? throttle(observerCallback, throttleMs) : observerCallback,\n    );\n\n    // Cleanup the resizer observer on unmount\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n    };\n  }, [throttleMs]);\n\n  // Ensure we're always observing the latest element referenced in 'ref'.\n  useEffect(() => {\n    if (resizeObserverRef.current) {\n      // Check to see if the ref has actually changed. If it hasn't we can skip resetting the ResizeObserver.\n      if (\n        targetRef?.current &&\n        currentTargetRef.current &&\n        targetRef.current === currentTargetRef.current\n      ) {\n        return;\n      }\n\n      resizeObserverRef.current.disconnect();\n\n      if (targetRef?.current) {\n        resizeObserverRef.current.observe(targetRef.current);\n        currentTargetRef.current = targetRef.current;\n      }\n    }\n  });\n};\n"],"names":["useRef","useEffect","throttle"],"mappings":";;;;;;;;;AAYA;;;;;AAKG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,SAAS,EACT,aAAa,EACb,UAAU,GACmB,KAAI;;AAEjC,IAAA,MAAM,gBAAgB,GAAGA,YAAM,CAA4B,SAAS,CAAC;AACrE,IAAA,gBAAgB,CAAC,OAAO,GAAG,aAAa;AAExC,IAAA,MAAM,iBAAiB,GAAGA,YAAM,CAAwB,IAAI,CAAC;AAC7D,IAAA,MAAM,eAAe,GAAGA,YAAM,CAAgD,SAAS,CAAC;AAExF,IAAA,MAAM,gBAAgB,GAAGA,YAAM,CAAqB,IAAI,CAAC;;IAGzDC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,OAA8B,KAAI;;AAE1D,YAAA,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;AAExB,YAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;;YAGxE,IACE,eAAe,CAAC,OAAO;AACvB,gBAAA,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK;AACvC,gBAAA,eAAe,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,EACzC;gBACA;AACD,YAAA;YAED,eAAe,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;YAE3C,IAAI,gBAAgB,CAAC,OAAO,EAAE;gBAC5B,gBAAgB,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC5C,YAAA;AACH,QAAA,CAAC;QAED,iBAAiB,CAAC,OAAO,GAAG,IAAI,cAAc,CAC5C,UAAU,GAAGC,yBAAQ,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CACvE;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC7B,gBAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AACvC,YAAA;AACH,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;;IAGhBD,eAAS,CAAC,MAAK;QACb,IAAI,iBAAiB,CAAC,OAAO,EAAE;;AAE7B,YAAA,IACE,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,OAAO;AAClB,gBAAA,gBAAgB,CAAC,OAAO;AACxB,gBAAA,SAAS,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,EAC9C;gBACA;AACD,YAAA;AAED,YAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AAEtC,YAAA,IAAI,SAAS,KAAA,IAAA,IAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAE;gBACtB,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;AACpD,gBAAA,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO;AAC7C,YAAA;AACF,QAAA;AACH,IAAA,CAAC,CAAC;AACJ;;;;"}

package/dist/hooks/useResizeObserver.js

@@ -11,9 +11,9 @@ const useResizeObserver = ({ targetRef, resizeHandler, throttleMs, }) => {
     // Use a ref to store the resizeHandler to avoid re-rendering when the callback changes.
     const resizeHandlerRef = useRef(undefined);
     resizeHandlerRef.current = resizeHandler;
-    const resizeObserverRef = useRef();
+    const resizeObserverRef = useRef(null);
     const previousSizeRef = useRef(undefined);
-    const currentTargetRef = useRef();
+    const currentTargetRef = useRef(null);
     // Setup the resize observer when the hook is mounted.
     useEffect(() => {
         const observerCallback = (entries) => {

package/dist/hooks/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport throttle from 'lodash.throttle';\n\ntype ResizeHandler = (size: { width: number; height: number }) => void;\n\ntype UseResizeObserverCustomProps = {\n  targetRef: RefObject<HTMLElement | null>;\n  resizeHandler: ResizeHandler;\n  throttleMs?: number;\n};\n\n/**\n * Hook which sets up a `ResizeObserver` for a given element, and fires a callback when the element is resized.\n * @param targetRef The element to observe.\n * @param resizeHandler The callback to invoke when the element is resized.\n * @param throttleMs (Optional) the number of ms to throttle the observer callback.\n */\nexport const useResizeObserver = ({\n  targetRef,\n  resizeHandler,\n  throttleMs,\n}: UseResizeObserverCustomProps) => {\n  // Use a ref to store the resizeHandler to avoid re-rendering when the callback changes.\n  const resizeHandlerRef = useRef<ResizeHandler | undefined>(undefined);\n  resizeHandlerRef.current = resizeHandler;\n\n  const resizeObserverRef = useRef<ResizeObserver>();\n  const previousSizeRef = useRef<{ width: number; height: number } | undefined>(undefined);\n\n  const currentTargetRef = useRef<HTMLElement>();\n\n  // Setup the resize observer when the hook is mounted.\n  useEffect(() => {\n    const observerCallback = (entries: ResizeObserverEntry[]) => {\n      // We'll only ever be monitoring one element, so we'll only have one entry.\n      const entry = entries[0];\n\n      const { inlineSize: width, blockSize: height } = entry.contentBoxSize[0];\n\n      // Avoid unecessary callbacks by checking to see if the dimensions have actually changed.\n      if (\n        previousSizeRef.current &&\n        previousSizeRef.current.width === width &&\n        previousSizeRef.current.height === height\n      ) {\n        return;\n      }\n\n      previousSizeRef.current = { width, height };\n\n      if (resizeHandlerRef.current) {\n        resizeHandlerRef.current({ width, height });\n      }\n    };\n\n    resizeObserverRef.current = new ResizeObserver(\n      throttleMs ? throttle(observerCallback, throttleMs) : observerCallback,\n    );\n\n    // Cleanup the resizer observer on unmount\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n    };\n  }, [throttleMs]);\n\n  // Ensure we're always observing the latest element referenced in 'ref'.\n  useEffect(() => {\n    if (resizeObserverRef.current) {\n      // Check to see if the ref has actually changed. If it hasn't we can skip resetting the ResizeObserver.\n      if (\n        targetRef?.current &&\n        currentTargetRef.current &&\n        targetRef.current === currentTargetRef.current\n      ) {\n        return;\n      }\n\n      resizeObserverRef.current.disconnect();\n\n      if (targetRef?.current) {\n        resizeObserverRef.current.observe(targetRef.current);\n        currentTargetRef.current = targetRef.current;\n      }\n    }\n  });\n};\n"],"names":[],"mappings":";;;AAYA;;;;;AAKG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,SAAS,EACT,aAAa,EACb,UAAU,GACmB,KAAI;;AAEjC,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAA4B,SAAS,CAAC;AACrE,IAAA,gBAAgB,CAAC,OAAO,GAAG,aAAa;AAExC,IAAA,MAAM,iBAAiB,GAAG,MAAM,EAAkB;AAClD,IAAA,MAAM,eAAe,GAAG,MAAM,CAAgD,SAAS,CAAC;AAExF,IAAA,MAAM,gBAAgB,GAAG,MAAM,EAAe;;IAG9C,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,OAA8B,KAAI;;AAE1D,YAAA,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;AAExB,YAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;;YAGxE,IACE,eAAe,CAAC,OAAO;AACvB,gBAAA,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK;AACvC,gBAAA,eAAe,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,EACzC;gBACA;AACD,YAAA;YAED,eAAe,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;YAE3C,IAAI,gBAAgB,CAAC,OAAO,EAAE;gBAC5B,gBAAgB,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC5C,YAAA;AACH,QAAA,CAAC;QAED,iBAAiB,CAAC,OAAO,GAAG,IAAI,cAAc,CAC5C,UAAU,GAAG,QAAQ,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CACvE;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC7B,gBAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AACvC,YAAA;AACH,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;;IAGhB,SAAS,CAAC,MAAK;QACb,IAAI,iBAAiB,CAAC,OAAO,EAAE;;AAE7B,YAAA,IACE,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,OAAO;AAClB,gBAAA,gBAAgB,CAAC,OAAO;AACxB,gBAAA,SAAS,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,EAC9C;gBACA;AACD,YAAA;AAED,YAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AAEtC,YAAA,IAAI,SAAS,KAAA,IAAA,IAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAE;gBACtB,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;AACpD,gBAAA,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO;AAC7C,YAAA;AACF,QAAA;AACH,IAAA,CAAC,CAAC;AACJ;;;;"}
+{"version":3,"file":"useResizeObserver.js","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport throttle from 'lodash.throttle';\n\ntype ResizeHandler = (size: { width: number; height: number }) => void;\n\ntype UseResizeObserverCustomProps = {\n  targetRef: RefObject<HTMLElement | null>;\n  resizeHandler: ResizeHandler;\n  throttleMs?: number;\n};\n\n/**\n * Hook which sets up a `ResizeObserver` for a given element, and fires a callback when the element is resized.\n * @param targetRef The element to observe.\n * @param resizeHandler The callback to invoke when the element is resized.\n * @param throttleMs (Optional) the number of ms to throttle the observer callback.\n */\nexport const useResizeObserver = ({\n  targetRef,\n  resizeHandler,\n  throttleMs,\n}: UseResizeObserverCustomProps) => {\n  // Use a ref to store the resizeHandler to avoid re-rendering when the callback changes.\n  const resizeHandlerRef = useRef<ResizeHandler | undefined>(undefined);\n  resizeHandlerRef.current = resizeHandler;\n\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const previousSizeRef = useRef<{ width: number; height: number } | undefined>(undefined);\n\n  const currentTargetRef = useRef<HTMLElement | null>(null);\n\n  // Setup the resize observer when the hook is mounted.\n  useEffect(() => {\n    const observerCallback = (entries: ResizeObserverEntry[]) => {\n      // We'll only ever be monitoring one element, so we'll only have one entry.\n      const entry = entries[0];\n\n      const { inlineSize: width, blockSize: height } = entry.contentBoxSize[0];\n\n      // Avoid unecessary callbacks by checking to see if the dimensions have actually changed.\n      if (\n        previousSizeRef.current &&\n        previousSizeRef.current.width === width &&\n        previousSizeRef.current.height === height\n      ) {\n        return;\n      }\n\n      previousSizeRef.current = { width, height };\n\n      if (resizeHandlerRef.current) {\n        resizeHandlerRef.current({ width, height });\n      }\n    };\n\n    resizeObserverRef.current = new ResizeObserver(\n      throttleMs ? throttle(observerCallback, throttleMs) : observerCallback,\n    );\n\n    // Cleanup the resizer observer on unmount\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n    };\n  }, [throttleMs]);\n\n  // Ensure we're always observing the latest element referenced in 'ref'.\n  useEffect(() => {\n    if (resizeObserverRef.current) {\n      // Check to see if the ref has actually changed. If it hasn't we can skip resetting the ResizeObserver.\n      if (\n        targetRef?.current &&\n        currentTargetRef.current &&\n        targetRef.current === currentTargetRef.current\n      ) {\n        return;\n      }\n\n      resizeObserverRef.current.disconnect();\n\n      if (targetRef?.current) {\n        resizeObserverRef.current.observe(targetRef.current);\n        currentTargetRef.current = targetRef.current;\n      }\n    }\n  });\n};\n"],"names":[],"mappings":";;;AAYA;;;;;AAKG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,SAAS,EACT,aAAa,EACb,UAAU,GACmB,KAAI;;AAEjC,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAA4B,SAAS,CAAC;AACrE,IAAA,gBAAgB,CAAC,OAAO,GAAG,aAAa;AAExC,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAwB,IAAI,CAAC;AAC7D,IAAA,MAAM,eAAe,GAAG,MAAM,CAAgD,SAAS,CAAC;AAExF,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAqB,IAAI,CAAC;;IAGzD,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,OAA8B,KAAI;;AAE1D,YAAA,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;AAExB,YAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;;YAGxE,IACE,eAAe,CAAC,OAAO;AACvB,gBAAA,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK;AACvC,gBAAA,eAAe,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,EACzC;gBACA;AACD,YAAA;YAED,eAAe,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;YAE3C,IAAI,gBAAgB,CAAC,OAAO,EAAE;gBAC5B,gBAAgB,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC5C,YAAA;AACH,QAAA,CAAC;QAED,iBAAiB,CAAC,OAAO,GAAG,IAAI,cAAc,CAC5C,UAAU,GAAG,QAAQ,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CACvE;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC7B,gBAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AACvC,YAAA;AACH,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;;IAGhB,SAAS,CAAC,MAAK;QACb,IAAI,iBAAiB,CAAC,OAAO,EAAE;;AAE7B,YAAA,IACE,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,OAAO;AAClB,gBAAA,gBAAgB,CAAC,OAAO;AACxB,gBAAA,SAAS,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,EAC9C;gBACA;AACD,YAAA;AAED,YAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AAEtC,YAAA,IAAI,SAAS,KAAA,IAAA,IAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAE;gBACtB,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;AACpD,gBAAA,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO;AAC7C,YAAA;AACF,QAAA;AACH,IAAA,CAAC,CAAC;AACJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "14.14.0-beta-1",
+  "version": "14.14.0",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",
@@ -72,16 +72,15 @@
     "@svgr/plugin-jsx": "^8.1.0",
     "@svgr/plugin-prettier": "^8.1.0",
     "@svgr/plugin-svgo": "^8.1.0",
-    "@testing-library/dom": "^8.11.3",
+    "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^5.12.0",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^13.1.9",
     "@types/jest": "^29.5.5",
     "@types/jest-axe": "^3.5.6",
     "@types/lodash.throttle": "^4.1.7",
-    "@types/react": "^17.0.5",
-    "@types/react-dom": "^16.9.12",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/react-transition-group": "^4.4.6",
     "@typescript-eslint/eslint-plugin": "^6.7.3",
     "@typescript-eslint/parser": "^6.7.3",
@@ -106,12 +105,12 @@
     "jest-cli": "~29.0.3",
     "jest-environment-jsdom": "~29.0.3",
     "lodash.throttle": "^4.1.1",
-    "playroom": "^0.39.1",
+    "playroom": "^1.2.2",
     "postcss": "^8.5.3",
     "postcss-modules": "^6.0.1",
     "prettier": "^3.0.3",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-popper": "^2.2.5",
     "react-transition-group": "^4.3.0",
     "remark-gfm": "^4.0.1",
@@ -152,6 +151,10 @@
     },
     "@figma/code-connect": {
       "typescript": "$typescript"
+    },
+    "react-popper": {
+      "react": "$react",
+      "react-dom": "$react-dom"
     }
   }
 }