@nextui-org/react 1.0.2-alpha.2 → 1.0.2-beta.4

package/esm/tooltip/tooltip.js

@@ -1,141 +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,
-  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,
-  visible: customVisible,
-  ...props
-}) => {
-  const timer = (0, _react.useRef)();
-  const ref = (0, _react.useRef)(null);
-  const [visible, setVisible] = (0, _react.useState)(initialVisible);
-  const contentProps = {
-    css,
-    animated,
-    visible,
-    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' && 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;

package/esm/use-clipboard/use-clipboard.js

@@ -1,57 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = require("react");
-
-var _usePortal = _interopRequireDefault(require("../use-portal"));
-
-var _useWarning = _interopRequireDefault(require("../use-warning"));
-
-var _assertion = require("../utils/assertion");
-
-const defaultOptions = {
-  onError: () => _assertion.__DEV__ && (0, _useWarning.default)('Failed to copy.', 'use-clipboard')
-};
-
-const useClipboard = (options = defaultOptions) => {
-  const el = (0, _usePortal.default)('clipboard');
-
-  const copyText = (el, text) => {
-    if (!el || !text) return;
-    const selection = window.getSelection();
-    if (!selection) return;
-    el.style.whiteSpace = 'pre';
-    el.textContent = text;
-    const range = window.document.createRange();
-    selection.removeAllRanges();
-    range.selectNode(el);
-    selection.addRange(range);
-
-    try {
-      window.document.execCommand('copy');
-    } catch (e) {
-      options.onError && options.onError();
-    }
-
-    selection.removeAllRanges();
-
-    if (el) {
-      el.textContent = '';
-    }
-  };
-
-  const copy = (0, _react.useCallback)(text => {
-    copyText(el, text);
-  }, [el]);
-  return {
-    copy
-  };
-};
-
-var _default = useClipboard;
-exports.default = _default;
-module.exports = exports.default;
+import{useCallback as e}from"react";import o from"../use-portal";import t from"../use-warning";import{__DEV__ as r}from"../utils/assertion";const n={onError:()=>r&&t("Failed to copy.","use-clipboard")};export default(t=n)=>{const r=o("clipboard"),c=e((e=>{((e,o)=>{if(!e||!o)return;const r=window.getSelection();if(!r)return;e.style.whiteSpace="pre",e.textContent=o;const n=window.document.createRange();r.removeAllRanges(),n.selectNode(e),r.addRange(n);try{window.document.execCommand("copy")}catch(e){t.onError&&t.onError()}r.removeAllRanges(),e&&(e.textContent="")})(r,e)}),[r]);return{copy:c}};

package/esm/use-current-state/index.js

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

package/esm/use-current-state/use-current-state.js

@@ -1,28 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = require("react");
-
-const useCurrentState = initialState => {
-  const [state, setState] = (0, _react.useState)(() => {
-    return typeof initialState === 'function' ? initialState() : initialState;
-  });
-  const ref = (0, _react.useRef)(initialState);
-  (0, _react.useEffect)(() => {
-    ref.current = state;
-  }, [state]);
-
-  const setValue = val => {
-    const result = typeof val === 'function' ? val(ref.current) : val;
-    ref.current = result;
-    setState(result);
-  };
-
-  return [state, setValue, ref];
-};
-
-var _default = useCurrentState;
-exports.default = _default;
-module.exports = exports.default;
+import{useEffect as t,useRef as r,useState as n}from"react";export default e=>{const[o,c]=n((()=>"function"==typeof e?e():e)),u=r(e);t((()=>{u.current=o}),[o]);return[o,t=>{const r="function"==typeof t?t(u.current):t;u.current=r,c(r)},u]};

package/esm/use-drip/index.js

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

package/esm/use-drip/use-drip.js

@@ -1,38 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = require("react");
-
-const useDrip = (initialValue = false, ref) => {
-  const [dripVisible, setDripVisible] = (0, _react.useState)(initialValue);
-  const [dripX, setDripX] = (0, _react.useState)(0);
-  const [dripY, setDripY] = (0, _react.useState)(0);
-
-  const dripCompletedHandle = () => {
-    setDripVisible(false);
-    setDripX(0);
-    setDripY(0);
-  };
-
-  const clickHandler = event => {
-    if (!ref.current) return;
-    const rect = ref.current.getBoundingClientRect();
-    setDripVisible(true);
-    setDripX(event.clientX - rect.left);
-    setDripY(event.clientY - rect.top);
-  };
-
-  return {
-    visible: dripVisible,
-    x: dripX,
-    y: dripY,
-    onClick: clickHandler,
-    onCompleted: dripCompletedHandle
-  };
-};
-
-var _default = useDrip;
-exports.default = _default;
-module.exports = exports.default;
+import{useState as t}from"react";export default(e=!1,n)=>{const[r,o]=t(e),[c,i]=t(0),[l,u]=t(0);return{visible:r,x:c,y:l,onClick:t=>{if(!n.current)return;const e=n.current.getBoundingClientRect();o(!0),i(t.clientX-e.left),u(t.clientY-e.top)},onCompleted:()=>{o(!1),i(0),u(0)}}};

package/esm/use-input/index.js

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