@basic-ui/core 0.0.53 → 0.0.56

package/build/esm/hooks/useGestureHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGestureHandlers.js","names":["useRef","getOwnerDocument","initialGestureHandlersState","target","x","xDelta","xDeltaPercent","xInitial","xPrev","xVelocity","y","yDelta","yDeltaPercent","yInitial","yPrev","yVelocity","startTime","down","scrollLocked","FRAMERATE_CONST","VELOCITY_DEPR_FACTOR","gestureHandlers","set","containerRef","options","ensureTargetIsContainer","minTouchDelta","handleUp","state","deltaTime","Date","now","calcVelocity","newState","handleDown","e","pageX","pageY","deltaSpace","prevVelocity","speed","depr","Math","min","handleMove","cancelable","preventDefault","getDeltaSum","currentPos","initialPos","prevPos","abs","current","width","offsetWidth","NaN","height","offsetHeight","handleTouchMove","touches","item","handleTouchStart","length","ownerDocument","currentTarget","ownerWindow","defaultView","window","addEventListener","passive","handleTouchEnd","removeEventListener","handleMouseDown","button","handleMouseUp","onMouseDown","onTouchStart","useGestureHandlers","onGesture","cb","handlers"],"sources":["../../../src/hooks/useGestureHandlers.ts"],"sourcesContent":["import type {\n  MutableRefObject,\n  MouseEvent as ReactMouseEvent,\n  TouchEvent as ReactTouchEvent,\n} from 'react';\nimport { useRef } from 'react';\n\nimport { getOwnerDocument } from '../utils';\n\nexport interface GestureHandlersState {\n  target: null | EventTarget;\n  x: number;\n  xDelta: number;\n  xDeltaPercent: number;\n  xInitial: number;\n  xPrev: number;\n  xVelocity: number;\n  y: number;\n  yDelta: number;\n  yDeltaPercent: number;\n  yInitial: number;\n  yPrev: number;\n  yVelocity: number;\n  startTime: number;\n  down: boolean;\n  scrollLocked: boolean;\n}\n\ntype SetStateFunc<S> = (\n  state: (prevState: Readonly<S>) => S,\n  callback?: () => void\n) => void;\n\nexport interface GestureHandlersReturn {\n  onMouseDown: (e: ReactMouseEvent<HTMLElement>) => void;\n  onTouchStart: (e: ReactTouchEvent<HTMLElement>) => void;\n}\n\nexport interface GestureHandlerOptions {\n  ensureTargetIsContainer?: boolean;\n  minTouchDelta?: number;\n}\n\nexport const initialGestureHandlersState: GestureHandlersState = {\n  target: null,\n  x: 0,\n  xDelta: 0,\n  xDeltaPercent: 0,\n  xInitial: 0,\n  xPrev: 0,\n  xVelocity: 0,\n  y: 0,\n  yDelta: 0,\n  yDeltaPercent: 0,\n  yInitial: 0,\n  yPrev: 0,\n  yVelocity: 0,\n  startTime: 0,\n  down: false,\n  scrollLocked: false,\n};\n\nconst FRAMERATE_CONST = 1000 / 60; // 60 fps\nconst VELOCITY_DEPR_FACTOR = FRAMERATE_CONST * 2;\n\nexport function gestureHandlers(\n  set: SetStateFunc<GestureHandlersState>,\n  containerRef?: MutableRefObject<HTMLElement | null>,\n  options: GestureHandlerOptions = {}\n): GestureHandlersReturn {\n  const { ensureTargetIsContainer = false, minTouchDelta = 0 } = options;\n\n  // Common handlers\n  const handleUp = () => {\n    set((state: GestureHandlersState) => {\n      const deltaTime = Date.now() - state.startTime;\n      const xDelta = state.x - state.xInitial;\n      const yDelta = state.y - state.yInitial;\n      const xVelocity = calcVelocity(xDelta, deltaTime, state.xVelocity);\n      const yVelocity = calcVelocity(yDelta, deltaTime, state.yVelocity);\n      const newState: GestureHandlersState = {\n        ...state,\n        xVelocity,\n        yVelocity,\n        target: null,\n        down: false,\n      };\n\n      return newState;\n    });\n  };\n\n  const handleDown = (e: MouseEvent) => {\n    const { target, pageX, pageY } = e;\n\n    set((state: GestureHandlersState) => {\n      const newState = {\n        ...state,\n        target,\n        x: pageX,\n        xDelta: 0,\n        xDeltaPercent: 0,\n        xVelocity: 0,\n        xInitial: pageX,\n        xPrev: pageX,\n        y: pageY,\n        yDelta: 0,\n        yDeltaPercent: 0,\n        yVelocity: 0,\n        yInitial: pageY,\n        yPrev: pageY,\n        startTime: Date.now(),\n        down: true,\n        scrollLocked: false,\n      };\n\n      return newState;\n    });\n  };\n\n  function calcVelocity(\n    deltaSpace: number,\n    deltaTime: number,\n    prevVelocity: number\n  ) {\n    if (deltaTime < 1) {\n      deltaTime = 1;\n    }\n    const speed = deltaSpace / deltaTime;\n    const depr = 0.5 + Math.min(deltaTime / VELOCITY_DEPR_FACTOR, 0.5);\n    return speed * depr + prevVelocity * (1 - depr);\n  }\n\n  function handleMove(e: MouseEvent) {\n    const { pageX, pageY } = e;\n    if (e.cancelable) {\n      // prevent drag & drop behaviour from browser\n      e.preventDefault && e.preventDefault();\n    }\n\n    set((state: GestureHandlersState) => {\n      function getDeltaSum(\n        currentPos: number,\n        initialPos: number,\n        prevPos: number\n      ): number {\n        if (\n          state.scrollLocked ||\n          Math.abs(currentPos - initialPos) >= minTouchDelta\n        ) {\n          state.scrollLocked = true;\n          return currentPos - prevPos;\n        }\n        return 0;\n      }\n\n      const target =\n        (containerRef && containerRef.current) || (e as any).target;\n\n      const deltaTime = Date.now() - state.startTime;\n\n      const width = target ? target.offsetWidth : NaN;\n      const xDelta = state.xDelta + getDeltaSum(pageX, state.xInitial, state.x);\n      const xDeltaPercent = (xDelta * 100) / width;\n      const xVelocity = calcVelocity(xDelta, deltaTime, state.xVelocity);\n\n      const height = target ? target.offsetHeight : NaN;\n      const yDelta = state.yDelta + getDeltaSum(pageY, state.yInitial, state.y);\n      const yDeltaPercent = (yDelta * 100) / height;\n      const yVelocity = calcVelocity(yDelta, deltaTime, state.yVelocity);\n\n      const newState = {\n        ...state,\n        xDelta,\n        xDeltaPercent,\n        x: pageX,\n        xPrev: state.x,\n        xVelocity,\n        yDelta,\n        yDeltaPercent,\n        y: pageY,\n        yPrev: state.y,\n        yVelocity,\n      };\n\n      return newState;\n    });\n  }\n\n  // Touch handlers\n\n  /* eslint-disable @typescript-eslint/no-use-before-define */\n  function handleTouchMove(e: TouchEvent) {\n    if (e.cancelable) {\n      // prevent drag & drop behaviour from browser\n      e.preventDefault();\n    }\n    handleMove(e.touches.item(0) as any);\n  }\n\n  function handleTouchStart(e: ReactTouchEvent<HTMLElement>) {\n    // making sure we're not dragging the element when more than one finger press the screen\n    const { touches } = e;\n    if (touches.length > 1) {\n      return;\n    }\n\n    if (\n      ensureTargetIsContainer &&\n      containerRef &&\n      e.target !== containerRef.current\n    ) {\n      return;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const ownerDocument = getOwnerDocument(e.currentTarget)!;\n    const ownerWindow = ownerDocument.defaultView || window;\n    ownerWindow.addEventListener('touchmove', handleTouchMove, {\n      passive: false,\n    });\n    ownerWindow.addEventListener('touchend', handleTouchEnd);\n    ownerWindow.addEventListener('touchcancel', handleTouchEnd);\n    handleDown(e.touches.item(0) as any);\n  }\n\n  function handleTouchEnd(this: Window) {\n    this.removeEventListener('touchmove', handleTouchMove);\n    this.removeEventListener('touchend', handleTouchEnd);\n    this.removeEventListener('touchcancel', handleTouchEnd);\n    handleUp();\n  }\n\n  // Mouse handlers\n  function handleMouseDown(e: ReactMouseEvent<HTMLElement>) {\n    if (\n      ensureTargetIsContainer &&\n      containerRef &&\n      e.target !== containerRef.current\n    ) {\n      return;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const ownerDocument = getOwnerDocument(e.currentTarget)!;\n    const ownerWindow = ownerDocument.defaultView || window;\n    if (e.button === 0) {\n      ownerWindow.addEventListener('mousemove', handleMove);\n      ownerWindow.addEventListener('mouseup', handleMouseUp);\n      handleDown(e as any);\n    }\n  }\n\n  function handleMouseUp(this: Window) {\n    this.removeEventListener('mousemove', handleMove);\n    this.removeEventListener('mouseup', handleMouseUp);\n    handleUp();\n  }\n  /* eslint-enable @typescript-eslint/no-use-before-define */\n\n  return {\n    onMouseDown: handleMouseDown,\n    onTouchStart: handleTouchStart,\n  };\n}\n\nexport const useGestureHandlers = (\n  containerRef: MutableRefObject<HTMLElement | null> | undefined,\n  onGesture: (e: GestureHandlersState) => void,\n  options: GestureHandlerOptions = {}\n) => {\n  const state = useRef({ ...initialGestureHandlersState });\n\n  const set = (\n    cb: (prevState: GestureHandlersState) => GestureHandlersState\n  ) => {\n    state.current = cb(state.current);\n    onGesture && onGesture(state.current);\n\n    return state.current;\n  };\n\n  const handlers = gestureHandlers(set, containerRef, options);\n\n  return { state: state.current, handlers };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useGestureHandlers.js","names":["useRef","getOwnerDocument","initialGestureHandlersState","target","x","xDelta","xDeltaPercent","xInitial","xPrev","xVelocity","y","yDelta","yDeltaPercent","yInitial","yPrev","yVelocity","startTime","down","scrollLocked","FRAMERATE_CONST","VELOCITY_DEPR_FACTOR","gestureHandlers","set","containerRef","options","arguments","length","undefined","ensureTargetIsContainer","minTouchDelta","handleUp","state","deltaTime","Date","now","calcVelocity","newState","handleDown","e","pageX","pageY","deltaSpace","prevVelocity","speed","depr","Math","min","handleMove","cancelable","preventDefault","getDeltaSum","currentPos","initialPos","prevPos","abs","current","width","offsetWidth","NaN","height","offsetHeight","handleTouchMove","touches","item","handleTouchStart","ownerDocument","currentTarget","ownerWindow","defaultView","window","addEventListener","passive","handleTouchEnd","removeEventListener","handleMouseDown","button","handleMouseUp","onMouseDown","onTouchStart","useGestureHandlers","onGesture","cb","handlers"],"sources":["../../../src/hooks/useGestureHandlers.ts"],"sourcesContent":["import type {\n  MutableRefObject,\n  MouseEvent as ReactMouseEvent,\n  TouchEvent as ReactTouchEvent,\n} from 'react';\nimport { useRef } from 'react';\n\nimport { getOwnerDocument } from '../utils';\n\nexport interface GestureHandlersState {\n  target: null | EventTarget;\n  x: number;\n  xDelta: number;\n  xDeltaPercent: number;\n  xInitial: number;\n  xPrev: number;\n  xVelocity: number;\n  y: number;\n  yDelta: number;\n  yDeltaPercent: number;\n  yInitial: number;\n  yPrev: number;\n  yVelocity: number;\n  startTime: number;\n  down: boolean;\n  scrollLocked: boolean;\n}\n\ntype SetStateFunc<S> = (\n  state: (prevState: Readonly<S>) => S,\n  callback?: () => void\n) => void;\n\nexport interface GestureHandlersReturn {\n  onMouseDown: (e: ReactMouseEvent<HTMLElement>) => void;\n  onTouchStart: (e: ReactTouchEvent<HTMLElement>) => void;\n}\n\nexport interface GestureHandlerOptions {\n  ensureTargetIsContainer?: boolean;\n  minTouchDelta?: number;\n}\n\nexport const initialGestureHandlersState: GestureHandlersState = {\n  target: null,\n  x: 0,\n  xDelta: 0,\n  xDeltaPercent: 0,\n  xInitial: 0,\n  xPrev: 0,\n  xVelocity: 0,\n  y: 0,\n  yDelta: 0,\n  yDeltaPercent: 0,\n  yInitial: 0,\n  yPrev: 0,\n  yVelocity: 0,\n  startTime: 0,\n  down: false,\n  scrollLocked: false,\n};\n\nconst FRAMERATE_CONST = 1000 / 60; // 60 fps\nconst VELOCITY_DEPR_FACTOR = FRAMERATE_CONST * 2;\n\nexport function gestureHandlers(\n  set: SetStateFunc<GestureHandlersState>,\n  containerRef?: MutableRefObject<HTMLElement | null>,\n  options: GestureHandlerOptions = {}\n): GestureHandlersReturn {\n  const { ensureTargetIsContainer = false, minTouchDelta = 0 } = options;\n\n  // Common handlers\n  const handleUp = () => {\n    set((state: GestureHandlersState) => {\n      const deltaTime = Date.now() - state.startTime;\n      const xDelta = state.x - state.xInitial;\n      const yDelta = state.y - state.yInitial;\n      const xVelocity = calcVelocity(xDelta, deltaTime, state.xVelocity);\n      const yVelocity = calcVelocity(yDelta, deltaTime, state.yVelocity);\n      const newState: GestureHandlersState = {\n        ...state,\n        xVelocity,\n        yVelocity,\n        target: null,\n        down: false,\n      };\n\n      return newState;\n    });\n  };\n\n  const handleDown = (e: MouseEvent) => {\n    const { target, pageX, pageY } = e;\n\n    set((state: GestureHandlersState) => {\n      const newState = {\n        ...state,\n        target,\n        x: pageX,\n        xDelta: 0,\n        xDeltaPercent: 0,\n        xVelocity: 0,\n        xInitial: pageX,\n        xPrev: pageX,\n        y: pageY,\n        yDelta: 0,\n        yDeltaPercent: 0,\n        yVelocity: 0,\n        yInitial: pageY,\n        yPrev: pageY,\n        startTime: Date.now(),\n        down: true,\n        scrollLocked: false,\n      };\n\n      return newState;\n    });\n  };\n\n  function calcVelocity(\n    deltaSpace: number,\n    deltaTime: number,\n    prevVelocity: number\n  ) {\n    if (deltaTime < 1) {\n      deltaTime = 1;\n    }\n    const speed = deltaSpace / deltaTime;\n    const depr = 0.5 + Math.min(deltaTime / VELOCITY_DEPR_FACTOR, 0.5);\n    return speed * depr + prevVelocity * (1 - depr);\n  }\n\n  function handleMove(e: MouseEvent) {\n    const { pageX, pageY } = e;\n    if (e.cancelable) {\n      // prevent drag & drop behaviour from browser\n      e.preventDefault && e.preventDefault();\n    }\n\n    set((state: GestureHandlersState) => {\n      function getDeltaSum(\n        currentPos: number,\n        initialPos: number,\n        prevPos: number\n      ): number {\n        if (\n          state.scrollLocked ||\n          Math.abs(currentPos - initialPos) >= minTouchDelta\n        ) {\n          state.scrollLocked = true;\n          return currentPos - prevPos;\n        }\n        return 0;\n      }\n\n      const target =\n        (containerRef && containerRef.current) || (e as any).target;\n\n      const deltaTime = Date.now() - state.startTime;\n\n      const width = target ? target.offsetWidth : NaN;\n      const xDelta = state.xDelta + getDeltaSum(pageX, state.xInitial, state.x);\n      const xDeltaPercent = (xDelta * 100) / width;\n      const xVelocity = calcVelocity(xDelta, deltaTime, state.xVelocity);\n\n      const height = target ? target.offsetHeight : NaN;\n      const yDelta = state.yDelta + getDeltaSum(pageY, state.yInitial, state.y);\n      const yDeltaPercent = (yDelta * 100) / height;\n      const yVelocity = calcVelocity(yDelta, deltaTime, state.yVelocity);\n\n      const newState = {\n        ...state,\n        xDelta,\n        xDeltaPercent,\n        x: pageX,\n        xPrev: state.x,\n        xVelocity,\n        yDelta,\n        yDeltaPercent,\n        y: pageY,\n        yPrev: state.y,\n        yVelocity,\n      };\n\n      return newState;\n    });\n  }\n\n  // Touch handlers\n\n  function handleTouchMove(e: TouchEvent) {\n    if (e.cancelable) {\n      // prevent drag & drop behaviour from browser\n      e.preventDefault();\n    }\n    handleMove(e.touches.item(0) as any);\n  }\n\n  function handleTouchStart(e: ReactTouchEvent<HTMLElement>) {\n    // making sure we're not dragging the element when more than one finger press the screen\n    const { touches } = e;\n    if (touches.length > 1) {\n      return;\n    }\n\n    if (\n      ensureTargetIsContainer &&\n      containerRef &&\n      e.target !== containerRef.current\n    ) {\n      return;\n    }\n\n    const ownerDocument = getOwnerDocument(e.currentTarget)!;\n    const ownerWindow = ownerDocument.defaultView || window;\n    ownerWindow.addEventListener('touchmove', handleTouchMove, {\n      passive: false,\n    });\n    ownerWindow.addEventListener('touchend', handleTouchEnd);\n    ownerWindow.addEventListener('touchcancel', handleTouchEnd);\n    handleDown(e.touches.item(0) as any);\n  }\n\n  function handleTouchEnd(this: Window) {\n    this.removeEventListener('touchmove', handleTouchMove);\n    this.removeEventListener('touchend', handleTouchEnd);\n    this.removeEventListener('touchcancel', handleTouchEnd);\n    handleUp();\n  }\n\n  // Mouse handlers\n  function handleMouseDown(e: ReactMouseEvent<HTMLElement>) {\n    if (\n      ensureTargetIsContainer &&\n      containerRef &&\n      e.target !== containerRef.current\n    ) {\n      return;\n    }\n\n    const ownerDocument = getOwnerDocument(e.currentTarget)!;\n    const ownerWindow = ownerDocument.defaultView || window;\n    if (e.button === 0) {\n      ownerWindow.addEventListener('mousemove', handleMove);\n      ownerWindow.addEventListener('mouseup', handleMouseUp);\n      handleDown(e as any);\n    }\n  }\n\n  function handleMouseUp(this: Window) {\n    this.removeEventListener('mousemove', handleMove);\n    this.removeEventListener('mouseup', handleMouseUp);\n    handleUp();\n  }\n\n  return {\n    onMouseDown: handleMouseDown,\n    onTouchStart: handleTouchStart,\n  };\n}\n\nexport const useGestureHandlers = (\n  containerRef: MutableRefObject<HTMLElement | null> | undefined,\n  onGesture: (e: GestureHandlersState) => void,\n  options: GestureHandlerOptions = {}\n) => {\n  const state = useRef({ ...initialGestureHandlersState });\n\n  const set = (\n    cb: (prevState: GestureHandlersState) => GestureHandlersState\n  ) => {\n    state.current = cb(state.current);\n    onGesture && onGesture(state.current);\n\n    return state.current;\n  };\n\n  const handlers = gestureHandlers(set, containerRef, options);\n\n  return { state: state.current, handlers };\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/hooks/useMeasure.js

