@zonos/amino 4.4.9 → 4.4.10

package/components/alert-dialog/AlertContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./AlertDialog.js");require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("../backdrop/Backdrop.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");var s=i.createContext((function(e){}));exports.AlertContext=s,exports.AlertContextProvider=function(n){var u=n.children,o=e.__read(i.useState(),2),a=o[0],c=o[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],d=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(s.Provider,e.__assign({value:d},{children:[u,a&&r.jsx(t.AlertDialog,{open:q,label:a.label,subtitle:a.subtitle,intent:a.intent,dismissText:a.dismissText,dismissAction:function(){j(!1),a.onDismiss()}})]}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),s=require("react"),i=require("./AlertDialog.js");require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");var t=s.createContext((function(e){}));exports.AlertContext=t,exports.AlertContextProvider=function(u){var o=u.children,n=e.__read(s.useState(),2),a=n[0],c=n[1],l=e.__read(s.useState(!1),2),q=l[0],j=l[1],d=s.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(t.Provider,e.__assign({value:d},{children:[o,a&&r.jsx(i.AlertDialog,{open:q,label:a.label,subtitle:a.subtitle,intent:a.intent,dismissText:a.dismissText,dismissAction:function(){j(!1),a.onDismiss()}})]}))};

package/components/alert-dialog/AlertDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../button/Button.js"),i=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/ExclamationMarkIcon.js"),o=require("../../icons/HelpIcon.js"),u=require("../../icons/WarningIcon.js"),l=require("../../styles/constants/theme.js"),d=require("styled-components");function p(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../backdrop/Backdrop.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var j,m,x,g=p(d),q=g.default.div(j||(j=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),l.theme.space24),_=g.default.div(m||(m=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),l.theme.space24,l.theme.space8),f=g.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),h=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkIcon,{});case"warning":return n.jsx(u.WarningIcon,{});default:return n.jsx(o.HelpIcon,{})}};exports.AlertDialog=function(c){var o=c.themeOverride,u=c.open,l=c.label,d=c.intent,p=c.subtitle,j=c.dismissText,m=c.dismissAction;return n.jsx(i.BaseDialog,e.__assign({width:350,"data-theme":o,open:u,onClose:m},{children:n.jsx(q,{children:n.jsxs(s.VStack,e.__assign({spacing:16},{children:[n.jsx(r.RoundedIcon,e.__assign({intent:d},{children:h(d)})),n.jsxs("div",{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:l})),n.jsx(f,{children:p})]}),n.jsx(_,{children:n.jsx(t.Button,e.__assign({onClick:m,intent:d},{children:j}))})]}))})}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../button/Button.js"),i=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),o=require("../../icons/ExclamationMarkIcon.js"),u=require("../../icons/HelpIcon.js"),c=require("../../icons/WarningIcon.js"),l=require("../../styles/constants/theme.js"),d=require("styled-components");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var p,m,x,g=j(d),q=g.default.div(p||(p=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),l.theme.space24),h=g.default.div(m||(m=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),l.theme.space24,l.theme.space8),_=g.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),f=function(e){switch(e){case"danger":return n.jsx(o.ExclamationMarkIcon,{});case"warning":return n.jsx(c.WarningIcon,{});default:return n.jsx(u.HelpIcon,{})}};exports.AlertDialog=function(o){var u=o.themeOverride,c=o.open,l=o.label,d=o.intent,j=o.subtitle,p=o.dismissText,m=o.dismissAction;return n.jsx(i.BaseDialog,e.__assign({width:350,"data-theme":u,open:c,onClose:m},{children:n.jsx(q,{children:n.jsxs(s.VStack,e.__assign({spacing:16},{children:[n.jsx(r.RoundedIcon,e.__assign({intent:d},{children:f(d)})),n.jsxs("div",{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:l})),n.jsx(_,{children:j})]}),n.jsx(h,{children:n.jsx(t.Button,e.__assign({onClick:m,intent:d},{children:p}))})]}))})}))};

package/components/alert-dialog/useAlert.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-fe391a2e.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("../backdrop/Backdrop.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");exports.useAlert=function(){return e.useContext(r.AlertContext)};
+"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-fe391a2e.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");exports.useAlert=function(){return e.useContext(r.AlertContext)};

