@ntbjs/react-components 2.0.14 → 3.0.0-rc.2

package/build/icons/edit-note.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"edit-note.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"edit-note.svg.js","sources":["../../src/icons/edit-note.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.67%2012%22%3E%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7%2C12v-1.77l4.42-4.42%2C1.77%2C1.77-4.42%2C4.42h-1.77ZM0%2C7.75v-1.5h6v1.5H0Zm13.77-.75l-1.77-1.77.67-.67c.15-.15.33-.23.53-.23s.38.08.53.23l.71.71c.15.15.23.33.23.53s-.08.38-.23.53l-.67.67ZM0%2C4.63v-1.5h9v1.5H0ZM0%2C1.5V0h9v1.5H0Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,WAAW,GAAG,SAAS,WAAW,CAAC,KAAK,EAAE;AAC9C,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/expand-more.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgExpandMore(props) {
+var SvgExpandMore = function SvgExpandMore(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 14.15"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M12 14.15l-12-12L2.15 0 12 9.9 21.85.05 24 2.2 12 14.15z"
+    d: "m12 14.15-12-12L2.15 0 12 9.9 21.85.05 24 2.2z"
   })));
-}
+};
 
 export { SvgExpandMore as ReactComponent };
 //# sourceMappingURL=expand-more.svg.js.map

package/build/icons/expand-more.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"expand-more.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"expand-more.svg.js","sources":["../../src/icons/expand-more.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2014.15%22%3E%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12%2C14.15L0%2C2.15%2C2.15%2C0l9.85%2C9.9L21.85.05l2.15%2C2.15-12%2C11.95Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,aAAa,GAAG,SAAS,aAAa,CAAC,KAAK,EAAE;AAClD,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/headset.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgHeadset(props) {
+var SvgHeadset = function SvgHeadset(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
     viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M9 21H5q-.825 0-1.413-.587Q3 19.825 3 19v-7q0-1.875.712-3.513.713-1.637 1.926-2.85 1.212-1.212 2.85-1.925Q10.125 3 12 3t3.513.712q1.637.713 2.85 1.925 1.212 1.213 1.925 2.85Q21 10.125 21 12v7q0 .825-.587 1.413Q19.825 21 19 21h-4v-8h4v-1q0-2.925-2.038-4.963Q14.925 5 12 5T7.038 7.037Q5 9.075 5 12v1h4zm-2-6H5v4h2zm10 0v4h2v-4zm0 0h2-2zM7 15H5z"
+    d: "M9 21H5q-.825 0-1.413-.587Q3 19.825 3 19v-7q0-1.875.712-3.513.713-1.637 1.926-2.85 1.212-1.212 2.85-1.925Q10.125 3 12 3t3.513.712q1.637.713 2.85 1.925 1.212 1.213 1.925 2.85Q21 10.125 21 12v7q0 .825-.587 1.413Q19.825 21 19 21h-4v-8h4v-1q0-2.925-2.038-4.963Q14.925 5 12 5T7.038 7.037Q5 9.075 5 12v1h4Zm-2-6H5v4h2Zm10 0v4h2v-4Zm0 0h2zM7 15H5Z"
   })));
-}
+};
 
 export { SvgHeadset as ReactComponent };
 //# sourceMappingURL=headset.svg.js.map

package/build/icons/headset.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"headset.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"headset.svg.js","sources":["../../src/icons/headset.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9%2021H5q-.825%200-1.413-.587Q3%2019.825%203%2019v-7q0-1.875.712-3.513.713-1.637%201.926-2.85%201.212-1.212%202.85-1.925Q10.125%203%2012%203t3.513.712q1.637.713%202.85%201.925%201.212%201.213%201.925%202.85Q21%2010.125%2021%2012v7q0%20.825-.587%201.413Q19.825%2021%2019%2021h-4v-8h4v-1q0-2.925-2.038-4.963Q14.925%205%2012%205T7.038%207.037Q5%209.075%205%2012v1h4Zm-2-6H5v4h2Zm10%200v4h2v-4Zm0%200h2-2ZM7%2015H5Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,UAAU,GAAG,SAAS,UAAU,CAAC,KAAK,EAAE;AAC5C,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/layers.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgLayers(props) {
+var SvgLayers = function SvgLayers(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "-1 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M11.16 23.622L0 14.942l2.046-1.55 9.114 7.068 9.114-7.068 2.046 1.55-11.16 8.68zm0-6.262L0 8.68 11.16 0l11.16 8.68-11.16 8.68z"
+    d: "M11.16 23.622 0 14.942l2.046-1.55 9.114 7.068 9.114-7.068 2.046 1.55zm0-6.262L0 8.68 11.16 0l11.16 8.68z"
   })));
-}
+};
 
 export { SvgLayers as ReactComponent };
 //# sourceMappingURL=layers.svg.js.map

