@semcore/core 17.0.1-prerelease.0 → 17.1.0-prerelease.0

package/lib/utils/ariaProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ariaProps.mjs","names":["extractAriaProps","props","title","ariaLabel","ariaLabelledby","ariaDescribedby","__excludeProps","extractedAriaProps"],"sources":["../../src/utils/ariaProps.ts"],"sourcesContent":["type AriaProps = {\n  'title'?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n};\ntype ExtractorAriaPropsReturn = {\n  __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'];\n  extractedAriaProps: AriaProps;\n};\n\nexport function extractAriaProps(props: any): ExtractorAriaPropsReturn {\n  const {\n    title,\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    ['aria-describedby']: ariaDescribedby,\n  } = props;\n\n  return {\n    __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'],\n    extractedAriaProps: {\n      title,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n    },\n  };\n}\n"],"mappings":"AAWA,OAAO,SAASA,gBAAgBA,CAACC,KAAU,EAA4B;EACrE,IACEC,KAAK,GAIHD,KAAK,CAJPC,KAAK;IACWC,SAAS,GAGvBF,KAAK,CAHN,YAAY;IACQG,cAAc,GAEjCH,KAAK,CAFN,iBAAiB;IACII,eAAe,GACnCJ,KAAK,CADN,kBAAkB;EAGrB,OAAO;IACLK,cAAc,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,CAAC;IAC9EC,kBAAkB,EAAE;MAClBL,KAAK,EAALA,KAAK;MACL,YAAY,EAAEC,SAAS;MACvB,iBAAiB,EAAEC,cAAc;MACjC,kBAAkB,EAAEC;IACtB;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"file":"ariaProps.mjs","names":["extractAriaProps","props","title","ariaLabel","ariaLabelledby","ariaDescribedby","__excludeProps","extractedAriaProps"],"sources":["../../src/utils/ariaProps.ts"],"sourcesContent":["type AriaProps = {\n  'title'?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n};\ntype ExtractorAriaPropsReturn = {\n  __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'];\n  extractedAriaProps: AriaProps;\n};\n\nexport function extractAriaProps(props: any): ExtractorAriaPropsReturn {\n  const {\n    title,\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    ['aria-describedby']: ariaDescribedby,\n  } = props;\n\n  return {\n    __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'],\n    extractedAriaProps: {\n      title,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n    },\n  };\n}\n"],"mappings":"AAWA,OAAO,SAASA,gBAAgBA,CAACC,KAAU,EAA4B;EACrE,MAAM;IACJC,KAAK;IACL,CAAC,YAAY,GAAGC,SAAS;IACzB,CAAC,iBAAiB,GAAGC,cAAc;IACnC,CAAC,kBAAkB,GAAGC;EACxB,CAAC,GAAGJ,KAAK;EAET,OAAO;IACLK,cAAc,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,CAAC;IAC9EC,kBAAkB,EAAE;MAClBL,KAAK;MACL,YAAY,EAAEC,SAAS;MACvB,iBAAiB,EAAEC,cAAc;MACjC,kBAAkB,EAAEC;IACtB;EACF,CAAC;AACH","ignoreList":[]}

package/lib/utils/assignProps.js

@@ -1,35 +1,26 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.assignHandlers = assignHandlers;
 exports.callAllEventHandlers = callAllEventHandlers;
-exports["default"] = assignProps;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports.default = assignProps;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ref = require("./ref");
 var _index = require("../styled/index");
