@zonos/amino 5.0.4 → 5.0.6

package/components/alert-dialog/AlertContext.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { AlertDialogOpts } from "../../types/AlertDialogOpts";
+import type { AlertDialogOpts } from 'src/types/AlertDialogOpts';
 export declare const AlertContext: import("react").Context<(opts: AlertDialogOpts) => void>;
 type Props = {
     children: ReactNode;

package/components/alert-dialog/AlertContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),s=require("./AlertDialog.js");require("styled-components"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),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("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),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.AlertContext=t,exports.AlertContextProvider=function(u){var o=u.children,n=e.__read(i.useState(),2),a=n[0],c=n[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(t.Provider,{value:d,children:[o,a&&r.jsx(s.AlertDialog,{dismissAction:function(){j(!1),a.onDismiss()},dismissText:a.dismissText,intent:a.intent,label:a.label,open:q,subtitle:a.subtitle})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),s=require("./AlertDialog.js");require("styled-components"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.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.AlertContext=t,exports.AlertContextProvider=function(u){var o=u.children,n=e.__read(i.useState(),2),a=n[0],c=n[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(t.Provider,{value:d,children:[o,a&&r.jsx(s.AlertDialog,{dismissAction:function(){j(!1),a.onDismiss()},dismissText:a.dismissText,intent:a.intent,label:a.label,open:q,subtitle:a.subtitle})]})};

package/components/alert-dialog/AlertDialog.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import { type Intent } from "../../types/Intent";
-import { type Theme } from "../../types/Theme";
+import { type Intent } from 'src/types/Intent';
+import { type Theme } from 'src/types/Theme';
 export type AlertDialogProps = {
     dismissText: string;
     intent: Intent;

package/components/alert-dialog/AlertDialog.js

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

package/components/alert-dialog/useAlert.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("styled-components"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),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("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),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)};
+"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("styled-components"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.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.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { Theme } from "../../types/Theme";
+import type { Theme } from 'src/types/Theme';
 export type AnnouncementDialogProps = {
     announcementId: string;
     children: ReactNode;

package/components/announcement-dialog/AnnouncementDialog.js

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

package/components/avatar/ImageAvatar.d.ts

@@ -1,4 +1,4 @@
-import { type AvatarProps } from './AvatarBase';
+import { type AvatarProps } from 'src/components/avatar/AvatarBase';
 export type ImageAvatarProps = {
     imageUrl: string;
 } & AvatarProps;

package/components/avatar/UserAvatar.d.ts

@@ -1,3 +1,3 @@
-import { type AvatarProps } from './AvatarBase';
+import { type AvatarProps } from 'src/components/avatar/AvatarBase';
 export type UserAvatarProps = AvatarProps;
 export declare const UserAvatar: ({ bordered, shape, size, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/components/avatar/UserAvatar.js

@@ -1 +1 @@
-"use strict";var M=require("react/jsx-runtime"),I=require("./AvatarBase.js");require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");exports.UserAvatar=function(g){var A=g.bordered,i=void 0!==A&&A,j=g.shape,D=void 0===j?"round":j,N=g.size,e=void 0===N?32:N;return M.jsx(I.AvatarBase,{backgroundPosition:"bottom",backgroundSize:"80%",backgroundUrl:"".concat("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0NCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDQyIDQ0Ij48cGF0aCBmaWxsPSIjQTJBMkFBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMSAxOC40NWE4Ljk1IDguOTUgMCAwIDAgNi4zNjQtMi42NjVBOS4xNTIgOS4xNTIgMCAwIDAgMzAgOS4zNWE5LjE1MiA5LjE1MiAwIDAgMC0yLjYzNi02LjQzNUE4Ljk1IDguOTUgMCAwIDAgMjEgLjI1YTguOTUgOC45NSAwIDAgMC02LjM2NCAyLjY2NUE5LjE1MiA5LjE1MiAwIDAgMCAxMiA5LjM1YzAgMi40MTQuOTQ4IDQuNzI4IDIuNjM2IDYuNDM1QTguOTUgOC45NSAwIDAgMCAyMSAxOC40NVpNMCA0NS43NWMwLTIuNzg4LjU0My01LjU1IDEuNTk5LTguMTI2YTIxLjI1IDIxLjI1IDAgMCAxIDQuNTUyLTYuODg4IDIwLjk4NSAyMC45ODUgMCAwIDEgNi44MTMtNC42MDMgMjAuOCAyMC44IDAgMCAxIDE2LjA3MiAwIDIwLjk4NSAyMC45ODUgMCAwIDEgNi44MTMgNC42MDMgMjEuMjUgMjEuMjUgMCAwIDEgNC41NTMgNi44ODhBMjEuNDM5IDIxLjQzOSAwIDAgMSA0MiA0NS43NUgwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"),bordered:i,shape:D,size:e})};
+"use strict";var e=require("react/jsx-runtime"),r=require("svgReact/icons/custom-svgs/Avatar.svg"),s=require("./AvatarBase.js");function t(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");var a=t(r);exports.UserAvatar=function(r){var t=r.bordered,o=void 0!==t&&t,i=r.shape,u=void 0===i?"round":i,n=r.size,d=void 0===n?32:n;return e.jsx(s.AvatarBase,{backgroundPosition:"bottom",backgroundSize:"80%",backgroundUrl:"".concat(a.default),bordered:o,shape:u,size:d})};

package/components/badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { FontWeight } from "../text/Text";
+import type { FontWeight } from 'src/components/text/Text';
 type ColorList = 'blue' | 'cyan' | 'gray' | 'green' | 'orange' | 'purple' | 'red';
 type Size = 'small' | 'large';
 export interface BadgeProps {

package/components/banner/Banner.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { Intent } from "../../types";
+import type { Intent } from 'src/types';
 export type BannerProps = {
     children?: ReactNode;
     className?: string;

package/components/banner/Banner.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),o=require("../stack/HStack.js"),t=require("../text/Text.js"),a=require("../../icons/CheckCircleDuotoneIcon.js"),c=require("../../icons/InfoDuotoneIcon.js"),i=require("../../icons/RemoveCircleDuotoneIcon.js"),l=require("../../icons/RemoveIcon.js"),s=require("../../icons/WarningDuotoneIcon.js"),u=require("../../styles/constants/theme.js"),d=require("../button/Button.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("react"),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");var j,p,g,f,x,h,b,_,k,y,I,C,q,v,T=m(r),O=T.default.div(j||(j=e.__makeTemplateObject(["\n  border-radius: ",";\n  padding: ",";\n"],["\n  border-radius: ",";\n  padding: ",";\n"])),u.theme.radius6,u.theme.space16),D=T.default.div(p||(p=e.__makeTemplateObject(["\n  display: grid;\n  align-items: ",";\n  grid-template-areas:\n    'icon header close'\n    '. content .';\n  grid-template-columns: 32px auto ",";\n"],["\n  display: grid;\n  align-items: ",";\n  grid-template-areas:\n    'icon header close'\n    '. content .';\n  grid-template-columns: 32px auto ",";\n"])),(function(e){return e.onlyContent?"start":"center"}),(function(e){return e.withoutCloseButton?"0px":"32px"})),w=T.default.div(g||(g=e.__makeTemplateObject(["\n  grid-area: icon;\n  justify-self: start;\n"],["\n  grid-area: icon;\n  justify-self: start;\n"]))),B=T.default.div(f||(f=e.__makeTemplateObject(["\n  grid-area: close;\n  justify-self: end;\n"],["\n  grid-area: close;\n  justify-self: end;\n"]))),R=T.default(d.Button)(x||(x=e.__makeTemplateObject(["\n  && {\n    width: 20px;\n  }\n"],["\n  && {\n    width: 20px;\n  }\n"]))),z=T.default.div(h||(h=e.__makeTemplateObject(["\n  grid-area: header;\n  color: ",";\n"],["\n  grid-area: header;\n  color: ",";\n"])),(function(e){return u.theme[e.color]})),N=T.default.div(b||(b=e.__makeTemplateObject(["\n  grid-area: content;\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"],["\n  grid-area: content;\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"]))),S=T.default.header(_||(_=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))),H=T.default.footer(k||(k=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),A=T.default(O)(y||(y=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),u.theme.gray100,u.theme.gray700),W=T.default(O)(I||(I=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),u.theme.blue100,u.theme.blue700),G=T.default(O)(C||(C=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),u.theme.green100,u.theme.green700),M=T.default(O)(q||(q=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),u.theme.orange100,u.theme.orange700),E=T.default(O)(v||(v=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),u.theme.red100,u.theme.red700);exports.Banner=function(r){var u=r.children,d=r.className,m=void 0===d?"":d,j=r.footerActions,p=r.headerActions,g=r.intent,f=r.onClose,x=r.title,h=function(r){var a=r.intentIcon,c=r.removeIconColor,i=!!u&&!x&&!j,s=e.__read([x&&n.jsxs(S,{children:[n.jsx(t.Text,{color:c,type:"label",children:x}),p&&n.jsx(o.HStack,{spacing:8,children:p})]}),u,j&&n.jsx(H,{children:n.jsx(o.HStack,{spacing:8,children:j})})].filter(Boolean),3),d=s[0],m=s[1],g=s[2];return n.jsxs(D,{onlyContent:i,withoutCloseButton:!f,children:[n.jsx(w,{children:a}),f&&n.jsx(B,{children:n.jsx(R,{icon:n.jsx(l.RemoveIcon,{color:c,size:20}),intent:"text",onClick:f})}),n.jsx(z,{color:c,children:d}),m&&n.jsxs(N,{children:[m,g]})]})};switch(g){case"info":return n.jsx(W,{className:m,children:h({intentIcon:n.jsx(a.CheckCircleDuotoneIcon,{color:"blue800",secondaryColor:"blue300",size:20}),removeIconColor:"blue800"})});case"success":return n.jsx(G,{className:m,children:h({intentIcon:n.jsx(a.CheckCircleDuotoneIcon,{color:"green800",secondaryColor:"green300",size:20}),removeIconColor:"green800"})});case"warning":return n.jsx(M,{className:m,children:h({intentIcon:n.jsx(s.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange300",size:20}),removeIconColor:"orange800"})});case"error":return n.jsx(E,{className:m,children:h({intentIcon:n.jsx(i.RemoveCircleDuotoneIcon,{color:"red800",secondaryColor:"red300",size:20}),removeIconColor:"red800"})});default:return n.jsx(A,{className:m,children:h({intentIcon:n.jsx(c.InfoDuotoneIcon,{color:"gray800",secondaryColor:"gray300",size:20}),removeIconColor:"gray800"})})}};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),o=require("../button/Button.js"),t=require("../stack/HStack.js"),a=require("../text/Text.js"),c=require("../../icons/CheckCircleDuotoneIcon.js"),i=require("../../icons/InfoDuotoneIcon.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../icons/RemoveIcon.js"),u=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function m(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var j,p,g,f,x,h,b,_,k,y,I,C,q,v,T=m(r),O=T.default.div(j||(j=e.__makeTemplateObject(["\n  border-radius: ",";\n  padding: ",";\n"],["\n  border-radius: ",";\n  padding: ",";\n"])),d.theme.radius6,d.theme.space16),D=T.default.div(p||(p=e.__makeTemplateObject(["\n  display: grid;\n  align-items: ",";\n  grid-template-areas:\n    'icon header close'\n    '. content .';\n  grid-template-columns: 32px auto ",";\n"],["\n  display: grid;\n  align-items: ",";\n  grid-template-areas:\n    'icon header close'\n    '. content .';\n  grid-template-columns: 32px auto ",";\n"])),(function(e){return e.onlyContent?"start":"center"}),(function(e){return e.withoutCloseButton?"0px":"32px"})),w=T.default.div(g||(g=e.__makeTemplateObject(["\n  grid-area: icon;\n  justify-self: start;\n"],["\n  grid-area: icon;\n  justify-self: start;\n"]))),B=T.default.div(f||(f=e.__makeTemplateObject(["\n  grid-area: close;\n  justify-self: end;\n"],["\n  grid-area: close;\n  justify-self: end;\n"]))),R=T.default(o.Button)(x||(x=e.__makeTemplateObject(["\n  && {\n    width: 20px;\n  }\n"],["\n  && {\n    width: 20px;\n  }\n"]))),z=T.default.div(h||(h=e.__makeTemplateObject(["\n  grid-area: header;\n  color: ",";\n"],["\n  grid-area: header;\n  color: ",";\n"])),(function(e){return d.theme[e.color]})),N=T.default.div(b||(b=e.__makeTemplateObject(["\n  grid-area: content;\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"],["\n  grid-area: content;\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"]))),S=T.default.header(_||(_=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))),H=T.default.footer(k||(k=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),A=T.default(O)(y||(y=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),d.theme.gray100,d.theme.gray700),W=T.default(O)(I||(I=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),d.theme.blue100,d.theme.blue700),G=T.default(O)(C||(C=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),d.theme.green100,d.theme.green700),M=T.default(O)(q||(q=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),d.theme.orange100,d.theme.orange700),E=T.default(O)(v||(v=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),d.theme.red100,d.theme.red700);exports.Banner=function(r){var o=r.children,d=r.className,m=void 0===d?"":d,j=r.footerActions,p=r.headerActions,g=r.intent,f=r.onClose,x=r.title,h=function(r){var c=r.intentIcon,i=r.removeIconColor,l=!!o&&!x&&!j,u=e.__read([x&&n.jsxs(S,{children:[n.jsx(a.Text,{color:i,type:"label",children:x}),p&&n.jsx(t.HStack,{spacing:8,children:p})]}),o,j&&n.jsx(H,{children:n.jsx(t.HStack,{spacing:8,children:j})})].filter(Boolean),3),d=u[0],m=u[1],g=u[2];return n.jsxs(D,{onlyContent:l,withoutCloseButton:!f,children:[n.jsx(w,{children:c}),f&&n.jsx(B,{children:n.jsx(R,{icon:n.jsx(s.RemoveIcon,{color:i,size:20}),intent:"text",onClick:f})}),n.jsx(z,{color:i,children:d}),m&&n.jsxs(N,{children:[m,g]})]})};switch(g){case"info":return n.jsx(W,{className:m,children:h({intentIcon:n.jsx(c.CheckCircleDuotoneIcon,{color:"blue800",secondaryColor:"blue300",size:20}),removeIconColor:"blue800"})});case"success":return n.jsx(G,{className:m,children:h({intentIcon:n.jsx(c.CheckCircleDuotoneIcon,{color:"green800",secondaryColor:"green300",size:20}),removeIconColor:"green800"})});case"warning":return n.jsx(M,{className:m,children:h({intentIcon:n.jsx(u.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange300",size:20}),removeIconColor:"orange800"})});case"error":return n.jsx(E,{className:m,children:h({intentIcon:n.jsx(l.RemoveCircleDuotoneIcon,{color:"red800",secondaryColor:"red300",size:20}),removeIconColor:"red800"})});default:return n.jsx(A,{className:m,children:h({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"gray800",secondaryColor:"gray300",size:20}),removeIconColor:"gray800"})})}};

package/components/button/Button.d.ts

@@ -1,9 +1,9 @@
 import { type ComponentPropsWithoutRef, type MouseEventHandler, type ReactNode } from 'react';
-import { type SpinnerProps } from "../spinner/Spinner";
-import type { Color } from "../../types";
-import type { Intent } from "../../types/Intent";
-import type { Size } from "../../types/Size";
-import type { Theme } from "../../types/Theme";
+import { type SpinnerProps } from 'src/components/spinner/Spinner';
+import type { Color } from 'src/types';
+import type { Intent } from 'src/types/Intent';
+import type { Size } from 'src/types/Size';
+import type { Theme } from 'src/types/Theme';
 type IntentProps = 'outline' | 'subtle' | 'text' | 'link' | 'plain' | Intent;
 type ButtonBase = {
     background?: Color | 'inherit';

package/components/button/Button.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),t=require("../spinner/Spinner.js"),a=require("../../styles/constants/theme.js"),i=require("./RippleGroup.js"),c=require("./useRipple.js");function l(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var d,s,u,g,h,b,p,m,f,k,v=l(o),y=function(n){return"inherit"===n?"inherit":n?a.theme[n]:void 0},x=v.default.span(d||(d=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ",";\n  gap: ",";\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ",";\n  gap: ",";\n"])),a.theme.radius4,a.theme.space8),_=v.default.button(s||(s=n.__makeTemplateObject(["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 14px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  padding: 0 ",";\n  border-radius: ",";\n  transition: ",";\n  font-weight: 500;\n  user-select: none;\n  font-family: ",";\n  letter-spacing: normal;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: ",";\n\n  svg path:not([data-is-secondary-color]) {\n    fill: currentColor;\n  }\n\n  &.only-icon {\n    width: ",";\n    padding: 0;\n  }\n\n  &:active,\n  &:focus {\n    outline: none;\n    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n\n  &[disabled] {\n    box-shadow: none;\n    &:not(.loading) {\n      opacity: 0.5;\n    }\n  }\n"],["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 14px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  padding: 0 ",";\n  border-radius: ",";\n  transition: ",";\n  font-weight: 500;\n  user-select: none;\n  font-family: ",";\n  letter-spacing: normal;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: ",";\n\n  svg path:not([data-is-secondary-color]) {\n    fill: currentColor;\n  }\n\n  &.only-icon {\n    width: ",";\n    padding: 0;\n  }\n\n  &:active,\n  &:focus {\n    outline: none;\n    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n\n  &[disabled] {\n    box-shadow: none;\n    &:not(.loading) {\n      opacity: 0.5;\n    }\n  }\n"])),(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return"var(--amino-size-".concat(n.size,")")}),a.theme.space16,a.theme.radius6,a.theme.transition,a.theme.fontSans,(function(n){return function(n){switch(n){case"sm":return"".concat(a.theme.space4," ").concat(a.theme.space8);case"lg":case"xl":return"".concat(a.theme.space12," ").concat(a.theme.space24);default:return"".concat(a.theme.space8," ").concat(a.theme.space16)}}(n.size)}),(function(n){return"var(--amino-size-".concat(n.size,")")}),a.theme.space8,a.theme.space8),j=v.default(_)(u||(u=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active,\n    &:focus {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active,\n    &:focus {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return y(n.background)||a.theme.primary}),(function(n){return y(n.color)||a.theme.gray0}),(function(n){return y(n.hoverBackground)||a.theme.blue400}),a.theme.blue700,a.theme.gray0,x,a.theme.primary),w=v.default(_)(g||(g=n.__makeTemplateObject(["\n  color: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      svg path {\n        fill: currentColor;\n      }\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n\n  /** Night mode */\n  &.night {\n    color: ",";\n    background: ",";\n\n    &:not([disabled]) {\n      &:hover {\n        background: ",";\n      }\n      &:active,\n      &:focus {\n        background: ",";\n        color: ",";\n        svg path {\n          fill: currentColor;\n        }\n      }\n    }\n\n    "," {\n      background: ",";\n    }\n  }\n"],["\n  color: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      svg path {\n        fill: currentColor;\n      }\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n\n  /** Night mode */\n  &.night {\n    color: ",";\n    background: ",";\n\n    &:not([disabled]) {\n      &:hover {\n        background: ",";\n      }\n      &:active,\n      &:focus {\n        background: ",";\n        color: ",";\n        svg path {\n          fill: currentColor;\n        }\n      }\n    }\n\n    "," {\n      background: ",";\n    }\n  }\n"])),(function(n){return y(n.color)||a.theme.textColor}),(function(n){return y(n.background)||a.theme.gray100}),(function(n){return y(n.hoverBackground)||a.theme.gray200}),a.theme.blue100,a.theme.blue600,x,a.theme.gray100,a.theme.gray0,a.theme.gray1000,(function(n){return y(n.hoverBackground)||a.theme.gray900}),a.theme.blue1000,a.theme.blue300,x,a.theme.gray1000),R=v.default(_)(h||(h=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return y(n.background)||a.theme.red600}),(function(n){return y(n.color)||a.theme.gray0}),(function(n){return y(n.hoverBackground)||a.theme.red400}),a.theme.red700,x,a.theme.red600),z=v.default(_)(b||(b=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return y(n.background)||a.theme.orange600}),(function(n){return y(n.color)||a.theme.gray0}),(function(n){return y(n.hoverBackground)||a.theme.orange400}),a.theme.orange700,x,a.theme.orange600),C=v.default(_)(p||(p=n.__makeTemplateObject(["\n  color: ",";\n  border: 1px solid ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: linear-gradient(\n        180deg,\n        "," 12.5%,\n        "," 87.5%\n      );\n      background: ",";\n      border: 1px solid ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      border: 1px solid ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  border: 1px solid ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: linear-gradient(\n        180deg,\n        "," 12.5%,\n        "," 87.5%\n      );\n      background: ",";\n      border: 1px solid ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      border: 1px solid ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return y(n.color)||a.theme.textColor}),(function(n){return y(n.borderColor)||a.theme.gray200}),a.theme.gray0,a.theme.gray100,(function(n){return n.hoverBackground&&y(n.hoverBackground)}),a.theme.gray200,a.theme.blue100,a.theme.blue600,a.theme.blue300,x,a.theme.gray0),O=v.default(_)(m||(m=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"])),(function(n){return y(n.background)||"none"}),(function(n){return y(n.color)||a.theme.gray800}),(function(n){return y(n.hoverBackground)||a.theme.gray100}),a.theme.blue100,a.theme.blue600),T=v.default(_)(f||(f=n.__makeTemplateObject(["\n  color: ",";\n  height: 20px;\n  line-height: 20px;\n\n  &[disabled] {\n    color: ",";\n    &:not(.loading) {\n      opacity: inherit;\n    }\n  }\n\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n    &:active {\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"],["\n  color: ",";\n  height: 20px;\n  line-height: 20px;\n\n  &[disabled] {\n    color: ",";\n    &:not(.loading) {\n      opacity: inherit;\n    }\n  }\n\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n    &:active {\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"])),(function(n){return y(n.color)||a.theme.gray800}),a.theme.gray400,a.theme.gray700,a.theme.gray1200),q=_,B=v.default(_)(k||(k=n.__makeTemplateObject(["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return y(n.color)||a.theme.blue600}),(function(n){return y(n.hoverBackground)||a.theme.gray100}),a.theme.blue100,a.theme.blue800,x,a.theme.gray0);exports.Button=function(o){var a=o.children,l=o.className,d=o.disabled,s=void 0!==d&&d,u=o.icon,g=o.iconRight,h=o.intent,b=void 0===h?"secondary":h,p=o.loading,m=void 0!==p&&p,f=o.loadingText,k=o.noRipple,v=void 0!==k&&k,y=o.size,_=void 0===y?"sm":y,G=o.spinnerColor,N=o.tag,S=o.themeOverride,E=o.type,F=void 0===E?"button":E,H=n.__rest(o,["children","className","disabled","icon","iconRight","intent","loading","loadingText","noRipple","size","spinnerColor","tag","themeOverride","type"]),M=N||"button",A=function(n){return e.jsxs(e.Fragment,{children:[!g&&u,a,g&&u,"plain"!==b&&m&&e.jsxs(x,{children:[e.jsx(t.Spinner,{color:n,size:16}),f]})]})},D=[l||"",u&&!a?"only-icon":"",g?"icon-right":"",u?"has-icon":"",m?"loading":"",S].filter(Boolean).join(" "),I=r.useRef(null),J=c.useRipple({disabled:s||m,rippleEnabled:!v&&!["plain","text"].includes(b),rippleRef:I}),K=J.getRippleHandlers,L=J.rippleEnabled,P={className:D,disabled:s||m,size:_},Q=n.__assign(n.__assign(n.__assign({type:F},P),H),K(H));switch(b){case"primary":return e.jsxs(j,n.__assign({as:M},Q,{children:[A(G||"white"),L&&e.jsx(i.RippleGroup,{ref:I})]}));case"subtle":return e.jsxs(O,n.__assign({as:M},Q,{children:[A(G),L&&e.jsx(i.RippleGroup,{ref:I})]}));case"outline":return e.jsxs(C,n.__assign({as:M},Q,{children:[A(G),L&&e.jsx(i.RippleGroup,{ref:I})]}));case"warning":return e.jsxs(z,n.__assign({as:M},Q,{children:[A(G||"white"),L&&e.jsx(i.RippleGroup,{ref:I})]}));case"danger":return e.jsxs(R,n.__assign({as:M},Q,{children:[A(G||"white"),L&&e.jsx(i.RippleGroup,{ref:I})]}));case"text":return e.jsx(T,n.__assign({as:M},Q,{children:A(G)}));case"link":return e.jsxs(B,n.__assign({as:M},Q,{children:[A(G),L&&e.jsx(i.RippleGroup,{ref:I})]}));case"plain":return e.jsx(q,n.__assign({as:M},Q,{children:A(G)}));default:return e.jsxs(w,n.__assign({as:M},Q,{children:[A(G),L&&e.jsx(i.RippleGroup,{ref:I})]}))}};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),t=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),c=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var d,s,u,g,h,b,p,m,f,k,v=l(o),y=function(n){return"inherit"===n?"inherit":n?c.theme[n]:void 0},x=v.default.span(d||(d=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ",";\n  gap: ",";\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ",";\n  gap: ",";\n"])),c.theme.radius4,c.theme.space8),_=v.default.button(s||(s=n.__makeTemplateObject(["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 14px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  padding: 0 ",";\n  border-radius: ",";\n  transition: ",";\n  font-weight: 500;\n  user-select: none;\n  font-family: ",";\n  letter-spacing: normal;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: ",";\n\n  svg path:not([data-is-secondary-color]) {\n    fill: currentColor;\n  }\n\n  &.only-icon {\n    width: ",";\n    padding: 0;\n  }\n\n  &:active,\n  &:focus {\n    outline: none;\n    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n\n  &[disabled] {\n    box-shadow: none;\n    &:not(.loading) {\n      opacity: 0.5;\n    }\n  }\n"],["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 14px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  padding: 0 ",";\n  border-radius: ",";\n  transition: ",";\n  font-weight: 500;\n  user-select: none;\n  font-family: ",";\n  letter-spacing: normal;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: ",";\n\n  svg path:not([data-is-secondary-color]) {\n    fill: currentColor;\n  }\n\n  &.only-icon {\n    width: ",";\n    padding: 0;\n  }\n\n  &:active,\n  &:focus {\n    outline: none;\n    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n\n  &[disabled] {\n    box-shadow: none;\n    &:not(.loading) {\n      opacity: 0.5;\n    }\n  }\n"])),(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.space16,c.theme.radius6,c.theme.transition,c.theme.fontSans,(function(n){return function(n){switch(n){case"sm":return"".concat(c.theme.space4," ").concat(c.theme.space8);case"lg":case"xl":return"".concat(c.theme.space12," ").concat(c.theme.space24);default:return"".concat(c.theme.space8," ").concat(c.theme.space16)}}(n.size)}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.space8,c.theme.space8),j=v.default(_)(u||(u=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active,\n    &:focus {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active,\n    &:focus {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return y(n.background)||c.theme.primary}),(function(n){return y(n.color)||c.theme.gray0}),(function(n){return y(n.hoverBackground)||c.theme.blue400}),c.theme.blue700,c.theme.gray0,x,c.theme.primary),w=v.default(_)(g||(g=n.__makeTemplateObject(["\n  color: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      svg path {\n        fill: currentColor;\n      }\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n\n  /** Night mode */\n  &.night {\n    color: ",";\n    background: ",";\n\n    &:not([disabled]) {\n      &:hover {\n        background: ",";\n      }\n      &:active,\n      &:focus {\n        background: ",";\n        color: ",";\n        svg path {\n          fill: currentColor;\n        }\n      }\n    }\n\n    "," {\n      background: ",";\n    }\n  }\n"],["\n  color: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      svg path {\n        fill: currentColor;\n      }\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n\n  /** Night mode */\n  &.night {\n    color: ",";\n    background: ",";\n\n    &:not([disabled]) {\n      &:hover {\n        background: ",";\n      }\n      &:active,\n      &:focus {\n        background: ",";\n        color: ",";\n        svg path {\n          fill: currentColor;\n        }\n      }\n    }\n\n    "," {\n      background: ",";\n    }\n  }\n"])),(function(n){return y(n.color)||c.theme.textColor}),(function(n){return y(n.background)||c.theme.gray100}),(function(n){return y(n.hoverBackground)||c.theme.gray200}),c.theme.blue100,c.theme.blue600,x,c.theme.gray100,c.theme.gray0,c.theme.gray1000,(function(n){return y(n.hoverBackground)||c.theme.gray900}),c.theme.blue1000,c.theme.blue300,x,c.theme.gray1000),R=v.default(_)(h||(h=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return y(n.background)||c.theme.red600}),(function(n){return y(n.color)||c.theme.gray0}),(function(n){return y(n.hoverBackground)||c.theme.red400}),c.theme.red700,x,c.theme.red600),z=v.default(_)(b||(b=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return y(n.background)||c.theme.orange600}),(function(n){return y(n.color)||c.theme.gray0}),(function(n){return y(n.hoverBackground)||c.theme.orange400}),c.theme.orange700,x,c.theme.orange600),C=v.default(_)(p||(p=n.__makeTemplateObject(["\n  color: ",";\n  border: 1px solid ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: linear-gradient(\n        180deg,\n        "," 12.5%,\n        "," 87.5%\n      );\n      background: ",";\n      border: 1px solid ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      border: 1px solid ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  border: 1px solid ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: linear-gradient(\n        180deg,\n        "," 12.5%,\n        "," 87.5%\n      );\n      background: ",";\n      border: 1px solid ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      border: 1px solid ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return y(n.color)||c.theme.textColor}),(function(n){return y(n.borderColor)||c.theme.gray200}),c.theme.gray0,c.theme.gray100,(function(n){return n.hoverBackground&&y(n.hoverBackground)}),c.theme.gray200,c.theme.blue100,c.theme.blue600,c.theme.blue300,x,c.theme.gray0),O=v.default(_)(m||(m=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"])),(function(n){return y(n.background)||"none"}),(function(n){return y(n.color)||c.theme.gray800}),(function(n){return y(n.hoverBackground)||c.theme.gray100}),c.theme.blue100,c.theme.blue600),T=v.default(_)(f||(f=n.__makeTemplateObject(["\n  color: ",";\n  height: 20px;\n  line-height: 20px;\n\n  &[disabled] {\n    color: ",";\n    &:not(.loading) {\n      opacity: inherit;\n    }\n  }\n\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n    &:active {\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"],["\n  color: ",";\n  height: 20px;\n  line-height: 20px;\n\n  &[disabled] {\n    color: ",";\n    &:not(.loading) {\n      opacity: inherit;\n    }\n  }\n\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n    &:active {\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"])),(function(n){return y(n.color)||c.theme.gray800}),c.theme.gray400,c.theme.gray700,c.theme.gray1200),q=_,B=v.default(_)(k||(k=n.__makeTemplateObject(["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return y(n.color)||c.theme.blue600}),(function(n){return y(n.hoverBackground)||c.theme.gray100}),c.theme.blue100,c.theme.blue800,x,c.theme.gray0);exports.Button=function(o){var c=o.children,l=o.className,d=o.disabled,s=void 0!==d&&d,u=o.icon,g=o.iconRight,h=o.intent,b=void 0===h?"secondary":h,p=o.loading,m=void 0!==p&&p,f=o.loadingText,k=o.noRipple,v=void 0!==k&&k,y=o.size,_=void 0===y?"sm":y,G=o.spinnerColor,N=o.tag,S=o.themeOverride,E=o.type,F=void 0===E?"button":E,H=n.__rest(o,["children","className","disabled","icon","iconRight","intent","loading","loadingText","noRipple","size","spinnerColor","tag","themeOverride","type"]),M=N||"button",A=function(n){return e.jsxs(e.Fragment,{children:[!g&&u,c,g&&u,"plain"!==b&&m&&e.jsxs(x,{children:[e.jsx(i.Spinner,{color:n,size:16}),f]})]})},D=[l||"",u&&!c?"only-icon":"",g?"icon-right":"",u?"has-icon":"",m?"loading":"",S].filter(Boolean).join(" "),I=r.useRef(null),J=a.useRipple({disabled:s||m,rippleEnabled:!v&&!["plain","text"].includes(b),rippleRef:I}),K=J.getRippleHandlers,L=J.rippleEnabled,P={className:D,disabled:s||m,size:_},Q=n.__assign(n.__assign(n.__assign({type:F},P),H),K(H));switch(b){case"primary":return e.jsxs(j,n.__assign({as:M},Q,{children:[A(G||"white"),L&&e.jsx(t.RippleGroup,{ref:I})]}));case"subtle":return e.jsxs(O,n.__assign({as:M},Q,{children:[A(G),L&&e.jsx(t.RippleGroup,{ref:I})]}));case"outline":return e.jsxs(C,n.__assign({as:M},Q,{children:[A(G),L&&e.jsx(t.RippleGroup,{ref:I})]}));case"warning":return e.jsxs(z,n.__assign({as:M},Q,{children:[A(G||"white"),L&&e.jsx(t.RippleGroup,{ref:I})]}));case"danger":return e.jsxs(R,n.__assign({as:M},Q,{children:[A(G||"white"),L&&e.jsx(t.RippleGroup,{ref:I})]}));case"text":return e.jsx(T,n.__assign({as:M},Q,{children:A(G)}));case"link":return e.jsxs(B,n.__assign({as:M},Q,{children:[A(G),L&&e.jsx(t.RippleGroup,{ref:I})]}));case"plain":return e.jsx(q,n.__assign({as:M},Q,{children:A(G)}));default:return e.jsxs(w,n.__assign({as:M},Q,{children:[A(G),L&&e.jsx(t.RippleGroup,{ref:I})]}))}};

package/components/button/RippleGroup.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { Color } from "../../types";
+import type { Color } from 'src/types';
 export interface IRippleActions {
     start: (event: React.SyntheticEvent) => void;
 }

package/components/button/RippleGroup.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("react"),t=require("framer-motion"),o=require("styled-components"),i=require("uuid"),a=require("../../styles/constants/theme.js"),u=require("./_Ripple.js");function s(n){return n&&n.__esModule?n:{default:n}}function c(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(e,r,t.get?t:{enumerable:!0,get:function(){return n[r]}})}})),e.default=n,Object.freeze(e)}var l,p,d=c(r),f=s(o).default.span(p||(p=n.__makeTemplateObject(["\n  overflow: hidden;\n  pointer-events: none;\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: inherit;\n\n  span.ripple {\n    overflow: hidden;\n    position: absolute;\n    border-radius: 50%;\n    opacity: ",";\n    transform: scale(4);\n    // prettier-ignore\n    animation: ","\n      max(","ms, 600ms) ease-out;\n    background-color: ",";\n  }\n"],["\n  overflow: hidden;\n  pointer-events: none;\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: inherit;\n\n  span.ripple {\n    overflow: hidden;\n    position: absolute;\n    border-radius: 50%;\n    opacity: ",";\n    transform: scale(4);\n    // prettier-ignore\n    animation: ","\n      max(","ms, 600ms) ease-out;\n    background-color: ",";\n  }\n"])),(function(n){return n.$opacity}),(function(e){return r=e.$opacity,o.keyframes(l||(l=n.__makeTemplateObject(["\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(4);\n    opacity: ",";\n  }\n"],["\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(4);\n    opacity: ",";\n  }\n"])),r);var r}),(function(n){return n.$duration}),(function(n){return n.$color?a.theme[n.$color]:"currentColor"})),m=function(n,e){var r=e.getBoundingClientRect(),t=Math.max(r.width,r.height),o=t/2,i=n,a=i.clientX,u=i.clientY;return{height:t,left:(a||0)-r.left-o,top:(u||0)-r.top-o,width:t}},y=d.forwardRef((function(r,o){var a=r.color,s=r.duration,c=void 0===s?200:s,l=r.opacity,p=void 0===l?.12:l,y=n.__read(d.useState([]),2),b=y[0],h=y[1],_=d.useRef(null),v=function(){return h((function(n){return n.slice(1)}))},j=d.useCallback((function(r){if(_.current){var t={destroy:v,duration:c,style:m(r,_.current)};h((function(r){return n.__spreadArray(n.__spreadArray([],n.__read(r),!1),[{element:e.jsx(u.Ripple,n.__assign({},t)),key:i.v4()}],!1)}))}}),[c]);return d.useImperativeHandle(o,(function(){return{start:j}}),[j]),e.jsx(f,{ref:_,$color:a,$duration:c,$opacity:p,children:e.jsx(t.AnimatePresence,{children:b.map((function(n){return e.jsx(t.motion.div,{animate:{opacity:1},exit:{opacity:0},initial:{opacity:1},children:n.element},n.key)}))})})}));exports.RippleGroup=y;
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("react"),t=require("framer-motion"),o=require("styled-components"),i=require("uuid"),a=require("./_Ripple.js"),u=require("../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}function c(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(e,r,t.get?t:{enumerable:!0,get:function(){return n[r]}})}})),e.default=n,Object.freeze(e)}var l,p,d=c(r),f=s(o).default.span(p||(p=n.__makeTemplateObject(["\n  overflow: hidden;\n  pointer-events: none;\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: inherit;\n\n  span.ripple {\n    overflow: hidden;\n    position: absolute;\n    border-radius: 50%;\n    opacity: ",";\n    transform: scale(4);\n    // prettier-ignore\n    animation: ","\n      max(","ms, 600ms) ease-out;\n    background-color: ",";\n  }\n"],["\n  overflow: hidden;\n  pointer-events: none;\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: inherit;\n\n  span.ripple {\n    overflow: hidden;\n    position: absolute;\n    border-radius: 50%;\n    opacity: ",";\n    transform: scale(4);\n    // prettier-ignore\n    animation: ","\n      max(","ms, 600ms) ease-out;\n    background-color: ",";\n  }\n"])),(function(n){return n.$opacity}),(function(e){return r=e.$opacity,o.keyframes(l||(l=n.__makeTemplateObject(["\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(4);\n    opacity: ",";\n  }\n"],["\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(4);\n    opacity: ",";\n  }\n"])),r);var r}),(function(n){return n.$duration}),(function(n){return n.$color?u.theme[n.$color]:"currentColor"})),m=function(n,e){var r=e.getBoundingClientRect(),t=Math.max(r.width,r.height),o=t/2,i=n,a=i.clientX,u=i.clientY;return{height:t,left:(a||0)-r.left-o,top:(u||0)-r.top-o,width:t}},y=d.forwardRef((function(r,o){var u=r.color,s=r.duration,c=void 0===s?200:s,l=r.opacity,p=void 0===l?.12:l,y=n.__read(d.useState([]),2),b=y[0],h=y[1],_=d.useRef(null),v=function(){return h((function(n){return n.slice(1)}))},j=d.useCallback((function(r){if(_.current){var t={destroy:v,duration:c,style:m(r,_.current)};h((function(r){return n.__spreadArray(n.__spreadArray([],n.__read(r),!1),[{element:e.jsx(a.Ripple,n.__assign({},t)),key:i.v4()}],!1)}))}}),[c]);return d.useImperativeHandle(o,(function(){return{start:j}}),[j]),e.jsx(f,{ref:_,$color:u,$duration:c,$opacity:p,children:e.jsx(t.AnimatePresence,{children:b.map((function(n){return e.jsx(t.motion.div,{animate:{opacity:1},exit:{opacity:0},initial:{opacity:1},children:n.element},n.key)}))})})}));exports.RippleGroup=y;

package/components/button/useRipple.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { IRippleActions } from './RippleGroup';
+import type { IRippleActions } from 'src/components/button/RippleGroup';
 interface IRippleEventHandlers {
     onMouseDown: React.MouseEventHandler;
 }

package/components/confirm-dialog/ConfirmContext.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { ConfirmDialogOpts } from "../../types/ConfirmDialogOpts";
+import type { ConfirmDialogOpts } from 'src/types/ConfirmDialogOpts';
 export declare const ConfirmContext: import("react").Context<(opts: ConfirmDialogOpts) => void>;
 type Props = {
     children: ReactNode;

package/components/confirm-dialog/ConfirmContext.js

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

package/components/confirm-dialog/ConfirmDialog.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { Intent } from "../../types/Intent";
-import type { Theme } from "../../types/Theme";
+import type { Intent } from 'src/types/Intent';
+import type { Theme } from 'src/types/Theme';
 export type ConfirmDialogProps = {
     confirmText?: string;
     dismissText?: string;

package/components/confirm-dialog/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),i=require("../button/Button.js"),r=require("../dialog/_BaseDialog.js"),s=require("../rounded-icon/RoundedIcon.js"),o=require("../stack/VStack.js"),u=require("../text/Text.js"),c=require("../../icons/ExclamationMarkIcon.js"),a=require("../../icons/HelpIcon.js"),l=require("../../icons/WarningIcon.js"),d=require("../../styles/constants/theme.js");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("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,p,x,q=j(t),f=q.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"])),d.theme.space24),h=q.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"])),d.theme.space24,d.theme.space8),g=q.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),b=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkIcon,{});case"warning":return n.jsx(l.WarningIcon,{});default:return n.jsx(a.HelpIcon,{})}};exports.ConfirmDialog=function(e){var t=e.confirmAction,c=e.confirmText,a=e.dismissAction,l=e.dismissText,d=e.intent,j=e.label,m=e.open,p=e.subtitle,x=e.themeOverride;return n.jsx(r.BaseDialog,{"data-theme":x,open:m,width:350,children:n.jsx(f,{children:n.jsxs(o.VStack,{spacing:16,children:[n.jsx(s.RoundedIcon,{intent:d,children:b(d)}),n.jsxs("div",{children:[n.jsx(u.Text,{type:"title",children:j}),p&&n.jsx(g,{children:p})]}),n.jsxs(h,{children:[n.jsx(i.Button,{intent:"outline",onClick:a,size:"md",children:l}),n.jsx(i.Button,{intent:d,onClick:t,size:"md",children:c})]})]})})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../button/Button.js"),i=require("../dialog/_BaseDialog.js"),o=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),u=require("../text/Text.js"),c=require("../../icons/ExclamationMarkDuotoneIcon.js"),a=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,p,x=j(r),q=x.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"])),d.theme.space24),g=x.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"])),d.theme.space24,d.theme.space8),h=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return n.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return n.jsx(a.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}};exports.ConfirmDialog=function(e){var r=e.confirmAction,c=e.confirmText,a=e.dismissAction,l=e.dismissText,d=e.intent,j=e.label,m=e.open,p=e.subtitle,x=e.themeOverride;return n.jsx(i.BaseDialog,{"data-theme":x,open:m,width:350,children:n.jsx(q,{children:n.jsxs(s.VStack,{spacing:16,children:[n.jsx(o.RoundedIcon,{intent:d,children:h(d)}),n.jsxs(s.VStack,{spacing:8,children:[n.jsx(u.Text,{type:"subheader",children:j}),p&&n.jsx(u.Text,{color:"gray800",type:"body",children:p})]}),n.jsxs(g,{children:[n.jsx(t.Button,{intent:"outline",onClick:a,size:"md",children:l}),n.jsx(t.Button,{intent:d,onClick:r,size:"md",children:c})]})]})})})};