package/build/icons/layers.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"layers.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"layers.svg.js","sources":["../../src/icons/layers.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-1%200%2024%2024%22%3E%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M%2011.16%2023.622%20L%200%2014.942%20l%202.046%20-1.55%20l%209.114%207.068%20l%209.114%20-7.068%20l%202.046%201.55%20l%20-11.16%208.68%20Z%20m%200%20-6.262%20L%200%208.68%20l%2011.16%20-8.68%20l%2011.16%208.68%20l%20-11.16%208.68%20Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,SAAS,GAAG,SAAS,SAAS,CAAC,KAAK,EAAE;AAC1C,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/link.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgLink(props) {
+var SvgLink = function SvgLink(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 10"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M9 10H5c-1.38 0-2.56-.49-3.54-1.46S0 6.39 0 5s.49-2.56 1.46-3.54S3.62 0 5 0h4v2H5c-.83 0-1.54.29-2.13.88s-.88 1.29-.88 2.13.29 1.54.88 2.13 1.29.88 2.13.88h4v2zM6 6V4h8v2H6zm5 4V8h4c.83 0 1.54-.29 2.13-.88s.88-1.29.88-2.13-.29-1.54-.88-2.13-1.29-.88-2.13-.88h-4V0h4c1.38 0 2.56.49 3.54 1.46S20 3.61 20 5s-.49 2.56-1.46 3.54S16.39 10 15 10h-4z"
+    d: "M9 10H5c-1.38 0-2.56-.49-3.54-1.46S0 6.39 0 5s.49-2.56 1.46-3.54S3.62 0 5 0h4v2H5c-.83 0-1.54.29-2.13.88s-.88 1.29-.88 2.13.29 1.54.88 2.13 1.29.88 2.13.88h4v2ZM6 6V4h8v2zm5 4V8h4c.83 0 1.54-.29 2.13-.88s.88-1.29.88-2.13-.29-1.54-.88-2.13-1.29-.88-2.13-.88h-4V0h4c1.38 0 2.56.49 3.54 1.46S20 3.61 20 5s-.49 2.56-1.46 3.54S16.39 10 15 10z"
   })));
-}
+};
 
 export { SvgLink as ReactComponent };
 //# sourceMappingURL=link.svg.js.map

package/build/icons/link.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"link.svg.js","sources":["../../src/icons/link.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m9%2C10h-4c-1.38%2C0-2.56-.49-3.54-1.46s-1.46-2.15-1.46-3.54S.49%2C2.44%2C1.46%2C1.46%2C3.62%2C0%2C5%2C0h4v2h-4c-.83%2C0-1.54.29-2.13.88s-.88%2C1.29-.88%2C2.13.29%2C1.54.88%2C2.13%2C1.29.88%2C2.13.88h4v2Zm-3-4v-2h8v2H6Zm5%2C4v-2h4c.83%2C0%2C1.54-.29%2C2.13-.88s.88-1.29.88-2.13-.29-1.54-.88-2.13-1.29-.88-2.13-.88h-4V0h4c1.38%2C0%2C2.56.49%2C3.54%2C1.46s1.46%2C2.15%2C1.46%2C3.54-.49%2C2.56-1.46%2C3.54-2.15%2C1.46-3.54%2C1.46h-4Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,OAAO,GAAG,SAAS,OAAO,CAAC,KAAK,EAAE;AACtC,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/play.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgPlay(props) {
+var SvgPlay = function SvgPlay(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "-3 -0.25 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M0 23.52V0l18.48 11.76L0 23.52z"
+    d: "M0 23.52V0l18.48 11.76z"
   })));
-}
+};
 
 export { SvgPlay as ReactComponent };
 //# sourceMappingURL=play.svg.js.map

package/build/icons/play.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"play.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"play.svg.js","sources":["../../src/icons/play.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-3%20-0.25%2024%2024%22%3E%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M%200%2023.52%20v%20-23.52%20l%2018.48%2011.76%20l%20-18.48%2011.76%20Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,OAAO,GAAG,SAAS,OAAO,CAAC,KAAK,EAAE;AACtC,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/search.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgSearch(props) {
+var SvgSearch = function SvgSearch(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M17.153 15.094h-1.084l-.385-.37a8.933 8.933 0 10-.96.96l.37.385v1.084L21.955 24 24 21.955zm-8.234 0a6.175 6.175 0 116.175-6.175 6.167 6.167 0 01-6.175 6.175z"
+    d: "M17.153 15.094h-1.084l-.385-.37a8.933 8.933 0 1 0-.96.96l.37.385v1.084L21.955 24 24 21.955Zm-8.234 0a6.175 6.175 0 1 1 6.175-6.175 6.167 6.167 0 0 1-6.175 6.175"
   })));
-}
+};
 
 export { SvgSearch as ReactComponent };
 //# sourceMappingURL=search.svg.js.map

package/build/icons/search.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"search.svg.js","sources":["../../src/icons/search.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.1527%2C15.0943H16.0686l-.3842-.37a8.933%2C8.933%2C0%2C1%2C0-.9606.9606l.37.3842v1.0841L21.9554%2C24%2C24%2C21.9554Zm-8.2333%2C0a6.175%2C6.175%2C0%2C1%2C1%2C6.1749-6.1749A6.1667%2C6.1667%2C0%2C0%2C1%2C8.9194%2C15.0943Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,SAAS,GAAG,SAAS,SAAS,CAAC,KAAK,EAAE;AAC1C,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/star-filled.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgStarFilled(props) {
+var SvgStarFilled = function SvgStarFilled(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 40 38"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M7.65 38l3.25-14.05L0 14.5l14.4-1.25L20 0l5.6 13.25L40 14.5l-10.9 9.45L32.35 38 20 30.55 7.65 38z"
+    d: "m7.65 38 3.25-14.05L0 14.5l14.4-1.25L20 0l5.6 13.25L40 14.5l-10.9 9.45L32.35 38 20 30.55z"
   })));