package/components/announcement-dialog/AnnouncementDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("../text/Text.js"),s=require("../../styles/constants/theme.js"),a=require("../../utils/hooks/useStorage.js"),i=require("styled-components"),o=require("../dialog/_BaseDialog.js"),l=require("../stack/VStack.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../stack/Stack.js");var c,d,g=u(i),m=g.default(l.VStack)(c||(c=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"])),s.theme.space16,s.theme.space24),h=g.default.div(d||(d=e.__makeTemplateObject(["\n  width: ",";\n  height: auto;\n  margin: ",";\n  margin-bottom: ",";\n"],["\n  width: ",";\n  height: auto;\n  margin: ",";\n  margin-bottom: ",";\n"])),(function(e){return"".concat(e.imageWidth,"px")||"100%"}),(function(e){return e.imageWidth?"0 auto":"unset"}),s.theme.space16),_=r.forwardRef((function(r,s){var i=r.announcementId,l=r.children,u=r.className,c=r.image,d=r.imageWidth,g=r.label,_=r.onClose,j=r.open,p=r.themeOverride,f=r.title,x=r.width,q=r.closeOnBlur,k=r.closeOnEsc,w=r.noBorder,b=e.__read(a.useStorage({key:"announcement:".concat(i),defaultValue:"",type:"local"}),2),y=b[0],v=b[1];return n.jsxs(o.BaseDialog,e.__assign({className:u,"data-theme":p,open:j||!y,width:x,onClose:function(){_&&_(),v("seen")},closeOnBlur:q,closeOnEsc:k,noBorder:w},{children:[n.jsx(h,e.__assign({imageWidth:d},{children:c})),n.jsxs(m,e.__assign({spacing:8},{children:[n.jsx(t.Text,e.__assign({type:"label",color:"blue600"},{children:g})),n.jsx(t.Text,e.__assign({type:"title"},{children:f})),n.jsx("div",e.__assign({ref:s},{children:n.jsx(t.Text,e.__assign({color:"gray800"},{children:l}))}))]}))]}))}));exports.AnnouncementDialog=_;
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("../text/Text.js"),s=require("../../styles/constants/theme.js"),i=require("../../utils/hooks/useStorage.js"),a=require("styled-components"),o=require("../dialog/_BaseDialog.js"),u=require("../stack/VStack.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("react-dom"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("../stack/Stack.js");var c,d,m=l(a),g=m.default(u.VStack)(c||(c=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"])),s.theme.space16,s.theme.space24),h=m.default.div(d||(d=e.__makeTemplateObject(["\n  width: ",";\n  height: auto;\n  margin: ",";\n  margin-bottom: ",";\n"],["\n  width: ",";\n  height: auto;\n  margin: ",";\n  margin-bottom: ",";\n"])),(function(e){return"".concat(e.imageWidth,"px")||"100%"}),(function(e){return e.imageWidth?"0 auto":"unset"}),s.theme.space16),_=t.forwardRef((function(t,s){var a=t.announcementId,u=t.children,l=t.className,c=t.image,d=t.imageWidth,m=t.label,_=t.onClose,j=t.open,p=t.themeOverride,f=t.title,q=t.width,x=t.closeOnBlur,k=t.closeOnEsc,w=t.noBorder,b=e.__read(i.useStorage({key:"announcement:".concat(a),defaultValue:"",type:"local"}),2),y=b[0],v=b[1];return r.jsxs(o.BaseDialog,e.__assign({className:l,"data-theme":p,open:j||!y,width:q,onClose:function(){_&&_(),v("seen")},closeOnBlur:x,closeOnEsc:k,noBorder:w},{children:[r.jsx(h,e.__assign({imageWidth:d},{children:c})),r.jsxs(g,e.__assign({spacing:8},{children:[r.jsx(n.Text,e.__assign({type:"label",color:"blue600"},{children:m})),r.jsx(n.Text,e.__assign({type:"title"},{children:f})),r.jsx("div",e.__assign({ref:s},{children:r.jsx(n.Text,e.__assign({color:"gray800"},{children:u}))}))]}))]}))}));exports.AnnouncementDialog=_;

package/components/confirm-dialog/ConfirmContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("./ConfirmDialog.js");require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("../backdrop/Backdrop.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");var t=i.createContext((function(e){}));exports.ConfirmContext=t,exports.ConfirmContextProvider=function(s){var o=s.children,u=e.__read(i.useState(),2),c=u[0],a=u[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],d=i.useCallback((function(e){a(e),j(!0)}),[]);return r.jsxs(t.Provider,e.__assign({value:d},{children:[o,c&&r.jsx(n.ConfirmDialog,{open:q,label:c.label,subtitle:c.subtitle,intent:c.intent,dismissText:c.dismissText,confirmText:c.confirmText,dismissAction:function(){j(!1),c.onConfirm(!1)},confirmAction:function(){j(!1),c.onConfirm(!0)}})]}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),s=require("./ConfirmDialog.js");require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");var t=i.createContext((function(e){}));exports.ConfirmContext=t,exports.ConfirmContextProvider=function(n){var o=n.children,u=e.__read(i.useState(),2),a=u[0],c=u[1],q=e.__read(i.useState(!1),2),l=q[0],j=q[1],m=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(t.Provider,e.__assign({value:m},{children:[o,a&&r.jsx(s.ConfirmDialog,{open:l,label:a.label,subtitle:a.subtitle,intent:a.intent,dismissText:a.dismissText,confirmText:a.confirmText,dismissAction:function(){j(!1),a.onConfirm(!1)},confirmAction:function(){j(!1),a.onConfirm(!0)}})]}))};

package/components/confirm-dialog/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../button/Button.js"),i=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/ExclamationMarkIcon.js"),o=require("../../icons/HelpIcon.js"),u=require("../../icons/WarningIcon.js"),l=require("../../styles/constants/theme.js"),d=require("styled-components");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../backdrop/Backdrop.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var p,m,x,g=j(d),f=g.default.div(p||(p=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),l.theme.space24),_=g.default.div(m||(m=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),l.theme.space24,l.theme.space8),q=g.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),h=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkIcon,{});case"warning":return n.jsx(u.WarningIcon,{});default:return n.jsx(o.HelpIcon,{})}};exports.ConfirmDialog=function(c){var o=c.themeOverride,u=c.open,l=c.label,d=c.intent,j=c.subtitle,p=c.confirmText,m=c.dismissText,x=c.confirmAction,g=c.dismissAction;return n.jsx(i.BaseDialog,e.__assign({width:350,"data-theme":o,open:u},{children:n.jsx(f,{children:n.jsxs(s.VStack,e.__assign({spacing:16},{children:[n.jsx(r.RoundedIcon,e.__assign({intent:d},{children:h(d)})),n.jsxs("div",{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:l})),j&&n.jsx(q,{children:j})]}),n.jsxs(_,{children:[n.jsx(t.Button,e.__assign({size:"md",onClick:g,intent:"outline"},{children:m})),n.jsx(t.Button,e.__assign({size:"md",onClick:x,intent:d},{children:p}))]})]}))})}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),i=require("../button/Button.js"),t=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),o=require("../../icons/ExclamationMarkIcon.js"),u=require("../../icons/HelpIcon.js"),c=require("../../icons/WarningIcon.js"),l=require("../../styles/constants/theme.js"),d=require("styled-components");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,p,x,g=j(d),q=g.default.div(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),l.theme.space24),f=g.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),l.theme.space24,l.theme.space8),h=g.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),_=function(e){switch(e){case"danger":return n.jsx(o.ExclamationMarkIcon,{});case"warning":return n.jsx(c.WarningIcon,{});default:return n.jsx(u.HelpIcon,{})}};exports.ConfirmDialog=function(o){var u=o.themeOverride,c=o.open,l=o.label,d=o.intent,j=o.subtitle,m=o.confirmText,p=o.dismissText,x=o.confirmAction,g=o.dismissAction;return n.jsx(t.BaseDialog,e.__assign({width:350,"data-theme":u,open:c},{children:n.jsx(q,{children:n.jsxs(s.VStack,e.__assign({spacing:16},{children:[n.jsx(r.RoundedIcon,e.__assign({intent:d},{children:_(d)})),n.jsxs("div",{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:l})),j&&n.jsx(h,{children:j})]}),n.jsxs(f,{children:[n.jsx(i.Button,e.__assign({size:"md",onClick:g,intent:"outline"},{children:p})),n.jsx(i.Button,e.__assign({size:"md",onClick:x,intent:d},{children:m}))]})]}))})}))};

