@basic-ui/core 0.0.41 → 0.0.44

package/build/esm/hooks/useMeasure.js

@@ -1,6 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useRef, useState, useEffect } from 'react';
-import ResizeObserver from 'resize-observer-polyfill';
 export function useMeasure(ref) {
   var ro = useRef(null);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useMeasure.ts"],"names":["useRef","useState","useEffect","ResizeObserver","useMeasure","ref","ro","left","top","width","height","bounds","setBounds","current","entries","entry","contentRect","observe","disconnect"],"mappings":";AACA,SAASA,MAAT,EAAiBC,QAAjB,EAA2BC,SAA3B,QAA4C,OAA5C;AACA,OAAOC,cAAP,MAA2B,0BAA3B;AAEA,OAAO,SAASC,UAAT,CAAoBC,GAApB,EAA+D;AACpE,MAAMC,EAAE,GAAGN,MAAM,CAAwB,IAAxB,CAAjB;;AADoE,kBAExCC,QAAQ,CAAC;AACnCM,IAAAA,IAAI,EAAE,CAD6B;AAEnCC,IAAAA,GAAG,EAAE,CAF8B;AAGnCC,IAAAA,KAAK,EAAE,CAH4B;AAInCC,IAAAA,MAAM,EAAE;AAJ2B,GAAD,CAFgC;AAAA;AAAA,MAE7DC,MAF6D;AAAA,MAErDC,SAFqD;;AASpEV,EAAAA,SAAS,CAAC,YAAM;AACd,QAAII,EAAE,CAACO,OAAH,KAAe,IAAnB,EAAyB;AACvBP,MAAAA,EAAE,CAACO,OAAH,GAAa,IAAIV,cAAJ,CAAmB,UAACW,OAAD,EAAkB;AAChD,YAAMC,KAAK,GAAGD,OAAO,CAAC,CAAD,CAArB;AACAF,QAAAA,SAAS,CAACG,KAAK,CAACC,WAAP,CAAT;AACD,OAHY,CAAb;AAID;;AAED,QAAIX,GAAG,CAACQ,OAAR,EAAiB;AACfP,MAAAA,EAAE,CAACO,OAAH,CAAWI,OAAX,CAAmBZ,GAAG,CAACQ,OAAvB;AACD;;AAED,WAAO,YAAM;AACX,UAAIP,EAAE,CAACO,OAAP,EAAgB;AACdP,QAAAA,EAAE,CAACO,OAAH,CAAWK,UAAX;AACD;AACF,KAJD;AAKD,GAjBQ,EAiBN,CAACb,GAAD,CAjBM,CAAT;AAmBA,SAAOM,MAAP;AACD","sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useRef, useState, useEffect } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\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"],"file":"useMeasure.js"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useOnClickOutside.ts"],"names":["useEffect","useCallback","useOnClickOutside","ref","handler","active","listener","event","current","contains","target","document","addEventListener","removeEventListener"],"mappings":"AACA,SAASA,SAAT,EAAoBC,WAApB,QAAuC,OAAvC;AAEA,OAAO,SAASC,iBAAT,CACLC,GADK,EAELC,OAFK,EAIL;AAAA,MADAC,MACA,uEADS,IACT;AACA,MAAMC,QAAQ,GAAGL,WAAW,CAC1B,UAACM,KAAD,EAAyB;AACvB;AACA,QAAI,CAACJ,GAAG,CAACK,OAAL,IAAgBL,GAAG,CAACK,OAAJ,CAAYC,QAAZ,CAAqBF,KAAK,CAACG,MAA3B,CAApB,EAAwD;AACtD;AACD;;AAEDN,IAAAA,OAAO,IAAIA,OAAO,CAACG,KAAD,CAAlB;AACD,GARyB,EAS1B,CAACJ,GAAD,EAAMC,OAAN,CAT0B,CAA5B;AAYAJ,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIK,MAAJ,EAAY;AACVM,MAAAA,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCN,QAAvC;AAEA,aAAO,YAAM;AACXK,QAAAA,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,EAA0CP,QAA1C;AACD,OAFD;AAGD;;AAED;AACD,GAVQ,EAUN,CAACA,QAAD,EAAWD,MAAX,CAVM,CAAT;AAWD","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"],"file":"useOnClickOutside.js"}
+{"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"}

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

@@ -1 +1 @@
-export declare function useOnKeyDown(handler: (e: KeyboardEvent) => void, active?: boolean): void;
+export declare function useOnKeyDown(ownerWindow: Window, handler: (e: KeyboardEvent) => void, active?: boolean): void;

