nzk-react-components 2.0.0-7 → 3.0.0-0

package/dist/cjs/components/Avatar/Avatar.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("./Avatar.styles.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e),a=function(r){var a=e.useMemo((function(){var e;return(null===(e=r.user)||void 0===e?void 0:e.countryCode)||r.countryCode}),[r]),n=e.useMemo((function(){var e,t,o,a=(null===(t=null===(e=r.user)||void 0===e?void 0:e.avatar)||void 0===t?void 0:t.url)||r.src;return a||(a||"student"!==(null===(o=r.user)||void 0===o?void 0:o.type)?"https://cdn.nightzookeeper.com/nzk-assets/empty-avatar.png":"https://cdn.nightzookeeper.com/edu-assets/images/empty-avatar.png")}),[r]),s=e.useMemo((function(){if(a)return"https://cdn.nightzookeeper.com/edu-assets/images/flags/"+a+".png"}),[a]),u=e.useMemo((function(){return!(!s||r.flagHidden)}),[s,r]);return o.default.createElement(t.Wrapper,{size:r.size,colors:r.colors},u&&o.default.createElement(t.Flag,{src:s}),o.default.createElement(t.AvatarImage,{src:n}))};a.defaultProps={size:"60px",flagHidden:!1,colors:{border:"#8B26D4",shadow:"#53167E",dropshadow:"rgba(0,0,0,0.4)"}},module.exports=a;
+"use strict";var e=require("react"),t=require("./Avatar.styles.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e),a=function(r){var a=e.useMemo((function(){var e;return(null===(e=r.user)||void 0===e?void 0:e.countryCode)||r.countryCode}),[r]),n=e.useMemo((function(){var e,t,o,a=(null===(t=null===(e=r.user)||void 0===e?void 0:e.avatar)||void 0===t?void 0:t.url)||r.src;return a||(a||"student"!==(null===(o=r.user)||void 0===o?void 0:o.type)?"https://cdn.nightzookeeper.com/nzk-assets/empty-avatar.png":"https://cdn.nightzookeeper.com/edu-assets/images/empty-avatar.png")}),[r]),s=e.useMemo((function(){if(a)return"https://cdn.nightzookeeper.com/edu-assets/images/flags/".concat(a,".png")}),[a]),u=e.useMemo((function(){return!(!s||r.flagHidden)}),[s,r]);return o.default.createElement(t.Wrapper,{$size:r.size,$colors:r.colors},u&&o.default.createElement(t.Flag,{src:s}),o.default.createElement(t.AvatarImage,{$src:n}))};a.defaultProps={size:"60px",flagHidden:!1,colors:{border:"#8B26D4",shadow:"#53167E",dropshadow:"rgba(0,0,0,0.4)"}},module.exports=a;

package/dist/cjs/components/Avatar/Avatar.styles.js

@@ -1 +1 @@
-"use strict";var o=require("../../_virtual/_tslib.js");function r(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var a,n,e,c=r(require("styled-components")),i=c.default.div.withConfig({displayName:"Avatarstyles__Wrapper",componentId:"sc-mm95v8-0"})(a||(a=o.__makeTemplateObject(["\n  position: relative;\n  --border-color: ",";\n  --shadow-color: ",";\n  --dropshadow-color: ",";\n  --size: ",";\n  height: calc(var(--size) + calc(var(--size) * 0.1));\n  width: var(--size);\n  box-sizing: content-box !important;\n  > * {\n    box-sizing: content-box !important;\n  }\n"],["\n  position: relative;\n  --border-color: ",";\n  --shadow-color: ",";\n  --dropshadow-color: ",";\n  --size: ",";\n  height: calc(var(--size) + calc(var(--size) * 0.1));\n  width: var(--size);\n  box-sizing: content-box !important;\n  > * {\n    box-sizing: content-box !important;\n  }\n"])),(function(o){var r;return null===(r=o.colors)||void 0===r?void 0:r.border}),(function(o){var r;return null===(r=o.colors)||void 0===r?void 0:r.shadow}),(function(o){var r;return null===(r=o.colors)||void 0===r?void 0:r.dropshadow}),(function(o){return o.size})),s=c.default.div.withConfig({displayName:"Avatarstyles__AvatarImage",componentId:"sc-mm95v8-1"})(n||(n=o.__makeTemplateObject(["\n  height: calc(var(--size) - calc(var(--size) * 0.1));\n  width: calc(100% - calc(var(--size) * 0.1));\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border: calc(var(--size) * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.1) 0 var(--dropshadow-color);\n  background-color: #ebebeb;\n  border-radius: 50%;\n  overflow: hidden;\n"],["\n  height: calc(var(--size) - calc(var(--size) * 0.1));\n  width: calc(100% - calc(var(--size) * 0.1));\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border: calc(var(--size) * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.1) 0 var(--dropshadow-color);\n  background-color: #ebebeb;\n  border-radius: 50%;\n  overflow: hidden;\n"])),(function(o){return o.src})),t=c.default.div.withConfig({displayName:"Avatarstyles__Flag",componentId:"sc-mm95v8-2"})(e||(e=o.__makeTemplateObject(["\n  position: absolute;\n  height: calc(var(--size) * 0.35);\n  width: calc(var(--size) * 0.35);\n  top: 0;\n  right: 0;\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border-radius: 50%;\n  border: calc(var(--size) * 0.6 * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.6 * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.6 * 0.1) 0 var(--dropshadow-color);\n  \n"],["\n  position: absolute;\n  height: calc(var(--size) * 0.35);\n  width: calc(var(--size) * 0.35);\n  top: 0;\n  right: 0;\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border-radius: 50%;\n  border: calc(var(--size) * 0.6 * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.6 * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.6 * 0.1) 0 var(--dropshadow-color);\n  \n"])),(function(o){return o.src}));exports.AvatarImage=s,exports.Flag=t,exports.Wrapper=i;
+"use strict";var o=require("../../_virtual/_tslib.js");function r(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var a,n,e,c=r(require("styled-components")),i=c.default.div.withConfig({displayName:"Avatarstyles__Wrapper",componentId:"sc-mm95v8-0"})(a||(a=o.__makeTemplateObject(["\n  position: relative;\n  --border-color: ",";\n  --shadow-color: ",";\n  --dropshadow-color: ",";\n  --size: ",";\n  height: calc(var(--size) + calc(var(--size) * 0.1));\n  width: var(--size);\n  box-sizing: content-box !important;\n  > * {\n    box-sizing: content-box !important;\n  }\n"],["\n  position: relative;\n  --border-color: ",";\n  --shadow-color: ",";\n  --dropshadow-color: ",";\n  --size: ",";\n  height: calc(var(--size) + calc(var(--size) * 0.1));\n  width: var(--size);\n  box-sizing: content-box !important;\n  > * {\n    box-sizing: content-box !important;\n  }\n"])),(function(o){var r;return null===(r=o.$colors)||void 0===r?void 0:r.border}),(function(o){var r;return null===(r=o.$colors)||void 0===r?void 0:r.shadow}),(function(o){var r;return null===(r=o.$colors)||void 0===r?void 0:r.dropshadow}),(function(o){return o.$size})),s=c.default.div.withConfig({displayName:"Avatarstyles__AvatarImage",componentId:"sc-mm95v8-1"})(n||(n=o.__makeTemplateObject(["\n  height: calc(var(--size) - calc(var(--size) * 0.1));\n  width: calc(100% - calc(var(--size) * 0.1));\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border: calc(var(--size) * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.05) 0 var(--shadow-color),\n    0 calc(var(--size) * 0.1) 0 var(--dropshadow-color);\n  background-color: #ebebeb;\n  border-radius: 50%;\n  overflow: hidden;\n"],["\n  height: calc(var(--size) - calc(var(--size) * 0.1));\n  width: calc(100% - calc(var(--size) * 0.1));\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border: calc(var(--size) * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.05) 0 var(--shadow-color),\n    0 calc(var(--size) * 0.1) 0 var(--dropshadow-color);\n  background-color: #ebebeb;\n  border-radius: 50%;\n  overflow: hidden;\n"])),(function(o){return o.$src})),t=c.default.div.withConfig({displayName:"Avatarstyles__Flag",componentId:"sc-mm95v8-2"})(e||(e=o.__makeTemplateObject(["\n  position: absolute;\n  height: calc(var(--size) * 0.35);\n  width: calc(var(--size) * 0.35);\n  top: 0;\n  right: 0;\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border-radius: 50%;\n  border: calc(var(--size) * 0.6 * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.6 * 0.05) 0 var(--shadow-color),\n    0 calc(var(--size) * 0.6 * 0.1) 0 var(--dropshadow-color);\n"],["\n  position: absolute;\n  height: calc(var(--size) * 0.35);\n  width: calc(var(--size) * 0.35);\n  top: 0;\n  right: 0;\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border-radius: 50%;\n  border: calc(var(--size) * 0.6 * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.6 * 0.05) 0 var(--shadow-color),\n    0 calc(var(--size) * 0.6 * 0.1) 0 var(--dropshadow-color);\n"])),(function(o){return o.src}));exports.AvatarImage=s,exports.Flag=t,exports.Wrapper=i;

package/dist/cjs/components/Button/utils.js

@@ -1 +1 @@
-"use strict";var o,n=require("../../_virtual/_tslib.js"),e=require("styled-components"),r=require("polished"),t=function(o,n){return o.height*n/64};exports.getPadding=function(o){return.001*o.height+"px "+o.height/2+"px"},exports.getShadows=function(a){var x=r.getLuminance(a.backgroundColor),p=a.shadowColor||x&&r.darken(.2,a.backgroundColor)||!x&&r.lighten(.2,a.backgroundColor),i=a.dropShadowColor||"rgba(0,0,0,0.3)",s=a.strokeColor||x&&r.lighten(.1,a.backgroundColor)||!x&&r.darken(.1,a.backgroundColor);return e.css(o||(o=n.__makeTemplateObject(["\n    box-shadow: 0 ","px 0 ",",\n      0 ","px 0 ",",\n      inset 0 0px 0px ","px ",";\n\n    :active {\n      transform: translateY(","px);\n      box-shadow: 0 ","px 0 ",",\n        inset 0 0px 0px ","px ",";\n    }\n  "],["\n    box-shadow: 0 ","px 0 ",",\n      0 ","px 0 ",",\n      inset 0 0px 0px ","px ",";\n\n    :active {\n      transform: translateY(","px);\n      box-shadow: 0 ","px 0 ",",\n        inset 0 0px 0px ","px ",";\n    }\n  "])),t(a,5),p,t(a,12),i,t(a,5),s,t(a,7),t(a,5),p,t(a,5),s)},exports.getSizeComparedToBase=t,exports.getTextColor=function(o){return o.color?o.color:o.backgroundColor&&r.getLuminance(o.backgroundColor)<=.5?"#fff":"#000"},exports.getTextSize=function(o){return function(o){return Boolean(o.fontSize)}(o)?o.fontSize:o.height/2.5+"px"};
+"use strict";var o,n=require("../../_virtual/_tslib.js"),e=require("styled-components"),r=require("polished"),t=function(o,n){return o.height*n/64};exports.getPadding=function(o){return"".concat(.001*o.height,"px ").concat(o.height/2,"px")},exports.getShadows=function(a){var x=r.getLuminance(a.backgroundColor),p=a.shadowColor||x&&r.darken(.2,a.backgroundColor)||!x&&r.lighten(.2,a.backgroundColor),i=a.dropShadowColor||"rgba(0,0,0,0.3)",s=a.strokeColor||x&&r.lighten(.1,a.backgroundColor)||!x&&r.darken(.1,a.backgroundColor);return e.css(o||(o=n.__makeTemplateObject(["\n    box-shadow: 0 ","px 0 ",",\n      0 ","px 0 ",",\n      inset 0 0px 0px ","px ",";\n\n    :active {\n      transform: translateY(","px);\n      box-shadow: 0 ","px 0 ",",\n        inset 0 0px 0px ","px ",";\n    }\n  "],["\n    box-shadow: 0 ","px 0 ",",\n      0 ","px 0 ",",\n      inset 0 0px 0px ","px ",";\n\n    :active {\n      transform: translateY(","px);\n      box-shadow: 0 ","px 0 ",",\n        inset 0 0px 0px ","px ",";\n    }\n  "])),t(a,5),p,t(a,12),i,t(a,5),s,t(a,7),t(a,5),p,t(a,5),s)},exports.getSizeComparedToBase=t,exports.getTextColor=function(o){return o.color?o.color:o.backgroundColor&&r.getLuminance(o.backgroundColor)<=.5?"#fff":"#000"},exports.getTextSize=function(o){return function(o){return Boolean(o.fontSize)}(o)?o.fontSize:"".concat(o.height/2.5,"px")};

package/dist/cjs/components/DatePicker/DatePicker.js

@@ -1 +1 @@
-"use strict";var n=require("../../_virtual/_tslib.js"),e=require("polished"),r=require("react"),t=require("react-datepicker"),o=require("styled-components"),a=require("../Button/Button.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var c,d,p=i(r),l=i(t),u=i(o).default.div.withConfig({displayName:"DatePicker__Wrapper",componentId:"sc-1hk1645-0"})(d||(d=n.__makeTemplateObject(["\n  ","\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: \"\";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: 'Rammetto One';\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * { flex: 1; padding: 10px 0; }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * { flex: 1; padding: 10px; }\n  }\n"],["\n  ","\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: \"\";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: 'Rammetto One';\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * { flex: 1; padding: 10px 0; }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * { flex: 1; padding: 10px; }\n  }\n"])),(function(r){var t=function(n){var r=n.primary,t=e.getLuminance(r)>=.5;return{primary:r,secondary:t?e.darken(.2,r):e.lighten(.2,r),color:t?"#000":"#fff"}}(r);return o.css(c||(c=n.__makeTemplateObject(["\n      --primary: ",";\n      --secondary: ",";\n      --color: ",";\n    "],["\n      --primary: ",";\n      --secondary: ",";\n      --color: ",";\n    "])),t.primary,t.secondary,t.color)})),s=function(n){var e=r.useRef(null),t=r.useState(n.defaultValue||new Date),o=t[0],i=t[1];r.useEffect((function(){n.autoFocus&&e.current&&e.current.input&&e.current.input.focus()}),[]);var c=r.forwardRef((function(e,r){var t=e.value,o=e.onClick;return n.input?p.default.cloneElement(n.input,{onClick:o,ref:r,children:t}):p.default.createElement(a,{onClick:o,ref:r,theme:"primary",size:"small"},t)}));return r.useEffect((function(){n.onChange&&n.onChange(o)}),[o]),p.default.createElement(u,{primary:n.primary},p.default.createElement(l.default,{ref:e,dateFormat:"d MMMM yyyy",withPortal:!0,selected:o,onChange:function(n){return i(n)},customInput:p.default.createElement(c,null)}))};s.defaultProps={primary:"#1EA7FD",autoFocus:!1,onChange:null,range:!1,defaultValue:null,input:null},module.exports=s;
+"use strict";var n=require("../../_virtual/_tslib.js"),e=require("polished"),r=require("react"),t=require("react-datepicker"),o=require("styled-components"),a=require("../Button/Button.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var c,d,p=i(r),l=i(t),u=i(o).default.div.withConfig({displayName:"DatePicker__Wrapper",componentId:"sc-1hk1645-0"})(d||(d=n.__makeTemplateObject(["\n  ",'\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: "";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: "Rammetto One";\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * {\n      flex: 1;\n      padding: 10px 0;\n    }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * {\n      flex: 1;\n      padding: 10px;\n    }\n  }\n'],["\n  ",'\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: "";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: "Rammetto One";\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * {\n      flex: 1;\n      padding: 10px 0;\n    }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * {\n      flex: 1;\n      padding: 10px;\n    }\n  }\n'])),(function(r){var t=function(n){var r=n.$primary,t=e.getLuminance(r)>=.5;return{primary:r,secondary:t?e.darken(.2,r):e.lighten(.2,r),color:t?"#000":"#fff"}}(r);return o.css(c||(c=n.__makeTemplateObject(["\n      --primary: ",";\n      --secondary: ",";\n      --color: ",";\n    "],["\n      --primary: ",";\n      --secondary: ",";\n      --color: ",";\n    "])),t.primary,t.secondary,t.color)})),s=function(n){var e=r.useRef(null),t=r.useState(n.defaultValue||new Date),o=t[0],i=t[1];r.useEffect((function(){n.autoFocus&&e.current&&e.current.input&&e.current.input.focus()}),[]);var c=r.forwardRef((function(e,r){var t=e.value,o=e.onClick;return n.input?p.default.cloneElement(n.input,{onClick:o,ref:r,children:t}):p.default.createElement(a,{onClick:o,ref:r,theme:"primary",size:"small"},t)}));return r.useEffect((function(){n.onChange&&n.onChange(o)}),[o]),p.default.createElement(u,{$primary:n.primary},p.default.createElement(l.default,{ref:e,dateFormat:"d MMMM yyyy",withPortal:!0,selected:o,onChange:function(n){return i(n)},customInput:p.default.createElement(c,null)}))};s.defaultProps={primary:"#1EA7FD",autoFocus:!1,onChange:null,range:!1,defaultValue:null,input:null},module.exports=s;

package/dist/cjs/components/IconButton/IconButton.js

@@ -1 +1 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),n=require("react"),t=require("styled-components"),o=require("../Button/Button.js"),r=require("../Button/constants.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,i=a(n),s=a(t).default.div.withConfig({displayName:"IconButton__Wrapper",componentId:"sc-1harz0i-0"})(l||(l=e.__makeTemplateObject(["\n  display: flex;\n  > .button--icon {\n    z-index: 2;\n  }\n  > .button--label {\n    margin-left: -","px;\n    z-index: 1;\n  }\n"],["\n  display: flex;\n  > .button--icon {\n    z-index: 2;\n  }\n  > .button--label {\n    margin-left: -","px;\n    z-index: 1;\n  }\n"])),(function(e){return e.overlap})),d=n.forwardRef((function(n,t){var a=(n.size?r.SIZES[n.size]:n.height)||0,l={backgroundColor:n.backgroundColor,height:n.height,fullWidth:n.fullWidth,children:n.children,color:n.color,strokeColor:n.strokeColor,dropShadowColor:n.dropShadowColor,shadowColor:n.shadowColor,fontSize:n.fontSize,round:n.round,disabled:n.disabled,wiggle:n.wiggle,size:n.size,theme:n.theme};return i.default.createElement(s,e.__assign({as:n.as,overlap:.3*a,ref:t},n),i.default.createElement(o,e.__assign({className:"button--icon"},l,{as:"span",round:!0}),n.icon),i.default.createElement(o,e.__assign({className:"button--label"},l,{as:"span"})))}));module.exports=d;
+"use strict";var e=require("../../_virtual/_tslib.js"),n=require("react"),t=require("styled-components"),o=require("../Button/Button.js"),r=require("../Button/constants.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,i=a(n),s=a(t).default.div.withConfig({displayName:"IconButton__Wrapper",componentId:"sc-1harz0i-0"})(l||(l=e.__makeTemplateObject(["\n  display: flex;\n  > .button--icon {\n    z-index: 2;\n  }\n  > .button--label {\n    margin-left: -","px;\n    z-index: 1;\n  }\n"],["\n  display: flex;\n  > .button--icon {\n    z-index: 2;\n  }\n  > .button--label {\n    margin-left: -","px;\n    z-index: 1;\n  }\n"])),(function(e){return e.$overlap})),d=n.forwardRef((function(n,t){var a=(n.size?r.SIZES[n.size]:n.height)||0,l={backgroundColor:n.backgroundColor,height:n.height,fullWidth:n.fullWidth,children:n.children,color:n.color,strokeColor:n.strokeColor,dropShadowColor:n.dropShadowColor,shadowColor:n.shadowColor,fontSize:n.fontSize,round:n.round,disabled:n.disabled,wiggle:n.wiggle,size:n.size,theme:n.theme};return i.default.createElement(s,e.__assign({as:n.as,$overlap:.3*a,ref:t},n),i.default.createElement(o,e.__assign({className:"button--icon"},l,{as:"span",round:!0}),n.icon),i.default.createElement(o,e.__assign({className:"button--label"},l,{as:"span"})))}));module.exports=d;

package/dist/cjs/components/Input/Input.js

@@ -1 +1 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),n=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,i,t=r(n).default.input.withConfig({displayName:"Input",componentId:"sc-1pih6it-0"})(i||(i=e.__makeTemplateObject(["\n  outline: none;\n  padding: 6px 10px;\n  font-size: 17px;\n  font-family: 'Libre Baskerville';\n  ","\n"],["\n  outline: none;\n  padding: 6px 10px;\n  font-size: 17px;\n  font-family: 'Libre Baskerville';\n  ","\n"])),(function(r){return n.css(o||(o=e.__makeTemplateObject(["\n    border-radius: ",";\n    border: "," solid ",";\n  "],["\n    border-radius: ",";\n    border: "," solid ",";\n  "])),r.borderRadius,r.borderWidth,r.borderColor)}));t.defaultProps={borderRadius:"6px",borderColor:"#000",borderWidth:"2px"},module.exports=t;
+"use strict";var e=require("../../_virtual/_tslib.js"),n=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,i,t=r(n).default.input.withConfig({displayName:"Input",componentId:"sc-1pih6it-0"})(i||(i=e.__makeTemplateObject(['\n  outline: none;\n  padding: 6px 10px;\n  font-size: 17px;\n  font-family: "Libre Baskerville";\n  ',"\n"],['\n  outline: none;\n  padding: 6px 10px;\n  font-size: 17px;\n  font-family: "Libre Baskerville";\n  ',"\n"])),(function(r){return n.css(o||(o=e.__makeTemplateObject(["\n    border-radius: ",";\n    border: "," solid ",";\n  "],["\n    border-radius: ",";\n    border: "," solid ",";\n  "])),r.$borderRadius,r.$borderWidth,r.$borderColor)}));t.defaultProps={$borderRadius:"6px",$borderColor:"#000",$borderWidth:"2px"},module.exports=t;

package/dist/cjs/components/Modal/Modal.js

@@ -1 +1 @@
-"use strict";var e=require("react");require("../../_virtual/_tslib.js");var r=require("../../icons/Close.js"),t=require("../Button/Button.js"),n=require("./Modal.styles.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(e);module.exports=function(u){var a=e.useMemo((function(){return u.errorMessage?"Error":u.title}),[]),l=e.useMemo((function(){return u.errorMessage?u.errorMessage:u.message?u.message:u.children}),[]),o=e.useMemo((function(){return u.actions?u.actions:null}),[]);return s.default.createElement(n.Wrapper,null,u.dismiss&&s.default.createElement(n.QuitButton,{onClick:u.dismiss},s.default.createElement(t,{round:!0,theme:"red",size:"regular"},s.default.createElement(r,null))),s.default.createElement(n.Title,null,a),l&&s.default.createElement(n.Content,{hasError:Boolean(u.errorMessage&&!0)},l),s.default.createElement(n.Actions,null,Array.isArray(o)&&o.map((function(e){return e}))))};
+"use strict";var e=require("react");require("../../_virtual/_tslib.js");var r=require("../../icons/Close.js"),t=require("../Button/Button.js"),n=require("./Modal.styles.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(e);module.exports=function(u){var a=e.useMemo((function(){return u.errorMessage?"Error":u.title}),[]),l=e.useMemo((function(){return u.errorMessage?u.errorMessage:u.message?u.message:u.children}),[]),o=e.useMemo((function(){return u.actions?u.actions:null}),[]);return s.default.createElement(n.Wrapper,null,u.dismiss&&s.default.createElement(n.QuitButton,{onClick:u.dismiss},s.default.createElement(t,{round:!0,theme:"red",size:"regular"},s.default.createElement(r,null))),s.default.createElement(n.Title,null,a),l&&s.default.createElement(n.Content,{$hasError:Boolean(u.errorMessage&&!0)},l),s.default.createElement(n.Actions,null,Array.isArray(o)&&o.map((function(e){return e}))))};

package/dist/cjs/components/Modal/Modal.styles.js

@@ -1 +1 @@
-"use strict";var n=require("../../_virtual/_tslib.js"),t=require("styled-components");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,i,a,p,r,d,l=e(t),x=l.default.div.withConfig({displayName:"Modalstyles__Wrapper",componentId:"sc-1kydg2d-0"})(o||(o=n.__makeTemplateObject(["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"],["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"]))),s=l.default.div.withConfig({displayName:"Modalstyles__Title",componentId:"sc-1kydg2d-1"})(i||(i=n.__makeTemplateObject(["\n  color: #fff;\n  font-family: 'Rammetto One';\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n"],["\n  color: #fff;\n  font-family: 'Rammetto One';\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n"]))),f=l.default.div.withConfig({displayName:"Modalstyles__Content",componentId:"sc-1kydg2d-2"})(p||(p=n.__makeTemplateObject(["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ","\n"],["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ","\n"])),(function(e){return e.hasError&&t.css(a||(a=n.__makeTemplateObject(["\n    box-shadow: 0px 0px 3px 1px #ff000055;\n  "],["\n    box-shadow: 0px 0px 3px 1px #ff000055;\n  "])))})),m=l.default.div.withConfig({displayName:"Modalstyles__Actions",componentId:"sc-1kydg2d-3"})(r||(r=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * { margin-right: 10px; }\n  > :last-child { margin-right: 0; }\n"],["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * { margin-right: 10px; }\n  > :last-child { margin-right: 0; }\n"]))),c=l.default.div.withConfig({displayName:"Modalstyles__QuitButton",componentId:"sc-1kydg2d-4"})(d||(d=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"])));exports.Actions=m,exports.Content=f,exports.QuitButton=c,exports.Title=s,exports.Wrapper=x;
+"use strict";var n=require("../../_virtual/_tslib.js"),t=require("styled-components");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,i,a,p,d,r,l=e(t),x=l.default.div.withConfig({displayName:"Modalstyles__Wrapper",componentId:"sc-1kydg2d-0"})(o||(o=n.__makeTemplateObject(["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531d75, 0 10px 0 #1c042b, 0 14px 0 rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"],["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531d75, 0 10px 0 #1c042b, 0 14px 0 rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"]))),s=l.default.div.withConfig({displayName:"Modalstyles__Title",componentId:"sc-1kydg2d-1"})(i||(i=n.__makeTemplateObject(['\n  color: #fff;\n  font-family: "Rammetto One";\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n'],['\n  color: #fff;\n  font-family: "Rammetto One";\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n']))),f=l.default.div.withConfig({displayName:"Modalstyles__Content",componentId:"sc-1kydg2d-2"})(p||(p=n.__makeTemplateObject(["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ","\n"],["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ","\n"])),(function(e){return e.$hasError&&t.css(a||(a=n.__makeTemplateObject(["\n      box-shadow: 0px 0px 3px 1px #ff000055;\n    "],["\n      box-shadow: 0px 0px 3px 1px #ff000055;\n    "])))})),c=l.default.div.withConfig({displayName:"Modalstyles__Actions",componentId:"sc-1kydg2d-3"})(d||(d=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * {\n    margin-right: 10px;\n  }\n  > :last-child {\n    margin-right: 0;\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * {\n    margin-right: 10px;\n  }\n  > :last-child {\n    margin-right: 0;\n  }\n"]))),m=l.default.div.withConfig({displayName:"Modalstyles__QuitButton",componentId:"sc-1kydg2d-4"})(r||(r=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"])));exports.Actions=c,exports.Content=f,exports.QuitButton=m,exports.Title=s,exports.Wrapper=x;

package/dist/cjs/components/Modal/ModalState.js

@@ -1 +1 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),n=require("react"),t=require("nanoid"),r=require("styled-components"),o=require("unstated-next");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,u=a(n),l=a(r).default.div.withConfig({displayName:"ModalState__Overlay",componentId:"sc-at61ls-0"})(i||(i=e.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"])),(function(e){return e.active?"rgba(0,0,0,0.7)":"rgba(0,0,0,0)"})),c=o.createContainer((function(){var r=n.useState({}),o=r[0],a=r[1],i=n.useMemo((function(){return Object.keys(o).map((function(e){return o[e]}))}),[o]),l=n.useMemo((function(){return Object.keys(o)[Object.keys(o).length-1]}),[o]),c=function(n){var t=n||l;a((function(n){var r=e.__assign({},n);return delete r[t],r}))};return{open:function(n,r){var o=""+(r||t.nanoid());return a((function(t){var r=e.__assign({},t);return r[o]=u.default.cloneElement(n,{id:o,dismiss:function(){return c(o)}}),r})),o},close:c,modals:i}})),s=c.useContainer,d=function(){var e=s(),n=e.modals,t=e.close;return 0===n.length?null:u.default.createElement(u.default.Fragment,null,n.map((function(e,r){return u.default.createElement(l,{onClick:function(){return t()},active:r===n.length-1},u.default.createElement("div",{onClick:function(e){e.stopPropagation(),e.preventDefault()},role:"alert"},e))})))};exports.ModalProvider=function(e){return u.default.createElement(c.Provider,null,u.default.createElement(d,null),u.default.cloneElement(e.children,e))},exports.useModalState=s;
+"use strict";var e=require("../../_virtual/_tslib.js"),n=require("react"),t=require("nanoid"),r=require("styled-components"),o=require("../../lib/unstated-next.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,l=a(n),u=a(r).default.div.withConfig({displayName:"ModalState__Overlay",componentId:"sc-at61ls-0"})(i||(i=e.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"])),(function(e){return e.$active?"rgba(0,0,0,0.7)":"rgba(0,0,0,0)"})),c=o.createContainer((function(){var r=n.useState({}),o=r[0],a=r[1],i=n.useMemo((function(){return Object.keys(o).map((function(e){return o[e]}))}),[o]),u=n.useMemo((function(){return Object.keys(o)[Object.keys(o).length-1]}),[o]),c=function(n){var t=n||u;a((function(n){var r=e.__assign({},n);return delete r[t],r}))};return{open:function(n,r){var o="".concat(r||t.nanoid());return a((function(t){var r=e.__assign({},t);return r[o]=l.default.cloneElement(n,{id:o,dismiss:function(){return c(o)}}),r})),o},close:c,modals:i}})),s=c.useContainer,d=function(){var e=s(),n=e.modals,t=e.close;return 0===n.length?null:l.default.createElement(l.default.Fragment,null,n.map((function(e,r){return l.default.createElement(u,{onClick:function(){return t()},$active:r===n.length-1},l.default.createElement("div",{onClick:function(e){e.stopPropagation(),e.preventDefault()},role:"alert"},e))})))};exports.ModalProvider=function(e){return l.default.createElement(c.Provider,null,l.default.createElement(d,null),l.default.cloneElement(e.children,e))},exports.useModalState=s;

