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

package/cjs/utils/collections.js

@@ -1,110 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.setChildrenIndex = exports.pickChild = exports.pick = exports.isMac = exports.isChildElement = exports.isBrowser = exports.hasChild = exports.getId = exports.flattenArray = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-const getId = () => {
-  return Math.random().toString(32).slice(2, 10);
-};
-
-exports.getId = getId;
-
-const hasChild = (children, child) => {
-  const types = _react.default.Children.map(children, item => {
-    if (! /*#__PURE__*/_react.default.isValidElement(item)) return null;
-    return item.type;
-  });
-
-  return (types || []).includes(child);
-};
-
-exports.hasChild = hasChild;
-
-const pick = (props, obj) => props.reduce((acc, prop) => {
-  acc[prop] = obj[prop];
-  return acc;
-}, {});
-
-exports.pick = pick;
-
-const pickChild = (children, targetChild) => {
-  let target = [];
-
-  const withoutTargetChildren = _react.default.Children.map(children, item => {
-    if (! /*#__PURE__*/_react.default.isValidElement(item)) return item;
-
-    if (item.type === targetChild) {
-      target.push(item);
-      return null;
-    }
-
-    return item;
-  });
-
-  const targetChildren = target.length >= 0 ? target : undefined;
-  return [withoutTargetChildren, targetChildren];
-};
-
-exports.pickChild = pickChild;
-
-const isChildElement = (parent, child) => {
-  if (!parent || !child) return false; // eslint-disable-next-line no-undef
-
-  let node = child;
-
-  while (node) {
-    if (node === parent) return true;
-    node = node.parentNode;
-  }
-
-  return false;
-};
-
-exports.isChildElement = isChildElement;
-
-const isBrowser = () => {
-  return Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
-};
-
-exports.isBrowser = isBrowser;
-
-const isMac = () => {
-  if (!isBrowser()) return false;
-  return navigator.platform.toUpperCase().indexOf('MAC') >= 0;
-};
-
-exports.isMac = isMac;
-
-const setChildrenIndex = (children, targetComponents = []) => {
-  if (_react.default.Children.count(children) === 0) return [];
-  const allowAll = targetComponents.length === 0;
-
-  const clone = (child, props = {}) => /*#__PURE__*/_react.default.cloneElement(child, props);
-
-  let index = 0;
-  return _react.default.Children.map(children, item => {
-    if (! /*#__PURE__*/_react.default.isValidElement(item)) return item;
-    index = index + 1;
-    if (allowAll) return clone(item, {
-      index
-    });
-    const isAllowed = targetComponents.find(child => child === item.type);
-    if (isAllowed) return clone(item, {
-      index
-    });
-    index = index - 1;
-    return item;
-  });
-};
-
-exports.setChildrenIndex = setChildrenIndex;
-
-const flattenArray = arr => {
-  return arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flattenArray(val) : val), []);
-};
-
-exports.flattenArray = flattenArray;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.setChildrenIndex=exports.pickChild=exports.pick=exports.isMac=exports.isChildElement=exports.isBrowser=exports.hasChild=exports.getId=exports.flattenArray=void 0;var t=e(require("react"));exports.getId=()=>Math.random().toString(32).slice(2,10);exports.hasChild=(e,r)=>(t.default.Children.map(e,(e=>t.default.isValidElement(e)?e.type:null))||[]).includes(r);exports.pick=(e,t)=>e.reduce(((e,r)=>(e[r]=t[r],e)),{});exports.pickChild=(e,r)=>{let n=[];return[t.default.Children.map(e,(e=>t.default.isValidElement(e)&&e.type===r?(n.push(e),null):e)),n.length>=0?n:void 0]};exports.isChildElement=(e,t)=>{if(!e||!t)return!1;let r=t;for(;r;){if(r===e)return!0;r=r.parentNode}return!1};const r=()=>Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);exports.isBrowser=r;exports.isMac=()=>!!r()&&navigator.platform.toUpperCase().indexOf("MAC")>=0;exports.setChildrenIndex=(e,r=[])=>{if(0===t.default.Children.count(e))return[];const n=0===r.length,i=(e,r={})=>t.default.cloneElement(e,r);let l=0;return t.default.Children.map(e,(e=>{if(!t.default.isValidElement(e))return e;if(l+=1,n)return i(e,{index:l});return r.find((t=>t===e.type))?i(e,{index:l}):(l-=1,e)}))};const n=e=>e.reduce(((e,t)=>e.concat(Array.isArray(t)?n(t):t)),[]);exports.flattenArray=n;

