@ntbjs/react-components 2.0.0-rc.3 → 2.0.0-rc.30

package/{esm → build}/icons/layers.svg.js

@@ -1,16 +1,16 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_virtual/index.js';
+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) {
-  return /*#__PURE__*/react.exports.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "-1 0 24 24"
-  }, props), _path || (_path = /*#__PURE__*/react.exports.createElement("path", {
+  }, 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"
   })));
 }
 
 export { SvgLayers as ReactComponent };
+//# sourceMappingURL=layers.svg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layers.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/build/icons/library-add.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentColor" d="M2.4,4.8H0V21.6A2.4071,2.4071,0,0,0,2.4,24H19.2V21.6H2.4ZM21.6,0H7.2A2.4071,2.4071,0,0,0,4.8,2.4V16.8a2.4071,2.4071,0,0,0,2.4,2.4H21.6A2.4071,2.4071,0,0,0,24,16.8V2.4A2.4071,2.4071,0,0,0,21.6,0Zm0,16.8H7.2V2.4H21.6Zm-8.4-2.4h2.4V10.8h3.6V8.4H15.6V4.8H13.2V8.4H9.6v2.4h3.6Z"/>
+</svg>

package/build/icons/link.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10">
+  <path fill="currentColor" d="m9,10h-4c-1.38,0-2.56-.49-3.54-1.46s-1.46-2.15-1.46-3.54S.49,2.44,1.46,1.46,3.62,0,5,0h4v2h-4c-.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.88h4v2Zm-3-4v-2h8v2H6Zm5,4v-2h4c.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.46s1.46,2.15,1.46,3.54-.49,2.56-1.46,3.54-2.15,1.46-3.54,1.46h-4Z"/>
+</svg>

package/{esm → build}/icons/link.svg.js

@@ -1,16 +1,16 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_virtual/index.js';
+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) {
-  return /*#__PURE__*/react.exports.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 10"
-  }, props), _path || (_path = /*#__PURE__*/react.exports.createElement("path", {
+  }, 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"
   })));
 }
 
 export { SvgLink as ReactComponent };
+//# sourceMappingURL=link.svg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/build/icons/pdf.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentColor" d="M21,0H3A3,3,0,0,0,.05,2.9V21A3,3,0,0,0,3,24H21.1A3,3,0,0,0,24.05,21V3A3.11,3.11,0,0,0,21,0ZM21,21H3V3H21.1V21Zm-6-6V10.48a1.56,1.56,0,0,0-1.55-1.55H10.44v7.58h2.94A1.47,1.47,0,0,0,14.93,15ZM12,10.48h1.54V15H12Zm6,3.08h1.55V12H18V10.48h1.55V9.07H16.61v7.58h1.55V13.56Zm-12.07,0H7.49A1.55,1.55,0,0,0,9,12V10.48A1.56,1.56,0,0,0,7.49,8.93H4.4v7.58H5.94Zm0-3.08H7.49V12H5.94Z"/>
+</svg>

package/build/icons/play.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 -0.25 24 24">
+	<path fill="currentColor" d="M 0 23.52 v -23.52 l 18.48 11.76 l -18.48 11.76 Z"/>
+</svg>

package/{esm → build}/icons/play.svg.js

@@ -1,16 +1,16 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_virtual/index.js';
+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) {
-  return /*#__PURE__*/react.exports.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "-3 -0.25 24 24"
-  }, props), _path || (_path = /*#__PURE__*/react.exports.createElement("path", {
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     d: "M0 23.52V0l18.48 11.76L0 23.52z"
   })));
 }
 
 export { SvgPlay as ReactComponent };
+//# sourceMappingURL=play.svg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"play.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/build/icons/remove-circle.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentColor" d="M6,10.8v2.4H18V10.8ZM12,0A12,12,0,1,0,24,12,12,12,0,0,0,12,0Zm0,21.6A9.6,9.6,0,1,1,21.6,12,9.62,9.62,0,0,1,12,21.6Z"/>
+</svg>