package/build/esm/hooks/useOnKeyDown.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useOnKeyDown.ts"],"names":["useEffect","useOnKeyDown","handler","active","window","addEventListener","removeEventListener"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AAEA,OAAO,SAASC,YAAT,CACLC,OADK,EAGL;AAAA,MADAC,MACA,uEADS,IACT;AACAH,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIG,MAAJ,EAAY;AACVC,MAAAA,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCH,OAAnC;AAEA,aAAO,YAAM;AACXE,QAAAA,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCJ,OAAtC;AACD,OAFD;AAGD;;AAED;AACD,GAVQ,EAUN,CAACC,MAAD,EAASD,OAAT,CAVM,CAAT;AAWD","sourcesContent":["import { useEffect } from 'react';\n\nexport function useOnKeyDown(\n  handler: (e: KeyboardEvent) => void,\n  active = true\n) {\n  useEffect(() => {\n    if (active) {\n      window.addEventListener('keydown', handler);\n\n      return () => {\n        window.removeEventListener('keydown', handler);\n      };\n    }\n\n    return;\n  }, [active, handler]);\n}\n"],"file":"useOnKeyDown.js"}
+{"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"}

package/build/esm/hooks/useReducerMachine.js

@@ -1,6 +1,7 @@
 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.
@@ -11,7 +12,7 @@ export function useReducerMachine(chart, reducer, initialData) {
       dispatch = _useReducer2[1];
 
   var state = reducerState.state,
-      data = _objectWithoutProperties(reducerState, ["state"]);
+      data = _objectWithoutProperties(reducerState, _excluded);
 
   var transition = function transition(action) {
     var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useReducerMachine.ts"],"names":["useReducer","useReducerMachine","chart","reducer","initialData","reducerState","dispatch","state","data","transition","action","payload","currentState","states","Error","nextState","on","type"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AA4BA;AACA;AACA,OAAO,SAASC,iBAAT,CAMLC,KANK,EAOLC,OAPK,EAQLC,WARK,EAS+C;AAAA,oBACnBJ,UAAU,CAACG,OAAD,EAAUC,WAAV,CADS;AAAA;AAAA,MAC7CC,YAD6C;AAAA,MAC/BC,QAD+B;;AAAA,MAE5CC,KAF4C,GAEzBF,YAFyB,CAE5CE,KAF4C;AAAA,MAElCC,IAFkC,4BAEzBH,YAFyB;;AAIpD,MAAMI,UAAkC,GAAG,SAArCA,UAAqC,CAACC,MAAD,EAA0B;AAAA,QAAjBC,OAAiB,uEAAP,EAAO;AACnE,QAAMC,YAAY,GAAGV,KAAK,CAACW,MAAN,CAAaN,KAAb,CAArB;;AACA,QAAI,CAACK,YAAL,EAAmB;AACjB,YAAM,IAAIE,KAAJ,kCAAmCP,KAAnC,QAAN;AACD;;AAED,QAAMQ,SAA6B,GAAGH,YAAY,CAACI,EAAb,CAAgBN,MAAhB,CAAtC;;AACA,QAAI,CAACK,SAAL,EAAgB;AACd,YAAM,IAAID,KAAJ,4BAA6BJ,MAA7B,4BAAmDH,KAAnD,QAAN;AACD;;AAEDD,IAAAA,QAAQ;AAAGW,MAAAA,IAAI,EAAEP,MAAT;AAAiBK,MAAAA,SAAS,EAATA;AAAjB,OAA+BJ,OAA/B,EAAR;AACD,GAZD;;AAcA,SAAO,CAACJ,KAAD,EAAQC,IAAR,EAAcC,UAAd,CAAP;AACD","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"],"file":"useReducerMachine.js"}
+{"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"}

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

@@ -1 +1,2 @@
-export declare function useRemoveBodyScroll(open: boolean): void;
+import type { RefObject } from 'react';
+export declare function useRemoveBodyScroll(open: boolean, elementRef: RefObject<HTMLElement | null>): void;

package/build/esm/hooks/useRemoveBodyScroll.js

@@ -1,31 +1,35 @@
 import { useEffect } from 'react';
+import { getOwnerDocument } from '../utils';
 var scrollBodyCount = 0;
