@zonos/amino 4.4.34 → 5.0.1

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

@@ -4,5 +4,5 @@ export declare const AlertContext: import("react").Context<(opts: AlertDialogOpt
 type Props = {
     children: ReactNode;
 };
-export declare const AlertContextProvider: ({ children }: Props) => JSX.Element;
+export declare const AlertContextProvider: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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,e.__assign({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("../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})]})};

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

@@ -10,4 +10,4 @@ export type AlertDialogProps = {
     themeOverride?: Theme;
     dismissAction: () => void;
 };
-export declare const AlertDialog: ({ dismissAction, dismissText, intent, label, open, subtitle, themeOverride, }: AlertDialogProps) => JSX.Element;
+export declare const AlertDialog: ({ dismissAction, dismissText, intent, label, open, subtitle, themeOverride, }: AlertDialogProps) => import("react/jsx-runtime").JSX.Element;

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"),a=require("../stack/VStack.js"),o=require("../text/Text.js"),u=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("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.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),_=q.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),f=function(e){switch(e){case"danger":return n.jsx(u.ExclamationMarkIcon,{});case"warning":return n.jsx(l.WarningIcon,{});default:return n.jsx(c.HelpIcon,{})}};exports.AlertDialog=function(t){var u=t.dismissAction,c=t.dismissText,l=t.intent,d=t.label,j=t.open,p=t.subtitle,m=t.themeOverride;return n.jsx(r.BaseDialog,e.__assign({"data-theme":m,onClose:u,open:j,width:350},{children:n.jsx(g,{children:n.jsxs(a.VStack,e.__assign({spacing:16},{children:[n.jsx(s.RoundedIcon,e.__assign({intent:l},{children:f(l)})),n.jsxs("div",{children:[n.jsx(o.Text,e.__assign({type:"title"},{children:d})),n.jsx(_,{children:p})]}),n.jsx(h,{children:n.jsx(i.Button,e.__assign({intent:l,onClick:u},{children:c}))})]}))})}))};
+"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})})]})})})};

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

package/components/avatar/AvatarBase.d.ts

@@ -20,5 +20,5 @@ type AvartarBaseProps = Required<AvatarProps> & {
     backgroundUrl?: string;
     children?: ReactNode;
 };
-export declare const AvatarBase: ({ children, ...rest }: AvartarBaseProps) => JSX.Element;
+export declare const AvatarBase: ({ children, ...rest }: AvartarBaseProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/avatar/AvatarBase.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var o,i,s,d,c,u=a(r),b={round:"50%",rounded:"10px",square:"0px"},l=u.default.div(i||(i=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: ",";\n  border: ",";\n\n  ","\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: ",";\n  border: ",";\n\n  ","\n"])),t.theme.gray100,(function(e){return e.$bordered?"".concat(e.$size/16,"px solid ").concat(t.theme.gray0):void 0}),(function(n){return n.$size&&r.css(o||(o=e.__makeTemplateObject(["\n      border-radius: ",";\n      height: ","px;\n      width: ","px;\n    "],["\n      border-radius: ",";\n      height: ","px;\n      width: ","px;\n    "])),b[n.$shape],n.$size,n.$size)})),g=u.default.div(c||(c=e.__makeTemplateObject(["\n  background-color: ",";\n  height: 100%;\n  width: 100%;\n\n  ","\n\n  ","\n"],["\n  background-color: ",";\n  height: 100%;\n  width: 100%;\n\n  ","\n\n  ","\n"])),t.theme.gray100,(function(n){return r.css(s||(s=e.__makeTemplateObject(["\n    border-radius: ",";\n  "],["\n    border-radius: ",";\n  "])),b[n.shape])}),(function(n){return n.backgroundUrl&&r.css(d||(d=e.__makeTemplateObject(["\n      background-image: url(",");\n      background-position: ",";\n      background-repeat: no-repeat;\n      background-size: ",";\n    "],["\n      background-image: url(",");\n      background-position: ",";\n      background-repeat: no-repeat;\n      background-size: ",";\n    "])),n.backgroundUrl,n.backgroundPosition||"center",n.backgroundSize)}));exports.AvatarBase=function(r){var t=r.children,a=e.__rest(r,["children"]);return n.jsx(l,e.__assign({$bordered:a.bordered,$shape:a.shape,$size:a.size},{children:t||n.jsx(g,e.__assign({},a))}))},exports.avatarShapes=b;
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var o,i,s,d,c,u=a(r),b={round:"50%",rounded:"10px",square:"0px"},l=u.default.div(i||(i=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: ",";\n  border: ",";\n\n  ","\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: ",";\n  border: ",";\n\n  ","\n"])),t.theme.gray100,(function(e){return e.$bordered?"".concat(e.$size/16,"px solid ").concat(t.theme.gray0):void 0}),(function(n){return n.$size&&r.css(o||(o=e.__makeTemplateObject(["\n      border-radius: ",";\n      height: ","px;\n      width: ","px;\n    "],["\n      border-radius: ",";\n      height: ","px;\n      width: ","px;\n    "])),b[n.$shape],n.$size,n.$size)})),g=u.default.div(c||(c=e.__makeTemplateObject(["\n  background-color: ",";\n  height: 100%;\n  width: 100%;\n\n  ","\n\n  ","\n"],["\n  background-color: ",";\n  height: 100%;\n  width: 100%;\n\n  ","\n\n  ","\n"])),t.theme.gray100,(function(n){return r.css(s||(s=e.__makeTemplateObject(["\n    border-radius: ",";\n  "],["\n    border-radius: ",";\n  "])),b[n.shape])}),(function(n){return n.backgroundUrl&&r.css(d||(d=e.__makeTemplateObject(["\n      background-image: url(",");\n      background-position: ",";\n      background-repeat: no-repeat;\n      background-size: ",";\n    "],["\n      background-image: url(",");\n      background-position: ",";\n      background-repeat: no-repeat;\n      background-size: ",";\n    "])),n.backgroundUrl,n.backgroundPosition||"center",n.backgroundSize)}));exports.AvatarBase=function(r){var t=r.children,a=e.__rest(r,["children"]);return n.jsx(l,{$bordered:a.bordered,$shape:a.shape,$size:a.size,children:t||n.jsx(g,e.__assign({},a))})},exports.avatarShapes=b;

package/components/avatar/ImageAvatar.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { type AvatarProps } from './AvatarBase';
 export type ImageAvatarProps = {
     imageUrl: string;
 } & AvatarProps;
-export declare const ImageAvatar: ({ bordered, imageUrl, shape, size, }: ImageAvatarProps) => JSX.Element;
+export declare const ImageAvatar: ({ bordered, imageUrl, shape, size, }: ImageAvatarProps) => import("react/jsx-runtime").JSX.Element;

package/components/avatar/UserAvatar.d.ts

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

package/components/badge/Badge.d.ts

@@ -16,5 +16,5 @@ export interface BadgeProps {
      */
     size?: Size;
 }
-export declare const Badge: ({ bold, children, className, color, fontWeight, icon, iconRight, rounded, size, }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ bold, children, className, color, fontWeight, icon, iconRight, rounded, size, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/badge/Badge.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),e=require("styled-components"),r=require("../../styles/constants/theme.js");function c(n){return n&&n.__esModule?n:{default:n}}var l,g,d=c(e),i=d.default.div(l||(l=n.__makeTemplateObject(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]))),t=d.default.div(g||(g=n.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n  font-size: ",";\n  padding: 2px 6px;\n  text-align: center;\n  border-radius: ",";\n  background-color: ",";\n  color: ",";\n  align-items: center;\n\n  p {\n    margin: 0;\n    font-weight: ",";\n    line-height: 16px;\n  }\n  svg {\n    order: ",";\n  }\n\n  &.bold {\n    // bold config default (gray)\n    background-color: ",";\n    color: ",";\n    & svg {\n      color: ",";\n    }\n  }\n\n  // size\n  &.large {\n    padding: 4px 8px;\n  }\n\n  &.blue {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.green {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.red {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.orange {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.purple {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.cyan {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n"],["\n  display: flex;\n  gap: ",";\n  font-size: ",";\n  padding: 2px 6px;\n  text-align: center;\n  border-radius: ",";\n  background-color: ",";\n  color: ",";\n  align-items: center;\n\n  p {\n    margin: 0;\n    font-weight: ",";\n    line-height: 16px;\n  }\n  svg {\n    order: ",";\n  }\n\n  &.bold {\n    // bold config default (gray)\n    background-color: ",";\n    color: ",";\n    & svg {\n      color: ",";\n    }\n  }\n\n  // size\n  &.large {\n    padding: 4px 8px;\n  }\n\n  &.blue {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.green {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.red {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.orange {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.purple {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.cyan {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n"])),r.theme.space8,r.theme.fontSizeS,(function(n){return n.rounded?"20px":r.theme.radius6}),r.theme.gray100,r.theme.gray800,(function(n){return n.fontWeight||"600"}),(function(n){return n.iconRight?"2":""}),r.theme.gray600,r.theme.gray100,r.theme.gray100,r.theme.blue100,r.theme.blue800,r.theme.blue600,r.theme.blue100,r.theme.blue100,r.theme.green100,r.theme.green800,r.theme.green600,r.theme.green100,r.theme.green100,r.theme.red100,r.theme.red800,r.theme.red600,r.theme.red100,r.theme.red100,r.theme.orange100,r.theme.orange800,r.theme.orange600,r.theme.orange100,r.theme.orange100,r.theme.purple100,r.theme.purple800,r.theme.purple600,r.theme.purple100,r.theme.purple100,r.theme.cyan100,r.theme.cyan800,r.theme.cyan600,r.theme.cyan100);exports.Badge=function(e){var r=e.bold,c=e.children,l=e.className,g=e.color,d=void 0===g?"gray":g,a=e.fontWeight,b=e.icon,u=e.iconRight,s=e.rounded,h=void 0!==s&&s,m=e.size,f=void 0===m?"large":m;return o.jsx(i,n.__assign({className:l},{children:o.jsxs(t,n.__assign({bold:!!r,className:[d,f,r?"bold":""].join(" "),color:d,fontWeight:a,iconRight:u,rounded:h,size:f},{children:[b,o.jsx("p",{children:c})]}))}))};
+"use strict";var n=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),e=require("styled-components"),r=require("../../styles/constants/theme.js");function c(n){return n&&n.__esModule?n:{default:n}}var l,g,d=c(e),t=d.default.div(l||(l=n.__makeTemplateObject(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]))),i=d.default.div(g||(g=n.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n  font-size: ",";\n  padding: 2px 6px;\n  text-align: center;\n  border-radius: ",";\n  background-color: ",";\n  color: ",";\n  align-items: center;\n\n  p {\n    margin: 0;\n    font-weight: ",";\n    line-height: 16px;\n  }\n  svg {\n    order: ",";\n  }\n\n  &.bold {\n    // bold config default (gray)\n    background-color: ",";\n    color: ",";\n    & svg {\n      color: ",";\n    }\n  }\n\n  // size\n  &.large {\n    padding: 4px 8px;\n  }\n\n  &.blue {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.green {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.red {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.orange {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.purple {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.cyan {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n"],["\n  display: flex;\n  gap: ",";\n  font-size: ",";\n  padding: 2px 6px;\n  text-align: center;\n  border-radius: ",";\n  background-color: ",";\n  color: ",";\n  align-items: center;\n\n  p {\n    margin: 0;\n    font-weight: ",";\n    line-height: 16px;\n  }\n  svg {\n    order: ",";\n  }\n\n  &.bold {\n    // bold config default (gray)\n    background-color: ",";\n    color: ",";\n    & svg {\n      color: ",";\n    }\n  }\n\n  // size\n  &.large {\n    padding: 4px 8px;\n  }\n\n  &.blue {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.green {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.red {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.orange {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.purple {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.cyan {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n"])),r.theme.space8,r.theme.fontSizeS,(function(n){return n.rounded?"20px":r.theme.radius6}),r.theme.gray100,r.theme.gray800,(function(n){return n.fontWeight||"600"}),(function(n){return n.iconRight?"2":""}),r.theme.gray600,r.theme.gray100,r.theme.gray100,r.theme.blue100,r.theme.blue800,r.theme.blue600,r.theme.blue100,r.theme.blue100,r.theme.green100,r.theme.green800,r.theme.green600,r.theme.green100,r.theme.green100,r.theme.red100,r.theme.red800,r.theme.red600,r.theme.red100,r.theme.red100,r.theme.orange100,r.theme.orange800,r.theme.orange600,r.theme.orange100,r.theme.orange100,r.theme.purple100,r.theme.purple800,r.theme.purple600,r.theme.purple100,r.theme.purple100,r.theme.cyan100,r.theme.cyan800,r.theme.cyan600,r.theme.cyan100);exports.Badge=function(n){var e=n.bold,r=n.children,c=n.className,l=n.color,g=void 0===l?"gray":l,d=n.fontWeight,a=n.icon,b=n.iconRight,u=n.rounded,h=void 0!==u&&u,s=n.size,m=void 0===s?"large":s;return o.jsx(t,{className:c,children:o.jsxs(i,{bold:!!e,className:[g,m,e?"bold":""].join(" "),color:g,fontWeight:d,iconRight:b,rounded:h,size:m,children:[a,o.jsx("p",{children:r})]})})};

package/components/banner/Banner.d.ts

@@ -9,4 +9,4 @@ export type BannerProps = {
     title?: ReactNode;
     onClose?: () => void;
 };
-export declare const Banner: ({ children, className, footerActions, headerActions, intent, onClose, title, }: BannerProps) => JSX.Element;
+export declare const Banner: ({ children, className, footerActions, headerActions, intent, onClose, title, }: BannerProps) => import("react/jsx-runtime").JSX.Element;

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"),s=require("../../icons/RemoveIcon.js"),l=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 g,j,p,_,f,x,h,b,k,y,I,C,q,v,T=m(r),O=T.default.div(g||(g=e.__makeTemplateObject(["\n  border-radius: ",";\n  padding: ",";\n"],["\n  border-radius: ",";\n  padding: ",";\n"])),u.theme.radius6,u.theme.space16),D=T.default.div(j||(j=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(p||(p=e.__makeTemplateObject(["\n  grid-area: icon;\n  justify-self: start;\n"],["\n  grid-area: icon;\n  justify-self: start;\n"]))),B=T.default.div(_||(_=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)(f||(f=e.__makeTemplateObject(["\n  && {\n    width: 20px;\n  }\n"],["\n  && {\n    width: 20px;\n  }\n"]))),z=T.default.div(x||(x=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(h||(h=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(b||(b=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,g=r.footerActions,j=r.headerActions,p=r.intent,_=r.onClose,f=r.title,x=function(r){var a=r.intentIcon,c=r.removeIconColor,i=!!u&&!f&&!g,l=e.__read([f&&n.jsxs(S,{children:[n.jsx(t.Text,e.__assign({color:c,type:"label"},{children:f})),j&&n.jsx(o.HStack,e.__assign({spacing:8},{children:j}))]}),u,g&&n.jsx(H,{children:n.jsx(o.HStack,e.__assign({spacing:8},{children:g}))})].filter(Boolean),3),d=l[0],m=l[1],p=l[2];return n.jsxs(D,e.__assign({onlyContent:i,withoutCloseButton:!_},{children:[n.jsx(w,{children:a}),_&&n.jsx(B,{children:n.jsx(R,{icon:n.jsx(s.RemoveIcon,{color:c,size:20}),intent:"text",onClick:_})}),n.jsx(z,e.__assign({color:c},{children:d})),m&&n.jsxs(N,{children:[m,p]})]}))};switch(p){case"info":return n.jsx(W,e.__assign({className:m},{children:x({intentIcon:n.jsx(a.CheckCircleDuotoneIcon,{color:"blue800",secondaryColor:"blue300",size:20}),removeIconColor:"blue800"})}));case"success":return n.jsx(G,e.__assign({className:m},{children:x({intentIcon:n.jsx(a.CheckCircleDuotoneIcon,{color:"green800",secondaryColor:"green300",size:20}),removeIconColor:"green800"})}));case"warning":return n.jsx(M,e.__assign({className:m},{children:x({intentIcon:n.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange300",size:20}),removeIconColor:"orange800"})}));case"error":return n.jsx(E,e.__assign({className:m},{children:x({intentIcon:n.jsx(i.RemoveCircleDuotoneIcon,{color:"red800",secondaryColor:"red300",size:20}),removeIconColor:"red800"})}));default:return n.jsx(A,e.__assign({className:m},{children:x({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("../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"})})}};

package/components/button/Button.d.ts

@@ -39,5 +39,5 @@ export type ButtonProps<T extends GroupTag = 'button'> = ButtonBase & Omit<Compo
     onClick?: MouseEventHandler<MyHtmlElement<T>>;
     tag?: T;
 };
-export declare function Button<T extends GroupTag = 'button'>({ children, className, disabled, icon, iconRight, intent, loading, loadingText, noRipple, size, spinnerColor, tag: _tag, themeOverride, type, ...props }: ButtonProps<T>): JSX.Element;
+export declare function Button<T extends GroupTag = 'button'>({ children, className, disabled, icon, iconRight, intent, loading, loadingText, noRipple, size, spinnerColor, tag: _tag, themeOverride, type, ...props }: ButtonProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/button/MenuButton.d.ts

@@ -5,4 +5,4 @@ export type MenuButtonProps = {
     open: boolean;
     setOpen: (open: boolean) => void;
 };
-export declare const MenuButton: ({ action, children, open, setOpen, }: MenuButtonProps) => JSX.Element;
+export declare const MenuButton: ({ action, children, open, setOpen, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/button/MenuButton.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),o=require("../../animations/DropdownAnimation.js"),r=require("../surface/Surface.js"),a=require("../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}var u,d,m=s(i),c=m.default.div(u||(u=n.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),l=m.default(r.Surface)(d||(d=n.__makeTemplateObject(["\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  border: ",";\n  z-index: 10;\n  position: absolute;\n  padding: "," 0;\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"],["\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  border: ",";\n  z-index: 10;\n  position: absolute;\n  padding: "," 0;\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"])),o.DropdownAnimation,a.theme.border,a.theme.radius6,a.theme.space8);exports.MenuButton=function(i){var o=i.action,r=i.children,a=i.open,s=i.setOpen,u=t.useRef(null),d=t.useCallback((function(n){var e,t=n.target;(null===(e=null==u?void 0:u.current)||void 0===e?void 0:e.contains(t))||s(!1)}),[s]);return t.useEffect((function(){return document.addEventListener("mousedown",d),function(){document.removeEventListener("mousedown",d)}}),[d]),e.jsxs(c,n.__assign({ref:u},{children:[o,a&&e.jsx(l,n.__assign({dense:!0,depth:"depth16"},{children:r}))]}))};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),o=require("../../animations/DropdownAnimation.js"),r=require("../surface/Surface.js"),a=require("../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}var u,d,m=s(i),c=m.default.div(u||(u=n.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),l=m.default(r.Surface)(d||(d=n.__makeTemplateObject(["\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  border: ",";\n  z-index: 10;\n  position: absolute;\n  padding: "," 0;\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"],["\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  border: ",";\n  z-index: 10;\n  position: absolute;\n  padding: "," 0;\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"])),o.DropdownAnimation,a.theme.border,a.theme.radius6,a.theme.space8);exports.MenuButton=function(n){var i=n.action,o=n.children,r=n.open,a=n.setOpen,s=t.useRef(null),u=t.useCallback((function(n){var e,t=n.target;(null===(e=null==s?void 0:s.current)||void 0===e?void 0:e.contains(t))||a(!1)}),[a]);return t.useEffect((function(){return document.addEventListener("mousedown",u),function(){document.removeEventListener("mousedown",u)}}),[u]),e.jsxs(c,{ref:s,children:[i,r&&e.jsx(l,{dense:!0,depth:"depth16",children:o})]})};

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),_=y[0],b=y[1],h=d.useRef(null),v=function(){return b((function(n){return n.slice(1)}))},g=d.useCallback((function(r){if(h.current){var t={destroy:v,duration:c,style:m(r,h.current)};b((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:g}}),[g]),e.jsx(f,n.__assign({ref:h,$color:a,$duration:c,$opacity:p},{children:e.jsx(t.AnimatePresence,{children:_.map((function(r){return e.jsx(t.motion.div,n.__assign({animate:{opacity:1},exit:{opacity:0},initial:{opacity:1}},{children:r.element}),r.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("../../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;

package/components/button/_Ripple.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type RippleProps = {
     /** duration of the ripple */
     duration: number;
@@ -11,4 +10,4 @@ export type RippleProps = {
     /** Removes the ripple */
     destroy: () => void;
 };
-export declare const Ripple: ({ destroy, duration, style }: RippleProps) => JSX.Element;
+export declare const Ripple: ({ destroy, duration, style }: RippleProps) => import("react/jsx-runtime").JSX.Element;

package/components/card/Card.d.ts

@@ -9,4 +9,4 @@ export type CardProps = {
     label?: ReactNode;
     spacing?: string;
 };
-export declare const Card: ({ actions, children, className, footerActions, footerContent, footerHeight, label, spacing, }: CardProps) => JSX.Element;
+export declare const Card: ({ actions, children, className, footerActions, footerContent, footerHeight, label, spacing, }: CardProps) => import("react/jsx-runtime").JSX.Element;

package/components/card/Card.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../stack/HStack.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js");var c,o,d,g=s(t),h=g.default.div(c||(c=e.__makeTemplateObject(["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n\n  /** Dividers should stretch the whole width by default */\n  hr {\n    margin-left: ",";\n    margin-right: ",";\n  }\n"],["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n\n  /** Dividers should stretch the whole width by default */\n  hr {\n    margin-left: ",";\n    margin-right: ",";\n  }\n"])),a.theme.border,a.theme.radius6,(function(e){return e.spacing||a.theme.space24}),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):a.theme.spaceNegative24}),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):a.theme.spaceNegative24})),u=g.default.header(o||(o=e.__makeTemplateObject(["\n  margin: ",";\n  padding: ",";\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  border-bottom: ",";\n  height: 65px;\n  line-height: 65px;\n  user-select: none;\n\n  h5 {\n    margin-bottom: 0;\n    flex: 1;\n  }\n"],["\n  margin: ",";\n  padding: ",";\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  border-bottom: ",";\n  height: 65px;\n  line-height: 65px;\n  user-select: none;\n\n  h5 {\n    margin-bottom: 0;\n    flex: 1;\n  }\n"])),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):a.theme.spaceNegative24}),(function(e){return e.spacing||a.theme.space24}),(function(e){return e.spacing||a.theme.space24}),a.theme.border),l=g.default.footer(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: ",";\n  padding: ",";\n  border-top: ",";\n  background: ",";\n  margin-top: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  height: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: ",";\n  padding: ",";\n  border-top: ",";\n  background: ",";\n  margin-top: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  height: ",";\n"])),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):a.theme.spaceNegative24}),(function(e){return e.spacing||a.theme.space24}),a.theme.border,a.theme.surfaceColorSecondary,(function(e){return e.spacing||a.theme.space24}),a.theme.radius8,a.theme.radius8,(function(e){return e.footerHeight&&"".concat(e.footerHeight,"px")}));exports.Card=function(t){var s=t.actions,c=t.children,o=t.className,d=t.footerActions,g=t.footerContent,m=t.footerHeight,p=t.label,f=t.spacing,b=void 0===f?a.theme.space24:f;return n.jsxs(h,e.__assign({className:o||"",spacing:b},{children:[p&&n.jsxs(u,e.__assign({spacing:b},{children:[n.jsx(i.Text,e.__assign({type:"subheader"},{children:p})),n.jsx(r.HStack,e.__assign({spacing:8},{children:s}))]})),c,(d||g)&&n.jsxs(l,e.__assign({footerHeight:m,spacing:b},{children:[n.jsx("div",{children:g}),n.jsx(r.HStack,e.__assign({spacing:8},{children:d}))]}))]}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../stack/HStack.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js");var s,o,d,h=c(t),g=h.default.div(s||(s=e.__makeTemplateObject(["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n\n  /** Dividers should stretch the whole width by default */\n  hr {\n    margin-left: ",";\n    margin-right: ",";\n  }\n"],["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n\n  /** Dividers should stretch the whole width by default */\n  hr {\n    margin-left: ",";\n    margin-right: ",";\n  }\n"])),a.theme.border,a.theme.radius6,(function(e){return e.spacing||a.theme.space24}),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):a.theme.spaceNegative24}),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):a.theme.spaceNegative24})),u=h.default.header(o||(o=e.__makeTemplateObject(["\n  margin: ",";\n  padding: ",";\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  border-bottom: ",";\n  height: 65px;\n  line-height: 65px;\n  user-select: none;\n\n  h5 {\n    margin-bottom: 0;\n    flex: 1;\n  }\n"],["\n  margin: ",";\n  padding: ",";\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  border-bottom: ",";\n  height: 65px;\n  line-height: 65px;\n  user-select: none;\n\n  h5 {\n    margin-bottom: 0;\n    flex: 1;\n  }\n"])),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):a.theme.spaceNegative24}),(function(e){return e.spacing||a.theme.space24}),(function(e){return e.spacing||a.theme.space24}),a.theme.border),l=h.default.footer(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: ",";\n  padding: ",";\n  border-top: ",";\n  background: ",";\n  margin-top: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  height: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: ",";\n  padding: ",";\n  border-top: ",";\n  background: ",";\n  margin-top: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  height: ",";\n"])),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):a.theme.spaceNegative24}),(function(e){return e.spacing||a.theme.space24}),a.theme.border,a.theme.surfaceColorSecondary,(function(e){return e.spacing||a.theme.space24}),a.theme.radius8,a.theme.radius8,(function(e){return e.footerHeight&&"".concat(e.footerHeight,"px")}));exports.Card=function(e){var t=e.actions,c=e.children,s=e.className,o=e.footerActions,d=e.footerContent,h=e.footerHeight,m=e.label,p=e.spacing,f=void 0===p?a.theme.space24:p;return n.jsxs(g,{className:s||"",spacing:f,children:[m&&n.jsxs(u,{spacing:f,children:[n.jsx(i.Text,{type:"subheader",children:m}),n.jsx(r.HStack,{spacing:8,children:t})]}),c,(o||d)&&n.jsxs(l,{footerHeight:h,spacing:f,children:[n.jsx("div",{children:d}),n.jsx(r.HStack,{spacing:8,children:o})]})]})};

package/components/checkbox/Checkbox.d.ts

@@ -9,4 +9,4 @@ export type CheckboxProps = {
     subtitle?: string;
     onChange: (checked: boolean, event: MouseEvent<HTMLLabelElement>) => void;
 };
-export declare const Checkbox: ({ checked, disabled, icon, label, labelComponent, labelDescription, onChange, subtitle, }: CheckboxProps) => JSX.Element;
+export declare const Checkbox: ({ checked, disabled, icon, label, labelComponent, labelDescription, onChange, subtitle, }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/components/checkbox/Checkbox.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("framer-motion"),r=require("styled-components"),a=require("../text/Text.js"),o=require("../../icons/CheckmarkIcon.js"),s=require("../../styles/constants/theme.js"),c=require("../../utils/getTestId.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../../icons/icon-base/_IconBase.js");var d,h,u,m,p,x,g=l(r),b=i.motion(o.CheckmarkIcon),f=g.default.div(d||(d=n.__makeTemplateObject(["\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: ",";\n  background: ",";\n  border: ",";\n  transition: all 150ms ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  margin-right: 8px;\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: ",";\n    box-shadow: ",";\n    width: 14px;\n    height: 14px;\n  }\n"],["\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: ",";\n  background: ",";\n  border: ",";\n  transition: all 150ms ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  margin-right: 8px;\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: ",";\n    box-shadow: ",";\n    width: 14px;\n    height: 14px;\n  }\n"])),s.theme.radius4,(function(n){return n.checked?s.theme.primary:s.theme.inputBackground}),(function(n){return n.checked?"none":"1.5px solid ".concat(s.theme.gray400)}),s.theme.glowBlue,s.theme.gray0,s.theme.v3ShadowBase),k=g.default(a.Text)(h||(h=n.__makeTemplateObject([""],[""]))),j=g.default.span(u||(u=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),s.theme.gray600),y=g.default(a.Text)(m||(m=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),_=g.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"]))),w=g.default.label(x||(x=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  user-select: none;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n      border: ",";\n      &:active {\n        box-shadow: none;\n      }\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      svg {\n        opacity: 0.6;\n      }\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  user-select: none;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n      border: ",";\n      &:active {\n        box-shadow: none;\n      }\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      svg {\n        opacity: 0.6;\n      }\n    }\n\n    cursor: not-allowed;\n  }\n"])),f,(function(n){return n.checked?s.theme.blue200:""}),(function(n){return n.checked?"2px solid ".concat(s.theme.blue200):"1.5px solid ".concat(s.theme.gray300)}),y,s.theme.gray600,k,s.theme.gray400,_);exports.Checkbox=function(r){var a=r.checked,o=void 0!==a&&a,s=r.disabled,l=r.icon,d=r.label,h=r.labelComponent,u=r.labelDescription,m=r.onChange,p=r.subtitle,x=t.useMemo((function(){return c.getTestId({componentName:"checkbox",name:d})}),[d]);return e.jsxs(w,n.__assign({checked:o,className:["amino-input-wrapper",s?"disabled":""].join(" "),"data-testid":x,htmlFor:d,onClick:function(n){return!s&&m(!o,n)}},{children:[e.jsx(f,n.__assign({checked:o,id:d},{children:e.jsx(i.AnimatePresence,{children:o&&e.jsx(b,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})})),h||e.jsxs("div",{children:[e.jsxs(_,{children:[l,e.jsxs(y,n.__assign({type:"input-label"},{children:[d,u&&e.jsx(j,{children:u})]}))]}),p&&e.jsx(k,n.__assign({type:"subtitle"},{children:p}))]})]}))};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("framer-motion"),r=require("styled-components"),o=require("../text/Text.js"),a=require("../../icons/CheckmarkIcon.js"),c=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../../icons/icon-base/_IconBase.js");var d,h,u,m,p,x,g=l(r),b=i.motion(a.CheckmarkIcon),f=g.default.div(d||(d=n.__makeTemplateObject(["\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: ",";\n  background: ",";\n  border: ",";\n  transition: all 150ms ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  margin-right: 8px;\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: ",";\n    box-shadow: ",";\n    width: 14px;\n    height: 14px;\n  }\n"],["\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: ",";\n  background: ",";\n  border: ",";\n  transition: all 150ms ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  margin-right: 8px;\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: ",";\n    box-shadow: ",";\n    width: 14px;\n    height: 14px;\n  }\n"])),c.theme.radius4,(function(n){return n.checked?c.theme.primary:c.theme.inputBackground}),(function(n){return n.checked?"none":"1.5px solid ".concat(c.theme.gray400)}),c.theme.glowBlue,c.theme.gray0,c.theme.v3ShadowBase),k=g.default(o.Text)(h||(h=n.__makeTemplateObject([""],[""]))),j=g.default.span(u||(u=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),c.theme.gray600),y=g.default(o.Text)(m||(m=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),w=g.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"]))),v=g.default.label(x||(x=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  user-select: none;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n      border: ",";\n      &:active {\n        box-shadow: none;\n      }\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      svg {\n        opacity: 0.6;\n      }\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  user-select: none;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n      border: ",";\n      &:active {\n        box-shadow: none;\n      }\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      svg {\n        opacity: 0.6;\n      }\n    }\n\n    cursor: not-allowed;\n  }\n"])),f,(function(n){return n.checked?c.theme.blue200:""}),(function(n){return n.checked?"2px solid ".concat(c.theme.blue200):"1.5px solid ".concat(c.theme.gray300)}),y,c.theme.gray600,k,c.theme.gray400,w);exports.Checkbox=function(n){var r=n.checked,o=void 0!==r&&r,a=n.disabled,c=n.icon,l=n.label,d=n.labelComponent,h=n.labelDescription,u=n.onChange,m=n.subtitle,p=t.useMemo((function(){return s.getTestId({componentName:"checkbox",name:l})}),[l]);return e.jsxs(v,{checked:o,className:["amino-input-wrapper",a?"disabled":""].join(" "),"data-testid":p,htmlFor:l,onClick:function(n){return!a&&u(!o,n)},children:[e.jsx(f,{checked:o,id:l,children:e.jsx(i.AnimatePresence,{children:o&&e.jsx(b,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),d||e.jsxs("div",{children:[e.jsxs(w,{children:[c,e.jsxs(y,{type:"input-label",children:[l,h&&e.jsx(j,{children:h})]})]}),m&&e.jsx(k,{type:"subtitle",children:m})]})]})};