package/cjs/utils/color.js

@@ -1,187 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.isNormalColor = exports.isHex = exports.isCssVar = exports.isColor = exports.invertHex = exports.hexToRgb = exports.hexToRGBA = exports.hexFromString = exports.getCssVar = exports.colorToRgbValues = exports.addColorAlpha = void 0;
-
-var _propTypes = require("./prop-types");
-
-const getCssVar = name => {
-  if (typeof document !== 'undefined' || !name) {
-    const property = isCssVar(name) ? name.replace('var(', '').replace(')', '') : `--${name}`;
-    return getComputedStyle(document.documentElement).getPropertyValue(property);
-  }
-
-  return '';
-};
-
-exports.getCssVar = getCssVar;
-
-const isCssVar = property => {
-  return property && (property == null ? void 0 : property.indexOf('var(')) === 0 ? true : false;
-};
-/**
- * This function allows validate if a string is a hexadecimal
- * value
- * @param str [string] hexadecimal value
- * @returns result [boolean]
- */
-
-
-exports.isCssVar = isCssVar;
-
-const isHex = str => {
-  const exp = /#[a-fA-F0-9]{3,6}/g;
-  return exp.test(str);
-};
-/**
- *
- * @param hex [string]
- * @param alpha [number]
- * @returns [string]
- */
-
-
-exports.isHex = isHex;
-
-const hexToRGBA = (hex, alpha = 1) => {
-  let r = 0,
-      g = 0,
-      b = 0; // 3 digits
-
-  if (hex.length == 4) {
-    r = '0x' + hex[1] + hex[1];
-    g = '0x' + hex[2] + hex[2];
-    b = '0x' + hex[3] + hex[3]; // 6 digits
-  } else if (hex.length == 7) {
-    r = '0x' + hex[1] + hex[2];
-    g = '0x' + hex[3] + hex[4];
-    b = '0x' + hex[5] + hex[6];
-  }
-
-  return `rgba(${+r}, ${+g},${+b},${alpha})`;
-};
-
-exports.hexToRGBA = hexToRGBA;
-
-const isNormalColor = color => {
-  let found = _propTypes.normalColors.find(el => el === color);
-
-  return found !== undefined && found !== null;
-};
-/**
- * Function that checks color name support in the current browser
- * @param strColor
- * @returns boolean
- */
-
-
-exports.isNormalColor = isNormalColor;
-
-const isColor = strColor => {
-  let s = new Option().style;
-  s.color = strColor;
-  return s.color == strColor;
-};
-
-exports.isColor = isColor;
-
-const hexToRgb = color => {
-  const fullReg = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-  const full = color.replace(fullReg, (_, r, g, b) => `${r}${r}${g}${g}${b}${b}`);
-  const values = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(full);
-
-  if (!values) {
-    throw new Error(`Next UI: Unsupported ${color} color.`);
-  }
-
-  return [Number.parseInt(values[1], 16), Number.parseInt(values[2], 16), Number.parseInt(values[3], 16)];
-};
-
-exports.hexToRgb = hexToRgb;
-
-const hexFromString = (str, defaultColor = '', returnLast = false) => {
-  const fullReg = /#[a-fA-F0-9]{6}|#[a-fA-F0-9]{3}$/g;
-  const hexCodes = str.match(fullReg);
-
-  if (hexCodes && hexCodes.length > 0) {
-    return returnLast ? hexCodes[hexCodes.length - 1] : hexCodes;
-  }
-
-  return defaultColor;
-};
-
-exports.hexFromString = hexFromString;
-
-const colorToRgbValues = colorProp => {
-  const color = isCssVar(colorProp) ? getCssVar(colorProp) : colorProp;
-  if (color.charAt(0) === '#') return hexToRgb(color);
-  const safeColor = color.replace(/ /g, '');
-  const colorType = color.substr(0, 4);
-  const regArray = safeColor.match(/\((.+)\)/);
-
-  if (!colorType.startsWith('rgb') || !regArray) {
-    throw new Error(`Next UI: Only support ["RGB", "RGBA", "HEX"] color.`);
-  }
-
-  return regArray[1].split(',').map(str => Number.parseFloat(str));
-};
-
-exports.colorToRgbValues = colorToRgbValues;
-
-const addColorAlpha = (colorProp, alpha = 1) => {
-  if (!colorProp) return '';
-  const color = isCssVar(colorProp) ? getCssVar(colorProp) : colorProp;
-
-  if (isHex(color)) {
-    return hexToRGBA(color, alpha);
-  } else if (!/^#|rgb|RGB/.test(color)) {
-    return color;
-  }
-
-  const [r, g, b] = colorToRgbValues(color);
-  const safeAlpha = alpha > 1 ? 1 : alpha < 0 ? 0 : alpha;
-  return `rgba(${r}, ${g}, ${b}, ${safeAlpha})`;
-};
-
-exports.addColorAlpha = addColorAlpha;
-
-function padZero(str, len) {
-  len = len || 2;
-  var zeros = new Array(len).join('0');
-  return (zeros + str).slice(-len);
-}
-
-const invertHex = (hexProp, smooth = true) => {
-  let hex = isCssVar(hexProp) ? getCssVar(hexProp) : hexProp;
-
-  if (hex.indexOf('#') === 0) {
-    hex = hex.slice(1);
-  } // convert 3-digit hex to 6-digits.
-
-
-  if (hex.length === 3) {
-    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
-  }
-
-  if (hex.length !== 6) {
-    return hexProp;
-  }
-
-  let r = parseInt(hex.slice(0, 2), 16),
-      g = parseInt(hex.slice(2, 4), 16),
-      b = parseInt(hex.slice(4, 6), 16);
-
-  if (smooth) {
-    // http://stackoverflow.com/a/3943023/112731
-    return r * 0.299 + g * 0.587 + b * 0.114 > 186 ? '#000000' : '#FFFFFF';
-  } // invert color components
-
-
-  r = 255 - r;
-  g = 255 - g;
-  b = 255 - b; // pad each with zeros and return
-
-  return '#' + padZero(r.toString(16)) + padZero(g.toString(16)) + padZero(b.toString(16));
-};
-
-exports.invertHex = invertHex;
+exports.__esModule=!0,exports.isNormalColor=exports.isHex=exports.isCssVar=exports.isColor=exports.invertHex=exports.hexToRgb=exports.hexToRGBA=exports.hexFromString=exports.getCssVar=exports.colorToRgbValues=exports.addColorAlpha=void 0;var r=require("./prop-types");const e=r=>{if("undefined"!=typeof document||!r){const e=t(r)?r.replace("var(","").replace(")",""):`--${r}`;return getComputedStyle(document.documentElement).getPropertyValue(e)}return""};exports.getCssVar=e;const t=r=>!(!r||0!==(null==r?void 0:r.indexOf("var(")));exports.isCssVar=t;const o=r=>/#[a-fA-F0-9]{3,6}/g.test(r);exports.isHex=o;const s=(r,e=1)=>{let t=0,o=0,s=0;return 4==r.length?(t="0x"+r[1]+r[1],o="0x"+r[2]+r[2],s="0x"+r[3]+r[3]):7==r.length&&(t="0x"+r[1]+r[2],o="0x"+r[3]+r[4],s="0x"+r[5]+r[6]),`rgba(${+t}, ${+o},${+s},${e})`};exports.hexToRGBA=s;exports.isNormalColor=e=>{let t=r.normalColors.find((r=>r===e));return null!=t};exports.isColor=r=>{let e=(new Option).style;return e.color=r,e.color==r};const n=r=>{const e=r.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,((r,e,t,o)=>`${e}${e}${t}${t}${o}${o}`)),t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(!t)throw new Error(`Next UI: Unsupported ${r} color.`);return[Number.parseInt(t[1],16),Number.parseInt(t[2],16),Number.parseInt(t[3],16)]};exports.hexToRgb=n;exports.hexFromString=(r,e="",t=!1)=>{const o=r.match(/#[a-fA-F0-9]{6}|#[a-fA-F0-9]{3}$/g);return o&&o.length>0?t?o[o.length-1]:o:e};const l=r=>{const o=t(r)?e(r):r;if("#"===o.charAt(0))return n(o);const s=o.replace(/ /g,""),l=o.substr(0,4),p=s.match(/\((.+)\)/);if(!l.startsWith("rgb")||!p)throw new Error('Next UI: Only support ["RGB", "RGBA", "HEX"] color.');return p[1].split(",").map((r=>Number.parseFloat(r)))};exports.colorToRgbValues=l;function p(r,e){return e=e||2,(new Array(e).join("0")+r).slice(-e)}exports.addColorAlpha=(r,n=1)=>{if(!r)return"";const p=t(r)?e(r):r;if(o(p))return s(p,n);if(!/^#|rgb|RGB/.test(p))return p;const[a,x,i]=l(p);return`rgba(${a}, ${x}, ${i}, ${n>1?1:n<0?0:n})`};exports.invertHex=(r,o=!0)=>{let s=t(r)?e(r):r;if(0===s.indexOf("#")&&(s=s.slice(1)),3===s.length&&(s=s[0]+s[0]+s[1]+s[1]+s[2]+s[2]),6!==s.length)return r;let n=parseInt(s.slice(0,2),16),l=parseInt(s.slice(2,4),16),a=parseInt(s.slice(4,6),16);return o?.299*n+.587*l+.114*a>186?"#000000":"#FFFFFF":(n=255-n,l=255-l,a=255-a,"#"+p(n.toString(16))+p(l.toString(16))+p(a.toString(16)))};