package/dist/cjs/components/SyncedText/SyncedText.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./hooks/useTimeout.js"),t=require("../Button/Button.js");require("../../_virtual/_tslib.js");var n=require("../../icons/TextToSpeech.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(e);exports.SyncedText=function(u){var o=u.value,a=e.useRef(null),c=e.useRef(),i=e.useRef(null),s=e.useRef(!1),d=e.useRef([]),f=e.useRef([]),v=e.useState(!1),p=v[0],m=v[1],y=r.useAudioTimeout({timeoutMs:u.timeoutMs}),h=y[0],g=y[1],E=function(e){return g(),m(!1),u.onError?u.onError({type:"PLAY_ERROR",error:e}):null},R=function(e){return g(),m(!1),u.onError?u.onError({type:"LOAD_ERROR",error:e}):null},q=function(){var e;return null===(e=a.current)||void 0===e||e.stop(),m(!1),u.onError?u.onError({type:"TIMEOUT"}):null},x=function(){var e,r;(null===(e=a.current)||void 0===e?void 0:e.playing())||(h(q),null===(r=a.current)||void 0===r||r.play())};e.useEffect((function(){return o.audio&&u.Howl&&(a.current=new u.Howl({src:o.audio,autoplay:u.autoPlay}),u.autoPlay&&h(q),u.setRef&&u.setRef({play:x,getHowl:function(){return a.current},isPlaying:function(){var e;return null===(e=a.current)||void 0===e?void 0:e.playing()},pause:function(){var e;return null===(e=a.current)||void 0===e?void 0:e.pause()},stop:function(){var e;return null===(e=a.current)||void 0===e?void 0:e.stop()}})),function(){var e;g(),null===(e=a.current)||void 0===e||e.stop()}}),[]);var A=function(e){a.current&&i.current&&d.current[0]&&e>parseFloat(d.current[0].getAttribute("data-start")||"0")&&(f.current.forEach((function(e){e.classList.contains("highlighted")&&(e.classList.remove("highlighted"),e.classList.add("has-highlighted"))})),d.current[0].classList.add("highlighted"),d.current=d.current.slice(1,d.current.length))},L=function(){s.current=!0,d.current=f.current,m(!0);var e=function(){var r;if(null===(r=a.current)||void 0===r?void 0:r.playing()){g();var t=a.current.seek();A(t),c.current=requestAnimationFrame(e)}else c&&cancelAnimationFrame(c.current)};c.current=requestAnimationFrame(e)},w=function(){cancelAnimationFrame(c.current),m(!1),s.current&&(f.current.forEach((function(e){e.classList.remove("highlighted"),e.classList.remove("has-highlighted")})),u.onComplete&&u.onComplete())};return e.useEffect((function(){var e,r,t,n,u,l;if(null===(e=a.current)||void 0===e||e.on("play",L),null===(r=a.current)||void 0===r||r.on("end",w),null===(t=a.current)||void 0===t||t.on("stop",w),null===(n=a.current)||void 0===n||n.on("playerror",E),null===(u=a.current)||void 0===u||u.on("loaderror",R),f.current){var o=null===(l=i.current)||void 0===l?void 0:l.querySelectorAll("span.synced-test--part");o&&(f.current=Array.from(o),d.current=f.current)}return function(){var e,r,t,n,u;w(),null===(e=a.current)||void 0===e||e.off("play",L),null===(r=a.current)||void 0===r||r.off("end",w),null===(t=a.current)||void 0===t||t.off("stop",w),null===(n=a.current)||void 0===n||n.off("playerror",E),null===(u=a.current)||void 0===u||u.off("loaderror",R)}}),[u.value]),o?l.default.createElement("div",{ref:i,className:"synced-text"},u.showPlayButton&&l.default.createElement(t,{theme:p?"purple":"primary",style:{marginRight:"10px"},onClick:x,className:"synced-text--play",size:"x-small",round:!0},l.default.createElement(n,null)),o.sequences.map((function(e,r){return l.default.createElement("span",{className:"synced-test--part",style:{display:"inline-block"},"data-start":e.time[0],"data-end":e.time[1],key:e.time[0]},l.default.createElement("span",{className:"synced-text--word",dangerouslySetInnerHTML:{__html:""+e.text}}),r<o.sequences.length&&l.default.createElement("span",{className:"synced-text--space",style:{whiteSpace:"pre-wrap"}}," "))}))):null};
+"use strict";var e=require("react"),r=require("./hooks/useTimeout.js"),t=require("../Button/Button.js");require("../../_virtual/_tslib.js");var n=require("../../icons/TextToSpeech.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(e);exports.SyncedText=function(u){var o=u.value,a=e.useRef(null),c=e.useRef(),i=e.useRef(null),s=e.useRef(!1),d=e.useRef([]),f=e.useRef([]),v=e.useState(!1),p=v[0],m=v[1],y=r.useAudioTimeout({timeoutMs:u.timeoutMs}),h=y[0],g=y[1],E=function(e){return g(),m(!1),u.onError?u.onError({type:"PLAY_ERROR",error:e}):null},R=function(e){return g(),m(!1),u.onError?u.onError({type:"LOAD_ERROR",error:e}):null},q=function(){var e;return null===(e=a.current)||void 0===e||e.stop(),m(!1),u.onError?u.onError({type:"TIMEOUT"}):null},x=function(){var e,r;(null===(e=a.current)||void 0===e?void 0:e.playing())||(h(q),null===(r=a.current)||void 0===r||r.play())};e.useEffect((function(){return o.audio&&u.Howl&&(a.current=new u.Howl({src:o.audio,autoplay:u.autoPlay}),u.autoPlay&&h(q),u.setRef&&u.setRef({play:x,getHowl:function(){return a.current},isPlaying:function(){var e;return null===(e=a.current)||void 0===e?void 0:e.playing()},pause:function(){var e;return null===(e=a.current)||void 0===e?void 0:e.pause()},stop:function(){var e;return null===(e=a.current)||void 0===e?void 0:e.stop()}})),function(){var e;g(),null===(e=a.current)||void 0===e||e.stop()}}),[]);var A=function(e){a.current&&i.current&&d.current[0]&&e>parseFloat(d.current[0].getAttribute("data-start")||"0")&&(f.current.forEach((function(e){e.classList.contains("highlighted")&&(e.classList.remove("highlighted"),e.classList.add("has-highlighted"))})),d.current[0].classList.add("highlighted"),d.current=d.current.slice(1,d.current.length))},L=function(){s.current=!0,d.current=f.current,m(!0);var e=function(){var r;if(null===(r=a.current)||void 0===r?void 0:r.playing()){g();var t=a.current.seek();A(t),c.current=requestAnimationFrame(e)}else c&&cancelAnimationFrame(c.current)};c.current=requestAnimationFrame(e)},w=function(){cancelAnimationFrame(c.current),m(!1),s.current&&(f.current.forEach((function(e){e.classList.remove("highlighted"),e.classList.remove("has-highlighted")})),u.onComplete&&u.onComplete())};return e.useEffect((function(){var e,r,t,n,u,l;if(null===(e=a.current)||void 0===e||e.on("play",L),null===(r=a.current)||void 0===r||r.on("end",w),null===(t=a.current)||void 0===t||t.on("stop",w),null===(n=a.current)||void 0===n||n.on("playerror",E),null===(u=a.current)||void 0===u||u.on("loaderror",R),f.current){var o=null===(l=i.current)||void 0===l?void 0:l.querySelectorAll("span.synced-test--part");o&&(f.current=Array.from(o),d.current=f.current)}return function(){var e,r,t,n,u;w(),null===(e=a.current)||void 0===e||e.off("play",L),null===(r=a.current)||void 0===r||r.off("end",w),null===(t=a.current)||void 0===t||t.off("stop",w),null===(n=a.current)||void 0===n||n.off("playerror",E),null===(u=a.current)||void 0===u||u.off("loaderror",R)}}),[u.value]),o?l.default.createElement("div",{ref:i,className:"synced-text"},u.showPlayButton&&l.default.createElement(t,{theme:p?"purple":"primary",style:{marginRight:"10px"},onClick:x,className:"synced-text--play",size:"x-small",round:!0},l.default.createElement(n,null)),o.sequences.map((function(e,r){return l.default.createElement("span",{className:"synced-test--part",style:{display:"inline-block"},"data-start":e.time[0],"data-end":e.time[1],key:e.time[0]},l.default.createElement("span",{className:"synced-text--word",dangerouslySetInnerHTML:{__html:"".concat(e.text)}}),r<o.sequences.length&&l.default.createElement("span",{className:"synced-text--space",style:{whiteSpace:"pre-wrap"}}," "))}))):null};

package/dist/cjs/hooks/useCloudinary/index.js

@@ -1 +1 @@
-"use strict";var e="nzk",t="juz5g1j1";module.exports=function(n){var r=n&&n.cloudName||e,a=n&&n.unsignedUploadPreset||t,u=n&&n.uploadTag;return{uploadImage:function(e,t){var n="https://api.cloudinary.com/v1_1/"+r+"/upload",o=new XMLHttpRequest,s=new FormData;o.open("POST",n,!0),o.setRequestHeader("X-Requested-With","XMLHttpRequest"),o.onreadystatechange=function(){if(4===o.readyState&&200===o.status){var e=JSON.parse(o.responseText);t&&t(e.secure_url)}},s.append("upload_preset",a),u&&s.append("tags",u),e instanceof Blob?(s.append("file",e),o.send(s)):fetch(e).then((function(e){e.blob().then((function(e){s.append("file",e),o.send(s)}))}))},promiseUploadImage:function(e){return new Promise((function(t,n){var o="https://api.cloudinary.com/v1_1/"+r+"/upload",s=new XMLHttpRequest,d=new FormData;s.addEventListener("error",(function(){return n(new Error("Couldn't reach cloudinary to upload image"))})),s.open("POST",o,!0),s.setRequestHeader("X-Requested-With","XMLHttpRequest"),s.onreadystatechange=function(){if(4===s.readyState&&s.status>=200&&s.status<300){var e=JSON.parse(s.responseText);return e.secure_url?t(e.secure_url):n(new Error("No secure_url returned by cloudinary"))}return 4===s.readyState&&s.status>=300?n(new Error("Cloudinary returned error code: "+s.status)):null},d.append("upload_preset",a),u&&d.append("tags",u),e instanceof Blob?(d.append("file",e),s.send(d)):fetch(e).then((function(e){e.blob().then((function(e){d.append("file",e),s.send(d)}))}))}))}}};
+"use strict";var e="nzk",t="juz5g1j1";module.exports=function(n){var r=n&&n.cloudName||e,a=n&&n.unsignedUploadPreset||t,o=n&&n.uploadTag;return{uploadImage:function(e,t){var n="https://api.cloudinary.com/v1_1/".concat(r,"/upload"),u=new XMLHttpRequest,s=new FormData;u.open("POST",n,!0),u.setRequestHeader("X-Requested-With","XMLHttpRequest"),u.onreadystatechange=function(){if(4===u.readyState&&200===u.status){var e=JSON.parse(u.responseText);t&&t(e.secure_url)}},s.append("upload_preset",a),o&&s.append("tags",o),e instanceof Blob?(s.append("file",e),u.send(s)):fetch(e).then((function(e){e.blob().then((function(e){s.append("file",e),u.send(s)}))}))},promiseUploadImage:function(e){return new Promise((function(t,n){var u="https://api.cloudinary.com/v1_1/".concat(r,"/upload"),s=new XMLHttpRequest,d=new FormData;s.addEventListener("error",(function(){return n(new Error("Couldn't reach cloudinary to upload image"))})),s.open("POST",u,!0),s.setRequestHeader("X-Requested-With","XMLHttpRequest"),s.onreadystatechange=function(){if(4===s.readyState&&s.status>=200&&s.status<300){var e=JSON.parse(s.responseText);return e.secure_url?t(e.secure_url):n(new Error("No secure_url returned by cloudinary"))}return 4===s.readyState&&s.status>=300?n(new Error("Cloudinary returned error code: ".concat(s.status))):null},d.append("upload_preset",a),o&&d.append("tags",o),e instanceof Blob?(d.append("file",e),s.send(d)):fetch(e).then((function(e){e.blob().then((function(e){d.append("file",e),s.send(d)}))}))}))}}};

package/dist/cjs/hooks/useConfettis/animations.js

@@ -1 +1 @@
-"use strict";var n=require("../../_virtual/_tslib.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t=i(require("canvas-confetti"));function a(n,i){return Math.random()*(i-n)+n}var r={basicCanon:function(n){var i=n.confettiOptions,a=i.particleCount,r=void 0===a?100:a,o=i.spread,e=void 0===o?70:o,s=i.origin,u=void 0===s?{y:.6}:s;t.default({particleCount:r,spread:e,origin:u})},fireworks:function(i){var r=i.durationInMs,o=void 0===r?2e3:r,e=i.confettiOptions,s={startVelocity:30,spread:360,ticks:60,zIndex:0},u=Date.now()+o,f=setInterval((function(){var i=u-Date.now();if(i<=0)return clearInterval(f);var r=i/o*50;return t.default(n.__assign(n.__assign(n.__assign({},s),e),{particleCount:r,origin:{x:a(.1,.3),y:Math.random()-.2}})),t.default(n.__assign(n.__assign(n.__assign({},s),e),{particleCount:r,origin:{x:a(.7,.9),y:Math.random()-.2}})),null}),250)},sideCanons:function(i){var a=i.durationInMs,r=void 0===a?2e3:a,o=i.colors,e=void 0===o?["#bb0000","#ffffff"]:o,s=i.confettiOptions,u=void 0===s?{angle:60,spread:55,particleCount:2,origin:{x:0,y:.5}}:s;return n.__awaiter(void 0,void 0,void 0,(function(){function i(){t.default(n.__assign({},o)),t.default(n.__assign(n.__assign({},o),{angle:2*o.angle,origin:n.__assign(n.__assign({},o.origin),{x:1-o.origin.x})})),Date.now()<a&&requestAnimationFrame(i)}var a,o,s,f;return n.__generator(this,(function(n){return a=Date.now()+r,o={angle:u.angle||60,spread:u.spread||55,particleCount:u.particleCount||2,colors:e||["#bb0000","#ffffff"],origin:{x:(null===(s=u.origin)||void 0===s?void 0:s.x)||0,y:(null===(f=u.origin)||void 0===f?void 0:f.y)||.5}},[2,i()]}))}))}};exports.ANIMATIONS=r;
+"use strict";var n=require("../../_virtual/_tslib.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t=i(require("canvas-confetti"));function a(n,i){return Math.random()*(i-n)+n}var r={basicCanon:function(n){var i=n.confettiOptions,a=i.particleCount,r=void 0===a?100:a,o=i.spread,e=void 0===o?70:o,s=i.origin,u=void 0===s?{y:.6}:s;t.default({particleCount:r,spread:e,origin:u})},fireworks:function(i){var r=i.durationInMs,o=void 0===r?2e3:r,e=i.confettiOptions,s={startVelocity:30,spread:360,ticks:60,zIndex:0},u=Date.now()+o,f=setInterval((function(){var i=u-Date.now();if(i<=0)return clearInterval(f);var r=i/o*50;return t.default(n.__assign(n.__assign(n.__assign({},s),e),{particleCount:r,origin:{x:a(.1,.3),y:Math.random()-.2}})),t.default(n.__assign(n.__assign(n.__assign({},s),e),{particleCount:r,origin:{x:a(.7,.9),y:Math.random()-.2}})),null}),250)},sideCanons:function(i){return n.__awaiter(void 0,[i],void 0,(function(i){function a(){t.default(n.__assign({},o)),t.default(n.__assign(n.__assign({},o),{angle:2*o.angle,origin:n.__assign(n.__assign({},o.origin),{x:1-o.origin.x})})),Date.now()<r&&requestAnimationFrame(a)}var r,o,e,s,u=i.durationInMs,f=void 0===u?2e3:u,d=i.colors,l=void 0===d?["#bb0000","#ffffff"]:d,c=i.confettiOptions,g=void 0===c?{angle:60,spread:55,particleCount:2,origin:{x:0,y:.5}}:c;return n.__generator(this,(function(n){return r=Date.now()+f,o={angle:g.angle||60,spread:g.spread||55,particleCount:g.particleCount||2,colors:l||["#bb0000","#ffffff"],origin:{x:(null===(e=g.origin)||void 0===e?void 0:e.x)||0,y:(null===(s=g.origin)||void 0===s?void 0:s.y)||.5}},[2,a()]}))}))}};exports.ANIMATIONS=r;

package/dist/cjs/lib/unstated-next.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("react")),r=Symbol();exports.createContainer=function(e){var n=t.default.createContext(r);return{Provider:function(r){var a=e(r.initialState);return t.default.createElement(n.Provider,{value:a},r.children)},useContainer:function(){var e=t.default.useContext(n);if(e===r)throw new Error("Component must be wrapped with <Container.Provider>");return e}}};

package/dist/components/Avatar/Avatar.d.ts

@@ -1,33 +1,33 @@
-/// <reference types="react" />
-export interface AvatarColorsProps {
-    border: string;
-    shadow: string;
-    dropshadow: string;
-}
-export interface AvatarProps {
-    user?: {
-        avatar?: {
-            url: string;
-        };
-        countryCode?: string;
-        type: 'student' | 'parent' | 'teacher' | 'tutor';
-    };
-    colors?: AvatarColorsProps;
-    countryCode?: string;
-    src?: string;
-    size?: string;
-    flagHidden?: boolean;
-}
-declare const Avatar: {
-    (props: AvatarProps): JSX.Element;
-    defaultProps: {
-        size: string;
-        flagHidden: boolean;
-        colors: {
-            border: string;
-            shadow: string;
-            dropshadow: string;
-        };
-    };
-};
-export default Avatar;
+import React from "react";
+export interface AvatarColorsProps {
+    border: string;
+    shadow: string;
+    dropshadow: string;
+}
+export interface AvatarProps {
+    user?: {
+        avatar?: {
+            url: string;
+        };
+        countryCode?: string;
+        type: "student" | "parent" | "teacher" | "tutor";
+    };
+    colors?: AvatarColorsProps;
+    countryCode?: string;
+    src?: string;
+    size?: string;
+    flagHidden?: boolean;
+}
+declare const Avatar: {
+    (props: AvatarProps): React.JSX.Element;
+    defaultProps: {
+        size: string;
+        flagHidden: boolean;
+        colors: {
+            border: string;
+            shadow: string;
+            dropshadow: string;
+        };
+    };
+};
+export default Avatar;

package/dist/components/Avatar/Avatar.styles.d.ts

@@ -1,11 +1,12 @@
-import { AvatarColorsProps } from './Avatar';
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
-    size?: string | undefined;
-    colors?: AvatarColorsProps | undefined;
-}, never>;
-export declare const AvatarImage: import("styled-components").StyledComponent<"div", any, {
-    src?: string | undefined;
-}, never>;
-export declare const Flag: import("styled-components").StyledComponent<"div", any, {
-    src?: string | undefined;
-}, never>;
+/// <reference types="react" />
+import { AvatarColorsProps } from "./Avatar";
+export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size?: string | undefined;
+    $colors?: AvatarColorsProps | undefined;
+}>>;
+export declare const AvatarImage: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $src?: string | undefined;
+}>>;
+export declare const Flag: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    src?: string | undefined;
+}>>;