-}
+};
 
 export { SvgStarFilled as ReactComponent };
 //# sourceMappingURL=star-filled.svg.js.map

package/build/icons/star-filled.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"star-filled.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"star-filled.svg.js","sources":["../../src/icons/star-filled.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2038%22%3E%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.65%2C38l3.25-14.05L0%2C14.5l14.4-1.25L20%2C0l5.6%2C13.25%2C14.4%2C1.25-10.9%2C9.45%2C3.25%2C14.05-12.35-7.45-12.35%2C7.45Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,aAAa,GAAG,SAAS,aAAa,CAAC,KAAK,EAAE;AAClD,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/star.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgStar(props) {
+var SvgStar = function SvgStar(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 40 38"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M12.2 31.8l7.8-4.7 7.9 4.8-2.1-8.9 6.9-6-9.1-.8L20 7.7l-3.5 8.4-9.1.8 6.9 6-2.1 8.9zM7.7 38L11 24 0 14.5l14.4-1.2L20 0l5.6 13.2L40 14.5 29.1 24l3.3 14L20 30.6 7.7 38z"
+    d: "m12.2 31.8 7.8-4.7 7.9 4.8-2.1-8.9 6.9-6-9.1-.8L20 7.7l-3.5 8.4-9.1.8 6.9 6zM7.7 38 11 24 0 14.5l14.4-1.2L20 0l5.6 13.2L40 14.5 29.1 24l3.3 14L20 30.6z"
   })));
-}
+};
 
 export { SvgStar as ReactComponent };
 //# sourceMappingURL=star.svg.js.map

package/build/icons/star.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"star.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"star.svg.js","sources":["../../src/icons/star.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2038%22%3E%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.2%2C31.8l7.8-4.7%2C7.9%2C4.8-2.1-8.9%2C6.9-6-9.1-.8-3.6-8.5-3.5%2C8.4-9.1.8%2C6.9%2C6-2.1%2C8.9Zm-4.5%2C6.2l3.3-14L0%2C14.5l14.4-1.2L20%2C0l5.6%2C13.2%2C14.4%2C1.3-10.9%2C9.5%2C3.3%2C14-12.4-7.4-12.3%2C7.4Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,OAAO,GAAG,SAAS,OAAO,CAAC,KAAK,EAAE;AACtC,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/triangle-right.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgTriangleRight(props) {
+var SvgTriangleRight = function SvgTriangleRight(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 10 20"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M0 20V0l10 10L0 20z"
+    d: "M0 20V0l10 10z"
   })));
-}
+};
 
 export { SvgTriangleRight as ReactComponent };
 //# sourceMappingURL=triangle-right.svg.js.map

package/build/icons/triangle-right.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"triangle-right.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"triangle-right.svg.js","sources":["../../src/icons/triangle-right.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2020%22%3E%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m0%2C20V0l10%2C10L0%2C20Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,gBAAgB,GAAG,SAAS,gBAAgB,CAAC,KAAK,EAAE;AACxD,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/verification.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgVerification(props) {
+var SvgVerification = function SvgVerification(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "-2.5 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M9.3 12.662q-1.698 0-2.864-1.166T5.27 8.632q0-1.697 1.166-2.864T9.3 4.602q1.698 0 2.864 1.166t1.166 2.864q0 1.698-1.166 2.864T9.3 12.662zm0-1.86q.925 0 1.548-.622.622-.622.622-1.548t-.622-1.547q-.623-.623-1.548-.623t-1.548.623q-.622.622-.622 1.547t.622 1.548q.623.622 1.548.622zm0 12.686q-4.023-1.097-6.661-4.735Q0 15.113 0 10.616V3.482L9.3 0l9.3 3.482v7.134q0 4.498-2.639 8.137-2.638 3.639-6.661 4.735zm0-11.744zm0-9.765L1.86 4.757v5.86q0 1.769.507 3.421.507 1.653 1.408 3.083 1.254-.639 2.626-.999 1.373-.36 2.899-.36t2.898.36q1.373.36 2.627 1 .901-1.431 1.408-3.084.507-1.652.507-3.422V4.757L9.3 1.98zm0 15.643q-1.2 0-2.307.26-1.108.26-2.093.73.923 1.025 2.03 1.773 1.109.747 2.37 1.143 1.262-.395 2.363-1.143 1.102-.748 2.025-1.773-.985-.47-2.087-.73-1.102-.26-2.301-.26z"
+    d: "M9.3 12.662q-1.698 0-2.864-1.166T5.27 8.632t1.166-2.864T9.3 4.602t2.864 1.166 1.166 2.864-1.166 2.864T9.3 12.662m0-1.86q.925 0 1.548-.622.622-.622.622-1.548t-.622-1.547T9.3 6.462t-1.548.623-.622 1.547.622 1.548 1.548.622m0 12.686q-4.023-1.097-6.661-4.735Q0 15.113 0 10.616V3.482L9.3 0l9.3 3.482v7.134q0 4.498-2.639 8.137T9.3 23.488m0-21.509L1.86 4.757v5.86q0 1.769.507 3.421.507 1.653 1.408 3.083 1.254-.639 2.626-.999 1.373-.36 2.899-.36t2.898.36 2.627 1q.901-1.431 1.408-3.084.507-1.652.507-3.422V4.757zm0 15.643q-1.2 0-2.307.26-1.108.26-2.093.73.923 1.025 2.03 1.773 1.109.747 2.37 1.143 1.262-.395 2.363-1.143 1.102-.748 2.025-1.773-.985-.47-2.087-.73t-2.301-.26"
   })));
