@siberiacancode/reactuse 0.3.7 → 0.3.9

package/dist/esm/utils/helpers/isTarget.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"isTarget.mjs","sources":["../../../../src/utils/helpers/isTarget.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nexport const targetSymbol = Symbol('target');\n\nexport type Target = (() => Element) | string | Document | Element | Window;\ninterface StateRef<Value> {\n  (node: Value): void;\n  current: Value;\n  state: Value;\n}\n\nexport type HookTarget =\n  | RefObject<Element | null | undefined>\n  | StateRef<Element | null | undefined>\n  | {\n      value: Target;\n      type: symbol;\n    };\n\nconst getElement = (target: HookTarget) => {\n  if ('current' in target) {\n    return target.current;\n  }\n\n  if (typeof target.value === 'function') {\n    return target.value();\n  }\n\n  if (typeof target.value === 'string') {\n    return document.querySelector(target.value);\n  }\n\n  if (target.value instanceof Document) {\n    return target.value;\n  }\n\n  if (target.value instanceof Window) {\n    return target.value;\n  }\n\n  if (target.value instanceof Element) {\n    return target.value;\n  }\n\n  return target.value;\n};\n\nexport const target = (target: Target) => ({\n  value: target,\n  type: targetSymbol\n});\n\nexport const isTarget = (target: HookTarget) =>\n  (typeof target === 'object' &&\n    ('current' in target || (target && (target as any).type === targetSymbol))) ||\n  (typeof target === 'function' && 'state' in target && 'current' in target);\n\nexport const getRefState = (target?: HookTarget) => target && 'state' in target && target.state;\n\nisTarget.wrap = target;\nisTarget.getElement = getElement;\nisTarget.getRefState = getRefState;\n"],"names":["targetSymbol","getElement","target","isTarget","getRefState"],"mappings":"AAEO,MAAMA,2BAAsB,QAAQ,GAiBrCC,IAAa,CAACC,MACd,aAAaA,IACRA,EAAO,UAGZ,OAAOA,EAAO,SAAU,aACnBA,EAAO,MAAA,IAGZ,OAAOA,EAAO,SAAU,WACnB,SAAS,cAAcA,EAAO,KAAK,KAGxCA,EAAO,iBAAiB,YAIxBA,EAAO,iBAAiB,UAIxBA,EAAO,iBAAiB,SACnBA,EAAO,QAMLA,IAAS,CAACA,OAAoB;AAAA,EACzC,OAAOA;AAAAA,EACP,MAAMF;AACR,IAEaG,IAAW,CAACD,MACtB,OAAOA,KAAW,aAChB,aAAaA,KAAWA,KAAWA,EAAe,SAASF,MAC7D,OAAOE,KAAW,cAAc,WAAWA,KAAU,aAAaA,GAExDE,IAAc,CAACF,MAAwBA,KAAU,WAAWA,KAAUA,EAAO;AAE1FC,EAAS,OAAOD;AAChBC,EAAS,aAAaF;AACtBE,EAAS,cAAcC;"}
+{"version":3,"file":"isTarget.mjs","sources":["../../../../src/utils/helpers/isTarget.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nexport const targetSymbol = Symbol('target');\n\nexport type Target = (() => Element) | string | Document | Element | Window;\ninterface BrowserTarget {\n  type: symbol;\n  value: Target;\n}\ninterface StateRef<Value> {\n  (node: Value): void;\n  current: Value;\n  state: Value;\n}\n\nexport type HookTarget =\n  | BrowserTarget\n  | RefObject<Element | null | undefined>\n  | StateRef<Element | null | undefined>;\n\nexport const target = (target: Target) => ({\n  value: target,\n  type: targetSymbol\n});\n\nexport const isRef = (target: HookTarget) => typeof target === 'object' && 'current' in target;\n\nexport const isRefState = (target: HookTarget) =>\n  typeof target === 'function' && 'state' in target && 'current' in target;\n\nexport const isBrowserTarget = (target: HookTarget) =>\n  typeof target === 'object' &&\n  target &&\n  'type' in target &&\n  target.type === targetSymbol &&\n  'value' in target;\n\nexport const isTarget = (target: HookTarget) =>\n  isRef(target) || isRefState(target) || isBrowserTarget(target);\n\nconst getElement = (target: HookTarget) => {\n  if ('current' in target) {\n    return target.current;\n  }\n\n  if (typeof target.value === 'function') {\n    return target.value();\n  }\n\n  if (typeof target.value === 'string') {\n    return document.querySelector(target.value);\n  }\n\n  if (target.value instanceof Document) {\n    return target.value;\n  }\n\n  if (target.value instanceof Window) {\n    return target.value;\n  }\n\n  if (target.value instanceof Element) {\n    return target.value;\n  }\n\n  return target.value;\n};\nexport const getRefState = (target?: HookTarget) => target && 'state' in target && target.state;\nexport const getRawElement = (target: HookTarget) => {\n  if (isRefState(target)) return target.state;\n  if (isBrowserTarget(target)) return (target as BrowserTarget).value;\n\n  return target;\n};\n\nisTarget.wrap = target;\nisTarget.getElement = getElement;\nisTarget.getRefState = getRefState;\nisTarget.getRawElement = getRawElement;\n"],"names":["targetSymbol","target","isRef","isRefState","isBrowserTarget","isTarget","getElement","getRefState","getRawElement"],"mappings":"AAEO,MAAMA,2BAAsB,QAAQ,GAkB9BC,IAAS,CAACA,OAAoB;AAAA,EACzC,OAAOA;AAAAA,EACP,MAAMD;AACR,IAEaE,IAAQ,CAACD,MAAuB,OAAOA,KAAW,YAAY,aAAaA,GAE3EE,IAAa,CAACF,MACzB,OAAOA,KAAW,cAAc,WAAWA,KAAU,aAAaA,GAEvDG,IAAkB,CAACH,MAC9B,OAAOA,KAAW,YAClBA,KACA,UAAUA,KACVA,EAAO,SAASD,KAChB,WAAWC,GAEAI,IAAW,CAACJ,MACvBC,EAAMD,CAAM,KAAKE,EAAWF,CAAM,KAAKG,EAAgBH,CAAM,GAEzDK,IAAa,CAACL,MACd,aAAaA,IACRA,EAAO,UAGZ,OAAOA,EAAO,SAAU,aACnBA,EAAO,MAAA,IAGZ,OAAOA,EAAO,SAAU,WACnB,SAAS,cAAcA,EAAO,KAAK,KAGxCA,EAAO,iBAAiB,YAIxBA,EAAO,iBAAiB,UAIxBA,EAAO,iBAAiB,SACnBA,EAAO,QAKLM,IAAc,CAACN,MAAwBA,KAAU,WAAWA,KAAUA,EAAO,OAC7EO,IAAgB,CAACP,MACxBE,EAAWF,CAAM,IAAUA,EAAO,QAClCG,EAAgBH,CAAM,IAAWA,EAAyB,QAEvDA;AAGTI,EAAS,OAAOJ;AAChBI,EAAS,aAAaC;AACtBD,EAAS,cAAcE;AACvBF,EAAS,gBAAgBG;"}