package/dist/components/Avatar/index.d.ts

@@ -1,2 +1,2 @@
-import Avatar from "./Avatar";
-export default Avatar;
+import Avatar from "./Avatar";
+export default Avatar;

package/dist/components/Button/Button.d.ts

@@ -1,24 +1,24 @@
-import { ReactHTML } from 'react';
-import { Size, Theme } from './types';
-export declare type BaseProps = {
-    as?: keyof ReactHTML;
-    backgroundColor?: string;
-    height?: number;
-    fullWidth?: boolean;
-    children: any;
-    color?: string;
-    strokeColor?: string;
-    dropShadowColor?: string;
-    shadowColor?: string;
-    fontSize?: string;
-    round?: boolean;
-    disabled?: boolean;
-    wiggle?: boolean;
-    size?: Size;
-    theme?: Theme;
-};
-export declare type ButtonProps = {} & BaseProps;
-declare const Button: import("styled-components").StyledComponent<"div", any, {
-    role: "button";
-} & BaseProps, "role">;
-export default Button;
+import { ReactHTML } from 'react';
+import { Size, Theme } from './types';
+export type BaseProps = {
+    as?: keyof ReactHTML;
+    backgroundColor?: string;
+    height?: number;
+    fullWidth?: boolean;
+    children: any;
+    color?: string;
+    strokeColor?: string;
+    dropShadowColor?: string;
+    shadowColor?: string;
+    fontSize?: string;
+    round?: boolean;
+    disabled?: boolean;
+    wiggle?: boolean;
+    size?: Size;
+    theme?: Theme;
+};
+export type ButtonProps = {} & BaseProps;
+declare const Button: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, BaseProps>>;
+export default Button;