package/build/icons/search.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentColor" d="M17.1527,15.0943H16.0686l-.3842-.37a8.933,8.933,0,1,0-.9606.9606l.37.3842v1.0841L21.9554,24,24,21.9554Zm-8.2333,0a6.175,6.175,0,1,1,6.1749-6.1749A6.1667,6.1667,0,0,1,8.9194,15.0943Z"/>
+</svg>

package/{esm → build}/icons/search.svg.js

@@ -1,16 +1,16 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_virtual/index.js';
+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) {
-  return /*#__PURE__*/react.exports.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path || (_path = /*#__PURE__*/react.exports.createElement("path", {
+  }, 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"
   })));
 }
 
 export { SvgSearch as ReactComponent };
+//# sourceMappingURL=search.svg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/build/icons/share.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.69 24">
+  <path fill="currentColor" d="M18.07,17a3.56,3.56,0,0,0-2.36.93l-8.59-5a4,4,0,0,0,.11-.84,4,4,0,0,0-.11-.85l8.49-4.95a3.61,3.61,0,1,0-1.15-2.64,4,4,0,0,0,.11.85l-8.5,5a3.61,3.61,0,1,0,0,5.28l8.58,5a3.4,3.4,0,0,0-.1.78A3.52,3.52,0,1,0,18.07,17Zm0-14.55a1.21,1.21,0,1,1-1.2,1.2A1.21,1.21,0,0,1,18.07,2.41ZM3.61,13.25a1.21,1.21,0,1,1,1.21-1.2A1.2,1.2,0,0,1,3.61,13.25Zm14.46,8.46a1.21,1.21,0,1,1,1.21-1.2A1.2,1.2,0,0,1,18.07,21.71Z"/>
+</svg>

package/build/icons/shopping_cart_add.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.5 -0.5 24 24">
+	<path fill="currentColor" d="M 11.2 8.96 v -3.36 H 7.84 v -2.24 h 3.36 v -3.36 h 2.24 v 3.36 h 3.36 v 2.24 H 13.44 v 3.36 h -2.24 Z M 6.72 23.52 q -0.924 0 -1.582 -0.658 T 4.48 21.28 q 0 -0.924 0.658 -1.582 T 6.72 19.04 q 0.924 0 1.582 0.658 T 8.96 21.28 q 0 0.924 -0.658 1.582 T 6.72 23.52 Z m 11.2 0 q -0.924 0 -1.582 -0.658 T 15.68 21.28 q 0 -0.924 0.658 -1.582 T 17.92 19.04 q 0.924 0 1.582 0.658 T 20.16 21.28 q 0 0.924 -0.658 1.582 T 17.92 23.52 Z M 0 3.36 v -2.24 h 3.668 l 4.76 10.08 h 7.84 l 4.368 -7.84 h 2.548 L 18.256 12.264 q -0.308 0.56 -0.826 0.868 T 16.296 13.44 H 7.952 l -1.232 2.24 h 13.44 v 2.24 H 6.72 q -1.26 0 -1.918 -1.092 t -0.042 -2.212 l 1.512 -2.744 l -4.032 -8.512 H 0 Z"/>
+</svg>

package/build/icons/star-filled.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 38">
+  <path fill="currentColor" d="m7.65,38l3.25-14.05L0,14.5l14.4-1.25L20,0l5.6,13.25,14.4,1.25-10.9,9.45,3.25,14.05-12.35-7.45-12.35,7.45Z"/>
+</svg>

package/{esm → build}/icons/star-filled.svg.js

@@ -1,16 +1,16 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_virtual/index.js';
+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) {
-  return /*#__PURE__*/react.exports.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 40 38"
-  }, props), _path || (_path = /*#__PURE__*/react.exports.createElement("path", {
+  }, 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"
   })));
 }
 
 export { SvgStarFilled as ReactComponent };
+//# sourceMappingURL=star-filled.svg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"star-filled.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/build/icons/star.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 38">
+  <path fill="currentColor" d="m12.2,31.8l7.8-4.7,7.9,4.8-2.1-8.9,6.9-6-9.1-.8-3.6-8.5-3.5,8.4-9.1.8,6.9,6-2.1,8.9Zm-4.5,6.2l3.3-14L0,14.5l14.4-1.2L20,0l5.6,13.2,14.4,1.3-10.9,9.5,3.3,14-12.4-7.4-12.3,7.4Z"/>
+</svg>