@@ -1,31 +1,23 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useRef, useState, useEffect } from 'react';
 export function useMeasure(ref) {
-  var ro = useRef(null);
-
-  var _useState = useState({
+  const ro = useRef(null);
+  const [bounds, setBounds] = useState({
     left: 0,
     top: 0,
     width: 0,
     height: 0
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      bounds = _useState2[0],
-      setBounds = _useState2[1];
-
-  useEffect(function () {
+  });
+  useEffect(() => {
     if (ro.current === null) {
-      ro.current = new ResizeObserver(function (entries) {
-        var entry = entries[0];
+      ro.current = new ResizeObserver(entries => {
+        const entry = entries[0];
         setBounds(entry.contentRect);
       });
     }
-
     if (ref.current) {
       ro.current.observe(ref.current);
     }
-
-    return function () {
+    return () => {
       if (ro.current) {
         ro.current.disconnect();
       }

package/build/esm/hooks/useMeasure.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMeasure.js","names":["useRef","useState","useEffect","useMeasure","ref","ro","left","top","width","height","bounds","setBounds","current","ResizeObserver","entries","entry","contentRect","observe","disconnect"],"sources":["../../../src/hooks/useMeasure.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useRef, useState, useEffect } from 'react';\n\nexport function useMeasure(ref: MutableRefObject<HTMLElement | null>) {\n  const ro = useRef<ResizeObserver | null>(null);\n  const [bounds, setBounds] = useState({\n    left: 0,\n    top: 0,\n    width: 0,\n    height: 0,\n  });\n\n  useEffect(() => {\n    if (ro.current === null) {\n      ro.current = new ResizeObserver((entries: any) => {\n        const entry = entries[0];\n        setBounds(entry.contentRect);\n      });\n    }\n\n    if (ref.current) {\n      ro.current.observe(ref.current);\n    }\n\n    return () => {\n      if (ro.current) {\n        ro.current.disconnect();\n      }\n    };\n  }, [ref]);\n\n  return bounds;\n}\n"],"mappings":";AACA,SAASA,MAAT,EAAiBC,QAAjB,EAA2BC,SAA3B,QAA4C,OAA5C;AAEA,OAAO,SAASC,UAAT,CAAoBC,GAApB,EAA+D;EACpE,IAAMC,EAAE,GAAGL,MAAM,CAAwB,IAAxB,CAAjB;;EACA,gBAA4BC,QAAQ,CAAC;IACnCK,IAAI,EAAE,CAD6B;IAEnCC,GAAG,EAAE,CAF8B;IAGnCC,KAAK,EAAE,CAH4B;IAInCC,MAAM,EAAE;EAJ2B,CAAD,CAApC;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EAOAT,SAAS,CAAC,YAAM;IACd,IAAIG,EAAE,CAACO,OAAH,KAAe,IAAnB,EAAyB;MACvBP,EAAE,CAACO,OAAH,GAAa,IAAIC,cAAJ,CAAmB,UAACC,OAAD,EAAkB;QAChD,IAAMC,KAAK,GAAGD,OAAO,CAAC,CAAD,CAArB;QACAH,SAAS,CAACI,KAAK,CAACC,WAAP,CAAT;MACD,CAHY,CAAb;IAID;;IAED,IAAIZ,GAAG,CAACQ,OAAR,EAAiB;MACfP,EAAE,CAACO,OAAH,CAAWK,OAAX,CAAmBb,GAAG,CAACQ,OAAvB;IACD;;IAED,OAAO,YAAM;MACX,IAAIP,EAAE,CAACO,OAAP,EAAgB;QACdP,EAAE,CAACO,OAAH,CAAWM,UAAX;MACD;IACF,CAJD;EAKD,CAjBQ,EAiBN,CAACd,GAAD,CAjBM,CAAT;EAmBA,OAAOM,MAAP;AACD"}
+{"version":3,"file":"useMeasure.js","names":["useRef","useState","useEffect","useMeasure","ref","ro","bounds","setBounds","left","top","width","height","current","ResizeObserver","entries","entry","contentRect","observe","disconnect"],"sources":["../../../src/hooks/useMeasure.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useRef, useState, useEffect } from 'react';\n\nexport function useMeasure(ref: MutableRefObject<HTMLElement | null>) {\n  const ro = useRef<ResizeObserver | null>(null);\n  const [bounds, setBounds] = useState({\n    left: 0,\n    top: 0,\n    width: 0,\n    height: 0,\n  });\n\n  useEffect(() => {\n    if (ro.current === null) {\n      ro.current = new ResizeObserver((entries: any) => {\n        const entry = entries[0];\n        setBounds(entry.contentRect);\n      });\n    }\n\n    if (ref.current) {\n      ro.current.observe(ref.current);\n    }\n\n    return () => {\n      if (ro.current) {\n        ro.current.disconnect();\n      }\n    };\n  }, [ref]);\n\n  return bounds;\n}\n"],"mappings":"AACA,SAASA,MAAM,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAEnD,OAAO,SAASC,UAAUA,CAACC,GAAyC,EAAE;EACpE,MAAMC,EAAE,GAAGL,MAAM,CAAwB,IAAI,CAAC;EAC9C,MAAM,CAACM,MAAM,EAAEC,SAAS,CAAC,GAAGN,QAAQ,CAAC;IACnCO,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC,CAAC;EAEFT,SAAS,CAAC,MAAM;IACd,IAAIG,EAAE,CAACO,OAAO,KAAK,IAAI,EAAE;MACvBP,EAAE,CAACO,OAAO,GAAG,IAAIC,cAAc,CAAEC,OAAY,IAAK;QAChD,MAAMC,KAAK,GAAGD,OAAO,CAAC,CAAC,CAAC;QACxBP,SAAS,CAACQ,KAAK,CAACC,WAAW,CAAC;MAC9B,CAAC,CAAC;IACJ;IAEA,IAAIZ,GAAG,CAACQ,OAAO,EAAE;MACfP,EAAE,CAACO,OAAO,CAACK,OAAO,CAACb,GAAG,CAACQ,OAAO,CAAC;IACjC;IAEA,OAAO,MAAM;MACX,IAAIP,EAAE,CAACO,OAAO,EAAE;QACdP,EAAE,CAACO,OAAO,CAACM,UAAU,CAAC,CAAC;MACzB;IACF,CAAC;EACH,CAAC,EAAE,CAACd,GAAG,CAAC,CAAC;EAET,OAAOE,MAAM;AACf","ignoreList":[]}

package/build/esm/hooks/useOnClickOutside.js

@@ -1,22 +1,20 @@
 import { useEffect, useCallback } from 'react';
 export function useOnClickOutside(ref, handler) {
-  var active = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  var listener = useCallback(function (event) {
+  let active = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  const listener = useCallback(event => {
     // Do nothing if clicking ref's element or descendent elements
     if (!ref.current || ref.current.contains(event.target)) {
       return;
     }
-
     handler && handler(event);
   }, [ref, handler]);
-  useEffect(function () {
+  useEffect(() => {
     if (active) {
       document.addEventListener('pointerup', listener);
-      return function () {
+      return () => {
         document.removeEventListener('pointerup', listener);
       };
     }
-
     return;
   }, [listener, active]);
 }

package/build/esm/hooks/useOnClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOnClickOutside.js","names":["useEffect","useCallback","useOnClickOutside","ref","handler","active","listener","event","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../../src/hooks/useOnClickOutside.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useCallback } from 'react';\n\nexport function useOnClickOutside(\n  ref: RefObject<any>,\n  handler: (e: PointerEvent) => void,\n  active = true\n) {\n  const listener = useCallback(\n    (event: PointerEvent) => {\n      // Do nothing if clicking ref's element or descendent elements\n      if (!ref.current || ref.current.contains(event.target)) {\n        return;\n      }\n\n      handler && handler(event);\n    },\n    [ref, handler]\n  );\n\n  useEffect(() => {\n    if (active) {\n      document.addEventListener('pointerup', listener);\n\n      return () => {\n        document.removeEventListener('pointerup', listener);\n      };\n    }\n\n    return;\n  }, [listener, active]);\n}\n"],"mappings":"AACA,SAASA,SAAT,EAAoBC,WAApB,QAAuC,OAAvC;AAEA,OAAO,SAASC,iBAAT,CACLC,GADK,EAELC,OAFK,EAIL;EAAA,IADAC,MACA,uEADS,IACT;EACA,IAAMC,QAAQ,GAAGL,WAAW,CAC1B,UAACM,KAAD,EAAyB;IACvB;IACA,IAAI,CAACJ,GAAG,CAACK,OAAL,IAAgBL,GAAG,CAACK,OAAJ,CAAYC,QAAZ,CAAqBF,KAAK,CAACG,MAA3B,CAApB,EAAwD;MACtD;IACD;;IAEDN,OAAO,IAAIA,OAAO,CAACG,KAAD,CAAlB;EACD,CARyB,EAS1B,CAACJ,GAAD,EAAMC,OAAN,CAT0B,CAA5B;EAYAJ,SAAS,CAAC,YAAM;IACd,IAAIK,MAAJ,EAAY;MACVM,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCN,QAAvC;MAEA,OAAO,YAAM;QACXK,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,EAA0CP,QAA1C;MACD,CAFD;IAGD;;IAED;EACD,CAVQ,EAUN,CAACA,QAAD,EAAWD,MAAX,CAVM,CAAT;AAWD"}
+{"version":3,"file":"useOnClickOutside.js","names":["useEffect","useCallback","useOnClickOutside","ref","handler","active","arguments","length","undefined","listener","event","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../../src/hooks/useOnClickOutside.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useCallback } from 'react';\n\nexport function useOnClickOutside(\n  ref: RefObject<any>,\n  handler: (e: PointerEvent) => void,\n  active = true\n) {\n  const listener = useCallback(\n    (event: PointerEvent) => {\n      // Do nothing if clicking ref's element or descendent elements\n      if (!ref.current || ref.current.contains(event.target)) {\n        return;\n      }\n\n      handler && handler(event);\n    },\n    [ref, handler]\n  );\n\n  useEffect(() => {\n    if (active) {\n      document.addEventListener('pointerup', listener);\n\n      return () => {\n        document.removeEventListener('pointerup', listener);\n      };\n    }\n\n    return;\n  }, [listener, active]);\n}\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,OAAO;AAE9C,OAAO,SAASC,iBAAiBA,CAC/BC,GAAmB,EACnBC,OAAkC,EAElC;EAAA,IADAC,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAEb,MAAMG,QAAQ,GAAGR,WAAW,CACzBS,KAAmB,IAAK;IACvB;IACA,IAAI,CAACP,GAAG,CAACQ,OAAO,IAAIR,GAAG,CAACQ,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAC,EAAE;MACtD;IACF;IAEAT,OAAO,IAAIA,OAAO,CAACM,KAAK,CAAC;EAC3B,CAAC,EACD,CAACP,GAAG,EAAEC,OAAO,CACf,CAAC;EAEDJ,SAAS,CAAC,MAAM;IACd,IAAIK,MAAM,EAAE;MACVS,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,QAAQ,CAAC;MAEhD,OAAO,MAAM;QACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,QAAQ,CAAC;MACrD,CAAC;IACH;IAEA;EACF,CAAC,EAAE,CAACA,QAAQ,EAAEJ,MAAM,CAAC,CAAC;AACxB","ignoreList":[]}

package/build/esm/hooks/useOnKeyDown.js

@@ -1,14 +1,13 @@
 import { useEffect } from 'react';
 export function useOnKeyDown(ownerWindow, handler) {
-  var active = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  useEffect(function () {
+  let active = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  useEffect(() => {
     if (active) {
       ownerWindow.addEventListener('keydown', handler);
-      return function () {
+      return () => {
         ownerWindow.removeEventListener('keydown', handler);
       };
     }
-
     return;
   }, [ownerWindow, active, handler]);
 }

package/build/esm/hooks/useOnKeyDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOnKeyDown.js","names":["useEffect","useOnKeyDown","ownerWindow","handler","active","addEventListener","removeEventListener"],"sources":["../../../src/hooks/useOnKeyDown.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport function useOnKeyDown(\n  ownerWindow: Window,\n  handler: (e: KeyboardEvent) => void,\n  active = true\n) {\n  useEffect(() => {\n    if (active) {\n      ownerWindow.addEventListener('keydown', handler);\n\n      return () => {\n        ownerWindow.removeEventListener('keydown', handler);\n      };\n    }\n\n    return;\n  }, [ownerWindow, active, handler]);\n}\n"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AAEA,OAAO,SAASC,YAAT,CACLC,WADK,EAELC,OAFK,EAIL;EAAA,IADAC,MACA,uEADS,IACT;EACAJ,SAAS,CAAC,YAAM;IACd,IAAII,MAAJ,EAAY;MACVF,WAAW,CAACG,gBAAZ,CAA6B,SAA7B,EAAwCF,OAAxC;MAEA,OAAO,YAAM;QACXD,WAAW,CAACI,mBAAZ,CAAgC,SAAhC,EAA2CH,OAA3C;MACD,CAFD;IAGD;;IAED;EACD,CAVQ,EAUN,CAACD,WAAD,EAAcE,MAAd,EAAsBD,OAAtB,CAVM,CAAT;AAWD"}
+{"version":3,"file":"useOnKeyDown.js","names":["useEffect","useOnKeyDown","ownerWindow","handler","active","arguments","length","undefined","addEventListener","removeEventListener"],"sources":["../../../src/hooks/useOnKeyDown.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport function useOnKeyDown(\n  ownerWindow: Window,\n  handler: (e: KeyboardEvent) => void,\n  active = true\n) {\n  useEffect(() => {\n    if (active) {\n      ownerWindow.addEventListener('keydown', handler);\n\n      return () => {\n        ownerWindow.removeEventListener('keydown', handler);\n      };\n    }\n\n    return;\n  }, [ownerWindow, active, handler]);\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAEjC,OAAO,SAASC,YAAYA,CAC1BC,WAAmB,EACnBC,OAAmC,EAEnC;EAAA,IADAC,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAEbL,SAAS,CAAC,MAAM;IACd,IAAII,MAAM,EAAE;MACVF,WAAW,CAACM,gBAAgB,CAAC,SAAS,EAAEL,OAAO,CAAC;MAEhD,OAAO,MAAM;QACXD,WAAW,CAACO,mBAAmB,CAAC,SAAS,EAAEN,OAAO,CAAC;MACrD,CAAC;IACH;IAEA;EACF,CAAC,EAAE,CAACD,WAAW,EAAEE,MAAM,EAAED,OAAO,CAAC,CAAC;AACpC","ignoreList":[]}

package/build/esm/hooks/useReducerMachine.d.ts

@@ -19,6 +19,6 @@ export interface StateMachineAction<STypes, ATypes> {
     type: ATypes;
     nextState: STypes;
 }
-declare type TransitionType<ATypes extends string> = (action: ATypes, payload: any) => void;
+type TransitionType<ATypes extends string> = (action: ATypes, payload: any) => void;
 export declare function useReducerMachine<S extends StateMachineState<STypes, ATypes>, A extends StateMachineAction<STypes, ATypes>, STypes extends string, ATypes extends string>(chart: StateChart<STypes, ATypes>, reducer: Reducer<S, A>, initialData: S): [STypes, Omit<S, 'state'>, TransitionType<ATypes>];
 export {};

package/build/esm/hooks/useReducerMachine.js

@@ -1,39 +1,28 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["state"];
 import { useReducer } from 'react';
 // This manages transitions between states with a built in reducer to manage
 // the data that goes with those transitions.
 export function useReducerMachine(chart, reducer, initialData) {
-  var _useReducer = useReducer(reducer, initialData),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      reducerState = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
-  var state = reducerState.state,
-      data = _objectWithoutProperties(reducerState, _excluded);
-
-  var transition = function transition(action) {
-    var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var currentState = chart.states[state];
-
+  const [reducerState, dispatch] = useReducer(reducer, initialData);
+  const {
+    state,
+    ...data
+  } = reducerState;
+  const transition = function (action) {
+    let payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    const currentState = chart.states[state];
     if (!currentState) {
-      throw new Error("Unknown currentState \"".concat(state, "\""));
+      throw new Error(`Unknown currentState "${state}"`);
     }
-
-    var nextState = currentState.on[action];
-
+    const nextState = currentState.on[action];
     if (!nextState) {
-      throw new Error("Unknown action \"".concat(action, "\" for state \"").concat(state, "\""));
+      throw new Error(`Unknown action "${action}" for state "${state}"`);
     }
-
-    dispatch(_extends({
+    dispatch({
       type: action,
-      nextState: nextState
-    }, payload));
+      nextState,
+      ...payload
+    });
   };
-
   return [state, data, transition];
 }
 //# sourceMappingURL=useReducerMachine.js.map

package/build/esm/hooks/useReducerMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReducerMachine.js","names":["useReducer","useReducerMachine","chart","reducer","initialData","reducerState","dispatch","state","data","transition","action","payload","currentState","states","Error","nextState","on","type"],"sources":["../../../src/hooks/useReducerMachine.ts"],"sourcesContent":["import type { Reducer } from 'react';\nimport { useReducer } from 'react';\n\nexport interface StateChart<STypes extends string, ATypes extends string> {\n  initial: STypes;\n  states: {\n    [state in STypes]?: {\n      enter?: (prevState: STypes, payload: any) => void;\n      leave?: (nextState: STypes, payload: any) => void;\n      on: { [action in ATypes]?: STypes };\n    };\n  };\n}\n\nexport interface StateMachineState<STypes, ATypes> {\n  state: STypes;\n  lastActionType: ATypes;\n}\n\nexport interface StateMachineAction<STypes, ATypes> {\n  type: ATypes;\n  nextState: STypes;\n}\n\ntype TransitionType<ATypes extends string> = (\n  action: ATypes,\n  payload: any\n) => void;\n\n// This manages transitions between states with a built in reducer to manage\n// the data that goes with those transitions.\nexport function useReducerMachine<\n  S extends StateMachineState<STypes, ATypes>,\n  A extends StateMachineAction<STypes, ATypes>,\n  STypes extends string,\n  ATypes extends string\n>(\n  chart: StateChart<STypes, ATypes>,\n  reducer: Reducer<S, A>,\n  initialData: S\n): [STypes, Omit<S, 'state'>, TransitionType<ATypes>] {\n  const [reducerState, dispatch] = useReducer(reducer, initialData);\n  const { state, ...data } = reducerState;\n\n  const transition: TransitionType<ATypes> = (action, payload = {}) => {\n    const currentState = chart.states[state];\n    if (!currentState) {\n      throw new Error(`Unknown currentState \"${state}\"`);\n    }\n\n    const nextState: STypes | undefined = currentState.on[action];\n    if (!nextState) {\n      throw new Error(`Unknown action \"${action}\" for state \"${state}\"`);\n    }\n\n    dispatch({ type: action, nextState, ...payload } as any);\n  };\n\n  return [state, data, transition];\n}\n"],"mappings":";;;;AACA,SAASA,UAAT,QAA2B,OAA3B;AA4BA;AACA;AACA,OAAO,SAASC,iBAAT,CAMLC,KANK,EAOLC,OAPK,EAQLC,WARK,EAS+C;EACpD,kBAAiCJ,UAAU,CAACG,OAAD,EAAUC,WAAV,CAA3C;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,QAArB;;EACA,IAAQC,KAAR,GAA2BF,YAA3B,CAAQE,KAAR;EAAA,IAAkBC,IAAlB,4BAA2BH,YAA3B;;EAEA,IAAMI,UAAkC,GAAG,SAArCA,UAAqC,CAACC,MAAD,EAA0B;IAAA,IAAjBC,OAAiB,uEAAP,EAAO;IACnE,IAAMC,YAAY,GAAGV,KAAK,CAACW,MAAN,CAAaN,KAAb,CAArB;;IACA,IAAI,CAACK,YAAL,EAAmB;MACjB,MAAM,IAAIE,KAAJ,kCAAmCP,KAAnC,QAAN;IACD;;IAED,IAAMQ,SAA6B,GAAGH,YAAY,CAACI,EAAb,CAAgBN,MAAhB,CAAtC;;IACA,IAAI,CAACK,SAAL,EAAgB;MACd,MAAM,IAAID,KAAJ,4BAA6BJ,MAA7B,4BAAmDH,KAAnD,QAAN;IACD;;IAEDD,QAAQ;MAAGW,IAAI,EAAEP,MAAT;MAAiBK,SAAS,EAATA;IAAjB,GAA+BJ,OAA/B,EAAR;EACD,CAZD;;EAcA,OAAO,CAACJ,KAAD,EAAQC,IAAR,EAAcC,UAAd,CAAP;AACD"}
+{"version":3,"file":"useReducerMachine.js","names":["useReducer","useReducerMachine","chart","reducer","initialData","reducerState","dispatch","state","data","transition","action","payload","arguments","length","undefined","currentState","states","Error","nextState","on","type"],"sources":["../../../src/hooks/useReducerMachine.ts"],"sourcesContent":["import type { Reducer } from 'react';\nimport { useReducer } from 'react';\n\nexport interface StateChart<STypes extends string, ATypes extends string> {\n  initial: STypes;\n  states: {\n    [state in STypes]?: {\n      enter?: (prevState: STypes, payload: any) => void;\n      leave?: (nextState: STypes, payload: any) => void;\n      on: { [action in ATypes]?: STypes };\n    };\n  };\n}\n\nexport interface StateMachineState<STypes, ATypes> {\n  state: STypes;\n  lastActionType: ATypes;\n}\n\nexport interface StateMachineAction<STypes, ATypes> {\n  type: ATypes;\n  nextState: STypes;\n}\n\ntype TransitionType<ATypes extends string> = (\n  action: ATypes,\n  payload: any\n) => void;\n\n// This manages transitions between states with a built in reducer to manage\n// the data that goes with those transitions.\nexport function useReducerMachine<\n  S extends StateMachineState<STypes, ATypes>,\n  A extends StateMachineAction<STypes, ATypes>,\n  STypes extends string,\n  ATypes extends string\n>(\n  chart: StateChart<STypes, ATypes>,\n  reducer: Reducer<S, A>,\n  initialData: S\n): [STypes, Omit<S, 'state'>, TransitionType<ATypes>] {\n  const [reducerState, dispatch] = useReducer(reducer, initialData);\n  const { state, ...data } = reducerState;\n\n  const transition: TransitionType<ATypes> = (action, payload = {}) => {\n    const currentState = chart.states[state];\n    if (!currentState) {\n      throw new Error(`Unknown currentState \"${state}\"`);\n    }\n\n    const nextState: STypes | undefined = currentState.on[action];\n    if (!nextState) {\n      throw new Error(`Unknown action \"${action}\" for state \"${state}\"`);\n    }\n\n    dispatch({ type: action, nextState, ...payload } as any);\n  };\n\n  return [state, data, transition];\n}\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,OAAO;AA4BlC;AACA;AACA,OAAO,SAASC,iBAAiBA,CAM/BC,KAAiC,EACjCC,OAAsB,EACtBC,WAAc,EACsC;EACpD,MAAM,CAACC,YAAY,EAAEC,QAAQ,CAAC,GAAGN,UAAU,CAACG,OAAO,EAAEC,WAAW,CAAC;EACjE,MAAM;IAAEG,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGH,YAAY;EAEvC,MAAMI,UAAkC,GAAG,SAAAA,CAACC,MAAM,EAAmB;IAAA,IAAjBC,OAAO,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IAC9D,MAAMG,YAAY,GAAGb,KAAK,CAACc,MAAM,CAACT,KAAK,CAAC;IACxC,IAAI,CAACQ,YAAY,EAAE;MACjB,MAAM,IAAIE,KAAK,CAAC,yBAAyBV,KAAK,GAAG,CAAC;IACpD;IAEA,MAAMW,SAA6B,GAAGH,YAAY,CAACI,EAAE,CAACT,MAAM,CAAC;IAC7D,IAAI,CAACQ,SAAS,EAAE;MACd,MAAM,IAAID,KAAK,CAAC,mBAAmBP,MAAM,gBAAgBH,KAAK,GAAG,CAAC;IACpE;IAEAD,QAAQ,CAAC;MAAEc,IAAI,EAAEV,MAAM;MAAEQ,SAAS;MAAE,GAAGP;IAAQ,CAAQ,CAAC;EAC1D,CAAC;EAED,OAAO,CAACJ,KAAK,EAAEC,IAAI,EAAEC,UAAU,CAAC;AAClC","ignoreList":[]}

package/build/esm/hooks/useRemoveBodyScroll.js

@@ -1,29 +1,24 @@
 import { useEffect } from 'react';
 import { getOwnerDocument } from '../utils';
-var scrollBodyCount = 0;
+let scrollBodyCount = 0;
 export function useRemoveBodyScroll(open, elementRef) {
-  useEffect(function () {
+  useEffect(() => {
     if (open && elementRef.current) {
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      var ownerDocument = getOwnerDocument(elementRef.current);
-      var ownerWindow = ownerDocument.defaultView || window;
-      scrollBodyCount += 1; // calculate scrollbar width if mounting the first scroll lock
-
-      var scrollBarWidth = 0;
+      const ownerDocument = getOwnerDocument(elementRef.current);
+      const ownerWindow = ownerDocument.defaultView || window;
+      scrollBodyCount += 1;
 
+      // calculate scrollbar width if mounting the first scroll lock
+      let scrollBarWidth = 0;
       if (scrollBodyCount === 1) {
         scrollBarWidth = ownerWindow.innerWidth - ownerDocument.body.clientWidth;
       }
-
       ownerDocument.body.style.overflow = 'hidden';
-
       if (scrollBarWidth > 0) {
-        ownerDocument.body.style.marginRight = "".concat(scrollBarWidth, "px");
+        ownerDocument.body.style.marginRight = `${scrollBarWidth}px`;
       }
-
-      return function () {
+      return () => {
         scrollBodyCount -= 1;
-
         if (scrollBodyCount === 0) {
           ownerDocument.body.style.overflow = '';
           ownerDocument.body.style.marginRight = '';

package/build/esm/hooks/useRemoveBodyScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRemoveBodyScroll.js","names":["useEffect","getOwnerDocument","scrollBodyCount","useRemoveBodyScroll","open","elementRef","current","ownerDocument","ownerWindow","defaultView","window","scrollBarWidth","innerWidth","body","clientWidth","style","overflow","marginRight"],"sources":["../../../src/hooks/useRemoveBodyScroll.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect } from 'react';\n\nimport { getOwnerDocument } from '../utils';\n\nlet scrollBodyCount = 0;\nexport function useRemoveBodyScroll(\n  open: boolean,\n  elementRef: RefObject<HTMLElement | null>\n) {\n  useEffect(() => {\n    if (open && elementRef.current) {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      const ownerDocument = getOwnerDocument(elementRef.current)!;\n      const ownerWindow = ownerDocument.defaultView || window;\n      scrollBodyCount += 1;\n\n      // calculate scrollbar width if mounting the first scroll lock\n      let scrollBarWidth = 0;\n      if (scrollBodyCount === 1) {\n        scrollBarWidth =\n          ownerWindow.innerWidth - ownerDocument.body.clientWidth;\n      }\n\n      ownerDocument.body.style.overflow = 'hidden';\n      if (scrollBarWidth > 0) {\n        ownerDocument.body.style.marginRight = `${scrollBarWidth}px`;\n      }\n\n      return () => {\n        scrollBodyCount -= 1;\n        if (scrollBodyCount === 0) {\n          ownerDocument.body.style.overflow = '';\n          ownerDocument.body.style.marginRight = '';\n        }\n      };\n    }\n  }, [elementRef, open]);\n}\n"],"mappings":"AACA,SAASA,SAAT,QAA0B,OAA1B;AAEA,SAASC,gBAAT,QAAiC,UAAjC;AAEA,IAAIC,eAAe,GAAG,CAAtB;AACA,OAAO,SAASC,mBAAT,CACLC,IADK,EAELC,UAFK,EAGL;EACAL,SAAS,CAAC,YAAM;IACd,IAAII,IAAI,IAAIC,UAAU,CAACC,OAAvB,EAAgC;MAC9B;MACA,IAAMC,aAAa,GAAGN,gBAAgB,CAACI,UAAU,CAACC,OAAZ,CAAtC;MACA,IAAME,WAAW,GAAGD,aAAa,CAACE,WAAd,IAA6BC,MAAjD;MACAR,eAAe,IAAI,CAAnB,CAJ8B,CAM9B;;MACA,IAAIS,cAAc,GAAG,CAArB;;MACA,IAAIT,eAAe,KAAK,CAAxB,EAA2B;QACzBS,cAAc,GACZH,WAAW,CAACI,UAAZ,GAAyBL,aAAa,CAACM,IAAd,CAAmBC,WAD9C;MAED;;MAEDP,aAAa,CAACM,IAAd,CAAmBE,KAAnB,CAAyBC,QAAzB,GAAoC,QAApC;;MACA,IAAIL,cAAc,GAAG,CAArB,EAAwB;QACtBJ,aAAa,CAACM,IAAd,CAAmBE,KAAnB,CAAyBE,WAAzB,aAA0CN,cAA1C;MACD;;MAED,OAAO,YAAM;QACXT,eAAe,IAAI,CAAnB;;QACA,IAAIA,eAAe,KAAK,CAAxB,EAA2B;UACzBK,aAAa,CAACM,IAAd,CAAmBE,KAAnB,CAAyBC,QAAzB,GAAoC,EAApC;UACAT,aAAa,CAACM,IAAd,CAAmBE,KAAnB,CAAyBE,WAAzB,GAAuC,EAAvC;QACD;MACF,CAND;IAOD;EACF,CA3BQ,EA2BN,CAACZ,UAAD,EAAaD,IAAb,CA3BM,CAAT;AA4BD"}
+{"version":3,"file":"useRemoveBodyScroll.js","names":["useEffect","getOwnerDocument","scrollBodyCount","useRemoveBodyScroll","open","elementRef","current","ownerDocument","ownerWindow","defaultView","window","scrollBarWidth","innerWidth","body","clientWidth","style","overflow","marginRight"],"sources":["../../../src/hooks/useRemoveBodyScroll.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect } from 'react';\n\nimport { getOwnerDocument } from '../utils';\n\nlet scrollBodyCount = 0;\nexport function useRemoveBodyScroll(\n  open: boolean,\n  elementRef: RefObject<HTMLElement | null>\n) {\n  useEffect(() => {\n    if (open && elementRef.current) {\n      const ownerDocument = getOwnerDocument(elementRef.current)!;\n      const ownerWindow = ownerDocument.defaultView || window;\n      scrollBodyCount += 1;\n\n      // calculate scrollbar width if mounting the first scroll lock\n      let scrollBarWidth = 0;\n      if (scrollBodyCount === 1) {\n        scrollBarWidth =\n          ownerWindow.innerWidth - ownerDocument.body.clientWidth;\n      }\n\n      ownerDocument.body.style.overflow = 'hidden';\n      if (scrollBarWidth > 0) {\n        ownerDocument.body.style.marginRight = `${scrollBarWidth}px`;\n      }\n\n      return () => {\n        scrollBodyCount -= 1;\n        if (scrollBodyCount === 0) {\n          ownerDocument.body.style.overflow = '';\n          ownerDocument.body.style.marginRight = '';\n        }\n      };\n    }\n  }, [elementRef, open]);\n}\n"],"mappings":"AACA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SAASC,gBAAgB,QAAQ,UAAU;AAE3C,IAAIC,eAAe,GAAG,CAAC;AACvB,OAAO,SAASC,mBAAmBA,CACjCC,IAAa,EACbC,UAAyC,EACzC;EACAL,SAAS,CAAC,MAAM;IACd,IAAII,IAAI,IAAIC,UAAU,CAACC,OAAO,EAAE;MAC9B,MAAMC,aAAa,GAAGN,gBAAgB,CAACI,UAAU,CAACC,OAAO,CAAE;MAC3D,MAAME,WAAW,GAAGD,aAAa,CAACE,WAAW,IAAIC,MAAM;MACvDR,eAAe,IAAI,CAAC;;MAEpB;MACA,IAAIS,cAAc,GAAG,CAAC;MACtB,IAAIT,eAAe,KAAK,CAAC,EAAE;QACzBS,cAAc,GACZH,WAAW,CAACI,UAAU,GAAGL,aAAa,CAACM,IAAI,CAACC,WAAW;MAC3D;MAEAP,aAAa,CAACM,IAAI,CAACE,KAAK,CAACC,QAAQ,GAAG,QAAQ;MAC5C,IAAIL,cAAc,GAAG,CAAC,EAAE;QACtBJ,aAAa,CAACM,IAAI,CAACE,KAAK,CAACE,WAAW,GAAG,GAAGN,cAAc,IAAI;MAC9D;MAEA,OAAO,MAAM;QACXT,eAAe,IAAI,CAAC;QACpB,IAAIA,eAAe,KAAK,CAAC,EAAE;UACzBK,aAAa,CAACM,IAAI,CAACE,KAAK,CAACC,QAAQ,GAAG,EAAE;UACtCT,aAAa,CAACM,IAAI,CAACE,KAAK,CAACE,WAAW,GAAG,EAAE;QAC3C;MACF,CAAC;IACH;EACF,CAAC,EAAE,CAACZ,UAAU,EAAED,IAAI,CAAC,CAAC;AACxB","ignoreList":[]}

package/build/esm/hooks/useScope.d.ts

@@ -1,8 +1,8 @@
 import type { MutableRefObject } from 'react';
-export declare type ScopeMatcherFn = (nodeType: string, props: {
+export type ScopeMatcherFn = (nodeType: string, props: {
     [key: string]: string;
 }, instance: Element) => boolean;
-export declare type Scope<T extends HTMLElement> = MutableRefObject<{
+export type Scope<T extends HTMLElement> = MutableRefObject<{
     queryAllNodes: (matcherFn: ScopeMatcherFn) => T[];
 }>;
 export declare function getScope<T extends HTMLElement, R extends HTMLElement>(rootRef: MutableRefObject<R | undefined | null>): {

package/build/esm/hooks/useScope.js

@@ -1,34 +1,32 @@
 import { useRef } from 'react';
 export function getScope(rootRef) {
-  var queryAllNodes = function queryAllNodes(matcherFn) {
+  const queryAllNodes = matcherFn => {
     if (!rootRef.current) {
       return [];
     }
-
-    var allNodes = rootRef.current.querySelectorAll('*');
-    var filtered = [];
-    allNodes.forEach(function (node) {
-      var props = {};
-      var attributes = node.attributes;
-
-      for (var i = 0; i < attributes.length; i++) {
-        var attr = attributes[i];
+    const allNodes = rootRef.current.querySelectorAll('*');
+    const filtered = [];
+    allNodes.forEach(node => {
+      const props = {};
+      const {
+        attributes
+      } = node;
+      for (let i = 0; i < attributes.length; i++) {
+        const attr = attributes[i];
         props[attr.name] = attr.value;
       }
-
       if (matcherFn(node.tagName.toLowerCase(), props, node)) {
         filtered.push(node);
       }
     });
     return filtered;
   };
-
   return {
-    queryAllNodes: queryAllNodes
+    queryAllNodes
   };
 }
 export function useScope(rootRef) {
-  var scope = useRef(getScope(rootRef));
+  const scope = useRef(getScope(rootRef));
   return scope;
 }
 //# sourceMappingURL=useScope.js.map

package/build/esm/hooks/useScope.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScope.js","names":["useRef","getScope","rootRef","queryAllNodes","matcherFn","current","allNodes","querySelectorAll","filtered","forEach","node","props","attributes","i","length","attr","name","value","tagName","toLowerCase","push","useScope","scope"],"sources":["../../../src/hooks/useScope.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useRef } from 'react';\n\nexport type ScopeMatcherFn = (\n  nodeType: string,\n  props: {\n    [key: string]: string;\n  },\n  instance: Element\n) => boolean;\n\nexport type Scope<T extends HTMLElement> = MutableRefObject<{\n  queryAllNodes: (matcherFn: ScopeMatcherFn) => T[];\n}>;\n\nexport function getScope<T extends HTMLElement, R extends HTMLElement>(\n  rootRef: MutableRefObject<R | undefined | null>\n) {\n  const queryAllNodes = (matcherFn: ScopeMatcherFn) => {\n    if (!rootRef.current) {\n      return [];\n    }\n\n    const allNodes = rootRef.current.querySelectorAll('*');\n\n    const filtered: T[] = [];\n    allNodes.forEach((node) => {\n      const props = {};\n      const { attributes } = node;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes[i];\n        props[attr.name] = attr.value;\n      }\n\n      if (matcherFn(node.tagName.toLowerCase(), props, node)) {\n        filtered.push(node as T);\n      }\n    });\n\n    return filtered;\n  };\n\n  return { queryAllNodes };\n}\n\nexport function useScope<T extends HTMLElement, R extends HTMLElement>(\n  rootRef: MutableRefObject<R | undefined | null>\n): Scope<T> {\n  const scope: Scope<T> = useRef(getScope(rootRef));\n\n  return scope;\n}\n"],"mappings":"AACA,SAASA,MAAT,QAAuB,OAAvB;AAcA,OAAO,SAASC,QAAT,CACLC,OADK,EAEL;EACA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,SAAD,EAA+B;IACnD,IAAI,CAACF,OAAO,CAACG,OAAb,EAAsB;MACpB,OAAO,EAAP;IACD;;IAED,IAAMC,QAAQ,GAAGJ,OAAO,CAACG,OAAR,CAAgBE,gBAAhB,CAAiC,GAAjC,CAAjB;IAEA,IAAMC,QAAa,GAAG,EAAtB;IACAF,QAAQ,CAACG,OAAT,CAAiB,UAACC,IAAD,EAAU;MACzB,IAAMC,KAAK,GAAG,EAAd;MACA,IAAQC,UAAR,GAAuBF,IAAvB,CAAQE,UAAR;;MACA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGD,UAAU,CAACE,MAA/B,EAAuCD,CAAC,EAAxC,EAA4C;QAC1C,IAAME,IAAI,GAAGH,UAAU,CAACC,CAAD,CAAvB;QACAF,KAAK,CAACI,IAAI,CAACC,IAAN,CAAL,GAAmBD,IAAI,CAACE,KAAxB;MACD;;MAED,IAAIb,SAAS,CAACM,IAAI,CAACQ,OAAL,CAAaC,WAAb,EAAD,EAA6BR,KAA7B,EAAoCD,IAApC,CAAb,EAAwD;QACtDF,QAAQ,CAACY,IAAT,CAAcV,IAAd;MACD;IACF,CAXD;IAaA,OAAOF,QAAP;EACD,CAtBD;;EAwBA,OAAO;IAAEL,aAAa,EAAbA;EAAF,CAAP;AACD;AAED,OAAO,SAASkB,QAAT,CACLnB,OADK,EAEK;EACV,IAAMoB,KAAe,GAAGtB,MAAM,CAACC,QAAQ,CAACC,OAAD,CAAT,CAA9B;EAEA,OAAOoB,KAAP;AACD"}
+{"version":3,"file":"useScope.js","names":["useRef","getScope","rootRef","queryAllNodes","matcherFn","current","allNodes","querySelectorAll","filtered","forEach","node","props","attributes","i","length","attr","name","value","tagName","toLowerCase","push","useScope","scope"],"sources":["../../../src/hooks/useScope.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useRef } from 'react';\n\nexport type ScopeMatcherFn = (\n  nodeType: string,\n  props: {\n    [key: string]: string;\n  },\n  instance: Element\n) => boolean;\n\nexport type Scope<T extends HTMLElement> = MutableRefObject<{\n  queryAllNodes: (matcherFn: ScopeMatcherFn) => T[];\n}>;\n\nexport function getScope<T extends HTMLElement, R extends HTMLElement>(\n  rootRef: MutableRefObject<R | undefined | null>\n) {\n  const queryAllNodes = (matcherFn: ScopeMatcherFn) => {\n    if (!rootRef.current) {\n      return [];\n    }\n\n    const allNodes = rootRef.current.querySelectorAll('*');\n\n    const filtered: T[] = [];\n    allNodes.forEach((node) => {\n      const props: Record<string, any> = {};\n      const { attributes } = node;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes[i];\n        props[attr.name] = attr.value;\n      }\n\n      if (matcherFn(node.tagName.toLowerCase(), props, node)) {\n        filtered.push(node as T);\n      }\n    });\n\n    return filtered;\n  };\n\n  return { queryAllNodes };\n}\n\nexport function useScope<T extends HTMLElement, R extends HTMLElement>(\n  rootRef: MutableRefObject<R | undefined | null>\n): Scope<T> {\n  const scope: Scope<T> = useRef(getScope(rootRef));\n\n  return scope;\n}\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,OAAO;AAc9B,OAAO,SAASC,QAAQA,CACtBC,OAA+C,EAC/C;EACA,MAAMC,aAAa,GAAIC,SAAyB,IAAK;IACnD,IAAI,CAACF,OAAO,CAACG,OAAO,EAAE;MACpB,OAAO,EAAE;IACX;IAEA,MAAMC,QAAQ,GAAGJ,OAAO,CAACG,OAAO,CAACE,gBAAgB,CAAC,GAAG,CAAC;IAEtD,MAAMC,QAAa,GAAG,EAAE;IACxBF,QAAQ,CAACG,OAAO,CAAEC,IAAI,IAAK;MACzB,MAAMC,KAA0B,GAAG,CAAC,CAAC;MACrC,MAAM;QAAEC;MAAW,CAAC,GAAGF,IAAI;MAC3B,KAAK,IAAIG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,UAAU,CAACE,MAAM,EAAED,CAAC,EAAE,EAAE;QAC1C,MAAME,IAAI,GAAGH,UAAU,CAACC,CAAC,CAAC;QAC1BF,KAAK,CAACI,IAAI,CAACC,IAAI,CAAC,GAAGD,IAAI,CAACE,KAAK;MAC/B;MAEA,IAAIb,SAAS,CAACM,IAAI,CAACQ,OAAO,CAACC,WAAW,CAAC,CAAC,EAAER,KAAK,EAAED,IAAI,CAAC,EAAE;QACtDF,QAAQ,CAACY,IAAI,CAACV,IAAS,CAAC;MAC1B;IACF,CAAC,CAAC;IAEF,OAAOF,QAAQ;EACjB,CAAC;EAED,OAAO;IAAEL;EAAc,CAAC;AAC1B;AAEA,OAAO,SAASkB,QAAQA,CACtBnB,OAA+C,EACrC;EACV,MAAMoB,KAAe,GAAGtB,MAAM,CAACC,QAAQ,CAACC,OAAO,CAAC,CAAC;EAEjD,OAAOoB,KAAK;AACd","ignoreList":[]}

package/build/esm/hooks/useThrottle.js

@@ -1,18 +1,13 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useState, useEffect, useRef } from 'react';
 export function useThrottle(value, limit) {
-  var _useState = useState(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      throttledValue = _useState2[0],
-      setThrottledValue = _useState2[1];
-
-  var lastRan = useRef(Date.now());
-  useEffect(function () {
-    var handler = setTimeout(function () {
+  const [throttledValue, setThrottledValue] = useState(value);
+  const lastRan = useRef(Date.now());
+  useEffect(() => {
+    const handler = setTimeout(() => {
       setThrottledValue(value);
       lastRan.current = Date.now();
     }, limit - (Date.now() - lastRan.current));
-    return function () {
+    return () => {
       clearTimeout(handler);
     };
   }, [value, limit]);

package/build/esm/hooks/useThrottle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThrottle.js","names":["useState","useEffect","useRef","useThrottle","value","limit","throttledValue","setThrottledValue","lastRan","Date","now","handler","setTimeout","current","clearTimeout"],"sources":["../../../src/hooks/useThrottle.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\n\nexport function useThrottle<T>(value: T, limit: number) {\n  const [throttledValue, setThrottledValue] = useState(value);\n  const lastRan = useRef(Date.now());\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setThrottledValue(value);\n      lastRan.current = Date.now();\n    }, limit - (Date.now() - lastRan.current));\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, limit]);\n\n  return throttledValue;\n}\n"],"mappings":";AAAA,SAASA,QAAT,EAAmBC,SAAnB,EAA8BC,MAA9B,QAA4C,OAA5C;AAEA,OAAO,SAASC,WAAT,CAAwBC,KAAxB,EAAkCC,KAAlC,EAAiD;EACtD,gBAA4CL,QAAQ,CAACI,KAAD,CAApD;EAAA;EAAA,IAAOE,cAAP;EAAA,IAAuBC,iBAAvB;;EACA,IAAMC,OAAO,GAAGN,MAAM,CAACO,IAAI,CAACC,GAAL,EAAD,CAAtB;EAEAT,SAAS,CAAC,YAAM;IACd,IAAMU,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BL,iBAAiB,CAACH,KAAD,CAAjB;MACAI,OAAO,CAACK,OAAR,GAAkBJ,IAAI,CAACC,GAAL,EAAlB;IACD,CAHyB,EAGvBL,KAAK,IAAII,IAAI,CAACC,GAAL,KAAaF,OAAO,CAACK,OAAzB,CAHkB,CAA1B;IAKA,OAAO,YAAM;MACXC,YAAY,CAACH,OAAD,CAAZ;IACD,CAFD;EAGD,CATQ,EASN,CAACP,KAAD,EAAQC,KAAR,CATM,CAAT;EAWA,OAAOC,cAAP;AACD"}
+{"version":3,"file":"useThrottle.js","names":["useState","useEffect","useRef","useThrottle","value","limit","throttledValue","setThrottledValue","lastRan","Date","now","handler","setTimeout","current","clearTimeout"],"sources":["../../../src/hooks/useThrottle.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\n\nexport function useThrottle<T>(value: T, limit: number) {\n  const [throttledValue, setThrottledValue] = useState(value);\n  const lastRan = useRef(Date.now());\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setThrottledValue(value);\n      lastRan.current = Date.now();\n    }, limit - (Date.now() - lastRan.current));\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, limit]);\n\n  return throttledValue;\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEnD,OAAO,SAASC,WAAWA,CAAIC,KAAQ,EAAEC,KAAa,EAAE;EACtD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGP,QAAQ,CAACI,KAAK,CAAC;EAC3D,MAAMI,OAAO,GAAGN,MAAM,CAACO,IAAI,CAACC,GAAG,CAAC,CAAC,CAAC;EAElCT,SAAS,CAAC,MAAM;IACd,MAAMU,OAAO,GAAGC,UAAU,CAAC,MAAM;MAC/BL,iBAAiB,CAACH,KAAK,CAAC;MACxBI,OAAO,CAACK,OAAO,GAAGJ,IAAI,CAACC,GAAG,CAAC,CAAC;IAC9B,CAAC,EAAEL,KAAK,IAAII,IAAI,CAACC,GAAG,CAAC,CAAC,GAAGF,OAAO,CAACK,OAAO,CAAC,CAAC;IAE1C,OAAO,MAAM;MACXC,YAAY,CAACH,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACP,KAAK,EAAEC,KAAK,CAAC,CAAC;EAElB,OAAOC,cAAc;AACvB","ignoreList":[]}

package/build/esm/index.js

@@ -11,9 +11,11 @@ export * from './RadioButton';
 export * from './Slider';
 export * from './Spinner';
 export * from './Tabs';
-export * from './Tooltip'; // General React utilities
+export * from './Tooltip';
 
-export * from './utils'; // Hooks
+// General React utilities
+export * from './utils';
 
+// Hooks
 export * from './hooks';
 //# sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["// Components\nexport * from './Accordion';\nexport * from './CheckBox';\nexport * from './ComboBox';\nexport * from './FocusLock';\nexport * from './Menu';\nexport * from './Modal';\nexport * from './Popper';\nexport * from './Portal';\nexport * from './RadioButton';\nexport * from './Slider';\nexport * from './Spinner';\nexport * from './Tabs';\nexport * from './Tooltip';\n\n// General React utilities\nexport * from './utils';\n\n// Hooks\nexport * from './hooks';\n"],"mappings":"AAAA;AACA,cAAc,aAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,aAAd;AACA,cAAc,QAAd;AACA,cAAc,SAAd;AACA,cAAc,UAAd;AACA,cAAc,UAAd;AACA,cAAc,eAAd;AACA,cAAc,UAAd;AACA,cAAc,WAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd,C,CAEA;;AACA,cAAc,SAAd,C,CAEA;;AACA,cAAc,SAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["// Components\nexport * from './Accordion';\nexport * from './CheckBox';\nexport * from './ComboBox';\nexport * from './FocusLock';\nexport * from './Menu';\nexport * from './Modal';\nexport * from './Popper';\nexport * from './Portal';\nexport * from './RadioButton';\nexport * from './Slider';\nexport * from './Spinner';\nexport * from './Tabs';\nexport * from './Tooltip';\n\n// General React utilities\nexport * from './utils';\n\n// Hooks\nexport * from './hooks';\n"],"mappings":"AAAA;AACA,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,WAAW;;AAEzB;AACA,cAAc,SAAS;;AAEvB;AACA,cAAc,SAAS","ignoreList":[]}

package/build/esm/styles.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=styles.d.js.map

package/build/esm/styles.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.js","names":[],"sources":["../../src/styles.d.ts"],"sourcesContent":["declare module '*.css';\n"],"mappings":"","ignoreList":[]}

package/build/esm/utils/assign-ref.js

@@ -1,13 +1,12 @@
 export function assignRef(ref, value) {
   if (ref == null) return;
-
   if (typeof ref === 'function') {
     ref(value);
   } else {
     try {
       ref.current = value;
     } catch (error) {
-      throw new Error("Cannot assign value \"".concat(value, "\" to ref \"").concat(ref, "\""));
+      throw new Error(`Cannot assign value "${value}" to ref "${ref}"`);
     }
   }
 }
@@ -15,9 +14,8 @@ export function assignMultipleRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
-
-  return function (node) {
-    refs.forEach(function (ref) {
+  return node => {
+    refs.forEach(ref => {
       assignRef(ref, node);
     });
   };

package/build/esm/utils/assign-ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"assign-ref.js","names":["assignRef","ref","value","current","error","Error","assignMultipleRefs","refs","node","forEach"],"sources":["../../../src/utils/assign-ref.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\nexport function assignRef<T>(\n  ref: MutableRefObject<T> | RefCallback<T> | null | undefined,\n  value: T\n) {\n  if (ref == null) return;\n  if (typeof ref === 'function') {\n    ref(value);\n  } else {\n    try {\n      ref.current = value;\n    } catch (error) {\n      throw new Error(`Cannot assign value \"${value}\" to ref \"${ref}\"`);\n    }\n  }\n}\n\nexport function assignMultipleRefs<T>(\n  ...refs: (MutableRefObject<T> | RefCallback<T> | null | undefined)[]\n): RefCallback<T> {\n  return (node: T | null) => {\n    refs.forEach((ref) => {\n      assignRef(ref, node);\n    });\n  };\n}\n"],"mappings":"AAEA,OAAO,SAASA,SAAT,CACLC,GADK,EAELC,KAFK,EAGL;EACA,IAAID,GAAG,IAAI,IAAX,EAAiB;;EACjB,IAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;IAC7BA,GAAG,CAACC,KAAD,CAAH;EACD,CAFD,MAEO;IACL,IAAI;MACFD,GAAG,CAACE,OAAJ,GAAcD,KAAd;IACD,CAFD,CAEE,OAAOE,KAAP,EAAc;MACd,MAAM,IAAIC,KAAJ,iCAAkCH,KAAlC,yBAAoDD,GAApD,QAAN;IACD;EACF;AACF;AAED,OAAO,SAASK,kBAAT,GAEW;EAAA,kCADbC,IACa;IADbA,IACa;EAAA;;EAChB,OAAO,UAACC,IAAD,EAAoB;IACzBD,IAAI,CAACE,OAAL,CAAa,UAACR,GAAD,EAAS;MACpBD,SAAS,CAACC,GAAD,EAAMO,IAAN,CAAT;IACD,CAFD;EAGD,CAJD;AAKD"}
+{"version":3,"file":"assign-ref.js","names":["assignRef","ref","value","current","error","Error","assignMultipleRefs","_len","arguments","length","refs","Array","_key","node","forEach"],"sources":["../../../src/utils/assign-ref.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\nexport function assignRef<T>(\n  ref: MutableRefObject<T> | RefCallback<T> | null | undefined,\n  value: T\n) {\n  if (ref == null) return;\n  if (typeof ref === 'function') {\n    ref(value);\n  } else {\n    try {\n      ref.current = value;\n    } catch (error) {\n      throw new Error(`Cannot assign value \"${value}\" to ref \"${ref}\"`);\n    }\n  }\n}\n\nexport function assignMultipleRefs<T>(\n  ...refs: (MutableRefObject<T> | RefCallback<T> | null | undefined)[]\n): RefCallback<T> {\n  return (node: T | null) => {\n    refs.forEach((ref) => {\n      assignRef(ref, node);\n    });\n  };\n}\n"],"mappings":"AAEA,OAAO,SAASA,SAASA,CACvBC,GAA4D,EAC5DC,KAAQ,EACR;EACA,IAAID,GAAG,IAAI,IAAI,EAAE;EACjB,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;EACZ,CAAC,MAAM;IACL,IAAI;MACFD,GAAG,CAACE,OAAO,GAAGD,KAAK;IACrB,CAAC,CAAC,OAAOE,KAAK,EAAE;MACd,MAAM,IAAIC,KAAK,CAAC,wBAAwBH,KAAK,aAAaD,GAAG,GAAG,CAAC;IACnE;EACF;AACF;AAEA,OAAO,SAASK,kBAAkBA,CAAA,EAEhB;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EADbC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;EAAA;EAEP,OAAQC,IAAc,IAAK;IACzBH,IAAI,CAACI,OAAO,CAAEb,GAAG,IAAK;MACpBD,SAAS,CAACC,GAAG,EAAEY,IAAI,CAAC;IACtB,CAAC,CAAC;EACJ,CAAC;AACH","ignoreList":[]}

package/build/esm/utils/can-use-dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"can-use-dom.js","names":["canUseDOM","window","document","createElement"],"sources":["../../../src/utils/can-use-dom.ts"],"sourcesContent":["export function canUseDOM() {\n  return !!(\n    typeof window !== 'undefined' &&\n    window.document &&\n    window.document.createElement\n  );\n}\n"],"mappings":"AAAA,OAAO,SAASA,SAAT,GAAqB;EAC1B,OAAO,CAAC,EACN,OAAOC,MAAP,KAAkB,WAAlB,IACAA,MAAM,CAACC,QADP,IAEAD,MAAM,CAACC,QAAP,CAAgBC,aAHV,CAAR;AAKD"}
+{"version":3,"file":"can-use-dom.js","names":["canUseDOM","window","document","createElement"],"sources":["../../../src/utils/can-use-dom.ts"],"sourcesContent":["export function canUseDOM() {\n  return !!(\n    typeof window !== 'undefined' &&\n    window.document &&\n    window.document.createElement\n  );\n}\n"],"mappings":"AAAA,OAAO,SAASA,SAASA,CAAA,EAAG;EAC1B,OAAO,CAAC,EACN,OAAOC,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACC,QAAQ,IACfD,MAAM,CAACC,QAAQ,CAACC,aAAa,CAC9B;AACH","ignoreList":[]}

package/build/esm/utils/clamp.js.map

@@ -1 +1 @@
-{"version":3,"file":"clamp.js","names":["clamp","value","min","max","Math"],"sources":["../../../src/utils/clamp.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max);\n}\n"],"mappings":"AAAA,OAAO,SAASA,KAAT,CAAeC,KAAf,EAA8BC,GAA9B,EAA2CC,GAA3C,EAAwD;EAC7D,OAAOC,IAAI,CAACF,GAAL,CAASE,IAAI,CAACD,GAAL,CAASF,KAAT,EAAgBC,GAAhB,CAAT,EAA+BC,GAA/B,CAAP;AACD"}
+{"version":3,"file":"clamp.js","names":["clamp","value","min","max","Math"],"sources":["../../../src/utils/clamp.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max);\n}\n"],"mappings":"AAAA,OAAO,SAASA,KAAKA,CAACC,KAAa,EAAEC,GAAW,EAAEC,GAAW,EAAE;EAC7D,OAAOC,IAAI,CAACF,GAAG,CAACE,IAAI,CAACD,GAAG,CAACF,KAAK,EAAEC,GAAG,CAAC,EAAEC,GAAG,CAAC;AAC5C","ignoreList":[]}

package/build/esm/utils/context.d.ts

@@ -1,5 +1,5 @@
 import type { FC, PropsWithChildren } from 'react';
-declare type ContextProvider<T> = FC<PropsWithChildren<T>>;
+type ContextProvider<T> = FC<PropsWithChildren<T>>;
 export declare function createContext<ContextValueType extends object | null>(rootName: string, defaultContext?: ContextValueType): [
     ContextProvider<ContextValueType>,
     (childName: string) => ContextValueType