@zonos/amino 5.1.63 → 5.1.64

package/components/alert-dialog/AlertContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./AlertDialog.js");require("styled-components"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getAminoColor.js"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../thumbnail/Thumbnail.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("../../Theme-61f4342c.js"),require("zod");var s=i.createContext((function(e){}));exports.AlertContext=s,exports.AlertContextProvider=function(n){var u=n.children,o=e.__read(i.useState(),2),a=o[0],l=o[1],c=e.__read(i.useState(!1),2),q=c[0],j=c[1],m=i.useCallback((function(e){l(e),j(!0)}),[]);return r.jsxs(s.Provider,{value:m,children:[u,a&&r.jsx(t.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"),t=require("./AlertDialog.js");require("../button/Button.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../thumbnail/Thumbnail.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("../../Theme-61f4342c.js"),require("zod");var s=i.createContext((function(e){}));exports.AlertContext=s,exports.AlertContextProvider=function(u){var n=u.children,o=e.__read(i.useState(),2),a=o[0],l=o[1],c=e.__read(i.useState(!1),2),q=c[0],j=c[1],m=i.useCallback((function(e){l(e),j(!0)}),[]);return r.jsxs(s.Provider,{value:m,children:[n,a&&r.jsx(t.AlertDialog,{dismissAction:function(){j(!1),a.onDismiss()},dismissText:a.dismissText,intent:a.intent,label:a.label,open:q,subtitle:a.subtitle})]})};

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

@@ -1,7 +1,8 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
 import { type Intent } from "../../types/Intent";
 import { type Theme } from "../../types/Theme";
-export type AlertDialogProps = {
+export type AlertDialogProps = BaseProps & {
     dismissText: string;
     intent: Intent;
     label: string;
@@ -10,4 +11,4 @@ export type AlertDialogProps = {
     themeOverride?: Theme;
     dismissAction: () => void;
 };
-export declare const AlertDialog: ({ dismissAction, dismissText, intent, label, open, subtitle, themeOverride, }: AlertDialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AlertDialog: ({ dismissAction, dismissText, intent, label, open, style, 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"),r=require("../button/Button.js"),i=require("../dialog/BaseDialog.js"),o=require("../stack/VStack.js"),s=require("../text/Text.js"),a=require("../thumbnail/Thumbnail.js"),u=require("../../icons/ExclamationMarkDuotoneIcon.js"),c=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../../Theme-61f4342c.js"),require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getAminoColor.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("zod");var g,j,p,h=m(t),x=h.default.div(g||(g=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=h.default.div(j||(j=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=h.default.span(p||(p=e.__makeTemplateObject(["\n  color: ",";\n  line-height: ",";\n  font-size: ",";\n"],["\n  color: ",";\n  line-height: ",";\n  font-size: ",";\n"])),d.theme.textColorSecondary,d.theme.lineHeightBase,d.theme.fontSizeBase),b=function(e){switch(e){case"danger":return n.jsx(u.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return n.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return n.jsx(c.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}},y=function(e){switch(e){case"danger":return"red";case"warning":return"orange";default:return"blue"}},k=function(e){switch(e){case"danger":return"danger";case"warning":return"warning";default:return"primary"}};exports.AlertDialog=function(e){var t=e.dismissAction,u=e.dismissText,c=e.intent,l=e.label,d=e.open,m=e.subtitle,g=e.themeOverride;return n.jsx(i.BaseDialog,{"data-theme":g,onClose:t,open:d,width:350,children:n.jsx(x,{children:n.jsxs(o.VStack,{spacing:24,children:[n.jsx(a.Thumbnail,{color:y(c),icon:b(c),size:40}),n.jsxs(o.VStack,{spacing:8,children:[n.jsx(s.Text,{type:"subheader",children:l}),n.jsx(q,{children:m})]}),n.jsx(f,{children:n.jsx(r.Button,{onClick:t,size:"lg",variant:k(c),children:u})})]})})})};
+"use strict";var e=require("react/jsx-runtime");require("react");var r=require("../button/Button.js"),n=require("../dialog/BaseDialog.js"),i=require("../stack/VStack.js"),o=require("../text/Text.js"),t=require("../thumbnail/Thumbnail.js"),a=require("../../icons/ExclamationMarkDuotoneIcon.js"),s=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js");require("../../Theme-61f4342c.js");var u=require("../../style-inject.es-d4ddeae4.js");require("../../_tslib-ccfac372.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("zod");var c="Amino_AlertDialog-module__aminoContent--rbD73",m="Amino_AlertDialog-module__aminoFooter--xI-xp",d="Amino_AlertDialog-module__aminoAlertPrompt--zNKXN";u.styleInject(".Amino_AlertDialog-module__aminoContent--rbD73{padding:var(--amino-space-24)}.Amino_AlertDialog-module__aminoContent--rbD73>div{align-items:center;display:flex;flex-direction:column;text-align:center}.Amino_AlertDialog-module__aminoFooter--xI-xp{align-items:center;display:flex;justify-content:center;margin-top:var(--amino-space-24);width:100%}.Amino_AlertDialog-module__aminoFooter--xI-xp>button+button{margin-left:var(--amino-space-8)}.Amino_AlertDialog-module__aminoFooter--xI-xp button{flex:1}.Amino_AlertDialog-module__aminoAlertPrompt--zNKXN{color:var(--amino-text-color-secondary);font-size:var(--amino-font-size-base);line-height:var(--amino-line-height-base)}");var g=function(r){switch(r){case"danger":return e.jsx(a.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return e.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return e.jsx(s.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}},j=function(e){switch(e){case"danger":return"red";case"warning":return"orange";default:return"blue"}},x=function(e){switch(e){case"danger":return"danger";case"warning":return"warning";default:return"primary"}};exports.AlertDialog=function(a){var s=a.dismissAction,l=a.dismissText,u=a.intent,p=a.label,_=a.open,q=a.style,h=a.subtitle,b=a.themeOverride;return e.jsx(n.BaseDialog,{"data-theme":b,onClose:s,open:_,style:q,width:350,children:e.jsx("div",{className:c,children:e.jsxs(i.VStack,{spacing:24,children:[e.jsx(t.Thumbnail,{color:j(u),icon:g(u),size:40}),e.jsxs(i.VStack,{spacing:8,children:[e.jsx(o.Text,{type:"subheader",children:p}),e.jsx("span",{className:d,children:h})]}),e.jsx("div",{className:m,children:e.jsx(r.Button,{onClick:s,size:"lg",variant:x(u),children:l})})]})})})};

package/components/alert-dialog/useAlert.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("styled-components"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getAminoColor.js"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../thumbnail/Thumbnail.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("../../Theme-61f4342c.js"),require("zod");exports.useAlert=function(){return e.useContext(r.AlertContext)};
+"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("../button/Button.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../thumbnail/Thumbnail.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("../../Theme-61f4342c.js"),require("zod");exports.useAlert=function(){return e.useContext(r.AlertContext)};

package/components/announcement-dialog/AnnouncementDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("zod"),i=require("../dialog/BaseDialog.js"),o=require("../stack/VStack.js"),s=require("../text/Text.js"),l=require("../../styles/constants/theme.js"),u=require("../../utils/hooks/useStorage.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react-dom"),require("framer-motion"),require("../stack/Stack.js"),require("../../utils/storage.js"),require("swr");var m,d,g=c(r),h=g.default(o.VStack)(m||(m=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"])),l.theme.space16,l.theme.space24),j=g.default.div(d||(d=e.__makeTemplateObject(["\n  width: ",";\n  height: auto;\n  margin: ",";\n  margin-bottom: ",";\n"],["\n  width: ",";\n  height: auto;\n  margin: ",";\n  margin-bottom: ",";\n"])),(function(e){return"".concat(e.$imageWidth,"px")||"100%"}),(function(e){return e.$imageWidth?"0 auto":"unset"}),l.theme.space16),f=t.forwardRef((function(t,r){var o=t.announcementId,l=t.children,c=t.className,m=t.image,d=t.imageWidth,g=t.label,f=t.onClose,p=t.open,x=t.title,q=e.__rest(t,["announcementId","children","className","image","imageWidth","label","onClose","open","title"]),_=u.useStorage({defaultValue:"",key:"announcement:".concat(o),schema:a.z.enum(["seen",""]),type:"local"}),b=_.setValue,k=_.value;return n.jsxs(i.BaseDialog,e.__assign({},q,{className:[c||"","announcement-dialog"].join(" "),onClose:function(){f&&f(),b("seen")},open:p||!k,children:[n.jsx(j,{$imageWidth:d,children:m}),n.jsxs(h,{spacing:8,children:[n.jsx(s.Text,{color:"blue600",type:"label",children:g}),n.jsx(s.Text,{type:"title",children:x}),n.jsx("div",{ref:r,children:n.jsx(s.Text,{color:"gray800",children:l})})]})]}))}));exports.AnnouncementDialog=f;
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),a=require("react"),i=require("zod"),t=require("../dialog/BaseDialog.js"),o=require("../stack/VStack.js"),r=require("../text/Text.js"),s=require("../../utils/hooks/useStorage.js"),l=require("../../style-inject.es-d4ddeae4.js");require("react-dom"),require("framer-motion"),require("styled-components"),require("../../styles/constants/theme.js"),require("../stack/Stack.js"),require("../../utils/storage.js"),require("swr");var c="Amino_AnnouncementDialog-module__content--FjcMN",m="Amino_AnnouncementDialog-module__styledImage--wWADJ";l.styleInject(".Amino_AnnouncementDialog-module__content--FjcMN{flex-grow:1;overflow-y:auto;padding:var(--amino-space-16) var(--amino-space-24)}.Amino_AnnouncementDialog-module__styledImage--wWADJ{height:auto;margin:var(--amino-announcement-dialog-image-margin);margin-bottom:var(--amino-space-16);width:var(--amino-announcement-dialog-image-width)}");var u=a.forwardRef((function(a,l){var u=a.announcementId,g=a.children,d=a.className,j=a.image,_=a.imageWidth,h=a.label,q=a.onClose,x=a.open,y=a.style,p=a.title,v=e.__rest(a,["announcementId","children","className","image","imageWidth","label","onClose","open","style","title"]),A=s.useStorage({defaultValue:"",key:"announcement:".concat(u),schema:i.z.enum(["seen",""]),type:"local"}),f=A.setValue,w=A.value;return n.jsxs(t.BaseDialog,e.__assign({},v,{className:[d||"","announcement-dialog"].join(" "),onClose:function(){q&&q(),f("seen")},open:x||!w,style:e.__assign(e.__assign({},y),{"--amino-announcement-dialog-image-margin":_?"0 auto":"unset","--amino-announcement-dialog-image-width":_?"".concat(_,"px"):"100%"}),children:[n.jsx("div",{className:m,children:j}),n.jsxs(o.VStack,{className:c,spacing:8,children:[n.jsx(r.Text,{color:"blue600",type:"label",children:h}),n.jsx(r.Text,{type:"title",children:p}),n.jsx("div",{ref:l,children:n.jsx(r.Text,{color:"gray800",children:g})})]})]}))}));exports.AnnouncementDialog=u;

package/components/avatar/AvatarBase.d.ts

@@ -32,5 +32,5 @@ export type FullAvatarProps = BaseProps & {
 type AvatarBaseProps = BaseProps & {
     children?: ReactNode;
 } & Required<AvatarProps> & AvatarStyleProps;
-export declare const AvatarBase: ({ backgroundColor, backgroundPosition, backgroundSize, backgroundUrl, bordered, children, className, shape, size, }: AvatarBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarBase: ({ backgroundColor, backgroundPosition, backgroundSize, backgroundUrl, bordered, children, className, shape, size, style, }: AvatarBaseProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/avatar/AvatarBase.js

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

package/components/avatar/ImageAvatar.d.ts

@@ -2,4 +2,4 @@ import { type FullAvatarProps } from "./AvatarBase";
 export type ImageAvatarProps = {
     imageUrl: string;
 } & FullAvatarProps;
-export declare const ImageAvatar: ({ bordered, className, imageUrl, shape, size, }: ImageAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageAvatar: ({ bordered, className, imageUrl, shape, size, style, }: ImageAvatarProps) => import("react/jsx-runtime").JSX.Element;

package/components/avatar/ImageAvatar.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("./AvatarBase.js");require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");exports.ImageAvatar=function(a){var s=a.bordered,t=void 0!==s&&s,i=a.className,o=a.imageUrl,n=a.shape,u=void 0===n?"round":n,d=a.size,c=void 0===d?32:d;return e.jsx(r.AvatarBase,{backgroundColor:"transparent",backgroundSize:"contain",backgroundUrl:o,bordered:t,className:i,shape:u,size:c})};
+"use strict";var e=require("react/jsx-runtime"),r=require("./AvatarBase.js");require("../../_tslib-ccfac372.js"),require("clsx"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js");exports.ImageAvatar=function(s){var a=s.bordered,t=void 0!==a&&a,i=s.className,n=s.imageUrl,o=s.shape,u=void 0===o?"round":o,c=s.size,d=void 0===c?32:c,l=s.style;return e.jsx(r.AvatarBase,{backgroundColor:"transparent",backgroundSize:"contain",backgroundUrl:n,bordered:t,className:i,shape:u,size:d,style:l})};

package/components/avatar/UserAvatar.d.ts

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

package/components/avatar/UserAvatar.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("./AvatarBase.js");require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");exports.UserAvatar=function(s){var a=s.bordered,t=void 0!==a&&a,i=s.className,o=s.shape,d=void 0===o?"round":o,n=s.size,c=void 0===n?32:n;return e.jsx(r.AvatarBase,{backgroundPosition:"bottom",backgroundSize:"80%",backgroundUrl:"".concat("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='42' height='44' fill='none' viewBox='0 0 42 44'%3e%3cpath fill='%23A2A2AA' fill-rule='evenodd' d='M21 18.45a8.95 8.95 0 0 0 6.364-2.665A9.152 9.152 0 0 0 30 9.35a9.152 9.152 0 0 0-2.636-6.435A8.95 8.95 0 0 0 21 .25a8.95 8.95 0 0 0-6.364 2.665A9.152 9.152 0 0 0 12 9.35c0 2.414.948 4.728 2.636 6.435A8.95 8.95 0 0 0 21 18.45ZM0 45.75c0-2.788.543-5.55 1.599-8.126a21.25 21.25 0 0 1 4.552-6.888 20.985 20.985 0 0 1 6.813-4.603 20.8 20.8 0 0 1 16.072 0 20.985 20.985 0 0 1 6.813 4.603 21.25 21.25 0 0 1 4.553 6.888A21.439 21.439 0 0 1 42 45.75H0Z' clip-rule='evenodd'/%3e%3c/svg%3e"),bordered:t,className:i,shape:d,size:c})};
+"use strict";var e=require("react/jsx-runtime"),r=require("./AvatarBase.js");require("../../_tslib-ccfac372.js"),require("clsx"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js");exports.UserAvatar=function(s){var a=s.bordered,t=void 0!==a&&a,i=s.className,o=s.shape,l=void 0===o?"round":o,c=s.size,d=void 0===c?32:c,n=s.style;return e.jsx(r.AvatarBase,{backgroundPosition:"bottom",backgroundSize:"80%",backgroundUrl:"".concat("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='42' height='44' fill='none' viewBox='0 0 42 44'%3e%3cpath fill='%23A2A2AA' fill-rule='evenodd' d='M21 18.45a8.95 8.95 0 0 0 6.364-2.665A9.152 9.152 0 0 0 30 9.35a9.152 9.152 0 0 0-2.636-6.435A8.95 8.95 0 0 0 21 .25a8.95 8.95 0 0 0-6.364 2.665A9.152 9.152 0 0 0 12 9.35c0 2.414.948 4.728 2.636 6.435A8.95 8.95 0 0 0 21 18.45ZM0 45.75c0-2.788.543-5.55 1.599-8.126a21.25 21.25 0 0 1 4.552-6.888 20.985 20.985 0 0 1 6.813-4.603 20.8 20.8 0 0 1 16.072 0 20.985 20.985 0 0 1 6.813 4.603 21.25 21.25 0 0 1 4.553 6.888A21.439 21.439 0 0 1 42 45.75H0Z' clip-rule='evenodd'/%3e%3c/svg%3e"),bordered:t,className:i,shape:l,size:d,style:n})};

package/components/badge/Badge.d.ts

@@ -22,5 +22,5 @@ export type BadgeProps = BaseProps & {
      */
     size?: Size;
 };
-export declare const Badge: ({ bold, children, className, color, fontWeight, icon, iconRight, rounded, size, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ bold, children, className, color, fontWeight, icon, iconRight, rounded, size, style, }: 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,d,g=c(e),t=g.default.div(l||(l=n.__makeTemplateObject(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]))),i=g.default.div(d||(d=n.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n  font-size: ",";\n  padding: 2px 8px;\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: 20px;\n  }\n  svg {\n    order: ",";\n    height: 20px;\n    width: 20px;\n  }\n\n  &.bold {\n    // bold config default (gray)\n    background-color: ",";\n    color: ",";\n    & svg {\n      color: ",";\n    }\n  }\n\n  // size\n  &.small {\n    padding: 0px ",";\n    border-radius: ",";\n    gap: 2px;\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 8px;\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: 20px;\n  }\n  svg {\n    order: ",";\n    height: 20px;\n    width: 20px;\n  }\n\n  &.bold {\n    // bold config default (gray)\n    background-color: ",";\n    color: ",";\n    & svg {\n      color: ",";\n    }\n  }\n\n  // size\n  &.small {\n    padding: 0px ",";\n    border-radius: ",";\n    gap: 2px;\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.space4,r.theme.fontSizeS,(function(n){return n.$rounded?"20px":r.theme.radius6}),r.theme.gray100,r.theme.gray800,(function(n){return n.$fontWeight}),(function(n){return n.$iconRight?"2":""}),r.theme.gray600,r.theme.gray100,r.theme.gray100,r.theme.space4,r.theme.radius4,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,d=void 0===l?"gray":l,g=n.fontWeight,a=void 0===g?600:g,b=n.icon,u=n.iconRight,h=void 0!==u&&u,s=n.rounded,m=void 0!==s&&s,p=n.size,f=void 0===p?"default":p;return o.jsx(t,{className:c,children:o.jsxs(i,{$fontWeight:a,$iconRight:h,$rounded:m,className:[d,f,e?"bold":""].join(" "),children:[b,o.jsx("p",{children:r})]})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),d=require("clsx"),a=require("../../styles/constants/theme.js"),_=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var r=l(d),g={badgeWrapper:"Amino_Badge-module__badgeWrapper--3aatv",styledBadge:"Amino_Badge-module__styledBadge--DLweg",bold:"Amino_Badge-module__bold--j8zR3",small:"Amino_Badge-module__small--IwHd5",blue:"Amino_Badge-module__blue--3itf6",green:"Amino_Badge-module__green--sz1Lj",red:"Amino_Badge-module__red--EJyw5",orange:"Amino_Badge-module__orange--mX0zR",purple:"Amino_Badge-module__purple--dwd-x",cyan:"Amino_Badge-module__cyan--S6-60"};_.styleInject(".Amino_Badge-module__badgeWrapper--3aatv{display:inline-block}.Amino_Badge-module__styledBadge--DLweg{align-items:center;background-color:var(--amino-gray-100);border-radius:var(--amino-badge-border-radius);color:var(--amino-gray-800);display:flex;font-size:var(--amino-font-size-s);font-weight:var(--amino-badge-font-weight);gap:var(--amino-space-4);order:var(--amino-badge-order);padding:2px 8px;text-align:center}.Amino_Badge-module__styledBadge--DLweg p{line-height:20px;margin:0}.Amino_Badge-module__styledBadge--DLweg svg{height:20px;width:20px}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__bold--j8zR3{background-color:var(--amino-gray-600);color:var(--amino-gray-100)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__bold--j8zR3 svg{color:var(--amino-gray-100)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__small--IwHd5{border-radius:var(--amino-radius-4);gap:2px;padding:0 var(--amino-space-4)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__blue--3itf6{background-color:var(--amino-blue-100);color:var(--amino-blue-800)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__blue--3itf6.Amino_Badge-module__bold--j8zR3{background-color:var(--amino-blue-600);color:var(--amino-blue-100)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__blue--3itf6.Amino_Badge-module__bold--j8zR3 svg{color:var(--amino-blue-100)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__green--sz1Lj{background-color:var(--amino-green-100);color:var(--amino-green-800)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__green--sz1Lj.Amino_Badge-module__bold--j8zR3{background-color:var(--amino-green-600);color:var(--amino-green-100)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__green--sz1Lj.Amino_Badge-module__bold--j8zR3 svg{color:var(--amino-green-100)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__red--EJyw5{background-color:var(--amino-red-100);color:var(--amino-red-800)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__red--EJyw5.Amino_Badge-module__bold--j8zR3{background-color:var(--amino-red-600);color:var(--amino-red-100)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__red--EJyw5.Amino_Badge-module__bold--j8zR3 svg{color:var(--amino-red-100)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__orange--mX0zR{background-color:var(--amino-orange-100);color:var(--amino-orange-800)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__orange--mX0zR.Amino_Badge-module__bold--j8zR3{background-color:var(--amino-orange-600);color:var(--amino-orange-100)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__orange--mX0zR.Amino_Badge-module__bold--j8zR3 svg{color:var(--amino-orange-100)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__purple--dwd-x{background-color:var(--amino-purple-100);color:var(--amino-purple-800)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__purple--dwd-x.Amino_Badge-module__bold--j8zR3{background-color:var(--amino-purple-600);color:var(--amino-purple-100)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__purple--dwd-x.Amino_Badge-module__bold--j8zR3 svg{color:var(--amino-purple-100)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__cyan--S6-60{background-color:var(--amino-cyan-100);color:var(--amino-cyan-800)}.Amino_Badge-module__styledBadge--DLweg.Amino_Badge-module__cyan--S6-60.Amino_Badge-module__bold--j8zR3{background-color:var(--amino-cyan-600);color:var(--amino-cyan-100)}");exports.Badge=function(d){var _=d.bold,l=d.children,m=d.className,n=d.color,i=void 0===n?"gray":n,u=d.fontWeight,B=void 0===u?600:u,s=d.icon,c=d.iconRight,t=void 0!==c&&c,A=d.rounded,v=void 0!==A&&A,b=d.size,y=void 0===b?"default":b,p=d.style;return o.jsx("div",{className:r.default(g.badgeWrapper,m),style:e.__assign(e.__assign({},p),{"--amino-badge-border-radius":v?"20px":a.theme.radius6,"--amino-badge-font-weight":B,"--amino-badge-order":t?"2":""}),children:o.jsxs("div",{className:r.default(g.styledBadge,"gray"!==i?g[i]:"","small"===y?g[y]:"",_?g.bold:""),children:[s,o.jsx("p",{children:l})]})})};

package/components/banner/Banner.d.ts

@@ -9,4 +9,4 @@ export type BannerProps = BaseProps & {
     title?: ReactNode;
     onClose?: () => void;
 };
-export declare const Banner: ({ children, className, footerActions, headerActions, intent, onClose, title, }: BannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Banner: ({ children, className, footerActions, headerActions, intent, onClose, style, 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("../button/Button.js"),t=require("../text/Text.js"),a=require("../../icons/CheckCircleDuotoneIcon.js"),i=require("../../icons/InfoDuotoneIcon.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),c=require("../../icons/RemoveIcon.js"),s=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getAminoColor.js"),require("../../icons/icon-base/_IconBase.js");var m,p,g,j,x,b,f,h,_,y,k,I,v,C,q,T=u(r),O=T.default.div(m||(m=e.__makeTemplateObject(["\n  border-radius: ",";\n  padding: ",";\n\n  .amino-button {\n    &:hover,\n    &:focus {\n      filter: brightness(1.1);\n    }\n  }\n"],["\n  border-radius: ",";\n  padding: ",";\n\n  .amino-button {\n    &:hover,\n    &:focus {\n      filter: brightness(1.1);\n    }\n  }\n"])),d.theme.radius12,d.theme.space16),D=T.default.div(p||(p=e.__makeTemplateObject(["\n  display: grid;\n  align-items: ",";\n  grid-template-areas:\n    'icon header close'\n    '. content .';\n  grid-template-columns: 32px auto ",";\n"],["\n  display: grid;\n  align-items: ",";\n  grid-template-areas:\n    'icon header close'\n    '. content .';\n  grid-template-columns: 32px auto ",";\n"])),(function(e){return e.$onlyContent?"start":"center"}),(function(e){return e.$withoutCloseButton?"0px":"32px"})),w=T.default.div(g||(g=e.__makeTemplateObject(["\n  grid-area: icon;\n  justify-self: start;\n"],["\n  grid-area: icon;\n  justify-self: start;\n"]))),B=T.default.div(j||(j=e.__makeTemplateObject(["\n  grid-area: close;\n  justify-self: end;\n"],["\n  grid-area: close;\n  justify-self: end;\n"]))),R=T.default(o.Button)(x||(x=e.__makeTemplateObject(["\n  && {\n    width: 24px;\n  }\n"],["\n  && {\n    width: 24px;\n  }\n"]))),z=T.default.div(b||(b=e.__makeTemplateObject(["\n  grid-area: header;\n  color: ",";\n"],["\n  grid-area: header;\n  color: ",";\n"])),(function(e){return d.theme[e.$color]})),N=T.default.div(f||(f=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"]))),$=T.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n"])),d.theme.space8),A=T.default.header(_||(_=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ",";\n"])),d.theme.space12),W=T.default.footer(y||(y=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n"])),d.theme.space12),G=T.default(O)(k||(k=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.gray50,d.theme.gray700,d.theme.gray100),M=T.default(O)(I||(I=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.blue100,d.theme.blue700,d.theme.blue200),S=T.default(O)(v||(v=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.green100,d.theme.green700,d.theme.green200),E=T.default(O)(C||(C=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.orange100,d.theme.orange700,d.theme.orange200),F=T.default(O)(q||(q=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.red100,d.theme.red700,d.theme.red200);exports.Banner=function(r){var o=r.children,d=r.className,u=r.footerActions,m=r.headerActions,p=r.intent,g=r.onClose,j=r.title,x=function(r){var a=r.intentIcon,i=r.removeIconColor,l=!!o&&!j&&!u,s=e.__read([j&&n.jsxs(A,{children:[n.jsx(t.Text,{color:i,type:"label",children:j}),m&&n.jsx($,{children:m})]}),o,u&&n.jsx(W,{children:n.jsx($,{children:u})})].filter(Boolean),3),d=s[0],p=s[1],x=s[2];return n.jsxs(D,{$onlyContent:l,$withoutCloseButton:!g,children:[n.jsx(w,{children:a}),g&&n.jsx(B,{children:n.jsx(R,{icon:n.jsx(c.RemoveIcon,{color:i,size:20}),onClick:g,variant:"text"})}),n.jsx(z,{$color:i,children:d}),p&&n.jsxs(N,{children:[p,x]})]})};switch(p){case"info":return n.jsx(M,{className:d,children:x({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"blue800",secondaryColor:"blue400",size:24}),removeIconColor:"blue800"})});case"success":return n.jsx(S,{className:d,children:x({intentIcon:n.jsx(a.CheckCircleDuotoneIcon,{color:"green800",secondaryColor:"green400",size:24}),removeIconColor:"green800"})});case"warning":return n.jsx(E,{className:d,children:x({intentIcon:n.jsx(s.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400",size:24}),removeIconColor:"orange800"})});case"error":return n.jsx(F,{className:d,children:x({intentIcon:n.jsx(l.RemoveCircleDuotoneIcon,{color:"red800",secondaryColor:"red400",size:24}),removeIconColor:"red800"})});default:return n.jsx(G,{className:d,children:x({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"gray800",secondaryColor:"gray400",size:24}),removeIconColor:"gray800"})})}};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("clsx"),o=require("../button/Button.js"),a=require("../text/Text.js"),i=require("../../icons/CheckCircleDuotoneIcon.js"),s=require("../../icons/InfoDuotoneIcon.js"),t=require("../../icons/RemoveCircleDuotoneIcon.js"),l=require("../../icons/RemoveIcon.js"),c=require("../../icons/WarningDuotoneIcon.js"),m=require("../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../../icons/icon-base/_IconBase.js");var d=u(r),_={styledBanner:"Amino_Banner-module__styledBanner--h-uMr",defaultBanner:"Amino_Banner-module__defaultBanner--L-k6M",infoBanner:"Amino_Banner-module__infoBanner--6T7je",successBanner:"Amino_Banner-module__successBanner--p7Z8i",warningBanner:"Amino_Banner-module__warningBanner--yIJUE",errorBanner:"Amino_Banner-module__errorBanner--z4V76",container:"Amino_Banner-module__container--cEDf9",icon:"Amino_Banner-module__icon--dQt0I",close:"Amino_Banner-module__close--ZBL10",closeButton:"Amino_Banner-module__closeButton--98y-g",header:"Amino_Banner-module__header--4VfwK",content:"Amino_Banner-module__content--X6uTf",actionsWrapper:"Amino_Banner-module__actionsWrapper--3NZHL",bannerHeader:"Amino_Banner-module__bannerHeader--TKE1E",bannerFooter:"Amino_Banner-module__bannerFooter--2I8yH"};m.styleInject('.Amino_Banner-module__styledBanner--h-uMr{border-radius:var(--amino-radius-12);padding:var(--amino-space-16)}.Amino_Banner-module__styledBanner--h-uMr .amino-button:focus,.Amino_Banner-module__styledBanner--h-uMr .amino-button:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.Amino_Banner-module__styledBanner--h-uMr.Amino_Banner-module__defaultBanner--L-k6M{background:var(--amino-gray-50);border:1px solid var(--amino-gray-100);color:var(--amino-gray-700)}.Amino_Banner-module__styledBanner--h-uMr.Amino_Banner-module__infoBanner--6T7je{background:var(--amino-blue-100);border:1px solid var(--amino-blue-200);color:var(--amino-blue-700)}.Amino_Banner-module__styledBanner--h-uMr.Amino_Banner-module__successBanner--p7Z8i{background:var(--amino-green-100);border:1px solid var(--amino-green-200);color:var(--amino-green-700)}.Amino_Banner-module__styledBanner--h-uMr.Amino_Banner-module__warningBanner--yIJUE{background:var(--amino-orange-100);border:1px solid var(--amino-orange-200);color:var(--amino-orange-700)}.Amino_Banner-module__styledBanner--h-uMr.Amino_Banner-module__errorBanner--z4V76{background:var(--amino-red-100);border:1px solid var(--amino-red-200);color:var(--amino-red-700)}.Amino_Banner-module__container--cEDf9{align-items:var(--amino-banner-container-align-items);display:grid;grid-template-areas:"icon header close" ". content .";grid-template-columns:var(--amino-banner-container-grid-template-columns)}.Amino_Banner-module__icon--dQt0I{grid-area:icon;justify-self:start}.Amino_Banner-module__close--ZBL10{grid-area:close;justify-self:end}.Amino_Banner-module__closeButton--98y-g{width:24px}.Amino_Banner-module__header--4VfwK{color:var(--amino-banner-header-color);grid-area:header}.Amino_Banner-module__content--X6uTf{display:flex;flex-direction:column;gap:var(--amino-space-16);grid-area:content;margin-top:8px}.Amino_Banner-module__actionsWrapper--3NZHL{align-items:center;display:flex;gap:var(--amino-space-8)}.Amino_Banner-module__bannerHeader--TKE1E{justify-content:space-between}.Amino_Banner-module__bannerFooter--2I8yH,.Amino_Banner-module__bannerHeader--TKE1E{align-items:center;display:flex;gap:var(--amino-space-12)}');exports.Banner=function(r){var m=r.children,u=r.className,B=r.footerActions,g=r.headerActions,p=r.intent,v=r.onClose,b=r.style,y=r.title,j=p?_["".concat(p,"Banner")]:_.defaultBanner;return n.jsx("div",{className:d.default(_.styledBanner,j,u),style:b,children:function(){var r=!!m&&!y&&!B,u=function(){switch(p){case"info":return{intentIcon:n.jsx(s.InfoDuotoneIcon,{color:"blue800",secondaryColor:"blue400",size:24}),removeIconColor:"blue800"};case"success":return{intentIcon:n.jsx(i.CheckCircleDuotoneIcon,{color:"green800",secondaryColor:"green400",size:24}),removeIconColor:"green800"};case"warning":return{intentIcon:n.jsx(c.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400",size:24}),removeIconColor:"orange800"};case"error":return{intentIcon:n.jsx(t.RemoveCircleDuotoneIcon,{color:"red800",secondaryColor:"red400",size:24}),removeIconColor:"red800"};default:return{intentIcon:n.jsx(s.InfoDuotoneIcon,{color:"gray800",secondaryColor:"gray400",size:24}),removeIconColor:"gray800"}}}(),b=e.__read([y&&n.jsxs("header",{className:_.bannerHeader,children:[n.jsx(a.Text,{color:u.removeIconColor,type:"label",children:y}),g&&n.jsx("div",{className:_.actionsWrapper,children:g})]}),m,B&&n.jsx("footer",{className:_.bannerFooter,children:n.jsx("div",{className:_.actionsWrapper,children:B})})].filter(Boolean),3),j=b[0],f=b[1],A=b[2];return n.jsxs("div",{className:_.container,style:{"--amino-banner-container-align-items":r?"start":"center","--amino-banner-container-grid-template-columns":"32px auto ".concat(v?"32px":"0px"),"--amino-banner-header-color":u.removeIconColor},children:[n.jsx("div",{className:_.icon,children:u.intentIcon}),v&&n.jsx("div",{className:_.close,children:n.jsx(o.Button,{className:d.default(_.closeButton),icon:n.jsx(l.RemoveIcon,{color:u.removeIconColor,size:20}),onClick:v,variant:"text"})}),n.jsx("div",{className:_.header,children:j}),f&&n.jsxs("div",{className:_.content,children:[f,A]})]})}()})};

package/components/button/Button.d.ts

@@ -37,11 +37,16 @@ type ButtonBase = BaseProps & {
     /** @default 'standard' */
     variant?: Variant;
 };
+/** These types are a bit cobbled together to allow for the polymorphic tag names.
+ * It may be a good idea to look into refactoring this funcitonality
+ */
 export type GroupTag = 'div' | 'a' | 'button';
-type MyHtmlElement<T extends GroupTag> = T extends 'a' ? HTMLAnchorElement : T extends 'div' ? HTMLDivElement : HTMLButtonElement;
-export type ButtonProps<T extends GroupTag = 'button'> = ButtonBase & Omit<ComponentPropsWithoutRef<T>, keyof ButtonBase | 'onClick'> & {
+declare const DEFAULT_TAG: "button";
+type MyHtmlElement<T extends GroupTag> = T extends 'a' ? HTMLAnchorElement : T extends 'button' ? HTMLButtonElement : HTMLDivElement;
+export type ButtonProps<T extends GroupTag = typeof DEFAULT_TAG> = ButtonBase & {
+    href?: T extends 'a' ? string : never;
     onClick?: MouseEventHandler<MyHtmlElement<T>>;
-    tag?: T;
-};
-export declare function Button<T extends GroupTag = 'button'>({ children, className, disabled, icon, iconRight, loading, loadingText, noRipple, size, spinnerColor, tag: _tag, themeOverride, type, variant, ...props }: ButtonProps<T>): import("react/jsx-runtime").JSX.Element;
+    tag?: T | GroupTag;
+} & Omit<ComponentPropsWithoutRef<T>, keyof ButtonBase | 'onClick'>;
+export declare function Button<T extends GroupTag = typeof DEFAULT_TAG>({ children, className, disabled, icon, iconRight, loading, loadingText, noRipple, outline, size, spinnerColor, style, tag, themeOverride, type, variant, ...props }: ButtonProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/button/Button.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),o=require("react"),t=require("styled-components"),r=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),c=require("../../styles/constants/theme.js"),u=require("../../utils/getAminoColor.js");function s(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var d,l,g,h,b,p,m,f,x,v,k=s(t),w=function(n){switch(n){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},y=k.default.span(d||(d=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ",";\n  gap: ",";\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ",";\n  gap: ",";\n"])),c.theme.radius6,c.theme.space8),_=k.default.button(l||(l=n.__makeTemplateObject(["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: ",";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  padding: 0 ",";\n  border-radius: ",";\n  transition:\n    ",",\n    visibility 0;\n  font-weight: ",";\n  user-select: none;\n  font-family: ",";\n  letter-spacing: normal;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: ",";\n  width: ",";\n  text-shadow:\n    0px 2px 4px rgba(0, 0, 0, 0.02),\n    0px 1px 2px rgba(0, 0, 0, 0.04);\n\n  svg path:not([data-is-secondary-color]) {\n    fill: currentColor;\n  }\n\n  .text {\n    padding: 0 ",";\n  }\n\n  &.only-icon {\n    width: ",";\n    padding: 0;\n  }\n\n  &.only-icon .text {\n    padding: 0;\n  }\n\n  &:active,\n  &:focus {\n    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:active:not([disabled]) {\n    transform: scale(0.99);\n  }\n\n  &.loading .content {\n    visibility: hidden;\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg:not(.amino-spinner) {\n        margin-left: 2px;\n        margin-right: 0;\n        opacity: 80%;\n      }\n    }\n    svg:not(.amino-spinner) {\n      margin-right: 2px;\n      margin-left: 0;\n      opacity: 80%;\n    }\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    opacity: ",";\n  }\n"],["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: ",";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  padding: 0 ",";\n  border-radius: ",";\n  transition:\n    ",",\n    visibility 0;\n  font-weight: ",";\n  user-select: none;\n  font-family: ",";\n  letter-spacing: normal;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: ",";\n  width: ",";\n  text-shadow:\n    0px 2px 4px rgba(0, 0, 0, 0.02),\n    0px 1px 2px rgba(0, 0, 0, 0.04);\n\n  svg path:not([data-is-secondary-color]) {\n    fill: currentColor;\n  }\n\n  .text {\n    padding: 0 ",";\n  }\n\n  &.only-icon {\n    width: ",";\n    padding: 0;\n  }\n\n  &.only-icon .text {\n    padding: 0;\n  }\n\n  &:active,\n  &:focus {\n    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:active:not([disabled]) {\n    transform: scale(0.99);\n  }\n\n  &.loading .content {\n    visibility: hidden;\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg:not(.amino-spinner) {\n        margin-left: 2px;\n        margin-right: 0;\n        opacity: 80%;\n      }\n    }\n    svg:not(.amino-spinner) {\n      margin-right: 2px;\n      margin-left: 0;\n      opacity: 80%;\n    }\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    opacity: ",";\n  }\n"])),(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.fontSizeBase,c.theme.space16,(function(n){return function(n){switch(n){case"sm":return"".concat(c.theme.radius6);case"lg":case"xl":return"".concat(c.theme.radius10);default:return"".concat(c.theme.radius8)}}(n.size)}),c.theme.transition,(function(n){return function(n){switch(n){case"lg":case"xl":return 600;default:return 500}}(n.size)}),c.theme.fontSans,(function(n){return function(n){switch(n){case"sm":return"".concat(c.theme.space4," ").concat(c.theme.space8);case"lg":case"xl":return"".concat(c.theme.space12," ").concat(c.theme.space24);default:return"".concat(c.theme.space8," ").concat(c.theme.space16)}}(n.size)}),(function(n){return n.fitContentWidth&&"fit-content"}),c.theme.space4,(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return n.outline?.6:1})),j=k.default(_)(g||(g=n.__makeTemplateObject(["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return u.getAminoColor(n.color)||n.outline?c.theme.primary:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.primary," inset"):c.theme.shadowButtonPrimary}),(function(n){return u.getAminoColor(n.background)||n.outline?"transparent":c.theme.primary}),(function(n){return u.getAminoColor(n.hoverBackground)||n.outline?c.theme.blue100:""}),(function(n){return n.outline?"":c.theme.buttonPrimaryHover}),(function(n){return n.outline?c.theme.blue200:c.theme.blue700}),c.theme.focusButton,(function(n){return n.outline?"transparent":c.theme.gray400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.primary," inset"):c.theme.shadowButtonDisabled}),y,(function(n){return n.outline?"transparent":c.theme.primary})),C=k.default(_)(h||(h=n.__makeTemplateObject(["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n      &:active {\n        background: ",";\n      }\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n      &:active {\n        background: ",";\n      }\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return u.getAminoColor(n.color)||n.outline?c.theme.success:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success):c.theme.shadowButtonSuccess}),(function(n){return u.getAminoColor(n.background)||n.outline?"transparent":c.theme.success}),(function(n){return u.getAminoColor(n.hoverBackground)||n.outline?c.theme.green100:""}),(function(n){return n.outline?"":c.theme.buttonSuccessHover}),(function(n){return n.outline?c.theme.green200:c.theme.green700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.gray400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success," inset"):c.theme.shadowButtonDisabled}),y,(function(n){return n.outline?"transparent":c.theme.success})),B=k.default(_)(b||(b=n.__makeTemplateObject(["\n  color: ",";\n  background: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  background: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return u.getAminoColor(n.color)||c.theme.textColor}),(function(n){return n.outline?"transparent":u.getAminoColor(n.background)||c.theme.surfaceColor}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.gray300," inset"):c.theme.shadowButtonStandard}),(function(n){return u.getAminoColor(n.hoverBackground)||n.outline?c.theme.gray100:""}),(function(n){return n.outline?"":c.theme.buttonStandardHover}),(function(n){return n.outline?c.theme.gray200:c.theme.gray100}),c.theme.focusButtonStandard,y,(function(n){return n.outline?"transparent":c.theme.surfaceColor})),R=k.default(_)(p||(p=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return u.getAminoColor(n.background)||n.outline?"transparent":c.theme.danger}),(function(n){return u.getAminoColor(n.color)||n.outline?c.theme.danger:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger):c.theme.shadowButtonDanger}),(function(n){return u.getAminoColor(n.hoverBackground)||n.outline?c.theme.red100:""}),(function(n){return n.outline?"":c.theme.buttonDangerHover}),(function(n){return n.outline?c.theme.red200:c.theme.red700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.gray400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger," inset"):c.theme.shadowButtonDisabled}),y,(function(n){return n.outline?"transparent":c.theme.danger})),A=k.default(_)(m||(m=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return u.getAminoColor(n.background)||n.outline?"transparent":c.theme.warning}),(function(n){return u.getAminoColor(n.color)||n.outline?c.theme.warning:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning):c.theme.shadowButtonWarning}),(function(n){return u.getAminoColor(n.hoverBackground)||n.outline?c.theme.orange100:""}),(function(n){return n.outline?"":c.theme.buttonWarningHover}),(function(n){return n.outline?c.theme.orange200:c.theme.orange700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.gray400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning," inset"):c.theme.shadowButtonDisabled}),y,(function(n){return n.outline?"transparent":c.theme.warning})),z=k.default(_)(f||(f=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"])),(function(n){return u.getAminoColor(n.background)||"none"}),(function(n){return u.getAminoColor(n.color)||c.theme.textColorSecondary}),(function(n){return u.getAminoColor(n.hoverBackground)||c.theme.gray100}),c.theme.gray200,c.theme.buttonFocusRing),q=k.default(_)(x||(x=n.__makeTemplateObject(["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"],["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"])),(function(n){return u.getAminoColor(n.color)||c.theme.primary}),(function(n){return u.getAminoColor(n.hoverBackground)||c.theme.blue100}),c.theme.blue200,c.theme.buttonFocusRing),O=k.default(_)(v||(v=n.__makeTemplateObject(["\n  color: ",";\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n  }\n  &[disabled] {\n    color: ",";\n  }\n  &.loading {\n    color: transparent;\n  }\n"],["\n  color: ",";\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n  }\n  &[disabled] {\n    color: ",";\n  }\n  &.loading {\n    color: transparent;\n  }\n"])),(function(n){return n.href?c.theme.primary:c.theme.textColorSecondary}),(function(n){return n.href?c.theme.blue500:c.theme.gray500}),(function(n){return n.href?c.theme.blue300:c.theme.gray300})),T=_;exports.Button=function(t){var c=t.children,u=t.className,s=t.disabled,d=void 0!==s&&s,l=t.icon,g=t.iconRight,h=t.loading,b=void 0!==h&&h,p=t.loadingText,m=t.noRipple,f=void 0!==m&&m,x=t.size,v=void 0===x?"sm":x,k=t.spinnerColor,_=t.tag,S=t.themeOverride,I=t.type,G=void 0===I?"button":I,D=t.variant,F=void 0===D?"standard":D,H=n.__rest(t,["children","className","disabled","icon","iconRight","loading","loadingText","noRipple","size","spinnerColor","tag","themeOverride","type","variant"]),N=_||"button",W=function(n){return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"content",children:!g&&l}),e.jsx("div",{className:"content text",children:c}),e.jsx("span",{className:"content",children:g&&l}),"plain"!==F&&"text"!==F&&b&&e.jsxs(y,{children:[e.jsx(i.Spinner,{color:n,size:w(v)}),p]})]})},E=["amino-button",u||"",l&&!c?"only-icon":"",g?"icon-right":"",l?"has-icon":"",b?"loading":"",S].filter(Boolean).join(" "),P=o.useRef(null),M=a.useRipple({disabled:d||b,rippleEnabled:!f&&!["plain","text"].includes(F),rippleRef:P}),J=M.getRippleHandlers,K=M.rippleEnabled,L={className:E,disabled:d||b,size:v},Q=n.__assign(n.__assign(n.__assign({type:G},L),H),J(H));switch(F){case"primary":return e.jsxs(j,n.__assign({as:N,tabIndex:"div"===N?0:void 0},Q,{children:[W(k||Q.outline?"info":"white"),K&&e.jsx(r.RippleGroup,{ref:P})]}));case"success":return e.jsxs(C,n.__assign({as:N,tabIndex:"div"===N?0:void 0},Q,{children:[W(k||Q.outline?"success":"white"),K&&e.jsx(r.RippleGroup,{ref:P})]}));case"warning":return e.jsxs(A,n.__assign({as:N,tabIndex:"div"===N?0:void 0},Q,{children:[W(k||Q.outline?"warning":"white"),K&&e.jsx(r.RippleGroup,{ref:P})]}));case"danger":return e.jsxs(R,n.__assign({as:N,tabIndex:"div"===N?0:void 0},Q,{children:[W(k||Q.outline?"danger":"white"),K&&e.jsx(r.RippleGroup,{ref:P})]}));case"subtle":return e.jsxs(z,n.__assign({as:N,tabIndex:"div"===N?0:void 0},Q,{children:[W(k||"black"),K&&e.jsx(r.RippleGroup,{ref:P})]}));case"link":return e.jsxs(q,n.__assign({as:N,tabIndex:"div"===N?0:void 0},Q,{children:[W(k||"info"),K&&e.jsx(r.RippleGroup,{ref:P})]}));case"plain":return e.jsx(T,n.__assign({as:N,tabIndex:"div"===N?0:void 0},Q,{children:W(k)}));case"text":return e.jsx(O,n.__assign({as:N,tabIndex:"div"===N?0:void 0},Q,{children:W(k)}));default:return e.jsxs(B,n.__assign({as:N,tabIndex:"div"===N?0:void 0},Q,{children:[W(k||"black"),K&&e.jsx(r.RippleGroup,{ref:P})]}))}};
+"use strict";var o=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("clsx"),a=require("./RippleGroup.js"),e=require("./useRipple.js"),i=require("../spinner/Spinner.js"),m=require("../../styles/constants/theme.js"),_=require("../../utils/getAminoColor.js"),r=require("../../style-inject.es-d4ddeae4.js");function s(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js"),require("styled-components");var d=s(u),l={spinnerWrapper:"Amino_Button-module__spinnerWrapper--tgOjW",aminoButton:"Amino_Button-module__aminoButton--spa1s",text:"Amino_Button-module__text--uD3sd",onlyIcon:"Amino_Button-module__onlyIcon--HSsiQ",loading:"Amino_Button-module__loading--J6rUt",content:"Amino_Button-module__content--Hw0WG",hasIcon:"Amino_Button-module__hasIcon--WyBHM",iconRight:"Amino_Button-module__iconRight--rHggX","amino-spinner":"Amino_Button-module__amino-spinner--h2J8a",primaryButton:"Amino_Button-module__primaryButton--oqikL",outline:"Amino_Button-module__outline--1SRt-",successButton:"Amino_Button-module__successButton--vCdA9",standardButton:"Amino_Button-module__standardButton--sNzVf",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",textButton:"Amino_Button-module__textButton--NATCk"};r.styleInject(".Amino_Button-module__spinnerWrapper--tgOjW{align-items:center;border-radius:var(--amino-radius-6);bottom:0;display:flex;gap:var(--amino-space-8);justify-content:center;left:0;position:absolute;right:0;top:0}.Amino_Button-module__aminoButton--spa1s{align-items:center;background:var(--amino-button-background-color);border-radius:var(--amino-button-radius);box-sizing:border-box;color:var(--amino-button-color);cursor:pointer;display:flex;flex-direction:row;font-family:var(--amino-font-sans);font-size:var(--amino-font-size-base);font-weight:var(--amino-button-font-weight);height:var(--amino-button-size);justify-content:center;letter-spacing:normal;line-height:var(--amino-button-size);outline:none;padding:var(--amino-button-padding);position:relative;text-shadow:0 2px 4px rgba(0,0,0,.02),0 1px 2px rgba(0,0,0,.04);transition:var(--amino-transition),visibility 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:var(--amino-button-width)}.Amino_Button-module__aminoButton--spa1s svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s .Amino_Button-module__text--uD3sd{padding:0 var(--amino-space-4)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ{padding:0;width:var(--amino-button-size)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ .Amino_Button-module__text--uD3sd{padding:0}.Amino_Button-module__aminoButton--spa1s:active svg path:not([data-is-secondary-color]),.Amino_Button-module__aminoButton--spa1s:focus svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s:focus{outline:none}.Amino_Button-module__aminoButton--spa1s:active:not([disabled]){-webkit-transform:scale(.99);transform:scale(.99)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__loading--J6rUt .Amino_Button-module__content--Hw0WG{visibility:hidden}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM.Amino_Button-module__iconRight--rHggX svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:2px;margin-right:0;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:0;margin-right:2px;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not([disabled]):hover{background-image:var(--amino-button-hover-background-color)}.Amino_Button-module__aminoButton--spa1s[disabled]{cursor:not-allowed;opacity:var(--amino-disabled-opacity)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-primary) inset;color:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:transparent;box-shadow:0 0 0 1px var(--amino-primary) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:transparent}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:0 0 0 1px var(--amino-success) inset,var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-success) inset;color:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:transparent;box-shadow:0 0 0 1px var(--amino-success) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:transparent}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-button-standard)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-gray-300) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-gray-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-danger) inset;color:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:transparent;box-shadow:0 0 0 1px var(--amino-danger) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:transparent}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-warning) inset;color:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:transparent;box-shadow:0 0 0 1px var(--amino-warning) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:transparent}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk.Amino_Button-module__loading--J6rUt{color:transparent}");exports.Button=function(u){var r,s=u.children,B=u.className,c=u.disabled,p=void 0!==c&&c,A=u.icon,g=u.iconRight,b=u.loading,v=void 0!==b&&b,h=u.loadingText,w=u.noRipple,x=void 0!==w&&w,k=u.outline,f=void 0!==k&&k,y=u.size,S=void 0===y?"sm":y,W=u.spinnerColor,R=u.style,j=u.tag,z=void 0===j?"button":j,C=u.themeOverride,q=u.type,H=void 0===q?"button":q,L=u.variant,N=void 0===L?"standard":L,I=o.__rest(u,["children","className","disabled","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","themeOverride","type","variant"]),O=z,Y=function(){switch(S){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},G=d.default("amino-button",l.aminoButton,"plain"===N?"":l["".concat(N,"Button")],f&&l.outline,B||"",A&&!s?l.onlyIcon:"",g?l.iconRight:"",A?l.hasIcon:"",v?l.loading:"",C),V=t.useRef(null),T=e.useRipple({disabled:p||v,rippleEnabled:!x&&!["plain","text"].includes(N),rippleRef:V}),J=T.getRippleHandlers,Q=T.rippleEnabled,D={className:G,disabled:p||v,size:S},M=o.__assign(o.__assign(o.__assign({type:H},D),I),J(I));return n.jsxs(O,o.__assign({style:o.__assign(o.__assign({},R),{"--amino-button-background-color":function(){if(I.background)return _.getAminoColor(I.background)||"";switch(N){case"primary":return m.theme.primary;case"success":return m.theme.success;case"warning":return m.theme.warning;case"danger":return m.theme.danger;case"standard":return m.theme.surfaceColor;case"subtle":return"none";default:return""}}(),"--amino-button-color":function(){if(I.color)return _.getAminoColor(I.color)||"";switch(N){case"primary":case"success":case"warning":case"danger":return m.theme.gray0;case"link":return m.theme.primary;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-disabled-opacity":f?.6:1,"--amino-button-font-weight":function(){switch(S){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(I.hoverBackground&&"inherit"!==I.hoverBackground){var o=_.getAminoColor(I.hoverBackground);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(N){case"primary":return m.theme.buttonPrimaryHover;case"success":return m.theme.buttonSuccessHover;case"warning":return m.theme.buttonWarningHover;case"danger":return m.theme.buttonDangerHover;case"standard":return m.theme.buttonStandardHover;case"subtle":return m.theme.gray100;case"link":return m.theme.blue100;default:return""}}(),"--amino-button-padding":function(){switch(S){case"sm":return"".concat(m.theme.space4," ").concat(m.theme.space8);case"lg":case"xl":return"".concat(m.theme.space12," ").concat(m.theme.space24);default:return"".concat(m.theme.space8," ").concat(m.theme.space16)}}(),"--amino-button-radius":function(){switch(S){case"sm":return"".concat(m.theme.radius6);case"lg":case"xl":return"".concat(m.theme.radius10);default:return"".concat(m.theme.radius8)}}(),"--amino-button-size":"var(--amino-size-".concat(S,")"),"--amino-button-width":I.fitContentWidth?"fit-content":""}),tabIndex:"div"===z?0:void 0},M,{children:[(r=W||function(){switch(N){case"primary":return f?"info":"white";case"success":return f?"success":"white";case"warning":return f?"warning":"white";case"danger":return f?"danger":"white";case"link":return"info";default:return"black"}}(),n.jsxs(n.Fragment,{children:[n.jsx("span",{className:l.content,children:!g&&A}),n.jsx("div",{className:d.default(l.content,l.text),children:s}),n.jsx("span",{className:l.content,children:g&&A}),"plain"!==N&&"text"!==N&&v&&n.jsxs("span",{className:l.spinnerWrapper,children:[n.jsx(i.Spinner,{color:r,size:Y()}),h]})]})),Q&&n.jsx(a.RippleGroup,{ref:V})]}))};

package/components/button/ButtonIcon.d.ts

@@ -1,5 +1,5 @@
-import { Button } from "./Button";
+import { type ButtonProps } from "./Button";
 /**
  * A Button that is just an icon.
  */
-export declare const ButtonIcon: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
+export declare const ButtonIcon: ({ className, style, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/button/ButtonIcon.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("styled-components"),r=require("./Button.js"),t=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}require("react/jsx-runtime"),require("react"),require("./RippleGroup.js"),require("framer-motion"),require("uuid"),require("./_Ripple.js"),require("./useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getAminoColor.js");var o,i=a(e).default(r.Button)(o||(o=n.__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"])),t.theme.gray200,t.theme.gray800,t.theme.gray300,t.theme.gray400);exports.ButtonIcon=i;
+"use strict";var o=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("clsx"),e=require("./Button.js"),r=require("../../style-inject.es-d4ddeae4.js");function u(o){return o&&o.__esModule?o:{default:o}}require("react"),require("./RippleGroup.js"),require("framer-motion"),require("uuid"),require("./_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("./useRipple.js"),require("../spinner/Spinner.js"),require("styled-components");var i=u(n),s="Amino_ButtonIcon-module__buttonIcon--Tpzdm";r.styleInject(".Amino_ButtonIcon-module__buttonIcon--Tpzdm{padding:0}.Amino_ButtonIcon-module__buttonIcon--Tpzdm path[data-is-secondary-color]{fill:var(--amino-gray-200)}.Amino_ButtonIcon-module__buttonIcon--Tpzdm,.Amino_ButtonIcon-module__buttonIcon--Tpzdm:active,.Amino_ButtonIcon-module__buttonIcon--Tpzdm:focus,.Amino_ButtonIcon-module__buttonIcon--Tpzdm:hover{background:transparent;color:var(--amino-gray-800)}.Amino_ButtonIcon-module__buttonIcon--Tpzdm:hover path[data-is-secondary-color]{fill:var(--amino-gray-300)}.Amino_ButtonIcon-module__buttonIcon--Tpzdm:active path[data-is-secondary-color],.Amino_ButtonIcon-module__buttonIcon--Tpzdm:focus path[data-is-secondary-color]{fill:var(--amino-gray-400)}");exports.ButtonIcon=function(n){var r=n.className,u=n.style,a=o.__rest(n,["className","style"]);return t.jsx(e.Button,o.__assign({className:i.default(s,r),style:u},a))};

package/components/button/MenuButton.d.ts

@@ -16,4 +16,4 @@ export type MenuButtonProps = BaseProps & {
     closeOnSelect?: boolean;
     dropdownOptions?: UseDropdownParams;
 };
-export declare const MenuButton: ({ action, children, className, closeOnMouseLeave, closeOnSelect, dropdownOptions, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuButton: ({ action, children, className, closeOnMouseLeave, closeOnSelect, dropdownOptions, style, }: 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");require("react");var i=require("styled-components"),t=require("../../animations/DropdownAnimation.js"),o=require("../../styles/constants/theme.js"),s=require("../../utils/hooks/useDropdown.js");function a(n){return n&&n.__esModule?n:{default:n}}require("@floating-ui/react");var r,d,l,u=a(i),c=u.default.div(r||(r=n.__makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n"],["\n  position: relative;\n  display: inline-flex;\n"]))),m=u.default.div(d||(d=n.__makeTemplateObject(["\n  z-index: 10;\n  min-width: 100%;\n"],["\n  z-index: 10;\n  min-width: 100%;\n"]))),f=u.default.div(l||(l=n.__makeTemplateObject(["\n  background: ",";\n  border-radius: ",";\n  box-shadow: ",";\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  padding: ",";\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"],["\n  background: ",";\n  border-radius: ",";\n  box-shadow: ",";\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  padding: ",";\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"])),o.theme.surfaceColor,o.theme.radius12,o.theme.v3ShadowLarge,t.DropdownAnimation,o.theme.space8,o.theme.space4);exports.MenuButton=function(i){var t=i.action,o=i.children,a=i.className,r=i.closeOnMouseLeave,d=void 0===r||r,l=i.closeOnSelect,u=void 0===l||l,h=i.dropdownOptions,p=s.useDropdown(n.__assign({offsetCrossAxis:0,offsetMainAxis:0},h)),b=p.floatingStyles,v=p.refs,x=p.setVisible,w=p.visibility,g=p.visible,_=p.wrapperRef,j=function(){u&&x(!1)};return e.jsxs(c,{ref:_,className:a,onMouseLeave:function(){d&&x(!1)},children:[e.jsx("div",{ref:v.setReference,onClick:function(n){n.stopPropagation(),x(!0)},onKeyDown:function(n){"Enter"===n.key&&x(!0)},role:"button",tabIndex:0,children:t}),e.jsx(m,{ref:v.setFloating,style:n.__assign(n.__assign({},b),{visibility:w}),children:g&&e.jsx(f,{onClick:j,onKeyDown:function(n){"Enter"===n.key&&j()},role:"button",tabIndex:-1,children:o})})]})};
+"use strict";var n=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime");require("react");var e=require("clsx"),o=require("../../utils/hooks/useDropdown.js"),a=require("../../style-inject.es-d4ddeae4.js");function i(n){return n&&n.__esModule?n:{default:n}}require("@floating-ui/react");var r=i(e),s="Amino_MenuButton-module__wrapper--8bJ9E",l="Amino_MenuButton-module__dropdownWrapper--PvG4F",m="Amino_MenuButton-module__animatedSurface--rmPwS";a.styleInject("@-webkit-keyframes Amino_MenuButton-module__DropdownAnimation--lHvDn{0%{opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes Amino_MenuButton-module__DropdownAnimation--lHvDn{0%{opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes Amino_MenuButton-module__DropdownAnimationInverse--INu3m{0%{opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes Amino_MenuButton-module__DropdownAnimationInverse--INu3m{0%{opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.Amino_MenuButton-module__wrapper--8bJ9E{display:inline-flex;position:relative}.Amino_MenuButton-module__dropdownWrapper--PvG4F{min-width:100%;z-index:10}.Amino_MenuButton-module__animatedSurface--rmPwS{-webkit-animation:Amino_MenuButton-module__DropdownAnimation--lHvDn .25s ease-in-out;animation:Amino_MenuButton-module__DropdownAnimation--lHvDn .25s ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;background:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);margin-top:var(--amino-space-4);min-width:100%;padding:var(--amino-space-8);right:0;width:-webkit-max-content;width:max-content}");exports.MenuButton=function(e){var a=e.action,i=e.children,u=e.className,d=e.closeOnMouseLeave,c=void 0===d||d,f=e.closeOnSelect,p=void 0===f||f,_=e.dropdownOptions,w=e.style,v=o.useDropdown(n.__assign({offsetCrossAxis:0,offsetMainAxis:0},_)),b=v.floatingStyles,y=v.refs,x=v.setVisible,k=v.visibility,A=v.visible,M=v.wrapperRef,Y=function(){p&&x(!1)};return t.jsxs("div",{ref:M,className:r.default(s,u),onMouseLeave:function(){c&&x(!1)},style:w,children:[t.jsx("div",{ref:y.setReference,onClick:function(n){n.stopPropagation(),x(!0)},onKeyDown:function(n){"Enter"===n.key&&x(!0)},role:"button",tabIndex:0,children:a}),t.jsx("div",{ref:y.setFloating,className:l,style:n.__assign(n.__assign({},b),{visibility:k}),children:A&&t.jsx("div",{className:m,onClick:Y,onKeyDown:function(n){"Enter"===n.key&&Y()},role:"button",tabIndex:-1,children:i})})]})};

package/components/button/RippleGroup.d.ts

@@ -16,5 +16,6 @@ export type RippleGroupProps = {
      * @default 0.12
      */
     opacity?: number;
+    style?: React.CSSProperties;
 };
 export declare const RippleGroup: React.ForwardRefExoticComponent<RippleGroupProps & React.RefAttributes<RippleActions>>;

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

package/components/button/_Ripple.d.ts

@@ -1,13 +1,15 @@
 export type RippleProps = {
+    className: string;
     /** duration of the ripple */
     duration: number;
-    style: {
+    rippleStyle: {
         height: number;
         left: number;
         top: number;
         width: number;
     };
+    style?: React.CSSProperties;
     /** Removes the ripple */
     destroy: () => void;
 };
-export declare const Ripple: ({ destroy, duration, style }: RippleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Ripple: ({ className, destroy, duration, rippleStyle, style, }: RippleProps) => import("react/jsx-runtime").JSX.Element;

package/components/button/_Ripple.js

@@ -1 +1 @@
-"use strict";var t=require("react/jsx-runtime"),e=require("react");exports.Ripple=function(r){var c=r.destroy,i=r.duration,n=r.style;return e.useEffect((function(){var t=setTimeout((function(){c()}),i);return function(){clearTimeout(t)}}),[c,i]),t.jsx("span",{className:"ripple",style:{height:"".concat(n.height,"px"),left:"".concat(n.left,"px"),top:"".concat(n.top,"px"),width:"".concat(n.width,"px")}})};
+"use strict";var t=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("react");exports.Ripple=function(i){var s=i.className,c=i.destroy,n=i.duration,a=i.rippleStyle,o=i.style;return r.useEffect((function(){var t=setTimeout((function(){c()}),n);return function(){clearTimeout(t)}}),[c,n]),e.jsx("span",{className:s,style:t.__assign(t.__assign({},o),{height:"".concat(a.height,"px"),left:"".concat(a.left,"px"),top:"".concat(a.top,"px"),width:"".concat(a.width,"px")})})};

package/components/card/Card.d.ts

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

package/components/card/Card.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),a=require("../stack/HStack.js"),i=require("../text/Text.js"),t=require("../../styles/constants/theme.js"),n=require("../../style-inject.es-d4ddeae4.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("styled-components"),require("../stack/Stack.js");var d=o(r),s="Amino_Card-module__card--DJCwk",c="Amino_Card-module__cardHeader--UBcny",m="Amino_Card-module__cardFooter--Ea-tJ";n.styleInject(".Amino_Card-module__card--DJCwk{background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);padding:var(--padding-spacing)}.Amino_Card-module__card--DJCwk hr{margin-left:var(--margin);margin-right:var(--margin)}.Amino_Card-module__cardHeader--UBcny{align-items:center;border-bottom:var(--amino-border);display:flex;height:65px;line-height:65px;margin:var(--margin);margin-bottom:var(--margin-bottom);padding:var(--padding-spacing);-webkit-user-select:none;user-select:none}.Amino_Card-module__cardHeader--UBcny h5{flex:1;margin-bottom:0}.Amino_Card-module__cardFooter--Ea-tJ{align-items:center;background:var(--amino-surface-color-secondary);border-bottom-left-radius:var(--amino-radius-8);border-bottom-right-radius:var(--amino-radius-8);border-top:var(--amino-border);display:flex;height:var(--footer-height);justify-content:space-between;margin:var(--margin);margin-top:var(--margin-top);padding:var(--padding-spacing)}");exports.Card=function(r){var n=r.actions,o=r.children,l=r.className,g=r.footerActions,u=r.footerContent,p=r.footerHeight,h=r.label,_=r.spacing;return e.jsxs("div",{className:d.default(l,s),style:{"--footer-height":p?"".concat(p,"px"):"65px","--margin":_?"calc(".concat(_," * -1)"):t.theme.spaceNegative24,"--margin-bottom":_||t.theme.space24,"--margin-top":_||t.theme.space24,"--padding-spacing":_||t.theme.space24},children:[h&&e.jsxs("div",{className:c,children:[e.jsx(i.Text,{type:"subheader",children:h}),e.jsx(a.HStack,{spacing:8,children:n})]}),o,(g||u)&&e.jsxs("div",{className:m,children:[e.jsx("div",{children:u}),e.jsx(a.HStack,{spacing:8,children:g})]})]})};
+"use strict";var a=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),e=require("clsx"),i=require("../stack/HStack.js"),n=require("../text/Text.js"),o=require("../../styles/constants/theme.js"),d=require("../../style-inject.es-d4ddeae4.js");function t(a){return a&&a.__esModule?a:{default:a}}require("styled-components"),require("../stack/Stack.js");var c=t(e),s="Amino_Card-module__card--DJCwk",m="Amino_Card-module__cardHeader--UBcny",l="Amino_Card-module__cardFooter--Ea-tJ";d.styleInject(".Amino_Card-module__card--DJCwk{background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);padding:var(--amino-card-padding-spacing)}.Amino_Card-module__card--DJCwk hr{margin-left:var(--amino-card-margin);margin-right:var(--amino-card-margin)}.Amino_Card-module__cardHeader--UBcny{align-items:center;border-bottom:var(--amino-border);display:flex;height:65px;line-height:65px;margin:var(--amino-card-margin);margin-bottom:var(--amino-card-margin-bottom);padding:var(--amino-card-padding-spacing);-webkit-user-select:none;user-select:none}.Amino_Card-module__cardHeader--UBcny h5{flex:1;margin-bottom:0}.Amino_Card-module__cardFooter--Ea-tJ{align-items:center;background:var(--amino-surface-color-secondary);border-bottom-left-radius:var(--amino-radius-8);border-bottom-right-radius:var(--amino-radius-8);border-top:var(--amino-border);display:flex;height:var(--amino-card-footer-height);justify-content:space-between;margin:var(--amino-card-margin);margin-top:var(--amino-card-margin-top);padding:var(--amino-card-padding-spacing)}");exports.Card=function(e){var d=e.actions,t=e.children,g=e.className,u=e.footerActions,p=e.footerContent,_=e.footerHeight,h=e.label,v=e.spacing,b=e.style;return r.jsxs("div",{className:c.default(g,s),style:a.__assign(a.__assign({},b),{"--amino-card-footer-height":_?"".concat(_,"px"):"65px","--amino-card-margin":v?"calc(".concat(v," * -1)"):o.theme.spaceNegative24,"--amino-card-margin-bottom":v||o.theme.space24,"--amino-card-margin-top":v||o.theme.space24,"--amino-card-padding-spacing":v||o.theme.space24}),children:[h&&r.jsxs("div",{className:m,children:[r.jsx(n.Text,{type:"subheader",children:h}),r.jsx(i.HStack,{spacing:8,children:d})]}),t,(u||p)&&r.jsxs("div",{className:l,children:[r.jsx("div",{children:p}),r.jsx(i.HStack,{spacing:8,children:u})]})]})};

package/components/confirm-dialog/ConfirmContext.js

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

package/components/confirm-dialog/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../button/Button.js"),i=require("../dialog/BaseDialog.js"),o=require("../stack/VStack.js"),s=require("../text/Text.js"),a=require("../thumbnail/Thumbnail.js"),c=require("../../icons/ExclamationMarkDuotoneIcon.js"),u=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function m(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getAminoColor.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var g,j,p=m(r),x=p.default.div(g||(g=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=p.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),d.theme.space24,d.theme.space8),h=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return n.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return n.jsx(u.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}},b=function(e){switch(e){case"danger":return"red";case"warning":return"orange";default:return"blue"}},q=function(e){switch(e){case"danger":return"danger";case"warning":return"warning";default:return"primary"}};exports.ConfirmDialog=function(e){var r=e.confirmAction,c=e.confirmText,u=e.dismissAction,l=e.dismissText,d=e.intent,m=e.label,g=e.open,j=e.subtitle,p=e.themeOverride;return n.jsx(i.BaseDialog,{"data-theme":p,open:g,width:350,children:n.jsx(x,{children:n.jsxs(o.VStack,{spacing:24,children:[n.jsx(a.Thumbnail,{color:b(d),icon:h(d),size:40}),n.jsxs(o.VStack,{spacing:8,children:[n.jsx(s.Text,{type:"subheader",children:m}),j&&n.jsx(s.Text,{color:"gray800",lineHeight:"base",type:"body",children:j})]}),n.jsxs(f,{children:[n.jsx(t.Button,{onClick:u,size:"lg",variant:"standard",children:l}),n.jsx(t.Button,{onClick:r,size:"lg",variant:q(d),children:c})]})]})})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../button/Button.js"),i=require("../dialog/BaseDialog.js"),s=require("../stack/VStack.js"),o=require("../text/Text.js"),a=require("../thumbnail/Thumbnail.js"),c=require("../../icons/ExclamationMarkDuotoneIcon.js"),u=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,g,x=j(r),p=x.default.div(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),d.theme.space24),f=x.default.div(g||(g=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),d.theme.space24,d.theme.space8),h=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return n.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return n.jsx(u.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}},b=function(e){switch(e){case"danger":return"red";case"warning":return"orange";default:return"blue"}},q=function(e){switch(e){case"danger":return"danger";case"warning":return"warning";default:return"primary"}};exports.ConfirmDialog=function(e){var r=e.confirmAction,c=e.confirmText,u=e.dismissAction,l=e.dismissText,d=e.intent,j=e.label,m=e.open,g=e.subtitle,x=e.themeOverride;return n.jsx(i.BaseDialog,{"data-theme":x,open:m,width:350,children:n.jsx(p,{children:n.jsxs(s.VStack,{spacing:24,children:[n.jsx(a.Thumbnail,{color:b(d),icon:h(d),size:40}),n.jsxs(s.VStack,{spacing:8,children:[n.jsx(o.Text,{type:"subheader",children:j}),g&&n.jsx(o.Text,{color:"gray800",lineHeight:"base",type:"body",children:g})]}),n.jsxs(f,{children:[n.jsx(t.Button,{onClick:u,size:"lg",variant:"standard",children:l}),n.jsx(t.Button,{onClick:r,size:"lg",variant:q(d),children:c})]})]})})})};

package/components/confirm-dialog/useConfirm.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("styled-components"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getAminoColor.js"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../thumbnail/Thumbnail.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};
+"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("styled-components"),require("../button/Button.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../thumbnail/Thumbnail.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};