@autoguru/overdrive 4.0.3 → 4.0.4

package/dist/components/Modal/Modal.js

@@ -1,142 +1,86 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["onRequestClose", "isOpen"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 import { warning } from '@autoguru/utilities';
 import * as React from 'react';
 import { useEffect, useReducer } from 'react';
 import FocusLock from 'react-focus-lock';
-import { useEventCallback } from "../../utils/index.js";
-import { Box } from "../Box/index.js";
-import { Portal } from "../Portal/index.js";
-import * as styles from "./Modal.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
+import { useEventCallback } from '../../utils';
+import { Box } from '../Box';
+import { Portal } from '../Portal';
+import * as styles from './Modal.css';
 const reducer = (prevState, action) => {
-  switch (action) {
-    case 'OPEN_MODAL':
-      {
-        switch (prevState) {
-          case 'INITIAL':
-          case 'CLOSING':
-          case 'CLOSED':
-            {
-              return 'OPENING';
+    switch (action) {
+        case 'OPEN_MODAL': {
+            switch (prevState) {
+                case 'INITIAL':
+                case 'CLOSING':
+                case 'CLOSED': {
+                    return 'OPENING';
+                }
+                default:
+                    return prevState;
             }
-
-          default:
-            return prevState;
         }
-      }
-
-    case 'CLOSE_MODAL':
-      {
-        switch (prevState) {
-          case 'OPEN':
-          case 'OPENING':
-            {
-              return 'CLOSING';
+        case 'CLOSE_MODAL': {
+            switch (prevState) {
+                case 'OPEN':
+                case 'OPENING': {
+                    return 'CLOSING';
+                }
+                default:
+                    return prevState;
             }
-
-          default:
-            return prevState;
         }
-      }
-
-    case 'ANIMATION_COMPLETE':
-      {
-        switch (prevState) {
-          case 'CLOSING':
-            {
-              return 'CLOSED';
+        case 'ANIMATION_COMPLETE': {
+            switch (prevState) {
+                case 'CLOSING': {
+                    return 'CLOSED';
+                }
+                case 'OPENING': {
+                    return 'OPEN';
+                }
+                default:
+                    return prevState;
             }
-
-          case 'OPENING':
-            {
-              return 'OPEN';
-            }
-
-          default:
+        }
+        default:
             return prevState;
+    }
+};
+export const Modal = ({ isOpen, hideBackdrop = false, onRequestClose, children, }) => {
+    const [state, dispatch] = useReducer(reducer, 'INITIAL');
+    const handleBackdropClick = useEventCallback((event) => {
+        if (event.target !== event.currentTarget)
+            return;
+        if (typeof onRequestClose === 'function')
+            onRequestClose('backdrop');
+    });
+    useEffect(() => {
+        dispatch(isOpen ? 'OPEN_MODAL' : 'CLOSE_MODAL');
+    }, [isOpen]);
+    useEffect(() => {
+        if (state === 'CLOSING') {
+            const timer = setTimeout(() => {
+                dispatch('ANIMATION_COMPLETE');
+            }, 300);
+            return () => clearTimeout(timer);
         }
-      }
-
-    default:
-      return prevState;
-  }
+        return undefined;
+    }, [state]);
+    return (React.createElement(Portal, null, state === 'OPENING' || state === 'OPEN' || state === 'CLOSING' ? (React.createElement(FocusLock, { returnFocus: true, autoFocus: false, onActivation: () => {
+            dispatch('ANIMATION_COMPLETE');
+        } },
+        React.createElement(Box, { "aria-hidden": "true", position: "fixed", pointerEvents: state === 'CLOSING' ? 'none' : undefined, opacity: state === 'OPEN' ? undefined : 0, className: [
+                styles.backdrop.root,
+                styles.transition,
+                hideBackdrop && styles.backdrop.invisible,
+            ], onClick: handleBackdropClick }),
+        React.createElement(Box, { role: "presentation", position: "fixed", overflow: "hidden", opacity: state === 'OPEN' ? undefined : 0, className: [
+                styles.root,
+                styles.transition,
+                state === 'OPENING' && styles.entry,
+            ] }, children))) : null));
 };
-
-export const Modal = _ref => {
-  let {
-    isOpen,
-    hideBackdrop = false,
-    onRequestClose,
-    children
-  } = _ref;
-  const [state, dispatch] = useReducer(reducer, 'INITIAL');
-  const handleBackdropClick = useEventCallback(event => {
-    if (event.target !== event.currentTarget) return;
-    if (typeof onRequestClose === 'function') onRequestClose('backdrop');
-  });
-  useEffect(() => {
-    dispatch(isOpen ? 'OPEN_MODAL' : 'CLOSE_MODAL');
-  }, [isOpen]);
-  useEffect(() => {
-    if (state === 'CLOSING') {
-      const timer = setTimeout(() => {
-        dispatch('ANIMATION_COMPLETE');
-      }, 300);
-      return () => clearTimeout(timer);
-    }
-
-    return undefined;
-  }, [state]);
-  return _jsx(Portal, {
-    children: state === 'OPENING' || state === 'OPEN' || state === 'CLOSING' ? _jsxs(FocusLock, {
-      returnFocus: true,
-      autoFocus: false,
-      onActivation: () => {
-        dispatch('ANIMATION_COMPLETE');
-      },
-      children: [_jsx(Box, {
-        "aria-hidden": "true",
-        position: "fixed",
-        pointerEvents: state === 'CLOSING' ? 'none' : undefined,
-        opacity: state === 'OPEN' ? undefined : 0,
-        className: [styles.backdrop.root, styles.transition, hideBackdrop && styles.backdrop.invisible],
-        onClick: handleBackdropClick
-      }), _jsx(Box, {
-        role: "presentation",
-        position: "fixed",
-        overflow: "hidden",
-        opacity: state === 'OPEN' ? undefined : 0,
-        className: [styles.root, styles.transition, state === 'OPENING' && styles.entry],
-        children: children
-      })]
-    }) : null
-  });
+export const withModal = (WrappedComponent) => ({ onRequestClose, isOpen, ...rest }) => {
+    warning(false, 'Using withModal is now an anti-pattern. Use <Modal /> instead');
+    return (React.createElement(Modal, { isOpen: isOpen, onRequestClose: onRequestClose },
+        React.createElement(WrappedComponent, { isOpen: isOpen, onRequestClose: onRequestClose, ...rest })));
 };
-export const withModal = WrappedComponent => _ref2 => {
-  let {
-    onRequestClose,
-    isOpen
-  } = _ref2,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
-  process.env.NODE_ENV !== "production" ? warning(false, 'Using withModal is now an anti-pattern. Use <Modal /> instead') : void 0;
-  return _jsx(Modal, {
-    isOpen: isOpen,
-    onRequestClose: onRequestClose,
-    children: _jsx(WrappedComponent, _objectSpread({
-      isOpen: isOpen,
-      onRequestClose: onRequestClose
-    }, rest))
-  });
-};

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { withModal, Modal } from './Modal';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Modal/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { withModal, Modal } from "./Modal.js";
+export { withModal, Modal } from './Modal';

package/dist/components/NumberInput/NumberInput.js

@@ -1,65 +1,34 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["ref"],
-      _excluded2 = ["field", "eventHandlers", "validation", "isLoading", "suffixed", "prefixed", "preventMouseWheel"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 import * as React from 'react';
 import { useCallback, useEffect, useRef } from 'react';
-import { Box } from "../Box/index.js";
-import { withEnhancedInput } from "../private/InputBase/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../Box';
+import { withEnhancedInput } from '../private/InputBase';
 const isEdge = typeof navigator !== 'undefined' && /edge/i.test(navigator.userAgent);
 const type = isEdge ? 'text' : 'number';
-export const NumberInput = withEnhancedInput(_ref => {
-  let {
-    field: {
-      ref
-    },
-    eventHandlers,
-    validation,
-    isLoading,
-    suffixed,
-    prefixed,
-    preventMouseWheel = false
-  } = _ref,
-      incomingFieldProps = _objectWithoutProperties(_ref.field, _excluded),
-      rest = _objectWithoutProperties(_ref, _excluded2);
-
-  const inputRef = useRef(ref === null || ref === void 0 ? void 0 : ref.current);
-  const preventWheel = useCallback(e => {
-    e.preventDefault();
-    e.stopPropagation();
-  }, []);
-  useEffect(() => {
-    let mouseWheelListener;
-    let onWheelListener;
-    let wheelListener;
-
-    if (preventMouseWheel && inputRef !== null && inputRef !== void 0 && inputRef.current) {
-      mouseWheelListener = inputRef.current.addEventListener('mousewheel', preventWheel);
-      onWheelListener = inputRef.current.addEventListener('onwheel', preventWheel);
-      wheelListener = inputRef.current.addEventListener('wheel', preventWheel);
-    }
-
-    return () => {
-      if (mouseWheelListener) inputRef.current.removeEventListener('mousewheel', mouseWheelListener);
-      if (onWheelListener) inputRef.current.removeEventListener('onwheel', onWheelListener);
-      if (wheelListener) inputRef.current.removeEventListener('wheel', wheelListener);
-    };
-  }, [preventMouseWheel, inputRef.current]);
-  return _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    is: "input",
-    ref: inputRef
-  }, eventHandlers), incomingFieldProps), rest), {}, {
-    autoComplete: "off",
-    type: type
-  }));
+export const NumberInput = withEnhancedInput(({ field: { ref, ...incomingFieldProps }, eventHandlers, validation, isLoading, suffixed, prefixed, preventMouseWheel = false, ...rest }) => {
+    const inputRef = useRef(ref?.current);
+    const preventWheel = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    }, []);
+    useEffect(() => {
+        let mouseWheelListener;
+        let onWheelListener;
+        let wheelListener;
+        if (preventMouseWheel && inputRef?.current) {
+            mouseWheelListener = inputRef.current.addEventListener('mousewheel', preventWheel);
+            onWheelListener = inputRef.current.addEventListener('onwheel', preventWheel);
+            wheelListener = inputRef.current.addEventListener('wheel', preventWheel);
+        }
+        return () => {
+            if (mouseWheelListener)
+                inputRef.current.removeEventListener('mousewheel', mouseWheelListener);
+            if (onWheelListener)
+                inputRef.current.removeEventListener('onwheel', onWheelListener);
+            if (wheelListener)
+                inputRef.current.removeEventListener('wheel', wheelListener);
+        };
+    }, [preventMouseWheel, inputRef.current]);
+    return (React.createElement(Box, { is: "input", ref: inputRef, ...eventHandlers, ...incomingFieldProps, ...rest, autoComplete: "off", type: type }));
 }, {
-  primitiveType: type
-});
+    primitiveType: type,
+});

package/dist/components/NumberInput/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { NumberInput } from "./NumberInput.js";
+export { NumberInput } from './NumberInput';

package/dist/components/OrderedList/OrderedList.css.d.ts

@@ -0,0 +1,2 @@
+export declare const root: Record<"default" | "firstOccurrence", string>;
+//# sourceMappingURL=OrderedList.css.d.ts.map

package/dist/components/OrderedList/OrderedList.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.css.d.ts","sourceRoot":"","sources":["../../../lib/components/OrderedList/OrderedList.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,+CAOf,CAAC"}

package/dist/components/OrderedList/OrderedList.css.js

@@ -1,18 +1,10 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/OrderedList/OrderedList.css.ts", "@autoguru/overdrive");
-
 import { styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const root = styleVariants({
-  default: {
-    listStyle: 'outside lower-roman'
-  },
-  firstOccurrence: {
-    paddingLeft: "calc(".concat(vars.space['6'], " * 2)")
-  }
-}, "root");
-
-__vanilla_filescope__.endFileScope();
+    default: {
+        listStyle: 'outside lower-roman',
+    },
+    firstOccurrence: {
+        paddingLeft: `calc(${vars.space['6']} * 2)`,
+    },
+});