-export function useRemoveBodyScroll(open) {
+export function useRemoveBodyScroll(open, elementRef) {
   useEffect(function () {
-    if (open) {
+    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;
 
       if (scrollBodyCount === 1) {
-        scrollBarWidth = window.innerWidth - document.body.clientWidth;
+        scrollBarWidth = ownerWindow.innerWidth - ownerDocument.body.clientWidth;
       }
 
-      document.body.style.overflow = 'hidden';
+      ownerDocument.body.style.overflow = 'hidden';
 
       if (scrollBarWidth > 0) {
-        document.body.style.marginRight = "".concat(scrollBarWidth, "px");
+        ownerDocument.body.style.marginRight = "".concat(scrollBarWidth, "px");
       }
 
       return function () {
         scrollBodyCount -= 1;
 
         if (scrollBodyCount === 0) {
-          document.body.style.overflow = '';
-          document.body.style.marginRight = '';
+          ownerDocument.body.style.overflow = '';
+          ownerDocument.body.style.marginRight = '';
         }
       };
     }
-  }, [open]);
+  }, [elementRef, open]);
 }
 //# sourceMappingURL=useRemoveBodyScroll.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useRemoveBodyScroll.ts"],"names":["useEffect","scrollBodyCount","useRemoveBodyScroll","open","scrollBarWidth","window","innerWidth","document","body","clientWidth","style","overflow","marginRight"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AAEA,IAAIC,eAAe,GAAG,CAAtB;AACA,OAAO,SAASC,mBAAT,CAA6BC,IAA7B,EAA4C;AACjDH,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIG,IAAJ,EAAU;AACRF,MAAAA,eAAe,IAAI,CAAnB,CADQ,CAGR;;AACA,UAAIG,cAAc,GAAG,CAArB;;AACA,UAAIH,eAAe,KAAK,CAAxB,EAA2B;AACzBG,QAAAA,cAAc,GAAGC,MAAM,CAACC,UAAP,GAAoBC,QAAQ,CAACC,IAAT,CAAcC,WAAnD;AACD;;AAEDF,MAAAA,QAAQ,CAACC,IAAT,CAAcE,KAAd,CAAoBC,QAApB,GAA+B,QAA/B;;AACA,UAAIP,cAAc,GAAG,CAArB,EAAwB;AACtBG,QAAAA,QAAQ,CAACC,IAAT,CAAcE,KAAd,CAAoBE,WAApB,aAAqCR,cAArC;AACD;;AAED,aAAO,YAAM;AACXH,QAAAA,eAAe,IAAI,CAAnB;;AACA,YAAIA,eAAe,KAAK,CAAxB,EAA2B;AACzBM,UAAAA,QAAQ,CAACC,IAAT,CAAcE,KAAd,CAAoBC,QAApB,GAA+B,EAA/B;AACAJ,UAAAA,QAAQ,CAACC,IAAT,CAAcE,KAAd,CAAoBE,WAApB,GAAkC,EAAlC;AACD;AACF,OAND;AAOD;AACF,GAvBQ,EAuBN,CAACT,IAAD,CAvBM,CAAT;AAwBD","sourcesContent":["import { useEffect } from 'react';\n\nlet scrollBodyCount = 0;\nexport function useRemoveBodyScroll(open: boolean) {\n  useEffect(() => {\n    if (open) {\n      scrollBodyCount += 1;\n\n      // calculate scrollbar width if mounting the first scroll lock\n      let scrollBarWidth = 0;\n      if (scrollBodyCount === 1) {\n        scrollBarWidth = window.innerWidth - document.body.clientWidth;\n      }\n\n      document.body.style.overflow = 'hidden';\n      if (scrollBarWidth > 0) {\n        document.body.style.marginRight = `${scrollBarWidth}px`;\n      }\n\n      return () => {\n        scrollBodyCount -= 1;\n        if (scrollBodyCount === 0) {\n          document.body.style.overflow = '';\n          document.body.style.marginRight = '';\n        }\n      };\n    }\n  }, [open]);\n}\n"],"file":"useRemoveBodyScroll.js"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useScope.ts"],"names":["useRef","getScope","rootRef","queryAllNodes","matcherFn","current","allNodes","querySelectorAll","filtered","forEach","node","props","attributes","i","length","attr","name","value","tagName","toLowerCase","push","useScope","scope"],"mappings":"AACA,SAASA,MAAT,QAAuB,OAAvB;AAcA,OAAO,SAASC,QAAT,CACLC,OADK,EAEL;AACA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,SAAD,EAA+B;AACnD,QAAI,CAACF,OAAO,CAACG,OAAb,EAAsB;AACpB,aAAO,EAAP;AACD;;AAED,QAAMC,QAAQ,GAAGJ,OAAO,CAACG,OAAR,CAAgBE,gBAAhB,CAAiC,GAAjC,CAAjB;AAEA,QAAMC,QAAa,GAAG,EAAtB;AACAF,IAAAA,QAAQ,CAACG,OAAT,CAAiB,UAACC,IAAD,EAAU;AACzB,UAAMC,KAAK,GAAG,EAAd;AADyB,UAEjBC,UAFiB,GAEFF,IAFE,CAEjBE,UAFiB;;AAGzB,WAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGD,UAAU,CAACE,MAA/B,EAAuCD,CAAC,EAAxC,EAA4C;AAC1C,YAAME,IAAI,GAAGH,UAAU,CAACC,CAAD,CAAvB;AACAF,QAAAA,KAAK,CAACI,IAAI,CAACC,IAAN,CAAL,GAAmBD,IAAI,CAACE,KAAxB;AACD;;AAED,UAAIb,SAAS,CAACM,IAAI,CAACQ,OAAL,CAAaC,WAAb,EAAD,EAA6BR,KAA7B,EAAoCD,IAApC,CAAb,EAAwD;AACtDF,QAAAA,QAAQ,CAACY,IAAT,CAAcV,IAAd;AACD;AACF,KAXD;AAaA,WAAOF,QAAP;AACD,GAtBD;;AAwBA,SAAO;AAAEL,IAAAA,aAAa,EAAbA;AAAF,GAAP;AACD;AAED,OAAO,SAASkB,QAAT,CACLnB,OADK,EAEK;AACV,MAAMoB,KAAe,GAAGtB,MAAM,CAACC,QAAQ,CAACC,OAAD,CAAT,CAA9B;AAEA,SAAOoB,KAAP;AACD","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"],"file":"useScope.js"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useThrottle.ts"],"names":["useState","useEffect","useRef","useThrottle","value","limit","throttledValue","setThrottledValue","lastRan","Date","now","handler","setTimeout","current","clearTimeout"],"mappings":";AAAA,SAASA,QAAT,EAAmBC,SAAnB,EAA8BC,MAA9B,QAA4C,OAA5C;AAEA,OAAO,SAASC,WAAT,CAAwBC,KAAxB,EAAkCC,KAAlC,EAAiD;AAAA,kBACVL,QAAQ,CAACI,KAAD,CADE;AAAA;AAAA,MAC/CE,cAD+C;AAAA,MAC/BC,iBAD+B;;AAEtD,MAAMC,OAAO,GAAGN,MAAM,CAACO,IAAI,CAACC,GAAL,EAAD,CAAtB;AAEAT,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMU,OAAO,GAAGC,UAAU,CAAC,YAAM;AAC/BL,MAAAA,iBAAiB,CAACH,KAAD,CAAjB;AACAI,MAAAA,OAAO,CAACK,OAAR,GAAkBJ,IAAI,CAACC,GAAL,EAAlB;AACD,KAHyB,EAGvBL,KAAK,IAAII,IAAI,CAACC,GAAL,KAAaF,OAAO,CAACK,OAAzB,CAHkB,CAA1B;AAKA,WAAO,YAAM;AACXC,MAAAA,YAAY,CAACH,OAAD,CAAZ;AACD,KAFD;AAGD,GATQ,EASN,CAACP,KAAD,EAAQC,KAAR,CATM,CAAT;AAWA,SAAOC,cAAP;AACD","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"],"file":"useThrottle.js"}
