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

package/esm/user/index.js

@@ -1,21 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledUserSocial = exports.StyledUserName = exports.StyledUserLink = exports.StyledUserInfo = exports.StyledUser = void 0;
-
-var _user = _interopRequireDefault(require("./user"));
-
-var _userLink = _interopRequireDefault(require("./user-link"));
-
-var _user2 = require("./user.styles");
-
-exports.StyledUser = _user2.StyledUser;
-exports.StyledUserInfo = _user2.StyledUserInfo;
-exports.StyledUserName = _user2.StyledUserName;
-exports.StyledUserSocial = _user2.StyledUserSocial;
-exports.StyledUserLink = _user2.StyledUserLink;
-_user.default.Link = _userLink.default;
-var _default = _user.default;
-exports.default = _default;
+import e from"./user";import r from"./user-link";e.Link=r;export{StyledUser,StyledUserInfo,StyledUserName,StyledUserSocial,StyledUserLink}from"./user.styles";export default e;

package/esm/user/user-link.js

@@ -1,46 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _link = _interopRequireDefault(require("../link"));
-
-var _user = require("./user.styles");
-
-var _assertion = require("../utils/assertion");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const UserLink = /*#__PURE__*/_react.default.forwardRef(({
-  href,
-  className,
-  children,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_user.StyledUserLink, { ...props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_link.default, {
-      ref: ref,
-      href: href,
-      color: "primary",
-      target: "_blank",
-      rel: "noopener",
-      children: children
-    })
-  });
-});
-
-if (_assertion.__DEV__) {
-  UserLink.displayName = 'NextUI - UserLink';
-}
-
-UserLink.toString = () => '.nextui-user-link';
-
-const MemoUserLink = /*#__PURE__*/_react.default.memo(UserLink);
-
-var _default = MemoUserLink;
-exports.default = _default;
-module.exports = exports.default;
+import r from"react";import e from"../link";import{StyledUserLink as o}from"./user.styles";import{__DEV__ as t}from"../utils/assertion";import{jsx as i}from"react/jsx-runtime";const m=r.forwardRef((({href:r,className:t,children:m,...s},n)=>i(o,{...s,children:i(e,{ref:n,href:r,color:"primary",target:"_blank",rel:"noopener",children:m})})));t&&(m.displayName="NextUI - UserLink"),m.toString=()=>".nextui-user-link";const s=r.memo(m);export default s;

package/esm/user/user.js

@@ -1,63 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = require("../index");
-
-var _user = require("./user.styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const defaultProps = {
-  size: 'lg',
-  squared: false,
-  bordered: false
-};
-const preClass = 'nextui-user';
-
-const User = ({
-  src,
-  text,
-  name,
-  children,
-  altText,
-  color,
-  squared,
-  bordered,
-  size,
-  ...props
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_user.StyledUser, { ...props,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
-      className: `${preClass}-avatar`,
-      src: src,
-      color: color,
-      squared: squared,
-      bordered: bordered,
-      text: text,
-      size: size,
-      alt: altText
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_user.StyledUserInfo, {
-      className: `${preClass}-info`,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_user.StyledUserName, {
-        className: `${preClass}-name`,
-        children: name
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_user.StyledUserSocial, {
-        className: `${preClass}-social`,
-        children: children
-      })]
-    })]
-  });
-};
-
-User.toString = () => '.nextui-user';
-
-var _default = /*#__PURE__*/_react.default.memo(User);
-
-exports.default = _default;
-module.exports = exports.default;
+import e from"react";import{Avatar as r}from"../index";import{StyledUser as s,StyledUserInfo as t,StyledUserName as a,StyledUserSocial as i}from"./user.styles";import{jsx as o}from"react/jsx-runtime";import{jsxs as m}from"react/jsx-runtime";const c=({src:e,text:c,name:n,children:l,altText:u,color:x,squared:d,bordered:f,size:p,...h})=>m(s,{...h,children:[o(r,{className:"nextui-user-avatar",src:e,color:x,squared:d,bordered:f,text:c,size:p,alt:u}),m(t,{className:"nextui-user-info",children:[o(a,{className:"nextui-user-name",children:n}),o(i,{className:"nextui-user-social",children:l})]})]});c.toString=()=>".nextui-user";export default e.memo(c);