-}
+};
 
 export { SvgVerification as ReactComponent };
 //# sourceMappingURL=verification.svg.js.map

package/build/icons/verification.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"verification.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"verification.svg.js","sources":["../../src/icons/verification.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-2.5%200%2024%2024%22%3E%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M%209.3%2012.6622%20q%20-1.6978%200%20-2.8639%20-1.1661%20T%205.27%208.6323%20q%200%20-1.6978%201.1661%20-2.8639%20T%209.3%204.6023%20q%201.6978%200%202.8639%201.1661%20T%2013.3299%208.6323%20q%200%201.6978%20-1.1661%202.8639%20T%209.3%2012.6622%20Z%20m%200%20-1.8599%20q%200.9252%200%201.5476%20-0.6224%20q%200.6224%20-0.6224%200.6224%20-1.5476%20t%20-0.6224%20-1.5476%20Q%2010.2252%206.4622%209.3%206.4622%20t%20-1.5476%200.6224%20Q%207.1299%207.707%207.1299%208.6323%20t%200.6224%201.5476%20q%200.6224%200.6224%201.5476%200.6224%20Z%20m%200%2012.6861%20q%20-4.0228%20-1.0969%20-6.6614%20-4.7358%20Q%200%2015.1136%200%2010.6163%20v%20-7.1347%20L%209.3%200%20l%209.3%203.4815%20V%2010.6163%20q%200%204.4974%20-2.6386%208.1363%20Q%2013.3228%2022.3915%209.3%2023.4884%20Z%20m%200%20-11.7442%20Z%20m%200%20-9.765%20L%201.86%204.7573%20v%205.859%20q%200%201.7694%200.5067%203.4219%20q%200.5068%201.6525%201.4081%203.0833%20q%201.2543%20-0.6391%202.6266%20-0.9992%20q%201.3723%20-0.3601%202.8985%20-0.3601%20t%202.8985%200.3601%20q%201.3723%200.3601%202.6266%200.9992%20q%200.9014%20-1.4308%201.4081%20-3.0833%20Q%2016.74%2012.3856%2016.74%2010.6163%20v%20-5.859%20l%20-7.44%20-2.7781%20Z%20m%200%2015.643%20q%20-1.1995%200%20-2.3071%200.2599%20q%20-1.1077%200.2599%20-2.0925%200.7297%20q%200.9229%201.0254%202.0305%201.773%20Q%208.0385%2021.1324%209.3%2021.5283%20q%201.2615%20-0.3958%202.3632%20-1.1434%20Q%2012.7648%2019.6373%2013.6877%2018.6118%20q%20-0.9848%20-0.4697%20-2.0865%20-0.7297%20q%20-1.1017%20-0.2599%20-2.3012%20-0.2599%20Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,eAAe,GAAG,SAAS,eAAe,CAAC,KAAK,EAAE;AACtD,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/icons/warning-circle.svg.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgWarningCircle(props) {
+var SvgWarningCircle = function SvgWarningCircle(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M10.8 15.6h2.4V18h-2.4zm0-9.6h2.4v7.2h-2.4zm1.188-6A12 12 0 1024 12 11.994 11.994 0 0011.988 0zM12 21.6a9.6 9.6 0 119.6-9.6 9.597 9.597 0 01-9.6 9.6z"
+    d: "M10.8 15.6h2.4V18h-2.4Zm0-9.6h2.4v7.2h-2.4Zm1.188-6A12 12 0 1 0 24 12 11.994 11.994 0 0 0 11.988 0M12 21.6a9.6 9.6 0 1 1 9.6-9.6 9.597 9.597 0 0 1-9.6 9.6"
   })));
-}
+};
 
 export { SvgWarningCircle as ReactComponent };
 //# sourceMappingURL=warning-circle.svg.js.map

package/build/icons/warning-circle.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"warning-circle.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"warning-circle.svg.js","sources":["../../src/icons/warning-circle.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.8%2C15.6h2.4V18H10.8Zm0-9.6h2.4v7.2H10.8Zm1.188-6A12%2C12%2C0%2C1%2C0%2C24%2C12%2C11.9941%2C11.9941%2C0%2C0%2C0%2C11.988%2C0ZM12%2C21.6A9.6%2C9.6%2C0%2C1%2C1%2C21.6%2C12%2C9.5974%2C9.5974%2C0%2C0%2C1%2C12%2C21.6Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,gBAAgB,GAAG,SAAS,gBAAgB,CAAC,KAAK,EAAE;AACxD,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/inputs/ActionButton/ActionButton.js