package/components/confirm-dialog/useConfirm.js

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

package/components/connection-map/ConnectionMap.d.ts

@@ -1,5 +1,5 @@
-import { type ICountryOption } from "../../types/ICountry";
-import { type IGeoJsonWorld } from "../../types/IGeoJsonWorld";
+import { type ICountryOption } from 'src/types/ICountry';
+import { type IGeoJsonWorld } from 'src/types/IGeoJsonWorld';
 type Props = {
     countries: ICountryOption[];
     from: string;

package/components/connection-map/ConnectionMap.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("react-simple-maps"),i=require("d3-geo"),o=require("styled-components"),a=require("topojson-client"),s=require("../../styles/constants/theme.js"),l=require("../../utils/getCountryCodeByName.js"),u=require("../skeleton/Skeleton.js");function d(e){return e&&e.__esModule?e:{default:e}}var c,h,m=d(o),f=m.default.div(c||(c=e.__makeTemplateObject(["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"],["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"])),s.theme.gray50,s.theme.radius12),g=m.default(u.Skeleton)(h||(h=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"],["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"])),s.theme.radius12);exports.ConnectionMap=function(o){var u=o.countries,d=o.from,c=o.height,h=void 0===c?400:c,m=o.to,b=o.worldData,j=e.__read(n.useState([0,0]),2),p=j[0],x=j[1],_=e.__read(n.useState(1),2),v=_[0],k=_[1],y=e.__read(n.useState([0,0,0]),2),M=y[0],q=y[1],C=n.useMemo((function(){return b?a.feature(b,b.objects.countries).features:null}),[b]),w=n.useCallback((function(e){var r=null==C?void 0:C.find((function(r){var n;return l.getCountryCodeByName(null===(n=r.properties)||void 0===n?void 0:n.name,u)===e}));return r?i.geoCentroid(r):[0,0]}),[u,C]),S=!(C&&u.length&&d&&m);return n.useEffect((function(){if(!S){var r=e.__read(w(d),2),n=r[0],t=r[1],o=e.__read(w(m),2),a=o[0],s=o[1],l=i.geoDistance([n,t],[a,s]),u=i.geoDistance([n,0],[a,0]),c=i.geoDistance([0,t],[0,s]),h=function(e,r){return-19.46498024*e+-92.29376925*r+284.7+(e+r>4?80*(e+r-4):0)}(u,c);k(h);var f=e.__read([(n+a)/2,(t+s)/2],2),g=f[0],b=f[1];x([0,b]);var j=-g;Math.abs(n-a)>180&&(j+=180);var p=Math.abs(b)>55?l*-(Math.abs(b)-50):0,_=c>1&&u>c&&Math.max(t,s)>50?u/c*-5:0;q([j,p+_,0])}}),[w,m,d,S]),S?r.jsx(g,{height:h}):r.jsx(f,{children:r.jsxs(t.ComposableMap,{height:h,projection:"geoEqualEarth",projectionConfig:{center:p,rotate:M,scale:v},children:[r.jsx(t.Geographies,{geography:C,children:function(e){return e.geographies.map((function(e){var n=[m,d].includes(l.getCountryCodeByName(e.properties.name,u));return r.jsx(t.Geography,{fill:n?s.theme.blue100:s.theme.gray400,geography:e,stroke:n?s.theme.blue300:s.theme.gray500,strokeWidth:1},e.rsmKey)}))}}),r.jsxs(t.Marker,{coordinates:w(d),children:[r.jsx("circle",{fill:s.theme.blue300,r:10}),r.jsx("circle",{fill:s.theme.blue400,r:7})]}),r.jsxs(t.Marker,{coordinates:w(m),children:[r.jsx("circle",{fill:s.theme.blue300,r:10}),r.jsx("circle",{fill:s.theme.blue400,r:7})]}),r.jsx(t.Line,{from:w(d),stroke:s.theme.blue600,strokeWidth:4,to:w(m)}),r.jsxs(t.Marker,{coordinates:w(d),children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:s.theme.blue600,r:2})]}),r.jsxs(t.Marker,{coordinates:w(m),children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:s.theme.blue600,r:2})]})]})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("react-simple-maps"),i=require("d3-geo"),o=require("styled-components"),a=require("topojson-client"),s=require("../skeleton/Skeleton.js"),l=require("../../styles/constants/theme.js"),u=require("../../utils/getCountryCodeByName.js");function d(e){return e&&e.__esModule?e:{default:e}}var c,h,m=d(o),f=m.default.div(c||(c=e.__makeTemplateObject(["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"],["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"])),l.theme.gray50,l.theme.radius12),g=m.default(s.Skeleton)(h||(h=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"],["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"])),l.theme.radius12);exports.ConnectionMap=function(o){var s=o.countries,d=o.from,c=o.height,h=void 0===c?400:c,m=o.to,b=o.worldData,j=e.__read(n.useState([0,0]),2),p=j[0],x=j[1],_=e.__read(n.useState(1),2),v=_[0],k=_[1],y=e.__read(n.useState([0,0,0]),2),M=y[0],q=y[1],C=n.useMemo((function(){return b?a.feature(b,b.objects.countries).features:null}),[b]),w=n.useCallback((function(e){var r=null==C?void 0:C.find((function(r){var n;return u.getCountryCodeByName(null===(n=r.properties)||void 0===n?void 0:n.name,s)===e}));return r?i.geoCentroid(r):[0,0]}),[s,C]),S=!(C&&s.length&&d&&m);return n.useEffect((function(){if(!S){var r=e.__read(w(d),2),n=r[0],t=r[1],o=e.__read(w(m),2),a=o[0],s=o[1],l=i.geoDistance([n,t],[a,s]),u=i.geoDistance([n,0],[a,0]),c=i.geoDistance([0,t],[0,s]),h=function(e,r){return-19.46498024*e+-92.29376925*r+284.7+(e+r>4?80*(e+r-4):0)}(u,c);k(h);var f=e.__read([(n+a)/2,(t+s)/2],2),g=f[0],b=f[1];x([0,b]);var j=-g;Math.abs(n-a)>180&&(j+=180);var p=Math.abs(b)>55?l*-(Math.abs(b)-50):0,_=c>1&&u>c&&Math.max(t,s)>50?u/c*-5:0;q([j,p+_,0])}}),[w,m,d,S]),S?r.jsx(g,{height:h}):r.jsx(f,{children:r.jsxs(t.ComposableMap,{height:h,projection:"geoEqualEarth",projectionConfig:{center:p,rotate:M,scale:v},children:[r.jsx(t.Geographies,{geography:C,children:function(e){return e.geographies.map((function(e){var n=[m,d].includes(u.getCountryCodeByName(e.properties.name,s));return r.jsx(t.Geography,{fill:n?l.theme.blue100:l.theme.gray400,geography:e,stroke:n?l.theme.blue300:l.theme.gray500,strokeWidth:1},e.rsmKey)}))}}),r.jsxs(t.Marker,{coordinates:w(d),children:[r.jsx("circle",{fill:l.theme.blue300,r:10}),r.jsx("circle",{fill:l.theme.blue400,r:7})]}),r.jsxs(t.Marker,{coordinates:w(m),children:[r.jsx("circle",{fill:l.theme.blue300,r:10}),r.jsx("circle",{fill:l.theme.blue400,r:7})]}),r.jsx(t.Line,{from:w(d),stroke:l.theme.blue600,strokeWidth:4,to:w(m)}),r.jsxs(t.Marker,{coordinates:w(d),children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:l.theme.blue600,r:2})]}),r.jsxs(t.Marker,{coordinates:w(m),children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:l.theme.blue600,r:2})]})]})})};

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { Theme } from "../../types";
+import type { Theme } from 'src/types';
 export type CoverSheetProps = {
     /** used for setting id of the wrapper of where the action will be located */
     actionWrapperId?: string;

package/components/cover-sheet/CoverSheet.js

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

package/components/cover-sheet/CoverSheetActions.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("react-dom"),c=require("styled-components"),i=require("../stack/HStack.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../styles/constants/theme.js"),require("../stack/Stack.js");var a,o=s(c).default.div(a||(a=e.__makeTemplateObject(["\n  z-index: 990;\n"],["\n  z-index: 990;\n"])));exports.CoverSheetActions=function(c){var s=c.children,a=c.className,u=c.coverSheetActionId,d=e.__read(t.useState(!1),2),l=d[0],f=d[1];if(t.useEffect((function(){l||f(!0)}),[l]),"undefined"!=typeof document&&l){var h=document.querySelector("#".concat(u));if(h)return n.createPortal(r.jsx(o,{className:a,children:r.jsx(i.HStack,{children:s})}),h);throw Error('CoverSheetActions: Could not find Coversheet wrapper with id "'.concat(u,'"'))}return null};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("react-dom"),c=require("styled-components"),i=require("../stack/HStack.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../styles/constants/theme.js");var a,o=s(c).default.div(a||(a=e.__makeTemplateObject(["\n  z-index: 990;\n"],["\n  z-index: 990;\n"])));exports.CoverSheetActions=function(c){var s=c.children,a=c.className,u=c.coverSheetActionId,d=e.__read(t.useState(!1),2),l=d[0],f=d[1];if(t.useEffect((function(){l||f(!0)}),[l]),"undefined"!=typeof document&&l){var h=document.querySelector("#".concat(u));if(h)return n.createPortal(r.jsx(o,{className:a,children:r.jsx(i.HStack,{children:s})}),h);throw Error('CoverSheetActions: Could not find Coversheet wrapper with id "'.concat(u,'"'))}return null};

package/components/currency/Currency.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("styled-components"),n=require("../../styles/constants/theme.js"),a=require("../text/Text.js");function s(e){return e&&e.__esModule?e:{default:e}}var l,c=s(r).default.span(l||(l=e.__makeTemplateObject(["\n  font-feature-settings: 'tnum' 1;\n  /** Make it not break line */\n  white-space: nowrap;\n  display: flex;\n  gap: ",";\n"],["\n  font-feature-settings: 'tnum' 1;\n  /** Make it not break line */\n  white-space: nowrap;\n  display: flex;\n  gap: ",";\n"])),n.theme.space4);exports.Currency=function(e){var r=e.amount,n=e.className,s=e.code,l=new Intl.NumberFormat("en-US",{currency:s,style:"currency"}).format(r).replace(/[^0-9.-]+/g,""),i=r<0;return t.jsxs(c,{className:n,children:[t.jsx(a.Text,{color:i?"red600":"gray1200",type:"label",children:l}),t.jsx(a.Text,{color:i?"red400":"gray700",children:s.toUpperCase()})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("styled-components"),n=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var l,c=s(r).default.span(l||(l=e.__makeTemplateObject(["\n  font-feature-settings: 'tnum' 1;\n  /** Make it not break line */\n  white-space: nowrap;\n  display: flex;\n  gap: ",";\n"],["\n  font-feature-settings: 'tnum' 1;\n  /** Make it not break line */\n  white-space: nowrap;\n  display: flex;\n  gap: ",";\n"])),a.theme.space4);exports.Currency=function(e){var r=e.amount,a=e.className,s=e.code,l=new Intl.NumberFormat("en-US",{currency:s,style:"currency"}).format(r).replace(/[^0-9.-]+/g,""),i=r<0;return t.jsxs(c,{className:a,children:[t.jsx(n.Text,{color:i?"red600":"gray1200",type:"label",children:l}),t.jsx(n.Text,{color:i?"red400":"gray700",children:s.toUpperCase()})]})};

package/components/currency/DualCurrency.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../icons/ArrowSwapIcon.js"),i=require("../../styles/constants/theme.js"),s=require("./Currency.js");function a(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../text/Text.js");var u,c,l,o,d=a(r),m=r.css(u||(u=e.__makeTemplateObject(["\n  font-variant-numeric: tabular-nums;\n  display: grid;\n  grid-template-columns: 1.25fr 0fr 1.25fr;\n"],["\n  font-variant-numeric: tabular-nums;\n  display: grid;\n  grid-template-columns: 1.25fr 0fr 1.25fr;\n"]))),f=r.css(c||(c=e.__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"]))),p=d.default.div(o||(o=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-items: right;\n  ","\n  grid-column-gap: ",";\n  ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-items: right;\n  ","\n  grid-column-gap: ",";\n  ",";\n"])),(function(e){return e.isTabular?m:f}),i.theme.space8,(function(n){return n.width&&r.css(l||(l=e.__makeTemplateObject(["\n      width: p.width;\n    "],["\n      width: p.width;\n    "])))}));exports.DualCurrency=function(e){var r=e.className,i=e.conversionRate,a=e.foreignCode,u=void 0===a?"USD":a,c=e.isTabular,l=void 0===c||c,o=e.localeCode,d=void 0===o?"USD":o,m=e.showForeign,f=void 0===m||m,j=e.showLocale,g=void 0===j||j,h=e.value,v=e.width,y=function(e){return n.jsx(s.Currency,{amount:h,className:e,code:d})},w=i?h*i:h,x=function(e){return n.jsx(s.Currency,{amount:w,className:e,code:u})},_=d&&g,b=u&&f&&i,q=d===u;return b&&_&&!q?n.jsxs(p,{className:r,isTabular:l,width:null==v?void 0:v.toString(),children:[y(),n.jsx(t.ArrowSwapIcon,{size:12}),x()]}):q||_?y(r):b?x(r):null};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("./Currency.js"),i=require("../../icons/ArrowSwapIcon.js"),s=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var u,c,l,o,d=a(r),m=r.css(u||(u=e.__makeTemplateObject(["\n  font-variant-numeric: tabular-nums;\n  display: grid;\n  grid-template-columns: 1.25fr 0fr 1.25fr;\n"],["\n  font-variant-numeric: tabular-nums;\n  display: grid;\n  grid-template-columns: 1.25fr 0fr 1.25fr;\n"]))),f=r.css(c||(c=e.__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"]))),p=d.default.div(o||(o=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-items: right;\n  ","\n  grid-column-gap: ",";\n  ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-items: right;\n  ","\n  grid-column-gap: ",";\n  ",";\n"])),(function(e){return e.isTabular?m:f}),s.theme.space8,(function(n){return n.width&&r.css(l||(l=e.__makeTemplateObject(["\n      width: p.width;\n    "],["\n      width: p.width;\n    "])))}));exports.DualCurrency=function(e){var r=e.className,s=e.conversionRate,a=e.foreignCode,u=void 0===a?"USD":a,c=e.isTabular,l=void 0===c||c,o=e.localeCode,d=void 0===o?"USD":o,m=e.showForeign,f=void 0===m||m,j=e.showLocale,g=void 0===j||j,h=e.value,v=e.width,y=function(e){return n.jsx(t.Currency,{amount:h,className:e,code:d})},w=s?h*s:h,x=function(e){return n.jsx(t.Currency,{amount:w,className:e,code:u})},_=d&&g,b=u&&f&&s,q=d===u;return b&&_&&!q?n.jsxs(p,{className:r,isTabular:l,width:null==v?void 0:v.toString(),children:[y(),n.jsx(i.ArrowSwapIcon,{size:12}),x()]}):q||_?y(r):b?x(r):null};

