@nextui-org/react 1.0.2-beta.3 → 1.0.2-beta.4

package/esm/tooltip/tooltip-content.js

@@ -1,135 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = require("react-dom");
-
-var _usePortal = _interopRequireDefault(require("../use-portal"));
-
-var _useResize = _interopRequireDefault(require("../use-resize"));
-
-var _cssTransition = _interopRequireDefault(require("../utils/css-transition"));
-
-var _useClickAnywhere = _interopRequireDefault(require("../use-click-anywhere"));
-
-var _placement = require("./placement");
-
-var _clsx = _interopRequireDefault(require("../utils/clsx"));
-
-var _tooltip = require("./tooltip.styles");
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const defaultProps = {
-  placement: 'top',
-  offset: 12,
-  className: ''
-};
-const preClass = 'nextui-tooltip';
-
-const TooltipContent = ({
-  children,
-  parent,
-  visible,
-  offset,
-  placement,
-  rounded,
-  animated,
-  className,
-  hideArrow,
-  css,
-  ...props
-}) => {
-  const el = (0, _usePortal.default)('tooltip');
-  const selfRef = (0, _react.useRef)(null);
-  const [rect, setRect] = (0, _react.useState)(_placement.defaultTooltipPlacement);
-  if (!parent) return null;
-
-  const updateRect = () => {
-    const pos = (0, _placement.getPlacement)(placement, (0, _placement.getRect)(parent), offset);
-    setRect(pos);
-  };
-
-  const {
-    transform,
-    top,
-    left,
-    right,
-    bottom
-  } = (0, _react.useMemo)(() => (0, _placement.getIconPlacement)(placement, 5), [placement]);
-  (0, _useResize.default)(updateRect);
-  (0, _useClickAnywhere.default)(() => updateRect());
-  (0, _react.useEffect)(() => {
-    updateRect();
-  }, [visible]);
-
-  const preventHandler = event => {
-    event.stopPropagation();
-    event.nativeEvent.stopImmediatePropagation();
-  };
-
-  const getState = (0, _react.useMemo)(() => {
-    return visible ? 'open' : 'closed';
-  }, [visible]);
-  if (!el) return null;
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_cssTransition.default, {
-    name: `${preClass}-wrapper`,
-    visible: visible,
-    enterTime: 20,
-    leaveTime: 20,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.StyledTooltipContent, {
-      className: (0, _clsx.default)(`${preClass}-content`, `${preClass}--${getState}`, className),
-      "data-state": getState,
-      ref: selfRef,
-      onClick: preventHandler,
-      animated: animated,
-      css: {
-        left: rect.left,
-        top: `calc(${rect.top} + 6px)`,
-        transform: rect.transform,
-        [`&.${preClass}-wrapper-enter-active`]: {
-          opacity: 1,
-          top: rect.top
-        },
-        ...css
-      },
-      ...props,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_tooltip.StyledTooltip, {
-        role: "tooltip",
-        "data-state": getState,
-        hideArrow: hideArrow,
-        className: (0, _clsx.default)(preClass, {
-          [`${preClass}--with-arrow`]: !hideArrow
-        }),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.StyledTooltipArrow, {
-          className: `${preClass}-arrow`,
-          css: {
-            left,
-            top,
-            right,
-            bottom,
-            transform
-          }
-        }), children]
-      })
-    })
-  }), el);
-};
-
-TooltipContent.toString = () => '.nextui-tooltip-content';
-
-var _default = (0, _withDefaults.default)(TooltipContent, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+import t,{useEffect as o,useMemo as e,useRef as r,useState as i}from"react";import{createPortal as s}from"react-dom";import a from"../use-portal";import m from"../use-resize";import n from"../utils/css-transition";import l from"../use-click-anywhere";import{getRect as p,getPlacement as c,defaultTooltipPlacement as f,getIconPlacement as u}from"./placement";import d from"../utils/clsx";import{StyledTooltipContent as h,StyledTooltip as w,StyledTooltipArrow as x}from"./tooltip.styles";import $ from"../utils/with-defaults";import{jsx as v}from"react/jsx-runtime";import{jsxs as g}from"react/jsx-runtime";const N="nextui-tooltip",b=({children:t,parent:$,visible:b,offset:j,placement:y,rounded:k,animated:A,className:P,hideArrow:T,css:z,...C})=>{const E=a("tooltip"),I=r(null),[S,q]=i(f);if(!$)return null;const B=()=>{const t=c(y,p($),j);q(t)},{transform:D,top:F,left:G,right:H,bottom:J}=e((()=>u(y,5)),[y]);m(B),l((()=>B())),o((()=>{B()}),[b]);const K=e((()=>b?"open":"closed"),[b]);return E?s(v(n,{name:`${N}-wrapper`,visible:b,enterTime:20,leaveTime:20,children:v(h,{className:d(`${N}-content`,`${N}--${K}`,P),"data-state":K,ref:I,onClick:t=>{t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()},animated:A,css:{left:S.left,top:`calc(${S.top} + 6px)`,transform:S.transform,[`&.${N}-wrapper-enter-active`]:{opacity:1,top:S.top},...z},...C,children:g(w,{role:"tooltip","data-state":K,hideArrow:T,className:d(N,{[`${N}--with-arrow`]:!T}),children:[v(x,{className:`${N}-arrow`,css:{left:G,top:F,right:H,bottom:J,transform:D}}),t]})})}),E):null};b.toString=()=>".nextui-tooltip-content";export default $(b,{placement:"top",offset:12,className:""});

package/esm/tooltip/tooltip.js

@@ -1,143 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _tooltipContent = _interopRequireDefault(require("./tooltip-content"));
-
-var _useClickAway = _interopRequireDefault(require("../use-click-away"));
-
-var _tooltip = require("./tooltip.styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const defaultProps = {
-  initialVisible: false,
-  hideArrow: false,
-  animated: true,
-  shadow: true,
-  rounded: false,
-  keepMounted: false,
-  trigger: 'hover',
-  enterDelay: 0,
-  leaveDelay: 0,
-  className: '',
-  portalClassName: '',
-  onVisibleChange: () => {}
-};
-
-const Tooltip = ({
-  children,
-  initialVisible,
-  content,
-  offset,
-  placement,
-  portalClassName,
-  enterDelay,
-  leaveDelay,
-  trigger,
-  rounded,
-  animated,
-  shadow,
-  className,
-  color,
-  contentColor,
-  onVisibleChange,
-  hideArrow,
-  css,
-  triggerCss,
-  onClick,
-  keepMounted,
-  visible: customVisible,
-  ...props
-}) => {
-  const timer = (0, _react.useRef)();
-  const ref = (0, _react.useRef)(null);
-  const [visible, setVisible] = (0, _react.useState)(initialVisible);
-  const contentProps = {
-    animated,
-    visible,
-    css,
-    shadow,
-    offset,
-    placement,
-    rounded,
-    color,
-    contentColor,
-    hideArrow,
-    parent: ref,
-    className: portalClassName
-  };
-
-  const changeVisible = nextState => {
-    const clear = () => {
-      clearTimeout(timer.current);
-      timer.current = undefined;
-    };
-
-    const handler = nextState => {
-      setVisible(nextState);
-      onVisibleChange(nextState);
-      clear();
-    };
-
-    clear();
-
-    if (nextState) {
-      timer.current = window.setTimeout(() => handler(true), enterDelay);
-      return;
-    }
-
-    timer.current = window.setTimeout(() => handler(false), leaveDelay);
-  };
-
-  const mouseEventHandler = next => {
-    trigger === 'hover' && changeVisible(next);
-  };
-
-  const clickEventHandler = () => {
-    trigger === 'click' && changeVisible(!visible);
-    onClick == null ? void 0 : onClick();
-  };
-
-  (0, _useClickAway.default)(ref, () => trigger === 'click' && !keepMounted && changeVisible(false));
-  (0, _react.useEffect)(() => {
-    if (customVisible === undefined) return;
-    changeVisible(customVisible);
-  }, [customVisible]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_tooltip.StyledTooltipTrigger, {
-    ref: ref,
-    role: "button",
-    tabIndex: -1,
-    className: `nextui-tooltip-button ${className}`,
-    onClick: clickEventHandler,
-    onKeyUp: () => mouseEventHandler(true),
-    onMouseEnter: () => mouseEventHandler(true),
-    onMouseLeave: () => mouseEventHandler(false),
-    onFocus: () => mouseEventHandler(true),
-    onBlur: () => mouseEventHandler(false),
-    css: { ...triggerCss
-    },
-    ...props,
-    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltipContent.default, { ...contentProps,
-      children: content
-    })]
-  });
-};
-
-Tooltip.toString = () => '.nextui-tooltip';
-
-var _default = (0, _withDefaults.default)(Tooltip, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+import e,{useEffect as o,useRef as t,useState as r}from"react";import i from"../utils/with-defaults";import n from"./tooltip-content";import l from"../use-click-away";import{StyledTooltipTrigger as s}from"./tooltip.styles";import{jsx as a}from"react/jsx-runtime";import{jsxs as c}from"react/jsx-runtime";const m=({children:e,initialVisible:i,content:m,offset:u,placement:d,portalClassName:p,enterDelay:f,leaveDelay:h,trigger:w,rounded:b,animated:g,shadow:v,className:C,color:x,contentColor:k,onVisibleChange:y,hideArrow:N,css:j,triggerCss:D,onClick:M,keepMounted:V,visible:A,...T})=>{const B=t(),E=t(null),[F,I]=r(i),K={animated:g,visible:F,css:j,shadow:v,offset:u,placement:d,rounded:b,color:x,contentColor:k,hideArrow:N,parent:E,className:p},L=e=>{const o=()=>{clearTimeout(B.current),B.current=void 0},t=e=>{I(e),y(e),o()};o(),B.current=e?window.setTimeout((()=>t(!0)),f):window.setTimeout((()=>t(!1)),h)},S=e=>{"hover"===w&&L(e)};return l(E,(()=>"click"===w&&!V&&L(!1))),o((()=>{void 0!==A&&L(A)}),[A]),c(s,{ref:E,role:"button",tabIndex:-1,className:`nextui-tooltip-button ${C}`,onClick:()=>{"click"===w&&L(!F),null==M||M()},onKeyUp:()=>S(!0),onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),onFocus:()=>S(!0),onBlur:()=>S(!1),css:{...D},...T,children:[e,a(n,{...K,children:m})]})};m.toString=()=>".nextui-tooltip";export default i(m,{initialVisible:!1,hideArrow:!1,animated:!0,shadow:!0,rounded:!1,keepMounted:!1,trigger:"hover",enterDelay:0,leaveDelay:0,className:"",portalClassName:"",onVisibleChange:()=>{}});