package/{esm → build}/icons/star.svg.js

@@ -1,16 +1,16 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_virtual/index.js';
+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) {
-  return /*#__PURE__*/react.exports.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 40 38"
-  }, props), _path || (_path = /*#__PURE__*/react.exports.createElement("path", {
+  }, 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"
   })));
 }
 
 export { SvgStar as ReactComponent };
+//# sourceMappingURL=star.svg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"star.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/build/icons/triangle-right.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 20">
+  <path fill="currentColor" d="m0,20V0l10,10L0,20Z"/>
+</svg>

package/{esm → build}/icons/triangle-right.svg.js

@@ -1,16 +1,16 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_virtual/index.js';
+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) {
-  return /*#__PURE__*/react.exports.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 10 20"
-  }, props), _path || (_path = /*#__PURE__*/react.exports.createElement("path", {
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     d: "M0 20V0l10 10L0 20z"
   })));
 }
 
 export { SvgTriangleRight as ReactComponent };
+//# sourceMappingURL=triangle-right.svg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"triangle-right.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/build/icons/verification.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2.5 0 24 24">
+	<path fill="currentColor" d="M 9.3 12.6622 q -1.6978 0 -2.8639 -1.1661 T 5.27 8.6323 q 0 -1.6978 1.1661 -2.8639 T 9.3 4.6023 q 1.6978 0 2.8639 1.1661 T 13.3299 8.6323 q 0 1.6978 -1.1661 2.8639 T 9.3 12.6622 Z m 0 -1.8599 q 0.9252 0 1.5476 -0.6224 q 0.6224 -0.6224 0.6224 -1.5476 t -0.6224 -1.5476 Q 10.2252 6.4622 9.3 6.4622 t -1.5476 0.6224 Q 7.1299 7.707 7.1299 8.6323 t 0.6224 1.5476 q 0.6224 0.6224 1.5476 0.6224 Z m 0 12.6861 q -4.0228 -1.0969 -6.6614 -4.7358 Q 0 15.1136 0 10.6163 v -7.1347 L 9.3 0 l 9.3 3.4815 V 10.6163 q 0 4.4974 -2.6386 8.1363 Q 13.3228 22.3915 9.3 23.4884 Z m 0 -11.7442 Z m 0 -9.765 L 1.86 4.7573 v 5.859 q 0 1.7694 0.5067 3.4219 q 0.5068 1.6525 1.4081 3.0833 q 1.2543 -0.6391 2.6266 -0.9992 q 1.3723 -0.3601 2.8985 -0.3601 t 2.8985 0.3601 q 1.3723 0.3601 2.6266 0.9992 q 0.9014 -1.4308 1.4081 -3.0833 Q 16.74 12.3856 16.74 10.6163 v -5.859 l -7.44 -2.7781 Z m 0 15.643 q -1.1995 0 -2.3071 0.2599 q -1.1077 0.2599 -2.0925 0.7297 q 0.9229 1.0254 2.0305 1.773 Q 8.0385 21.1324 9.3 21.5283 q 1.2615 -0.3958 2.3632 -1.1434 Q 12.7648 19.6373 13.6877 18.6118 q -0.9848 -0.4697 -2.0865 -0.7297 q -1.1017 -0.2599 -2.3012 -0.2599 Z"/>
+</svg>

package/{esm → build}/icons/verification.svg.js

@@ -1,16 +1,16 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_virtual/index.js';
+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) {
-  return /*#__PURE__*/react.exports.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "-2.5 0 24 24"
-  }, props), _path || (_path = /*#__PURE__*/react.exports.createElement("path", {
+  }, 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"
   })));
 }
 
 export { SvgVerification as ReactComponent };