package/components/confirm-dialog/useConfirm.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-fe391a2e.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("../backdrop/Backdrop.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};
+"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-fe391a2e.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};

package/components/cover-sheet/CoverSheet.d.ts

@@ -1,4 +1,5 @@
 import { type ReactNode } from 'react';
+import type { Theme } from "../../types";
 export type CoverSheetProps = {
     children: ReactNode;
     className?: string;
@@ -8,5 +9,6 @@ export type CoverSheetProps = {
     /** used for setting id of the wrapper of where the action will be located */
     actionWrapperId?: string;
     actions?: ReactNode;
+    themeOverride?: Theme;
 };
-export declare const CoverSheet: ({ className, open, label, onClose, children, actionWrapperId, actions, }: CoverSheetProps) => JSX.Element | null;
+export declare const CoverSheet: ({ className, open, label, onClose, children, actionWrapperId, actions, themeOverride, }: CoverSheetProps) => import("react").ReactPortal | null;

package/components/cover-sheet/CoverSheet.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("framer-motion"),o=require("../text/Text.js"),r=require("../../icons/RemoveIcon.js"),a=require("../../styles/constants/theme.js"),s=require("styled-components"),c=require("../button/Button.js"),d=require("./CoverSheetActions.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-dom"),require("../stack/HStack.js"),require("../stack/Stack.js");var l,p,h,m,g,b=u(s),x=b.default(i.motion.div)(l||(l=e.__makeTemplateObject(["\n  z-index: 990;\n  outline: none;\n  overflow-y: auto;\n  box-sizing: border-box;\n  overscroll-behavior: contain;\n  background: ",";\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n\n  @media print {\n    height: unset;\n    min-height: 100vh;\n    position: absolute;\n  }\n"],["\n  z-index: 990;\n  outline: none;\n  overflow-y: auto;\n  box-sizing: border-box;\n  overscroll-behavior: contain;\n  background: ",";\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n\n  @media print {\n    height: unset;\n    min-height: 100vh;\n    position: absolute;\n  }\n"])),a.theme.pageBackground),f=b.default(c.Button)(p||(p=e.__makeTemplateObject(["\n  margin-right: ",";\n"],["\n  margin-right: ",";\n"])),a.theme.space24),j=b.default(o.Text)(h||(h=e.__makeTemplateObject(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"]))),v=b.default.header(m||(m=e.__makeTemplateObject(["\n  background: ",";\n  border-bottom: ",";\n\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  height: 64px;\n  position: sticky;\n  top: 0;\n  z-index: 99;\n\n  @media print {\n    display: none;\n  }\n"],["\n  background: ",";\n  border-bottom: ",";\n\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  height: 64px;\n  position: sticky;\n  top: 0;\n  z-index: 99;\n\n  @media print {\n    display: none;\n  }\n"])),a.theme.surfaceColor,a.theme.border,a.theme.space16,a.theme.space24),_=b.default.div(g||(g=e.__makeTemplateObject(["\n  padding: ",";\n"],["\n  padding: ",";\n"])),a.theme.space24);exports.CoverSheet=function(o){var a=o.className,s=o.open,c=o.label,u=o.onClose,l=o.children,p=o.actionWrapperId,h=void 0===p?"__cover-sheet-actions":p,m=o.actions,g=e.__read(t.useState(!1),2),b=g[0],q=g[1];return t.useEffect((function(){q(!0)}),[]),t.useEffect((function(){"undefined"!=typeof document&&document.querySelectorAll("[id='".concat(h,"']")).length>1&&console.error('Duplicate id "'.concat(h,'" detected in "CoverSheet" component. Please set "actionWrapperId" to a unique id.'))}),[h]),b?n.jsx(i.AnimatePresence,{children:s&&n.jsxs(x,e.__assign({className:a,transition:{ease:[.4,0,.2,1],duration:.35},initial:{opacity:0,translateY:10},animate:{opacity:1,translateY:0},exit:{opacity:0,translateY:5}},{children:[n.jsxs(v,{children:[n.jsx(f,{icon:n.jsx(r.RemoveIcon,{size:20}),onClick:u}),n.jsx(j,e.__assign({type:"header"},{children:c})),n.jsx("div",e.__assign({id:h},{children:m&&n.jsx(d.CoverSheetActions,e.__assign({coverSheetActionId:h},{children:m}))}))]}),n.jsx(_,{children:l})]}))}):null};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),o=require("framer-motion"),r=require("../text/Text.js"),s=require("../../icons/RemoveIcon.js"),a=require("../../styles/constants/theme.js"),u=require("../../utils/hooks/useAminoTheme.js"),c=require("styled-components"),d=require("../button/Button.js"),l=require("./CoverSheetActions.js");function h(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../stack/HStack.js"),require("../stack/Stack.js");var m,p,g,b,f,j=h(c),v=j.default(o.motion.div)(m||(m=e.__makeTemplateObject(["\n  z-index: 990;\n  outline: none;\n  overflow-y: auto;\n  box-sizing: border-box;\n  overscroll-behavior: contain;\n  background: ",";\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n  color: ",";\n\n  @media print {\n    height: unset;\n    min-height: 100vh;\n    position: absolute;\n  }\n"],["\n  z-index: 990;\n  outline: none;\n  overflow-y: auto;\n  box-sizing: border-box;\n  overscroll-behavior: contain;\n  background: ",";\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n  color: ",";\n\n  @media print {\n    height: unset;\n    min-height: 100vh;\n    position: absolute;\n  }\n"])),a.theme.pageBackground,a.theme.textColor),x=j.default(d.Button)(p||(p=e.__makeTemplateObject(["\n  margin-right: ",";\n"],["\n  margin-right: ",";\n"])),a.theme.space24),q=j.default(r.Text)(g||(g=e.__makeTemplateObject(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"]))),_=j.default.header(b||(b=e.__makeTemplateObject(["\n  border-bottom: ",";\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  height: 64px;\n  position: sticky;\n  top: 0;\n  z-index: 99;\n\n  @media print {\n    display: none;\n  }\n"],["\n  border-bottom: ",";\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  height: 64px;\n  position: sticky;\n  top: 0;\n  z-index: 99;\n\n  @media print {\n    display: none;\n  }\n"])),a.theme.border,a.theme.space16,a.theme.space24),y=j.default.div(f||(f=e.__makeTemplateObject(["\n  padding: ",";\n"],["\n  padding: ",";\n"])),a.theme.space24);exports.CoverSheet=function(r){var a=r.className,c=r.open,d=r.label,h=r.onClose,m=r.children,p=r.actionWrapperId,g=void 0===p?"__cover-sheet-actions":p,b=r.actions,f=r.themeOverride,j=u.useAminoTheme().aminoTheme;if(t.useEffect((function(){"undefined"!=typeof document&&document.querySelectorAll("[id='".concat(g,"']")).length>1&&console.error('Duplicate id "'.concat(g,'" detected in "CoverSheet" component. Please set "actionWrapperId" to a unique id.'))}),[g]),t.useEffect((function(){(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=c?"hidden":"auto")}),[c]),"undefined"!=typeof document){var k=document.querySelector("body");if(k)return i.createPortal(n.jsx(o.AnimatePresence,{children:c&&n.jsxs(v,e.__assign({className:a,"data-theme":f||j,transition:{ease:[.4,0,.2,1],duration:.35},initial:{opacity:0,translateY:10},animate:{opacity:1,translateY:0},exit:{opacity:0,translateY:5}},{children:[n.jsxs(_,{children:[n.jsx(x,{icon:n.jsx(s.RemoveIcon,{size:20}),onClick:h}),n.jsx(q,e.__assign({type:"header"},{children:d})),n.jsx("div",e.__assign({id:g},{children:b&&n.jsx(l.CoverSheetActions,e.__assign({coverSheetActionId:g},{children:b}))}))]}),n.jsx(y,{children:m})]}))}),k)}return null};

package/components/dialog/Dialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("../text/Text.js"),r=require("../../icons/RemoveCircleDuotoneIcon.js"),i=require("../../styles/constants/theme.js"),o=require("styled-components"),s=require("../button/Button.js"),l=require("./_BaseDialog.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../backdrop/Backdrop.js");var d=c(o),h=d.default.div(k||(k=e.__makeTemplateObject(["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),i.theme.space24,i.theme.space16,i.theme.radius12,i.theme.radius12,i.theme.space12),m=d.default.div(v||(v=e.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n    font-weight: 700;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n    font-weight: 700;\n  }\n"]))),p=d.default(s.Button)(w||(w=e.__makeTemplateObject(["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"],["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"])),i.theme.gray200,i.theme.gray800,i.theme.gray300,i.theme.gray400),g=d.default.div(x||(x=e.__makeTemplateObject(["\n  flex-grow: 1;\n  display: flex;\n"],["\n  flex-grow: 1;\n  display: flex;\n"]))),u=d.default(g)(y||(y=e.__makeTemplateObject(["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"])),i.theme.space8),f=d.default(g)(j||(j=e.__makeTemplateObject(["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"])),i.theme.space8),b=d.default.div(_||(_=e.__makeTemplateObject(["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),i.theme.space24,i.theme.radius12,i.theme.radius12,i.theme.space8);o.css(T||(T=e.__makeTemplateObject(["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position: 0 0, 100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"],["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position: 0 0, 100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"])));var k,v,w,x,y,j,_,T,q,O=d.default.div(q||(q=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"])),i.theme.space8,i.theme.space24),z=t.forwardRef((function(t,i){var o=t.actions,s=t.children,c=t.className,d=t.label,g=t.subtitle,k=t.leftActions,v=t.onClose,w=t.open,x=t.themeOverride,y=t.width,j=t.closeOnBlur,_=t.closeOnEsc,T=t.noBorder;return n.jsxs(l.BaseDialog,e.__assign({className:c,"data-theme":x,open:w,width:y,onClose:v,closeOnBlur:j,closeOnEsc:_,noBorder:T},{children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:d})),n.jsx(p,{noRipple:!0,onClick:v,icon:n.jsx(r.RemoveCircleDuotoneIcon,{size:24})})]}),g&&n.jsx(a.Text,e.__assign({type:"subtitle"},{children:g}))]}),n.jsx(O,e.__assign({ref:i},{children:s})),(o||k)&&n.jsxs(b,{children:[k&&n.jsx(u,{children:k}),o&&n.jsx(f,{children:o})]})]}))}));exports.Dialog=z;
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("../text/Text.js"),r=require("../../icons/RemoveCircleDuotoneIcon.js"),i=require("../../styles/constants/theme.js"),o=require("styled-components"),s=require("../button/Button.js"),l=require("./_BaseDialog.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js");var d=c(o),h=d.default.div(k||(k=e.__makeTemplateObject(["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),i.theme.space24,i.theme.space16,i.theme.radius12,i.theme.radius12,i.theme.space12),m=d.default.div(v||(v=e.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n    font-weight: 700;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n    font-weight: 700;\n  }\n"]))),p=d.default(s.Button)(w||(w=e.__makeTemplateObject(["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"],["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"])),i.theme.gray200,i.theme.gray800,i.theme.gray300,i.theme.gray400),u=d.default.div(x||(x=e.__makeTemplateObject(["\n  flex-grow: 1;\n  display: flex;\n"],["\n  flex-grow: 1;\n  display: flex;\n"]))),g=d.default(u)(j||(j=e.__makeTemplateObject(["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"])),i.theme.space8),f=d.default(u)(y||(y=e.__makeTemplateObject(["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"])),i.theme.space8),b=d.default.div(_||(_=e.__makeTemplateObject(["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),i.theme.space24,i.theme.radius12,i.theme.radius12,i.theme.space8);o.css(T||(T=e.__makeTemplateObject(["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position: 0 0, 100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"],["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position: 0 0, 100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"])));var k,v,w,x,j,y,_,T,q,O=d.default.div(q||(q=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"])),i.theme.space8,i.theme.space24),z=t.forwardRef((function(t,i){var o=t.actions,s=t.children,c=t.className,d=t.label,u=t.subtitle,k=t.leftActions,v=t.onClose,w=t.open,x=t.themeOverride,j=t.width,y=t.closeOnBlur,_=t.closeOnEsc,T=t.noBorder;return n.jsxs(l.BaseDialog,e.__assign({className:c,"data-theme":x,open:w,width:j,onClose:v,closeOnBlur:y,closeOnEsc:_,noBorder:T},{children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:d})),n.jsx(p,{noRipple:!0,onClick:v,icon:n.jsx(r.RemoveCircleDuotoneIcon,{size:24})})]}),u&&n.jsx(a.Text,e.__assign({type:"subtitle"},{children:u}))]}),n.jsx(O,e.__assign({ref:i},{children:s})),(o||k)&&n.jsxs(b,{children:[k&&n.jsx(g,{children:k}),o&&n.jsx(f,{children:o})]})]}))}));exports.Dialog=z;