package/esm/tooltip/tooltip.styles.js

@@ -1,159 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.StyledTooltipTrigger = exports.StyledTooltipContent = exports.StyledTooltipArrow = exports.StyledTooltip = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-const StyledTooltipTrigger = (0, _stitches.styled)('div', {
-  width: 'max-content',
-  display: 'inherit'
-});
-exports.StyledTooltipTrigger = StyledTooltipTrigger;
-const StyledTooltipArrow = (0, _stitches.styled)('span', {
-  display: 'none',
-  content: '',
-  size: '$5',
-  zIndex: '-2',
-  background: '$$tooltipColor',
-  br: '0px 0px 2px 0px',
-  position: 'absolute'
-});
-exports.StyledTooltipArrow = StyledTooltipArrow;
-const StyledTooltip = (0, _stitches.styled)('div', {
-  position: 'relative',
-  fs: '$xs',
-  padding: 0,
-  variants: {
-    hideArrow: {
-      false: {
-        [`& ${StyledTooltipArrow}`]: {
-          display: 'block'
-        }
-      }
-    }
-  }
-});
-exports.StyledTooltip = StyledTooltip;
-const StyledTooltipContent = (0, _stitches.styled)('div', {
-  position: 'absolute',
-  width: 'auto',
-  padding: '$3 $sm',
-  opacity: 0,
-  zIndex: '$10',
-  br: '$lg',
-  '@motion': {
-    transition: 'none'
-  },
-  variants: {
-    color: {
-      default: {
-        $$tooltipColor: '$colors$background',
-        bg: '$$tooltipColor'
-      },
-      primary: {
-        $$tooltipColor: '$colors$primary',
-        bg: '$$tooltipColor'
-      },
-      secondary: {
-        $$tooltipColor: '$colors$secondary',
-        bg: '$$tooltipColor'
-      },
-      success: {
-        $$tooltipColor: '$colors$success',
-        bg: '$$tooltipColor'
-      },
-      warning: {
-        $$tooltipColor: '$colors$warning',
-        bg: '$$tooltipColor'
-      },
-      error: {
-        $$tooltipColor: '$colors$error',
-        bg: '$$tooltipColor'
-      },
-      invert: {
-        $$tooltipColor: '$colors$foreground',
-        $$tooltipTextColor: '$colors$background',
-        bg: '$$tooltipColor'
-      }
-    },
-    contentColor: {
-      default: {
-        $$tooltipTextColor: '$colors$text',
-        color: '$$tooltipTextColor'
-      },
-      primary: {
-        $$tooltipTextColor: '$colors$primary',
-        color: '$$tooltipTextColor'
-      },
-      secondary: {
-        $$tooltipTextColor: '$colors$secondary',
-        color: '$$tooltipTextColor'
-      },
-      success: {
-        $$tooltipTextColor: '$colors$success',
-        color: '$$tooltipTextColor'
-      },
-      warning: {
-        $$tooltipTextColor: '$colors$warning',
-        color: '$$tooltipTextColor'
-      },
-      error: {
-        $$tooltipTextColor: '$colors$error',
-        color: '$$tooltipTextColor'
-      }
-    },
-    rounded: {
-      true: {
-        br: '$pill'
-      }
-    },
-    shadow: {
-      true: {
-        bs: '$md'
-      }
-    },
-    animated: {
-      true: {
-        transition: 'opacity 0.25s ease 0s, top 0.25s ease 0s'
-      },
-      false: {
-        transition: 'none'
-      }
-    }
-  },
-  compoundVariants: [// color='primary' && contentColor='default'
-  {
-    color: 'primary',
-    contentColor: 'default',
-    css: {
-      $$tooltipTextColor: '$colors$white'
-    }
-  }, // color='secondary' && contentColor='default'
-  {
-    color: 'secondary',
-    contentColor: 'default',
-    css: {
-      $$tooltipTextColor: '$colors$white'
-    }
-  }, // color='success' && contentColor='default'
-  {
-    color: 'success',
-    contentColor: 'default',
-    css: {
-      $$tooltipTextColor: '$colors$white'
-    }
-  }, // color='error' && contentColor='default'
-  {
-    color: 'error',
-    contentColor: 'default',
-    css: {
-      $$tooltipTextColor: '$colors$white'
-    }
-  }],
-  defaultVariants: {
-    color: 'default',
-    contentColor: 'default'
-  }
-});
-exports.StyledTooltipContent = StyledTooltipContent;
+import{styled as o}from"../theme/stitches.config";export const StyledTooltipTrigger=o("div",{width:"max-content",display:"inherit"});export const StyledTooltipArrow=o("span",{display:"none",content:"",size:"$5",zIndex:"-2",background:"$$tooltipColor",br:"0px 0px 2px 0px",position:"absolute"});export const StyledTooltip=o("div",{position:"relative",fs:"$xs",padding:0,variants:{hideArrow:{false:{[`& ${StyledTooltipArrow}`]:{display:"block"}}}}});export const StyledTooltipContent=o("div",{position:"absolute",width:"auto",padding:"$3 $sm",opacity:0,zIndex:"$10",br:"$lg","@motion":{transition:"none"},variants:{color:{default:{$$tooltipColor:"$colors$background",bg:"$$tooltipColor"},primary:{$$tooltipColor:"$colors$primary",bg:"$$tooltipColor"},secondary:{$$tooltipColor:"$colors$secondary",bg:"$$tooltipColor"},success:{$$tooltipColor:"$colors$success",bg:"$$tooltipColor"},warning:{$$tooltipColor:"$colors$warning",bg:"$$tooltipColor"},error:{$$tooltipColor:"$colors$error",bg:"$$tooltipColor"},invert:{$$tooltipColor:"$colors$foreground",$$tooltipTextColor:"$colors$background",bg:"$$tooltipColor"}},contentColor:{default:{$$tooltipTextColor:"$colors$text",color:"$$tooltipTextColor"},primary:{$$tooltipTextColor:"$colors$primary",color:"$$tooltipTextColor"},secondary:{$$tooltipTextColor:"$colors$secondary",color:"$$tooltipTextColor"},success:{$$tooltipTextColor:"$colors$success",color:"$$tooltipTextColor"},warning:{$$tooltipTextColor:"$colors$warning",color:"$$tooltipTextColor"},error:{$$tooltipTextColor:"$colors$error",color:"$$tooltipTextColor"}},rounded:{true:{br:"$pill"}},shadow:{true:{bs:"$md"}},animated:{true:{transition:"opacity 0.25s ease 0s, top 0.25s ease 0s"},false:{transition:"none"}}},compoundVariants:[{color:"primary",contentColor:"default",css:{$$tooltipTextColor:"$colors$white"}},{color:"secondary",contentColor:"default",css:{$$tooltipTextColor:"$colors$white"}},{color:"success",contentColor:"default",css:{$$tooltipTextColor:"$colors$white"}},{color:"error",contentColor:"default",css:{$$tooltipTextColor:"$colors$white"}}],defaultVariants:{color:"default",contentColor:"default"}});