package/esm/user/user.styles.js

@@ -1,56 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.StyledUserSocial = exports.StyledUserName = exports.StyledUserLink = exports.StyledUserInfo = exports.StyledUser = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-const StyledUser = (0, _stitches.styled)('div', {
-  d: 'inline-flex',
-  p: '0 $sm',
-  jc: 'center',
-  ai: 'center',
-  w: 'max-content',
-  maxWidth: '100%'
-});
-exports.StyledUser = StyledUser;
-const StyledUserInfo = (0, _stitches.styled)('div', {
-  ml: '$sm',
-  d: 'inline-flex',
-  fd: 'column',
-  whiteSpace: 'nowrap'
-});
-exports.StyledUserInfo = StyledUserInfo;
-const StyledUserName = (0, _stitches.styled)('span', {
-  fontSize: '$xs',
-  color: '$text',
-  lh: '$sm',
-  tt: 'capitalize',
-  fontWeight: '$medium',
-  maxW: '$60',
-  to: 'ellipsis',
-  // text overflow
-  ov: 'hidden' // overflow
-
-});
-exports.StyledUserName = StyledUserName;
-const StyledUserSocial = (0, _stitches.styled)('span', {
-  fontSize: '$tiny',
-  color: '$accents4',
-  '*:first-child': {
-    mt: 0
-  },
-  '*:last-child': {
-    mb: 0
-  }
-});
-exports.StyledUserSocial = StyledUserSocial;
-const StyledUserLink = (0, _stitches.styled)('a', {
-  a: {
-    '&:hover': {
-      opacity: 0.7
-    }
-  }
-}); // types
-
-exports.StyledUserLink = StyledUserLink;
+import{styled as t}from"../theme/stitches.config";export const StyledUser=t("div",{d:"inline-flex",p:"0 $sm",jc:"center",ai:"center",w:"max-content",maxWidth:"100%"});export const StyledUserInfo=t("div",{ml:"$sm",d:"inline-flex",fd:"column",whiteSpace:"nowrap"});export const StyledUserName=t("span",{fontSize:"$xs",color:"$text",lh:"$sm",tt:"capitalize",fontWeight:"$medium",maxW:"$60",to:"ellipsis",ov:"hidden"});export const StyledUserSocial=t("span",{fontSize:"$tiny",color:"$accents4","*:first-child":{mt:0},"*:last-child":{mb:0}});export const StyledUserLink=t("a",{a:{"&:hover":{opacity:.7}}});

package/esm/utils/assertion.js

@@ -1,42 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.__TEST__ = exports.__DEV__ = void 0;
-exports.isArray = isArray;
-exports.isEmpty = isEmpty;
-exports.isEmptyArray = isEmptyArray;
-exports.isEmptyObject = isEmptyObject;
-exports.isObject = isObject;
-
-const __DEV__ = process.env.NODE_ENV !== 'production';
-
-exports.__DEV__ = __DEV__;
-
-const __TEST__ = process.env.NODE_ENV === 'test';
-
-exports.__TEST__ = __TEST__;
-
-function isArray(value) {
-  return Array.isArray(value);
-}
-
-function isEmptyArray(value) {
-  return isArray(value) && value.length === 0;
-}
-
-function isObject(value) {
-  const type = typeof value;
-  return value != null && (type === 'object' || type === 'function') && !isArray(value);
-}
-
-function isEmptyObject(value) {
-  return isObject(value) && Object.keys(value).length === 0;
-} // Empty assertions
-
-
-function isEmpty(value) {
-  if (isArray(value)) return isEmptyArray(value);
-  if (isObject(value)) return isEmptyObject(value);
-  if (value == null || value === '') return true;
-  return false;
-}
+export const __DEV__="production"!==process.env.NODE_ENV;export const __TEST__="test"===process.env.NODE_ENV;export function isArray(t){return Array.isArray(t)}export function isEmptyArray(t){return isArray(t)&&0===t.length}export function isObject(t){const r=typeof t;return null!=t&&("object"===r||"function"===r)&&!isArray(t)}export function isEmptyObject(t){return isObject(t)&&0===Object.keys(t).length}export function isEmpty(t){return isArray(t)?isEmptyArray(t):isObject(t)?isEmptyObject(t):null==t||""===t}

