@bbl-digital/snorre 4.0.5 → 4.0.7

package/dist/bundle.js

@@ -1315,18 +1315,20 @@
 
   function _EMOTION_STRINGIFIED_CSS_ERROR__$17() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
   const styles$r = {
-    height: height => /*#__PURE__*/react.css("height:", height, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:height;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgaGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcbiAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYCxcbiAgd2lkdGg6ICh3aWR0aDogc3RyaW5nKSA9PiBjc3NgXG4gICAgd2lkdGg6ICR7d2lkdGh9O1xuICBgLFxuICBvYmplY3RGaXQ6ICh2YWx1ZTogc3RyaW5nKSA9PiBjc3NgXG4gICAgb2JqZWN0LWZpdDogJHt2YWx1ZX07XG4gIGAsXG4gIHJlc3BvbnNpdmU6IGNzc2BcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
-    width: width => /*#__PURE__*/react.css("width:", width, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:width;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNK0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgaGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcbiAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYCxcbiAgd2lkdGg6ICh3aWR0aDogc3RyaW5nKSA9PiBjc3NgXG4gICAgd2lkdGg6ICR7d2lkdGh9O1xuICBgLFxuICBvYmplY3RGaXQ6ICh2YWx1ZTogc3RyaW5nKSA9PiBjc3NgXG4gICAgb2JqZWN0LWZpdDogJHt2YWx1ZX07XG4gIGAsXG4gIHJlc3BvbnNpdmU6IGNzc2BcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
-    objectFit: value => /*#__PURE__*/react.css("object-fit:", value, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:objectFit;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTbUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgaGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcbiAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYCxcbiAgd2lkdGg6ICh3aWR0aDogc3RyaW5nKSA9PiBjc3NgXG4gICAgd2lkdGg6ICR7d2lkdGh9O1xuICBgLFxuICBvYmplY3RGaXQ6ICh2YWx1ZTogc3RyaW5nKSA9PiBjc3NgXG4gICAgb2JqZWN0LWZpdDogJHt2YWx1ZX07XG4gIGAsXG4gIHJlc3BvbnNpdmU6IGNzc2BcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
+    height: height => /*#__PURE__*/react.css("height:", height, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:height;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGhlaWdodDogKGhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGAsXG4gIHdpZHRoOiAod2lkdGg6IHN0cmluZykgPT4gY3NzYFxuICAgIHdpZHRoOiAke3dpZHRofTtcbiAgYCxcbiAgb2JqZWN0Rml0OiAodmFsdWU6IHN0cmluZykgPT4gY3NzYFxuICAgIG9iamVjdC1maXQ6ICR7dmFsdWV9O1xuICBgLFxuICByZXNwb25zaXZlOiBjc3NgXG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogYXV0bztcbiAgYCxcbiAgcGxhY2Vob2xkZXI6ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkxMH07XG4gIGAsXG4gIHJhZGl1czogKHJhZGl1czogc3RyaW5nKSA9PiBjc3NgXG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXN9O1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
+    width: width => /*#__PURE__*/react.css("width:", width, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:width;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNK0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGhlaWdodDogKGhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGAsXG4gIHdpZHRoOiAod2lkdGg6IHN0cmluZykgPT4gY3NzYFxuICAgIHdpZHRoOiAke3dpZHRofTtcbiAgYCxcbiAgb2JqZWN0Rml0OiAodmFsdWU6IHN0cmluZykgPT4gY3NzYFxuICAgIG9iamVjdC1maXQ6ICR7dmFsdWV9O1xuICBgLFxuICByZXNwb25zaXZlOiBjc3NgXG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogYXV0bztcbiAgYCxcbiAgcGxhY2Vob2xkZXI6ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkxMH07XG4gIGAsXG4gIHJhZGl1czogKHJhZGl1czogc3RyaW5nKSA9PiBjc3NgXG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXN9O1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
+    objectFit: value => /*#__PURE__*/react.css("object-fit:", value, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:objectFit;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTbUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGhlaWdodDogKGhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGAsXG4gIHdpZHRoOiAod2lkdGg6IHN0cmluZykgPT4gY3NzYFxuICAgIHdpZHRoOiAke3dpZHRofTtcbiAgYCxcbiAgb2JqZWN0Rml0OiAodmFsdWU6IHN0cmluZykgPT4gY3NzYFxuICAgIG9iamVjdC1maXQ6ICR7dmFsdWV9O1xuICBgLFxuICByZXNwb25zaXZlOiBjc3NgXG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogYXV0bztcbiAgYCxcbiAgcGxhY2Vob2xkZXI6ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkxMH07XG4gIGAsXG4gIHJhZGl1czogKHJhZGl1czogc3RyaW5nKSA9PiBjc3NgXG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXN9O1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
     responsive: process.env.NODE_ENV === "production" ? {
       name: "1hyxgad",
       styles: "max-width:100%;height:auto"
     } : {
       name: "12hqw6b-responsive",
       styles: "max-width:100%;height:auto;label:responsive;",
-      map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZaUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgaGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcbiAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYCxcbiAgd2lkdGg6ICh3aWR0aDogc3RyaW5nKSA9PiBjc3NgXG4gICAgd2lkdGg6ICR7d2lkdGh9O1xuICBgLFxuICBvYmplY3RGaXQ6ICh2YWx1ZTogc3RyaW5nKSA9PiBjc3NgXG4gICAgb2JqZWN0LWZpdDogJHt2YWx1ZX07XG4gIGAsXG4gIHJlc3BvbnNpdmU6IGNzc2BcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */",
+      map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZaUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGhlaWdodDogKGhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGAsXG4gIHdpZHRoOiAod2lkdGg6IHN0cmluZykgPT4gY3NzYFxuICAgIHdpZHRoOiAke3dpZHRofTtcbiAgYCxcbiAgb2JqZWN0Rml0OiAodmFsdWU6IHN0cmluZykgPT4gY3NzYFxuICAgIG9iamVjdC1maXQ6ICR7dmFsdWV9O1xuICBgLFxuICByZXNwb25zaXZlOiBjc3NgXG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogYXV0bztcbiAgYCxcbiAgcGxhY2Vob2xkZXI6ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkxMH07XG4gIGAsXG4gIHJhZGl1czogKHJhZGl1czogc3RyaW5nKSA9PiBjc3NgXG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXN9O1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */",
       toString: _EMOTION_STRINGIFIED_CSS_ERROR__$17
-    }
+    },
+    placeholder: theme => /*#__PURE__*/react.css("background-color:", theme.gray10, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:placeholder;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQm9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBoZWlnaHQ6IChoZWlnaHQ6IHN0cmluZykgPT4gY3NzYFxuICAgIGhlaWdodDogJHtoZWlnaHR9O1xuICBgLFxuICB3aWR0aDogKHdpZHRoOiBzdHJpbmcpID0+IGNzc2BcbiAgICB3aWR0aDogJHt3aWR0aH07XG4gIGAsXG4gIG9iamVjdEZpdDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcbiAgICBvYmplY3QtZml0OiAke3ZhbHVlfTtcbiAgYCxcbiAgcmVzcG9uc2l2ZTogY3NzYFxuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gIGAsXG4gIHBsYWNlaG9sZGVyOiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MTB9O1xuICBgLFxuICByYWRpdXM6IChyYWRpdXM6IHN0cmluZykgPT4gY3NzYFxuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzfTtcbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
+    radius: radius => /*#__PURE__*/react.css("border-radius:", radius, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:radius;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBoZWlnaHQ6IChoZWlnaHQ6IHN0cmluZykgPT4gY3NzYFxuICAgIGhlaWdodDogJHtoZWlnaHR9O1xuICBgLFxuICB3aWR0aDogKHdpZHRoOiBzdHJpbmcpID0+IGNzc2BcbiAgICB3aWR0aDogJHt3aWR0aH07XG4gIGAsXG4gIG9iamVjdEZpdDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcbiAgICBvYmplY3QtZml0OiAke3ZhbHVlfTtcbiAgYCxcbiAgcmVzcG9uc2l2ZTogY3NzYFxuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gIGAsXG4gIHBsYWNlaG9sZGVyOiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MTB9O1xuICBgLFxuICByYWRpdXM6IChyYWRpdXM6IHN0cmluZykgPT4gY3NzYFxuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzfTtcbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */")
   };
 
   /** @jsxImportSource @emotion/react */
@@ -1339,13 +1341,19 @@
     css,
     responsive,
     objectFit,
+    radius,
+    withPlaceholder,
+    fallbackUrl,
     ...restProps
   }) => {
-    let imageSrc = src || blob && convertBlobToObjectUrl(blob) || undefined;
+    const [imageLoaded, setImageLoaded] = React.useState(false);
+    const [imageSrc, setImageSrc] = React.useState(src || blob && convertBlobToObjectUrl(blob) || undefined);
     return jsxRuntime.jsx("img", {
       src: imageSrc,
       alt: alt,
-      css: () => [height && styles$r.height(height), width && styles$r.width(width), responsive && styles$r.responsive, objectFit && styles$r.objectFit(objectFit), css && css],
+      onLoad: withPlaceholder ? () => setImageLoaded(true) : undefined,
+      onError: fallbackUrl ? () => setImageSrc(fallbackUrl) : undefined,
+      css: theme => [height && styles$r.height(height), width && styles$r.width(width), responsive && styles$r.responsive, objectFit && styles$r.objectFit(objectFit), withPlaceholder && !imageLoaded && styles$r.placeholder(theme), radius && styles$r.radius(radius), css && css],
       ...restProps
     });
   };
@@ -26761,7 +26769,7 @@
 
   const formatBytes = bytes => {
     if (!bytes || bytes === 0) return '0 KB';
-    const k = 1024;
+    const k = 1000;
     const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
     const i = Math.floor(Math.log(bytes) / Math.log(k));
     return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
@@ -26786,16 +26794,23 @@
     fileMaxsixe,
     nostyle,
     rotateIcon,
+    isControlledState,
+    controlledFiles,
     onChange
   }) => {
-    const [files, setFiles] = React.useState(initialFiles);
+    const [uncontrolledFiles, setUncontrolledFiles] = React.useState(initialFiles);
     const [sizeError, setSizeError] = React.useState(false);
     const theme = react.useTheme();
+    const files = isControlledState ? controlledFiles || [] : uncontrolledFiles;
     const hiddenFileInput = React.useRef(null);
     const handleClick = () => {
       const node = hiddenFileInput.current;
       node.click();
     };
+    const handleSetFiles = files => {
+      if (isControlledState) return;
+      setUncontrolledFiles(files);
+    };
     const handleChange = e => {
       if (!e.target.files[0]) return;
       let filesFromEvent = [...Array.from(e.target.files)];
@@ -26806,7 +26821,7 @@
         setSizeError(true);
       }
       if (!multiple) {
-        setFiles([filesFromEvent[0]]);
+        handleSetFiles([filesFromEvent[0]]);
         onChange(filesFromEvent[0]);
         e.target.value = null;
         return;
@@ -26815,18 +26830,18 @@
       filesFromEvent.forEach(file => {
         newFiles.push(file);
       });
-      setFiles(newFiles);
+      handleSetFiles(newFiles);
       onChange(newFiles);
     };
     const handleDelete = index => {
       if (!multiple) {
-        setFiles([]);
+        handleSetFiles([]);
         onChange(null);
         return;
       }
       const arr = [...files];
       arr.splice(index, 1);
-      setFiles(arr);
+      handleSetFiles(arr);
       onChange(arr);
 
       // resets value of input to trigger on change if user removes and readds same file

package/esm/core/Autocomplete/utils/useHandleOptionsHeight.js

@@ -0,0 +1,16 @@
+import { createRef, useEffect, useState } from 'react';
+
+const useHandleOptionsHeight = () => {
+  const [optionsHeight, setOptionsHeight] = useState(0);
+  const optionsRef = /*#__PURE__*/createRef();
+  useEffect(() => {
+    const rect = optionsRef.current?.getBoundingClientRect();
+    setOptionsHeight(rect?.height || 0); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [optionsRef.current]);
+  return {
+    optionsHeight,
+    optionsRef
+  };
+};
+
+export default useHandleOptionsHeight;

package/esm/core/CheckboxController/index.js

@@ -0,0 +1,22 @@
+// import React from 'react'
+// interface IProps {
+//   /** Function children in which CheckBox components can be rendered. */
+//   children: (component: React.ComponentType, values: string[], id: string) => void;
+//   /** Unique name of the field. */
+//   name: string,;
+//   /** Callback that is triggered when a child CheckBox is clicked. */
+//   onChange: (values: string[], event: React.ChangeEvent<HTMLInputElement>) => void;
+//   /** Default checked values. */
+//   value?: string,[];
+// }
+// const CheckboxController: React.FC<IProps> = props => {
+//   const type: string = 'checkbox'
+//   const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+//     if (props.onChange) {
+//       props.onChange(e.target.checked)
+//     }
+//   }
+//   return (
+//   )
+// }
+// export default Checkbox

package/esm/core/Datepicker/yearMonthForm.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { MONTHS } from '../../utils/dates';
+import { StyledSelect, Div } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const YearMonthForm = ({
+  onChange,
+  date,
+  fromDate,
+  toDate
+}) => {
+  const months = MONTHS;
+  const years = [];
+
+  for (let i = fromDate.getFullYear(); i <= toDate.getFullYear(); i += 1) {
+    years.push(i);
+  }
+
+  const changeMonth = e => {
+    let newDate = date;
+    newDate.setMonth(e.target.value);
+    if (newDate > toDate) newDate = toDate;
+    onChange(newDate);
+  };
+
+  const changeYear = e => {
+    let newDate = date;
+    newDate.setFullYear(e.target.value);
+    if (newDate > toDate) newDate = toDate;
+    onChange(newDate);
+  };
+
+  return /*#__PURE__*/_jsxs(Div, {
+    className: "DayPicker-Caption",
+    children: [/*#__PURE__*/_jsx(StyledSelect, {
+      name: "month",
+      onChange: changeMonth,
+      value: date.getMonth(),
+      children: months.map((month, i) => /*#__PURE__*/_jsx("option", {
+        value: i,
+        children: month
+      }, month))
+    }), /*#__PURE__*/_jsx(StyledSelect, {
+      name: "year",
+      onChange: changeYear,
+      value: date.getFullYear(),
+      children: years.map(year => /*#__PURE__*/_jsx("option", {
+        value: year,
+        children: year
+      }, year))
+    })]
+  });
+};
+
+export default YearMonthForm;

package/esm/core/EditorOld/config.js

@@ -0,0 +1,69 @@
+export const basicToolbar = {
+  options: ['inline', 'list'],
+  inline: {
+    options: ['bold', 'italic', 'underline']
+  }
+};
+export const richToolbar = {
+  options: ['blockType', 'inline', 'list', 'textAlign', 'link'],
+  inline: {
+    options: ['bold', 'italic', 'underline']
+  },
+  textAlign: {
+    options: ['left', 'center', 'right', 'justify']
+  },
+  blockType: {
+    inDropdown: true,
+    options: ['Normal', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6']
+  },
+  link: {
+    showOpenOptionOnHover: true,
+    defaultTargetOption: '_blank',
+    options: ['link', 'unlink']
+  }
+};
+export const htmlToEntity = (nodeName, node, createEntity) => {
+  if (nodeName === 'a') {
+    return createEntity('LINK', 'MUTABLE', {
+      url: node.href
+    });
+  }
+};
+export const getStrippedHtml = html => {
+  return html.replace(/<img[^>]*>/g, '');
+};
+export const editorLabels = {
+  // Generic
+  'generic.add': 'Legg til',
+  'generic.cancel': 'Avbryt',
+  // Inline
+  'components.controls.inline.bold': 'Fet',
+  'components.controls.inline.italic': 'Kursiv',
+  'components.controls.inline.underline': 'Understrek',
+  // List
+  'components.controls.list.unordered': 'Punktliste',
+  'components.controls.list.ordered': 'Nummerliste',
+  'components.controls.list.indent': 'Innrykk',
+  'components.controls.list.outdent': 'Utrykk',
+  // Text align
+  'components.controls.textAlign.left': 'Venstrejuster',
+  'components.controls.textAlign.center': 'Midtstill',
+  'components.controls.textAlign.right': 'Høyrejuster',
+  'components.controls.textAlign.justify': 'Blokkjuster',
+  // Block type
+  'components.controls.blocktype.normal': 'Avsnitt',
+  'components.controls.blocktype.h1': 'Overskrift 1',
+  'components.controls.blocktype.h2': 'Overskrift 2',
+  'components.controls.blocktype.h3': 'Overskrift 3',
+  'components.controls.blocktype.h4': 'Overskrift 4',
+  'components.controls.blocktype.h5': 'Overskrift 5',
+  'components.controls.blocktype.h6': 'Overskrift 6',
+  // Link
+  'components.controls.link.linkTitle': 'Tittel',
+  'components.controls.link.linkTarget': 'URL',
+  'components.controls.link.linkTargetOption': 'Åpne i ny fane',
+  'components.controls.link.link': 'Legg til lenke',
+  'components.controls.link.unlink': 'Fjern lenke',
+  // Remove
+  'components.controls.remove.remove': 'Fjern'
+};

package/esm/core/EditorOld/index.js

@@ -0,0 +1,147 @@
+/** @jsxImportSource @emotion/react */
+import React, { useState } from 'react';
+import { Editor as Wysiwyg } from 'react-draft-wysiwyg';
+import { convertToRaw, EditorState, Modifier } from 'draft-js';
+import { stateFromHTML } from 'draft-js-import-html';
+import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
+import { CounterWrapper, ErrorWrapper, Label, RelativeDiv, styles } from './styles';
+import { basicToolbar, editorLabels, getStrippedHtml, htmlToEntity, richToolbar } from './config';
+import { convertToHTML, convertFromHTML } from 'draft-convert';
+import Text from '../Text';
+import { useTheme } from '@emotion/react';
+import IconErrorOutline from '../../icons/General/IconErrorOutline';
+import draftToHtml from 'draftjs-to-html';
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+
+/**
+ *
+ * TODO: REMOVE AND CLEANUP PACKAGES
+ *
+ */
+const EditorOld = ({
+  initialValue,
+  height = 300,
+  maxHeight,
+  maxlength,
+  maxlengthType = 'plaintext',
+  maxlengthText,
+  withCounter,
+  invalidMessage,
+  label,
+  customToolbar,
+  type = 'basic',
+  onChange,
+  onBlur
+}) => {
+  const theme = useTheme();
+  const [maxlengthError, setMaxlengthError] = useState(null);
+  const [charCount, setCharCount] = useState(0);
+  const [editorState, setEditorState] = useState(initialValue ? EditorState.createWithContent(convertFromHTML({
+    htmlToEntity
+  })(initialValue)) : EditorState.createEmpty());
+
+  const handleEditorChange = state => {
+    handleValidity(state);
+    setEditorState(state);
+    const plainText = state.getCurrentContent().getPlainText();
+    const html = draftToHtml(convertToRaw(state.getCurrentContent()));
+    onChange(plainText.length > 0 ? html : ''); // return empty if no content
+
+    if (withCounter && maxlength) {
+      setCharCount(maxlengthType === 'html' ? html.length : plainText.length);
+    }
+  };
+
+  const handleValidity = state => {
+    if (!maxlength) {
+      setMaxlengthError(null);
+      return;
+    }
+
+    const plaintext = state.getCurrentContent().getPlainText();
+    const html = convertToHTML(state.getCurrentContent());
+
+    if (maxlengthType === 'html' && html.length > maxlength) {
+      setMaxlengthError(maxlengthText ? maxlengthText : 'Text is too long');
+      return;
+    }
+
+    if (maxlengthType === 'plaintext' && plaintext.length > maxlength) {
+      setMaxlengthError(maxlengthText ? maxlengthText : 'Text is too long');
+      return;
+    }
+
+    setMaxlengthError(null);
+  };
+
+  const Counter = _jsx(CounterWrapper, {
+    children: _jsxs(Text, {
+      children: [charCount, "/", maxlength]
+    })
+  });
+
+  const handlePaste = (text, html, editorState, onChange) => {
+    if (!html) return false;
+    const strippedHtml = getStrippedHtml(html);
+    const blockMap = stateFromHTML(strippedHtml).blockMap;
+    const newState = Modifier.replaceWithFragment(editorState.getCurrentContent(), editorState.getSelection(), blockMap);
+    onChange(EditorState.push(editorState, newState, 'insert-fragment'));
+    return true;
+  };
+
+  const getToolbar = () => {
+    switch (type) {
+      case 'basic':
+        return basicToolbar;
+
+      case 'rich':
+        return richToolbar;
+
+      case 'custom':
+        return customToolbar;
+
+      default:
+        return undefined;
+    }
+  };
+
+  return _jsxs("div", {
+    css: theme => [styles.default(theme, height), maxHeight && styles.maxHeight(maxHeight)],
+    children: [label && _jsx(Label, {
+      children: label
+    }), _jsxs(RelativeDiv, {
+      children: [_jsx(Wysiwyg, {
+        editorState: editorState,
+        toolbarClassName: "toolbar-wrapper",
+        wrapperClassName: "editor-wrapper",
+        editorClassName: "content-wrapper",
+        onEditorStateChange: handleEditorChange,
+        toolbar: getToolbar(),
+        localization: {
+          locale: 'nb_NO',
+          translations: editorLabels
+        },
+        stripPastedStyles: type !== 'rich',
+        onBlur: () => onBlur && onBlur(),
+        handlePastedText: handlePaste
+      }), maxlength && withCounter && Counter]
+    }), (maxlengthError || invalidMessage) && _jsxs(ErrorWrapper, {
+      children: [maxlengthError && _jsxs(Text, {
+        color: theme.alert,
+        children: [_jsx(IconErrorOutline, {
+          size: "16px",
+          color: theme.alert
+        }), ' ', maxlengthError]
+      }), invalidMessage && _jsxs(Text, {
+        color: theme.alert,
+        children: [_jsx(IconErrorOutline, {
+          size: "16px",
+          color: theme.alert
+        }), ' ', invalidMessage]
+      })]
+    })]
+  });
+};
+
+export default EditorOld;

package/esm/core/EditorOld/styles.js

@@ -0,0 +1,65 @@
+import _styled from "@emotion/styled/base";
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import { css } from '@emotion/react';
+export const styles = {
+  default: (theme, height) => /*#__PURE__*/css("display:grid;grid-row-gap:4px;.content-wrapper{border:1px solid ", theme.border, ";border-radius:0 0 3px 3px;padding:1em;padding-bottom:0;cursor:text;resize:vertical;overflow:auto;height:", height, "px;>div{height:90%;}.public-DraftStyleDefault-block{margin:0;}}.toolbar-wrapper{padding:0;margin:0;border:1px solid ", theme.border, ";border-radius:3px 3px 0 0;border-bottom:unset;&>div{border-right:1px solid ", theme.border, ";margin:0;padding:0.1em;}.rdw-block-dropdown{border-color:transparent;&:active,&:hover{box-shadow:none;background-color:", theme.gray20, ";}}.rdw-option-wrapper{border-color:transparent;border-radius:5px;margin:0;&:active,&:hover{box-shadow:none;background-color:", theme.gray20, ";}}.rdw-option-active{box-shadow:unset;background-color:", theme.gray10, ";&:active,&:hover{background-color:", theme.gray10, ";}}.rdw-link-modal{height:unset;input{border-color:", theme.border, ";border-radius:5px;}.rdw-link-modal-target-option{display:none;}.rdw-link-modal-btn{border-radius:16px;border-color:transparent;background-color:", theme.btnDefault, ";color:", theme.btnDefaultFontColor, ";&:disabled{background-color:", theme.disabled, ";color:black;}&:active,&:hover,&:focus{box-shadow:none;background-color:", theme.btnDefaultDarker, ";border-color:", theme.btnDefaultDarker, ";color:", theme.btnHoverTextColor, ";}&:last-of-type{display:none;}}}}.DraftEditor-editorContainer{p{margin:0;}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvck9sZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29EIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvck9sZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgaGVpZ2h0OiBudW1iZXIpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtcm93LWdhcDogNHB4O1xuXG4gICAgLmNvbnRlbnQtd3JhcHBlciB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICBib3JkZXItcmFkaXVzOiAwIDAgM3B4IDNweDtcbiAgICAgIHBhZGRpbmc6IDFlbTtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgICAgY3Vyc29yOiB0ZXh0O1xuICAgICAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgaGVpZ2h0OiAke2hlaWdodH1weDtcblxuICAgICAgPiBkaXYge1xuICAgICAgICBoZWlnaHQ6IDkwJTtcbiAgICAgIH1cblxuICAgICAgLnB1YmxpYy1EcmFmdFN0eWxlRGVmYXVsdC1ibG9jayB7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAudG9vbGJhci13cmFwcGVyIHtcbiAgICAgIC8vIFRoZSB0b29sYmFyXG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogM3B4IDNweCAwIDA7XG4gICAgICBib3JkZXItYm90dG9tOiB1bnNldDtcblxuICAgICAgLy8gVG9vbGJhciBzZWN0aW9uc1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICBwYWRkaW5nOiAwLjFlbTtcbiAgICAgIH1cblxuICAgICAgLy8gT3ZlcnNrcmlmdCB2ZWxnZXJcbiAgICAgIC5yZHctYmxvY2stZHJvcGRvd24ge1xuICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgICAgICY6YWN0aXZlLFxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZ3JheTIwfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBUb29sYmFyIG9wdGlvbnNcbiAgICAgIC5yZHctb3B0aW9uLXdyYXBwZXIge1xuICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIG1hcmdpbjogMDtcblxuICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkyMH07XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLnJkdy1vcHRpb24tYWN0aXZlIHtcbiAgICAgICAgYm94LXNoYWRvdzogdW5zZXQ7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZ3JheTEwfTtcblxuICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MTB9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC8vIExpbmsgbW9kYWxcbiAgICAgIC5yZHctbGluay1tb2RhbCB7XG4gICAgICAgIGhlaWdodDogdW5zZXQ7XG5cbiAgICAgICAgaW5wdXQge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFJlbW92ZSBvcGVuIG5ldyB0YWIgb3B0aW9uXG4gICAgICAgIC5yZHctbGluay1tb2RhbC10YXJnZXQtb3B0aW9uIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gU3R5bGUgYWRkIGJ1dHRvblxuICAgICAgICAucmR3LWxpbmstbW9kYWwtYnRuIHtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0fTtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yfTtcblxuICAgICAgICAgICY6ZGlzYWJsZWQge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICAgICAgICBjb2xvcjogYmxhY2s7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICAgJjpob3ZlcixcbiAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJ0bkRlZmF1bHREYXJrZXJ9O1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0bkRlZmF1bHREYXJrZXJ9O1xuICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUuYnRuSG92ZXJUZXh0Q29sb3J9O1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC8vIFJlbW92ZSBjYW5jZWwgYnV0dG9uXG4gICAgICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAuRHJhZnRFZGl0b3ItZWRpdG9yQ29udGFpbmVyIHtcbiAgICAgIHAge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG5cbiAgICAgIGgxLFxuICAgICAgaDIsXG4gICAgICBoMyxcbiAgICAgIGg0LFxuICAgICAgaDUge1xuICAgICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgbWF4SGVpZ2h0OiAoaGVpZ2h0OiBudW1iZXIpID0+IGNzc2BcbiAgICAuY29udGVudC13cmFwcGVyIHtcbiAgICAgIG1heC1oZWlnaHQ6ICR7aGVpZ2h0fXB4O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IFJlbGF0aXZlRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5leHBvcnQgY29uc3QgTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgbGluZS1oZWlnaHQ6IDIycHg7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiA0cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBFcnJvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuXG4gICYgPiBzcGFuIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiA2cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDJweDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ291bnRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAxcHg7XG4gIGJvdHRvbTogLTIwcHg7XG5gXG4iXX0= */"),
+  maxHeight: height => /*#__PURE__*/css(".content-wrapper{max-height:", height, "px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvck9sZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUlvQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9FZGl0b3JPbGQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXJvdy1nYXA6IDRweDtcblxuICAgIC5jb250ZW50LXdyYXBwZXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7XG4gICAgICBwYWRkaW5nOiAxZW07XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9cHg7XG5cbiAgICAgID4gZGl2IHtcbiAgICAgICAgaGVpZ2h0OiA5MCU7XG4gICAgICB9XG5cbiAgICAgIC5wdWJsaWMtRHJhZnRTdHlsZURlZmF1bHQtYmxvY2sge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRvb2xiYXItd3JhcHBlciB7XG4gICAgICAvLyBUaGUgdG9vbGJhclxuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogdW5zZXQ7XG5cbiAgICAgIC8vIFRvb2xiYXIgc2VjdGlvbnNcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZzogMC4xZW07XG4gICAgICB9XG5cbiAgICAgIC8vIE92ZXJza3JpZnQgdmVsZ2VyXG4gICAgICAucmR3LWJsb2NrLWRyb3Bkb3duIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkyMH07XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLy8gVG9vbGJhciBvcHRpb25zXG4gICAgICAucmR3LW9wdGlvbi13cmFwcGVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBtYXJnaW46IDA7XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MjB9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5yZHctb3B0aW9uLWFjdGl2ZSB7XG4gICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkxMH07XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZ3JheTEwfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBMaW5rIG1vZGFsXG4gICAgICAucmR3LWxpbmstbW9kYWwge1xuICAgICAgICBoZWlnaHQ6IHVuc2V0O1xuXG4gICAgICAgIGlucHV0IHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSZW1vdmUgb3BlbiBuZXcgdGFiIG9wdGlvblxuICAgICAgICAucmR3LWxpbmstbW9kYWwtdGFyZ2V0LW9wdGlvbiB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFN0eWxlIGFkZCBidXR0b25cbiAgICAgICAgLnJkdy1saW5rLW1vZGFsLWJ0biB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn07XG5cbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6YWN0aXZlLFxuICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkhvdmVyVGV4dENvbG9yfTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAvLyBSZW1vdmUgY2FuY2VsIGJ1dHRvblxuICAgICAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLkRyYWZ0RWRpdG9yLWVkaXRvckNvbnRhaW5lciB7XG4gICAgICBwIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgfVxuXG4gICAgICBoMSxcbiAgICAgIGgyLFxuICAgICAgaDMsXG4gICAgICBoNCxcbiAgICAgIGg1IHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgLmNvbnRlbnQtd3JhcHBlciB7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH1weDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMXB4O1xuICBib3R0b206IC0yMHB4O1xuYFxuIl19 */")
+};
+export const RelativeDiv = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1dpk68n3"
+} : {
+  target: "e1dpk68n3",
+  label: "RelativeDiv"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bjn8wh",
+  styles: "position:relative"
+} : {
+  name: "bjn8wh",
+  styles: "position:relative",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvck9sZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOElxQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9FZGl0b3JPbGQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXJvdy1nYXA6IDRweDtcblxuICAgIC5jb250ZW50LXdyYXBwZXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7XG4gICAgICBwYWRkaW5nOiAxZW07XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9cHg7XG5cbiAgICAgID4gZGl2IHtcbiAgICAgICAgaGVpZ2h0OiA5MCU7XG4gICAgICB9XG5cbiAgICAgIC5wdWJsaWMtRHJhZnRTdHlsZURlZmF1bHQtYmxvY2sge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRvb2xiYXItd3JhcHBlciB7XG4gICAgICAvLyBUaGUgdG9vbGJhclxuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogdW5zZXQ7XG5cbiAgICAgIC8vIFRvb2xiYXIgc2VjdGlvbnNcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZzogMC4xZW07XG4gICAgICB9XG5cbiAgICAgIC8vIE92ZXJza3JpZnQgdmVsZ2VyXG4gICAgICAucmR3LWJsb2NrLWRyb3Bkb3duIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkyMH07XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLy8gVG9vbGJhciBvcHRpb25zXG4gICAgICAucmR3LW9wdGlvbi13cmFwcGVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBtYXJnaW46IDA7XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MjB9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5yZHctb3B0aW9uLWFjdGl2ZSB7XG4gICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkxMH07XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZ3JheTEwfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBMaW5rIG1vZGFsXG4gICAgICAucmR3LWxpbmstbW9kYWwge1xuICAgICAgICBoZWlnaHQ6IHVuc2V0O1xuXG4gICAgICAgIGlucHV0IHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSZW1vdmUgb3BlbiBuZXcgdGFiIG9wdGlvblxuICAgICAgICAucmR3LWxpbmstbW9kYWwtdGFyZ2V0LW9wdGlvbiB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFN0eWxlIGFkZCBidXR0b25cbiAgICAgICAgLnJkdy1saW5rLW1vZGFsLWJ0biB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn07XG5cbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6YWN0aXZlLFxuICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkhvdmVyVGV4dENvbG9yfTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAvLyBSZW1vdmUgY2FuY2VsIGJ1dHRvblxuICAgICAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLkRyYWZ0RWRpdG9yLWVkaXRvckNvbnRhaW5lciB7XG4gICAgICBwIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgfVxuXG4gICAgICBoMSxcbiAgICAgIGgyLFxuICAgICAgaDMsXG4gICAgICBoNCxcbiAgICAgIGg1IHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgLmNvbnRlbnQtd3JhcHBlciB7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH1weDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMXB4O1xuICBib3R0b206IC0yMHB4O1xuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const Label = _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e1dpk68n2"
+} : {
+  target: "e1dpk68n2",
+  label: "Label"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ge8ozm",
+  styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px"
+} : {
+  name: "1ge8ozm",
+  styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvck9sZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0pnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9FZGl0b3JPbGQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXJvdy1nYXA6IDRweDtcblxuICAgIC5jb250ZW50LXdyYXBwZXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7XG4gICAgICBwYWRkaW5nOiAxZW07XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9cHg7XG5cbiAgICAgID4gZGl2IHtcbiAgICAgICAgaGVpZ2h0OiA5MCU7XG4gICAgICB9XG5cbiAgICAgIC5wdWJsaWMtRHJhZnRTdHlsZURlZmF1bHQtYmxvY2sge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRvb2xiYXItd3JhcHBlciB7XG4gICAgICAvLyBUaGUgdG9vbGJhclxuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogdW5zZXQ7XG5cbiAgICAgIC8vIFRvb2xiYXIgc2VjdGlvbnNcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZzogMC4xZW07XG4gICAgICB9XG5cbiAgICAgIC8vIE92ZXJza3JpZnQgdmVsZ2VyXG4gICAgICAucmR3LWJsb2NrLWRyb3Bkb3duIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkyMH07XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLy8gVG9vbGJhciBvcHRpb25zXG4gICAgICAucmR3LW9wdGlvbi13cmFwcGVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBtYXJnaW46IDA7XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MjB9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5yZHctb3B0aW9uLWFjdGl2ZSB7XG4gICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkxMH07XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZ3JheTEwfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBMaW5rIG1vZGFsXG4gICAgICAucmR3LWxpbmstbW9kYWwge1xuICAgICAgICBoZWlnaHQ6IHVuc2V0O1xuXG4gICAgICAgIGlucHV0IHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSZW1vdmUgb3BlbiBuZXcgdGFiIG9wdGlvblxuICAgICAgICAucmR3LWxpbmstbW9kYWwtdGFyZ2V0LW9wdGlvbiB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFN0eWxlIGFkZCBidXR0b25cbiAgICAgICAgLnJkdy1saW5rLW1vZGFsLWJ0biB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn07XG5cbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6YWN0aXZlLFxuICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkhvdmVyVGV4dENvbG9yfTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAvLyBSZW1vdmUgY2FuY2VsIGJ1dHRvblxuICAgICAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLkRyYWZ0RWRpdG9yLWVkaXRvckNvbnRhaW5lciB7XG4gICAgICBwIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgfVxuXG4gICAgICBoMSxcbiAgICAgIGgyLFxuICAgICAgaDMsXG4gICAgICBoNCxcbiAgICAgIGg1IHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgLmNvbnRlbnQtd3JhcHBlciB7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH1weDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMXB4O1xuICBib3R0b206IC0yMHB4O1xuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const ErrorWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1dpk68n1"
+} : {
+  target: "e1dpk68n1",
+  label: "ErrorWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "p12i1l",
+  styles: "display:grid;&>span{display:flex;align-items:center;gap:6px;margin-left:2px;}"
+} : {
+  name: "p12i1l",
+  styles: "display:grid;&>span{display:flex;align-items:center;gap:6px;margin-left:2px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvck9sZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUpzQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9FZGl0b3JPbGQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXJvdy1nYXA6IDRweDtcblxuICAgIC5jb250ZW50LXdyYXBwZXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7XG4gICAgICBwYWRkaW5nOiAxZW07XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9cHg7XG5cbiAgICAgID4gZGl2IHtcbiAgICAgICAgaGVpZ2h0OiA5MCU7XG4gICAgICB9XG5cbiAgICAgIC5wdWJsaWMtRHJhZnRTdHlsZURlZmF1bHQtYmxvY2sge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRvb2xiYXItd3JhcHBlciB7XG4gICAgICAvLyBUaGUgdG9vbGJhclxuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogdW5zZXQ7XG5cbiAgICAgIC8vIFRvb2xiYXIgc2VjdGlvbnNcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZzogMC4xZW07XG4gICAgICB9XG5cbiAgICAgIC8vIE92ZXJza3JpZnQgdmVsZ2VyXG4gICAgICAucmR3LWJsb2NrLWRyb3Bkb3duIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkyMH07XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLy8gVG9vbGJhciBvcHRpb25zXG4gICAgICAucmR3LW9wdGlvbi13cmFwcGVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBtYXJnaW46IDA7XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MjB9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5yZHctb3B0aW9uLWFjdGl2ZSB7XG4gICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkxMH07XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZ3JheTEwfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBMaW5rIG1vZGFsXG4gICAgICAucmR3LWxpbmstbW9kYWwge1xuICAgICAgICBoZWlnaHQ6IHVuc2V0O1xuXG4gICAgICAgIGlucHV0IHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSZW1vdmUgb3BlbiBuZXcgdGFiIG9wdGlvblxuICAgICAgICAucmR3LWxpbmstbW9kYWwtdGFyZ2V0LW9wdGlvbiB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFN0eWxlIGFkZCBidXR0b25cbiAgICAgICAgLnJkdy1saW5rLW1vZGFsLWJ0biB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn07XG5cbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6YWN0aXZlLFxuICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkhvdmVyVGV4dENvbG9yfTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAvLyBSZW1vdmUgY2FuY2VsIGJ1dHRvblxuICAgICAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLkRyYWZ0RWRpdG9yLWVkaXRvckNvbnRhaW5lciB7XG4gICAgICBwIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgfVxuXG4gICAgICBoMSxcbiAgICAgIGgyLFxuICAgICAgaDMsXG4gICAgICBoNCxcbiAgICAgIGg1IHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgLmNvbnRlbnQtd3JhcHBlciB7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH1weDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMXB4O1xuICBib3R0b206IC0yMHB4O1xuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const CounterWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1dpk68n0"
+} : {
+  target: "e1dpk68n0",
+  label: "CounterWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "13qbf77",
+  styles: "position:absolute;right:1px;bottom:-20px"
+} : {
+  name: "13qbf77",
+  styles: "position:absolute;right:1px;bottom:-20px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvck9sZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0t3QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9FZGl0b3JPbGQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXJvdy1nYXA6IDRweDtcblxuICAgIC5jb250ZW50LXdyYXBwZXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7XG4gICAgICBwYWRkaW5nOiAxZW07XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9cHg7XG5cbiAgICAgID4gZGl2IHtcbiAgICAgICAgaGVpZ2h0OiA5MCU7XG4gICAgICB9XG5cbiAgICAgIC5wdWJsaWMtRHJhZnRTdHlsZURlZmF1bHQtYmxvY2sge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRvb2xiYXItd3JhcHBlciB7XG4gICAgICAvLyBUaGUgdG9vbGJhclxuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogdW5zZXQ7XG5cbiAgICAgIC8vIFRvb2xiYXIgc2VjdGlvbnNcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZzogMC4xZW07XG4gICAgICB9XG5cbiAgICAgIC8vIE92ZXJza3JpZnQgdmVsZ2VyXG4gICAgICAucmR3LWJsb2NrLWRyb3Bkb3duIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkyMH07XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLy8gVG9vbGJhciBvcHRpb25zXG4gICAgICAucmR3LW9wdGlvbi13cmFwcGVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBtYXJnaW46IDA7XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MjB9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5yZHctb3B0aW9uLWFjdGl2ZSB7XG4gICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkxMH07XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZ3JheTEwfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBMaW5rIG1vZGFsXG4gICAgICAucmR3LWxpbmstbW9kYWwge1xuICAgICAgICBoZWlnaHQ6IHVuc2V0O1xuXG4gICAgICAgIGlucHV0IHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSZW1vdmUgb3BlbiBuZXcgdGFiIG9wdGlvblxuICAgICAgICAucmR3LWxpbmstbW9kYWwtdGFyZ2V0LW9wdGlvbiB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFN0eWxlIGFkZCBidXR0b25cbiAgICAgICAgLnJkdy1saW5rLW1vZGFsLWJ0biB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn07XG5cbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6YWN0aXZlLFxuICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkhvdmVyVGV4dENvbG9yfTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAvLyBSZW1vdmUgY2FuY2VsIGJ1dHRvblxuICAgICAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLkRyYWZ0RWRpdG9yLWVkaXRvckNvbnRhaW5lciB7XG4gICAgICBwIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgfVxuXG4gICAgICBoMSxcbiAgICAgIGgyLFxuICAgICAgaDMsXG4gICAgICBoNCxcbiAgICAgIGg1IHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgLmNvbnRlbnQtd3JhcHBlciB7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH1weDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMXB4O1xuICBib3R0b206IC0yMHB4O1xuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/esm/core/FileInput/FileInput.stories.js

@@ -74,4 +74,13 @@ export const RotateIcon = {
     rotateIcon: true,
     onChange: e => console.log('CB', e)
   }
+};
+export const ControlledState = {
+  name: 'Controlled state',
+  args: {
+    isControlledState: true,
+    controlledFiles: [initialFile],
+    multiple: true,
+    onChange: e => console.log('New state', e)
+  }
 };

package/esm/core/FileInput/index.js

@@ -20,16 +20,23 @@ const FileInput = ({
   fileMaxsixe,
   nostyle,
   rotateIcon,
+  isControlledState,
+  controlledFiles,
   onChange
 }) => {
-  const [files, setFiles] = useState(initialFiles);
+  const [uncontrolledFiles, setUncontrolledFiles] = useState(initialFiles);
   const [sizeError, setSizeError] = useState(false);
   const theme = useTheme();
+  const files = isControlledState ? controlledFiles || [] : uncontrolledFiles;
   const hiddenFileInput = useRef(null);
   const handleClick = () => {
     const node = hiddenFileInput.current;
     node.click();
   };
+  const handleSetFiles = files => {
+    if (isControlledState) return;
+    setUncontrolledFiles(files);
+  };
   const handleChange = e => {
     if (!e.target.files[0]) return;
     let filesFromEvent = [...Array.from(e.target.files)];
@@ -40,7 +47,7 @@ const FileInput = ({
       setSizeError(true);
     }
     if (!multiple) {
-      setFiles([filesFromEvent[0]]);
+      handleSetFiles([filesFromEvent[0]]);
       onChange(filesFromEvent[0]);
       e.target.value = null;
       return;
@@ -49,18 +56,18 @@ const FileInput = ({
     filesFromEvent.forEach(file => {
       newFiles.push(file);
     });
-    setFiles(newFiles);
+    handleSetFiles(newFiles);
     onChange(newFiles);
   };
   const handleDelete = index => {
     if (!multiple) {
-      setFiles([]);
+      handleSetFiles([]);
       onChange(null);
       return;
     }
     const arr = [...files];
     arr.splice(index, 1);
-    setFiles(arr);
+    handleSetFiles(arr);
     onChange(arr);
 
     // resets value of input to trigger on change if user removes and readds same file