@nextui-org/react 1.0.2-beta.3 → 1.0.2-beta.5-dbg2

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;

package/cjs/utils/expand.js

@@ -1,109 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _stitches = require("../theme/stitches.config");
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _useRealShape = _interopRequireDefault(require("../use-real-shape"));
-
-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 = {
-  isExpanded: false,
-  animated: true,
-  delay: 200
-};
-const StyledExpand = (0, _stitches.styled)('div', {
-  p: 0,
-  m: 0,
-  h: 0,
-  opacity: 0,
-  overflow: 'hidden',
-  variants: {
-    expanded: {
-      true: {
-        opacity: 1
-      }
-    }
-  }
-});
-
-const Expand = ({
-  isExpanded,
-  delay,
-  animated,
-  css,
-  children
-}) => {
-  const [height, setHeight] = (0, _react.useState)(isExpanded ? 'auto' : '0');
-  const [selfExpanded, setSelfExpanded] = (0, _react.useState)(isExpanded);
-  const contentRef = (0, _react.useRef)(null);
-  const entryTimer = (0, _react.useRef)();
-  const leaveTimer = (0, _react.useRef)();
-  const resetTimer = (0, _react.useRef)();
-  const [state, updateShape] = (0, _useRealShape.default)(contentRef);
-  (0, _react.useEffect)(() => setHeight(`${state.height}px`), [state.height]);
-  (0, _react.useEffect)(() => {
-    if (isExpanded === selfExpanded) return; // show element or reset height.
-    // force an update once manually, even if the element does not change.
-    // (the height of the element might be "auto")
-
-    if (!isExpanded) {
-      updateShape();
-      setHeight(`${state.height}px`);
-    } // show expand animation
-
-
-    entryTimer.current = window.setTimeout(() => {
-      setSelfExpanded(isExpanded);
-      clearTimeout(entryTimer.current);
-    }, 30); // Reset height after animation
-
-    if (isExpanded) {
-      resetTimer.current = window.setTimeout(() => {
-        setHeight('auto');
-        clearTimeout(resetTimer.current);
-      }, delay);
-    } else {
-      leaveTimer.current = window.setTimeout(() => {
-        clearTimeout(leaveTimer.current);
-      }, delay / 2);
-    }
-
-    return () => {
-      clearTimeout(entryTimer.current);
-      clearTimeout(leaveTimer.current);
-      clearTimeout(resetTimer.current);
-    };
-  }, [isExpanded]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledExpand, {
-    expanded: selfExpanded,
-    css: {
-      height: selfExpanded ? height : '0',
-      transition: animated ? `height ${delay}ms ease 0ms,
-    opacity ${delay * 1.5}ms ease 0ms;` : 'none',
-      ...css
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ref: contentRef,
-      className: "nextui-expand-content",
-      children: children
-    })
-  });
-};
-
-var _default = (0, _withDefaults.default)(Expand, 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=a(t);if(r&&r.has(e))return r.get(e);var u={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=n?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(u,i,o):u[i]=e[i]}u.default=e,r&&r.set(e,u);return u}(require("react")),r=require("../theme/stitches.config"),u=e(require("../utils/with-defaults")),n=e(require("../use-real-shape")),i=require("react/jsx-runtime");function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}const o=(0,r.styled)("div",{p:0,m:0,h:0,opacity:0,overflow:"hidden",variants:{expanded:{true:{opacity:1}}}});var s=(0,u.default)((({isExpanded:e,delay:r,animated:u,css:a,children:s})=>{const[c,l]=(0,t.useState)(e?"auto":"0"),[d,f]=(0,t.useState)(e),p=(0,t.useRef)(null),h=(0,t.useRef)(),m=(0,t.useRef)(),x=(0,t.useRef)(),[y,v]=(0,n.default)(p);return(0,t.useEffect)((()=>l(`${y.height}px`)),[y.height]),(0,t.useEffect)((()=>{if(e!==d)return e||(v(),l(`${y.height}px`)),h.current=window.setTimeout((()=>{f(e),clearTimeout(h.current)}),30),e?x.current=window.setTimeout((()=>{l("auto"),clearTimeout(x.current)}),r):m.current=window.setTimeout((()=>{clearTimeout(m.current)}),r/2),()=>{clearTimeout(h.current),clearTimeout(m.current),clearTimeout(x.current)}}),[e]),(0,i.jsx)(o,{expanded:d,css:{height:d?c:"0",transition:u?`height ${r}ms ease 0ms,\n    opacity ${1.5*r}ms ease 0ms;`:"none",...a},children:(0,i.jsx)("div",{ref:p,className:"nextui-expand-content",children:s})})}),{isExpanded:!1,animated:!0,delay:200});exports.default=s,module.exports=exports.default;