+{"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"}

package/build/esm/index.d.ts

@@ -7,6 +7,7 @@ export * from './Modal';
 export * from './Popper';
 export * from './Portal';
 export * from './RadioButton';
+export * from './Slider';
 export * from './Spinner';
 export * from './Tabs';
 export * from './Tooltip';

package/build/esm/index.js

@@ -8,6 +8,7 @@ export * from './Modal';
 export * from './Popper';
 export * from './Portal';
 export * from './RadioButton';
+export * from './Slider';
 export * from './Spinner';
 export * from './Tabs';
 export * from './Tooltip'; // General React utilities

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":[],"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,WAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd,C,CAEA;;AACA,cAAc,SAAd,C,CAEA;;AACA,cAAc,SAAd","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 './Spinner';\nexport * from './Tabs';\nexport * from './Tooltip';\n\n// General React utilities\nexport * from './utils';\n\n// Hooks\nexport * from './hooks';\n"],"file":"index.js"}
+{"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"}

package/build/esm/utils/assign-ref.d.ts

@@ -0,0 +1,3 @@
+import type { MutableRefObject, RefCallback } from 'react';
+export declare function assignRef<T>(ref: MutableRefObject<T> | RefCallback<T> | null | undefined, value: T): void;
+export declare function assignMultipleRefs<T>(...refs: (MutableRefObject<T> | RefCallback<T> | null | undefined)[]): RefCallback<T>;

package/build/esm/utils/{assignRef.js → assign-ref.js}

@@ -22,4 +22,4 @@ export function assignMultipleRefs() {
     });
   };
 }
-//# sourceMappingURL=assignRef.js.map
+//# sourceMappingURL=assign-ref.js.map

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

@@ -0,0 +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"}

package/build/esm/utils/can-use-dom.d.ts

@@ -0,0 +1 @@
+export declare function canUseDOM(): boolean;

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

@@ -0,0 +1,4 @@
+export function canUseDOM() {
+  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+}
+//# sourceMappingURL=can-use-dom.js.map

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

@@ -0,0 +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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/clamp.ts"],"names":["clamp","value","min","max","Math"],"mappings":"AAAA,OAAO,SAASA,KAAT,CAAeC,KAAf,EAA8BC,GAA9B,EAA2CC,GAA3C,EAAwD;AAC7D,SAAOC,IAAI,CAACF,GAAL,CAASE,IAAI,CAACD,GAAL,CAASF,KAAT,EAAgBC,GAAhB,CAAT,EAA+BC,GAA/B,CAAP;AACD","sourcesContent":["export function clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max);\n}\n"],"file":"clamp.js"}
+{"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"}

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

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

package/build/esm/utils/context.js