package/dist/components/Button/Button.styles.d.ts

@@ -1,4 +1,5 @@
-import { BaseProps } from './Button';
-export declare const StyledSpanButton: import("styled-components").StyledComponent<"div", any, {
-    role: "button";
-} & BaseProps, "role">;
+/// <reference types="react" />
+import { BaseProps } from './Button';
+export declare const StyledSpanButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, BaseProps>>;

package/dist/components/Button/constants.d.ts

@@ -1,14 +1,14 @@
-import { Size, Theme } from './types';
-interface ITheme {
-    backgroundColor: string;
-    color: string;
-    strokeColor: string;
-    shadowColor: string;
-}
-export declare const THEMES: {
-    [key in Theme]: ITheme;
-};
-export declare const SIZES: {
-    [key in Size]: number;
-};
-export {};
+import { Size, Theme } from './types';
+interface ITheme {
+    backgroundColor: string;
+    color: string;
+    strokeColor: string;
+    shadowColor: string;
+}
+export declare const THEMES: {
+    [key in Theme]: ITheme;
+};
+export declare const SIZES: {
+    [key in Size]: number;
+};
+export {};

package/dist/components/Button/index.d.ts

@@ -1,2 +1,2 @@
-import Button from "./Button";
-export default Button;
+import Button from "./Button";
+export default Button;