package/cjs/utils/css-transition.js

@@ -1,76 +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 _clsx = _interopRequireDefault(require("../utils/clsx"));
-
-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 = {
-  visible: false,
-  enterTime: 60,
-  leaveTime: 60,
-  clearTime: 60,
-  className: '',
-  name: 'transition'
-};
-
-const CSSTransition = ({
-  children,
-  className,
-  visible,
-  enterTime,
-  leaveTime,
-  clearTime,
-  name,
-  ...props
-}) => {
-  const [classes, setClasses] = (0, _react.useState)('');
-  const [renderable, setRenderable] = (0, _react.useState)(visible);
-  (0, _react.useEffect)(() => {
-    const statusClassName = visible ? 'enter' : 'leave';
-    const time = visible ? enterTime : leaveTime;
-
-    if (visible && !renderable) {
-      setRenderable(true);
-    }
-
-    setClasses(`${name}-${statusClassName}`); // set class to active
-
-    const timer = setTimeout(() => {
-      setClasses(`${name}-${statusClassName} ${name}-${statusClassName}-active`);
-      clearTimeout(timer);
-    }, time); // remove classess when animation over
-
-    const clearClassesTimer = setTimeout(() => {
-      if (!visible) {
-        setClasses('');
-        setRenderable(false);
-      }
-
-      clearTimeout(clearClassesTimer);
-    }, time + clearTime);
-    return () => {
-      clearTimeout(timer);
-      clearTimeout(clearClassesTimer);
-    };
-  }, [visible, renderable]);
-  if (! /*#__PURE__*/_react.default.isValidElement(children) || !renderable) return null;
-  return /*#__PURE__*/_react.default.cloneElement(children, { ...props,
-    className: (0, _clsx.default)(children.props.className, className, classes)
-  });
-};
-
-var _default = (0, _withDefaults.default)(CSSTransition, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var a={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var n=u?Object.getOwnPropertyDescriptor(e,i):null;n&&(n.get||n.set)?Object.defineProperty(a,i,n):a[i]=e[i]}a.default=e,r&&r.set(e,a);return a}(require("react")),r=e(require("../utils/with-defaults")),a=e(require("../utils/clsx"));function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}var u=(0,r.default)((({children:e,className:r,visible:l,enterTime:u,leaveTime:i,clearTime:n,name:o,...s})=>{const[c,f]=(0,t.useState)(""),[p,m]=(0,t.useState)(l);return(0,t.useEffect)((()=>{const e=l?"enter":"leave",t=l?u:i;l&&!p&&m(!0),f(`${o}-${e}`);const r=setTimeout((()=>{f(`${o}-${e} ${o}-${e}-active`),clearTimeout(r)}),t),a=setTimeout((()=>{l||(f(""),m(!1)),clearTimeout(a)}),t+n);return()=>{clearTimeout(r),clearTimeout(a)}}),[l,p]),t.default.isValidElement(e)&&p?t.default.cloneElement(e,{...s,className:(0,a.default)(e.props.className,r,c)}):null}),{visible:!1,enterTime:60,leaveTime:60,clearTime:60,className:"",name:"transition"});exports.default=u,module.exports=exports.default;