package/components/dialog/_BaseDialog.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import type { Theme } from "../../types/Theme";
 export type BaseDialogProps = {
     children: ReactNode;
@@ -11,4 +11,4 @@ export type BaseDialogProps = {
     closeOnEsc?: boolean;
     noBorder?: boolean;
 };
-export declare const BaseDialog: ({ children, className, open, themeOverride, width, onClose, closeOnBlur, closeOnEsc, noBorder, }: BaseDialogProps) => JSX.Element | null;
+export declare const BaseDialog: ({ children, className, open, themeOverride, width, onClose, closeOnBlur, closeOnEsc, noBorder, }: BaseDialogProps) => React.ReactPortal | null;

package/components/dialog/_BaseDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),i=require("react"),t=require("framer-motion"),o=require("../backdrop/Backdrop.js"),r=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var d,s,c=a(require("styled-components")),l=c.default.div(d||(d=e.__makeTemplateObject(["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  z-index: 1000;\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ",";\n"],["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  z-index: 1000;\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ",";\n"])),r.theme.textColor),u=c.default(t.motion.div)(s||(s=e.__makeTemplateObject(["\n  position: fixed;\n  z-index: 1001;\n  background: ",";\n  width: ","px;\n  max-height: 90vh;\n  border-radius: ",";\n  outline: none;\n  box-shadow: ",";\n  border: ",";\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"],["\n  position: fixed;\n  z-index: 1001;\n  background: ",";\n  width: ","px;\n  max-height: 90vh;\n  border-radius: ",";\n  outline: none;\n  box-shadow: ",";\n  border: ",";\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"])),r.theme.surfaceColor,(function(e){return e.width}),r.theme.radius12,r.theme.v3ShadowXxl,(function(e){return!e.noBorder&&r.theme.border}));exports.BaseDialog=function(r){var a=r.children,d=r.className,s=r.open,c=r.themeOverride,h=r.width,f=r.onClose,x=r.closeOnBlur,p=void 0===x||x,m=r.closeOnEsc,v=void 0===m||m,y=r.noBorder,b=void 0!==y&&y,w=e.__read(i.useState(!1),2),g=w[0],_=w[1];i.useEffect((function(){_(!0)}),[]);return g?n.jsxs(t.AnimatePresence,{children:[s&&n.jsx(o.Backdrop,{initial:{opacity:0},animate:{opacity:.65},exit:{opacity:0},transition:{duration:.3},"data-theme":c},"dialog-backdrop"),s&&n.jsx(l,e.__assign({"data-theme":c,onClick:function(){return f&&p&&f()},onKeyDown:function(e){f&&v&&"Escape"===e.key&&f()},tabIndex:-1},{children:n.jsx(u,e.__assign({className:d,transition:{ease:[.4,0,.2,1],duration:.3},initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},width:h||444,noBorder:b,onClick:function(e){e.stopPropagation()}},{children:a}),"dialog")}))]}):null};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),o=require("react"),t=require("react-dom"),i=require("framer-motion"),r=require("../backdrop/Backdrop.js"),a=require("../../styles/constants/theme.js"),d=require("../../utils/hooks/useAminoTheme.js"),s=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js");var u,c,h=l(s),m=h.default.div(u||(u=e.__makeTemplateObject(["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  z-index: 1000;\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ",";\n"],["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  z-index: 1000;\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ",";\n"])),a.theme.textColor),f=h.default(i.motion.div)(c||(c=e.__makeTemplateObject(["\n  position: relative;\n  z-index: 1001;\n  background: ",";\n  width: ","px;\n  max-height: 90vh;\n  border-radius: ",";\n  outline: none;\n  box-shadow: ",";\n  border: ",";\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"],["\n  position: relative;\n  z-index: 1001;\n  background: ",";\n  width: ","px;\n  max-height: 90vh;\n  border-radius: ",";\n  outline: none;\n  box-shadow: ",";\n  border: ",";\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"])),a.theme.surfaceColor,(function(e){return e.width}),a.theme.radius12,a.theme.v3ShadowXxl,(function(e){return!e.noBorder&&a.theme.border}));exports.BaseDialog=function(a){var s=a.children,l=a.className,u=a.open,c=a.themeOverride,h=a.width,p=a.onClose,x=a.closeOnBlur,v=void 0===x||x,y=a.closeOnEsc,b=void 0===y||y,w=a.noBorder,g=void 0!==w&&w,j=d.useAminoTheme().aminoTheme,k=o.useRef(null);return o.useEffect((function(){var e,n;(null===(e=k.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(n=k.current)||void 0===n||n.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=u?"hidden":"auto")}),[u]),"undefined"!=typeof document?t.createPortal(n.jsxs(i.AnimatePresence,{children:[u&&n.jsx(r.Backdrop,{initial:{opacity:0},animate:{opacity:.65},exit:{opacity:0},transition:{duration:.3},"data-theme":c||j},"dialog-backdrop"),u&&n.jsx(m,e.__assign({"data-theme":c||j,onClick:function(){return p&&v&&p()},onKeyDown:function(e){p&&b&&"Escape"===e.key&&p()},tabIndex:-1},{children:n.jsx(f,e.__assign({className:l,transition:{ease:[.4,0,.2,1],duration:.3},initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},width:h||444,noBorder:g,onClick:function(e){e.stopPropagation()}},{children:s}),"dialog")}))]}),document.querySelector("body")):null};