package/dist/types/hooks/sensors.d.ts

@@ -4,7 +4,6 @@ export * from './useDeviceOrientation/useDeviceOrientation';
 export * from './useDevicePixelRatio/useDevicePixelRatio';
 export * from './useDocumentEvent/useDocumentEvent';
 export * from './useDocumentVisibility/useDocumentVisibility';
-export * from './useElementSize/useElementSize';
 export * from './useEventListener/useEventListener';
 export * from './useHotkeys/useHotkeys';
 export * from './useIdle/useIdle';
@@ -27,6 +26,7 @@ export * from './useResizeObserver/useResizeObserver';
 export * from './useScroll/useScroll';
 export * from './useScrollIntoView/useScrollIntoView';
 export * from './useScrollTo/useScrollTo';
+export * from './useSize/useSize';
 export * from './useTextSelection/useTextSelection';
 export * from './useVisibility/useVisibility';
 export * from './useWindowEvent/useWindowEvent';

package/dist/types/hooks/useDebounceEffect/useDebounceEffect.d.ts

@@ -0,0 +1,15 @@
+import { DependencyList, EffectCallback } from 'react';
+/**
+ * @name useDebounceEffect
+ * @description – Hook that runs an effect after a delay when dependencies change
+ * @category Utilities
+ * @usage high
+ *
+ * @param {EffectCallback} effect The effect callback to run
+ * @param {number} delay The delay in milliseconds
+ * @param {DependencyList} deps The dependencies list for the effect
+ *
+ * @example
+ * useDebounceEffect(() => console.log('effect'), 500, [value]);
+ */
+export declare const useDebounceEffect: (effect: EffectCallback, delay: number, deps?: DependencyList) => void;