package/cjs/utils/deep-merge.js

@@ -1,33 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = deepMerge;
-
-function deepMerge(result) {
-  var stack = Array.prototype.slice.call(arguments, 1);
-  var item;
-  var key;
-
-  while (stack.length) {
-    item = stack.shift();
-
-    for (key in item) {
-      // eslint-disable-next-line no-prototype-builtins
-      if (item.hasOwnProperty(key)) {
-        if (typeof result[key] === 'object' && result[key] && Object.prototype.toString.call(result[key]) !== '[object Array]') {
-          if (typeof item[key] === 'object' && item[key] !== null) {
-            result[key] = deepMerge({}, result[key], item[key]);
-          } else {
-            result[key] = item[key];
-          }
-        } else {
-          result[key] = item[key];
-        }
-      }
-    }
-  }
-
-  return result;
-}
-
-module.exports = exports.default;
+exports.__esModule=!0,exports.default=function t(e){var o,r,l=Array.prototype.slice.call(arguments,1);for(;l.length;)for(r in o=l.shift())o.hasOwnProperty(r)&&("object"==typeof e[r]&&e[r]&&"[object Array]"!==Object.prototype.toString.call(e[r])&&"object"==typeof o[r]&&null!==o[r]?e[r]=t({},e[r],o[r]):e[r]=o[r]);return e},module.exports=exports.default;