package/components/lightbox/LightBox.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),s=require("../dialog/_BaseDialog.js");require("react"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../../styles/constants/theme.js"),require("styled-components");exports.LightBox=function(o){var i=o.children,t=o.className,n=o.onClose,a=o.open,c=o.themeOverride,l=o.width,u=o.withBorder,d=void 0!==u&&u,h=o.closeOnBlur,m=o.closeOnEsc;return r.jsx(s.BaseDialog,e.__assign({className:t,"data-theme":c,open:a,width:l,noBorder:!d,onClose:n,closeOnBlur:h,closeOnEsc:m},{children:i}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),s=require("../dialog/_BaseDialog.js");require("react"),require("react-dom"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js");exports.LightBox=function(o){var i=o.children,t=o.className,u=o.onClose,a=o.open,l=o.themeOverride,n=o.width,c=o.withBorder,d=void 0!==c&&c,q=o.closeOnBlur,h=o.closeOnEsc;return r.jsx(s.BaseDialog,e.__assign({className:t,"data-theme":l,open:a,width:n,noBorder:!d,onClose:u,closeOnBlur:q,closeOnEsc:h},{children:i}))};

package/components/mdx/mdx-image/MdxImage.js

@@ -1 +1 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),i=require("../../lightbox/LightBox.js"),t=require("../../../styles/constants/theme.js"),o=require("styled-components");function a(n){return n&&n.__esModule?n:{default:n}}require("../../dialog/_BaseDialog.js"),require("framer-motion"),require("../../backdrop/Backdrop.js");var d,s,u=a(o),l=u.default.div(d||(d=n.__makeTemplateObject(["\n  position: relative;\n  margin: 0 auto;\n  display: block;\n  margin: ",";\n  cursor: pointer;\n  width: 100%;\n\n  ::after {\n    content: '';\n    display: ",";\n    background: linear-gradient(90deg, #fdff87, #ff9b3f, #00e0ff, #83ff5f);\n    position: absolute;\n    bottom: 20px;\n    left: -50px;\n    right: -50px;\n    margin: auto;\n    height: 50%;\n    width: 100%;\n    z-index: -1;\n    filter: blur(50px);\n  }\n\n  img {\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: ",";\n  }\n"],["\n  position: relative;\n  margin: 0 auto;\n  display: block;\n  margin: ",";\n  cursor: pointer;\n  width: 100%;\n\n  ::after {\n    content: '';\n    display: ",";\n    background: linear-gradient(90deg, #fdff87, #ff9b3f, #00e0ff, #83ff5f);\n    position: absolute;\n    bottom: 20px;\n    left: -50px;\n    right: -50px;\n    margin: auto;\n    height: 50%;\n    width: 100%;\n    z-index: -1;\n    filter: blur(50px);\n  }\n\n  img {\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: ",";\n  }\n"])),(function(n){return n.addMargin&&"32px 0"}),(function(n){return n.showColor?"block":"none"}),(function(n){return n.shadow&&t.theme.v3ShadowLarge})),f=u.default(i.LightBox)(s||(s=n.__makeTemplateObject(["\n  width: 100%;\n  max-width: 700px;\n  margin: 32px;\n"],["\n  width: 100%;\n  max-width: 700px;\n  margin: 32px;\n"]))),g=function(i){var t=i.addMargin,o=i.color,a=i.shadow,d=i.children,s=n.__read(r.useState(!1),2),u=s[0],g=s[1];return e.jsxs(e.Fragment,{children:[e.jsx(l,n.__assign({addMargin:t,showColor:o,onClick:function(){return g(!0)},shadow:a},{children:d})),e.jsx(f,n.__assign({open:u,onClose:function(){return g(!1)}},{children:d}))]})};g.stableName="MdxImage",exports.MdxImage=g;
+"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),i=require("../../lightbox/LightBox.js"),t=require("../../../styles/constants/theme.js"),o=require("styled-components");function a(n){return n&&n.__esModule?n:{default:n}}require("../../dialog/_BaseDialog.js"),require("react-dom"),require("framer-motion"),require("../../backdrop/Backdrop.js"),require("../../../utils/hooks/useAminoTheme.js"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("swr"),require("../../../utils/hooks/useSwr.js");var s,d,u=a(o),l=u.default.div(s||(s=n.__makeTemplateObject(["\n  position: relative;\n  margin: 0 auto;\n  display: block;\n  margin: ",";\n  cursor: pointer;\n  width: 100%;\n\n  ::after {\n    content: '';\n    display: ",";\n    background: linear-gradient(90deg, #fdff87, #ff9b3f, #00e0ff, #83ff5f);\n    position: absolute;\n    bottom: 20px;\n    left: -50px;\n    right: -50px;\n    margin: auto;\n    height: 50%;\n    width: 100%;\n    z-index: -1;\n    filter: blur(50px);\n  }\n\n  img {\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: ",";\n  }\n"],["\n  position: relative;\n  margin: 0 auto;\n  display: block;\n  margin: ",";\n  cursor: pointer;\n  width: 100%;\n\n  ::after {\n    content: '';\n    display: ",";\n    background: linear-gradient(90deg, #fdff87, #ff9b3f, #00e0ff, #83ff5f);\n    position: absolute;\n    bottom: 20px;\n    left: -50px;\n    right: -50px;\n    margin: auto;\n    height: 50%;\n    width: 100%;\n    z-index: -1;\n    filter: blur(50px);\n  }\n\n  img {\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: ",";\n  }\n"])),(function(n){return n.addMargin&&"32px 0"}),(function(n){return n.showColor?"block":"none"}),(function(n){return n.shadow&&t.theme.v3ShadowLarge})),f=u.default(i.LightBox)(d||(d=n.__makeTemplateObject(["\n  width: 100%;\n  max-width: 700px;\n  margin: 32px;\n"],["\n  width: 100%;\n  max-width: 700px;\n  margin: 32px;\n"]))),h=function(i){var t=i.addMargin,o=i.color,a=i.shadow,s=i.children,d=n.__read(r.useState(!1),2),u=d[0],h=d[1];return e.jsxs(e.Fragment,{children:[e.jsx(l,n.__assign({addMargin:t,showColor:o,onClick:function(){return h(!0)},shadow:a},{children:s})),e.jsx(f,n.__assign({open:u,onClose:function(){return h(!1)}},{children:s}))]})};h.stableName="MdxImage",exports.MdxImage=h;

package/components/mdx/mdx-video-guide/MdxVideoGuide.js

@@ -1 +1 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("../../dialog/_BaseDialog.js"),r=require("../../../icons/PlayCircleDuotoneIcon.js"),i=require("../../../styles/constants/theme.js"),a=require("styled-components");function s(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("../../backdrop/Backdrop.js"),require("../../../icons/icon-base/_IconBase.js");var l,c,u,d=s(a),p=d.default(o.BaseDialog)(l||(l=n.__makeTemplateObject(["\n  background: black;\n  border: 0;\n"],["\n  background: black;\n  border: 0;\n"]))),b=d.default.button(c||(c=n.__makeTemplateObject(["\n  width: 100%;\n  height: 150px;\n  background: ",";\n  background-size: cover;\n  color: ",";\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  margin-bottom: 16px;\n  transition: all 150ms ease-in-out;\n\n  svg {\n    transition: all 250ms ease-in-out;\n    transform: scale(1);\n  }\n\n  :before {\n    transition: all 250ms ease-in-out;\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ",";\n    opacity: 0.85;\n  }\n\n  :hover {\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n\n    svg {\n      transform: scale(1.1);\n    }\n\n    :before {\n      opacity: 0.8;\n    }\n  }\n"],["\n  width: 100%;\n  height: 150px;\n  background: ",";\n  background-size: cover;\n  color: ",";\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  margin-bottom: 16px;\n  transition: all 150ms ease-in-out;\n\n  svg {\n    transition: all 250ms ease-in-out;\n    transform: scale(1);\n  }\n\n  :before {\n    transition: all 250ms ease-in-out;\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ",";\n    opacity: 0.85;\n  }\n\n  :hover {\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n\n    svg {\n      transform: scale(1.1);\n    }\n\n    :before {\n      opacity: 0.8;\n    }\n  }\n"])),(function(n){var e=n.thumbnail;return e&&"url(".concat(e,") center center no-repeat")}),i.theme.gray0,i.theme.gray1200),m=d.default.div(u||(u=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n\n  b {\n    font-weight: 600;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n\n  b {\n    font-weight: 600;\n  }\n"]))),g=function(n){var e,t=n.url,o=null===(e=null==t?void 0:t.match(/^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#\\&?]*).*/))||void 0===e?void 0:e.pop();return{thumbnail:11===(null==o?void 0:o.length)?"https://img.youtube.com/vi/".concat(o,"/0.jpg"):"",videoUrl:"https://www.youtube.com/embed/".concat(o,"?enablejsapi=1")}};exports.MdxVideoGuide=function(o){var i=o.url,a=o.xtitle,s=g({url:i}),l=s.thumbnail,c=s.videoUrl,u=t.useRef(null),d=n.__read(t.useState(!1),2),h=d[0],f=d[1];return t.useEffect((function(){var n,e=null===(n=null==u?void 0:u.current)||void 0===n?void 0:n.contentWindow;e&&(h?e.postMessage('{"event":"command","func":"playVideo","args":""}',"*"):e.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*"))}),[u,h]),e.jsxs(e.Fragment,{children:[e.jsx(b,n.__assign({thumbnail:l,onClick:function(n){n.stopPropagation(),f(!0)}},{children:e.jsxs(m,{children:[e.jsx(r.PlayCircleDuotoneIcon,{color:"gray800",secondaryColor:"gray100"}),e.jsx("b",{children:"Watch the video guide"})]})})),e.jsx(p,n.__assign({width:1080,open:h,onClose:function(){return f(!1)},closeOnBlur:!0,closeOnEsc:!0},{children:e.jsx("iframe",{ref:u,src:c,title:a,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,width:"1080",height:"608"})}))]})},exports.getYoutubeVideo=g;
+"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("../../dialog/_BaseDialog.js"),r=require("../../../icons/PlayCircleDuotoneIcon.js"),i=require("../../../styles/constants/theme.js"),a=require("styled-components");function s(n){return n&&n.__esModule?n:{default:n}}require("react-dom"),require("framer-motion"),require("../../backdrop/Backdrop.js"),require("../../../utils/hooks/useAminoTheme.js"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("swr"),require("../../../utils/hooks/useSwr.js"),require("../../../icons/icon-base/_IconBase.js");var l,u,c,d=s(a),p=d.default(o.BaseDialog)(l||(l=n.__makeTemplateObject(["\n  background: black;\n  border: 0;\n"],["\n  background: black;\n  border: 0;\n"]))),m=d.default.button(u||(u=n.__makeTemplateObject(["\n  width: 100%;\n  height: 150px;\n  background: ",";\n  background-size: cover;\n  color: ",";\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  margin-bottom: 16px;\n  transition: all 150ms ease-in-out;\n\n  svg {\n    transition: all 250ms ease-in-out;\n    transform: scale(1);\n  }\n\n  :before {\n    transition: all 250ms ease-in-out;\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ",";\n    opacity: 0.85;\n  }\n\n  :hover {\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n\n    svg {\n      transform: scale(1.1);\n    }\n\n    :before {\n      opacity: 0.8;\n    }\n  }\n"],["\n  width: 100%;\n  height: 150px;\n  background: ",";\n  background-size: cover;\n  color: ",";\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  margin-bottom: 16px;\n  transition: all 150ms ease-in-out;\n\n  svg {\n    transition: all 250ms ease-in-out;\n    transform: scale(1);\n  }\n\n  :before {\n    transition: all 250ms ease-in-out;\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ",";\n    opacity: 0.85;\n  }\n\n  :hover {\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n\n    svg {\n      transform: scale(1.1);\n    }\n\n    :before {\n      opacity: 0.8;\n    }\n  }\n"])),(function(n){var e=n.thumbnail;return e&&"url(".concat(e,") center center no-repeat")}),i.theme.gray0,i.theme.gray1200),b=d.default.div(c||(c=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n\n  b {\n    font-weight: 600;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n\n  b {\n    font-weight: 600;\n  }\n"]))),g=function(n){var e,t=n.url,o=null===(e=null==t?void 0:t.match(/^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#\\&?]*).*/))||void 0===e?void 0:e.pop();return{thumbnail:11===(null==o?void 0:o.length)?"https://img.youtube.com/vi/".concat(o,"/0.jpg"):"",videoUrl:"https://www.youtube.com/embed/".concat(o,"?enablejsapi=1")}};exports.MdxVideoGuide=function(o){var i=o.url,a=o.xtitle,s=g({url:i}),l=s.thumbnail,u=s.videoUrl,c=t.useRef(null),d=n.__read(t.useState(!1),2),h=d[0],f=d[1];return t.useEffect((function(){var n,e=null===(n=null==c?void 0:c.current)||void 0===n?void 0:n.contentWindow;e&&(h?e.postMessage('{"event":"command","func":"playVideo","args":""}',"*"):e.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*"))}),[c,h]),e.jsxs(e.Fragment,{children:[e.jsx(m,n.__assign({thumbnail:l,onClick:function(n){n.stopPropagation(),f(!0)}},{children:e.jsxs(b,{children:[e.jsx(r.PlayCircleDuotoneIcon,{color:"gray800",secondaryColor:"gray100"}),e.jsx("b",{children:"Watch the video guide"})]})})),e.jsx(p,n.__assign({width:1080,open:h,onClose:function(){return f(!1)},closeOnBlur:!0,closeOnEsc:!0},{children:e.jsx("iframe",{ref:c,src:u,title:a,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,width:"1080",height:"608"})}))]})},exports.getYoutubeVideo=g;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "4.4.9",
+  "version": "4.4.10",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",