@@ -0,0 +1,41 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+import { useMemo, createContext as ReactCreateContext, useContext as useReactContext } from 'react'; ////////////////////////////////////////////////////////////////////////////////
+
+import { jsx as _jsx } from "react/jsx-runtime";
+export function createContext(rootName, defaultContext) {
+  var Ctx = /*#__PURE__*/ReactCreateContext(defaultContext);
+
+  function Provider(props) {
+    var children = props.children,
+        context = _objectWithoutProperties(props, _excluded);
+
+    var value = useMemo(function () {
+      return context;
+    }, // eslint-disable-next-line react-hooks/exhaustive-deps
+    Object.values(context));
+    return /*#__PURE__*/_jsx(Ctx.Provider, {
+      value: value,
+      children: children
+    });
+  }
+
+  function useContext(childName) {
+    var context = useReactContext(Ctx);
+
+    if (context) {
+      return context;
+    }
+
+    if (defaultContext) {
+      return defaultContext;
+    }
+
+    throw Error("".concat(childName, " must be rendered inside of a ").concat(rootName, " component."));
+  }
+
+  Ctx.displayName = "".concat(rootName, "Context");
+  Provider.displayName = "".concat(rootName, "Provider");
+  return [Provider, useContext];
+}
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["useMemo","createContext","ReactCreateContext","useContext","useReactContext","rootName","defaultContext","Ctx","Provider","props","children","context","value","Object","values","childName","Error","displayName"],"sources":["../../../src/utils/context.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport {\n  useMemo,\n  createContext as ReactCreateContext,\n  useContext as useReactContext,\n} from 'react';\n\n////////////////////////////////////////////////////////////////////////////////\n\ntype ContextProvider<T> = FC<PropsWithChildren<T>>;\n\nexport function createContext<ContextValueType extends object | null>(\n  rootName: string,\n  defaultContext?: ContextValueType\n): [\n  ContextProvider<ContextValueType>,\n  (childName: string) => ContextValueType\n] {\n  const Ctx = ReactCreateContext<ContextValueType | undefined>(defaultContext);\n\n  function Provider(props: PropsWithChildren<ContextValueType>) {\n    const { children, ...context } = props;\n    const value = useMemo(\n      () => context,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      Object.values(context)\n    ) as ContextValueType;\n    return <Ctx.Provider value={value}>{children}</Ctx.Provider>;\n  }\n\n  function useContext(childName: string) {\n    const context = useReactContext(Ctx);\n    if (context) {\n      return context;\n    }\n    if (defaultContext) {\n      return defaultContext;\n    }\n    throw Error(\n      `${childName} must be rendered inside of a ${rootName} component.`\n    );\n  }\n\n  Ctx.displayName = `${rootName}Context`;\n  Provider.displayName = `${rootName}Provider`;\n\n  return [Provider, useContext];\n}\n"],"mappings":";;AACA,SACEA,OADF,EAEEC,aAAa,IAAIC,kBAFnB,EAGEC,UAAU,IAAIC,eAHhB,QAIO,OAJP,C,CAMA;;;AAIA,OAAO,SAASH,aAAT,CACLI,QADK,EAELC,cAFK,EAML;EACA,IAAMC,GAAG,gBAAGL,kBAAkB,CAA+BI,cAA/B,CAA9B;;EAEA,SAASE,QAAT,CAAkBC,KAAlB,EAA8D;IAC5D,IAAQC,QAAR,GAAiCD,KAAjC,CAAQC,QAAR;IAAA,IAAqBC,OAArB,4BAAiCF,KAAjC;;IACA,IAAMG,KAAK,GAAGZ,OAAO,CACnB;MAAA,OAAMW,OAAN;IAAA,CADmB,EAEnB;IACAE,MAAM,CAACC,MAAP,CAAcH,OAAd,CAHmB,CAArB;IAKA,oBAAO,KAAC,GAAD,CAAK,QAAL;MAAc,KAAK,EAAEC,KAArB;MAAA,UAA6BF;IAA7B,EAAP;EACD;;EAED,SAASP,UAAT,CAAoBY,SAApB,EAAuC;IACrC,IAAMJ,OAAO,GAAGP,eAAe,CAACG,GAAD,CAA/B;;IACA,IAAII,OAAJ,EAAa;MACX,OAAOA,OAAP;IACD;;IACD,IAAIL,cAAJ,EAAoB;MAClB,OAAOA,cAAP;IACD;;IACD,MAAMU,KAAK,WACND,SADM,2CACoCV,QADpC,iBAAX;EAGD;;EAEDE,GAAG,CAACU,WAAJ,aAAqBZ,QAArB;EACAG,QAAQ,CAACS,WAAT,aAA0BZ,QAA1B;EAEA,OAAO,CAACG,QAAD,EAAWL,UAAX,CAAP;AACD"}

package/build/esm/utils/{createSubscription.js → create-subscription.js}

@@ -19,4 +19,4 @@ export function createSubscription() {
     notify: notify
   };
 }
-//# sourceMappingURL=createSubscription.js.map
+//# sourceMappingURL=create-subscription.js.map