package/components/danger-zone/DangerZone.d.ts

@@ -1 +1 @@
-export declare const DangerZone: import("styled-components").StyledComponent<({ actions, children, className, footerActions, footerContent, footerHeight, label, spacing, }: import("../card/Card").CardProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const DangerZone: import("styled-components").StyledComponent<({ actions, children, className, footerActions, footerContent, footerHeight, label, spacing, }: import("src/components/card/Card").CardProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/components/dialog/Dialog.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { Theme } from "../../types/Theme";
+import type { Theme } from 'src/types/Theme';
 export type DialogProps = {
     actions?: ReactNode;
     children: ReactNode;

package/components/dialog/Dialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),r=require("../text/Text.js"),i=require("../../icons/RemoveCircleDuotoneIcon.js"),o=require("../../styles/constants/theme.js"),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("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");var d=c(a),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"])),o.theme.space24,o.theme.space16,o.theme.radius12,o.theme.radius12,o.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"])),o.theme.gray200,o.theme.gray800,o.theme.gray300,o.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"])),o.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"])),o.theme.space8),b=d.default.div(T||(T=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"])),o.theme.space24,o.theme.radius12,o.theme.radius12,o.theme.space8);a.css(q||(q=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:\n    0 0,\n    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:\n    0 0,\n    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(_||(_=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"])),o.theme.space8,o.theme.space24),z=t.forwardRef((function(e,t){var a=e.actions,o=e.children,s=e.className,c=e.closeOnBlur,d=e.closeOnEsc,u=e.label,k=e.leftActions,v=e.noBorder,w=e.onClose,x=e.open,j=e.subtitle,y=e.themeOverride,T=e.width;return n.jsxs(l.BaseDialog,{className:s,closeOnBlur:c,closeOnEsc:d,"data-theme":y,noBorder:v,onClose:w,open:x,width:T,children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(r.Text,{type:"title",children:u}),n.jsx(p,{icon:n.jsx(i.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:w})]}),j&&n.jsx(r.Text,{type:"subtitle",children:j})]}),n.jsx(O,{ref:t,children:o}),(a||k)&&n.jsxs(b,{children:[k&&n.jsx(g,{children:k}),a&&n.jsx(f,{children:a})]})]})}));exports.Dialog=z;
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),r=require("../button/Button.js"),i=require("./_BaseDialog.js"),o=require("../text/Text.js"),s=require("../../icons/RemoveCircleDuotoneIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js"),require("../../icons/icon-base/_IconBase.js");var d=c(a),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"])),l.theme.space24,l.theme.space16,l.theme.radius12,l.theme.radius12,l.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(r.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"])),l.theme.gray200,l.theme.gray800,l.theme.gray300,l.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"])),l.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"])),l.theme.space8),b=d.default.div(T||(T=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"])),l.theme.space24,l.theme.radius12,l.theme.radius12,l.theme.space8);a.css(q||(q=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:\n    0 0,\n    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:\n    0 0,\n    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(_||(_=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"])),l.theme.space8,l.theme.space24),z=t.forwardRef((function(e,t){var a=e.actions,r=e.children,l=e.className,c=e.closeOnBlur,d=e.closeOnEsc,u=e.label,k=e.leftActions,v=e.noBorder,w=e.onClose,x=e.open,j=e.subtitle,y=e.themeOverride,T=e.width;return n.jsxs(i.BaseDialog,{className:l,closeOnBlur:c,closeOnEsc:d,"data-theme":y,noBorder:v,onClose:w,open:x,width:T,children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(o.Text,{type:"title",children:u}),n.jsx(p,{icon:n.jsx(s.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:w})]}),j&&n.jsx(o.Text,{type:"subtitle",children:j})]}),n.jsx(O,{ref:t,children:r}),(a||k)&&n.jsxs(b,{children:[k&&n.jsx(g,{children:k}),a&&n.jsx(f,{children:a})]})]})}));exports.Dialog=z;