package/dist/components/OrderedList/OrderedList.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent, OlHTMLAttributes } from 'react';
+declare type ListStyleType = 'decimal' | 'lower-roman' | 'lower-alpha' | 'upper-alpha';
+export interface Props extends Pick<OlHTMLAttributes<HTMLOListElement>, 'start'> {
+    type?: ListStyleType;
+    className?: string;
+}
+export interface ItemProps {
+    className?: string;
+}
+export declare const OrderedList: FunctionComponent<Props> & {
+    Item: FunctionComponent<ItemProps>;
+};
+export {};
+//# sourceMappingURL=OrderedList.d.ts.map

package/dist/components/OrderedList/OrderedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../../lib/components/OrderedList/OrderedList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,iBAAiB,EACjB,gBAAgB,EAEhB,MAAM,OAAO,CAAC;AAQf,aAAK,aAAa,GAAG,SAAS,GAAG,aAAa,GAAG,aAAa,GAAG,aAAa,CAAC;AAU/E,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACzD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG;IACpD,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;CA6BnC,CAAC"}

package/dist/components/OrderedList/OrderedList.js

@@ -1,64 +1,30 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
-import { createContext, useContext } from 'react';
-import { Box } from "../Box/index.js";
-import { Stack } from "../Stack/index.js";
-import { useTextStyles } from "../Text/index.js";
-import * as styles from "./OrderedList.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const cycles = ['decimal', 'lower-roman', 'lower-alpha', 'upper-alpha', 'lower-roman'];
+import { createContext, useContext, } from 'react';
+import { Box } from '../Box';
+import { Stack } from '../Stack';
+import { useTextStyles } from '../Text';
+import * as styles from './OrderedList.css';
+const cycles = [
+    'decimal',
+    'lower-roman',
+    'lower-alpha',
+    'upper-alpha',
+    'lower-roman',
+];
 const OrderedListContext = createContext(-1);