package/esm/utils/clear-icon.js

@@ -1,70 +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("./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 = {
-  width: 24,
-  height: 24,
-  plain: false,
-  className: ''
-};
-
-const Close = ({
-  size,
-  fill,
-  plain,
-  width,
-  height,
-  className,
-  ...props
-}) => {
-  if (plain) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
-      width: size || width,
-      height: size || height,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: fill,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: className,
-      ...props,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-        d: "M18 6L6 18M6 6l12 12"
-      })
-    });
-  }
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
-    width: size || width,
-    height: size || height,
-    viewBox: "0 0 24 24",
-    className: className,
-    ...props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z",
-      fill: fill
-    })
-  });
-};
-
-const MemoClose = /*#__PURE__*/React.memo(Close);
-
-var _default = (0, _withDefaults.default)(MemoClose, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+import*as e from"react";import i from"./with-defaults";import{jsx as t}from"react/jsx-runtime";const a=({size:e,fill:i,plain:a,width:l,height:s,className:o,...h})=>t("svg",a?{width:e||l,height:e||s,viewBox:"0 0 24 24",fill:"none",stroke:i,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:o,...h,children:t("path",{d:"M18 6L6 18M6 6l12 12"})}:{width:e||l,height:e||s,viewBox:"0 0 24 24",className:o,...h,children:t("path",{d:"M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z",fill:i})}),l=e.memo(a);export default i(l,{width:24,height:24,plain:!1,className:""});

package/esm/utils/clsx.js

@@ -1,57 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = _default;
-
-/* eslint-disable no-shadow-restricted-names */
-
-/* eslint-disable no-plusplus */
-function toVal(mix) {
-  var k,
-      y,
-      str = '';
-
-  if (typeof mix === 'string' || typeof mix === 'number') {
-    str += mix;
-  } else if (typeof mix === 'object') {
-    if (Array.isArray(mix)) {
-      for (k = 0; k < mix.length; k++) {
-        if (mix[k]) {
-          if (y = toVal(mix[k])) {
-            str && (str += ' ');
-            str += y;
-          }
-        }
-      }
-    } else {
-      for (k in mix) {
-        if (mix[k]) {
-          str && (str += ' ');
-          str += k;
-        }
-      }
-    }
-  }
-
-  return str;
-}
-
-function _default(...args) {
-  var i = 0,
-      tmp,
-      x,
-      str = '';
-
-  while (i < args.length) {
-    if (tmp = args[i++]) {
-      if (x = toVal(tmp)) {
-        str && (str += ' ');
-        str += x;
-      }
-    }
-  }
-
-  return str;
-}
-
-module.exports = exports.default;
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}export default function(...e){for(var t,f,n=0,o="";n<e.length;)(t=e[n++])&&(f=r(t))&&(o&&(o+=" "),o+=f);return o}