package/components/collapse/Collapse.d.ts

@@ -13,4 +13,4 @@ export type CollapseProps = {
      */
     collapsed?: boolean;
 };
-export declare const Collapse: ({ children, className, collapsed, collapseSize, }: CollapseProps) => JSX.Element;
+export declare const Collapse: ({ children, className, collapsed, collapseSize, }: CollapseProps) => import("react/jsx-runtime").JSX.Element;

package/components/collapse/Collapse.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("react");function i(e){return e&&e.__esModule?e:{default:e}}var r,o=i(require("styled-components")).default.div(r||(r=e.__makeTemplateObject(["\n  position: relative;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  overflow: ",";\n  visibility: ",";\n  height: ",";\n"],["\n  position: relative;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  overflow: ",";\n  visibility: ",";\n  height: ",";\n"])),(function(e){return e.hideOverflow?"hidden":void 0}),(function(e){return e.completelyCollapsed?"hidden":void 0}),(function(e){return e.currentlyCollapsed?"".concat(e.collapseSize,"px"):"".concat(e.$height,"px")}));exports.Collapse=function(i){var r=i.children,l=i.className,s=i.collapsed,a=void 0!==s&&s,u=i.collapseSize,c=void 0===u?0:u,d=e.__read(n.useState(a),2),p=d[0],f=d[1],h=e.__read(n.useState(a),2),v=h[0],m=h[1],_=e.__read(n.useState(),2),b=_[0],g=_[1],y=n.useRef(null),w=function(){if(null!==y.current){var e=window.getComputedStyle(y.current);return parseFloat(e.height)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+parseFloat(e.marginTop)+parseFloat(e.marginBottom)}};n.useEffect((function(){g(w());var e=null;return y.current&&(e=new ResizeObserver((function(){g(w())}))).observe(y.current),function(){null==e||e.disconnect()}}),[]),n.useEffect((function(){m(!0),a||f(!1)}),[a]);return t.jsx(o,e.__assign({$height:b,className:l,collapseSize:c,completelyCollapsed:p,currentlyCollapsed:a,hideOverflow:v,onTransitionEnd:function(){a?(m(!0),f(!0)):(m(!1),f(!1),g(w()))}},{children:t.jsx("div",e.__assign({ref:y,style:{position:"relative"}},{children:r}))}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("react");function r(e){return e&&e.__esModule?e:{default:e}}var i,o=r(require("styled-components")).default.div(i||(i=e.__makeTemplateObject(["\n  position: relative;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  overflow: ",";\n  visibility: ",";\n  height: ",";\n"],["\n  position: relative;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  overflow: ",";\n  visibility: ",";\n  height: ",";\n"])),(function(e){return e.hideOverflow?"hidden":void 0}),(function(e){return e.completelyCollapsed?"hidden":void 0}),(function(e){return e.currentlyCollapsed?"".concat(e.collapseSize,"px"):"".concat(e.$height,"px")}));exports.Collapse=function(r){var i=r.children,l=r.className,s=r.collapsed,a=void 0!==s&&s,u=r.collapseSize,c=void 0===u?0:u,d=e.__read(n.useState(a),2),p=d[0],f=d[1],h=e.__read(n.useState(a),2),v=h[0],m=h[1],b=e.__read(n.useState(),2),_=b[0],g=b[1],y=n.useRef(null),w=function(){if(null!==y.current){var e=window.getComputedStyle(y.current);return parseFloat(e.height)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+parseFloat(e.marginTop)+parseFloat(e.marginBottom)}};n.useEffect((function(){g(w());var e=null;return y.current&&(e=new ResizeObserver((function(){g(w())}))).observe(y.current),function(){null==e||e.disconnect()}}),[]),n.useEffect((function(){m(!0),a||f(!1)}),[a]);return t.jsx(o,{$height:_,className:l,collapseSize:c,completelyCollapsed:p,currentlyCollapsed:a,hideOverflow:v,onTransitionEnd:function(){a?(m(!0),f(!0)):(m(!1),f(!1),g(w()))},children:t.jsx("div",{ref:y,style:{position:"relative"},children:i})})};

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

@@ -4,5 +4,5 @@ export declare const ConfirmContext: import("react").Context<(opts: ConfirmDialo
 type Props = {
     children: ReactNode;
 };
-export declare const ConfirmContextProvider: ({ children }: Props) => JSX.Element;
+export declare const ConfirmContextProvider: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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),a=u[0],c=u[1],q=e.__read(i.useState(!1),2),l=q[0],j=q[1],m=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(t.Provider,e.__assign({value:m},{children:[n,a&&r.jsx(s.ConfirmDialog,{confirmAction:function(){j(!1),a.onConfirm(!0)},confirmText:a.confirmText,dismissAction:function(){j(!1),a.onConfirm(!1)},dismissText:a.dismissText,intent:a.intent,label:a.label,open:l,subtitle:a.subtitle})]}))};
+"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})]})};

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

@@ -12,4 +12,4 @@ export type ConfirmDialogProps = {
     confirmAction: () => void;
     dismissAction: () => void;
 };
-export declare const ConfirmDialog: ({ confirmAction, confirmText, dismissAction, dismissText, intent, label, open, subtitle, themeOverride, }: ConfirmDialogProps) => JSX.Element;
+export declare const ConfirmDialog: ({ confirmAction, confirmText, dismissAction, dismissText, intent, label, open, subtitle, themeOverride, }: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;

package/components/confirm-dialog/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),i=require("styled-components"),t=require("../button/Button.js"),r=require("../dialog/_BaseDialog.js"),s=require("../rounded-icon/RoundedIcon.js"),o=require("../stack/VStack.js"),a=require("../text/Text.js"),u=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("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,g=j(i),q=g.default.div(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),d.theme.space24),f=g.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),d.theme.space24,d.theme.space8),h=g.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),_=function(e){switch(e){case"danger":return n.jsx(u.ExclamationMarkIcon,{});case"warning":return n.jsx(l.WarningIcon,{});default:return n.jsx(c.HelpIcon,{})}};exports.ConfirmDialog=function(i){var u=i.confirmAction,c=i.confirmText,l=i.dismissAction,d=i.dismissText,j=i.intent,m=i.label,p=i.open,x=i.subtitle,g=i.themeOverride;return n.jsx(r.BaseDialog,e.__assign({"data-theme":g,open:p,width:350},{children:n.jsx(q,{children:n.jsxs(o.VStack,e.__assign({spacing:16},{children:[n.jsx(s.RoundedIcon,e.__assign({intent:j},{children:_(j)})),n.jsxs("div",{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:m})),x&&n.jsx(h,{children:x})]}),n.jsxs(f,{children:[n.jsx(t.Button,e.__assign({intent:"outline",onClick:l,size:"md"},{children:d})),n.jsx(t.Button,e.__assign({intent:j,onClick:u,size:"md"},{children:c}))]})]}))})}))};
+"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})]})]})})})};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ICountryOption } from "../../types/ICountry";
 import { type IGeoJsonWorld } from "../../types/IGeoJsonWorld";
 type Props = {
@@ -8,5 +7,5 @@ type Props = {
     to: string;
     worldData: IGeoJsonWorld | null;
 };
-export declare const ConnectionMap: ({ countries, from, height, to, worldData, }: Props) => JSX.Element;
+export declare const ConnectionMap: ({ countries, from, height, to, worldData, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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"),s=require("styled-components"),a=require("topojson-client"),o=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,g=d(s),m=g.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"])),o.theme.gray50,o.theme.radius12),f=g.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"])),o.theme.radius12);exports.ConnectionMap=function(s){var u=s.countries,d=s.from,c=s.height,h=void 0===c?400:c,g=s.to,_=s.worldData,b=e.__read(n.useState([0,0]),2),j=b[0],p=b[1],x=e.__read(n.useState(1),2),v=x[0],k=x[1],y=e.__read(n.useState([0,0,0]),2),M=y[0],q=y[1],C=n.useMemo((function(){return _?a.feature(_,_.objects.countries).features:null}),[_]),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&&g);return n.useEffect((function(){if(!S){var r=e.__read(w(d),2),n=r[0],t=r[1],s=e.__read(w(g),2),a=s[0],o=s[1],l=i.geoDistance([n,t],[a,o]),u=i.geoDistance([n,0],[a,0]),c=i.geoDistance([0,t],[0,o]),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 m=e.__read([(n+a)/2,(t+o)/2],2),f=m[0],_=m[1];p([0,_]);var b=-f;Math.abs(n-a)>180&&(b+=180);var j=Math.abs(_)>55?l*-(Math.abs(_)-50):0,x=c>1&&u>c&&Math.max(t,o)>50?u/c*-5:0;q([b,j+x,0])}}),[w,g,d,S]),S?r.jsx(f,{height:h}):r.jsx(m,{children:r.jsxs(t.ComposableMap,e.__assign({height:h,projection:"geoEqualEarth",projectionConfig:{center:j,rotate:M,scale:v}},{children:[r.jsx(t.Geographies,e.__assign({geography:C},{children:function(e){return e.geographies.map((function(e){var n=[g,d].includes(l.getCountryCodeByName(e.properties.name,u));return r.jsx(t.Geography,{fill:n?o.theme.blue100:o.theme.gray400,geography:e,stroke:n?o.theme.blue300:o.theme.gray500,strokeWidth:1},e.rsmKey)}))}})),r.jsxs(t.Marker,e.__assign({coordinates:w(d)},{children:[r.jsx("circle",{fill:o.theme.blue300,r:10}),r.jsx("circle",{fill:o.theme.blue400,r:7})]})),r.jsxs(t.Marker,e.__assign({coordinates:w(g)},{children:[r.jsx("circle",{fill:o.theme.blue300,r:10}),r.jsx("circle",{fill:o.theme.blue400,r:7})]})),r.jsx(t.Line,{from:w(d),stroke:o.theme.blue600,strokeWidth:4,to:w(g)}),r.jsxs(t.Marker,e.__assign({coordinates:w(d)},{children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:o.theme.blue600,r:2})]})),r.jsxs(t.Marker,e.__assign({coordinates:w(g)},{children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:o.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("../../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})]})]})})};

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,g,b,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)(g||(g=e.__makeTemplateObject(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"]))),_=j.default.header(b||(b=e.__makeTemplateObject(["\n  border-bottom: ",";\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  height: 64px;\n  position: sticky;\n  top: 0;\n  z-index: 99;\n  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),y=j.default.div(f||(f=e.__makeTemplateObject(["\n  padding: ",";\n"],["\n  padding: ",";\n"])),u.theme.space24);exports.CoverSheet=function(r){var s=r.actions,u=r.actionWrapperId,d=void 0===u?"__cover-sheet-actions":u,h=r.children,m=r.className,p=r.label,g=r.onClose,b=r.open,f=r.themeOverride,j=c.useAminoTheme().aminoTheme;if(t.useEffect((function(){"undefined"!=typeof document&&document.querySelectorAll("[id='".concat(d,"']")).length>1&&console.error('Duplicate id "'.concat(d,'" detected in "CoverSheet" component. Please set "actionWrapperId" to a unique id.'))}),[d]),t.useEffect((function(){(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=b?"hidden":"auto")}),[b]),"undefined"!=typeof document){var k=document.querySelector("body");if(k)return i.createPortal(n.jsx(o.AnimatePresence,{children:b&&n.jsxs(v,e.__assign({animate:{opacity:1,translateY:0},className:m,"data-theme":f||j,exit:{opacity:0,translateY:5},initial:{opacity:0,translateY:10},transition:{duration:.35,ease:[.4,0,.2,1]}},{children:[n.jsxs(_,{children:[n.jsx(x,{icon:n.jsx(a.RemoveIcon,{size:20}),onClick:g}),n.jsx(q,e.__assign({type:"header"},{children:p})),n.jsx("div",e.__assign({id:d},{children:s&&n.jsx(l.CoverSheetActions,e.__assign({coverSheetActionId:d},{children:s}))}))]}),n.jsx(y,{children:h})]}))}),k)}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("../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};

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"),s=require("../stack/HStack.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../styles/constants/theme.js"),require("../stack/Stack.js");var a,o=i(c).default.div(a||(a=e.__makeTemplateObject(["\n  z-index: 990;\n"],["\n  z-index: 990;\n"])));exports.CoverSheetActions=function(c){var i=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,e.__assign({className:a},{children:r.jsx(s.HStack,{children:i})})),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("../../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};

package/components/currency/Currency.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 type Props = {
     amount: number;
     className?: string;
     code: string;
 };
-export declare const Currency: ({ amount, className, code }: Props) => JSX.Element;
+export declare const Currency: ({ amount, className, code }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/currency/Currency.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js"),s=require("../text/Text.js");function a(e){return e&&e.__esModule?e:{default:e}}var i,l=a(t).default.span(i||(i=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"])),r.theme.space4);exports.Currency=function(t){var r=t.amount,a=t.className,i=t.code,c=new Intl.NumberFormat("en-US",{currency:i,style:"currency"}).format(r).replace(/[^0-9.-]+/g,""),u=r<0;return n.jsxs(l,e.__assign({className:a},{children:[n.jsx(s.Text,e.__assign({color:u?"red600":"gray1200",type:"label"},{children:c})),n.jsx(s.Text,e.__assign({color:u?"red400":"gray700"},{children:i.toUpperCase()}))]}))};
+"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()})]})};