package/build/esm/utils/create-subscription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-subscription.js","names":["createSubscription","subscriptions","subscribe","fn","push","splice","indexOf","notify","forEach"],"sources":["../../../src/utils/create-subscription.ts"],"sourcesContent":["export function createSubscription() {\n  const subscriptions: (() => void)[] = [];\n\n  function subscribe(fn: () => void) {\n    subscriptions.push(fn);\n    return () => {\n      subscriptions.splice(subscriptions.indexOf(fn), 1);\n    };\n  }\n\n  function notify() {\n    subscriptions.forEach((fn) => fn());\n  }\n\n  return { subscribe, notify };\n}\n"],"mappings":"AAAA,OAAO,SAASA,kBAAT,GAA8B;EACnC,IAAMC,aAA6B,GAAG,EAAtC;;EAEA,SAASC,SAAT,CAAmBC,EAAnB,EAAmC;IACjCF,aAAa,CAACG,IAAd,CAAmBD,EAAnB;IACA,OAAO,YAAM;MACXF,aAAa,CAACI,MAAd,CAAqBJ,aAAa,CAACK,OAAd,CAAsBH,EAAtB,CAArB,EAAgD,CAAhD;IACD,CAFD;EAGD;;EAED,SAASI,MAAT,GAAkB;IAChBN,aAAa,CAACO,OAAd,CAAsB,UAACL,EAAD;MAAA,OAAQA,EAAE,EAAV;IAAA,CAAtB;EACD;;EAED,OAAO;IAAED,SAAS,EAATA,SAAF;IAAaK,MAAM,EAANA;EAAb,CAAP;AACD"}

package/build/esm/utils/{getCircularIndex.js → get-circular-index.js}

@@ -5,4 +5,4 @@ export function getCircularIndex(index, maxLength) {
 
   return (index % maxLength + maxLength) % maxLength;
 }
-//# sourceMappingURL=getCircularIndex.js.map
+//# sourceMappingURL=get-circular-index.js.map

package/build/esm/utils/get-circular-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-circular-index.js","names":["getCircularIndex","index","maxLength"],"sources":["../../../src/utils/get-circular-index.ts"],"sourcesContent":["export function getCircularIndex(index: number, maxLength: number) {\n  if (maxLength < 0) {\n    return null;\n  }\n\n  return ((index % maxLength) + maxLength) % maxLength;\n}\n"],"mappings":"AAAA,OAAO,SAASA,gBAAT,CAA0BC,KAA1B,EAAyCC,SAAzC,EAA4D;EACjE,IAAIA,SAAS,GAAG,CAAhB,EAAmB;IACjB,OAAO,IAAP;EACD;;EAED,OAAO,CAAED,KAAK,GAAGC,SAAT,GAAsBA,SAAvB,IAAoCA,SAA3C;AACD"}

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

@@ -1,4 +1,10 @@
-export * from './assignRef';
-export * from './wrapEvent';
-export * from './getCircularIndex';
-export * from './rubberBandClamp';
+export * from './assign-ref';
+export * from './can-use-dom';
+export * from './context';
+export * from './get-circular-index';
+export * from './is-right-click';
+export * from './owner-document';
+export * from './polymorphic';
+export * from './rubber-band-clamp';
+export * from './use-stable-callback';
+export * from './wrap-event';

package/build/esm/utils/index.js

@@ -1,5 +1,11 @@
-export * from './assignRef';
-export * from './wrapEvent';
-export * from './getCircularIndex';
-export * from './rubberBandClamp';
+export * from './assign-ref';
+export * from './can-use-dom';
+export * from './context';
+export * from './get-circular-index';
+export * from './is-right-click';
+export * from './owner-document';
+export * from './polymorphic';
+export * from './rubber-band-clamp';
+export * from './use-stable-callback';
+export * from './wrap-event';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAd;AACA,cAAc,aAAd;AACA,cAAc,oBAAd;AACA,cAAc,mBAAd","sourcesContent":["export * from './assignRef';\nexport * from './wrapEvent';\nexport * from './getCircularIndex';\nexport * from './rubberBandClamp';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from './assign-ref';\nexport * from './can-use-dom';\nexport * from './context';\nexport * from './get-circular-index';\nexport * from './is-right-click';\nexport * from './owner-document';\nexport * from './polymorphic';\nexport * from './rubber-band-clamp';\nexport * from './use-stable-callback';\nexport * from './wrap-event';\n"],"mappings":"AAAA,cAAc,cAAd;AACA,cAAc,eAAd;AACA,cAAc,WAAd;AACA,cAAc,sBAAd;AACA,cAAc,kBAAd;AACA,cAAc,kBAAd;AACA,cAAc,eAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,cAAd"}

package/build/esm/utils/is-right-click.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Detects right clicks
+ *
+ * @param nativeEvent
+ */
+export declare function isRightClick(nativeEvent: MouseEvent | PointerEvent | TouchEvent): boolean;

package/build/esm/utils/is-right-click.js

@@ -0,0 +1,9 @@
+/**
+ * Detects right clicks
+ *
+ * @param nativeEvent
+ */
+export function isRightClick(nativeEvent) {
+  return 'which' in nativeEvent ? nativeEvent.which === 3 : 'button' in nativeEvent ? nativeEvent.button === 2 : false;
+}
+//# sourceMappingURL=is-right-click.js.map