package/cjs/utils/dimensions.js

@@ -1,10 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getMargin = void 0;
-
-const getMargin = num => {
-  return `calc(${num * 15.25}pt + 1px * ${num - 1})`;
-};
-
-exports.getMargin = getMargin;
+exports.__esModule=!0,exports.getMargin=void 0;exports.getMargin=e=>`calc(${15.25*e}pt + 1px * ${e-1})`;

package/cjs/utils/dom.js

@@ -1,110 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.canUseDOM = canUseDOM;
-exports.detectBrowser = detectBrowser;
-exports.detectDeviceType = detectDeviceType;
-exports.detectOS = detectOS;
-exports.detectTouch = detectTouch;
-exports.isBrowser = void 0;
-
-function canUseDOM() {
-  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-}
-
-const isBrowser = canUseDOM();
-exports.isBrowser = isBrowser;
-
-function getUserAgentBrowser(navigator) {
-  const {
-    userAgent: ua,
-    vendor
-  } = navigator;
-  const android = /(android)/i.test(ua);
-
-  switch (true) {
-    case /CriOS/.test(ua):
-      return 'Chrome for iOS';
-
-    case /Edg\//.test(ua):
-      return 'Edge';
-
-    case android && /Silk\//.test(ua):
-      return 'Silk';
-
-    case /Chrome/.test(ua) && /Google Inc/.test(vendor):
-      return 'Chrome';
-
-    case /Firefox\/\d+\.\d+$/.test(ua):
-      return 'Firefox';
-
-    case android:
-      return 'AOSP';
-
-    case /MSIE|Trident/.test(ua):
-      return 'IE';
-
-    case /Safari/.test(navigator.userAgent) && /Apple Computer/.test(ua):
-      return 'Safari';
-
-    case /AppleWebKit/.test(ua):
-      return 'WebKit';
-
-    default:
-      return null;
-  }
-}
-
-function getUserAgentOS(navigator) {
-  const {
-    userAgent: ua,
-    platform
-  } = navigator;
-
-  switch (true) {
-    case /Android/.test(ua):
-      return 'Android';
-
-    case /iPhone|iPad|iPod/.test(platform):
-      return 'iOS';
-
-    case /Win/.test(platform):
-      return 'Windows';
-
-    case /Mac/.test(platform):
-      return 'Mac';
-
-    case /CrOS/.test(ua):
-      return 'Chrome OS';
-
-    case /Firefox/.test(ua):
-      return 'Firefox OS';
-
-    default:
-      return null;
-  }
-}
-
-function detectDeviceType(navigator) {
-  const {
-    userAgent: ua
-  } = navigator;
-  if (/(tablet)|(iPad)|(Nexus 9)/i.test(ua)) return 'tablet';
-  if (/(mobi)/i.test(ua)) return 'phone';
-  return 'desktop';
-}
-
-function detectOS(os) {
-  if (!isBrowser) return false;
-  return getUserAgentOS(window.navigator) === os;
-}
-
-function detectBrowser(browser) {
-  if (!isBrowser) return false;
-  return getUserAgentBrowser(window.navigator) === browser;
-}
-
-function detectTouch() {
-  if (!isBrowser) return false;
-  return window.ontouchstart === null && window.ontouchmove === null && window.ontouchend === null;
-}
+function e(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}exports.__esModule=!0,exports.canUseDOM=e,exports.detectBrowser=function(e){return!!t&&function(e){const{userAgent:t,vendor:r}=e,n=/(android)/i.test(t);switch(!0){case/CriOS/.test(t):return"Chrome for iOS";case/Edg\//.test(t):return"Edge";case n&&/Silk\//.test(t):return"Silk";case/Chrome/.test(t)&&/Google Inc/.test(r):return"Chrome";case/Firefox\/\d+\.\d+$/.test(t):return"Firefox";case n:return"AOSP";case/MSIE|Trident/.test(t):return"IE";case/Safari/.test(e.userAgent)&&/Apple Computer/.test(t):return"Safari";case/AppleWebKit/.test(t):return"WebKit";default:return null}}(window.navigator)===e},exports.detectDeviceType=function(e){const{userAgent:t}=e;return/(tablet)|(iPad)|(Nexus 9)/i.test(t)?"tablet":/(mobi)/i.test(t)?"phone":"desktop"},exports.detectOS=function(e){return!!t&&function(e){const{userAgent:t,platform:r}=e;switch(!0){case/Android/.test(t):return"Android";case/iPhone|iPad|iPod/.test(r):return"iOS";case/Win/.test(r):return"Windows";case/Mac/.test(r):return"Mac";case/CrOS/.test(t):return"Chrome OS";case/Firefox/.test(t):return"Firefox OS";default:return null}}(window.navigator)===e},exports.detectTouch=function(){return!!t&&(null===window.ontouchstart&&null===window.ontouchmove&&null===window.ontouchend)},exports.isBrowser=void 0;const t=e();exports.isBrowser=t;

package/cjs/utils/drip.js

@@ -1,116 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledDrip = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _stitches = require("../theme/stitches.config");
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _clsx = _interopRequireDefault(require("../utils/clsx"));
-
-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 = {
-  visible: false,
-  x: 0,
-  y: 0,
-  className: ''
-};
-const expand = (0, _stitches.keyframes)({
-  '0%': {
-    opacity: 0,
-    transform: 'scale(0.25)'
-  },
-  '30%': {
-    opacity: 1
-  },
-  '80%': {
-    opacity: 0.5
-  },
-  '100%': {
-    transform: 'scale(28)',
-    opacity: 0
-  }
-});
-const StyledDrip = (0, _stitches.styled)('div', {
-  position: 'absolute',
-  left: 0,
-  right: 0,
-  top: 0,
-  bottom: 0,
-  '& svg': {
-    position: 'absolute',
-    animation: `350ms linear ${expand}`,
-    animationFillMode: 'forwards',
-    width: '$md',
-    height: '$md'
-  }
-});
-exports.StyledDrip = StyledDrip;
-
-const Drip = ({
-  visible,
-  x,
-  y,
-  color,
-  onCompleted,
-  className,
-  ...props
-}) => {
-  const dripRef = (0, _react.useRef)(null);
-  const top = Number.isNaN(+y) ? 0 : y - 10;
-  const left = Number.isNaN(+x) ? 0 : x - 10;
-  (0, _react.useEffect)(() => {
-    if (!dripRef.current) return;
-    dripRef.current.addEventListener('animationend', onCompleted);
-    return () => {
-      if (!dripRef.current) return;
-      dripRef.current.removeEventListener('animationend', onCompleted);
-    };
-  });
-  if (!visible) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDrip, {
-    ref: dripRef,
-    className: (0, _clsx.default)('nextui-drip', className),
-    ...props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
-      width: "20",
-      height: "20",
-      viewBox: "0 0 20 20",
-      style: {
-        top,
-        left
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-        stroke: "none",
-        strokeWidth: "1",
-        fill: "none",
-        fillRule: "evenodd",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-          className: "nextui-drip-filler",
-          fill: color,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            width: "100%",
-            height: "100%",
-            rx: "10"
-          })
-        })
-      })
-    })
-  });
-};
-
-const MemoDrip = /*#__PURE__*/_react.default.memo(Drip);
-
-var _default = (0, _withDefaults.default)(MemoDrip, defaultProps);
-
-exports.default = _default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledDrip=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var i={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var a=n?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(i,o,a):i[o]=e[o]}i.default=e,r&&r.set(e,i);return i}(require("react")),r=require("../theme/stitches.config"),i=e(require("../utils/with-defaults")),n=e(require("../utils/clsx")),o=require("react/jsx-runtime");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}const a=(0,r.keyframes)({"0%":{opacity:0,transform:"scale(0.25)"},"30%":{opacity:1},"80%":{opacity:.5},"100%":{transform:"scale(28)",opacity:0}}),s=(0,r.styled)("div",{position:"absolute",left:0,right:0,top:0,bottom:0,"& svg":{position:"absolute",animation:`350ms linear ${a}`,animationFillMode:"forwards",width:"$md",height:"$md"}});exports.StyledDrip=s;const u=({visible:e,x:r,y:i,color:l,onCompleted:a,className:u,...c})=>{const f=(0,t.useRef)(null),d=Number.isNaN(+i)?0:i-10,p=Number.isNaN(+r)?0:r-10;return(0,t.useEffect)((()=>{if(f.current)return f.current.addEventListener("animationend",a),()=>{f.current&&f.current.removeEventListener("animationend",a)}})),e?(0,o.jsx)(s,{ref:f,className:(0,n.default)("nextui-drip",u),...c,children:(0,o.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",style:{top:d,left:p},children:(0,o.jsx)("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,o.jsx)("g",{className:"nextui-drip-filler",fill:l,children:(0,o.jsx)("rect",{width:"100%",height:"100%",rx:"10"})})})})}):null},c=t.default.memo(u);var f=(0,i.default)(c,{visible:!1,x:0,y:0,className:""});exports.default=f;