+//# sourceMappingURL=verification.svg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"verification.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/build/icons/warning-circle.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentColor" d="M10.8,15.6h2.4V18H10.8Zm0-9.6h2.4v7.2H10.8Zm1.188-6A12,12,0,1,0,24,12,11.9941,11.9941,0,0,0,11.988,0ZM12,21.6A9.6,9.6,0,1,1,21.6,12,9.5974,9.5974,0,0,1,12,21.6Z"/>
+</svg>

package/{esm → build}/icons/warning-circle.svg.js

@@ -1,16 +1,16 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_virtual/index.js';
+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) {
-  return /*#__PURE__*/react.exports.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path || (_path = /*#__PURE__*/react.exports.createElement("path", {
+  }, 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"
   })));
 }
 
 export { SvgWarningCircle as ReactComponent };
+//# sourceMappingURL=warning-circle.svg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"warning-circle.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/build/icons/warning-triangle.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20.7273">
+    <path fill="currentColor" d="M0,20.7273H24L12,0Zm13.0909-3.2728H10.9091V15.2727h2.1818Zm0-4.3636H10.9091V8.7273h2.1818Z"/>
+</svg>

package/build/index.js

@@ -0,0 +1,5 @@
+import * as index from './inputs/index.js';
+export { index as Form };
+import * as index$1 from './widgets/index.js';
+export { index$1 as Widget };
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/build/inputs/ActionButton/ActionButton.js