-export const OrderedList = _ref => {
-  let {
-    children,
-    className = '',
-    type = null,
-    start
-  } = _ref;
-  const cycle = useContext(OrderedListContext);
-  let myCycle;
-
-  if (cycle + 1 > cycles.length) {
-    myCycle = type === null ? 0 : cycles.indexOf(type);
-  } else {
-    myCycle = type === null ? cycle + 1 : cycles.indexOf(type);
-  }
-
-  return _jsx(Box, {
-    is: "ol",
-    paddingLeft: "6",
-    marginTop: myCycle > 0 ? '2' : 'none',
-    className: clsx(styles.root.default, useTextStyles({
-      colour: 'dark'
-    }), {
-      [styles.root.firstOccurrence]: cycle === -1
-    }, className),
-    style: {
-      listStyleType: cycles[myCycle]
-    },
-    start: start,
-    children: _jsx(OrderedListContext.Provider, {
-      value: myCycle,
-      children: _jsx(Stack, {
-        space: "2",
-        children: children
-      })
-    })
-  });
+export const OrderedList = ({ children, className = '', type = null, start }) => {
+    const cycle = useContext(OrderedListContext);
+    let myCycle;
+    if (cycle + 1 > cycles.length) {
+        myCycle = type === null ? 0 : cycles.indexOf(type);
+    }
+    else {
+        myCycle = type === null ? cycle + 1 : cycles.indexOf(type);
+    }
+    return (React.createElement(Box, { is: "ol", paddingLeft: "6", marginTop: myCycle > 0 ? '2' : 'none', className: clsx(styles.root.default, useTextStyles({ colour: 'dark' }), { [styles.root.firstOccurrence]: cycle === -1 }, className), style: { listStyleType: cycles[myCycle] }, start: start },
+        React.createElement(OrderedListContext.Provider, { value: myCycle },
+            React.createElement(Stack, { space: "2" }, children))));
 };
-
-const Item = _ref2 => {
-  let {
-    className = '',
-    children
-  } = _ref2;
-  return _jsx(Box, {
-    is: "li",
-    className: className,
-    children: children
-  });
-};
-
-OrderedList.Item = Item;
+const Item = ({ className = '', children }) => (React.createElement(Box, { is: "li", className: className }, children));
+OrderedList.Item = Item;

package/dist/components/OrderedList/index.d.ts

@@ -0,0 +1,2 @@
+export { OrderedList } from './OrderedList';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/OrderedList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/OrderedList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/OrderedList/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { OrderedList } from "./OrderedList.js";
+export { OrderedList } from './OrderedList';

package/dist/components/OutsideClick/OutsideClick.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent, ReactElement, RefObject } from 'react';
+export declare const useOutsideClick: (refs: Array<RefObject<HTMLElement>>, onClickAway: () => void) => void;
+export interface Props {
+    children: ReactElement;
+    onOutsideClick?(): void;
+}
+export declare const OutsideClick: FunctionComponent<Props>;
+//# sourceMappingURL=OutsideClick.d.ts.map