@@ -1,42 +1,31 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from 'prop-types';
 import { ActionButton as ActionButton$1 } from './ActionButton.styled.js';
+import { jsx } from 'react/jsx-runtime';
 
+const NOOP = () => {};
+const DEFAULT_ACTION_SIZE = [40, 40];
 const ActionButton = React__default.forwardRef(function ActionButton({
   icon,
   disabled,
   active,
-  onClick,
-  actionWidthHeight,
-  useShadow,
+  onClick = NOOP,
+  actionWidthHeight = DEFAULT_ACTION_SIZE,
+  useShadow = false,
   backgroundColors,
   ...props
 }, forwardedRef) {
-  return React__default.createElement(ActionButton$1, _extends({
+  return jsx(ActionButton$1, {
     ref: forwardedRef,
     disabled: disabled,
     $active: active,
     onClick: onClick,
     $actionWidthHeight: actionWidthHeight,
     $backgroundColors: backgroundColors,
-    $useShadow: useShadow
-  }, props), icon);
+    $useShadow: useShadow,
+    ...props,
+    children: icon
+  });
 });
-ActionButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  icon: PropTypes.element.isRequired,
-  disabled: PropTypes.bool,
-  active: PropTypes.bool,
-  onClick: PropTypes.func,
-  backgroundColors: PropTypes.arrayOf(PropTypes.string),
-  actionWidthHeight: PropTypes.array,
-  useShadow: PropTypes.bool
-} : {};
-ActionButton.defaultProps = {
-  onClick: () => {},
-  actionWidthHeight: [40, 40],
-  useShadow: false
-};
 
 export { ActionButton as default };
 //# sourceMappingURL=ActionButton.js.map