@@ -0,0 +1,36 @@
+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';
+
+const ActionButton = React__default.forwardRef(function ActionButton({
+  icon,
+  disabled,
+  active,
+  onClick,
+  actionWidthHeight,
+  ...props
+}, forwardedRef) {
+  return React__default.createElement(ActionButton$1, _extends({
+    ref: forwardedRef,
+    disabled: disabled,
+    active: active,
+    onClick: onClick,
+    actionWidthHeight: actionWidthHeight
+  }, props), 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
+} : {};
+ActionButton.defaultProps = {
+  onClick: () => {},
+  actionWidthHeight: [40, 40]
+};
+
+export { ActionButton as default };
+//# sourceMappingURL=ActionButton.js.map

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

@@ -0,0 +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, ...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      {...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\nActionButton.defaultProps = {\n  onClick: () => {},\n  actionWidthHeight: [40, 40]\n};\n\nexport default ActionButton;\n"],"names":["ActionButton","React","forwardRef","icon","disabled","active","onClick","actionWidthHeight","props","forwardedRef","createElement","S","_extends","ref","propTypes","process","env","NODE_ENV","PropTypes","element","isRequired","bool","func","backgroundColors","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;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAChEC,YAAY,EACZ;EACA,OACER,cAAA,CAAAS,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AACbC,IAAAA,GAAG,EAAEJ,YAAa;AAClBL,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,iBAAiB,EAAEA,iBAAAA;GACfC,EAAAA,KAAK,CAERL,EAAAA,IACa,CAAC,CAAA;AAErB,CAAC,EAAC;AAEFH,YAAY,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AAIvBd,EAAAA,IAAI,EAAEe,SAAS,CAACC,OAAO,CAACC,UAAU;EAIlChB,QAAQ,EAAEc,SAAS,CAACG,IAAI;EAKxBhB,MAAM,EAAEa,SAAS,CAACG,IAAI;EAItBf,OAAO,EAAEY,SAAS,CAACI,IAAI;EAIvBC,gBAAgB,EAAEL,SAAS,CAACM,OAAO,CAACN,SAAS,CAACO,MAAM,CAAC;EAIrDlB,iBAAiB,EAAEW,SAAS,CAACQ,KAAAA;AAC/B,CAAC,GAAA,EAAA,CAAA;AAED1B,YAAY,CAAC2B,YAAY,GAAG;AAC1BrB,EAAAA,OAAO,EAAEA,MAAM,EAAE;AACjBC,EAAAA,iBAAiB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAA;AAC5B,CAAC;;;;"}

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

@@ -0,0 +1,55 @@
+import styled, { css } from 'styled-components';
+import { rgba } from 'polished';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const ActionButton = styled.button.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;
+  ${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 50%)`, `radial-gradient(circle at center, ${lightThemeBgColor} 50%, transparent 50%)`);
+}}
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 0 0;
+  transition: background-size 250ms ease;
+  cursor: pointer;
+
+  ${props => css`
+    ${props.active ? '' : ':hover'}:not(:disabled) {
+      background-size: 200% 200%;
+
+      svg {
+        ${props => 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;
+  }
+`;
+
+export { ActionButton };
+//# sourceMappingURL=ActionButton.styled.js.map

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

@@ -0,0 +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\nexport const ActionButton = styled.button.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  ${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 50%)`,\n      `radial-gradient(circle at center, ${lightThemeBgColor} 50%, transparent 50%)`\n    );\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 => css`\n    ${props.active ? '' : ':hover'}:not(:disabled) {\n      background-size: 200% 200%;\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\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\n    pointer-events: none;\n    transition: color 250ms;\n  }\n`;\n"],"names":["ActionButton","styled","button","attrs","applyDefaultTheme","props","actionWidthHeight","darkThemeBgColor","backgroundColors","theme","getColor","lightThemeBgColor","themeProp","css","active","useShadow","rgba"],"mappings":";;;;AAIO,MAAMA,YAAY,GAAGC,MAAM,CAACC,MAAM,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAClE;AACA;AACA;AACA;AACA,SAAWC,EAAAA,KAAK,IAAI,CAAGA,EAAAA,KAAK,CAACC,iBAAiB,CAAC,CAAC,CAAC,CAAI,EAAA,CAAA,CAAA;AACrD,UAAYD,EAAAA,KAAK,IAAI,CAAGA,EAAAA,KAAK,CAACC,iBAAiB,CAAC,CAAC,CAAC,CAAI,EAAA,CAAA,CAAA;AACtD;AACA;AACA;AACA,EAAA,EAAID,KAAK,IAAI;AACT,EAAA,MAAME,gBAAgB,GAAGF,KAAK,EAAEG,gBAAgB,GAAG,CAAC,CAAC,IAAIH,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,CAAA;AACzF,EAAA,MAAMC,iBAAiB,GAAGN,KAAK,EAAEG,gBAAgB,GAAG,CAAC,CAAC,IAAIH,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,CAAA;AAC1F,EAAA,OAAOL,KAAK,CAACI,KAAK,CAACG,SAAS,CAC1B,kBAAkB,EAClB,CAAA,kCAAA,EAAqCL,gBAAgB,CAAwB,sBAAA,CAAA,EAC7E,CAAqCI,kCAAAA,EAAAA,iBAAiB,wBACxD,CAAC,CAAA;AACH,CAAC,CAAA;AACH;AACA;AACA;AACA;AACA;AACA;AACA,EAAIN,EAAAA,KAAK,IAAIQ,GAAG,CAAA;AAChB,IAAA,EAAMR,KAAK,CAACS,MAAM,GAAG,EAAE,GAAG,QAAQ,CAAA;AAClC;AACA;AACA;AACA,QAAUT,EAAAA,KAAK,IACLA,KAAK,CAACI,KAAK,CAACG,SAAS,CACnB,OAAO,EACPP,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EAChCL,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACX;AACA;AACA,EAAG,CAAA,CAAA;AACH;AACA,EAAA,EAAIL,KAAK,IACLA,KAAK,CAACU,SAAS,GACXV,KAAK,CAACI,KAAK,CAACG,SAAS,CACnB,YAAY,EACZ,CAAA,YAAA,EAAeI,IAAI,CAACX,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAA,CAAE,EACzD,CAAeL,YAAAA,EAAAA,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,OAAO,CAAC,CAC9C,CAAA,CAAC,GACD,IAAI,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAiBL,EAAAA,KAAK,IAAI,CAAA,EAAGA,KAAK,CAACC,iBAAiB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAI,EAAA,CAAA,CAAA;AAChE,gBAAkBD,EAAAA,KAAK,IAAI,CAAA,EAAGA,KAAK,CAACC,iBAAiB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAI,EAAA,CAAA,CAAA;AACjE;AACA;AACA;AACA;AACA;;;;"}

package/build/inputs/ActionButton/index.js

@@ -0,0 +1,2 @@
+export { default } from './ActionButton.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}