package/esm/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;
+import e from"react";export const getId=()=>Math.random().toString(32).slice(2,10);export const hasChild=(t,n)=>(e.Children.map(t,(t=>e.isValidElement(t)?t.type:null))||[]).includes(n);export const pick=(e,t)=>e.reduce(((e,n)=>(e[n]=t[n],e)),{});export const pickChild=(t,n)=>{let r=[];return[e.Children.map(t,(t=>e.isValidElement(t)&&t.type===n?(r.push(t),null):t)),r.length>=0?r:void 0]};export const isChildElement=(e,t)=>{if(!e||!t)return!1;let n=t;for(;n;){if(n===e)return!0;n=n.parentNode}return!1};export const isBrowser=()=>Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);export const isMac=()=>!!Boolean("undefined"!=typeof window&&window.document&&window.document.createElement)&&navigator.platform.toUpperCase().indexOf("MAC")>=0;export const setChildrenIndex=(t,n=[])=>{if(0===e.Children.count(t))return[];const r=0===n.length,o=(t,n={})=>e.cloneElement(t,n);let i=0;return e.Children.map(t,(t=>{if(!e.isValidElement(t))return t;if(i+=1,r)return o(t,{index:i});return n.find((e=>e===t.type))?o(t,{index:i}):(i-=1,t)}))};export const flattenArray=e=>e.reduce(((e,t)=>e.concat(Array.isArray(t)?flattenArray(t):t)),[]);

package/esm/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;
+import{normalColors as t}from"./prop-types";export const getCssVar=t=>{if("undefined"!=typeof document||!t){const r=isCssVar(t)?t.replace("var(","").replace(")",""):`--${t}`;return getComputedStyle(document.documentElement).getPropertyValue(r)}return""};export const isCssVar=t=>!(!t||0!==(null==t?void 0:t.indexOf("var(")));export const isHex=t=>/#[a-fA-F0-9]{3,6}/g.test(t);export const hexToRGBA=(t,r=1)=>{let e=0,o=0,n=0;return 4==t.length?(e="0x"+t[1]+t[1],o="0x"+t[2]+t[2],n="0x"+t[3]+t[3]):7==t.length&&(e="0x"+t[1]+t[2],o="0x"+t[3]+t[4],n="0x"+t[5]+t[6]),`rgba(${+e}, ${+o},${+n},${r})`};export const isNormalColor=r=>{let e=t.find((t=>t===r));return null!=e};export const isColor=t=>{let r=(new Option).style;return r.color=t,r.color==t};export const hexToRgb=t=>{const r=t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,((t,r,e,o)=>`${r}${r}${e}${e}${o}${o}`)),e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);if(!e)throw new Error(`Next UI: Unsupported ${t} color.`);return[Number.parseInt(e[1],16),Number.parseInt(e[2],16),Number.parseInt(e[3],16)]};export const hexFromString=(t,r="",e=!1)=>{const o=t.match(/#[a-fA-F0-9]{6}|#[a-fA-F0-9]{3}$/g);return o&&o.length>0?e?o[o.length-1]:o:r};export const colorToRgbValues=t=>{const r=isCssVar(t)?getCssVar(t):t;if("#"===r.charAt(0))return hexToRgb(r);const e=r.replace(/ /g,""),o=r.substr(0,4),n=e.match(/\((.+)\)/);if(!o.startsWith("rgb")||!n)throw new Error('Next UI: Only support ["RGB", "RGBA", "HEX"] color.');return n[1].split(",").map((t=>Number.parseFloat(t)))};export const addColorAlpha=(t,r=1)=>{if(!t)return"";const e=isCssVar(t)?getCssVar(t):t;if(/#[a-fA-F0-9]{3,6}/g.test(e))return hexToRGBA(e,r);if(!/^#|rgb|RGB/.test(e))return e;const[o,n,s]=colorToRgbValues(e);return`rgba(${o}, ${n}, ${s}, ${r>1?1:r<0?0:r})`};function r(t,r){return r=r||2,(new Array(r).join("0")+t).slice(-r)}export const invertHex=(t,e=!0)=>{let o=isCssVar(t)?getCssVar(t):t;if(0===o.indexOf("#")&&(o=o.slice(1)),3===o.length&&(o=o[0]+o[0]+o[1]+o[1]+o[2]+o[2]),6!==o.length)return t;let n=parseInt(o.slice(0,2),16),s=parseInt(o.slice(2,4),16),a=parseInt(o.slice(4,6),16);return e?.299*n+.587*s+.114*a>186?"#000000":"#FFFFFF":(n=255-n,s=255-s,a=255-a,"#"+r(n.toString(16))+r(s.toString(16))+r(a.toString(16)))};