package/components/dialog/_BaseDialog.d.ts

@@ -1,5 +1,5 @@
 import React, { type ReactNode } from 'react';
-import type { Theme } from "../../types/Theme";
+import type { Theme } from 'src/types/Theme';
 export type BaseDialogProps = {
     children: ReactNode;
     className?: string;

package/components/dialog/_BaseDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),i=require("framer-motion"),r=require("styled-components"),a=require("../backdrop/Backdrop.js"),d=require("../../styles/constants/theme.js"),u=require("../../utils/hooks/useAminoTheme.js");function s(e){return e&&e.__esModule?e:{default:e}}require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");var l,c,h=s(r),m=h.default.div(l||(l=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"])),d.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"])),d.theme.surfaceColor,(function(e){return e.width}),d.theme.radius12,d.theme.v3ShadowXxl,(function(e){return!e.noBorder&&d.theme.border}));exports.BaseDialog=function(e){var r=e.children,d=e.className,s=e.closeOnBlur,l=void 0===s||s,c=e.closeOnEsc,h=void 0===c||c,p=e.noBorder,v=void 0!==p&&p,x=e.onClose,y=e.open,w=e.themeOverride,b=e.width,g=u.useAminoTheme().aminoTheme,j=t.useRef(null),q=t.useRef(null),k=t.useRef(null);return t.useEffect((function(){var e,n;(null===(e=q.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(n=q.current)||void 0===n||n.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=y?"hidden":"auto")}),[y]),"undefined"!=typeof document?o.createPortal(n.jsx(i.AnimatePresence,{children:y&&n.jsxs(n.Fragment,{children:[n.jsx(a.Backdrop,{ref:q,animate:{opacity:.65},"data-theme":w||g,exit:{opacity:0},initial:{opacity:0},transition:{duration:.3}},"dialog-backdrop"),n.jsx(m,{ref:k,"data-theme":w||g,onKeyDown:function(e){x&&h&&"Escape"===e.key&&x()},onMouseDown:function(e){j.current=e.target},onMouseUp:function(e){var n=e.target===j.current,t=x&&l&&e.target===k.current;n&&t&&x(),j.current=null},tabIndex:-1,children:n.jsx(f,{animate:{opacity:1,scale:1},className:[d||"","elevated"].join(" "),exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},noBorder:v,onClick:function(e){e.stopPropagation()},transition:{duration:.3,ease:[.4,0,.2,1]},width:b||444,children:r},"dialog")})]})}),document.querySelector("body")):null};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),i=require("framer-motion"),r=require("styled-components"),a=require("../backdrop/Backdrop.js"),d=require("../../styles/constants/theme.js"),u=require("../../utils/hooks/useAminoTheme.js");function s(e){return e&&e.__esModule?e:{default:e}}require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js");var l,c,h=s(r),m=h.default.div(l||(l=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"])),d.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"])),d.theme.surfaceColor,(function(e){return e.width}),d.theme.radius12,d.theme.v3ShadowXxl,(function(e){return!e.noBorder&&d.theme.border}));exports.BaseDialog=function(e){var r=e.children,d=e.className,s=e.closeOnBlur,l=void 0===s||s,c=e.closeOnEsc,h=void 0===c||c,p=e.noBorder,v=void 0!==p&&p,x=e.onClose,y=e.open,w=e.themeOverride,b=e.width,g=u.useAminoTheme().aminoTheme,j=t.useRef(null),q=t.useRef(null),k=t.useRef(null);return t.useEffect((function(){var e,n;(null===(e=q.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(n=q.current)||void 0===n||n.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=y?"hidden":"auto")}),[y]),"undefined"!=typeof document?o.createPortal(n.jsx(i.AnimatePresence,{children:y&&n.jsxs(n.Fragment,{children:[n.jsx(a.Backdrop,{ref:q,animate:{opacity:.65},"data-theme":w||g,exit:{opacity:0},initial:{opacity:0},transition:{duration:.3}},"dialog-backdrop"),n.jsx(m,{ref:k,"data-theme":w||g,onKeyDown:function(e){x&&h&&"Escape"===e.key&&x()},onMouseDown:function(e){j.current=e.target},onMouseUp:function(e){var n=e.target===j.current,t=x&&l&&e.target===k.current;n&&t&&x(),j.current=null},tabIndex:-1,children:n.jsx(f,{animate:{opacity:1,scale:1},className:[d||"","elevated"].join(" "),exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},noBorder:v,onClick:function(e){e.stopPropagation()},transition:{duration:.3,ease:[.4,0,.2,1]},width:b||444,children:r},"dialog")})]})}),document.querySelector("body")):null};

package/components/drop-zone/DropZone.d.ts

@@ -1,5 +1,5 @@
 import { type DropzoneOptions } from 'react-dropzone';
-import { type UploadedFile } from "../../types/UploadedFile";
+import { type UploadedFile } from 'src/types/UploadedFile';
 export type DropZoneProps = {
     className?: string;
     /**