package/dist/types/hooks/useSize/useSize.d.ts

@@ -0,0 +1,43 @@
+import { HookTarget } from '../../utils/helpers';
+import { StateRef } from '../useRefState/useRefState';
+/** The size value type */
+export interface UseSizeValue {
+    /** The element's height */
+    height: number;
+    /** The element's width */
+    width: number;
+}
+/** The use size return type */
+export interface UseSizeReturn {
+    /** The resize observer instance */
+    observer?: ResizeObserver;
+    /** The current size value */
+    value: UseSizeValue;
+}
+export interface UseSize {
+    (target: HookTarget): UseSizeReturn;
+    <Target extends Element>(target?: never): {
+        ref: StateRef<Target>;
+    } & UseSizeReturn;
+}
+/**
+ * @name useSize
+ * @description - Hook that observes and returns the width and height of element
+ * @category Elements
+ * @usage low
+ *
+ * @overload
+ * @param {HookTarget} target The target element to observe
+ * @returns {UseSizeReturn} An object containing the resize observer, current width and height of the element
+ *
+ * @example
+ * const { value, observer } = useSize(ref);
+ *
+ * @overload
+ * @template Target The target element type
+ * @returns { { ref: StateRef<Target> } & UseSizeReturn } An object containing the resize observer, current width and height of the element
+ *
+ * @example
+ * const { ref, value, observer } = useSize();
+ */
+export declare const useSize: UseSize;

package/dist/types/hooks/useThrottleEffect/useThrottleEffect.d.ts

@@ -0,0 +1,15 @@
+import { DependencyList, EffectCallback } from 'react';
+/**
+ * @name useThrottleEffect
+ * @description – Hook that runs an effect at most once per delay period when dependencies change
+ * @category Utilities
+ * @usage medium
+ *
+ * @param {EffectCallback} effect The effect callback to run
+ * @param {number} delay The delay in milliseconds
+ * @param {DependencyList} deps The dependencies list for the effect
+ *
+ * @example
+ * useThrottleEffect(() => console.log('effect'), 500, [value]);
+ */
+export declare const useThrottleEffect: (effect: EffectCallback, delay: number, deps?: DependencyList) => void;

package/dist/types/hooks/useVisibility/useVisibility.d.ts

@@ -16,7 +16,7 @@ export interface UseVisibilityReturn {
     /** The intersection observer entry */
     entry?: IntersectionObserverEntry;
     /** The intersection observer in view */
-    inView?: boolean;
+    inView: boolean;
     /** The intersection observer instance */
     observer?: IntersectionObserver;
 }

package/dist/types/hooks/utilities.d.ts

@@ -1,6 +1,7 @@
 export * from './useBatchedCallback/useBatchedCallback';
 export * from './useConst/useConst';
 export * from './useDebounceCallback/useDebounceCallback';
+export * from './useDebounceEffect/useDebounceEffect';
 export * from './useDebounceState/useDebounceState';
 export * from './useDebounceValue/useDebounceValue';
 export * from './useEvent/useEvent';
@@ -8,5 +9,6 @@ export * from './useLastChanged/useLastChanged';
 export * from './useLatest/useLatest';
 export * from './usePrevious/usePrevious';
 export * from './useThrottleCallback/useThrottleCallback';
+export * from './useThrottleEffect/useThrottleEffect';
 export * from './useThrottleState/useThrottleState';
 export * from './useThrottleValue/useThrottleValue';

package/dist/types/utils/helpers/isTarget.d.ts