package/build/esm/utils/is-right-click.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-right-click.js","names":["isRightClick","nativeEvent","which","button"],"sources":["../../../src/utils/is-right-click.ts"],"sourcesContent":["/**\n * Detects right clicks\n *\n * @param nativeEvent\n */\nexport function isRightClick(\n  nativeEvent: MouseEvent | PointerEvent | TouchEvent\n) {\n  return 'which' in nativeEvent\n    ? nativeEvent.which === 3\n    : 'button' in nativeEvent\n    ? (nativeEvent as any).button === 2\n    : false;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAT,CACLC,WADK,EAEL;EACA,OAAO,WAAWA,WAAX,GACHA,WAAW,CAACC,KAAZ,KAAsB,CADnB,GAEH,YAAYD,WAAZ,GACCA,WAAD,CAAqBE,MAArB,KAAgC,CADhC,GAEA,KAJJ;AAKD"}

package/build/esm/utils/owner-document.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Get an element's owner document. Useful when components are used in iframes
+ * or other environments like dev tools.
+ *
+ * @param element
+ */
+export declare function getOwnerDocument<T extends Element>(element: T | null | undefined): Document | null;

package/build/esm/utils/owner-document.js

@@ -0,0 +1,12 @@
+import { canUseDOM } from './can-use-dom';
+/**
+ * Get an element's owner document. Useful when components are used in iframes
+ * or other environments like dev tools.
+ *
+ * @param element
+ */
+
+export function getOwnerDocument(element) {
+  return canUseDOM() ? element ? element.ownerDocument : document : null;
+}
+//# sourceMappingURL=owner-document.js.map

package/build/esm/utils/owner-document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"owner-document.js","names":["canUseDOM","getOwnerDocument","element","ownerDocument","document"],"sources":["../../../src/utils/owner-document.ts"],"sourcesContent":["import { canUseDOM } from './can-use-dom';\n\n/**\n * Get an element's owner document. Useful when components are used in iframes\n * or other environments like dev tools.\n *\n * @param element\n */\nexport function getOwnerDocument<T extends Element>(\n  element: T | null | undefined\n) {\n  return canUseDOM() ? (element ? element.ownerDocument : document) : null;\n}\n"],"mappings":"AAAA,SAASA,SAAT,QAA0B,eAA1B;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,gBAAT,CACLC,OADK,EAEL;EACA,OAAOF,SAAS,KAAME,OAAO,GAAGA,OAAO,CAACC,aAAX,GAA2BC,QAAxC,GAAoD,IAApE;AACD"}

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

@@ -0,0 +1,32 @@
+import type * as React from 'react';
+export declare type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
+/**
+ * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
+ */
+export declare type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
+/**
+ * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
+ */
+export declare type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
+declare type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
+    as?: E;
+}>>;
+export interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
+    <As = IntrinsicElementString>(props: As extends '' ? {
+        as: keyof JSX.IntrinsicElements;
+    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
+        as: As;
+    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+        as: As;
+    }> : never): React.ReactElement | null;
+}
+export interface MemoComponent<IntrinsicElementString, OwnProps = {}> extends React.MemoExoticComponent<ForwardRefComponent<IntrinsicElementString, OwnProps>> {
+    <As = IntrinsicElementString>(props: As extends '' ? {
+        as: keyof JSX.IntrinsicElements;
+    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
+        as: As;
+    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+        as: As;
+    }> : never): React.ReactElement | null;
+}
+export {};

package/build/esm/utils/polymorphic.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=polymorphic.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic.js","names":[],"sources":["../../../src/utils/polymorphic.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\n// adapted from https://github.com/radix-ui/primitives/blob/2f139a832ba0cdfd445c937ebf63c2e79e0ef7ed/packages/react/polymorphic/src/polymorphic.ts\n// Would have liked to use it directly instead of copying but they are\n// (rightfully) treating it as an internal utility, so copy/paste it is to\n// prevent any needless churn if they make breaking changes. Big thanks to Jenna\n// for the heavy lifting! https://github.com/jjenzz\n\nimport type * as React from 'react';\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;\n\n/**\n * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs\n */\nexport type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};\n\n/**\n * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs\n */\nexport type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any>\n  ? I\n  : never;\n\ntype ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<\n  Merge<\n    E extends React.ElementType ? React.ComponentPropsWithRef<E> : never,\n    OwnProps & { as?: E }\n  >\n>;\n\nexport interface ForwardRefComponent<\n  IntrinsicElementString,\n  OwnProps = {}\n  /*\n   * Extends original type to ensure built in React types play nice with\n   * polymorphic components still e.g. `React.ElementRef` etc.\n   */\n> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {\n  /*\n   * When `as` prop is passed, use this overload. Merges original own props\n   * (without DOM props) and the inferred props from `as` element with the own\n   * props taking precendence.\n   *\n   * We explicitly avoid `React.ElementType` and manually narrow the prop types\n   * so that events are typed when using JSX.IntrinsicElements.\n   */\n  <As = IntrinsicElementString>(\n    props: As extends ''\n      ? { as: keyof JSX.IntrinsicElements }\n      : As extends React.ComponentType<infer P>\n      ? Merge<P, OwnProps & { as: As }>\n      : As extends keyof JSX.IntrinsicElements\n      ? Merge<JSX.IntrinsicElements[As], OwnProps & { as: As }>\n      : never\n  ): React.ReactElement | null;\n}\n\nexport interface MemoComponent<IntrinsicElementString, OwnProps = {}>\n  extends React.MemoExoticComponent<\n    ForwardRefComponent<IntrinsicElementString, OwnProps>\n  > {\n  <As = IntrinsicElementString>(\n    props: As extends ''\n      ? { as: keyof JSX.IntrinsicElements }\n      : As extends React.ComponentType<infer P>\n      ? Merge<P, OwnProps & { as: As }>\n      : As extends keyof JSX.IntrinsicElements\n      ? Merge<JSX.IntrinsicElements[As], OwnProps & { as: As }>\n      : never\n  ): React.ReactElement | null;\n}\n"],"mappings":""}