package/build/inputs/ActionButton/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","sources":["../../../src/components/inputs/ActionButton/ActionButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './ActionButton.styled';\n\n/**\n * An action button.\n *\n * ### Import\n *\n * ``` js\n * import { ActionButton } from '@ntbjs/react-components/inputs'\n * // or\n * import ActionButton from '@ntbjs/react-components/inputs/ActionButton'\n * ```\n *\n * ### Props\n * ```\n * Pass `icon={<svg></svg>}` to display an icon.\n * Pass `disabled={true}` to disable the button.\n * Pass `active={true}` to lock the hover state of the button.\n * Pass `onClick={() => {}}` to add an on-click effect.\n * Pass `backgroundColors={[#ffffff, #000000]}` to set the background color of the button\n * ```\n */\nconst ActionButton = React.forwardRef(function ActionButton(\n  { icon, disabled, active, onClick, actionWidthHeight, useShadow, backgroundColors, ...props },\n  forwardedRef\n) {\n  return (\n    <S.ActionButton\n      ref={forwardedRef}\n      disabled={disabled}\n      $active={active}\n      onClick={onClick}\n      $actionWidthHeight={actionWidthHeight}\n      $backgroundColors={backgroundColors}\n      $useShadow={useShadow}\n      {...props}\n    >\n      {icon}\n    </S.ActionButton>\n  );\n});\n\nActionButton.propTypes = {\n  /**\n   * Icon element – e.g: `icon={<SvgAddCircle />}`\n   */\n  icon: PropTypes.element.isRequired,\n  /**\n   * Disable the action button\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Locks the hover state of the `ActionButton` – this prop only affects the visual appearance of the\n   * `ActionButton`\n   */\n  active: PropTypes.bool,\n  /**\n   * On-click effect for the action button\n   */\n  onClick: PropTypes.func,\n  /**\n   * Color of the button background as an array of [darkThemeColor, lightThemeColor]\n   */\n  backgroundColors: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Width and Height of the Action Button [50, 50]\n   */\n  actionWidthHeight: PropTypes.array,\n  /**\n   *Use shadow for the action button\n   */\n  useShadow: PropTypes.bool\n};\n\nActionButton.defaultProps = {\n  onClick: () => {},\n  actionWidthHeight: [40, 40],\n  useShadow: false\n};\n\nexport default ActionButton;\n"],"names":["ActionButton","React","forwardRef","icon","disabled","active","onClick","actionWidthHeight","useShadow","backgroundColors","props","forwardedRef","createElement","S","_extends","ref","$active","$actionWidthHeight","$backgroundColors","$useShadow","propTypes","process","env","NODE_ENV","PropTypes","element","isRequired","bool","func","arrayOf","string","array","defaultProps"],"mappings":";;;;;AAwBMA,MAAAA,YAAY,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,YAAYA,CACzD;EAAEG,IAAI;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,OAAO;EAAEC,iBAAiB;EAAEC,SAAS;EAAEC,gBAAgB;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAC7FC,YAAY,EACZ;EACA,OACEV,cAAA,CAAAW,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AACbC,IAAAA,GAAG,EAAEJ,YAAa;AAClBP,IAAAA,QAAQ,EAAEA,QAAS;AACnBY,IAAAA,OAAO,EAAEX,MAAO;AAChBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBW,IAAAA,kBAAkB,EAAEV,iBAAkB;AACtCW,IAAAA,iBAAiB,EAAET,gBAAiB;AACpCU,IAAAA,UAAU,EAAEX,SAAAA;GACRE,EAAAA,KAAK,CAERP,EAAAA,IACa,CAAC,CAAA;AAErB,CAAC,EAAC;AAEFH,YAAY,CAACoB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AAIvBpB,EAAAA,IAAI,EAAEqB,SAAS,CAACC,OAAO,CAACC,UAAU;EAIlCtB,QAAQ,EAAEoB,SAAS,CAACG,IAAI;EAKxBtB,MAAM,EAAEmB,SAAS,CAACG,IAAI;EAItBrB,OAAO,EAAEkB,SAAS,CAACI,IAAI;EAIvBnB,gBAAgB,EAAEe,SAAS,CAACK,OAAO,CAACL,SAAS,CAACM,MAAM,CAAC;EAIrDvB,iBAAiB,EAAEiB,SAAS,CAACO,KAAK;EAIlCvB,SAAS,EAAEgB,SAAS,CAACG,IAAAA;AACvB,CAAC,GAAA,EAAA,CAAA;AAED3B,YAAY,CAACgC,YAAY,GAAG;AAC1B1B,EAAAA,OAAO,EAAEA,MAAM,EAAE;AACjBC,EAAAA,iBAAiB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;AAC3BC,EAAAA,SAAS,EAAE,KAAA;AACb,CAAC;;;;"}
+{"version":3,"file":"ActionButton.js","sources":["../../../src/components/inputs/ActionButton/ActionButton.tsx"],"sourcesContent":["import React from 'react';\nimport * as S from './ActionButton.styled';\n\nconst NOOP = () => {};\nconst DEFAULT_ACTION_SIZE = [40, 40];\n\ntype ActionButtonOwnProps = {\n  /**\n   * Icon element – e.g: `icon={<SvgAddCircle />}`\n   */\n  icon: React.ReactElement<any>;\n  /**\n   * Disable the action button\n   */\n  disabled?: boolean;\n  /**\n   * Locks the hover state of the `ActionButton` – this prop only affects the visual appearance of the\n   * `ActionButton`\n   */\n  active?: boolean;\n  /**\n   * On-click effect for the action button\n   */\n  onClick?: (...args: any[]) => any;\n  /**\n   * Color of the button background as an array of [darkThemeColor, lightThemeColor]\n   */\n  backgroundColors?: string[];\n  /**\n   * Width and Height of the Action Button [50, 50]\n   */\n  actionWidthHeight?: any[];\n  /**\n   *Use shadow for the action button\n   */\n  useShadow?: boolean;\n};\n\n// Omit before & — a bare intersection narrows colliding props instead of overriding them.\ntype ActionButtonProps = Omit<\n  React.ComponentPropsWithoutRef<typeof S.ActionButton>,\n  keyof ActionButtonOwnProps\n> &\n  ActionButtonOwnProps;\n\n/**\n * An action button.\n *\n * ### Import\n *\n * ``` js\n * import { ActionButton } from '@ntbjs/react-components/inputs'\n * // or\n * import ActionButton from '@ntbjs/react-components/inputs/ActionButton'\n * ```\n *\n * ### Props\n * ```\n * Pass `icon={<svg></svg>}` to display an icon.\n * Pass `disabled={true}` to disable the button.\n * Pass `active={true}` to lock the hover state of the button.\n * Pass `onClick={() => {}}` to add an on-click effect.\n * Pass `backgroundColors={[#ffffff, #000000]}` to set the background color of the button\n * ```\n */\nconst ActionButton = React.forwardRef<any, ActionButtonProps>(function ActionButton(\n  {\n    icon,\n    disabled,\n    active,\n    onClick = NOOP,\n    actionWidthHeight = DEFAULT_ACTION_SIZE,\n    useShadow = false,\n    backgroundColors,\n    ...props\n  },\n  forwardedRef\n) {\n  return (\n    <S.ActionButton\n      ref={forwardedRef}\n      disabled={disabled}\n      $active={active}\n      onClick={onClick}\n      $actionWidthHeight={actionWidthHeight}\n      $backgroundColors={backgroundColors}\n      $useShadow={useShadow}\n      {...props}\n    >\n      {icon}\n    </S.ActionButton>\n  );\n});\n\nexport default ActionButton;\n"],"names":["NOOP","DEFAULT_ACTION_SIZE","ActionButton","React","forwardRef","icon","disabled","active","onClick","actionWidthHeight","useShadow","backgroundColors","props","forwardedRef","_jsx","S","ref","$active","$actionWidthHeight","$backgroundColors","$useShadow","children"],"mappings":";;;;AAGA,MAAMA,IAAI,GAAGA,MAAM,CAAC,CAAC;AACrB,MAAMC,mBAAmB,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC;AA6DpC,MAAMC,YAAY,GAAGC,cAAK,CAACC,UAAU,CAAyB,SAASF,YAAYA,CACjF;EACEG,IAAI;EACJC,QAAQ;EACRC,MAAM;AACNC,EAAAA,OAAO,GAAGR,IAAI;AACdS,EAAAA,iBAAiB,GAAGR,mBAAmB;AACvCS,EAAAA,SAAS,GAAG,KAAK;EACjBC,gBAAgB;EAChB,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;AACA,EAAA,OACEC,GAAA,CAACC,cAAc,EAAA;AACbC,IAAAA,GAAG,EAAEH,YAAa;AAClBP,IAAAA,QAAQ,EAAEA,QAAS;AACnBW,IAAAA,OAAO,EAAEV,MAAO;AAChBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBU,IAAAA,kBAAkB,EAAET,iBAAkB;AACtCU,IAAAA,iBAAiB,EAAER,gBAAiB;AACpCS,IAAAA,UAAU,EAAEV,SAAU;AAAA,IAAA,GAClBE,KAAK;AAAAS,IAAAA,QAAA,EAERhB;AAAI,GACS,CAAC;AAErB,CAAC;;;;"}