package/components/currency/DualCurrency.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type StyledProps = {
     isTabular: boolean;
     width?: string;
@@ -13,5 +12,5 @@ type Props = {
     showLocale?: boolean;
     value: number;
 } & Partial<StyledProps>;
-export declare const DualCurrency: ({ className, conversionRate, foreignCode, isTabular, localeCode, showForeign, showLocale, value, width, }: Props) => JSX.Element | null;
+export declare const DualCurrency: ({ className, conversionRate, foreignCode, isTabular, localeCode, showForeign, showLocale, value, width, }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/components/currency/DualCurrency.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),i=require("../../icons/ArrowSwapIcon.js"),t=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}),t.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(r){var t=r.className,a=r.conversionRate,u=r.foreignCode,c=void 0===u?"USD":u,l=r.isTabular,o=void 0===l||l,d=r.localeCode,m=void 0===d?"USD":d,f=r.showForeign,j=void 0===f||f,g=r.showLocale,h=void 0===g||g,v=r.value,y=r.width,_=function(e){return n.jsx(s.Currency,{amount:v,className:e,code:m})},w=a?v*a:v,x=function(e){return n.jsx(s.Currency,{amount:w,className:e,code:c})},b=m&&h,q=c&&j&&a,T=m===c;return q&&b&&!T?n.jsxs(p,e.__assign({className:t,isTabular:o,width:null==y?void 0:y.toString()},{children:[_(),n.jsx(i.ArrowSwapIcon,{size:12}),x()]})):T||b?_(t):q?x(t):null};
+"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};

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const DangerZone: import("styled-components").StyledComponent<({ actions, children, className, footerActions, footerContent, footerHeight, label, spacing, }: import("../card/Card").CardProps) => JSX.Element, any, {}, never>;
+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>;

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(_||(_=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(T||(T=e.__makeTemplateObject(["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position:\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(q||(q=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"])),o.theme.space8,o.theme.space24),z=t.forwardRef((function(t,a){var o=t.actions,s=t.children,c=t.className,d=t.closeOnBlur,u=t.closeOnEsc,k=t.label,v=t.leftActions,w=t.noBorder,x=t.onClose,j=t.open,y=t.subtitle,_=t.themeOverride,T=t.width;return n.jsxs(l.BaseDialog,e.__assign({className:c,closeOnBlur:d,closeOnEsc:u,"data-theme":_,noBorder:w,onClose:x,open:j,width:T},{children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(r.Text,e.__assign({type:"title"},{children:k})),n.jsx(p,{icon:n.jsx(i.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:x})]}),y&&n.jsx(r.Text,e.__assign({type:"subtitle"},{children:y}))]}),n.jsx(O,e.__assign({ref:a},{children:s})),(o||v)&&n.jsxs(b,{children:[v&&n.jsx(g,{children:v}),o&&n.jsx(f,{children:o})]})]}))}));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("../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;