@@ -1,19 +1,23 @@
 import { RefObject } from 'react';
 export declare const targetSymbol: unique symbol;
 export type Target = (() => Element) | string | Document | Element | Window;
+interface BrowserTarget {
+    type: symbol;
+    value: Target;
+}
 interface StateRef<Value> {
     (node: Value): void;
     current: Value;
     state: Value;
 }
-export type HookTarget = RefObject<Element | null | undefined> | StateRef<Element | null | undefined> | {
-    value: Target;
-    type: symbol;
-};
+export type HookTarget = BrowserTarget | RefObject<Element | null | undefined> | StateRef<Element | null | undefined>;
 export declare const target: (target: Target) => {
     value: Target;
     type: symbol;
 };
+export declare const isRef: (target: HookTarget) => target is RefObject<Element | null | undefined>;
+export declare const isRefState: (target: HookTarget) => target is StateRef<Element | null | undefined>;
+export declare const isBrowserTarget: (target: HookTarget) => boolean;
 export declare const isTarget: {
     (target: HookTarget): boolean;
     wrap: (target: Target) => {
@@ -22,6 +26,8 @@ export declare const isTarget: {
     };
     getElement: (target: HookTarget) => Window | Document | Element | null | undefined;
     getRefState: (target?: HookTarget) => false | Element | null | undefined;
+    getRawElement: (target: HookTarget) => Target | BrowserTarget | RefObject<Element | null | undefined> | null | undefined;
 };
 export declare const getRefState: (target?: HookTarget) => false | Element | null | undefined;
+export declare const getRawElement: (target: HookTarget) => Target | BrowserTarget | RefObject<Element | null | undefined> | null | undefined;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siberiacancode/reactuse",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "description": "The ultimate collection of react hooks",
   "author": {
     "name": "SIBERIA CAN CODE 🧊",

package/dist/cjs/hooks/useElementSize/useElementSize.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),l=require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs"),d=require("../useRefState/useRefState.cjs"),o=require("../../utils/helpers/isTarget.cjs"),S=((...u)=>{const e=u[0],[i,n]=f.useState({width:0,height:0}),r=d.useRefState();return l.useIsomorphicLayoutEffect(()=>{const t=e?o.isTarget.getElement(e):r.current;if(!t)return;const{width:c,height:a}=t.getBoundingClientRect();n({width:c,height:a});const s=new ResizeObserver(()=>{const{width:g,height:h}=t.getBoundingClientRect();n({width:g,height:h})});return s.observe(t),()=>{s.disconnect()}},[r.state,e,o.isTarget.getRefState(e)]),e?{value:i}:{ref:r,value:i}});exports.useElementSize=S;
-//# sourceMappingURL=useElementSize.cjs.map

package/dist/cjs/hooks/useElementSize/useElementSize.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useElementSize.cjs","sources":["../../../../src/hooks/useElementSize/useElementSize.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The element size value type */\nexport interface UseElementSizeValue {\n  /** The element's height */\n  height: number;\n  /** The element's width */\n  width: number;\n}\n\n/** The use element size return type */\nexport interface UseElementSizeReturn {\n  value: UseElementSizeValue;\n}\n\nexport interface UseElementSize {\n  (target: HookTarget): UseElementSizeReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n  } & UseElementSizeReturn;\n}\n\n/**\n * @name useElementSize\n * @description - Hook that observes and returns the width and height of element\n * @category Elements\n * @usage low\n\n * @overload\n * @param {HookTarget} target The target element to observe\n * @returns {UseElementSizeReturn} An object containing the current width and height of the element\n *\n * @example\n * const { value } = useElementSize(ref);\n *\n * @overload\n * @returns { { ref: StateRef<Target> } & UseElementSizeReturn } An object containing the current width and height of the element\n *\n * @example\n * const { ref, value } = useElementSize();\n */\nexport const useElementSize = ((...params: any[]) => {\n  const target = params[0] as HookTarget | undefined;\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const internalRef = useRefState<Element>();\n\n  useIsomorphicLayoutEffect(() => {\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const { width, height } = element.getBoundingClientRect();\n    setSize({\n      width,\n      height\n    });\n\n    const observer = new ResizeObserver(() => {\n      const { width, height } = element.getBoundingClientRect();\n      setSize({ width, height });\n    });\n\n    observer.observe(element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [internalRef.state, target, isTarget.getRefState(target)]);\n\n  if (target) return { value: size };\n  return {\n    ref: internalRef,\n    value: size\n  };\n}) as UseElementSize;\n"],"names":["useElementSize","params","target","size","setSize","useState","internalRef","useRefState","useIsomorphicLayoutEffect","element","isTarget","width","height","observer"],"mappings":"2QAqDaA,GAAkB,IAAIC,IAAkB,CACnD,MAAMC,EAASD,EAAO,CAAC,EACjB,CAACE,EAAMC,CAAO,EAAIC,EAAAA,SAAS,CAAE,MAAO,EAAG,OAAQ,EAAG,EAClDC,EAAcC,EAAAA,YAAA,EAyBpB,OAvBAC,EAAAA,0BAA0B,IAAM,CAC9B,MAAMC,EAAWP,EAASQ,EAAAA,SAAS,WAAWR,CAAM,EAAII,EAAY,QAEpE,GAAI,CAACG,EAAS,OAEd,KAAM,CAAE,MAAAE,EAAO,OAAAC,GAAWH,EAAQ,sBAAA,EAClCL,EAAQ,CACN,MAAAO,EACA,OAAAC,CAAA,CACD,EAED,MAAMC,EAAW,IAAI,eAAe,IAAM,CACxC,KAAM,CAAE,MAAAF,EAAO,OAAAC,CAAAA,EAAWH,EAAQ,sBAAA,EAClCL,EAAQ,CAAE,MAAAO,EAAO,OAAAC,EAAQ,CAAA,CAC1B,EAED,OAAAC,EAAS,QAAQJ,CAAO,EAEjB,IAAM,CACXI,EAAS,WAAA,CAAW,CACtB,EACC,CAACP,EAAY,MAAOJ,EAAQQ,EAAAA,SAAS,YAAYR,CAAM,CAAC,CAAC,EAExDA,EAAe,CAAE,MAAOC,CAAA,EACrB,CACL,IAAKG,EACL,MAAOH,CAAA,CAEX"}

package/dist/esm/hooks/useElementSize/useElementSize.mjs

@@ -1,30 +0,0 @@
-import { useState as m } from "react";
-import { useIsomorphicLayoutEffect as a } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-import { useRefState as d } from "../useRefState/useRefState.mjs";
-import { isTarget as s } from "../../utils/helpers/isTarget.mjs";
-const v = ((...h) => {
-  const e = h[0], [i, n] = m({ width: 0, height: 0 }), r = d();
-  return a(() => {
-    const t = e ? s.getElement(e) : r.current;
-    if (!t) return;
-    const { width: c, height: u } = t.getBoundingClientRect();
-    n({
-      width: c,
-      height: u
-    });
-    const o = new ResizeObserver(() => {
-      const { width: g, height: f } = t.getBoundingClientRect();
-      n({ width: g, height: f });
-    });
-    return o.observe(t), () => {
-      o.disconnect();
-    };
-  }, [r.state, e, s.getRefState(e)]), e ? { value: i } : {
-    ref: r,
-    value: i
-  };
-});
-export {
-  v as useElementSize
-};
-//# sourceMappingURL=useElementSize.mjs.map

package/dist/esm/hooks/useElementSize/useElementSize.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useElementSize.mjs","sources":["../../../../src/hooks/useElementSize/useElementSize.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The element size value type */\nexport interface UseElementSizeValue {\n  /** The element's height */\n  height: number;\n  /** The element's width */\n  width: number;\n}\n\n/** The use element size return type */\nexport interface UseElementSizeReturn {\n  value: UseElementSizeValue;\n}\n\nexport interface UseElementSize {\n  (target: HookTarget): UseElementSizeReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n  } & UseElementSizeReturn;\n}\n\n/**\n * @name useElementSize\n * @description - Hook that observes and returns the width and height of element\n * @category Elements\n * @usage low\n\n * @overload\n * @param {HookTarget} target The target element to observe\n * @returns {UseElementSizeReturn} An object containing the current width and height of the element\n *\n * @example\n * const { value } = useElementSize(ref);\n *\n * @overload\n * @returns { { ref: StateRef<Target> } & UseElementSizeReturn } An object containing the current width and height of the element\n *\n * @example\n * const { ref, value } = useElementSize();\n */\nexport const useElementSize = ((...params: any[]) => {\n  const target = params[0] as HookTarget | undefined;\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const internalRef = useRefState<Element>();\n\n  useIsomorphicLayoutEffect(() => {\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const { width, height } = element.getBoundingClientRect();\n    setSize({\n      width,\n      height\n    });\n\n    const observer = new ResizeObserver(() => {\n      const { width, height } = element.getBoundingClientRect();\n      setSize({ width, height });\n    });\n\n    observer.observe(element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [internalRef.state, target, isTarget.getRefState(target)]);\n\n  if (target) return { value: size };\n  return {\n    ref: internalRef,\n    value: size\n  };\n}) as UseElementSize;\n"],"names":["useElementSize","params","target","size","setSize","useState","internalRef","useRefState","useIsomorphicLayoutEffect","element","isTarget","width","height","observer"],"mappings":";;;;AAqDO,MAAMA,KAAkB,IAAIC,MAAkB;AACnD,QAAMC,IAASD,EAAO,CAAC,GACjB,CAACE,GAAMC,CAAO,IAAIC,EAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,GAClDC,IAAcC,EAAA;AAyBpB,SAvBAC,EAA0B,MAAM;AAC9B,UAAMC,IAAWP,IAASQ,EAAS,WAAWR,CAAM,IAAII,EAAY;AAEpE,QAAI,CAACG,EAAS;AAEd,UAAM,EAAE,OAAAE,GAAO,QAAAC,MAAWH,EAAQ,sBAAA;AAClC,IAAAL,EAAQ;AAAA,MACN,OAAAO;AAAA,MACA,QAAAC;AAAA,IAAA,CACD;AAED,UAAMC,IAAW,IAAI,eAAe,MAAM;AACxC,YAAM,EAAE,OAAAF,GAAO,QAAAC,EAAAA,IAAWH,EAAQ,sBAAA;AAClC,MAAAL,EAAQ,EAAE,OAAAO,GAAO,QAAAC,GAAQ;AAAA,IAAA,CAC1B;AAED,WAAAC,EAAS,QAAQJ,CAAO,GAEjB,MAAM;AACX,MAAAI,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC,CAACP,EAAY,OAAOJ,GAAQQ,EAAS,YAAYR,CAAM,CAAC,CAAC,GAExDA,IAAe,EAAE,OAAOC,EAAA,IACrB;AAAA,IACL,KAAKG;AAAA,IACL,OAAOH;AAAA,EAAA;AAEX;"}

package/dist/types/hooks/useElementSize/useElementSize.d.ts

@@ -1,39 +0,0 @@
-import { HookTarget } from '../../utils/helpers';
-import { StateRef } from '../useRefState/useRefState';
-/** The element size value type */
-export interface UseElementSizeValue {
-    /** The element's height */
-    height: number;
-    /** The element's width */
-    width: number;
-}
-/** The use element size return type */
-export interface UseElementSizeReturn {
-    value: UseElementSizeValue;
-}
-export interface UseElementSize {
-    (target: HookTarget): UseElementSizeReturn;
-    <Target extends Element>(target?: never): {
-        ref: StateRef<Target>;
-    } & UseElementSizeReturn;
-}
-/**
- * @name useElementSize
- * @description - Hook that observes and returns the width and height of element
- * @category Elements
- * @usage low
-
- * @overload
- * @param {HookTarget} target The target element to observe
- * @returns {UseElementSizeReturn} An object containing the current width and height of the element
- *
- * @example
- * const { value } = useElementSize(ref);
- *
- * @overload
- * @returns { { ref: StateRef<Target> } & UseElementSizeReturn } An object containing the current width and height of the element
- *
- * @example
- * const { ref, value } = useElementSize();
- */
-export declare const useElementSize: UseElementSize;