package/build/esm/utils/{rubberBandClamp.js → rubber-band-clamp.js}

@@ -17,4 +17,4 @@ export function rubberBandClamp(min, max, delta) {
 
   return delta;
 }
-//# sourceMappingURL=rubberBandClamp.js.map
+//# sourceMappingURL=rubber-band-clamp.js.map

package/build/esm/utils/rubber-band-clamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rubber-band-clamp.js","names":["rubberBand","distance","dimension","constant","rubberBandClamp","min","max","delta"],"sources":["../../../src/utils/rubber-band-clamp.ts"],"sourcesContent":["// https://twitter.com/chpwn/status/285540192096497664\n// iOS constant = 0.55\nexport function rubberBand(\n  distance: number,\n  dimension: number,\n  constant = 0.15\n) {\n  return (distance * dimension * constant) / (dimension + constant * distance);\n}\n\nexport function rubberBandClamp(\n  min: number,\n  max: number,\n  delta: number,\n  constant = 0.15\n) {\n  if (delta < min) {\n    return -rubberBand(min - delta, max - min, constant) + min;\n  }\n  if (delta > max) {\n    return rubberBand(delta - max, max - min, constant) + max;\n  }\n\n  return delta;\n}\n"],"mappings":"AAAA;AACA;AACA,OAAO,SAASA,UAAT,CACLC,QADK,EAELC,SAFK,EAIL;EAAA,IADAC,QACA,uEADW,IACX;EACA,OAAQF,QAAQ,GAAGC,SAAX,GAAuBC,QAAxB,IAAqCD,SAAS,GAAGC,QAAQ,GAAGF,QAA5D,CAAP;AACD;AAED,OAAO,SAASG,eAAT,CACLC,GADK,EAELC,GAFK,EAGLC,KAHK,EAKL;EAAA,IADAJ,QACA,uEADW,IACX;;EACA,IAAII,KAAK,GAAGF,GAAZ,EAAiB;IACf,OAAO,CAACL,UAAU,CAACK,GAAG,GAAGE,KAAP,EAAcD,GAAG,GAAGD,GAApB,EAAyBF,QAAzB,CAAX,GAAgDE,GAAvD;EACD;;EACD,IAAIE,KAAK,GAAGD,GAAZ,EAAiB;IACf,OAAON,UAAU,CAACO,KAAK,GAAGD,GAAT,EAAcA,GAAG,GAAGD,GAApB,EAAyBF,QAAzB,CAAV,GAA+CG,GAAtD;EACD;;EAED,OAAOC,KAAP;AACD"}

package/build/esm/utils/use-stable-callback.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop and exposed as a stable function to avoid executing effects when passed
+ * as a dependency.
+ */
+export declare function useStableCallback<T extends (...args: any[]) => any>(callback: T | null | undefined): T;
+/**
+ * Converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop and exposed as a stable function to avoid executing effects when passed
+ * as a dependency.
+ *
+ * Use this over `useStableCallback` when you want the callback to be cached in
+ * `useLayoutEffect` instead of `useEffect` to deal with timing issues only when
+ * needed.
+ */
+export declare function useStableLayoutCallback<T extends (...args: any[]) => any>(callback: T | null | undefined): T;

package/build/esm/utils/use-stable-callback.js

@@ -0,0 +1,43 @@
+/* eslint-disable react-hooks/rules-of-hooks */
+import { useRef, useEffect, useCallback, useLayoutEffect } from 'react';
+var useEnhancedEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+/**
+ * Converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop and exposed as a stable function to avoid executing effects when
+ * passed as a dependency.
+ */
+
+function createStableCallbackHook(useEffectHook, callback) {
+  var callbackRef = useRef(callback);
+  useEffectHook(function () {
+    callbackRef.current = callback;
+  }); // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  return useCallback(function () {
+    callbackRef.current && callbackRef.current.apply(callbackRef, arguments);
+  }, []);
+}
+/**
+ * Converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop and exposed as a stable function to avoid executing effects when passed
+ * as a dependency.
+ */
+
+
+export function useStableCallback(callback) {
+  return createStableCallbackHook(useEffect, callback);
+}
+/**
+ * Converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop and exposed as a stable function to avoid executing effects when passed
+ * as a dependency.
+ *
+ * Use this over `useStableCallback` when you want the callback to be cached in
+ * `useLayoutEffect` instead of `useEffect` to deal with timing issues only when
+ * needed.
+ */
+
+export function useStableLayoutCallback(callback) {
+  return createStableCallbackHook(useEnhancedEffect, callback);
+}
+//# sourceMappingURL=use-stable-callback.js.map