package/esm/use-body-scroll/index.js

@@ -1,12 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _useBodyScroll = _interopRequireDefault(require("./use-body-scroll"));
-
-var _default = _useBodyScroll.default;
-exports.default = _default;
-module.exports = exports.default;
+import o from"./use-body-scroll";export default o;

package/esm/use-body-scroll/use-body-scroll.js

@@ -1,77 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = require("react");
-
-const defaultOptions = {
-  scrollLayer: false
-};
-const elementStack = new Map();
-
-const isIos = () => {
-  /* istanbul ignore next */
-  if (typeof window === 'undefined' || !window.navigator) return false;
-  return /iP(ad|hone|od)/.test(window.navigator.platform);
-};
-
-const touchHandler = event => {
-  if (event.touches && event.touches.length > 1) return true;
-  event.preventDefault();
-  return false;
-};
-
-const useBodyScroll = (elementRef, options) => {
-  /* istanbul ignore next */
-  if (typeof document === 'undefined') return [false, t => t];
-  const elRef = elementRef || (0, _react.useRef)(document.body);
-  const [hidden, setHidden] = (0, _react.useState)(false);
-  const safeOptions = { ...defaultOptions,
-    ...(options || {})
-  }; // don't prevent touch event when layer contain scroll
-
-  const isIosWithCustom = () => {
-    if (safeOptions.scrollLayer) return false;
-    return isIos();
-  };
-
-  (0, _react.useEffect)(() => {
-    if (!elRef || !elRef.current) return;
-    const lastOverflow = elRef.current.style.overflow;
-
-    if (hidden) {
-      if (elementStack.has(elRef.current)) return;
-
-      if (!isIosWithCustom()) {
-        elRef.current.style.overflow = 'hidden';
-      } else {
-        document.addEventListener('touchmove', touchHandler, {
-          passive: false
-        });
-      }
-
-      elementStack.set(elRef.current, {
-        last: lastOverflow
-      });
-      return;
-    } // reset element overflow
-
-
-    if (!elementStack.has(elRef.current)) return;
-
-    if (!isIosWithCustom()) {
-      const store = elementStack.get(elRef.current);
-      elRef.current.style.overflow = store.last;
-    } else {
-      document.removeEventListener('touchmove', touchHandler);
-    }
-
-    elementStack.delete(elRef.current);
-  }, [hidden, elRef]);
-  return [hidden, setHidden];
-};
-
-var _default = useBodyScroll;
-exports.default = _default;
-module.exports = exports.default;
+import{useEffect as e,useRef as t,useState as r}from"react";const n={scrollLayer:!1},o=new Map,u=e=>!!(e.touches&&e.touches.length>1)||(e.preventDefault(),!1);export default(c,s)=>{if("undefined"==typeof document)return[!1,e=>e];const d=c||t(document.body),[i,a]=r(!1),l={...n,...s||{}},f=()=>!l.scrollLayer&&(!("undefined"==typeof window||!window.navigator)&&/iP(ad|hone|od)/.test(window.navigator.platform));return e((()=>{if(!d||!d.current)return;const e=d.current.style.overflow;if(i){if(o.has(d.current))return;return f()?document.addEventListener("touchmove",u,{passive:!1}):d.current.style.overflow="hidden",void o.set(d.current,{last:e})}if(o.has(d.current)){if(f())document.removeEventListener("touchmove",u);else{const e=o.get(d.current);d.current.style.overflow=e.last}o.delete(d.current)}}),[i,d]),[i,a]};