package/dist/components/Button/types.d.ts

@@ -1,21 +1,21 @@
-export declare const Themes: {
-    readonly primary: "primary";
-    readonly confirm: "confirm";
-    readonly 'the-pink': "the-pink";
-    readonly purple: "purple";
-    readonly red: "red";
-    readonly orange: "orange";
-    readonly green: "green";
-    readonly yellow: "yellow";
-    readonly white: "white";
-};
-export declare type Theme = (typeof Themes)[keyof typeof Themes];
-export declare const Sizes: {
-    'xx-large': string;
-    'x-large': string;
-    large: string;
-    regular: string;
-    small: string;
-    'x-small': string;
-};
-export declare type Size = (typeof Sizes)[keyof typeof Sizes];
+export declare const Themes: {
+    readonly primary: "primary";
+    readonly confirm: "confirm";
+    readonly 'the-pink': "the-pink";
+    readonly purple: "purple";
+    readonly red: "red";
+    readonly orange: "orange";
+    readonly green: "green";
+    readonly yellow: "yellow";
+    readonly white: "white";
+};
+export type Theme = (typeof Themes)[keyof typeof Themes];
+export declare const Sizes: {
+    'xx-large': string;
+    'x-large': string;
+    large: string;
+    regular: string;
+    small: string;
+    'x-small': string;
+};
+export type Size = (typeof Sizes)[keyof typeof Sizes];