package/build/inputs/ActionButton/ActionButton.styled.js

@@ -5,63 +5,14 @@ import { applyDefaultTheme } from '../../utils/defaultTheme.js';
 const shouldForwardProp = prop => prop !== 'theme' && !prop.startsWith('$');
 const ActionButton = styled.button.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  width: ${props => `${props.$actionWidthHeight[0]}px`};
-  height: ${props => `${props.$actionWidthHeight[1]}px`};
-  border: 0;
-  color: inherit;
-  background-color: transparent;
-
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: 0 0;
-  transition: background-size 250ms ease;
-  cursor: pointer;
-
-  ${props => {
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ActionButtonstyled__ActionButton",
+  componentId: "sc-1e4xjt4-0"
+})(["display:inline-flex;justify-content:center;align-items:center;border-radius:50%;width:", ";height:", ";border:0;color:inherit;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:0 0;transition:background-size 250ms ease;cursor:pointer;", " &:hover:not(:disabled){background-size:", "px ", "px;svg{", ";}}", " ", " &:disabled{opacity:0.5;color:inherit;cursor:not-allowed;}svg{width:100%;max-width:", ";max-height:", ";pointer-events:none;transition:color 250ms;}"], props => `${props.$actionWidthHeight[0]}px`, props => `${props.$actionWidthHeight[1]}px`, props => {
   const darkThemeBgColor = props?.$backgroundColors?.[0] ?? props.theme.getColor('gray-600');
   const lightThemeBgColor = props?.$backgroundColors?.[1] ?? props.theme.getColor('gray-200');
   return props.theme.themeProp('background-image', `radial-gradient(circle at center, ${darkThemeBgColor} 50%, transparent 51%)`, `radial-gradient(circle at center, ${lightThemeBgColor} 50%, transparent 51%)`);
-}}
-
-  &:hover:not(:disabled) {
-    background-size: ${props => Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px
-      ${props => Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px;
-
-    svg {
-      ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))};
-    }
-  }
-
-  ${props => props.$active && css`
-      background-size: ${Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px
-        ${Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px;
-
-      svg {
-        ${props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))};
-      }
-    `}
-
-  ${props => props.$useShadow ? props.theme.themeProp('box-shadow', `0px 3px 6px ${rgba(props.theme.getColor('black'), 0.7)}`, `0px 3px 6px ${props.theme.getColor('black')}`) : null}
-
-  &:disabled {
-    opacity: 0.5;
-    color: inherit;
-    cursor: not-allowed;
-  }
-
-  svg {
-    width: 100%;
-    max-width: ${props => `${props.$actionWidthHeight[0] - 15}px`};
-    max-height: ${props => `${props.$actionWidthHeight[1] - 15}px`};
-    pointer-events: none;
-    transition: color 250ms;
-  }
-`;
+}, props => Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2, props => Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2, props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700')), props => props.$active && css(["background-size:", "px ", "px;svg{", ";}"], Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2, Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2, props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))), props => props.$useShadow ? props.theme.themeProp('box-shadow', `0px 3px 6px ${rgba(props.theme.getColor('black'), 0.7)}`, `0px 3px 6px ${props.theme.getColor('black')}`) : null, props => `${props.$actionWidthHeight[0] - 15}px`, props => `${props.$actionWidthHeight[1] - 15}px`);
 
 export { ActionButton };
 //# sourceMappingURL=ActionButton.styled.js.map

package/build/inputs/ActionButton/ActionButton.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.styled.js","sources":["../../../src/components/inputs/ActionButton/ActionButton.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { rgba } from 'polished';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => prop !== 'theme' && !prop.startsWith('$');\n\nexport const ActionButton = styled.button\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  width: ${props => `${props.$actionWidthHeight[0]}px`};\n  height: ${props => `${props.$actionWidthHeight[1]}px`};\n  border: 0;\n  color: inherit;\n  background-color: transparent;\n\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 0 0;\n  transition: background-size 250ms ease;\n  cursor: pointer;\n\n  ${props => {\n    const darkThemeBgColor = props?.$backgroundColors?.[0] ?? props.theme.getColor('gray-600');\n    const lightThemeBgColor = props?.$backgroundColors?.[1] ?? props.theme.getColor('gray-200');\n    return props.theme.themeProp(\n      'background-image',\n      `radial-gradient(circle at center, ${darkThemeBgColor} 50%, transparent 51%)`,\n      `radial-gradient(circle at center, ${lightThemeBgColor} 50%, transparent 51%)`\n    );\n  }}\n\n  &:hover:not(:disabled) {\n    background-size: ${props =>\n      Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px\n      ${props => Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px;\n\n    svg {\n      ${props =>\n        props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        )};\n    }\n  }\n\n  ${props =>\n    props.$active &&\n    css`\n      background-size: ${Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px\n        ${Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px;\n\n      svg {\n        ${props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        )};\n      }\n    `}\n\n  ${props =>\n    props.$useShadow\n      ? props.theme.themeProp(\n          'box-shadow',\n          `0px 3px 6px ${rgba(props.theme.getColor('black'), 0.7)}`,\n          `0px 3px 6px ${props.theme.getColor('black')}`\n        )\n      : null}\n\n  &:disabled {\n    opacity: 0.5;\n    color: inherit;\n    cursor: not-allowed;\n  }\n\n  svg {\n    width: 100%;\n    max-width: ${props => `${props.$actionWidthHeight[0] - 15}px`};\n    max-height: ${props => `${props.$actionWidthHeight[1] - 15}px`};\n    pointer-events: none;\n    transition: color 250ms;\n  }\n`;\n"],"names":["shouldForwardProp","prop","startsWith","ActionButton","styled","button","withConfig","attrs","applyDefaultTheme","props","$actionWidthHeight","darkThemeBgColor","$backgroundColors","theme","getColor","lightThemeBgColor","themeProp","Math","max","$active","css","$useShadow","rgba"],"mappings":"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"}
+{"version":3,"file":"ActionButton.styled.js","sources":["../../../src/components/inputs/ActionButton/ActionButton.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { rgba } from 'polished';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\n/* Single-argument for styled-components >=5.1.0; prop needs annotation for withConfig. */\nconst shouldForwardProp = (prop: string): boolean => prop !== 'theme' && !prop.startsWith('$');\n\n/**\n * Props of the styled ActionButton. `disabled` is absent: it's a real ButtonHTMLAttributes member.\n */\nexport interface ActionButtonStyleProps {\n  /**\n   * Width and height `[width, height]` in px. Unguarded array access—needs `?.` when strictNullChecks flips.\n   */\n  $actionWidthHeight?: number[];\n  /** `backgroundColors` — `PropTypes.arrayOf(PropTypes.string)`, `[dark, light]`. */\n  $backgroundColors?: string[];\n  /** `active` — `PropTypes.bool`. Locks the hover state. */\n  $active?: boolean;\n  /** `useShadow` — `PropTypes.bool`. Component defaults it to `false`. */\n  $useShadow?: boolean;\n}\n\nexport const ActionButton = styled.button\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<ActionButtonStyleProps>(applyDefaultTheme)`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  width: ${props => `${props.$actionWidthHeight[0]}px`};\n  height: ${props => `${props.$actionWidthHeight[1]}px`};\n  border: 0;\n  color: inherit;\n  background-color: transparent;\n\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 0 0;\n  transition: background-size 250ms ease;\n  cursor: pointer;\n\n  ${props => {\n    const darkThemeBgColor = props?.$backgroundColors?.[0] ?? props.theme.getColor('gray-600');\n    const lightThemeBgColor = props?.$backgroundColors?.[1] ?? props.theme.getColor('gray-200');\n    return props.theme.themeProp(\n      'background-image',\n      `radial-gradient(circle at center, ${darkThemeBgColor} 50%, transparent 51%)`,\n      `radial-gradient(circle at center, ${lightThemeBgColor} 50%, transparent 51%)`\n    );\n  }}\n\n  &:hover:not(:disabled) {\n    background-size: ${props =>\n      Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px\n      ${props => Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px;\n\n    svg {\n      ${props =>\n        props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        )};\n    }\n  }\n\n  ${props =>\n    props.$active &&\n    css`\n      background-size: ${Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px\n        ${Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px;\n\n      svg {\n        ${props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        )};\n      }\n    `}\n\n  ${props =>\n    props.$useShadow\n      ? props.theme.themeProp(\n          'box-shadow',\n          `0px 3px 6px ${rgba(props.theme.getColor('black'), 0.7)}`,\n          `0px 3px 6px ${props.theme.getColor('black')}`\n        )\n      : null}\n\n  &:disabled {\n    opacity: 0.5;\n    color: inherit;\n    cursor: not-allowed;\n  }\n\n  svg {\n    width: 100%;\n    max-width: ${props => `${props.$actionWidthHeight[0] - 15}px`};\n    max-height: ${props => `${props.$actionWidthHeight[1] - 15}px`};\n    pointer-events: none;\n    transition: color 250ms;\n  }\n`;\n"],"names":["shouldForwardProp","prop","startsWith","ActionButton","styled","button","withConfig","attrs","applyDefaultTheme","displayName","componentId","props","$actionWidthHeight","darkThemeBgColor","$backgroundColors","theme","getColor","lightThemeBgColor","themeProp","Math","max","$active","css","$useShadow","rgba"],"mappings":"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"}