@ntbjs/react-components 2.0.0-rc.9 → 2.0.2-rc.1

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,38 @@
+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,
+  backgroundColors,
+  ...props
+}, forwardedRef) {
+  return React__default.createElement(ActionButton$1, _extends({
+    ref: forwardedRef,
+    disabled: disabled,
+    active: active,
+    onClick: onClick,
+    actionWidthHeight: actionWidthHeight,
+    backgroundColors: backgroundColors
+  }, 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, 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      {...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","backgroundColors","props","forwardedRef","createElement","S","_extends","ref","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,gBAAgB;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAClFC,YAAY,EACZ;EACA,OACET,cAAA,CAAAU,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AACbC,IAAAA,GAAG,EAAEJ,YAAa;AAClBN,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,gBAAgB,EAAEA,gBAAAA;GACdC,EAAAA,KAAK,CAERN,EAAAA,IACa,CAAC,CAAA;AAErB,CAAC,EAAC;AAEFH,YAAY,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AAIvBf,EAAAA,IAAI,EAAEgB,SAAS,CAACC,OAAO,CAACC,UAAU;EAIlCjB,QAAQ,EAAEe,SAAS,CAACG,IAAI;EAKxBjB,MAAM,EAAEc,SAAS,CAACG,IAAI;EAItBhB,OAAO,EAAEa,SAAS,CAACI,IAAI;EAIvBf,gBAAgB,EAAEW,SAAS,CAACK,OAAO,CAACL,SAAS,CAACM,MAAM,CAAC;EAIrDlB,iBAAiB,EAAEY,SAAS,CAACO,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,64 @@
+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;
+
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 0 0;
+  transition: background-size 250ms ease;
+  cursor: pointer;
+
+  ${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;
+  }
+`;
+
+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\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":["ActionButton","styled","button","attrs","applyDefaultTheme","props","actionWidthHeight","darkThemeBgColor","backgroundColors","theme","getColor","lightThemeBgColor","themeProp","Math","max","active","css","useShadow","rgba"],"mappings":"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"}

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":""}

package/build/inputs/Button/Button.js

@@ -0,0 +1,188 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useState, useRef, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { ButtonWrapper, MainButtonWrapper, MainButtonContainer, Button as Button$1, ButtonContent, LoadingIndicator, LoadingIndicatorSvg, LoadingIndicatorSvgCircle, DropdownButtonContainer, MainButtonContainerSingle } from './Button.styled.js';
+import Popover from '../../data/Popover/Popover.js';
+import ContextMenu from '../../widgets/ContextMenu/ContextMenu.js';
+import { ReactComponent as SvgExpandMore } from '../../icons/expand-more.svg.js';
+
+const Button = React__default.forwardRef(function Button({
+  onClickEffect,
+  singleAction = false,
+  activeDropdown = false,
+  dropdownItems,
+  secondary,
+  outlined,
+  block = false,
+  icon,
+  size = 'normal',
+  disabled,
+  loading,
+  className,
+  children,
+  singleActionGap = 34,
+  width,
+  border = 2,
+  ...props
+}, forwardedRef) {
+  const [loadingState, setLoadingState] = useState(loading || false);
+  const [loadingStep, setLoadingStep] = useState(113);
+  const loadingInterval = useRef(0);
+  const [dropdownIsActive, setDropdownIsActive] = useState(false);
+  const enableLoading = () => {
+    loadingInterval.current = setInterval(() => {
+      setLoadingStep(currentLoadingStep => {
+        const newLoadingStep = Math.round(currentLoadingStep - 15 * currentLoadingStep / 100);
+        if (newLoadingStep === currentLoadingStep) {
+          clearInterval(loadingInterval.current);
+        }
+        return newLoadingStep;
+      });
+    }, 300);
+    setLoadingState(true);
+  };
+  const disableLoading = () => {
+    clearInterval(loadingInterval.current);
+    setLoadingStep(0);
+    setTimeout(() => {
+      setLoadingState(false);
+      setLoadingStep(113);
+    }, 500);
+  };
+  useEffect(() => {
+    if (loading) {
+      enableLoading();
+    } else {
+      disableLoading();
+    }
+    return () => clearInterval(loadingInterval.current);
+  }, [loading]);
+  const handleDropdownButtonClick = () => {
+    setDropdownIsActive(true);
+  };
+  const handleDropdownClose = () => {
+    setDropdownIsActive(false);
+  };
+  return React__default.createElement(ButtonWrapper, null, !singleAction ? React__default.createElement(MainButtonWrapper, {
+    $activeDropdown: activeDropdown,
+    $dropdownItems: dropdownItems,
+    $outlined: outlined,
+    $secondary: secondary,
+    $block: block
+  }, React__default.createElement(MainButtonContainer, {
+    $dropdownItems: dropdownItems,
+    $secondary: secondary,
+    $outlined: outlined,
+    $block: block
+  }, React__default.createElement(Button$1, _extends({
+    ref: forwardedRef,
+    onClick: onClickEffect,
+    $border: border,
+    $singleaction: singleAction,
+    $dropdownItems: dropdownItems,
+    $secondary: secondary,
+    $outlined: outlined,
+    $block: block,
+    size: size,
+    disabled: disabled,
+    className: className,
+    "aria-busy": disabled,
+    $width: width
+  }, props), React__default.createElement(ButtonContent, {
+    $loading: loadingState,
+    size: size
+  }, icon, children), React__default.createElement(LoadingIndicator, {
+    $loading: loadingState,
+    style: {
+      opacity: loadingState ? 1 : 0
+    }
+  }, React__default.createElement(LoadingIndicatorSvg, {
+    viewBox: "22 22 44 44"
+  }, React__default.createElement(LoadingIndicatorSvgCircle, {
+    cx: "44",
+    cy: "44",
+    r: "18",
+    fill: "none",
+    strokeWidth: "4",
+    stroke: "currentColor",
+    style: {
+      strokeDashoffset: `${loadingStep}px`
+    }
+  }))))), (activeDropdown || dropdownItems) && React__default.createElement(DropdownButtonContainer, {
+    $dropdownItems: dropdownItems,
+    $secondary: secondary,
+    $outlined: outlined
+  }, React__default.createElement(Popover, {
+    content: React__default.createElement(ContextMenu, null, dropdownItems),
+    placement: 'bottom-end',
+    arrow: false,
+    contextMenu: true,
+    onHide: handleDropdownClose
+  }, React__default.createElement(Button$1, {
+    ref: forwardedRef,
+    $singleaction: singleAction,
+    $singleactiongap: singleActionGap,
+    $dropdownItems: dropdownItems,
+    $secondary: secondary,
+    $outlined: outlined,
+    $border: border,
+    $block: block,
+    size: size,
+    disabled: disabled,
+    onClick: handleDropdownButtonClick,
+    className: dropdownIsActive ? 'dropdown-is-active' : '',
+    $width: width
+  }, React__default.createElement(SvgExpandMore, null))))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(MainButtonContainerSingle, {
+    $dropdownItems: dropdownItems,
+    $secondary: secondary,
+    $outlined: outlined,
+    className: className
+  }, React__default.createElement(DropdownButtonContainer, {
+    $singleaction: singleAction
+  }, React__default.createElement(Popover, {
+    content: React__default.createElement(ContextMenu, null, dropdownItems),
+    placement: 'bottom-end',
+    arrow: false,
+    contextMenu: true,
+    onHide: handleDropdownClose
+  }, React__default.createElement(Button$1, {
+    ref: forwardedRef,
+    $singleaction: singleAction,
+    $singleactiongap: singleActionGap,
+    $dropdownItems: dropdownItems,
+    $secondary: secondary,
+    $outlined: outlined,
+    $border: border,
+    $block: block,
+    size: size,
+    disabled: disabled,
+    onClick: handleDropdownButtonClick,
+    className: dropdownIsActive ? 'dropdown-is-active' : '',
+    $width: width
+  }, React__default.createElement(ButtonContent, {
+    $loading: loadingState,
+    size: size,
+    $singleaction: singleAction
+  }, icon, children), React__default.createElement(SvgExpandMore, null)))))));
+});
+Button.propTypes = process.env.NODE_ENV !== "production" ? {
+  onClickEffect: PropTypes.func,
+  singleAction: PropTypes.bool,
+  activeDropdown: PropTypes.bool,
+  dropdownItems: PropTypes.node,
+  secondary: PropTypes.bool,
+  outlined: PropTypes.bool,
+  border: PropTypes.number,
+  block: PropTypes.bool,
+  icon: PropTypes.element,
+  size: PropTypes.oneOf(['x-small', 'small', 'normal', 'large']),
+  disabled: PropTypes.bool,
+  loading: PropTypes.bool,
+  className: PropTypes.string,
+  children: PropTypes.any.isRequired,
+  singleActionGap: PropTypes.number,
+  width: PropTypes.number
+} : {};
+
+export { Button as default };
+//# sourceMappingURL=Button.js.map