package/dist/components/OutsideClick/OutsideClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutsideClick.d.ts","sourceRoot":"","sources":["../../../lib/components/OutsideClick/OutsideClick.tsx"],"names":[],"mappings":"AACA,OAAO,EAGN,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAGT,MAAM,OAAO,CAAC;AAIf,eAAO,MAAM,eAAe,SACrB,MAAM,UAAU,WAAW,CAAC,CAAC,eACtB,MAAM,IAAI,SA6BvB,CAAC;AAmBF,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,YAAY,CAAC;IAEvB,cAAc,CAAC,IAAI,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,KAAK,CAmBjD,CAAC"}

package/dist/components/OutsideClick/OutsideClick.js

@@ -1,45 +1,40 @@
-"use strict";
-
 import { warning } from '@autoguru/utilities';
-import { Children, cloneElement, useEffect, useRef } from 'react';
-import { noop } from "../../utils/index.js";
+import { Children, cloneElement, useEffect, useRef, } from 'react';
+import { noop } from '../../utils';
 export const useOutsideClick = (refs, onClickAway) => {
-  const callbackRef = useRef(onClickAway);
-  useEffect(() => {
-    callbackRef.current = onClickAway;
-  }, [onClickAway]);
-  useEffect(() => {
-    if (typeof document === 'undefined' || typeof onClickAway !== 'function') return undefined;
-    return bindEvent(document, 'mouseup', event => {
-      const shouldClose = refs.map(item => item.current).every(element => !(element !== null && element !== void 0 && element.contains(event.target)));
-
-      if (shouldClose) {
-        callbackRef.current();
-      }
-    });
-  }, [refs]);
+    const callbackRef = useRef(onClickAway);
+    useEffect(() => {
+        callbackRef.current = onClickAway;
+    }, [onClickAway]);
+    useEffect(() => {
+        if (typeof document === 'undefined' ||
+            typeof onClickAway !== 'function')
+            return undefined;
+        return bindEvent(document, 'mouseup', (event) => {
+            const shouldClose = refs
+                .map((item) => item.current)
+                .every((element) => !element?.contains(event.target));
+            if (shouldClose) {
+                callbackRef.current();
+            }
+        });
+    }, [refs]);
 };