-function callAllEventHandlers() {
-  for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
-    fns[_key] = arguments[_key];
-  }
-  return function () {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
+function callAllEventHandlers(...fns) {
+  return (...args) => !fns.some(fn => {
+    let result;
+    if (fn) {
+      result = fn(...args);
     }
-    return !fns.some(function (fn) {
-      var result;
-      if (fn) {
-        result = fn.apply(void 0, args);
-      }
-      return typeof result === 'boolean' && !result;
-    });
-  };
+    return typeof result === 'boolean' && !result;
+  });
 }
 function assignHandlers(props, source) {
-  return Object.keys(source).reduce(function (proxySource, propName) {
+  return Object.keys(source).reduce((proxySource, propName) => {
     if (typeof source[propName] === 'function' && propName.startsWith('on')) {
       proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);
     }
@@ -37,7 +28,7 @@ function assignHandlers(props, source) {
   }, {});
 }
 function assignHandlersInner(props, source) {
-  return Object.keys(source).reduce(function (proxySource, propName) {
+  return Object.keys(source).reduce((proxySource, propName) => {
     if (propName !== 'ref' && propName.startsWith('on')) {
       if (typeof source[propName] === 'function' && typeof props[propName] === 'function') {
         proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);
@@ -50,29 +41,31 @@ function assignHandlersInner(props, source) {
     return proxySource;
   }, {});
 }
-function assignProps() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var source = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function assignProps(props = {}, source = {}) {
   // @ts-ignore
   if (props === source) return props;
-  var newProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, source), props), assignHandlersInner(props, source));
-  for (var _key3 in source) {
-    if (_key3.startsWith('use:')) {
-      var originalKey = _key3.slice('use:'.length);
-      newProps[originalKey] = source[_key3];
+  const newProps = {
+    ...source,
+    ...props,
+    ...assignHandlersInner(props, source)
+  };
+  for (const key in source) {
+    if (key.startsWith('use:')) {
+      const originalKey = key.slice('use:'.length);
+      newProps[originalKey] = source[key];
     }
   }
-  for (var _key4 in props) {
-    if (_key4.startsWith('use:')) {
-      var _originalKey = _key4.slice('use:'.length);
-      newProps[_originalKey] = props[_key4];
+  for (const key in props) {
+    if (key.startsWith('use:')) {
+      const originalKey = key.slice('use:'.length);
+      newProps[originalKey] = props[key];
     }
   }
 
   // because react set getter for ref
-  var sourceDescriptorRef = Object.getOwnPropertyDescriptor(source, 'ref');
-  var propsDescriptorRef = Object.getOwnPropertyDescriptor(props, 'ref');
-  if (sourceDescriptorRef !== null && sourceDescriptorRef !== void 0 && sourceDescriptorRef.configurable && propsDescriptorRef !== null && propsDescriptorRef !== void 0 && propsDescriptorRef.configurable) {
+  const sourceDescriptorRef = Object.getOwnPropertyDescriptor(source, 'ref');
+  const propsDescriptorRef = Object.getOwnPropertyDescriptor(props, 'ref');
+  if (sourceDescriptorRef?.configurable && propsDescriptorRef?.configurable) {
     newProps.ref = (0, _ref.forkRef)(source.ref, props.ref);
   }
   if (props.forwardRef) {
@@ -80,10 +73,13 @@ function assignProps() {
     newProps.forwardRef = newProps.ref;
   }
   if (source.style && props.style) {
-    newProps.style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, source.style), props.style);
+    newProps.style = {
+      ...source.style,
+      ...props.style
+    };
   }
   if (source.className) {
-    newProps.className = (0, _classnames["default"])(props.className, source.className);
+    newProps.className = (0, _classnames.default)(props.className, source.className);
   }
   if (source.styles && props.styles) {
     newProps.styles = _index.sstyled.merge(source.styles, props.styles);

package/lib/utils/assignProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"assignProps.js","names":["_classnames","_interopRequireDefault","require","_ref","_index","callAllEventHandlers","_len","arguments","length","fns","Array","_key","_len2","args","_key2","some","fn","result","apply","assignHandlers","props","source","Object","keys","reduce","proxySource","propName","startsWith","assignHandlersInner","assignProps","undefined","newProps","_objectSpread2","key","originalKey","slice","sourceDescriptorRef","getOwnPropertyDescriptor","propsDescriptorRef","configurable","ref","forkRef","forwardRef","style","className","cn","styles","sstyled","merge"],"sources":["../../src/utils/assignProps.ts"],"sourcesContent":["import cn from 'classnames';\nimport type { CSSProperties, DetailedHTMLProps, Ref, StyleHTMLAttributes } from 'react';\n\nimport { forkRef } from './ref';\nimport { sstyled } from '../styled/index';\n\nexport function callAllEventHandlers(...fns: Array<Function | undefined>) {\n  return (...args: any[]) =>\n    !fns.some((fn) => {\n      let result;\n      if (fn) {\n        result = fn(...args);\n      }\n      return typeof result === 'boolean' && !result;\n    });\n}\n\nexport function assignHandlers(props: any, source: any) {\n  return Object.keys(source).reduce((proxySource: any, propName) => {\n    if (typeof source[propName] === 'function' && propName.startsWith('on')) {\n      proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);\n    }\n    return proxySource;\n  }, {});\n}\n\nfunction assignHandlersInner(props: any, source: any) {\n  return Object.keys(source).reduce((proxySource: any, propName) => {\n    if (propName !== 'ref' && propName.startsWith('on')) {\n      if (typeof source[propName] === 'function' && typeof props[propName] === 'function') {\n        proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);\n      } else if (typeof source[propName] === 'function') {\n        proxySource[propName] = source[propName];\n      } else if (typeof props[propName] === 'function') {\n        proxySource[propName] = props[propName];\n      }\n    }\n    return proxySource;\n  }, {});\n}\n\nexport interface AssignableProps {\n  ref?: Ref<any>;\n  style?: CSSProperties;\n  className?: string;\n  styles?: DetailedHTMLProps<StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n\n  [key: string]: any;\n}\n\nexport default function assignProps<P extends AssignableProps, S extends AssignableProps>(\n  props: P = {} as P,\n  source: S = {} as S,\n) {\n  // @ts-ignore\n  if (props === source) return props;\n  const newProps = {\n    ...source,\n    ...props,\n    ...assignHandlersInner(props, source),\n  };\n  for (const key in source) {\n    if (key.startsWith('use:')) {\n      const originalKey = key.slice('use:'.length);\n      newProps[originalKey] = source[key];\n    }\n  }\n  for (const key in props) {\n    if (key.startsWith('use:')) {\n      const originalKey = key.slice('use:'.length);\n      newProps[originalKey] = props[key];\n    }\n  }\n\n  // because react set getter for ref\n  const sourceDescriptorRef = Object.getOwnPropertyDescriptor(source, 'ref');\n  const propsDescriptorRef = Object.getOwnPropertyDescriptor(props, 'ref');\n  if (sourceDescriptorRef?.configurable && propsDescriptorRef?.configurable) {\n    newProps.ref = forkRef(source.ref as any, props.ref as any);\n  }\n\n  if (props.forwardRef) {\n    newProps.ref = forkRef(newProps.ref as any, props.forwardRef as any);\n    newProps.forwardRef = newProps.ref;\n  }\n\n  if (source.style && props.style) {\n    newProps.style = {\n      ...source.style,\n      ...props.style,\n    };\n  }\n\n  if (source.className) {\n    newProps.className = cn(props.className, source.className);\n  }\n\n  if (source.styles && props.styles) {\n    newProps.styles = sstyled.merge(source.styles, props.styles);\n  }\n\n  return newProps;\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEO,SAASG,oBAAoBA,CAAA,EAAsC;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAlCC,GAAG,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAHF,GAAG,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;EAAA;EACzC,OAAO;IAAA,SAAAC,KAAA,GAAAL,SAAA,CAAAC,MAAA,EAAIK,IAAI,OAAAH,KAAA,CAAAE,KAAA,GAAAE,KAAA,MAAAA,KAAA,GAAAF,KAAA,EAAAE,KAAA;MAAJD,IAAI,CAAAC,KAAA,IAAAP,SAAA,CAAAO,KAAA;IAAA;IAAA,OACb,CAACL,GAAG,CAACM,IAAI,CAAC,UAACC,EAAE,EAAK;MAChB,IAAIC,MAAM;MACV,IAAID,EAAE,EAAE;QACNC,MAAM,GAAGD,EAAE,CAAAE,KAAA,SAAIL,IAAI,CAAC;MACtB;MACA,OAAO,OAAOI,MAAM,KAAK,SAAS,IAAI,CAACA,MAAM;IAC/C,CAAC,CAAC;EAAA;AACN;AAEO,SAASE,cAAcA,CAACC,KAAU,EAAEC,MAAW,EAAE;EACtD,OAAOC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAACG,MAAM,CAAC,UAACC,WAAgB,EAAEC,QAAQ,EAAK;IAChE,IAAI,OAAOL,MAAM,CAACK,QAAQ,CAAC,KAAK,UAAU,IAAIA,QAAQ,CAACC,UAAU,CAAC,IAAI,CAAC,EAAE;MACvEF,WAAW,CAACC,QAAQ,CAAC,GAAGrB,oBAAoB,CAACe,KAAK,CAACM,QAAQ,CAAC,EAAEL,MAAM,CAACK,QAAQ,CAAC,CAAC;IACjF;IACA,OAAOD,WAAW;EACpB,CAAC,EAAE,CAAC,CAAC,CAAC;AACR;AAEA,SAASG,mBAAmBA,CAACR,KAAU,EAAEC,MAAW,EAAE;EACpD,OAAOC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAACG,MAAM,CAAC,UAACC,WAAgB,EAAEC,QAAQ,EAAK;IAChE,IAAIA,QAAQ,KAAK,KAAK,IAAIA,QAAQ,CAACC,UAAU,CAAC,IAAI,CAAC,EAAE;MACnD,IAAI,OAAON,MAAM,CAACK,QAAQ,CAAC,KAAK,UAAU,IAAI,OAAON,KAAK,CAACM,QAAQ,CAAC,KAAK,UAAU,EAAE;QACnFD,WAAW,CAACC,QAAQ,CAAC,GAAGrB,oBAAoB,CAACe,KAAK,CAACM,QAAQ,CAAC,EAAEL,MAAM,CAACK,QAAQ,CAAC,CAAC;MACjF,CAAC,MAAM,IAAI,OAAOL,MAAM,CAACK,QAAQ,CAAC,KAAK,UAAU,EAAE;QACjDD,WAAW,CAACC,QAAQ,CAAC,GAAGL,MAAM,CAACK,QAAQ,CAAC;MAC1C,CAAC,MAAM,IAAI,OAAON,KAAK,CAACM,QAAQ,CAAC,KAAK,UAAU,EAAE;QAChDD,WAAW,CAACC,QAAQ,CAAC,GAAGN,KAAK,CAACM,QAAQ,CAAC;MACzC;IACF;IACA,OAAOD,WAAW;EACpB,CAAC,EAAE,CAAC,CAAC,CAAC;AACR;AAWe,SAASI,WAAWA,CAAA,EAGjC;EAAA,IAFAT,KAAQ,GAAAb,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAuB,SAAA,GAAAvB,SAAA,MAAG,CAAC,CAAC;EAAA,IACbc,MAAS,GAAAd,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAuB,SAAA,GAAAvB,SAAA,MAAG,CAAC,CAAC;EAEd;EACA,IAAIa,KAAK,KAAKC,MAAM,EAAE,OAAOD,KAAK;EAClC,IAAMW,QAAQ,OAAAC,cAAA,iBAAAA,cAAA,iBAAAA,cAAA,iBACTX,MAAM,GACND,KAAK,GACLQ,mBAAmB,CAACR,KAAK,EAAEC,MAAM,CAAC,CACtC;EACD,KAAK,IAAMY,KAAG,IAAIZ,MAAM,EAAE;IACxB,IAAIY,KAAG,CAACN,UAAU,CAAC,MAAM,CAAC,EAAE;MAC1B,IAAMO,WAAW,GAAGD,KAAG,CAACE,KAAK,CAAC,MAAM,CAAC3B,MAAM,CAAC;MAC5CuB,QAAQ,CAACG,WAAW,CAAC,GAAGb,MAAM,CAACY,KAAG,CAAC;IACrC;EACF;EACA,KAAK,IAAMA,KAAG,IAAIb,KAAK,EAAE;IACvB,IAAIa,KAAG,CAACN,UAAU,CAAC,MAAM,CAAC,EAAE;MAC1B,IAAMO,YAAW,GAAGD,KAAG,CAACE,KAAK,CAAC,MAAM,CAAC3B,MAAM,CAAC;MAC5CuB,QAAQ,CAACG,YAAW,CAAC,GAAGd,KAAK,CAACa,KAAG,CAAC;IACpC;EACF;;EAEA;EACA,IAAMG,mBAAmB,GAAGd,MAAM,CAACe,wBAAwB,CAAChB,MAAM,EAAE,KAAK,CAAC;EAC1E,IAAMiB,kBAAkB,GAAGhB,MAAM,CAACe,wBAAwB,CAACjB,KAAK,EAAE,KAAK,CAAC;EACxE,IAAIgB,mBAAmB,aAAnBA,mBAAmB,eAAnBA,mBAAmB,CAAEG,YAAY,IAAID,kBAAkB,aAAlBA,kBAAkB,eAAlBA,kBAAkB,CAAEC,YAAY,EAAE;IACzER,QAAQ,CAACS,GAAG,GAAG,IAAAC,YAAO,EAACpB,MAAM,CAACmB,GAAG,EAASpB,KAAK,CAACoB,GAAU,CAAC;EAC7D;EAEA,IAAIpB,KAAK,CAACsB,UAAU,EAAE;IACpBX,QAAQ,CAACS,GAAG,GAAG,IAAAC,YAAO,EAACV,QAAQ,CAACS,GAAG,EAASpB,KAAK,CAACsB,UAAiB,CAAC;IACpEX,QAAQ,CAACW,UAAU,GAAGX,QAAQ,CAACS,GAAG;EACpC;EAEA,IAAInB,MAAM,CAACsB,KAAK,IAAIvB,KAAK,CAACuB,KAAK,EAAE;IAC/BZ,QAAQ,CAACY,KAAK,OAAAX,cAAA,iBAAAA,cAAA,iBACTX,MAAM,CAACsB,KAAK,GACZvB,KAAK,CAACuB,KAAK,CACf;EACH;EAEA,IAAItB,MAAM,CAACuB,SAAS,EAAE;IACpBb,QAAQ,CAACa,SAAS,GAAG,IAAAC,sBAAE,EAACzB,KAAK,CAACwB,SAAS,EAAEvB,MAAM,CAACuB,SAAS,CAAC;EAC5D;EAEA,IAAIvB,MAAM,CAACyB,MAAM,IAAI1B,KAAK,CAAC0B,MAAM,EAAE;IACjCf,QAAQ,CAACe,MAAM,GAAGC,cAAO,CAACC,KAAK,CAAC3B,MAAM,CAACyB,MAAM,EAAE1B,KAAK,CAAC0B,MAAM,CAAC;EAC9D;EAEA,OAAOf,QAAQ;AACjB","ignoreList":[]}
+{"version":3,"file":"assignProps.js","names":["_classnames","_interopRequireDefault","require","_ref","_index","callAllEventHandlers","fns","args","some","fn","result","assignHandlers","props","source","Object","keys","reduce","proxySource","propName","startsWith","assignHandlersInner","assignProps","newProps","key","originalKey","slice","length","sourceDescriptorRef","getOwnPropertyDescriptor","propsDescriptorRef","configurable","ref","forkRef","forwardRef","style","className","cn","styles","sstyled","merge"],"sources":["../../src/utils/assignProps.ts"],"sourcesContent":["import cn from 'classnames';\nimport type { CSSProperties, DetailedHTMLProps, Ref, StyleHTMLAttributes } from 'react';\n\nimport { forkRef } from './ref';\nimport { sstyled } from '../styled/index';\n\nexport function callAllEventHandlers(...fns: Array<Function | undefined>) {\n  return (...args: any[]) =>\n    !fns.some((fn) => {\n      let result;\n      if (fn) {\n        result = fn(...args);\n      }\n      return typeof result === 'boolean' && !result;\n    });\n}\n\nexport function assignHandlers(props: any, source: any) {\n  return Object.keys(source).reduce((proxySource: any, propName) => {\n    if (typeof source[propName] === 'function' && propName.startsWith('on')) {\n      proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);\n    }\n    return proxySource;\n  }, {});\n}\n\nfunction assignHandlersInner(props: any, source: any) {\n  return Object.keys(source).reduce((proxySource: any, propName) => {\n    if (propName !== 'ref' && propName.startsWith('on')) {\n      if (typeof source[propName] === 'function' && typeof props[propName] === 'function') {\n        proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);\n      } else if (typeof source[propName] === 'function') {\n        proxySource[propName] = source[propName];\n      } else if (typeof props[propName] === 'function') {\n        proxySource[propName] = props[propName];\n      }\n    }\n    return proxySource;\n  }, {});\n}\n\nexport interface AssignableProps {\n  ref?: Ref<any>;\n  style?: CSSProperties;\n  className?: string;\n  styles?: DetailedHTMLProps<StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n\n  [key: string]: any;\n}\n\nexport default function assignProps<P extends AssignableProps, S extends AssignableProps>(\n  props: P = {} as P,\n  source: S = {} as S,\n) {\n  // @ts-ignore\n  if (props === source) return props;\n  const newProps = {\n    ...source,\n    ...props,\n    ...assignHandlersInner(props, source),\n  };\n  for (const key in source) {\n    if (key.startsWith('use:')) {\n      const originalKey = key.slice('use:'.length);\n      newProps[originalKey] = source[key];\n    }\n  }\n  for (const key in props) {\n    if (key.startsWith('use:')) {\n      const originalKey = key.slice('use:'.length);\n      newProps[originalKey] = props[key];\n    }\n  }\n\n  // because react set getter for ref\n  const sourceDescriptorRef = Object.getOwnPropertyDescriptor(source, 'ref');\n  const propsDescriptorRef = Object.getOwnPropertyDescriptor(props, 'ref');\n  if (sourceDescriptorRef?.configurable && propsDescriptorRef?.configurable) {\n    newProps.ref = forkRef(source.ref as any, props.ref as any);\n  }\n\n  if (props.forwardRef) {\n    newProps.ref = forkRef(newProps.ref as any, props.forwardRef as any);\n    newProps.forwardRef = newProps.ref;\n  }\n\n  if (source.style && props.style) {\n    newProps.style = {\n      ...source.style,\n      ...props.style,\n    };\n  }\n\n  if (source.className) {\n    newProps.className = cn(props.className, source.className);\n  }\n\n  if (source.styles && props.styles) {\n    newProps.styles = sstyled.merge(source.styles, props.styles);\n  }\n\n  return newProps;\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/assignProps.mjs

@@ -1,27 +1,18 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _cn from "classnames";
+import cn from "classnames";
 import { forkRef } from "./ref.mjs";
 import "../styled/index.mjs";
 import { sstyled } from "../styled/sstyled.mjs";
-function callAllEventHandlers() {
-  for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
-    fns[_key] = arguments[_key];
-  }
-  return function() {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
+function callAllEventHandlers(...fns) {
+  return (...args) => !fns.some((fn) => {
+    let result;
+    if (fn) {
+      result = fn(...args);
     }
-    return !fns.some(function(fn) {
-      var result;
-      if (fn) {
-        result = fn.apply(void 0, args);
-      }
-      return typeof result === "boolean" && !result;
-    });
-  };
+    return typeof result === "boolean" && !result;
+  });
 }
 function assignHandlers(props, source) {
-  return Object.keys(source).reduce(function(proxySource, propName) {
+  return Object.keys(source).reduce((proxySource, propName) => {
     if (typeof source[propName] === "function" && propName.startsWith("on")) {
       proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);
     }
@@ -29,7 +20,7 @@ function assignHandlers(props, source) {
   }, {});
 }
 function assignHandlersInner(props, source) {
-  return Object.keys(source).reduce(function(proxySource, propName) {
+  return Object.keys(source).reduce((proxySource, propName) => {
     if (propName !== "ref" && propName.startsWith("on")) {
       if (typeof source[propName] === "function" && typeof props[propName] === "function") {
         proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);
@@ -42,26 +33,28 @@ function assignHandlersInner(props, source) {
     return proxySource;
   }, {});
 }
-function assignProps() {
-  var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  var source = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+function assignProps(props = {}, source = {}) {
   if (props === source) return props;
-  var newProps = _objectSpread(_objectSpread(_objectSpread({}, source), props), assignHandlersInner(props, source));
-  for (var _key3 in source) {
-    if (_key3.startsWith("use:")) {
-      var originalKey = _key3.slice("use:".length);
-      newProps[originalKey] = source[_key3];
+  const newProps = {
+    ...source,
+    ...props,
+    ...assignHandlersInner(props, source)
+  };
+  for (const key in source) {
+    if (key.startsWith("use:")) {
+      const originalKey = key.slice("use:".length);
+      newProps[originalKey] = source[key];
     }
   }
-  for (var _key4 in props) {
-    if (_key4.startsWith("use:")) {
-      var _originalKey = _key4.slice("use:".length);
-      newProps[_originalKey] = props[_key4];
+  for (const key in props) {
+    if (key.startsWith("use:")) {
+      const originalKey = key.slice("use:".length);
+      newProps[originalKey] = props[key];
     }
   }
-  var sourceDescriptorRef = Object.getOwnPropertyDescriptor(source, "ref");
-  var propsDescriptorRef = Object.getOwnPropertyDescriptor(props, "ref");
-  if (sourceDescriptorRef !== null && sourceDescriptorRef !== void 0 && sourceDescriptorRef.configurable && propsDescriptorRef !== null && propsDescriptorRef !== void 0 && propsDescriptorRef.configurable) {
+  const sourceDescriptorRef = Object.getOwnPropertyDescriptor(source, "ref");
+  const propsDescriptorRef = Object.getOwnPropertyDescriptor(props, "ref");
+  if (sourceDescriptorRef?.configurable && propsDescriptorRef?.configurable) {
     newProps.ref = forkRef(source.ref, props.ref);
   }
   if (props.forwardRef) {
@@ -69,10 +62,13 @@ function assignProps() {
     newProps.forwardRef = newProps.ref;
   }
   if (source.style && props.style) {
-    newProps.style = _objectSpread(_objectSpread({}, source.style), props.style);
+    newProps.style = {
+      ...source.style,
+      ...props.style
+    };
   }
   if (source.className) {
-    newProps.className = _cn(props.className, source.className);
+    newProps.className = cn(props.className, source.className);
   }
   if (source.styles && props.styles) {
     newProps.styles = sstyled.merge(source.styles, props.styles);

package/lib/utils/assignProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"assignProps.mjs","names":["cn","forkRef","sstyled","callAllEventHandlers","_len","arguments","length","fns","Array","_key","_len2","args","_key2","some","fn","result","apply","assignHandlers","props","source","Object","keys","reduce","proxySource","propName","startsWith","assignHandlersInner","assignProps","undefined","newProps","_objectSpread","key","originalKey","slice","sourceDescriptorRef","getOwnPropertyDescriptor","propsDescriptorRef","configurable","ref","forwardRef","style","className","styles","merge"],"sources":["../../src/utils/assignProps.ts"],"sourcesContent":["import cn from 'classnames';\nimport type { CSSProperties, DetailedHTMLProps, Ref, StyleHTMLAttributes } from 'react';\n\nimport { forkRef } from './ref';\nimport { sstyled } from '../styled/index';\n\nexport function callAllEventHandlers(...fns: Array<Function | undefined>) {\n  return (...args: any[]) =>\n    !fns.some((fn) => {\n      let result;\n      if (fn) {\n        result = fn(...args);\n      }\n      return typeof result === 'boolean' && !result;\n    });\n}\n\nexport function assignHandlers(props: any, source: any) {\n  return Object.keys(source).reduce((proxySource: any, propName) => {\n    if (typeof source[propName] === 'function' && propName.startsWith('on')) {\n      proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);\n    }\n    return proxySource;\n  }, {});\n}\n\nfunction assignHandlersInner(props: any, source: any) {\n  return Object.keys(source).reduce((proxySource: any, propName) => {\n    if (propName !== 'ref' && propName.startsWith('on')) {\n      if (typeof source[propName] === 'function' && typeof props[propName] === 'function') {\n        proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);\n      } else if (typeof source[propName] === 'function') {\n        proxySource[propName] = source[propName];\n      } else if (typeof props[propName] === 'function') {\n        proxySource[propName] = props[propName];\n      }\n    }\n    return proxySource;\n  }, {});\n}\n\nexport interface AssignableProps {\n  ref?: Ref<any>;\n  style?: CSSProperties;\n  className?: string;\n  styles?: DetailedHTMLProps<StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n\n  [key: string]: any;\n}\n\nexport default function assignProps<P extends AssignableProps, S extends AssignableProps>(\n  props: P = {} as P,\n  source: S = {} as S,\n) {\n  // @ts-ignore\n  if (props === source) return props;\n  const newProps = {\n    ...source,\n    ...props,\n    ...assignHandlersInner(props, source),\n  };\n  for (const key in source) {\n    if (key.startsWith('use:')) {\n      const originalKey = key.slice('use:'.length);\n      newProps[originalKey] = source[key];\n    }\n  }\n  for (const key in props) {\n    if (key.startsWith('use:')) {\n      const originalKey = key.slice('use:'.length);\n      newProps[originalKey] = props[key];\n    }\n  }\n\n  // because react set getter for ref\n  const sourceDescriptorRef = Object.getOwnPropertyDescriptor(source, 'ref');\n  const propsDescriptorRef = Object.getOwnPropertyDescriptor(props, 'ref');\n  if (sourceDescriptorRef?.configurable && propsDescriptorRef?.configurable) {\n    newProps.ref = forkRef(source.ref as any, props.ref as any);\n  }\n\n  if (props.forwardRef) {\n    newProps.ref = forkRef(newProps.ref as any, props.forwardRef as any);\n    newProps.forwardRef = newProps.ref;\n  }\n\n  if (source.style && props.style) {\n    newProps.style = {\n      ...source.style,\n      ...props.style,\n    };\n  }\n\n  if (source.className) {\n    newProps.className = cn(props.className, source.className);\n  }\n\n  if (source.styles && props.styles) {\n    newProps.styles = sstyled.merge(source.styles, props.styles);\n  }\n\n  return newProps;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"assignProps.mjs","names":["cn","forkRef","sstyled","callAllEventHandlers","fns","args","some","fn","result","assignHandlers","props","source","Object","keys","reduce","proxySource","propName","startsWith","assignHandlersInner","assignProps","newProps","key","originalKey","slice","length","sourceDescriptorRef","getOwnPropertyDescriptor","propsDescriptorRef","configurable","ref","forwardRef","style","className","styles","merge"],"sources":["../../src/utils/assignProps.ts"],"sourcesContent":["import cn from 'classnames';\nimport type { CSSProperties, DetailedHTMLProps, Ref, StyleHTMLAttributes } from 'react';\n\nimport { forkRef } from './ref';\nimport { sstyled } from '../styled/index';\n\nexport function callAllEventHandlers(...fns: Array<Function | undefined>) {\n  return (...args: any[]) =>\n    !fns.some((fn) => {\n      let result;\n      if (fn) {\n        result = fn(...args);\n      }\n      return typeof result === 'boolean' && !result;\n    });\n}\n\nexport function assignHandlers(props: any, source: any) {\n  return Object.keys(source).reduce((proxySource: any, propName) => {\n    if (typeof source[propName] === 'function' && propName.startsWith('on')) {\n      proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);\n    }\n    return proxySource;\n  }, {});\n}\n\nfunction assignHandlersInner(props: any, source: any) {\n  return Object.keys(source).reduce((proxySource: any, propName) => {\n    if (propName !== 'ref' && propName.startsWith('on')) {\n      if (typeof source[propName] === 'function' && typeof props[propName] === 'function') {\n        proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);\n      } else if (typeof source[propName] === 'function') {\n        proxySource[propName] = source[propName];\n      } else if (typeof props[propName] === 'function') {\n        proxySource[propName] = props[propName];\n      }\n    }\n    return proxySource;\n  }, {});\n}\n\nexport interface AssignableProps {\n  ref?: Ref<any>;\n  style?: CSSProperties;\n  className?: string;\n  styles?: DetailedHTMLProps<StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n\n  [key: string]: any;\n}\n\nexport default function assignProps<P extends AssignableProps, S extends AssignableProps>(\n  props: P = {} as P,\n  source: S = {} as S,\n) {\n  // @ts-ignore\n  if (props === source) return props;\n  const newProps = {\n    ...source,\n    ...props,\n    ...assignHandlersInner(props, source),\n  };\n  for (const key in source) {\n    if (key.startsWith('use:')) {\n      const originalKey = key.slice('use:'.length);\n      newProps[originalKey] = source[key];\n    }\n  }\n  for (const key in props) {\n    if (key.startsWith('use:')) {\n      const originalKey = key.slice('use:'.length);\n      newProps[originalKey] = props[key];\n    }\n  }\n\n  // because react set getter for ref\n  const sourceDescriptorRef = Object.getOwnPropertyDescriptor(source, 'ref');\n  const propsDescriptorRef = Object.getOwnPropertyDescriptor(props, 'ref');\n  if (sourceDescriptorRef?.configurable && propsDescriptorRef?.configurable) {\n    newProps.ref = forkRef(source.ref as any, props.ref as any);\n  }\n\n  if (props.forwardRef) {\n    newProps.ref = forkRef(newProps.ref as any, props.forwardRef as any);\n    newProps.forwardRef = newProps.ref;\n  }\n\n  if (source.style && props.style) {\n    newProps.style = {\n      ...source.style,\n      ...props.style,\n    };\n  }\n\n  if (source.className) {\n    newProps.className = cn(props.className, source.className);\n  }\n\n  if (source.styles && props.styles) {\n    newProps.styles = sstyled.merge(source.styles, props.styles);\n  }\n\n  return newProps;\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/canUseDOM.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = _default;
+exports.default = _default;
 function _default() {
   return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
 }

package/lib/utils/capitalizeFirstLetter.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = capitalizeFirstLetter;
+exports.default = capitalizeFirstLetter;
 function capitalizeFirstLetter(input) {
   return input.charAt(0).toUpperCase() + input.slice(1);
 }

package/lib/utils/color.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,91 +8,73 @@ exports.brightness = brightness;
 exports.light = void 0;
 exports.opacity = opacity;
 exports.shade = shade;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 function shadeHexColor(color, percent) {
-  var f = Number.parseInt(color.slice(1), 16);
-  var t = percent < 0 ? 0 : 255;
-  var p = percent < 0 ? percent * -1 : percent;
-  var R = f >> 16;
-  var G = f >> 8 & 0x00ff;
-  var B = f & 0x0000ff;
-  return "#".concat((0x1000000 + (Math.round((t - R) * p) + R) * 0x10000 + (Math.round((t - G) * p) + G) * 0x100 + (Math.round((t - B) * p) + B)).toString(16).slice(1));
+  const f = Number.parseInt(color.slice(1), 16);
+  const t = percent < 0 ? 0 : 255;
+  const p = percent < 0 ? percent * -1 : percent;
+  const R = f >> 16;
+  const G = f >> 8 & 0x00ff;
+  const B = f & 0x0000ff;
+  return `#${(0x1000000 + (Math.round((t - R) * p) + R) * 0x10000 + (Math.round((t - G) * p) + G) * 0x100 + (Math.round((t - B) * p) + B)).toString(16).slice(1)}`;
 }
 function shadeRGBColor(color, percent) {
-  var _colorRGB = colorRGB(color),
-    _colorRGB2 = (0, _slicedToArray2["default"])(_colorRGB, 3),
-    R = _colorRGB2[0],
-    G = _colorRGB2[1],
-    B = _colorRGB2[2];
-  var t = percent < 0 ? 0 : 255;
-  var p = percent < 0 ? percent * -1 : percent;
-  return "rgb(".concat(Math.round((t - R) * p) + R, ",").concat(Math.round((t - G) * p) + G, ",").concat(Math.round((t - B) * p) + B, ")");
+  const [R, G, B] = colorRGB(color);
+  const t = percent < 0 ? 0 : 255;
+  const p = percent < 0 ? percent * -1 : percent;
+  return `rgb(${Math.round((t - R) * p) + R},${Math.round((t - G) * p) + G},${Math.round((t - B) * p) + B})`;
 }
-function shade(color) {
-  var percent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+function shade(color, percent = 1) {
   if (!color) return;
   // TODO error for color name, example 'aqua'
   if (color.length > 7) return shadeRGBColor(color, percent);
   return shadeHexColor(color, percent);
 }
 function blendHexColors(colorOne, colorTwo, percent) {
-  var f = Number.parseInt(colorOne.slice(1), 16);
-  var t = Number.parseInt(colorTwo.slice(1), 16);
-  var R1 = f >> 16;
-  var G1 = f >> 8 & 0x00ff;
-  var B1 = f & 0x0000ff;
-  var R2 = t >> 16;
-  var G2 = t >> 8 & 0x00ff;
-  var B2 = t & 0x0000ff;
-  return "#".concat((0x1000000 + (Math.round((R2 - R1) * percent) + R1) * 0x10000 + (Math.round((G2 - G1) * percent) + G1) * 0x100 + (Math.round((B2 - B1) * percent) + B1)).toString(16).slice(1));
+  const f = Number.parseInt(colorOne.slice(1), 16);
+  const t = Number.parseInt(colorTwo.slice(1), 16);
+  const R1 = f >> 16;
+  const G1 = f >> 8 & 0x00ff;
+  const B1 = f & 0x0000ff;
+  const R2 = t >> 16;
+  const G2 = t >> 8 & 0x00ff;
+  const B2 = t & 0x0000ff;
+  return `#${(0x1000000 + (Math.round((R2 - R1) * percent) + R1) * 0x10000 + (Math.round((G2 - G1) * percent) + G1) * 0x100 + (Math.round((B2 - B1) * percent) + B1)).toString(16).slice(1)}`;
 }
 function blendRGBColors(colorOne, colorTwo, percent) {
-  var _colorRGB3 = colorRGB(colorOne),
-    _colorRGB4 = (0, _slicedToArray2["default"])(_colorRGB3, 3),
-    R = _colorRGB4[0],
-    G = _colorRGB4[1],
-    B = _colorRGB4[2];
-  var t = colorTwo.split(',');
-  return "rgb(".concat(Math.round((Number.parseInt(t[0].slice(4)) - R) * percent) + R, ",").concat(Math.round((Number.parseInt(t[1]) - G) * percent) + G, ",").concat(Math.round((Number.parseInt(t[2]) - B) * percent) + B, ")");
+  const [R, G, B] = colorRGB(colorOne);
+  const t = colorTwo.split(',');
+  return `rgb(${Math.round((Number.parseInt(t[0].slice(4)) - R) * percent) + R},${Math.round((Number.parseInt(t[1]) - G) * percent) + G},${Math.round((Number.parseInt(t[2]) - B) * percent) + B})`;
 }
-function blend(colorOne, colorTwo) {
-  var percent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+function blend(colorOne, colorTwo, percent = 1) {
   if (!colorOne || !colorTwo) return;
   if (colorOne.length > 7) {
     if (colorTwo.length > 7) {
       return blendRGBColors(colorOne, colorTwo, percent);
     }
-    return blendRGBColors(colorOne, "rgb(".concat(hex2rgb(colorTwo), ")"), percent);
+    return blendRGBColors(colorOne, `rgb(${hex2rgb(colorTwo)})`, percent);
   }
   if (colorTwo.length > 7) {
-    return blendRGBColors("rgb(".concat(hex2rgb(colorOne).join(','), ")"), colorTwo, percent);
+    return blendRGBColors(`rgb(${hex2rgb(colorOne).join(',')})`, colorTwo, percent);
   }
   return blendHexColors(colorOne, colorTwo, percent);
 }
 function colorRGB(color) {
-  var f = color.split(',');
-  var R = Number.parseInt(f[0].slice(4));
-  var G = Number.parseInt(f[1]);
-  var B = Number.parseInt(f[2]);
+  const f = color.split(',');
+  const R = Number.parseInt(f[0].slice(4));
+  const G = Number.parseInt(f[1]);
+  const B = Number.parseInt(f[2]);
   return [R, G, B];
 }
 function hex2rgb(hex) {
-  var _hex$replace$substrin;
   // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
-  return (_hex$replace$substrin = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function (_m, r, g, b) {
-    return "#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);
-  }).substring(1).match(/.{2}/g)) === null || _hex$replace$substrin === void 0 ? void 0 : _hex$replace$substrin.map(function (x) {
-    return Number.parseInt(x, 16);
-  });
+  return hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (_m, r, g, b) => `#${r}${r}${g}${g}${b}${b}`).substring(1).match(/.{2}/g)?.map(x => Number.parseInt(x, 16));
 }
-function opacity(color) {
-  var percent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+function opacity(color, percent = 1) {
   if (!color) return;
   if (color.includes('#') && color.match(/^#?[a-fA-F\d]{6}$/)) {
-    color = "rgba(".concat(hex2rgb(color).join(', '), ", ").concat(percent, ")");
+    color = `rgba(${hex2rgb(color).join(', ')}, ${percent})`;
   } else if (color.includes('rgb')) {
-    color = "rgba(".concat(colorRGB(color).join(', '), ", ").concat(percent, ")");
+    color = `rgba(${colorRGB(color).join(', ')}, ${percent})`;
   } else {
     return;
   }
@@ -108,64 +89,60 @@ function brightness(color) {
   }
   return Math.round((Number.parseInt(color[0]) * 299 + Number.parseInt(color[1]) * 587 + Number.parseInt(color[2]) * 114) / 1000);
 }
-var lightMemo = {};
-var light = exports.light = function light(color) {
-  var factor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+const lightMemo = {};
+const light = (color, factor = 1) => {
   if (!color) return;
-  var inputKey = "".concat(color, "_").concat(factor);
+  const inputKey = `${color}_${factor}`;
   if (lightMemo[inputKey]) return lightMemo[inputKey];
-  var r = 0;
-  var g = 0;
-  var b = 0;
-  var a = 1;
+  let r = 0;
+  let g = 0;
+  let b = 0;
+  let a = 1;
   if (color.startsWith('#')) {
     if (color.length !== 4 && color.length !== 7) {
-      throw new Error("Got invalid color ".concat(color));
+      throw new Error(`Got invalid color ${color}`);
     }
-    var partSize = color.length === 4 ? 1 : 2;
+    const partSize = color.length === 4 ? 1 : 2;
     r = Number.parseInt(color.substring(1, 1 + partSize), 16);
     g = Number.parseInt(color.substring(1 + partSize, 1 + partSize * 2), 16);
     b = Number.parseInt(color.substring(1 + partSize * 2, 1 + partSize * 3), 16);
     a = 1; // not handled for now
   } else if (color.startsWith('rgb(')) {
-    var trimmed = color.substring('rgb('.length, color.length - ')'.length);
-    var parts = trimmed.split(',').map(function (part) {
-      return Number.parseInt(part.trim(), 10);
-    });
+    const trimmed = color.substring('rgb('.length, color.length - ')'.length);
+    const parts = trimmed.split(',').map(part => Number.parseInt(part.trim(), 10));
     r = parts[0];
     g = parts[1];
     b = parts[2];
     a = 1;
   } else if (color.startsWith('rgba(')) {
-    var _trimmed = color.substring('rgba('.length, color.length - ')'.length);
-    var _parts = _trimmed.split(',').map(function (part) {
-      return Number.parseInt(part.trim(), 10);
-    });
-    r = _parts[0];
-    g = _parts[1];
-    b = _parts[2];
-    a = _parts[2];
+    const trimmed = color.substring('rgba('.length, color.length - ')'.length);
+    const parts = trimmed.split(',').map(part => Number.parseInt(part.trim(), 10));
+    r = parts[0];
+    g = parts[1];
+    b = parts[2];
+    a = parts[2];
   } else {
-    throw new Error("Got invalid color ".concat(color));
+    throw new Error(`Got invalid color ${color}`);
   }
-  var hsl = rgbToHsl(r, g, b);
+  const hsl = rgbToHsl(r, g, b);
   hsl[2] += (1 - hsl[2]) * factor;
-  var rgb = hslToRgb.apply(void 0, (0, _toConsumableArray2["default"])(hsl));
-  return lightMemo[inputKey] === "rgba(".concat(rgb[0], ", ").concat(rgb[1], ", ").concat(rgb[2], ", ").concat(a, ")");
+  const rgb = hslToRgb(...hsl);
+  return lightMemo[inputKey] === `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${a})`;
 };
-var rgbToHsl = function rgbToHsl(r, g, b) {
+exports.light = light;
+const rgbToHsl = (r, g, b) => {
   r /= 255;
   g /= 255;
   b /= 255;
-  var max = Math.max(r, g, b);
-  var min = Math.min(r, g, b);
-  var h = 0;
-  var s = 0;
-  var l = (max + min) / 2;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  let h = 0;
+  let s = 0;
+  const l = (max + min) / 2;
   if (max === min) {
     h = s = 0;
   } else {
-    var d = max - min;
+    const d = max - min;
     s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
     switch (max) {
       case r:
@@ -182,23 +159,23 @@ var rgbToHsl = function rgbToHsl(r, g, b) {
   }
   return [h, s, l];
 };
-var hslToRgb = function hslToRgb(h, s, l) {
-  var r = 0;
-  var g = 0;
-  var b = 0;
+const hslToRgb = (h, s, l) => {
+  let r = 0;
+  let g = 0;
+  let b = 0;
   if (s === 0) {
     r = g = b = l;
   } else {
-    var hue2rgb = function hue2rgb(p, q, t) {
+    function hue2rgb(p, q, t) {
       if (t < 0) t += 1;
       if (t > 1) t -= 1;
       if (t < 1 / 6) return p + (q - p) * 6 * t;
       if (t < 1 / 2) return q;
       if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
       return p;
-    };
-    var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-    var p = 2 * l - q;
+    }
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
     r = hue2rgb(p, q, h + 1 / 3);
     g = hue2rgb(p, q, h);
     b = hue2rgb(p, q, h - 1 / 3);