package/esm/use-click-anywhere/index.js

@@ -1,12 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _useClickAnywhere = _interopRequireDefault(require("./use-click-anywhere"));
-
-var _default = _useClickAnywhere.default;
-exports.default = _default;
-module.exports = exports.default;
+import e from"./use-click-anywhere";export default e;

package/esm/use-click-anywhere/use-click-anywhere.js

@@ -1,19 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = require("react");
-
-const useClickAnyWhere = handler => {
-  (0, _react.useEffect)(() => {
-    const callback = event => handler(event);
-
-    document.addEventListener('click', callback);
-    return () => document.removeEventListener('click', callback);
-  }, [handler]);
-};
-
-var _default = useClickAnyWhere;
-exports.default = _default;
-module.exports = exports.default;
+import{useEffect as e}from"react";export default t=>{e((()=>{const e=e=>t(e);return document.addEventListener("click",e),()=>document.removeEventListener("click",e)}),[t])};

package/esm/use-click-away/index.js

@@ -1,12 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _useClickAway = _interopRequireDefault(require("./use-click-away"));
-
-var _default = _useClickAway.default;
-exports.default = _default;
-module.exports = exports.default;
+import a from"./use-click-away";export default a;

package/esm/use-click-away/use-click-away.js

@@ -1,23 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = require("react");
-
-const useClickAway = (ref, handler) => {
-  (0, _react.useEffect)(() => {
-    const callback = event => {
-      const el = ref.current;
-      if (!event || !el || el.contains(event.target)) return;
-      handler(event);
-    };
-
-    document.addEventListener('click', callback);
-    return () => document.removeEventListener('click', callback);
-  }, [ref, handler]);
-};
-
-var _default = useClickAway;
-exports.default = _default;
-module.exports = exports.default;
+import{useEffect as t}from"react";export default(e,n)=>{t((()=>{const t=t=>{const r=e.current;t&&r&&!r.contains(t.target)&&n(t)};return document.addEventListener("click",t),()=>document.removeEventListener("click",t)}),[e,n])};

package/esm/use-clipboard/index.js

@@ -1,12 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _useClipboard = _interopRequireDefault(require("./use-clipboard"));
-
-var _default = _useClipboard.default;
-exports.default = _default;
-module.exports = exports.default;
+import o from"./use-clipboard";export default o;