package/dist/components/Button/utils.d.ts

@@ -1,22 +1,22 @@
-export declare const getTextColor: (props: {
-    color?: string;
-    backgroundColor: string;
-}) => string;
-export declare const getTextSize: (props: {
-    height: number;
-} | {
-    fontSize: number;
-}) => string | number;
-export declare const getPadding: (props: {
-    height: number;
-}) => string;
-export declare const getSizeComparedToBase: (props: {
-    height: number;
-}, originalValue: number) => number;
-export declare const getShadows: (props: {
-    backgroundColor: string;
-    shadowColor?: string | undefined;
-    dropShadowColor?: string | undefined;
-    strokeColor?: string | undefined;
-    height: number;
-}) => import("styled-components").FlattenSimpleInterpolation;
+export declare const getTextColor: (props: {
+    color?: string;
+    backgroundColor: string;
+}) => string;
+export declare const getTextSize: (props: {
+    height: number;
+} | {
+    fontSize: number;
+}) => string | number;
+export declare const getPadding: (props: {
+    height: number;
+}) => string;
+export declare const getSizeComparedToBase: (props: {
+    height: number;
+}, originalValue: number) => number;
+export declare const getShadows: (props: {
+    backgroundColor: string;
+    shadowColor?: string;
+    dropShadowColor?: string;
+    strokeColor?: string;
+    height: number;
+}) => import("styled-components").RuleSet<object>;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,24 +1,24 @@
-import { ReactElement } from 'react';
-export interface DatePickerProps {
-    primary: string;
-    autoFocus?: boolean;
-    onChange?: (date: Date) => void;
-    defaultValue?: Date;
-    input?: ReactElement<{
-        onClick: any;
-        ref: any;
-        children: any;
-    }>;
-}
-declare const DatePicker: {
-    (props: DatePickerProps): JSX.Element;
-    defaultProps: {
-        primary: string;
-        autoFocus: boolean;
-        onChange: null;
-        range: boolean;
-        defaultValue: null;
-        input: null;
-    };
-};
-export default DatePicker;
+import React, { ReactElement } from "react";
+export interface DatePickerProps {
+    primary: string;
+    autoFocus?: boolean;
+    onChange?: (date: Date) => void;
+    defaultValue?: Date;
+    input?: ReactElement<{
+        onClick: any;
+        ref: any;
+        children: any;
+    }>;
+}
+declare const DatePicker: {
+    (props: DatePickerProps): React.JSX.Element;
+    defaultProps: {
+        primary: string;
+        autoFocus: boolean;
+        onChange: null;
+        range: boolean;
+        defaultValue: null;
+        input: null;
+    };
+};
+export default DatePicker;

package/dist/components/DatePicker/index.d.ts

@@ -1,2 +1,2 @@
-import DatePicker from './DatePicker';
-export default DatePicker;
+import DatePicker from './DatePicker';
+export default DatePicker;

package/dist/components/Icon/Icon.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-export interface IconProps {
-    name: string;
-    size?: string;
-    fill?: string;
-}
-declare const Icon: {
-    (props: IconProps): JSX.Element;
-    defaultProps: {
-        size: null;
-    };
-};
-export default Icon;
+import React from "react";
+export interface IconProps {
+    name: string;
+    $size?: string;
+    fill?: string;
+}
+declare const Icon: {
+    (props: IconProps): React.JSX.Element;
+    defaultProps: {
+        size: null;
+    };
+};
+export default Icon;