-
 const bindEvent = (node, event, callback) => {
-  node.addEventListener(event, callback, {
-    passive: true
-  });
-  return () => {
-    node.removeEventListener(event, callback);
-  };
+    node.addEventListener(event, callback, {
+        passive: true,
+    });
+    return () => {
+        node.removeEventListener(event, callback);
+    };
+};
+export const OutsideClick = ({ children, onOutsideClick = noop, }) => {
+    const child = Children.only(children);
+    const rootClickRef = useRef(null);
+    const hasRef = Object.prototype.hasOwnProperty.call(child.props, 'ref');
+    warning(!hasRef, 'This component overrides the child ref, use with caution.');
+    useOutsideClick([rootClickRef], onOutsideClick);
+    return cloneElement(child, {
+        ref: rootClickRef,
+    });
 };
-
-export const OutsideClick = _ref => {
-  let {
-    children,
-    onOutsideClick = noop
-  } = _ref;
-  const child = Children.only(children);
-  const rootClickRef = useRef(null);
-  const hasRef = Object.prototype.hasOwnProperty.call(child.props, 'ref');
-  process.env.NODE_ENV !== "production" ? warning(!hasRef, 'This component overrides the child ref, use with caution.') : void 0;
-  useOutsideClick([rootClickRef], onOutsideClick);
-  return cloneElement(child, {
-    ref: rootClickRef
-  });
-};

package/dist/components/OutsideClick/index.d.ts

@@ -0,0 +1,2 @@
+export { useOutsideClick, OutsideClick } from './OutsideClick';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/OutsideClick/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/OutsideClick/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/OutsideClick/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { useOutsideClick, OutsideClick } from "./OutsideClick.js";
+export { useOutsideClick, OutsideClick } from './OutsideClick';

package/dist/components/OverdriveProvider/OverdriveProvider.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps, FunctionComponent } from 'react';
+import { ThemeProvider } from '../ThemeProvider/ThemeProvider';
+export interface Props extends ComponentProps<typeof ThemeProvider> {
+    noBodyLevelTheming: boolean;
+}
+export declare const OverdriveProvider: FunctionComponent<Props>;
+//# sourceMappingURL=OverdriveProvider.d.ts.map

package/dist/components/OverdriveProvider/OverdriveProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverdriveProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/OverdriveProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,aAAa,CAAC;IAIlE,kBAAkB,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,KAAK,CA8BtD,CAAC"}